*{
	margin:0;
	padding:0;
	/*"Lucida Grande","Trebuchet MS", Tahoma,*/

}

body ,td,div
{
	margin:auto ;
	font-size: 14px; 
	font-family: "Arial","Helvetica","宋体","ms song","verdana";
	color:#4e4e4e;
}
body
 {
	text-align:center;
	background:#f6f6f4;
}
img 
{
	border:0px;
}

.clear {
	clear: both;
}

a:link		 {color: #075DB3; text-decoration: none}
a:visited	 {color: #075DB3; text-decoration: none}
a:hover		 {color: #FF6600; text-decoration: underline}
a:active	 {color: red; text-decoration: none}

a.green:link	{color: #9ccb00; text-decoration: none}
a.green:visited	{color: #4e4e4e; text-decoration: none}
a.green:hover	{color: #FF6600; text-decoration: underline}
a.green:active	{color: red; text-decoration: none}

a.red:link	{color: #d00000; text-decoration: none}
a.red:visited	{color: #d00000; text-decoration: none}
a.red:hover	{color: #d00000; text-decoration: underline}
a.red:active	{color: red; text-decoration: none}

a.grey:link	{color: #8a8a8a; text-decoration: none}
a.grey:visited	{color: #8a8a8a; text-decoration: none}
a.grey:hover	{color: #4e4e4e; text-decoration: underline}
a.grey:active	{color: red; text-decoration: none}

a.pagelink:link	{color: #8a8a8a; text-decoration: none}
a.pagelink:visited	{color: #8a8a8a; text-decoration: none}
a.pagelink:hover	{color: #4e4e4e; border-bottom: dashed 1px #9ccb00;}
a.pagelink:active	{color: red; text-decoration: none}

a.orangelink.link{color:#89B000; text-decoration: none}
a.orangelink:visited	{color:#89B000; text-decoration: none}
a.orangelink:hover	{color:#89B000; border-bottom: dashed 1px #9ccb00;}
a.orangelink:active	{color: #89B000; text-decoration: none}


/*----------------------------------------------------------------------- 
			Topheader Style
	------------------------------------------------------------------------ */
#topheader
 {
	width: 896px;
	text-align: left;
	margin-top:10px;
	
}
#logo
{
	float:left;
}
#banner
{
	float:left;
	margin:0 auto;
	padding-left:26px;
	padding-top:10px;
	text-align:center;
	width:420px;
	height:60px;
}

#beginnerright
{
	float: right;
	width:250px;
	height:60px;
	margin-right:4px;
}

#search 
{
float:right;
margin-top:10px;

}
#search .input_zzk {
	width:150px;
	border: solid 1px #b8b8b8;
	font-size:12px;
	height:16px;
	position:relative;
	top:-2px;
	
}
#search .btn_zzk 
{
	width:64px;
	background:url(/images/beginner/btn_search.gif) no-repeat;
	border:0px;
	height:23px;
	cursor:pointer;
	text-align:center;
	font-size:12px;
	position:relative; 
	top:1px;

}

#sites {
	float:right;
	height:25px;
}

#whole {
	margin:auto;
	width: 896px;
}

#header {
	background: url(/images/beginner/header.gif) no-repeat;
	width:896px;
	height:86px;
	position: relative;
}
#ad_header {
	position: absolute;
	left:396px;
	top:7px;
}
.ad_text{
	margin:6px 0 0 0;
}
#whole_mid {
	background: url(/images/beginner/mid.gif) repeat-y;
	width:896px;
	padding-bottom:10px;
}

#whole_bottom {
	background: url(/images/beginner/bottom.gif) no-repeat;
	width:896px;
	height:6px;
}


/*----------------------------------------------------------------------- 
			Nav Style
	------------------------------------------------------------------------ */
#space {
	margin:0;
	padding:0;
	height: 7px;
	background: url(/images/beginner/mid.gif) repeat-x;
}
#nav {
	background: url(/images/beginner/bg_nav.gif) no-repeat;
	width: 874px;
	height:50px;
	text-align: left;
}
#navlists {
	margin:0px;
	padding:0px;
	padding-top: 20px;
	margin-left:6px;
	_margin-left:-1px;
}
#navlists li{
	display: inline;
	list-style: none;
}
#navlists li a{
	color: #4688C4;
	font: normal bold 14px verdana;
	border-right: dotted 1px #cdcdcd;
	margin: 0;
	padding: 0 10px;
	padding-bottom:3px;
	_padding-bottom:4px;
	display:block;
	width:60px;
	float:left;
	margin-left:10px;
}
#navlists li a:hover{
	color: #4688C4;
	font: normal bold 14px verdana;
	border-right: dotted 1px #cdcdcd;
	border-bottom: 6px solid #7EACD6;
	text-decoration: none;
}


#navlists li a.present {
	border-bottom: 6px solid #4688C4;
}

/*----------------------------------------------------------------------- 
			Content_header Style
	------------------------------------------------------------------------ */
#content-header {
	width:874px;
	text-align: left;
}

#ctn_right {
	float: right;
	width:555px;
	padding-right:10px;
}

#step
{
	float:right;
	height:191px;
	width:210px;
	margin-top:2px;
	/*background:url(../images/beginner/step.gif) no-repeat;*/
	

}

#headline {
	float: left;
	background: url(/images/beginner/headline.jpg) no-repeat;
	height:208px;
	width: 338px;
	
}


#headlineul
{
	margin:0;
	padding:0;
	margin-top:50px;
	margin-left:10px;
	 
}

#headlineul li
{
	margin-left:6px;
	padding:0;
	padding-left: 12px;
	background: url(/images/beginner/ico_content_list.gif) no-repeat center left;
	padding-top: 4px;
	padding-bottom:4px;
	list-style: none;
	font-size:14px;
	color: #8a8a8a;
}

#ctn_left {
	width: 285px;
	float: left;
}
#picture {
	margin:2px 0px 10px 5px;
}

