.bannerlong{
	width:758px;
	margin:auto;
}
#footer{
	background:#F6E5F1;
	width:758px;
	margin: 40px auto 0 auto;
	border:none;
	padding:20px 0;
}
#footer ul.link2 li a {
	color:#576A29;
	text-decoration:none;
	padding: 0 0 0 5px;
}
#footer ul.link1{
	padding:0pt 10px;
	width: 700px;
	margin: auto;
}
#footer ul.link1 li{
	background:#C461BC;
}
#footer ul.link2 {
	margin:10px auto 5px auto;
	width: 700px;
}
#footer ul.link2 li{
	color:#6D1C70
}
#footer ul.link2 li a{
	color:#6D1C70
}
#footer span {
	color:#6D1C70
}
#footer span a {
	color:#6D1C70;
	text-decoration:none;
}
div.clr{
	clear: both;
}
/**************/
/*****top*****/
/**************/
#top{
	width:758px;
	margin:10px auto 0 auto;
	position:relative;
	text-align:left;
	height:55px;
	overflow:hidden;
}
	#top #logo{
		position:absolute;
		left:0;
		top:0;
	}
#top p{
	margin:0 0 0 110px;
}
#top ul{
	margin:5px 0 0 107px;
}
#top p.left{
	color:#D18A97;
	margin:5px 0 0 117px;
}
#top p.item{
	float:right;
	margin:4px 0 0 0;
	color:#D18A97;
}
	#top p.item a{
		color:#D18A97;
	}
	#top ul li{
		float:left;
		margin-left:2px;
		color:#FFCCEB;
	}
	#top ul li a{
		color:#CB2E2E;
		text-decoration:none;
		display:block;
		float:left;
		padding:0 0 0 5px;
	}
	#top ul li a:hover,#top ul li a.on{
		background:url(images/navibg.gif) left;
	}
	#top ul li a span{
		display:block;
		padding:0 8px 0 0;
	}
	#top ul li a:hover span,#top ul li a.on span{
		background:url(images/navibg.gif) right;
	}
#wrapper{
	padding-top:10px;
}
#wrapper a:hover{
	color: Orange;
}
div.clr{
	clear: both;
	float: none;
	height: 1px;
	overflow: hidden;
}
/**************/
/*****main*****/
/**************/
div#main{
	float: left;
	width: 516px;
	margin-left: 10px;
	_margin-left: 5px;
	text-align: left;
}
div#main h1{
	color:#551C71;
	background: url(images/h1-headerlong.gif) no-repeat;
	line-height: 37px;
	text-indent: 1em;
	display: block;
	zoom: 1;
	position: relative;
	border-bottom:1px solid white;
}
* strong.edit{
	font-weight: normal;
	font-size:12px;
	padding-left: 15px;
}
* strong.edit a{
	color: #666 !important;
	font-size:12px;
}
#game {
	margin:auto;
        width:516px;
        height:108px;
        text-align:left;
	position: relative;
}
div#information,div#newjoin{
		margin-top: 15px;
		zoom: 1;
}
	/*****suggest*****/
	div#information{
		background:#FAF3FC left bottom no-repeat;
		text-align:center;
		padding:0px 0 10px 0;
	}
	div#information h1{
		text-align:left;
	}
	div#information h2{
		font-size:14px;
	}
	div#information h3{
		font-size:14px;
	}
	div#information a{
		color: #c08;
	}
		div#information table{
			margin:15px auto;
			text-align:left;
			width:100%;
			font-size: 12px;
			line-height: 2em;
		}
		div#information table td.right p{
			color: #333;
			text-indent: 1em;
		}
		div#information table td{
			vertical-align: top;			
		}
		div#information td.left{
			width:180px;
			text-align: center;
			background: #EAD3F3;
			padding: 7px;
			position: relative;
		}
		div#information span{
			color: #555;
		}
		div#information td.left p a{
			display: block;
			text-align: left;
			background: url(images/signup-90x27.gif);
			width: 90px;
			height: 27px;
			overflow: hidden;
			margin: auto;
			text-indent: -9999px;
		}
		div#information td.left p a.mingdan{
			background: url(images/huojiang.gif);
		}
		div#information td.right{
			background:#EAD3F3;
			padding: 10px;
			position: relative;
		}
		div#information b{
			display: block;
			width: 15px;
			height: 15px;
			position: absolute;
			_background: url(images/circle.gif);
		}
		div#information .a{
			background-position: left top;
			top: 0;
			left: 0;
		}
		div#information .b{
			background-position: right top;
			top: 0;
			right: 0;
		}
		div#information .c{
			background-position: left bottom;
			left: 0;
			bottom:0;
		}div#information .d{
			background-position: right bottom;
			right: 0;
			bottom: 0;
		}
		
