@import "base/setting";
@import "base/function/all";


body {width: 100%;height: 100%;background: nth($navy,1);}
.m-login {
    width: 100%;
    height: 100%;
    position: fixed;
    _position: absolute;
    top: 15%;
    _left: 25%;

}
.login-copyright{width: 980px;margin: auto;}
.login-box {
    background: nth($navy,2);
    width: 980px;
    overflow: hidden;
    border: 1px solid nth($navy,3);
    padding: 20px 0;
    margin: auto;

    .login-left {
        background: url("../Images/backloginbg.png") no-repeat center;
        width: 440px;
        height: 400px;
        float: left;

        img {
            display: block;
            width: 322px;
            height: 50px;
            margin: 150px 0 0 60px;
        }
    }

    .login-right {
        float: left;
        border-left: 1px solid lighten(nth($navy,2), 10%);
        position: relative;

        fieldset {
            color: nth($gery,1);
            border: none;
            margin: 40px 0 0 50px;

            legend {
                font-size: 18px;
            }

            label {
                display: block;
                margin: 20px 0;

                .text {
                    background: darken(nth($navy,2), 5%);
                    border: 1px solid lighten(nth($navy,2), 10%);
                    padding: 8px 5px;
                    color: #fff;
                    vertical-align:middle;
                    &:focus{
                        outline:0;
                        border: 1px solid nth($jade,2);
                    }
                }
                .myerror{
                    border: 1px solid nth($red,2);
                }
                a{
                    margin-left:18px;
                    border:0 none;
                   img{
                       height:37px;
                       width:120px;
                   }
                   color:nth($baseColor,1);
                   font-size:12px;
                   &:hover{
                       color:nth($jade,2);
                   }
                }
            }

            .login-submit {
                background: url("../Images/backloginbg01.png");
                border: 1px solid nth($jade,2);
                color: #ffffff;
                width: 260px;
                height: 38px;
                margin-left: 58px;
                &:focus{
                        outline:0;
                }
                &:hover{
                    background: url("../Images/backloginbg02.png");
                }
            }
        }
    }
}

