*{margin:0;padding:0}input{background:#353336;border:1px solid #000;width:100%;box-sizing:border-box;height:40px;padding:0 10px;color:#fff;font-size:15px;outline:none}input:focus{border-color:#e59a23}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-transition-delay:999999999s;-webkit-transition:color 999999999s ease-out,background-color 99999s ease-out}body,html{background:#666;height:100%;font-size:14px;-webkit-user-select:none}.top-bg{background:#353336;border-bottom:1px solid #000;position:absolute;top:0;bottom:50%;left:0;right:0;z-index:1}.login-box{background:#464447;border:1px solid #000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;max-width:420px;width:100%;box-shadow:0 4px 10px rgba(0,0,0,.75)}.logo{background:#222;padding:2px 25px;margin-bottom:30px}.logo img{height:46px}.input,.btn-box{margin-bottom:30px;padding:0 30px}.btn{display:inline-block;min-width:160px;width:160px;height:auto;text-align:center;padding:10px 0;background:#0d5a84;box-shadow:0 1px 2px rgba(0,0,0,.75);color:#fff;cursor:pointer;border:none;box-sizing:content-box;border:none;outline:none}.btn:hover{opacity:.8}.btn-green{background:#009245;float:right}.modal{background:rgba(0,0,0,.75);position:fixed;top:0;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:9999999;padding:0 2rem;box-sizing:border-box;display:none;color:#fff}.modal .btn{min-width:50px;width:50px;padding:5px 0;border:1px solid #000;border-radius:4px}.modal-open{overflow:hidden}.modal .icon-close{cursor:pointer;font-size:.8rem}.modal.show{display:block}.modal-container{position:absolute;top:50%;left:50%;max-width:400px;width:100%;transform:translate(-50%,-50%);background:#353336;font-size:15px;max-height:100%;overflow:auto}.modal-title{font-size:18px;color:#fff;padding:10px;border-bottom:1px solid #000}.modal-title .name{color:#e59a23}.modal-body{background:#464447;padding:10px;line-height:25px}.modal-footer{padding:10px;text-align:right;border-top:1px solid #000}.copyright{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);color:#000;text-shadow:0 0 1px #888;font-size:12px}.icon-refresh{cursor:pointer;color:#888;vertical-align:-webkit-baseline-middle}.icon-refresh:hover{color:#fff}select{cursor:pointer}@media screen and (max-width:700px){.logo{padding:2px 10px}.logo img{height:40px}.input,.btn-box{padding:0 15px}.login-box{max-width:90%}.btn{width:120px;min-width:120px}.login-box .content{overflow:hidden}.copyright{left:0;right:0;text-align:center;transform:translate(0,0)}}