/*****pagelink*****/
div#pagelink{
	background: #F8E7F3;
	border: 1px solid #B174D6;
	margin: 15px 0;
	color: #551c71;
	padding: 5px 10px;
}
	div#pagelink a{
		color: #551c71;
		text-decoration: none;
		padding: 0 5px;
	}
/*****newjoin*****/
div#newjoin{
	background: #B087CC;
	padding-bottom: 26px;
}
	div#newjoin img{
		display: block;
		margin-bottom: 5px;
	}
	div#newjoin ul{
		padding: 20px 0 15px 3px;
		background: #B087CC url(images/ico-boy1.gif) bottom right no-repeat;
		height: 100%;
	}
	div#newjoin li{
		float: left;
		background: white;
		padding: 5px;
		width: 75px;
		margin:10px 7px;
		height:100px;
		overflow:hidden;
		text-align: center;
	}
	div#newjoin li a{
		color: #c08;
	}
/*****bulletchange*****/
div#bulletchange{
	background: url(images/tabbg.gif) bottom;
	height: 28px;
	margin: 15px 0;
}
div#bulletchange ul{
	margin:0 0 0 40px
}
	div#bulletchange li {
		float: left;
	}
	div#bulletchange a{
		background: url(images/tab2.gif) top left no-repeat;
		display: block;
		float: left;
		text-decoration: none;
		color: #551c71;
		font-weight: bold;
		padding: 0 0 0 20px;
	}
	div#bulletchange a span{
		background: url(images/tab2.gif) top right no-repeat;
		height: 28px;
		display: block;
		float: left;
		line-height: 28px;
		padding: 0 20px 0 0;
		cursor: pointer;
	}
	div#bulletchange a:hover,div#bulletchange a.on{
			background: url(images/tab2.gif) bottom left no-repeat;
			color: #333;
	}
	div#bulletchange a:hover span,div#bulletchange a.on span{
			background: url(images/tab2.gif) bottom right no-repeat;
	}
	div#bulletchange li.a a{
		background: url(images/tab1.gif) top left no-repeat;
		padding: 0 0 0 40px;
	}
	div#bulletchange li.a a span{
		background: url(images/tab1.gif) top right no-repeat;
	}
	div#bulletchange li.a a:hover,div#bulletchange li.a a.on{
		background: url(images/tab1.gif) 0px -28px no-repeat;
	}
	div#bulletchange li.a a:hover span,div#bulletchange li.a a.on span{
		background: url(images/tab1.gif) 112px -28px no-repeat;
	}
	div#bulletchange li.c a{
		background: url(images/tab1.gif) right -56px no-repeat;
		padding: 0 40px 0 0;
	}
	div#bulletchange li.c a span{
		background: url(images/tab1.gif)  left -56px  no-repeat;
		padding: 0 0 0 20px;
	}
	div#bulletchange li.c a:hover,div#bulletchange li.c a.on{
		background: url(images/tab1.gif) right -84px no-repeat;
	}
	div#bulletchange li.c a:hover span,div#bulletchange li.c a.on span{
		background: url(images/tab1.gif) left -84px no-repeat;
	}
