body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: url("images/login_bg.png") no-repeat center center;
    background-size: cover;
    position: relative;
}


.login-rect {
    width: 425px;
    height: 375px;
    background: url("images/login_rect.png") no-repeat center center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 40px 5px;
}


.login-logo {
    width: 100%;
    height: 47px;
    background: url("images/login_logo.png") no-repeat center center;
}


.login-input {
    width: 100%;
}

.login-input-item {
    width: 300px;
    margin: 0 auto;
    margin-top: 15px;
    border-left: 5px solid #ff9900;
}

    .login-input-item:first-child {
        margin-top: 30px;
        border-left: 5px solid #009999;
    }

    .login-input-item:last-child {
        border-left: 5px solid #1d9ee0;
    }

    .login-input-item .mini-textbox {
        width: 100%;
        background-color: transparent;
    }



    .login-input-item .mini-textbox-border, .login-input-item .mini-required .mini-textbox-border {
        background-color: #ebebeb;
        border-radius: 0px;
    }


    .login-input-item .mini-textbox-focus .mini-textbox-border {
        border-color: transparent;
        background-color: white;
    }


    .login-input-item .mini-textbox .mini-textbox-border:before {
        font-family: "Font Awesome 5 Pro";
        content: '\f007';
        display: inline-block;
        float: left;
        line-height: 33px;
        color: #009999;
    }

    .login-input-item .mini-password .mini-textbox-border:before {
        font-family: "Font Awesome 5 Pro";
        content: '\f30d';
        display: inline-block;
        float: left;
        line-height: 33px;
        color: #ff9900;
    }


    .login-input-item .check-code .mini-textbox-border:before {
        font-family: "Font Awesome 5 Pro";
        content: "\f2f7";
        display: inline-block;
        float: left;
        line-height: 33px;
        color: #1d9ee0;
    }


    .login-input-item .mini-corner-all .mini-textbox-input {
        width: 240px;
        display: inline-block;
        float: left;
        margin-left: 10px;
    }



.login-button {
    width: 300px;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
}


    .login-button .mini-button {
        width: 100%;
        background-color: #236992;
    }

        .login-button .mini-button .mini-button-text {
            color: white;
        }


    .login-button a:hover.mini-button {
        width: 100%;
        background-color: #1c70a1;
    }