%ui-tips {
    font-size: 14px;
    cursor: default;
    width: auto;
    @include float;
    overflow: hidden;
    line-height: 32px;
    white-space: nowrap;
    position: fixed;
    z-index: 9999;
    background-position: 5px center;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.ui-tipsinfo {
    @extend %ui-tips;
    color: nth($infoColor,1);
    background-color: nth($infoColor,2);
    border: 2px solid nth($infoColor,3);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAaVBMVEX///9PktVWouyawedRmN9Sm+Lg7Pedwuf///9Wou1VoOlSmuJTldZUn+hVn+mYwOZWoexvptzu9v1NkdTf7fxxp937/P5/sOCvzuzk7vhRmN5Xl9dmodpVoexqo9tRlNVVltbi7fhootuUx1cjAAAAAXRSTlMAQObYZgAAAH5JREFUeF5lj1cOA0EIQ83Usr239PsfMgKtlFHWH2CehMBgbX4imvyGU2tZVDFWRbkKmJc9RVHalxmANjyEnqvxgCPFtg9cW3pD25ip8PjU4sZRWv3AU4kLQdr9+APtC7eUAV5pbA6shqMMKHJAY35Xjb68fg13xu+GoZP4+AI3MwnTKJ+ruwAAAABJRU5ErkJggg==);
}

.ui-tipserror {
    @extend %ui-tips;
    color: nth($errorColor,1);
    background-color: nth($errorColor,2);
    border: 2px solid nth($errorColor,3);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAw1BMVEX////////uVVXuVFTkSEjVb1HsUlLnS0vvW1vmS0vuWVnvXV3dPj7rUFDkyLz2o6P1mZndQD3rUVHVbU/dPz3kR0fUclLdQTzbUDvaWj/69fP60dHeQjvTg2btVFTcTzvmSkrdTTr//f3lzL/UgWTvYWH++fniwbLvX1/zhYXVbEzygYH0k5P709P95ub+8fHwZ2fjxbj1nZ3839/6z8/xcXHdSzrdTDreQzv83d32n5/eQjz3q6v+9fXwa2v96+v84eGH3JX9AAAAAXRSTlMAQObYZgAAALlJREFUeF49jlWSxDAMBSXZDjLDMDPPMt7/VCsnU9t/3VV+FmhmRRXHVTGDB4P+2BfCH/cHrTZ1nlBLktcNh1S6nxtWJ9yTVACrTISIEVl3xO9hdoHUpKcl4jv7zSFbwQsP7LiwL3hmArEgos0U8Yedhq9tsHrIXHX4gGeDrAPiccmlfbI1KUJ8W/PO9Exmyt/S7qu35uXTryuyFcBW0j8y7U43OjX06Zp5aSe8Z5dzeBCokeeNVKDlD2nuD2i4ItR8AAAAAElFTkSuQmCC);
}

.ui-tipssuccess {
    @extend %ui-tips;
    color: nth($successColor,1);
    background-color: nth($successColor,2);
    border: 2px solid nth($successColor,3);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAwFBMVEX///////+TzSPD44WSzCOUziaSyyOXzyuZ0DCNxCKn1kyEuCDs9tjt99uOxiKDtx+MwyGx22HP6Z2l1UfC44ORyiOQySKp10/K5ZePxyLv9uDt9d2RyiWZwUuHvCONuTaRyyPI3KCnyGXk7s+Yzy233G3P5Kbx9ueQyCL8/fq81YuTzCOg0UHN36mOvDfu9938/vrg78Gd0TqIviDh78b1+u3C34ms1VuNwSmGuyCh0z+PyCL6/PeXzS+KwCHj7c4XsX5IAAAAAXRSTlMAQObYZgAAAKZJREFUeF5lj9XKQ0EQg3dm5bhr1d1dfn3/t+r0dCmFfncJCSTswYYXUhZ8wzSxgRVGXMlthC+iLRkc3+CMeVILMdrtUXqvwOIyg7OiSKKN5QkG1wwTZpL4QvxtwGQdKjTJECWUzSP8tP4yxCFV8jFAHaB/yBGpkuK03QOA+e0biZS5UlnBCv4dX5CWLqOIspxOYIkq8JyuaqHf1dM/zun7NqL9vH8HBjcL2lWtIocAAAAASUVORK5CYII=);
}

b {
    color: nth($errorColor,1);
    background: nth($errorColor,2);
    border: 2px solid nth($errorColor,3);
    padding: 5px 5px 6px 30px;
    margin-left: 3px;
    @include float;
    position: absolute;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAw1BMVEX////////uVVXuVFTkSEjVb1HsUlLnS0vvW1vmS0vuWVnvXV3dPj7rUFDkyLz2o6P1mZndQD3rUVHVbU/dPz3kR0fUclLdQTzbUDvaWj/69fP60dHeQjvTg2btVFTcTzvmSkrdTTr//f3lzL/UgWTvYWH++fniwbLvX1/zhYXVbEzygYH0k5P709P95ub+8fHwZ2fjxbj1nZ3839/6z8/xcXHdSzrdTDreQzv83d32n5/eQjz3q6v+9fXwa2v96+v84eGH3JX9AAAAAXRSTlMAQObYZgAAALlJREFUeF49jlWSxDAMBSXZDjLDMDPPMt7/VCsnU9t/3VV+FmhmRRXHVTGDB4P+2BfCH/cHrTZ1nlBLktcNh1S6nxtWJ9yTVACrTISIEVl3xO9hdoHUpKcl4jv7zSFbwQsP7LiwL3hmArEgos0U8Yedhq9tsHrIXHX4gGeDrAPiccmlfbI1KUJ8W/PO9Exmyt/S7qu35uXTryuyFcBW0j8y7U43OjX06Zp5aSe8Z5dzeBCokeeNVKDlD2nuD2i4ItR8AAAAAElFTkSuQmCC);
    background-position: 5px center;
    background-repeat: no-repeat;
    white-space: nowrap;
}
