/*base*/
* { margin:0; padding:0; border:0; list-style:none; font-family:"ËÎÌå";}
body { background:#fff; font-size:12px; line-height:16px; color:#000000;}
a { color:#000; text-decoration:none;}
a:hover { color:#ff9804; text-decoration:none;}
input, textarea { border:1px solid #cccccc;}
.hide { display:none;}
.clear { clear:both; height:0; overflow:hidden;}

#wapper { background:url(images/background.jpg) repeat-x top;}
	#outer{ margin:0 auto; width:812px;}
	
		#top{ width:812px; height:73px; background:url(images/top-bg.gif) no-repeat;}
			#top .top{ float:right; width:125px; margin-top:55px; height:16px;}
			#top .top ul{ float:right;  }
			#top .top ul li{ float:left;}
			#top .top ul li a{ color:#fff; line-height:16px;}
			#top .top ul li a:hover{color:#ff9804;}
			#top .top{ color:#fff;}
			#logo{ width:392px; height:73px; float:left;}
			
		#head{ width:812px; }
			#head img{ border:solid #fff 2px;}
			
		#menu{ height:32px; background:url(images/menu-bg.jpg) repeat-x;}
			#menu ul{ float:left; width:800px; margin-left:3px;}
			#menu ul li{ float:left; width:100px; height:32px; text-align:center;}
			#menu ul li a{ display:block; color:#626365; line-height:32px;}
			#menu ul li a:hover{ display:block; background:url(images/menu-hover.jpg); color:#ff9804; font-weight:bold;}	
			#menu .selected{ background:url(images/menu-hover.jpg); font-weight:bold; color:#203d39; margin-right:2px;}
			#menu .on{ font-weight:bold; color:#ff9804;}
		
		
		#content{ }
		#middle-left{ float:left; width:570px; margin-top:15px;}
			#middle-left .up{ height:150px; }
			#middle-left .up-left{ float:left; width:430px;}
			#middle-left .up-left .a{ height:30px; margin-top:7px; margin-left:3px;}
			#middle-left .up-left .b{ width:410px; height:80px; overflow:hidden; line-height:20px; margin-left:5px; margin-top:5px;}
			#middle-left .up-left .b p{ text-indent:2em; color:#746d6d;}
			#middle-left .up-left .b p a{ color:#4c4545;}
			#middle-left .up-left .b p a:hover{ color:#ff9804;}
			#middle-left .up-left .b .on{ color:#ff9804;}
			
			#middle-left .up-right{ float:right; width:140px; text-align:center;}
			#middle-left .up-right img{ margin-top:20px;}
				
			#middle-left .down{ height:150px;}
			#middle-left .down .c{height:30px;  background:url(images/line.jpg) no-repeat 28px right; }
			#middle-left .down .c img{margin-left:2px;}
			#middle-left .down .d{ width:550px; height:100px; margin-left:10px; margin-top:8px; }
			#middle-left .down .d ul{width:550px;}
			#middle-left .down .d ul li{ float:left; width:109px; border-right:dashed #afc4e1 1px;}
			#middle-left .down .d ul li .img{ width:109px; height:62px; text-align:center;}
			#middle-left .down .d ul li img{ border:solid #e8e7e7 2px; background:url(images/nophoto-bg.gif) no-repeat #fff center;}
			#middle-left .down .d ul li .txt{ width:76px; height:16px; margin-top:5px; overflow:hidden; margin-left:18px;}
			#middle-left .down .d ul li  .txt a{ line-height:16px;}

			
		
		#middle-right{ float:right; width:225px; margin-top:15px; }
			#middle-right .up{  background:#f7f7f7;}
			#middle-right .up p{ margin-top:6px; margin-left:20px; color:#655e5e; line-height:18px; overflow:hidden;}
			
			#middle-right .down{  margin-top:5px;}
			#middle-right .down .e{ height:30px; margin-left:3px;}
			#middle-right .down .f{padding-left:12px;}
			#middle-right .down .f ul{ float:left; width:195px; margin-top:12px; }
			#middle-right .down .f ul li{ width:195px; height:20px; background:url(images/little-logo.jpg) no-repeat 8px left; overflow:hidden;}
			#middle-right .down .f ul li a{ line-height:20px; margin-left:10px;}
		
		#foot{ height:80px; border-top:solid #add1e1 2px;}
		#foot .add{ width:450px; height:50px;margin-top:16px; margin-left:160px;}
		#foot p{ line-height:20px; text-align:center; color:#655e5e; }

/*list*/
	#content1{ }
	#list-menu{ width:560px; height:18px; margin-left:8px;}
	#list-menu a{ line-height:18px;}
	 #list{ margin-left:4px;}
	 #list .pic{ height:100px; border-bottom: dashed #e5e5e5 2px; margin-top:8px;}
	 #list .photo{ float:left; width:114px; height:100px;}
	 #list .photo img{ margin:6px 6px; background:url(images/nophoto-bg.gif) no-repeat #fff center;}
	 #list .photo a{}
	 #list .info{ float:right; width:435px; height:100px; padding-top:8px; padding-right:8px;}
	 #list .info .on{width:435px; height:20px; overflow:hidden; line-height:24px;}
	 #list .info .on span { float:right; color:#f60; font-weight:bold;}
	 #list .info .on span b { color:#333; font-weight:normal;}
	 #list .info .on a{ font-weight:bold; font-size:14px; line-height:20px;}
	 #list .info .in{width:435px; height:55px; overflow:hidden; padding-top:5px;}
	 #list .info .in p{ line-height:18px; color:#9b9a9a; text-indent:2em;}
	#middle-left .digital{ height:20px; width:560px; padding-top:8px; padding-bottom:8px;}
	#middle-left .digital ul{  float:right; }
	#middle-left .digital ul li{ float:left; width:20px; background:#efefef; margin-right:5px; text-align:center;}
	#middle-left .digital ul  li a{ line-height:20px; }

/*article*/
	#content2{}
	#text{ width:560px;  margin-top:30px;}
	#text h1{  font-size:16px; font-weight:bold; margin-left:65px; width:430px; height:30px;  line-height:30px; text-align:center; overflow:hidden;}
	#text .on{width:500px; margin-top:30px; margin-left:30px; padding-bottom:30px; line-height:24px;}	
	#text .on p{ text-indent:2em; line-height:26px;}
	
/*news-list*/
 #content3{}
 #news-list{ width:500px; margin-top:30px; margin-left:15px;}
 #news-list ul {}
 #news-list ul li { width:500px; height:23px; border-bottom:solid #e5e5e5 1px; background:url(images/little-logo.jpg) no-repeat 9px left; overflow:hidden;}
 #news-list ul li a { line-height:23px; color:#746d6d; margin-left:20px;}
 #news-list ul li a:hover{}
 
#content2 .pic { text-align:center;}
#content2 .pic img { border:1px solid #ddd; padding:2px; background:url(images/nophoto-bg.gif) no-repeat #fff center;}
#content2 .info { padding:2em 0; line-height:24px;}
#content2 .content { line-height:24px;}
		
/*gbook*/
#gbook-list { margin:20px 16px 0;}
#gbook-list li {}
#gbook-list li h4 { border:1px solid #f1f1f1; padding:0 12px 0 32px; font-size:14px; background:url(images/txt.gif) #f8f8f8 no-repeat 10px 8px; line-height:30px;}
#gbook-list li h4 span { float:right; color:#999; font-size:12px; font-weight:normal;}
#gbook-list li p { padding:12px 20px; line-height:18px;}
#gbook-list li .reply { margin:0 12px 12px; border:1px solid #cb3e34; padding:8px 8px; background:#f9e4e3;}

#post { margin:20px 20px auto; height:280px; font-size:14px;}
#post dt { margin:14px auto; padding:0 14px 0 24px; line-height:30px; font-weight:bold; background:url(images/write.gif) no-repeat 0px 6px;}
#post dd { margin-bottom:10px; height:20px; line-height:20px;}
#post dd.content { height:122px;}
#post dd span { display:block; float:left; width:60px;}
#post dd input { width:300px; height:18px;}
#post dd input.bnt { width:88px; height:24px; background:#2c2c2c; color:#fff; line-height:22px; overflow:hidden;}
#post dd textarea { width:400px; height:120px;}

/*showpage*/
#showpage {clear:both; margin:10px 12px; text-align:right;}
#showpage a { display:block; float:left; height:14px; font-size:11px; margin:0px 3px; padding:2px 6px; vertical-align:middle; border:1px solid #f1f1f1; line-height:14px; overflow:hidden; text-decoration:none; font-weight:bold; background:#fff;}
#showpage a:hover, #showpage .foucs { color:#fff; background:#d66628;}