/******************/
/*****sidebar******/
/*****************/
#sidebar{
	float: left;
	text-align: left;
	width: 180px;
	margin: 0 0 0 9px;
	display:inline;
	overflow: hidden;
}
a:hover{
	color: Orange;
	text-decoration: underline;
}
/******************/
/*****loginbar*****/
/*****************/
#loginbar{
	border: 1px solid #ccc;
	padding: 1px;
}
	#loginbar h1{
		background: url(images/lgbg-1x4.gif) top repeat-x;
		color: #EE6F00;
		padding: 8px 0 0 8px;
	}
	#loginbar h1.user{
		font-size:12px;
	}
		#loginbar h1 span{
			color:#333;
		}
	#loginbar form{
		margin: 0 10px;
		color: #666;
		padding:10px 0;
	}
		#loginbar .a{
			padding-bottom: 3px;
		}
		#loginbar .a input{
			width: 100px;
			_width: 98px;
			background: #E8E8E8;
			border: 1px solid #C8C8C8;
			height: 14px;
		}
		#loginbar .b{
			color: white;
		}
		#loginbar .b input{
			background: url(images/lg-110x20.gif);
			width: 102px;
			height: 20px;
			color: white;
			cursor: pointer;
			line-height: 22px;
			text-align: center;
			font-weight: bold;
			border: none;
		}
		#loginbar .c{
			margin: 3px 0 0 13px;
		}
		#loginbar .c a.forget{
			color: #666;
			background: url(images/ico1-3x6.gif) left center no-repeat;
			padding-left: 10px;
			text-decoration: none;
		}
		#loginbar .c input{
			vertical-align: -5px;
			margin-left: 5px;
		}
		#loginbar .c a:hover{
			color: Orange;
			text-decoration: underline;
		}
		#loginbar .d{
			padding:3px 0 6px 1px;
		}
		#loginbar .d .help{
			background:  url(images/help-60x20.gif) no-repeat;
			color: White;
			padding: 5px 14px 3px 14px;
			text-decoration: none;
			font-weight: bold;
		}
		#loginbar .d .regsiter{
			background: url(images/regitser-93x20.gif) no-repeat;
			color: White;
			padding: 5px 15px 3px 15px;
			text-decoration: none;
			font-weight: bold;
		}		
		#loginbar img.head{
			float:left;
			margin:0 0 0 8px;
			border: none;
			width: 55px;
			height: 55px;
		}
		#loginbar p.item1{
			background: #FFFDED;
			border: 1px solid #FFC150;
			margin:0 7px;
			_margin:0 7px 0 70px;
			padding: 5px 0;
		}
			#loginbar p.item1 a{
				display: block;
				background: url(images/go-24x11.gif) right center no-repeat;
				color: #333;
				margin: 0 5px;
				text-decoration: none;
			}
			#loginbar p.item1 a:hover{
				color: Orange;
				text-decoration: underline;
			}
			#loginbar p.item2 a{
				background: url(images/user-165x31.gif) center center no-repeat;
				width: 165px;
				display: block;
				height: 31px;
				text-align: left;
				margin: 6px 0 0 6px;
				clear: left;
				text-indent: -9999px;
				overflow: hidden;
			}
			#loginbar p.item3{
				background: #FFFDED;
				border: 1px solid #FFC150;
				margin: 6px 7px 8px 8px;
				padding: 4px 0px 2px 0px;
				height:40px;
			}
				#loginbar p.item3 a{
					color: #333;
					text-decoration: none;
					display: block;
					width: 45%;
					padding: 0;
					margin-left: 5px;
					_margin-left: 3px;
					height: 20px;
					float: left;
					text-indent:22px;
				}
				#loginbar p.item3 a:hover{
					color: Orange;
					text-decoration: underline;
				}
				#loginbar p.item3 .item_a{
					background: url(images/item1.gif) 2px center no-repeat
				}
				#loginbar p.item3 .item_b{
					background: url(images/item2.gif) 2px center no-repeat
				}
				#loginbar p.item3 .item_c{
					background: url(images/item3.gif) left center no-repeat
				}
				#loginbar p.item3 .item_d{
					background: url(images/item4.gif) 1px center no-repeat
				}
				#loginbar p.item4{
					background: #f8f8f8;
					border-top: 1px solid #ccc;
					text-align: center;
					padding: 2px 0 0 0;
				}
					#loginbar p.item4 a{
						color: Blue;
					}
