/* CSS Document */



/* index - banner */





#index_banner{height:480px; width:100%; position:relative;}

a{

	outline:none;

	blr:expression(this.onFocus=this.blur());

}

.MainBannerbgColor{width:100%; }

.MainBannerbgImg{margin:0px auto; width:1330px;}

.dotDiv{width:100%;height:27px; text-align:center;top:440px; left:0px; position:absolute;}

.dot{width:760px;height:27px; margin:0px auto;text-align:center;}

.dotFocus{background-image:url(../../img/login/dot11.png); width:22px; height:22px; float:right; _display:inline;}

.dotNoFocus{background-image:url(../../img/login/dot22.png);width:22px; height:22px; float:right; _display:inline;}



/* index - content */



#index_content{height:505px; width:970px; margin:0px auto;}



#index_content #txt{padding-top:30px; padding-bottom:50px; font-size:32px; color:#505050; width:100%; text-align:center;}



#index_content #iCONDiv{width:100%; position:relative;}



#index_content #iCONDiv #a1{

	position:absolute; top:0px; left:20px; display:block;

	}

#index_content #iCONDiv #a2{

	position:absolute; top:0px; left:344px; display:block;

	}

#index_content #iCONDiv #a3{

	position:absolute; top:0px; left:670px; display:block;

	}



#index_content #iCONDiv a:hover{

	-webkit-animation:bounce 1s 0s ease both;

    -moz-animation:bounce 1s 0s ease both;

    -ms-animation:bounce 1s 0s ease both;	

	}





@-ms-keyframes bounce{

0%,50%,100%{-ms-transform:translateY(0)}

30%{-ms-transform:translateY(-0.8em)}

70%{-ms-transform:translateY(-0.4em)}

}



@-webkit-keyframes bounce{

0%,50%,100%{-webkit-transform:translateY(0)}

30%{-webkit-transform:translateY(-0.8em)}

70%{-webkit-transform:translateY(-0.4em)}

}

@-moz-keyframes bounce{

0%,50%,100%{-moz-transform:translateY(0)}

30%{-moz-transform:translateY(-0.8em)}

70%{-moz-transform:translateY(-0.4em)}

}





/* about us - banner */



#aboutUs_banner{height:440px; width:100%;background-image:url(../../img/login/AboutUs_Banner_bg.jpg); background-repeat:repeat-x;}



.aboutUsBannerbgImg{margin:0px auto; width:1330px;}





#aboutUs_content{width:970px; margin:0px auto;}



#aboutUs_content #aboutUs_title{margin:0px auto; text-align:center;}

#aboutUs_content #aboutUs_con{margin:0px auto; width:866px; margin-bottom:50px; font-size:24px; line-height:38px;}







/* UserAgreement - banner */



#UserAgreement_banner{height:430px; width:100%;background-color:#7582e0;}



.UserAgreementBannerbgImg{margin:0px auto; width:1330px;}





#UserAgreement_content{width:970px; margin:0px auto;}



#UserAgreement_content #UserAgreement_title{margin:0px auto; text-align:center;}

#UserAgreement_content #UserAgreement_con{margin:0px auto; width:866px; margin-bottom:50px; font-size:18px; line-height:38px;}

#UserAgreement_content #UserAgreement_con span{font-size:18px; line-height:24px; color:#a7a7a7;}

.newsubServiceDiv_Title{font-size:24px;font-weight:bold;}

.newsubServiceDiv_SubTitle{font-weight:bold;}



/* contact us - banner */



#ContactUs_banner{height:470px; width:100%;background-image:url(../../img/login/ContactUs_Banner_bg.jpg); background-repeat:repeat-x;}



.ContactUsBannerbgImg{margin:0px auto; width:1330px;}





#ContactUs_content{width:970px; margin:0px auto;}



#ContactUs_content #ContactUs_title{margin:0px auto; text-align:center;}

#ContactUs_content #ContactUs_con{width:100%; height:740px; position:relative;}

#ContactUs_content #ContactUs_con #cu_1{position:absolute; top:0px; left:30px; display:block;}

#ContactUs_content #ContactUs_con #cu_2{position:absolute; top:0px; left:274px; display:block;}

#ContactUs_content #ContactUs_con #cu_3{position:absolute; top:0px; left:516px; display:block;}

#ContactUs_content #ContactUs_con #cu_4{position:absolute; top:0px; left:762px; display:block;}

#ContactUs_content #ContactUs_con #cu_5{position:absolute; top:300px; left:10px; display:block;}

#ContactUs_content #ContactUs_con #cu_6{position:absolute; top:300px; left:444px; display:block;}



