@charset "utf-8";

/**
 * Theme: Meta
 */

/* highlight */
.dp-highlighter {
    background: #fff;
    border: 1px solid #e8e9e7;
    word-break: break-all;
    white-space: normal;
    overflow: auto;
    padding: 2px 5px;
    font-size: 13px
}

.dp-highlighter .bar {
    padding: 0
}

.dp-highlighter .collapsed .bar,
.dp-highlighter .nogutter .bar {
    padding-left: 0
}

.dp-highlighter ol {
    margin: 0 0 1px -10px !important;
    padding: 2px;
    color: #666
}

li {
    white-space: initial
}

.dp-highlighter.nogutter ol {
    list-style-type: none
}

.dp-highlighter ol li,
.dp-highlighter .columns div {
    border-left: 1px solid #e8e9e7;
    padding-left: 10px;
    list-style-position: outside;
    white-space: nowrap;
    margin: 0 0 0 20px !important;
    line-height: 2em !important
}

.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div {
    border: 0;
    margin: 0
}

.dp-highlighter .columns {
    color: gray;
    width: 100%
}

.dp-highlighter .columns div {
    padding-bottom: 5px
}

.dp-highlighter ol li span {
    color: Black
}

.dp-highlighter .collapsed ol {
    margin: 0
}

.dp-highlighter .collapsed ol li {
    display: none
}

.dp-highlighter .printing {
    border: 0
}

.dp-highlighter .printing .tools {
    display: none !important
}

.dp-highlighter .printing li {
    display: list-item !important
}

.dp-highlighter .tools {
    padding: 3px 8px 3px 15px;
    border-bottom: 1px solid #2b91af;
    color: silver
}

.dp-highlighter .collapsed .tools {
    border-bottom: 0
}

.dp-highlighter .tools a {
    font-size: 9pt;
    color: gray;
    text-decoration: none;
    margin-right: 10px
}

.dp-highlighter .tools a:hover {
    color: red;
    text-decoration: underline
}

.dp-about {
    background-color: #fff;
    margin: 0;
    padding: 0
}

.dp-about table {
    width: 100%;
    height: 100%
}

.dp-about td {
    padding: 10px;
    vertical-align: top
}

.dp-about .copy {
    border-bottom: 1px solid #aca899;
    height: 95%
}

.dp-about .title {
    color: red;
    font-weight: bold
}

.dp-about .para {
    margin: 0 0 4px 0
}

.dp-about .footer {
    background-color: #eceadb;
    border-top: 1px solid #fff;
    text-align: right
}

.dp-about .close {
    background-color: #eceadb;
    width: 60px;
    height: 22px
}

.dp-c .comment {
    color: green
}

.dp-c .string {
    color: blue
}

.dp-c .preprocessor {
    color: gray
}

.dp-c .keyword {
    color: blue
}

.dp-c .vars {
    color: #d00
}

.dp-vb .comment {
    color: green
}

.dp-vb .string {
    color: blue
}

.dp-vb .preprocessor {
    color: gray
}

.dp-vb .keyword {
    color: blue
}

.dp-sql .comment {
    color: green
}

.dp-sql .string {
    color: red
}

.dp-sql .keyword {
    color: #7f0055
}

.dp-sql .func {
    color: #ff1493
}

.dp-sql .op {
    color: blue
}

.dp-xml .cdata {
    color: #ff1493
}

.dp-xml .comments {
    color: green
}

.dp-xml .tag {
    font-weight: bold;
    color: blue
}

.dp-xml .tag-name {
    color: #7f0055;
    font-weight: bold
}

.dp-xml .attribute {
    color: red
}

.dp-xml .attribute-value {
    color: blue
}

.dp-delphi .comment {
    color: #008200;
    font-style: italic
}

.dp-delphi .string {
    color: blue
}

.dp-delphi .number {
    color: blue
}

.dp-delphi .directive {
    color: #008284
}

.dp-delphi .keyword {
    font-weight: bold;
    color: navy
}

.dp-delphi .vars {
    color: #000
}

.dp-py .comment {
    color: green
}

.dp-py .string {
    color: red
}

.dp-py .docstring {
    color: green
}

.dp-py .keyword {
    color: blue;
    font-weight: bold
}

.dp-py .builtins {
    color: #ff1493
}

.dp-py .magicmethods {
    color: #808080
}

.dp-py .exceptions {
    color: brown
}

.dp-py .types {
    color: brown;
    font-style: italic
}

.dp-py .commonlibs {
    color: #8a2be2;
    font-style: italic
}

.dp-rb .comment {
    color: #c00
}

.dp-rb .string {
    color: #f0c
}

.dp-rb .symbol {
    color: #02b902
}

.dp-rb .keyword {
    color: #069
}

.dp-rb .variable {
    color: #6cf
}

.dp-css .comment {
    color: green
}

.dp-css .string {
    color: red
}

.dp-css .keyword {
    color: blue
}

.dp-css .colors {
    color: darkred
}

.dp-css .vars {
    color: #d00
}

.dp-j .comment {
    color: #3f7f5f
}

.dp-j .string {
    color: #2a00ff
}

.dp-j .keyword {
    color: #7f0055;
    font-weight: bold
}

.dp-j .annotation {
    color: #646464
}

.dp-j .number {
    color: #c00000
}

.dp-cpp .comment {
    color: #e00
}

.dp-cpp .string {
    color: red
}

.dp-cpp .preprocessor {
    color: #cd00cd;
    font-weight: bold
}

.dp-cpp .keyword {
    color: #5697d9;
    font-weight: bold
}

.dp-cpp .datatypes {
    color: #2e8b57;
    font-weight: bold
}

.dp-perl .comment {
    color: green
}

.dp-perl .string {
    color: red
}

.dp-perl .keyword {
    color: #7f0055
}

.dp-perl .func {
    color: #ff1493
}

.dp-perl .declarations {
    color: blue
}

.dp-css .vars {
    color: #d00
}

.dp-g .comment {
    color: #3f7f5f
}

.dp-g .string {
    color: #2a00ff
}

.dp-g .keyword {
    color: #7f0055;
    font-weight: bold
}

.dp-g .type {
    color: #007f00;
    font-weight: bold
}

.dp-g .modifier {
    color: #640064;
    font-weight: bold
}

.dp-g .constant {
    color: #f00;
    font-weight: bold
}

.dp-g .method {
    color: #ff6000;
    font-weight: bold
}

.dp-g .number {
    color: #c00000
}

.dp-html .cdata {
    color: #ff1493
}

.dp-html .comments {
    color: #236e25
}

.dp-html .tag {
    color: #bcacba
}

.dp-html .tag-name {
    color: #881280
}

.dp-html .attribute {
    color: #ab652d
}

.dp-html .attribute-value {
    color: #1a1aa6
}

.comment-list .dp-highlighter {
    background: #fff;
    margin-top: 5px;
    border: 1px solid #e8e9e7
}

.comment-list .dp-highlighter li {
    margin: 0;
    padding: 0 5px;
    border: 0
}

.comment-list .dp-highlighter ol {
    margin: 0
}

/* emoji */
.emoji_btn {
    position: absolute;
    display: inline-block;
    cursor: pointer;
    width: 25px;
    height: 25px
}

.emoji_container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.emoji_container {
    display: none;
    max-width: 544px;
    position: absolute;
    background-color: #fff;
    border: 1px solid #bfbfbf;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.176)
}

.emoji_container ul {
    list-style: none;
    padding-left: 0;
    margin: 0
}

.emoji_content {
    height: 277px;
    overflow-y: auto;
    padding: 5px
}

.emoji_content ul {
    padding-top: 1px;
    padding-left: 1px
}

.emoji_content ul li {
    width: 54px;
    height: 54px;
    float: left;
    border: 1px solid #e3e3e3;
    margin-top: -1px;
    margin-left: -1px;
    margin-right: 0;
    margin-bottom: 0
}

.emoji_content ul li a {
    display: block;
    line-height: 54px;
    text-align: center;
    cursor: pointer
}

.emoji_content ul li a img {
    vertical-align: middle;
    max-width: 52px;
    max-height: 52px
}

.emoji_content .mCSB_scrollTools {
    width: 10px
}

.emoji_content .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.emoji_content .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    margin: 5px 0
}

.emoji_tab {
    background-color: #f7f7f7;
    border-top: 1px solid #e3e3e3;
    color: #666;
    height: 32px;
    position: relative;
    width: 100%;
    overflow: hidden
}

.emoji_tab_prev {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px dashed;
    cursor: pointer;
    left: 8px;
    top: 12px;
    position: absolute;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0
}

.emoji_tab_next {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px dashed;
    cursor: pointer;
    right: 7px;
    top: 12px;
    position: absolute;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0
}

.emoji_tab_list {
    left: 22px;
    right: 22px;
    overflow: hidden;
    position: absolute;
    top: 0
}

.emoji_tab_list ul {
    width: 1500px;
    transition: all .8s ease 0s
}

.emoji_tab_list ul li {
    border-top: 0 none;
    cursor: pointer;
    float: left;
    height: 22px;
    line-height: 22px;
    margin: 5px 4px 0 0;
    font-size: 12px;
    border-radius: 3px;
    text-align: center;
    width: 68px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.emoji_tab_list ul li:hover {
    background: #e5e5e5
}

.emoji_tab_list ul li.selected {
    color: #fff;
    background: steelblue
}

.emoji_preview {
    position: absolute;
    top: 0;
    border: 1px solid #c8c8c8;
    border-radius: 50%;
    width: 65px;
    height: 65px;
    background: #fff;
    text-align: center;
    line-height: 65px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.176);
    z-index: 2;
    display: none
}

.emoji_preview img {
    vertical-align: middle;
    max-width: 42px;
    max-height: 42px
}

.emoji_tab_next,
.emoji_tab_prev {
    display: none
}

.emoji_tab_list {
    left: 8px
}

.emoji_tab_list ul li {
    width: auto;
    padding: 0 15px;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s
}

.emoji_content ul li {
    display: inline-block;
    float: none
}

.emoji_content ul li a img {
    max-height: 35px
}

.emoji_container {
    margin-right: 10px;
    max-width: 520px
}

.emoji_preview {
    pointer-events: none
}

/* style */
.mk-dark,
:root {
    --theme-color: #eb5055
}

a,
article,
blockquote,
body,
button,
code,
div,
figure,
footer,
h1,
h2,
h3,
h4,
h5,
header,
html,
iframe,
img,
input,
kbd,
li,
ol,
p,
pre,
section,
span,
table,
tbody,
td,
textarea,
th,
thead,
tr,
ul {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 100%
}