/*****bulletshow1*****/
div#bulletshow1{
	height: 100%;
}
div#bulletshow1 h1{
	background: url(images/h1-headerbg-252.gif);
}
	div#bulletshow1 div{
		width: 250px;
		float: left;
	}
	div#bulletshow1 div img{
		display: block;
		float: left;
		margin: 0 10px 0 0;
	}
	div#bulletshow1 .showright{
		margin-left: 15px;
	}
	div#bulletshow1 li{
		background: #F4E8F9 url(images/hanabg.gif) bottom no-repeat;
		height: 110px;
		margin: 10px 0;
		position: relative;
		cursor: pointer;
	}
	div#bulletshow1 li.on{
		background: #E8D2F1 url(images/hanabg.gif) bottom no-repeat;
	}
		div#bulletshow1 li.on b{
			background: url(images/circle3.gif);
		}
		div#bulletshow1 .showright li{
			background: #F4E8F9 url(images/hanabg1.gif) bottom no-repeat;
		}
		div#bulletshow1 .showright li.on{
			background: #E8D2F1 url(images/hanabg1.gif) bottom no-repeat;
		}
		div#bulletshow1  li b{
			display: block;
			width: 15px;
			height: 15px;
			position: absolute;
			background: url(images/circle2.gif);
		}
		div#bulletshow1  li b.a, div#bulletshow1 li.on b.a{
			background-position: left top;
			top:0;
			left:0;
		}
		div#bulletshow1  li b.b, div#bulletshow1 li.on b.b{
			background-position: right top;
			top:0;
			right:0;
		}
		div#bulletshow1  li b.c, div#bulletshow1 li.on b.c{
			background-position: left bottom;
			left:0;
			bottom:0;
		}
		div#bulletshow1  li b.d, div#bulletshow1 li.on b.d{
			background-position: right bottom;
			right: 0;
			bottom: 0;
		}
	div#bulletshow1 li a{
		font-size: 14px;
		color: #c08;
	}
		div#bulletshow1 li a img{
			display: block;
			padding: 20px 10px 20px 20px;
			background:none;
		}
	div#bulletshow1 li p{
		margin: 15px;
	}
	div#bulletshow1 li h3,div#bulletshow1 h4{
		font-size: 12px;
		font-weight: normal;
	}
	div#bulletshow1 h3{
		margin: 20px 0 0 0;
	}
	div#bulletshow1 h4{
		color: Gray;
	}
	div#bulletshow1 h5{
		font-weight: normal;
		font-size: 14px;
	}
	div#bulletshow1 h5 strong{
		color: Red;
		font-family: Georgia;
	}
/*****bulletshow1*****/
	div#bulletshow2 li{
		background: #F8E7F3 url(images/hanabg3.gif) bottom right no-repeat;
		margin: 15px 0;
		height:185px;
		position: relative;
	}
	div#bulletshow2 li img{
		float: left;
		padding:20px 10px 20px 20px;
	}
		div#bulletshow2 h3{
			font-size: 14px;
			color: #551c71;
			margin:20px 0 5px 0;
		}
		div#bulletshow2 h4{
			font-weight: normal;
			font-size: 12px;
		}
		div#bulletshow2 h5{
			text-align: right;
			margin:18px 10px 0 10px;
			font-size: 12px;
		}
				div#bulletshow2 h5 span{
					line-height: 24px;
					background: #217CC5;
					color:#fff;
					padding: 5px 10px 2px 10px;
					font-weight:  normal;
				}
		div#bulletshow2 b{
			display: block;
			width: 15px;
			height: 15px;
			position: absolute;
			background:url(images/circle2.gif);
		}
		div#bulletshow2 b.a{
			background-position: left top;
			top: 0;
			left: 0;
		}
		div#bulletshow2 b.b{
			background-position: right top;
			top: 0;
			right: 0;
		}
		div#bulletshow2 b.c{
			background-position: left bottom;
			left: 0;
			bottom:0;
		}
		div#bulletshow2 b.d{
			background-position: right bottom;
			right: 0;
			bottom: 0;
		}
	