#ContactUs_content #ContactUs_con a:hover{

	-webkit-animation:bounce 1s 0s ease both;

    -moz-animation:bounce 1s 0s ease both;

    -ms-animation:bounce 1s 0s ease both;	

	}

	

	

/* Join us - banner */



#JoinUs_banner{height:400px; width:100%;background-color:#00CCFF;}



.JoinUsBannerbgImg{margin:0px auto; width:1330px;}





#JoinUs_content{width:990px; margin:0px auto;}



#JoinUs_content #con1{padding-bottom:74px; font-size:14px; line-height:24px; color:#666666; text-align:center;}

#JoinUs_content #con2{padding-bottom:37px; font-size:14px; line-height:24px; color:#666666; text-align:center;}

#JoinUs_content #con3{padding-bottom:37px; font-size:18px; line-height:26px; color:#999999; text-align:center;}





#JoinUs_content #formDiv{background-image:url(../../img/login/JoinUs_CON_form.gif); background-repeat:no-repeat; width:990px; height:574px; text-align:center;}



#JoinUs_content #formDivCon{margin:0px auto; width:650px; height:500px; position:relative;}



#JoinUs_content #formDivCon #txt1{position:absolute; top:166px; left:2px;width:100px; height:30px; line-height:30px; font-size:16px; text-align:right; color:#999999;}



#JoinUs_content #formDivCon #txt1_input{position:absolute; top:166px; left:106px;width:220px; height:30px;}



#JoinUs_content #formDivCon #txt2{position:absolute; top:166px; left:350px;width:60px; height:30px; line-height:30px; font-size:16px; text-align:right; color:#999999;}



#JoinUs_content #formDivCon #txt2_input{position:absolute; top:166px; left:416px;width:220px; height:30px;}



#JoinUs_content #formDivCon #txt3{position:absolute; top:226px; left:2px;width:100px; height:30px; line-height:30px; font-size:16px; text-align:right; color:#999999;}



#JoinUs_content #formDivCon #txt3_input{position:absolute; top:226px; left:106px;width:220px; height:30px;}



#JoinUs_content #formDivCon #txt4{position:absolute; top:226px; left:350px;width:60px; height:30px; line-height:30px; font-size:16px; text-align:right; color:#999999;}



#JoinUs_content #formDivCon #txt4_input{position:absolute; top:226px; left:416px;width:220px; height:30px;}



#JoinUs_content #formDivCon #txt5{position:absolute; top:286px; left:2px;width:100px; height:30px; line-height:30px; font-size:16px; text-align:right; color:#999999;}



#JoinUs_content #formDivCon #txt5_input{position:absolute; top:286px; left:106px;width:220px; height:30px;}



#JoinUs_content #formDivCon #txt6{position:absolute; top:286px; left:350px;width:60px; height:30px; line-height:30px; font-size:16px; text-align:right; color:#999999;}



#JoinUs_content #formDivCon #txt6_input{position:absolute; top:286px; left:416px;width:220px; height:30px;}



#JoinUs_content #formDivCon #btn{position:absolute; top:360px; left:374px;width:220px; height:30px;}



#JoinUs_content #formDivCon input{border:1px solid #CCCCCC;width:218px; height:28px;}



#JoinUs_content #formDivCon textarea{border:1px solid #CCCCCC;width:218px; height:140px;}









/* Leader into - banner */



#LeaderInto_banner{height:582px; width:100%;background-color:#0099FF;}



.LeaderIntoBannerbgImg{margin:0px auto; width:1330px;height:582px;background-image:url(../../img/login/leader_into_bg.png);}



#LeaderInto_Form{margin:0px auto; width:750px; position:relative;}

#LeaderInto_Form #LeaderInto_Title{position:absolute; top:42px; left:0px;font-size:18px;}

#LeaderInto_Form #LeaderInto_Con{position:absolute; top:126px; left:70px;font-size:18px; width:620px;}



#LeaderInto_Form #LeaderInto_Con td{font-size:20px;}



#LeaderInto_Form #LeaderInto_Con select{width:114px; height:30px; border:1px solid #999999; color:#999999;}