.fancybox-container,
body,
button,
input,
textarea {
    font-family: Microsoft Yahei, "微软雅黑", "Helvetica Neue", Helvetica, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 2em
}

::-webkit-scrollbar-thumb {
    background-color: #f90;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%, transparent 75%, transparent);
    border-radius: 2em
}

::-webkit-scrollbar-corner {
    background-color: transparent
}

::-moz-selection {
    color: #fff;
    background-color: #eb5055;
    background-color: var(--theme-color)
}

::selection {
    color: #fff;
    background-color: #eb5055;
    background-color: var(--theme-color)
}

.fancybox-close-small:focus,
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0
}

a {
    text-decoration: none;
    color: #313131
}

img {
    border: none;
    -ms-interpolation-mode: bicubic;
    image-rendering: optimizeQuality
}

img[src=""] {
    opacity: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.text-center {
    text-align: center
}

.clear-fix {
    zoom: 1
}

.clear-fix:after,
.clear-fix:before {
    display: table;
    line-height: 0;
    content: ""
}

.clear-fix:after {
    clear: both
}

.hidden {
    display: none !important
}

.no-shadow {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.anim-trans {
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all
}

#Meta-body,
body,
html {
    position: relative;
    height: 100%
}

.mk-letter-avatar[src=""] {
    visibility: hidden
}

.fancybox-share__button--qq {
    background-color: #1e93ec
}

.fancybox-share__button--wb {
    background-color: #f96e76
}

.fancybox-share__button--qzone {
    background-color: #fab619
}

.fancybox-close-small:focus:after {
    outline: 0
}

fieldset {
    border: .06em solid #eee;
    border-radius: .3em;
    padding: 1em 1.13em
}

fieldset>legend {
    background-color: #eb5055;
    background-color: var(--theme-color);
    color: #fff;
    border-radius: .2em;
    padding: .2em .5em;
    font-size: .9em
}

.entry-content fieldset>:nth-child(2) {
    margin-top: 0
}

.entry-content fieldset>:last-child {
    margin-bottom: 0
}

table td,
table th {
    border: .1em solid #f2f2f2;
    padding: .6em .8em
}

table th {
    color: #909399;
    background-color: #f9f9f9;
    font-weight: 400
}

table td:hover {
    background-color: #fcfcfc
}

.btn,
button,
input:not([type~=checkbox]):not([type~=radio]),
textarea {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    font-size: .95em;
    border-radius: .3em;
    -webkit-appearance: none;
    -moz-appearance: none
}

.btn:disabled,
button:disabled,
input:not([type~=checkbox]):not([type~=radio]):disabled,
textarea:disabled {
    background-color: #a9a9a9;
    cursor: not-allowed
}

input,
textarea {
    width: 100%;
    padding: .5em;
    box-sizing: border-box;
    border: .06em solid #e5e9ef;
    background-color: #f4f5f7;
    resize: vertical
}

input:focus,
textarea:focus {
    background-color: #fff
}

.btn,
button {
    font-size: .95em;
    border: 0;
    background: #eb5055;
    background: var(--theme-color);
    color: #fff;
    cursor: pointer;
    opacity: 1;
    user-select: none;
    padding: .5em .9em;
    display: inline-block;
    line-height: 1.5
}

.btn:focus,
.btn:hover,
button:focus,
button:hover {
    opacity: .9
}

.btn:active,
button:active {
    opacity: 1
}

.mk-checkbox {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    cursor: pointer;
    color: #313131
}

.mk-checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    width: auto !important
}

.mk-checkbox input[type=checkbox]+div {
    box-sizing: border-box;
    vertical-align: middle;
    width: 2.55rem;
    height: 1.2rem;
    border: .08rem solid rgba(0, 0, 0, .4);
    border-radius: 10rem;
    background-color: rgba(0, 0, 0, .1);
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    -webkit-transition-property: transform, background-color, box-shadow;
    -moz-transition-property: transform, background-color;
    -o-transition-property: transform, background-color;
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, .4);
    display: inline-block;
    margin-right: .19rem
}

.mk-checkbox input[type=checkbox]:checked+div {
    border: .08rem solid #eb5055;
    border-color: var(--theme-color);
    box-shadow: inset 0 0 0 .62rem #eb5055;
    box-shadow: inset 0 0 0 .62rem var(--theme-color)
}

.mk-checkbox input[type=checkbox]+div>div {
    float: left;
    width: 1.05rem;
    height: 1.05rem;
    border-radius: 50%;
    background: #fff;
    -webkit-transition-timing-function: cubic-bezier(.54, 1.85, .5, 1);
    -moz-transition-timing-function: cubic-bezier(.54, 1.85, .5, 1);
    -o-transition-timing-function: cubic-bezier(.54, 1.85, .5, 1);
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    -webkit-transition-property: transform, background-color, box-shadow;
    -moz-transition-property: transform, background-color;
    -o-transition-property: transform, background-color;
    box-shadow: 0 .15rem .3rem rgba(0, 0, 0, .3), 0 0 0 .08rem rgba(0, 0, 0, .4);
    pointer-events: none
}

.mk-checkbox input[type=checkbox]:checked+div>div {
    -webkit-transform: translate3d(1.35rem, 0, 0);
    -moz-transform: translate3d(1.35rem, 0, 0);
    -ms-transform: translate3d(1.35rem, 0, 0);
    -o-transform: translate3d(1.35rem, 0, 0);
    transform: translate3d(1.35rem, 0, 0);
    box-shadow: 0 .15rem .3rem rgba(0, 0, 0, .3), 0 0 0 .08rem #eb5055;
    box-shadow: 0 .15rem .3rem rgba(0, 0, 0, .3), 0 0 0 .08rem var(--theme-color)
}

.mk-alert {
    padding: .6em .9em;
    border-radius: .3em;
    margin: 1em auto;
    line-height: 1.6em;
    display: block;
    background-color: #f0f9eb;
    color: #67c23a
}

.mk-alert a {
    color: inherit !important;
    border-bottom-color: inherit !important
}

.mk-alert a:hover {
    opacity: .5
}

.mk-alert.fa:before {
    margin-right: .3em
}

.mk-alert.success {
    background-color: #f0f9eb;
    color: #67c23a
}

.mk-alert.info {
    background-color: #f4f4f5;
    color: #909399
}

.mk-alert.warning {
    background-color: #fdf6ec;
    color: #e6a23c
}

.mk-alert.danger {
    background-color: #fef0f0;
    color: #f56c6c
}

.mk-collapse-title {
    cursor: pointer;
    background-color: #f5f5f5;
    background-color: rgba(245, 245, 245, .6);
    padding: .5em;
    border-radius: .3em;
    text-align: center;
    font-size: .95em;
    color: #807e7e;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mk-collapse-title:hover {
    background-color: #eee
}

.mk-collapse-open .fa {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mk-collapse-content {
    padding-top: 1em
}

.mk-collapse-content>:last-child {
    margin-bottom: 0
}

.mk-tabs .mk-tabs-head {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

body.mobile .mk-tabs .mk-tabs-head {
    overflow-x: auto
}

.mk-tabs .mk-tabs-head:hover {
    overflow-x: auto
}

.mk-tabs .mk-tabs-head .mk-tab-title {
    display: inline-block;
    border: .06em solid #dcdfe6;
    border-left-width: 0;
    padding: 0 .98em;
    line-height: 2.5;
    color: #909399;
    background-color: #e4e7ed;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -ms-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all
}

.mk-tabs .mk-tabs-head .mk-tab-title:first-child {
    border-top-left-radius: .3em;
    border-left-width: .06em
}

.mk-tabs .mk-tabs-head .mk-tab-title:last-child {
    border-top-right-radius: .3em
}

.mk-tabs .mk-tabs-head .mk-tab-title.selected {
    color: #333;
    border-bottom-color: #fff;
    background-color: #fff
}

.mk-tabs .mk-tabs-head .mk-tab-title:hover {
    color: #333;
    background-color: #fff
}

.mk-tabs .mk-tabs-body {
    border: .06em solid #dcdfe6;
    margin-top: -.06em;
    border-radius: 0 .3em .3em .3em
}

.mk-tabs .mk-tabs-body .mk-tab-content {
    display: none;
    padding: 1.2em
}

.mk-tabs .mk-tabs-body .mk-tab-content.selected {
    display: block
}

.mk-tabs .mk-tabs-body .mk-tab-content>:first-child {
    margin-top: 0
}

.mk-tabs .mk-tabs-body .mk-tab-content>.table-responsive:last-child table,
.mk-tabs .mk-tabs-body .mk-tab-content>:last-child {
    margin-bottom: 0
}

.mk-timeline {
    position: relative;
    list-style: none;
    padding-left: 1.2em !important;
    margin-left: .3em !important;
    border-left: .2em solid #eee;
    color: #303133
}

.mk-timeline b {
    font-size: .9em;
    font-weight: 400;
    color: #909399;
    display: block;
    position: relative
}

.mk-timeline b::after {
    content: '';
    position: absolute;
    top: .38em;
    left: -2em;
    width: .8em;
    height: .8em;
    border-radius: 50%;
    background-color: #fff;
    border: .14em solid #ccc;
    box-shadow: .15em .15em 0 #fff, -.15em -.15em 0 #fff
}

.mk-timeline li {
    list-style: none;
    line-height: 100%
}

.mk-timeline li:hover b::after {
    border-color: #eb5055;
    border-color: var(--theme-color)
}

.mk-timeline li:hover b {
    color: #eb5055;
    color: var(--theme-color)
}

.mk-side-form button,
.mk-side-form input {
    height: 2.8em;
    position: relative;
    overflow: visible
}

.mk-side-form input {
    float: left;
    padding: .15em .6em;
    width: 77%;
    border: .08em solid #ebebeb;
    border-right-color: transparent;
    border-radius: .15em 0 0 .15em !important;
    line-height: 3em
}

.mk-side-form button {
    width: 23%;
    border-radius: 0 .15em .15em 0;
    text-transform: uppercase
}

body {
    overflow-x: hidden
}

#Meta-body {
    padding-top: 6rem;
    height: auto
}

.no-ie {
    position: fixed;
    bottom: 0;
    height: 50px;
    line-height: 50px;
    width: 100%;
    text-align: center;
    z-index: 9999999999;
    background-color: #923838;
    color: #fff;
    font-size: 16px
}

.no-ie a {
    color: #fff;
    border-bottom: 2px solid #c5baba
}

.no-ie a:hover {
    color: #eee;
    border-bottom: 3px solid #c5baba
}

#top-navi {
    font-size: .95rem;
    box-shadow: 0 0 .6rem 0 #d0d0d0;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .95);
    -webkit-transition: top .5s ease, box-shadow .5s ease, background .5s ease;
    -moz-transition: top .5s ease, box-shadow .5s ease, background .5s ease;
    -o-transition: top .5s ease, box-shadow .5s ease, background .5s ease;
    transition: top .5s ease, box-shadow .5s ease, background .5s ease
}

