@charset "UTF-8";
/* *************************************
//
//   KGIB-Component -- Article文章三元件
//   -> 凱基銀行 - Article
//
//   00.Global
//   01.kgib-article-tab tabs
//   02.kgib-article-tab__item 
//   03.kgib-article-slider
//   04.article-detail
//   06.元件上下間距
//
// ************************************/
/* -------------------------------------
//   0.Global
// -----------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap");

.kgib-article-tab .tabs--subnav .tab:last-child {
    margin-right: 0 !important;
}

.kgib-article-tab,
.kgib-article-tab * {
    box-sizing: border-box;
}

.kgib-article-tab__container {
    letter-spacing: 0.02em;
    margin: 0 16px;
}

@media (min-width: 1200px) {
    .kgib-article-tab__container {
        width: 1140px;
        margin: 0 auto;
    }
}

.kgib-article-tab .is-hidden {
    display: none !important;
}

/* -------------------------------------
//   01.kgib-article-tab tabs
// -----------------------------------*/
.kgib-article-tab {
    background-color: #ffffff;
}

    .kgib-article-tab .swiper-slide .tab__title {
        white-space: nowrap;
        /* 不斷行 */
    }

    .kgib-article-tab .swiper-slide {
        min-width: 100px;
    }

.kgib-article-tab {
    /* 僅針對手機版且項目 <= 3 的模式 */
}

@media (max-width: 1199.98px) {
    .kgib-article-tab .is-grid-mode {
        /* 確保容器寬度撐滿 */
    }

        .kgib-article-tab .is-grid-mode .swiper-wrapper {
            width: 100% !important;
            transform: translate3d(0px, 0px, 0px) !important;
            /* 強制不位移 */
        }

        .kgib-article-tab .is-grid-mode .swiper-slide {
            /* 這裡的 33.333% 由 JS 注入，但確保它是 flex 容器 */
            display: flex;
            justify-content: center;
        }

        .kgib-article-tab .is-grid-mode .tab {
            width: 100%;
            overflow: hidden;
            text-align: center;
            padding-left: 8px;
            padding-right: 8px;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            touch-action: pan-y;
        }

        .kgib-article-tab .is-grid-mode .tab__title {
            display: block;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
        }
}

.kgib-article-tab {
    /* 項目 > 3 時，回歸自動寬度延伸 (你原本的設定) */
}

    .kgib-article-tab .js-tab-swiper:not(.is-grid-mode) .swiper-slide {
        width: auto !important;
    }

    .kgib-article-tab .js-tab-swiper {
        width: 100%;
        overflow: hidden;
    }

@media (max-width: 1199px) {
    .kgib-article-tab .container {
        padding-left: 6% !important;
        padding-right: 6% !important;
        position: relative;
    }
}

@media (max-width: 1199.98px) {
    .kgib-article-tab .tabs--subnav {
        position: sticky;
        position: -webkit-sticky;
        z-index: 20;
        top: 80px;
        align-self: flex-start;
        background-color: #ffffff;
    }
}

@media (max-width: 1023.98px) {
    .kgib-article-tab .tabs--subnav {
        top: 120px;
    }
}

.kgib-article-tab .tab {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 12px;
    display: flex;
    justify-content: center;
}

    .kgib-article-tab .tab:after {
        height: 4px;
    }

@media (min-width: 1199.98px) {
    .kgib-article-tab .tab {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 1199.98px) {
    .kgib-article-tab .swiper-slide + .swiper-slide {
        margin-left: 48px;
    }
}

.kgib-article-tab .tabs--subnav .tabs__wrap .tab {
    flex-shrink: 0;
    text-align: center;
    flex-grow: 1;
    align-self: flex-end;
}

.kgib-article-tab .tabs--subnav .swiper-slide:last-child .tab {
    margin-right: 0;
}

.kgib-article-tab .tab__title {
    line-height: 160%;
    white-space: normal;
    font-size: 18px;
}

.kgib-article-tab .tabs--subnav .tabs__wrap {
    padding: 0;
    margin-right: 0;
    min-height: 41px;
    margin-left: -1px;
}

.kgib-article-tab {
    /* 1. 偵測：當有第 4 個頁籤存在時 */
}

    .kgib-article-tab .tabs--subnav .tabs__wrap .tab:nth-last-child(n+4),
    .kgib-article-tab .tabs--subnav .tabs__wrap .tab:nth-last-child(n+4) ~ .tab {
        width: 100px;
        flex-grow: 0;
        text-wrap: wrap;
    }

        .kgib-article-tab .tabs--subnav .tabs__wrap .tab:nth-last-child(n+4):last-child,
        .kgib-article-tab .tabs--subnav .tabs__wrap .tab:nth-last-child(n+4) ~ .tab:last-child {
            margin-right: 22.5px;
        }

.kgib-article-tab {
    /* --- 大版時 (> 1200px) 的固定寬度樣式 --- */
}

@media (min-width: 1200px) {
    .kgib-article-tab .tabs--subnav .tabs__wrap .tab {
        width: auto;
        flex-grow: 0;
    }

        .kgib-article-tab .tabs--subnav .tabs__wrap .tab:nth-last-child(n+4),
        .kgib-article-tab .tabs--subnav .tabs__wrap .tab:nth-last-child(n+4) ~ .tab {
            width: auto;
        }
}

.kgib-article-tab .btn-text {
    word-break: break-word;
    font-size: 18px;
}

.kgib-article-tab__box {
    padding-top: 20px;
    row-gap: 20px;
}

@media (max-width: 1199px) {
    .kgib-article-tab__box {
        display: grid;
    }
}

@media (min-width: 1200px) {
    .kgib-article-tab__box {
        margin-bottom: -32px;
        padding-bottom: 32px;
        padding-top: 32px;
        margin-left: -16px;
        margin-right: -16px;
        row-gap: 40px;
    }
}

@media (max-width: 1199px) {
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* -------------------------------------
//   02.kgib-article-tab__item 
// -----------------------------------*/
.z-index-up {
    position: relative;
    z-index: 2;
}

.kgib-article-tab__item {
    position: relative;
    padding-left: 16px;
    padding-right: 16px;
    word-break: break-word;
}

@media (max-width: 1199.98px) {
    .kgib-article-tab__item {
        display: flex;
        padding-left: 0;
        padding-right: 0;
    }
}

.kgib-article-tab__item img {
    display: block;
    aspect-ratio: 4/3;
    width: 100%;
}

.kgib-article-tab__item figure {
    position: relative;
}

    .kgib-article-tab__item figure::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0);
        transition: all 0.3s;
    }