/******************/
/*****blogger******/
/*****************/
#blogger{
	background: url(images/blogbg-180.gif) bottom no-repeat;
	padding-bottom: 1px;
}
	#blogger h1{
		color: #F5501E;
		background: url(images/blogheader-180x40.gif);
		line-height: 40px;
		text-indent: 2em;
	}
	#blogger .info{
		color:#333;
		background:#FFF5F3;
		margin: 3px 8px 5px 8px;
		padding:5px 4px;
		line-height:1.5em;
	}
	#blogger .info strong{
		display:block;
	}
	#blogger .info a{
		color: blue;
	}
	#blogger p{
		margin:3px 12px 5px 12px;
		height:72px;
	}
		#blogger p img{
			padding: 2px;
			border: 1px solid #ccc;
			margin: 5px 5px 0 0;
			float: left;
			display: block;
			width:60px;
			height:60px;
		}
		#blogger p span a{
			text-decoration: none;
			color: #FE744F;
			width:80px;
			white-space: nowrap;
			font-weight: bold;
			display: block;
		}
		#blogger p span a:hover{
			text-decoration: underline;
			color: Orange;
		}
		#blogger p span{
			display: block;
			color: #333;
			width:84px;
			margin-left:0px;
			_margin-left: 70px;
			line-height: 150%;
		}
			#blogger ul{
				background: #FFF5F3;
				margin: 8px;
				padding: 3px 8px;
			}
			#blogger ul li{
				background: url(images/ico-12x12.gif) left center no-repeat;
				padding-left: 18px;
				line-height: 2em;
				width: 130px;
				white-space:  nowrap;
			}
				#blogger ul li a{
					color: #333;
					text-decoration:none;
				}
				#blogger ul li a:hover{
					color: Orange;
				}

		
/******************/
/*****baobao******/
/*****************/
#baobao {
	margin-top: 10px;
	background:#FFD4D1 url(images/bbbot-180x14.gif) bottom no-repeat;
	height: 100%;
}
#baobao:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}
#baobao h1{
	background: url(images/bbheader-180x37.gif);
	height: 37px;
	display: block;
}
#baobao .info{
	background:#FFFBFA;
	padding:5px;
	margin:5px 5px 7px 5px;
	color:#333;
	display:block;
	line-height:1.5em;
	clear:left
}
	#baobao .info strong{
		display:block;
	}
	#baobao .info a{
		color:blue;
	}
	#baobao ul.tab{
		background: url(images/bbtabbg-180x26.gif);
		height: 26px;
		border-bottom: 1px solid white;
	}
		#baobao ul.tab li{
			float: left;
			margin:4px 0px 0 5px;
			_margin:4px 0px 0 3px;
			line-height: 24px;
			overflow: hidden;
			height: 22px;
		}
		#baobao ul.tab li a{
			text-decoration: none;
			color: White;
			display: block;
			font-weight: bold;
			padding-left: 9px;
		}
		#baobao ul.tab li a span{
				display: block;
				padding: 0px 15px 0 6px;
				background: url(images/ico2-3x6.gif) left center no-repeat	
		}
		#baobao ul.tab li.on a{
			background: url(images/bb-tabon.gif) left 22px;
			color: #FF2F36;
		}
			#baobao ul li.on a span{
					background: url(images/bb-tabon.gif) right top no-repeat;
			}
		#baobao div a{
			text-decoration: none;
		}
		#baobao div a:hover span{
			color: Orange;
		}
		#baobao div span{
			color: White;
			display: block;
			background: #FF655F;
		}
			#baobao div p{
				float: left;
				width: 90px;
				text-align: center;
				padding: 7px 0 0 0;
				height:100px;
			}
		#baobao img{
			display: block;
			margin:auto;
			border: 1px solid white;
			margin-bottom: 5px;
			width:75px;
			height:75px;
		}
		
		
