html, body {height: 100%; min-height: 100%; position: relative;}
body {background: #000 url('/image/site/forgot_bg.jpg') center no-repeat; color: #fff;}


#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: 370px; padding: 30px; margin: 0 auto; background: #000; border-radius: 10px;}
.form-signin h3 {margin-top: 0px; margin-bottom: 20px;}
.form-signin h3.nomargin {margin-top: 0px; margin-bottom: 5px;}
.form-signin .checkbox {font-weight: normal;}
.form-signin .radio {margin-top: 0px;}
.form-signin .form-control {position: relative; font-size: 14px; height: auto; margin-bottom: 10px;}
.form-signin .form-control:focus {z-index: 2;}

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

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

.form-signin .extra-links {text-align: center; color: #666; opacity: 0.5; margin-top: 20px;}

.form-signin .glyphicon {top: -1px; font-size: 12px;}

.output {text-align: center;}