style.less

body, html {
    min-height: 100%;
}
body {
    font-family: -apple-system, "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
}
body.mdui-theme-primary-red {
    --mdx-theme-color: 244, 67, 54;
    --mdx-text-color: 255, 255, 255;
}
body.mdui-theme-primary-pink {
    --mdx-theme-color: 233, 30, 99;
    --mdx-text-color: 255, 255, 255;
}
body.mdui-theme-primary-purple {
    --mdx-theme-color: 156, 39, 176;
    --mdx-text-color: 255, 255, 255;
}
body.mdui-theme-primary-deep-purple {
    --mdx-theme-color: 103, 58, 183;
    --mdx-text-color: 255, 255, 255;
}
body.mdui-theme-primary-indigo {
    --mdx-theme-color: 63, 81, 181;
    --mdx-text-color: 255, 255, 255;
}
body.mdui-theme-primary-blue {
    --mdx-theme-color: 33, 150, 243;
    --mdx-text-color: 0, 0, 0;
}
body.mdui-theme-primary-light-blue {
    --mdx-theme-color: 3, 169, 244;
    --mdx-text-color: 0, 0, 0;
}
body.mdui-theme-primary-cyan {
    --mdx-theme-color: 0, 188, 212;
    --mdx-text-color: 0, 0, 0;
}
body.mdui-theme-primary-teal {
    --mdx-theme-color: 0, 150, 136;
    --mdx-text-color: 255, 255, 255;
}
body.mdui-theme-primary-green {
    --mdx-theme-color: 76, 175, 80;
    --mdx-text-color: 0, 0, 0;
}
body.mdui-theme-primary-light-green {
    --mdx-theme-color: 139, 195, 74;
    --mdx-text-color: 0, 0, 0;
}
body.mdui-theme-primary-lime {
    --mdx-theme-color: 189, 201, 54;
    --mdx-text-color: 0, 0, 0;
}
body.mdui-theme-primary-yellow {
    --mdx-theme-color: 230, 209, 53;
    --mdx-text-color: 0, 0, 0;
}
body.mdui-theme-primary-amber {
    --mdx-theme-color: 241, 184, 10;
    --mdx-text-color: 0, 0, 0;
}
body.mdui-theme-primary-orange {
    --mdx-theme-color: 255, 152, 0;
    --mdx-text-color: 0, 0, 0;
}
body.mdui-theme-primary-deep-orange {
    --mdx-theme-color: 255, 87, 34;
    --mdx-text-color: 0, 0, 0;
}
body.mdui-theme-primary-brown {
    --mdx-theme-color: 121, 85, 72;
    --mdx-text-color: 255, 255, 255;
}
body.mdui-theme-primary-grey {
    --mdx-theme-color: 158, 158, 158;
    --mdx-text-color: 0, 0, 0;
}
body.mdui-theme-primary-blue-grey {
    --mdx-theme-color: 96, 125, 139;
    --mdx-text-color: 255, 255, 255;
}
body {
    --mdx-theme-color-with-white: var(--mdx-theme-color);
}
body.mdui-theme-primary-grey.mdx-theme-white {
    --mdx-theme-color-with-white: 224, 224, 224;
}
body {
    --mdx-theme-color-with-white-head: var(--mdx-theme-color-with-white);
    --mdx-text-color-head: var(--mdx-text-color);
}
body.mdx-index-void {
    --mdx-theme-color-with-white-head: 247, 247, 247;
    --mdx-text-color-head: 0, 0, 0;
}
body.mdui-theme-layout-dark {
    --mdx-theme-color-with-white-head: 33, 33, 33;
    --mdx-text-color-head: 255, 255, 255;
}
body.mdui-theme-layout-dark.mdx-index-void {
    --mdx-theme-color-with-white-head: 48, 48, 48;
}
.body-grey {
    background-color: #f5f5f5;
}
.body-grey1 {
    background-color: #ebebeb;
}
.mdx-search-lock {
    overflow-y: hidden !important;
}
body.mdui-theme-layout-dark.body-grey, body.mdui-theme-layout-dark.body-grey1 {
    background-color: #3a3a3a;
}
div.mdui-card > div > div > div > a {
    color: #fff;
    text-decoration: none;
}
.click {
    -webkit-transition: all .3s;
    transition: all .3s;
}
.click:hover {
    opacity: .5;
}
body.has-admin-bar #titleBar, body.has-admin-bar #titleBarinPost, body.has-admin-bar .mdui-toolbar, body.has-admin-bar .titleBarinAc {
    top: 2pc;
}
.has-admin-bar .mdui-drawer {
    padding-top: 32px;
}
.has-admin-bar .mdx-side-title > button.mdui-btn-icon {
    margin-top: 32px;
}
.theFirstPage {
    z-index: 2;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0 !important;
    transition: opacity .3s;
}
.theFirstPage.mdx-bg-loaded {
    opacity: 1 !important;
}
.theFirstPage, .theFirstPageBackGround {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 61.8%;
}
.theFirstPageBackGround {
    z-index: 1;
}
.mdui-theme-layout-dark .PostTitleFillPageBackGround, .mdui-theme-layout-dark .theFirstPageBackGround {
    background-color: #212121 !important;
}
.theFirstPageSay {
    z-index: 4;
    height: 61.8%;
    font-size: 22px;
}
#theFirstPageSayContent {
    padding: 0px 30px;
}
.theFirstPageSay, .theFirstPageSmall {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.theFirstPageSmall {
    z-index: 1;
    height: 270px;
}
.titleBarGobal {
    position: fixed;
    height: 4pc;
    width: 100%;
}
#titleBarinPost, .mdui-toolbar, .titleBarinAc {
    -webkit-transition: all .3s;
    transition: all .3s;
    top: 0;
}
#titleBarinPost {
    width: 100%;
}
.info a {
    color: #000;
    text-decoration: none;
}
.mdui-theme-layout-dark .info a {
    color: #fff;
}
.main {
    top: 61.8%;
    background-color: #f7f7f7;
}
.main, .main-in-other {
    position: absolute;
    left: 0;
    z-index: 2;
    width: 100%;
}
.main-in-other {
    top: 290px;
}
.postList {
    padding-top: 15px;
    width: 95%;
    max-width: 1000px;
    text-align: center;
    .status-link {
        text-decoration: none;
    }
}
.mdx-wide-post-list .postList {
    max-width: 1200px;
}
.foot {
    box-sizing: border-box;
    padding: 20px 0;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    background-color: #f0f0f0;
    color: #787878;
    font-weight: 300;
    font-size: 15px;
    line-height: 25px;
    .mdx-footer-icon-link {
        display: inline-flex;
    }
}
.foot.mdx-footer-clean {
    padding: 10px 0;
    .mdx-copyright {
        float: right;
    }
    &:after{
        content: " ";
        display: block;
        height: 0;
        width: 0;
        clear: both;
        visibility: hidden;;
    }
}
.foot.mdx-footer-morden {
    padding: 30px 0;
}
.foot a {
    color: #464646;
}
.postDiv {
    margin: 15px;
    width: 100%;
    max-width: 700px;
}
.staDiv {
    min-height: 170px;
}
.staDiv, .staDivgaid {
    position: relative;
    box-sizing: border-box;
    background-color: #e8e8e8;
}
.staDivgaid {
    display: inline-block !important;
    margin: 5px 8px 5px 2px !important;
    width: 343px;
    height: 230px;
    border-radius: 3px;
}
.mdx-wide-post-list .staDivgaid {
    width: calc(33.3% - 13.4px) !important;
    margin: 10px 0 !important;
}
.sayInSta {
    padding: 70px 30px 50px;
    min-height: 170px;
}
.sayInSta, .sayInStaGaid {
    box-sizing: border-box;
    width: 100%;
    color: #505050;
    font-size: 20px;
}
.sayInStaGaid {
    padding: 55px 30px;
    height: 230px;
}
.span-4 {
    max-height: 100%;
}
.mdui-theme-layout-dark .span-4 {
    color: hsla(0, 0%, 100%, .87);
}
.art-4 {
    overflow-y: scroll;
}
.coun-read {
    float: right;
}
.ct1 {
    background-color: rgba(0, 0, 0, .5);
}
.ct1-p {
    padding: 0 10px;
    font-size: 17px;
    opacity: .7;
}
body.mdui-theme-layout-dark .ct1-p {
    color: #fff !important;
}
.info {
    line-height: 36px;
    opacity: .4;
}
.info-icon {
    font-size: 14px;
}
.PostTitle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    box-sizing: border-box;
    padding: 0 10px;
    width: 100%;
    height: 33%;
    text-align: center;
}
.PostTitle > h1 {
    overflow-wrap: break-word;
    width: 100%;
    font-weight: bold;
}
.PostTitle2 {
    height: 40%;
}
.PostTitlePage {
    z-index: 3;
    box-sizing: border-box;
    padding: 0 10px;
    text-align: center;
    font-weight: bold;
}
.PostTitleFill, .PostTitlePage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45%;
}
.PostTitleFill, .PostTitleFillBack2 {
    z-index: 1;
}
.PostTitleFill2, .PostTitleFillBack2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
}
.PostTitleFill2 {
    z-index: 2;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-filter: brightness(.8);
    filter: brightness(.8);
    transition: opacity .3s;
    opacity: 0;
}
.PostTitleFill2.mdx-bg-loaded {
    opacity: 1;
}
.mdui-theme-layout-dark .PostTitleFill2 {
    background-color: #212121 !important;
}
.PostTitleFillPage {
    z-index: 2;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity .3s;
}
.PostTitleFillPage.mdx-bg-loaded {
    opacity: 1;
}
.PostTitleFillPage, .PostTitleFillPageBackGround {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45%;
}
.PostTitleFillPageBackGround {
    z-index: 1;
}
.PostMain {
    position: absolute;
    top: 25%;
    left: 0;
    z-index: 3;
    width: 100%;
}
.PostMain2 {
    top: 40%;
}
.PostMain2 > .ArtMain0 {
    padding-top: 15px !important;
}
.PostMainPage {
    top: 45%;
    background-color: #fff;
}
.mdui-theme-layout-dark .PostMainPage, .mdui-theme-layout-dark .main {
    background-color: #303030;
}
.ArtMain {
    z-index: 3;
    width: 55%;
    max-width: 1800px;
}
.ArtMain0 {
    z-index: 3;
    box-sizing: border-box;
    margin-bottom: 30px;
    width: 57%;
    max-width: 1800px;
    border-radius: 7px 7px;
    background-color: #fff;
}
.main .mdx-clean-footer, .main-in-other .mdx-clean-footer {
    width: 90%;
    max-width: 700px;
    margin: 0 auto;
    text-align: left;
}
.mdx-wide-post-list .main .mdx-clean-footer, .mdx-wide-post-list .main-in-other .mdx-clean-footer {
    max-width: 1200px;
}
.PostMain .mdx-clean-footer {
    width: 57%;
    max-width: 5000px;
    margin: 0 auto;
    text-align: left;
}
.PostMain2 .mdx-clean-footer {
    width: 57%;
    max-width: 5000px;
    margin: 0 auto;
    text-align: left;
}
.mdx-footer-content {
    line-height: 21px;
    font-weight: normal;
    margin-left: 15px;
    display: inline-block;
    opacity: .7;
    height: 42px;
}
.mdx-clean-footer .mdx-logo {
    max-height: 30px;
    filter: grayscale(1);
}
.mdui-theme-layout-dark .mdx-clean-footer .mdx-logo {
    filter: grayscale(1) brightness(1) !important;
}
.mdx-clean-footer a.mdx-footer-title {
    font-size: 35px;
    font-weight: bold;
    margin-top: 7px;
    display: inline-block;
    vertical-align: top;
    color: #787878;
}
.mdx-clean-footer hr {
    height: 10px;
    margin-bottom: .8em;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}