.applyText{width:350px; height:30px; border:1px solid #999999; color:#999999; text-indent:10px; line-height:30px;}









/* Leader login - banner */



#LeaderLogin_banner{width: 100%;
    height: 889px;
    background-image: url(../../img/login/loing_bg.png);
    background-repeat: no-repeat;
    margin: 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.loading_info{
	width:100%;
	height:55px;
	line-height:55px;
	font-size:28px;
	text-align: center;
	color:#333;
	margin-top:10px;
	margin-bottom:10px;
	}

.LeaderLoginBannerbgImg{margin:0px auto; width:100%;height:700px; position:relative; }
.loading_bg{
	width:485px;
	height:348px;
	position:absolute;
	left:240px;
	bottom:0;
	background-repeat:no-repeat;
	}
.load_title{
	width:214px;
	height:121px;
	position:absolute;
	left:0;
	bottom:240px;
	background-image:url(../../img/login/load_title.png);
	}
.ma{
	width:276px;
	height:190px;
	position:absolute;
	left:0;
	bottom:10px;
	background-image:url(../../img/login/ma.png);
	}

.line{
	width:214px;
	height:84px;
	position:absolute;
	right:130px;
	top:36px;
	background-image:url(../../img/login/line.png);
	
	}
.footer_1{
	width:100%;
	height:200px;
	background-color:#AD87C7;
	
	}
.user_icon{
	width:32px;
	height:32px;
	position:absolute;
	left:5px;
	top:3px;
	background-image: url(../../img/login/user.png);
	}
.password_icon{
	width:26px;
	height:32px;
	position:absolute;
	left:5px;
	top:3px;
	background-image: url(../../img/login/passwords.png);
	}

#saveButton{

	border:0px;

	width:120px;

	height:51px;

	cursor:pointer;

	background:url('../../img/login/BTN_confirm.png') no-repeat;

}



.applyTable{

	width:100%;

	border:0px;

}



#loginBtn{

	border:0px;

	width:200px;

	height:47px;

	cursor:pointer;
	
	background-color:#29a7dc;
	color:#FFF;
	margin-left: 20px;
      font-size:18px;
       font-family: 'microsoft yahei', sans-serif;
         border-radius: 6px !important;



}







/* Leader Client  */



#LeaderClient_banner{height:430px; width:100%;background-color:#fee800;}



.LeaderClientBannerbgImg{margin:0px auto; width:1330px;height:430px;background-image:url(../../img/login/header_client_bg.png);}



#LeaderClientDiv{margin:0px auto; width:970px; position:relative;}



#LeaderClientDiv #LeaderClientTitle{position:absolute; left:585px;top:54px;}



#LeaderClientDiv #LeaderClientDownload{position:absolute; left:585px;top:230px;}



#LeaderClientDiv #LeaderClientEwm{position:absolute; left:835px;top:194px;}



#LeaderClientDiv #LeaderClientiPad{position:absolute; left:-10px;top:90px;}



#LeaderClientDiv #TeacherClientiPhone{position:absolute; left:-10px;top:90px;}



#LeaderClientDiv #TeacherClientiPhone2{position:absolute; left:200px;top:100px;}



#LeaderClientBodyDiv{margin:0px auto; width:970px; height:2236px; background-image:url(../../img/login/Leader_body.png); position:relative;}





/* Teacher Client  */



#TeacherClient_banner{height:430px; width:100%;background-color:#fee800;}



.TeacherClientBannerbgImg{margin:0px auto; width:1330px;height:430px;background-image:url(../../img/login/header_client_bg.png);}



#TeacherClientDiv{margin:0px auto; width:970px; position:relative;}



#TeacherClientDiv #TeacherClientTitle{position:absolute; left:585px;top:18px;}



#TeacherClientDiv #TeacherClientDownload{position:absolute; left:585px;top:120px;}

#TeacherClientDiv #TeacherClientDownload2{position:absolute; left:585px;top:204px;}



#TeacherClientDiv #TeacherClientShortMess{position:absolute; left:585px;top:304px;}



#TeacherClientDiv #TeacherClientShortMessInput{position:absolute; left:596px;top:368px;}



#TeacherClientDiv #TeacherClientShortMessInput input{width:245px; height:24px; border:1px solid #999999; background-color:transparent; color:#666666;}





#TeacherClientDiv #TeacherClientShortMessBT{position:absolute; left:858px;top:368px;}





#TeacherClientDiv #TeacherClientEwm{position:absolute; left:835px;top:120px;}



#TeacherClientDiv #TeacherClientiPhone{position:absolute; left:-10px;top:90px;}



#TeacherClientDiv #TeacherClientiPhone2{position:absolute; left:200px;top:100px;}



#TeacherClientBodyDiv{margin:0px auto; width:970px; height:1836px; background-image:url(../../img/login/Teacher_body.png); position:relative;}



/* Parent Client  */



#ParentClient_banner{height:430px; width:100%;background-color:#fee800;}



