@charset "utf-8";
/* CSS Document */
#header {
	margin:auto;
	height:96px;
	width:950px;
	background:url(../images/top.gif) no-repeat;
}
#logo {
	display:block;
	float:left;
	margin-top:22px;
	width:270px;
	height:62px;
	background:url(../images/logo.png) no-repeat;
}
/*================search=====================*/

.search {
	float:right;
	width:300px;
	height:45px;
	margin-top:30px;
}
.form-search {
	margin-bottom:15px;
	padding:0px;
}
.text-search {
	float:left;
	background:#006272;
	border:1px #00a0a5 solid;
	height:15px;
	width:230px;
	line-height:15px;
	color:#fff;
}
.select-search {
	border:none;
}
.but-search {
	float:right;
	border:none;
	width:51px;
	height:20px;
	background-position: 0 0;
}
.hot-search {
	clear:both;
	margin-top:15px;
}
.hot-search h1 {
	float:left;
	color:#d2feff;
}
.hot-search span {
	display:block;
	float:left;
}
.hot-search span a {
	margin:auto 5px;
}
.hot-search span a:link {
	color:#d2feff;
}
.hot-search span a:visited {
	color:#d2feff;
}
.hot-search span a:hover {
	color:#fff;
}
.hot-search span a:active {
	color:#d2feff;
}
/*================end search=====================*/



/*================nav============================*/
#nav {
	margin:auto;
	height:41px;
	width:950px;
	padding-top:3px;
	background-position:0 -27px;
	clear:both;
}
#nav ul li {
	float:left;
}
#nav ul .nav-line {
	height:41px;
	width:1px;
	background-position:-486px -246px;
}
#nav ul li a {
	display:block;
	text-indent:-10000em;
}
#nav-html {
	width:174px;
	height:41px;
	background-position:0 -83px;
}
#nav-html:hover {
	background-position:0 -190px;
}
#nav-home {
	width:54px;
	height:41px;
	background-position:-446px -138px;
}
#nav-home:hover {
	background-position:-419px -246px;
}
#nav-div {
	width:109px;
	height:41px;
	background-position:-195px -83px;
}
#nav-div:hover {
	background-position:-194px -190px;
}
#nav-js {
	width:175px;
	height:41px;
	background-position:-325px -83px;
}
#nav-js:hover {
	background-position:-324px -190px;
}
#nav-ajax {
	width:79px;
	height:41px;
	background-position:0 -138px;
}
#nav-ajax:hover {
	background-position:0 -246px;
}
#nav-as {
	width:200px;
	height:41px;
	background-position:-104px -138px;
}
#nav-as:hover {
	background-position:-95px -246px;
}
#nav-seo {
	width:96px;
	height:41px;
	background-position:-342px -138px;
}
#nav-seo:hover {
	background-position:-313px -246px;
}
/*================nav============================*/