/*****single*****/
	div#single,#signup{
		margin-top: 15px;
	}
		div#single h1,div#signup h1{
			background: #F5F5F5;
			border: 1px solid #9F9F9F;
			border-left: none;
			border-right: none;
			color: #333;
			line-height: 34px;
		}
		div#signup h1 span{
			color: Red;
			display: inline;
			color: Red;
			font-size: 12px;
			padding-left: 20px;
		}
		div#single h1 strong{
			float:right;
			margin:-34px 10px 0 0;
		}
		div#single .author{
			text-align: right;
			line-height: 34px;
			height:34px;
			border-bottom: 1px solid #9F9F9F;
		}
		div#single .author span{
			padding-right: 1em;
			line-height: 34px;
		}
		div#single .author strong{
			color: #004A9C;
			font-weight: normal;
			font-family: Georgia;
		}
		div#single fieldset{
			margin:15px 0 0 0 ;
			position:relative;
		}
		div#single fieldset b{
			position:absolute;
			left:0px;
			bottom:10px;
		}
		div#single fieldset strong{
			display:block;
			color: #004A9C;
			font-weight:normal;
			font-size:14px;
		}
		div#single fieldset p img{
			display:block;
			border:1px solid #ccc;
			padding:5px;
			width:450px;
		}
		div#single fieldset p{
			margin: auto;
			width:462px;
			font-size:12px;
		}
		div#single .send{
			text-align:right;
			margin:10px 20px;
		}
			div#single .send a{
				display:block;
				width:110px;
				height:40px;
				line-height:40px;
				color:white;
				font-weight:bold;
				font-size:14px;
				text-align:center;
				text-decoration:none;
				background:url(images/pinkbut-110x40.gif);
			}
			div#single .vote img{
				width:120px;
				border:0;
				margin:auto;
			}
		div.notice{
			margin:20px auto;
			background:#FFFFEC url(images/i1_noti.gif) 10px 11px no-repeat;
			border:1px solid #fc0;
			padding:6px 10px 4px 28px;
			color:gray;
		}
/*****signup*****/
		div#single fieldset,div#signup fieldset{
			padding:7px;
		}			
		div#signup fieldset legend,div#single fieldset legend{
			font-size:14px;
			margin:0 0 5px 0;
			font-weight:bold;
		}
		div#signup fieldset p{
			clear:left;
			margin-bottom:5px;
			line-height:24px;
			padding:5px 20px 5px 20px;
			background:#f4f4f4;
			vertical-align: top;
		}
		div#signup fieldset p b{
			font-weight: normal;
			color: Red;
		}
 		div#signup form{
			margin: 20px 0;
			font-size: 12px;
		}
		div#signup label{
			vertical-align: top;
			display: block;
			width: 80px;
			float: left;
		}
		div#signup select{
			border: 1px solid #999;
			background: #fafafa;
			width: 60px;
		}
		div#signup input{
			height: 15px;
		}
			div#signup .pic input{
				height: 20px;
			}
		div#signup textarea{
			width: 300px;
			height: 80px;
		}
		div#signup span{
			color: Gray;
			padding-left: 20px;
			display: block;
		}
		div#signup .submit{
			text-align: right;
			margin: 15px 0 0 0;
		}
		div#signup .submit input{
			width: 100px;
			cursor: pointer;
			padding: 4px 0 5px 0;
			background: #666;
			height: 24px;
			color: white;
			border: 1px solid #666;
			border-bottom: 1px solid #333;
			border-top:1px solid #ccc;
			margin-right: 15px;
			font-size: 12px;
		}
		div#signup h1 span a{
			font-size: 12px;
			color: #004A9C;
			text-decoration: underline;
		}
		div#signup .list ul{
			margin: 10px;
			line-height: 28px;
			font-size: 14px;
		}
			div#signup .list li a{
				color: #004A9C;
			}
			div#signup .list li span{
				padding:0  0 0 15px;
				font-size: 12px;
				color: Gray;
			}

		p.return{
			background: #F5F5F5;
			border: 1px solid #9F9F9F;
			border-left: none;
			border-right: none;
			color: #333;
			line-height: 34px;
			text-align: right;
			padding-right: 2em;
			font-size: 14px;
		}
			p.return a{
				color: #004A9C;
			}
	
	div#signup fieldset p#kwords1,div#signup fieldset p#kwords2{
		padding:15px 20px 10px 20px;
		font-size:14px;
		display: block;
		word-break: keep-all;
	}
	div#signup p.choose{
		text-align: right;
		padding: 20px 0;
		font-size: 14px;
	}
		div#signup p.choose input{
			vertical-align: top;
			margin-right: 5px;
		}
	p#kwords1 a,#kwords2 a{
		text-decoration:none;
		line-height:2em;
		padding: 3px 5px;
		color: #c08;
	}
	p#kwords1 a{
			color: #004a9c;
	}
	p#kwords1 a input,#kwords2 a input{
		display: none;
	}
	p#kwords1 a.on,#kwords2 a.on{
		color: White;
		background: #c08;
	}
	p#kwords1 a.on{
		background:  #004a9c;
	}