.kgib-article-tab__item .kgib-article-tab__item-link {
    max-width: 400px;
    height: auto;
    width: 100%;
}

    .kgib-article-tab__item .kgib-article-tab__item-link::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    }

@media (max-width: 1199.98px) {
    .kgib-article-tab__item .kgib-article-tab__item-link {
        max-width: 140px;
        flex-basis: 160px;
        flex-grow: 0;
        flex-shrink: 0;
    }
}

.kgib-article-tab__item .kgib-article-tab__item-info {
    margin-top: 20px;
    width: 100%;
}

@media (max-width: 1199.98px) {
    .kgib-article-tab__item .kgib-article-tab__item-info {
        margin-top: 0;
        margin-left: 8px;
    }
}

.kgib-article-tab__item .kgib-article-tab__item-tag {
    color: #7d7d7d;
    line-height: 160%;
}

    .kgib-article-tab__item .kgib-article-tab__item-tag a:hover {
        color: #000;
    }

.kgib-article-tab__item .kgib-article-tab__item-title {
    margin-top: 12px;
    font-size: 1.25rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000000;
    transition: all 0.3s;
    font-weight: 500;
    word-break: break-word;
}

@media (max-width: 1199px) {
    .kgib-article-tab__item .kgib-article-tab__item-title {
        font-size: 1rem;
        margin-top: 4px;
    }
}

.kgib-article-tab__item:hover figure::before {
    background-color: rgba(255, 255, 255, 0.75);
}

.kgib-article-tab__item:hover .kgib-article-tab__item-title {
    color: #04327a;
    text-decoration: underline;
}

/* -------------------------------------
//   03.kgib-article-slider
// -----------------------------------*/
.kgib-article-slider {
    background-color: #ffffff;
}

@media (max-width: 1199px) {
    .kgib-article-slider .container {
        padding-left: 6% !important;
        padding-right: 6% !important;
    }
}

.kgib-article-slider .kgib-article-slider-title {
    font-size: 1.5rem;
    color: #041c43;
    font-weight: 500;
    line-height: 130%;
    word-break: break-word;
}

@media (min-width: 1200px) {
    .kgib-article-slider .kgib-article-slider-title {
        font-size: 2.25rem;
    }
}

.kgib-article-slider {
    /* Slider */
}

    .kgib-article-slider .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
    }

    .kgib-article-slider .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
    }

        .kgib-article-slider .slick-list:focus {
            outline: none;
        }

        .kgib-article-slider .slick-list.dragging {
            cursor: pointer;
            cursor: hand;
        }

    .kgib-article-slider .slick-slider .slick-track,
    .kgib-article-slider .slick-slider .slick-list {
        transform: translate3d(0, 0, 0);
    }

    .kgib-article-slider .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: flex;
        margin-left: 0 !important;
    }

        .kgib-article-slider .slick-track:before,
        .kgib-article-slider .slick-track:after {
            display: table;
            content: "";
        }

        .kgib-article-slider .slick-track:after {
            clear: both;
        }

    .kgib-article-slider .slick-loading .slick-track {
        visibility: hidden;
    }

    .kgib-article-slider .slick-slide {
        display: none;
        float: left;
        height: auto;
        min-height: 1px;
    }

    .kgib-article-slider [dir=rtl] .slick-slide {
        float: right;
    }

    .kgib-article-slider .slick-slide img {
        display: block;
    }

    .kgib-article-slider .slick-slide.slick-loading img {
        display: none;
    }

    .kgib-article-slider .slick-loading .slick-slide {
        visibility: hidden;
    }

    .kgib-article-slider .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }

    .kgib-article-slider .slick-arrow.slick-hidden {
        display: none;
    }

.kgib-article-slider {
    /* ------ 左右箭頭 ------ */
}

    .kgib-article-slider .article-slide .slick-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 25px;
        height: 25px;
        text-indent: -100%;
        border: none;
        background-color: transparent;
        background-repeat: no-repeat;
        z-index: 10;
    }

        .kgib-article-slider .article-slide .slick-arrow.slick-prev {
            left: -39px;
            background-image: url('data:image/svg+xml,<svg width="14" height="25" viewBox="0 0 14 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2.5L2 12.5L12 22.5" stroke="%2304327A" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
            background-position: center;
        }

            .kgib-article-slider .article-slide .slick-arrow.slick-prev.slick-disabled {
                opacity: 0.5;
            }

        .kgib-article-slider .article-slide .slick-arrow.slick-next {
            right: -39px;
            background-image: url('data:image/svg+xml,<svg width="14" height="25" viewBox="0 0 14 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 22.5L12 12.5L2 2.5" stroke="%2304327A" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
            background-position: center;
        }

            .kgib-article-slider .article-slide .slick-arrow.slick-next.slick-disabled {
                opacity: 0.5;
            }

@media (max-width: 1199px) {
    .kgib-article-slider .article-slide .slick-arrow.slick-prev {
        left: -6.5px;
    }

    .kgib-article-slider .article-slide .slick-arrow.slick-next {
        right: -6.5px;
    }
}

.kgib-article-slider {
    /* ------ 輪播內容 ------ */
}

@media (min-width: 1200px) {
    .kgib-article-slider .slick-list {
        margin-left: -16px;
        margin-right: -16px;
    }
}

@media (min-width: 1200px) {
    .kgib-article-slider .article-slide {
        touch-action: auto !important;
        -webkit-user-select: text;
        -moz-user-select: text;
        user-select: text;
        margin: 0;
        /* 如果 Slick 尚未初始化，隱藏所有項目，除了第一個。 */
    }

        .kgib-article-slider .article-slide:not(.slick-initialized) .article-slide-item {
            display: none !important;
        }

            .kgib-article-slider .article-slide:not(.slick-initialized) .article-slide-item:first-child {
                display: none !important;
            }

        .kgib-article-slider .article-slide .slick-list.draggable {
            -webkit-user-select: text;
            -moz-user-select: text;
            user-select: text;
        }

        .kgib-article-slider .article-slide .article-slide-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            outline: 0;
            transition: all 0.3s;
            opacity: 1;
        }

            .kgib-article-slider .article-slide .article-slide-item:not(:first-child):not(.slick-active) {
                opacity: 0;
            }
}

@media (min-width: 0px) and (max-width: 360px) {
    .kgib-article-slider .article-slide {
        width: 300px;
    }
}

@media (min-width: 1200px) {
    .kgib-article-slider .article-slide {
        width: 100%;
    }

        .kgib-article-slider .article-slide .article-slide-item {
            flex-direction: column;
            align-items: center;
            margin-bottom: 0;
            padding: 0 16px;
        }

            .kgib-article-slider .article-slide .article-slide-item + .article-slide-item {
                margin-bottom: 0px;
            }

    .kgib-article-slider .item-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left: 0;
    }
}

