@charset "utf-8";
*{font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;}
body{margin:0px;font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4;background-image:url(../image/bg.jpg);background-repeat:repeat;}
input:focus{outline: -webkit-focus-ring-color auto 0;}
select:focus{outline: -webkit-focus-ring-color auto 0;}
textarea:focus{outline: -webkit-focus-ring-color auto 0;}
select { 
-webkit-appearance: none; /*Chrome*/
-moz-appearance: none; /*FF*/
appearance: none;/*CSS3*/
}
select::-ms-expand {
display: none; /*IE*/
}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.w100{width:100%;}
/* top */
.top-line{width:100%;background-image:url(../image/topline-bg.jpg);background-repeat:repeat-x;background-position:top center;height:43px;-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);box-shadow: 0 2px 5px rgba(0,0,0,0.3);}
.top-text{width:1280px;margin:0 auto;height:20px;padding-top:8px;}
.top-phone{color:#ffffff;font-size:19px;letter-spacing:1.5px;position:relative;left:3px;text-shadow:0 0 8px rgba(161,61,0,0.4)}
.top-mail{color:#ffffff;font-size:19px;float:right;letter-spacing:1.5px;text-shadow:0 0 8px rgba(161,61,0,0.4);cursor:pointer;}
.a-text{font-family:Arial;}
.tele-number{font-size:19.5px;}

.phone-icon{color:#ffffff;transform:scale(1.55,1.55);}
.mail-icon{position:relative;right:4px;top:-1px;transform:scale(1.1,1);}
/* top end */

/* main */
.main{width:1280px;margin:0 auto;height:auto;margin-top:54px;margin-bottom:108px;}
.page-main{width:1280px;margin:0 auto;height:auto;margin-top:4px;margin-bottom:108px;}
.css-table{display:table;}
.css-tr{display:table-row;}
.css-table2{display:table;}
.css-tr2{display:table-row;}
.board-corner{display:table-cell;width:20px;height:20px;}
.board-line-top{display:table-cell;height:21px;width:100%;background-image:url(../image/board-line-top.jpg);background-repeat:repeat-x;}
.board-line-bottom{display:table-cell;height:21px;width:100%;background-image:url(../image/board-line-bottom.png);background-repeat:repeat-x;}
.board-center{display:table-cell;background-color:#0d2613;height:auto;width:100%;text-align:center;padding-bottom:74px;}
.s-left{width:20px;background-image:url(../image/board-line-left.jpg);background-repeat:repeat-y;}
.s-right{width:20px;background-image:url(../image/board-line-right.jpg);background-repeat:repeat-y;}

.log-logo{margin-top:38px;margin-left:auto;margin-right:auto;display:block;}
.log-input-area{width:320px;height:auto;margin-top:41px;margin-left:auto;margin-right:auto;position:relative;}
.log-input{width:100%;height:54px;padding-left:40px;border:none;border-radius:10px;padding-top:5px;color:#4e4e4e;font-size:22px;}
.log-input2{width:100%;height:54px;padding-left:14px;padding-top:1px;border:none;border:solid 1px #a1a1a1;border-radius:10px;color:#4e4e4e;font-size:22px;letter-spacing:2.2px;background-color:#ffffff;}
.log-input3{width:100%;height:39px;border:1px solid #0063cc;color:#0063cc;font-size:20px;padding-left:12px;letter-spacing:1.9px;background-color:#ffffff;}
.log-input4{width:100%;height:39px;border:1px solid #ffffff;color:#ffffff;font-size:20px;padding-left:12px;letter-spacing:1.9px;background-color:transparent;}
.log-icon{background-image:url(../image/log-icon.jpg);background-repeat:no-repeat;background-position:16px 18px;}
.log-icon2{background-image:url(../image/log-icon2.jpg);background-repeat:no-repeat;background-position:19px 17px;}
.log-input-tip{color:#ffffff;font-size:18px;float:right;margin-top:3px;cursor:pointer;}
.log-bu{cursor:pointer;}
.log-bu-area{text-align:center;margin-top:61px;}
.log-bu-area2{text-align:center;margin-top:28px;position:relative;margin:0 auto;width:680px;}
.log-bu-area2 a{color:#ffffff;font-size:18px;}

.log-input::-webkit-input-placeholder {color:#4e4e4e;font-size:22px;}
.log-input::-moz-placeholder {color:#4e4e4e;font-size:22px;}
.log-input:-ms-input-placeholder {color:#4e4e4e;font-size:22px;}
.log-input:-moz-placeholder {color:#4e4e4e;font-size:22px;}

.select-arrow{background-image:url(../image/select-arrow.png);background-repeat:no-repeat;background-position:94% 24px;}
.select-arrow2{background-image:url(../image/select-arrow2.png);background-repeat:no-repeat;background-position:94% 16px;}
.select-arrow3{background-image:url(../image/select-arrow3.png);background-repeat:no-repeat;background-position:94% 16px;}
.log-input2::-webkit-input-placeholder {color:#4e4e4e;font-size:22px;letter-spacing:1.9px;}
.log-input2::-moz-placeholder {color:#4e4e4e;font-size:22px;letter-spacing:1.9px;}
.log-input2:-ms-input-placeholder {color:#4e4e4e;font-size:22px;letter-spacing:1.9px;}
.log-input2:-moz-placeholder {color:#4e4e4e;font-size:22px;letter-spacing:1.9px;}

.log-textarea::-webkit-input-placeholder {color:#4e4e4e;font-size:22px;letter-spacing:1.9px;}
.log-textarea::-moz-placeholder {color:#4e4e4e;font-size:22px;letter-spacing:1.9px;}
.log-textarea:-ms-input-placeholder {color:#4e4e4e;font-size:22px;letter-spacing:1.9px;}
.log-textarea:-moz-placeholder {color:#4e4e4e;font-size:22px;letter-spacing:1.9px;}

.input-tip{float:right;color:#989898;}
.input-tip2{float:right;color:#989898;position:relative;top:-5px;}
/* main end */

/* footer */
.footer{width:100%;height:112px;background-image:url(../image/footer-bg.jpg);background-repeat:repeat-x;text-align:center;color:#4c2400;font-size:20px;line-height:32px;}
.footer-text1{padding-top:30px;}
.footer-text2{padding-top:30px;display:none;}
/* footer end */

/* pup window */
.pup-area{    
    width: 100%;
    height: 100%;
	background:rgba(0%, 0%, 0%, 0.8) ;
    z-index: 120;
    position: fixed;
	top:0px;
}
.pup-area2{    
    width: 100%;
    height: 100%;
    z-index: 122;
    position:absolute;
	top:0px;
}
.pup-window{
    width: 95%;
    max-width: 792px;
	height:auto;
    border-radius:20px;
    background: white;
	position:relative;
	margin-top:12px;
	margin-bottom:24px;
    margin-left:auto;
    margin-right:auto;
	background-image:url(../image/window-top-bg.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	z-index: 124;
}
.pup-window2{
    width:100%;
	border:3px solid #ff8a00;
    border-radius:20px;
    background: white;
	position:absolute;
	z-index: 124;
}
.pup-window3{
    width: 95%;
    max-width:1046px;
	height:auto;
    border-radius:20px;
    background: white;
	position:relative;
	margin-top:12px;
	margin-bottom:24px;
    margin-left:auto;
    margin-right:auto;
	background-image:url(../image/window-top-bg.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	z-index: 124;
}
.pup-window4{
    width: 95%;
    max-width:582px;
	height:auto;
    border-radius:20px;
    background: white;
	position:absolute;
	border:3px solid #ff8a00;
	z-index: 124;
	padding:24px;
	padding-top:19px;
	text-align:left;
	bottom:0px;
	left:50%;
	margin-left:-291px;
}
.puppup-window{width:100%;height:499px;background-color:rgba(255,255,255,0.6);position:absolute;top:0px;left:0px;z-index:200;border-radius:20px;}

.g-recaptcha{margin-top:14px;}
.g-recaptcha > div{margin-left:auto;margin-right:auto;}

.w-style1{height:auto;top:-485px;text-align:left;padding:22px;padding-top:19px;z-index:120;}
.w-style2{height:auto;top:-81px;text-align:left;padding:24px;padding-top:19px;z-index:120;}
.w-style3{height:auto;top:-176px;text-align:left;padding:24px;padding-top:19px;z-index:120;}
.w-style3-2{max-width:582px;width:100%;left:50%;margin-left:-291px;padding:25px;text-align:left;padding-top:19px;}
.w-style4{max-width:290px;left:50%;margin-left:-145px;padding:25px;text-align:left;}
.w-style4-2{max-width:290px;left:50%;margin-left:-145px;padding:25px;text-align:left;position:relative;padding-top:19px;top:20%;}
.w-title{font-size:24px;color:#4e4e4e;letter-spacing:1.9px;}
.w-title-img{position:relative;top:3px;;width:25px;height:auto}
.text-contain{color:#4e4e4e;line-height:26px;letter-spacing:1px;height:361px;overflow-y:scroll;margin-top:14px;}
.ok-cancel-bu{text-align:center;margin-top:24px;cursor:pointer;}
.bu-size{width:140px;height:auto;margin:0px 10px;}
.bu-size2{width:114px;height:auto;}
.mar-blueinput{margin-left:5px;}
.mar10{margin-top:10px;}
.mar14{margin-top:14px;}
.mar20{margin-top:20px;}
.mar24{margin-top:24px;}
.mar88{margin-top:88px;}
.mar-r10{margin-right:10px;}
.mar-l10{margin-left:10px;}

.head-pic{height:150px;width:150px;border-radius:50%;margin-top:10px;}
.mail-tip{margin-top:10px;line-height:28px;}

.window-title{position:absolute;top:13px;left:27px;color:#4c2400;font-size:28px;font-weight:bold;}
.window-title span{position:relative;left:5px;top:1px;}
.pup-close {
    cursor: pointer;
	float:right;
}
.form-window{padding-top:92px;padding-left:37px;padding-right:37px;padding-bottom:45px;}
.trans{transform:rotateY(180deg);font-size:24.5px !important;}
.trans2{transform:rotateY(180deg);}
.css-td{display:table-cell;}
.td-style1{width:110px;font-size:22px;color:#4e4e4e;vertical-align:middle;}
.td-style2{padding:0px 14px;vertical-align:middle;}
.td-style2-2{padding-left:14px;vertical-align:middle;}
.td-style3{width:60px;font-size:22px;color:#4e4e4e;vertical-align:middle;}
.td-style1 i{margin-right:5px;}
.td-style2 div{background:#c9c9c9;height:1px;width:100%}
.td-style2-2 div{background:#c9c9c9;height:1px;width:100%;}

.td-style4{width:116px;font-size:22px;color:#4e4e4e;padding:0px 14px;vertical-align:middle;}

.log-input2-area100{position:relative;width:100%;float:left;}
.log-input2-area66{position:relative;width:66.6666%;float:left;}
.log-input2-area50{position:relative;width:50%;float:left;padding-left:14px;}
.log-input2-area50-2{position:relative;width:50%;float:left;padding-left:14px;}
.log-input2-area50-3{position:relative;width:50%;float:left;padding-left:14px;}
.log-input2-area50-4{position:relative;width:50%;float:left;padding:0px;}
.log-input2-area33{position:relative;width:33.3333%;float:left;padding-left:14px;}
.log-input2-area33-2{position:relative;width:33.3333%;float:left;padding-left:14px;}
.log-input2-area25{position:relative;width:25%;float:left;padding-left:14px;}
.log-input2-area25-2{position:relative;width:25%;float:left;padding-left:14px;}
.log-input2-area25-3{position:relative;width:25%;float:left;padding-left:14px;}
.log-input2-area25-4{position:relative;width:25%;float:left;padding:0px;}

.log-input2-area50-4:nth-child(even){text-align:right;}
.log-input2-area25-4:nth-child(1){text-align:left;}
.log-input2-area25-4:nth-child(2){text-align:center;}
.log-input2-area25-4:nth-child(3){text-align:center;}
.log-input2-area25-4:nth-child(4n+1){text-align:left;}
.log-input2-area25-4:nth-child(4n+2){text-align:center;}
.log-input2-area25-4:nth-child(4n+3){text-align:center;}
.log-input2-area25-4:nth-child(4n){text-align:right;}

.log-input2-area50-4 input[type="checkbox"]{transform:scale(1.5,1.5);position:relative;top:-1px;}
.log-input2-area25-4 input[type="checkbox"]{transform:scale(1.5,1.5);position:relative;top:-1px;}
.log-input2-area50-4 span{font-size:21px;color:#4e4e4e;}
.log-input2-area25-4 span{font-size:21px;color:#4e4e4e;}

.input-area-top{margin-top:14px;}
.log-textarea{width:100%;height:210px;padding:14px;padding-top:10px;border:none;border:solid 1px #a1a1a1;border-radius:10px;color:#4e4e4e;font-size:22px;letter-spacing:2.2px;}
.blue-input{width:231px;float:left;}

.course-tip{font-size:19px;color:#4e4e4e;margin-bottom:16px;}
.course-area{height:100%;max-height:710px;overflow-y:scroll;margin-top:20px;padding-bottom:20px;}
.css-table2:first-child{margin-top:0px;}
.course-infor-area{
display:table-cell;height:98px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
box-shadow: 0 2px 5px rgba(0,0,0,0.4);
border-radius:5px;
color:#4e4e4e;
}
.course-infor-date{
display:table-cell;width:98px;height:98px;
background: #0090ff; /* Old browsers */
background: -moz-linear-gradient(top, #0090ff 0%, #0043a8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0090ff 0%,#0043a8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0090ff 0%,#0043a8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090ff', endColorstr='#0043a8',GradientType=0 ); /* IE6-9 */
color:#ffffff;
border-top-left-radius:5px;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
border-bottom-left-radius:5px;
position:relative;
}
.course-infor-date-text{text-align:center;font-size:24px;line-height:26px;position:absolute;top:24px;left:16px;}
.date-number{font-family:Arial;font-weight:bold;font-size:60px;}
.date-text{display:none;}
.date-text2{}
.course-infor{display:table-cell;float:left;height:98px;padding-left:15px;padding-top:12px;font-size:19px;}
.course-infor-t1{width:100%;float:left;position:relative;top:-4px;}
.course-infor-t2{width:50%;float:left;}
.course-infor-t3{width:50%;float:left;position:relative;top:4px;}
.course-cancel-area{display:table-cell;width:108px;height:98px;}
.course-cancel-icon{
width:99px;height:98px;float:right;
background: #0090ff; /* Old browsers */
background: -moz-linear-gradient(top, #0090ff 0%, #0043a8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0090ff 0%,#0043a8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0090ff 0%,#0043a8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090ff', endColorstr='#0043a8',GradientType=0 ); /* IE6-9 */
color:#ffffff;
text-align:center;font-size:50px;line-height:8px;padding-top:12px;
}
.course-cancel-icon > i{position:relative;left:8px}
.course-cancel-icon span i{display:none;}
.course-infor-window{width:655px;height:auto;max-height:720px;position:absolute;top:20px;background-color:#ffffff;border:3px solid #ff8a00;z-index:125;left:50%;margin-left:-327.5px;border-radius:15px;padding:23px 34px;color:#4e4e4e;font-size:22px;overflow-y:scroll;}

#message-report-detail-div .message-div{width:577px;}
.message-div p{text-overflow:ellipsis;overflow:hidden;margin-top:0px;}
#message-report-detail-div .show-all{text-align:right;margin-top:5px;color:#0063cc;cursor:pointer;}

.td1{padding:7px 0px;width:112px;vertical-align:top;}
.td2{padding:7px 0px;}
.td3{padding-top:25px;text-align:center;}
.infor-date{font-size:18px;font-family:arial;color:#c9c9c9;}

.message-tip{font-size:19px;color:#4e4e4e;margin-bottom:5px;position:relative;}
.message-tip span{color:#0063cc;position:absolute;right:0px;}
.message-area{
width:100%;height:108px;position:relative;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
box-shadow: 0 2px 5px rgba(0,0,0,0.4);
border-radius:5px;
color:#4e4e4e;
margin-top:14px;
}
#message-infor-elements-div{height:auto;max-height:670px;overflow-y:scroll;padding:0 3px;}
.mar40{margin-top:15px;}
.message-icon{
width:108px;height:108px;position:absolute;
background: #0090ff; /* Old browsers */
background: -moz-linear-gradient(top, #0090ff 0%, #0043a8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0090ff 0%,#0043a8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0090ff 0%,#0043a8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090ff', endColorstr='#0043a8',GradientType=0 ); /* IE6-9 */
color:#ffffff;
border-top-left-radius:5px;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
border-bottom-left-radius:5px;
}
.message-icon i{font-size:70px;position:relative;top:19px;left:21px;}
.message-infor{width:100%;height:108px;padding-left:123px;padding-top:10px;}
.message-infor-t1{width:100%;font-size:24px;font-weight:bold;float:left;}
.message-infor-t2{width:50%;font-size:19px;float:left;}
.c3{position:relative;top:5px;}
.c4{position:relative;top:7px;}

.calendar-tip-red{font-size:19px;float:left;}
.calendar-tip-red img{position:relative;top:1px;}
.calendar-tip-red span{color:#FF0004;}
.calendar-tip-blue{font-size:19px;margin-left:40px;float:left;}
.calendar-tip-blue img{position:relative;top:1px;}
.calendar-tip-blue span{color:#0063cc;}
.calendar-tip-gray{text-align:right;position:relative;top:-24px;font-size:19px;color:#989898;}
.dis1{display:none;}

.member-tip-area{height:600px;overflow-y:scroll;}
.member-tip{font-size:20px;line-height:30px;margin-bottom:30px;}
.member-tip-title{font-size:24px;margin-bottom:5px;}
.member-tip-title-kind{font-size:22px;margin-top:10px;}
.member-tip p{margin:0px;}
/* pup window end */


/* page */
.top-area{width:1280px;margin:0 auto;height:auto;margin-top:46px;}

.head-pic2{-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.35);-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.35);box-shadow: 0 2px 4px rgba(0,0,0,0.35);width:52px;height:52px;border-radius:50%;position:relative;top:10px;left:-3px;}
.top-bu-area{float:right;position:relative;top:-26px;}
.top-bu-all{position:relative;top:-12px;left:3px}
.top-bu{color:#4e4e4e;font-size:20px;padding-left:20px;padding-right:16px;background-image:url(../image/bu-line.png);background-repeat:no-repeat;background-position:0px 5px;margin-left:-4px}
.top-bu span{cursor:pointer;}
.bu-icon1{font-size:18px;position:relative;top:-2px;}
.member-name{color:#4e4e4e;font-size:26px;font-weight:bold;}
.member-title{color:#4e4e4e;font-size:20px;padding-right:16px;}
.bell-number{background-color:#FF0004;color:#ffffff;border-radius:50%;padding:1px 5px;font-size:14px;font-weight:bold;font-family:arial;position:relative;top:-2px;left:-4px;}

.logo-area .web-logo{position:relative;top:3px;float:left;}
.bottom-bg{
width:735px;height:50px;border-radius:8px;float:right;margin-top:-12px;
background: #f3f3f3; /* Old browsers */
background: -moz-linear-gradient(top, #f3f3f3 0%, #cfcfcf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f3f3f3 0%,#cfcfcf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f3f3f3 0%,#cfcfcf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#cfcfcf',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.45);
-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.45);
box-shadow: 0 3px 10px rgba(0,0,0,0.45);
}
.bottom-bu{position:relative;top:-38px;width:735px;height:50px;float:right;margin-top:-12px;}
.bottom-bu ul{width:100%;height:50px;list-style:none;padding:0px;margin-top:0px;}
.bottom-bu ul li{float:left;font-size:21px;color:#4e4e4e;font-weight:bold;letter-spacing:1.1px;width:25%;text-align:center;height:50px;padding-top:11px;cursor:pointer;}
.bottom-bu ul li:first-child{
border-top-left-radius:8px;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
border-bottom-left-radius:8px;
}
.bottom-bu ul li:last-child{
border-top-left-radius:0px;
border-top-right-radius:8px;
border-bottom-right-radius:8px;
border-bottom-left-radius:0px;
}
.bottom-bu ul li:hover{
background: #0090ff; /* Old browsers */
background: -moz-linear-gradient(top, #0090ff 0%, #0043a8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0090ff 0%,#0043a8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0090ff 0%,#0043a8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090ff', endColorstr='#0043a8',GradientType=0 ); /* IE6-9 */
color:#ffffff;
}

.active{
background: #0090ff; /* Old browsers */
background: -moz-linear-gradient(top, #0090ff 0%, #0043a8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0090ff 0%,#0043a8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0090ff 0%,#0043a8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090ff', endColorstr='#0043a8',GradientType=0 ); /* IE6-9 */
color:#ffffff !important;
}

.bottom-bu ul li i{margin-right:2px;}
.bottom-bu-in{display:none !important;}
.bottom-bg div{display:none;}

.infor-area{position:relative;padding:0 37px;}
.prove-pic{position:absolute;right:37px;top:-21px;width:192px;height:238px;background-image:url(../image/prove-pic.png)}
.prove-pic img{position:relative;top:21px;right:1px;}
.infor-tab{color:#ffffff;font-size:26px;letter-spacing:2.8px;margin-top:21px;}
.stu-list-area{padding-left:40px;padding-right:40px;border-bottom:1px solid #ffffff;padding-bottom:36px;}
.course-arrange-area{padding-left:40px;padding-right:40px;}
.stu-list-tab{color:#ffffff;font-size:26px;letter-spacing:2.8px;margin-top:21px;}
.infor-tab table{text-align:left;}
.stu-list-tab table{text-align:left;}
.infor-tab td{padding:12px 0px;}
.stu-list-tab td{padding:3px 0px;}
.infor-bu-area{color:#ffffff;font-size:26px;letter-spacing:2.8px;font-weight:bold;float:right;margin-top:51px;}
.infor-bu{float:left;margin-left:39px;text-decoration:underline;cursor:pointer;}
.infor-bu img{width:26px;height:auto;position:relative;top:5px;right:3px;}
.infor-bu i{margin-right:2px;}

.nolist-tip{color:#ffffff;font-size:26px;padding-top:140px;height:400px;}
.bu-list-add{text-align:center;margin-top:58px;cursor:pointer;}

.td-style1 input[type="checkbox"]{transform:scale(1.5,1.5);margin-left:15px;position:relative;top:-2px;}

.class-record-area:nth-child(odd){width:50%;float:left;padding-right:20px;margin-top:27px;cursor:pointer;}
.class-record-area:nth-child(even){width:50%;float:left;padding-left:20px;margin-top:27px;cursor:pointer;}

.class-title{font-size:26px;font-weight:bold;padding-bottom:10px;}
.class-detail{font-size:20px;line-height:30px;letter-spacing:1px;}
.star{width:24px;height:auto;}

.stu-list-tip{color:#ffffff;text-align:left;font-size:19px;position:relative;top:15px;}
.stu-list-tip a{text-decoration:underline;color:#ffffff;}
input[readonly="readonly"]{color:#989898;cursor:no-drop;}
.log-input2-area50-3:nth-child(odd){text-align:right;}
.log-input2-area50-3 input[type="checkbox"]{transform:scale(1.5,1.5);position:relative;top:-1px;}
.log-input2-area50-3 span{font-size:21px;color:#4e4e4e;}

.no-record{font-size:30px;color:#ffffff;margin-top:100px;}
.no-record2{text-align:center;font-size:25px;color:#4e4e4e;margin-top:40px;}
.no-record3{position:relative;top:10px;font-size:20px;font-weight:normal;color:#4e4e4e;}
.infor-box input[type="checkbox"]{transform: scale(1.5,1.5);position:relative;top:0px;margin-right:4px}
/* page end*/



/* RWD */
@media (max-width:1300px) {
.top-text{width:95%;}
.main{width:95%;}
.page-main{width:95%;}
.top-area{width:95%;}
}
@media (max-width:1250px) {.logo-area .web-logo{position:relative;top:24px;}.bottom-bg{margin-top:8px;}}
@media (max-width:1187px) {.logo-area .web-logo{top:-35px;}}
@media (max-width:1170px) {
.top-bu i{display:none;}
.top-bu img{display:none;}
.bottom-bg{width:685px;}
.bottom-bu{width:685px;}
.logo-area .web-logo{width:320px;height:auto;top:26px;}
.class-record-area:nth-child(odd){width:100%;padding-right:0px;}
.class-record-area:nth-child(even){width:100%;padding-left:0px;}
}
@media (max-width:1100px) {
.page-main{margin-top:30px;}
.bottom-bg{
width:180px;
background: #0090ff; /* Old browsers */
background: -moz-linear-gradient(top, #0090ff 0%, #0043a8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0090ff 0%,#0043a8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0090ff 0%,#0043a8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090ff', endColorstr='#0043a8',GradientType=0 ); /* IE6-9 */
}
.bottom-bg div{display:block;color:#ffffff;font-weight:bold;letter-spacing:1.1px;text-align:center;width:100%;font-size:26px;padding-top:8px;}
.bottom-bg div i{margin-right:4px;font-size:27.5px !important;}
.bottom-bu{top:25px;width:100%;height:auto;float:right;border:1px solid #c9c9c9;background-color:#ffffff;margin-bottom:10px;display:none;}
.bottom-bu ul{}
.bottom-bu ul li{width:100%;text-align:left;height:60px;padding-top:15px;padding-bottom:15px;padding-left:25px;padding-right:22px;font-size:22px;border-bottom:1px solid #c9c9c9;}
.bottom-bu ul li:first-child{
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
}
.bottom-bu ul li:last-child{
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
border-bottom:0px;
}
.bottom-bu-in{display:inline !important;float:right;position:relative;top:5px;font-size:25px !important;}
.stu-list-area{padding-left:0px;padding-right:0px;}
.course-arrange-area{padding-left:0px;padding-right:0px;}
}
@media (max-width:1093px) {.stu-list-tip{top:3px;}}
@media (max-width:1072px) {.logo-area .web-logo{top:20px;}.page-main{margin-top:30px;}.bottom-bu{top:-10px;}}
@media (max-width:1046px) {.logo-area .web-logo{top:-35px;} .page-main{margin-top:0px;}}
@media (max-width:1020px) {.dis1{display:block;}.dis2{display:none;}}
@media (max-width:1000px) {
.infor-tab{font-size:24px;}
.infor-bu-area{font-size:24px;}
.stu-list-tab{font-size:24px;}
.log-input2-area25{width:50%;}
.log-input2-area25-2{width:50%;margin-top:14px;padding-left:0px;}
.log-input2-area25-3{width:50%;margin-top:14px;padding-left:14px;}
.log-input2-area50-2{width:100%;padding-left:0px;margin-top:14px;}
}

@media (max-width:965px) {.logo-area .web-logo{top:-10px;}.bottom-bg{margin-top:32px;}.page-main{margin-top:20px;}.bottom-bu{top:10px;}}
@media (max-width:950px) {.infor-bu-area{width:100%;}.infor-bu{margin-left:0px;width:50%;height:60px;text-align:left;}.calendar-tip-gray{text-align:left;position:static;margin-top:5px;}}

@media (max-width:880px) {.top-bu-area{width:100%;text-align:right;}.logo-area{padding-top:0px;}.top-bu-noline{background-image:none;}}
@media (max-width:850px) {.prove-pic{width:169px;height:210px;background-size:169px 210px;}.prove-pic img{width:125px;height:auto;right:0px;top:20px;}}
@media (max-width:800px) {.head-pic2{display:none;}.member-name{font-size:20px;font-weight:normal;}.top-bu-all {top:0px;}#change-profile-image-link{display:none;}}
@media (max-width:770px) {.infor-tab{font-size:23px;}.infor-bu-area{font-size:23px;}.stu-list-tab{font-size:23px;}}
@media (max-width:750px) {.infor-tab{margin-top:210px;}.prove-pic{position:absolute;left:37px;top:-210px;}.course-infor-window{width:550px;height:auto;margin-left:-275px;}.stu-list-tab{margin-top:10px;}#message-report-question .mail-question{width:472px;}}
@media (max-width:740px) {
.log-input2-area66{width:50%;}
.log-input2-area33{width:50%;}
.log-input2-area50{width:100%;padding-left:0px;margin-top:14px;}
.log-input2-area33-2{width:100%;padding-left:0px;margin-top:14px;}
.log-input2-area25{width:100%;padding-left:0px;margin-top:14px;}
.log-input2-area25-2{width:100%;padding-left:0px;margin-top:14px;}
.log-input2-area25-3{width:100%;padding-left:0px;}
select { background-position:97% 24px;}
.log-bu-area2{width:95%;}
.message-infor-t2{width:100%;}
.message-area{height:162px;}
#message-infor-elements-div{max-height:450px;}
.message-icon{height:162px;}
.message-icon i{top:47px;}
.stu-list-tip{top:0px;margin-top:-10px;padding:0px 10px;}
.mar0{margin-top:0px !important;}
.w-style3-2{max-width:100%;left:0px;margin-left:0px;}
}

@media (max-width:700px) {
.form-window {padding-top:82px;padding-left:27px;padding-right:27px;padding-bottom:35px;}
.css-table2{display:block;}
.css-tr2{display:block;position:relative;}
.course-infor{display:block;height:100px;}
.date-number{font-size:26px;}
.date-text{display:inline;}
.date-text2{display:none;}
.course-infor-date-text{top:7px;letter-spacing:2.2px;}
.course-infor-date {
display:block;width:100%;height:40px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
}
.course-cancel-area {display:block;width:108px;height:auto;position:absolute;top:0px;right:7px;}
.course-cancel-icon{width:108px;height:auto;padding-top:0px;padding-bottom:5px;}
.course-cancel-icon > i{display:none;}
.course-cancel-icon span {position:relative;top:-4px;right:-2px;}
.course-cancel-icon span i{display:inline-block;position:relative;top:-1px;left:-2px;}
.course-area{padding-left:1px;padding-right:1px;max-height:783px;}
}

@media (max-width:670px) {.logo-area{padding-top:75px;}.pup-window4{width:100%;left:0%;margin-left:0px;}.member-name{display:none;}.member-title{display:none;}.logo-area .web-logo{top:-42px;}.bottom-bg {margin-top:0px;}.page-main {margin-top:0px;}.bottom-bu{top:-20px;}}
@media (max-width:620px) {
.main{margin-top:27px;}
.footer-text1{display:none;}
.footer-text2{display:block;}
.footer{height:147px;background-image:url(../image/footer-bg2.jpg);}
.top-phone{letter-spacing:1.2px;}
.top-mail{letter-spacing:1.2px;}
.footer{margin-top:54px;}
.blue-input{width:160px;}

.log-input2-area25-4{width:33.3333%;}
.log-input2-area25-4:nth-child(1){text-align:left;}
.log-input2-area25-4:nth-child(2){text-align:center;}
.log-input2-area25-4:nth-child(3){text-align:right;}
.log-input2-area25-4:nth-child(3n+1){text-align:left;}
.log-input2-area25-4:nth-child(3n+2){text-align:center;}
.log-input2-area25-4:nth-child(3n){text-align:right;}
.puppup-window{height:542px;}
}

@media (max-width:586px) {.message-tip span{left:0px;top:33px;}.mar40{margin-top:15px;}.message-tip{margin-bottom:45px;}}
@media (max-width:574px) {.course-infor-window{width:450px;height:auto;margin-left:-225px;}#message-report-question .mail-question{width:372px;}}
@media (max-width:560px) {
.logo-area .web-logo{width:300px;height:auto;}
.bottom-bg div{font-size:23px;padding-top:8px;}
.bottom-bg div i{font-size:24.5px !important;}
.bottom-bg{height:45px;width:150px;}
.top-bu{font-size:19px;padding-left:18px;padding-right:14px;}
.infor-bu{width:100%;}
.member-tip{font-size:18px;}
.member-tip-title{font-size:22px;}
.member-tip-title-kind{font-size:20px;}
}
@media (max-width:530px) {
.log-input2-area66{width:100%;padding-right:0px;}
.log-input2-area33{width:100%;padding-left:0px;margin-top:14px;}
select { background-position:95% 24px;}
.course-infor{height:155px;}
.course-area{max-height:1058px;}
.course-infor-t2{width:100%;}
.course-infor-t3{width:100%;top:6px;}
.calendar-tip-red{width:100%;font-size:17px;}
.calendar-tip-blue{width:100%;margin-left:0px;font-size:17px;margin-top:5px;}
.calendar-tip-gray{width:100%;font-size:17px;}
.log-input2-area25-4{width:50%;}
.log-input2-area25-4:nth-child(1){text-align:left;}
.log-input2-area25-4:nth-child(2n+1){text-align:left;}
.log-input2-area25-4:nth-child(2n){text-align:left;}
.puppup-window{height:694px;}
}
@media (max-width:500px) {
.logo-area .web-logo{width:340px;height:auto;float:none;display:block;margin-left:auto;margin-right:auto;}
.bottom-bg div{font-size:22px;padding-top:8px;}
.bottom-bg{height:45px;width:100%;margin-top:-18px;}
.logo-area {padding-top:60px;}
.page-main {margin-top:20px;}
.top-bu{font-size:18px;padding-left:16px;padding-right:12px;}
.bottom-bu ul li {height: 55px;padding-top:14px;padding-bottom:12px;padding-left:22px;padding-right:19px;font-size:20px;}
.bottom-bu-in {top:5px;font-size:23px !important;}
.w-style4{left:0px;margin-left:0px;}
.bottom-bu{top:20px;}
}

@media (max-width:475px) {
.course-infor-window{width:350px;height:auto;margin-left:-175px;padding:20px 20px;font-size:19px;}.td1{width:95px;}.course-infor-bu{width:130px;height:auto;}
#message-report-question .mail-question{width:300px;}
.message-icon{
width:100%;
height:40px;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
}
.message-infor-t1{color:#ffffff;position:absolute;top:6px;left:42px;font-weight:normal;font-size:21px;}
.message-infor{padding-left:15px;padding-right:15px;}
.message-icon i{top:10px;left:16px;;font-size:20px;}
.c3{top:40px;}
.c4{top:42px;}
.class-detail{font-size:19px;}
.blue-input{width:100%;}
.mar-blueinput{margin-left:0px;margin-top:10px;}
.star{width:22px;height:auto;}
.td1{padding:5px 0px;}
.td2{padding:5px 0px;}
.log-input2-area50-4 input[type="checkbox"]{transform:scale(1.4,1.4);top:0px;}
.log-input2-area25-4 input[type="checkbox"]{transform:scale(1.4,1.4);top:0px;}
.log-input2-area50-4 span{font-size:20px;}
.log-input2-area25-4 span{font-size:20px;}
.puppup-window{height:681px;}
.e1{display:none;}
}

@media (max-width:460px) {
.bottom-bg div i{position:relative;left:2px;}
.top-bu{font-size:17px;padding-left:10px;padding-right:6px;}
.c1{position:relative;top:4px;}
.c2{top:8px;}
}
@media (max-width:450px) {
.footer{height:140px;font-size:18px;line-height:30px;}
.top-text{padding-top:10px;}
.top-phone{font-size:17px;left:0px;}
.top-mail{font-size:17px;}
.phone-icon{display:none !important;}
.tele-number{font-size:18px;}
.log-logo{width:210px;height:161px;}
.log-input-area{width:280px;}
.log-bu{width:110px;height:50px;}
.log-bu-area{margin-top:41px;}
.board-center{padding-bottom:37px;}
.window-title{position:absolute;top:16px;}
.w-style2{top:-126px;}
.w-style3{top:-201px;}
.infor-bu-area{letter-spacing:1.8px;}
.infor-tab{font-size:21px;}
.stu-list-tab{font-size:21px;}
.infor-bu-area{font-size:21px;}
.infor-bu img{width:23px;height:auto;}
.infor-area{padding:0 27px;}
.prove-pic{left:27px;}
.bu-size{width:130px;height:auto;}
.log-input2{font-size:20px;letter-spacing:1px;}
.log-input2::-webkit-input-placeholder {font-size:20px;letter-spacing:1px;}
.log-input2::-moz-placeholder {font-size:20px;letter-spacing:1px;}
.log-input2:-ms-input-placeholder {font-size:20px;letter-spacing:1px;}
.log-input2:-moz-placeholder {font-size:20px;letter-spacing:1px;}
.log-textarea::-webkit-input-placeholder {font-size:20px;letter-spacing:1px;}
.log-textarea::-moz-placeholder {font-size:20px;letter-spacing:1px;}
.log-textarea:-ms-input-placeholder {font-size:20px;letter-spacing:1px;}
.log-textarea:-moz-placeholder {font-size:20px;letter-spacing:1px;}
.bu-list-add{margin-top:30px;}
.bu-list-add img{width:170px;height:auto;}
.trans{font-size:21px !important;}
.td-style1{font-size:20px;}
.td-style1 input[type="checkbox"] {transform:scale(1.4,1.4);margin-left:15px;top:-1px;}
.log-input2-area50-3 span{font-size:20px;}
.w-title {font-size:22px;letter-spacing:1px;}
.mar-r10{margin-right:0px;}
.mar-l10{margin-left:0px;margin-top:10px;}
.puppup-window{height:689px;}
.no-record{font-size:25px;}
}

@media (max-width:425px) {
.infor-bu-area{letter-spacing:1px;}.infor-tab{font-size:19px;}.stu-list-tab{font-size:19px;}
.log-input3{height:39px;font-size:18px;padding-left:8px;letter-spacing:1px;}
.log-input4{height:39px;font-size:18px;padding-left:8px;letter-spacing:1px;}
}
@media (max-width:421px) {
.e2{margin-top:20px;}
.puppup-window{height:755px;}
}
@media (max-width:418px) {.s1{margin-top:8px;}}
@media (max-width:400px) {
.top-bu{font-size:16px;padding-left:8px;padding-right:4px;}
.bell-number {padding: 1px 5px;font-size: 12px;}
.bottom-bu-in {top:3px;}
.infor-tab{font-size:17px;}
.stu-list-tab{font-size:17px;}
.infor-tab td{padding:8px 0px;}
.stu-list-tab td{padding:3px 0px;}
.infor-area{padding:0 20px;}
.prove-pic{left:20px;}
.infor-bu-area {font-size:19px;}
.infor-bu {height:50px;}
.infor-bu-area {margin-top:30px;}
.stu-list-area {padding-bottom:0px;}
}
@media (max-width:396px) {.message-tip span{top:53px;}}
@media (max-width:380px) {
.footer{font-size:16px;}
.top-text{padding-top:10px;}
.top-phone{font-size:16px;left:0px;letter-spacing:1px;}
.top-mail{font-size:16px;letter-spacing:1px;}
.tele-number{font-size:17px;}
.log-input-area{width:260px;}
.logo-area .web-logo {width:310px;}
.log-input2-area25-4:nth-child(2n){text-align:right;}
}
@media (max-width:360px) {
.top-bu{font-size:15px;padding-left:9px;padding-right:5px;}
.bell-number {padding: 1px 5px;font-size:11.5px;}
}
/* RWD end*/

#onesignal-popover-container #onesignal-popover-dialog .popover-button.secondary{display:none !important;}