html {
    min-height: 100%;
    _height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei", Verdana, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #666;
}

a {
    padding: 0px 5px;
    text-decoration: none;
    color: #56A4F6;
}

    a:hover {
        color: #005bac;
    }

div.page {
    height: 100%;
    _height: 100%;
    background-color: #5E6470;
    position: absolute;
    width: 100%;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
    zoom: 1;
}

.justify {
    text-align: justify;
    -moz-text-align: justify;
    -webkit-text-align: justify;
    text-justify: distribute; /*ie6-8*/
    -moz-text-justify: distribute;
    -webkit-text-justify: distribute;
    text-align-last: auto; /* ie9*/
    -moz-text-align-last: auto; /*ff*/
    -webkit-text-align-last: distribute; /*chrome 20+*/
    word-break: normal;
    -moz-word-break: normal;
    -webkit-word-break: normal;
}

input {
    font-family: "Microsoft YaHei", Verdana, Helvetica, Sans-Serif;
    /*-webkit-appearance: none;*/
    outline: none;
}

    input::-ms-clear {
        display: none;
    }

    input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px #f5f5f5 inset;
    }

    input[type='text'], input[type='password'] {
        border: none;
        height: 38px;
        width: 160px;
        color: #005bac;
        background-color: transparent;
    }

    input[type='submit'] {
        border: none;
        background-color: #56A4F6;
        color: #fff;
        width: 200px;
        height: 30px;
        cursor: pointer;
    }

        input[type='submit']:hover {
            color: #005bac;
        }

.radius {
    /*Բ��*/
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
}

div.loginPartial {
    display: table-cell;
    vertical-align: middle;
}

    div.loginPartial > div.logo {
        width: 1200px;
        height: 40px;
        margin: 0px auto;
        padding: 10px 0px;
    }

    div.loginPartial > div.bg {
        height: 400px;
        background-color: #56A4F6;
        margin: 10px 0px;
    }

        div.loginPartial > div.bg > div.innerbg {
            height: 100%;
            width: 1200px;
            margin: 0px auto;
            background: url(images/login/login_bg.png) no-repeat left center;
            background-size: 863px 400px;
            position: relative;
        }

            div.loginPartial > div.bg > div.innerbg > div.innershadow {
                height: 420px;
                width: 10px;
                position: absolute;
                top: -10px;
                right: 400px;
            }

            div.loginPartial > div.bg > div.innerbg > div.innerinfo {
                height: 420px;
                width: 360px;
                background-color: #fff;
                position: absolute;
                top: -10px;
                right: 40px;
                overflow: hidden;
            }

                div.loginPartial > div.bg > div.innerbg > div.innerinfo > div.title {
                    margin: 10px;
                    padding: 10px 0px;
                    text-align: center;
                }

                div.loginPartial > div.bg > div.innerbg > div.innerinfo > div.operation {
                    background-color: #F5F5F5;
                    width: 100%;
                    height: 200px;
                    display: table;
                }

                    div.loginPartial > div.bg > div.innerbg > div.innerinfo > div.operation > div.inner {
                        display: table-cell;
                        vertical-align: middle;
                        padding: 0px 20px;
                    }

                        div.loginPartial > div.bg > div.innerbg > div.innerinfo > div.operation > div.inner > div.item {
                            height: 40px;
                            border-bottom: 1px solid #ccc;
                        }

                            div.loginPartial > div.bg > div.innerbg > div.innerinfo > div.operation > div.inner > div.item > div.label {
                                float: left;
                                width: 120px;
                                line-height: 40px;
                                font-size: 14px;
                            }

                            div.loginPartial > div.bg > div.innerbg > div.innerinfo > div.operation > div.inner > div.item > div.control {
                                float: left;
                                width: 90px;
                                line-height: 40px;
                            }

                            div.loginPartial > div.bg > div.innerbg > div.innerinfo > div.operation > div.inner > div.item > div.validate {
                                float: right;
                                width: 40px;
                                height: 40px;
                                background: url(images/login/ico_clear.png) no-repeat center center;
                                background-size: 24px 24px;
                                cursor: pointer;
                            }

                        div.loginPartial > div.bg > div.innerbg > div.innerinfo > div.operation > div.inner > div.opr {
                            line-height: 60px;
                            text-align: center;
                        }

                div.loginPartial > div.bg > div.innerbg > div.innerinfo > div.description {
                    padding: 2px 10px 10px 10px;
                    color: #666;
                }

    div.loginPartial > div.copyright {
        color: #fff;
        line-height: 60px;
        text-align: center;
    }