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 {
    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;
}

body {
    font-family: "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-size  : 14px;
}

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-logo {
    display  : inline-block;
    color    : #fff;
    font-size: 26px;
    position : relative;
    z-index  : 4;
}

.image-logo {
    z-index                : 4;
    position               : relative;
    display                : inline-block;
    -webkit-background-size: 62px 26px;
    -moz-background-size   : 62px 26px;
    background-size        : 62px 26px;
    background-repeat      : no-repeat;
    background-position    : center center;
    width                  : 62px;
    height                 : 26px;
}

#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;
}

#post0 .summary p {
    color     : #fff !important;
    font-size : 14px !important;
    margin-top: 30px !important;
}

.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;
}

.else h3+div p {
    color      : #555 !important;
    margin     : 10px 100px 0 80px !important;
    font-size  : 14px !important;
    line-height: 1.8 !important;
}

.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;
}

.here .icon-like {
    color       : #999 !important;
    margin-right: 0;
}

.here .likeThis .count {
    display   : inline-block;
    position  : static;
    color     : #999;
    background: none;
    padding   : 0;
    width     : auto;
}

.here .likeThis:hover .count {
    display: inline-block;
}

.here .likeThis.active .icon-like {
    color: #999;
}

#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;
}

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                    : 14px;
}

.subtitle {
    color     : #666;
    font-size : 14px;
    margin-top: 16px;
    display   : none;
}

.icon-play,
.icon-pause,
.icon-images {
    position : absolute;
    left     : 70px;
    color    : #666;
    top      : 17px;
    font-size: 18px;
    cursor   : pointer;
}

.icon-images {
    left: 100px;
}

.icon-images.active {
    color: #EF6D57;
}

.like-icon {
    position: relative;
}

.icon-like {
    color: #666;
}

#top .count {
    display: none;
}

.likeThis.active .icon-like,
.icon-like:hover {
    color: #EF6D57;
}

.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              : 30px;
    border               : 1px solid #999;
    right                : 10px;
    top                  : 50px;
    border-radius        : 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius   : 5px;
}

.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             : 30px;
    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.25, 0.5, 0.5, 0.9);
    -moz-transition   : top 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition        : top 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

body.mu {
    overflow: hidden;
    height  : 100%;
}

html.mu {
    height: 100%;
}

body.mu .icon-menu {
    color: #333;
}

body.mu .icon-menu:before {
    content: "\e609";
}

body.mu .nav {
    top: 0;
}

body.mu .icon-logo {
    color: #333;
}

.menu {
    text-align: center;
    margin-top: 200px;
}

.menu li {
    font-size: 20px;
    display  : inline-block;
    margin   : 0 20px 20px 0;
}

.menu a {
    color         : #666;
    letter-spacing: 1px;
}

.menu a:hover {
    color: #333;
}

#hitokoto {
    color     : #999;
    font-size : 14px;
    position  : absolute;
    width     : 100%;
    text-align: center;
    bottom    : 60px;
}

.nav p {
    color     : #999;
    font-size : 14px;
    position  : absolute;
    width     : 100%;
    text-align: center;
    bottom    : 30px;
}

.nav p:first-letter {
    font-family: sans-serif;
}

.nav p a {
    color          : #999;
    text-decoration: none;
}

#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;
    left              : -100%;
    width             : 200%;
    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);
}

.images,
.article {
    width         : 50%;
    display       : inline-block;
    vertical-align: top;
    position      : relative;
    margin-top    : 50px;
}

body.touch .images,
body.touch .article {
    margin-top: 0;
}

.images a {
    position: absolute;
    display : block;
    overflow: hidden;
}

.images img {
    position: absolute;
    top     : 50%;
    left    : 50%;
}

.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;
}

#Choco_overlay {
    background: #fff;
    position  : fixed;
    top       : 0;
    left      : 0;
    z-index   : 1000;
    width     : 100%;
    height    : 100%;
    display   : none;
    padding   : 0;
    margin    : 0;
}

#Choco_content {
    display    : none;
    width      : 800px;
    height     : 600px;
    z-index    : 1001;
    position   : fixed;
    left       : 50%;
    top        : 50%;
    margin-left: -400px;
    margin-top : -300px;
    border-top : 1px solid transparent;
}

#Choco_left_arrow {
    float: left;
    left : -10%;
}

#Choco_right_arrow {
    float: right;
    left : 10%;
}

.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;
}

.Choco_arrows {
    font-size: 60px;
    color    : #000;
    display  : none;
    position : relative;
    cursor   : pointer;
    width    : 45%;
    top      : -100%;
    height   : 100%;
}

#Choco_container_photo {
    text-align: center;
    width     : 800px;
    height    : 600px;
    position  : relative;
}

#Choco_container_photo:before {
    content   : 'loading';
    position  : absolute;
    left      : 0;
    bottom    : 50%;
    width     : 100%;
    text-align: center;
}