#top-navi.headroom--top,
#top-navi:hover {
    background-color: #fff
}

@media screen and (min-width:750px) {
    #top-navi.headroom--not-top {
        background: rgba(255, 255, 255, .9);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px)
    }
}

.admin-bar #top-navi {
    top: 32px
}

#top-navi.headroom--unpinned {
    top: -5rem;
    box-shadow: none
}

.top-navi-content {
    height: 100%;
    max-width: 68rem;
    margin: 0 auto
}

.top-navi-logo {
    display: block;
    height: 100%;
    width: auto;
    float: left
}

.top-navi-logo>img {
    display: inline-block;
    float: left;
    width: auto;
    height: 4rem;
    padding: .6rem
}

.top-navi-logo>h1 {
    font-size: 1.6em;
    font-weight: 900;
    line-height: 3.8rem;
    letter-spacing: .02em;
    text-shadow: .08em .08em .08em #eee;
    color: #505050
}

.top-navi-search-btn {
    width: 3em;
    height: 100%;
    float: right;
    cursor: pointer;
    text-align: center
}

#top-navi .main-menu {
    display: inline-block;
    float: right;
    height: 100%
}

#top-navi .main-menu::-webkit-scrollbar {
    height: 6px;
    width: 6px
}

#top-navi .main-menu::-webkit-scrollbar-track-piece {
    background-color: #f5f5f5
}

#top-navi .main-menu::-webkit-scrollbar-thumb {
    height: 6px;
    width: 6px;
    border-radius: 0;
    background: #cbcbcb
}

#top-navi .main-menu::-webkit-scrollbar-thumb:hover {
    background: #909090
}

#top-navi .main-menu ul {
    list-style: none;
    position: relative;
    z-index: 999
}

#top-navi .main-menu ul:after {
    content: "";
    clear: both;
    display: block
}

#top-navi .main-menu ul li {
    float: left
}

#top-navi .main-menu>ul>li>a,
.top-navi-search-btn {
    line-height: 4rem
}

#top-navi .main-menu ul li a {
    display: block;
    padding: 0 1.13rem;
    height: 100%;
    color: #000;
    text-decoration: none
}

#top-navi a {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

#top-navi .main-menu ul li:hover>a,
.top-navi-search-btn:hover {
    color: #eb5055;
    color: var(--theme-color)
}

#top-navi .main-menu ul li:hover>ul {
    visibility: visible;
    -moz-opacity: .98;
    opacity: .98;
    margin-top: 0
}

#top-navi .main-menu ul ul {
    background: #fff;
    padding: 0;
    position: absolute;
    top: 100%;
    box-shadow: 0 0 10px 0 #cacaca;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    visibility: hidden;
    opacity: 0;
    margin-top: -1.13rem
}

#top-navi .main-menu ul ul li {
    float: none;
    position: relative
}

#top-navi .main-menu ul ul li a {
    padding: 1em 1.5em;
    width: 12em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#top-navi .main-menu ul ul li a:hover {
    padding-left: 1.95em
}

#top-navi .main-menu ul ul ul {
    position: absolute;
    left: 100%;
    top: .5rem
}

#top-navi .main-menu ul ul ul li a {
    padding: .9rem 1.13rem;
    width: 16rem
}

#top-navi .main-menu ul ul ul li a:hover {
    padding-left: 1.65em
}

#menu-btn {
    display: none
}

@media screen and (max-width:750px) {
    #Meta-body {
        padding-top: 4rem
    }

    #top-navi {
        height: 3.15rem;
        box-shadow: 5px 0 5px 0 rgba(0, 0, 0, .33)
    }

    .top-navi-search-btn {
        display: block;
        position: absolute;
        font-size: 1.35em;
        top: 0;
        right: 0;
        width: 3.15rem;
        height: 3.15rem;
        line-height: 2.92rem;
        color: #848484
    }

    .top-navi-content {
        text-align: center
    }

    .top-navi-logo {
        float: none;
        margin: 0 auto;
        display: inline-block
    }

    .top-navi-logo>img {
        height: 100%;
        padding: .6rem
    }

    .top-navi-logo>h1 {
        line-height: 2em;
        text-shadow: none
    }

    .main-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 100%;
        width: 65%;
        z-index: 999;
        overflow-y: auto;
        background: #fff;
        background: rgba(255, 255, 255, .68)
    }

    .main-menu-on .main-menu {
        box-shadow: 0 0 15px 0 #9c9c9c
    }

    #top-navi .main-menu:before {
        content: "55gY";
        font-size: 26px;
        line-height: 55px;
        color: #e2e2e2
    }

    #top-navi .main-menu li a {
        padding: 0 20px !important;
        line-height: 2.85rem !important;
        display: block !important;
        width: 100% !important;
        text-align: left
    }

    #top-navi .main-menu ul {
        width: 100%;
        padding: 0
    }

    #top-navi .main-menu ul li {
        display: block;
        width: 100%;
        position: static
    }

    #top-navi .main-menu .current-menu-item>a,
    #top-navi .main-menu .current-menu-item>a:hover {
        background-color: #eb5055 !important;
        background-color: var(--theme-color) !important;
        color: #fff !important
    }

    #top-navi .main-menu a,
    #top-navi .main-menu ul li:hover a {
        background-color: transparent;
        color: #000
    }

    #top-navi .main-menu ul li a:hover {
        background-color: #eee;
        color: #eb5055;
        color: var(--theme-color)
    }

    #top-navi .main-menu ul ul,
    #top-navi .main-menu ul ul ul {
        visibility: visible;
        -moz-opacity: 1;
        opacity: 1;
        background-color: transparent;
        position: static;
        box-shadow: none;
        margin: 0;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none
    }

    #menu-btn {
        display: block;
        position: absolute;
        left: 0;
        top: .36em;
        width: 4em;
        cursor: pointer;
        z-index: 999999
    }

    #menu-btn .menu-btn-bar {
        position: relative;
        display: block;
        width: 1.8em;
        height: .2em;
        margin: .5em auto;
        background-color: #848484;
        border-radius: 10em
    }

    .main-menu-on #menu-btn .menu-btn-bar:nth-of-type(1) {
        -webkit-transform: translateY(.69em) rotate(-45deg);
        -moz-transform: translateY(.69em) rotate(-45deg);
        -ms-transform: translateY(.69em) rotate(-45deg);
        -o-transform: translateY(.69em) rotate(-45deg);
        transform: translateY(.69em) rotate(-45deg)
    }

    .main-menu-on #menu-btn .menu-btn-bar:nth-of-type(2) {
        opacity: 0
    }

    .main-menu-on #menu-btn .menu-btn-bar:nth-of-type(3) {
        -webkit-transform: translateY(-.69em) rotate(45deg);
        -moz-transform: translateY(-.69em) rotate(45deg);
        -ms-transform: translateY(-.69em) rotate(45deg);
        -o-transform: translateY(-.69em) rotate(45deg);
        transform: translateY(-.69em) rotate(45deg)
    }

    #Meta-body {
        -webkit-transition: .2s linear all;
        -moz-transition: .2s linear all;
        -o-transition: .2s linear all;
        transition: .2s linear all
    }

    .main-menu-on>#Meta-body {
        -webkit-transform: translateX(65%);
        -moz-transform: translateX(65%);
        -ms-transform: translateX(65%);
        -o-transform: translateX(65%);
        transform: translateX(65%);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .main-menu-on>#Meta-body:after {
        content: "";
        cursor: pointer;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 998;
        left: 0;
        top: 0;
        background-color: rgba(0, 0, 0, .02)
    }
}

.home-notice {
    padding: 4.8rem 0 .4rem;
    margin-top: -6rem;
    margin-bottom: 1rem;
    text-align: center;
    color: #000;
    background: #fafafa;
    border-bottom: 1px solid #eaeefb
}

.home-notice div {
    height: 2.6rem;
    line-height: 2.6rem;
    overflow: hidden;
    max-width: 58rem;
    margin: 0 auto
}

.home-notice a,
.home-notice li {
    color: #848484;
    font-size: .95rem;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    list-style: none
}

.home-notice a:hover {
    border-bottom: 2px solid
}

.home-notice .wp-smiley {
    vertical-align: middle;
    padding-bottom: .3em
}

@media screen and (max-width:900px) {
    .home-notice div {
        padding: 0 1.2em
    }
}

@media screen and (max-width:750px) {
    .home-notice {
        margin-top: -5rem
    }
}

.banner-bg-header {
    font-size: .95em;
    background: #333 url(../images/banner.jpg) no-repeat;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    padding: 6.5rem 0 2.4rem;
    text-align: center;
    position: relative;
    margin-top: -6rem;
    margin-bottom: 1.6rem
}

.banner-bg-header .banner-title {
    font-weight: 400;
    font-size: 2em;
    margin-bottom: .6em;
    letter-spacing: .08em;
    color: #fff;
    text-shadow: 0 .4em .8em rgba(7, 17, 27, .4)
}

.banner-bg-header .banner-sub-title {
    font-weight: 400;
    color: #eee;
    color: rgba(255, 255, 255, .54);
    margin: auto 2em;
}

@media screen and (max-width:660px) {
    .banner-bg-header .banner-title {
        font-size: 1.95em
    }

    .banner-bg-header .banner-sub-title {
        font-size: .95em
    }
}

.index-header-title {
    text-align: center;
    color: #c3c3c3;
    font-size: 16px
}

.site-main {
    display: block;
    max-width: 58rem;
    margin: 0 auto;
    padding: 0 1.2rem 1.2rem
}

#post-lists {
    margin: -1.2rem;
    padding: 1rem 0;
    overflow: hidden
}

#post-lists>article {
    width: 25%;
    float: left
}

.post-item-card,
.post-item-list {
    margin: 1.2rem
}

