@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
body{
    font-family:'Arial';
    text-align:center;
    font-size: 12px;
}
ul{
    list-style-type: none;
}
input{
    border:1px solid #dcdcdc;
}
img{
    border:0px;
}
a{
    color:#333;
    text-decoration:none;
}
a:hover{
    color:#339900;
    text-decoration: underline;
}
#container{
    /*margin:1px 0px 0 0px !important; ie 7*/
    /*margin:1px 0px 0 20px ; ie 6 */
    margin:0px auto;
    width:980px;
}
#loginStatus{
    padding:3px 0;
    text-align: right;
    color:red;
    font:normal 12px monospace;
}
#loginStatus a{
    color:red;
}
#header{
    color:#3399cc;
    height:inherit;
    width:980px;
}
#banner{
    width:980px;
    height:100px;
    background:url("/images/banner.gif") no-repeat;
}
#nav{
    font-size:15px;
    font-weight:bold;
    width:980px;
    height:43px;
    background:url("/images/nav-bg.gif") no-repeat;
}
#nav ul{
    width:980px;
}
#nav ul li{
    list-style-type:none;
    float:left;
    width:100px;
    line-height:43px;
}
#nav a{
    color:white;
    text-decoration:none;
    display:block;
    height:43px;
    width:65px;
}
#nav a:hover{
    background:url("/images/a-bg.gif") repeat-x 1% 80%;
}
#content{
    padding-top:5px;
    width:980px;
    height:auto;
}
/******************************************************/
#leftContent{
    float:left;
    width:215px;
    color:#666666;
}
#person{
    padding:20px 0 10px 0; 
    width:213px;
    border:1px solid #ccccff;
    background:url("/images/person.gif") no-repeat 20px 5px;
}
#person ul,#office ul{
    padding-top:20px;
    list-style-type:none;
}
#person ul li,#office ul li{
    padding:5px;
}
.codeImage{
    border:0;
    vertical-align: inherit;
}
#office{
    margin-top: 5px;
    padding:20px 0 10px 0;
    width:213px;
    border:1px solid #ccccff;
    background:url("/images/office.gif") no-repeat 10px 5px;
}
.textInput{
    width: 130px;
}
.submitButton,.resetButton{
    margin-right:10px;
    width:60px;
    height:20px;
    padding-top:1px;
    background-color:#fafafa;
    color:#0077cc;
}
#officePanel{
    width:680px;
    font-size:13px;
    text-align: left;
    padding:3px;
    background: #fefefe;
    border: 1px solid #efefff;
}
#officePanel span a{
    color:red;
}
#officePanel table td{
    padding:2px 10px 2px 0px;
}
#officePanel ul{
    list-style-type: none;
}
#officePanel ul li{
    float:left;
    padding:3px;
}
#officePanel a{
    color:#222222;
}
#login{
    width:213px;
    margin-top:5px;
    color:#333333;
}
#login h4{
     background: url("/images/h4-bg.gif") repeat-x;
    font-size:13px;
    font-weight: normal;
    width:auto;
    text-align: left;
    color:#fafafa;
    padding:4px 0 3px 5px;
}
#loginForm{
    border:1px solid #ccddff;
    border-top:0px;
    padding: 3px 0px 5px 5px;
    height: auto;
}
#login .inputBox{
    width:130px;
}
#loginForm ul li{
    padding:3px;
}
#loginForm ul li span{
    color:#888888;
}
/****************************************************/
#middleContent{
    float:left;
    width:550px;
    text-align: left;
}
#picNews{
    color:#555555;
    width:545px;
    padding-left:5px;
}
#picNews .sub{
    border-top:1px solid #ccc;
}
#picNews .sub .image{
    background: #eeeeff;
    float:left;
    width:195px;
    height:140px;
}
#picNews .sub .image img{
    width:190px;
    height:130px;
    padding:5px 0px 0px 2px;
}
#picNews .sub .text{
    background: #eeeeff;
    padding-left:10px;
    padding-right: 5px;
    float:left;
    width:335px;
    height:140px;
}
#picNews .sub .text h4{
    padding-top:10px;
    font-size:12px;
}
#picNews .sub .text h4 a{
   color:#666666;
}
#picNews .sub .text h4 a:hover{
   color:#339900;
}
#picNews .sub .text p{
    padding-top:3px;
     line-height: 16px;
}
#finance{
    padding: 5px 0 0 5px;
    float:left;
    width:270px;
}
#finance h4,#policy h4,#notice h4,#statistic h4,#friendLink h4{
    background: url("/images/h4-bg.gif") repeat-x;
    color:white;
    font-weight: normal;
    font-size: 13px;
    padding:4px 0px 4px 5px;
    text-align: left;
}
#finance h4 span,#policy h4 span,#notice h4 span{
    font-weight: normal;
    font-size: 13px;
    float: right;
    color:white;
    padding-right: 7px;
}
#finance ul,#policy ul,#notice ul,#statistic ul,#friendLink ul{
    padding: 0px 5px;
    border:1px solid #ddeeff;
    border-top: 0px;
}
#finance ul li,#policy ul li{
    padding:5px 0px;
    border-bottom: 1px dashed #ccc;
}
#finance ul li span,#policy ul li span{
    float: right;
    color:#555;
}
#policy{
    padding: 5px 0 0 5px;
    float:left;
    width:270px;
}
/****************************************************/
#rightContent{
    text-align: left;
    float:left;
    width:215px;
    color:olive;
}
#notice{
    float:left;
    width:210px;
    padding-left: 5px;
}
#notice ul li,#statistic ul li{
    padding:5px 0;
}
#statistic{
    width:210px;
    padding:5px 0 0 5px;
    float:left;
    background: url('/images/statistic.gif') no-repeat 8% 88%;
}
#statistic ul{
    padding-left:75px;
    border:1px solid #ddeeff;
    border-top: 0px;
    list-style-type: none;
}
#friendLink{
    float: left;
    text-align: center;
    width: 210px;
    padding:5px 0 0 5px;
}
#friendLink ul li{
    padding: 3px 0;
}
#friendLink a:hover{
    position:relative;
    top:1px;
    left:1px;
}
/****************************************************/
#footer{
    width:980px;
    margin-top:15px;
    border-top:3px solid #efefef;
    color:olive;
    text-align: left;
}
#footer #copyright,#footer #contact,#footer #reporter{
    padding:15px 30px;
    float:left;
}