html{ background-image:url(/UserFiles/Image/cjbj.jpg); background-repeat:no-repeat; background-position: top center;  padding-top:38px;}
 /*background:url(../images/bg.jpg)*/
body{ width:960px; margin:0 auto; padding:0 5px; background:#f7f7f7; font-size:12px}
A { color:#333; font-size:12px;}
A:hover { color: #b9342c; text-decoration:underline;}
img{ border:0; padding:0; margin:0}
ul{ padding:5px; list-style:none url(../images/icon_li.gif) inside; }
li{ padding:0; margin:0; list-style:none;}
.main { padding:3px 10px; border:#003366 1px solid; line-height:23px; border-top:none}
#main{ width:746px; height:100%; float:left;border-left:1px #003366 solid;}
#roll_img {  border-bottom:1px #003366 solid; padding:8px; width:280px; height:439px; float:left;}
#roll_img div img { width:280px; height:360px;}
#roll_img ul { padding:4px; margin:0px; height:68px; background:#000;}
#roll_img ul li { display:block; float:left;}
#roll_img ul img { margin:2px; width:64px; cursor:pointer; height:64px;}
#roll_bigImg { filter: progid:DXImageTransform.Microsoft.Pixelate ( ,enabled=false,duration=1,maxSquare=25 ); width:280px; cursor:pointer; height:400px;}
#roll_smallImg { z-index:9; position:absolute}

#brand { float:left; background: #006699 url(../images/bg_brand.gif) no-repeat center top;; width:150px; height:440px; padding-top:15px; text-align:center; border-bottom:1px #003366 solid;}
#brand h4 { margin:0; margin-bottom:5px; color:#fff;}
#brand h4 a{ color:#fff}
.list_img { padding:0; list-style:none none outside; margin:12px 0 0}
.list_img li {margin-top:3px; text-align:center}

#news { float:left; background: #bed4e6 url(../images/bg_new.gif) no-repeat; width:300px; height:455px; border-bottom:1px #003366 solid;}
#news h3{ background:url(../images/ico01.gif) no-repeat; margin:0; line-height:30px; border-bottom:3px #3b619a solid; width:92%; margin:5px auto; text-indent:28px; color:#3b619a; font-size:14px}
#news h3 a{ margin-left:155px; font-size:12px; font-weight:normal; color:#3b619a}
#news ul{ margin:0; line-height:23px;}
#news_gad{ width:300px; height:500px; float:left;}
#news_ad{ width:600px; border:1px dashed #000; margin:0 auto;}
#news_ad #ad{ width:300px; float:left;}
#phototitle{ clear:both; height:30px; background:url(../images/photo.jpg) no-repeat; border-bottom:1px #003366 solid; line-height:30px}
#phototitle a{ display:none;}

#fishphoto{  width:740px; height:300px; padding-left:6px; overflow:hidden; clear:both;}
#fishphoto .photolist{ float:left;margin:0px;list-style:none none; padding:0 }
#fishphoto .photolist li{width:100px; height:80px; padding:11px 10px 0 11px; float:left; text-align:center;}
#fishphoto .photolist li img{ width:100px; height:60px;}
.banner{ height:105px; clear:both; text-align:center;}
#video,#Skills,#Knowledge{ height:505px;}
#video{ float:left; width:208px; border-right:1px solid #00468C;}
#video h3{border-bottom:3px solid #3b619a; width:92%; margin:10px auto 5px auto; font-size:14px; color:#3b619a; background:url(../images/ico02.gif) no-repeat left center; text-indent:8px; line-height:25px;}
#video h3 a{ margin-left:90px; font-size:12px; font-weight:normal; color:#3b619a}
#video .videolist{ padding:5px; clear:both;}
#video .videolist img{ width:58px; height:58px; border:1px solid #ccc; padding:2px; float:left; margin-right:5px;}
#video .videolist h4{ margin:0; line-height:25px;}
#video .videolist p{ margin:0; line-height:20px;}

#Skills{ float:left; width:305px; border-right:1px solid #00468c}
#Skills h3{border-bottom:3px solid #3b619a; width:92%; margin:10px auto 5px auto; font-size:14px; color:#3b619a; background:url(../images/ico02.gif) no-repeat left center; text-indent:8px; line-height:25px;}
#Skills h3 a{ margin-left:180px; font-size:12px; font-weight:normal; color:#3b619a}
#Skills ul{ margin:0; line-height:23px; font-size:13px; color:#333;}
#Skills ul li{
	letter-spacing: 0.1em;
}
#Knowledge{ float:left; width:230px;}
#Knowledge h3{border-bottom:3px solid #3b619a; width:92%; margin:10px auto 5px auto; font-size:14px; color:#3b619a; background:url(../images/ico02.gif) no-repeat left center; text-indent:8px; line-height:25px;}
#Knowledge h3 a{ margin-left:115px; font-size:12px; font-weight:normal; color:#3b619a}
#Knowledge ul{ margin:0; line-height:23px;}


#sitebar { float:right; background:#e7ecf1; border:1px #003366 solid; border-top:none; border-bottom:none; width:211px; height:100%; }
#sitebar h3{border-bottom:3px solid #3b619a; width:92%; margin:10px auto 5px auto; font-size:14px; color:#3b619a; background:url(../images/ico02.gif) no-repeat left center; text-indent:8px; line-height:25px;}
#sitebar h3 a{ margin-left:95px; font-size:12px; font-weight:normal; color:#3b619a}
#sitebar ul{ margin:0; line-height:23px;}
#sitebar label{  margin:0 0 0 10px; font-size:14px;}
#sitebar label a{ font-size:14px; color:#3b619a; text-decoration:none;}

#sitebar .pic_list{ text-align:center;}
#sitebar .pic_list img{ margin:2px auto;}

#friendLink{ width:958px; clear:both; border-left:1px solid #003366; border-right:1px solid #003366; border-top:1px #003366 solid; }
#friendLink ul{ margin:0; list-style:none none;}
#friendLink ul li{ float:left; padding:2px 5px; line-height:23px;display:inline}
#menu{ padding:5px 10px; line-height:20px; background:#3b619a;clear:both;}
#menu ul{ margin:0;}
#menu a{ color:#fff; text-decoration:none;}
#footer{ width:958px; border-left:1px solid #003366; clear:both; border-right:1px solid #003366; }
#footer ul{ margin:0; line-height:25px; list-style:none none; }


.rightWeatherDiv{ width:90%; height:158px; margin:10px auto; line-height:23px;}
.dateweather{ clear:both; text-align:center}
.dateweather a{ padding:0 5px;}
.lastNew {clear:both; color:#ff6600; font-weight:bold; border-bottom:1px #cccccc solid; margin:10px 0px 10px 0px;}
.normalTitle {font-size:14px; background-color:#eeeeee; padding:4px;}
.rightDate {float:right; font-family:verdana; font-size:10px;}
.splitDiv {clear:both; height:1px; line-height:1px; border-bottom:1px #CCCCCC dashed; margin:10px 0px 10px 0px;}
.headNavi {text-indent:2em; color:#666666;}
.item {text-align:right;}