.left_box_top {
	background: url(/images/beginner/left_box_top.gif) no-repeat;
	height:4px;
	width:281px;
	font-size:0;line-height:0;
}

.left_box_mid {
	background: url(/images/beginner/left_box_mid.gif) repeat-y;
	text-align: left;
	padding-bottom:10px;
}

/*.left_box_mid dl.wrap
{
	float:left;
	width:280px;
}

.left_box_mid dl.wrap dt
{
	background: url(../images/beginner/newcsdn_pic10.gif) left bottom  repeat-x;float:left;width:270px;
	margin-left:4px;
	font: normal bold 14px verdana;
	color: #2c83db;
}

.left_box_mid dl.wrap dt a
{
	float:left;
	display:block;
	padding:2px 25px;
}
.left_box_mid dl.wrap dt a:hover
{
	text-decoration:none;
}

.left_box_mid dl.wrap dt a.current1
{
	text-align:center;
	padding:2px 20px 3px;
	font-weight:bold;
	border-right:1px solid #2c83db;
	border-bottom:1px solid #fff;
	background-color:#f6f6f4;
}

.left_box_mid dl.wrap dt a.current2
{
	border-left:1px solid #2c83db;
	border-top:1px solid #2c83db;
	margin:0 0 0 -1px;
}
.left_box_mid dl.wrap dd div.tabcon
{
	float:left;
	width:268px;
	display:inline;
	margin:10px 5px 0;	
}

.left_box_mid dl.wrap dd div.tabcon ul
{
	float:left;margin:5px 0 0;padding:0;	
}
.left_box_mid dl.wrap dd div.tabcon  li
{
	padding:0 0 0 10px;
	line-height:18px;
	list-style:none;
}*/

.so_tab
{
	margin: 0;	
	padding:0;
	font-size:14px;
	font-family:verdana;
	clear:both; 
	height:26px;	
	width:276px;
	background:url(/images/beginner/bg_relative.gif) bottom repeat-x;
}


.so_tab li
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	border-left:1px solid #ccc; 
	border-top:1px solid #ccc; 
	border-right:1px solid #ccc;
	height:24px; 
	background:transparent;
	
	margin-left: 10px;
	padding:0 6px;
	
	width:80px;
}

.so_tab h2{
	margin:0 3px;
	padding:0;
	padding-top:5px;
	height:18px;
	clear:both;
	font-size:14px;
	cursor:pointer;
	color:#4688C4;
	text-align:center;
}

.so_tab a.tab{color:#000;background:none; text-decoration:none;}

.so_tab .active{background:#f3f3f3; height:25px;}


.tab_cnt{
		padding-top:10px;
		font:normal 12px/24px verdana, "ms song", 宋体;
		text-align:left;
		width:260px;
		list-style: none;
		padding-left:10px;
		_padding-left:0px;
		line-height:18px;	
}
.tab_cnt li
{
	margin:0;
	padding:0;
	height:22px;
}	

.tab_cnt li .text
{
	color:#8a8a8a; 
	background:url(/images/icons/dot.gif) no-repeat 0 8px; 
	padding-left:8px;
	margin-top:10px;
	*margin-left:-20px;
}



.left_box_bottom {
	background: url(../images/beginner/left_box_bottom.gif) no-repeat;
	height:4px;
	width:281px;
	font-size:0;
	line-height:0;
}

.pic {
	padding: 8px 6px 6px 6px;

}

.piclink {
	padding-top:5px;
	font: normal normal 14px verdana;
}

.piclink a{
	color: #9ccb00;
}

/*----------------------------------------------------------------------- 
			Content Style
	------------------------------------------------------------------------ */
#content
{
	width:874px;
	text-align: left;

}

#contentlist
{
	width:480px; 
	margin:0 0px 0px 16px; 
	clear:both;
	padding:0px;
	/*float:left;*/
}
#contentlist ul
{ 
	list-style:none;
	padding:5px 0; 
	clear:both; 
	overflow:hidden;
}
#contentlist li
{
	line-height:24px; 
	clear:both;
}
#contentlist li .text
{
	color:#8a8a8a; 
	font-size:14px; 
	background:url(/images/icons/dot.gif) no-repeat 0 10px; 
	padding-left:10px;
	float:left;
}
#contentlist li .text a{color:#075DB3;}
#contentlist li .date{float:right; color:#666;}




	
#right_content {
	width: 585px;
	float: right;
}

#left_content {
	width: 284px;
	float: left;
}

