@charset "utf-8";
html{color:#000;background:#fff;-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;}
body,button,input,select,textarea{font:12px/1.5 Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;}
input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit;}
fieldset,img{border:0;}
iframe{display:block;}
abbr,acronym{border:0;font-variant:normal;}
del {text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:500;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
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;}
a:hover {text-decoration:underline;}
ins,a {text-decoration:none;outline:none;}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.fn-clear{zoom:1; }
body .fn-hide {display:none;}
.fn-left,.fn-right {display:inline;}
.fn-left {float:left;}
.fn-right {float:right;}

/* 保证块/段落之间的空白隔行 */
.typo p, .typo pre, .typo ul, .typo ol, .typo dl, .typo form, .typo hr, .typo table, .typo-p, .typo-pre, .typo-ul, .typo-ol, .typo-dl, .typo-form, .typo-hr, .typo-table { margin-bottom: 1.2em; }
h1, h2, h3, h4, h5, h6{ font-weight: 500; *font-weight: 800; font-family: Helvetica Neue, Microsoft Yahei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif; color:#333; }

/* 标题应该更贴紧内容，并与其他块区分，margin 值要相应做优化 */
.typo h1, .typo h2, .typo h3, .typo h4, .typo h5, .typo h6, .typo-h1, .typo-h2, .typo-h3, .typo-h4, .typo-h5, .typo-h6 { margin-bottom: 0.4em; line-height: 1.5; }
.typo h1, .typo-h1 { font-size: 1.8em; }
.typo h2, .typo-h2 { font-size: 1.6em; }
.typo h3, .typo-h3 { font-size: 1.4em; }
.typo h4, .typo-h4 { font-size: 1.2em; }
.typo h5, .typo h6, .typo-h5, .typo-h6 { font-size: 1em; }

/* 在文章中，应该还原 ul 和 ol 的样式 */
.typo ul, .typo-ul { margin-left: 1.3em; list-style: disc; }
.typo ol, .typo-ol { list-style: decimal; margin-left: 1.9em; }
.typo li ul, .typo li ol, .typo-ul ul, .typo-ul ol, .typo-ol ul, .typo-ol ol { margin-top: 0; margin-bottom: 0; margin-left: 2em; }
.typo li ul, .typo-ul ul, .typo-ol ul { list-style: circle; }

/* 同 ul/ol，在文章中应用 table 基本格式 */
.typo table th, .typo table td, .typo-table th, .typo-table td .typo table caption{ border: 1px solid #ddd; padding: 0.5em 1em; color:#666; }
.typo table th, .typo-table th { background: #fbfbfb; }
.typo table thead th, .typo-table thead th { background: #f1f1f1; }
.typo table .caption { border-bottom:none; }

/* 去除 webkit 中 input 和 textarea 的默认样式  */
.typo-input, .typo-textarea{ -webkit-appearance:none; border-radius:0; }

/* 高亮选中 */
::-moz-selection { background:#08c; color:#fff; }
::selection { background:#08c; color:#fff; }

/* TODO: 供着重号使用 */
.typo-em, .typo em, legend, caption {font-weight: 700;}