@charset "UTF-8";
/* *************************************
//
//   KGIB-Component -- mega-menu
//   -> 凱基銀行 - mega-menu
//
//   00.Global
//   01.mega-menu
//   02.Button
//
//
// ************************************/
/* -------------------------------------
//   0.Global
// -----------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap");

html.overflow--hidden {
    overflow: hidden;
}

/* -------------------------------------
//   01.kgib-mega-menu
// -----------------------------------*/
.kgib.en .header.kgib-mega-menu {
    z-index: 1041;
}

.kgib.zh-hant .header.kgib-mega-menu {
    font-family: 微軟正黑體, Noto Sans TC, Microsoft JhengHei, Heiti TC, 黑體, Nunito Sans, sans-serif;
    z-index: 1041;
}

    .kgib.zh-hant .header.kgib-mega-menu .kgib-mega-menu__btn--desktop,
    .kgib.zh-hant .header.kgib-mega-menu .kgib-mega-menu__btn--mobile {
        font-family: Noto Sans TC, 微軟正黑體, Microsoft JhengHei, Heiti TC, 黑體, Nunito Sans, sans-serif;
    }

@media (min-width: 1200px) {

    .kgib.zh-hant .header.kgib-mega-menu #menu__lv2,
    .kgib.zh-hant .header.kgib-mega-menu #menu__lv2 .menu__lv2 {
        min-height: 54px;
    }
}

.kgib.en .header.kgib-mega-menu .kgib-mega-menu__btn--desktop,
.kgib.en .header.kgib-mega-menu .kgib-mega-menu__btn--mobile {
    font-family: Montserrat, Noto Sans TC, 微軟正黑體, Microsoft JhengHei, Heiti TC, 黑體, Nunito Sans, sans-serif;
}

@media (min-width: 1200px) {
    .kgib.en .header.kgib-mega-menu #menu__lv2 .menu__lv2 {
        min-height: 50px;
    }
}

.kgib.en .header.kgib-mega-menu .btn--download-app {
    font-size: 12px;
}

.zh-hant .header.kgib-mega-menu .btn--outline-primary.btn--download-app {
    height: 32px;
    margin: auto 0;
    padding: 10px;
    text-transform: none;
    font-size: 0.875rem;
}

@media (min-width: 1200px) {

    .header.kgib-mega-menu .fs-12,
    .header.kgib-mega-menu .btn.fs-12 {
        font-size: 12px;
    }

    .header.kgib-mega-menu .fs-13,
    .header.kgib-mega-menu .btn.fs-13 {
        font-size: 13px;
    }

    .header.kgib-mega-menu .fs-14,
    .header.kgib-mega-menu .btn.fs-14 {
        font-size: 14px;
    }

    .header.kgib-mega-menu .fs-15,
    .header.kgib-mega-menu .btn.fs-15 {
        font-size: 15px;
    }

    .header.kgib-mega-menu .fs-16,
    .header.kgib-mega-menu .btn.fs-16 {
        font-size: 16px;
    }

    .header.kgib-mega-menu .fs-18,
    .header.kgib-mega-menu .btn.fs-18 {
        font-size: 18px;
    }

    .header.kgib-mega-menu .fs-20,
    .header.kgib-mega-menu .btn.fs-20 {
        font-size: 20px;
    }

    .header.kgib-mega-menu .fs-22,
    .header.kgib-mega-menu .btn.fs-22 {
        font-size: 22px;
    }

    .header.kgib-mega-menu .fs-24,
    .header.kgib-mega-menu .btn.fs-24 {
        font-size: 24px;
    }
}

.header.kgib-mega-menu .btn__icon {
    display: block;
    width: 20px;
    height: auto;
    margin-right: 4px;
}

.header.kgib-mega-menu .btn:hover .btn__icon {
    filter: brightness(0) invert(1);
}

.header.kgib-mega-menu:has(.tabs__list__item[data-lv2=true].is-hovered) .kgib-mega-menu__mask {
    display: block;
}

.header.kgib-mega-menu .kgib-mega-menu__mask {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 124px;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.56);
    display: none;
    z-index: 2;
}

.header.kgib-mega-menu .header__menu--desktop {
    position: relative;
}

.header.kgib-mega-menu .btn--download-app {
    height: 32px;
    margin: auto 0;
    padding: 10px;
    text-transform: none;
    font-size: 0.875rem;
}

