
/**
Author :        QuZi<quzi@zhongsou.com>
Version:        1.0
Date   :		2011-04-08
Explain:        此样式为页面初始化样式。
**/

/*------------------------------- CSSReset -------------------------------*/

/** 清除边距 **/
body,h1,h2,h3,h4,h5,h6,p,blockquote, /* structural elements 结构元素 */
dl,dt,dd,ul,ol,li, /* list elements 列表元素 */
form,fieldset,legend,button,input,textarea, /* form elements 表单元素 */
th,td /* table elements 表格元素 */ {margin:0;padding:0;}
body{text-align:center;}

/** 字体设置 **/
body,
button,input,select,textarea /* for ie */{font:12px/1.5 "Microsoft YaHei",微软雅黑,\5FAE\8F6F\96C5\9ED1,"MicrosoftJhengHei",tahoma, arial, \5b8b\4f53, sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
address,em{font-style:normal;} /* 将斜体扶正 */

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

/** 重置链接元素 **/
a{text-decoration:none;color:#999999;}
a:hover{}

/** 重置表单元素 **/
legend{text-indent:-9999px;height:0;}
fieldset,img{border:0;} /* img 搭车：让链接里的 img 无边框 */
button,input,select,textarea {font-size:100%;} /* 使得表单元素在 ie 下能继承字体大小 */

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

/** 重置元素垂直居中 **/
img,input,select,textarea,button{vertical-align:middle;}
.bh-blank{padding:0 6px;}
/** 显示样式元素 **/
.bh-hidden{display:none;}
.bh-show{display:block;}
.bh-inline{display:inline;}
.bh-inlineblock{display:inline-block;}

/** 字体设置 **/
.bh-bigFont{font-size:14px;}
.bh-smallFont{font-size:12px;}
.bh-strong{font-weight:bold;}
.bh-normal{font-weight:normal;}

/** 文字对齐方式设置 **/
.bh-textRt{text-align:right!important;}
.bh-textLt{text-align:left!important;}
.bh-textCt{text-align:center!important;}

/** 浮动 **/
.bh-fl{float:left;}
.bh-fr{float:right;}

/** 下划线 **/
.bh-udline{text-decoration:underline;}

/* position */
.rel{position:relative;}
.abs{position:absolute;}

/** 清除浮动 **/
.bh-clear{clear:both;}
/** .bh-section:after{content:".";display:block;visibility:hidden;height:0;clear:both;} **/
.bh-section{*zoom:1;}

/** 清除边框，清除边距 **/
.bh-noborder{border:none!important;}
.bh-nomargin{margin:0!important;}

/** 空白高度设置 **/
.bh-space{height:10px;line-height:1px;font-size:1px;clear:both;}
.bh-sp6{height:6px;line-height:1px;font-size:1px;clear:both;}

/*字体颜色*/
.bh-gray{color:#969696;}
.bh-red{color:#a71f24;}
.bh-l-red{color:#f00;}
.bh-l-blue{color:#005cda}

/*外边距*/
.bh-mtop10{margin-top:10px!important;}
.bh-mlt10{margin-left:10px;}
.bh-mlt15{margin-left:15px;}
.bh-mlt30{margin-left:30px;}
.bh-mrt10{margin-right:10px;}
.bh-mR10{margin-right:10px;}

/*隐藏多余文字*/
.bh-hiddenTxt{overflow:hidden;white-space:nowrap;}

/* background-color name rule: bg - (key word/Hex color) |-> All colors are safe color */
.bgwh{background-color:#fff;}
.bgfb{background-color:#fbfbfb;}
.bgf5{background-color:#f5f5f5;}
.bgf0{background-color:#f0f0f0;}
.bgeb{background-color:#ebebeb;}
.bge0{background-color:#e0e0e0;}

.fa{font-family:arial;}

/* font-size */
.f0{font-size:0;}
.f9{font-size:9px;}
.f10{font-size:10px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f32{font-size:32px;}

/* padding */
.p0{padding:0;}
.pl0{padding-left:0;}
.pt0{padding-top:0;}
.pb0{padding-bottom:0;}
.pr0{padding-right:0;}
.p1{padding:1px;}
.pl1{padding-left:1px;}
.pt1{padding-top:1px;}
.pr1{padding-right:1px;}
.pb1{padding-bottom:1px;}
.p2{padding:2px;}
.pl2{padding-left:2px;}
.pt2{padding-top:2px;}
.pr2{padding-right:2px;}
.pb2{padding-bottom:2px;}
.pl5{padding-left:5px;}
.p5{padding:5px;}
.pt5{padding-top:5px;}
.pr5{padding-right:5px;}
.pb5{padding-bottom:5px;}
.p10{padding:10px;}
.pl10{padding-left:10px;}
.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.p15{padding:15px;}
.pl15{padding-left:15px;}
.pt15{padding-top:15px;}
.pr15{padding-right:15px;}
.pb15{padding-bottom:15px;}
.p20{padding:20px;}
.pl20{padding-left:20px;}
.pt20{padding-top:20px;}
.pr20{padding-right:20px;}
.pb20{padding-bottom:20px;}
.p30{padding:30px;}
.pl30{padding-left:30px;}
.pt30{padding-top:30px;}
.pr30{padding-right:30px;}
.pb30{padding-bottom:30px;}

/* safe color */
.g0{color:#000;}
.g3{color:#333;}
.g6{color:#666;}
.g9{color:#999;}
.gc{color:#ccc;}
.wh{color:white;}

/* margin */
.m0{margin:0;}
.ml1{margin-left:1px;}
.ml2{margin-left:2px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mr1{margin-right:1px;}
.mr2{margin-right:2px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mt1{margin-top:1px;}
.mt2{margin-top:2px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb1{margin-bottom:1px;}
.mb2{margin-bottom:2px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}

/* margin negative */
.ml-1{margin-left:-1px;}
.mr-1{margin-right:-1px;}
.mt-1{margin-top:-1px;}
.mb-1{margin-bottom:-1px;}
.ml-3{margin-left:-3px;}
.mr-3{margin-right:-3px;}
.mt-3{margin-top:-3px;}
.mb-3{margin-bottom:-3px;}
.ml-20{margin-left:-20px;}
.mr-20{margin-right:-20px;}
.mt-20{margin-top:-20px;}
.mb-20{margin-bottom:-20px;}

/* line-height */
.lh12{line-height:12px;}
.lh14{line-height:14px;}
.lh16{line-height:16px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh22{line-height:22px;}
.lh24{line-height:24px;}
.lh26{line-height:26px;}
.lh28{line-height:28px;}
.lh30{line-height:30px;}

img.gimg{
/*filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");*/
filter: gray;/* IE6-9 */
-webkit-filter:grayscale(100%);/* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.blue{color:#0169ac;}
.cap{text-transform: uppercase;}