/******************/
/*****bullet******/
/*****************/
#bullet{
	background: url(images/bulletbg-180.gif) bottom no-repeat;
	margin-top: 10px;
	padding-bottom: 25px;
}
	#bullet h1{
		background: url(images/bulletheader-180x30.gif) left no-repeat;
		line-height: 30px;
		text-indent: 4em;
		color: #FF5000;
	}
		#bullet h1 span{
				color: #6D9E04;
		}
	#bullet div{
		position: relative;
	}
	#bullet h2{
		font-size: 14px;
		color:#0033FF;
		position: absolute;
		top: -5px;
		width: 180px;
		display: block;
		text-align: center;
	}
	#bullet .tab{
		height: 35px;
		background: url(images/bullettab-180x35.gif);
		padding-left: 35px;
		_padding-left: 25px;
	}
		#bullet .tab li{
			float: left;
			color: White;
			margin: 5px 0 0 8px;
		}
		#bullet .tab a{
			color: White;
			font-weight: bold;
			display: block;
			width: 44px;
			float: left;
			line-height: 20px;
			text-decoration: none;
			text-align: center;
		}
			#bullet .tab li.on a{
				background: url(images/bullet-tabon.gif) no-repeat;
				background-position:left top;
				color: #519D04;
				line-height: 24px;
			}
		#bullet div{
			padding-top: 20px;
		}
		#bullet table{
			margin: 0 auto 0 auto;
			width: 165px;
			line-height: 1.5em;
		}
		#bullet table a{
			color: #477015;
			width: 80px;
			white-space: nowrap;
			display: block;
			text-decoration: none;
		}
		#bullet table a:hover{
			color:  Orange;
		}
		#bullet table b{
			font-weight: normal;
			color: #444;
			display: block;
			background: url(images/bullet-ico-11x9.gif) right center no-repeat;
		}
			#bullet td.a{
				width: 20px;
			}
			#bullet td.b{
				
			}
			#bullet td.c{
				width: 60px;
			}
			#bullet table span{
				background: url(images/bullet-listbg.gif) center center no-repeat;
				color: White;
				padding: 2px;
				font-size:9px;
				display: block;
				margin-right: 5px;
				text-align: center;
				font-family: Arial, Helvetica, sans-serif;
			}
			
/******************/
/*******b2c*******/
/*****************/
#b2c{
	margin: 10px 0 15px 0;
	color: #6D9E04;
	background: url(images/b2cbg-180.gif) bottom no-repeat;
	text-align: center;
	padding-bottom: 2px;
}	
	#b2c h1{
		background: url(images/b2cheader-180x49.gif);
		line-height: 49px;
		text-indent:6em;
	}
	#b2c img{
		display: block;
		width: 162px;
		height: 75px;
		margin:5px auto 0 auto;
	}
	#b2c sub{
		display: block;
		margin: 15px 0 10px 9px;
		text-align: left;
		font-weight: bold;
		font-size: 14px;
	}
		#b2c sub a{
			color: #6D9E04;
			text-decoration: none;
		}
		#b2c p a{
			text-decoration: none;
			color: #333;
		}
		#b2c p a:hover{
			color: Orange;
			text-decoration: underline;
		}

		
/******************/
/******main*******/
/*****************/
#main{
	width: 568px;
	margin-right:9px;
	display:inline;
	overflow: hidden;
	text-align: left;
	float: right;
}
.sec1,.sec2{
	height: 100%;
	margin-top: 14px;
	position: relative;
}
.sec2{
	margin-top: 8px;
	position: relative;
}
.sec1:after,.sec2:after{
		content: "."; 
      display: block;
      height: 0; 
      clear: left; 
      visibility: hidden;	
}
/******guide******/
#guide{
	background: #FFFDED;
	border: 1px solid #FFA501;
	color: #FF6600;
	height: 38px;
	padding: 4px 10px;
	word-break: break-all;
}
	#guide li {
		float: left;
		display: block;
		line-height: 20px;
		margin-right: 9px;
		white-space: nowrap;
	}
		#guide li a{
			color: #FF6600;
			text-decoration: none;
		}
		#guide li a:hover,#guide li a:hover span{
			color: Orange;
			text-decoration: underline;
		}
		#guide span{
			color: #CD0000;
			text-decoration: underline;
		}

