/* login */
.login-top-area {
    position: absolute;
    width: 100%;
    /* need modify     height: 40%; */
    /* need modify   background-color: #1466a0;*/
    /* need modify   top: 0px; */
}

.login-bottom-area {
    position: absolute;
    width: 100%;
    /* need modify   top: 70%; */
    /* need modify   height: 30%; */
    /* need modify   background-color: #1466a0; */
}

.login-middle-area {
    position: absolute;
    width: 100%;
    /* need modify   top: 40%; */
    /* need modify   height: 30%; */
    /* need modify   background-color: #c0c0c0; */
}

.login-area {
    position: fixed;
    _position: absolute;
    top: 50%;
    left: 50%;
    width: 640px;
    height: 400px;
    margin: -200px 0 0 -320px;
    background-image: url(../AppOption/LoginBg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 9999;
}



.login-edit-area {
    position: relative;
    top: 160px;
    left: 380px;
}

.login-username {
    position: relative;
    top: 20px;
    left: 0px;
}

    .login-username input {
        border: 1px solid #0a6193;
    }

.login-userpassword {
    position: relative;
    top: 40px;
    left: 0px;
}

    .login-userpassword input {
        border: 1px solid #0a6193;
    }

.login-btnlogin {
    position: relative;
    top: 60px;
    left: 0px;
}

    .login-btnlogin input {
        border: 1px solid #a0a0a0;
    }

.login-prompt {
    position: relative;
    top: 120px;
    left: 0px;
}

.login-float {
    display: none;
    position: absolute;
    top: 48%;
    left: 50%;
    width: 680px;
    height: 50%;
    border: 10px solid #ffffff;
    margin: -15% 0 0 -380px;
    z-index: 9999;
}




.deftxt {
    color: gray;
}

.nortxt {
    color: black;
}

#TitleImage {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 99;
}