#Choco_loading {
    width            : 9px;
    height           : 11px;
    background-repeat: no-repeat;
    z-index          : 1002;
    cursor           : pointer;
    float            : right;
    margin-top       : -20px;
    display          : none;
}

#Choco_bigImage {
    display   : none;
    position  : relative;
    width     : 100%;
    height    : 100%;
    margin-top: -5px;
}

.article>div {
    padding: 50px 0;
    width  : 700px;
    margin : 0 auto;
}

h1.title {
    font-size  : 30px;
    color      : #333;
    line-height: 1.3;
    position   : relative;
    font-weight: bold;
}

.content:before {
    content   : '';
    height    : 1px;
    width     : 100px;
    background: #eee;
    display   : block;
    margin    : 30px auto 40px;
}

.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.link {
    margin: 50px auto 0;
}

.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;
}

.images .downloadlink {
    position: static;
    display : none;
    margin  : 50px auto 70px;
}

.relate {
    background: #fafafa;
    padding   : 50px 0;
}

.relate em {
    font-style: normal;
}

.relate ul {
    width : 700px;
    margin: 0 auto;
}

.relate h3 {
    font-size     : 13px;
    padding-bottom: 10px;
    border-bottom : 1px solid #ddd;
    color         : #333;
    position      : relative;
}

.relate h3 span {
    position: absolute;
    right   : 0;
    bottom  : 10px;
}

.relate h3 a {
    color      : #666;
    font-size  : 14px;
    margin-left: 14px;
    display    : inline-block;
}

.relate h3 a:hover {
    color: #333;
}

.relate li {
    padding      : 25px 0 32px;
    border-bottom: 1px solid #e8e8e8;
}

.relate li div {
    display       : inline-block;
    width         : 70%;
    vertical-align: top;
    margin-right  : 3%;
}

.relate li>a {
    display       : inline-block;
    width         : 27%;
    vertical-align: top;
}

.relate li div a {
    font-size  : 24px;
    color      : #333;
    line-height: 1.3;
}

.relate li div p {
    font-size  : 14px;
    color      : #666;
    line-height: 1.8;
    margin-top : 10px;
}

#preview {
    position          : fixed;
    top               : 0;
    width             : 100%;
    height            : 100%;
    z-index           : 5;
    background        : #fff;
    left              : 100%;
    -moz-transition   : all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -webkit-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);
    overflow-y        : scroll;
}

#preview.trans {
    left             : auto;
    transform        : translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform   : translateX(100%);
}

#preview.show {
    left: 0;
}

#preview.trans.show {
    left             : auto;
    transform        : translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform   : translateX(0);
}

/* article content */
.content {
    font-size  : 14px;
    line-height: 2;
    color      : #333;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    font-weight: normal;
    color      : #333;
    margin     : 10px 0 0;
}

.content h6 {
    font-size: 16px;
}

.content h5 {
    font-size: 18px;
}

.content h4 {
    font-size: 20px;
}

.content h3 {
    font-size: 22px;
}

.content h2 {
    font-size: 24px;
}

.content h1 {
    font-size: 26px;
}

.content blockquote {
    margin      : 14px 0;
    padding-left: 40px;
    border-left : 3px solid #999;
}

.content a {
    color          : #333;
    text-decoration: underline;
}

.content hr {
    height    : 2px;
    width     : 90%;
    margin    : 30px 0 30px 5%;
    background: #eee;
    border    : none;
}

.content ul,
.content ol {
    margin      : 10px 0;
    padding-left: 20px;
}

.content ul li {
    list-style: disc;
}

.content ol li {
    list-style: decimal;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display     : block;
    margin-left : auto;
    margin-right: auto;
}

.friend {
    margin-top: 30px;
}

.friend li {
    display: inline-block;
    margin : 10px 10px 10px 0;
}

.friend a {
    display      : block;
    color        : #666;
    padding      : 5px 13px;
    border       : 1px solid #ddd;
    border-radius: 3px;
}

.friend a:hover {
    background: #f9f9f9;
}

#preview+canvas {
    display: none;
}

#reply-title {
    font-size    : 18px;
    color        : #333;
    margin-bottom: 16px;
    margin-top   : 30px;
}

#reply-title a {
    margin         : 0 5px;
    color          : #333;
    text-decoration: underline;
}

.comment-notes {
    display: none;
}

#commentform input,
#commentform textarea {
    display           : block;
    vertical-align    : top;
    border            : 1px solid #e2e2e2;
    padding           : 10px;
    width             : 100%;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    outline           : none;
    font-size         : 14px;
}

#commentform label {
    display  : block;
    font-size: 14px;
    color    : #444;
    margin   : 10px 0 5px;
}