/*****turnover*****/
		
		div#turnover{
			text-align:left;
			margin: 15px 0;
			height: 20px;
		}
		div#turnover li{
			float: left;
			margin-right: 3px;
			display: block;
		}
			div#turnover a{
				display: block;
				height: 20px;
				border: 1px solid #B087CC;
				color:#5100CC;
				text-align: center;
				_float: left;
				padding: 0 7px;
				text-decoration:  none;
			}
			div#turnover a:hover{
				background: #B087CC;
				color: White;
			}
/**************/
/****sidebar***/
/**************/	
div#sidebar{
	width: 230px;
	margin-left: 538px;
	_margin-left: 520px;
}

/****login****/	
	div#login{
		border: 1px solid #ccc;
		text-align: left;
		padding: 1px;
	}
		div#login h1{
			background: url(images/lgbg-1x4.gif) top repeat-x;
			color:#90c;
			line-height: 20px;
			padding: 8px 0 0 10px;
		}
		div#login h1 span{
			color: #333;
		}
		div#login form{
			margin:  5px 15px;
		}
			div#login p{
				padding: 0 0 3px 0;
			}
			div#login p.b{
				text-align: center;
			}
			div#login p.c{
				text-align: center;
				margin: 0 0 10px 0;
			}
			div#login .a label{
				display: block;
				float: left;
				width: 60px;
			}
			div#login .a input{
				background: #E8E8E8;
				border: 1px solid #ccc;
				height: 14px;
				width: 120px;
			}
			div#login .b a.forget{
				color: #666;
				background: url(images/ico1-3x6.gif) left center no-repeat;
				padding-left: 10px;
				text-decoration: none;
			}
			div#login .b input{
				vertical-align: -5px;
				margin-left: 15px;
			}
	div#register{
		margin: 15px auto;
	}
	.head{
		margin: 5px 0 5px 10px;
	}
	.head .name{
		line-height: 1em;
		font-weight: bold;
		padding: 5px 0 3px 0 ;
	}
	.head .item a{
		padding: 0  5px 0 0;
	}
		 .head img{
			float: left;
			display: block;
			margin:8px 5px 0 0 ;
			width: 75px;
			height: 75px;
		}
		#login .head img{
			margin:1px 5px 0 0 ;
		}
			.head h3{
				font-size: 12px;
				font-weight: normal;
				line-height: 1.2em
			}
			#login .head h3{
				line-height: 1.7em;
			}
			.head h3 strong{
				color: #333;
				font-weight: normal;
			}
			.head h3 strong a{
				color: #333;
			}
			.head h3 span{
				font-family: Georgia;
			}

