@charset "utf-8";

/*reset开始--------------------------------------------------------------------------------*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
table, th, td, /* table elements 表格元素 */
img{
    margin: 0;
    padding: 0;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font: 12px/1 'Microsoft YaHei', Arial, Tahoma, Helvetica, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
	border-bottom: 1px dotted;
	cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}
button {cursor:pointer;}

table {border-spacing:0px; border-collapse:collapse;}/* 重置表格元素 */

html { overflow-y: scroll; }/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */

/*reset结束--------------------------------------------------------------------------------*/


/*公用样式--------------------------------------------------------------------------------*/

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix {zoom:1;}

.fl {float:left;}
.fr {float:right;}

body {
	margin-top:-20px;
	background:#e9e9e9 url('bg.png') left -24px repeat-x;
}

#wrap {
	width:920px;
	margin:0 auto;
}

.inline li {
	display:-moz-inline-stack;
	display:inline-block;
	*display:inline;
	zoom:1;
}

#header {
	height:112px;
	margin-bottom:16px;
	position:relative;
	color:#789;
}

#header h1 {
	text-indent:-9999px;
}

#logo {
	width:228px;
	position:absolute;
	bottom:0;
}

#logo a {
	display:block;
	height:74px;
	background:#f00 url('logo.png') left top no-repeat;
}

#nav {
	width:384px;
	height:40px;
	position:absolute;
	right:0;
	bottom:10px;
	overflow:hidden;
}

#nav li {
	float:left;
	width:96px;
	padding-left:2px;
	background:url('nav.png') left top no-repeat;
	margin-left:-2px;
}

#nav li a {
	display:block;
	font-size:16px;
	color:#abc;
	text-align:center;
	line-height:1.2em;
}

#nav li a:hover ,#nav li a.active {
	text-decoration:none;
	color:#fff;
}

#nav li a:hover span ,#nav li a.active span {
	color:#abc;
}

#nav li a span {
	display:block;
	padding-top:2px;
	font-size:8px;
	line-height:6px;
	color:#789;
}


#content ,#footer {color:#456;}

#content {
	margin-bottom:30px;
}

.bannar_bg {
	padding-top:5px;
	background:url('bannar_bg.png') left top no-repeat;
	margin-bottom:8px;
}

.bannar_bg .bannar_btm {
	padding-bottom:25px;
	background:#fff url('bannar_bg.png') -920px bottom no-repeat;
}


#footer {
	min-height:90px;
	_height:90px;
	padding:10px 10px 30px 10px;
	background:url('footer.png') left top no-repeat;
	line-height:1.6em;
}

#footer span {
	color:#f60;
}