main{min-height:570px}
img{width: 110px;}
.login-box{width:400px;max-width:100%}
.login-box input:focus{border-color:#2A989F}
.login-box input{height:56px;border-color:#BDBDBD}
.login-box input,.comback-btn,.login-text-name{color:#828282}
.login-btn img{filter:invert(98%) sepia(60%) saturate(2%) hue-rotate(354deg) brightness(111%) contrast(100%);transition: all 400ms}

.login-btn{width:217px}
.login-btn{height:56px}
.login-btn button{width:56px;background:#2A8F97}
.register-code{width:64px}
.code-error-message{color:#C24F2F}


.save-pass-code.before:before{width:12px;height:12px;border-radius:3px;border:1px solid #828282;font-size:12pt;color:red;right:0;top:5px}
.save-pass-code.after:after{font:normal normal normal 14px/1 FontAwesome}
.save-pass-code.after:after{display:none}
.save-pass-code.after:after{background:url(../images/check.png) no-repeat;transform:scale(.6);width:16px;height:12px;right:-2px;top:5px;color:#fff}
.check-pass-code:checked + .save-pass-code.after:after{display:block}
.check-pass-code:checked + .save-pass-code.before:before{border-color:#29989f}
.check-pass-code:checked + .save-pass-code.before:before{background:#29989f}
.comback-btn img{transform: rotateY(180deg);filter: invert(52%) sepia(0%) saturate(25%) hue-rotate(97deg) brightness(97%) contrast(93%)}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}



.login-text-name{z-index:0}
.login-input-name{z-index:1;position:relative}
.login-text-name{background:#fff;padding:0 5px;font-size:7.5pt;transform:translate3d(0, -100%, 0);opacity:1;top:36px;right:15px;z-index:0;color:#828282;transition:all 200ms}
.login-input-name:focus + .login-text-name{color:#2A989F} 
.login-input-name:focus + .login-text-name,.login-input-name:valid + .login-text-name{top:9px;z-index:1}



@media (max-width:576px){
	.register-code{width:56px}
}