.ParentClientBannerbgImg{margin:0px auto; width:1330px;height:430px;background-image:url(../../img/login/header_client_bg.png);}



#ParentClientDiv{margin:0px auto; width:970px; position:relative;}



#ParentClientDiv #ParentClientTitle{position:absolute; left:585px;top:18px;}



#ParentClientDiv #ParentClientDownload{position:absolute; left:585px;top:120px;}

#ParentClientDiv #ParentClientDownload2{position:absolute; left:585px;top:204px;}



#ParentClientDiv #ParentClientShortMess{position:absolute; left:585px;top:304px;}



#ParentClientDiv #ParentClientShortMessInput{position:absolute; left:596px;top:368px;}



#ParentClientDiv #ParentClientShortMessInput input{width:245px; height:24px; border:1px solid #999999; background-color:transparent; color:#666666;}





#ParentClientDiv #ParentClientShortMessBT{position:absolute; left:858px;top:368px;}





#ParentClientDiv #ParentClientEwm{position:absolute; left:835px;top:120px;}



#ParentClientDiv #ParentClientiPhone{position:absolute; left:-10px;top:90px;}



#ParentClientDiv #ParentClientiPhone2{position:absolute; left:200px;top:100px;}



#ParentClientBodyDiv{margin:0px auto; width:970px; height:2754px; background-image:url(../../img/login/Parent_body.png); position:relative;}



.sendBtn{

	width:81px;

	height:28px;

	border:0px;

	cursor:pointer;

	background:url('../../img/login/Btn_send.png') no-repeat;

}



#footer a{color:#999; text-decoration:underline;}

#footer a:link{color: #999;text-decoration:underline;}	/* 未访问的链接 */

#footer a:visited {color: #999;text-decoration:underline;}	/* 已访问的链接 */

#footer a:hover {color: #999;text-decoration:underline;}	/* 鼠标移动到链接上 */

#footer a:active {color:#999;text-decoration:underline;}





/**忘记密码**/

.LeaderForgetPwdBannerbgImg{

	margin:0px auto; 

	width:1330px;

	height:540px;

	background-image:url(../../img/login/wangjimima.png);

}

#LeaderForgetPwd_Form{margin:0px auto; width:970px; position:relative;}

