@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1;}
ol,ul{list-style:none;color:#bbb;}
blockquote,q{quotes:none;}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
body{width:100%;margin:0 auto;color:#333;background:#f7f7f7;font-family:open sans,pingfang sc,hiragino sans gb,PingHei,sans-serif,Helvetica Neue,work sans,microsoft yahei,SimSun;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:2em;text-align:justify;word-wrap:break-word}
.wrapper{max-width:820px;background:#fff;margin:0 auto;margin-top:60px;box-shadow:0 10px 20px 0 hsla(0,0%,93%,.86);-webkit-transition:all .6s ease;transition:all .6s ease;}
h1,h2,h3,h4,h5,h6{color:#1f1f1f;font-weight:700;margin:1em 0 .5em;line-height:1em;}
h1{font-size:1.8em;margin:1.5em 0 1em;}
h2{margin:1em 0 .8em;}
h2,h3{font-size:1.2em;}
h3{margin:1.2em 0 .8em;}
h4{font-size:1.1em;}
a{text-decoration:none;-webkit-transition:.5s;transition:.5s;color:#999;}
a:hover{color:#555;}
blockquote,figure,hr,ol,p,pre,table,ul{margin-bottom:1em;}
b,strong{font-weight:700;}
em,italic{font-style:italic;}
hr{border-bottom:1px solid #eee;border-top:0;border-left:0;border-right:0;}
blockquote{padding:0 50px 0 40px;border-left:10px solid #ddd;background:#f7f7f7;}
blockquote:before{color:#ddd;content:"“";font-size:6em;vertical-align:-.4em;margin-left:-33px;line-height:0;}
table{background-color:#f7f7f7;border-collapse:collapse;border-spacing:0;border:1px solid #eee;width:100%;table-layout:fixed;word-wrap:break-word}
td,th{border-left:1px solid #eee;padding:.5em 1em;vertical-align:middle;border-top:1px solid #eee}
th{font-weight:700}
table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}
code{border-bottom:1px solid #ddd;border-radius:4px;padding:.1em .5em}
code,pre{font-family:consolas,Courier,monospace,sans-serif;font-size:.9em;background:#f7f7f7}
pre{overflow:auto;letter-spacing:0;white-space:pre-wrap;word-wrap:break-word;text-align:left;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:0 5%;padding-top:1em;padding-bottom:1em}
pre code{border-bottom:0;padding:0;font-size:inherit}
code,pre p{margin:0}
pre br{display:none}
sup{vertical-align:super}
sub{vertical-align:sub}
sub,sup{font-size:.8em;line-height:0}
ul{list-style:square;margin-left:1em}
ol{list-style:decimal;margin-left:1.3em}
del{opacity:.3}
::-moz-selection{background:#000;color:#fff}
::selection{background:#000;color:#fff}
section.search input{width:100%;font-size:.875em;font-family:open sans,pingfang sc,hiragino sans gb,PingHei,sans-serif,Helvetica Neue,work sans,microsoft yahei,SimSun;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;outline:0;display:inline-block;border-top:0;border-right:0;border-left:0;border-bottom:1px solid #eee;text-align:center;padding:.8em 0;background-color:#f7f7f7;-webkit-transition:.5s;transition:.5s}
section.search input:focus,section.search input:hover{background-color:inherit}
.clear{clear:both}
header{margin:0 auto;min-height:140px;padding-left:5%;padding-right:5%;padding-top:15pt;}
header .logo{float:left}
header img{width:65px;border-radius:5px}
header h1{color:#333;font-size:1.8em;margin:.5em;margin-right:0;text-align:center;}
header h2{font-size:.8em;color:#bbb;font-weight:400;}
header h2,nav{text-align:center;}
nav{width:100%;margin-top:2em}
nav ul{margin-left:0}
nav ul,nav ul li{display:inline-block;padding-left:.3em}
nav ul li a{font-size:.8em;width:auto;display:block;padding:.5em .8em;color:#999;line-height:2em;border-top:2px solid #555;}
nav ul li a:hover{color:#fff;background:#555}
nav ul li a.selected{color:#ff0000}
article,main section.content{padding:0 5%}
article h1,main section.content h1{margin-bottom:.3em}
article .meta,main section.content .meta{color:#bbb;font-size:.8em;padding:0px 0 20px}
article .meta a,main section.content .meta a{margin:0 .3em;padding:0.1em 0.5em;}
article .meta .item,main section.content .meta .item{margin-right:10px}
article h2 span,main section.content h2 span{font-size:.53em;margin-left:.3em;color:#bbb;font-weight:400}
article ul span,main section.content ul span{font-size:.8em;margin-left:.3em}
article ul time,main section.content ul time{margin-right:.3em}
article ol ul,article ul ol,article ul ul,main section.content ol ul,main section.content ul ol,main section.content ul ul{margin-left:0}
article .info span,main section.content .info span{margin:0 0 2em;border:1px solid #eee;padding:15px 20px;color:#bbb;display:block}
article.content{font-size:.875em;margin-top:50px}
article.content dl,article.content h1,article.content h2,article.content h3,article.content h4,article.content h5,article.content h6,article.content legend,article.content ol,article.content p,article.content div.md_block,article.content ul{padding:0 5%}
article.content h2{margin:2em 0 1.2em}
article.content h3{margin:1.8em 0 1em}
article.content h1{font-size:1.4em;margin:1em 0 .8em;padding:0 5%;text-align:left}
article.content .meta,section.content .meta{border-bottom:0;padding:20px 0 0 5%}
article{padding-left:0;padding-right:0}
article ol p,article ul p{padding:0;margin:0 auto}
article blockquote ol,article blockquote p,article blockquote ul{padding:0}
article hr{margin:1em 5%}
article figure{text-align:center}
article figure img{max-width:100%;border-top:1px solid #eee;border-bottom:1px solid #eee}
article figure figcaption{font-size:.8em;color:#bbb;margin-top:-5px;margin-bottom:1em;padding:0 5%;line-height:1.8em}
article img{max-width:100%}
article embed,article iframe{width:100%;border-top:1px solid #eee;border-bottom:1px solid #eee;margin:1em 0}
article .post a{border-bottom:1px solid;padding:3px}
article .post sub a,article .post sup a{border-bottom:0;padding:0}
article .post sub a:before,article .post sup a:before{content:"["}
article .post sub a:after,article .post sup a:after{content:"]"}
article .toc{margin:0 5% 2em;border:1px solid #eee;padding:15px 20px 0}
article .toc ul{list-style:circle;padding:0;color:#bbb;margin-left:1em}
article .toc a{border-bottom:none}
article ol,article ul{color:inherit;margin-left:2em}
article ol ol,article ol ul,article ul ol,article ul ul{margin-bottom:0;padding:0}
article .footnotes ol,article .footnotes ul{margin-left:1em;color:#bbb}
article ul span{font-size:inherit;margin-left:inherit}
.md_line{letter-spacing:.5px}
.list-pager{padding:30px 20px;font-size:.875em;margin:0 30px;text-align:center;}
.list-pager li{display:inline-block;margin:0px 5px;}
.list-pager a{color:#3366cc}
.list-pager a:hover{text-decoration:underline;}
section.pager{border-top:1px solid #eee;border-bottom:1px solid #eee;text-align:center;overflow:auto;margin:2em 0 0;font-size:.875em}
section.pager p{width:50%;display:inline-block;float:left;}
section.pager .paginator a{padding:1em .5em}
.pic{width:100%;white-space:nowrap}
.pic img{width:20%;float:left;}
@media (max-width:640px){.pic img{width:33.33%;float:left;}
}
aside{overflow:auto;padding-top:20px;max-width:680px;margin:0 auto;padding-left:30px;}
aside .aside-left{width:71%;}
aside .aside-right{width:29%;}
aside .sidebar{float:left}
aside .sidebar h3{font-weight:400;font-size:14px}
aside .sidebar li{font-size:9pt;float:left;width:50%;display:block}
aside span{font-size:.8em;margin-left:.3em;color:#bbb}
.article-list{padding:0 20px;margin:0 30px}
.article-list article{margin-top:50px}
.article-list article h2{line-height:30px;font-weight:600}
.article-list article h2 a{color:#1f1f1f}
.article-list article .meta{border-bottom:1px solid #f3f3f3}
.excerpt p{color:#333;letter-spacing:.2px;line-height:2em;text-align:left}
.archived-posts,.excerpt p{font-size:.875em}
footer{text-align:center;padding:60px 0;font-size:.8em;line-height:3em;color:#bbb}
@media only screen and (max-width:600px){.wrapper{margin-top:0}
header .logo{display:none}
header .description{float:none}
header .description h1,header .description h2{text-align:center}
.article-list{margin:0;padding:0}
.article-list .meta{padding-left:5%;padding-right:5%}
nav{width:100%;text-align:center;margin-top:2em}
aside .sidebar{width:100%;float:none}
aside,main section.content,pre{padding:0 5%}
aside{padding-top:20px}
pre{padding-top:1em;padding-bottom:1em}
article dl,article h1,article h2,article h3,article h4,article h5,article h6,article legend,article ol,article p,article ul{padding:0 5%}
blockquote{padding:0 25px 0 20px;border-left:5px solid #ddd;}
blockquote:before{margin-left:-20px}
section.pager p{width:100%;text-align:left;text-indent:10px}
}
a.btn{background:#000;color:#fff;}