.header.kgib-mega-menu .kgib-download-app__popup {
    max-width: 468px;
    background-color: #FEF8F1;
    border-radius: 6px;
    border: 1px solid #F2F6FF;
    padding: 24px;
    margin: 0 16px;
    position: absolute;
    top: 38px;
    right: 96px;
    z-index: 1036;
    display: none;
}

@media (max-width: 1365px) {
    .header.kgib-mega-menu .kgib-download-app__popup {
        right: 3%;
    }
}

.header.kgib-mega-menu .kgib-download-app__popup .kgib-download__qrcode {
    flex-shrink: 0;
    flex-grow: 0;
    max-width: 140px;
}

    .header.kgib-mega-menu .kgib-download-app__popup .kgib-download__qrcode img {
        display: block;
        width: 100%;
        height: auto;
    }

.header.kgib-mega-menu .kgib-download-app__popup .kgib-download__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    color: #041C43;
}

.header.kgib-mega-menu .kgib-download-app__popup .kgib-download__info {
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
    color: #041C43;
}

.header.kgib-mega-menu .kgib-download-app__popup .kgib-download-btn {
    display: flex;
    gap: 8px;
}

    .header.kgib-mega-menu .kgib-download-app__popup .kgib-download-btn a {
        display: block;
        max-width: 135px;
    }

        .header.kgib-mega-menu .kgib-download-app__popup .kgib-download-btn a img {
            display: block;
            width: 100%;
            height: auto;
        }

.header.kgib-mega-menu .kgib-download-app__popup .btn-close {
    display: block;
    width: 14px;
    height: 14px;
    padding: 10px;
    position: absolute;
    top: 12px;
    right: 12px;
}

    .header.kgib-mega-menu .kgib-download-app__popup .btn-close:hover::after,
    .header.kgib-mega-menu .kgib-download-app__popup .btn-close:hover::before,
    .header.kgib-mega-menu .kgib-download-app__popup .btn-close:not(:disabled):not(.disabled):focus::after,
    .header.kgib-mega-menu .kgib-download-app__popup .btn-close:not(:disabled):not(.disabled):focus::before,
    .header.kgib-mega-menu .kgib-download-app__popup .btn-close:not(:disabled):not(.disabled):hover::after,
    .header.kgib-mega-menu .kgib-download-app__popup .btn-close:not(:disabled):not(.disabled):hover::before {
        background-color: #04327a;
    }

    .header.kgib-mega-menu .kgib-download-app__popup .btn-close::after,
    .header.kgib-mega-menu .kgib-download-app__popup .btn-close::before {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        right: 9px;
        content: " ";
        height: 20px;
        width: 1px;
        background-color: #000;
        transition: opacity 0.5s ease-in-out, transform 0.45s ease-in-out;
    }

    .header.kgib-mega-menu .kgib-download-app__popup .btn-close::before {
        transform: rotate(-45deg);
    }

    .header.kgib-mega-menu .kgib-download-app__popup .btn-close::after {
        transform: rotate(-135deg);
    }

.header.kgib-mega-menu .kgib-mega-menu--desktop {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header.kgib-mega-menu .kgib-mega-menu--desktop-main {
    display: flex;
    justify-content: center;
    flex-grow: 1;
}

.header.kgib-mega-menu .kgib-mega-menu--desktop-btn {
    display: flex;
    align-items: center;
}

.header.kgib-mega-menu .kgib-mega-menu--mobile-btn {
    display: flex;
    align-items: center;
}

.header.kgib-mega-menu .kgib-mega-menu__btn--desktop {
    margin-top: 10px;
}

.header.kgib-mega-menu .kgib-mega-menu__btn--mobile {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px;
}

.header.kgib-mega-menu .header__mainnav {
    justify-content: space-between;
}

.header.kgib-mega-menu .header__search {
    display: none;
}

.header.kgib-mega-menu .header-search-on .header__search {
    display: block;
    top: -2px;
}

@media (max-width: 767.98px) {
    .header.kgib-mega-menu .header-search-on .header__search {
        position: absolute;
        height: calc(100vh - 120px);
        top: 120px;
    }
}

.header.kgib-mega-menu #megaMenu .header__logo {
    width: 200px;
    height: 80px;
    margin-right: 100px;
}

.header.kgib-mega-menu #megaMenu #tabs__list {
    display: flex;
}

