@charset "utf-8";
/* CSS Document */

/*==================index================*/
#main{
	width:950px;
	margin:10px auto auto auto;}
/*==================end index================*/

/*==================sidebar================*/
.sidebar{
	float:left;
	width:210px;}
.main-box01{
	width:100%;
	clear:both;}
.main-box01 .box-top .box-title{
	display:inline;
	float:left;
	margin-left:10px;
	width:55px;
	height:30px;
	line-height:30px;
	background-position:0 -303px;
}
.main-box02{
	margin-top:5px;
	width:100%;
	clear:both;}
.main-box02 .box-top .box-title{
	display:inline;
	float:left;
	margin-left:10px;
	width:29px;height:30px;
	line-height:30px;
	background-position:-119px -303px;
}

/*==================end sidebar================*/

/*==================main right================*/
.main-box03{
	float:right;
	margin-top:10px;
	width:350px;
	height:227px;
}
.main-box03 .box-top .box-title{
	display:inline;
	float:left;
	margin-left:10px;
	width:60px;height:30px;
	line-height:30px;
	background-position:-235px -303px;
}
.main-box03 .list{
	padding-top:10px;}
.main-box03 .list li{
	overflow:hidden;
	height:25px;
	line-height:25px;
	background-position:-310px -305px;}
.main-box03 .list a{
	margin:auto;
	display:block;
	float:right;
	display:inline;
	margin-right:15px;
	width:220px;
	height:24px;
	border-bottom:1px #EAEAEA dashed;
	color:#303030;
	line-height:24px;
	text-align:left;
	text-decoration:none;
}
.main-box03 .list a:hover{
	border-bottom:1px #EAEAEA dashed;
}
.span-no{
	height:25px;
	color:#666666;
	margin-left:32px;
	float:left;
	width:10px;
	line-height:25px;
	font-weight:bold;
	font-size:11px;
	font-family:arial;}
.span-hot{
	float:left;
	margin-left:13px;
	color:#fff;
	line-height:25px;
	font-size:11px;
	font-weight:bold;}
.main-box04 .list a span{
	float:right;
	margin-right:10px;
	color:#00464e;}
.main-box04{
	float:right;
	margin-top:10px;
	margin-right:10px;
	width:370px;
	height:227px;}
.main-box04 .box-top .box-title{
	display:inline;
	float:left;
	margin-left:10px;
	width:55px;height:30px;
	line-height:30px;
	background-position:-163px -303px;
}
.main-box04 .list{
	padding-top:10px;}
.main-box04 .list a{
	margin:auto;
	display:block;
	padding-left:10px;
	width:330px;
	height:25px;
	border-bottom:1px #EAEAEA dashed;
	color:#303030;
	line-height:25px;
	text-align:left;
	text-decoration:none;}
.main-box04 .list a:hover{
	border-bottom:1px #E0E0E0 dashed;}
.main-box04 .list a span{
	float:right;
	margin-right:10px;
	color:#00464e;}

/*==================end main right================*/

.main-tab01{
	float:left;
	text-align:center;
	margin-top:10px;
	width:470px;height:234px;}
.main-tab01 li, .main-tab02 li{
	float:left;
	display:block;}
.main-tab01 li a, .main-tab02 li a{
	float:left;
	display:block;}
.main-tab01 .list a span, .main-tab02 .list a span{
	float:right;
	margin-right:10px;
	color:#00464e;}
.ul-bnt{
	height:44px;}
.main-tab01 .list a, .main-tab02 .list a{
	margin:auto;
	display:block;
	padding-left:10px;
	width:400px;
	height:25px;
	border-bottom:1px #EAEAEA dashed;
	color:#303030;
	line-height:25px;
	text-align:left;
	text-decoration:none;}
.main-tab01 .list a:hover, .main-tab02 .list a:hover{
	border-bottom:1px #E0E0E0 dashed;}
.main-tab01 .list, .main-tab02 .list{
	width:400px;}
#yel-div-html{
	display:none;
	width:160px;height:34px;
	background-position:0 -355px;
	text-indent:-10000em;}
#bla-div-html{
	width:161px;height:34px;
	background-position:-174px -355px;
	text-indent:-10000em;}
#bla-div-html:hover{
	background-position:-123px -458px;
	text-indent:-10000em;}
#yel-div-css{
	width:103px;height:34px;
	background-position:0 -408px;
	text-indent:-10000em;}
#bla-div-css{
	display:none;
	width:104px;height:34px;
	background-position:-133px -408px;
	text-indent:-10000em;}
