/*背景*/
.login{
    position:fixed;
    width:100%;
    height: 100%;
    background:url(../images/background/login.jpg) no-repeat;

}


.box-login{
    margin:0 auto;

}
.login-panel{
    width:620px;
    height:410px;
    position:fixed;
    top:26%;

    left:66%;
    margin-left:-310px;
    background:rgba(255,255,255,.15);
    border-radius:8px;
    -webkit-box-shadow:0px 0px 10px rgba(0,0,0,.15) ;
    -moz-box-shadow:0px 0px 10px rgba(0,0,0,.15) ;
    box-shadow:0px 0px 10px rgba(0,0,0,.15) ;
}

.login-panel .system-tittle{
    margin:0 auto;
    margin-top:48px;
    height:40px;
    width:256px;
    border-left:2px solid #ffffff;
    padding:0 4px;
}

.login-panel .system-tittle span{
    display:block;
    text-align:center;
    color:#ffffff;
}



/*登录键*/
.btn-login{
    padding:0;
    border: 0;
    background: #2f80e0;
    color:white  !important;
    text-align:center;
    font-size:22px;
    width:252px;
    height:40px;
    line-height:40px;
    border-radius:4px;
}


.input-box{
    position:relative;
    top:70px;
    margin:0 auto;
}

#username img,#password img{
    width: 16px;
    height:18px;
    opacity:.5;
    margin-bottom:5px;
    position:relative;
    left:30px;
}

.error img{
    margin-right:4px;
    position:relative;
    bottom:2px;
}

.login-input{
    margin-right:20px;
    padding-top:2px;
    padding-left:40px;
    padding-right:10px;
    color:#8b8b8b;
    border:0;
    width:252px;
    height:40px;
    border-radius: 4px;
}

.login-input:focus{
    border:0;
}


.input-box span{
    color:white;
}
.input-box a span{
    color:white;
    cursor:pointer;

}
.input-box a span:hover{
    color:#54a3f1;
    text-decoration: underline;
}

.input-box a{
    font-size:14px;
    color:#9dcbf9;
}

.input-box a:hover{
    color:#54a3f1;
    text-decoration: underline;
}

.input-box div{
    text-align:center;
}

#username{

    font-size:18px;
    margin-bottom:8px;
}

#password{
    font-size:18px;
    margin-bottom:36px;
}

#forget{
    position:absolute;
    bottom:105px;
    right:120px;
}

#logo{
    position:absolute;
    top:36px;
    left:42px;
    width:120px;

}

#shield{
        position: absolute;
    opacity: .4;
    left: 15%;
    top: 150px;
    width: 25%;
}

.login .error{

    overflow:hidden;
    -webkit-animation:error 1s;
    -o-animation:error 1s;
    animation:error 1s;
    text-align:left;
    padding:0 10px 0 4px;
    line-height:24px;
    position:absolute;
    width:252px;
    left:182px;
    top:-28px;
    background:#f97979;
    font-size:12px;
    display:inline-block;
    height:24px;
}

@keyframes error{
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}