html, body {height: 100%; min-height: 100%; position: relative;}
body {background: #000 url('/image/site/login/main_bg.jpg') center; background-size: cover; color: #fff; padding-top: 0px;}


#wrap {display: table; height: 100%; width: 100%;}
#main {display: table-cell; vertical-align: middle;}
#main > div {width: 300px; margin: 0 auto 150px;}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-signin .btn-login {width: 100%;}

.form-signin .logo {text-align: center; margin-bottom: 20px;}

.form-signin .extra-links {text-align: center; color: #fff; opacity: 0.5; margin-top: 20px;}
.form-signin .extra-links a {color: #fff;}
.output {text-align: center; background: rgba(0,0,0,0.3); border-radius: 4px; padding: 10px 0; margin-bottom: 0px !important;}