@charset "utf-8";
/* 
	@名称: base
	@功能: 重设浏览器默认样式
*/

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin:0;padding:0;border: 0;font-size: 100%;
}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
    display:block;
}

/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video {
    display: inline-block;*display: inline;*zoom: 1;
}

/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea {
	font:12px/1.5 tahoma,arial,\5b8b\4f53;
}
input,select,textarea {
	font-size:100%;
}

/* 去掉各Table  cell 的边距并让其边重合 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th,td,caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

/* IE bug fixed: th 不继承 text-align*/
th {
	text-align:inherit;
}

/* 去除默认边框 */
fieldset,img {
	border:0;
}
img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
/*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
  -ms-interpolation-mode: bicubic;
}

b,strong {
  font-weight: bold;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
	display:block;
}

/* 去掉 firefox 下此元素的边框 */
abbr,acronym {
	border:0;font-variant:normal;
}

/* 一致的 del 样式 */
del {
	text-decoration:line-through;
}

address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:500;
}

/* 去掉列表前的标识, li 会继承 */
ol,ul {
	list-style:none;
}
li {
/*
  For IE6 + IE7:

  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
}

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th {
	text-align:left;
}

/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:500;
}

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

/* 统一上标和下标 */
sub, sup {
    font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}


/* 默认不显示下划线，保持页面简洁 */
ins,a {
	text-decoration:none;
}
/* 隐藏/块显示, 通常用来与 JS 配合 */
body .fn-dn {
    display: none;
}
body .fn-db {
    display: block;
}
/* 设置页面宽带 */
.fn-w
{
	width:1000px;
}
/* 设置内联, 减少浮动带来的bug */
.fn-fll,.fn-flr {
	display:inline;
}
.fn-fll {
    float: left;
}
.fn-flr {
    float: right;
}

/*定位*/
.fn-vam {
    vertical-align:middle;
}
.fn-posr {
    position:relative;
}
.fn-posa {
    position:absolute;
}
.fn-tal {
    text-align: left;
}
.fn-tac {
    text-align: center;
}
.fn-tar {
    text-align: right;
}
.fn-fwb
{
    font-weight: bold;
}
/* 清除浮动
----------------------------------------------------------------------------------------------------*/
.fn-clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.fn-clearfix:before,
.fn-clearfix:after {
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}

.fn-clearfix:after {
    clear: both;
}

.fn-clearfix {
    zoom: 1;
}
/*居中*/
.fn-auto
{
	margin:auto;
}
/*
 * 边距定义设置
 * */
.m10 {
	margin:10px;
}
.m15 {
	margin:20px;
}
.m30 {
	margin:30px;
}

.mt5 {
	margin-top:5px;
}
.mt10 {
	margin-top:10px;
}
.mt15 {
	margin-top:15px;
}
.mt20 {
	margin-top:20px;
}
.mt25
{
	margin-top:25px;
}
.mt30
{
	margin-top:30px;
}
.mt40
{
	margin-top:40px;
}
.mt50
{
	margin-top:50px;
}
.mb5 {
	margin-bottom:5px;
}
.mb10 {
	margin-bottom:10px;
}
.mb15 {
	margin-bottom:15px;
}
.mb20 {
	margin-bottom:20px;
}

.ml5 {
	margin-left:5px;
}
.ml10 {
	margin-left:10px;
}
.ml15 {
	margin-left:15px;
}
.ml20 {
	margin-left:20px;
}

.mr5 {
	margin-right:5px;
}
.mr10 {
	margin-right:10px;
}
.mr15 {
	margin-right:15px;
}
.mr20 {
	margin-right:20px;
}
.p3 {
	padding:3px;
}
.p5 {
	padding:5px;
}
.p10 {
	padding:10px;
}
.p20 {
	padding:20px;
}
.p30 {
	padding:30px;
}

.pt5 {
	padding-top:5px;
}
.pt10 {
	padding-top:10px;
}
.pt15 {
	padding-top:15px;
}
.pt20 {
	padding-top:20px;
}
.pt40
{
	padding-top:40px;
}
.pb0
{
	padding-bottom:0px !important;
}
.pb5 {
	padding-bottom:5px;
}
.pb10 {
	padding-bottom:10px;
}
.pb15 {
	padding-bottom:15px;
}
.pb20 {
	padding-bottom:20px;
}
.pl0
{
	padding-left:0px !important;
}
.pl5 {
	padding-left:5px;
}
.pl10 {
	padding-left:10px;
}
.pl15 {
	padding-left:15px;
}
.pl20 {
	padding-left:20px;
}

.pr5 {
	padding-right:5px;
}
.pr10 {
	padding-right:10px;
}
.pr15 {
	padding-right:15px;
}
.pr20 {
	padding-right:20px;
}

/*---------------其他相关功能补充-----------------------*/
/*对行内不间断文字进行截取，IE系列使多余部分用省略号代替，其他浏览器会隐藏多余部分*/
.fn-frank {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
/*去除链接上的虚线框*/
a {
	text-decoration:none;
	outline:none;
	+blr:expression(this.onFocus=this.blur());
}
/* 字体大小*/
.fn-f12{
	font-size:12px;}
.fn-f14{
	font-size:14px;
}
.fn-f16{
	font-size:16px;
}