@charset "utf-8"; /**
 * Theme: mkBlog  
 * Website: https://mkblog.cn/theme-mkblog/
 */
/* 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
}

.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 */
:root,.mk-dark {
    --theme-color: #eb5055
}

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

html {
    font-size: 100%
}

body,input,button,textarea,.fancybox-container {
    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)
}

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

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


img {
    border: 0;
    -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:before,.clear-fix:after {
    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
}

body,html,#mkblog-body {
    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 th,table td {
    border: .1em solid #f2f2f2;
    padding: .6em .8em
}

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

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

input:not([type~="checkbox"]):not([type~="radio"]),textarea,button,.btn {
    -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
}

input:not([type~="checkbox"]):not([type~="radio"]):disabled,textarea:disabled,button:disabled,.btn: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
}

button,.btn {
    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
}

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

button:active,.btn: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,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,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,0.3),0 0 0 .08rem rgba(0,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,0.3),0 0 0 .08rem #eb5055;
    box-shadow: 0 .15rem .3rem rgba(0,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,0.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>*:last-child,.mk-tabs .mk-tabs-body .mk-tab-content>.table-responsive:last-child table {
    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: normal;
    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 rgba(255,255,255,1),-0.15em -0.15em 0 rgba(255,255,255,1)
}

.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 input,.mk-side-form button {
    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
}

#mkblog-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,0.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:hover,#top-navi.headroom--top {
    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;
    filter: alpha(Opacity=98);
    -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) {
    #mkblog-body {
        padding-top:4rem
    }

    #top-navi {
        height: 3.15rem;
        box-shadow: 5px 0 5px 0 rgba(0,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,0.68)
    }

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

    #top-navi .main-menu:before {
        content: "Navigation";
        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;
        filter: alpha(Opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        background-color: transparent;
		   padding-left:48px;
        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)
    }

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

    .main-menu-on >#mkblog-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 >#mkblog-body:after {
        content: "";
        cursor: pointer;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 998;
        left: 0;
        top: 0;
        background-color: rgba(0,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 li,.home-notice a {
    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(../bg/bg.php) no-repeat;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    padding:28.8rem 0 2.4rem;;
    text-align: center;
    position: relative;
    margin-top: -6rem;
    margin-bottom: 1.6rem
}

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

.banner-bg-header .banner-sub-title {
    font-weight: normal;
    color: #eee;
    color: rgba(255,255,255,0.54)
}

@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: 75rem;
    margin: 0 auto;
    padding: 0 1.2rem 1.2rem
}

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

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

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

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

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

.post-item-card .thumbnail {
    display: inherit;
    min-height: 11rem;
	height: 14rem;
	width:100%;
    -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(0.19rem);
    -moz-filter: blur(0.19rem);
    filter: blur(0.19rem)
}

.post-item-card .item-thumb:before {
    content: "Loading...";
    position: absolute;
    width: 100%;
    left: 0;
    background-color: #eee;
    background-color: rgba(238,238,238,0.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: 30%;
    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: bold
}

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

#post-lists .entry-meta,.entry-meta>a {
    font-size: .9rem;
    text-decoration: none;
    color: #fff;
    top: 0
}

#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: 11rem
    }

    .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,.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,0.61);
    border-radius: .3em;
    overflow: hidden
}

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

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

.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,#post-lists .post-item-list .entry-meta a {
    color: #969696;
    position: relative;
    font-size: .9em
}

.post-item-list >.post-item-img {
    display: block;
    width: 24em;
    height: 16em;
    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,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;
	border-radius:5px
}

@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: 0;
    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: 75rem;
    padding: 1.2rem;
    margin: 0 auto;
    background-color: #fff;
    background-color: rgba(255,255,255,0.68);
    border-radius: .9rem
}

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

.entry-title {
    font-size: 1.58rem;
    color: #222;
    font-weight: normal;
    -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 p,.entry-content hr,.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content ul,.entry-content ol,.entry-content table,.entry-content blockquote,.entry-content fieldset,.entry-content .mk-collapse,.entry-content .mk-embed-card,.entry-content .mk-alert,.entry-content .mk-tabs,.entry-content .gallery,.entry-content .mk-pretty-container {
    margin: 0 0 1.35em
}

.mk-collapse-content >*:last-child,.entry-content th >*:last-child,.entry-content td >*: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 ul,.entry-content ol {
    padding-left: 1.3em
}

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

.entry-content h1 {
    font-weight: normal;
    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,0.03);
    border-radius: .19em;
    padding: .13em .32em;
    font-size: 100%;
    font-weight: normal;
    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,0.15);
    -moz-box-shadow: 0 0 2.02em rgba(0,0,0,0.15);
    box-shadow: 0 0 2.02em rgba(0,0,0,0.15)
}

.entry-content a:not([class]):not([data-fancybox]),.comment-content-text 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
}

.entry-content a:not([class]):not([data-fancybox]):hover,.comment-content-text 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,.70);
    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: 0;
    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: 0;
    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: 0
}

.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 >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: -0.22rem
}

.social-main .like:hover {
    background: 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:hover .likeHeart,.social-main .like:focus .likeHeart {
    background-position: right
}

.social-main .like:hover .likeHeart:before,.social-main .like:hover .likeHeart:after {
    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: -0.38em
    }

    60% {
        margin-left: .22em
    }

    80% {
        margin-left: -0.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: -0.38em
    }

    60% {
        margin-left: .22em
    }

    80% {
        margin-left: -0.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 .fa {
    color: #aab8c2
}

.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-share,#article-menu {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(0,-50%)
}

#article-share {
    margin-left: -41rem;
    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-share,#article-menu {
        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: 38rem;
    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
}