/******focus******/
#focus{
	width: 386px;
	_width: 386px;
	background: url(images/focuspic-97x85.gif);
	background-position: 0 26px;
	overflow: hidden;
	background-repeat: no-repeat;
	float: left;
	height: 213px;
}
#focus h2{
	font-size: 12px;
	display: block;
	font-weight: normal;
	margin:5px 0 15px 105px;
	height: 80px;
	color: #444;
	line-height: 18px;
	background: url(images/foucspic-52x33.gif) right bottom no-repeat;
}	
	#focus h2 a{
		display: block;
		width: 260px;
		white-space: nowrap;
		color: #333;
		font-weight: bold;
		line-height: 24px;
	}
	#focus h2 a:hover{
		color: Orange;
		text-decoration: underline;
	}
	#focus .tab{
		background: url(images/focus-bgx22.gif) repeat-x;
		height: 22px;
		width: 100%;
	}
		#focus .tab li{
			float: left;
			text-align: center;
			margin-right: 5px;
		}
			#focus .tab a{
				color: #333;
				background: url(images/focus-tab-22.gif) no-repeat;
				width: 61px;
				display: block;
				height: 23px;
				text-decoration: none;
			}
			#focus .tab li.on a{
				background: url(images/foucs-tabon-22.gif) 0px 22px;
				width: 61px;
				color: White;
			   font-weight:bold;
			}
		#focus .tab li.on .first a{
			background: url(images/foucs-tabon-22.gif) no-repeat;
			width: 91px;
			color: White;
			font-weight:bold;
		}
		#focus .tab .first {
			font-weight: normal;
		}
		#focus .tab .first a{
			background: url(images/focus-tab-22.gif) 0px 22px;
			width: 91px;
		}
		#focus table{
			width: 100%;
			line-height: 24px;
		}
		#focus td{
			padding-left: 10px;
		}
		#focus td span{
			white-space: nowrap;
			display: block;
			height: 24px;
			width: 170px;
		}
		#focus td a{
			color: #444;
			text-decoration: none;

		}
		#focus td a:hover{
			color: Orange;
			text-decoration: underline;
		}
		#focus .color td{
			background: #FFF1E3;
		}
		#focus .color th{
			background: White;
			width: 15px;
		}
/******notice******/
#notice{
	background:  url(images/notice-170.gif) bottom;
	width: 170px;
	height: 213px;
	/*margin-left: 398px;*/
	position: absolute;
	right: 0;
}
	#notice h1{
		background: url(images/noticeheader-170x33.gif) top no-repeat;
		line-height: 43px;
		height: 35px;
		overflow: hidden;
		text-indent: 3.5em;
		color: #FE4E00;
	}
	#notice ul{
		margin: 0 10px;
	}
		#notice ul li{
				margin-left: 5px;
				background: url(images/ico1-3x6.gif) left center no-repeat;
				padding-left: 7px;
		}
		#notice ul li a{
			font-weight: bold;
			text-decoration: none;
		}
		#notice ul li a:hover{
			color:  Orange;
			text-decoration: underline;
		}

/******notice******/
#manual{
	background: url(images/manual-386.gif) bottom;
	width: 386px;
	position: relative;
}
	#manual h1{
		background: url(images/manualheader-386x37.gif);
		color: White;
		line-height: 37px;
		font-size: 12px;
		text-indent: 2.5em;
	}
	#manual .banner{
		position: absolute;
		left: 10px;
		top: 40px;
	}
		#manual .banner img{
			/*width:100px;*/
			/*height:90px;*/			
		}
	#manual form{
		margin-left: 120px;
		padding-top: 4px;
		padding:2px 0 4px 0;
		_padding:4px 0 10px 0;
		color: Gray;
		display: block;
		height: 100%;
	}
		#manual form:after{
					content: "."; 
			      display: block;
 			      height: 0; 
			      clear: both; 
      			visibility: hidden;
		}
	#manual form select{
		border: 1px solid #666;
	}
		#manual form .ok{
			background: url(images/but-45x18.gif) top no-repeat;
			color: White;
			margin-top: 2px;
			border: none;
			cursor: pointer;
			width: 45px;
			height: 18px;
			padding-top: 2px;
		}
		#manual .c a{
			border: 1px solid #aaa;
			color: #333;
			display: block;
			float: left;
			width: 70px;
			margin:0 10px 5px 0;
			text-align: center;
			line-height: 20px;
			padding: 2px 0 0px 0px;
			text-decoration: none;
		}
		#manual .c a:hover{
			color: White;
			background: #aaa;
		}

		
