html,body 
{
    width:100%;
    height:100%;
    margin:0px;
    overflow:hidden;
    background:url(../default/images/login/bg.jpg) repeat center center;
}
.bg 
{
    width:100%;
    height:100%;
    background:url(../default/images/login/use.jpg) no-repeat center center;
}
.login {
    background-color: brown;
    background-color: rgba(255,255,255,0.2);
    left: 40%;
    top: 50%;
    width: 500px;
    height: 250px;
    margin-left: 0px;
    margin-top: -150px;
    position: absolute;
}
.text
{
    float:left;
    width:70px;
    height:38px;
    font-size:18px;
    line-height:38px;
    color:#FFFFFF;
}
.username
{
    float:left;
    margin-top:45px;
    margin-left:100px;
}
.password
{
    float:left;
    margin-top:12px;
    margin-left:100px;
}
.checkcode
{
    float:left;
    margin-top:12px;
    margin-left:100px;
}
.submit
{
    float:left;
    width:75px;
    height:28px;
    margin-top:18px;
    margin-left:168px;
    cursor:pointer;
    border:none;
    background:url(../default/images/login/input.png) no-repeat -169px -76px;
}
.submit:hover
{
    background:url(../default/images/login/input.png) no-repeat -94px -76px;
}
.find
{
    float:left;
    width:75px;
    height:28px;
    margin-top:18px;
    margin-left:12px;
    cursor:pointer;
    border:none;
    background:url(../default/images/login/input.png) no-repeat -169px -104px;
}
.find:hover
{
    background:url(../default/images/login/input.png) no-repeat -94px -104px;
}
.register
{
    float:left;
    width:75px;
    height:28px;
    margin-top:18px;
    margin-left:12px;
    cursor:pointer;
    border:none;
    background:url(../default/images/login/input.png) no-repeat -169px -132px;
}
.register:hover
{
    background:url(../default/images/login/input.png) no-repeat -94px -132px;
}
.inputbg
{
    float:left;
    height:38px;
    background:url(../default/images/login/input.png) no-repeat 0 0;
}
.input
{
    width:235px;
    font-size:14px;
    line-height:16px;
    border:none;
    background:transparent;
    padding:11px 5px 10px 5px;
}
.inputbg2
{
    float:left;
    height:38px;
    background:url(../default/images/login/input.png) no-repeat -165px -38px;
}
.input2
{
    width:70px;
    font-size:14px;
    line-height:16px;
    border:none;
    background:transparent;
    padding:11px 5px 10px 5px;
}
.checkimg
{
    float:left;
    margin-left:5px;
    margin-top:2px;
    cursor:pointer;
}
.message 
{
    top:0;
    left:50%;
    width:300px;
    height:118px;
    margin-left:-160px;
    position:fixed;
    z-index:1001;
    background:url(../default/images/login/msg.png) no-repeat 0 0;
    display:none;
    font-size:12px;
 }
.error
{
    top:0;
    left:50%;
    width:300px;
    height:118px;
    margin-left:-160px;
    position:fixed;
    z-index:1001;
    background:url(../default/images/login/msg.png) no-repeat 0 -118px;
    display:none;
    font-size:12px;
 }
.success 
{
    top:0;
    left:50%;
    width:300px;
    height:118px;
    margin-left:-160px;
    position:fixed;
    z-index:1001;
    background:url(../default/images/login/msg.png) no-repeat 0 -236px;
    display:none;
    font-size:12px;
 }
#msg 
{
    margin-top:50px;
    margin-left:27px;
 }
.close 
{
    margin-top:24px;
    margin-left:248px;
 }
.close input
{
    width:46px;
    height:23px;
    cursor:pointer;
    border:none;
    background:url(../default/images/login/msg.png) no-repeat -254px -354px;
 }