.app,.appbackground{right:0;bottom:0;width:100%;height:100%}*{margin:0;padding:0}@font-face{font-family:'Bank Gothic';src:url('/build/plugins/font/Bank Gothic Medium BT.ttf')}body{background:#000}.app{position:fixed;left:0;top:0;z-index:1;background-size:cover;background-position:top center}.appbackground{position:fixed;left:0;top:0;z-index:-1;animation:universe 60s infinite linear;background-size:100vw 100vh}@keyframes universe{0%{background-image:url(/build/images/bg-01.jpg);opacity:0}4.1%{background-image:url(/build/images/bg-01.jpg);opacity:.6}10.2%{background-image:url(/build/images/bg-01.jpg);opacity:0}10.3%{background-image:url(/build/images/bg-02.jpg);opacity:0}16.8%{background-image:url(/build/images/bg-02.jpg);opacity:.6}23.1%{background-image:url(/build/images/bg-02.jpg);opacity:0}23.2%{background-image:url(/build/images/bg-03.jpg);opacity:0}29.5%{background-image:url(/build/images/bg-03.jpg);opacity:.6}35.6%{background-image:url(/build/images/bg-03.jpg);opacity:0}35.7%{background-image:url(/build/images/bg-04.jpg);opacity:0}42.2%{background-image:url(/build/images/bg-04.jpg);opacity:.6}48.4%{background-image:url(/build/images/bg-04.jpg);opacity:0}48.5%{background-image:url(/build/images/bg-05.jpg);opacity:0}54.8%{background-image:url(/build/images/bg-05.jpg);opacity:.6}62.1%{background-image:url(/build/images/bg-05.jpg);opacity:0}62.2%{background-image:url(/build/images/bg-06.jpg);opacity:0}67.4%{background-image:url(/build/images/bg-06.jpg);opacity:.6}73.5%{background-image:url(/build/images/bg-06.jpg);opacity:0}73.6%{background-image:url(/build/images/bg-07.jpg);opacity:0}80%{background-image:url(/build/images/bg-07.jpg);opacity:.6}86.2%{background-image:url(/build/images/bg-07.jpg);opacity:0}86.3%{background-image:url(/build/images/bg-08.jpg);opacity:0}93.8%{background-image:url(/build/images/bg-08.jpg);opacity:.6}99%{background-image:url(/build/images/bg-08.jpg);opacity:0}100%{background-image:url(/build/images/bg-01.jpg);opacity:0}}.form-login-heading{color:#fff;font-family:"Bank Gothic";font-size:64px;position:absolute;left:100px;top:200px}.form-input{width:322px;height:70px;border-radius:4px;position:absolute;cursor:text}.form-input.focus{background:linear-gradient(to right,#0080FF,#1EC0FF);box-shadow:0 0 16px #1EC0FF}.form-input.focus .inner.hover{box-shadow:none}.form-input.username{left:100px;top:300px}.form-input.password{left:100px;top:388px}.form-input .inner.hover{box-shadow:inset 0 4px 8px 0 rgba(0,0,0,.16)}.form-input .inner{position:absolute;width:320px;background:#fff;top:1px;left:1px;border-radius:4px;height:68px}.btn-login,.btn-login.loging{background:#0080FF}.form-input .inner .caption{position:absolute;top:10px;left:10px;font-size:12px;color:#AAA;line-height:18px;pointer-events:none}.form-input .inner input{outline:0;top:38px;left:10px;font-size:14px;color:#222;height:20px;position:absolute;border:none;width:180px;padding:0}.form-input .inner input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}.btn-login{cursor:pointer;line-height:36px;border-radius:22px;font-size:16px;color:#FFF;font-weight:700;position:absolute;left:100px;top:476px;width:80px;height:36px;border:none}.btn-login i,.text-l,.text-r{font-size:14px}.btn-login .outer,.btn-login .outer .inner{width:0;height:0;display:inline-block;position:absolute}.btn-login i{margin-left:5px;transform:scale(.8);margin-top:-1px;display:inline-block}.btn-login.loging .outer .inner{border-left-color:#0080FF}.btn-login:hover{background:#1EC0FF}.btn-login:hover .outer .inner{border-left-color:#1EC0FF}.btn-login:hover.loging{background:#0080FF}.btn-login:hover.loging .outer .inner{border-left-color:#0080FF}.btn-login .outer{margin:auto 5px;border-top:8px transparent solid;border-right:12px transparent solid;border-bottom:8px transparent solid;border-left:12px #fff solid;top:10px}.btn-login .outer .inner{top:-6px;left:-12px;border-top:7px transparent solid;border-right:10px transparent solid;border-bottom:8px transparent solid;border-left:10px #0080FF solid}.text-l{color:#FFF;font-weight:700;position:absolute;bottom:20px;left:20px}.text-r{color:#FFF;font-weight:700;position:absolute;bottom:20px;right:20px}