body
{
    padding: 0;
    margin: 0;
    font: 12px/1.5 "Microsoft YaHei" ,tahoma, Verdana, Geneva, sans-serif;
    color: #004a80;
    background: url(images/bodybg.jpg);
    position: relative;
}


body, html
{
    height: 100%;
}
dl, dd
{
    padding: 0;
}
#longinbox
{
    background: url(images/bg_login.jpg) no-repeat top left;
    width: 920px;
    height: 480px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -460px;
    margin-top: -240px;
}
.box
{
    margin: 0;
    padding: 240px 0 0 530px;
    height: 95px;
    width: 288px;
}
#longinbox dd
{
    margin: 0;
    padding: 0;
}
.btn
{
    float: right;
}
#longinbox .user, #longinbox .pw, #longinbox .week
{
    padding-left: 55px;
}
#longinbox .btn
{
    float: right;
    margin-top: 9px;
}
.btn a
{
    background: url(images/btn_login.png) no-repeat left top;
    width: 84px;
    height: 27px;
    text-indent: -9999px;
    display: block;
}
.btn a:hover
{
    background: url(images/btn_login.png) no-repeat left -27px;
}
.btn a:active
{
    background: url(images/btn_login.png) no-repeat left -54px;
}
.user input, .pw input
{
    width: 230px;
    margin: 0;
    padding: 0;
    height: 25px;
    height: 23px\9;
    border: #adbeca solid 1px;
    border-radius: 5px;
    background: url(images/bg-input.png) repeat-x 0 0;
    line-height: 25px;
}
#longinbox .user
{
    background: url(images/uer.png) no-repeat left center;
}
#longinbox .pw
{
    background: url(images/pw.png) no-repeat left center;
    margin-top: 9px;
}
#longinbox .week
{
    margin-top: 9px;
    float: left;
    line-height: 27px;
}
#longinbox .week input
{
    margin: 0 3px 0 0;
    vertical-align: text-top;
    vertical-align: middle;
}
#longinbox .reg{padding-left:0px; padding-top:2px; width:150px;}
#longinbox .reg a,#longinbox .reg span{display: block; color:#6d4a03; text-decoration:none;}
#longinbox .reg a:hover span{ color:#F60;}
#longinbox .reg span{padding-left:35px; background:url(images/pen.gif) no-repeat 15px center;}