.kgib-article-slider {
    /* ------ Dots ------ */
}

    .kgib-article-slider .article-slide .slick-dots {
        display: flex !important;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 32px;
        margin-bottom: 0;
    }

        .kgib-article-slider .article-slide .slick-dots li {
            display: flex;
            height: 3px;
            width: 34px;
            list-style: none;
            padding: 0 2px;
            margin: 8px 0;
        }

            .kgib-article-slider .article-slide .slick-dots li::before {
                display: none;
            }

        .kgib-article-slider .article-slide .slick-dots:has(li:only-child) {
            margin-top: 0px;
        }

        .kgib-article-slider .article-slide .slick-dots > li:only-child {
            display: none;
        }

        .kgib-article-slider .article-slide .slick-dots button {
            height: 3px;
            width: 30px;
            font-size: 0px;
            border: none;
            background-color: rgba(4, 50, 122, 0.1);
        }

        .kgib-article-slider .article-slide .slick-dots .slick-active button {
            background-color: #04327a;
        }

/* -------------------------------------
//   04.article-detail
// -----------------------------------*/
.kgib-article-detail {
    background-color: #ffffff;
    padding-top: 20px;
    padding-bottom: 0.1px;
}

@media (min-width: 1200px) {
    .kgib-article-detail {
        padding-top: 10px;
    }
}

@media (max-width: 1199.98px) {
    .kgib-article-detail .row {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 1199.98px) {
    .kgib-article-detail .row .col-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (max-width: 1199.98px) {
    .kgib-article-detail .container {
        padding-left: 28px !important;
        padding-right: 28px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (min-width: 1200px) {
    .kgib-article-detail .kgib-article__menu {
        padding-right: 16px !important;
    }
}

.kgib-article-detail .kgib-article__container {
    padding-left: 0 !important;
}

@media (max-width: 1199.98px) {
    .kgib-article-detail .kgib-article__container {
        padding-right: 0px !important;
    }
}

.kgib-article-detail h1,
.kgib-article-detail h2,
.kgib-article-detail h3,
.kgib-article-detail h4,
.kgib-article-detail h5,
.kgib-article-detail h6 {
    margin-bottom: 0;
}

.kgib-article-detail h1 {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 140%;
}

    .kgib-article-detail h1:has(+ *) {
        margin-bottom: 1.5rem;
    }

@media (max-width: 1199.98px) {
    .kgib-article-detail h1 {
        font-size: 1.625rem;
        margin-bottom: 0;
    }

        .kgib-article-detail h1:has(+ *) {
            margin-bottom: 1.25rem;
        }
}

.kgib-article-detail h2 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 140%;
}

    .kgib-article-detail h2:has(+ *) {
        margin-bottom: 1.5rem;
    }

@media (max-width: 1199.98px) {
    .kgib-article-detail h2 {
        font-size: 1.5rem;
        margin-bottom: 0;
    }

        .kgib-article-detail h2:has(+ *) {
            margin-bottom: 1.25rem;
        }
}

.kgib-article-detail h3 {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 140%;
}

    .kgib-article-detail h3:has(+ *) {
        margin-bottom: 1.5rem;
    }

@media (max-width: 1199.98px) {
    .kgib-article-detail h3 {
        font-size: 1.75rem;
        margin-bottom: 0;
    }

        .kgib-article-detail h3:has(+ *) {
            margin-bottom: 1.25rem;
        }
}

.kgib-article-detail h4 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 140%;
}

    .kgib-article-detail h4:has(+ *) {
        margin-bottom: 1.5rem;
    }

@media (max-width: 1199.98px) {
    .kgib-article-detail h4 {
        font-size: 1.25rem;
        margin-bottom: 0;
    }

        .kgib-article-detail h4:has(+ *) {
            margin-bottom: 1.25rem;
        }
}

.kgib-article-detail h5 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 140%;
}

    .kgib-article-detail h5:has(+ *) {
        margin-bottom: 1.25rem;
    }

@media (max-width: 1199.98px) {
    .kgib-article-detail h5 {
        font-size: 1.125rem;
        margin-bottom: 0;
    }

        .kgib-article-detail h5:has(+ *) {
            margin-bottom: 1rem;
        }
}

.kgib-article-detail h6 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 140%;
}

    .kgib-article-detail h6:has(+ *) {
        margin-bottom: 1rem;
    }

@media (max-width: 1199.98px) {
    .kgib-article-detail h6 {
        font-size: 1.125rem;
        margin-bottom: 0;
    }

        .kgib-article-detail h6:has(+ *) {
            margin-bottom: 0.75rem;
        }
}

.kgib-article-detail p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 180%;
    margin-bottom: 1rem;
}