.mdui-theme-layout-dark .mdx-clean-footer hr {
    border-color: rgba(255, 255, 255, .12);
}
.mdui-theme-layout-dark .ArtMain0 {
    background-color: #303030;
}
div.ArtMain0 > article {
    margin: 0 20px;
}
.PostMainImg {
    clear: both;
    display: block;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    width: 82%;
    max-width: 600px;
}
.PostMainImg, .PostMainImg0 {
    min-height: 150px;
    background-color: #2d2d2d;
}
.PostMainImg0 {
    width: 100%;
    border-radius: 7px 7px 0 0;
}
article img {
    height: auto;
    max-width: 100%;
}
article embed, article iframe, article video {
    width: 100% !important;
}
article a {
    color: #2196f3;
    -webkit-transition: all .3s;
    transition: all .3s;
}
article a:hover {
    opacity: .9;
}
article .mdx-sc-list {
    overflow: auto;
    padding: 0;
    margin-bottom: 1.2em!important;
    background-color: rgba(127, 127, 127, .03);
    border-radius: 2px;
    & > a {
        color: currentColor!important;
        width: 100%;
        &::before {
            height: 0;
            display: none;
            content: none;
        }
    }
    .mdx-sc-list-item {
        .mdx-sc-list-subtitle {
            font-size: 14px;
            margin-top: -7px;
        }
        .mdui-list-item-title + .mdui-list-item-text {
            margin-top: 0;
        }
        .mdui-list-item-avatar figure {
            margin: 0!important;
            height: 100%;
            img {
                height: 100%;
                object-fit: cover;
            }
        }
    }
}
article .mdx-sc-list.mdui-list {
    padding-left: 0;
}
.title, article h2, article h3, article h4 {
    text-align: left;
    font-weight: 700;
}
h3.link-title {
    text-align: center;
    color: rgba(0, 0, 0, .87) !important;
}
.mdui-theme-layout-dark h3.link-title {
    color: hsla(0, 0%, 100%, .87) !important;
}
.mdx-say-after.mdui-card {
    margin: 0 auto;
    margin-bottom: 20px;
    background-color: #EDEDED;
    box-shadow: none;
    word-break: break-all;
    & > svg {
        position: absolute;
        width: 120px;
        height: 120px;
        top: -32px;
        right: -37px;
        opacity: .05;
        pointer-events: none;
    }
}
.ArtMain0 .mdx-say-after.mdui-card {
    background-color: #f5f5f5;
    margin-bottom: 0;
    border-radius: 0 !important;
}
body.mdui-theme-layout-dark .mdx-say-after.mdui-card {
    background-color: #292929;
    & > svg {
        filter: invert(1);
    }
}
body.mdui-theme-layout-dark .ArtMain0 .mdx-say-after.mdui-card {
    background-color: #383838;
}
.mdx-say-after > div {
    padding: 16px;
}
.ArtMain0 .mdx-say-after > div {
    border-left: 5px solid rgb(158, 158, 158);
}
.mdx-ad-after-article {
    width: 94%;
    margin: 0 auto;
}
.mdx-ad-after-post {
    width: 100%;
}
.mdx-ad-after-links {
    width: calc(92% - 16px);
    margin: 0 auto;
}
.mdui-typo .title, .mdui-typo article h1, .mdui-typo article h2, .mdui-typo article h3, .mdui-typo article h4, .mdui-typo article h5, .mdui-typo article h6, article.mdui-typo h1, article.mdui-typo h2, article.mdui-typo h3, article.mdui-typo h4, article.mdui-typo h5, article.mdui-typo h6 {
    color: rgb(var(--mdx-theme-color));
}
article p {
    color: #4b4b4b;
    font-size: 17px;
}
.scrollToTop {
    z-index: 12;
}
#indic {
    position: fixed;
    right: 13.5px;
    bottom: 13.5px;
    z-index: 109;
    width: 60px;
    height: 60px;
    opacity: .7;
    pointer-events: none;
    transform: scale(0) translateZ(0px);
    transition: cubic-bezier(.4, 0, 1, 1), transform .2s;
}
.mdx-tools-up-in #indic {
    bottom: 85.5px;
}
div.PostMain > div.ArtMain > article {
    margin-top: 45px;
    margin-bottom: 20px;
}
div.PostMain > div.ArtMain0 > article {
    margin-top: 15px;
    margin-bottom: 20px;
}
.backGround {
    left: 15px;
    padding: 10px;
    border-radius: 0 0 5px 5px;
    background-color: #dadada;
    color: grey;
}
.backGround, .staTime {
    position: absolute;
    top: 0;
    font-size: 15px;
}
.sta-4 {
    background: -webkit-linear-gradient(top, #e8e8e8 90%, transparent 100%);
    background: linear-gradient(to bottom, #e8e8e8 90%, transparent 100%);
}
.mdui-theme-layout-dark .sta-4 {
    background: -webkit-linear-gradient(top, #424242 90%, transparent 100%);
    background: linear-gradient(to bottom, #424242 90%, transparent 100%);
}
.staTime {
    left: 0;
    box-sizing: border-box;
    padding: 15px;
    width: 100%;
    color: #bcbcbc;
}
.outofSta {
    min-height: 170px;
}
.outofStaGaid {
    height: 180px;
}
.outofSta4 {
    min-height: 250px;
}
body.mdui-locked {
    overflow: auto;
}
ul#mdx_menu > li a {
    display: inline-block;
    width: 100%;
    height: 3pc;
    font-size: 17px;
    line-height: 3pc;
    text-overflow: ellipsis;
    overflow: hidden;
}
.sideImg {
    position: relative;
    width: 100%;
    height: 200px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.sideImg > div.mdx-side-lazyload {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: opacity .3s;
    opacity: 0;
}
.sideImg > div.mdx-side-lazyload.mdx-bg-loaded {
    opacity: 1;
}
.nightVision {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, .5);
    z-index: 4;
}
.mdui-theme-layout-dark #left-drawer {
    background-color: #303030 !important;
    color: #fff !important;
}
.mdui-theme-layout-dark .sayInSta, .mdui-theme-layout-dark article p {
    color: hsla(0, 0%, 100%, .8) !important;
}
.mdui-theme-layout-dark .backGround {
    background-color: #525252;
}
.mdui-theme-layout-dark .staTime {
    color: #5a5a5a;
}
.mdui-theme-layout-dark img {
    -webkit-filter: brightness(.8);
    filter: brightness(.8);
}
.mdui-theme-layout-dark.mdx-always-dark img {
    -webkit-filter: brightness(1);
    filter: brightness(1);
}
.mdui-theme-layout-dark div.PostTitleFillBack2[class*=mdui-color-], .mdui-theme-layout-dark div.PostTitleFill[class*=mdui-color-], .mdui-theme-layout-dark div.PostTitle[class*=mdui-color-] {
    background-color: #212121 !important;
    color: #fff !important;
}
.mdx-logo {
    width: auto;
    max-height: 45px;
    vertical-align: middle;
}
.side-info-head {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 65px;
    height: 65px;
    border-radius: 65px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
    opacity: 0;
    transition: opacity .3s;
}
.side-info-head.mdx-bg-loaded {
    opacity: 1;
}
.side-info-more {
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    padding: 20px;
    color: #fff;
    font-size: 17px;
    z-index: 3;
}
.side-info-oth {
    color: hsla(0, 0%, 100%, .7);
    font-size: 13px;
}
li.current-menu-item, li.current_page_item {
    background-color: rgba(0, 0, 0, .08);
    font-weight: 700;
}
li.current-menu-item div.mdui-list-item-content, li.current_page_item div.mdui-list-item-content {
    font-weight: 700;
}
#qrcode {
    overflow: hidden;
    padding: 7px;
    width: 164px;
    height: 164px;
    background-color: #fff !important;
}
#img-box {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10002;
    width: 100%;
    height: 100%;
    background-color: #242424;
    display: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 0;
    &.opacity-bg {
        background-color: rgba(36, 36, 36, .85);
    }
}
.mdx-loading-img {
    position: fixed;
    top: 50px;
    left: 0;
    z-index: 10004;
    width: 100vw;
    height: calc(100vh - 50px);
}
.mdx-loading-img > div {
    width: 100%;
    text-align: center;
}
#loading {
    right: 0;
    z-index: 20;
    z-index: 10003;
    height: 100%;
    pointer-events: none;
}
#loading, body > .mdui-progress {
    position: fixed;
    top: 0;
    width: 100%;
}
body > .mdui-progress {
    left: 0;
    z-index: 10001;
    border-radius: 0;
}
#SearchBar {
    z-index: 10009;
    display: none;
    background-color: transparent;
    -webkit-transition: all .3s;
    transition: all .3s;
}
#SearchBar > * {
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}
.outOfSearch {
    box-sizing: border-box;
    margin: 0 7px;
    padding: 5px 0 5px 9pt;
    width: 30%;
    height: 80%;
    border-radius: 3px;
    background-color: hsla(0, 0%, 100%, .3);
    -webkit-transition: all .7s;
    transition: all .7s;
}
.seaicon {
    margin-top: 3px;
}
.seainput {
    display: inline-block;
    box-sizing: border-box;
    padding: 0 0 0 7px;
    width: 100%;
    height: 30px;
    outline: 0;
    border: 0;
    background: 0;
    color: #fff;
    font-size: 17px;
    resize: none;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.seainput::-webkit-input-placeholder {
    color: #fff;
    opacity: .5;
}
.seainput:-ms-input-placeholder {
    color: #fff;
    opacity: .5;
}
.seainput:-moz-input-placeholder, .seainput::-moz-input-placeholder {
    color: #fff;
    opacity: .5;
}
.fullScreen {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10007;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
}
.mdui-theme-layout-dark #SearchBar.mdui-color-theme {
    background-color: #212121 !important;
    color: #fff !important;
}
h1.mdui-center.mdui-text-center {
    font-size: 36px;
}
.foot a {
    text-decoration: none;
}
.mdui-theme-layout-dark div.theFirstPageSmall {
    background-color: #212121 !important;
    color: #fff !important;
}
body.mdui-theme-primary-blue h1.mdui-center > small, body.mdui-theme-primary-blue-grey h1.mdui-center > small, body.mdui-theme-primary-brown h1.mdui-center > small, body.mdui-theme-primary-deep-orange h1.mdui-center > small, body.mdui-theme-primary-deep-purple h1.mdui-center > small, body.mdui-theme-primary-indigo h1.mdui-center > small, body.mdui-theme-primary-pink h1.mdui-center > small, body.mdui-theme-primary-purple h1.mdui-center > small, body.mdui-theme-primary-red h1.mdui-center > small, body.mdui-theme-primary-teal h1.mdui-center > small {
    color: hsla(0, 0%, 100%, .54);
}
body.mdui-theme-primary-amber .seainput, body.mdui-theme-primary-cyan .seainput, body.mdui-theme-primary-green .seainput, body.mdui-theme-primary-grey .seainput, body.mdui-theme-primary-light-blue .seainput, body.mdui-theme-primary-light-green .seainput, body.mdui-theme-primary-lime .seainput, body.mdui-theme-primary-orange .seainput, body.mdui-theme-primary-yellow .seainput {
    color: #000;
}
body.mdui-theme-primary-amber .seainput::-webkit-input-placeholder, body.mdui-theme-primary-cyan .seainput::-webkit-input-placeholder, body.mdui-theme-primary-green .seainput::-webkit-input-placeholder, body.mdui-theme-primary-grey .seainput::-webkit-input-placeholder, body.mdui-theme-primary-light-blue .seainput::-webkit-input-placeholder, body.mdui-theme-primary-light-green .seainput::-webkit-input-placeholder, body.mdui-theme-primary-lime .seainput::-webkit-input-placeholder, body.mdui-theme-primary-orange .seainput::-webkit-input-placeholder, body.mdui-theme-primary-yellow .seainput::-webkit-input-placeholder {
    color: #000;
    opacity: .5;
}
body.mdui-theme-primary-amber .seainput:-ms-input-placeholder, body.mdui-theme-primary-cyan .seainput:-ms-input-placeholder, body.mdui-theme-primary-green .seainput:-ms-input-placeholder, body.mdui-theme-primary-grey .seainput:-ms-input-placeholder, body.mdui-theme-primary-light-blue .seainput:-ms-input-placeholder, body.mdui-theme-primary-light-green .seainput:-ms-input-placeholder, body.mdui-theme-primary-lime .seainput:-ms-input-placeholder, body.mdui-theme-primary-orange .seainput:-ms-input-placeholder, body.mdui-theme-primary-yellow .seainput:-ms-input-placeholder {
    color: #000;
    opacity: .5;
}
body.mdui-theme-primary-amber .seainput:-moz-input-placeholder, body.mdui-theme-primary-amber .seainput::-moz-input-placeholder, body.mdui-theme-primary-cyan .seainput:-moz-input-placeholder, body.mdui-theme-primary-cyan .seainput::-moz-input-placeholder, body.mdui-theme-primary-green .seainput:-moz-input-placeholder, body.mdui-theme-primary-green .seainput::-moz-input-placeholder, body.mdui-theme-primary-grey .seainput:-moz-input-placeholder, body.mdui-theme-primary-grey .seainput::-moz-input-placeholder, body.mdui-theme-primary-light-blue .seainput:-moz-input-placeholder, body.mdui-theme-primary-light-blue .seainput::-moz-input-placeholder, body.mdui-theme-primary-light-green .seainput:-moz-input-placeholder, body.mdui-theme-primary-light-green .seainput::-moz-input-placeholder, body.mdui-theme-primary-lime .seainput:-moz-input-placeholder, body.mdui-theme-primary-lime .seainput::-moz-input-placeholder, body.mdui-theme-primary-orange .seainput:-moz-input-placeholder, body.mdui-theme-primary-orange .seainput::-moz-input-placeholder, body.mdui-theme-primary-yellow .seainput:-moz-input-placeholder, body.mdui-theme-primary-yellow .seainput::-moz-input-placeholder {
    color: #000;
    opacity: .5;
}
body.mdui-theme-layout-dark .seainput {
    color: #fff;
}
.underline {
    margin-bottom: 8px;
}
.OutOfsearchBox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10008;
    display: none;
    overflow: auto;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overscroll-behavior-y: contain;
}
.searchBoxFill {
    width: 100%;
    height: 72px;
}
.searchCard {
    box-sizing: border-box;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 15px 15px 8px;
    width: 90%;
    max-width: 650px;
    background-color: #fff;
    color: rgba(0, 0, 0, .87);
    pointer-events: auto;
}
.searchCard h1 {
    margin-top: 5px;
    word-break: break-word;
}
.searchCard a:before {
    display: none;
}
body.mdui-theme-layout-dark .searchCard {
    background-color: #383838;
    color: hsla(0, 0%, 100%, .87);
}
.underRes {
    box-sizing: border-box;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 10px;
    width: 90%;
    max-width: 650px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .3);
    color: hsla(0, 0%, 100%, .5);
    text-align: center;
    font-size: 17px;
}
.mdui-snackbar-top {
    z-index: 10010 !important;
}
.mdui-drawer-close {
    box-shadow: none !important;
}
body.post-like footer.foot {
    margin-top: 15px;
}
.page-footer-nav {
    margin-top: 25px;
}
.page-footer-nav, .page-footer-nav-left, .page-footer-nav-right {
    height: 6pc;
}
.page-footer-nav-text {
    display: inline-block;
    box-sizing: border-box;
    padding-top: 24px;
    width: 100%;
    height: 100%;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
}
.page-footer-nav-text .page-footer-nav-direction {
    margin-bottom: 1px;
    font-size: 15px;
    line-height: 18px;
    opacity: .55;
}
.page-footer-nav-left .page-footer-nav-chapter, .page-footer-nav-right .page-footer-nav-chapter {
    overflow: hidden;
    margin-left: 34px;
    height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page-footer-nav-right {
    text-align: right;
}
.page-footer-nav-left {
    text-align: left;
}
.page-footer-nav-right .mdui-icon {
    float: right;
    margin-left: 10px;
}
.page-footer-nav-text .mdui-icon {
    padding-top: 23px;
    width: 24px;
}
.page-footer-nav-left .mdui-icon {
    float: left;
    margin-right: 10px;
}
.mdui-theme-layout-dark .page-footer-nav, .mdui-theme-layout-dark .page-footer-nav-left, .mdui-theme-layout-dark .page-footer-nav-right {
    background-color: #212121 !important;
}
.mdui-theme-layout-dark .page-footer-nav-text {
    color: #fff;
}
.comms {
    margin-top: 20px;
    width: 55%;
    max-width: 1800px;
}
.ArtMain0 .comms {
    margin-top: 0;
    width: 100%;
    max-width: 625pc;
}
.commTitle > a {
    color: #000;
    text-decoration: none;
}
.mdui-theme-layout-dark .commTitle > a {
    color: hsla(0, 0%, 100%, .87);
}
ul ul.children {
    background-color: transparent;
    list-style: none;
}
div#comments ul li {
    cursor: auto;
}
.comment-reply-link, .comment-reply-login {
    position: absolute;
    right: 0;
    bottom: 5px;
    padding: 0 10px 0 5px;
    height: 30px;
    min-width: 50px;
    color: rgba(0, 0, 0, .5) !important;
    font-size: 9pt;
    line-height: 30px;
}
.comment-reply-login {
    padding: 0 10px;
}
.comment-reply-link i {
    font-size: 19px;
    vertical-align: sub;
}
.mdui-divider-inset.mdui-m-y-0 {
    list-style-type: none;
}
.outbu {
    position: relative;
    cursor: auto;
}
.outbu > div.mdui-list-item-text > p > a {
    word-break: break-all;
}
.logged-in-as a {
    color: rgba(0, 0, 0, .5);
    text-decoration: none;
}
.mdui-theme-layout-dark .logged-in-as a {
    color: hsla(0, 0%, 100%, .5) !important;
}
#respond, .mdx-author-c, .mdx-hot-posts, .mdx-same-posts {
    display: block !important;
    box-sizing: border-box;
    margin-top: 20px;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 30px 20px 10px;
    width: 55%;
    max-width: 1800px;
    border-radius: 5px;
    background-color: #ededed;
}
#respond p.logged-in-as + div + i.mdx-emj-cli {
    transform: translateY(31px);
}
.mdx-hot-posts .mdx-hot-posts-lazyload {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: opacity .3s;
    opacity: 0;
}
.mdx-hot-posts .mdx-hot-posts-lazyload.mdx-bg-loaded {
    opacity: 1;
}
.PostMain .mdx-clean-footer {
    width: 55%;
    margin: 0 auto;
    text-align: left;
}
.mdx-author-c, .mdx-hot-posts, .mdx-same-posts {
    padding: 0;
    padding-top: 5px;
    overflow: hidden;
}
div.main .mdx-hot-posts {
    transform: translateX(-8px);
    width: calc(95% + 16px);
}
body.mdx-first-simple div.main .mdx-hot-posts {
    transform: none;
    width: 95%;
}
div.main .mdx-hot-posts h3 {
    margin-left: 15px;
}
body.mdx-first-simple div.main .mdx-hot-posts h3 {
    margin-left: 20px;
}
.mdx-author-c {
    padding-top: 0;
    height: 150px;
    position: relative;
}
.mdx-author-c img {
    height: 100%;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.mdx-author-c div.lazyload-bg {
    height: 100%;
    width: 149px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, .2);
}
.mdx-author-c .mdx-amask {
    position: absolute;
    z-index: 2;
    left: 123px;
    height: 100%;
    width: auto;
    z-index: 4;
}
.mdx-author-c .mdx-amask path {
    fill: #ededed;
}
.mdui-theme-layout-dark .mdx-author-c .mdx-amask path {
    fill: #292929;
}
.mdx-author-info {
    width: calc(100% - 152px);
    position: absolute;
    z-index: 3;
    left: 152px;
    height: 150px;
    top: 0;
    background-color: #ededed;
}
.mdui-theme-layout-dark .mdx-author-info {
    background-color: #292929;
}
.mdx-author-info > h3 {
    font-weight: bold !important;
}
.mdx-author-info > h3 > a {
    color: rgba(0, 0, 0, .7);
}
.mdx-hot-posts {
    margin-top: 15px;
    margin-bottom: 0;
    width: 95%;
    border-radius: 0 !important;
    max-width: 700px;
    background-color: #f7f7f7 !important;
    position: relative;
}
.mdx-wide-post-list .mdx-hot-posts {
    max-width: 1200px;
}
.mdx-hot-posts-have-img {
    display: none;
}
.mdx-hot-posts .mdx-hp-g-l {
    left: 0;
    background: -webkit-linear-gradient(left, #f7f7f7 10%, hsla(0, 0%, 97%, 0) 100%);
    background: linear-gradient(to right, #f7f7f7 10%, hsla(0, 0%, 97%, 0) 100%);
}
.mdx-hot-posts .mdx-hp-g-l, .mdx-hot-posts .mdx-hp-g-r {
    pointer-events: none;
    display: none;
    position: absolute;
    bottom: 0;
    z-index: 10;
    height: 100%;
    width: 10%;
}
.mdx-hot-posts .mdx-hp-g-r {
    right: 0;
    background: -webkit-linear-gradient(left, hsla(0, 0%, 97%, 0) 10%, #f7f7f7 100%);
    background: linear-gradient(to right, hsla(0, 0%, 97%, 0) 10%, #f7f7f7 100%);
}
.mdui-theme-layout-dark .mdx-hot-posts .mdx-hp-g-l {
    background: -webkit-linear-gradient(left, #303030 10%, rgba(48, 48, 48, 0) 100%);
    background: linear-gradient(to right, #303030 10%, rgba(48, 48, 48, 0) 100%);
}
.mdui-theme-layout-dark .mdx-hot-posts .mdx-hp-g-r {
    background: -webkit-linear-gradient(left, rgba(48, 48, 48, 0) 10%, #303030 100%);
    background: linear-gradient(to right, rgba(48, 48, 48, 0) 10%, #303030 100%);
}
.mdx-first-simple .mdx-hot-posts .mdx-hp-g-l, .mdx-first-simple .mdx-hot-posts .mdx-hp-g-r {
    display: none !important;
}
.mdui-theme-layout-dark .mdx-hot-posts {
    background-color: #303030 !important;
}
.mdx-first-simple .mdx-hot-posts {
    margin-top: 0;
    margin-bottom: 15px;
    border-radius: 2px !important;
    background-color: #ededed !important;
}
.mdui-theme-layout-dark.mdx-first-simple .mdx-hot-posts {
    background-color: #292929 !important;
}
.mdx-all-posts {
    font-size: 23px;
    font-weight: 400;
    color: rgba(0, 0, 0, .7);
    width: 95%;
    max-width: 700px;
    margin: 0 auto;
    margin-top: 45px;
    box-sizing: border-box;
    font-weight: bold;
}
.mdx-wide-post-list .mdx-all-posts {
    max-width: 1200px;
}
.mdx-first-simple .mdx-all-posts {
    display: none;
}
.mdui-theme-layout-dark .mdx-all-posts {
    color: hsla(0, 0%, 100%, .7);
}
#commentform {
    position: relative;
}
.mdx-emj-inp {
    width: calc(100% - 40px);
}
.mdx-emj-cli {
    position: absolute;
    top: 40px;
    right: 5px;
    float: right;
    padding: 3px;
    border-radius: 3px;
    color: rgba(0, 0, 0, .54);
    cursor: pointer;
    transition: all .2s;
    user-select: none;
}
.mdui-theme-layout-dark .mdx-emj-cli {
    color: hsla(0, 0%, 100%, .54);
}
.mdx-emj, .mdx-emj-cli:hover {
    background-color: rgba(0, 0, 0, .1);
}
.mdx-emj {
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 10px;
    border-radius: 5px;
    max-height: 0;
    user-select: none;
    transition: all .2s;
}
.mdx-emj.mdx-emj-open {
    max-height: 49px;
    padding: 10px;
}
@media (max-width: 720px) {
    .mdx-emj.mdx-emj-open {
        max-height: 75px;
    }
}
@media (max-width: 450px) {
    .mdx-emj.mdx-emj-open {
        max-height: 150px;
    }
}
.ArtMain0 #respond, .ArtMain0 .mdx-author-c, .ArtMain0 .mdx-hot-posts, .ArtMain0 .mdx-same-posts {
    display: block !important;
    box-sizing: border-box;
    margin-top: 0;
    padding: 30px 20px 10px;
    width: 100%;
    max-width: 6250pc;
    border-radius: 0;
    background-color: #ededed;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: rgba(0, 0, 0, .08);
}
.ArtMain0 .mdx-author-c, .ArtMain0 .mdx-hot-posts, .ArtMain0 .mdx-same-posts {
    padding: 0;
}
.mdui-theme-layout-dark .ArtMain0 #respond, .mdui-theme-layout-dark .ArtMain0 .mdx-author-c, .mdui-theme-layout-dark .ArtMain0 .mdx-hot-posts, .mdui-theme-layout-dark .ArtMain0 .mdx-same-posts {
    border-top-color: hsla(0, 0%, 100%, .08);
}
.mdui-theme-layout-dark #respond, .mdui-theme-layout-dark .mdx-author-c, .mdui-theme-layout-dark .mdx-hot-posts, .mdui-theme-layout-dark .mdx-same-posts {
    background-color: #292929;
}
.mdui-theme-layout-dark .comment-reply-link, .mdui-theme-layout-dark .comment-reply-login {
    color: hsla(0, 0%, 100%, .5) !important;
}
.mdui-theme-layout-dark .foot {
    background-color: #191919;
    color: hsla(0, 0%, 100%, .45) !important;
}
.mdui-theme-layout-dark .foot a {
    color: hsla(0, 0%, 100%, .3) !important;
}
#submit {
    position: relative;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0;
    margin-left: 10px;
    padding: 0 1pc;
    padding: 0;
    height: 36px;
    min-width: 88px;
    outline: 0;
    border: 0;
    border-style: none;
    border-radius: 2px;
    background: 0;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: .04em;
    font-weight: 500;
    font-size: 14px;
    line-height: 36px;
    cursor: pointer;
    transition: all .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, 1, 1);
    transition: all .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, 1, 1), -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1);
    zoom: 1;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: box-shadow;
    -webkit-user-drag: none;
    color: rgb(var(--mdx-text-color));
    background-color: rgb(var(--mdx-theme-color-with-white));
}
#submit:hover {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    opacity: .87;
}
body.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark #submit {
    color: white;
    background-color: #404040;
}
#reply-title {
    margin: 0;
    font-weight: 400;
    font-size: 22px;
}
.mdx-author-c h3, .mdx-hot-posts > h3, .mdx-same-posts > h3 {
    margin: 20px;
    font-weight: 400;
    font-size: 22px;
}
.mdx-author-c h3 {
    margin-bottom: 0;
    margin-top: 15px;
    font-size: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mdx-author-c a {
    text-decoration: none;
    color: rgba(0, 0, 0, .87);
}
.mdui-theme-layout-dark .mdx-author-c a {
    color: hsla(0, 0%, 100%, .87);
}
.mdx-author-c p {
    padding: 0 20px;
    box-sizing: border-box;
    height: 4pc;
    text-overflow: ellipsis;
    margin: 0;
    overflow: hidden;
    opacity: .85;
    overflow-y: auto;
}
.mdx-author-c h4 {
    opacity: .5;
    font-weight: 400;
    font-size: 15px;
    margin-left: 20px;
    margin-top: 7px;
    margin-bottom: 10px;
}
.mdx-hp-h3-fill {
    height: 10px !important;
}
h3 + .mdx-hp-h3-fill {
    height: 77px !important;
}
.mdx-hot-posts > h3 {
    font-size: 23px;
    position: absolute;
    top: 10px;
    left: -7px;
    z-index: 15;
    color: rgba(0, 0, 0, .7);
    font-weight: bold;
}
.mdui-theme-layout-dark .mdx-hot-posts > h3 {
    color: hsla(0, 0%, 100%, .7);
}
.mdx-hot-posts > div, .mdx-same-posts > div {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    height: 93pt;
    -webkit-overflow-scrolling: touch;
}
.mdx-hot-posts #mdx-sp-out-c {
    -webkit-overflow-scrolling: auto !important;
}
.mdx-hot-posts > div {
    height: 152px;
}
.mdx-hot-posts div.mdx-ul, .mdx-same-posts ul {
    margin: 0 10px;
    padding: 0;
    list-style: none;
}
.mdx-hot-posts div.mdx-ul div.mdx-li, .mdx-same-posts ul li {
    display: inline-block;
    width: 180px;
    height: 105px;
    margin-right: 5px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.mdx-hot-posts div.mdx-ul div.mdx-li {
    width: 210px;
    height: 130px;
}
.mdx-sp-fill {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, .15);
}
.mdx-same-posts .mdx-lazyload {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    transition: opacity .3s;
}
.mdx-same-posts .mdx-bg-loaded {
    opacity: 1;
}
.mdx-hot-posts div.mdx-ul div.mdx-li i, .mdx-same-posts ul li i {
    display: block;
    position: absolute;
    z-index: 4;
    right: 7px;
    top: 7px;
    font-size: 20px;
    opacity: .5;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.mdx-hot-posts div.mdx-ul div.mdx-li i:hover, .mdx-same-posts ul li i:hover {
    opacity: .8;
}
.mdx-hot-posts span, .mdx-same-posts span {
    position: absolute;
    z-index: 3;
    left: 8px;
    bottom: 8px;
    font-size: 17px;
    width: 92%;
    display: block;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.mdx-same-posts-img {
    color: #fff !important;
}
.mdx-spr {
    opacity: .35;
}
.mdx-post-no-img-fill {
    height: 5px;
    width: 100%;
}
.mdx-pni-am {
    top: 48%;
}
.mdx-pni-am article {
    margin-top: 0 !important;
}
.mdx-pni-t {
    height: 45%;
}
p.form-submit {
    clear: both;
    text-align: right;
}
.disfir {
    width: 45%;
    padding-top: 0;
}
.disfirright {
    float: right;
    margin-left: 20px;
}
.disfirleft {
    float: left;
}
.commurl {
    width: 100%;
    padding-top: 0;
}
.moreInComm {
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    pointer-events: none;
}
div#comments li.mdui-list-item:hover .comment-reply-link, div#comments li.mdui-list-item:hover .comment-reply-login {
    opacity: 1 !important;
}
li[id^=li-comment] {
    position: relative;
}
a#cancel-comment-reply-link {
    font-size: 15px;
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: .5;
    float: right;
}
a#cancel-comment-reply-link:hover {
    opacity: .8;
}
ul li div#respond {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    width: 100%;
    box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12);
}
form.post-password-form p {
    text-align: center !important;
}
.inpass {
    display: inline-block;
    width: 90%;
    max-width: 300px;
    text-align: left;
}
div.mdui-chip {
    margin: 5px;
}
.spanout {
    position: relative;
    box-sizing: border-box;
    padding: 5px 5px 5px 9pt;
    width: 100%;
    border-radius: 3px;
    background-color: #ededed;
    color: rgba(0, 0, 0, .5) !important;
    line-height: 27px;
    a:before {
        display: none;
    }
}
.ArtMain0 .spanout {
    padding: 7px 5px 10px 9pt;
    border-radius: 0;
}
.spanout > a {
    margin-left: 2px;
    margin-right: 7px;
    color: rgba(0, 0, 0, .5) !important;
    text-decoration: none;
    transition: opacity .3s;
    &:hover {
        opacity: .7;
    }
}
.spanout > i {
    padding-left: 20px;
    font-size: 20px;
}
.spanout .mdui-divider {
    box-sizing: border-box;
    margin: 5px 0 5px 13px;
}
.mdx-share {
    position: absolute;
    top: -7px;
    left: -13px;
    z-index: 4;
}
.mdx-share-icon {
    vertical-align: middle;
}
.mdx-share-icon path {
    fill: #575757;
}
.mdui-theme-layout-dark .mdx-share-icon path {
    fill: #d7d7d7;
}
#crumbs {
    padding-left: 10px;
}
#crumbs > a {
    color: rgba(0, 0, 0, .5) !important;
    text-decoration: none;
}
#crumbs > a::before {
    display: none;
}
.timeInPost {
    position: absolute;
    top: 5px;
    right: 0;
    padding: 0 10px 0;
    background: linear-gradient(to right, hsla(0, 0%, 93%, 0) 0%, #ededed 5%, #ededed 100%);
    font-size: 1pc;
}
.mdui-theme-layout-dark .spanout {
    background-color: #292929;
}
.mdui-theme-layout-dark .timeInPost {
    background: linear-gradient(to right, rgba(41, 41, 41, 0) 0%, #292929 5%, #292929 100%);
}
ul#mdxshare {
    padding-left: 0 !important;
    width: auto !important;
    list-style: none !important;
}
ul#mdxshare, ul#mdxshare a {
    color: rgba(0, 0, 0, .87) !important;
}
#mdxshare a::before {
    display: none;
}
.mdui-theme-layout-dark ul#mdxshare a {
    color: #fff !important;
}
.mdui-theme-layout-dark #crumbs > a, .mdui-theme-layout-dark .spanout, .mdui-theme-layout-dark .spanout > a, .mdui-theme-layout-dark .timeInPost {
    color: hsla(0, 0%, 100%, .57) !important;
}
.beforespan {
    margin-top: 50px;
}
.nextpage {
    box-sizing: border-box;
    margin-top: 15px !important;
    margin-bottom: 10px;
    padding: 10px;
    width: 200px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .3);
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.nextpage:hover {
    background-color: rgba(0, 0, 0, .5);
}
.nextpage a {
    color: #fff;
    text-decoration: none;
}
.nextpage2 {
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 15px !important;
    margin-bottom: 9pt !important;
    padding: 10px;
    width: 200px;
    border-radius: 18px;
    background-color: rgba(0, 0, 0, .3);
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.nextpage2:hover {
    background-color: rgba(0, 0, 0, .5);
}
.nextpage2 a {
    color: #fff;
    text-decoration: none;
}
body.mdui-theme-layout-dark > .mdui-progress {
    background-color: #DEDEDE !important;
}
article > .mdui-progress {
    margin: 10px 0;
}
.afterrespan {
    clear: both;
}
body.mdui-theme-primary-red ::-moz-selection {
    background-color: #f44336;
    color: #fff;
}
body.mdui-theme-primary-pink ::-moz-selection {
    background-color: #e91e63;
    color: #fff;
}
body.mdui-theme-primary-purple ::-moz-selection {
    background-color: #9c27b0;
    color: #fff;
}
body.mdui-theme-primary-deep-purple ::-moz-selection {
    background-color: #673ab7;
    color: #fff;
}
body.mdui-theme-primary-indigo ::-moz-selection {
    background-color: #3f51b5;
    color: #fff;
}
body.mdui-theme-primary-blue ::-moz-selection {
    background-color: #2196f3;
    color: #fff;
}
body.mdui-theme-primary-light-blue ::-moz-selection {
    background-color: #03a9f4;
    color: #fff;
}
body.mdui-theme-primary-cyan ::-moz-selection {
    background-color: #00bcd4;
    color: #fff;
}
body.mdui-theme-primary-teal ::-moz-selection {
    background-color: #009688;
    color: #fff;
}
body.mdui-theme-primary-green ::-moz-selection {
    background-color: #4caf50;
    color: #fff;
}
body.mdui-theme-primary-light-green ::-moz-selection {
    background-color: #8bc34a;
    color: #fff;
}
body.mdui-theme-primary-lime ::-moz-selection {
    background-color: #cddc39;
    color: #000;
}
body.mdui-theme-primary-yellow ::-moz-selection {
    background-color: #ffeb3b;
    color: #000;
}
body.mdui-theme-primary-amber ::-moz-selection {
    background-color: #ffc107;
    color: #000;
}
body.mdui-theme-primary-orange ::-moz-selection {
    background-color: #ff9800;
    color: #fff;
}
body.mdui-theme-primary-deep-orange ::-moz-selection {
    background-color: #ff5722;
    color: #fff;
}
body.mdui-theme-primary-brown ::-moz-selection {
    background-color: #795548;
    color: #fff;
}
body.mdui-theme-primary-grey ::-moz-selection {
    background-color: #9e9e9e;
    color: #fff;
}
body.mdui-theme-primary-blue-grey ::-moz-selection {
    background-color: #607d8b;
    color: #fff;
}
body.mdui-theme-primary-red ::-webkit-selection {
    background-color: #f44336;
    color: #fff;
}
body.mdui-theme-primary-pink ::-webkit-selection {
    background-color: #e91e63;
    color: #fff;
}
body.mdui-theme-primary-purple ::-webkit-selection {
    background-color: #9c27b0;
    color: #fff;
}
body.mdui-theme-primary-deep-purple ::-webkit-selection {
    background-color: #673ab7;
    color: #fff;
}
body.mdui-theme-primary-indigo ::-webkit-selection {
    background-color: #3f51b5;
    color: #fff;
}
body.mdui-theme-primary-blue ::-webkit-selection {
    background-color: #2196f3;
    color: #fff;
}
body.mdui-theme-primary-light-blue ::-webkit-selection {
    background-color: #03a9f4;
    color: #fff;
}
body.mdui-theme-primary-cyan ::-webkit-selection {
    background-color: #00bcd4;
    color: #fff;
}
body.mdui-theme-primary-teal ::-webkit-selection {
    background-color: #009688;
    color: #fff;
}
body.mdui-theme-primary-green ::-webkit-selection {
    background-color: #4caf50;
    color: #fff;
}
body.mdui-theme-primary-light-green ::-webkit-selection {
    background-color: #8bc34a;
    color: #fff;
}
body.mdui-theme-primary-lime ::-webkit-selection {
    background-color: #cddc39;
    color: #000;
}
body.mdui-theme-primary-yellow ::-webkit-selection {
    background-color: #ffeb3b;
    color: #000;
}
body.mdui-theme-primary-amber ::-webkit-selection {
    background-color: #ffc107;
    color: #000;
}
body.mdui-theme-primary-orange ::-webkit-selection {
    background-color: #ff9800;
    color: #fff;
}
body.mdui-theme-primary-deep-orange ::-webkit-selection {
    background-color: #ff5722;
    color: #fff;
}
body.mdui-theme-primary-brown ::-webkit-selection {
    background-color: #795548;
    color: #fff;
}
body.mdui-theme-primary-grey ::-webkit-selection {
    background-color: #9e9e9e;
    color: #fff;
}
body.mdui-theme-primary-blue-grey ::-webkit-selection {
    background-color: #607d8b;
    color: #fff;
}
body.mdui-theme-primary-red ::selection {
    background-color: #f44336;
    color: #fff;
}
body.mdui-theme-primary-pink ::selection {
    background-color: #e91e63;
    color: #fff;
}
body.mdui-theme-primary-purple ::selection {
    background-color: #9c27b0;
    color: #fff;
}
body.mdui-theme-primary-deep-purple ::selection {
    background-color: #673ab7;
    color: #fff;
}
body.mdui-theme-primary-indigo ::selection {
    background-color: #3f51b5;
    color: #fff;
}
body.mdui-theme-primary-blue ::selection {
    background-color: #2196f3;
    color: #fff;
}
body.mdui-theme-primary-light-blue ::selection {
    background-color: #03a9f4;
    color: #fff;
}
body.mdui-theme-primary-cyan ::selection {
    background-color: #00bcd4;
    color: #fff;
}
body.mdui-theme-primary-teal ::selection {
    background-color: #009688;
    color: #fff;
}
body.mdui-theme-primary-green ::selection {
    background-color: #4caf50;
    color: #fff;
}
body.mdui-theme-primary-light-green ::selection {
    background-color: #8bc34a;
    color: #fff;
}
body.mdui-theme-primary-lime ::selection {
    background-color: #cddc39;
    color: #000;
}
body.mdui-theme-primary-yellow ::selection {
    background-color: #ffeb3b;
    color: #000;
}
body.mdui-theme-primary-amber ::selection {
    background-color: #ffc107;
    color: #000;
}
body.mdui-theme-primary-orange ::selection {
    background-color: #ff9800;
    color: #fff;
}
body.mdui-theme-primary-deep-orange ::selection {
    background-color: #ff5722;
    color: #fff;
}
body.mdui-theme-primary-brown ::selection {
    background-color: #795548;
    color: #fff;
}
body.mdui-theme-primary-grey ::selection {
    background-color: #9e9e9e;
    color: #fff;
}
body.mdui-theme-primary-blue-grey ::selection {
    background-color: #607d8b;
    color: #fff;
}
.divimg {
    width: 100%;
    height: 230px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity .3s;
}
.divimg.mdx-bg-loaded {
    opacity: 1;
}
.divimg:not(.lazyload):not(.lazyloading):not(.lazyloaded) {
    opacity: 1;
}
.indexgaid {
    width: 340px;
    height: 230px;
    display: inline-block;
    box-sizing: border-box;
    margin: 5px;
    border-radius: 3px;
}
.mdx-wide-post-list {
    .indexgaid {
        width: calc(33.3% - 13.4px) !important;
        margin: 10px 0;
    }
}
.gaid-a {
    color: #fff;
    text-decoration: none;
}
.mdui-grid-tile-title, .postDiv {
    text-align: left;
}
.mdx-ajax-loading {
    margin-top: 15px;
    margin-bottom: 18px;
    width: 30px;
    height: 30px;
}
.mdui-typo-headline {
    margin: 0 10px;
    font-size: 22px;
}
.topBarAni {
    -webkit-transition: background-color 0s;
    transition: background-color 0s;
}
.mdx-first-simple .topBarAni {
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
}
.mdx-sh-ani {
    -webkit-transition: box-shadow 0s;
    transition: box-shadow 0s;
}
.mdx-first-simple .mdx-sh-ani {
    -webkit-transition: box-shadow .2s;
    transition: box-shadow .2s;
}
.LazyLoadList {
    min-height: 150px;
}
li.menu-item i.mdui-icon {
    margin-right: 9pt;
    color: #656565;
    font-size: 22px;
}
#comments-navi span, li.current-menu-item, li.current-menu-item i.mdui-icon, li.current_page_item, li.current_page_item i.mdui-icon, .mdx-toc-item.mdui-list-item-active, .mdx-side-title span, #mdx-cookie-notice i.mdui-icon {
    color: rgb(var(--mdx-theme-color)) !important;
}
body.mdui-theme-primary-grey #comments-navi span, body.mdui-theme-primary-grey li.current-menu-item, body.mdui-theme-primary-grey li.current-menu-item i.mdui-icon, body.mdui-theme-primary-grey li.current_page_item, body.mdui-theme-primary-grey li.current_page_item i.mdui-icon, body.mdui-theme-primary-grey.mdui-theme-layout-dark #comments-navi span, body.mdui-theme-primary-grey.mdui-theme-layout-dark li.current-menu-item i.mdui-icon, body.mdui-theme-primary-grey.mdui-theme-layout-dark li.current_page_item i.mdui-icon, body.mdui-theme-primary-gery .mdx-toc-item.mdui-list-item-active, body.mdui-theme-primary-grey .mdx-side-title span, body.mdui-theme-primary-grey #mdx-cookie-notice i.mdui-icon {
    color: #9e9e9e !important;
}
.mdui-theme-layout-dark .mdx-logo {
    filter: brightness(1) !important;
}
#mdx_menu li ul.mdui-collapse-item-body {
    color: rgba(0, 0, 0, .87);
    font-weight: 400;
    background-color: #fff;
}
.mdui-theme-layout-dark #mdx_menu li ul.mdui-collapse-item-body {
    background-color: #303030;
    color: #fff;
}
.mdxNotice {
    box-sizing: border-box;
    padding: 15px 20px;
    width: 100%;
    max-width: 700px;
    border-radius: 0 0 5px 5px;
    font-size: 18px;
    line-height: 25px;
    word-wrap: break-word;
}
.mdx-wide-post-list .mdxNotice {
    max-width: 1200px;
}
.mdxNotice.mdx-notice-default {
    background-color: #EAEAEA;
}
.mdxNotice > p.mdui-typo {
    display: inline-block;
    width: calc(100% - 35px);
    vertical-align: top;
    margin: 0;
    line-height: 1.6;
}
.mdui-theme-layout-dark .mdxNotice {
    background-color: #292929 !important;
    color: #fff !important;
}
.mdxNotice i.mdui-icon {
    opacity: .5;
    margin-right: 10px;
    font-size: 22px;
}
.mdui-text-color-white-text.mdui-color-theme.mdui-valign.PostTitle {
    color: #fff !important;
}
div.mdui-toolbar > .mdui-typo-headline {
    margin: 0 2px !important;
}
.links-co-grid {
    margin-top: 5px;
    padding-left: 3px !important;
    padding-right: 3px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 3px;
    overflow: hidden;
}
.links-des-grid-grid {
    left: 3px;
    width: calc(100% - 6px);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow: hidden;
    background: rgba(0, 0, 0, .3);
    z-index: 3;
}
.links-des-grid-grid a {
    color: #fff !important;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.mdx-links-bg-grid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity .3s;
    z-index: 2;
}
.mdx-links-bg-grid.mdx-bg-loaded {
    opacity: 1;
}
.mdx-links-avatar-card {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transition: opacity .3s;
}
.mdx-links-avatar-card.mdx-bg-loaded {
    opacity: 1;
}
.link-description {
    text-align: center;
    color: #9e9e9e;
    font-size: 18px;
}
.links-name-grid {
    height: 20px;
}
.links-des-grid a:before {
    display: none !important;
}
.links-c-grid, .post_list_t_img {
    height: 0;
    padding-top: 57%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}
