* {
	font-family: 'Microsoft Yahei';
}
a {
	text-decoration: none;
}
body {
	font-size: 12px;
	margin: 0;
	padding: 0;
	border: 0;
	*min-width: 1440px;
	letter-spacing: 1px;
	background: url('noise.png') repeat 0 0;
}
	.container {
		width: 1000px;
		margin: 0 auto;
	}
#sidebar {
	display: none;
	position: fixed;
	top: 50px;
	right: 20px;
	background: rgb(194,191,186) url('noise.png') repeat 0 0;
	border-bottom: 5px solid rgb(189,34,29);
}
	#sidebar_title {
		padding: 10px 30px;
		text-align: center;
		background: rgb(189,34,29) url('noise.png') repeat 0 0;
		color: #fff;
		font-size: 14px;
		width: 100px;
	}
	#sidebar_index ul,#sidebar_sub ul {
		list-style: none;
		padding: 0;
		z-index: 998;
	}
	#sidebar_index ul li,#sidebar_sub ul li {
		padding: 10px 20px;
		letter-spacing: 0;
		color: #333;
		border-bottom: 1px dashed rgba(0,0,0,0.1);
	}
		#sidebar_index ul li:hover,#sidebar_sub ul li:hover {
			background: rgb(189,34,29);
			color: #fff;
		}
			.subbar {
				display: none;
				width: 140px;
				position: fixed;
				margin-left: -140px;
				margin-top: -127px;
				background: rgb(194,191,186) url('noise.png') repeat 0 0;
				z-index: 999;
				padding: 10px 30px;
			}
#header {
	width: 100%;
	height: 550px;
	background: url('rulehead.jpg') repeat-x top center;
	*background: url('1.jpg') repeat-x top center;
	color: #fff;
}
	#navlink {
		background: rgba(0,0,0,0.5);
	}
		#navlink a {
			color: #aaa;
			text-decoration: none;
		}
			#navlink a:hover {
				color: #fff;
			}
		#navlink ul {
			list-style: none;
			height: 50px;
		}
			#navlink ul li {
				display: inline;
				padding: 0 20px;
				line-height: 50px;
			}
				#navlink ul li:after {
					content: '';
					width: 1px;
					height: 20px;
					background: #333;
					position: absolute;
					margin: 15px 20px;
				}
			
	#title {
		width: 100%;
		margin-top: 215px;
		text-align: center;
	}
		#title .lighttext {
			color: rgb(189,34,29);
		}
		#title p {
			margin: 2px 0;
		}
	#title2 {
		width: 100%;
		margin-top: 95px;
		text-align: center;
	}
	
			
#partlink {
	width: 100%;
	*height: 280px;
	background: rgb(194,191,186) url('indexline.png') no-repeat top center;
	*text-align: center;
}
	#partlink h2 {
		color: rgb(189,34,29);
		margin-bottom: 0px;
		text-align: center;
	}
	#partlink #rulekinden {
		color: rgb(189,34,29);
		margin-bottom: 10px;
		margin-top: 0;
		text-align: center;
	}

		#indexcontainer {
			color: #333;
		}
			#indexcontainer table td {
				padding: 10px;
				text-align: center;
				width: 150px;
				font-size: 12px;
				color: #333;
				padding: 0 50px;
			}
			.indexicon {
				width: 100px;
				height: 100px;
				margin-left: 25px;
				border: 4px solid #fff;
				box-shadow: 0 0 10px rgba(0,0,0,0.1);
				border-radius: 500px;
				overflow: hidden;
				background: url('ruleindex.png') no-repeat;
			}
				#index_1 { background-position: 0 0; }
				#index_2 { background-position: -100px 0; }
				#index_3 { background-position: -200px 0; }
				#index_4 { background-position: -300px 0; }
			.indexinfo {
				margin: 10px 0;
			}
				.indexinfo p {
					margin: 2px;
				}
						

#rule {
	color: #222;
}
	#rule ol {
		padding-left: 30px;
	}
	#rule li {
		padding: 10px 0;
		line-height: 200%;
	}
	#rule > ol { list-style: square; }
		#rule > ol > li { font-size: 20px; }
	#rule > ol > li > ol { list-style: disc; }
		#rule > ol >  li > ol >li  { font-size: 16px; }
	#rule > ol >  li > ol > li >  ol { list-style: circle; }
		#rule > ol >  li > ol > li >  ol > li  { font-size: 12px; }
	#rule > ol >  li > ol > li >  ol > li >  ol { list-style: decimal; }
		#rule > ol > li >  ol > li >  ol > li >  ol > li  { font-size: 12px; }

#footer {
	width: 100%;
	height: 300px;
	background: url('2.jpg') repeat-x top center;
	color: #333;
	letter-spacing: 0;
}
	#footerinfo {
		margin-left: 450px;
		padding: 50px 30px;
	}
	#friends {
		color: #333;
		list-style: none;
		padding: 0;
	}
		#friends li {
			padding: 0 10px;
			display: inline;
		}
		#friends a {
			color: #333;
		}
			#friends a:hover {
				color: rgb(189,34,29);
			}

			
/*font*/
@font-face {
	font-family: 'icomoon';
	src:url('http://mclll.qiniudn.com/font/icomoon.eot?ttwvp3');
	src:url('http://mclll.qiniudn.com/font/icomoon.eot?#iefixttwvp3') format('embedded-opentype'),
		url('http://mclll.qiniudn.com/font/icomoon.woff?ttwvp3') format('woff'),
		url('http://mclll.qiniudn.com/font/icomoon.ttf?ttwvp3') format('truetype'),
		url('http://mclll.qiniudn.com/font/icomoon.svg?ttwvp3#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
	content: "\e600";
}
.icon-cart:before {
	content: "\e601";
}
.icon-compass:before {
	content: "\e602";
}
.icon-flag:before {
	content: "\e603";
}
.icon-bookmark:before {
	content: "\e604";
}
.icon-heart:before {
	content: "\e605";
}
.icon-heart-broken:before {
	content: "\e606";
}
.icon-warning:before {
	content: "\e607";
}
.icon-info:before {
	content: "\e608";
}
.icon-spam:before {
	content: "\e609";
}
.icon-close:before {
	content: "\e60a";
}
.icon-checkmark:before {
	content: "\e60b";
}
.icon-html5:before {
	content: "\e60c";
}
.icon-css3:before {
	content: "\e60d";
}
.icon-chrome:before {
	content: "\e60e";
}
.icon-firefox:before {
	content: "\e60f";
}
.icon-IE:before {
	content: "\e610";
}
.icon-opera:before {
	content: "\e611";
}
.icon-safari:before {
	content: "\e612";
}