.login .login-box input[type=text],.login .login-box input[type=password],.login .login-box input[type=email]{-webkit-box-sizing:border-box;box-sizing:border-box}.login{display:-webkit-box;display:-ms-flexbox;display:flex}.login{-ms-flex-direction:column;-moz-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.login.bg-transparent{-ms-flex-pack:flex-start;-ms-justify-content:flex-start;-moz-justify-content:flex-start;-webkit-box-pack:start;justify-content:flex-start}.login{-ms-flex-pack:center;-ms-justify-content:center;-moz-justify-content:center;-webkit-box-pack:center;justify-content:center}.login{-ms-flex-align:center;-ms-align-items:center;-moz-align-items:center;-webkit-box-align:center;align-items:center}.login{position:relative;width:100%;height:100vh;background-color:#000;background-repeat:no-repeat;background-size:cover;background-position:center center;background-image:url("../images/login-bg.jpg")}@media only screen and (max-width:420px){.login{position:absolute;height:100%;left:0;top:0}}.login::after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.15)}.login .login-logo{position:relative;max-width:330px;max-height:150px;text-align:center;color:#fff;font-size:24px;z-index:2}@media only screen and (max-width:420px){.login .login-logo{max-width:80%}}.login .login-logo img{display:block;margin:0 auto 10px;max-height:60px}.login .login-logo~.login-box{margin-top:20px}.login .login-box{width:330px;position:relative;color:#fff;z-index:2}@media only screen and (max-width:420px){.login .login-box{width:80%}}.login .login-box input[type=text],.login .login-box input[type=password],.login .login-box input[type=email]{color:#fff;margin:0 0 2.5rem 0}.login .login-box input[type=text]:focus:not([readonly])+label,.login .login-box input[type=password]:focus:not([readonly])+label,.login .login-box input[type=email]:focus:not([readonly])+label{color:#fff}.login .login-box input[type=text].valid+label:after,.login .login-box input[type=text]:focus.valid+label:after,.login .login-box input[type=password].valid+label:after,.login .login-box input[type=password]:focus.valid+label:after,.login .login-box input[type=email].valid+label:after,.login .login-box input[type=email]:focus.valid+label:after{color:#fff}.login .checkInfo-box{background-color:#f44336;color:#fff;padding:3px 5px 5px}.login .btnBox{margin-top:1.5rem}.login a.underline{border-color:#fff}.login a.underline:link{color:#fff}.login a.underline:visited{color:#fff}.login a.underline:focus,.login a.underline:active,.login a.underline:hover{color:#000;border-color:#000}.login.bg-transparent{background-image:none}.login.bg-transparent::after{display:none}@media only screen and (max-width:420px){.login.bg-transparent{position:relative}}@media only screen and (max-width:420px){.login.bg-transparent .login-logo{max-width:100%}}.login.bg-transparent .login-box{color:#000}.login.bg-transparent .login-box input[type=text],.login.bg-transparent .login-box input[type=password],.login.bg-transparent .login-box input[type=email]{color:#000}.login.bg-transparent .login-box input[type=text]:focus:not([readonly])+label,.login.bg-transparent .login-box input[type=password]:focus:not([readonly])+label,.login.bg-transparent .login-box input[type=email]:focus:not([readonly])+label{color:#000}.login.bg-transparent .login-box input[type=text].valid+label:after,.login.bg-transparent .login-box input[type=text]:focus.valid+label:after,.login.bg-transparent .login-box input[type=password].valid+label:after,.login.bg-transparent .login-box input[type=password]:focus.valid+label:after,.login.bg-transparent .login-box input[type=email].valid+label:after,.login.bg-transparent .login-box input[type=email]:focus.valid+label:after{color:#000}@media only screen and (max-width:420px){.login.bg-transparent .login-box{width:100%}}.login.bg-transparent ::-webkit-input-placeholder{color:#616161}.login.bg-transparent ::-moz-placeholder{color:#616161}.login.bg-transparent ::-moz-placeholder{color:#616161}.login.bg-transparent ::-ms-input-placeholder{color:#616161}::-webkit-input-placeholder{color:#ccc}::-moz-placeholder{color:#ccc}::-moz-placeholder{color:#ccc}::-ms-input-placeholder{color:#ccc}