html, body { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; /*Fallback if gradeints don't work  background: #141e6e;*/ /*Linear gradient... *//* background: radial-gradient( at center, #1d8bd5, #1d618f );*/ }
.apImgTitle { position: fixed; width: 42%; left: 30%; top: 30%; }
.apTitle { font-size: 40px; color: #fff; position: fixed; top: 32%; width: 100%; text-align: center; }
.logcon { position: fixed; width: 100%; top: 47%; text-align: center; }
.logcon input { padding: 10px 15px; border-radius: 3px; border: none; margin-right: 10px; width: 220px; }
.logcon button { padding: 7px 20px 10px 20px; border: none; background: #fff; border-radius: 3px; }
.logcon button:hover { cursor: pointer; }
canvas { display: block; vertical-align: bottom; }
#particles-js { width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.login-box { width: 100%; height: 100%; /*background: url('/images/login_bg.jpg') no-repeat center fixed;*/ }
/*.login-box:before { content: ' '; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.15); }*/

/*.login-box:before { content: ' '; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('/images/admin-login-bg.jpg') no-repeat center fixed; z-index: 1; filter: blur(2px); -moz-filter: blur(2px); -webkit-filter: blur(2px); }*/
.login-box .login-content { max-width: 1024px; height: 100%; margin: 0 auto; }

.login-box .login-content .logo { float: left; margin: 30px; color: lightblue; height: 100px; line-height: 100px; font-size: 40px; }

.login-box .login-content .dowebok { position: absolute; left: 50%; top: 50%; z-index: 100; width: 320px; height: 480px; margin: -250px 0 0 -160px; /*border: 1px solid #999; border-radius: 10px; box-shadow: 0 0 3px #ccc;*/ overflow: hidden; }
.login-box .login-content .dowebok:before { content: ' '; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('/images/admin-login-bg.jpg') no-repeat center fixed; z-index: -1; filter: blur(5px); -moz-filter: blur(5px); -webkit-filter: blur(5px); }
.login-box .login-content .dowebok .title { color: white; width: 100%; height: 60px; margin: 20px auto 30px; }
.login-box .login-content .dowebok .title h2 { width: 100%; height: 60px; line-height: 60px; font-size: 26px; text-align: center; }
.login-box .login-content .dowebok .form-item { position: relative; width: 270px; margin: 0 auto; padding-bottom: 30px; }
.login-box .login-content .dowebok .form-item input { width: 198px; height: 48px; line-height: 48px; padding: 0 35px; border: 1px solid #fff; border-radius: 25px; font-size: 18px; color: #fff; background-color: transparent; outline: none; }
.login-box .login-content .dowebok .form-item input::-webkit-input-placeholder { line-height: 48px; }
.login-box .login-content .dowebok .form-item input:-moz-placeholder { line-height: 48px; }
.login-box .login-content .dowebok .form-item input::-moz-placeholder { line-height: 48px; }
.login-box .login-content .dowebok .form-item input:-ms-input-placeholder { line-height: 48px; }
.login-box .login-content .dowebok .form-item .layui-form-select input { width: 270px; }
.login-box .login-content .dowebok .form-item button { width: 270px; height: 50px; border: 0; border-radius: 25px; font-size: 18px; color: #333; background-color: white; outline: none; }
.login-box .login-content .dowebok .form-item button:hover { background-color: #0094ff; color: white; }
.login-box .login-content .dowebok .form-item button.layui-btn-disabled { color: #888; background-color: #c9c9c9; }
.login-box .login-content .dowebok .form-item button.layui-btn-disabled:hover { background-color: #C9C9C9; color: #999; }
.login-box .login-content .dowebok .tip { display: none; position: absolute; left: 20px; top: 52px; font-size: 14px; color: #f50; }
.login-box .login-content .dowebok .reg-bar { width: 270px; margin: 20px auto 0; font-size: 14px; overflow: hidden; }
.login-box .login-content .dowebok .reg-bar a { color: #fff; text-decoration: none; }
.login-box .login-content .dowebok .reg-bar a { color: #fff; text-decoration: none; }
.login-box .login-content .dowebok .reg-bar a:hover { text-decoration: underline; }
.login-box .login-content .dowebok .reg-bar .reg { float: left; }
.login-box .login-content .dowebok .reg-bar .forget { float: right; }
.login-box .login-content .dowebok ::-webkit-input-placeholder { font-size: 18px; line-height: 1.4; color: #fff; }
.login-box .login-content .dowebok :-ms-input-placeholder { font-size: 18px; line-height: 1.4; color: #fff; }
.login-box .login-content .dowebok ::-moz-placeholder { font-size: 18px; line-height: 1.4; color: #fff; }
.login-box .login-content .dowebok :-moz-placeholder { font-size: 18px; line-height: 1.4; color: #fff; }
.login-box .login-content .dowebok .copyright { position: absolute; left: 0; bottom: 0; width: 100%; color: white; text-align: center; }
.login-box .login-content .dowebok .copyright span { padding: 5px; }
.login-box .login-content .dowebok .copyright a { color: white; }