@charset "utf-8";
#main{
    width: 600px;
    height: 600px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -300px 0 0 -300px;
    z-index: 2;
}
#border{
    overflow: hidden;
    position: relative;
    z-index: 1;
}
#border:before{
    content: '';
    position: absolute;
    left: 40px;
    top: 0;
    z-index: 2;
    background: #fff;
    width: calc(100% - 80px);
    height: 100%;
}
#logo{
    float: left;
    position: relative;
    z-index: 5;
    margin-left: 40px;
    padding: 10px 0 10px 10px;
    box-sizing: border-box;
    height: 130px;
    max-width: 40%;
}
#logo img{
    max-height: 110px;
}
#title{
    float: right;
    position: relative;
    z-index: 5;
    margin-right: 50px;
    line-height: 130px;
    color: #2572ac;
    font-size: 20px;
    max-width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#login{
    clear: both;
}
input{
    outline: none;
    border: none;
}
input::-webkit-input-placeholder {
    color: #7597b7;
}

input::-moz-placeholder {
    color: #7597b7;
}

input:-ms-input-placeholder {
    color: #7597b7;
}
#usernameDiv,#passwordDiv,#vcodeDiv{
    background: #206599;
    display: block;
    height: 80px;
    line-height: 80px;
    margin-bottom: 40px;
    color: #fff;
    padding: 0 50px;
    position: relative;
    z-index: 5;
    box-sizing: border-box;
}
#usernameDiv:before,#passwordDiv:before,#vcodeDiv:before,
#usernameDiv:after,#passwordDiv:after,#vcodeDiv:after{
    content: '';
    border-width: 20px;
    border-style: solid;
    position: absolute;
    top: 100%;
    z-index: 2;
}
#usernameDiv:before,#passwordDiv:before,#vcodeDiv:before{
    border-color: #033d6b #033d6b transparent transparent;
    left: 0;
}
#usernameDiv:after,#passwordDiv:after,#vcodeDiv:after{
    border-color: #033d6b transparent transparent #033d6b;
    right: 0;
}
#usernameDiv input,#passwordDiv input,#vcodeDiv input{
    height: 45px;
    padding: 0 10px;
    background: transparent;
    color: #fff;
    box-sizing: border-box;
    font-size: 20px;
    width: 100%;
}
#login .t,#login .i{
    vertical-align: middle;
}
#login .t{
    font-size: 20px;
    height: 45px;
    line-height: 80px;
}
#login .i{
    display: inline-block;
    width: calc(100% - 80px);
}
#vcodeDiv input{
    width: calc(100% - 62px);
    vertical-align: middle;
}
#submitDiv{
    position: relative;
    z-index: 5;
}
#submitDiv input{
    height: 80px;
    line-height: 78px;
    background: #2572ac;
    color: #fff;
    font-size: 20px;
    width: calc(100% - 80px);
    margin-left: 40px;
}
#copyright{display:none;}

#checkboxDiv{
    color: #2572ac;
    position: relative;
    z-index: 5;
    padding: 0 50px;
    margin-bottom: 10px;
    top: -10px;
    font-size: 14px;
}
#checkboxDiv .check_box{
    background: transparent;
    border: 1px solid #ddd;
    margin-right: 5px;
}
#checkboxDiv .check_box span{
    color: #2572ac;
    font-size: 20px;
}
@media screen and (max-width: 1024px) {
    #main{
        margin: -250px 0 0 -300px;
    }
}