.m-bread-crumbs {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m-bread-crumbs-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.m-bread-crumbs-item:not(:last-child) {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.m-bread-crumbs-item:not(:last-child)::after {
    content: "";
    width: .9375rem;
    height: .9375rem;
    background: url("../../assets/img/common/bread_crumbs_arrow.svg?") no-repeat center center;
    display: inline-block
}

.m-bread-crumbs-item:last-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.m-bread-crumbs-item>* {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@media (min-width: 1025px) {
    .m-bread-crumbs-btn>svg {
        width:1.5rem;
        height: 1.5rem
    }
}

@media (min-width: 481px) and (min-height: 428px) {
    .m-bread-crumbs-item:not(:last-child) {
        padding-right:.3125rem
    }

    .m-bread-crumbs-item:not(:last-child)::after {
        margin-left: .625rem
    }

    .m-bread-crumbs-item:not(:first-child) {
        padding-left: .3125rem
    }
}

@media (max-width: 1024px), (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .m-bread-crumbs-btn>svg {
        width:1.375rem;
        height: 1.375rem
    }
}

@media screen and (max-width: 999px) and (max-height: 428px) and (orientation: landscape), screen and (max-width: 480px) and (orientation: portrait) {
    .m-bread-crumbs-item:not(:last-child) {
        padding-right:.125rem
    }

    .m-bread-crumbs-item:not(:last-child)::after {
        margin-left: .25rem
    }

    .m-bread-crumbs-item:not(:first-child) {
        padding-left: .125rem
    }
}

.m-article-bd {
    margin-right: auto;
    margin-left: auto
}

.m-article-main-hd {
    border-bottom: 1px solid #ddd
}

.m-article-main-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m-article-main-author>*:not(:first-child) {
    margin-left: .9375rem
}

.m-article-main-social>ul {
    margin: -.5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m-article-main-social-item {
    padding: .5rem
}

.m-article-main-social-btn {
    width: 2.5rem;
    height: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #26a862;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.m-article-main-social-icon {
    width: 100%;
    height: 100%
}

.m-article-main-bd {
    line-height: 1.55
}

.m-article-pagination {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: -0.34em;
    text-rendering: optimizeSpeed
}

.m-article-pagination-item {
    letter-spacing: initial
}

.m-article-pagination-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m-article-pagination-btn.disabled {
    pointer-events: none
}

.m-article-pagination-btn.disabled>span {
    color: #bebebe;
    background-color: rgba(238,238,238,0.5)
}

.m-article-pagination-btn>*:not(:first-child) {
    margin-left: .9375rem
}

.m-article-pagination-btn>span {
    width: 2.5rem;
    height: 2.5rem;
    color: #26a862;
    background-color: #ebf7e8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.m-article-pagination-btn>span>svg {
    width: .9375rem;
    height: .9375rem
}

.m-article-pagination-btn>em {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width: 1025px) {
    .m-article {
        padding-top:1.25rem
    }

    .m-article-hd {
        margin-bottom: 2.1875rem
    }

    .m-article-bd {
        max-width: 75rem
    }

    .m-article-tools {
        margin-bottom: .75rem
    }

    .m-article-main-hd {
        padding-bottom: 1.875rem
    }

    .m-article-main-tools {
        margin-top: .75rem
    }

    .m-article-main-bd {
        padding-top: 1.875rem
    }

    .m-article-ft {
        margin-top: 3.125rem
    }

    .m-article-pagination {
        margin-right: -1.25rem;
        margin-left: -1.25rem
    }

    .m-article-pagination-item {
        padding-right: 1.25rem;
        padding-left: 1.25rem
    }

    .m-article-pagination-btn>span {
        -webkit-transition: background-color .3s,-webkit-box-shadow .3s;
        transition: background-color .3s,-webkit-box-shadow .3s;
        transition: background-color .3s,box-shadow .3s;
        transition: background-color .3s,box-shadow .3s,-webkit-box-shadow .3s
    }

    .m-article-pagination-btn>span>svg {
        -webkit-transition: color .3s;
        transition: color .3s
    }

    .m-article-pagination-btn:hover>span {
        background-color: #fff;
        -webkit-box-shadow: 0px 0px 8px rgba(2,2,2,0.15);
        box-shadow: 0px 0px 8px rgba(2,2,2,0.15)
    }

    .m-article-pagination-btn:hover>span>svg {
        color: #00994e
    }
}

@media (min-width: 481px) and (min-height: 428px) {
    .m-article-main-tools {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .m-article-main-author {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .m-article-main-social {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media (max-width: 1024px), (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    .m-article {
        padding-top:.9375rem
    }

    .m-article-hd {
        margin-bottom: 1.5625rem
    }

    .m-article-tools {
        margin-bottom: .3125rem
    }

    .m-article-main-hd {
        padding-bottom: .9375rem
    }

    .m-article-main-tools {
        margin-top: .3125rem
    }

    .m-article-main-bd {
        padding-top: .9375rem
    }

    .m-article-ft {
        margin-top: 1.875rem
    }

    .m-article-pagination {
        margin-right: -.9375rem;
        margin-left: -.9375rem
    }

    .m-article-pagination-item {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media screen and (max-width: 999px) and (max-height: 428px) and (orientation: landscape), screen and (max-width: 480px) and (orientation: portrait) {
    .m-article-main-social {
        margin-top:.625rem
    }
}

.m-tabs>ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: -0.34em;
    text-rendering: optimizeSpeed
}

.m-tabs>ul>li {
    letter-spacing: initial
}

.m-tabs-text {
    padding: .1875rem .75rem;
    color: #fff;
    display: block;
    line-height: 1.375;
    border-radius: 3.125rem;
    overflow: hidden;
    background: linear-gradient(135deg, #f8ce6f, #ffa400)
}

.m-copy-tooltip {
    top: 0;
    left: 50%;
    margin-top: -.5rem;
    padding: .3125rem .625rem;
    border-radius: .5rem;
    white-space: nowrap;
    color: #fff;
    background-color: #26a862;
    position: absolute;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    -webkit-transition: opacity .3s,visibility .3s;
    transition: opacity .3s,visibility .3s
}

.m-copy-tooltip:not(.\-\-success) {
    opacity: 0;
    visibility: hidden
}

.m-copy-tooltip.\-\-success {
    opacity: 1;
    visibility: visible
}

.m-copy-tooltip::after {
    content: "";
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border-width: .375rem .375rem 0 .375rem;
    border-style: solid;
    border-color: #26a862 transparent transparent transparent;
    position: absolute;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%)
}

html,body {
    background: #f8fcf8
}