code,pre{white-space:pre-wrap;word-wrap:break-word}
.block-image,.site-header{background-position:center center;background-size:cover;background-origin:border-box}
.button,.grap li:before,.site-header,html{box-sizing:border-box}
.clear_fix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;outline:0;border:0;vertical-align:baseline;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit}
body,button,input,textarea{font-family:Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,Helvetica,Arial,sans-serif}
html{overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
button,input,textarea{outline:0;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}
a:active,a:hover,button:focus,input:focus,textarea:focus{outline:0;color:#4078c0;text-decoration:underline}
body{background-color:#ddd;background-image:url(bg.png);color:rgba(0,0,0,.8);line-height:1.8;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,td,th{text-align:left;font-weight:400}
blockquote:after,blockquote:before,q:after,q:before{content:""}
blockquote,q{quotes:none;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}
blockquote{margin:30px 0;padding-left:20px;border-left:3px solid rgba(0,0,0,.8);letter-spacing:.01rem;font-weight:400}
pre{position:relative;margin:15px 0;padding:10px 20px;background-color:#f8f8f8;font:14px/22px 'courier new'}
pre:after,pre:before{display:block;padding-top:10px;padding-bottom:10px;color:#2f76bb}
/* pre:before{content:"-- CODE --"}
pre:after{content:"-- EOF --";text-align:right} */
code{padding:2px 5px;border-radius:3px;letter-spacing:0;font:14px/26px 'courier new';word-break:break-all;color: #d14;background-color: #eee;}
.archive-month,.comment-list .comment-body .comment-author .fn,.comments-title,.grap strong,.postFooterinfo .author-name{font-weight:700}
pre code{padding:0;border-radius:0;background-color: inherit;}
img{height:auto;max-width:100%;border: 1px solid #e4e8e8;}
.screen-reader-text{position:absolute;top:-9999px;left:-9999px}
button::-moz-focus-inner{padding:0;border:0}
a{color:inherit;text-decoration:none}
input[disabled]{background-color:rgba(0,0,0,.05);color:rgba(0,0,0,.8);cursor:default}
.u-textAlignCenter{text-align:center}
.surface-content{margin:30px auto;max-width:75pc;background-color:#fff}
.site-header{position:relative;padding:140px 40px;background-color:#f0f0f0;color:rgba(0,0,0,.8)}
.site-header .avatar{border:3px solid #fff;border-radius:100%;box-shadow:0 0 0 1px hsla(0,0%,100%,.8)}
.site-header:before{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.1);content:""}
@media (max-width:900px){.surface-content{margin:0}
    .site-header{padding:40px 0}
}
@media (max-width:1366px){.surface-content{max-width:900px}
}
.site-header.hasImage{color:hsla(0,0%,100%,.97)}
.site-title{position:relative;font-size:24px}
.site-title a:active,.site-title a:hover{color:#fff;text-decoration:none}
.site-description{position:relative;font-size:9pt}
.layoutSingleColumn,.main-content{padding-right:60px;padding-left:60px}
@media (max-width:600px){.layoutSingleColumn,.main-content{padding-right:15px;padding-left:15px}
}
.topNav-items{border-bottom:1px solid rgba(0,0,0,.15);font-size:14px;line-height:50px}
.menu-item{display:inline-block;margin-right:15px;color:rgba(0,0,0,.6);letter-spacing:1px;font-size:14px}
.menu-item.current-menu-item{color:rgba(0,0,0,.8);font-weight:700}
.menu-item:last-child{margin-right:0}
.block-image{display:block;border:1px solid rgba(0,0,0,.05);background-color:#f0f0f0}
.button,.grap li:before,.post-tags a{display:inline-block}
.button{padding:0 1pc;height:37px;border:1px solid rgba(0,0,0,.3);border-radius:999em;background:0 0;color:rgba(0,0,0,.3);vertical-align:bottom;text-decoration:none;white-space:nowrap;font-size:14px;cursor:pointer;user-select:none}
.button--primary{border-color:#3b5998;color:#3b5998}
.block--list{position:relative;padding:40px 0;border-bottom:1px rgba(0,0,0,.15) solid}
.block--list .block-title{text-align:center;font-size:24px}
.block--list .block-img{margin-right:-60px;margin-left:-60px}
.block--list .block-img img{width:100%}
@media (max-width:600px){.block--list .block-img{margin-right:-15px;margin-left:-15px}
}
.block--list:last-child{border-bottom:0}
.block-postMetaWrap{margin-bottom:20px;color:rgba(0,0,0,.44);font-size:14px}
.section-header{padding-top:40px}
.grap{word-wrap:break-word;word-break:break-all}
.grap ol,.grap p,.grap ul{margin-bottom:15px}
.grap li{margin-bottom:9pt;margin-left:30px;padding-top:2px}
.grap li:before{margin-left:-58px;padding-right:15px;width:58px;content:"鈥�";text-align:right;font-size:14px}
.grap p.with-img{margin-right:-60px;margin-left:-60px}
.archive-year,.main-header-content,.page-navigator,.page404{text-align:center}
.grap h3{margin-top:30px;margin-bottom:10px;color:rgba(0,0,0,.44);font-size:20px}
.grap a{text-decoration:underline;color:red;}
.archive-title{margin:20px 0;font-weight:700}
@media (max-width:600px){.grap p.with-img{margin-right:-15px;margin-left:-15px}
}
.posts-nav{margin:20px 0}
.grap--h2{font-size:24px}
.post-near{margin:10px 0}
.post-near .prev{float:left;width: 380px;margin-right: 20px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.post-near .next{float:right;width: 380px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
@media (max-width:900px){.post-near .next,.post-near .prev{float:inherit}
    .post-near{height:inherit}
}
.postFooterinfo{padding-top:20px;padding-bottom:20px;border-top:1px solid rgba(0,0,0,.05)}
.postFooterinfo .author-name{margin-bottom:5px;font-size:18px;line-height:1.3}
.postFooterinfo .author-description{color:rgba(0,0,0,.6);font-size:14px}
.postFooterinfo img{padding:4px;border:1px solid rgba(0,0,0,.05);border-radius:100%}
.post-tags{margin:20px 0}
.post-tags,.post-tags a{color:rgba(0,0,0,.44);font-size:9pt}
.post-tags a{margin-bottom:8px;padding:2px 3px;}
.postFooterAction{padding:20px 0}
.site-footer{padding-top:20px;padding-bottom:20px;border-top:1px solid rgba(0,0,0,.15);color:rgba(0,0,0,.6);font-size:9pt}
.block-footer,.postFooterAction .postlike-count{color:rgba(0,0,0,.44);font-size:9pt}
.block-footer{margin-top:10px;padding:0 10px;border-left:2px solid rgba(0,0,0,.05)}
.inputTextarea{padding:10px;width:100%;border:1px solid #eee;resize:none}
.comment-list .comment-body{position:relative;padding-top:25px;border-top:1px solid rgba(0,0,0,.05)}
.comment-list .comment-body .comment-author{font-size:14px}
.comment-list .comment-body .comment-author .avatar{float:left;margin:4px;border-radius:100%}
.comment-list .comment-children{margin-left:50px}
.comment-list .depth-2 .children{margin-left:0}
.comment-list-wrap{border-bottom:1px solid rgba(0,0,0,.05)}
.comment-meta{overflow:hidden;color:rgba(0,0,0,.44);font-size:9pt}
.comment-meta .says{display:none}
.comment-content{margin-top:10px;margin-bottom:25px}
.comment-reply{position:absolute;top:20px;right:0}
.fancy-archive,.social-links{position:relative}
.comment-reply a{padding:3px 8px;border-radius:2px;background-color:#3b5998;color:#fff;font-size:9pt}
.comment-body .respond{padding:20px;border:1px solid rgba(0,0,0,.05)}
.respond{margin:20px 0}
.cancel-comment-reply{float:right}
.required{color:#c00}
.comment-form{padding:20px 0}
.comment-form label{display:block;margin-bottom:3px;cursor:pointer}
.comment-form p{margin-bottom:15px}
.comment-form .comment-form-author input,.comment-form .comment-form-email input,.comment-form .comment-form-url input{box-sizing:border-box;padding:0 10px;width:100%;height:30px;max-width:20pc;border:1px solid rgba(0,0,0,.05);border-radius:3px;color:rgba(0,0,0,.6);font-size:14px}
.comment-form .comment-form-comment textarea{box-sizing:border-box;padding:10px;width:100%;border:1px solid rgba(0,0,0,.05);border-radius:3px;resize:none}
.form-submit .submit{display:inline-block;padding:3px 15px;border:2px solid #3b5998;border-radius:3px;background-color:#fff;color:#3b5998;font-size:14px;cursor:pointer}
.comments-title{padding:5px 0}
.comment-reply-title{color:rgba(0,0,0,.44);font-size:18px}
.comment-awaiting-moderation{padding:2px 6px;background-color:#fcf8e3;color:#c09853;font-size:9pt}
.page-navigator{padding:20px 0}
.page-navigator li{display:inline-block;margin:5px}
.author-meta,.main-header-content .page-description,.page-navigator li{color:rgba(0,0,0,.44)}
.page-navigator li a{display:block;padding:1px 10px;border:1px solid rgba(0,0,0,.15);border-radius:3px}
.page-navigator li a:hover,.page-navigator li.current a{background-color:#3b5998;color:#fff;text-decoration:none}
.page404{padding:200px 0;font-size:36px}
.icon{color:#fff;vertical-align:middle;font-size:1pc}
.social-links .icon:hover{color:#3b5998}
.social-link a:active,.social-link a:hover{text-decoration:none}
.author-meta .icon{margin-right:3px;color:rgba(0,0,0,.44);transform:translate3d(0,-2px,0)}
.icon-heart{fill:#3b5998}
.author-meta{margin-top:5px;font-style:italic;font-size:14px}
.author-meta-item{margin:5px}
.social-link{margin:0 5px}
.main-header-content .page-title{font-size:24px}
.fancy-archive{color:rgba(0,0,0,.6);font-size:14px}
.fancy-archive:before{position:absolute;top:0;bottom:0;left:75pt;width:3px;background-color:rgba(0,0,0,.05);content:""}
.archive-year{position:relative;display:inline-block;margin-top:30px;margin-bottom:10px;margin-left:40px;padding:1px 0;width:90pt;border:1px solid rgba(0,0,0,.05);border-radius:3px;background-color:#fafafa;color:rgba(0,0,0,.44)}
.archive-month{position:relative;margin-bottom:15px}
.archive-month:after,.archive-month:before{position:absolute;top:3px;left:92px;width:19px;height:19px;border-radius:100%;background-color:#fff;content:""}
.archive-month:after{top:5px;left:94px;width:15px;height:15px;background-color:#eee}
.archive-month:hover:after{background-color:#3b5998}
.fancy-ul{margin-bottom:30px;margin-left:75pt}
.fancy-ul .date{display:inline-block;margin-left:-5pc;width:5pc}
.fancy-ul li{position:relative;padding-left:15px}
.fancy-ul li:after,.fancy-ul li:before{position:absolute;top:7px;left:-5px;width:13px;height:13px;border-radius:100%;background-color:#fff;content:""}
.fancy-ul li:after{top:9px;left:-3px;width:9px;height:9px;background-color:#eee}
.fancy-ul li:hover:after{background-color:#3b5998}
.grap h1{margin:25px 0;border-bottom:1px solid rgba(0,0,0,.1);font-size:140%}
.grap h2{margin:15px 0;border-bottom:1px solid rgba(0,0,0,.05);font-size:130%}
.grap h3{margin:10px 0;font-size:120%}
.grap h4{margin:5px 0;font-size:110%}
.grap .more{text-align:center}
pre .str{color:#d14}
pre .kwd{color:#a61717;font-weight:700}
pre .com{color:#998;font-style:italic}
pre .typ{color:#099}
pre .lit{color:#cd5c5c}
pre .pun{color:#a61717}
pre .pln{color:#000}
pre .tag{color:navy;font-weight:700}
pre .atn{color:teal;font-weight:700}
pre .atv{color:#d14}
pre .dec{color:#099}
ol.linenums{margin-top:0;margin-bottom:0;color:#aeaeae}
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}
@media print{pre.prettyprint{background-color:none}
    code .str,pre .str{color:#060}
    code .kwd,pre .kwd{color:#006;font-weight:700}
    code .com,pre .com{color:#600;font-style:italic}
    code .typ,pre .typ{color:#404;font-weight:700}
    code .lit,pre .lit{color:#044}
    code .pun,pre .pun{color:#440}
    code .pln,pre .pln{color:#000}
    code .tag,pre .tag{color:#006;font-weight:700}
    code .atn,pre .atn{color:#404}
    code .atv,pre .atv{color:#060}
}
.back-to-top{position:fixed;right:10%;bottom:75pt;z-index:100;width:2pc;height:2pc;cursor:pointer;}
.back-to-top #goTop{display: none}
.back-to-top .icon{color:rgba(0,0,0,.44);font-size:32px;}
.back-to-top .icon:hover{color:#3b5998}
.back-to-top a:hover{text-decoration:none}
@media (max-width:900px){
    .back-to-top{display:none}
}
@font-face{font-family:iconfont;src:url(iconfont.eot);src:url(iconfont.eot?#iefix) format('embedded-opentype'),url(iconfont.woff) format('woff'),url(iconfont.ttf) format('truetype'),url(iconfont.svg#iconfont) format('svg')}
.iconfont{font-style:normal;font-size:1pc;font-family:iconfont!important;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}
.category-list{
    display:inline-block;
}
.category-list li{
    display: inline-block;
    margin-right: 15px;
}
.category-list li a{
    color: #666;
}
#menu .category-list .category-active a,#menu .category-list .category-active{
    font-weight: bold;
}
.movie table tr td{
    border-spacing: 2px;
    margin:10px 10px;
    width:156px;
    text-align: center;
}
.movie table tr td img{
    height: 150px;
    width: 100px;
    text-align: center;
}
.markdown table tr th{
    background: #ccc;
}
.markdown table tr th,.markdown table tr td{
    border:1px solid #666;
    padding:3px 7px 2px 7px;
    width: 244px;
}