html, body {height:100%;overflow:hidden;}
.iframe {background:transparent; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;width:500px;position:absolute;left:50%;top:50%;margin-top:-350px;margin-left:-250px; }
.login-page {text-align:center;padding:0 20px;width:100%;}
.login-page input:-webkit-autofill {-webkit-box-shadow:0 0 0 1000px white inset;}
.login-page .form-control {border-radius:0;border:none;-webkit-box-shadow:0 0 0 1000px white inset;}
.login-page .form-control:focus {border:none;}
.login-page .login-body {padding:60px 0 36px;}
.login-page .login-body .logo {margin-bottom:40px}
.login-page .login-body .logo img {height:55px;}
.login-page .box {width:70%;margin-left:15%;font-size:14px;position:relative;overflow:hidden;}
.login-page .tabs-bar {margin-bottom:16px;background-color:#fff;padding-bottom:10px;position:relative;font-size:0;}
.login-page .tabs-active-animated {position:absolute;left:50%;bottom:1px;width:50%;height:2px;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .2s;transition:all .2s;background-color:#0069aa;}
.login-page .tabs-bar .tabs-tab {padding:8px 20px;cursor:pointer;text-decoration:none;display:inline-block;height:100%;font-size:16px;width:50%;margin-right:0;}
.login-page .tabs-tab-active,.login-page .tabs-tab:hover {color:#0069aa;}
.login-page .form-box {height:320px;}
.login-page .login-form .item.input-group {border:1px solid #e0e0e0;padding:8px;background-color:#fff;}
.login-page .login-form .item.input-group:first-child {border-bottom:none;}
.login-page .login-form .input-group .input-group-addon {border:none;border-radius:0;background-color:#fff;padding-left:0;padding-right:0;}
.login-page .login-form .input-group .input-group-addon .account-icon {font-size:16px;}
.login-page .login-form .input-group input {padding-right:20px;}
.login-page .login-form .input-group .eye-status {font-size:16px;position:absolute;right:10px;top:16px;color:#333;z-index:10;cursor:pointer;}
.login-page .login-form .item.remember-row {margin-top:24px;text-align:left;margin:17px 0 17px;}
.login-page .login-form .remember-row input {margin-top:0;vertical-align:middle;cursor:pointer;}
.login-page .login-form .remember-row .remember-me-txt {margin-left:5px;margin-bottom:0;cursor:pointer;vertical-align:middle;}
.login-page .login-form .item.submit-row button {width:100%;height:50px;text-align:center;background-color:#0069aa;font-size:20px;-webkit-border-radius:3px;border-radius:3px;color:#fff;}
.login-page .login-form .error-promot {color:#ff6000;font-size:12px;margin-top: 20px;text-align:left;}
.login-page .login-form .error-promot ul {padding-left:0;margin-bottom:0;}
.login-page .login-form .error-promot li {list-style:none;}
.login-page .qr-form {display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;background-color:#fff;}
.login-page .qr-form #img {position:relative;width:200px;height:200px;}
.login-page .qr-form #img img {width:100%;}
.login-page .qr-form .desc {color:#999;margin-top:10px;}
.login-page .qr-form .desc .icon {margin:0 5px;}
.login-page .footer .owner {margin-bottom:4px;}

#particles-js {
    width: 100%;
    height: 100%;
    background-color: #f7fafc;
    z-index: -99;
}