.links-c-grid {
    padding-top: 100%;
}
.mdui-card-media .post_list_t_img {
    opacity: 0;
    transition: opacity .3s;
}
.mdui-card-media .post_list_t_img.mdx-bg-loaded {
    opacity: 1;
}
.mdui-theme-layout-dark .links-c-grid, .mdui-theme-layout-dark .post_list_t_img {
    filter: brightness(.8);
}
.mdui-theme-layout-dark.mdx-always-dark .links-c-grid, .mdui-theme-layout-dark.mdx-always-dark .post_list_t_img {
    filter: brightness(1);
}
.links-c-grid {
    border-radius: 3px;
    overflow: hidden;
}
.links-co-grid > a {
    width: calc(100% - 6px);
    margin-left: 3px;
    text-decoration: none;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.links-co-grid > a:before {
    display: none !important;
}
.mdx-background-404 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 61.8%;
    text-align: center;
}
.mdui-theme-layout-dark .mdx-background-404 {
    background-color: #212121 !important;
}
.mdx-background-404 span {
    position: relative;
    display: inline-block;
    width: 100%;
    letter-spacing: 0 !important;
}
.mdx-background-404 span span {
    display: inline-block;
    margin: -10px 0 0 !important;
    opacity: .54;
}
.mdx-main-404 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 38.2%;
}
.mdx-main-404 a {
    margin: 10px 20px;
    padding: 0 22px;
    height: 55px;
    font-size: 20px;
    line-height: 55px;
}
.mdx-main-404 div {
    width: 100%;
    text-align: center;
}
.page-tags > article {
    max-width: 125pc;
    margin: 45px auto;
    text-align: center;
    min-height: 75pt;
}
ul.mdui-list.ajax-comments {
    padding: 8px 0 0;
}
#comments-navi {
    box-sizing: border-box;
    text-align: center;
    font-size: 18px;
}
#comments-navi button:disabled {
    margin: 15px 0;
}
#comments-navi a {
    display: inline-block;
    margin: 2px 7px;
    padding: 5px 10px;
    border-radius: 3px;
    color: rgba(0, 0, 0, .3);
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#comments-navi a.page-numbers {
    margin: 20px 2px;
}
#comments-navi a.prev, #comments-navi a.next {
    padding: 3px 5px;
}
#comments-navi span.page-numbers {
    display: inline-block;
    margin: 2px 7px;
    padding: 5px;
    cursor: default;
}
.mdui-theme-layout-dark #comments-navi a {
    color: hsla(0, 0%, 100%, .5);
}
#comments-navi a:hover {
    background-color: rgba(0, 0, 0, .15);
}
.mdx-comments-loading {
    display: none;
    width: 100%;
}
.mdx-comments-loading > div {
    height: 97px;
}
.mdx-comments-loading > div, .mdx-comments-loading > div > div {
    width: 100%;
    text-align: center;
}
.butterBar {
    position: fixed;
    top: 0;
    z-index: 800;
    margin-left: 36%;
    width: 58%;
    max-width: 40pc;
    text-align: center;
}
.butterBar--center {
    left: 50%;
    margin-left: -20pc;
}
.butterBar-message {
    display: inline-block;
    margin-bottom: 0;
    padding: 9pt 25px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background: hsla(0, 0%, 100%, .97);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 0 1px rgba(0, 0, 0, .35);
    font-size: 14px;
}
div.nextpage {
    display: none !important;
}
.ainList {
    text-decoration: none;
}
.ainList > h1 {
    margin-top: 8px;
    margin-left: 10px;
    font-weight: 400;
}
article div.mdui-panel.mdui-panel-gapless {
    margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: none;
}
article div.mdui-panel.mdui-panel-gapless > div.mdui-panel-item {
    background-color: #f4f4f4;
}
.mdui-theme-layout-dark article div.mdui-panel.mdui-panel-gapless > div.mdui-panel-item {
    background-color: #3d3d3d;
}
article div.mdui-panel.mdui-panel-gapless > div.mdui-panel-item p {
    margin: 0;
}
.mdx-warning {
    border-left-color: #c80000 !important;
}
.mdui-theme-layout-dark .mdx-warning > p, .mdx-warning > p {
    color: #c80000 !important;
}
article div.mdui-table-fluid {
    overflow-y: hidden;
}
.mdx-reply-time {
    display: block;
    position: absolute;
    font-size: 9pt;
    color: rgba(0, 0, 0, .37);
    top: 15px;
    right: 10px;
}
.mdui-theme-layout-dark .mdx-reply-time {
    color: hsla(0, 0%, 100%, .37);
}
.mdx-post-money {
    width: 100%;
    text-align: center;
    padding: 0 0 20px 0;
}
.mdx-post-money > button {
    width: 70px;
    height: 70px;
}
#mdx-qrcode-money {
    overflow: hidden;
    padding: 7px;
    height: 200px;
    min-width: 200px;
    width: fit-content;
    background-color: #fff !important;
}
#mdx-qrcode-money > img {
    height: 186px;
}
.mdx-admin {
    font-size: 13px;
    color: #fff;
    display: inline-block;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, .2);
    padding: 0 3px;
    border-radius: 3px;
    margin: 0 5px;
}
.mdui-theme-layout-dark .mdx-admin {
    color: #939393;
}
.mdx-share-img {
    position: relative;
    width: 430px;
    height: 700px;
    background-color: #fff;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    left: -430px;
}
.mdx-si-head {
    height: 61.8%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.mdx-si-head span {
    font-size: 35px;
    bottom: 25px;
    left: 18px;
    padding-right: 18px;
}
.mdx-si-head p, .mdx-si-head span {
    color: #fff;
    display: block;
    position: absolute;
    font-weight: bold;
}
.mdx-si-head p {
    font-size: 24px;
    top: 20px;
    left: 20px;
    margin: 0;
    max-height: 40px;
    font-weight: bold;
}
.mdx-si-qr {
    height: 70px;
    width: 70px;
    float: right;
}
#qrcode img, .mdx-si-qr img {
    -webkit-filter: brightness(1);
    filter: brightness(1);
}
.mdx-si-sum {
    color: #000;
    padding: 18px;
    height: 38.2%;
    width: 100%;
    bottom: 0;
    left: 0;
    line-height: 25px;
}
.mdx-si-box, .mdx-si-sum {
    font-size: 18px;
    box-sizing: border-box;
    position: absolute;
}
.mdx-si-box {
    bottom: 15px;
    left: 2.5%;
    width: 95%;
    border-radius: 7px;
    background-color: #f5f5f5;
    padding: 8px;
    padding-left: 9pt;
    line-height: 70px;
    color: #8d8d8d;
}
.mdx-si-time {
    font-size: 52px;
    color: #fff;
    box-sizing: border-box;
    padding: 5px 0 5px 5px;
    border-radius: 5px;
    position: absolute;
    top: 22px;
    right: 22px;
    text-align: center;
    line-height: 33px;
}
.mdx-si-time-2 {
    font-size: 17px;
    opacity: .5;
    border-top: 2px solid #fff;
    padding-top: 3px;
}
i.material-icons.mdx-share-icon {
    color: #575757;
}
.mdui-theme-layout-dark i.material-icons.mdx-share-icon {
    color: #d7d7d7;
}
.mdx-s-img-li {
    cursor: pointer;
}
#mdx-share-img {
    display: none;
    position: absolute;
    top: 0;
}
.mdui-theme-layout-dark #mdx-qrcode-money img {
    filter: brightness(1);
}
article .mdui-panel-item-title {
    width: 90% !important;
}
.mdui-col-xs-2.mdx-first-box {
    width: auto;
    max-width: 100%;
}
article a.mdx-img-in-post-with-link:before {
    content: none;
}
article img.mdx-img-in-post {
    cursor: zoom-in;
}
article > img.mdx-img-in-post {
    margin: 10px 0;
}
.mdx-comment-login-needed {
    margin-top: 20px;
    margin-right: auto !important;
    margin-left: auto !important;
    width: 55%;
    max-width: 1800px;
    border-radius: 5px;
}
.mdui-theme-layout-dark .mdx-comment-login-needed {
    background-color: #292929 !important;
    border-top-color: hsla(0, 0%, 100%, .08) !important;
}
.ArtMain0 .mdx-comment-login-needed, .mdx-comment-login-needed {
    display: block !important;
    box-sizing: border-box;
    padding: 30px;
    background-color: #ededed;
}
.ArtMain0 .mdx-comment-login-needed {
    margin-top: 0;
    width: 100%;
    max-width: 6250pc;
    border-radius: 0;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: rgba(0, 0, 0, .08);
}
.mdx-first-simple {
    background: #f7f7f7;
}
.mdui-theme-layout-dark.mdx-first-simple {
    background: #303030;
}
.mdx-first-simple .theFirstPageSay {
    height: 38.2%;
}
.mdx-first-simple .theFirstPageBackGround {
    height: 43%;
}
.mdx-first-simple .main {
    top: 39%;
    background-color: transparent;
}
.mdx-first-simple .postList {
    padding: 0;
}
.mdx-first-simple .postDiv {
    margin: 0;
    margin-bottom: 15px;
}
.mdx-first-simple .mdxNotice {
    background-color: #ededed;
    border-radius: 2px;
    color: rgba(0, 0, 0, .87);
    width: 95%;
    margin-bottom: 15px;
}
.mdui-theme-layout-dark.mdx-first-simple .mdxNotice {
    background-color: #292929 !important;
    color: hsla(0, 0%, 100%, .87);
}
.mdx-search-empty {
    color: rgba(0, 0, 0, .5);
    font-size: 75pt !important;
    padding-top: 120px;
    padding-bottom: 40px;
}
.mdx-search-empty-text {
    font-weight: normal;
    color: rgba(0, 0, 0, .5);
}
.mdx-search-empty-title {
    font-weight: bold;
}
.mdx-search-empty-end {
    padding-bottom: 150px;
}
.mdui-theme-layout-dark .mdx-search-empty {
    color: hsla(0, 0%, 100%, .5);
}
.mdui-theme-layout-dark .mdx-search-empty-text {
    color: hsla(0, 0%, 100%, .5);
}
.mdx-sub-menu-a {
    height: 20px !important;
    line-height: 20px !important;
    width: auto !important;
    margin-top: 4px;
}
#submit[disabled] {
    background-color: rgba(0, 0, 0, .12) !important;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12) !important;
}
.mdx-github-cot {
    width: 100%;
    margin: 10px 0;
    background-color: #414141;
    border-radius: 5px;
    color: #fff;
    min-height: 90pt;
}
.mdx-post-cot {
    width: 100%;
    margin: 10px 0;
    border-radius: 5px;
    height: 200px;
    border: 1px solid #dadada;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}
.mdui-theme-layout-dark .mdx-post-cot {
    border: 1px solid #535353;
}
.mdx-github-wait-out {
    width: 100%;
    text-align: center;
}
.mdx-github-wait-out-c, .mdx-github-wait-out-c2 {
    width: 100%;
    height: 90pt;
}
.mdx-post-wait-out-c, .mdx-post-wait-out-c2 {
    width: 100%;
    height: 200px;
}
.mdx-github-wait {
    margin: 0 auto;
    width: 28px;
}
.mdx-github-main {
    position: relative;
}
.mdx-github-main, .mdx-post-main {
    width: 100%;
    height: 100%;
    padding: 15px;
    box-sizing: border-box;
}
.mdx-post-main {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.mdx-github-icon {
    height: 20px;
    width: 20px;
}
.mdx-github-main > a.gh-link > * {
    vertical-align: middle;
}
.mdx-post-main > a.post-link {
    font-size: 25px;
}
.mdx-post-main > a.post-link:before {
    display: none;
}
.mdx-github-main > a.gh-link > span {
    font-size: 15px;
}
.mdx-github-main > a.gh-link:before {
    display: none;
}
.mdx-github-main > a.gh-link {
    color: #fff;
    opacity: .5;
}
.mdx-github-main > a.repo-link {
    color: #fff;
    font-size: 27px;
    line-height: 40px;
    padding-top: 10px;
    word-break: break-all;
}
.mdx-github-main > a.repo-link:hover, .mdx-github-main > a.repo-link > span {
    opacity: .5;
}
.mdx-github-main > a.repo-link:before {
    display: none;
}
.mdx-post-main > a.arrow-link {
    font-size: 27px;
    color: #000;
}
.mdui-theme-layout-dark .mdx-post-main > a.arrow-link {
    color: #fff;
}
.mdx-post-main > a.arrow-link:hover {
    opacity: .5;
}
.mdx-post-main > a.arrow-link:before {
    display: none;
}
.mdx-github-arrow {
    opacity: .3;
    position: absolute !important;
    right: 9pt;
    bottom: 7px;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.mdx-github-arrow:hover {
    opacity: 1;
}
.mdx-post-card-img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: .2;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    filter: brightness(.8);
}
.mdx-more-comments {
    height: 57px;
    width: 57px;
    margin: 20px 0;
}
.mdx-img-viewer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    display: none;
    cursor: zoom-out;
    .image-view-alt {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 16px;
        line-height: 25px;
        padding: 15px;
        padding-top: 25px;
        padding-bottom: 10px;
        box-sizing: border-box;
        color: white;
        background-image: linear-gradient(to bottom, rgba(36, 36, 36, 0) 0%, rgba(36, 36, 36, .8) 80%);
        opacity: 0;
        transition: all .2s;
    }
}
.mdx-img-viewer img {
    position: fixed;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.mdx-img-viwer img {
    position: fixed;
    transition: all .3s;
}
.mdx-tools-up {
    bottom: 88px;
}
#mdx-right-drawer {
    background-color: #f5f5f5;
}
.mdui-theme-layout-dark #mdx-right-drawer {
    background-color: #252525;
}
.mdx-widget-empty {
    height: 100%;
    width: 100%;
    color: rgba(0, 0, 0, .3);
}
.mdui-theme-layout-dark .mdx-widget-empty {
    color: hsla(0, 0%, 100%, .3);
}
.mdx-widget-empty > div {
    width: 100%;
    text-align: center;
}
.mdx-widget-empty > div > i {
    font-size: 70px;
}
.mdx-widget {
    width: 95%;
    margin-left: 2.5%;
    margin-top: 5px;
    margin-bottom: 5px;
    white-space: normal;
}
.mdx-widget .mdui-card-primary {
    padding: 1pc 1pc 0;
}
.mdx-widget table#wp-calendar {
    width: 100%;
}
.mdx-widget table#wp-calendar caption {
    text-align: center;
    opacity: .5;
}
.mdx-widget ul {
    list-style-type: none;
    padding-left: 0;
}
.mdui-list-item-avatar {
    overflow: hidden;
}
img.avatar.mdx-avatar-lazyload {
    opacity: 0;
    transition: opacity .3s;
}
img.avatar.mdx-avatar-lazyload.lazyloaded {
    opacity: 1;
}
.mdx-share-img-loading {
    width: 100%;
    padding: 200px 0;
}
.mdui-dialog.mdx-share-img-dialog .mdui-dialog-content {
    padding: 0;
}
.mdui-dialog.mdx-share-img-dialog {
    max-width: 430px;
}
.mdx-share-img-loaded {
    width: 100%;
}
.mdx-share-img-loaded img {
    width: 100%;
    height: auto;
}
.mdx-share-img-dialog .mdx-save-info {
    text-align: left;
    float: left;
    line-height: 36px;
    padding-left: 10px;
    opacity: .5;
}
.mdx-share-img-dialog .mdx-save-info i {
    font-size: 18px;
}
.mdui-fab {
    z-index: 99;
}
#mdx-share-wechat-qrcode {
    width: 250px;
    height: 250px;
}
.mdx-share-wechat-dialog {
    width: 298px;
}
.mdx-share-wechat-dialog .mdui-dialog-content > div.share-wechat-tip {
    text-align: center;
    padding: 20px 0 0 0;
}
.mdx-share-wechat-dialog .mdui-dialog-content > div.share-wechat-tip i {
    font-size: 18px;
}
.mdui-theme-layout-dark .mdx-share-wechat-dialog .mdui-dialog-content {
    color: rgba(0, 0, 0, .7);
    background: white;
}
.mdui-theme-layout-dark .mdx-share-wechat-dialog .mdui-dialog-content img {
    filter: brightness(1);
}
.mdx-share-in-wechat-dialog {
    width: 300px;
}
.mdx-share-in-wechat-dialog .mdui-dialog-content {
    text-align: center;
    font-size: 17px;
    padding: 35px 24px 15px 24px;
}
.mdx-share-in-wechat-dialog .mdui-dialog-content i {
    font-size: 40px;
    background-color: rgba(0, 0, 0, .15);
    border-radius: 100px;
    padding: 10px
}
.mdx-ad-in-article {
    width: 100%;
    margin: 15px 0;
}
.mdx-ad-in-list {
    width: 100%;
    max-width: 700px;
    margin: 15px 0;
    text-align: left;
}
.mdx-ad-in-list.mdx-style-4-ad {
    width: 810px;
    max-width: 810px;
}
#left-drawer nav {
    position: relative;
}
#mdx-toc {
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    transition: all .4s;
}
#mdx-toc a {
    font-size: 17px;
}
#mdx-toc a div {
    width: calc(100% - 37px);
    text-overflow: ellipsis;
    overflow: hidden;
}
#left-drawer .mdui-tab a {
    min-width: 0;
    min-height: 0;
    padding: 7px;
}
#left-drawer .mdui-tab a i {
    font-size: 18px;
}
#left-drawer .mdui-tab a label {
    font-size: 12px;
    margin-top: 4px;
}
#mdx_menu {
    transition: all .4s;
}
.mdx-toc-item-h2 {
    padding-left: 36px;
}
.mdx-toc-item-h3, .mdx-toc-item-h4, .mdx-toc-item-h5, .mdx-toc-item-h6 {
    padding-left: 56px;
}
.mdx-toc-item.mdx-toc-read {
    opacity: .37;
}
.mdx-toc-item span {
    font-size: 12px;
    padding: 3px 6px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .3);
    color: white;
    margin-right: 10px;
    font-weight: normal;
}
.mdui-theme-layout-dark .mdx-toc-item span {
    background-color: rgba(255, 255, 255, .2);
}
.mdx-side-title {
    height: 56px;
    border-bottom: 1px solid #ddd;
    transition: all .3s;
}
.mdui-theme-layout-dark .mdx-side-title {
    border-bottom: 1px solid #222;
}
.mdx-side-title span {
    height: 100%;
    line-height: 56px;
    padding-left: 17px;
    font-size: 19px;
    font-weight: bold;
}
.mdx-side-title a {
    text-decoration: none;
}
.mdui-typo .mdx-timeline-archives {
    line-height: 1;
    margin-bottom: 30px;
}
.mdui-typo .mdx-timeline-archives ul.archives-monthlisting {
    padding-left: 0;
    list-style: none;
}
.mdui-typo .mdx-timeline-archives ul.archives-monthlisting a::before {
    display: none;
}
.archive-title {
    border-bottom: 1px #eee solid;
    position: relative;
    padding-bottom: 4px;
    margin-bottom: 10px;
}
.mdx-timeline-archives li a {
    padding: 8px 0;
    display: block;
    white-space: nowrap;
}
.mdx-timeline-archives li a span {
    display: inline-block;
    width: 100px;
    font-size: 12px;
    text-indent: 20px;
}
.mdx-timeline-archives li a .atitle {
    display: inline-block;
    padding: 0 15px;
    position: relative;
}
.mdx-timeline-archives li a .atitle:after {
    position: absolute;
    left: -6px;
    background: #ccc;
    height: 8px;
    width: 8px;
    border-radius: 6px;
    top: 6px;
    content: "";
}
.mdui-theme-layout-dark .mdx-timeline-archives li a .atitle:after {
    background: #666;
}
.mdx-timeline-archives {
    position: relative;
    padding: 10px 0;
}
.mdx-timeline-archives:before {
    height: 95%;
    width: 4px;
    background: #e6e6e6;
    position: absolute;
    left: 100px;
    content: "";
    top: 30px;
}
.mdui-theme-layout-dark .mdx-timeline-archives:before {
    background: #414141;
}
.m-title {
    position: relative;
    margin: 10px 0;
}
.m-title:before {
    position: absolute;
    left: 94px;
    background: #fff;
    height: 16px;
    width: 16px;
    border-radius: 8px;
    top: 8px;
    content: "";
}
.mdui-theme-layout-dark .m-title:before {
    background: #303030;
}
.m-title:after {
    position: absolute;
    left: 96px;
    background: #ccc;
    height: 12px;
    width: 12px;
    border-radius: 6px;
    top: 10px;
    content: "";
}
.mdui-theme-layout-dark .m-title:after {
    background: #666;
}
.m-title:hover:after {
    background-color: rgb(var(--mdx-theme-color));
}
body.mdui-theme-accent-red .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #ff5252;
}
body.mdui-theme-accent-pink .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #ff4081;
}
body.mdui-theme-accent-purple .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #e040fb;
}
body.mdui-theme-accent-deep-purple .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #7c4dff;
}
body.mdui-theme-accent-indigo .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #536dfe;
}
body.mdui-theme-accent-blue .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #448aff;
}
body.mdui-theme-accent-light-blue .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #40c4ff;
}
body.mdui-theme-accent-cyan .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #18ffff;
}
body.mdui-theme-accent-teal .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #64ffda;
}
body.mdui-theme-accent-green .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #69f0ae;
}
body.mdui-theme-accent-light-green .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #b2ff59;
}
body.mdui-theme-accent-lime .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #eeff41;
}
body.mdui-theme-accent-yellow .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #ffff00;
}
body.mdui-theme-accent-amber .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #ffd740;
}
body.mdui-theme-accent-orange .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #ffab40;
}
body.mdui-theme-accent-deep-orange .mdx-timeline-archives li a:hover .atitle:after {
    background-color: #ff6e40;
}
.theFirstPageSmall h1 small p {
    margin: 23.4px 0;
}
.wp-block-cover {
    border-radius: 2px;
}
.wp-block-file {
    background-color: #eee;
    text-align: left;
    padding: 10px;
    border-radius: 3px;
}
.mdui-theme-layout-dark .wp-block-file {
    background-color: #3a3a3a;
}
.wp-block-file > i {
    line-height: 36px;
    padding-right: 5px;
    opacity: .7;
}
.wp-block-file a:nth-of-type(1) {
    line-height: 36px;
    padding-right: 10px;
    color: rgba(0, 0, 0, .87);
}
.wp-block-file a.mdui-btn {
    float: right;
}
.mdui-theme-layout-dark .wp-block-file a:nth-of-type(1) {
    color: rgba(255, 255, 255, .87);
}
.wp-block-file a:nth-of-type(1)::before {
    display: none;
}
.mdui-typo blockquote cite {
    font-size: 86%;
    color: rgba(0, 0, 0, .54);
}
.mdui-theme-layout-dark .mdui-typo blockquote cite {
    color: rgba(255, 255, 255, .7)
}
#comments .mdui-list-item-text {
    opacity: 1;
    color: rgba(0, 0, 0, .54);
}
.mdui-theme-layout-dark #comments .mdui-list-item-text {
    opacity: 1;
    color: rgba(255, 255, 255, .7);
}
#comments .mdui-list-item-title {
    margin: 0.5em 0;
}
.mdx-tworows-title {
    display: none;
}
p.ct1-p {
    line-height: 25px;
    margin-top: 10px;
}
.mdx-index-img-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 61.8%;
    z-index: 4;
    opacity: .4;
}
body.mdui-theme-layout-dark .mdx-index-img-bg {
    background-color: #212121 !important;
}
.mdx-tworow-search {
    display: none !important;
}
.mdui-collapse-item-body .mdui-list-item {
    padding-left: 54px;
}
body:not(.mdx-first-simple) .mdx-hot-posts {
    border-radius: 0 !important;
}
body.mdx-first-simple .mdx-index-img-bg {
    display: none;
}
.ArtMain article h1, .ArtMain article h2, .ArtMain article h3, .ArtMain0 article h1, .ArtMain0 article h2, .ArtMain0 article h3 {
    font-weight: bold;
}
main .mdx-postlist-simple {
    margin: 0;
    width: 100%;
    max-width: 700px;
    display: inline-block;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 45px;
}
main .mdx-postlist-simple h1 {
    margin-top: 20px;
    margin-left: 0;
    display: inline-block;
    margin-bottom: 7px;
    font-weight: bold;
    word-break: break-word;
}
main .mdx-postlist-simple.mdx-postlist-simple-has-no-img {
    h1 {
        margin-top: 0;
    }
}
.mdx-first-simple main .mdx-postlist-simple.mdx-postlist-simple-has-no-img {
    margin-top: 0;
    border: 20px solid #F7F7F7;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    background: #F7F7F7;
}
.mdx-first-simple.mdx-wide-post-list .mdx-postlist-simple:not(.mdx-postlist-simple-has-no-img) {
    .card-text {
        padding: 0 15px;
        box-sizing: border-box;
    }
}
.mdx-wide-post-list.mdx-first-simple .mdx-postlist-simple:not(.mdx-postlist-simple-has-no-img) {
    margin-top: 0;
}
.mdx-wide-post-list.mdx-first-simple .mdx-postlist-simple.mdx-postlist-simple-has-no-img {
    margin-bottom: 35px;
    border: 15px solid #F7F7F7;
    border-bottom: none;
}
body.mdui-theme-layout-dark.mdx-first-simple main .mdx-postlist-simple.mdx-postlist-simple-has-no-img {
    border: 20px solid #303030;
    border-bottom: none;
    background: #303030;
}
main .mdx-postlist-simple p.ct1-p {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
}
main .mdx-postlist-simple p.ct1-p + p {
    margin-top: 7px;
}
main .mdx-postlist-simple img, main .mdx-postlist-simple div.mdx-fixed-img {
    width: 100%;
    border-radius: 3px;
}
main .mdx-postlist-simple div.mdx-fixed-img {
    padding-top: 61.8%;
    position: relative;
    overflow: hidden;
}
main .mdx-postlist-simple div.mdx-fixed-img > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: opacity .3s;
    opacity: 0;
}
main .mdx-postlist-simple div.mdx-fixed-img > div.mdx-bg-loaded {
    opacity: 1;
}
main .mdx-postlist-simple.mdx-postlist-simple-sta {
    padding: 10px 20px;
    box-sizing: border-box;
    background-color: #efefef;
    border-radius: 3px;
}
.mdui-theme-layout-dark main .mdx-postlist-simple.mdx-postlist-simple-sta {
    background-color: #292929;
}
main .mdx-postlist-simple.mdx-postlist-simple-sta article {
    font-size: 18px;
    opacity: .8;
}
main .mdx-postlist-simple.mdx-postlist-simple-sta > span {
    color: grey;
    padding: 8px 0;
    margin-bottom: 5px;
    font-size: 20px;
    display: inline-block;
    opacity: .5;
}
main .mdx-postlist-simple.mdx-postlist-simple-sta article > p, main div.staDivgaid article p {
    font-size: 18px;
    line-height: 27px;
    margin: 5px 0 15px 0;
}
main div.staDivgaid article p {
    margin: 15px 0;
}
main div.staDiv.postDiv article p {
    font-size: 20px;
    margin: 10px 0;
    line-height: 30px;
}
main .mdx-postlist-simple.mdx-postlist-simple-sta > span i {
    vertical-align: bottom;
}
main .mdx-postlist-simple.mdx-postlist-simple-sta > p {
    opacity: .4;
}
body.mdx-first-tworows #mdx-search-anim {
    display: none !important;
}
div.mdx-widget.widget_search form div.mdui-textfield {
    padding-top: 0;
}
#comments .mdui-list-item:hover {
    background-color: transparent !important;
}
#comments .mdui-list-item {
    -webkit-box-align: stretch;
    -webkit-align-items: normal;
    -ms-flex-align: stretch;
    align-items: normal;
}
#comments .mdui-list-item p.mdui-typo {
    word-break: break-word;
}
#comments .mdui-list-item .mdui-list-item-avatar {
    margin-top: 12px;
}
p.comment-form-cookies-consent {
    clear: both;
    padding-left: 9px;
}
p.comment-form-cookies-consent > label > label {
    opacity: .8;
    cursor: pointer;
}
.mdx-comment-main-input {
    padding-bottom: 24px;
}
.mdx-comment-main-input > i {
    bottom: 24px !important;
    margin-top: 2px;
}
.mdui-snackbar-action {
    min-width: unset;
    margin-left: 15px;
}
.mdx-share-img-dialog .mdui-dialog-content {
    overflow-y: hidden;
}
body.mdui-theme-layout-dark.mdui-theme-primary-red article > h1, body.mdui-theme-layout-dark.mdui-theme-primary-red article > h2, body.mdui-theme-layout-dark.mdui-theme-primary-red article > h3, body.mdui-theme-layout-dark.mdui-theme-primary-red article.searchCard h1, body.mdui-theme-layout-dark.mdui-theme-primary-red .mdx-toc-item.mdui-list-item-active, body.mdui-theme-layout-dark.mdui-theme-primary-red .mdx-toc-item.mdui-list-item-active > span, body.mdui-theme-layout-dark.mdui-theme-primary-red #mdx-toc-select .mdui-tab-active, body.mdui-theme-layout-dark.mdui-theme-primary-red .mdx-side-title a, body.mdui-theme-layout-dark.mdui-theme-primary-red #mdx_menu .current-menu-item, body.mdui-theme-layout-dark.mdui-theme-primary-red #mdx_menu .current-menu-item > ul, body.mdui-theme-layout-dark.mdui-theme-primary-red #postlist h1, body.mdui-theme-layout-dark.mdui-theme-primary-red .mdui-spinner, body.mdui-theme-layout-dark.mdui-theme-primary-red .mdui-tab-indicator, body.mdui-theme-layout-dark.mdui-theme-primary-red .mdui-progress, body.mdui-theme-layout-dark.mdui-theme-primary-red #mdx-cookie-notice i.mdui-icon, body.mdui-theme-layout-dark.mdui-theme-primary-red #mdx-toc-preview .mdx-toc-preview-item.mdx-toc-preview-item-active, body.mdui-theme-layout-dark.mdui-theme-primary-pink article > h1, body.mdui-theme-layout-dark.mdui-theme-primary-pink article > h2, body.mdui-theme-layout-dark.mdui-theme-primary-pink article > h3, body.mdui-theme-layout-dark.mdui-theme-primary-pink article.searchCard h1, body.mdui-theme-layout-dark.mdui-theme-primary-pink .mdx-toc-item.mdui-list-item-active, body.mdui-theme-layout-dark.mdui-theme-primary-pink .mdx-toc-item.mdui-list-item-active > span, body.mdui-theme-layout-dark.mdui-theme-primary-pink #mdx-toc-select .mdui-tab-active, body.mdui-theme-layout-dark.mdui-theme-primary-pink .mdx-side-title a, body.mdui-theme-layout-dark.mdui-theme-primary-pink #mdx_menu .current-menu-item, body.mdui-theme-layout-dark.mdui-theme-primary-pink #mdx_menu .current-menu-item > ul, body.mdui-theme-layout-dark.mdui-theme-primary-pink #postlist h1, body.mdui-theme-layout-dark.mdui-theme-primary-pink .mdui-spinner, body.mdui-theme-layout-dark.mdui-theme-primary-pink .mdui-tab-indicator, body.mdui-theme-layout-dark.mdui-theme-primary-pink .mdui-progress, body.mdui-theme-layout-dark.mdui-theme-primary-pink #mdx-cookie-notice i.mdui-icon, body.mdui-theme-layout-dark.mdui-theme-primary-pink #mdx-toc-preview .mdx-toc-preview-item.mdx-toc-preview-item-active, body.mdui-theme-layout-dark.mdui-theme-primary-purple article > h1, body.mdui-theme-layout-dark.mdui-theme-primary-purple article > h2, body.mdui-theme-layout-dark.mdui-theme-primary-purple article > h3, body.mdui-theme-layout-dark.mdui-theme-primary-purple article.searchCard h1, body.mdui-theme-layout-dark.mdui-theme-primary-purple .mdx-toc-item.mdui-list-item-active, body.mdui-theme-layout-dark.mdui-theme-primary-purple .mdx-toc-item.mdui-list-item-active > span, body.mdui-theme-layout-dark.mdui-theme-primary-purple #mdx-toc-select .mdui-tab-active, body.mdui-theme-layout-dark.mdui-theme-primary-purple .mdx-side-title a, body.mdui-theme-layout-dark.mdui-theme-primary-purple #mdx_menu .current-menu-item, body.mdui-theme-layout-dark.mdui-theme-primary-purple #mdx_menu .current-menu-item > ul, body.mdui-theme-layout-dark.mdui-theme-primary-purple #postlist h1, body.mdui-theme-layout-dark.mdui-theme-primary-purple .mdui-spinner, body.mdui-theme-layout-dark.mdui-theme-primary-purple .mdui-tab-indicator, body.mdui-theme-layout-dark.mdui-theme-primary-purple .mdui-progress, body.mdui-theme-layout-dark.mdui-theme-primary-purple #mdx-cookie-notice i.mdui-icon, body.mdui-theme-layout-dark.mdui-theme-primary-purple #mdx-toc-preview .mdx-toc-preview-item.mdx-toc-preview-item-active, body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple article > h1, body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple article > h2, body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple article > h3, body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple article.searchCard h1, body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple .mdx-toc-item.mdui-list-item-active, body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple .mdx-toc-item.mdui-list-item-active > span, body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple #mdx-toc-select .mdui-tab-active, body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple .mdx-side-title a, body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple #mdx_menu .current-menu-item, body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple #mdx_menu .current-menu-item > ul, body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple #postlist h1, body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple .mdui-spinner, body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple .mdui-tab-indicator, body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple .mdui-progress, body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple #mdx-cookie-notice i.mdui-icon, body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple #mdx-toc-preview .mdx-toc-preview-item.mdx-toc-preview-item-active, body.mdui-theme-layout-dark.mdui-theme-primary-indigo article > h1, body.mdui-theme-layout-dark.mdui-theme-primary-indigo article > h2, body.mdui-theme-layout-dark.mdui-theme-primary-indigo article > h3, body.mdui-theme-layout-dark.mdui-theme-primary-indigo article.searchCard h1, body.mdui-theme-layout-dark.mdui-theme-primary-indigo .mdx-toc-item.mdui-list-item-active, body.mdui-theme-layout-dark.mdui-theme-primary-indigo .mdx-toc-item.mdui-list-item-active > span, body.mdui-theme-layout-dark.mdui-theme-primary-indigo #mdx-toc-select .mdui-tab-active, body.mdui-theme-layout-dark.mdui-theme-primary-indigo .mdx-side-title a, body.mdui-theme-layout-dark.mdui-theme-primary-indigo #mdx_menu .current-menu-item, body.mdui-theme-layout-dark.mdui-theme-primary-indigo #mdx_menu .current-menu-item > ul, body.mdui-theme-layout-dark.mdui-theme-primary-indigo #postlist h1, body.mdui-theme-layout-dark.mdui-theme-primary-indigo .mdui-spinner, body.mdui-theme-layout-dark.mdui-theme-primary-indigo .mdui-tab-indicator, body.mdui-theme-layout-dark.mdui-theme-primary-indigo .mdui-progress, body.mdui-theme-layout-dark.mdui-theme-primary-indigo #mdx-cookie-notice i.mdui-icon, body.mdui-theme-layout-dark.mdui-theme-primary-indigo #mdx-toc-preview .mdx-toc-preview-item.mdx-toc-preview-item-active, body.mdui-theme-layout-dark.mdui-theme-primary-teal article > h1, body.mdui-theme-layout-dark.mdui-theme-primary-teal article > h2, body.mdui-theme-layout-dark.mdui-theme-primary-teal article > h3, body.mdui-theme-layout-dark.mdui-theme-primary-teal article.searchCard h1, body.mdui-theme-layout-dark.mdui-theme-primary-teal .mdx-toc-item.mdui-list-item-active, body.mdui-theme-layout-dark.mdui-theme-primary-teal .mdx-toc-item.mdui-list-item-active > span, body.mdui-theme-layout-dark.mdui-theme-primary-teal #mdx-toc-select .mdui-tab-active, body.mdui-theme-layout-dark.mdui-theme-primary-teal .mdx-side-title a, body.mdui-theme-layout-dark.mdui-theme-primary-teal #mdx_menu .current-menu-item, body.mdui-theme-layout-dark.mdui-theme-primary-teal #mdx_menu .current-menu-item > ul, body.mdui-theme-layout-dark.mdui-theme-primary-teal #postlist h1, body.mdui-theme-layout-dark.mdui-theme-primary-teal .mdui-spinner, body.mdui-theme-layout-dark.mdui-theme-primary-teal .mdui-tab-indicator, body.mdui-theme-layout-dark.mdui-theme-primary-teal .mdui-progress, body.mdui-theme-layout-dark.mdui-theme-primary-teal #mdx-cookie-notice i.mdui-icon, body.mdui-theme-layout-dark.mdui-theme-primary-teal #mdx-toc-preview .mdx-toc-preview-item.mdx-toc-preview-item-active {
    filter: invert(1) hue-rotate(180deg);
}
body.mdui-theme-layout-dark.mdui-theme-primary-red h3.link-title, body.mdui-theme-layout-dark.mdui-theme-primary-pink h3.link-title, body.mdui-theme-layout-dark.mdui-theme-primary-purple h3.link-title, body.mdui-theme-layout-dark.mdui-theme-primary-deep-purple h3.link-title, body.mdui-theme-layout-dark.mdui-theme-primary-indigo h3.link-title, body.mdui-theme-layout-dark.mdui-theme-primary-teal h3.link-title {
    color: rgba(0, 0, 0, .87) !important;
}
body.mdui-theme-layout-dark input#s::placeholder {
    color: #b2b2b2 !important;
}
.mdx-lazyload-container {
    position: relative;
    overflow: hidden;
    margin: 10px 0 !important;
    display: block;
    width: 100%;
}
.wp-block-gallery .blocks-gallery-item .mdx-lazyload-container {
    margin: 0 !important;
}
.mdx-lazyload-container a.mdx-img-in-post-with-link {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.mdx-lazyload-container a.mdx-img-in-post-with-link > img {
    height: 0;
    opacity: 0;
    position: static;
    transition: opacity .3s;
    display: block;
}
.mdx-lazyload-container > img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 0;
    opacity: 0;
    transition: opacity .3s;
    display: block;
}
.mdx-lazyload-container > img.lazyloaded, .mdx-lazyload-container a.mdx-img-in-post-with-link > img.lazyloaded {
    height: auto;
    opacity: 1;
}
.mdx-img-loading-sp {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #d8d8d8;
}
.mdx-img-loading-sp > div {
    width: 100%;
    text-align: center;
}
.mdx-img-loading-sp > div {
    display: inline-block;
    filter: grayscale(1);
    opacity: .5;
}
body.mdui-theme-layout-dark .mdx-img-loading-sp {
    background-color: #282828;
}
.mdx-img-loaded-no-anim {
    transition: opacity 0s !important;
    position: static !important;
}
a.mdx-img-loaded-no-anim {
    transition: opacity .3s !important;
}
article a.mdx-nonlazy-link {
    width: 100%;
}
article a.mdx-nonlazy-link::before {
    display: none;
}
.mdui-card.lazyload {
    transition: background .3s;
}
a.mdx-img-in-post-with-link {
    width: 100%;
}
#mdx-cookie-notice {
    position: fixed;
    width: 400px;
    right: 20px;
    background-color: white;
    z-index: 999;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 2px;
    opacity: 0;
    bottom: -400px;
    transition: bottom .4s;
}
body.mdui-theme-layout-dark #mdx-cookie-notice {
    background-color: #212121;
}
body.mdui-theme-layout-dark #mdx-cookie-notice p {
    color: rgba(255, 255, 255, 0.87);
}
#mdx-cookie-notice.mdx-cookie-notice-show {
    opacity: 1;
    bottom: 20px;
}
#mdx-cookie-notice p {
    font-size: 16px;
    line-height: 25px;
    color: rgba(0, 0, 0, .87);
    margin-top: 0;
    display: inline-block;
    width: calc(100% - 34px);
    vertical-align: top;
}
#mdx-cookie-notice button {
    float: right;
}
#mdx-cookie-notice i.mdui-icon {
    display: inline-block;
    padding-right: 10px;
}
#mdx_menu li.menu-item i.mdui-icon {
    width: 22px;
    vertical-align: sub;
}
body.mdui-theme-layout-dark > .mdui-progress {
    background-color: transparent !important;
}
article.mdui-typo h1 {
    font-size: 2.5em;
}
.PostMain article.mdui-typo h1:first-child, .PostMain article.mdui-typo h2:first-child, .PostMain article.mdui-typo h3:first-child {
    margin-top: 5px;
}
#mdx-toc-select {
    overflow: hidden;
}
#mdx-toc-preview {
    position: fixed;
    top: 50vh;
    left: 0;
    overflow: hidden;
    z-index: 30;
    transform: translateY(-14px);
    transition: all .2s;
    opacity: 0;
}
#mdx-toc-preview.mdx-toc-preview-show {
    opacity: 1;
}
#mdx-toc-preview.mdx-toc-preview-show:hover {
    filter: brightness(.7);
    cursor: pointer;
}
.mdui-theme-layout-dark #mdx-toc-preview.mdx-toc-preview-show:hover {
    filter: brightness(1.3);
    cursor: pointer;
}
#mdx-toc-preview .mdx-toc-preview-item {
    width: 40px;
    height: 8px;
    border-radius: 0 2px 2px 0;
    margin: 12px 0;
    opacity: .15;
    transition: opacity .2s;
}
#mdx-toc-preview .mdx-toc-preview-item:not(.mdx-toc-preview-item-active) {
    background-color: rgb(150, 150, 150) !important;
}
#mdx-toc-preview .mdx-toc-preview-item.mdx-toc-preview-item-active {
    opacity: .8;
}
#mdx-toc-preview .mdx-toc-preview-item.mdx-toc-preview-h2 {
    width: 30px;
}
#mdx-toc-preview .mdx-toc-preview-item.mdx-toc-preview-h3 {
    width: 15px;
}
.mdx-sn-icon {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 25px;
    color: transparent;
    opacity: .53;
    cursor: pointer;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 3px;
}
.mdui-theme-layout-dark .mdx-sn-icon {
    filter: invert(1);
}
.mdx-sn-icon.mdx_sn_qq {
    background-image: svg-load('img/social-icons/qq.svg');
    cursor: default;
}
.mdx-sn-icon.mdx_sn_wechat {
    background-image: url('img/social-icons/wechat.svg');
    cursor: default;
}
.mdx-sn-icon.mdx_sn_weibo {
    background-image: url('img/social-icons/weibo.svg');
}
.mdx-sn-icon.mdx_sn_zhihu {
    background-image: svg-load('img/social-icons/zhihu.svg');
    margin: 3px 0;
    margin: 3px 1px;
}
.mdx-sn-icon.mdx_sn_bilibili {
    background-image: url('img/social-icons/bilibili.svg');
    transform: scale(.95);
    margin: 3px 2px;
}
.mdx-sn-icon.mdx_sn_neteasemusic {
    background-image: url('img/social-icons/neteasemusic.svg');
    transform: translateY(.5px);
}
.mdx-sn-icon.mdx_sn_coolapk {
    background-image: svg-load('img/social-icons/coolapk.svg');
    transform: scale(1.1) translateY(.7px);
}
.mdx-sn-icon.mdx_sn_douban {
    background-image: svg-load('img/social-icons/douban.svg');
    transform: scale(.85) translateY(.5px);
    margin: 3px 0;
}
.mdx-sn-icon.mdx_sn_github {
    background-image: url('img/social-icons/github.svg');
    transform: scale(.9);
}
.mdx-sn-icon.mdx_sn_facebook {
    background-image: svg-load('img/social-icons/facebook.svg');
    transform: scale(.9);
}
.mdx-sn-icon.mdx_sn_twitter {
    background-image: svg-load('img/social-icons/twitter.svg');
    margin: 3px 2px;
}
.mdx-sn-icon.mdx_sn_telegram {
    background-image: svg-load('img/social-icons/telegram.svg');
    transform: scale(.95);
}
.mdx-sn-icon.mdx_sn_steam {
    background-image: svg-load('img/social-icons/steam.svg');
    transform: scale(.95);
}
.mdx-sn-icon.mdx_sn_whatsapp {
    background-image: svg-load('img/social-icons/whatsapp.svg');
    transform: scale(.96);
    margin: 3px 2px;
}
.mdx-sn-icon.mdx_sn_instagram {
    background-image: svg-load('img/social-icons/instagram.svg');
    margin: 3px 2px;
    transform: scale(1.05);
}
.mdx-sn-icon.mdx_sn_dribbble {
    background-image: svg-load('img/social-icons/dribbble.svg');
    transform: scale(1.05);
    margin: 3px 1px;
}
.mdx-sn-icon.mdx_sn_behance {
    background-image: svg-load('img/social-icons/behance.svg');
    transform: scale(1.05);
    margin: 3px 4px;
}
.mdx-sn-icon.mdx_sn_tel {
    background-image: svg-load('img/social-icons/tel.svg');
    transform: scale(.9);
    margin: 3px 1px;
}
.mdx-sn-icon.mdx_sn_email {
    background-image: svg-load('img/social-icons/email.svg');
    transform: scale(1.15);
    margin: 3px 0;
}
.mdx-sn-icon.mdx_sn_personalpage {
    background-image: url('img/social-icons/personalpage.svg');
    transform: scale(.97);
}
.mdx-sn-icon.mdx_sn_rss {
    background-image: svg-load('img/social-icons/rss.svg');
    transform: scale(.83);
    margin: 3px 3px 2px 0;
}
.mdx-sn-wechat-qr {
    position: relative;
}
.mdx-sn-wechat-qr::after {
    opacity: 0;
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    background-color: white;
    bottom: 45px;
    left: 12.5px;
    content: " ";
    background-image: var(--background);
    background-position: center;
    background-size: contain;
    transition: all .2s;
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
}
.mdx-sn-wechat-qr:hover::after {
    opacity: 1;
    width: 200px;
    height: 200px;
    left: -87.5px;
}
li.menu-item .mdx-sn-icon {
    height: 22px;
    width: 22px;
    cursor: inherit;
    margin: 0;
    margin-right: 9pt;
    vertical-align: sub;
    opacity: 1;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-size: contain;
    background-image: none;
}
.mdui-theme-layout-dark li.menu-item .mdx-sn-icon {
    filter: invert(0) !important;
}
li.menu-item .mdx-sn-icon.mdx_sn_qq {
    -webkit-mask-image: svg-load('img/social-icons/qq.svg');
    mask-image: svg-load('img/social-icons/qq.svg');
}
li.menu-item .mdx-sn-icon.mdx_sn_wechat {
    -webkit-mask-image: url('img/social-icons/wechat.svg');
    mask-image: url('img/social-icons/wechat.svg');
}
li.menu-item .mdx-sn-icon.mdx_sn_weibo {
    -webkit-mask-image: url('img/social-icons/weibo.svg');
    mask-image: url('img/social-icons/weibo.svg');
}
li.menu-item .mdx-sn-icon.mdx_sn_zhihu {
    -webkit-mask-image: svg-load('img/social-icons/zhihu.svg');
    mask-image: svg-load('img/social-icons/zhihu.svg');
    transform: scale(1.15);
}
li.menu-item .mdx-sn-icon.mdx_sn_bilibili {
    -webkit-mask-image: url('img/social-icons/bilibili.svg');
    mask-image: url('img/social-icons/bilibili.svg');
}
li.menu-item .mdx-sn-icon.mdx_sn_neteasemusic {
    -webkit-mask-image: url('img/social-icons/neteasemusic.svg');
    mask-image: url('img/social-icons/neteasemusic.svg');
}
li.menu-item .mdx-sn-icon.mdx_sn_coolapk {
    -webkit-mask-image: svg-load('img/social-icons/coolapk.svg');
    mask-image: svg-load('img/social-icons/coolapk.svg');
}
li.menu-item .mdx-sn-icon.mdx_sn_douban {
    -webkit-mask-image: svg-load('img/social-icons/douban.svg');
    mask-image: svg-load('img/social-icons/douban.svg');
}
li.menu-item .mdx-sn-icon.mdx_sn_github {
    -webkit-mask-image: url('img/social-icons/github.svg');
    mask-image: url('img/social-icons/github.svg');
}
li.menu-item .mdx-sn-icon.mdx_sn_facebook {
    -webkit-mask-image: svg-load('img/social-icons/facebook.svg');
    mask-image: svg-load('img/social-icons/facebook.svg');
}
li.menu-item .mdx-sn-icon.mdx_sn_twitter {
    -webkit-mask-image: svg-load('img/social-icons/twitter.svg');
    mask-image: svg-load('img/social-icons/twitter.svg');
}
li.menu-item .mdx-sn-icon.mdx_sn_telegram {
    -webkit-mask-image: svg-load('img/social-icons/telegram.svg');
    mask-image: svg-load('img/social-icons/telegram.svg');
}
li.menu-item .mdx-sn-icon.mdx_sn_steam {
    -webkit-mask-image: svg-load('img/social-icons/steam.svg');
    mask-image: svg-load('img/social-icons/steam.svg');
}
li.menu-item .mdx-sn-icon.mdx_sn_whatsapp {
    -webkit-mask-image: svg-load('img/social-icons/whatsapp.svg');
    mask-image: svg-load('img/social-icons/whatsapp.svg');
}
li.menu-item .mdx-sn-icon.mdx_sn_instagram {
    -webkit-mask-image: svg-load('img/social-icons/instagram.svg');
    mask-image: svg-load('img/social-icons/instagram.svg');
}
li.menu-item .mdx-sn-icon.mdx_sn_dribbble {
    -webkit-mask-image: svg-load('img/social-icons/dribbble.svg');
    mask-image: svg-load('img/social-icons/dribbble.svg');
}
li.menu-item .mdx-sn-icon.mdx_sn_behance {
    -webkit-mask-image: svg-load('img/social-icons/behance.svg');
    mask-image: svg-load('img/social-icons/behance.svg');
}
li.menu-item .mdx-sn-icon.mdx_sn_rss {
    -webkit-mask-image: svg-load('img/social-icons/rss.svg');
    mask-image: svg-load('img/social-icons/rss.svg');
}
.mdui-theme-primary-grey.mdx-theme-white .mdui-color-theme {
    background-color: #e0e0e0 !important;
}
.mdui-theme-primary-grey.mdx-theme-white li.menu-item.current-menu-item .mdx-sn-icon.mdui-color-theme {
    background-color: #9e9e9e !important;
}
.mdui-theme-primary-grey.mdx-theme-white .mdui-color-theme.mdui-toolbar {
    background-color: #fff !important;
}
.mdui-theme-primary-grey.mdx-theme-white .page-footer-nav.mdui-color-theme, .mdui-theme-primary-grey.mdx-theme-white .page-footer-nav.mdui-color-theme * {
    background-color: #f7f7f7 !important;
}
.mdui-theme-primary-grey.mdx-theme-white .mdui-ripple .mdui-ripple-wave {
    background-color: rgba(0, 0, 0, .1) !important
}
.mdui-theme-primary-grey.mdx-theme-white:not(.mdx-index-white) .titleBarGobal * {
    color: rgba(0, 0, 0, .87) !important;
}
.mdui-theme-primary-grey.mdx-theme-white:not(.mdx-index-white) .PostTitleFill2.lazyloaded.mdx-bg-loaded ~ header .titleBarGobal:not(.mdui-shadow-2) *, .mdui-theme-primary-grey.mdx-theme-white:not(.mdx-index-white) .PostTitleFillPage.lazyloaded.mdx-bg-loaded ~ header .titleBarGobal:not(.mdui-shadow-2) * {
    color: rgba(255, 255, 255, .87) !important;
}
.mdui-theme-primary-grey.mdx-theme-white:not(.mdx-index-white) .PostTitleFill2.lazyloaded.mdx-bg-loaded ~ header .titleBarGobal.mdui-shadow-2 *, .mdui-theme-primary-grey.mdx-theme-white:not(.mdx-index-white) .PostTitleFillPage.lazyloaded.mdx-bg-loaded ~ header .titleBarGobal.mdui-shadow-2 * {
    color: rgba(0, 0, 0, .87) !important;
}
.mdui-theme-primary-grey.mdx-theme-white.mdx-first-simple .titleBarGobal *, .mdui-theme-primary-grey.mdx-theme-white.mdx-first-simple .theFirstPageSay {
    color: rgba(0, 0, 0, .87) !important;
}
.mdui-theme-primary-grey.mdx-theme-white.mdx-list-white #titleBar:not(.mdui-shadow-2) .mdui-toolbar {
    background-color: transparent !important;
}
.mdui-theme-primary-grey.mdx-theme-white .PostTitleFillBack2.mdui-color-theme {
    background-color: #d8d8d8 !important;
}
.mdui-theme-primary-grey.mdx-theme-white div.mdui-text-color-white-text.mdui-color-theme.mdui-valign.PostTitle, .mdui-theme-primary-grey.mdx-theme-white div.mdui-text-color-white-text.mdui-valign.PostTitle2, .mdui-theme-primary-grey.mdx-theme-white .PostTitlePage {
    color: rgba(0, 0, 0, .87) !important;
}
.mdui-theme-primary-grey.mdx-theme-white .mdui-toolbar[class*=mdui-color-]:not(.mdui-color-transparent) .mdui-btn:hover {
    background-color: rgba(0, 0, 0, .1) !important;
}
.mdui-theme-primary-grey.mdx-theme-white .outOfSearch {
    background-color: rgba(152, 152, 152, 0.3) !important;
}
.mdui-theme-primary-grey.mdx-theme-white #SearchBar {
    background-color: #fff !important;
}
.mdui-theme-primary-grey.mdx-theme-white #SearchBar i.mdui-icon {
    color: rgba(0, 0, 0, .87) !important;
}
.mdui-theme-primary-grey.mdx-theme-white .PostTitleFill2.lazyloaded.mdx-bg-loaded ~ .PostTitle, .mdui-theme-primary-grey.mdx-theme-white .PostTitleFillPage.lazyloaded.mdx-bg-loaded ~ .PostTitlePage {
    color: #fff !important;
}
.mdui-theme-primary-grey.mdx-theme-white:not(.mdx-index-white) .PostTitleFill2.lazyloaded.mdx-bg-loaded ~ header .titleBarGobal * {
    color: rgba(255, 255, 255, .87) !important;
}
.mdui-theme-primary-grey.mdx-theme-white .mdx-toc-preview-item.mdui-color-theme {
    background-color: #9e9e9e !important;
}
.mdui-theme-primary-grey.mdx-theme-white .mdx-search-anim-show {
    color: rgba(0, 0, 0, .3) !important;
}
.mdui-theme-primary-grey.mdx-theme-white .mdx-search-anim-show i {
    color: rgba(0, 0, 0, .87) !important;
}
.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .mdui-color-theme {
    background-color: #404040 !important;
    color: #fff !important;
}
li.menu-item:not(.current-menu-item) .mdx-sn-icon, .mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark li.menu-item:not(.current-menu-item) .mdx-sn-icon {
    background-color: #656565 !important;
}
.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .PostTitleFillBack2.mdui-color-theme {
    background-color: #4a4a4a !important;
}
.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark div.mdui-text-color-white-text.mdui-color-theme.mdui-valign.PostTitle, .mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark div.mdui-text-color-white-text.mdui-valign.PostTitle2, .mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .PostTitlePage {
    color: rgba(255, 255, 255, .87) !important;
}
.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .mdui-color-theme.mdui-toolbar {
    background-color: #212121 !important;
}
.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark:not(.mdx-first-tworows) .titleBarGobal *, .mdui-theme-primary-grey.mdx-theme-white.mdx-first-simple.mdui-theme-layout-dark .titleBarGobal *, .mdui-theme-primary-grey.mdx-theme-white.mdx-first-simple.mdui-theme-layout-dark .theFirstPageSay {
    color: rgba(255, 255, 255, .87) !important;
}
.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark #SearchBar {
    background-color: #212121 !important;
}
.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark #SearchBar i.mdui-icon {
    color: rgba(255, 255, 255, .87) !important;
}
.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .page-footer-nav.mdui-color-theme, .mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .page-footer-nav.mdui-color-theme *, .mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .theFirstPageBackGround, .mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .page-footer-nav.mdui-color-theme, .mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .page-footer-nav.mdui-color-theme *, .mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .PostTitleFillPageBackGround {
    background-color: #212121 !important;
}
.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .mdx-search-anim-show {
    color: rgba(255, 255, 255, .3) !important;
}
.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .mdx-search-anim-show i {
    color: rgba(255, 255, 255, .87) !important;
}
.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .mdui-ripple .mdui-ripple-wave {
    background-color: rgba(255, 255, 255, .1) !important
}
.mdui-theme-primary-grey.mdx-theme-white.mdui-theme-layout-dark .mdui-toolbar[class*=mdui-color-]:not(.mdui-color-transparent) .mdui-btn:hover {
    background-color: rgba(255, 255, 255, .1) !important;
}
.mdui-theme-primary-grey.mdx-theme-white:not(.mdx-index-white).mdui-theme-layout-dark .PostTitleFill2.lazyloaded.mdx-bg-loaded ~ header .titleBarGobal *, .mdui-theme-primary-grey.mdx-theme-white:not(.mdx-index-white).mdui-theme-layout-dark .PostTitleFillPage.lazyloaded.mdx-bg-loaded ~ header .titleBarGobal * {
    color: rgba(255, 255, 255, .87) !important;
}
body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-red #menu:hover {
    background-color: #ff5252 !important;
}
body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-pink #menu:hover {
    background-color: #ff4081 !important;
}
body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-purple #menu:hover {
    background-color: #e040fb !important;
}
body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-deep-purple #menu:hover {
    background-color: #7c4dff !important;
}
body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-indigo #menu:hover {
    background-color: #536dfe !important;
}
body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-blue #menu:hover {
    background-color: #448aff !important;
}
body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-light-blue #menu:hover {
    background-color: #40c4ff !important;
    color: rgba(0, 0, 0, .87);
}
body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-cyan #menu:hover {
    background-color: #18ffff !important;
    color: rgba(0, 0, 0, .87);
}
body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-teal #menu:hover {
    background-color: #64ffda !important;
    color: rgba(0, 0, 0, .87);
}
body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-green #menu:hover {
    background-color: #69f0ae !important;
    color: rgba(0, 0, 0, .87);
}
body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-light-green #menu:hover {
    background-color: #b2ff59 !important;
    color: rgba(0, 0, 0, .87);
}
body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-lime #menu:hover {
    background-color: #eeff41 !important;
    color: rgba(0, 0, 0, .87);
}
body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-yellow #menu:hover {
    background-color: #ffff00 !important;
    color: rgba(0, 0, 0, .87);
}
body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-amber #menu:hover {
    background-color: #ffd740 !important;
    color: rgba(0, 0, 0, .87);
}
body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-orange #menu:hover {
    background-color: #ffab40 !important;
    color: rgba(0, 0, 0, .87);
}
body.mdx-first-tworows.mdx-theme-white.mdui-theme-accent-deep-orange #menu:hover {
    background-color: #ff6e40 !important;
    color: rgba(0, 0, 0, .87);
}
.LinkPage > article {
    margin-bottom: 10px;
}
body.mdx-list-page {
    background-color: #f7f7f7;
}
body.mdx-list-page.mdui-theme-layout-dark {
    background-color: #303030;
}
.page-footer-nav.mdui-color-theme.mdx-post-nav-clean, .page-footer-nav.mdui-color-theme.mdx-post-nav-clean * {
    background-color: #f7f7f7 !important;
    color: rgba(85, 85, 85, .87);
}
.mdui-theme-layout-dark .page-footer-nav.mdui-color-theme.mdx-post-nav-clean, .mdui-theme-layout-dark .page-footer-nav.mdui-color-theme.mdx-post-nav-clean * {
    background-color: #212121 !important;
    color: rgba(255, 255, 255, 0.87);
}
.page-footer-nav.mdui-color-theme.mdx-post-nav-clean .mdui-ripple .mdui-ripple-wave {
    background-color: rgba(0, 0, 0, .1) !important
}
.mdui-theme-layout-dark .page-footer-nav.mdui-color-theme.mdx-post-nav-clean .mdui-ripple .mdui-ripple-wave {
    background-color: rgba(255, 255, 255, .1) !important
}
.mdx-clean-style-article-title {
    text-align: left;
    color: rgba(0, 0, 0, .87) !important;
    width: 55% !important;
    & + .time-in-post-title {
        width: 55% !important;
        color: rgba(0, 0, 0, .87) !important;
    }
}
.mdui-theme-layout-dark .mdx-clean-style-article-title {
    color: rgba(255, 255, 255, .87) !important;
    & + .time-in-post-title {
        color: rgba(255, 255, 255, .87) !important;
    }
}
.mdx-clean-style-article-hero-image {
    width: 100%;
}
.PostTitle ~ .PostTitleFill.mdx-clean-style-article-title-background, #SearchBar ~ .PostTitle.mdx-clean-style-article-head-background, .mdui-theme-layout-dark .PostTitle ~ .PostTitleFill.mdx-clean-style-article-title-background {
    background-color: transparent !important;
}
.PostTitle.mdx-clean-style-article-head-background {
    transform: translateY(20px);
}
.mdx-post-style-3 .mdui-toolbar:not(#searchform) {
    color: rgba(0, 0, 0, .87);
}
.mdui-theme-layout-dark.mdx-post-style-3 .mdui-toolbar:not(#searchform) {
    color: rgba(255, 255, 255, 1);
}
.mdx-post-style-3 .mdui-toolbar button {
    transition: color 0s;
}
.mdx-clean-style-article-main {
    top: 45%;
}
.mdx-clean-style-article-content article h1:first-child, .mdx-clean-style-article-content article h2:first-child, .mdx-clean-style-article-content article h3:first-child, .mdx-clean-style-article-content article h4:first-child {
    margin-top: 0 !important;
}
.blocks-gallery-grid, .wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
}
.mdui-typo a.mdx-article-long-link {
    display: inline !important;
    text-decoration: underline !important;
    text-decoration-color: transparent !important;
}
.mdui-typo a.mdx-article-long-link:before {
    display: none;
}
.mdui-typo a.mdx-article-long-link:hover {
    text-decoration-color: unset !important;
}
.mdui-typo a.mdx-article-long-link:hover:before {
    display: none;
}
.date-in-title {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start !important;
    .time-in-post-title {
        width: 100%;
        margin: 0 auto;
        font-size: 17px;
        text-align: center;
        opacity: 0.8;
        margin-top: -15px;
    }
    h1.mdx-clean-style-article-title + .time-in-post-title {
        text-align: left;
    }
}
.PostMain.date-in-title-post:not(.mdx-pni-am) {
    top: 30%;
}
.wp-caption {
    max-width: 100%;
}
body.mdx-post-style-3 {
    background-color: #f7f7f7;
    &.mdui-theme-primary-grey.mdx-theme-white .page-footer-nav.mdui-color-theme, &.mdui-theme-primary-grey.mdx-theme-white .page-footer-nav.mdui-color-theme *:not(.mdui-ripple-wave) {
        background-color: #f3f3f3 !important;
    }
}
body.mdx-post-style-3.mdui-theme-layout-dark {
    background-color: #303030;
    &.mdui-theme-primary-grey.mdx-theme-white .page-footer-nav.mdui-color-theme, &.mdui-theme-primary-grey.mdx-theme-white .page-footer-nav.mdui-color-theme * {
        background-color: #212121 !important;
    }
}
body.mdx-index-void {
    & > div.mdui-drawer ~ div.theFirstPageSay, & > div.mdui-drawer ~ div.theFirstPageBackGround {
        background-color: #f7f7f7 !important;
        & > * {
            color: rgba(0, 0, 0, .87);
        }
    }
    .theFirstPage, .theFirstPageBackGround, .theFirstPageSay {
        height: 45%;
    }
    .main {
        top: 45%;
    }
    .topBarAni:not(.mdui-color-theme) {
        transition: all .2s;
        color: rgba(0, 0, 0, .87) !important;
    }
    .mdxNotice {
        background-color: #ececec;
        border-radius: 3px !important;
        width: 95% !important;
    }
}
body.mdx-index-void.mdui-theme-layout-dark {
    & > div.mdui-drawer ~ div.theFirstPageSay, & > div.mdui-drawer ~ div.theFirstPageBackGround {
        background-color: #303030 !important;
        & > * {
            color: rgba(255, 255, 255, .87);
        }
    }
    .topBarAni {
        color: rgba(255, 255, 255, .87) !important;
    }
}
.mdx-hot-posts h3 > i.mdui-text-color-theme-accent, h3.mdx-all-posts > i.mdui-text-color-theme-accent {
    vertical-align: top;
    margin-left: 10px;
    display: inline-block;
    font-size: 25px;
}
.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
    z-index: 99;
}
figure.wp-block-image figcaption {
    z-index: 99;
    box-sizing: border-box;
}
.mdui-table tfoot td, .mdui-table tfoot th {
    color: rgba(0, 0, 0, .54);
    font-weight: 700;
    font-size: 13px;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mdui-theme-layout-dark .mdui-table tfoot td, .mdui-table tfoot th {
    color: rgba(255, 255, 255, .7);
}
.mdx-swiper {
    z-index: 4 !important;
    position: absolute !important;
    .swiper-wrapper {
        width: 100%;
        height: 100%;
        .flickity-viewport {
            cursor: default !important;
            &.is-pointer-down {
                cursor: -webkit-grabbing !important;
                cursor: grabbing !important;
            }
        }
        .flickity-page-dots {
            z-index: 3;
            box-sizing: border-box;
            bottom: 20px;
            margin: 0;
            padding: 0;
            .dot {
                background-color: rgb(var(--mdx-text-color-head));
                margin: 0 5px;
                width: 8px;
                height: 8px;
            }
        }
        .swiper-item {
            width: 100%;
            height: 100%;
            color: rgb(var(--mdx-text-color-head)) !important;
            background-color: rgb(var(--mdx-theme-color-with-white-head));
            .mdx-slide-bg {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
                width: 100%;
                height: 100%;
                background-color: rgb(var(--mdx-theme-color-with-white-head));
                &.mdx-bg-lazyload {
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-position: center center;
                    transition: opacity .3s;
                    opacity: 0;
                }
                &.mdx-bg-loaded {
                    opacity: 1;
                }
            }
            .mdx-slide-content {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 2;
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                background-color: rgba(var(--mdx-theme-color-with-white-head), .6);
                color: rgb(var(--mdx-text-color-head)) !important;
                overflow: hidden;
                h1 {
                    text-align: center;
                    margin: 20px 30px 8px 30px;
                    font-size: 40px;
                    word-break: break-word;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    max-height: 115px;
                }
                .time-in-post-title {
                    opacity: .5;
                }
                a {
                    margin-top: 20px;
                    font-size: 18px;
                    background-color: rgba(var(--mdx-text-color-head), .1);
                    padding: 10px 30px;
                    height: 54px;
                    color: rgb(var(--mdx-text-color-head)) !important;
                    i {
                        font-size: 21px;
                        vertical-align: text-top;
                    }
                    &:hover {
                        background-color: rgba(var(--mdx-text-color-head), .25);
                    }
                    &:active {
                        background-color: rgba(var(--mdx-text-color-head), .17);
                    }
                    &:hover::before {
                        transform: scaleX(0);
                    }
                }
            }
        }
    }
    &.slide-style-2, &.slide-style-3, &.slide-style-4 {
        .swiper-wrapper .swiper-item .mdx-slide-content {
            background-image: linear-gradient(65deg, rgba(var(--mdx-theme-color-with-white-head), 1) 30%, rgba(var(--mdx-theme-color-with-white-head), .1) 80%);
            .slide-wrap {
                width: 100%;
                height: 100%;
                max-width: 1230px;
                padding: 0 50px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                flex-direction: row;
                box-sizing: border-box;
                .slide-part {
                    width: 60%;
                    text-align: left;
                    h1 {
                        margin-left: 0;
                        margin-right: 20px;
                        text-align: left;
                        margin-bottom: 0;
                    }
                    .time-in-post-title {
                        margin-bottom: 3px;
                    }
                    p {
                        margin-right: 20px;
                        max-width: 500px;
                    }
                }
                a {
                    width: 60px;
                    height: 88px;
                    i {
                        font-size: 30px;
                        line-height: 55px;
                    }
                }
            }
        }
    }
}
.mdx-wide-post-list .mdx-swiper {
    &.slide-style-2, &.slide-style-3, &.slide-style-4 {
        .swiper-wrapper .swiper-item .mdx-slide-content {
            .slide-wrap {
                max-width: 1300px;
            }
        }
    }
}
body.mdx-first-simple .mdx-swiper .swiper-wrapper .swiper-item .mdx-slide-content h1 {
    margin-top: -5px;
}
body.mdx-index-void {
    .flickity-page-dots {
        bottom: 15px !important;
    }
}
.swiper-bottom-void {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25%;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(var(--mdx-theme-color-with-white-head), 0) 0%, rgba(var(--mdx-theme-color-with-white-head), 1) 100%);
}
.mdx-first-simple .mdx-swiper {
    z-index: 2 !important;
    height: 43%;
    .flickity-page-dots {
        bottom: 12.5% !important;
    }
}
.mdx-first-tworows .mdx-swiper {
    position: absolute !important;
}
.mdx-first-simple .theFirstPage {
    height: 43%;
}
.index-slide-toolbar {
    .mdui-toolbar.mdui-toolbar-self:not(.mdui-color-theme) {
        color: rgb(var(--mdx-text-color-head)) !important;
    }
}
.mdx-wide-post-list .post-item {
    width: calc(50% - 15px);
    &.mdx-postlist-simple.mdx-postlist-simple-has-no-img {
        box-sizing: border-box;
    }
}
.mdx-footer-copyright {
    display: flex;
    justify-content: space-between;
    .mdx-footer-copyright-right {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
    }
    span + .mdx-footer-copyright-right {
        display: flex;
        flex-direction: column;
        text-align: right;
        width: auto;
    }
}
.wanan-link img {
    vertical-align: sub;
}
.wp-block-image .mdx-lazyload-container {
    width: 100%;
    height: 100%;
    max-width: 100%!important;
    margin: 0!important;
}
@media (max-width: 800px) {
    .mdx-wide-post-list .post-item {
        width: 100%;
        max-width: 700px;
        &.postDiv {
            margin: 7.5px;
        }
    }
}
@media screen and (orientation: landscape) and (min-width: 750px) {
    body.mdx-first-tworows .theFirstPageBackGround, body.mdx-first-tworows .mdx-index-img-bg, body.mdx-first-tworows .theFirstPage, body.mdx-first-tworows .theFirstPageSay {
        width: 38.2%;
        height: 100%;
        position: fixed;
    }
    body.mdx-first-tworows.index-slide-toolbar .mdui-toolbar.mdui-toolbar-self {
        color: rgb(var(--mdx-text-color)) !important;
    }
    body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-red .mdui-toolbar.mdui-toolbar-self, body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-pink .mdui-toolbar.mdui-toolbar-self, body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-purple .mdui-toolbar.mdui-toolbar-self, body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-deep-purple .mdui-toolbar.mdui-toolbar-self, body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-indigo .mdui-toolbar.mdui-toolbar-self, body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-blue .mdui-toolbar.mdui-toolbar-self {
        color: white !important;
    }
    body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-light-blue .mdui-toolbar.mdui-toolbar-self, body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-cyan .mdui-toolbar.mdui-toolbar-self, body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-teal .mdui-toolbar.mdui-toolbar-self, body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-green .mdui-toolbar.mdui-toolbar-self, body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-light-green .mdui-toolbar.mdui-toolbar-self, body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-lime .mdui-toolbar.mdui-toolbar-self, body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-yellow .mdui-toolbar.mdui-toolbar-self, body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-amber .mdui-toolbar.mdui-toolbar-self, body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-orange .mdui-toolbar.mdui-toolbar-self, body.mdx-first-tworows.index-slide-toolbar.mdui-theme-accent-deep-orange .mdui-toolbar.mdui-toolbar-self {
        color: black !important;
    }
    body.mdx-first-tworows .mdx-swiper {
        position: fixed !important;
        &.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content, &.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content, &.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content {
            background-image: linear-gradient(155deg, rgba(var(--mdx-theme-color-with-white-head), 1) 30%, rgba(var(--mdx-theme-color-with-white-head), .1) 95%);
            .slide-wrap {
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                .slide-part {
                    width: 100%;
                    h1 {
                        margin-right: 0;
                    }
                    p {
                        margin-right: 0;
                        max-width: 100%;
                    }
                }
                a {
                    margin-top: 60px;
                }
            }
        }
    }
    body.mdx-first-tworows .mdx-index-img-bg {
        display: none;
    }
    body.mdx-first-tworows.mdui-theme-layout-dark .mdx-index-img-bg {
        background-color: #212121 !important;
        display: block;
    }
    body.mdx-first-tworows .theFirstPage.mdx-anmi-loaded {
        opacity: 1 !important;
    }
    body.mdx-first-tworows .main {
        width: 61.8%;
        left: 38.2%;
        top: 0;
    }
    body.mdx-first-tworows .titleBarGobal, body.mdx-first-tworows .titleBarGobal form {
        width: 38.2%;
        box-shadow: none !important;
    }
    body.mdx-first-tworows #titleBar {
        -webkit-transform: none !important;
        transform: none !important;
    }
    body.mdx-first-tworows .titleBarGobal .mdui-toolbar, body.mdx-first-tworows.mdui-theme-layout-dark .mdui-appbar > [class*=mdui-color-]:not(.mdui-color-transparent) {
        background-color: transparent !important;
        color: white !important;
    }
    body.mdx-first-tworows div.titleBarGobal {
        z-index: 5;
    }
    body.mdx-first-tworows .seai {
        display: none;
    }
    body.mdx-first-tworows span.mdui-typo-headline, body.mdx-first-tworows #theFirstPageSayContent {
        display: none !important;
    }
    body.mdx-first-tworows .mdx-tworows-title {
        display: block;
        width: 100%;
        text-align: center;
        cursor: default;
    }
    body.mdx-first-tworows .mdx-tworows-title > div {
        text-align: center;
        display: inline-block;
        width: 240px;
        background-color: white;
        border-radius: 5px;
        color: rgba(0, 0, 0, .6);
        font-size: 18px;
        padding: 10px;
        box-sizing: border-box;
    }
    body.mdx-first-tworows.mdui-theme-layout-dark .mdx-tworows-title > div {
        background-color: #303030;
        color: rgba(255, 255, 255, .6);
    }
    body.mdx-first-tworows .mdx-tworows-title > div > span {
        font-size: 30px;
        line-height: 80px;
        display: block;
        font-weight: bold;
    }
    body.mdx-first-tworows .mdx-tworows-title > div > hr {
        height: 2px;
        margin: 0;
        margin-bottom: 10px;
        border: none;
        border-bottom: 2px solid rgba(0, 0, 0, .12);
    }
    body.mdx-first-tworows.mdui-theme-layout-dark .mdx-tworows-title > div > hr {
        border-bottom: 2px solid rgba(255, 255, 255, 0.12);
    }
    body.mdx-first-tworows .mdx-tworows-title .mdx-logo {
        max-height: 55px;
        margin-bottom: 7px;
    }
    body.mdx-first-tworows .mdxNotice {
        position: fixed;
        left: 0;
        top: 0;
        width: 38.2%;
        max-width: none;
        border-radius: 0 !important;
        z-index: 10;
    }
    body.mdx-first-tworows.has-admin-bar .mdxNotice {
        top: 32px;
    }
    body.mdx-first-tworows .main, body.mdx-first-tworows .main-in-other {
        z-index: 7;
    }
    body.mdx-first-tworows div.main .mdx-hot-posts {
        width: 87%;
        transform: translateX(-1%);
    }
    body.mdx-first-tworows .mdx-all-posts, body.mdx-first-tworows main.postList {
        width: 85%;
    }
    body.mdx-first-tworows div.main .mdx-hot-posts h3 {
        margin-left: 14px;
    }
    body.mdx-first-tworows div.main {
        padding-top: 30px;
    }
    body.mdx-first-tworows #menu {
        position: fixed !important;
        bottom: 24px;
        left: 24px;
        z-index: 99;
        margin: 0;
        overflow: hidden;
        -webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform .2s;
        transition: all .2s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform .2s;
        transition: all .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, 1, 1), transform .2s;
        transition: all .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, 1, 1), transform .2s, -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1), -webkit-transform .2s;
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        will-change: transform;
        width: 56px;
        min-width: 56px;
        height: 56px;
        padding: 0 !important;
        margin: auto;
        overflow: hidden;
        font-size: 24px;
        line-height: normal !important;
        border-radius: 50%;
        -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
        box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
        box-sizing: border-box;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: .04em;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        zoom: 1;
        user-select: none;
        background: 0 0;
        border: none;
        outline: 0;
        -webkit-user-drag: none;
    }
    body.mdx-first-tworows.mdui-theme-accent-red #menu {
        background-color: #ff5252;
    }
    body.mdx-first-tworows.mdui-theme-accent-pink #menu {
        background-color: #ff4081;
    }
    body.mdx-first-tworows.mdui-theme-accent-purple #menu {
        background-color: #e040fb;
    }
    body.mdx-first-tworows.mdui-theme-accent-deep-purple #menu {
        background-color: #7c4dff;
    }
    body.mdx-first-tworows.mdui-theme-accent-indigo #menu {
        background-color: #536dfe;
    }
    body.mdx-first-tworows.mdui-theme-accent-blue #menu {
        background-color: #448aff;
    }
    body.mdx-first-tworows.mdui-theme-accent-light-blue #menu {
        background-color: #40c4ff;
        color: rgba(0, 0, 0, .87);
    }
    body.mdx-first-tworows.mdui-theme-accent-cyan #menu {
        background-color: #18ffff;
        color: rgba(0, 0, 0, .87);
    }
    body.mdx-first-tworows.mdui-theme-accent-teal #menu {
        background-color: #64ffda;
        color: rgba(0, 0, 0, .87);
    }
    body.mdx-first-tworows.mdui-theme-accent-green #menu {
        background-color: #69f0ae;
        color: rgba(0, 0, 0, .87);
    }
    body.mdx-first-tworows.mdui-theme-accent-light-green #menu {
        background-color: #b2ff59;
        color: rgba(0, 0, 0, .87);
    }
    body.mdx-first-tworows.mdui-theme-accent-lime #menu {
        background-color: #eeff41;
        color: rgba(0, 0, 0, .87);
    }
    body.mdx-first-tworows.mdui-theme-accent-yellow #menu {
        background-color: #ffff00;
        color: rgba(0, 0, 0, .87);
    }
    body.mdx-first-tworows.mdui-theme-accent-amber #menu {
        background-color: #ffd740;
        color: rgba(0, 0, 0, .87);
    }
    body.mdx-first-tworows.mdui-theme-accent-orange #menu {
        background-color: #ffab40;
        color: rgba(0, 0, 0, .87);
    }
    body.mdx-first-tworows.mdui-theme-accent-deep-orange #menu {
        background-color: #ff6e40;
        color: rgba(0, 0, 0, .87);
    }
    body.mdx-first-tworows .mdx-tworow-search {
        padding: 5px 0 5px 9pt;
        height: 50px;
        border-radius: 3px;
        -webkit-transition: all .2s;
        transition: background-color .2s;
        display: flex !important;
        width: 85%;
        margin: 50px auto 10px;
        max-width: 700px;
        background-color: rgb(230, 230, 230);
        color: rgba(0, 0, 0, .4);
        cursor: pointer;
        font-size: 17px;
        user-select: none;
    }
    body.mdx-first-tworows.mdx-wide-post-list .mdx-tworow-search {
        max-width: 1200px;
    }
    body.mdx-first-tworows #mdx-search-anim {
        padding: 5px 0 5px 9pt;
        height: 50px;
        border-radius: 3px;
        margin: 0;
        background-color: rgba(217, 217, 217, 1);
        color: rgba(0, 0, 0, .4);
        cursor: pointer;
        display: none !important;
        position: fixed;
        z-index: 999999;
        transition: top .5s cubic-bezier(0.77, 0, 0.175, 1), left .5s cubic-bezier(0.77, 0, 0.175, 1), background-color .5s, width .5s cubic-bezier(0.77, 0, 0.175, 1), height .5s cubic-bezier(0.77, 0, 0.175, 1), color .5s, opacity 0s;
        font-size: 17px;
        user-select: none;
        backdrop-filter: blur(30px);
    }
    body.mdx-first-tworows > div#mdx-search-anim.mdx-search-anim-show {
        display: flex !important;
    }
    body.mdx-first-tworows .mdx-tworow-search:hover {
        background-color: rgb(217, 217, 217);
    }
    body.mdx-first-tworows .mdx-tworow-search i, body.mdx-first-tworows #mdx-search-anim i {
        margin: 5px 7px 0 4px;
        color: rgba(0, 0, 0, .87);
        transition: color .5s;
    }
    body.mdx-first-tworows.mdui-theme-layout-dark .mdx-tworow-search {
        background-color: rgb(59, 59, 59);
        color: rgba(255, 255, 255, .4);
    }
    body.mdx-first-tworows.mdui-theme-layout-dark #mdx-search-anim {
        background-color: rgb(70, 70, 70);
        color: rgba(255, 255, 255, .4);
    }
    body.mdx-first-tworows.mdui-theme-layout-dark .mdx-tworow-search:hover {
        background-color: rgb(70, 70, 70);
    }
    body.mdx-first-tworows.mdui-theme-layout-dark .mdx-tworow-search i, body.mdx-first-tworows.mdui-theme-layout-dark #mdx-search-anim i {
        color: rgba(255, 255, 255, 0.87);
    }
    body.mdx-first-tworows #SearchBar, body.mdx-first-tworows #searchform, body.mdx-first-tworows .OutOfsearchBox, body.mdx-first-tworows div.fullScreen.sea-close {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }
    body.mdx-first-tworows .outOfSearch {
        width: 75%;
    }
    body.mdx-first-tworows #searchform {
        opacity: 0 !important;
        transition: all 0s !important;
    }
    body.mdx-first-tworows #searchform.mdx-searchform-show {
        opacity: 1 !important;
    }
    body.mdx-first-tworows a.mdui-btn.mdui-btn-icon.sea-close {
        opacity: 0;
        transition: all .3s;
    }
    body.mdx-first-tworows {
        .mdx-hot-posts {
            max-width: 715px;
        }
        &.mdui-theme-primary-grey.mdx-theme-white .mdui-color-theme.mdui-toolbar {
            background-color: transparent !important;
        }
    }
    body.mdx-first-tworows.mdx-wide-post-list .mdx-hot-posts {
        max-width: 1215px;
    }
}
@media screen and (orientation: landscape) and (max-width: 1024px) and (min-width: 750px) {
    body.mdx-first-tworows #menu {
        left: 16px;
        bottom: 16px;
    }
}
@media (max-width: 2500px) {
    .ArtMain0 {
        width: 100%;
        max-width: 975pt;
    }
    .PostMain .mdx-clean-footer {
        width: 90%;
        max-width: 975pt;
    }
    .PostMain2 .mdx-clean-footer {
        width: 100%;
        max-width: 975pt;
    }
    #respond, .mdx-comment-login-needed, .ArtMain, .ArtMain ~ div#comments, .mdx-author-c, .mdx-same-posts {
        width: 90%;
        max-width: 975pt;
    }
    .mdx-clean-style-article-title {
        width: 90% !important;
        max-width: 975pt;
        & + .time-in-post-title {
            width: 90% !important;
            max-width: 975pt;
        }
    }
}
@media (max-width: 2250px) {
    body.mdx-first-tworows div.main .mdx-hot-posts {
        transform: translateX(0);
    }
}
@media (max-width: 2100px) {
    .ArtMain0 {
        width: 100%;
        max-width: 1000px;
    }
    .PostMain .mdx-clean-footer {
        max-width: 825pt;
    }
    .PostMain2 .mdx-clean-footer {
        width: 100%;
        max-width: 1000px;
    }
    #respond, .mdx-comment-login-needed, .ArtMain, .ArtMain ~ div#comments, .mdx-author-c, .mdx-same-posts, .mdx-clean-style-article-title {
        max-width: 825pt;
        & + .time-in-post-title {
            max-width: 825pt;
        }
    }
    .page-tags, .page-tags > article {
        max-width: 1500px;
    }
    .theFirstPageSay {
        font-size: 20px;
    }
}
@media (max-width: 1500px) {
    .ArtMain0 {
        width: 100%;
        max-width: 50pc;
    }
    .PostMain .mdx-clean-footer {
        max-width: 900px;
    }
    .PostMain2 .mdx-clean-footer {
        width: 100%;
        max-width: 50pc;
    }
    #respond, .mdx-comment-login-needed, .ArtMain, .ArtMain ~ div#comments, .mdx-author-c, .mdx-same-posts, .mdx-clean-style-article-title {
        max-width: 900px;
        & + .time-in-post-title {
            max-width: 900px;
        }
    }
    .page-tags, .page-tags > article {
        max-width: 1000px;
    }
}
@media (max-width: 1270px) {
    .mdx-wide-post-list div.main .mdx-hot-posts {
        width: 95%;
        transform: none;
    }
    .mdx-wide-post-list .mdx-all-posts {
        padding-left: 10px;
    }
    .mdx-wide-post-list .mdxNotice {
        max-width: 1270px;
    }
    .theFirstPageSay {
        font-size: 18px;
    }
}
@media (max-width: 1220px) {
    .mdx-wide-post-list .mdxNotice {
        border-radius: 0;
    }
}
@media (min-width: 1024px) {
    #indic {
        right: 21.8px;
        bottom: 21.8px;
    }
    .mdx-tools-up-in #indic {
        bottom: 101.8px;
    }
    .mdx-tools-up {
        bottom: 78pt;
    }
    .mdui-drawer {
        width: 280px !important;
        max-width: none !important;
    }
    .mdui-drawer-close {
        -webkit-transform: translateX(-290px);
        transform: translateX(-290px);
    }
    .mdui-drawer-close.mdui-drawer-right {
        -webkit-transform: translateX(290px);
        transform: translateX(290px);
    }
}
@media (max-width: 1024px) {
    .mdx-ad-after-links {
        width: calc(94% - 16px);
    }
}
@media (max-width: 1000px) {
    .ArtMain0 {
        width: 100%;
        max-width: 680px;
    }
    .PostMain .mdx-clean-footer {
        max-width: 45pc;
    }
    .PostMain2 .mdx-clean-footer {
        width: 100%;
        max-width: 680px;
    }
    #respond, .mdx-comment-login-needed, .ArtMain, .ArtMain ~ div#comments, .mdx-author-c, .mdx-same-posts, .mdx-clean-style-article-title {
        max-width: 45pc;
        & + .time-in-post-title {
            max-width: 45pc;
        }
    }
    .mdx-wide-post-list .indexgaid, .mdx-wide-post-list .staDivgaid {
        width: calc(50% - 10px) !important;
    }
}
@media (max-width: 884px) {
    .mdx-ad-in-list.mdx-style-4-ad {
        width: 95%;
        max-width: 400px;
    }
    #mdx-toc-preview {
        display: none;
    }
}
@media (max-width: 800px) {
    .PostTitle, .PostTitle h1 {
        font-size: 37px;
    }
    .page-tags > article {
        max-width: 500px;
    }
    .theFirstPageSay {
        font-size: 16px;
    }
}
@media (max-width: 782px) {
    body.has-admin-bar #titleBar, body.has-admin-bar #titleBarinPost, body.has-admin-bar .mdui-toolbar, body.has-admin-bar .titleBarinAc {
        top: 46px;
    }
    .has-admin-bar .mdui-drawer {
        padding-top: 46px;
    }
}
@media (max-width: 770px) {
    .mdx-all-posts {
        padding-left: 10px;
    }
    div.main .mdx-hot-posts {
        width: 95%;
        transform: none;
    }
    div.main .mdx-hot-posts h3 {
        margin-left: 17px;
    }
    main .mdx-postlist-simple {
        .card-text {
            width: 96%;
            margin: 0 auto;
        }
        &.mdx-postlist-simple-has-no-img {
            border-width: 5px;
            border-bottom-width: 0;
            box-sizing: border-box;
            padding-top: 10px;
        }
    }
    .mdx-first-simple main .mdx-postlist-simple {
        &.mdx-postlist-simple-has-no-img {
            border-width: 5px;
            border-bottom-width: 0;
        }
    }
    .mdx-wide-post-list main .mdx-postlist-simple {
        .card-text {
            padding: 0 !important;
        }
        &.mdx-postlist-simple-has-no-img {
            border-width: 0;
        }
    }
    .mdx-wide-post-list.mdx-first-simple main .mdx-postlist-simple {
        .card-text {
            padding: 0 5px !important;
        }
        &.mdx-postlist-simple-has-no-img {
            border-width: 5px;
            border-bottom-width: 0;
        }
    }
    body.mdui-theme-layout-dark.mdx-first-simple main .mdx-postlist-simple.mdx-postlist-simple-has-no-img {
        border-width: 5px;
        border-bottom-width: 0;
        padding-top: 10px;
    }
    .mdxNotice {
        border-radius: 0 !important;
        max-width: 770px;
    }
    .mdx-first-simple .mdxNotice {
        border-radius: 8px !important;
    }
    .indexgaid {
        width: 100%;
    }
    .staDivgaid {
        width: 100%;
        margin: 5px !important;
    }
}
@media (max-width: 720px) {
    .ArtMain0, .mdxNotice {
        border-radius: 0;
    }
    .ArtMain0 {
        width: 90%;
        background-color: transparent !important;
        box-shadow: 0 0 0 !important;
        .mdx-say-after.mdui-card {
            background-color: #EDEDED;
            margin-bottom: 20px;
            border-radius: 2px !important;
            & > div {
                border-left: none;
            }
        }
    }
    body.mdui-theme-layout-dark .ArtMain0 .mdx-say-after.mdui-card {
        background-color: #292929;
    }
    .PostMain2 .mdx-clean-footer {
        width: 90%;
    }
    .body-grey, .body-grey1 {
        background-color: #fff;
    }
    .PostMainImg0 {
        clear: both;
        display: block !important;
        margin: 0 auto !important;
        width: 82%;
        border-radius: 3px;
        box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 1pc 1px rgba(0, 0, 0, .12);
    }
    .ArtMain0 article.mdui-typo {
        margin: 40px 0 0 !important;
    }
    .ArtMain0 .spanout {
        border-radius: 5px 5px 0 0;
    }
    .ArtMain0 #respond, .ArtMain0 .mdx-comment-login-needed {
        border-radius: 0 0 5px 5px;
    }
    body.mdui-theme-layout-dark.body-grey, body.mdui-theme-layout-dark.body-grey1 {
        background-color: #303030;
    }
    .PostTitleFill2, .PostTitleFillBack2 {
        height: 40%;
    }
    .PostMain2 > .ArtMain0 {
        padding-top: 0 !important;
    }
    .PostMain2 > .ArtMain0 > article {
        margin-top: 20px !important;
    }
    .mdx-say-after, .mdx-ad-after-article {
        width: 100%;
    }
    .mdx-pni-am0 {
        top: 48%;
    }
    .mdx-pni-am0 article.mdui-typo {
        margin-top: 0 !important;
    }
    .PostMain.date-in-title-post.mdx-pni-am0 {
        top: 48%;
    }
    .mdx-pni-t0 {
        height: 45%;
    }
    .date-in-title {
        .time-in-post-title {
            font-size: 15px;
            margin-top: -5px;
        }
    }
    .theFirstPageSay {
        font-size: 14px;
    }
}
@media (max-width: 700px) {
    .mdx-post-cot, .mdx-post-wait-out-c, .mdx-post-wait-out-c2 {
        height: 230px;
    }
    .mdx-wide-post-list .indexgaid, .mdx-wide-post-list .staDivgaid {
        width: 100% !important;
    }
}
@media (max-width: 600px) {
    .PostTitle, .PostTitle h1 {
        font-size: 2pc;
    }
    article p {
        font-size: 1pc;
    }
    .title, article h2, article h3 {
        font-size: 20px;
    }
    .title, article h1 {
        font-size: 23px;
    }
    .title, article h4 {
        font-size: 18px;
    }
    #SearchBar, #titleBar, #titleBarinPost {
        height: 56px;
    }
    .disfir {
        width: 100%;
    }
    .disfirright {
        margin-left: 0;
    }
    .mdui-typo-headline {
        margin: 0 7px;
        font-size: 20px;
    }
    #oth-div {
        margin: 0;
    }
    #menu, button.seai, div.mdui-toolbar > .mdui-typo-headline {
        margin: 0 2px !important;
    }
    body.has-admin-bar #SearchBar, body.has-admin-bar #titleBar, body.has-admin-bar #titleBarinPost, body.has-admin-bar .mdui-toolbar, body.has-admin-bar .titleBarinAc {
        top: 0;
    }
    .mdx-ad-after-links {
        width: calc(96% - 16px);
    }
    div#mdx-cookie-notice {
        right: 0;
        width: 100%;
        border-radius: 0 !important;
    }
    #mdx-cookie-notice.mdx-cookie-notice-show {
        bottom: 0;
    }
    .mdx-swiper {
        .swiper-wrapper {
            .swiper-item {
                .mdx-slide-content {
                    h1 {
                        font-size: 30px;
                        max-height: 85px;
                    }
                    a {
                        font-size: 15px;
                        padding: 5px 15px;
                        height: 45px;
                        i {
                            font-size: 17px;
                        }
                    }
                }
            }
        }
        &.slide-style-2, &.slide-style-3, &.slide-style-4 {
            .swiper-wrapper .swiper-item .mdx-slide-content {
                .slide-wrap {
                    padding: 0 30px;
                    .slide-part {
                        width: 70%;
                        h1 {
                            font-size: 30px;
                            max-height: 85px;
                        }
                    }
                    a {
                        width: 50px;
                        height: 88px;
                        transform: scale(.8) translateX(8.8px);
                        i {
                            font-size: 25px;
                            line-height: 60px;
                        }
                    }
                }
            }
        }
    }
}
@media (max-width: 599px) {
    .mdui-hidden-xs-down.mdx-first-1 {
        display: inline !important;
    }
    .mdui-hidden-xs-down.mdx-first-2 {
        display: block !important;
    }
}
@media (max-width: 500px) {
    .mdui-card-primary-subtitle {
        display: none;
    }
    .PostTitle, .PostTitle h1 {
        font-size: 27px;
    }
    .title, article h2, article h3 {
        font-size: 18px;
    }
    .title, article h1 {
        font-size: 20px;
    }
    .title, article h4 {
        font-size: 15px;
    }
    .mdx-author-c {
        height: 90pt;
    }
    .mdx-author-c .mdx-amask {
        left: 102px;
        width: 18px;
        height: 90pt;
    }
    .mdx-author-c .mdx-amask path {
        width: 18px;
        height: 90pt;
    }
    .mdx-author-info {
        width: calc(100% - 90pt);
        left: 90pt;
    }
    .mdx-author-c h3 {
        font-size: 20px;
    }
    .mdx-author-c h4 {
        font-size: 13px;
        margin-bottom: 5px;
    }
    .mdx-author-c p {
        font-size: 14px;
        height: 3pc;
    }
    .mdx-post-cot, .mdx-post-wait-out-c, .mdx-post-wait-out-c2 {
        height: 270px;
    }
    .mdx-author-c div.lazyload-bg {
        width: 119px;
    }
    .mdx-swiper {
        &.slide-style-2 .swiper-wrapper .swiper-item .mdx-slide-content, &.slide-style-3 .swiper-wrapper .swiper-item .mdx-slide-content, &.slide-style-4 .swiper-wrapper .swiper-item .mdx-slide-content {
            .slide-wrap {
                padding: 0 30px;
                .slide-part {
                    width: 75%;
                    h1 {
                        font-size: 25px;
                        max-height: 70px;
                    }
                    p {
                        display: none;
                    }
                }
                a {
                    transform: scale(.7) translateX(13.2px);
                }
            }
        }
    }
}
@media (max-width: 430px) {
    .divimg {
        width: 100%;
    }
    .indexgaid, .staDivgaid {
        width: 95%;
    }
    article.searchCard p {
        display: none;
    }
}
@media (max-width: 350px) {
    .PostTitle, .PostTitle h1 {
        font-size: 23px;
    }
    .title, article h2, article h3, article h4 {
        font-size: 15px;
    }
    .title, article h1 {
        font-size: 18px;
    }
    .mdx-author-c {
        height: 75pt;
    }
    .mdx-author-c .mdx-amask {
        left: 85px;
        width: 15px;
        height: 75pt;
    }
    .mdx-author-c .mdx-amask path {
        width: 15px;
        height: 75pt;
    }
    .mdx-author-info {
        width: calc(100% - 75pt);
        left: 75pt;
    }
    .mdx-author-c h3 {
        font-size: 18px;
        margin-top: 10px;
        margin-left: 15px;
    }
    .mdx-author-c h4 {
        font-size: 9pt;
        margin-left: 15px;
    }
    .mdx-author-c p {
        font-size: 13px;
        padding: 0 15px;
        height: 2.5pc;
    }
    .mdx-post-cot, .mdx-post-wait-out-c, .mdx-post-wait-out-c2 {
        height: 300px;
    }
    .mdx-author-c div.lazyload-bg {
        width: 99px;
    }
}
.aligncenter, .aligncenter p.wp-caption-text {
    display: block;
    margin-right: auto !important;
    margin-left: auto !important;
}
.aligncenter p.wp-caption-text {
    text-align: center;
}
.alignright {
    float: right;
}
.mdx-clear-float {
    clear: both;
}
.add-smily {
    cursor: pointer;
}
img.wp-smiley {
    width: 24px !important;
    height: auto !important;
    max-height: none !important;
    vertical-align: top;
}
@media print {
    header, .scrollToTop, .scrollToTop + button, #indic, .mdx-ad-after-article, .mdx-ad-in-article, .mdx-post-money, .page-footer-nav, .ArtMain0 #respond, .ArtMain0 .mdx-comment-login-needed, .ArtMain0 .mdx-same-posts, .PostMain > #respond, .PostMain > .mdx-comment-login-needed, .PostMain > .mdx-same-posts, .spanout button, .titleBarGobal, .fullScreen.sea-close, .mdui-drawer, .mdui-overlay, .mdui-menu, .mdx-share-img-dialog, .mdx-share-wechat-dialog, .PostTitleFill {
        display: none !important;
    }
    body div.PostTitle.mdui-color-theme {
        background-color: transparent !important;
    }
    .ArtMain0 .PostMainImg0, .ArtMain .PostMainImg {
        box-shadow: none !important;
        border-radius: 3px !important;
    }
    .PostTitle > h1 {
        color: black;
    }
    .PostTitle.PostTitle2 > h1 {
        color: white;
    }
    .spanout > i {
        padding-left: 10px;
    }
    article a {
        text-decoration: underline !important;
    }
    article a::after {
        content: "(" attr(href) ")";
    }
    div.ArtMain0 > .mdx-author-c {
        border-radius: 0 0 5px 5px !important;
    }
    .PostMain2 > .ArtMain0 {
        padding-top: 0 !important;
    }
    .ArtMain0 {
        width: 90%;
        background-color: transparent !important;
        box-shadow: 0 0 0 !important;
        border-radius: 0;
    }
    .PostMain2 > .ArtMain0 > article {
        margin-top: 20px !important;
    }
    .ArtMain0 article.mdui-typo {
        margin: 40px 0 0 !important;
    }
    .PostTitleFill2, .PostTitleFillBack2 {
        height: 40%;
    }
    html > body {
        background-color: white !important;
    }
    article p, .mdui-theme-layout-dark article p {
        color: rgba(0, 0, 0, .8) !important;
    }
    article {
        font: 13pt Georgia, "Nimbus Roman No9 L", "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif CN", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif !important;
        line-height: 27px !important;
    }
    * {
        page-break-inside: avoid;
    }
    article p, article a, #comments, article {
        page-break-inside: auto;
    }
    .mdui-theme-layout-dark div.PostTitleFillBack2[class*=mdui-color-], .mdui-theme-layout-dark div.PostTitleFill[class*=mdui-color-], .mdui-theme-layout-dark div.PostTitle[class*=mdui-color-] {
        background-color: white !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    body.mdx-reduce-motion *:not(.mdui-menu):not(.mdui-snackbar):not(.mdui-dialog):not(.mdui-overlay) {
        transition: all 0s !important;
    }
    body.mdx-reduce-motion .mdui-menu, body.mdx-reduce-motion .mdui-dialog {
        transform: none;
    }
}