#commentform input[type=submit] {
    cursor        : pointer;
    letter-spacing: 5px;
    border        : 1px solid #dadada;
    width         : 140px;
    text-align    : center;
    color         : #666;
    font-size     : 14px;
    padding       : 10px 0;
    background    : #fff;
    margin        : 30px auto 0;
}

#comments {
    margin-top: 70px;
}

#comments>h2 {
    color    : #333;
    font-size: 18px;
}

#comments ol {
    padding-left: 0;
}

#comments li {
    position      : relative;
    margin-top    : 30px;
    padding-bottom: 20px;
    border-bottom : 1px solid #eee;
}

.says {
    display: none;
}

.comment-author {
    display: inline-block;
}

.comment-author img {
    display              : inline-block;
    -webkit-border-radius: 50%;
    border-radius        : 50%;
    vertical-align       : top;
    margin-right         : 10px;
}

.comment-author a {
    color: inherit;
}

.comment-author cite {
    color     : #EF6D57;
    font-style: normal;
    font-size : 14px;
}

.comment-meta {
    margin   : -14px 0 0 54px;
    font-size: 12px;
}

.comment-meta+p {
    margin-top: 14px;
    font-size : 14px;
    color     : #333;
    word-break: break-all;
}

.comment-meta+div {
    margin-top: 14px;
    font-size : 14px;
    color     : #333;
    word-break: break-all;
}

.comment-meta a {
    color: #666;
}

.reply {
    position : absolute;
    right    : 0;
    top      : 0;
    font-size: 14px;
}

.reply a {
    color          : #EF6D57;
    text-decoration: underline;
}

ol.children {
    margin-left: 30px;
}

li.depth-2 .children {
    margin-left: 0;
}

ol.children li {
    border-bottom : none !important;
    padding-bottom: 10px !important;
}

.logged-in-as a,
.must-log-in a,
.comment-meta+p a {
    color: #EF6D57;
}

.logged-in-as {
    margin-top: 1em;
}

.comment-navigation h2 {
    display: none;
}

.nav-links {
    margin-top: 20px;
    overflow  : hidden;
}

.nav-links div {
    float: left;
    width: 50%;
}

.nav-links .nav-next {
    float     : right;
    text-align: right;
}

.nav-links a {
    color: #EF6D57;
}

@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;
    }
}

@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     : 96%;
        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;
    }
}

@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 : 80%;
        margin: 160px auto 0;
    }

    .menu li {
        font-size: 16px;
    }

    #pager {
        margin: 30px 0 0;
    }

    .article>div {
        width  : 90%;
        padding: 30px 0;
    }

    h1.title {
        font-size: 20px;
    }

    .tab {
        display: none;
    }

    .icon-wechat {
        display: none !important;
    }

    .icon-images {
        left: 80px;
    }

    .icon-pause,
    .icon-play {
        left: 50px;
    }

    .relate ul {
        width: 90%;
    }

    .relate li div a {
        font-size: 18px;
    }

    .comment.link,
    #commentform input[type=submit] {
        width  : 140px;
        padding: 5px 0;
    }
}

@media screen and (max-width: 480px) {
    #post0 p:first-child {
        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 : 12px;
    }

    #post0 h2 a {
        color: #fff;
    }

    .relate li {
        display: none;
    }

    .relate h3>em {
        display: none;
    }

    .stuff span {
        margin-right: 10px;
    }

    .stuff span:first-child {
        display: none;
    }
}



