@charset "utf-8";
/* CSS Document */

div.main{width:1200px; background:#fff; margin:15px auto 0 auto; padding:20px 0; overflow:hidden}
div.left{width:calc(100% - 360px - 1px); background:none; border-right:#ccc solid 1px; overflow:hidden; float:left}
div.left h2{width:calc(100% - 40px); height:50px; line-height:50px; background:nome; font-weight:normal; border-bottom:#ccc dashed 1px; margin:0 auto}
div.buzhou{width:calc(560px - 2px); height:40px; line-height:40px; color:#ff8400; background:#fffced; text-align:center; font-size:14px; font-weight:bold; padding:0 20px; margin:20px auto 0 auto; border:#ffbf7a solid 1px}
div.buzhou b.fa{margin:0 5px}
div.buzhou b.cur{color:#66d354}

div.input{width:600px; height:35px; line-height:35px; background:none; margin:20px auto 0 auto; position:relative}
div.input label{display:block; height:35px; line-height:35px; background:#none; text-align:right}
div.input label.step1{width:80px}
div.input label.step2{width:170px; background:#eee}
div.input img{width:calc((100% - 80px - 2px) / 4 - 5px); height:35px; cursor:pointer; position:absolute; left:216px; top:0}
div.submit{width:600px; height:35px; background:none; margin:20px auto 0 auto}
div.submit a.reset{height:35px; line-height:35px; color:#444; font-size:14px; margin-left:20px; float:left}


div.right{width:360px; background:none; overflow:hidden; float:left}
div.login{width:calc(100% - 20px); height:100px; background:none; margin:51px 0 0 20px}
div.login input.login{width:100px; height:35px; line-height:35px; color:#000; background:#eee; font-size:16px; text-align:center; cursor:pointer; border:#ccc solid 1px; border-left:0; border-top:0; border-radius:6px}
div.login input.login:hover{background:#ddd; border:#bbb solid 1px; border-left:none; border-top:none}

input.username{width:calc((100% - 80px - 2px)/2); height:33px; text-align:center; border:#ccc solid 1px; padding:0; position:absolute; left:80px; top:0}

input.code{width:calc((100% - 80px - 2px)/4); height:33px; text-align:center; border:#ccc solid 1px; padding:0; position:absolute; left:80px; top:0}
input.mailcode{width:calc((100% - 80px - 2px)/4); height:33px; text-align:center; border:#ccc solid 1px; padding:0}

input.submit{width:100px; height:35px; line-height:35px; color:#fff; background:#ff8400; font-size:16px; text-align:center; cursor:pointer; border:none; border-radius:6px; margin-left:calc(50% - 50px);}
input.button{display:inline-block; height:34px; line-height:34px; background:#eee; text-align:center; cursor:pointer; border:#ccc solid 1px; border-left:none; border-top:none; margin-left:5px}
input.button:hover{background:#ddd; border:#444 solid 1px; border-left:none; border-top:none}


div#usernameTip,div#passwordTip{height:35px; line-height:35px; position:absolute; left:350px; top:0}
div#email_verifyTip{height:35px; line-height:35px; position:absolute; left:240px; top:0}

/*表单验证*/
.onShow,.onFocus,.onError,.onCorrect,.onLoad,.onTime{display:inline-block; height:35px; line-height:35px; background:url(../../msg_bg.png) no-repeat; color:#444; padding-left:20px; position:absolute; left:0; bottom:-36px}
.onShow{background-position:left -140px;border-color:#40B3FF;color:#959595}
.onFocus{background-position:left -140px;border-color:#40B3FF}
.onError{background-position:left -40px;border-color:#40B3FF; color:red}
.onCorrect{background-position:left -240px;border-color:#40B3FF;}
.onLamp{background-position:3px -200px}
.onTime{background-position:3px -1356px}