@charset "utf-8";
/* CSS Document */
a{ text-decoration:none; color:#000;}
.banner.full{ height:100vh !important; min-height:100%;}
.loginBox{width:33%;height:300px;position: absolute;text-align: center;left:0;right:0;top: 0;bottom: 0;margin: auto; z-index:9999; overflow:hidden;}
.loginBox .loginLeft{ width:89%; height:300px; margin-left:1%; float:left; text-align:center; padding:10px 20px;background:#FFF; overflow:hidden}
.loginBox .loginLeft h3{ font-weight:bold;}
.loginBox .loginLeft .loginBigBox{ display:block;}
.loginBox .loginLeft .loginSmallBox{ display:none;}
.loginBox .loginLeft .loginInp{ margin:20px 0;border-radius: 6px;border: 1px solid #000; overflow:hidden;}
.loginBox .loginLeft .loginInp .inpStyle{ background-color:#fff;  border:0;}
.loginBox .loginLeft .loginInp span{width:48%; display:inline-block; font-size: 14px;}
.loginBox .loginLeft .loginInp .bigInpStyle{ width:52%; background-color:#fff; display:inline-block; border:0;}
.loginBox .loginLeft .regBox{height: 40px;}
.loginBox .loginLeft .regBox .forget a{ text-align:left; font-weight:bold; float:left;}
.loginBox .loginLeft .regBox .registered a{ text-align:right; color:#217fc4; float:right;}
.loginBox .loginLeft .btnLogin{ width:100%;-webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;background-color:#217fc4; color:#FFF;}
.loginBox .loginLeft .btnLogin a{ color:#FFF;}
.loginBox .loginRight{ width:10%; float:right; display:block; overflow:hidden;}
.loginBox .loginRight img{ width:35px; height:35px;}
@media screen and (min-width:825px) and (max-width:1200px){
.loginBox{width:57%;}
.loginBox .loginLeft .loginInp span{ width:48%; }
.loginBox .loginLeft .loginInp .inpStyle{ width:49%;}
}
@media screen and (min-width:640px) and (max-width:825px){
.loginBox{width:63%;}
}
@media screen and (max-width:640px){
.loginBox{width:93%;}
.loginBox .loginLeft{ width:100%;}
.loginBox .loginLeft .loginBigBox{ display:none;}
.loginBox .loginLeft .loginSmallBox{ display:block;}
.loginBox .loginRight{ display:none;}
}
@media screen and (max-width:377px){
.loginBox .loginLeft .loginInp span{ width:58%; }
.loginBox .loginLeft .loginInp .bigInpStyle{ width:41%;}
}