/*
 * @description: 网页布局基础样式表
 * @author: lwb
 * @update: lwb (2013-2-28 09:00)
 */
a, abbr, address, article, aside, audio, b, blockquote, body, caption, cite, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { border: 0; margin: 0; outline: 0; padding: 0; font-size: 100%; }
html, body { height: 100%;font: 12px/1 'Lucida Grande', Arial, 'Liberation Sans', FreeSans, sans-serif; }
/* module: html5 css style by lwb */ 
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display:block }
/*`css reset
-------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
/*`word size
-------------------------------------------------------*/
.f12 {
	font-size:12px;
}
.f13 {
	font-size:13px;
}
.f14 {
	font-size:14px;
}
.f16 {
	font-size:16px;
}
.f20 {
	font-size:20px;
}
.f22 {
    font-size:22px;
}
.f24 {
    font-size:24px;
}
.f26 {
    font-size:26px;
}
.fb {
	font-weight:bold;
}
.fn {
	font-weight:normal;
}
.t2 {
	text-indent:2em;
}
.lh150 {
	line-height:150%;
}
.lh180 {
	line-height:180%;
}
.lh200 {
	line-height:200%;
}
.unl {
	text-decoration:underline;
}
.no_unl {
	text-decoration:none;
}
/*`文字排版
-------------------------------------------------------*/
.tl {
	text-align:left;
}
.tc {
	text-align:center;
}
.tr {
	text-align:right;
}
.bc {
	margin-left:auto;
	margin-right:auto;
}
.fl {
	float:left;
	display:inline;
}
.fr {
	float:right;
	display:inline;
}
.cb {
	clear:both;
}
.cl {
	clear:left;
}
.cr {
	clear:right;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

*html .clearfix {
	height:1%;
}
.clearfix {
	display:block; *zoom:1;
}
.vm {
	vertical-align:middle;
}
.pr {
	position:relative;
}
.pa {
	position:absolute;
}
.top{
	top:0;
}
.left{
	left:0
}
.right{
	right:0;
}
.bottom{
	bottom:0;
}
.abs-right {
	position:absolute;
	right:0;
}
.zoom {
	zoom:1;
}
.hidden {
	visibility:hidden;
}
.none {
	display:none;
}
/*`长度和高度
-------------------------------------------------------*/
.w10 {
	width:10px;
}
.w20 {
	width:20px;
}
.w30 {
	width:30px;
}
.w40 {
	width:40px;
}
.w50 {
	width:50px;
}
.w58{
    width:58px;
}
.w60 {
	width:60px;
}
.w70 {
	width:70px;
}
.w80 {
	width:80px;
}
.w90 {
	width:90px;
}
.w100 {
	width:100px;
}
.w110{
	width:110px;
}
.w118 {
	width:118px;
}
.w120{
	width:120px;
}
.w150{
	width:130px;
}
.w200 {
	width:200px;
}
.w250 {
	width:250px;
}
.w300 {
	width:300px;
}
.w400 {
	width:400px;
}
.w500 {
	width:500px;
}
.w600 {
	width:600px;
}
.w700 {
	width:700px;
}
.w800 {
	width:800px;
}
.w {
	width:100%;
}
.h10 {
    height:10px;
}
.h15{
    height:15px;
}
.h50 {
	height:50px;
}
.h80 {
	height:80px;
}
.h100 {
	height:100px;
}
.h200 {
	height:200px;
}
.h {
	height:100%;
}
/*`边距
-------------------------------------------------------*/
.m10 {
	margin:10px;
}
.m15 {
	margin:15px;
}
.m20{
    margin:20px;
}
.m30 {
	margin:30px;
}
.mt5 {
	margin-top:5px;
}
.mt8{
    margin-top:8px;
}
.mt10 {
	margin-top:10px;
}
.mt15 {
	margin-top:15px;
}
.mt20 {
	margin-top:20px;
}
.mt30 {
	margin-top:30px;
}
.mt50 {
	margin-top:50px;
}
.mt80{
	margin-top:80px;
}
.mt100 {
	margin-top:100px;
}
.mb5 {
	margin-bottom:5px;
}
.mb8 {
	margin-bottom:8px;
}
.mb10 {
	margin-bottom:10px;
}
.mb15 {
	margin-bottom:15px;
}
.mb20 {
	margin-bottom:20px;
}
.mb30 {
	margin-bottom:30px;
}
.mb50 {
	margin-bottom:50px;
}
.mb100 {
	margin-bottom:100px;
}
.ml5 {
	margin-left:5px;
}
.ml10 {
	margin-left:10px;
}
.ml15 {
	margin-left:15px;
}
.ml20 {
	margin-left:20px;
}
.ml30 {
	margin-left:30px;
}
.ml50 {
	margin-left:50px;
}
.ml75 {
	margin-left:75px;
}
.ml100 {
	margin-left:100px;
}
.ml120 {
	margin-left:120px;
}
.ml125 {
	margin-left:125px;
}
.ml150 {
	margin-left:150px;
}
.mr5 {
	margin-right:5px;
}
.mr10 {
	margin-right:10px;
}
.mr15 {
	margin-right:15px;
}
.mr20 {
	margin-right:20px;
}
.mr30 {
	margin-right:30px;
}
.mr50 {
	margin-right:50px;
}
.mr100 {
	margin-right:100px;
}

.p10 {
	padding:10px;
}
.p15 {
	padding:15px;
}
.p30 {
	padding:30px;
}
.pt2{
    padding-top:2px;
}
.pt3{
    padding-top:3px;
}
.pt5 {
	padding-top:5px;
}
.pt6 {
	padding-top:6px;
}
.pt7 {
	padding-top:7px;
}
.pt8 {
	padding-top:8px;
}
.pt10 {
	padding-top:10px;
}
.pt15 {
	padding-top:15px;
}
.pt20 {
	padding-top:20px;
}
.pt30 {
	padding-top:30px;
}
.pt40 {
	padding-top:40px;
}
.pt50 {
	padding-top:50px;
}
.pt100 {
	padding-top:100px;
}
.pb5 {
	padding-bottom:5px;
}
.pb10 {
	padding-bottom:10px;
}
.pb15 {
	padding-bottom:15px;
}
.pb20 {
	padding-bottom:20px;
}
.pb30 {
	padding-bottom:30px;
}
.pb50 {
	padding-bottom:50px;
}
.pb100 {
	padding-bottom:100px;
}
.pl2{
    padding-left:2px;
}
.pl3{
    padding-left:3px;
}
.pl5 {
	padding-left:5px;
}
.pl10 {
	padding-left:10px;
}
.pl15 {
	padding-left:15px;
}
.pl20 {
	padding-left:20px;
}
.pl30 {
	padding-left:30px;
}
.pl50 {
	padding-left:50px;
}
.pl100 {
	padding-left:100px;
}
.pr5 {
	padding-right:5px;
}
.pr10 {
	padding-right:10px;
}
.pr15 {
	padding-right:15px;
}
.pr20 {
	padding-right:20px;
}
.pr30 {
	padding-right:30px;
}
.pr50 {
	padding-right:50px;
}
.pr100 {
	padding-right:100px;
}
/*`color
-------------------------------------------------------*/
.red{color:#FF0000;}
.bRed{border:1px solid red;}
/*`font
-------------------------------------------------------*/
.fontST{ font-family:'宋体';}

img { font-size: 0; vertical-align:middle;border:none; }
input{vertical-align:middle;}
table { border-collapse: collapse; border-spacing: 0; }
th, td, caption { font-weight: normal; vertical-align: top; text-align: left; }
a {
	text-decoration: none;
}

li {
	list-style: none;
}
.span_gap{width:10px;height:10px;padding-left:15px;padding-right:15px;}	

.abs { position: absolute; top: auto; left: auto; right: auto; bottom: auto; }
.align_center { text-align: center; }
.align_right { text-align: right; }
.float_left { float: left; }
.float_right { float: right; }
.hidden{ display:none;}
.disappear {
	visibility:hidden;
}
.v-middle{ margin: 0 auto; }

.c:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden} 
.c{display:inline-table}
/* Hides from IE-mac \*/
* html .c {height: 1%}
.c{display: block}
/* End hide from IE-mac */
/* IE7 hack*/
*+html .c {min-height: 1% }