@CHARSET "UTF-8";
.ac-hide{display:none;}
.login-section {background: url(../images/login-bg.png) no-repeat center center / cover !important;height: 100%;width: 100%;position: fixed;color:rgba(255, 255, 255, 0.9);font-weight:500;}
.login-box{width:364px; margin-top:10%;background: transparent;}
#loginform{background: url(../images/form-bg.png) no-repeat center center / cover !important;}
#loginform .form-title{color:rgba(255, 255, 255, 0.9);   line-height: 40px;margin-bottom:20px;}
#loginform .form-title img{height:30px; padding-right:20px;margin-bottom:10px;}
#loginform .form-title span{font-size:25px;letter-spacing: 2px;font-weight:400;padding-top: 5px;display:inline-block;}
#loginform .input-group,#recoverform .input-group{background: url(../images/input-bg.png) no-repeat center center / cover !important; width:364px; height:46px;}
#loginform .input-group-addon,#recoverform .input-group-addon{width:26px; background:none;}
#loginform .input-group input,#recoverform .input-group input{background: none;border: none;color: rgba(255, 255, 255, 0.9);height: 46px;font-size: 16px;padding-left: 0;letter-spacing: 1px; font-weight:400;}
#loginform .form-group{margin-bottom:10px;} 
#loginform .input-group.captchaer,#recoverform .input-group.mobile{background: url(../images/input-captcher-bg.png) no-repeat center center / cover !important; width:243px;}
#loginform .input-group.captchaer{letter-spacing: 5px;}
#loginform .form-group .captcher-img{height:46px;}
#loginform .form-addon{padding:10px 10px 10px 20px; color:rgba(255, 255, 255, 0.9); font-weight:400;letter-spacing: 1px; font-size:14px;}
#loginform .rememberme label::before{background: url(../images/check-box.png) no-repeat center center / cover !important; width:20px; height:20px;}
#loginform .rememberme input[type="checkbox"]:checked + label::after{background: url(../images/checked-box.png) no-repeat center center / cover !important; width:20px;content: "";height:20px;}
#loginform .rememberme label{color:rgba(255, 255, 255, 0.9);  }
#loginform .form-addon #recoverPwd,#backLogin{color:rgba(255, 255, 255, 0.9); font-weight:400;}
#loginform .login-btn,#recoverform .recover-btn{background: url(../images/login-btn.png) no-repeat center center / cover !important; width:364px; height:46px;color:rgba(255, 255, 255, 0.9);  font-weight:600; font-size:16px; letter-spacing: 5px;border: 1px solid transparent;}
#recoverform .identi-btn{background: url(../images/login-btn.png) no-repeat center center / cover !important; width:110px; height:46px;color:rgba(255, 255, 255, 0.9);  font-weight:500; font-size:16px; border: 1px solid transparent; border-radius:10px;}
#recoverform .identi-btn.disabled{background-image:none !important; background-color:#ddd !important; color:#666;cursor: default;}
#loginform .login-tips{position: fixed;bottom: 0;width: 100%;left: 0;text-align: center;color: #fff;}
#recoverform h3{color:rgba(255, 255, 255, 0.9);font-weight:500;}
@media (max-width: 375px) {
	.login-box{margin:0;padding:0;width:100%;}
	#loginform .form-title{color:rgba(255, 255, 255, 0.9);   line-height: 40px;margin:20px 0;}
	#loginform .form-title img{height: 30px;padding-right: 10px;margin-bottom: 10px;}
	#loginform .form-title span{font-size: 18px;letter-spacing: 2px;font-weight: 400;padding-top: 5px;display: inline-block;}
	#loginform, #recoverform{background: url(../images/form-bg.png) no-repeat center center / cover !important; width:100%;height:464px;padding:0 25px;}
	#loginform .input-group,#loginform .input-group.captchaer, #recoverform .input-group{background: url(../images/input-bg.png) no-repeat -10px center / cover !important;}
	#loginform .login-btn,#recoverform .recover-btn{background: url(../images/login-btn.png) no-repeat -10px center / cover !important; width:100%;}
	#loginform .col-xs-12,#recoverform .col-xs-12{overflow:hidden;}
}