@charset "UTF-8";


#wrapper.login{width:100%;height:100%;min-height:100vh;overflow:hidden;background:#f2f3f8;}
.admin-login-wrap{position:relative;width:50%;margin:100px auto 0 auto;z-index:999;background:rgba(255, 255, 255, 1);}
.admin-login-wrap .content-box{border-radius:20px;}

.login-wrap{position:relative;margin-top:20px;padding:80px 0 100px 0;}
.login-wrap h3{width:100%;text-align:center;padding:0 0 10px 0;overflow:hidden;font-size:36px;color:#333;letter-spacing:0px;text-transform:uppercase;font-weight:300;}
.login-wrap h3 strong{font-weight:600;font-size:40px;color:#000;}
.login-wrap .tt-middle{font-size:18px;color:#555;display:block;text-align:center;margin:20px auto 10px auto;}
.login-wrap .login-text{text-align:center;color:#999;}
.login-wrap .loginbox-wrap{width:480px;margin:50px auto 0 auto;overflow:hidden;}
.loginbox-wrap .loginbox{position:relative;padding:0 110px 0 0;}
.loginbox-wrap .loginbox ul{}
.loginbox-wrap .loginbox ul:after{content:"";display:block;clear:both;}
.loginbox-wrap .loginbox ul li{position:relative;padding:0 0 6px 0;}
.loginbox-wrap .loginbox ul li .login-icon{position:absolute;top:0;left:0;z-index:1;width:50px;height:44px;display:table;border:1px solid #ddd;}
.loginbox-wrap .loginbox ul li .login-icon span{display:table-cell;vertical-align:middle;text-align:center;cursor:default;}
.login-icon span:before{font-family:"FontAwesome";color:#aaa;font-size:20px;font-style:normal;font-weight:normal;text-transform:none !important;}
.login-icon span.login-icon01:before{content:'\f007';}
.dot-line{width:80%;height:1px;border-bottom:1px dotted #ddd;background:none;display:block;margin:20px auto;}
.dot-line-s{width:100%;height:1px;border-bottom:1px dotted #ddd;background:none;display:block;margin:10px 0;}
.login-icon span.login-icon02:before{content:'\f023';}

.loginbox-wrap .loginbox ul li .login-input{position:relative;margin:0 0 0 50px;z-index:2;}
.loginbox-wrap .loginbox input{width:100%;height:46px;font-size:13px;color:#333;line-height:46px;border:1px solid #ddd;padding:0 0 0 14px;margin:0 0 0 -1px;box-sizing:border-box;}
.loginbox-wrap .loginbox input:hover{border-color:#2473bb;}
.loginbox-wrap .loginbox input::placeholder{color:#bbb;font-size:14px;}

.loginbox .login-btn{position:absolute;right:0;top:0;}
.loginbox .login-btn a,
.loginbox .login-btn button{display:block;width:95px;height:97px;text-align:center;vertical-align:middle;padding:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.login-btn a span, .login-btn button span{display:inline-block;font-size:16px;color:#fff;}