@font-face {
    font-family: 'icomoon';
    src        : url(data:application/x-font-ttf;charset=utf-8;base64,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MRQWFTAUMxwBFRYUMRQWFRwBFTIUFRQWFTAUMRYUFTAUOQEiJiMiJiMiBiMiBgcOAQciBiMOAQcOASMOAQcOAQciBgcOAQciBiMOAQciBiMOAQciBiMOAQcOASMOAQcOAQciBgcOAQcwBiMOAQciBiMUBgciBjEOAQciBiMOAQcOASMOAQcOAQciBgcUBhUiBiMOAQcwBiMOAQcwBiMOARUOASMUBgcUBgciBhUOARUiBjEOARUiBjEOARUiFCMUBgcUBjEOARUGFAcwBgcUBhUiFCMUBhUiFCMUBhUiFCMUBhUUBjEGFAcUBhUwBhUGFBUiFCMcAQcwBjEUBhUwBjEUBhUwBjEUBhUUBjEUBhUUBhUwFAccARUiFDEUBhUwBjEcARUiFDEUBhUcATEGFBUUBhUwFBUUBhUwFDEUBhUwFDEUBhUwFDEcARUUBjEcARUcARUwBhUcARUwFDEcARUwFCMcARUwFDEcARUcATEcARUcARUwFBUxHAEVMBQVHAEVMBQxHAEVMBQxHAEVMBYxHAEVHAExHAEVFBYVMBQVHAEVMBYxHAEVMBQzHAEVMBQxFhQVHAExFhQVHAEXMBQVFBYVMBQxFhQVMBYxHAEVFwYiIyIGIyImIyImJy4BJyImIy4BJyImIy4BJy4BIwc/ATU/AzU/DDU/CDU3MCYjNCYnIiYjNCYnLgExLgEnLgEjLgEnLgE1IiY1LgE1IiYxLgE1IiYjLgEnIiYjNCY1LgEjLgEnNCY1IiYnNCY1IiYjNCYnIiYxLgEnMCYjNCYnNCYjLgE1LgE1IiY1LgE1IiYxNCYnMCYjNCYnMCYxLgE1NCYjNCY1LgE1MCY1LgE1MCYxLgE1MCYxJjQnMCYxNCY1IjQjNCY1NCYxNCY1JjQ1IjQnPAEnMDQjPAEnMDQjPAEnMDQjPAE1JjQxJjQ1NCY1MCY1PAE1IjQxNCY1MDQjPAE1MCYxPAE1NCYxPAE1NCY1MDQ1NCY1MDQxPAEnMDQxPAE1MDQxJjQ1PAExPAE1PAE1MCY1PAE1MDQxPAE1MDQxPAE1MDQxNDA1MDQxMDQxPAE1PAExPAE1PAE1MDQ1NDY1MDQxPAE1MDQxPAE1MjQxPAE1PAExNjQ1PAE1MDY1PAE1MDQzPAE1MDQzPAE1MDYxPAE1NDYxPAE3PAE1MDY1PAE3MDQxNjQ1MDYxNDY1MDYxPAE3PAEzPAE3PAE3MDQ3PAE3MDQzNDY1MDYxNDY1MDYxNjQ3MDYxNDY1NDYxPgE1NDY1MjQ3NDY1MjQzNDY1MjQzNDY1MjYxNDY3NDYxPgE1PgE1MjQ3NDY3MDYzNDY3MDYzNDY3MDYzNDY1PgExPgE3NDY3MDY1PgE3MDYzPgE3MDYzPgE3MDYxPgE3PgEzPgE3PgE3MjY3PgE3MjYzPgE1MjYzPgE3MjYzNDY3MjYzPgE3PgEzPgE3PgE3MjY3PgE3MjYzPgE3MjYzPgE3MjYzPgE3PgEzPgE3PgE3MjY3PgE3MjYzPgE3MjYzPgE3MjYzPgE3PgEzPgE3MQEiBhUUFjMyNjU0JiMxMyIGFRQWMzI2NTQmIzEBIgYVFBYzMjY1NCYjMRcyNjU0JiMiBhUUFjMxBz4BMzQ2Mz4BNzA2NzI2NzA2NT4BMz4BMzQ2MT4BNTI2NTI2NT4BMzQ2Mz4BMz4BNTI2NzI2NzA2Mz4BMz4BMz4BNzI2NzI2NzI2Mz4BMz4BMz4BNzI2NzI2NzI2Nz4BMz4BMz4BNzI2NzI2NzI2Nz4BMz4BOwEyFhcyFhceATMeATMeATMeARcyFhcyFhceATMeATMeATMeARcyFhcyFhcyFjMeATMeATMeARcyFhcyFhUyFjMeATMeATEeARcyFhcyFhUyFhcUFjMUFjMUFhcwFhUyFhUyFhceATMUFjEeATMUFhUyFhcwFhUyFjEeATMUFjMeARUyFhUyFhUyFjEeATEeATEeARUyFhUyFhUyFBcUFjMUFjEeARUwFhcwFhUyFhUUFjMUFjEUFjMUFhUwFhUyFBcwFjEWFDMcATMUFhUwFhUyFBcwFDMUFjEUFjEUFhUwFhUwFhUyFDEWFDEWFDEWFBUwFhUwFhUwFhUUFjEcATMcATEWFBUwFhUwFBccATEUFjEcATMcARUwFhUwFBUwFjEcATEWFDEcARUyFBUwFBUwFjEcATEcATEWFBUwFBUwFBUwFhUcATEcATEcATEUFhUwFBUwFBUwFDEcATEcATEcARUwFBUxFRwBMRwBMRwBFTAUFTAUFTAUMRwBIxwBMRwBFTAUFTAUBzAUFRwBMRwBIxwBMRwBFSIUFTAUFRQGMRwBMRQGMRwBFSIUFTAGFTAUMQYUMRQGMRwBBzAUFTAGFTAGMRQGMRwBIxwBFSIUFSIUFSIUFQYUMQYUMQYUMQYUBzAUBzAUBzAGMRQGMRQGMQYUBzAGFTAGFSIUIxQGMRQGMQYUBzAGFSIUBzAGMQYUIxQGMQ4BFTAGBzAGFSIUBxQGIxQGMQ4BMQ4BFTAGBzAGBxQGIxQGIxQGIxQGBzAGBzAGBzAGIxQGIw4BMQ4BFSIGBzAGBzAGMQ4BIxQGIw4BFSIGByIGFSIGBw4BIxQGMQ4BIw4BBzAGFSIGBw4BIwcVFxUfARUfARUfARUfARUfARUXFR8BFR8BFR8DFRcVHwEVFxUXLwIHIgYHDgEjDgEjDgEjDgEHIgYHIgYHDgEjKgEjKgEjIiYnIiYjLgEjLgEnIiYnIiYnIiYnLgEjLgEjLgEjLgEnIiYnIiYnIiYjLgEjLgEjLgEnIiYnIiYnIiYjLgEjLgEjLgEnIiYnIiYnMCYnLgEjLgEjLgEnIiYnMCYnMCY1LgEjLgEjNCYxLgEnMCY1IiY1IiYjNCYxLgExLgE1IiYnMCYnMCYjNCYjNCYjNCYnMCY1IiY1IiYxNCYjNCYjNCY1IjQnMCY1IiY1NCYjNCYxNCYxLgE1MCY1IjQnMCYxNCYxJjQjNCY1MCY1MCY1IjQxJjQjPAEjPAEnMCY1MCY1MCYxNCYxNCYxPAEnMDQnMDQ1IjQ1NCYxNCYxPAEjPAE1IjQ1MCY1MDQjPAExNCYxPAE1IjQ1MDQnMDQxNCYxPAExPAEnMDQ1MDQ1IjQxPAExNCYxPAE1MDQ1MCY1MDQ1PAExPAExNCYxPAE1MDQ1MDQ1PAExPAExNTQmNTA0PQEwNDUxPAExPAExPAE1MDY1MDQ1MDQxPAExPAExPAE1MDQ1MDY1MDQ1PAExPAExNjQxPAE1MDQ1MDY1PAExPAEzPAExPAE1MjQ1MDQ1MjQxPAExNjQxPAE3MDQ1MDY1MDQzPAExNDYxPAE3MDQ1MjQ1MDY1NDYxPAEzPAEzPAE1MjQ1MjQ1NjQxNjQxNjQxNjQ1MjQ1MjQ3MDQzNDYxNDYxNDY1MjQ3MDQ3MDYxNDYxPgExNDY1MjQ3MDY1MjQ3NDYxNjQzNDYxPgE1MDY3MDY1PgExNjQzNDYzNDY3MDY3MDY1MjYxPgEzNDYzNDY3MDY3MDY1MjY5AQE8DBcMAwwYCwUJBQQHAwMGAwMGAgMEAwIEAwIEAgIDAgIEAQIEAQIDAgEDAgEDAgEDAQICAgEDAQEDAQECAgECAQEDAQECAQECAQICAQECAQECAQEBAQECAQECAQEBAQECAQIBAQEBAQIBAgECAQIBAgECAQEBAQEBAQEBAgEBAQIBAQEBAQEBAQEBAQECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQUJBQQHBAQJBAcOBwQIBAMGAwMFAgMEAwIEAgIEAQIEAQIDAgEEAQEDAgEDAQICAgECAQICAQEDAQECAQECAQICAQECAQIBAQIBAQIBAgEBAgECAQEBAQEBAQEBAQEBAQEBAQEBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQUJBAQIBAMHBAgOBwUIBQMHBAMHAwMGBAMGAwMGA30BAQIBAgEBAQIBAQEBAgEBAQIBAgEBAQIBAQEBAQEBAgEBAgECAQECAQIBAQEBAQEBAQIBAgECAQIBAgEBAQEBAQEBAQIBAQEBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAQIBAQEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQIBAQEBAQIBAgEBAgEBAgEBAgEBAgEBAgEBAgEBAgECAgEBAwEBAgIBAgIBAwEBAwECAwECAwECAwECAwICAwICBAIBBAIDBAIDBAMCBgIDBgMEBwMFCQUBKw0XFw0UGRkUxQ4WFg4UGBgU/cwUIiIUFBkZFPsUGBgUFCIiFAsBAQEBAQEBAQEBAQEBAgEBAQEBAQIBAgECAQIBAgECAQEBAQECAQIBAQIBAgEBAgEBAgEBAgEBAgIBAgEBAwEBAgIBAgIBAwEBAwIBAwIBAwICAwIBBAICBAICBQICBgIDBgMECAQKFAsBChMKBAcEAwYDAgUDAgQDAgMCAgQCAQQBAgMCAQMBAgMBAQMBAgIBAgIBAQMBAQIBAQIBAgIBAQIBAQIBAgEBAgEBAgECAQEBAQECAQIBAgECAQIBAgECAQEBAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQEBAQIBAQEBAQEBAgEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQMEWwEDBAICBQICBQICBQIDBQMDBQMEBwMGCwUDBgMECAQHDQcECAQDBgMCBQMCBAMCBAIBBAICAwIBAwIBAwIBAwECAgIBAwEBAgIBAgEBAwEBAgEBAgEBAgEBAgEBAgEBAQEBAgEBAQEBAgECAQEBAQEBAQEBAQEBAQIBAgEBAQEBAQIBAQECAQEBAQECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEDSAECAgEBAQEBAQEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQEBAQEBAQEBAQEBAQEBAgEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQEBAQEBAQEBAQEBAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQEBAQEBAQEBAQEBAQEBAgEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQEBAQEBAQEBAQEBAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQEBAQEBAQEBAQEBAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQEBAQEBAQEBAQIBAQECAQEBAQE+AQMDBQIFAwIDAgUDBQMCBQMFAgYCAwUCAwIIAwIDAgMBAQEBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQEBAQEBAQEBAQEBAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQEBAQEBAQEBAQEBAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQIBAQECAQEBAgEBAQIBAQEBAQEBAQEBAQEBAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQEBAQEBAQEBAQEBAQEBAgEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQEBAQEBAQEBAQEBAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQEBAQEBAf5nFg0OFhYODRYWDQ4WFg4NFgEEGRQUGRkUFBlaGRQUGRkUFBlvAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAQEBAQEBAQEBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAQEBAQECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAQEBAQEBAQEBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAQEBAQEBAQEEAQEBAQEBAQEBAQECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAQEBAQEBAQEBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEFAgICAgIDAgICAgIDAgICAgICAwICAgICAwQCAgIFAgICAgMCAQECMwEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAQEBAQEBAQEBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAQEBAQECAQEBAQEBAQEBAQECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAQEBAQECAQEBAQEBAQEBAQECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAQEBAQECAQEBAQEBAQEBAQECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQEBAgEBAQEBAQEBAQEBAQECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAQEBAQEBAQEBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAQEBAQECAAYAngBvA8oDIQAaAEAAVwBsAHsAkAAAAQ4BFx4BMzIWFx4BFRQWFxY2NzYmJy4BBzkBBQ4BBw4BHgEXHgE+ATc+AS4BJy4BNz4BJy4BDwE3NiYnJgYHOQEXHgEVFAYHDgEnLgE1NDY3PgE3PgEXMQcOARUUFhcWNjc+ATU0JicmBgc5ARceARUUBicmNjc+ARc5AQEGFjMyFhUUFhcWNjU0JicmBgc5AQKcFQkQBxcgLD4XGw4DDBsjBwhFPCZwH/7YMmQ0PjoHSEVHoZ2ONCcjBzEtEAsDCAUFDmJMKAQDERURPR2nRE1aTSqBJkhOGRsYLiU3czS9LjAiJBtXHycvLyAaSxssAwQ4DwkECgooCQEcFBYhHRoFCBkiPzIXEQkDIQomEAgEGRofKjkyFQcPJTNCiCMWEA1wEkc4Qn9wXiIiGBM8MiVQSTsQBQkFFCoNKxMaDikjKgsJAgrpE0wxNVsaDQUKFUwzHDIZGBsMEgUPOxVAKSU0Ew8CEBVGJh8/DQsDDXEDDgYXGw8JIgoKBAkBiRUoHiAVEAUSISkxQwMCBAgAAAABAK0AZwNTAw4ALAAAJRQPAQYjIi8BBwYjIi8BJjU0PwEnJjU0PwE2MzIfATc2MzIfARYVFA8BFxYVA1MQTRAXFxCoqBAXFxBNEBCoqBAQTRAXFxCoqBAXFxBNEBCoqBDrFxBNEBCoqBAQTRAXFxCoqBAXFxBNERGoqBERTRAXFxCoqBAXAAAAAQB9AFMDggMPAB4AAAEmDgIxMC4CBw4CFhceAzEwPgI3PgEuAScC+ThbQiQkQVs3N0YhAhARfYhtbIl9EBECIEU3Aw8OGisnJykZDQ5BVV8sLIZ/Wlp/hiwsYFVCDgAABQCKAAsDdgN1ABgAIAArADIAQwAAARYXFhURFAcGIyEiJyY1ETQ3NjMhMhcWFwcVMyYvASYnExEjIicmPQEhESEnFSE1Nxc3ByInJjU0NzYzMhcWFRQHBiMDVQ4KCQ0OE/1wEw4NDQ4TAbUUFxgNQLcFBpgGDrvLEw4O/ooCcD7+DF4+vPonGxwcGycnGxwcGycCvA4XGBP9zhQNDg4NFAMMFA0OCgoNIbgOBpkGBf0XAfMNDhTK/RTanF5dPrs+GxsnJxwbGxwnJxsbAAAAAAQAUAC1A7ACywAIABIAXgB7AAABAzM3MxczAyMDNz4BNx4BHwEjBS4BPQE0JicuAScuAScuASMiBgcOAQcOAQcXPgE3PgEzMhYXHgEVHAEVDgEHDgEHDgEHDgEHDgEVFBYXHgEzMjY3PgE3HgEXMy4BJycUBgcOAQcOASMiJicuATU0Njc+ATc+ATc+ATcHARjISTrbPU7WSzE6CQ0FBhMMNrACtwEDAgEDCgcIFg8PKBgYKxISHQoKDQVABRALCyEXGCQNCQkTOScTHAkNFwsKEQYHBRAREDAfEyQQESISAgcFQgcIA0UFBQYWDg4hEhMdCQoJBQQEDQkIHBMjNBEBAsr99p6eAgr+zJkZMhkVNiKQqQw4LVYVHQkNFggIDwYGBQcGBxMMDSAVCRUcCAgIDAsIGxQCCAcGCwUCBgIDCwcHEgwLGg4XKA8PDwcGBhUQDRgKDBcMeRUhCg8VCQgICAgJFQ0JDwYHCwQDBwMFDAcXAA4ABP/ACXgDwABaAJcAqAC5ANkA5gD9AVQBZQGCAcUB1gHlAksAACUUBjEwJjE+ATU4ATEwPAIxMCIxMBwCMTAiMTA8AjEwIjEwHAIxMCIxMDwCMTAWMTAUMTAyMTA0MTAWMTAUMTAyMTA2NzAWMTAUMTAUMTAcAjE4ATEDMCoCMTAUMTAiMTA8AjEwFjEwFDEwMjEwNDEwFjEwFDEwMjEwNjcwFjEwFDEwFDEwHAIxMCIxMCIxETAqAjEwFDEwOgIxMDQxFTAqAjEwFDEwOgIxMDQxJTAGMTAuAicOATEwJjE+AzEwFjEOAQcwNjEwFhcBIiY1NDYzMhYVFAYjJTAyIDIxMDY3MBYxMBQxMCgCMTA0MSUwMjEwNjcwFjEwFDEwKgIxMBQxMCIxMDQxMCoCMTA0MTA6AjEwNDEwKgIxMDQxMDoCMTA0MTAWMTAUMTA6AjEwNjcwFjEwFDEwKgIxMBQxAzAWMQ4DMTAmMT4DMRc4ATEwPAIxMBYxMBwCMTgBMRQGMTAmMT4BNQEwFDEwIjEwIjEwKgIxDgExMCYxPgE3MCIxDgExMCYxPgExMBYxDgEHMDIxPgExMBYxDgMHMDoCMTA0MTAWMRMwBjEuAzEwNjEeAzEFMCY1MDIxMB4CFzAGMRMwIjEwNDEwOgIxMDY3MBYxMBQxMCIxMBQxPgE3MBYxMBQxMCIxMBwCMT4BMTAWMQ4BMTAmMTAUMT4BNzAWMTAUMTAqAjEwNDEwOgIxMDwCMTAqAjEwNDEwOgIxMDQxCXhZJyELjlSOVFSOVDV4HBlvYnZiVFRzVBp3HRkdN2J2YmJ2YmJ2YmJ2Yv5MNic0NAwrcEI6SioROwIFBAFRbf1oFyIiFxghIRj7R/wBLvt4HBn+z/6R/s4CFo54HBlidmNTZHhkZHhkepF5eZF6U0FPQXccGniOeNgwJ1tPNTdKZ0AchVNZJiELATkpKoCZfx8mKD5yMXgXHyhYcygUPh5wR1YrJlFQSx9zinNTpzUrXk40IjtoTi0CZCE4AQgREUJLgzU/NXgcGX8XWRYZnxoaNw1BHRdZFhl/mH8zPTMzPTMzPTPDZTlhBjMEOEQ4iaWJiaWJan5qdY11Cg1PCkUKHQwSFzhEOAEcEHWNdQoMkAuFCR0LFBZleWQBQpOToZOTVDkXLkQtVWQ0I1FGLhIJEgkBezD+syEYGCEhGBghxQkdDCkPdAkdCyplZQ9lDowOfgodDCll/lkvMEMrEz8UODIjujlDOQ80PjRlOWEGMgUBR38LDEIOLRkJCkIYRjwTIg0lPTodMykiDH8P/tE+J0IuGi8YODEhIH6RNE5cKAkB9g8JHgwqXwEOFwwpaoBqTI8NfIMHawEOFwwpD5i4mQ5gAAAGAAT/wQPWA78AFgBtAH4AmwDeAO8AABMwNDEwMiAyMTA2NzAWMTAUMTAoAjElMDIxMDY3MBYxMBQxMCoCMTAUMTAiMTA0MTAqAjEwNDEwOgIxMDQxMCoCMTA0MTA6AjEwNDEwFjEwFDEwOgIxMDY3MBYxMBQxMCoCMTAUMQMwFjEOAzEwJjE+AzEXOAExMDwCMTAWMTAcAjE4ATEUBjEwJjE+ATUBMBQxMCIxMCIxMCoCMQ4BMTAmMT4BNzAiMQ4BMTAmMT4BMTAWMQ4BBzAyMT4BMTAWMQ4DBzA6AjEwNDEwFjETMAYxLgMxMDYxHgMxBPwBLvt4HBn+z/6R/s4CFo54HBlidmNTZHhkZHhkepF5eZF6U0FPQXccGniOeNgwJ1tPNTdKZ0AchVNZJiELATkpKoCYgCAlKD5yMXgXHyhYcygUPh5vSFYrJlFQSx9zinNTpzUrXk40IjtoTi0CPQ8JHQwpgwkdCyplZQ9lDowOfgodDCll/lkvMEMrEz8UODIjujlDOQ80PjRlOWEGMgUBR38LDEIOLRkJCkIYRjwTIg0lPTodMykiDH8P/tE+J0IuGi8YODEhAAADAEQAnQO+AtEAHwAxAD4AACUuAycuATc+Azc+AR4BFx4DFx4BBw4DBwMiBgcOARceATc+AiYnLgEjFw4BIyImNz4BMx4BBwIBTINvWyQDAQQiSFJbNStTUE0mI0A6NhgEAQMlW2+CTAQoTiNIAUhJl0wqKwEoKSJLKnQBRC4tQwEBQywwQwGdAiVFZEIGEwUqTkQ2Eg8GDB8WFTA3PSAFEQVBZUYmAgHUFxgynjEwBCsXSE1JGhYUsi9DSC4vQwFFMAAAAQAAAAEAACwIb51fDzz1AAsEAAAAAADRgYkQAAAAANGBiRAAAP/ACXgDwAAAAAgAAgAAAAAAAAABAAADwP/AAAAJfAAAAAAJeAABAAAAAAAAAAAAAAAAAAAAFAQAAAAAAAAAAAAAAAIAAAAEBABpBAAAGAQAAJEEAACsBAAAeAQAAQIEAAEABAAABwQAAJ4EAACtBAAAfQQAAIoEAABQCXwABAPjAAQEAABEAAAAAAAKABQAHgEMAYQB2gNuA6ADzAP4EOoRvhICEjISmhNUFVoWOBaaAAAAAQAAABQLdwAOAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGljb21vb24AaQBjAG8AbQBvAG8AblZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGljb21vb24AaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AblJlZ3VsYXIAUgBlAGcAdQBsAGEAcmljb21vb24AaQBjAG8AbQBvAG8AbkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype');
    font-weight: normal;
    font-style : normal;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family   : 'icomoon';
    speak         : none;
    font-style    : normal;
    font-weight   : normal;
    font-variant  : normal;
    text-transform: none;
    line-height   : 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-letter:before {
    content: "\e60c";
}

.icon-view:before {
    content: "\e60f";
}

.icon-font:before {
    content: "\e604";
}

.icon-close:before {
    content: "\e609";
}

.icon-zoom:before {
    content: "\e600";
}

.icon-menu:before {
    content: "\e601";
}

.icon-pause:before {
    content: "\e602";
}

.icon-play:before {
    content: "\e603";
}

.icon-next:before {
    content: "\e605";
}

.icon-prev:before {
    content: "\e606";
}

.icon-wechat:before {
    content: "\e607";
}

.icon-weibo:before {
    content: "\e608";
}

.icon-like:before {
    content: "\e60a";
}

.icon-images:before {
    content: "\e60b";
}

.icon-logo:before {
    content: "\e60d";
}

.icon-icon:before {
    content: "\e60e";
}

pre {
    max-height: 400px;
    overflow  : auto;
}

code {
    padding      : 0 4px;
    font-size    : 90%;
    background   : rgba(241, 240, 234, 1);
    color        : #999;
    margin       : 4px;
    border-radius: 2px;
    display      : inline-block;
    word-wrap    : break-word;
    word-break   : break-all;
    font-family  : Consolas, monospace;
}

pre,
pre code {
    display         : block;
    margin          : 0 0 10px;
    padding         : 9.5px;
    background-color: rgba(245, 245, 245, 1);
    color           : #999;
    white-space     : pre-wrap;
    white-space     : -moz-pre-wrap;
    white-space     : -pre-wrap;
    white-space     : -o-pre-wrap;
    word-wrap       : break-word;
    font-family     : Consolas, monospace;
    line-height     : 1.42857143;
    word-break      : break-all;
    border-radius   : 3px;
}

pre code {
    padding   : 0;
    margin    : 0;
    background: none;
}

.stuff span span {
    margin-right: 0px !important;
}