/* HTML elements */
body{color:#333;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Classic Grotesque W01",Arial,"Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",SimSun,sans-serif;font-size:14px;position:relative;background-color:#f3f3f3}
@font-face{font-family:satisfy;font-style:normal;font-weight:400;src:local('satisfy'),local('satisfy'),url(static/satisfy.woff) format('woff')}
.body_container{padding:0 57px;max-width:1200px;margin:0 auto}
a{color:#6E7173;text-decoration:none;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in}
a:active,a:hover{color:#444}
a:focus{outline:auto}
.clearfix:after{content:"â€‹";display:none;height:0;clear:both}
blockquote{-moz-box-sizing:border-box;box-sizing:border-box;margin:2.5em 0;padding:0 0 0 50px;font-style:italic;color:#555;border-left:none}
blockquote:before{content:"â€œ";display:block;font-family:times;font-style:normal;font-size:48px;color:#444;font-weight:700;line-height:30px;margin-left:-50px;position:absolute}
pre{margin:2em 0;padding:1em;white-space:pre-wrap;word-wrap:break-word}
b,em,strong{padding:1px 2px;background-color:#fcfcf0}
.header-inner{margin:0 11px;position:relative}
.neck-cover{height:22em;position:fixed;top:64px;width:100%;z-index:2;box-shadow:0 -86px 81px -20px rgba(0,0,0,.25) inset}
.neck-cover:after{position:absolute;width:100%;height:100%;content:'';background-color:rgba(0,0,0,.5)}
#header{position:fixed;top:0;width:100%;z-index:99;height:64px;background-color:#fafafa;box-shadow:5px 1px 20px rgba(0,0,0,.07)}
#layout{padding-top:7em}
#header .site-name{display:inline-block;vertical-align:top}
#header .site-name a:hover #logo{color:#6E7173}
#header .site-name #logo{color:#767676;font:400 24px/64px satisfy,'Helvetica Neue',Helvetica,Arial;text-transform:capitalize}
#nav-menu{vertical-align:top;position:absolute;right:0;margin:0;font-size:13px;display:inline-block}
#nav-menu .site_nav{padding:0;margin:0;list-style:none}
#nav-menu .site_nav li{display:inline-block}
#nav-menu .site_nav li a{display:block;padding:0 1.1em 0 1.3em;margin:0 0.5em;line-height:64px;letter-spacing:.2em;color:#000;position:relative}
#nav-menu .site_nav li a.current{border-top:2px solid #000}
.post-cols{overflow:hidden;position:relative}
.post-box{margin:1em 0;position:relative}
.post-box:hover .post-cover{height:22em;margin-top:-2em}
.post-box:hover .post-text{border-bottom-color:#bbb}
.post{position:relative;background-color:#fff;margin:0 7px .45em;padding:0;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in;font-family:TIBch,'Classic Grotesque W01','Helvetica Neue',Arial,'Hiragino Sans GB',STHeiti,'Microsoft YaHei','WenQuanYi Micro Hei',SimSun,sans-serif}
.post .post-cover-box{height:18em;overflow:hidden;display:block}
.post .post-cover{height:18em;width:100%;background-color:#292929;background-position:center;background-size:cover;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.post .post-text{position:relative;height:12em;padding:0 1em;overflow:hidden;border-bottom:4px solid #ddd;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in}
.post .post-text-full{height:30em}
.post .post-text-full .post-title{padding:2.5em 0 2em;margin:0}
.post .post-text-full .post-title a{font-size:1.8em}
.post .post-text-full .post-content{height:396px}
.post .post-title{margin:18px 0 12px;color:#000;text-align:left;font-size:1em;line-height:1.3;font-weight:400}
.post .post-title a{font-size:1.4em;color:#000}
.post .post-title a:hover{color:#555}
.post .post-meta{font-size:12px;color:#666;position:absolute;bottom:0;padding-top:30px;padding-bottom:12px;background:transparent url(static/post-mask.png) repeat-x;background-position-y:-7px;width:100%;text-transform:uppercase}
.post .post-content{line-height:1.72;color:#444;overflow:hidden}
.post .post-content h3{margin:1.4em 0 1.1em}
.post .post-content pre{background-color:#f4f4f4;border-radius:0;border-color:#ddd}
.post .post-content pre code{font-size:.9em}
.post .post-content p{margin:0 0 1.7em}
.post .post-content p a{padding-bottom:2px;border-bottom:1px solid #aaa;word-break:break-all}
.post .post-content p a:hover{border-bottom-color:#444}
.post .post-content hr{margin:2.4em auto;border:none;border-top:1px solid #eee;position:relative}
.post .post-content img{max-width:100%;margin:.7em auto 0;height:auto;display:block}
.post .post-content ol{overflow:auto;padding:.5em 2.4em;border-radius:3px;margin:1em 0}
.post .post-content ol li{text-indent:.5em}
.post .tags a{margin-right:.5em}
.post .tags a:before{content:'#';display:inline-block}
.post-layout .post-content{padding-top:35px;padding-bottom:0}
.post-layout{background-color:#fff;position:relative;margin-top:22em;padding-bottom:2em;z-index:5}
.post-aside{margin-right:3em;margin-top:-50px;text-align:right}
.post-layout .post .post-title-position-box{position:absolute;top:0;width:100%;margin-top:-10.5em}
.post-layout .post .post-title-position-box .post-header-title{color:#fff}
.post-layout .post .post-title-position-box .post-date{color:#f7f7f7;font-family:TIBch,'Classic Grotesque W01','Helvetica Neue',Arial,'Hiragino Sans GB',STHeiti,'Microsoft YaHei','WenQuanYi Micro Hei',SimSun,sans-serif;font-weight:300;font-size:1.4em;margin-bottom:.3em;text-transform:uppercase;letter-spacing:-.01em}
.post-layout .post{margin:0;padding:0;background:0 0;border:none}
.post-layout .post .post-header-title{margin:0;padding:0;font-weight:400;font-size:2em;line-height:1.3}
.page-header-title{padding-top:28.8px!important}
.post-layout .post .post-content{height:auto;overflow:visible;font-size:16px;line-height:1.8;padding-top:3em;padding-bottom:0;text-align:justify}
.paginator{font-family:TIBch,'Classic Grotesque W01','Helvetica Neue',Arial,'Hiragino Sans GB',STHeiti,'Microsoft YaHei','WenQuanYi Micro Hei',SimSun,sans-serif;list-style:none;text-align:right;padding:13px 0 0;margin:0 7px;font-size:16px}
.paginator a{display:inline-block;line-height:30px;padding:10px 18px;margin-left:.2em;border:1px solid #DDD;border-bottom-width:2px;background-color:#fff}
.paginator a:hover{border-color:#999;background-color:#f7f7f7}
.paginator .next{padding-left:24px;padding-right:24px}
#footer{padding:2.5em 0 3.2em;line-height:1.5;color:#333;z-index:11;position:relative}
#footer .foot-log{font-size:13px;margin:0 7px}
@media print,screen and (max-width:1300px){body{font-size:14px}
.body_container{padding:0 60px;max-width:1100px}
.post-text-full .post-content{height:341px!important}
}
@media print,screen and (max-width:1000px){.body_container{padding:0 30px}
.post-layout .post-content{font-size:15px!important}
}
@media print,screen and (max-width:560px){#header{text-align:center}
.body_container{padding:0 13px}
.hidden-if-min{display:none!important}
.post-layout .post .post-title-position-box{margin-top:-7.5em}
}

/*空格*/
.separator{color:#e1e1e1;padding:0 5px}

/* 修复代码 */
input,textarea{-webkit-appearance:none!important;outline:0;-webkit-tap-highlight-color:transparent}

/*评论表单框*/
.doc_comments{padding:15px 0 35px}
.doc_comments textarea{font-size:14px}
.doc_comments #new_comment_form{margin-top:15px;padding:24px 0 0;background-color:#fff;border:1px solid rgba(150,150,150,.2)}
.doc_comments #new_comment_form .input_body{padding-left:20px;padding-right:20px}
.doc_comments #new_comment_form .input_body{padding-top:15px;padding-bottom:15px;height:18px;margin-top:12px;position:relative;background-color:#fbfbfb}
.doc_comments #new_comment_form .input_body li,.doc_comments #new_comment_form .input_body ul{list-style:none;margin:0;padding:0}
.doc_comments #new_comment_form .input_body .ident{width:75%}
.doc_comments #new_comment_form .input_body li{display:block;float:left;width:33.33%}
.doc_comments #new_comment_form .input_body li input{z-index:10;position:relative;background-color:transparent;padding-right:1.5em;padding-left:1.5em}
.doc_comments #new_comment_form .input_body li:last-child{margin-right:0}
.doc_comments #new_comment_form .new_comment{position:relative;z-index:12}
.doc_comments #new_comment_form .comment_triggered{display:none}
.doc_comments #new_comment_form input,.doc_comments #new_comment_form textarea{padding:0;line-height:1.4;border:none;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0}
.doc_comments #new_comment_form textarea{line-height:1.8;padding:0 20px 0 20px;background-color:transparent;resize:none;height:55px}
.doc_comments #new_comment_form .comment_submit_button{padding:7px 25px;width:auto;position:absolute;right:0;top:0;background-color:#000;color:#fff;height:32px;margin:8px 10px 8px 0;border-radius:20px;text-decoration:none}
.doc_comments #new_comment_form .comment_submit_button:hover{background-color:#303538}
@media print,screen and (max-width:35.5em){.input_body li{float:none;width:100%;margin-bottom:.6em}
}

/*评论样式*/
.comment-list{padding:0}
.comment-list li{list-style:none}
.comment-meta{line-height:1;margin-top:.5em;font-size:80%}
.comment-meta time{font-style:normal;color:rgba(0,0,0,.4)}
.comment-author{font-size:13px}
.comment-author .fn{font-style:normal}
.comment-author img{border-radius:50%;float:left;margin:0 10px 0 0}
.comment-content{font-size:14px}
.comment-content p:last-child{margin-bottom:0}
.fn a{color:#444;padding-right:3px;font-size:14px;font-weight:400;font-style:normal}
.comment-body{position:relative;padding:24px 20px;border:1px solid rgba(150,150,150,.18);margin:30px 0 0;border-radius:5px}
.comments-title{font-size:16px;line-height:1;position:relative;text-align:center;font-weight:700;margin-bottom:0}
.comments-title:before{display:block;content:'';border-top:1px solid #e7e7e7;position:relative;top:8px;z-index:1}
.comments-title span{display:inline-block;padding:0 30px;background:#fff;position:relative;z-index:2;font-weight:400}
.page-navigator li{list-style:none;float:left}
.page-navigator{float:right}
.page-navigator li a{float:right;line-height:30px;padding:10px 18px;margin-left:.5em;border:1px solid #DDD;border-bottom-width:1px;border-bottom-width:1px;border-bottom-width:2px;background-color:#fff;letter-spacing:1px}
.page-navigator .current a{border-bottom-color:#999;background-color:#f7f7f7}
#response{font-size:1.5em;color:#000;font-weight:400;padding-bottom: 5px}
.page-navigator .next,.page-navigator .prev{display:none}
.navigatory{padding:13px 0 0;font-size:15px;overflow:hidden}
.respond{position:relative;margin:15px 0 30px}
.cancel-comment-reply{position:absolute;right:0;top:5px}
.comment-reply a{font-size:14px}
.post .doc_comments p{line-height:24px}
.comment-body:hover .comment-reply{display:block}
.comment-reply{position:absolute;right:20px;top:-10px;display:none}
.comment-reply a{font-size:12px;line-height:20px;color:#fff;padding:0 10px;background:#444;cursor:pointer;display:block}

/*博客简介不显示*/
.description{display:none}

/*博客底部*/
.footer-copyright{float:left}
.footer-links{float:right}

/*归档页面*/
.archives-time{color:#939393;padding-right:10px}
.archives i{color:#939393;float:right;font-size:12px;font-style:normal}
.archives,.archives-list{margin-left:-40px}
.archives li,.archives-list li{list-style:none}
.archives-list a{letter-spacing:.5px;color:rgba(0,0,0,.6);display:inline-block;padding:2px 0}
.archives{margin-top:-1.4em}