.post-item-card .post-item-card-body {
    border: 1px solid #e6ebf5;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .73);
    box-shadow: 0 .2rem 1.3rem 0 rgba(0, 0, 0, 0.07);
    border-radius: .3rem;
    overflow: hidden;
    margin: 0 auto;
    transform-style: preserve-3d;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.post-item-card .item-thumb {
    position: relative;
    display: inherit;
    overflow: hidden
}

.post-item-card .thumbnail {
    display: inherit;
    min-height: 11rem;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    background-position: 50% 50%;
    background-size: cover
}

.post-item-card:hover .item-thumb .thumbnail {
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    -o-transform: scale(1.12);
    transform: scale(1.12);
    -webkit-filter: blur(.19rem);
    -moz-filter: blur(.19rem);
    filter: blur(.19rem)
}

.post-item-card .item-thumb:before {
    content: "Loading...";
    position: absolute;
    width: 100%;
    left: 0;
    background-color: #eee;
    background-color: rgba(238, 238, 238, .67);
    text-align: center;
    -webkit-transform: translateY(-34%);
    -moz-transform: translateY(-34%);
    -ms-transform: translateY(-34%);
    -o-transform: translateY(-34%);
    transform: translateY(-34%);
    line-height: 34rem;
    font-size: 2rem;
    color: #b7b6b6;
    z-index: -1
}

.post-item-card .item-thumb:after {
    content: "";
    background: #000;
    opacity: .01;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.post-item-card .archive-content {
    padding: 14rem 1.2rem;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    font-size: .95rem;
    line-height: 1.65rem;
    opacity: 0;
    background-color: rgba(0, 0, 0, .5)
}

.post-item-card:hover .archive-content {
    -webkit-animation: fade-in .5s;
    -moz-animation: fade-in .5s;
    -ms-animation: fade-in .5s;
    animation: fade-in .5s;
    opacity: 1
}

@keyframes fade-in {
    0% {
        transform: translateY(-45%);
        opacity: 0
    }

    100% {
        transform: translateY(-50%);
        opacity: 1
    }
}

@-webkit-keyframes fade-in {
    0% {
        -webkit-transform: translateY(-45%);
        transform: translateY(-45%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 1
    }
}

.post-item-card .entry-header {
    margin: .66rem;
    min-height: 5.6rem;
    position: relative
}

.post-item-card .entry-title>a {
    text-decoration: none;
    font-size: 1.1rem;
    line-height: 1.8rem;
    font-weight: 500;
    color: #323232;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.article-ontop {
    color: #eb5055;
    color: var(--theme-color);
    font-weight: 700
}

#post-lists .entry-meta {
    position: absolute;
    bottom: 0;
    cursor: default;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    width: 100%;
    font-size: .9rem
}

#post-lists .entry-meta,
#post-lists .entry-meta>a {
    text-decoration: none;
    color: #999
}

#post-lists .entry-meta>.fa {
    margin-right: .19rem;
    margin-left: .63rem
}

#post-lists .entry-meta>.fa:first-child {
    margin-left: 0
}

@media screen and (max-width:900px) {
    #post-lists>article {
        width: 50%
    }
}

@media screen and (max-width:660px) {
    #post-lists {
        width: auto
    }

    #post-lists>article {
        width: 100%
    }

    .post-item-card .thumbnail {
        height: 16em
    }

    .post-item-card .entry-header {
        min-height: 6rem;
        margin: .9rem
    }

    .post-item-card .entry-title>a {
        font-size: 1em;
        line-height: 1.4em
    }

    #post-lists .entry-meta,
    #post-lists .entry-meta>a {
        font-size: 1em
    }
}

@media screen and (max-width:500px) {
    .post-item-card .thumbnail {
        height: auto
    }

    .post-item-card .entry-header {
        margin: .6em
    }

    .post-item-card .entry-title>a {
        font-size: .9em
    }

    .post-item-card .entry-meta,
    .post-item-card .entry-meta>a {
        font-size: .8em
    }
}

.post-item-list {
    font-size: 1rem;
    position: relative;
    padding: 1.4em;
    background: #fff;
    background: rgba(255, 255, 255, .61);
    border-radius: .3em;
    overflow: hidden
}

.post-item-list .wp-smiley {
    display: none
}

.post-item-list .article-ontop {
    font-weight: 400
}

.post-item-list>.entry-header {
    padding-right: 15em
}

.post-item-list .entry-title {
    line-height: 1.4;
    margin: 0;
    font-weight: 500;
    font-size: 1.4em
}

.post-item-list .entry-title>a {
    color: #000
}

.post-item-list .entry-title>a:hover {
    color: #666
}

.post-item-list .archive-content {
    font-size: .95em;
    height: 6em;
    margin: .8em 0;
    line-height: 2em;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical
}

#post-lists .post-item-list .entry-meta {
    font-size: .9em
}

#post-lists .post-item-list .entry-meta,
#post-lists .post-item-list .entry-meta>a {
    color: #969696;
    position: relative
}

.post-item-list>.post-item-img {
    display: block;
    width: 12em;
    height: 8em;
    margin: 1.3em .8em 0;
    float: right;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.post-item-list>.post-item-img:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border: 0 solid;
    border-color: #9b9b9b #fff;
    border-color: rgba(0, 0, 0, .5) #fff;
    -webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
    -ms-transition: border .3s ease;
    -o-transition: border .3s ease;
    transition: border .3s ease
}

.post-item-list>.post-item-img:hover:after {
    border-right-width: 1.6em;
    border-bottom-width: 1.6em
}

.post-item-list>.post-item-img>img {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

@media screen and (min-width:900px) {
    .post-item-list .entry-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media screen and (max-width:900px) {
    .post-item-list {
        padding: 1em 0
    }

    body.custom-background .post-item-list {
        padding: 1em
    }

    .post-item-list>.entry-header {
        width: 100%;
        float: none;
        padding: 0
    }

    .post-item-list .archive-content {
        height: auto;
        -webkit-line-clamp: unset
    }

    .post-item-list>.post-item-img {
        display: none
    }
}

.home-links {
    background: #fafafa;
    border: 1px solid #eaeefb;
    border-left: none;
    border-right: none;
    text-align: center;
    padding: .8rem .6rem;
    margin-top: 1rem;
    margin-bottom: -1rem
}

.home-links h3 {
    font-size: 1.2em;
    margin-bottom: .5em;
    font-weight: 400;
    color: #1f2f3d
}

.home-links .friend-link {
    position: relative;
    display: inline-block;
    font-size: .95rem;
    margin: 0 .4rem;
    line-height: 1.8;
    color: #9a9a9a;
    text-decoration: none
}

.home-links .friend-link:hover {
    color: #eb5055;
    color: var(--theme-color)
}

.width-short {
    font-size: .95rem;
    max-width: 50rem;
    padding: 1.2rem;
    margin: 0 auto;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .68);
    border-radius: .22rem
}

.width-short+.width-short {
    margin-top: 1.5rem
}

.entry-title {
    font-size: 1.58rem;
    color: #222;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    line-height: 1.65rem;
    word-wrap: break-word
}

.header-info {
    font-size: .95rem;
    margin-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 2px dashed #c5c5c5;
    margin-bottom: 1.2rem
}

.header-info,
.header-info a {
    color: #a5a5a5;
    text-decoration: none;
    text-shadow: 0 0 2px #fff
}

.header-info>span {
    margin-right: 10px;
    display: inline-block
}

.article-report {
    display: inline-block;
    background-color: #eb5055;
    background-color: var(--theme-color);
    color: #fff;
    text-align: center;
    border-radius: 5px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    margin-right: 2px;
    cursor: pointer;
    text-shadow: none
}

.wp-smiley {
    height: 1.88rem !important;
    width: auto !important;
    max-height: none !important;
    vertical-align: bottom;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important
}

.entry-content {
    font-size: .95rem
}

.entry-content .gallery,
.entry-content .mk-alert,
.entry-content .mk-collapse,
.entry-content .mk-embed-card,
.entry-content .mk-pretty-container,
.entry-content .mk-tabs,
.entry-content blockquote,
.entry-content fieldset,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content hr,
.entry-content ol,
.entry-content p,
.entry-content table,
.entry-content ul {
    margin: 0 0 1.35em
}

.entry-content td>:last-child,
.entry-content th>:last-child,
.mk-collapse-content>:last-child {
    margin-bottom: 0
}

.entry-content .gallery+.gallery {
    margin-top: -1.35em
}

.entry-content p {
    word-wrap: break-word;
    word-break: break-word;
    vertical-align: baseline;
    line-height: 1.8
}

.entry-content ol,
.entry-content ul {
    padding-left: 1.3em
}

.entry-content ol>li,
.entry-content ul>li {
    margin: .6em 0;
    line-height: 1.8
}

.entry-content h1 {
    font-weight: 400;
    font-size: 1.6em;
    color: #3c3c3c;
    text-align: center
}

.entry-content *+h1 {
    margin-top: 1.6em
}

.entry-content h2 {
    font-weight: 500;
    position: relative;
    font-size: 1.3em;
    color: #444
}

.entry-content h2:before {
    font-weight: 600;
    position: absolute;
    top: 0;
    left: -.8em;
    content: '#';
    color: #eb5055;
    color: var(--theme-color)
}

.entry-content *+h2 {
    margin-top: 1.8em
}

.entry-content h3 {
    font-weight: 700
}

.entry-content blockquote {
    padding: .3em 0 .3em .9em;
    border-left: .22em solid #ddd;
    vertical-align: baseline
}

.entry-content blockquote>:first-child {
    margin-top: 0
}

.entry-content blockquote>:last-child {
    margin-bottom: 0
}

.entry-content code {
    color: #333;
    background-color: rgba(0, 0, 0, .03);
    border-radius: .19em;
    padding: .13em .32em;
    font-size: 100%;
    font-weight: 400;
    margin: 0 .13em
}

.entry-content .btn {
    margin: 0 .2em .6em 0
}

.entry-content p .btn+.btn {
    margin-left: .3em
}

.entry-content p .btn:firdt-child {
    float: left
}

.entry-content p .btn:last-child {
    margin-bottom: 0
}

.entry-content .wp-caption {
    max-width: 100%
}

.entry-content .aligncenter,
.entry-content .alignnone,
.entry-content img.alignnone {
    display: block;
    margin: 0 auto;
    text-align: center
}

.entry-content .wp-caption .wp-caption-text {
    text-align: center;
    margin: 1em auto 2em;
    border-bottom: 1px #c3c3c3 dashed;
    display: inline-block;
    padding: 0 .38em .08em;
    color: #949292;
    font-size: .9em
}

.entry-content img {
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #eee;
    border-radius: 3px;
    -webkit-transition: .5s ease all;
    -moz-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all
}

.entry-content img:hover {
    -webkit-box-shadow: 0 0 2.02em rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 2.02em rgba(0, 0, 0, .15);
    box-shadow: 0 0 2.02em rgba(0, 0, 0, .15)
}

.comment-content-text a:not([class]):not([data-fancybox]),
.entry-content a:not([class]):not([data-fancybox]),
.links {
    color: #313131;
    border-bottom: .08em solid #ccc;
    text-decoration: none;
    margin: 0 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    cursor: pointer
}

.comment-content-text a:not([class]):not([data-fancybox]):hover,
.entry-content a:not([class]):not([data-fancybox]):hover,
.links:hover {
    color: #eb5055;
    color: var(--theme-color);
    border-color: inherit
}

.entry-content .gallery {
    clear: both;
    font-size: 1.13rem
}

.entry-content .gallery .gallery-item {
    margin: 0 !important;
    overflow: hidden;
    position: relative;
    float: left
}

.entry-content .gallery-caption {
    pointer-events: none;
    padding: 1000px 20px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    webkit-transition: .5s ease all;
    -moz-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all;
    text-align: center;
    color: #fff;
    opacity: 0;
    background-color: rgba(0, 0, 0, .7);
    cursor: pointer
}

.entry-content .gallery .gallery-item:hover .gallery-caption {
    opacity: 1
}

.entry-content .gallery-columns-1 .gallery-item {
    width: 100% !important
}

.entry-content .gallery-columns-2 .gallery-item {
    width: 50% !important
}

.entry-content .gallery-columns-3 .gallery-item {
    width: 33.3333333% !important
}

.entry-content .gallery-columns-4 .gallery-item {
    width: 25% !important
}

.entry-content .gallery-columns-5 .gallery-item {
    width: 20% !important
}

.entry-content .gallery-columns-6 .gallery-item {
    width: 16.6666667% !important
}

.entry-content .gallery-columns-7 .gallery-item {
    width: 14.2857142857% !important;
    font-size: .9em
}

.entry-content .gallery-columns-8 .gallery-item {
    width: 12.5% !important;
    font-size: .8em
}

.entry-content .gallery-columns-9 .gallery-item {
    width: 11.11111112% !important;
    font-size: .7em
}

.entry-content .gallery .gallery-item dt:before {
    content: "";
    display: block;
    padding-top: 100%
}

.entry-content .gallery .gallery-item dt {
    position: relative;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset;
    background: #eee;
    cursor: pointer;
    overflow: hidden
}

.entry-content .gallery .gallery-item a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    border: none;
    margin: 0
}

