*{margin:0;padding:0}body{width:100%;height:100%}.login-bg{width:100%;height:100vh;background:url("../images/access/ZKBioAccess_login_page_bg.jpg") no-repeat center center/cover;overflow:hidden}.login-wrapper{width:70%;min-width:1024px;margin:0 auto;padding:50px 0 20px;box-sizing:border-box}.login-container{width:100%}.login-head,.login-body{width:100%}.login-logo{text-align:center}.login-body{margin-top:50px}.login-left{float:left;width:45%}.login-left .login-computer-animation{width:100%;max-width:663px;min-width:420px;height:100%;max-height:560px}.login-right{float:right;width:45%;margin-top:30px}.login-right .login-form{width:100%}.login-right .login-form-box{max-width:430px;width:430px;margin:0 auto;padding:40px 30px;background-color:rgba(255,255,255,.1);border-radius:10px;box-sizing:border-box}.login-form-box .login-box-head{width:100%}.login-form-box .error_tip{padding:2px 0;color:#fff;overflow:visible;text-align:left;word-break:break-all}.login-form-box .login-error-tip1{margin:5px 0;color:red;font-weight:bold;background:transparent;border-radius:5px;padding:5px 2px;display:none}.login-form-box .login-error-tip1 label{font-size:12px}.login-form-box .error_tip a{color:red}.login-form-box .login-box-head .login-box-title{color:#fff;font-size:24px;font-weight:normal}.login-form-box .login-box-inputs{margin-top:20px}.login-form-box .login-box-inputs .login-box-input{width:100%;border:1px solid #fff;border-radius:3px;vertical-align:middle;box-sizing:border-box}.login-form-box .login-box-inputs .login-box-input-pwd{margin-top:20px}.login-form-box .login-box-inputs .login-input{float:left;flex:1;height:50px;padding-left:20px;box-sizing:border-box;color:#fff;border:0;outline:0;background:transparent}.login-form-box .login-box-inputs .login-input::-ms-reveal{display:none!important}.login-form-box .login-box-inputs .login-input::-webkit-input-placeholder{color:rgba(255,255,255,.32)}.login-form-box .login-box-inputs .login-input-eye{float:right;width:25px;margin:0 10px;background:url("../images/access/ZKBioAccess_login_page_Hidden_password.png") no-repeat center/contain;cursor:pointer;user-select:none;-ms-user-select:none}.login-form-box .login-box-inputs .login-input-icon{float:left;width:50px;height:50px;border-right:1px solid #fff}.login-form-box .login-box-inputs .login-input-icon-user{border-color:#fff;background:url("../images/access/ZKBioAccess_login_page_user.png") no-repeat center/50%}.login-form-box .login-input-icon-pwd{border-color:#fff;background:url("../images/access/ZKBioAccess_login_page_password.png") no-repeat center/50%}.login-form-box .login-box-menu{margin-top:20px;color:#fff}.login-form-box .login-box-menu-left{float:left;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}#rememberMe+label::before{content:" ";display:inline-block;width:16px;height:16px;margin-right:10px;background:url("../images/access/ZKBioAccess_login_page_rememberme_box.png") no-repeat center/cover;vertical-align:bottom}#rememberMe{position:absolute;clip:rect(0,0,0,0)}#rememberMe:checked+label::before{content:" ";background-image:url("../images/access/ZKBioAccess_login_page__rememberme_box_active.png")}.login-form-box .login-box-menu-right{float:right}.login-form-box .login-box-menu-right a.login-forget-pwd{color:#fff;font-size:16px}.login-form-box .login-box-btn{width:100%;margin-top:20px}.login-form-box .login-box-btn .login-normal-btn{display:inline-block;width:100%;height:46px;line-height:1;white-space:nowrap;cursor:pointer;background:#2170c1;border:0;color:#fff;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;transition:.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;font-size:22px;border-radius:4px}div.jbox .jbox-button{background-color:#2170c1}.login-form-box .login-box-btn .login-normal-btn:hover,.login-form-box .login-box-btn .login-normal-btn:active,.login-form-box .login-box-btn .login-normal-btn:focus,div.jbox .jbox-button:hover{background-color:#2f95fc;border-color:#2f95fc;color:#fff}div.jbox .jbox-button-hover{background-color:#2f95fc}.login-footer{margin-top:20px}.login-footer .footer-logo{text-align:center}.login-footer .footer-nav{width:100%;margin-top:10px}.login-footer .footer-nav-list{display:-webkit-flex;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.login-footer .footer-nav-list .footer-nav-list-item{margin:0 5%}.login-footer .footer-nav-list .footer-nav-list-item a{color:#fff;font-size:14px}.login-footer .footer-nav-list .footer-nav-list-item a:focus{color:#76b745}.login-footer .footer-copyright{margin-top:10px}.login-footer .footer-copyright .copyright{color:#637695;font-size:14px}.login-box-input-active{border-color:#7ac143!important}.login-input-icon-active{border-color:#7ac143!important}.login-input-eye-active{background-image:url("../images/access/ZKBioAccess_login_page_Show_password.png")!important}.login-input-icon-user-active{background:url("../images/access/ZKBioAccess_login_page_user_icon_active.png") no-repeat center/50%!important;border-color:#7ac143!important}.login-input-icon-pwd-active{background:url("../images/access/ZKBioAccess_login_page_password_active.png") no-repeat center/50%!important;border-color:#7ac143!important}.login-rememberMe-active{background-image:url("../images/access/ZKBioAccess_login_page__rememberme_box_active.png")!important}div.jbox .jbox-tip-color{background-color:#2170c1!important;border-color:#2170c1!important}div.jbox span.jbox-icon-loading{background:url("/public/controls/jBox/Skins/Access/images/jbox-loading1.gif") no-repeat scroll 0 0 transparent}.clearfix{zoom:1}.clearfix::after{display:block;clear:both;content:"";visibility:hidden;height:0}input:focus{outline:0;vertical-align:middle}a{text-decoration:none;outline:medium none}ul,ol,li{list-style:none}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#fff}input:-moz-placeholder,textarea:-moz-placeholder{color:#fff}input::-moz-placeholder,textarea::-moz-placeholder{color:#fff}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#fff}input::-ms-clear,input::-ms-reveal{display:none!important}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.login-footer .footer-nav-list .footer-nav-list-item{margin:0 5%}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.login-body{max-height:450px}}@media(max-width:1600px){.login-right .login-form-box{width:410px;padding:30px 25px}}@media(max-width:1366px){.login-wrapper{padding-top:30px}.login-body{margin-top:30px}.login-left .login-computer-animation{width:430px}.login-right .login-form-box{width:390px;padding:25px}.login-form-box .login-box-inputs{margin-top:20px}.login-form-box .login-box-inputs .login-input{height:46px}.login-form-box .login-box-inputs .login-input-icon{width:46px;height:46px}}@media(max-width:1200px){.login-wrapper{width:90%}.login-right{margin-top:0}}@media(max-width:992px){.login-bg{overflow:auto}.login-body{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.login-left,.login-right{float:none;width:60%}.login-left{margin:30px auto 0}.login-right{margin:50px auto}.login-left .login-left-img{text-align:center}.login-form-box{margin:20px auto 50px}}@keyframes computerRotate{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}42%{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}84%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes computerTranslate{0%{-webkit-transform:translate3d(-50px,-50px,0);transform:translate3d(-50px,-50px,0)}33%{-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-50px,0)}67%{-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.login-lang-accbox{background:#9ec0d8!important;top:68px!important}.login-lang-acclist{background:#cce0ef!important;top:100px!important}@media(max-width:1366px){.login-lang-accbox{top:48px!important}.login-lang-acclist{top:80px!important}}