/******search******/
#search{
	background: url(images/search-170.gif) 0px 6px no-repeat;
	/*margin-left: 398px;*/
	width: 170px;
	height: 113px;
	right: 0;
	top: 0;
	position: absolute;
}
	#search form{
		padding: 35px 0 0 10px;
	}
	#search form p{
		margin-bottom: 5px;
	}
		#search select{
			border: 1px solid #666;
			font-size:12px;
		}
		#search  .kw{
			border: 1px solid #666;
			width: 90px;
			height: 14px;
			padding-left: 5px;
			font-size:12px;
		}
		#search  .s{
			background: url(images/but-45x18.gif);
			color: White;
			margin: 0px 0 0 0px;
			border: none;
			padding-top: 2px;
			width: 45px;
			cursor: pointer;
			height: 18px;	
		}
		#search p.text{
			text-align: center;
		}
		#search p a{
			color: #FE0000;
		}
		#search a:hover{
			color:  Orange;
			text-decoration: underline;
		}
		
		
/******article******/
#article{
	background: #FFE8DF;
	margin-top: 8px;
	padding-bottom: 10px;
}
	#article h1{
		color: #FF4600;
	}
		#article .tab{
			position: absolute;
			top:0;
	}
		#article .tab li{
			display: block;
			float: left;
		}
		#article .tab a{
			display: block;
			background: url(images/article-tabon.gif) right 44px;
			color:#EA3D08;
			text-decoration: none;
		}
		#article .tab a span{
			display: block;
			background: url(images/article-tabon.gif) 0px 22px;
			line-height: 18px;
			padding: 4px  20px 0 20px;
		}
		#article .tab .on a{
			background: url(images/article-tabon.gif) right 0px;
			color: #333;			
		}
		#article .tab .on a span{
			background: url(images/article-tabon.gif) left 66px;			
		}
	#article #ask .tab{
		top:26px;
		left: 150px;
	}
	#article #cms .tab{
		top: 11px;
		left: 40px;
	}
	#article #ask ,#article #cms{
		background: url(images/article-bot-568.gif) bottom;
		position: relative;
		padding-bottom: 10px;
	}
	#article #ask h1{
		background: url(images/askheader-568.gif);
		height: 59px;
		line-height: 59px;
		text-indent: 5em;
	}
	#article table{
		width:92%;
	  table-layout: fixed;
		margin: 0 auto 5px auto;
	}
	#article .gray th,#article .gray td{
		background: #F2F2F2;
		line-height: 24px;
	}
		#article #ask th{
			text-align:left;
			font-weight: normal;
			width: 16%;
			padding-left: 10px;
		}
		#article #ask th a{
			color: #333;
			text-decoration: none;
		}
		#article #ask th a:hover{
			color:  Orange;
			text-decoration: underline;
		}
		#article #ask td{
			width: 30%;
			white-space: nowrap;
		}
		#article #ask td a{
			color: #666;
			text-decoration: none;
		}
		#article #ask td a{
		}
		#article #ask td a:hover{
			color:  Orange;
			text-decoration: underline;
		}
		#article #ask p{
			margin: 0 27px;
			color: #FF4600;
			text-align: center;
			line-height: 28px;
		}
		#article #ask p.keywords{
			border-top: 1px dotted #999;
		}
		#article #ask p a{
			color: #FF4600;
			text-decoration: none;
			padding: 0 1px;
		}
		#article #ask p a:hover{
			color:  Orange;
			text-decoration: underline;			
		}
	#article #cms{
		margin-top: 10px;
	}
		#article #cms h1{
			background: url(images/cmsheader-568.gif);
			height: 44px;
			line-height:26px;
			padding-right: 6.5em;
			text-align: right;
		}
		#article #cms p{
			background: #FFE8DF;
			border: 1px solid #FFC2AB;
			width: 90%;
			margin: 0 auto;
			color: #EA3D08;
			text-align: center;
		}
			#article #cms p a{
				color: #EA3D08;
				text-decoration: none;
				line-height: 24px;			
			}
			#article #cms p a:hover{
				color:  Orange;
				text-decoration: underline;
			}
				#article #cms table{
					margin: 10px auto 5px auto;
					table-layout: fixed;
				}
				#article #cms table td{
					padding-left: 5px;
					width: 33%;
					line-height: 24px;
				   white-space: nowrap;
				}
				#article #cms table a{
					color: #555;
					text-decoration:none;
				}
 				#article #cms table a:hover{
					color:  Orange;
					text-decoration: underline;
				}
