@charset "utf-8";
/* CSS Document */
a{ text-decoration:none; color:#000;}
INPUT[type='text']{ height:42px\9;}
INPUT[type='password']{ height:42px\9;}
.fill{ width:34%; height:390px; margin:30px auto 40px; box-shadow: 0 0 37px #e1e1e1;-webkit-box-shadow:0 0 37px #e1e1e1; -moz-box-shadow:0 0 37px #e1e1e1;overflow:hidden;}
.fill .loginLeft{ width:100%; float:left; text-align:center; padding:10px 20px;background:#FFF; overflow:hidden}
.fill .loginLeft h3{ font-weight:bold;}
.fill .loginLeft .bigView{ display:block;}
.fill .loginLeft .smallView{ display:none;}
.fill .loginLeft .loginInp{ margin:20px 0;border: 1px solid #c8c8c8;position:relative; overflow:hidden;}
.fill .loginLeft .loginInp span{width:48%; display:inline-block; color:#c8c8c8; font-size: 14px;}
.fill .loginLeft .loginInp .inpStyle{ width:52%; background-color:#fff; display:inline-block; border:0;}
.fill .loginLeft .loginInp .ver{ width:19%;}
.fill .loginLeft .loginInp .verStyle{width:79%;}
.fill .loginLeft .loginInp #veriBox{ display:inline-block; width:80px; height:32px; border:1px solid #000;margin-top: 4px; position:absolute; top:1px; right:10px;}
.fill .loginLeft .loginInp .pw{width: 21%;}
.fill .loginLeft .loginInp .pwStyle{ width:79%; background-color:#fff; display:inline-block; border:0;}
.fill .loginLeft input{background-color:#FFF;}
.fill .loginLeft .regBox{height: 40px;}
.fill .loginLeft .regBox .forget a{ text-align:left; font-weight:bold; float:left;}
.fill .loginLeft .regBox .registered a{ text-align:right; color:#217fc4; float:right;}
.fill .loginRight{ width:10%; float:right; display:block; overflow:hidden;}
.fill .loginLeft .btnLogin{ width:100%;background-color:#fff; border:1px solid #000;}
.loginBox .loginLeft .btnLogin a{ color:#FFF;}
@media screen and (min-width:1024px) and (max-width:1300px){
.fill{ width:44%; }
}
@media screen and (min-width:800px) and (max-width:1024px){
.fill{width:54%;}
}
@media screen and (min-width:640px) and (max-width:800px){
.fill{width:68%;}
}
@media screen and (max-width:640px){
.fill{width:90%;}
.fill .loginLeft .bigView{ display:none;}
.fill .loginLeft .smallView{ display:block;}
}
/* 注册 */
a{ text-decoration:none; color:#000;}
INPUT[type='text']{ height:42px\9;}
INPUT[type='password']{ height:42px\9;}
.reg{ width:34%; height:auto; margin:30px auto 40px; box-shadow: 0 0 10px #e1e1e1;-webkit-box-shadow:0 0 37px #e1e1e1; -moz-box-shadow:0 0 10px #e1e1e1; overflow:hidden;}
.reg .loginLeft{ width:100%; float:left; text-align:center; padding:10px 20px;background:#FFF; overflow:hidden}
.reg .loginLeft h3{ font-weight:bold;}
.reg .loginLeft .regBigView{ display:block;}
.reg .loginLeft .regSmallView{ display:none;}
.reg .loginLeft .regChoose{ text-align:left;}
.reg .loginLeft .regChoose .regL,regR{ float:left;}
.reg .loginLeft .regChoose .regL .yes{ display:inline-block; width:16px; height:16px; text-align:left; border:1px solid #217fc4; position:relative; cursor:pointer;}
.reg .loginLeft .regChoose .regL .yes img{ height:23px; vertical-align:bottom; position:absolute; left:2px; top:-6px;}
.reg .loginLeft .regChoose .regL .yes #partnership{ display:none;}
.reg .loginLeft .regChoose .regL .yes #agent{ display:none;}
.reg .loginLeft .regChoose .regR .note{ font-size:12px; font-weight:bold;}
.reg .loginLeft .loginInp{ margin:20px 0;border: 1px solid #c8c8c8;}
.reg .loginLeft .loginInp span{width:26%; display:inline-block; color:#c8c8c8; font-size: 14px;}
.reg .loginLeft .loginInp .inpStyle{ width:74%; background-color:#fff; display:inline-block; border:0;}
.reg .loginLeft input{background-color:#FFF;}
.reg .loginLeft .regBox{height: 40px;}
.reg .loginLeft .regBox .forget a{ text-align:left; font-weight:bold; float:left;}
.reg .loginLeft .regBox .registered a{ text-align:right; color:#217fc4; float:right;}
.reg .loginRight{ width:10%; float:right; display:block; overflow:hidden;}
.reg .loginLeft .btnLogin{ width:100%;background-color:#fff; border:1px solid #000;}
.loginBox .loginLeft .btnLogin a{ color:#FFF;}
@media screen and (min-width:1680px) and (max-width:1920px){
.reg{height:auto;}
}
@media screen and (min-width:1024px) and (max-width:1300px){
.reg{ width:44%; }
}
@media screen and (min-width:800px) and (max-width:1024px){
.reg{width:54%;}
}
@media screen and (min-width:640px) and (max-width:800px){
.reg{width:68%;}
}
@media screen and (max-width:640px){
.reg{width:90%; height:520px;}
.reg .loginLeft .regBigView{ display:none;}
.reg .loginLeft .regSmallView{ display:block;}
}
@media screen and (max-width:400px){
.reg .loginLeft .regChoose .regL{ width:100%;}
}