@media (max-width: 1199.98px) {
    .kgib-article-detail p {
        font-size: 1rem;
        margin-bottom: 0.75rem;
    }
}

.kgib-article-detail table {
    margin-bottom: 1.5rem;
}

@media (max-width: 1199.98px) {
    .kgib-article-detail table {
        margin-bottom: 1rem;
    }
}

.kgib-article-detail .kgib-article-tag {
    color: #7d7d7d;
    margin-top: 12px;
    line-height: 160%;
}

@media (min-width: 1200px) {
    .kgib-article-detail .kgib-article-tag {
        margin-top: 20px;
    }
}

.kgib-article-detail .kgib-article-title {
    margin-bottom: 20px;
    word-break: break-word;
}

@media (min-width: 1200px) {
    .kgib-article-detail .kgib-article-title {
        margin-bottom: 40px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

.kgib-article-detail .kgib-article-container {
    margin: 0 0 32px 0;
}

@media (min-width: 1200px) {
    .kgib-article-detail .kgib-article-container {
        margin: 0 0 40px 0;
    }
}

.kgib-article-detail .kgib-article-catalog {
    position: sticky;
    top: 100px;
    padding: 1.25rem;
    word-break: break-word;
}

.kgib-article-detail .kgib-article-catalog__title {
    color: #000000;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 1rem;
    line-height: 160%;
    position: relative;
}

    .kgib-article-detail .kgib-article-catalog__title::before {
        position: absolute;
        content: "";
        left: -10px;
        top: 50%;
        background-color: #041c43;
        width: 3px;
        height: 60%;
        transform: translateY(-50%);
    }

.kgib-article-detail .kgib-article-catalog__list {
    padding: 0;
    margin: 0;
    list-style: none;
    word-break: break-all;
}

    .kgib-article-detail .kgib-article-catalog__list li {
        padding-left: 0;
        line-height: 140%;
    }

        .kgib-article-detail .kgib-article-catalog__list li + li {
            margin-top: 16px;
        }

        .kgib-article-detail .kgib-article-catalog__list li::before {
            display: none;
        }

.kgib-article-detail .kgib-article-catalog__link {
    display: block;
    font-size: 1rem;
    color: #000000;
    text-decoration: none;
    transition: color 0.3s;
}

    .kgib-article-detail .kgib-article-catalog__link:hover,
    .kgib-article-detail .kgib-article-catalog__link.is-active {
        color: #0044ad;
    }

@media (min-width: 1200px) {

    .kgib-article-detail .kgib-article-catalog__link:hover,
    .kgib-article-detail .kgib-article-catalog__link.is-active {
        font-weight: 500;
    }
}

.kgib-article-detail .kgib-article-summary {
    color: #041c43;
    padding: 20px;
    line-height: 160%;
    word-break: break-word;
}

.kgib-article-detail .kgib-article-summary__title {
    color: #041c43;
    line-height: 140%;
    font-weight: 700;
    margin-bottom: 0px;
}

    .kgib-article-detail .kgib-article-summary__title:has(+ .kgib-article-summary__body):is(h1, h2, h3, h4) {
        margin-bottom: 1.5rem;
    }

@media (max-width: 1199.98px) {
    .kgib-article-detail .kgib-article-summary__title:has(+ .kgib-article-summary__body):is(h1, h2, h3, h4) {
        margin-bottom: 1.25rem;
    }
}

.kgib-article-detail .kgib-article-summary__title:has(+ .kgib-article-summary__body):is(h5) {
    margin-bottom: 1.25rem;
}

@media (max-width: 1199.98px) {
    .kgib-article-detail .kgib-article-summary__title:has(+ .kgib-article-summary__body):is(h5) {
        margin-bottom: 1rem;
    }
}

.kgib-article-detail .kgib-article-summary__title:has(+ .kgib-article-summary__body):is(h6) {
    margin-bottom: 1rem;
}

@media (max-width: 1199.98px) {
    .kgib-article-detail .kgib-article-summary__title:has(+ .kgib-article-summary__body):is(h6) {
        margin-bottom: 0.75rem;
    }
}

.kgib-article-detail .kgib-article-summary__body {
    line-height: 180%;
}

    .kgib-article-detail .kgib-article-summary__body div {
        line-height: 180%;
    }

    .kgib-article-detail .kgib-article-summary__body ol {
        padding-left: 20px;
        margin: 0;
    }

    .kgib-article-detail .kgib-article-summary__body li {
        line-height: 180%;
        margin-bottom: 0;
    }

.kgib-article-detail .kgib-article-content {
    line-height: 160%;
    word-break: break-all;
}

.kgib-article-detail .text-link {
    color: #04327a;
    text-decoration: underline;
}

.kgib-article-detail ul.kgib-article-list-dot {
    position: relative;
    line-height: 180% !important;
}

    .kgib-article-detail ul.kgib-article-list-dot li::before {
        content: "";
        display: block;
        position: absolute;
        top: 0.7rem;
        left: 0;
        height: 4px;
        width: 4px;
        border-radius: 50%;
        background-color: #000;
    }

.kgib-article-detail ul.kgib-article-list-circle {
    position: relative;
    line-height: 180% !important;
}

    .kgib-article-detail ul.kgib-article-list-circle li::before {
        content: "";
        display: block;
        position: absolute;
        top: 0.7rem;
        left: 0;
        height: 4px;
        width: 4px;
        border-radius: 50%;
        border: 1px solid #000;
        background-color: transparent;
    }

.kgib-article-detail ul.kgib-article-list-block {
    position: relative;
    line-height: 180% !important;
}

    .kgib-article-detail ul.kgib-article-list-block li::before {
        content: "";
        display: block;
        position: absolute;
        top: 0.7rem;
        left: 0;
        height: 4px;
        width: 4px;
        border-radius: 0;
        background-color: #000;
    }

.kgib-article-detail ul.kgib-article-list-line {
    position: relative;
    line-height: 180% !important;
}

    .kgib-article-detail ul.kgib-article-list-line li::before {
        content: "";
        display: block;
        position: absolute;
        top: 0.8rem;
        left: 0;
        height: 1px;
        width: 4px;
        background-color: #000;
    }

.kgib-article-detail ul.kgib-article-list-num {
    position: relative;
    list-style: none;
    padding-left: 0;
    line-height: 180% !important;
}

    .kgib-article-detail ul.kgib-article-list-num li {
        padding-left: 0;
        display: flex;
    }

        .kgib-article-detail ul.kgib-article-list-num li::before {
            display: none;
        }

    .kgib-article-detail ul.kgib-article-list-num .list-num {
        display: block;
        color: #000;
        text-align: center;
        margin-right: 4px;
    }

.kgib-article-detail .kgib-article-image-text {
    word-break: break-word;
}

.kgib-article-detail .kgib-article-section {
    word-break: break-word;
}

    .kgib-article-detail .kgib-article-section :first-child {
        margin-top: 0;
    }

    .kgib-article-detail .kgib-article-section h1,
    .kgib-article-detail .kgib-article-section h2,
    .kgib-article-detail .kgib-article-section h3,
    .kgib-article-detail .kgib-article-section h4,
    .kgib-article-detail .kgib-article-section h5 {
        margin-top: 28px;
    }

@media (max-width: 1199.98px) {

    .kgib-article-detail .kgib-article-section h1,
    .kgib-article-detail .kgib-article-section h2,
    .kgib-article-detail .kgib-article-section h3,
    .kgib-article-detail .kgib-article-section h4,
    .kgib-article-detail .kgib-article-section h5 {
        margin-top: 24px;
    }
}

.kgib-article-detail .title-row {
    word-break: break-word;
    margin-bottom: 0;
}

    .kgib-article-detail .title-row:has(+ .content-row):has(h1, h2, h3, h4) {
        margin-bottom: 1.5rem;
    }

@media (max-width: 1199.98px) {
    .kgib-article-detail .title-row:has(+ .content-row):has(h1, h2, h3, h4) {
        margin-bottom: 1.25rem;
    }
}

.kgib-article-detail .title-row:has(+ .content-row):has(h5) {
    margin-bottom: 1.25rem;
}

@media (max-width: 1199.98px) {
    .kgib-article-detail .title-row:has(+ .content-row):has(h5) {
        margin-bottom: 1rem;
    }
}

.kgib-article-detail .title-row:has(+ .content-row):has(h6) {
    margin-bottom: 1rem;
}

@media (max-width: 1199.98px) {
    .kgib-article-detail .title-row:has(+ .content-row):has(h6) {
        margin-bottom: 0.75rem;
    }
}

.kgib-article-detail .content-row {
    display: flex;
    flex-wrap: wrap;
    /* 允許換行 */
}

.kgib-article-detail .article-text,
.kgib-article-detail .article-img {
    width: 100%;
    height: auto;
    word-break: break-word;
}

    .kgib-article-detail .article-text img,
    .kgib-article-detail .article-img img {
        width: auto !important;
        max-width: 100%;
        height: auto;
        display: block;
    }

.kgib-article-detail .kgib-article__recommend {
    word-break: break-all;
}

.kgib-article-detail {
    /* --- 手機版控制 (1200px 以下) --- */
}

@media (max-width: 1199.98px) {
    .kgib-article-detail .content-row {
        flex-direction: column;
    }

    .kgib-article-detail .m-img__top .article-img {
        order: 1;
        margin-bottom: 12px;
    }

    .kgib-article-detail .m-img__top .article-text {
        order: 2;
    }

    .kgib-article-detail .m-img__down .article-text {
        order: 1;
    }

    .kgib-article-detail .m-img__down .article-img {
        order: 2;
    }
}

.kgib-article-detail {
    /* --- 桌機版控制 (1200px 以上) --- */
}

@media (min-width: 1200px) {
    .kgib-article-detail .pc-img__right .content-row {
        flex-direction: row;
    }

    .kgib-article-detail .pc-img__right .article-text {
        order: 1;
        width: 58.333333%;
    }

    .kgib-article-detail .pc-img__right .article-img {
        order: 2;
        width: calc(41.666667% - 16px);
        margin-left: 16px;
    }

    .kgib-article-detail .pc-img__left .content-row {
        flex-direction: row;
    }

    .kgib-article-detail .pc-img__left .article-img {
        order: 1;
        width: calc(41.666667% - 16px);
        margin-right: 16px;
    }

    .kgib-article-detail .pc-img__left .article-text {
        order: 2;
        width: 58.333333%;
    }
}

.kgib-article-detail .kgib-article-catalog__link {
    word-break: break-word;
}

.kgib-article-detail {
    /* 當目錄連結有此類別時，在手機版目錄中消失 */
}

@media (max-width: 1199.98px) {
    .kgib-article-detail .kgib-article-catalog__link.m-catalog-hide {
        display: none;
    }
}

.kgib-article-detail {
    /* 當目錄連結有此類別時，在電腦版目錄中消失 */
}

@media (min-width: 1200px) {
    .kgib-article-detail .kgib-article-catalog__link.pc-catalog-hide {
        display: none;
    }
}

.kgib-article-detail .kgib-article-section > .kgib-article-read-more:not(:last-child) {
    margin-bottom: 16px;
}

.kgib-article-detail .kgib-article-read-more {
    padding: 1rem;
}

@media (min-width: 1200px) {
    .kgib-article-detail .kgib-article-read-more {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }
}

.kgib-article-detail .kgib-article-read-more:has(.kgib-read-more__content .kgib-read-more__link:nth-child(2)) {
    display: block;
}

    .kgib-article-detail .kgib-article-read-more:has(.kgib-read-more__content .kgib-read-more__link:nth-child(2)) .kgib-read-more__header {
        margin-bottom: 8px;
    }

.kgib-article-detail .kgib-article-read-more .kgib-read-more__header {
    flex-shrink: 0;
    display: flex;
    margin-bottom: 0px;
}

    .kgib-article-detail .kgib-article-read-more .kgib-read-more__header:has(~ .kgib-read-more__content .kgib-read-more__link) {
        margin-bottom: 8px;
    }

@media (min-width: 1200px) {
    .kgib-article-detail .kgib-article-read-more .kgib-read-more__header:has(~ .kgib-read-more__content .kgib-read-more__link) {
        display: flex;
        width: auto;
        max-width: 100%;
        flex-shrink: 0;
        margin-right: 8px;
        margin-bottom: 0px;
    }
}

.kgib-article-detail .kgib-article-read-more.has-icon .kgib-read-more__icon {
    flex-shrink: 0;
    margin-right: 4px;
    line-height: 1.5;
}

    .kgib-article-detail .kgib-article-read-more.has-icon .kgib-read-more__icon img {
        width: 24px;
        height: auto;
    }

.kgib-article-detail .kgib-article-read-more:not(.has-icon) .kgib-read-more__icon {
    display: none;
}

.kgib-article-detail .kgib-article-read-more.has-border {
    border-left: 3px solid #04327a;
}

.kgib-article-detail .kgib-article-read-more .kgib-read-more__content {
    flex: 1;
    min-width: 0;
}

.kgib-article-detail .kgib-article-read-more .kgib-read-more__title {
    color: #000000;
    margin-right: 8px;
    flex-wrap: wrap;
    display: flex;
}

.kgib-article-detail .kgib-article-read-more .kgib-read-more__link {
    display: block;
    color: #04327a;
    text-decoration: underline;
    line-height: 160%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

    .kgib-article-detail .kgib-article-read-more .kgib-read-more__link:hover {
        text-decoration: underline;
        color: #000;
    }

    .kgib-article-detail .kgib-article-read-more .kgib-read-more__link + .kgib-read-more__link {
        margin-top: 4px;
    }

@media (max-width: 1200px) {
    .kgib-article-detail .kgib-article-read-more .kgib-read-more__link + .kgib-read-more__link {
        margin-top: 8px;
    }
}

.kgib-article-detail .article-img img {
    display: block;
    width: 100%;
    height: auto;
}

.kgib-article-detail .max-w400 {
    max-width: 400px;
}

.kgib-article-detail .kgib-article-table-resonpsive {
    width: 100%;
    overflow-x: auto;
}

.kgib-article-detail .kgib-article-table {
    width: 100%;
}

    .kgib-article-detail .kgib-article-table th {
        font-size: 1.125em;
        padding: 8px 16px;
        text-align: left;
        font-weight: bold;
    }

    .kgib-article-detail .kgib-article-table td {
        font-size: 1rem;
        padding: 20px 16px;
        border-bottom: 1px solid #ebebeb;
        text-align: left;
    }

    .kgib-article-detail .kgib-article-table .h-69 {
        height: 69px;
    }

.kgib-article-detail .bg-gray-blue {
    background-color: #f0f4f7;
}

.kgib-article-detail .bg-gray {
    background-color: #f6f6f6;
}

.kgib-article-detail .text-nowrap {
    text-wrap: nowrap;
}

/* 遮罩 */
.lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    opacity: 0;
    transition: opacity 0.3s ease;
}

    .lightbox-overlay.active {
        display: flex;
        opacity: 1;
    }

/* 圖片容器 */
.lightbox-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    transform: scale(0.8);
    opacity: 0;
    transition: transform 0.3s cubic-bezier(0.34, 1.61, 0.7, 1), opacity 0.3s ease;
}

.lightbox-overlay.active .lightbox-content {
    transform: scale(1);
    opacity: 1;
}

/* 放大後的圖片 */
.lightbox-image {
    display: block;
    max-width: 100%;
    max-height: 90vh;
    -o-object-fit: contain;
    object-fit: contain;
}

/* 關閉按鈕 (X) 定位 */
.lightbox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 10000;
    background-color: #000000;
    border-radius: 50%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6L6 18M6 6l12 12' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    text-align: initial;
    line-height: initial;
    font-size: 0;
    transition: all 0.3s;
}

    .lightbox-close:hover {
        background-color: rgba(0, 0, 0, 0.65);
    }