.entry-content .gallery .gallery-item img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none
}

.links-list {
    list-style: none
}

.links-list>li {
    width: 33.33% !important;
    float: left !important;
    line-height: 1.05em !important;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.links-list img,
.links-list img:hover {
    width: 1.2em;
    height: 1.2em;
    margin-right: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    vertical-align: top
}

.links-list a.links {
    vertical-align: super;
    border: none !important
}

@media screen and (max-width:660px) {
    ul.links-list {
        padding-left: 14px
    }

    .links-list>li {
        width: 50% !important
    }
}

.entry-content .content-extras {
    margin: 5px 0 20px
}

.entry-content .content-extras p {
    margin: 5px 0
}

.single-copyright {
    display: inline-block
}

.single-tags {
    display: inline-block;
    float: right
}

.single-tags>.fa {
    color: #b3b3b3
}

.mk-video-box {
    margin-bottom: 10px;
    width: 100%;
    position: relative;
    padding-bottom: 70%
}

.mk-video-box>div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.mk-video-box>div>iframe {
    width: 100%;
    height: 100%;
    border: 1px solid #eee
}

.mk-embed-card>a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 30em;
    max-width: 100%;
    margin: 0 auto !important;
    border-radius: .3em;
    text-decoration: none;
    border: none !important;
    color: inherit !important
}

.mk-embed-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    -webkit-filter: blur(20px);
    filter: blur(20px);
    background-size: cover;
    background-position: 50%
}

.mk-embed-content {
    position: relative;
    display: block;
    padding: .8em;
    border-radius: inherit;
    background-color: hsla(0, 0%, 96%, .88)
}

.mk-embed-content>span {
    overflow: hidden;
    display: block;
    margin-right: 5.55em
}

.mk-embed-title {
    display: block;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 !important;
    height: 2.6em;
    font-weight: 500;
    line-height: 1.25;
    color: #1a1a1a
}

.mk-embed-meta {
    display: block;
    margin-top: .4em;
    font-size: .8em;
    color: #999
}

.mk-embed-meta .fa-comments {
    margin-left: 10px
}

.mk-embed-card .mk-embed-image {
    display: block;
    position: absolute;
    right: .8em;
    top: .8em;
    bottom: .8em;
    width: 5.6em;
    border-radius: .3em;
    border: none
}

.social-main {
    user-select: none;
    border-top: .06em solid #eee;
    border-bottom: .06em solid #eee;
    padding: 1em .2em;
    margin: .6em 0;
    text-align: center;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    opacity: .3
}

.social-main:hover {
    opacity: 1
}

.social-main,
.social-main a {
    color: #333;
    text-decoration: none
}

.social-main>div {
    display: inline-block;
    margin-right: 1em;
    padding-left: 2.4em;
    position: relative;
    cursor: pointer
}

.social-main>div:last-child {
    margin-right: 0
}

.social-main>div .fa {
    font-size: 1.75rem;
    position: absolute;
    width: 1.88rem;
    left: 0;
    top: -.22rem;
    color: #aab8c2
}

.social-main .like:hover {
    background: 0 0
}

.social-main .likeHeart {
    z-index: 2
}

.social-main .likeHeart,
.social-main .likeHeart:after,
.social-main .likeHeart:before {
    background: url(../images/like_heart.png);
    background-position: left;
    background-repeat: no-repeat;
    height: 5em;
    width: 5em;
    cursor: pointer;
    position: absolute;
    left: -1.5em;
    top: -1.8em;
    background-size: 2900%
}

.social-main .like:focus .likeHeart,
.social-main .like:hover .likeHeart {
    background-position: right
}

.social-main .like:hover .likeHeart:after,
.social-main .like:hover .likeHeart:before {
    content: '';
    background-position: right;
    position: absolute;
    -webkit-animation: ilike 2s infinite;
    -moz-animation: ilike 2s infinite;
    -ms-animation: ilike 2s infinite;
    animation: ilike 2s infinite;
    z-index: 0
}

.social-main .like:hover .likeHeart:after {
    content: '';
    background-position: right;
    position: absolute;
    -webkit-animation: ilike 3.14s infinite;
    -moz-animation: ilike 3.14s infinite;
    -ms-animation: ilike 3.14s infinite;
    animation: ilike 3.14s infinite
}

@-webkit-keyframes ilike {
    0% {
        -webkit-transform: translateY(1.8em);
        transform: translateY(1.8em);
        margin-left: 1.5em
    }

    20% {
        margin-left: 2.17em
    }

    40% {
        margin-left: -.38em
    }

    60% {
        margin-left: .22em
    }

    80% {
        margin-left: -.12em
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-4em) rotate(180deg) scale(.5);
        transform: translateY(-4em) rotate(180deg) scale(.5)
    }
}

@keyframes ilike {
    0% {
        -webkit-transform: translateY(1.8em);
        transform: translateY(1.8em);
        margin-left: 1.5em
    }

    20% {
        margin-left: 2.17em
    }

    40% {
        margin-left: -.38em
    }

    60% {
        margin-left: .22em
    }

    80% {
        margin-left: -.12em
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-4em) rotate(180deg) scale(.5);
        transform: translateY(-4em) rotate(180deg) scale(.5)
    }
}

.social-main .done {
    display: inline-block;
    -webkit-animation-name: heartBlast;
    -moz-animation-name: heartBlast;
    -ms-animation-name: heartBlast;
    animation-name: heartBlast;
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    -ms-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -ms-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: steps(28);
    -moz-animation-timing-function: steps(28);
    -ms-animation-timing-function: steps(28);
    animation-timing-function: steps(28);
    background-position: right
}

@-webkit-keyframes heartBlast {
    0% {
        background-position: left
    }

    100% {
        background-position: right
    }
}

@keyframes heartBlast {
    0% {
        background-position: left
    }

    100% {
        background-position: right
    }
}

.social-main .reward .reward-qrcode {
    background-color: #fff;
    box-shadow: 0 0 .4em rgba(14, 22, 30, .3);
    left: -3em;
    top: -1em;
    position: absolute;
    width: 10em;
    max-width: 10em;
    height: 0;
    z-index: 10;
    padding: .4em;
    opacity: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s
}

.social-main .reward:hover .reward-qrcode {
    display: block;
    opacity: 1;
    height: 10em;
    top: -11em
}

#article-menu,
#article-share {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(0, -50%)
}

#article-share {
    margin-left: -30rem;
    color: #8590a6;
    text-align: center;
    font-size: .9rem
}

#article-share.headroom {
    opacity: 0;
    display: none
}

#article-share.headroom--pinned {
    opacity: 1;
    visibility: visible
}

#article-share.headroom--unpinned {
    opacity: 0;
    visibility: hidden;
    display: none
}

#article-share .share-item {
    cursor: pointer;
    width: 3em;
    height: 3.15em;
    margin: 1.4em 0 2em
}

#article-share .share-item[data-site=weixin] {
    color: #7dd239
}

#article-share .share-item[data-site=weibo] {
    color: #f96e76
}

#article-share .share-item[data-site=qq] {
    color: #1e93ec
}

#article-share .share-item:hover {
    color: #8590a6
}

#article-share .fa {
    font-size: 1.6em;
    display: block;
    margin-bottom: .3em
}

.fancybox-stage .share-qrcode {
    max-width: 20rem
}

@media screen and (max-width:900px) {

    #article-menu,
    #article-share {
        display: none !important
    }
}

#article-menu::-webkit-scrollbar {
    height: .38rem;
    width: .38rem
}

#article-menu::-webkit-scrollbar-track-piece {
    background-color: #f5f5f5
}

#article-menu::-webkit-scrollbar-thumb {
    height: .38rem;
    width: .38rem;
    border-radius: 0;
    background: #cbcbcb
}

#article-menu::-webkit-scrollbar-thumb:hover {
    background: #909090
}