.comment-reply-title span,#cancel-comment-reply-link {
    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-btn,.comment-pic-upload #comment-pic-upload {
    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-btn,.comment-pic-upload:hover #comment-pic-upload {
    background: #f5f3f3
}

.comment-pic-upload.ondrag .comment-pic-upload-btn,.comment-pic-upload.ondrag #comment-pic-upload {
    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: 0;
    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;
    filter: alpha(opacity=50);
    -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 {
    filter: alpha(opacity=100);
    -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 p,.comment-content-text blockquote,.comment-content-text .mk-pretty-container {
    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 >.children,.comment-list >li:after,.comment-list >.depth-1 >#respond {
    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: 0;
    margin-right: .3em
}

@media screen and (max-width: 750px) {
    .comment-content-area,.comment-list >.depth-1 >.children,.comment-list >li:after,.comment-list >.depth-1 >#respond {
        margin-left:4em
    }
}

@media screen and (max-width: 500px) {
    .comment.depth-1>.children,.comment-list>li:after,.comment-list>.comment.depth-1>#respond {
        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
}

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

.page-navi {
    padding: .4rem 1.2rem
}

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

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

.page-navi li a,.page-numbers,.article-navi span,.article-navi >a >span {
    display: inline-block;
	margin:0 4px;
	background:#fff;
	width:36px;
	height:36px;
	line-height:36px;
    font-size: 1rem;
	border-radius:18px;
    color: #df846c;
    text-decoration: none
}

.page-navi a:hover {
    background:#df846c;
	color:#fff;
}
.comment-navi a:hover {
    background:#df846c;
	color:#fff;
}
.article-navi a:hover {
    background:#df846c;
	color:#fff;
}
.page-navi li.current a,.page-numbers.current,.article-navi span {
    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: 2.6%;
    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,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,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: 0;
    border-top: .1em solid #eee
}

.theme-control-font button,.theme-control-font .btn {
    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 -0.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
}

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

.mk-prettyprint,.mk-pretty-container textarea,.entry-content code {
    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-prettyprint,.mk-pretty-container textarea {
    line-height: 1.8em
}

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

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

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

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

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

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

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

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

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

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

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

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

.mk-dark .mk-prettyprint .typ,.mk-dark .mk-prettyprint .atn,.mk-dark .mk-prettyprint .dec,.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: -0.9s;
    -webkit-animation-delay: -0.9s;
    -moz-animation-delay: -0.9s;
    -ms-animation-delay: -0.9s;
    -o-animation-delay: -0.9s
}

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

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

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

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

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

@-webkit-keyframes scale {
    0%,40%,100% {
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.2)
    }

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

@keyframes scale {
    0%,40%,100% {
        -webkit-transform: scaleY(0.2);
        transform: scaleY(0.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(0deg);
        transform: rotate(0deg)
    }

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

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

    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 input,.mk-dark textarea,.mk-dark .mk-side-form input {
    background: #0d0d0d;
    border-color: #333;
    color: inherit
}

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

.mk-dark table th,.mk-dark table td {
    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: transparent;
    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%,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:hover,.mk-dark #top-navi .main-menu ul ul {
    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 .entry-meta>a {
    color: #fff
}

.mk-dark .post-item-list >.post-item-img:after {
    border-color: #9b9b9b #000;
    border-color: rgba(0,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 a:not(.btn),.mk-dark .entry-content a:not([class]):not([data-fancybox]),.mk-dark .comment-content-text a:not([class]):not([data-fancybox]),.mk-dark .links {
    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 .shuoshuo-content-inner,.mk-dark fieldset >legend,.mk-dark .mk-embed-card,.mk-dark .mk-alert,.mk-dark button,.mk-dark .btn {
    opacity: .8
}

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

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

.mk-dark .home-links {
    background: #0f0f0f;
    border: 0;
    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 ol li,.mk-dark .dp-highlighter .columns div {
    border-color: #666
}

.mk-dark .dp-c .string,.mk-dark .dp-c .keyword {
    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 -0.5em 0 0 #999
}

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

a img {
    transition: all 0.5s ease-in-out 0s;
}

a:hover img {
    transform: scale(1.05);
}

  .post-item-card-body:hover{
        z-index: 2; /*设置在顶层显示*/
        -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);    /*添加阴影*/
        box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        -webkit-transform: translate3d(0, -2px, 0);     /*向上浮动*/
        transform: translate3d(0, -2px, 0);
    }


.parallax > use{animation: move-forever 12s linear infinite;}.parallax > use:nth-child(1){animation-delay: -2s;}.parallax > use:nth-child(2){animation-delay: -2s; animation-duration: 5s;}.parallax > use:nth-child(3){animation-delay: -4s; animation-duration: 3s;}@keyframes move-forever{0%{transform: translate(-90px, 0%);} 100%{transform: translate(85px, 0%);}}.wiiuii_layout{width: 100%;height: 102px;position: absolute;overflow: hidden;z-index: 1;background: var(--footer-bg);top:398px;}.editorial{display: block; width: 100%; height: 102px; margin: 0;}


body,button{
	cursor: url(cursor/Zhand.cur), default;
}
a:hover{
	cursor: url(cursor/Zlink.cur), pointer;
}
textarea,input,input:focus{
	cursor:url(cursor/ZdotNS.cur), text;	
}

@media (max-width: 767px) {
    .banner-bg-header,.wiiuii_layout {
        display: none;
    }
}