html { 
    
}

.login-bg, .login-bg p { width: 100%; height: 100%; min-height: 100%; padding: 0; margin: 0; border: 0; position: relative; z-index: auto; }
.login-bg { display: none; }
.login-container { margin-left: auto; margin-right: auto; position: relative; width: 450px; padding: 44px; margin-bottom: 28px; background-color: #fff; -webkit-box-shadow: 0 2px 6px rgb(0 0 0 / 20%); -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.2); box-shadow: 0 2px 6px rgb(0 0 0 / 20%); min-width: 320px; min-height: 300px; overflow: hidden; margin-top: 100px; }
.login-title { overflow: hidden; }
.logo { width: 48px; height: 48px; float: left; }
.login-title h2 { height: 48px; float: left; display: flex; align-items: center; margin-left: 6px; }
.login-title h4 { height: 36px; float: left; }
.login-title h2 { color: #111; font-size: 24px; width: 170px; font-weight: 600; }
.login-title h4 { font-size: 18px; width: 122px; padding-left: 28px; }
.login-title h4 a,
.login-title h4 a:hover { color: #FFFFFF; text-decoration: none; }
.login-title span { line-height: 18px; color: #999; display: block; clear: both; padding-top: 15px; }


.login-container .copyright { font: 9px/16px Arial; color: #999; text-align: center; margin-top: 25px; -webkit-text-size-adjust: none; }
.login-container .copyright a { color: #27A9E3; text-decoration: none; }
.login-container .copyright a:hover { color: #E84723; text-decoration: blink; }

.bottom { font-family: Verdana, Tahoma; line-height: 16px; color: #FFF; text-shadow: 1px 1px 0 rgba(0,0,0,0.25); text-align: center; width: 600px; margin-left: -300px; position: fixed; bottom: 60px; left: 50%; }
.bottom a { color: #FFFFFF; text-decoration: none; }
.bottom a:hover { color: #FF0; text-decoration: blink; }
.bottom h5 { font-size: 12px; }
.bottom h6 { font-size: 10px; }
.bg { display: block; position: fixed; left: 0; top: 0; overflow: hidden; z-index: -999; height: 100%; width: 100%; }
.bg img { height: 100%; width: 100%; }