html{background:#011d35 ;width: 100%;height: 100%;position: absolute; background-size:cover;line-height: 1.15;font-size: 62.5%;}
body {  font-family: 'Blender';  font-weight: 500;  color: #fafafa;  background: none; }
.wrapper{ position: relative; font-family: 'Blender';  font-weight: 500;  color: #fafafa;  min-height: 100vh;}
.logo{ display: block;width: 100%;height: 70px; text-align: center;margin-top: 6rem; position: absolute; left: 0;  font-size: 32px; text-decoration: none}
.container {    margin: -160px 0 0 -258px;  width: 517px;  height: 400px; position: absolute; top: 50%; left: 50%;  }
.container .form-container {  width: 85%;  max-width: 250px;  margin: 0 auto;  text-align: center;  }
.form-container-header h1{text-transform: uppercase;  margin-top: 0;  margin-bottom: 2.25rem; font-size: 20px; font-weight: 500}
.container .form-container form {  margin-bottom: 0;  }
.container .form-container button, .container .form-container input, .container .form-container select {  display: block;  width: 100%;  height: 3.5rem;  padding: 0 1rem;  font-family: 'Blender';  font-weight: 400;  font-size: 1.8rem;  line-height: 3.3rem;  border-radius: 4px;  outline: none;  }

.container .form-container input {  color: #4d4d4d;  border: 1px solid #fff;  background-color: #fff;  }
.container .form-container input:not(:last-child) {  margin-bottom: 1rem;  }
.container .form-container button {  cursor: pointer;  margin: 2rem 0;  padding: 0;  text-align: center;  color: #fff;  background-color: #03c1f4;  border: 1px solid #03c1f4;  }
.container .form-container hr {  border-width: 0;  height: 2px;  background-color: #353535;  margin-bottom: 1rem;  }
.container .form-container-footer p {  font-size: 1.4rem;  font-weight: 400;  margin: 0 0 0.75rem;  }
a {  color: #fafafa;background-color: transparent;  text-decoration:underline }
a:active, a:hover {  outline-width: 0;color: #fafafa;  }
.wrapper{ width: 100%;  min-width: 1300px;  overflow: hidden}
.login-header{ height: 100px; width: 100%;}
html{ overflow: hidden}
.login-header{ width: 100%; height: 100px; position: absolute; top: 0;  left:0; background: #fff;}
.login-header p {  height: 100px; margin: 0 auto; padding: 0 13.7%;    text-align: left;  font-size: 32px;}
.login-header span{ width:100%; height: 48px; display: block; margin:26px 0; display: inline-block;     color: #333;    line-height: 48px;}
.login-header span img{    vertical-align: top; width: 48px; height: 48px;}
.footer{ position: absolute; bottom: 0; left: 0; width: 100%; background-color: transparent; height: 107px; line-height: 107px; background: #fff}


.wrapper-main{ width: 100%; padding: 100px 0 107px; height: 100%; position: absolute}
.wrapper-loginpage { position: absolute; top: 50%; right: 13.7%; margin: -132px auto auto 0; width: 380px; height: 308px; }
.banner{ width: 100%; overflow: hidden;  height: 100%; position: relative}
.wrapper-loginpage #loginPwd::placeholder {font-size: 13px;}
.wrapper-loginpage #regLocalCode::placeholder {font-size: 13px;}
.wrapper-loginpage #username::placeholder {font-size: 13px;}
.banner div{ width: 100%; height: 100%; position: absolute;top: 0;left:0; background-size: cover; background-position: center center }