@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font:14px/1.5 'Open Sans',"\5fae\8f6f\96c5\9ed1", "\5b8b\4f53", Arial, Sans-serif;; }
h1,.f18 { font-size: 18px; }h2,.f16 { font-size: 16px; }h3,.f14 { font-size: 14px; }h4, h5, h6 { font-size: 100%; }.f12{ font-size:12px;}
address, cite, dfn, em, var,i { font-style: normal; }ul, ol,li { list-style: none; }
a { text-decoration: none;outline:none; blr:expression(this.onFocus=this.blur()); }a:focus { outline:none; }
legend { color: #000; }fieldset, img { border:none; line-height:0; }
button, input, select, textarea { font-size: 100%;outline:none;font-family: inherit; border:none;}
table { border-collapse: collapse; border-spacing: 0; }
html { overflow-y: scroll;}

/* 常用css元件库 */
.fl{ float:left}.fr{ float:right;}.clear{ clear:both;}
.cf { zoom:1; }.cf:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; }
.fb{ font-weight:bold;}.fn{ font-weight:normal;}.tl{ text-align:left;}.tc{ text-align:center;}.tr{ text-align:right;}
.mb10{ margin-bottom:10px;}.mb15 { margin-bottom: 15px; }.mb20{ margin-bottom:20px;}.mb30{ margin-bottom:30px;}.mx_a{ margin-left:auto; margin-right:auto;}.oh{ overflow:hidden;}
.pr{ position:relative;}.pa{ position:absolute;}.vam{ vertical-align:middle;}
.db{ display:block;}.dib{ display:inline-block;}.di{ display:inline}.dn{ display:none;}.hidden{display:none}
.fg{font-family:Georgia;}.ft{font-family:Tahoma;}
.f3 { color: #333; }.f6 { color: #666; }.f9 { color: #999; }.f8{ color:#888;}
.px20 { padding-left: 20px; padding-right: 20px; }.py20 { padding-top: 20px; padding-bottom: 20px; }.pt20{ padding-top:20px;}
.pb20 { padding-bottom: 20px; }.pr20 { padding-right: 20px; }.pl20 { padding-left: 20px; }.p20 { padding: 20px; }
.mr20 { margin-right: 20px; }.mr10 { margin-right: 10px; }.m0{ margin:0!important;}