@charset "utf-8";
body,ul,li{padding:0;margin:0}
body{
	background-color:#996600;
	font-size:12px;
}

#header,#content,#footer{
	width:900px;
	margin:0 auto;
	overflow:hidden;
	display2:inline-block;
	text-align:left;
}

#header{
height:45px;
}
#header div a{
	padding:9px 0 0 0;
	font-size:14px;
	font-weight:bold;
	color:#ffff99;
	float:left;
	decoration:none;
	text-decoration: none;
}
#header div .cn{
	color:#ffff99;
	font-size:24px;
	font-family:"黑体";
}



#tutorail{
color:#ffff99;
font-size:14px;
padding:0 12px 12px 0;
}
#tutorail a{
	color:#ffff99;
	text-decoration: underline;
}
#cpreview{
	display:inline-block;
	overflow:auto;
	float:left;
	padding-right:20px;
}
#cpreview #cp_img{
	width:128px;
}
#cpreview td{
	font-size:12px;
}

#cpreview .text{
	font-size:12px;
	width:121px;
	background-color:#ffcc99;
}


#clist{
	display:inline-block;
	float:left;
	width:720px;
	height:480px;
	overflow:auto;
	overflow-x:hidden;
}
#clist li{
	float:left;
	width:130px;
	margin:0 3px 3px 0;
	padding:2px;
	list-style-type:none;
}
#clist li.n a{
	color:#ffff99;
	cursor:pointer;
}
#clist li.n a:hover{
	background-color:#ffff99;
	color:#663300;
}
#clist li.st,
#clist li.st a,
#clist li.st a:hover{
	color:#ffff99;
	font-weight:bold;
	background-color:#ff0000;
}
#clist li img{
	width:128px;
	height:116px;
	border:1px solid #ffff99;
}
#clist li span{
	display:block;
	width:130px;
}
#clist li span.txt{
	height:20px;
	text-align:center;
	line-height:150%;
}
.sb{height:2em;width:5.6em;font-size:14px;}