html,body 
{
    padding:0;
    margin:0;
    font-family:微软雅黑;
    font-size:14px;
    overflow:hidden;
}
#top_box,#middle_box,#bottom_box{ width:100%;}

#top_box
{
    text-align:left;
    font-weight:bold;
    padding: 20px 20px 20px 180px;
    height:30px; 
    top:0;
    font-size:16px;
    position:absolute;
    letter-spacing:5px;
}

#middle_box
{
   position:absolute;
   background-image: url(../Images/loginbg.jpg) ;
   top:70px;
   bottom:60px;
   height:auto;
}  

#middle_box .title
{
    position:absolute;
    top:50%;
    left:20%; 
    font-size:24px;
    font-family:Microsoft YaHei UI;
    letter-spacing:5px;
    color:#fff;
    margin-bottom:12px;
}

#middle_box .loginbox
{
    position:absolute;
    padding:15px;
    top:20%;
    right:20%;
    height:280px;
    width:280px; 
    font-size:14px;
    font-family:Microsoft YaHei UI;
    color:black;
    background-color:#fff;
}
p
{
    font-size:16px;
    font-weight:bold;
}
p
{
    margin-top:5px;
    font-weight:bold;
    font-size:14px;
    letter-spacing:5px;
}

.txt
{
    height:30px; 
    width:265px;
    border:1px solid #ccc; 
    padding:5px; 
}

p img
{
    position:absolute; 
    right:25px;
    height:22px;
    width:20px; 
    border:0;
}

.btn
{
    height:40px;
    font-size:16px;
    margin-top:5px;
    padding:5px;
    background-color:#4eabca;
    border:1px solid #4eabca;
    width:100%;
    color:White;
    cursor:pointer;
}

#bottom_box
{
    padding:20px;
    text-align:center;
    color:#ccc;
    font-size:12px;
    position:absolute;
    bottom:0;
}