body{color:#444;background: #eee;text-align:center;font-size:12px;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word;}
td   {FONT-SIZE:12px; COLOR:#000000;}
img{border:none}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}
h1,h2,h3,h4,h5,h6{font-size:100%;}
input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.white,.white a{color:#fff}.blue,.blue a{color:#004499}.gray4,a.gray4{color:#999}
.red, .red a, a.red{color:red;}.green{color:#0E774A}
select optgroup{color:#CAC8BB;}
header{ display:block}

.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}

.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}
.row-2 li{ float:left; width:50%}.row-3 li{ float:left; width:33%}.row-4 li{ float:left; width:25%}.row-5 li{ float:left; width:20%}
/*.cu,.cu-li li,.cu-span span {cursor: hand;!important;cursor: pointer}*/
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.img-wrap{border:1px solid #eee;text-align:center;overflow:hidden}
.img-wrap a{display:table-cell;vertical-align:middle;*display:block; overflow:hidden; background-color:#fff}
.img-wrap a:hover{ background-color:#e8eff6}
.col-left{float:left}
.col-auto{overflow:hidden;_zoom:1;_float:left;}
.col-right{float:right}

a{text-decoration:none; color:#444}
a:hover{text-decoration:underline; color:#1E50A2}
.blue,blue a,.box h5 a,.box h6 a,.box a.more,.crumbs a{ color:#004499}
.keylink,.keylink:link,.keylink:hover,.keylink:active {text-decoration:underline;width:26px; height:22px; line-height:22px; background:#fff; border:1px dotted #aaa;  text-align:center}
textarea{border:1px solid #DCDDDD; background:#fff;clear:both;color:#555;font-size:14px;height:130px;padding:5px 0 0 5px;text-align:left;width:99%; margin-bottom:8px}
.input-text,input.date,input.endDate,.input-focus{border:1px solid #DCDDDD; height:22px; padding:0 0 0 3px}
input.date,input.endDate{background: #fff url(/css/templets2012/images/admin_img/input_date.png) no-repeat right 3px; padding-right:18px;font-size:12px;}
.center{
	margin:0px auto;text-align:center;
}


.body-top,.header,.header .logo{background: url(/css/templets2012/images/body-top.png) repeat-x left -115px;}
.body-top .login a.rss{width:32px; float:right;overflow:hidden; text-indent:-222px;background: url(/css/templets2012/images/rsso.gif) no-repeat left center; margin-left:8px}
.body-top .content{ overflow: hidden; margin:auto; width:990px;}
@media (max-width: 750px) {
.body-top .content {
	padding-right: 15px;
	width: auto;
}
}
.body-top .login span{ color:#CCC}
.body-top{height:26px; background-color:#eee; vertical-align:middle}
#announ{ height:22px; line-height:22px; overflow:hidden; float:left;background: url(/css/templets2012/images/icon.png) no-repeat left -37px; padding-left:20px}
@media (max-width: 750px) {
	#announ {
		padding-left: 15px;
	}
}

#head{width:990px;background:#FFFFFF;clear:both;margin:0 auto;}

@media (max-width: 750px) {
#head {
	overflow: hidden;
	width: auto;
}
}
#hy{width:990px;height:20;background:url(/css/templets2012/images/heady.gif) top left repeat-x;}
@media (max-width: 750px) {
#hy {
	height: 20px;
	width: auto;
}
}
#logo{width:990px;clear:both;margin:0 auto;background:#FFFFFF;}
#logo2{float:left;width:160px;height:90px;padding-left:25px;background:#FFFFFF;}
#logo2r{float:left;width:805px;height:90px;background:#FFFFFF;}
@media (max-width: 750px) {
#logo2r {
	width: auto;
}
}
#zstdh{width:940px;height:16px;padding:7px 4px 6px 4px;font-size:12px;font-family:"ËÎÌå";clear:both;margin:0 auto;}
@media (max-width: 750px) {
#zstdh {
	*zoom: 1;
	padding:7px 10px 6px 10px;
	width: auto;
	height: auto;
}
#zstdh:before, #zstdh:after { content: " "; display: table; }
#zstdh:after { clear: both; }
}
#zstdh li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	padding-right:6px;
	*padding-right:1px;
	line-height:16px;
	background:none;
}

.z18{
	width:18px;
	height:18px;
	CURSOR: pointer;
	COLOR: white;
	font-weight:bold;
}
.zsbox{
	padding:5px 0px 5px 0px;
	margin:0 0 8px 0;
	width:987;
	*width:100%;
	clear:both;
	border:2px solid #D7E2EA;
}
.zstitle{
	padding:5px 0 5px 0;
	background-color:#FF00FF;
	margin:0 0 0 0;
	width:988;
	*width:100%;
	COLOR: white;
	clear:both;
	border-TOP:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}
.zstdh{
	margin:2px 0 5px 1px;
	padding-top:3px;
	background-color:#DBDBDB;
	width:110;
	text-align:center;
	border-top:1px solid #999999;
	border-left:2px solid #999999;
	border-bottom:1px solid #999999;
	border-right:2px solid #999999;
}

.zst3d{
	padding:15px 0 5px 0;
	margin:0 0 0 0;
	width:987;
	*width:100%;
	clear:both;
	border-TOP:2px solid #D7E2EA;
	border-left:2px solid #D7E2EA;
	border-right:2px solid #D7E2EA;
}
.zst3d p{
	padding:3px 0px 3px 50px;
}
.indexbq{
	width:99%;
}
.indexbq a{
	padding:4px 0 3px 8px;
	float:left;
	white-space:nowrap; 
	text-decoration:underline;
}

.biaoqian {
	background-color: #F6F6F6;
	margin: 1px;
	float: left;
	width: 108px;
	font-size: 14px;
	line-height: 30px;
	text-align:center;
}
.A_View{
	FLOAT: right; WIDTH: 336px; HEIGHT: 280px; PADDING-TOP: 50px; PADDING-left: 20px;
}
.B_view {
    height: 600px;
    width: 160px;
    margin: 5px 3px;
    float: left;
}

.fczstgolo{
	width:160;
    height: 90px;
	float:left;
	clear:right;
	background:#FFFFFF;
}
.headleft {
	width:830;
    height: 90px;
	float:left;
	clear:right;
	background:#FFFFFF;
 }
.indexgg{
	clear: both;
    height: 90px;
    width: 728px;
    margin: 10px 2px;
    float: left;
}

.inputHeight_bnt {
	border: 0px;
	height: 16px;
	width: 190px;
	FONT-SIZE: 12px;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#FFFFFF, EndColorStr=#9DBCEA); 
	CURSOR: hand;
}
.sml{
	FONT-SIZE: 12px;
}


.header,.main,.footer{width:992px;margin:0 auto;background: #eee url(/css/templets2012/images/body-bg.png) repeat-y center;}
@media (max-width: 750px) {
.header,.main,.footer {
	width: auto;
}
}
.header{padding:10px 7px;background-position: left -142px}
.header .logo{float:left;background-position: right -10px;background-repeat: no-repeat; padding:0 20px 0 10px; height:70px; text-align:center;*font-size:40px;}
.header .logo a{display:table-cell;vertical-align:middle;text-align:center;*display:block; height:70px; float:left}
.header .search{ float:left; width:360px;_width:auto; padding-left:20px; height:70px}
.header .search .tab{ padding:3px 0}
.header .search .tab span{ color:#ddd}
.header .search .tab a{ color:#6f7172}
.header .search .tab a.on{ font-weight:700}
.header .search .bd{ background:#ededed; padding:5px; float:left;}
.header .search .text{border:1px solid #e5e5e7;padding:4px 0 3px 40px; height:18px;width:210px;background:#fff url(/css/templets2012/images/icon.png) no-repeat}
.header .search .button{ background:#3a6ea5; border:none; color:#fff; height:1.9em;margin-left:3px;width:4.2em; margin-left:6px;vertical-align:middle; text-align:center}
.header .banner{ overflow:hidden;zoom:1;_float:right; text-align:right;	}


.main{text-align:left;background: #eee url(/css/templets2012/images/body-bg.png) repeat-y center;}
.main .col-left{width:730px; margin-right:10px;}
@media (max-width: 750px) {
.main .col-left {
	float: none;
	margin: 0;
	width: auto;
}
}

.news-hot{background: url(/css/templets2012/images/hot_bg.png) no-repeat;float:left; width:530px; margin-right:9px; height:38px}
.main .col-left .slide{overflow:hidden;_float:left;zoom:1}

.box{border:1px solid #c3d4e7;zoom:1; overflow:auto; padding-bottom:10px}
.box h5,.box h6{background: url(/css/templets2012/images/title.png) no-repeat right top;color:#1e50a2; height:26px; margin-bottom:10px; line-height:26px; padding-left:10px;border-bottom:1px solid #dce7f3; position:relative}
.box h6{ margin-bottom:0}
.box h5.title-1,.box h6.title-1{background-position: right -52px}
.box h5.title-2,.box h6.title-2{background-position: right -100px}
.box h5.title-2 span.tab{float:right; padding-right:6px; color:#a4bcd6}
.box h5.title-2 span.tab span{ color:#2064ae;cursor: hand;!important;cursor: pointer}
.box a.more{ font-size:12px; font-family:"ËÎÌå"; margin-right:8px; font-weight:normal; position:absolute;top:0; *top:1px;_top:1px; right:0}
.box .content{padding:0 10px;	overflow:auto;}
html{font:12px \5b8b\4f53,sans-serif;}

.extend{ padding:0;}
.extend img{ margin:1px}
.extend .col-left{background: url(/css/templets2012/images/extend.png) no-repeat;height:396px; width:22px; color:#fff; text-align:center; padding-top:3px; font-weight:700; margin-right:6px}
.extend .col-auto{ font-family:"ËÎÌå"; color:#CCC;; padding:4px 0 0 0; height:400px}
.box .news-photo{padding:0 0}
.box .news-photo li{ float:left; width:139px; text-align:center; padding:5px 0; vertical-align:top}
.box .news-photo li div.img-wrap{ width:110px; margin:auto; margin-bottom:5px; height:85px;}
.box .news-photo li div.img-wrap a{ width:110px; height:85px;*font-size:62px;}


.news-hot{}
.news-hot .content{ padding:20px 8px 0 26px}
.news-hot .content h4{ padding:1px 0 5px 5px; font-size:18px; font-family:"ËÎÌå",Verdana;}
.news-hot p {color:#777}
.news-hot p img{ float:left; margin-right:10px}
/* special */
.box{ background-color:#fff}
.box .special p{overflow:auto; margin-top:14px}
.box .special p img{margin-right:10px; float:left}
/* Digg */
.box .digg{background: url(/css/templets2012/images/num_list.png) no-repeat 10px 5px; padding-left:30px}
.box .digg li{ height:24px; line-height:24px; overflow:hidden; position:relative}
.box .digg li span{background:#fff url(/css/templets2012/images/icon.png) no-repeat 0 -67px; position:absolute; right:0; top:0; padding:0 0 0 13px; width:30px}
/* vote */
.box .vote h4{ font-size:14px; font-weight:normal}
.box .vote label{display:block; line-height:22px}
.box .vote .btn{ margin:6px 12px 0 0}

/* rank */
.rank li{background: url(/css/templets2012/images/uline.gif) repeat-x left top; clear:both;margin-top:-1px; overflow:hidden;*height:57px;}
.rank li span{float:left;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-style:italic;height:58px;color:#1E50A2;line-height:58px;overflow:hidden;padding-right:10px;text-align:right;width:60px;background: url(/css/templets2012/images/rank.png) no-repeat right 10px;}
.rank li a.title{padding:9px 0 0; display:block; margin-left:76px}
/*board*/
.list{ font-family:"ËÎÌå"; color:#888;}
.list li span{font-size:12px; padding:0 6px}
.cat-area{width:358px; float:left}
/*zdl*/
.cat-arealist{width:385px; float:left;margin-right:10px}
/*zdl*/
.cat-area .content p img{ margin-right:10px; float:left}
.cat-area .content p{color:#777; height:75px; overflow:hidden}
.cat-area .content p strong{ font-size:14px; color:#333}
/* Blogroll */
.blogroll {}
.blogroll h5{ background:none; font-size:12px; margin:0 2px}

.crumbs{background: url(/css/templets2012/images/icon.png) no-repeat left -38px; padding:3px 0 3px 18px; font-family:"ËÎÌå"; border-bottom:1px solid #c3d4e7; margin-bottom:10px}
.crumbs span{color:#7e7e7e}


/*RSS*/
.rss-channel{background: url(/css/templets2012/images/rss_bg.png) repeat-x left 38px;}
.rss-channel .header,.rss-channel .navlist .memu .content div,.rss-channel .navlist .memu .content ul li,.rss-channel .xml .rss dt,.rss-channel .xml a.xmlbut,.rss-channel .xml .rss dd a{background: url(/css/templets2012/images/rss.png) no-repeat;}
.rss-channel .header{height:88px; overflow:hidden}
.rss-channel .special-body-top a.logo{background-image:none; padding-right:0px}
.rss-channel .box h5,.rss-channel .box h6{ position:static}
.rss-channel .main{overflow:visible; background-color:#fff}
.rss-channel .navlist{width:200px}
.rss-channel .navlist .memu{padding:0}
.rss-channel .navlist .memu .content {padding:1px 1px 0}
.rss-channel .navlist .memu .content div{background-color:#dae7f4;height:24px;line-height:24px;margin-bottom:1px;font-weight:700;background-position: 18px -216px; padding-left:26px}
.rss-channel .navlist .memu .content div.color{ background-color:#eaf2f9}
.rss-channel .navlist .memu .content div.on{background-position: 16px -188px;}
.rss-channel .navlist .memu .content ul{display:none; line-height:22px; padding:3px 0 3px 30px}
.rss-channel .navlist .memu .content ul li{background-position: left -161px;_background-position: left -165px; padding-left:10px; height:22px}
.rss-channel .navlist .memu .content ul li.on,.rss-channel .navlist .memu .content ul li:hover{background-position: left -140px; color:#F60}
.rss-channel .rsslist{ width:730px}
.rss-channel .rsslist .box{ width:358px; float:left; overflow:visible}
.rss-channel .xml{ float:right; font-size:12px; font-weight:normal; }
.rss-channel .xml a.xmlbut{background-position: left -116px; display:block; width:24px; font-size:1px; text-indent:-1000px; float:left; height:15px; margin-right:5px; overflow:hidden; margin-top:4px}
.rss-channel .xml .rss{float:left; position:relative; z-index:1}
.rss-channel .xml .rss dl{ overflow:hidden; height:26px;width:65px;}
.rss-channel .xml .rss dt{background-position: -28px -116px; padding-left:18px;height:21px; line-height:17px; margin-top:5px;}
.rss-channel .xml .rss dd{height:16px; line-height:16px; padding:5px 0}
.rss-channel .xml .rss dd a{ padding-left:14px;background-position: 5px -258px;}
.rss-channel .xml .cur{width:65px; z-index:2}
.rss-channel .xml .cur dl{width:65px;border:1px solid #C3D4E7; position: absolute; top:-1px; right:-1px;  background-color:#fff; z-index:999;overflow:visible; height:auto}
.rss-channel .xml .cur dd{border-top:1px dashed #DCDDDD;}

#Article{ overflow:hidden}
@media (max-width: 750px) {
#Article {
	padding: 0 20px 20px!important;
}
}
#Article,.photo-channel .relevance{ border:1px solid #C3D4E7;zoom:1; padding:0 20px}
#Article h1{color:#000;font:800 26px/30px "ËÎÌå",arial;text-align:center; padding:16px 0 0;}
#Article .msg{font-size:12px; font-weight:normal;color:#999;text-align:center; border-bottom:1px solid #e5e5e5; padding:6px 0 14px;}
#Article .content{ font-size:14px}
#Article .content p{font-size:14px;line-height:23px;text-align:justify;word-wrap:break-word; padding:8px 0}
#Article .related{ border-top:dashed 1px #ccc; margin-top:15px}
#Article .related h5{padding-bottom:4px}
#Article .related{ padding:10px 0 0}
#Article .related a{ color:#0b3b8c}
.Article-Tool{ border:1px solid #c3d4e7; position:relative; top:-1px; text-align:right; padding:8px; vertical-align:middle; height:15px; background-color:#f4f8fd}
.Article-Tool a{width:16px;height:16px;line-height:16px;background: url(/css/templets2012/images/icon.png) no-repeat; margin-left:6px;}
.Article-Tool a:hover{text-decoration: none}
.Article-Tool a.t,.Article-Tool a.t6{background-position: left -336px; width:auto; padding-left:16px; color:#8896b1}
.Article-Tool a.t1{background-position: left -115px;}
.Article-Tool a.t2{background-position: left -159px;}
.Article-Tool a.t3{background-position: left -205px;}
.Article-Tool a.t4{background-position: left -250px;}
.Article-Tool a.t5{background-position: left -294px;}
.Article-Tool a.t6{background-position: left -421px;padding-left:18px;}


#Article .list-pic{ padding:22px 0 16px; height:100px}
#Article .cont{overflow:hidden; float: left; width:616px; height:80px}
#Article .cont li{ float:left; width:123px; text-align:center; display:block; overflow:hidden}
#Article .cont li .img-wrap{width:100px; height:75px; margin:0 auto;}
#Article .cont li .img-wrap a{*font-size:55px;width:100px; height:75px;outline: medium none;}
#Article .cont li.on .img-wrap{ border:2px solid #ffb017}
#Article .list-pic .pre,#Article .list-pic .next{float:left; display:block; position:relative;background: url(/css/templets2012/images/pic_bg.png) no-repeat;width:110px;height:86px; text-align:center}
#Article .list-pic .pre{ left:-8px;top:-3px; margin-right:14px}
#Article .list-pic .next{ right:-8px; float:right;top:-3px}
#Article .list-pic .pre .img-wrap,#Article .list-pic .next .img-wrap{width:102px; height:72px;border:none; padding:4px 0 8px}
#Article .list-pic .pre .img-wrap a,#Article .list-pic .next .img-wrap a{*font-size:53px;width:98px; height:72px; padding:0px 5px 0 4px;*padding:0px 5px 5px 0px }
#Article .list-pic .pre .img-wrap a:hover,#Article .list-pic .next .img-wrap a:hover{ background:none}
#Article .list-pic .next{ right:-8px; float:right;bottom:-2px}
#Article .pre-bnt,#Article .next-bnt{margin-top:3px;cursor: hand;!important;cursor: pointer}
#Article .pre-bnt,#Article .next-bnt,#Article .pre-bnt span,#Article .next-bnt span{background: url(/css/templets2012/images/big-btn.png) no-repeat; display:block; width:17px; height:69px; float:left;}
#Article .pre-bnt:hover, #Article .next-bnt:hover,#Article .pre-bnt-on,#Article .next-bnt-on{background-position: 0 -78px;}
#Article .pre-bnt span{background-position: -30px top;}
#Article .pre-bnt:hover span,#Article .pre-bnt-on span{background-position: -30px -78px;}
#Article .next-bnt span{background-position: -55px top;}
#Article .next-bnt:hover span,#Article .next-bnt-on span{background-position: -55px -78px;}


#pages { padding:14px 0 10px; font-family:ËÎÌå }
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { background:url(/css/templets2012/images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }


/* footer style */
/* link */
.footer p.info{}
.footer p.info{color:#666; line-height:24px;text-align:center; padding:12px 0;  border-top:1px solid #dbe7ed}
.footer p.info a{color:#666;}
/*link*/
.colli li{display:inline-block;zoom:1;*display:inline;overflow:hidden;vertical-align:middle;}
.ylink h5 a.rt{ margin-right:8px; font-weight:normal; font-family:"ËÎÌå"}
.ylink h5 a.red{ color:red; font-weight:normal; padding:0 6px}
.ylink .imgul li{ text-align:center; margin:5px 10px;}
.ylink .linka a{ margin:10px; white-space:nowrap; height:30px; line-height:30px;}