#article-menu {
    margin-left: 26rem;
    overflow: hidden;
    overflow-y: hidden;
    width: 16rem;
    max-height: 25rem
}

#article-menu.auto-hide ul {
    display: none
}

#article-menu:hover {
    overflow-y: auto
}

#article-menu ul {
    margin: .6rem;
    border-left: .3rem #eee solid;
    padding-left: .6rem;
    position: relative
}

#article-menu ul>li {
    font-size: .95rem;
    list-style: none;
    padding: .4rem 0;
    position: relative
}

#article-menu ul>li>a {
    display: block;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #8590a6
}

#article-menu ul>li>a:hover {
    color: gray
}

#article-menu ul>li.active>a {
    color: #eb5055;
    color: var(--theme-color)
}

#article-menu ul>li.active:before {
    content: "";
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    position: absolute;
    left: -1.25rem;
    background: #9e9e9e;
    top: 50%;
    transform: translate(0, -50%)
}

#article-menu ul>li.menu-level-two {
    padding-left: .45rem;
    font-size: .8rem
}

#comments {
    font-size: .95rem
}

#respond {
    margin-bottom: 1.6em
}

.comment-reply-title {
    margin-bottom: .94em
}

#cancel-comment-reply-link,
.comment-reply-title span {
    line-height: 1.88em
}

.comment-reply-title span {
    border-left: .22em solid #eb5055;
    border-left-color: var(--theme-color);
    padding-left: .45em;
    font-size: 1.2em;
    display: inline-block
}

#cancel-comment-reply-link {
    display: none;
    float: right;
    color: #e26f6f
}

.comment-list #respond {
    margin-top: 1.6em
}

.comment-list #cancel-comment-reply-link {
    display: block
}

.comment-author-welcome {
    margin: .6em 0
}

.comment-author-welcome .avatar {
    border-radius: 50%;
    vertical-align: middle;
    margin-right: .6em;
    width: 1.88em;
    height: 1.88em;
    user-select: none
}

.comment-author-welcome .links {
    user-select: none;
    display: inline-block
}

#comment-author-info>div {
    width: 33.33%;
    box-sizing: border-box;
    padding: 0 1em 1em 0;
    float: left
}

#comment-author-info>div:last-child {
    padding-right: 0
}

#comment-author-info>div>label {
    font-size: 1em;
    line-height: 1.4em;
    padding-bottom: .5em;
    display: block
}

.comment-form-comment {
    margin-bottom: .6em
}

#comment-tips {
    display: none;
    padding: .2em 0 .6em
}

#comment-tips .comment-error {
    color: #eb5055;
    color: var(--theme-color)
}

#comment-tips .comment-success {
    color: #4caf50
}

.comment-form-tools {
    margin-bottom: .6em;
    border-bottom: .08em dashed #e5e9ef;
    padding-top: .3em;
    padding-bottom: .15em;
    display: none;
    user-select: none
}

.comment-form-tools span {
    display: inline-block;
    margin-right: .3em;
    padding-left: .08em;
    cursor: pointer;
    height: 2em;
    line-height: 2em;
    text-align: center;
    font-size: .9em;
    border-radius: .19em;
    color: #848484
}

.comment-extra-input {
    width: 100%;
    max-width: 32em;
    padding: 1.5rem
}

.comment-extra-input h5 {
    font-size: 1.65em;
    font-weight: 100;
    text-align: center;
    margin: 0 auto .8em;
    letter-spacing: .08em
}

.comment-extra-input form input {
    margin-bottom: 1em;
    padding: .5em .4em
}

.comment-extra-input form button {
    width: 100%;
    margin-top: .38em
}

.comment-pic-input .or {
    margin: .15em auto .6em;
    font-size: 1.2em;
    color: #777575
}

.comment-pic-upload {
    position: relative
}

.comment-pic-upload #comment-pic-upload {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    opacity: 0
}

.comment-pic-upload #comment-pic-upload,
.comment-pic-upload .comment-pic-upload-btn {
    width: 100%;
    background: #dcdada;
    margin: 0 auto 1.25em;
    display: block;
    height: 5.1em;
    color: #4a4a4a;
    border: .19em dashed #888;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.comment-pic-upload:hover #comment-pic-upload,
.comment-pic-upload:hover .comment-pic-upload-btn {
    background: #f5f3f3
}

.comment-pic-upload.ondrag #comment-pic-upload,
.comment-pic-upload.ondrag .comment-pic-upload-btn {
    border-color: #000
}

.comment-mail-notify {
    display: inline-block;
    line-height: 1.2em
}

.comment-form-vf-code {
    display: inline-block
}

.comment-form-vf-code img {
    cursor: pointer;
    margin-left: .6em;
    margin-top: .19em
}

.comment-form-vf-code input {
    display: inline-block;
    width: 5em;
    float: left
}

.comment-form-submit #submit,
.comment-form-submit #submit:focus,
.comment-form-submit #submit:hover {
    padding: 0 1.2em;
    line-height: 2.2em;
    width: auto;
    float: right
}

.comment-list,
.comment-list ol,
.comment-list ul {
    list-style: none
}

.comment-list>li {
    padding-top: 1.2em
}

.comment-body {
    position: relative;
    min-height: 5em
}

.comment-avatar-area {
    position: absolute
}

.comment-avatar-area>.avatar {
    width: 3.4em;
    height: 3.4em;
    border-radius: 50%;
    border: none;
    vertical-align: middle;
    user-select: none
}

.comment-list>li:after {
    content: "";
    display: block;
    height: .08em;
    background-color: #e5e9ef;
    margin-top: 1.2em
}

.comment-content-user {
    line-height: 1.13em;
    padding-bottom: .3em;
    display: block;
    word-wrap: break-word
}

.comment-content-user .comment-auth,
.comment-content-user .comment-auth a {
    text-decoration: none;
    font-size: .9em;
    font-weight: 700;
    word-wrap: break-word;
    color: #6d757a;
    cursor: pointer
}

.comment-content-user .level {
    margin-left: .3em;
    font-size: .95em;
    color: #fff;
    background-color: #666;
    padding: 0 .22em;
    border-radius: .15em;
    cursor: pointer;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    line-height: 150%;
    display: inline-block;
    vertical-align: middle
}

.comment-content-area:hover .comment-content-user .level {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.comment-content-user .level-1 {
    background: #348be8
}

.comment-content-user .level-2 {
    background: #0bf
}

.comment-content-user .level-3 {
    background: #fd8edb
}

.comment-content-user .level-4 {
    background: #673ab7
}

.comment-content-user .level-5 {
    background: #ffb31e
}

.comment-content-user .level-6 {
    background: #6ec400
}

.comment-content-user .level-7 {
    background: #fc912d
}

.comment-content-user .level-8 {
    background: #fd5d3c
}

.comment-content-user .level-9 {
    background: #fd5d3c
}

.comment-content-user .level-admin {
    background: #fd5d3c
}

.comment-content-user .level-pingback {
    background: #e91e63
}

.comment-content-text {
    line-height: 1.8;
    padding: .4em 0;
    text-shadow: none;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-word
}

.comment-content-text .mk-pretty-container,
.comment-content-text blockquote,
.comment-content-text p {
    margin: 0 0 .6em
}

.comment-content-text>:last-child {
    margin-bottom: 0
}

.comment-awaiting-moderation {
    color: #eb5055;
    color: var(--theme-color)
}

.comment-content-info {
    margin-top: .4em;
    margin-bottom: .8em;
    font-size: .98em
}

.comment-content-info,
.comment-content-info a {
    color: #99a2aa;
    text-decoration: none
}

.comment-content-info span {
    margin-right: .6em
}

.comment-content-area,
.comment-list>.depth-1>#respond,
.comment-list>.depth-1>.children,
.comment-list>li:after {
    margin-left: 4.6em
}

.comment-list .depth-1>.children .comment-body {
    margin-top: 1.4em
}

.comment-list .depth-1>.children .comment-avatar-area>.avatar {
    width: 2.6em;
    height: 2.6em
}

.comment-list .depth-1>.children .comment-content-area {
    margin-left: 3.6em
}

.comment-at {
    color: #eb5055;
    color: var(--theme-color);
    border: none;
    margin-right: .3em
}

@media screen and (max-width:750px) {

    .comment-content-area,
    .comment-list>.depth-1>#respond,
    .comment-list>.depth-1>.children,
    .comment-list>li:after {
        margin-left: 4em
    }
}

@media screen and (max-width:500px) {

    .comment-list>.comment.depth-1>#respond,
    .comment-list>li:after,
    .comment.depth-1>.children {
        margin-left: 0
    }

    .comment.depth-1>.children {
        border-left: .19em dotted #f3f3f3;
        padding-left: 1em
    }

    .comment-at {
        display: inline-block
    }
}

.page-navi-bar {
    text-align: center
}

.article-navi,
.comment-navi,
.page-navi {
    margin: 0;
    padding: 0 .6rem;
    list-style: none;
    text-align: center;
    margin: 1.2rem 0
}

.page-navi {
    background: #fff;
    background: rgba(255, 255, 255, .9);
    display: inline-block;
    border-radius: 2rem;
    padding: .4rem 1.2rem;
	box-shadow: 0 .2rem 1rem 0 rgba(0, 0, 0, 0.07);
  	text-shadow: #0000003d 2px 2px 8px;
  	/* border: 1px solid #e6ebf5; */
}

.page-navi li {
    display: inline-block;
    color: #5f5f5f;
    line-height: 1.2rem
}

.article-navi a {
    border: none !important;
    margin: 0 !important
}

.article-navi span,
.article-navi>a>span,
.page-navi li a,
.page-numbers {
    display: inline-block;
    font-size: 1rem;
    padding: .22rem .94rem .22rem;
    color: #5f5f5f;
    text-decoration: none
}

.article-navi span,
.page-navi li.current a,
.page-numbers.current {
    color: #eb5055;
    color: var(--theme-color)
}

.page-navi li .page-omit {
    padding-left: 0;
    padding-right: 0
}

@media screen and (max-width:750px) {
    .width-short {
        max-width: none;
        width: 100%;
        padding-left: .8em;
        padding-right: .8em
    }

    .entry-content h2 {
        margin-left: .8em
    }
}

#site-footer {
    font-size: .95rem;
    line-height: 2rem;
    margin-top: .6rem;
    text-align: center;
    /*padding: 1rem*/
}

#site-footer,
#site-footer a {
    color: #9a9a9a;
    vertical-align: baseline;
    text-decoration: none
}

