@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, button, input, textarea,th, td { margin: 0; padding: 0; }
body,button, input, select, textarea { font: 12px/1.5 tahoma, arial, simsun, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
ul, ol { list-style: none; }
a, a:visited{ text-decoration: none; color:#3b5999; }
a:hover,a:active { text-decoration: underline;}
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
legend { /* for ie6 */ color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; }

/* useful */
.clear{ font-size: 0; line-height: 0; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ display: inline-block; }
.clearfix{ display: block; }
:focus{ outline: 0; }
/*a,area {blr:expression(this.onFocus=this.blur()) }  for IE :focus {-moz-outline-style: none; }  for Firefox   *//* color */
.red,.red a{ color: #c00!important; text-decoration: none; }
.red a:hover{ color: #c00!important; text-decoration: underline; }
html { overflow-y: scroll;}


.header{
	height: 80px; width: 960px; background: url(../images/header-bg.gif) repeat-x 0 0; margin: 0 auto;
}
	.header a.logo{
		float: left; width: 176px; height: 80px; background: url(../images/logo.gif) no-repeat 0 0; text-indent: -9999px; overflow: hidden; margin: 0 0 0 10px; display: inline;
	}
.main-nav{
	background-color: #336699; height: 5px; overflow: hidden; font-size: 0; width: 960px; margin: 0 auto;
}

/* layout  */
.container{
	zoom:1; width: 960px; margin: 0 auto; background-color: #f4f4f4;  overflow: hidden;
}
.container:after{
	content: '\0020';
	display: block;
	height: 0;
	clear: both;
}
.col-main{
	float: left; width: 100%; position: relative;
}
	.col-main .main-wrap{
		margin-right: 220px; position: relative;
	}
	
.col-sub{
	float: left; margin-left: -220px; width: 220px; position: relative;
}

/* global */
.content-box{
	border: 1px solid #d2dade; background-color: #FFF; margin: 10px; zoom:1;
}
.sub-box{
	border: 1px solid #d2dade; background-color: #FFF; margin: 10px 10px 0 0;
}
.footer{
	width: 960px; text-align: center; margin: 0 auto; background-color:#f4f4f4; 
}
.footer-link{
	border: 1px solid #d2dade; background: #FFF url(../images/footer-bg.gif) repeat-x 0 0;margin: 0 10px; padding: 10px; text-align: left;
}
	.footer p{
		color: #666; padding: 5px;
	}
/* menu-list */
.menu-list{
	margin: 2px;
}
	.menu-list ul li{
		height: 30px; line-height: 30px; background-color: #F4F4F4; padding-left:10px;
	}
	.menu-list ul li.current{
		background-color: #D2DADE; color: #336699;
	}
/* friends-desc */
.friends-desc{
	padding: 10px; position: relative;
}
	.friends-desc h3{
		font-size: 14px; font-family: "Microsoft yahei"; padding: 10px 0;
	}
	.friends-desc p{
		text-indent: 2em;  line-height: 150%;
	}
	.friends-desc p.step-1{
		background: url(../images/step_1.jpg) no-repeat 0 0; margin-left: 20px;
	}
	.friends-desc p.step-2{
		background: url(../images/step_2.jpg) no-repeat 0 0; margin-left: 20px;
	}
	.friends-desc ol{
		margin: 10px 0 10px 50px;
	}
		.friends-desc ol li label{
			width: 150px; float: right; text-align: left; zoom:1; height: 60px;
		}
	.friends-desc ul{
		margin: 10px 0 10px 50px;
	}
		.friends-desc ul li label{
			font-weight: bolder;
		}
.links-text,.links-pic{
	margin: 10px;
}
.links-text dt,.links-pic dt{
	font-weight: bold; background-color: #f4f4f4; padding: 5px 10px;
}
	.links-text dd,.links-pic dd{
		float: left; width: 128px; overflow: hidden; text-align: left; margin-left: 10px; padding: 5px 0; display: inline;
	}
/* aboutus */
.aboutus{
	padding: 30px; font-size: 14px; 
}
	.aboutus h2,.sitemap h1{
		font-size: 16px; font-family: "Microsoft yahei"; padding: 16px 0; color: #000;
	}
	.aboutus p{
		text-indent: 2em; line-height: 26px; color: #666;
	}
/* sitemap */
.sitemap{
	padding: 30px;
}
	.linksbox h2{
		font-size: 14px; font-family: "Microsoft yahei"; padding: 10px 0; color: #000;
	}
	.linksbox a{
		font-size: 14px; margin-right: 10px;
	}