body
{
    margin: 0px;
    font-size: 13px;
    font-family: arial, sans-serif;
    color: #555555;
    
}
img
{
    border-width: 0px;
}
h1
{
    font-size: 20px;
    font-weight: bold;
}
h2
{
    color: #FF0000;
}

#main
{
    width: 970px;
    margin-right: auto;
    margin-left: auto;

    
}
/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
#shang
{
    height: 158px;
    background-image: url('../img/logo.jpg');
    text-align: right;
}
/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
#zhong
{
   
}
#ts
{
    padding: 5px;
    background-color: #F6F6F6;
    height: 20px;
}
.shi
{
   
    background-image: url('../img/point.gif');
    height: 20px;
    width: 200px;
    padding: 3px 3px 3px 30px;
    background-repeat: no-repeat;
    float: left;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #A6CDEA;
}
.fou
{
    float: left;
    width: 200px;
    height: 20px;
    padding: 3px 3px 3px 30px;
    background-image: url('../img/point1.gif');
    background-repeat: no-repeat;
     border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: #F6F6F6;
}

#zuo
{
    width: 735px;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
   
}
#you
{
    width: 225px;
    float: right;
}
/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
#xia
{
    height: 10px;
    width: 970px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #097DC6;
    clear: both;
    margin-top: 25px;
}
/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
#login
{
    margin: 10px;
    padding: 20px;
    width: 365px;
    height: 330px;
    border: 1px solid #C0C0C0;
    float: right;
}
li
{
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
} 


/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
dl {
 font:normal 12px/15px Arial;
    position: relative;
    width: 580px;
    top: 0px;
    left: 0px;
}
dt
{
    clear: both;
    float: left;
    width: 150px;
    padding: 4px 0 2px 0;
    text-align: right;
}
dd {
    float: left;
    width: 380px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}
/* The hint to Hide and Show */
.hint
{
    background-position: -10px 5px;
    display: none;
    position: absolute;
    right: -200px;
    width: 350px;
    margin-top: -4px;
    padding: 10px 12px; /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: -10px 5px;
    color: #3399FF;
}
/* The pointer image is hadded by using another span */
 .hint-pointer
{
    
    position: absolute;
    right: -200px;
    width: 350px;
    margin-top: -4px;
    padding: 10px 12px; /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    
    color: #FF0000;
}
/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
a
{
    text-decoration: none;
    color: #555555;
}
a:active
{
    text-decoration: none;
    color: #555555;
}
a:hover
{
    text-decoration: underline;
    color: #FF0000;
}
/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
#bg
{
    clear: both;
}
.jz
{
    padding-left: 70px;
}
#login2
{
    float: left;
    margin-top: 80px;
}