.LeaderForgetPwd_txt{ border:0px; background-color:transparent;font-size:18px;width:315px; height:40px; color:#666666; font-family: 'microsoft yahei', sans-serif; line-height:40px;}

#LeaderForgetPwd_mobile{position:absolute; top:137px; left:600px;}

#LeaderForgetPwd_codeBtn{position:absolute; top:220px; left:588px;}

#LeaderForgetPwd_serverCurrTime{position:absolute; top:275px; left:588px;}

#LeaderForgetPwd_code{position:absolute; top:310px; left:600px;}

#LeaderForgetPwd_nextBtn{position:absolute; top:400px; left:588px;}

.codeBtn{

	border:0px;

	width:360px;

	height:48px;

	cursor:pointer;

	background:url('../../img/login/huoquyanzhengma.png') no-repeat;

}

.codeBtnDisable{

	border:0px;

	width:360px;

	height:48px;

	cursor:pointer;

	background:url('../../img/login/huoquyanzhengma_hui.png') no-repeat;

}

#serverCurrTime{color:#828282;}

.nextBtn{

	border:0px;

	width:360px;

	height:48px;

	cursor:pointer;

	background:url('../../img/login/xiayibu.png') no-repeat;

}





.LeaderResetPwdBannerbgImg{

	margin:0px auto; 

	width:1330px;

	height:540px;

	background-image:url(../../img/login/shezhixinmima.png);

}

#LeaderResetPwd_Form{margin:0px auto; width:970px; position:relative;}

.LeaderResetPwd_txt{ border:0px; background-color:transparent;font-size:18px;width:315px; height:40px; color:#666666; font-family: 'microsoft yahei', sans-serif; line-height:40px;}

#LeaderResetPwd_pwd{position:absolute; top:137px; left:600px;}

.tip{position:absolute; top:10px; left:0px;z-index:2;width:100px;font-size:18px;color:#666666;display:none;}

#LeaderResetPwd_repwd{position:absolute; top:207px; left:600px;}

#LeaderResetPwd_error{position:absolute; top:280px; left:600px;}

#LeaderResetPwd_btn{position:absolute; top:330px; left:588px;}

.resetpwdBtn{

	border:0px;

	width:360px;

	height:48px;

	cursor:pointer;

	background:url('../../img/login/tijiao.png') no-repeat;

}



#LeaderForgetPwd_mobile_error{

	position:absolute; top:185px; left:588px;

}



#LeaderForgetPwd_code_error{

	position:absolute; top:360px; left:588px;

}

.LeaderResetPwd_Error{

	color:red;font-size:14px;

}


#login,
#register {
    height:0px;
}
#login header,
#register header {
  position: relative;
}
#login #owl-login,
#register #owl-login {
  width: 211px;
  height: 108px;
  background-image: url("../../img/login/owl-login.png");
  position:relative;
  top: -100px;
  left: 50%;
  margin-left: -111px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5/1), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) {
  #login #owl-login,
  #register #owl-login {
    background-image: url("../../img/login/owl-login@2x.png");
    -webkit-background-size: 211px 108px;
    -moz-background-size: 211px 108px;
    background-size: 211px 108px;
  }
}
#login #owl-login .hand,
#register #owl-login .hand {
  width: 34px;
  height: 34px;
  -webkit-border-radius: 40px !important;
  border-radius: 40px !important;
  background-color: #472d20;
  -webkit-transform: scaleY(0.6);
  -moz-transform: scaleY(0.6);
  -o-transform: scaleY(0.6);
  -ms-transform: scaleY(0.6);
  transform: scaleY(0.6);
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  position: absolute;
  left: 14px;
  bottom: -8px;
}
#login #owl-login .hand.hand-r,
#register #owl-login .hand.hand-r {
  left: 170px;
}
#login #owl-login.password .hand,
#register #owl-login.password .hand {
  -webkit-transform: translateX(42px) translateY(-15px) scale(0.7);
  -moz-transform: translateX(42px) translateY(-15px) scale(0.7);
  -o-transform: translateX(42px) translateY(-15px) scale(0.7);
  -ms-transform: translateX(42px) translateY(-15px) scale(0.7);
  transform: translateX(42px) translateY(-15px) scale(0.7);
}
#login #owl-login.password .hand.hand-r,
#register #owl-login.password .hand.hand-r {
  -webkit-transform: translateX(-42px) translateY(-15px) scale(0.7);
  -moz-transform: translateX(-42px) translateY(-15px) scale(0.7);
  -o-transform: translateX(-42px) translateY(-15px) scale(0.7);
  -ms-transform: translateX(-42px) translateY(-15px) scale(0.7);
  transform: translateX(-42px) translateY(-15px) scale(0.7);
}
#login #owl-login .arms,
#register #owl-login .arms {
  top: 58px;
  position: absolute;
  width: 100%;
  height: 41px;
  overflow: hidden;
}
#login #owl-login .arms .arm,
#register #owl-login .arms .arm {
  width: 40px;
  height: 65px;
  position:absolute;
  left: 20px;
  top: 40px;
  background-image: url("../../img/login/owl-login-arm.png");
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  -ms-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  transform: rotate(-20deg);
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 1.5/1), (min-device-pixel-ratio: 1.5), (min-resolution: 138dpi), (min-resolution: 1.5dppx) {
  #login #owl-login .arms .arm,
  #register #owl-login .arms .arm {
    background-image: url("../../img/login/owl-login-arm@2x.png");
    -webkit-background-size: 40px 65px;
    -moz-background-size: 40px 65px;
    background-size: 40px 65px;
  }
}
#login #owl-login .arms .arm.arm-r,
#register #owl-login .arms .arm.arm-r {
  -webkit-transform: rotate(20deg) scaleX(-1);
  -moz-transform: rotate(20deg) scaleX(-1);
  -o-transform: rotate(20deg) scaleX(-1);
  -ms-transform: rotate(20deg) scaleX(-1);
  transform: rotate(20deg) scaleX(-1);
  left: 158px;
}
#login #owl-login.password .arms .arm,
#register #owl-login.password .arms .arm {
  -webkit-transform: translateY(-40px) translateX(40px);
  -moz-transform: translateY(-40px) translateX(40px);
  -o-transform: translateY(-40px) translateX(40px);
  -ms-transform: translateY(-40px) translateX(40px);
  transform: translateY(-40px) translateX(40px);
}
#login #owl-login.password .arms .arm.arm-r,
#register #owl-login.password .arms .arm.arm-r {
  -webkit-transform: translateY(-40px) translateX(-40px) scaleX(-1);
  -moz-transform: translateY(-40px) translateX(-40px) scaleX(-1);
  -o-transform: translateY(-40px) translateX(-40px) scaleX(-1);
  -ms-transform: translateY(-40px) translateX(-40px) scaleX(-1);
  transform: translateY(-40px) translateX(-40px) scaleX(-1);
}