/****bullet,hot,help,cate****/
div.bullet{
	margin-bottom: 15px;
	zoom: 1;
	height: 100%;
	border-bottom: 3px solid #D8CCE2
}
	div.bullet h1{
		text-align: left;
		line-height: 37px;
		text-indent: 1em;
		color: #551c71;
		background: url(images/h1-headershort.gif) no-repeat right;
	}
	div.bullet table{
		width: 230px;
		margin: 5px 0;
		border: 1px solid #ddd;
	}
	div.bullet th{
		color: #551c71;
		font-weight: normal;
	}
	div.bullet td span{
		background: url(images/bulletbgred-13x13.gif) center center;
		color: White;
		display: block;
		width: 13px;
		margin: auto;
		line-height: 13px;
		text-align: center;
	}
	div.bullet .gray td{
		background: #f0f0f0;
	}
	div.bullet p.more{
		background: url(images/ico-heart.gif) right center no-repeat;
		text-align: left;
		line-height: 40px;
	}
	div.bullet p.find{
		line-height:20px;
		text-align:right
	}
		div.bullet p.find a{
			background:#06c;
			color:white;
			padding:3px 5px 2px 6px;
			text-decoration:none;
		}
	div.bullet p.more a{
		color: #004a9c;
		background: url(images/hot_ico.gif) left 1px no-repeat;
		padding-left: 15px; 
	}
	div.bullet a{
		color: #c08;
	}
#help{
	background: #F4E8F9 url(images/ico-hana.gif) left bottom no-repeat;
	text-align: left;
	padding-bottom: 100px;
}
	#help h1{
		text-indent: 1.2em;
		color: #551c71;
		padding-top: 10px;
	}
#help ul{
	text-align:left;
	margin:5px 0;
}
	#help ul li{
		text-indent: 1em;
	}
	#help ul a{
		color: #551c71;
	}
#cate ul{
	margin: 10px;
	text-align: left;
}
	#cate ul li{
		width: 90px;
		float: left;
		padding-left: 10px;
		line-height: 2em;
		border-bottom: 1px dashed #D3D3D3;
	}
	#cate ul a{
		color: #1F3A87;
	}
	



/************************/
div#active{
	background:#F4F4F4;
	padding:40px 0 30px 0;
	margin:20px;
	text-align:center;
}
	div#active p{
		width:191px;
		height:54px;
		margin:0 auto 15px auto;
		text-align:left;
		padding:10px 0 0 80px;
		background:url(images/active1-bg.jpg) no-repeat;
	}
	div#active p a{
		display:block;
		font-size:14px;
		margin:20px 0 0 0;
	}
		div#active p.a{
			color:#0033CC;
		}
		div#active p.a a{
			color:#0033CC;
		}
		div#active p.b{
			color:#5C00CC;
			background:url(images/active2-bg.jpg) no-repeat;
		}
		div#active p.b a{
			color:#5C00CC;
		}
		div#active p.c{
			color:#CC00BA;
			background:url(images/active3-bg.jpg) no-repeat;
		}
		div#active p.c a{
			color:#CC00BA;
		}

/*********************/
/*****comment*********/
/*********************/
    .comment{
		padding:10px;
		border-bottom:1px dashed #aaa;
		border-top:1px dashed #aaa;
		margin: 15px 0;
                background:#f5f5f5;
	}
	.comment h3{
		font-size:12px;
		color:#3366CC;
		font-weight:normal;
		font-family:Georgia, "Times New Roman", Times, serif
	}
	.comment h3 strong{
		padding: 0 5px;
	}
	.comment h3{
		padding:0 5px;
	}
		.comment h3 span{
			display:block;
			float:right;
			margin-top:-20px;			
		}
		.comment h3 a{
			color:#333;
			text-decoration:none;
		}
	.comment p{
		padding:5px 5px 0 5px;
	}
	
	.sendcomment{
		background:#f5f5f5;
		padding:10px 20px;
		margin-bottom:20px;
	}
	.sendcomment p{
		text-align:right;
	}
		.sendcomment textarea{
			width:474px;
			height:80px;
			border:1px solid #999;
		}
			.sendcomment input{
				cursor:pointer;
				background:#666;
				border:1px solid #666;
				border-bottom:1px solid #333;
				border-top:1px solid #999;
				color:white;
				padding:3px 10px 1px 10px;
                margin-top:5px
			}