html {
    height: 100%;
}

body {
    font-family: 'Microsoft YaHei' !important;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, 0);
}

.login_bg {
    width: 100%;
    background: url(../../img/login_bg.png) no-repeat center;
    background-size: cover;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
}

.login_wrap {
    width: 530px;
    height: 350px;
    margin: 220px auto 0;
    background: rgba(255, 255, 255, 0.8);
    position: relative;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-top: 70px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

}

.login_wrap > img {
    position: absolute;
    top: -40px;
    left: 43%;
}

.login_wrap .title{
    color: #1b4c7f;
    letter-spacing: 1px;
    margin-top: -5px;
}

.login_form {
    width: 290px;
    margin: 30px auto 0;
}

.login_form input {

    background: rgba(255, 255, 255, 0.18);
    padding: 11px 10px 11px 10px;
    border: 1px solid #ccc9c9;
}

.login_form .form-group {
    position: relative;
}

.login_form .form-group > i {
    position: absolute;
    top: 6px;
    left: 10px;
    color: #6c757d;
    font-size: 22px;
}