﻿body {
    background: url(../img/login.jpg) repeat;
    background-size: cover;
}

html, body {
    height: 100%;
}

.main-box {
    background-color: rgba(248,248,248,0.45);
    width:600px;
    height:650px;
    border-radius:8px;
    position:absolute;
    top:40%;
    left:50%;
    transform:translate(-50%,-50%);
    padding:30px 15px;
}

.reset-tab-box{
    
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

.form-item .form-control input {
    width: 400px;
    height: 36px;
    padding-left: 5px;
    padding-bottom: 4px;
    border: none;
    border-bottom: 2px solid #172646;
    background-color: rgba(0,0,0,0);
}

.form-item .form-control input:focus {
    border-bottom: 2px solid #5380e0;
}

.form-item {
    margin-bottom: 3.6rem;
}

.form-item label{
    font-size: 1.1rem;
}

.form-item label i{
    margin-right: 8px;
    color: red;
    font-style: normal;
    font-weight: 400;
}

.form-item label .glyphicon{
    margin-right: 5px;
}

.form-item .form-control{
    border: none;
    background-color: rgba(0,0,0,0);
    box-shadow: 0 0 0 rgba(0,0,0,0);
    font-size: 1.12rem;
    position: relative;
}

.form-control .error {
    display: inline-block;
    color: red;
    font-size: 10px;
    font-weight: 400;
    position: absolute;
    width: 200px;
    left: 5px;
    top: 150%;
    z-index: 5;
    padding-left: 14px;
    white-space: nowrap;
}

.imgCode{
    display:inline-block;
}

.imgCode-input{
    width:280px!important;
}

.imgCode img {
    width: 140px;
    height: 36px;
}

.form-item label{
    padding-left:10px;
}

.reset-tab-item{
    display:none;
}

.reset-tab-box .active{
    display:block;
}

.text-item{
    margin-bottom:40px;
}

.account-item{
    font-size:1.1rem;
    font-weight:bold;
    padding-left:10px;
    margin-bottom:15px;
}

.rest-title{
    font-size:20px;
    font-weight:bold;
    letter-spacing:3px;
    padding-left:10px;
}

.return-txt {
    font-size: 16px;
    margin-top: 10px;
}

.return-txt a{
    color:blue;
}

.green {
    color: #5FB878;
}

.red{
    color:red;
}

.msghidden {
    display: none;
}