/*
===================
@explain: 系统后台登录页面
@author: shejiluren
$id: admin_login.css 2014-12-18 $
===================
*/
html{
    padding:0;
    margin:0;
    background:#25547e;
}
body {
    background: url(/uploads/image/aailogin/bg.jpg);
    padding:0;
    margin:0;
    font-family:arial, "microsoft yahei";
}
.wrap {
    width: 250px;
    overflow:hidden;
    margin: 180px auto 0;
    -webkit-animation: bouncein 600ms linear;
    -moz-animation: bouncein 600ms linear;
    -o-animation: bouncein 600ms linear;
    animation: bouncein 600ms linear;
}

h2 a {
    display: block;
    width: 242px;
    margin:auto;
    overflow: hidden;
    text-indent: -2000em;
    background: url(/uploads/image/aailogin/logo.png) no-repeat;
}

.login ul,
.login li{
    padding:0;
    margin:0;
    list-style:none;
}
.login ul{
    background:#fff;
    border:1px solid #2d2e30;
    box-shadow:3px 3px 3px #ccc inset;
    border-radius:5px;
    overflow:hidden;
    margin-bottom:15px;
    width:248px;
    overflow:hidden;
}
.login li{
    border-top:1px solid #d3d4d4;
    padding:5px;
}
.login li img{
    vertical-align:top;
}
.login .input {
    width: 225px;
    padding: 5px;
    vertical-align: middle;
    border:0 none;
    background:transparent;
    font-size:18px;
    font-family:arial,"microsoft yahei";
}
.login .input:focus {
    outline:0 none;
}
.btn_login {
    width: 248px;
    height: 38px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    background:#549fcc url(/uploads/image/aailogin/btn.png) no-repeat;
    overflow:visible;
    color:#fff;
    font-size:20px;
    cursor:pointer;
    font-family:arial, "microsoft yahei";
    border:1px solid #2d2e30;
    border-radius:5px;
}
.btn_login:hover{
    background-position:0 -40px;
}
.btn_login:active {
    background-position:0 -80px;
}
.placeholder{
    color:#999;
}
/*登录框动画*/
@-webkit-keyframes bouncein {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes bouncein {
    0% {
        opacity: 0;
        -moz-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.05);
    }

    70% {
        -moz-transform: scale(.9);
    }

    100% {
        -moz-transform: scale(1);
    }
}
@-o-keyframes bouncein {
    0% {
        opacity: 0;
        -o-transform: scale(.3);
    }

    50% {
        opacity: 1;
        -o-transform: scale(1.05);
    }

    70% {
        -o-transform: scale(.9);
    }

    100% {
        -o-transform: scale(1);
    }
}
@keyframes bouncein {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    70% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
}