@media (max-width: 1199.98px) {
    .header.kgib-mega-menu #megaMenu {
        display: none;
    }
}

@media (min-width: 1200px) {
    .header.kgib-mega-menu #megaMenu--mobile {
        display: none;
    }
}

.header.kgib-mega-menu #tabs__list .tabs__list__item {
    padding: 0 8px;
    height: 46px;
    margin-top: 22px;
}

    .header.kgib-mega-menu #tabs__list .tabs__list__item:has(.menu__lv2__item:first-child:nth-last-child(-n+4)) {
        position: relative;
    }

    .header.kgib-mega-menu #tabs__list .tabs__list__item li {
        list-style: none;
        cursor: pointer;
    }

    .header.kgib-mega-menu #tabs__list .tabs__list__item .tab__lv1 {
        position: relative;
        font-weight: 600;
        color: #343A40;
        line-height: 160%;
        letter-spacing: 0.02em;
        text-transform: none;
    }

        .header.kgib-mega-menu #tabs__list .tabs__list__item .tab__lv1:after {
            content: "";
            position: absolute;
            bottom: -18px;
            left: 0;
            right: 0;
            margin: 0 auto;
            width: 100%;
            height: 0px;
            background: #04327a;
            transition-duration: 0.3S;
        }

    .header.kgib-mega-menu #tabs__list .tabs__list__item.active .tab__lv1 {
        color: #04327a;
    }

        .header.kgib-mega-menu #tabs__list .tabs__list__item.active .tab__lv1:after,
        .header.kgib-mega-menu #tabs__list .tabs__list__item.is-hovered .tab__lv1:after {
            transition-duration: 0.2S;
            height: 4px;
        }

.header.kgib-mega-menu #tabs__list .menu__group {
    position: absolute;
    top: 72px;
    left: 50%;
    transform: translate(-50%, 0);
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    padding-top: 8px;
}

    .header.kgib-mega-menu #tabs__list .menu__group:has(.menu__lv2__item:first-child:nth-last-child(-n+4)) {
        top: 44px;
        max-width: unset;
    }

.header.kgib-mega-menu #tabs__list .menu__mask {
    position: absolute;
    width: 100%;
    height: calc(100vh - 144px);
    height: calc(var(--vh, 1vh) * 100 - 144px);
    top: 54px;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.56);
    display: none;
}

    .header.kgib-mega-menu #tabs__list .menu__mask.active {
        display: block;
    }

.header.kgib-mega-menu #tab__group #tabs__nav {
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: #041c43;
}

    .header.kgib-mega-menu #tab__group #tabs__nav .container-xl {
        display: flex;
    }

    .header.kgib-mega-menu #tab__group #tabs__nav .tabs__nav__item {
        display: flex;
        flex: 0 1 110px;
        justify-content: center;
        height: 100%;
        line-height: 56px;
        cursor: pointer;
    }

        .header.kgib-mega-menu #tab__group #tabs__nav .tabs__nav__item a {
            text-decoration: none;
            color: #fff;
        }

        .header.kgib-mega-menu #tab__group #tabs__nav .tabs__nav__item:hover {
            background: #04327a;
        }

.header.kgib-mega-menu #tab__group #tabs__content .tab__content {
    padding-top: 30px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.header.kgib-mega-menu #tab__group #tabs__content .tab__content__wrapper {
    display: flex;
    flex: 1;
}

.header.kgib-mega-menu #tab__group #tabs__content .tab__content__row {
    flex: 0 1 120px;
    padding-bottom: 30px;
    cursor: pointer;
}

    .header.kgib-mega-menu #tab__group #tabs__content .tab__content__row .content__title {
        display: flex;
        justify-content: center;
        border-bottom: 1px solid #d9d9d9;
        padding-bottom: 10px;
        color: #041c43;
        font-weight: 700;
        background: #fff;
        cursor: pointer;
    }

        .header.kgib-mega-menu #tab__group #tabs__content .tab__content__row .content__title:after {
            content: "";
            opacity: 0;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: #04327a;
        }

        .header.kgib-mega-menu #tab__group #tabs__content .tab__content__row .content__title:hover {
            color: #04327a;
        }

    .header.kgib-mega-menu #tab__group #tabs__content .tab__content__row .content__list {
        padding: 10px 0;
        text-align: center;
    }

        .header.kgib-mega-menu #tab__group #tabs__content .tab__content__row .content__list:hover {
            color: #04327a;
        }

    .header.kgib-mega-menu #tab__group #tabs__content .tab__content__row:hover {
        background: #f0f4f7;
    }

        .header.kgib-mega-menu #tab__group #tabs__content .tab__content__row:hover .content__title:after {
            opacity: 1;
        }

