@charset "utf-8";

/*by noyid 2014-11 QQ:374288398*/

/*--reset------*/

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */

html{color:#333; background:#fff; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; text-rendering:optimizelegibility;

  -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: grayscale;}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video,input {

	margin: 0;	padding: 0;	border: 0;	font-size: 100%;font: inherit;vertical-align: baseline;background: transparent;}

	

/* HTML5 display-role reset for older browsers */

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 的问题 */

button, input, select, textarea{ font:400 1em/1.8 Avenir, "Microsoft Yahei", "Hiragino Sans GB", "Microsoft Sans Serif", sans-serif;}

button, input{/* 去除 IE6 input/button 多余的空白 */ *width:auto;  *overflow:visible;  /* 让 input 和 button 一样高 */  line-height:normal;}

input,textarea{ -webkit-appearance:none; border-radius:0;background:#fff;}

input:focus{border:none;outline:0;-webkit-appearance: none;}

button::-moz-focus-inner,input::-moz-focus-inner{ padding:0; border:0;}

/* 去掉各Table cell边距并让其边重合 */

table{ border-collapse:collapse;  border-spacing:0;width: 100%;margin-bottom: 1.4em; table-layout:fixed;}

/* 强制文本换行 */

.textwrap,table td,table th{ word-wrap:break-word; word-break:break-all;}



tbody tr:nth-child(even) td {background: #e5ecf9;}

tfoot {font-style: italic;}

/* IE bug fixed: th 不继承 text-align */

th{  text-align:inherit;font-weight: bold;}



/* 去除默认边框 */

fieldset, a img{border:none}

/* 解决 IE6-7 图片缩放锯齿问题 */

img{ -ms-interpolation-mode:bicubic;}

/* ie6 7 8(q) bug 显示为行内表现 */

iframe{ display:block;}

/* 块/段落引用 */

blockquote ,q{quotes: none; font-weight:300;padding:0 1em;}

q,q:before,q:after{color:#69F;}

blockquote {margin:24px 36px;position:relative;border-left:8px solid #998251;color:#999;line-height:24px;text-indent:24px}

blockquote:before,blockquote:after,q:before, q:after{height: 0;content: "“";font: italic 48px Cochin,Georgia,"Times New Roman", 'Helvetica Neue', 'Microsoft Yahei', serif;position:absolute}

blockquote:before{left:-20px;top:-12px}

blockquote:after{bottm:0;}

blockquote:after, q:after{  content:"”";}

q:before,q:after {font-size:18px;position:relative;}



@media only screen and ( max-width:640px ){

  blockquote{ margin:16px 0; }

}



/* Firefox 以外，元素没有下划线，需添加 */

acronym, abbr{  border-bottom:1px dotted;  font-variant:normal;}



/* 添加鼠标问号，进一步确保应用的语义是正确的（要知道，交互他们也有洁癖，如果你不去掉，那得多花点口舌） */

abbr{  cursor:help;}



/* 一致的 del 样式 */

del{  text-decoration:line-through;}



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



/* 去掉列表前的标识, li 会继承，大部分网站通常用列表来很多内容，所以应该当去 */

ul, ol{  list-style:none;}



/* 对齐是排版最重要的因素, 别让什么都居中 */

caption, th{  text-align:left;}



/* 统一上标和下标 */

sub, sup{ font-size:75%; line-height:0; position:relative;}

:root sub, :root sup{ vertical-align:baseline; /* for ie9 and other modern browsers */}

sup{top:-0.5em;}

sub{ bottom:-0.25em;}

ins, a{text-decoration:none;}



/* 专名号：虽然 u 已经重回 html5 Draft，但在所有浏览器中都是可以使用的，

 * 关于 <u> 标签：http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-u-element

 * 被放弃的是 4，之前一直搞错 http://www.w3.org/TR/html401/appendix/changes.html#idx-deprecated

 * 一篇关于 <u> 标签的很好文章：http://html5doctor.com/u-element/ 

 */

u{ text-decoration:underline;}



/* 标记，类似于手写的荧光笔的作用 */

mark{ background:#fffdd1; border-bottom:1px solid #ffedce; padding:2px;margin:0 5px;}

/* 代码片断 */



pre, code, pre tt{ font-family:Courier, 'Courier New', monospace;line-height: 1.5;}

pre{ background:#f8f8f8; border:1px solid #ddd; padding:1em 1.5em; display:block;white-space: pre; -webkit-overflow-scrolling: touch;}



hr{border:none; border-bottom:1px solid #cfcfcf; margin-bottom:10px; *color:pink; *filter:chroma(color=pink);  height:10px;  *margin:-7px 0 2px;}



/* 底部印刷体、版本等标记 */

small,  figcaption{ font-size:0.9em; color:#888;}

strong, b{font-weight:bold;color:#000;}



/* 可拖动文件添加拖动手势 */

[draggable]{ cursor:move;}



/* --24framework grid  by noyid update 2014 9-23  inspired by the http://960.gs */

.col {margin-left:10px; margin-right:10px;float: left;display:inline;position: relative;overflow: hidden;}

.row{width: 960px;margin: 0 auto;overflow: hidden;}

.row .row {margin: 0 -10px;width: auto;display: inline-block;}



/*24 Column widths*/

.col-1{width:20px;	}

.col-2{width:60px; }

.col-3{width:100px; }

.col-4{width:140px; }

.col-5{width:180px; }

.col-6{width:220px; }

.col-7{width:260px; }

.col-8{width:300px; }

.col-9{width:340px; }

.col-10{width:380px; }

.col-11{width:420px; }

.col-12{width:460px; }

.col-13{width:500px; }

.col-14{width:540px; }

.col-15{width:580px; }

.col-16{width:620px; }

.col-17{width:660px; }

.col-18{width:700px; }

.col-19{width:740px; }

.col-20{width:780px; }

.col-21{width:820px; }

.col-22{width:860px; }

.col-23{width:900px; }

.cols{width:940px;margin: 0 auto;}





.out{position: absolute;left: -999em;top: -999em;}



.solid {	border-bottom: 1px solid #CCC;}

.dashed {border-bottom: 1px dashed #aaa;}