@charset "utf-8";

/* 
	CSS CATALOGUE
	1.0 reset css
    1.1 layout css  
*/

/*
1.0 reset css
------------------------------------------------------------------- */
/** 清除内外边距 **/
html, 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, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
    margin: 0;
    padding: 0;
}

/** 清除chrome用户自定义样式 **/
html body { padding-bottom:0;}

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

/** 设置默认字体 **/
body, button, input, select, textarea /* for ie */ {
    font: 12px Microsoft YaHei, tahoma, arial, \5b8b\4f53, sans-serif;
}
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px;}
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 { color: #333; text-decoration: none; }
a:hover {
	color: #111;
	text-decoration: underline;
	-webkit-transition: all 0.3s ease-in-out 0s;
	   -moz-transition: all 0.3s ease-in-out 0s;
	     -o-transition: all 0.3s ease-in-out 0s;
	    -ms-transition: all 0.3s ease-in-out 0s;
	        transition: all 0.3s ease-in-out 0s;
}
input[type="button"], input[type=submit], a { cursor: pointer; }

/** 重置焦点无虚线框 **/
:focus { outline: 0; }

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

sup { vertical-align: text-top; } /* 重置，减少对行高的影响 */
sub { vertical-align: text-bottom; }

/** 重置突出元素样式 **/
ins { text-decoration: none; }
del { text-decoration: line-through; }

/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
a img { border: 0; } /* 让链接里的 img 无边框 */
img { vertical-align: middle; -ms-interpolation-mode: bicubic; } /*解决图像缩放而产生的锯齿*/ 
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
textarea { resize: vertical } /* 让用户可以调节元素的高度 只适用于webkit内核浏览器 */

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

/* 重置 hr */
hr { height: 1px; border-width: 0; border-bottom-width: 1px; overflow: hidden; margin: 10px 0; border-color: #888; }

/* 重置 HTML5 元素 */
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}

/*
1.1 layout css
------------------------------------------------------------------- */
/*文字排版*/
.f12 { font-size:12px; }
.f13 { font-size:13px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.f20 {font-size:20px; }
.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:underlline;}
.no_unl{ text-decoration:none;}

/*定位*/
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.bc{ margin-left:0;margin-right:0;}
.fl{ float:left;display:inline;}
.fr{ float:right;display:inline;}
.cb{ clear:both;}
.cl{ clear:left;}
.cr{ clear:rigth;}
.pr{ position:relative;}
.pa{ position:absolute;}
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }
.cf:before, .cf:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.abs-right{ position:absolute; right:0}
.zoom{ zoom:1;}
.hidden{ visiility:hidden;}
.none{ display:none;}

/*长度高度*/
.w10{ width:10px;}
.w20{ width:20px;}
.w30{ width:30px;}
.w40{ width:40px;}
.w50{ width:50px;}
.w60{ width:60px;}
.w70{ width:70px;}
.w80{ width:80px;}
.w90{ width:90px;}
.w100{ width:100px;}
.w200{ width:200px;}
.w300{ width:300px;}
.w400{ width:400px;}
.w450{ width:450px;}
.w480{ width:480px;}
.w500{ width:500px;}
.w530{ width:530px;}
.w540{ width:540px;}
.w580{ width:580px;}
.w600{ width:600px;}
.w660{ width:660px;}
.w700{ width:700px;}
.w800{ width:800px;}
.w{ width:100%}
.h50{ width:50px;}
.h80{ width:80px;}
.h100{ width:100px;}
.h200{ width:200px;}
.h{ height:100%}

/*边距*/
.m10{margin:10px;}
.m12{margin:12px;}
.m15{margin:15px;}
.m30{margin:30px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt100{margin-top:100px;}
.mb5{margin-bottom:5px;}
.mb9{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;}
.ml18{margin-left:18px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.ml100{margin-left:100px;}
.mr5{margin-right:5px;}
.mr8{margin-right:8px;}
.mr10{margin-right:10px;}
.mr12{margin-right:12px;}
.mr13{margin-right:13px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p50{padding:50px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.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;}
.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;}