.header.kgib-mega-menu #tab__group #tabs__content .tab__button .btn {
    display: block;
    padding: 10px 25px;
    color: #fff;
    background-color: #04327a;
    margin-bottom: 5px;
    border-radius: 0;
}

.header.kgib-mega-menu #tab__group .tab__content#tab2 .tab__content__wrapper {
    padding-left: 110px;
}

.header.kgib-mega-menu #tab__group .tab__content#tab2 .tab__content__row {
    flex: 0 1 140px;
}

.header.kgib-mega-menu #tab__lv1--mobile {
    font-weight: 700;
    display: flex;
    width: calc(100% - 40px);
    margin: 0 20px;
    border-bottom: 1px solid #c3c3c3;
    overflow-y: hidden;
    overflow-x: auto;
}

    .header.kgib-mega-menu #tab__lv1--mobile::-webkit-scrollbar {
        display: none;
    }

    .header.kgib-mega-menu #tab__lv1--mobile .tab__lv1-wrapper--mobiler {
        display: -webkit-inline-box;
    }

    .header.kgib-mega-menu #tab__lv1--mobile .tab__lv1__item--mobile {
        position: relative;
        padding: 15px 0;
        margin-right: 13px;
        font-weight: 600;
        color: #343a40;
    }

        .header.kgib-mega-menu #tab__lv1--mobile .tab__lv1__item--mobile:after {
            content: "";
            opacity: 0;
            position: absolute;
            bottom: 0px;
            left: 0;
            width: 100%;
            height: 2px;
            background: #04327a;
        }

        .header.kgib-mega-menu #tab__lv1--mobile .tab__lv1__item--mobile.active {
            color: #04327a;
        }

            .header.kgib-mega-menu #tab__lv1--mobile .tab__lv1__item--mobile.active:after {
                opacity: 1;
            }

.header.kgib-mega-menu .tab-content > .tab-pane {
    display: none;
}

.header.kgib-mega-menu .tab-content > .active {
    display: block;
}

.header.kgib-mega-menu #menu__lv2--mobile {
    font-weight: 700;
    position: absolute;
    top: 54px;
    left: 0;
    width: 100%;
    padding: 0 8px;
}

    .header.kgib-mega-menu #menu__lv2--mobile .menu__lv2--mobile {
        height: calc(100vh - 176px);
        height: calc(var(--vh, 1vh) * 100 - 176px);
        overflow-y: auto;
    }

.header.kgib-mega-menu .menu__lv2--mobile .menu__lv2__item--mobile {
    padding: 10px 20px;
    position: relative;
    color: #343A40;
    font-size: 16px;
    font-weight: 600;
}

    .header.kgib-mega-menu .menu__lv2--mobile .menu__lv2__item--mobile.group:after {
        content: "";
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        right: 25px;
        width: 13px;
        height: 13px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M199 111c9.4-9.4 24.6-9.4 33.9 0L425 303c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-175-175L41 337c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9L199 111z'/%3E%3C/svg%3E");
        background-repeat: no-repeat no-repeat;
        background-position: center center;
        background-size: cover;
        transform: rotate(180deg);
    }

    .header.kgib-mega-menu .menu__lv2--mobile .menu__lv2__item--mobile[aria-expanded=true] {
        color: #04327a;
    }

        .header.kgib-mega-menu .menu__lv2--mobile .menu__lv2__item--mobile[aria-expanded=true]:after {
            transform: rotate(0deg);
        }

.header.kgib-mega-menu .menu__lv2--mobile .menu__lv2__information {
    background: #f6f6f6;
    padding: 8px 0;
}

    .header.kgib-mega-menu .menu__lv2--mobile .menu__lv2__information .menu__lv2__item--mobile {
        font-weight: 400;
    }

        .header.kgib-mega-menu .menu__lv2--mobile .menu__lv2__information .menu__lv2__item--mobile[aria-expanded=true] {
            font-weight: 600;
        }

.header.kgib-mega-menu #menu__lv2--mobile .menu__lv2__information .menu__lv3--mobile {
    background: rgba(0, 0, 0, 0);
}