/******diary******/
#diary{
	background: url(images/diary-bg-568.gif) bottom no-repeat;
	margin-top: 14px;
	padding-bottom: 15px;
	zoom: 1;
}
	#diary a:hover{
		color: Orange;
		text-decoration: underline;
	}
	#diary h1,#bbs h1{
		background: url(images/diaryheader-568x25.gif);
		color: #FF6026;
		text-indent:11em;
	}	
		#diary h1 span,#bbs h1 span{
			padding-left: 1em;
			color: #ccc;
		}
  #blogbullet{
  	background: #FFE3D5;
	width: 166px;
	display: inline;
	float: right;
	padding-top: 6px;
	margin: 5px 15px 0 0;
  }
  	  #blogbullet div{
  	  	background: url(images/blogbullet-150x1.gif) repeat-y;
		width: 150px;
		margin: auto;
		padding-bottom: 5px;
		line-height: 2em;
		border-bottom:1px solid #FFAF8F;
  	  }
	  	#blogbullet img{
	  		margin: 10px auto;
			border: 1px solid #FFAF8F;
			display: block;
	  	}
	  	 #blogbullet p{
	  	 	margin:0 5px;
			position: relative;
	  	 }
		 	 #blogbullet p a{
		 	 	color: #555;
				padding-left: 20px;
				display: block;
				white-space: nowrap;
				width: 120px;
				text-decoration: none;
		 	 }
		 	#blogbullet div span{
		 		background: url(images/ico-15x15.gif) center center no-repeat;
				color: White;
				display: block;
				position: absolute;
				width: 15px;
				left: 0;
				top:0;
				_top: -6px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				text-align: center;
		 	}
	  #blogbullet .tab{
	  	width: 150px;
		margin: auto;
		height: 33px;
	  }
	  	#blogbullet .tab li{
	  		float: left;
			text-align: center;
			width: 75px;
	  	}
				#blogbullet .tab li a{
					color: #F0454D;
					text-decoration: none;
					font-weight: bold;
					display: block;
					line-height: 33px;
				}
				#blogbullet .tab li{
					display: block;
				}
					#blogbullet .tab span.a a{
						background: url(images/blog-bullettab.gif) bottom left;
					}
					#blogbullet .tab li.on span.a a{
						background: url(images/blog-bullettab.gif) top left;
					}
					#blogbullet .tab span.b a{
						background: url(images/blog-bullettab.gif) 0px 66px;						
					}
					#blogbullet .tab li.on span.b a{
						background: url(images/blog-bullettab.gif) 0px -33px;												
					}
#diary .pic{
	margin: 5px 0 0 15px;
	height: 190px;
	width: 369px;
	overflow: hidden;
}
#diary .pic li{
	display: block;
	float: left;
	margin:0 10px 10px 0;
}
	#diary .pic li img{
		border: 1px solid #ccc;
		padding: 2px;
	}

#diary .diary{
	float: left;
	margin-left: 14px;
	_margin-left: 7px;
	width: 178px;
	line-height: 2em;
}
	#diary #boy{
		margin: 0 6px 0 0;
	}
	#diary .diary h2{
		font-size: 14px;
		color: #FF6619;
		background: url(images/diary-cate.gif) center left no-repeat;
		text-indent: 1em;
	}
	#diary .diary li{
		padding-left: 10px;
		width: 168px;
		white-space: nowrap;
	}
	#diary .diary a{
		color: #444;
		text-decoration: none;
	}
	#diary .diary a:hover{
		color: Orange;
		text-decoration: underline;
	}
	#diary .diary .gray{
		background: #F2F2F2;
	}

	
