html, body {
    height: 100%;
}

.navbar.navbar-inverse.navbar-fixed-top {
    opacity: 0.6;
    display: none;
}

.body-content > h2 {
    height: 50px;
}

.LoginPage {
    width: 100%;
    height: 100%;
    background: url("images/signBackground.jpg") center / cover no-repeat;
    color: #fff;
    position: relative;
}

    .LoginPage #loginForm {
        position: absolute;
        left: 0;
        right: 0;
        top: 15%;
    }

        .LoginPage #loginForm .remind {
            display: none;
        }

        .LoginPage #loginForm .form-logo {
            height: 36px;
            background: url("images/logo@3x.png") no-repeat center / 163px 36px;
        }

        .LoginPage #loginForm .form-group {
            height: 48px;
            margin-right: 0;
            margin-left: 0;
        }

            .LoginPage #loginForm .form-group .form-control {
                height: 48px;
                background: rgba(0, 0, 0, 0.2);
                border: transparent;
                text-align: center;
                color: #fff;
                font-family: PingFangSC-Regular;
                font-size: 16px;
                transition: none;
                box-shadow: none;
            }

                .LoginPage #loginForm .form-group .form-control:focus {
                    border: 1px solid #58607B;
                    outline: none !important;
                }

            .LoginPage #loginForm .form-group.username {
                margin-top: 30px;
                margin-bottom: 10px;
            }

            .LoginPage #loginForm .form-group.password {
                margin-bottom: 30px;
            }

                .LoginPage #loginForm .form-group.password .passwordInp {
                    color: #fff;
                    font-family: PingFangSC-Regular;
                    font-size: 16px;
                }

            .LoginPage #loginForm .form-group #Email::-webkit-input-placeholder {
                /* WebKit browsers */
                font-family: "PingFangSC-Regular";
                font-size: 16px;
                color: #58607B;
            }

            .LoginPage #loginForm .form-group #Email:-moz-placeholder {
                /* Mozilla Firefox 4 to 18 */
                font-family: "PingFangSC-Regular";
                font-size: 16px;
                color: #58607B;
            }

            .LoginPage #loginForm .form-group #Email::-moz-placeholder {
                /* Mozilla Firefox 19+ */
                font-family: "PingFangSC-Regular";
                font-size: 16px;
                color: #58607B;
            }

            .LoginPage #loginForm .form-group #Email:-ms-input-placeholder {
                /* Internet Explorer 10+ */
                font-family: "PingFangSC-Regular";
                font-size: 16px;
                color: #58607B;
            }

            .LoginPage #loginForm .form-group .btn {
                height: 48px;
                background: #537DDA;
                box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.1);
                border-radius: 2px;
                font: 16px/22px "PingFangSC-Regular";
                color: #FFFFFF;
                letter-spacing: 10px;
                border: none;
            }

        .LoginPage #loginForm .opt a {
            font: 14px/14px "pxPingFangSC-Regular";
            color: #8893AA;
        }

            .LoginPage #loginForm .opt a:-webkit-any-link {
                color: #8893AA;
                cursor: auto;
                text-decoration: none;
            }

            .LoginPage #loginForm .opt a:hover {
                color: #fff;
                text-decoration: none;
            }

        .LoginPage #loginForm .opt .forget {
            float: left;
        }

        .LoginPage #loginForm .opt .register {
            float: right;
        }