.header.kgib-mega-menu #menu__lv2--mobile .menu__lv3--mobile {
    padding: 8px 20px;
    background: #f0f4f7;
}

    .header.kgib-mega-menu #menu__lv2--mobile .menu__lv3--mobile .menu__lv3__item--mobile {
        position: relative;
        line-height: 23px;
        font-size: 16px;
        font-weight: 400;
        color: #343A40;
        padding: 8px 0;
    }

        .header.kgib-mega-menu #menu__lv2--mobile .menu__lv3--mobile .menu__lv3__item--mobile.group:after {
            content: "";
            position: absolute;
            margin: auto;
            top: 0;
            bottom: 0;
            right: 30px;
            width: 13px;
            height: 13px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M199 111c9.4-9.4 24.6-9.4 33.9 0L425 303c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-175-175L41 337c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9L199 111z'/%3E%3C/svg%3E");
            background-repeat: no-repeat no-repeat;
            background-position: center center;
            background-size: cover;
            transform: rotate(180deg);
        }

        .header.kgib-mega-menu #menu__lv2--mobile .menu__lv3--mobile .menu__lv3__item--mobile[aria-expanded=true] {
            color: #04327a;
            font-weight: 600;
        }

            .header.kgib-mega-menu #menu__lv2--mobile .menu__lv3--mobile .menu__lv3__item--mobile[aria-expanded=true]:after {
                transform: rotate(0deg);
            }

    .header.kgib-mega-menu #menu__lv2--mobile .menu__lv3--mobile .menu__lv4--mobile {
        font-size: 14px;
    }

        .header.kgib-mega-menu #menu__lv2--mobile .menu__lv3--mobile .menu__lv4--mobile .menu__lv4__item--mobile {
            font-size: 16px;
            padding: 8px 0 8px 15px;
            color: #343A40;
            font-weight: 400;
            border-left: 1px solid #ccd8e4;
        }

.header.kgib-mega-menu #menu__lv2 {
    background-color: #fff;
}

    .header.kgib-mega-menu #menu__lv2 .menu__lv2 {
        position: relative;
        display: flex;
    }

        .header.kgib-mega-menu #menu__lv2 .menu__lv2 .menu__lv2__item {
            font-weight: 600;
            color: #343A40;
            padding: 15px 10px;
            cursor: pointer;
            width: auto;
            min-width: 110px;
            flex-shrink: 0;
            position: relative;
        }

            .header.kgib-mega-menu #menu__lv2 .menu__lv2 .menu__lv2__item > li {
                width: 100%;
            }

                .header.kgib-mega-menu #menu__lv2 .menu__lv2 .menu__lv2__item > li > a {
                    display: block;
                    width: 100%;
                    height: 100%;
                    white-space: nowrap;
                }

.header.kgib-mega-menu .menu__lv2__item--right {
    position: relative;
}

.header.kgib-mega-menu #menu__lv2 .menu__lv2 .menu__lv2__item.active {
    color: #fff;
    background: #04327A;
}

.header.kgib-mega-menu #menu__lv2 .menu__lv2 .menu__lv2__item.active_lv2 {
    color: #fff;
    background: #04327A;
}

.header.kgib-mega-menu #menu__lv2 .menu__lv2 .menu__lv2__item.active li:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: calc(50% - 10px);
    border-top: 8px solid rgba(0, 0, 0, 0);
    border-bottom: 8px solid #fff;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
}

.header.kgib-mega-menu #menu__lv2 .menu__lv2 .menu__lv2__item li {
    position: relative;
    list-style: none;
    text-align: center;
    height: 100%;
    white-space: nowrap;
}

.header.kgib-mega-menu .menu__table {
    display: inline-flex;
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 2;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    overflow: hidden;
    cursor: default;
}

@media screen and (max-width: 1199.98px) {
    .header.kgib-mega-menu .menu__lv2__item:not(.menu__lv2__item--right) .menu__table {
        max-width: 100%;
    }

    .header.kgib-mega-menu .menu__lv2__item.menu__lv2__item--full .menu__table {
        width: 100%;
    }
}

.header.kgib-mega-menu .menu__lv2__item--right .menu__table {
    left: auto;
    right: 0;
}

