html { width: 100%; height: 100%; }

body { width: 100%; height: 93%; overflow: hidden; background-color:#0a66ab ; background-image: url("../images/bg-loginV1.png"); background-repeat: no-repeat; background-position: center; background-size: auto; }

.login-wrapper { position: relative; display: table; margin: 0 auto; width: 1380px; height: 100%; overflow: hidden; }

.login-wrapper > div:first-child { display: table-cell; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 450px; width: 70%; }

.login-wrapper > div:first-child > div { display: table-cell; color: #FFF; }

.login-wrapper > div:first-child > div:first-child { padding: 0 20px 0 0; }

.login-wrapper > div:first-child > div:last-child { vertical-align: top; }

.login-wrapper > div:first-child > div h3 { font-size: 39px; }

.login-wrapper > div:first-child > div .logo-box { margin-top: -6px; width: 180px; height: 90px; background-image: url("../images/login_Audi.png"); background-repeat: no-repeat; background-position: 0 0; }

.login-wrapper > div:first-child > div p { font-size: 51px; font-weight: bold; }

.login-wrapper > div:first-child > div span { font-size: 27px; font-weight: bold;}

.login-wrapper .loginbox-content { position: absolute; display: inline-block; top: 50%; right: 100px; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 344px; width: 323px; padding: 25px 15px; margin-left: 10px; margin-bottom: 360px; background-color: white; -webkit-box-shadow: 0 8px 21.8px 2.2px rgba(21, 41, 101, 0.19); box-shadow: 0 8px 21.8px 2.2px rgba(21, 41, 101, 0.19); opacity: 0.92; overflow: hidden; }

.login-wrapper .loginbox-content .title { border-bottom: 1px solid #e5e5e5; }

.login-wrapper .loginbox-content .title span { display: inline-block; padding-bottom: 10px; font-size: 24px; color: #000000; border-bottom: 3px solid #4195f2; }

.login-wrapper .loginbox-content .form-item { position: relative; margin-top: 24px; }

.login-wrapper .loginbox-content .form-item:nth-child(3) { vertical-align: top; }

.login-wrapper .loginbox-content .form-item:nth-child(3) span { vertical-align: top; }

.login-wrapper .loginbox-content .form-item:nth-child(3) span:last-child { float: right; font-size: 15px; color: red; }

.login-wrapper .loginbox-content .form-item input[type=password], .login-wrapper .loginbox-content .form-item input[type=text] { padding-left: 40px !important; line-height: 44px; height: 44px; width: 100%; font-size: 14px; color: #888; border-radius: 0; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.login-wrapper .loginbox-content .form-item input[type=checkbox] { padding: 0; margin: 0; width: 14px; height: 14px; }

.login-wrapper .loginbox-content .form-item .icon { display: inline-block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 15px; width: 20px; height: 20px; background-repeat: no-repeat; background-size: 20px 20px; }

.login-wrapper .loginbox-content .form-item .icon-user { background-image: url("../images/icon-user.png"); }

.login-wrapper .loginbox-content .form-item .icon-password { background-image: url("../images/icon-password.png"); }

.login-wrapper .loginbox-content button[type=button] { display: inline-block; margin-bottom: 0; font-weight: 500; text-align: center; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; line-height: 1.15; padding: 0 15px; font-size: 12px; border-radius: 4px; height: 28px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); position: relative; color: rgba(0, 0, 0, 0.65); background-color: #fff; border-color: #d9d9d9; }

.login-wrapper .loginbox-content .login-btn { display: block; width: 100%; height: 45px !important; margin-top: 25px !important; line-height: 45px !important; font-size: 23px !important; font-weight: bold; border-radius: 10 !important; color: #fff !important; background-color: #4195f2 !important; border-color: #4195f2 !important; }

.login-wrapper .loginbox-content .split-line { margin: 24px 0; border-bottom: 1px solid #e5e5e5; }

.login-wrapper .loginbox-content .footer-hint span { font-size: 12px; color: #999; }