::selection{background-color:rgb(138,43,226,.28);color:aliceblue;text-shadow:1px 1px 1px rgb(138,43,226,.64);}
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-thumb{border-radius:1em;background-color:rgba(50,50,50,.3);}
::-webkit-scrollbar-track{border-radius:1em;background-color:rgba(50,50,50,.1);}
body,div,h1,h2,h3,h4,h5,p,ul,li{margin:0;padding:0;font-weight:normal;list-style:none;}
html{-webkit-text-size-adjust:100%;}
html,body{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;background:#fff;}
body{font-family:'FZSHJW','PingFang SC','Hiragino Sans GB','Microsoft Yahei','WenQuanYi Micro Hei',sans-serif;font-size:14px;position:relative;overflow-x:hidden;}
body:before{background:grey;position:absolute;content:'';display:block;width:14px;height:14px;left:50%;top:50%;margin-left:-7px;margin-top:-7px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-webkit-animation:loading 2s ease-out forwards infinite;-moz-animation:loading 2s ease-out forwards infinite;display:none;}
body.loading:before{display:block;}
@-webkit-keyframes loading{
  0%{-webkit-transform:scale(0.3);}
  50%{-webkit-transform:scale(1.0);}
  100%{-webkit-transform:scale(0.3);}
}
@-moz-keyframes loading{
  0%{-moz-transform:scale(0.3);}
  50%{-moz-transform:scale(1.0);}
  100%{-moz-transform:scale(0.3);}
}
body.loading #container,body.loading #single,body.loading .nav{opacity:0;}
html.loading,body.loading{height:100%;overflow:hidden;}
a,a:hover{text-decoration:none;}
img{display:block;max-width:100%;height:auto;}
audio{display:none;visibility:hidden;opacity:0;width:0;height:0;}
#screen{position:relative;}
#mark{width:100%;height:560px;overflow:hidden;}
.layer{position:relative;}
#cover{position:absolute;max-width:none;}
#header{position:absolute;top:70px;width:100%;}
#header > div{margin:0 60px;position:relative;}
.icon-menu{font-size:20px;padding:6px 6px 5px;border-radius:2px;cursor:pointer;position:absolute;z-index:4;right:0;top:0;margin-top:-3px;background:rgba(255,255,255,.9);}
.icon-search{font-size:20px;padding:6px 6px 5px;border-radius:2px;cursor:pointer;position:absolute;z-index:4;right:40px;top:0;margin-top:-3px;background:rgba(255,255,255,.9);}
.image-logo{z-index:4;position:relative;display:inline-block;-webkit-background-size:75px 32px;-moz-background-size:75px 32px;background-size:75px 32px;background-repeat:no-repeat;background-position:center center;-webkit-mask-box-image:url("/img/logo.png");background-color:white;width:75px;height:32px;mask-image:url("/img/logo.png");mask-size:contain;transition:background-color 0.5s ease-in-out;}
body.mu .image-logo{background-color:black;}
#vibrant{position:absolute;top:0;left:0;width:100%;height:100%;}
#vibrant div{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:#000;}
#post0{width:28%;position:absolute;top:42%;left:10%;}
#post0 p:first-child{color:#fff;font-size:12px;}
#post0 h2{font-size:28px;margin-top:15px;}
#post0 h2 a{color:#fff;}
#post0 h2 + p{color:#fff;font-size:14px;margin-top:30px;}
.post{margin:100px auto 0;width:1200px;position:relative;}
.post > a{display:inline-block;width:680px;height:440px;overflow:hidden;position:relative;z-index:3;}
.else{position:absolute;background:#fff;text-align:left;top:20px;height:398px;width:498px;border:1px solid #eaeaea;}
.post:nth-child(odd){text-align:left;}
.post:nth-child(even){text-align:right;}
.post:nth-child(odd) .else{left:660px;}
.post:nth-child(even) .else{right:660px;}
.else p:first-child{color:#999;font-size:12px;margin:80px 0 0 80px;}
.else h3{font-size:30px;line-height:1.1;margin:10px 100px 0 80px;}
.else h3 a{color:#333;}
.else h3 + p{color:#555;margin:10px 100px 0 80px;font-size:14px;line-height:1.8;}
.here{position:absolute;left:80px;bottom:80px;color:#999;font-size:13px;}
.here span{display:inline-block;vertical-align:middle;margin-right:10px;font-family:"icomoon","Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
.here span:before{display:inline-block;vertical-align:top;margin-right:7px;font-size:16px;}
.here a{display:inline-block;cursor:default;}
#pager{text-align:center;margin:70px 0 0;position:relative;}
#pager a{font-size:14px;letter-spacing:5px;color:#666;border:1px solid #dadada;padding:10px 40px;background:#fff;}
#loader{display:none;position:fixed;top:0;width:100%;height:3px;z-index:100;background-image:-webkit-linear-gradient(left,#F16F5C 0%,#F16F5C 12.5%,#5B56DD 12.5%,#5B56DD 25%,#E15CED 25%,#E15CED 37.5%,#27E559 37.5%,#27E559 50%,#18C8C9 50%,#18C8C9 62.5%,#DC8987 62.5%,#DC8987 75%,#BB83D6 75%,#BB83D6 87.5%,#E774BD 87.5%,#E774BD 100%);background-image:-moz-linear-gradient(left,#F16F5C 0%,#F16F5C 12.5%,#5B56DD 12.5%,#5B56DD 25%,#E15CED 25%,#E15CED 37.5%,#27E559 37.5%,#27E559 50%,#18C8C9 50%,#18C8C9 62.5%,#DC8987 62.5%,#DC8987 75%,#BB83D6 75%,#BB83D6 87.5%,#E774BD 87.5%,#E774BD 100%);}
#top{height:50px;text-align:center;border-bottom:1px solid #f7f7f7;background:#fefefe;width:100%;position:fixed;top:0;z-index:10;display:none;}
#top.shadowed{box-shadow:0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);}
body.touch #top{position:relative;}
.icon-icon{color:#333;font-size:20px;position:absolute;left:14px;top:16px;}
.image-icon{-webkit-background-size:24px 24px;-moz-background-size:24px 24px;background-size:24px 24px;background-position:center center;background-repeat:no-repeat;width:24px;height:24px;position:absolute;left:14px;top:13px;color:#333;}
.image-icon:hover{color:black;}
.subtitle{color:#666;font-size:14px;margin-top:16px;display:none;}
.icon-play,.icon-pause,.icon-images{position:absolute;left:70px;color:#666;top:14px;font-size:18px;cursor:pointer;width:24px;height:24px;line-height:24px;}
.icon-images{left:100px;}
.icon-images.active{color:#EF6D57;}
#top .count{display:none;}
.social{position:absolute;right:0;height:30px;top:12px;}
.share a{display:inline-block;color:#666;margin-right:15px;}
.share a:hover{color:#333;}
.share{position:relative;}
.social > div{display:inline-block;font-size:20px;color:#666;cursor:pointer;margin-left:15px;}
#qr{z-index:10;display:none;position:absolute;background:#fff;padding:16px;border:1px solid #f7f7f7;right:10px;top:50px;}
.bar{position:absolute;height:100%;background:rgba(0,0,0,.07);z-index:-1;width:0;-webkit-transition:width .5s ease;-moz-transition:width .5s ease;transition:width .5s ease;}
.scrollbar{position:absolute;height:2px;width:10px;top:0;background-color:#50bcb6;-webkit-transition:width .5s ease;-moz-transition:width .5s ease;transition:width .5s ease;}
body.touch .scrollbar{display:none;}
.nav{position:fixed;height:100%;width:100%;background:rgba(255,255,255,.97);z-index:3;top:-100%;-webkit-transition:top 0.3s cubic-bezier(0.4,0,0.2,1);-moz-transition:top 0.3s cubic-bezier(0.4,0,0.2,1);transition:top 0.3s cubic-bezier(0.4,0,0.2,1);}
body.mu{overflow:hidden;height:100%;}
html.mu{height:100%;}
body.mu .icon-menu{color:#333;background:none;}
body.mu .icon-search{color:#333;background:none;}
body.mu .icon-menu:before{content:"\e689";}
body.mu .nav{top:0;}
body.mu .icon-logo{color:#333;}
.menu{text-align:center;margin-top:200px;}
.menu ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;padding:0;}
.menu li{font-size:18px;display:inline-block;margin:0 2px 2px 0;}
.menu li:not(:last-child){margin-right:5px;}
.menu a{display:block;font-size:20px;color:#666;text-decoration:none;padding:5px;margin:auto 10px;border-bottom:.1em solid transparent;}
.menu a:hover{color:#333; border-bottom:.1em solid #9e1900; padding-bottom:.15em; transition:150ms ease-in-out;}
.nav p{color:#999;font-size:12px;position:absolute;width:100%;text-align:center;bottom:30px;}
.nav p a{color:#999;text-decoration:underline;}
.nav p:first-letter{font-family:sans-serif;}
.nav .hitokoto{text-align:center;font-size:16px;margin:10% auto 10px;padding:10px 20px 10px;color:darkgray;max-width:800;}
.nav .footerlinks{font-size:45px; margin:20px 1px 30px;padding:10px 1px 10px;}
.nav .footerlinks a{font-size:35px; text-decoration:none;}
.nav .footerlinks a:hover{ color:#737373;}/* 鼠标移动到链接上 */

.set{display:block;max-width:768px;margin:0 auto 30px;line-height:2;padding-left:30px}
.set h3{font-size:22px;font-weight:500;margin:15px 0 20px}
.set a{display:inline-block;position:relative;color:#424242;padding:5px 5px;}
.set a::before{content:"";position:absolute;width:0;right:0;bottom:0;height:2px;background:#2196F3}
.set a:hover{color:#2196F3!important}
.set .category-list-item,.set .tag-list-item{display:inline-block;font-size:17px;text-align:left}
.set .category-list-item .category-list-count,.set .category-list-item .tag-list-count,.set .tag-list-item .category-list-count,.set .tag-list-item .tag-list-count{color:#9E9E9E;font-style:normal}
.set .category-list-item .category-list-count::before,.set .category-list-item .tag-list-count::before,.set .tag-list-item .category-list-count::before,.set .tag-list-item .tag-list-count::before{content:"["}
.set .category-list-item .category-list-count::after,.set .category-list-item .tag-list-count::after,.set .tag-list-item .category-list-count::after,.set .tag-list-item .tag-list-count::after{content:"]"}
.set .category-list-item{width:30%;margin:5px 0}@media screen and (max-width:768px){.set .category-list-item{width:100%}}
.set .tag-list-item{margin:10px 20px}
.set .search .search-input{width:100%;height:42px;background:transparent;border:0px;border-bottom:2px solid #6558BC;font-size:20px;padding-top:20px;}
.set .search .search-input[type=text]:focus{outline:none;border:0px;border-bottom:2px solid #6558BC;}
.set .search .local-search-result{margin-top:30px;}
.set .search .search-result-list{padding:0;margin:0;}
.set .search .search-result-title{font-size:23px;}
.set .search .search-result{}
.set .search .search-keyword{background:yellow;padding:2px auto 2px;}
.set .search li{list-style:none; margin:0;border-bottom:1px dashed #E3E3E3;}
.timeline{display:block;max-width:768px;margin:30px auto 40px;padding-left:30px;border-left:3px solid #B0BEC5}
.timeline .timeline-title::before,.timeline .timeline-subtitle::before,.timeline .timeline-item::before{position:absolute;top:50%;transform:translateY(-50%);border-style:solid;border-color:#B0BEC5;border-radius:50%;background:white;content:"";transition:all .3s ease}
.timeline-title,.timeline-subtitle,.timeline-item{position:relative;margin-bottom:25px;line-height:32px}
.timeline-title:hover::before,.timeline-subtitle:hover::before,.timeline-item:hover::before{border-color:#2196F3}
.timeline-title:hover a,.timeline-subtitle:hover a,.timeline-item:hover a{color:#2196F3}
.timeline-title{font-size:28px}
.timeline-title::before{width:12px;height:12px;border-width:4px;left:-42px}
.timeline-subtitle{font-weight:400;font-size:22px}
.timeline-subtitle::before{width:11px;height:11px;border-width:3px;left:-40px}
.timeline-item{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:relative;padding-left:100px}
.timeline-item time{position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-block;font-weight:300;color:#616161;width:100px}
.timeline-item a{color:#212121;font-weight:400;transition:all .3s ease}
.timeline-item::before{width:9px;height:9px;border-width:2px;left:-38px}
#container{padding-bottom:100px;overflow:hidden;position:relative;}
#container:before{content:'';display:block;width:1px;height:200%;position:absolute;left:50%;background:#eaeaea;top:-50%;z-index:0;}
#primary{position:relative;}
#single{background:#fff;position:relative;overflow-x:hidden;}
.section{position:relative;width:100%;overflow:hidden;-webkit-transition:all 0.3s cubic-bezier(0.25,0.5,0.5,0.9);-moz-transition:all 0.3s cubic-bezier(0.25,0.5,0.5,0.9);transition:all 0.3s cubic-bezier(0.25,0.5,0.5,0.9);}
body.touch,body.touch .article{margin-top:0;}
.zoom:before{opacity:0;color:#fff;font-size:20px;display:block;z-index:3;left:50%;top:70%;padding:5px;margin-top:-15px;margin-left:-15px;position:absolute;background:rgba(0,0,0,.7);-webkit-transition:all 0.3s cubic-bezier(0.25,0.5,0.5,0.9);-moz-transition:all 0.3s cubic-bezier(0.25,0.5,0.5,0.9);transition:all 0.3s cubic-bezier(0.25,0.5,0.5,0.9);}
.zoom:hover:before{opacity:1;top:50%;}
.touch .zoom:hover:before{opacity:0;}
.icon-arrow-left:before{content:'\e606';position:absolute;left:0;top:50%;margin-top:-30px;color:#666;}
.icon-arrow-right:before{content:'\e605';position:absolute;right:0;top:50%;margin-top:-30px;color:#666;}
h1.title{font-size:30px;color:#333;line-height:1.3;position:relative;font-weight:bold;}
.page .content:before{display:none;}
.stuff{margin-top:20px;color:#666;font-size:13px;}
.stuff span{display:inline-block;margin-right:20px;}
.stuff .likeThis{pointer-events:none;}
.stuff .icon-like{display:none;}
.stuff .count{color:#666;}
.comment{margin:50px auto;}
.comment.link,.downloadlink{cursor:pointer;letter-spacing:5px;border:1px solid #dadada;width:170px;text-align:center;color:#666;font-size:14px;padding:10px 0;}
.comment .gt-comments-null{display:none;}
.comment .gt-header-textarea{border-radius:0;background:white;}
.comment .gt-popup{margin-top:8px;}
.comment .gt-counts a{color:black;border-bottom:0;pointer-events:none;}
.comment .gt-avatar-github{display:none;}
.comment .gt-header-avatar{display:none;}
.comment .gt-header-comment{margin-left:0;!important;}
.comment .gt-header-preview{border-radius:0;}
.comment .gt-btn-public{border-radius:0;}
.comment .gt-btn-preview{border-radius:0;}
.comment .gt-btn-login{border-radius:0;}
.comment .gt-ico-tip{display:none;}
.comment .gt-btn-public .gt-btn-text:after{content:"（Cmd | Ctrl  + Enter）";}
.comment .gt-meta{margin:0; border:0;}
#preview{position:fixed;top:0;width:100%;height:100%;z-index:5;background:#fff;left:100%;-moz-transition:all 0.3s cubic-bezier(0,0,0.2,1);-webkit-transition:all 0.3s cubic-bezier(0,0,0.2,1);transition:all 0.3s cubic-bezier(0,0,0.2,1);overflow-y:scroll;}
#preview.show{left:0;}
#preview + canvas{display:none;}
.article{width:70%;margin:0 auto;margin-top:50px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;}
.article > div{width:100%;padding:30px 0;margin:0 auto;}
.article .main{width:800px;}
.article .side{align-self:flex-start;flex:0 0 220px;}
.article .toc{width:200px;height:100%;/*position:fixed;*/top:60px;right:100px;padding:1em;line-height:2.3;overflow-y:auto;}
.article .toc .toc-item:hover{font-weight:900;}
.article .toc li a{display:inline-block;color:#737373;text-decoration:none;transition:color,padding 0.2s ease-in-out;}
.article .toc li a:hover{padding-left:8px;border-left:3px solid black;}
.article .cover{margin-top:-30px;margin-left:-100px;margin-right:-100px;}
.article .container{margin-top:-200px;background:#fff;position:relative;padding:60px 40px 0;}
/* .article .container::before{content:'';position:absolute;height:20rem;width:0;top:1rem;box-shadow:0 0 1rem 0.2rem rgba(0,0,0,0.5);z-index:-1;transform:rotateZ(-3deg);left:0px;} */
.page .main{padding:0px;}

/* Icon font style */
@font-face{font-family:"iconfont";src:url(//at.alicdn.com/t/font_1679264_tle9h9614mq.eot?t=1583722241347);src:url(//at.alicdn.com/t/font_1679264_tle9h9614mq.eot?t=1583722241347#iefix) format("embedded-opentype"),url(data:application/x-font-woff2;charset=utf-8;base64,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) format("woff2"),url(//at.alicdn.com/t/font_1679264_tle9h9614mq.woff?t=1583722241347) format("woff"),url(//at.alicdn.com/t/font_1679264_tle9h9614mq.ttf?t=1583722241347) format("truetype"),url(//at.alicdn.com/t/font_1679264_tle9h9614mq.svg?t=1583722241347#iconfont) format("svg")}
.iconfont{font-family:"iconfont"!important;font-size:22px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-close:before{content:"\e689"}
.icon-play:before{content:"\e65d"}
.icon-menu:before{content:"\e623"}
.icon-home:before{content:"\e612"}
.icon-facebook:before{content:"\e632"}
.icon-twitter:before{content:"\e659"}
.icon-github:before{content:"\e64a"}
.icon-pause:before{content:"\e64c"}
.icon-scan:before{content:"\e600"}
.icon-search:before{content:"\e601"}
.icon-email:before{content:"\e62d"}
.icon-like:before{content:"\e602"}
.icon-wechat:before{content:"\e603"}
.icon-left:before{content:"\e604"}

/* tags style  */
.post-tags-list{margin-top:10px;display:table;}
.post-tags-list-item{float:left;margin-right:10px;background:rgba(102,128,153,0.075);border-radius:0;padding:2px 5px;}
.post-tags-list-link{color:rgba(44,63,81,0.5);}

/* Post or Page content style */
.content{margin-top:50px;font-size:16.5px;line-height:2;color:#232323;tab-size:2;}
.content h1{font-size:39px}
.content h2{font-size:32px}
.content h3{font-size:26px}
.content h4{font-size:19px}
.content h5{font-size:15px}
.content h6{font-size:13px}
.content strong{font-weight:500;}
.content a{background:transparent;color:#1980e6;text-decoration:none;}
.content a:hover{color:#518dca;}
.content hr{margin-top:21px;margin-bottom:21px;border:0;border-top:1px solid rgba(102,128,153,0.1)}
.content p{margin:0 0 .8em;}
.content ul,.content ol{margin:10px 0;padding-left:20px;}
.content ul li{list-style:disc;margin:5px 0;}
.content ol li{list-style:decimal;margin:5px 0;}
.content > h1,.content > h2,.content > h3,.content > h4,.content > h5,.content > h6{margin-top:2rem;margin-bottom:0.8rem;color:#000;}
.content > h1:first-child,.content > h2:first-child,.content > h3:first-child,.content > h4:first-child,.content > h5:first-child,.content > h6:first-child{margin-top:0;}
.content img{cursor:pointer;}
.content pre,.content .highlight{font-size:14px;line-height:24px;background:#2d2d2d;margin:1.6rem 0;padding:0.8rem 0.8rem;border-style:solid;border-width:1px 0;overflow:auto;color:#ccc;}
.content .gutter{display:none;}
.content .highlight .gutter pre{color:#666;font-size:0.9rem;}
.content code,.content pre{font-family:"Source Code Pro",monospace}
.content code{background:rgba(99,99,99,0.07);color:#ef459c;padding:1px 2px;border-radius:2px;}
.content pre code{background:none;text-shadow:none;padding:0;}
.content blockquote{color:#656565;margin:0 0 1.1em;border-left:3px solid #efefef;border-left-width:6px;background-color:rgba(119,119,119,0.05);border-top-right-radius:5px;border-bottom-right-radius:5px;padding:15px 20px;}
.content blockquote p{margin:0;}
.content table{margin:15px 0;border-collapse:collapse;display:table;width:100%;table-layout:fixed;word-wrap:break-word;}
.content table tr{border-top:1px solid #ccc;background-color:#fff;}
.content table th,.content table td{border:1px solid #ddd;padding:6px 13px;}
.content .highlight pre{border:none;margin:0;padding:0;}
.content .highlight table{margin:0;width:auto;}
.content .highlight td{border:none;padding:0;}
.content .highlight tr{border:0;}
.content .highlight figcaption{font-size:0.85em;color:#999;line-height:1em;margin-bottom:1em;}
.content .highlight figcaption a{float:right;}
.content .highlight .gutter pre{text-align:right;padding-right:20px;}
.content .highlight .line{height:20px;}
.content .video-container{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;}
.content .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
pre .comment,pre .title{color:#999;}
pre .variable,pre .attribute,pre .tag,pre .regexp,pre .ruby .constant,pre .xml .tag,pre .title,pre .xml .pi,pre .xml .doctype,pre .html .doctype,pre .css .id,pre .css .class,pre .css .pseudo{color:#f2777a;}
pre .number,pre .preprocessor,pre .built_in,pre .literal,pre .params,pre .constant{color:#f99157;}
pre .class,pre .ruby .class .title,pre .css .rules .attribute{color:#99cc99;}
pre .string,pre .value,pre .inheritance,pre .header,pre .ruby .symbol,pre .xml .cdata{color:#99cc99;}
pre .css .hexcolor{color:#66cccc;}
pre .function,pre .python .decorator,pre .python .title,pre .ruby .function .title,pre .ruby .title .keyword,pre .perl .sub,pre .javascript .title,pre .coffeescript .title{color:#6699cc;}
pre .keyword,pre .javascript .function{color:#cc99cc;}

/* Responsive style */
@media screen and (max-width:1200px){
  #header > div{width:900px;margin:0 auto;}
  #post0{width:32%;}
  #post0 h2{font-size:24px;}
  .post{width:900px;}
  .post > a{width:480px;height:310px;}
  .else{top:10px;width:420px;height:290px;}
  .post:nth-child(odd) .else{left:450px;}
  .post:nth-child(even) .else{right:450px;}
  .else p:first-child{font-size:12px;margin:50px 0 0 60px;}
  .else h3{font-size:24px;margin:10px 60px 0 60px;}
  .else h3 + p{margin:10px 60px 0 60px;}
  .here{left:60px;bottom:50px;}
  .article{width:100%;}
  .article .side{display:none}
  .comment .gt-btn-public .gt-btn-text:after{content:"";}
}
@media screen and (max-width:900px){
  #mark{height:480px;}
  #header > div{width:90%;}
  #vibrant polygon{transform:translateX(-10%);-moz-transform:translateX(-10%);-webkit-transform:translateX(-10%);}
  #post0{width:40%;}
  #post0 h2{font-size:20px;}
  .post{width:100%;margin-top:60px;background:#fff;padding-bottom:30px;border-bottom:1px solid #eaeaea;}
  .post > a{display:block;margin:0 auto;width:100%;height:auto;}
  .post > a img{margin:0 auto;}
  .else{height:auto;position:static;width:100%;margin:0 auto;background:transparent;border:none;}
  .else p:first-child{margin:30px 0 0 20px;}
  .else h3{font-size:24px;margin:10px 30px 0 20px;}
  .else h3 + p{margin:10px 30px 0 20px;}
  .here{position:static;margin:20px 0 20px 20px;}
  .article{width:100%;}
  .article .main{width:94%;}
  .article .side{display:none}
  .article .cover{margin-left:-6.4%;margin-right:-6.4%;margin-top:-30px;margin-bottom:40px;display:block;}
  .comment .gt-btn-public .gt-btn-text:after{content:"";}
}
@media screen and (max-width:780px){
  #header{top:40px;}
  #vibrant svg{display:none;}
  #vibrant div{opacity:0.3;}
  #container{padding-bottom:50px;}
  #post0{bottom:60px;top:auto;width:70%;left:5%;}
  .menu{width:90%;margin:160px auto 0;}
  .menu li{font-size:16px;}
  #pager{margin:30px 0 0;}
  h1.title{font-size:24px;}
  .tab{display:none;}
  .icon-scan{display:none!important;}
  .icon-images{left:80px;}
  .icon-pause,.icon-play{left:50px;}
  .comment.link{width:140px;padding:5px 0;}
  .article{width:100%;}
  .article .main{width:94%;}
  .article .side{display:none}
  .article .container{padding:30px 20px 0;}
  .comment .gt-btn-public .gt-btn-text:after{content:"";}
}
@media screen and (max-width:480px){
  #post0 p:first-child{display:block;}
  #container:before{display:none;}
  #post0 h2{text-align:left;margin:0 10px 0 0;}
  #post0 h2 + p{text-align:left;margin:10px 20px 0 0;color:#f2f2f2;font-size:14px;}
  #post0 h2 a{color:#fff;}
  #post0 .summary{display:none;}
  .stuff span{margin-right:10px;}
  .stuff span:first-child{display:none;}
  .content table{font-size:smaller;}
  .content table tr td{padding:6px;}
  .article{width:100%;}
  .article .main{width:94%;}
  .article .side{display:none}
  .article .container{margin-top:0;padding:0;}
  .comment .gt-btn-public .gt-btn-text:after{content:"";}
}