html, body { height:100%; overflow: hidden; }
body.register-body{  background:#1844a3 url('../../images/login_bg.jpg?v=1') 50% bottom no-repeat; background-size:cover;   }
.text-logo{ text-shadow:1px 1px 0 #fff;  }
.crisis p{color:#bc0f0f; line-height:60px; font-size:30px; text-shadow:0 1px 2px #eee; }
.login-modern .ft-save-box { margin-top:20px;}
.login-modern .ft-save-box a { /* background: #1949a8; */ background:#0064d2; color: #fff;}
.login-modern .ft-save-box a:hover { /* background:#2657b8; */ background:#0072ef; }
.login-modern { width:240px; top:48%;  padding:0 50px 36px 50px; /**background:rgba(255,255,255,.5);***/  }
.register-box { left:50%; margin-left:-170px; }
.register-box .f-tit span { /***background-color:#808b99;***/ }
.register-box h1 {  margin:36px 0 12px 0; padding:0; height:21px;   background:url('../../images/login_title.png') 50% bottom no-repeat; background-size:auto 100%;  }
/*.register-box h1 { color:#262626; text-shadow:none; }*/

.register-box .com-form .f-input img { width:50px;  }

.tip-error { line-height:23px; color:#fc794b; position:relative; text-align:center;  }
.tip-error i { display:inline-block; margin-right:4px; position:static; margin-left:-8px;  margin-bottom:-3px; }
.register-box .com-form .f-input input.error { background:#fcf8e3; border:1px solid #fc794b; height:40px; line-height:28px; }

.login-modern .com-form { width:240px; padding-top:8px;  }
.register-box .textbox { width:200px; border-radius:0 !important; }

.login_logo {  width:80%; position:absolute; margin:2.6% auto 0 auto; padding:9.2% 10%; background:url('../../images/login_logo.png?v=2203') 50% top no-repeat; background-size:contain;  }
.register-box .com-form .f-input input { background-color:#fff; font-size:14px; border-radius:0 !important; }

.register-box .com-form .f-input input::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:#b2b2b2;  }
.register-box .com-form .f-input input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#b2b2b2;  }
.register-box .com-form .f-input input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#b2b2b2;  }
.register-box .com-form .f-input input:-ms-input-placeholder { /* Internet Explorer 10-11 */color:#b2b2b2;  }

/* .login-modern { background:rgba(2,8,43,0.68); } */
.login-modern { background:rgba(2,50,150,0.8); }

@media (max-width:1600px) {
    .login-modern {   padding-bottom:20px; }
    .register-box h1 { height:18px; margin:26px 0 8px 0;  }
    .login-modern .com-form { padding-top:3px; }
    .login-modern { height:auto; width:220px; padding:0 30px 28px 30px;    }
    .register-box { margin-left:-140px; }
    .register-box .textbox { width:170px;}
    .register-box .com-form .f-input input { width:170px; }
    .register-box .ft-save-box { width:220px; }
}
@media (max-width:1080px) {
    .register-box li { height:40px; }
    .com-form .f-tit {position: absolute; width:70px; text-align: right; padding-right: 5px; left:0; line-height: 21px}
    .com-form .f-input { padding-left: 75px; line-height: 21px; min-height: 21px;}

    /*.login-modern .com-form { width:200px; }*/
    /*.register-box .textbox { width:150px; }*/
    .register-box h1 { font-size:20px; }
    .register-box .f-tit { width:40px; height:40px; padding-right:0; }
    .register-box .f-tit .icon-user, .register-box .f-tit .icon-password, .register-box .f-tit .r-code { width:40px; height:40px; }
    .register-box .f-tit .icon-password { background-position:-29px 11px; }
    .register-box .f-tit .icon-user { background-position:11px 11px; }
    .register-box .com-form .f-input input { font-size:14px; height: 40px; line-height: 30px; padding: 5px; border:none;}

    .login-modern .ft-save-box a { padding:0;}
    .crisis { top:0px; }
    /*.login-modern { !*** padding-top:300px; ***! padding-bottom:0; }*/
    .register-from { background:none; }

    .register-box .ft-save-box .l-btn-text { font-size:16px; }
    .login_logo { width:90%; padding:13% 5%; }

    .register-box .f-tit .r-code { background-position:-66px 11px; }
}

@media (max-width:768px) {
    html, body { height:auto; min-height:100%; overflow:auto; }
    body.register-body{  background:#1844a3 url('../../images/login_mobile.jpg') 50% bottom no-repeat; background-size:100% auto;   }
    .login_logo { position:static; margin-top:13%;  }
    .login-modern { position:static;  margin:15% auto 0 auto;  }
}