#bla-div-css:hover{
	background-position:0 -458px;
	text-indent:-10000em;}
#yel-div-seo{
	display:none;
	width:82px;height:34px;
	background-position:-265px -408px;
	text-indent:-10000em;}
#bla-div-seo{
	width:82px;height:34px;
	background-position:-356px -408px;
	text-indent:-10000em;}
#bla-div-seo:hover{
	background-position:-313px -509px;
	text-indent:-10000em;}
#div-css, #div-js{
	margin:auto;
	height:160px;
	width:400px;
	clear:both;
	text-align:left;}
#div-html, #div-ajax{
	display:none;
	margin:auto;
	height:160px;
	width:400px;
	clear:both;
	text-align:left;}
#div-seo, #div-as{
	display:none;
	margin:auto;
	height:160px;
	width:400px;
	clear:both;
	text-align:left;}
	
	
	
	
	
	
	
	
	
.main-tab02{
	float:right;
	text-align:center;
	margin-top:10px;
	width:470px;height:234px;}
#yel-div-js{
	width:169px;height:34px;
	background-position:0 -564px;
	text-indent:-10000em;}
#bla-div-js{
	display:none;
	width:170px;height:34px;
	background-position:-199px -564px;
	text-indent:-10000em;}
#bla-div-js:hover{
	background-position:-313px -458px;
	text-indent:-10000em;}
#yel-div-ajax{
	display:none;
	width:72px;height:34px;
	background-position:0 -622px;
	text-indent:-10000em;}
#bla-div-ajax{
	width:73px;height:34px;
	background-position:-95px -622px;
	text-indent:-10000em;}
#bla-div-ajax:hover{
	background-position:-221px -509px;
	text-indent:-10000em;}
#yel-div-as{
	display:none;
	width:195px;height:34px;
	background-position:0 -678px;
	text-indent:-10000em;}
#bla-div-as{
	width:196px;height:34px;
	background-position:-226px -678px;
	text-indent:-10000em;}
#bla-div-as:hover{
	background-position:0 -509px;
	text-indent:-10000em;}
#text-more{
	height:20px;
	border:none;
	background:none;
	color:#BC2931;
	text-align:right;}
#text-more:hover{
	text-decoration:underline;
	color:#BC2931;}
/*====================ÓÑÇéÁ´½Ó=====================*/
#friendlink{
	width:950px;
	margin:10px auto auto auto;
	clear:both;
	padding-bottom:20px;}
#friendlink .box-title{
	width:55px;height:30px;
	background-position:-385px -355px;}
.friendlink-img{
	clear:both;
	margin:15px auto auto auto;}
.friendlink-img a{
	margin:auto 18px;}
.friendlink-text{
	width:950px;
	clear:both;
	margin:20px auto auto auto;}
.friendlink-text a{
	color:#303030;
	margin:auto 18px;}
a:link {
	color:#303030;
	text-decoration:none;
}
a:visited {
	color:#303030;
	text-decoration:none;
}
a:hover {
	color:#BC2931;
	text-decoration:underline;
}
a:active {
	color:#303030;
}
/*====================end ÓÑÇéÁ´½Ó=====================*/


/*====================foot=====================*/
#foot{
	width:950px;
	padding:30px 0px;
	color:#fff;
	line-height:30px;}
#foot a:link {
	color:#d2feff;
	text-decoration:none;
}
#foot a:visited {
	color:#d2feff;
	text-decoration:none;
}
#foot a:hover {
	color:#d2feff;
	text-decoration:underline;
}
#foot a:active {
	color:#d2feff;
}
/*====================end foot=====================*/