#site-footer .fa {
    margin-left: .3rem;
    font-size: 1.2rem
}

@media screen and (max-width:650px) {
    #site-footer span {
        display: none
    }

    #scroll-to-top.show {
        right: 30px
    }
}

.corner-btn-group {
    font-size: 1rem;
    display: inline-block;
    position: fixed;
    right: 4.2rem;
    bottom: 4.2rem
}

.corner-btn {
    display: block;
    width: 3em;
    height: 3em;
    line-height: 3em;
    margin-top: 1em;
    text-align: center;
    color: #9c9c9c;
    background-color: #fff;
    opacity: .8;
    border: .06em solid #e6ebf5;
    overflow: hidden;
    cursor: pointer;
    border-radius: 100%;
    box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, .12);
    -webkit-transition: .5s ease all;
    -moz-transition: .5s ease all;
    -o-transition: .5s ease all;
    transition: .5s ease all
}

.corner-btn:hover {
    opacity: 1 !important
}

#scroll-to-top.corner-btn {
    line-height: 2.8em
}

#scroll-to-top.headroom--top {
    opacity: 0;
    height: 0;
    margin: 0
}

.theme-control-panel {
    font-size: .8em;
    position: fixed;
    right: 3em;
    bottom: 3em;
    background: #fff;
    padding: 1.2em;
    color: #5d5d5d;
    user-select: none;
    box-shadow: 0 0 1.5em 0 rgba(0, 0, 0, .12);
    border-radius: .6em;
    -webkit-animation: antZoomBigIn .2s cubic-bezier(.08, .82, .17, 1);
    -moz-animation: antZoomBigIn .2s cubic-bezier(.08, .82, .17, 1);
    animation: antZoomBigIn .2s cubic-bezier(.08, .82, .17, 1)
}

@-webkit-keyframes antZoomBigIn {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes antZoomBigIn {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.theme-control-dark>label {
    display: block;
    line-height: 1.5em
}

.theme-control-dark .mk-checkbox>div {
    float: right
}

.theme-control-panel hr {
    margin: 1.4em 0;
    border: none;
    border-top: .1em solid #eee
}

.theme-control-font .btn,
.theme-control-font button {
    font-size: 1em;
    padding: .4em 1.2em
}

#font-size-text {
    background: #e5e5e5;
    color: #000;
    border-radius: .3em;
    margin: 0 .4em
}

#font-size-text:after {
    content: "%"
}

.moon-icon {
    background: #fff;
    vertical-align: bottom;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    margin: 0 .2em;
    border-radius: 50%;
    box-shadow: inset .5em -.5em 0 0 #999
}

@media screen and (max-width:750px) {
    .corner-btn-group {
        right: 1rem
    }
}