.header.kgib-mega-menu .menu__table .menu__table-lv3 {
    display: flex;
    flex-shrink: 0;
    padding: 0 16px 20px 16px;
}

    .header.kgib-mega-menu .menu__table .menu__table-lv3 .menu__lv3-column {
        width: auto;
        padding-top: 20px;
        flex-shrink: 0;
    }

        .header.kgib-mega-menu .menu__table .menu__table-lv3 .menu__lv3-column:first-child:not(:only-child) {
            padding-right: 8px;
        }

        .header.kgib-mega-menu .menu__table .menu__table-lv3 .menu__lv3-column:not(:first-child):not(:last-child) {
            padding-right: 8px;
            padding-left: 8px;
        }

        .header.kgib-mega-menu .menu__table .menu__table-lv3 .menu__lv3-column:last-child:not(:only-child) {
            padding-left: 8px;
        }

        .header.kgib-mega-menu .menu__table .menu__table-lv3 .menu__lv3-column .menu__lv3__item {
            font-weight: 600;
            color: #04327a;
            margin-bottom: 10px;
        }

        .header.kgib-mega-menu .menu__table .menu__table-lv3 .menu__lv3-column .menu__lv4__item {
            font-weight: 400;
            margin-bottom: 8px;
            cursor: pointer;
            color: #343a40;
        }

            .header.kgib-mega-menu .menu__table .menu__table-lv3 .menu__lv3-column .menu__lv4__item:has(a):hover {
                color: #04327a;
                font-weight: 600;
            }

            .header.kgib-mega-menu .menu__table .menu__table-lv3 .menu__lv3-column .menu__lv4__item:has(.item-text):hover {
                cursor: default;
            }

.header.kgib-mega-menu .menu__table .menu__table-jumplinks {
    background: #f0f4f7;
    padding: 20px 16px;
    width: auto;
    flex-shrink: 0;
    margin-left: auto;
    display: inline-flex;
    flex-direction: column;
}

    .header.kgib-mega-menu .menu__table .menu__table-jumplinks .menu__jumplink-title {
        font-weight: 600;
        color: #04327A;
        margin-bottom: 10px;
    }

    .header.kgib-mega-menu .menu__table .menu__table-jumplinks .menu__jumplink {
        display: inline-flex;
        position: relative;
        align-items: center;
        color: #343A40;
        font-weight: 400;
        margin-bottom: 8px;
        letter-spacing: 0.12em;
        flex: 0;
    }

        .header.kgib-mega-menu .menu__table .menu__table-jumplinks .menu__jumplink a {
            position: relative;
        }

            .header.kgib-mega-menu .menu__table .menu__table-jumplinks .menu__jumplink a::after {
                display: block;
                content: "";
                position: absolute;
                bottom: -4px;
                left: 0;
                margin: auto;
                width: 0;
                height: 1px;
                background-color: #04327a;
                transition: width 0.2s;
            }

        .header.kgib-mega-menu .menu__table .menu__table-jumplinks .menu__jumplink:hover a::after {
            width: 100%;
        }

.header.kgib-mega-menu .header__dropdown.dropdown {
    display: flex;
    align-items: center;
    height: 44px;
}

.header.kgib-mega-menu .header__dropdown-item.dropdown-item {
    color: #343A40;
}

    .header.kgib-mega-menu .header__dropdown-item.dropdown-item:hover {
        color: #fff;
    }