/******bbs******/
#bbs{
	background: url(images/diary-bg-568.gif) bottom;
	margin-top: 14px;
	padding-bottom: 15px;
}
	#bbs h1{
		background: url(images/bbsheader-568x25.gif);
	}
	#bbs #hot{
		background: #FFF2EB;
		width: 175px;
		margin: 5px 15px 0 0;
		float: right;
		display: inline;
	}
		#bbs #hot h2{
			background: #FFD5B4;
			font-size: 14px;
			color: #F94800;
			line-height: 2em;
			text-align: center;
			border-bottom:1px dashed #F26402; 
		}
		#bbs #hot ul{
			padding: 5px 5px 10px 5px;
			line-height: 24px;
		}
		#bbs #hot ul{
			white-space: nowrap;
			width: 155px;
		}
			#bbs #hot ul a{
				color: #555;
				text-decoration:none;
			}
			#bbs #hot ul a:hover{
				color: Orange;
				text-decoration: underline;
			}
		#cate{
			position: relative;
			margin: 5px 0px 0 15px;
			padding-left: 30px;
			word-break:keep-all;
			width: 315px;
		}
		#cate sub{
			position: absolute;
			background: url(images/cate-bbs.gif);
			width: 23px;
			height: 74px;
			left: 0;
		}
			#cate a{
				text-decoration: none;
				font-size: 13px;
				padding-left: 5px;
				color: #FF6600;
			}
			#cate a:hover{
				color: Orange;
				text-decoration: underline;
			}
			#cate .a{color: #FF6600;}
			#cate .b{color: Blue;}
			#cate .c{color:  Green;}
			#cate .d{color: Red;}
			#cate .e{color: Fuchsia;}
	#bbslist{
		width: 350px;
		height: 190px;		
		margin: 5px 0px 0px 15px;
		padding-bottom: 10px;
		_padding-bottom: 0px;
		background: url(images/line1.gif) bottom left no-repeat;
}
	#bbslist ul{
		height:100%;
	}
		#bbslist li{
			float: left;
			width: 175px;
			white-space: nowrap;
		}
		#bbslist li a{
			color: #444;
			text-decoration: none;
			line-height: 22px;
		}
		#bbslist li a:hover{
			color: Orange;
			text-decoration: underline;
		}
		
/******active******/
#active{
	margin-top: 12px;
	background: url(images/activebg-568.gif) bottom;
	position: relative;
	height: 350px;
}
	#active h1{
		background: url(images/activeheader-568.gif);
		color: #034C03;
		line-height: 32px;
		height: 46px;
		padding-left: 4em;
		position: relative;
	}
		#active h1 span.b{
			position: absolute;
			display: block;
			right: 6em;
			top: 0;
		}

#lovebb{
	background: #F0FADA;
	border: 1px solid #D1E7AC;
	width: 190px;
	position: absolute;
	right: 14px;
	top: 50px;
	padding-bottom: 10px;
}
	#lovebb ul:after{
		content: "."; 
      display: block;
      height: 0; 
      clear: both; 
      visibility: hidden;		
	}
	#lovebb li{
		float: left;
		margin: 11px 0 0 11px;
		_margin: 11px 0 0 6px;
	}
	#lovebb img{
		border: 2px solid white;
		vertical-align: middle;
		width: 75px;
		height: 75px;
	}
#activelist{
	height: 130px;
}	
#activelist,#showactive{
	width: 340px;
	margin:5px 0 0 15px;
}
#activelist img,#showactive img{
	display: block;
	padding: 2px;
	border:1px solid #ccc;
	margin: 0 0 5px 0;
}
	#activelist p img{
		position: absolute;
	}
	#activelist ul{
		margin-left: 170px;
	}
	#activelist ul li{
		background: url(images/ico1-3x6.gif) left center no-repeat;
		padding-left: 8px;
	}
		#activelist a{
			color: #333;
			text-decoration: none;
		}
		#activelist a:hover{
			color: Orange;
			text-decoration: underline;
		}
#showactive ul{
	width: 156px;
	float: left;
	margin-right: 14px;
}
#showactive span{
	display: block;
	line-height: 1.5em;
	color: #555;
}
#showactive h3{
	color: #FF6600;
	font-size: 12px;
	background: url(images/ico-13x12.gif) left center no-repeat;
	padding-left: 18px;
}
	#showactive h3 a{
		color: #FF6600;
		font-size: 12px;
		text-decoration: none;
	}
	#showactive h3 a:hover{
			color: Orange;
			text-decoration: underline;		
	}