#post-lists,
.width-short {
    -webkit-animation: fadeIn .6s linear;
    -moz-animation: fadeIn .6s linear;
    animation: fadeIn .6s linear
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-15px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.entry-content ul.wp-block-gallery {
    padding-left: 0
}

.wp-block-button .wp-block-button__link {
    font-size: 1em;
    padding: 5px 15px
}

.wp-block-latest-comments__comment-excerpt p {
    margin: 0
}

.blocks-gallery-item img {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.mk-prettyprint ol.linenums {
    color: #8e908c
}

.mk-prettyprint li {
    padding-left: 1em;
    list-style-type: decimal
}

.mk-prettyprint .pln {
    color: #4d4d4c
}

.mk-prettyprint .str {
    color: #718c00
}

.mk-prettyprint .kwd {
    color: #8959a8
}

.mk-prettyprint .com {
    color: #8e908c
}

.mk-prettyprint .typ {
    color: #4271ae
}

.mk-prettyprint .lit {
    color: #f5871f
}

.mk-prettyprint .pun {
    color: #4d4d4c
}

.mk-prettyprint .opn {
    color: #4d4d4c
}

.mk-prettyprint .clo {
    color: #4d4d4c
}

.mk-prettyprint .tag {
    color: #c82829
}

.mk-prettyprint .atn {
    color: #f5871f
}

.mk-prettyprint .atv {
    color: #3e999f
}

.mk-prettyprint .dec {
    color: #f5871f
}

.mk-prettyprint .var {
    color: #c82829
}

.mk-prettyprint .fun {
    color: #4271ae
}

.mk-pretty-container {
    position: relative
}

.mk-pretty-prebox {
    background: #fff;
    border: 1px solid #e8e9e7;
    border-radius: .3em;
    position: relative;
	box-shadow: .1em .1rem 1rem .1em rgba(0, 0, 0, 0.07);
  	text-shadow: #0000003d 2px 2px 8px;
}

.mk-pretty-title {
    text-align: center;
    user-select: none;
    color: #4d4d4c;
    width: 100%;
    height: 2.4em;
    line-height: 2.4em;
    border-bottom: 1px solid #e8e9e7
}

.mk-pretty-title:before {
    content: "";
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fc625d;
    width: .9em;
    height: .9em;
    left: .9em;
    top: .7em;
    -webkit-box-shadow: 1.5em 0 #fdbc40, 3em 0 #35cd4b;
    -moz-box-shadow: 1.5em 0 #fdbc40, 3em 0 #35cd4b;
    box-shadow: 1.5em 0 #fdbc40, 3em 0 #35cd4b
}

.mk-pretty-text {
    position: absolute;
    border: none;
    border-radius: 0;
    resize: none;
    bottom: 0
}

.mk-pretty-toolbar {
    padding-top: .5em
}

.mk-pretty-less .mk-pretty-toolbar {
    display: none
}

.mk-pretty-toolbar .btn {
    font-size: .8em;
    margin: 0 .6em 0 0;
    padding: .5em .8em
}

.mk-pretty-toolbar .msg {
    line-height: 1.8;
    font-size: .8em;
    padding: 6px 12px;
    padding-left: 20px;
    color: #827171;
    display: none
}

.mk-pretty-toolbar .back-to-pretty {
    display: none
}

.mk-prettyprint {
    overflow: auto
}

.entry-content code,
.mk-pretty-container textarea,
.mk-prettyprint {
    font-family: 'Liberation Mono', Monaco, Menlo, Consolas, 'Source Code Pro', 'Liberation Mono', 'Ubuntu Mono', 'Microsoft Yahei', '微软雅黑', Courier, 'Helvetica Neue', 'Lantinghei SC', STXihei, WenQuanYi, sans-serif !important
}

.mk-prettyprint ol {
    padding: .4rem 0 .4rem;
    margin: .4rem .6rem .4rem 3rem;
    display: inline-block
}

.mk-prettyprint ol>li {
    margin: 0;
    border-left: 1px solid #e8e9e7
}

.mk-pretty-container textarea,
.mk-prettyprint {
    line-height: 1.8em
}

.comment-list .mk-prettyprint {
    max-height: 600px
}

.comment-list .mk-pretty-toolbar {
    display: none
}

.mk-dark .mk-pretty-prebox {
    border: none;
    background: #151718
}

.mk-dark .mk-pretty-title {
    color: #fff;
    border: none
}

.mk-dark .mk-prettyprint ol {
    padding-top: 0
}

.mk-dark .mk-prettyprint ol li {
    border: none
}

.mk-dark .mk-prettyprint .com {
    color: #93a1a1
}

.mk-dark .mk-prettyprint .lit {
    color: #ae81ff
}

.mk-dark .mk-prettyprint .clo,
.mk-dark .mk-prettyprint .opn,
.mk-dark .mk-prettyprint .pun {
    color: #f8f8f2
}

.mk-dark .mk-prettyprint .fun {
    color: #dc322f
}

.mk-dark .mk-prettyprint .atv,
.mk-dark .mk-prettyprint .str {
    color: #e6db74
}

.mk-dark .mk-prettyprint .kwd,
.mk-dark .mk-prettyprint .tag {
    color: #f92659
}

.mk-dark .mk-prettyprint .atn,
.mk-dark .mk-prettyprint .dec,
.mk-dark .mk-prettyprint .typ,
.mk-dark .mk-prettyprint .var {
    color: #a6e22e
}

.mk-dark .mk-prettyprint .pln {
    color: #66d9ef
}

.mk-pjax-anim>div {
    width: 12.5rem;
    height: 5rem;
    margin: 0 auto
}

.mk-pjax-anim>div>span {
    display: inline-block;
    width: .63rem;
    height: 2.5rem;
    animation-name: scale;
    -webkit-animation-name: scale;
    -moz-animation-name: scale;
    -ms-animation-name: scale;
    -o-animation-name: scale;
    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite
}

.mk-pjax-1 {
    background: #2ecc71;
    animation-delay: -1s;
    -webkit-animation-delay: -1s;
    -moz-animation-delay: -1s;
    -ms-animation-delay: -1s;
    -o-animation-delay: -1s
}

.mk-pjax-2 {
    background: #3498db;
    animation-delay: -.9s;
    -webkit-animation-delay: -.9s;
    -moz-animation-delay: -.9s;
    -ms-animation-delay: -.9s;
    -o-animation-delay: -.9s
}

.mk-pjax-3 {
    background: #9b59b6;
    animation-delay: -.8s;
    -webkit-animation-delay: -.8s;
    -moz-animation-delay: -.8s;
    -ms-animation-delay: -.8s;
    -o-animation-delay: -.8s
}

.mk-pjax-4 {
    background: #e67e22;
    animation-delay: -.7s;
    -webkit-animation-delay: -.7s;
    -moz-animation-delay: -.7s;
    -ms-animation-delay: -.7s;
    -o-animation-delay: -.7s
}

.mk-pjax-5 {
    background: #c0392b;
    animation-delay: -.6s;
    -webkit-animation-delay: -.6s;
    -moz-animation-delay: -.6s;
    -ms-animation-delay: -.6s;
    -o-animation-delay: -.6s
}

.mk-pjax-6 {
    background: #e74c3c;
    animation-delay: -.5s;
    -webkit-animation-delay: -.5s;
    -moz-animation-delay: -.5s;
    -ms-animation-delay: -.5s;
    -o-animation-delay: -.5s
}

.mk-pjax-7 {
    background: #e74c8c;
    animation-delay: -.4s;
    -webkit-animation-delay: -.4s;
    -moz-animation-delay: -.4s;
    -ms-animation-delay: -.4s;
    -o-animation-delay: -.4s
}

@-webkit-keyframes scale {

    0%,
    100%,
    40% {
        -webkit-transform: scaleY(.2);
        transform: scaleY(.2)
    }

    20%,
    60% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes scale {

    0%,
    100%,
    40% {
        -webkit-transform: scaleY(.2);
        transform: scaleY(.2)
    }

    20%,
    60% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

.mk-pjax {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0
}

.mk-pjax-mask {
    background: #fff;
    opacity: .9;
    bottom: 0
}

.mk-pjax-anim {
    margin: 0 auto;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

#instantclick {
    display: none
}

.mk-dark-mode-sky,
.mk-dark-mode-sky:before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999999999
}

.mk-dark-mode-sky {
    background: -webkit-gradient(linear, left top, left bottom, from(#feb8b0), to(#fef9db));
    background: -webkit-linear-gradient(#feb8b0, #fef9db);
    background: -o-linear-gradient(#feb8b0, #fef9db);
    background: linear-gradient(#feb8b0, #fef9db)
}

.mk-dark-mode-sky:before {
    -webkit-transition: 2s ease all;
    -moz-transition: 2s ease all;
    -o-transition: 2s ease all;
    transition: 2s ease all;
    opacity: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#4c3f6d), color-stop(#6c62bb), to(#93b1ed));
    background: -webkit-linear-gradient(#4c3f6d, #6c62bb, #93b1ed);
    background: -o-linear-gradient(#4c3f6d, #6c62bb, #93b1ed);
    background: linear-gradient(#4c3f6d, #6c62bb, #93b1ed)
}

.mk-dark .mk-dark-mode-sky:before {
    opacity: 1
}

.mk-dark-mode-planet {
    z-index: 1999999999;
    position: fixed;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    -webkit-animation: mkPlanetMove 2s cubic-bezier(.7, 0, 0, 1);
    -moz-animation: mkPlanetMove 2s cubic-bezier(.7, 0, 0, 1);
    animation: mkPlanetMove 2s cubic-bezier(.7, 0, 0, 1);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes mkPlanetMove {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes mkPlanetMove {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.mk-dark-mode-planet:after {
    position: absolute;
    left: 35%;
    top: 40%;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#fffbe8));
    background: -webkit-linear-gradient(#fefefe, #fffbe8);
    background: -o-linear-gradient(#fefefe, #fffbe8);
    background: linear-gradient(#fefefe, #fffbe8)
}

.mk-dark,
.mk-dark.custom-background {
    background: #010101;
    color: #9e9e9e
}

.mk-dark::-webkit-scrollbar {
    height: .6rem;
    width: .6rem
}

.mk-dark::-webkit-scrollbar-track-piece {
    background-color: transparent
}

.mk-dark::-webkit-scrollbar-thumb {
    height: .6rem;
    width: .6rem;
    border-radius: 100rem;
    background: #767676
}

.mk-dark::-webkit-scrollbar-thumb:hover {
    background: #909090
}

.mk-dark img {
    -webkit-filter: brightness(60%);
    filter: brightness(60%);
    -webkit-transition: .3s ease filter;
    -moz-transition: .3s ease filter;
    -o-transition: .3s ease filter;
    transition: .3s ease filter
}

.mk-dark img:hover {
    -webkit-filter: brightness(80%);
    filter: brightness(80%)
}

.mk-dark .mk-side-form input,
.mk-dark input,
.mk-dark textarea {
    background: #0d0d0d;
    border-color: #333;
    color: inherit
}

.mk-dark input:focus,
.mk-dark textarea:focus {
    background: #1e1e1e
}

.mk-dark table td,
.mk-dark table th {
    border-color: #373737
}

.mk-dark table th {
    background-color: #2b2b2b
}

.mk-dark table td:hover {
    background-color: #212121
}

.mk-dark .mk-tabs .mk-tabs-head .mk-tab-title {
    background: 0 0;
    color: inherit;
    border-color: #373737
}

.mk-dark .mk-tabs .mk-tabs-head .mk-tab-title.selected,
.mk-dark .mk-tabs .mk-tabs-head .mk-tab-title:hover {
    border-bottom-color: #373737;
    background: #373737;
    color: inherit
}

.mk-dark .mk-tabs .mk-tabs-body {
    border-color: #373737
}

.mk-dark .mk-timeline {
    border-color: #3f3f3f;
    color: inherit
}

.mk-dark .mk-timeline b::after {
    box-shadow: none;
    background-color: #1a1a1a;
    border-color: #707070
}

.mk-dark .mk-embed-content {
    background-color: hsla(0, 0%, 0%, .81);
    border: .02em solid #010101;
    color: #d0d0d0
}

.mk-dark .mk-collapse-title {
    background: #2d2d2d;
    color: inherit
}

.mk-dark .mk-collapse-title:hover {
    background-color: #4b4b4b
}

.mk-dark .page-navi {
    background: #1a1a1a;
    text-shadow: none
}

.mk-dark .mk-pjax-mask {
    background: #000
}

.mk-dark .fancybox-content {
    background: #1c1c1c;
    border: 1px solid #333
}

.mk-dark .emoji_container {
    background: #1c1c1c;
    border-color: #4a4a4a
}

.mk-dark .emoji_tab {
    background: #1a1a1a;
    border-color: #4a4a4a
}

.mk-dark .emoji_content ul li {
    border-color: #313030
}

.mk-dark .emoji_tab_list ul li.selected {
    background: #000
}

.mk-dark .emoji_preview {
    background: #1a1a1a
}

.mk-dark #top-navi,
.mk-dark #top-navi .main-menu ul ul {
    box-shadow: none
}

.mk-dark #top-navi,
.mk-dark #top-navi .main-menu ul ul,
.mk-dark #top-navi:hover {
    background: #2d2d2d
}

.mk-dark #top-navi .main-menu ul li a {
    color: #9e9e9e
}

.mk-dark .top-navi-logo>img {
    -webkit-filter: hue-rotate(20deg);
    filter: hue-rotate(20deg)
}

.mk-dark .top-navi-logo>h1 {
    text-shadow: none;
    color: inherit
}

@media screen and (max-width:750px) {

    .mk-dark .main-menu,
    .mk-dark .main-menu-on .main-menu {
        box-shadow: none;
        border-right: 1px solid #333;
        color: #9e9e9e;
        background: #2d2d2d
    }

    .mk-dark #top-navi .main-menu ul li a:hover {
        background: #4d4d4c
    }
}

.mk-dark .home-notice {
    background: #1a1a1a;
    border-color: #373737
}

.mk-dark .banner-bg-header:after,
.mk-dark iframe:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: .2
}

.mk-dark .post-item-card .post-item-card-body,
.mk-dark .post-item-list {
    background: #0f0f0f;
    border-color: #212121
}

.mk-dark .post-item-card .item-thumb:after {
    opacity: .4
}

.mk-dark .post-item-card .entry-title>a,
.mk-dark .post-item-list .entry-title>a {
    color: inherit
}

.mk-dark .post-item-list .entry-title>a:hover {
    color: #dcdcdc
}

.mk-dark #post-lists .entry-meta,
.mk-dark #post-lists .entry-meta>a {
    color: #6d6d6d
}

.mk-dark .post-item-list>.post-item-img:after {
    border-color: #9b9b9b #000;
    border-color: rgba(0, 0, 0, .5) #000
}

.mk-dark .type-page,
.mk-dark .type-post,
.mk-dark .width-short {
    background: #1a1a1a
}

.mk-dark .entry-title {
    color: #9e9e9e
}

.mk-dark .header-info,
.mk-dark .header-info a {
    text-shadow: none;
    color: inherit;
    border-color: inherit
}

.mk-dark .entry-content h1,
.mk-dark .entry-content h2,
.mk-dark .entry-content h3,
.mk-dark .entry-content h4,
.mk-dark .entry-content h5 {
    color: inherit
}

.mk-dark .entry-content blockquote {
    border-color: #3f3f3f
}

.mk-dark .entry-content img {
    border-color: transparent
}

.mk-dark .entry-content code {
    color: inherit;
    background-color: #2d2d2d
}

.mk-dark #article-menu ul {
    border-color: #2d2d2d
}

.mk-dark #article-menu ul>li:not(.active)>a {
    color: #9e9e9e
}

.mk-dark .comment-content-text a:not([class]):not([data-fancybox]),
.mk-dark .entry-content a:not([class]):not([data-fancybox]),
.mk-dark .links,
.mk-dark a:not(.btn) {
    color: inherit;
    border-color: inherit
}

.mk-dark .mk-checkbox {
    color: inherit
}

.mk-dark fieldset {
    border-color: #333
}

.mk-dark .social-main {
    border-color: #666
}

.mk-dark .comment-form-tools {
    border-color: inherit
}

.mk-dark .comment-list>li:after {
    background: #3d3d3d
}

.mk-dark .btn,
.mk-dark .mk-alert,
.mk-dark .mk-embed-card,
.mk-dark .shuoshuo-content-inner,
.mk-dark button,
.mk-dark fieldset>legend {
    opacity: .8
}

.mk-dark .mk-alert img,
.mk-dark .mk-embed-card img,
.mk-dark .shuoshuo-content-inner img {
    -webkit-filter: none;
    filter: none
}

.mk-dark .shuoshuo-header .shuoshuo-info a,
.mk-dark .shuoshuo-header .shuoshuo-info span {
    color: #6d6d6d
}

.mk-dark .home-links {
    background: #0f0f0f;
    border: none;
    border-radius: .3em
}

.mk-dark .home-links h3 {
    color: inherit
}

.mk-dark .home-links .friend-link:not(:hover) {
    color: #666
}

.mk-dark #site-footer,
.mk-dark #site-footer a {
    color: #2f2f2f
}

.mk-dark .dp-highlighter {
    position: relative;
    border-color: #666;
    background: #191919
}

.mk-dark .dp-highlighter .columns div,
.mk-dark .dp-highlighter ol li {
    border-color: #666
}

.mk-dark .dp-c .keyword,
.mk-dark .dp-c .string {
    color: #acacac
}

.mk-dark .dp-highlighter ol li span {
    color: #8b8b8b
}

.mk-dark .corner-btn,
.mk-dark a.corner-btn {
    background: #1a1a1a;
    box-shadow: none;
    border-color: #333
}

.mk-dark .theme-control-panel {
    background: #1a1a1a;
    box-shadow: none;
    border: .06em solid #333
}

.mk-dark .moon-icon {
    background: #1a1a1a;
    box-shadow: inset .5em -.5em 0 0 #999
}

.mk-dark .theme-control-panel hr {
    border-color: #333
}

input.task-list-item-checkbox {
    width: auto
}