.header.kgib-mega-menu .ch-nav-mobile {
    transition-duration: 0.3s;
    position: fixed;
    top: 120px;
    width: 100%;
    height: 0;
    left: 0;
    background-color: #fff;
    box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

    .header.kgib-mega-menu .ch-nav-mobile.active {
        height: calc(100vh - 120px);
        height: calc(var(--vh, 1vh) * 100 - 120px);
    }

.header.kgib-mega-menu .d-md-flex {
    align-items: baseline;
}

.kgib-mega-menu .menu__btn-group {
    order: 1;
}

.kgib-mega-menu .search__toggler {
    margin: 0 20px;
    order: 2;
}

    .kgib-mega-menu .search__toggler.order-1 {
        order: 1;
    }

        .kgib-mega-menu .search__toggler.order-1 ~ .menu__btn-group {
            order: 2;
        }

        .kgib-mega-menu .search__toggler.order-1 ~ .btn--login--mobile {
            order: 2;
        }

.header.kgib-mega-menu .btn--login {
    padding: 10px;
}

.kgib-mega-menu .ch-toggler-mobile {
    display: none;
}

.kgib-mega-menu .ch-nav-mobile {
    position: absolute;
    top: 80px;
    left: 0;
    background: #fff;
}

.kgib-mega-menu .ch-toggler-mobile {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M.75 7.25h22.5m-14.5 9h14.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    width: 24px;
    height: 24px;
    color: inherit;
    border: none;
    padding: 0;
    margin-left: 14px;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

    .kgib-mega-menu .ch-toggler-mobile.active {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1756 12.483L19.8076 6.28213C19.9387 6.13904 20.0072 5.95497 19.9994 5.76672C19.9916 5.57847 19.9082 5.3999 19.7657 5.26668C19.6232 5.13347 19.4322 5.05543 19.2309 5.04816C19.0295 5.04088 18.8327 5.10492 18.6796 5.22746L12.0476 11.4283L5.41563 5.21998C5.26499 5.07913 5.06068 5 4.84763 5C4.63459 5 4.43028 5.07913 4.27963 5.21998C4.12899 5.36083 4.04436 5.55186 4.04436 5.75105C4.04436 5.95025 4.12899 6.14128 4.27963 6.28213L10.9196 12.483L4.27963 18.6839C4.19589 18.7509 4.12787 18.8334 4.07985 18.9262C4.03184 19.019 4.00485 19.1201 4.0006 19.2231C3.99634 19.3261 4.0149 19.4289 4.05512 19.5249C4.09534 19.6208 4.15635 19.708 4.23431 19.7809C4.31228 19.8538 4.40552 19.9109 4.50818 19.9485C4.61084 19.9861 4.7207 20.0034 4.83088 19.9994C4.94105 19.9955 5.04916 19.9702 5.14841 19.9253C5.24766 19.8804 5.33592 19.8168 5.40763 19.7385L12.0476 13.5377L18.6796 19.7385C18.8327 19.8611 19.0295 19.9251 19.2309 19.9178C19.4322 19.9106 19.6232 19.8325 19.7657 19.6993C19.9082 19.5661 19.9916 19.3875 19.9994 19.1993C20.0072 19.011 19.9387 18.827 19.8076 18.6839L13.1756 12.483Z' fill='%2304327A'/%3E%3C/svg%3E%0A");
    }

@media (max-width: 1199.98px) {
    .kgib-mega-menu .menu__table .menu__table-lv3 .menu__lv3-column {
        flex: 25% 1 1;
        width: 120px;
    }

    .kgib-mega-menu .menu__lv2__item--right .menu__table .menu__table-lv3 .menu__lv3-column {
        min-width: 135px;
    }

    .kgib-mega-menu .ch-toggler-mobile {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    .kgib-mega-menu .ch-toggler-mobile {
        display: block;
        order: 3;
    }
}

@media (min-width: 1200px) {
    .header.kgib-mega-menu .ch-nav-mobile.active {
        display: none;
    }
}

.kgib-mega-menu .header__func .header__menu {
    align-items: center;
    justify-content: flex-end;
}

.kgib-mega-menu .header__func .header__menu--mobile {
    display: flex;
}

.kgib-mega-menu .header__func .header__menu--desktop {
    display: none;
}

@media screen and (min-width: 1200px) {
    .kgib-mega-menu .header__func .header__menu--mobile {
        display: none;
    }

    .kgib-mega-menu .header__func .header__menu--desktop {
        display: flex;
    }
}

.kgib-mega-menu .header__func .color-dark-blue {
    color: #04327A;
}

@media (min-width: 1024px) {
    .kgib-mega-menu .header__wrap {
        height: 80px;
        position: relative;
    }

        .kgib-mega-menu .header__wrap .menu__lv2__menu-wrap {
            display: none;
            position: absolute;
            left: 0;
            top: 80px;
            width: 100%;
            height: var(--lv2-item-height, 54px);
            z-index: -1;
            background: white;
            /* ← 原本 ::before 的白色背景移到這裡 */
        }

            .kgib-mega-menu .header__wrap .menu__lv2__menu-wrap.active {
                display: block;
            }
}

@media (min-width: 1024px) {
    .kgib-mega-menu .header__wrap {
        align-items: center;
    }

    .kgib-mega-menu .header__mainnav {
        height: auto;
    }

    .kgib-mega-menu .header__logo {
        padding-bottom: 0;
    }
}

/*# sourceMappingURL=kgib-mega-menu.css.map */