#list_left
{
	width:284px;
	float: left;
}

.content_top {
	background: url(../images/beginner/content_top.gif) no-repeat;
	height: 4px;
	width: 585px;
	font-size:0;
	line-height:0;
}

.content_mid {
		background: url(../images/beginner/content_mid.gif) repeat-y;
		width: 585px;
		text-align: left;
		padding-bottom:10px;
	}

.content_bottom {
	background: url(../images/beginner/content_bottom.gif) no-repeat;
	height: 5px;
	width: 585px;
	margin-bottom:5px;
}

/*list 页面*/
#content_mid 
{
		background: url(../images/beginner/content_mid.gif) repeat-y;
		width: 585px;
		text-align: left;
		padding-bottom:10px;
		/*height:780px;*/
}
#info
{
	padding-top:20px;
}

#series {
	padding-top:20px;
}
.contentparts {
	margin:0;
	padding: 10px 0 0 14px;
	
	
}

.content_list_title {
	margin:0;
	padding:0;
	background: url(../images/beginner/ico_content_title.gif) no-repeat center left;
	width: 520px;
	height:21px;
	_height:11px;
	font: normal bold 14px verdana;
	position: relative;
	padding-left:22px;
	margin-bottom:10px;
	color:#4688C4;
}

.more {
	float: right;
	margin-right: 0px;
	margin-top:2px;
}

.content_list
{
	margin:0;
	padding:0;
	margin-top:8px;
	margin-left:10px;
}

.content_list li{
	margin:0;
	padding:0;
	padding-left: 12px;
	background: url(../images/beginner/ico_content_list.gif) no-repeat center left;
	padding-top: 4px;
	padding-bottom:4px;
	list-style: none;
	font-size:14px;
	color: #8a8a8a;
}

.content_list li .text
{
	width:350px;
	float:left;
}

#basic
{
	width:281px;
	
}

#group
{
	width:281px;
	
}

#blog
{
	width:281px;
}



.left_box_title {
	margin:0;
	padding:0;
	width:122px;
	height: 32px;
}

.left_more {
	float: right;
	padding-right:14px;
	padding-top:13px;
}
	
#basic_title {
	background: url(../images/beginner/basic.gif) no-repeat center bottom ;
}

#basic_list {
	margin:0;
	padding:0;
	margin-left: 15px;
	margin-top:10px;
	padding-bottom:10px;
	line-height:1.5;
}
#basic_list li {
		padding:0;
		margin:0;
		list-style: none;
		background: url(../images/beginner/ico_list.gif) no-repeat center left;
		padding: 2px 0;
		padding-left: 14px;
}

#group_title
{
	background: url(../images/beginner/group.gif) no-repeat center bottom ;
}

#group_list
{
	margin:0;
	padding:0;
	margin-left: 15px;
	margin-top:10px;
	padding-bottom:10px;
}
#group_list li {
	padding:0;
	margin:0;
	list-style: none;
	display:inline;
	padding: 2px 0;
	padding-left: 14px;
}

/*----------------------------------------------------------------------- 
			Footer Style
	------------------------------------------------------------------------ */

	#footer {
		margin-bottom:10px;
		margin-top:5px;
		_margin-top:0px;
		padding-bottom:10px;
		clear:both;
		margin:auto;
		font-size:12px;
	}


/*** 分页导航 ***/
#pages {
	float: right;
	font-size: 12px;
	padding-right: 12px;
}

#pages .currpage {
	color: #FF6240;font-size:14px;font-weight: bold;
}

#pages .next {
	border: 2px solid #DDD;
	font-weight: bold;
}

#pages a {
	border: 1px solid #DDD;
	padding: 2px 4px;
	text-decoration: none;
}

.ad{text-align: center; height:250px;}

#footer a {padding:0px 5px;}