.lightbox-content.with-padding {
    padding: 8px;
}

.lightbox-close-inside {
    position: absolute;
    top: -15px;
    right: -15px;
}

/*--------滾動變粗----------*/
@media (min-width: 1200px) {
    .kgib-article-catalog__link.is-active.is-active {
        font-weight: bold !important;
    }
}

@media (max-width: 1199.98px) {
    .kgib-article-catalog__link.is-active.is-active {
        color: #000 !important;
    }
}

/* -------------------------------------
//   05.元件上下間距 
// -----------------------------------*/
/* padding Top */
.pt-0 {
    padding-top: 0;
}

.pt-4 {
    padding-top: 4px;
}

.pt-8 {
    padding-top: 8px;
}

.pt-12 {
    padding-top: 12px;
}

.pt-16 {
    padding-top: 16px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-24 {
    padding-top: 24px;
}

.pt-28 {
    padding-top: 28px;
}

.pt-32 {
    padding-top: 32px;
}

.pt-36 {
    padding-top: 36px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-42 {
    padding-top: 42px;
}

.pt-44 {
    padding-top: 44px;
}

.pt-48 {
    padding-top: 48px;
}

.pt-52 {
    padding-top: 52px;
}

.pt-56 {
    padding-top: 56px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-64 {
    padding-top: 64px;
}

.pt-66 {
    padding-top: 66px;
}

.pt-68 {
    padding-top: 68px;
}

.pt-72 {
    padding-top: 72px;
}

.pt-76 {
    padding-top: 76px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-84 {
    padding-top: 84px;
}

.pt-88 {
    padding-top: 88px;
}

.pt-92 {
    padding-top: 92px;
}

.pt-96 {
    padding-top: 96px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-106 {
    padding-top: 106px;
}

.pt-108 {
    padding-top: 108px;
}

.pt-112 {
    padding-top: 112px;
}

.pt-116 {
    padding-top: 116px;
}

.pt-120 {
    padding-top: 120px;
}

.pt-136 {
    padding-top: 136px;
}

.pt-143 {
    padding-top: 143px;
}

.pt-152 {
    padding-top: 152px;
}

.pt-160 {
    padding-top: 160px;
}

@media (min-width: 1200px) {
    .pt-xl-0 {
        padding-top: 0 !important;
    }

    .pt-xl-4 {
        padding-top: 4px;
    }

    .pt-xl-8 {
        padding-top: 8px;
    }

    .pt-xl-12 {
        padding-top: 12px;
    }

    .pt-xl-16 {
        padding-top: 16px;
    }

    .pt-xl-20 {
        padding-top: 20px;
    }

    .pt-xl-24 {
        padding-top: 24px;
    }

    .pt-xl-28 {
        padding-top: 28px;
    }

    .pt-xl-32 {
        padding-top: 32px;
    }

    .pt-xl-36 {
        padding-top: 36px;
    }

    .pt-xl-40 {
        padding-top: 40px;
    }

    .pt-xl-42 {
        padding-top: 42px;
    }

    .pt-xl-44 {
        padding-top: 44px;
    }

    .pt-xl-48 {
        padding-top: 48px;
    }

    .pt-xl-52 {
        padding-top: 52px;
    }

    .pt-xl-56 {
        padding-top: 56px;
    }

    .pt-xl-60 {
        padding-top: 60px;
    }

    .pt-xl-64 {
        padding-top: 64px;
    }

    .pt-xl-66 {
        padding-top: 66px;
    }

    .pt-xl-68 {
        padding-top: 68px;
    }

    .pt-xl-72 {
        padding-top: 72px;
    }

    .pt-xl-76 {
        padding-top: 76px;
    }

    .pt-xl-80 {
        padding-top: 80px;
    }

    .pt-xl-84 {
        padding-top: 84px;
    }

    .pt-xl-88 {
        padding-top: 88px;
    }

    .pt-xl-92 {
        padding-top: 92px;
    }

    .pt-xl-96 {
        padding-top: 96px;
    }

    .pt-xl-100 {
        padding-top: 100px;
    }

    .pt-xl-106 {
        padding-top: 106px;
    }

    .pt-xl-108 {
        padding-top: 108px;
    }

    .pt-xl-112 {
        padding-top: 112px;
    }

    .pt-xl-116 {
        padding-top: 116px;
    }

    .pt-xl-120 {
        padding-top: 120px;
    }

    .pt-xl-136 {
        padding-top: 136px;
    }

    .pt-xl-143 {
        padding-top: 143px;
    }

    .pt-xl-152 {
        padding-top: 152px;
    }

    .pt-xl-160 {
        padding-top: 160px;
    }
}

/* padding Bottom */
.pb-0 {
    padding-bottom: 0 !important;
}

.pb-4 {
    padding-bottom: 4px;
}

.pb-8 {
    padding-bottom: 8px;
}

.pb-12 {
    padding-bottom: 12px;
}

.pb-16 {
    padding-bottom: 16px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-24 {
    padding-bottom: 24px;
}

.pb-28 {
    padding-bottom: 28px;
}

.pb-32 {
    padding-bottom: 32px;
}

.pb-36 {
    padding-bottom: 36px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-42 {
    padding-bottom: 42px;
}

.pb-44 {
    padding-bottom: 44px;
}

.pb-48 {
    padding-bottom: 48px;
}

.pb-52 {
    padding-bottom: 52px;
}

.pb-56 {
    padding-bottom: 56px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-64 {
    padding-bottom: 64px;
}

.pb-66 {
    padding-bottom: 66px;
}

.pb-68 {
    padding-bottom: 68px;
}

.pb-72 {
    padding-bottom: 72px;
}

.pb-76 {
    padding-bottom: 76px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-84 {
    padding-bottom: 84px;
}

.pb-88 {
    padding-bottom: 88px;
}

.pb-92 {
    padding-bottom: 92px;
}

.pb-96 {
    padding-bottom: 96px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-106 {
    padding-bottom: 106px;
}

.pb-108 {
    padding-bottom: 108px;
}

.pb-112 {
    padding-bottom: 112px;
}

.pb-116 {
    padding-bottom: 116px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pb-136 {
    padding-bottom: 136px;
}

.pb-143 {
    padding-bottom: 143px;
}

.pb-152 {
    padding-bottom: 152px;
}

.pb-160 {
    padding-bottom: 160px;
}

@media (min-width: 1200px) {
    .pb-xl-0 {
        padding-bottom: 0;
    }

    .pb-xl-4 {
        padding-bottom: 4px;
    }

    .pb-xl-8 {
        padding-bottom: 8px;
    }

    .pb-xl-12 {
        padding-bottom: 12px;
    }

    .pb-xl-16 {
        padding-bottom: 16px;
    }

    .pb-xl-20 {
        padding-bottom: 20px;
    }

    .pb-xl-24 {
        padding-bottom: 24px;
    }

    .pb-xl-28 {
        padding-bottom: 28px;
    }

    .pb-xl-32 {
        padding-bottom: 32px;
    }

    .pb-xl-36 {
        padding-bottom: 36px;
    }

    .pb-xl-40 {
        padding-bottom: 40px;
    }

    .pb-xl-42 {
        padding-bottom: 42px;
    }

    .pb-xl-44 {
        padding-bottom: 44px;
    }

    .pb-xl-48 {
        padding-bottom: 48px;
    }

    .pb-xl-52 {
        padding-bottom: 52px;
    }

    .pb-xl-56 {
        padding-bottom: 56px;
    }

    .pb-xl-60 {
        padding-bottom: 60px;
    }

    .pb-xl-64 {
        padding-bottom: 64px;
    }

    .pb-xl-66 {
        padding-bottom: 66px;
    }

    .pb-xl-68 {
        padding-bottom: 68px;
    }

    .pb-xl-72 {
        padding-bottom: 72px;
    }

    .pb-xl-76 {
        padding-bottom: 76px;
    }

    .pb-xl-80 {
        padding-bottom: 80px;
    }

    .pb-xl-84 {
        padding-bottom: 84px;
    }

    .pb-xl-88 {
        padding-bottom: 88px;
    }

    .pb-xl-92 {
        padding-bottom: 92px;
    }

    .pb-xl-96 {
        padding-bottom: 96px;
    }

    .pb-xl-100 {
        padding-bottom: 100px;
    }

    .pb-xl-106 {
        padding-bottom: 106px;
    }

    .pb-xl-108 {
        padding-bottom: 108px;
    }

    .pb-xl-112 {
        padding-bottom: 112px;
    }

    .pb-xl-116 {
        padding-bottom: 116px;
    }

    .pb-xl-120 {
        padding-bottom: 120px;
    }

    .pb-xl-136 {
        padding-bottom: 136px;
    }

    .pb-xl-143 {
        padding-bottom: 143px;
    }

    .pb-xl-152 {
        padding-bottom: 152px;
    }

    .pb-xl-160 {
        padding-bottom: 160px;
    }
}

@media (min-width: 1200px) {
    .mt-xl-0 {
        margin-top: 0;
    }

    .mt-xl-4 {
        margin-top: 4px;
    }

    .mt-xl-8 {
        margin-top: 8px;
    }

    .mt-xl-12 {
        margin-top: 12px;
    }

    .mt-xl-16 {
        margin-top: 16px;
    }

    .mt-xl-20 {
        margin-top: 20px;
    }

    .mt-xl-24 {
        margin-top: 24px;
    }

    .mt-xl-28 {
        margin-top: 28px;
    }

    .mt-xl-32 {
        margin-top: 32px;
    }

    .mt-xl-36 {
        margin-top: 36px;
    }

    .mt-xl-40 {
        margin-top: 40px;
    }

    .mt-xl-42 {
        margin-top: 42px;
    }

    .mt-xl-44 {
        margin-top: 44px;
    }

    .mt-xl-48 {
        margin-top: 48px;
    }

    .mt-xl-52 {
        margin-top: 52px;
    }

    .mt-xl-56 {
        margin-top: 56px;
    }

    .mt-xl-60 {
        margin-top: 60px;
    }

    .mt-xl-64 {
        margin-top: 64px;
    }

    .mt-xl-66 {
        margin-top: 66px;
    }

    .mt-xl-68 {
        margin-top: 68px;
    }

    .mt-xl-72 {
        margin-top: 72px;
    }

    .mt-xl-76 {
        margin-top: 76px;
    }

    .mt-xl-80 {
        margin-top: 80px;
    }

    .mt-xl-84 {
        margin-top: 84px;
    }

    .mt-xl-88 {
        margin-top: 88px;
    }

    .mt-xl-92 {
        margin-top: 92px;
    }

    .mt-xl-96 {
        margin-top: 96px;
    }

    .mt-xl-100 {
        margin-top: 100px;
    }

    .mt-xl-106 {
        margin-top: 106px;
    }

    .mt-xl-108 {
        margin-top: 108px;
    }

    .mt-xl-112 {
        margin-top: 112px;
    }

    .mt-xl-116 {
        margin-top: 116px;
    }

    .mt-xl-120 {
        margin-top: 120px;
    }

    .mt-xl-136 {
        margin-top: 136px;
    }

    .mt-xl-143 {
        margin-top: 143px;
    }

    .mt-xl-152 {
        margin-top: 152px;
    }

    .mt-xl-160 {
        margin-top: 160px;
    }
}

@media (min-width: 1200px) {
    .mb-xl-0 {
        margin-bottom: 0;
    }

    .mb-xl-4 {
        margin-bottom: 4px;
    }

    .mb-xl-8 {
        margin-bottom: 8px;
    }

    .mb-xl-12 {
        margin-bottom: 12px;
    }

    .mb-xl-16 {
        margin-bottom: 16px;
    }

    .mb-xl-20 {
        margin-bottom: 20px;
    }

    .mb-xl-24 {
        margin-bottom: 24px;
    }

    .mb-xl-28 {
        margin-bottom: 28px;
    }

    .mb-xl-32 {
        margin-bottom: 32px;
    }

    .mb-xl-36 {
        margin-bottom: 36px;
    }

    .mb-xl-40 {
        margin-bottom: 40px;
    }

    .mb-xl-42 {
        margin-bottom: 42px;
    }

    .mb-xl-44 {
        margin-bottom: 44px;
    }

    .mb-xl-48 {
        margin-bottom: 48px;
    }

    .mb-xl-52 {
        margin-bottom: 52px;
    }

    .mb-xl-56 {
        margin-bottom: 56px;
    }

    .mb-xl-60 {
        margin-bottom: 60px;
    }

    .mb-xl-64 {
        margin-bottom: 64px;
    }

    .mb-xl-66 {
        margin-bottom: 66px;
    }

    .mb-xl-68 {
        margin-bottom: 68px;
    }

    .mb-xl-72 {
        margin-bottom: 72px;
    }

    .mb-xl-76 {
        margin-bottom: 76px;
    }

    .mb-xl-80 {
        margin-bottom: 80px;
    }

    .mb-xl-84 {
        margin-bottom: 84px;
    }

    .mb-xl-88 {
        margin-bottom: 88px;
    }

    .mb-xl-92 {
        margin-bottom: 92px;
    }

    .mb-xl-96 {
        margin-bottom: 96px;
    }

    .mb-xl-100 {
        margin-bottom: 100px;
    }

    .mb-xl-106 {
        margin-bottom: 106px;
    }

    .mb-xl-108 {
        margin-bottom: 108px;
    }

    .mb-xl-112 {
        margin-bottom: 112px;
    }

    .mb-xl-116 {
        margin-bottom: 116px;
    }

    .mb-xl-120 {
        margin-bottom: 120px;
    }

    .mb-xl-136 {
        margin-bottom: 136px;
    }

    .mb-xl-143 {
        margin-bottom: 143px;
    }

    .mb-xl-152 {
        margin-bottom: 152px;
    }

    .mb-xl-160 {
        margin-bottom: 160px;
    }
}

/*# sourceMappingURL=style-article-list.css.map */