/* @import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700;800&family=Noto+Sans+TC:wght@400;700;900&family=Noto+Serif+TC:wght@600&display=swap'); */

/*-------------------- 共用樣式 --------------------*/

:root {
    --basic-txt: #212121;
    --main-color: #11D073;
    --main-deep: #0C9251;
    --ye-color: #fab617;
    --og-color: #ff8b00;
    --b-round: 10px;
    --b-color: #d1d1d1;
    --content-p: 5rem;
    --transition-com: all 0.2s ease;
}

@media screen and (max-width:991px) {
    :root {}
}

.material-icons {
    vertical-align: text-top;
}

/*-------------------- 共用樣式 END --------------------*/

/*-------------------- 主視覺 --------------------*/

#main_top>h1 {
    display: block;
    max-width: 0;
    max-height: 0;
    overflow: hidden;
    line-height: 0;
    font-size: 1px;
    padding: 0;
    margin: 0;
}

#main_top {
    width: 100%;
    height: 0;
    padding-bottom: 21.25%;
    position: relative;
    background: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/20250714_PC-1920x408-01.jpg) no-repeat center;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    #main_top {
        padding-bottom: 52.1%;
        background: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/20250714_IT_768x400.jpg) no-repeat center;
        background-size: cover;
    }
}

/*-------------------- 主視覺 END --------------------*/

/*-------------------- 小廣告輪播 .swiper --------------------*/

#carousel_top {
    background-color: #fff;
    padding-top: 1.5rem;
}

.carousel_swiper {
    position: relative;
    max-width: 1100px;
}

.swiper {
    display: flex;
    width: 100%;
}

.swiper-slide>a {
    display: block;
    text-align: center;
}

.swiper-slide>a>img {
    width: 96%;
    max-width: 96%;
    border-radius: 10px;
    margin: 0 auto;
    height: auto;
}

.swiper-button-disabled {
    opacity: 0.5;
}

/* swiper.css */

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    /* font-variation-settings:
    'FILL'1,
    'wght'600,
    'GRAD'0,
    'opsz'48; */
    vertical-align: middle;
    margin-right: 0.3rem;
    font-size: var(--swiper-navigation-size);
    color: var(--bs-secondary);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    transition: var(--transition-com);
}

.swiper-button-next:hover::after,
.swiper-button-prev:hover::after {
    color: #11d073;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: '\eaaa';
    margin: 0;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: '\eaa7';
    margin: 0;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: calc(var(--swiper-navigation-size) * -1);
    left: auto;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: calc(var(--swiper-navigation-size) * -1);
    right: auto;
}

@media screen and (max-width:991px) {

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: calc(var(--swiper-navigation-size) / 4 * 3);
        color: #fff;
        filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.6));
    }

    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        right: calc(var(--swiper-navigation-size) / 3);
        left: auto;
    }

    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: calc(var(--swiper-navigation-size) / 3);
        right: auto;
    }
}

@media screen and (max-width:767px) {

    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }
}

/*-------------------- 小廣告輪播 .swiper END --------------------*/

/*-------------------- NAV --------------------*/

.nav_bar {
    display: flex;
    width: 90%;
    max-width: 1100px;
    justify-content: center;
    padding: 0;
    background: var(--main-color);
    background: linear-gradient(to bottom, var(--main-color) 15%, #07c267 95%);
    border-radius: 500px;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: 0 auto;
    transform: translateY(-40%);
    box-shadow: 5px 7px 0 rgba(54, 77, 75, 0.12);
}

.nav_bar>a {
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 1rem;
    margin: 0;
    cursor: pointer;
    font-size: 1.25rem;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    /* -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%; */
    transition: var(--transition-com);
}

.nav_bar>a::before {
    content: '';
    display: inline-block;
    width: 35px;
    height: 24px;
    background: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/iconset-nav.png) no-repeat left top/cover;
    margin-right: 0.3rem;
    margin-bottom: -0.25rem;
    /* transform: scale(0); */
    transition: var(--transition-com);
}

.nav_bar>a:hover {
    font-weight: 600;
    color: var(--basic-txt);
    text-shadow: 0 0 5px rgba(0, 0, 0, 0);
}

.nav_bar>a:hover::before {
    background: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/iconset-nav.png) no-repeat right top/cover;
}

@media screen and (max-width:991px) {
    .nav_bar>a {
        font-size: 1.125rem;
        padding: 0.5rem;
    }

    .nav_bar>a::before {
        width: 29px;
        height: 20px;
    }
}

@media screen and (max-width: 767px) {
    .nav_bar {
        width: 96%;
        flex-wrap: wrap;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        transform: translateY(0);
    }

    .nav_bar>a {
        font-size: 1rem;
        flex: 0 0 50%;
        max-width: 50%;
        text-align: start;
        padding: 0.3rem 0.3rem 0.3rem 1rem;
    }
}

/*-------------------- NAV END --------------------*/

/*-------------------- 全頁 --------------------*/

#wrapper {
    width: 100%;
}

#wrapper>section:first-of-type {
    padding-top: calc(var(--content-p) / 2);
}

#wrapper.bg-shape {
    background: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/bg-page01-all.png) repeat-y top/100%;
}

#wrapper.bg-shapefull {
    background: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/bg-bank-page.jpg) no-repeat center top/100% 100%;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}

#wrapper.bg-bubble {
    background: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/bg-page02-all-top.png) no-repeat top right/70%, url(https://event.cdn-gunnarworks.com/events/ez-creditcard/bg-page02-all-bottom.png) no-repeat left bottom/75%;
}

#wrapper.bg-bubble-w {
    background: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/bg-page02-1-all-top.png) no-repeat top right/70%, url(https://event.cdn-gunnarworks.com/events/ez-creditcard/bg-page02-1-all-bottom.png) no-repeat left bottom/75%;
    background-color: #fff;
}

#wrapper.bg-round {
    background: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/bg-page03-all.png) repeat-y top/100%;
}

@media screen and (max-width:767px) {
    #wrapper.bg-shape {
        background: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/bg-page01-all.png) repeat-y center top/200%;
    }

    #wrapper.bg-round {
        background: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/bg-page03-all.png) repeat-y 32% top/160%;
    }

}


/*-- 標題字級 --*/

h1 {
    position: relative;
    white-space: nowrap;
    text-align: center;
    margin-bottom: 30px;
    filter: drop-shadow(5px 6px 0 rgba(54, 77, 75, 0.15));
    z-index: 100;
}

@media screen and (max-width: 991px) {
    h1>img {
        zoom: 0.8;
    }
}

@media screen and (max-width: 767px) {
    h1>img {
        zoom: 0.7;
    }
}

h2 {
    font-weight: 600;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
}

h2>.material-icons {
    font-size: 2.2rem;
}

.font-noto {
    font-family: 'Noto Sans TC', "微軟正黑體", "微软雅黑", sans-serif;
}

/*-- 按鈕 --*/

.btn {
    white-space: nowrap;
}

.btn>img {
    vertical-align: middle;
}

.btn-success,
.btn-success:link,
.btn-success:visited,
.btn-success:active {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.btn-success:hover,
.btn-success:focus {
    background-color: var(--main-deep);
    border-color: var(--main-deep);
}

.btn-danger,
.btn-danger:link,
.btn-danger:visited,
.btn-danger:active {
    background-color: var(--ye-color);
    border-color: var(--ye-color);
}

.btn-danger:hover,
.btn-danger:focus,
.gift-box:hover .btn-danger {
    background-color: var(--og-color);
    border-color: var(--og-color);
}

.btn-danger:focus {
    box-shadow: 0 0 0 0.2rem rgb(255 139 0 / 30%);
}

.btn-lg {
    font-size: 1.25rem;
    padding: 0.6rem 1.6rem;
    font-weight: 600;
    color: #fff !important;
}

@media screen and (max-width:991px) {
    .btn-lg {
        font-size: 1.125rem;
    }
}

@media screen and (max-width:767px) {
    .btn-lg {
        padding: 0.4rem 1rem;
        font-size: 1rem;
    }
}

/*-- 按鈕區域 --*/

.btn-sec {
    padding: 1rem 0 2rem;
    text-align: center;
}

/*-------------------- 全頁 END --------------------*/

/*-------------------- 刷卡滿額禮 #card-gift --------------------*/

.rowline.card-gift-sec>div {
    margin-bottom: clamp(16px, 1.2vw + 4px, 30px);
}

.Sub {
    margin-bottom: 1px;
    color: #767676;
}

.gift-box {
    color: var(--com-color);
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: var(--b-round);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 0.5) 100%);
    backdrop-filter: blur(12px);
    -moz-backdrop-filter: blur(12px);
    border: 1px solid var(--b-color);
    box-shadow: 0 0 0 rgba(17, 208, 115, 0);
    font-size: 0.9375rem;
    text-decoration: none;
    z-index: 10;
    transition: var(--transition-com);
}

.gift-box:hover {
    color: var(--com-color);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 1) 100%);
    border: 1px solid var(--main-color);
    box-shadow: 0 0 0 2px rgba(17, 208, 115, 1);
}

.gift-box .bank-logo {
    padding: 0.9rem 0.4rem 0.4rem;
}

.gift-box .bank-logo>img {
    max-width: 70%;
    max-height: 60px;
}

#card-discount .gift-box .bank-logo>img {
    max-width: 85%;
    max-height: 45px;
}

.gift-box .gift-info {
    text-align: start;
    padding: 0.8rem 0.8rem 0;
    margin-bottom: 75px;
}

#card-discount .gift-box .gift-info {
    margin-bottom: 63px;
}

.gift-box .badge.bg-success {
    background-color: var(--main-color) !important;
    font-weight: 400;
    margin-right: 0.35rem;
    padding: 0.25rem 0.5rem;
    letter-spacing: 0.05em;
    vertical-align: text-top;
}

.gift-info .gift-info-box {
    padding-bottom: 1rem;
}

.gift-info .gift-info-box h5 {
    font-weight: 600;
    margin-bottom: 0.3rem;
    line-height: 1.35;
}

.gift-info .gift-info-box>ul>li {
    list-style-type: disc;
    line-height: 1.35;
    padding-bottom: 0.2rem;
}

.gift-info .gift-info-box>p {
    line-height: 1.5;
    margin-bottom: 0.35rem;
}

.gift-box .date {
    font-size: 0.94em;
    color: #999999;
    text-align: start;
    padding-left: 0.3rem;
    margin-bottom: 0.5rem;
}

.gift-box .gift-box-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: grid;
    padding: 0.5rem;
}

/* 商品圖 */

.gift-box>.sale_img {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 66%;
    border-top-left-radius: calc(var(--b-round) - 1px);
    border-top-right-radius: calc(var(--b-round) - 1px);
    overflow: hidden;
}

/* @media screen and (max-width:991px) {
    .gift-box>.sale_img {
        height: 180px;
    }
}

@media screen and (max-width:767px) {
    .gift-box>.sale_img {
        height: 150px;
    }
} */

.gift-box>.sale_img>img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    min-height: 100%;
    height: 100%;
}

.gift-box>.sale_img.sale_img_w100>img {
    min-width: 100%;
    width: 100%;
    min-height: auto;
    height: auto;
}


@media screen and (max-width:991px) {
    .gift-box>.sale_img.sale_img_h100-m>img {
        min-width: auto;
        width: auto;
        min-height: 100%;
        height: 100%;
    }
}

@media screen and (max-width:767px) {
    .gift-box>.sale_img.sale_img_h100-s>img {
        min-width: auto;
        width: auto;
        min-height: 100%;
        height: 100%;
    }
}

/* 商品圖 END */

/*-------------------- 刷卡滿額禮 #card-gift END --------------------*/

/*-------------------- 點選銀行頁 #gift-page --------------------*/

#gift-page>.contentbox_main {
    border-radius: var(--b-round);
    background-color: #fff;
    padding: calc(var(--content-p) * 0.35) calc(clamp(8px, 0.6vw + 2px, 15px) * 2.5) 0;
    /* background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 0.5) 100%); */
}

.gift-page-sec {
    text-align: start;
    padding-bottom: calc(var(--content-p) * 0.35);
    padding-top: 1rem;
    border-top: 1px dotted var(--bs-gray-400);
}

#gift-page .bank-logo {
    margin-bottom: calc(var(--content-p) * 0.35);
}

#gift-page .bank-logo>img {
    max-width: 90%;
    max-height: 108px;
}

#gift-page h3 {
    color: var(--banklogo-color);
    font-weight: 600;
    line-height: 1.35;
}

#gift-page h6 {
    background-color: var(--bs-gray-200);
    padding: 0.25rem 0.8rem;
    border-radius: calc(var(--b-round) / 2);
    font-weight: 600;
    margin-bottom: 0.35rem;
}

#gift-page .gift-page-sec>p {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}

#gift-page .gift-page-sec>ul {
    padding-left: 0.8rem;
    margin-bottom: 1rem;
}

.gift-page-sec .btn-sec>.btn {
    width: 100%;
    max-width: 350px;
}

.gift-page-sec .btn-sec>.btn.btn-coupon {
    width: auto;
    max-width: 100%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    margin: 0 0.5rem 0.75rem;
}

.gift-page-sec .btn-sec>.btn.btn-coupon::after {
    content: '\e913';
    font-family: 'Material Symbols Outlined';
    font-size: 1.25em;
    font-weight: normal;
    vertical-align: sub;
    margin-left: 0.2rem;
    font-variation-settings:
        'FILL' 1,
        'wght' 400,
        'GRAD' 0,
        'opsz' 20
}

/*-------------------- 點選銀行頁 #gift-page END --------------------*/

/*-------------------- 點選優惠頁 #discount-page --------------------*/

/* 優惠頁的主視覺 */
#discount-page-top {
    position: relative;
    width: 100%;
    min-width: 100%;
    display: flex;
    flex-wrap: wrap;
}

#discount-page-top .page-title-sec {
    position: relative;
    flex: 1 0 0%;
    padding-left: 5vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#discount-page-top .page-title-sec .page-title-txt {
    position: relative;
    background-color: #fff;
    border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    z-index: 100;
}

#discount-page-top .page-title-sec .page-title-txt .bank-logo {
    filter: none;
    padding-top: 0.5rem;
    margin-bottom: 0.5rem;
}

#discount-page-top .page-title-sec .page-title-txt .bank-logo>img {
    max-width: 60%;
    max-height: 60px;
}

#discount-page-top .page-pic-sec {
    flex: 0 0 auto;
    width: 45%;
}

#discount-page-top .page-pic-sec>img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

#discount-page-top h2 {
    display: block;
    text-align: center;
    padding: 0 1.5rem;
    white-space: wrap;
    line-height: 1.35;
}

/* discount-page 頭圖
#discount-page-top .page-pic-sec>.page-pic-img {
    width: 100%;
    height: 100%;
    background-image: url(../images/discount/discount-page/page-top-20230811.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
} */

#discount-page-top .page-title-txt .date {
    font-size: 0.94em;
    color: #999999;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 1rem;
}

@media screen and (max-width:767px) {
    #discount-page-top .page-title-sec {
        flex: 0 0 auto;
        display: block;
        text-align: center;
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-bottom: 1rem;
        overflow-x: hidden;
    }

    #discount-page-top .page-title-sec::before {
        content: '';
        display: block;
        position: absolute;
        /* background-color: #fff; */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 0.85) 100%);
        border-bottom-left-radius: 100%;
        border-bottom-right-radius: 100%;
        width: 550px;
        height: calc(100% - 1rem);
        bottom: 0;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    #discount-page-top .page-title-sec .page-title-txt {
        background-color: transparent;
        border-radius: 0;
    }

    #discount-page-top .page-pic-sec {
        width: 100%;
        min-width: 100%;
    }

    #discount-page-top .page-pic-sec>img {
        max-width: 100%;
        width: 100%;
        height: auto;
    }

    #discount-page-top h2 {
        padding: 0 1rem;
    }

    #discount-page-top .page-title-txt .date {
        font-size: 0.875em;
        padding-bottom: 0.5rem;
    }
}

/* 優惠頁的主視覺 END */

#discount-page .gift-page-sec {
    border-top: none;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

#discount-page h5 {
    color: var(--main-deep);
    padding: 0.25rem 0;
    font-weight: 600;
    margin-bottom: 0.35rem;
}

#discount-page .gift-page-sec>p {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}

#discount-page .gift-page-sec>ul {
    padding-left: 0.8rem;
    margin-bottom: 1rem;
}

.gift-page-sec .btn-sec>.btn {
    width: 100%;
    max-width: 350px;
}

/*-------------------- 點選優惠頁 #discount-page END --------------------*/

/*-------------------- 分期0利率 #card-pay --------------------*/

#card-pay .card-pay-frame {
    background: rgba(255, 255, 255, 0.7);
    border-radius: var(--b-round);
    backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
    margin-bottom: 2rem;
}

.card-pay-frame h2 {
    color: var(--basic-txt);
    font-weight: 600;
}

.card-pay-frame h2::before {
    content: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/title-icon01.png);
    margin-right: 0.5rem;
    vertical-align: middle;
    zoom: 1;
}

.card-pay-frame .card-pay-sec>h4 {
    display: inline-block;
    color: var(--main-deep);
    font-weight: 600;
    padding: 0 1rem;
    background-color: #fff;
    transform: translateY(-50%);
}

.card-pay-frame .card-pay-main {
    background-color: #fff;
    border-radius: var(--b-round);
    border: 1px solid var(--main-color);
    padding: 1.5rem 1rem 0;
}

.card-pay-frame .card-pay-main .card-pay-sec {
    border: 1px solid var(--b-color);
    border-radius: var(--b-round);
    max-width: 1100px;
    width: 100%;
    margin: 1rem auto 2rem;
}


.bank-list {
    max-width: 1000px;
    width: 100%;
    margin: -1rem auto 1rem;
}

.bank-list>li {
    flex: 0 0 auto;
    width: 25%;
    margin: 0.3rem 0;
}

@media screen and (max-width:767px) {
    .bank-list {
        padding-left: 0;
    }

    .bank-list>li {
        width: 50%;
    }

}

.bank-list .bank-logo-s {
    display: inline-flex;
    flex-flow: row wrap;
    align-items: center;
    margin: 4px 4px 4px 1.75em;
    font-size: 1.125rem;
    line-height: 30px;
    color: var(--basic-txt);
}

@media screen and (max-width:767px) {
    .bank-list .bank-logo-s {
        font-size: 1rem;
    }
}

.bank-list .bank-logo-s>.small {
    font-size: 0.78em;
    color: var(--bs-gray-600);
    margin-left: 0.2rem;
}

.bank-logo-s:before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    vertical-align: middle;
    margin: 0 0.5em 0 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.bank-logo-s[data-bank="玉山易遊卡"]:before {
    background-image: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/logo/logo-eztravelcard-s.png);
}

.bank-logo-s[data-bank="國泰世華"]:before {
    background-image: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/logo/logo-01-s.png);
}

.bank-logo-s[data-bank="玉山銀行"]:before {
    background-image: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/logo/logo-02-s.png);
}

.bank-logo-s[data-bank="華南銀行"]:before {
    background-image: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/logo/logo-03-s.png);
}

.bank-logo-s[data-bank="滙豐銀行"]:before {
    background-image: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/logo/logo-05-s.png);
}

.bank-logo-s[data-bank="永豐銀行"]:before {
    background-image: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/logo/logo-06-s.png);
}

.bank-logo-s[data-bank="台新銀行"]:before {
    background-image: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/logo/logo-07-s.png);
}

.bank-logo-s[data-bank="中國信託"]:before {
    background-image: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/logo/logo-08-s.png);
}

.bank-logo-s[data-bank="兆豐銀行"]:before {
    background-image: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/logo/logo-09-s.png);
}

.bank-logo-s[data-bank="凱基銀行"]:before {
    background-image: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/logo/logo-10-s.png);
}

.bank-logo-s[data-bank="遠東商銀"]:before {
    background-image: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/logo/logo-11-s.png);
}

.bank-logo-s[data-bank="聯邦銀行"]:before {
    background-image: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/logo/logo-12-s.png);
}

.bank-logo-s[data-bank="日盛銀行"]:before {
    background-image: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/logo/logo-13-s.png);
}

.bank-logo-s[data-bank="新光銀行"]:before {
    background-image: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/logo/logo-14-s.png);
}

.bank-logo-s[data-bank="台北富邦"]:before {
    background-image: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/logo/logo-15-s.png);
}

.bank-logo-s[data-bank="臺灣企銀"]:before {
    background-image: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/logo/logo-16-s.png);
}

.bank-logo-s[data-bank="星展銀行"]:before {
    background-image: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/logo/logo-17-s.png);
}

.bank-logo-s[data-bank="第一銀行"]:before {
    background-image: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/logo/logo-18-s.png);
}

.bank-logo-s[data-bank="渣打銀行"]:before {
    background-image: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/logo/logo-19-s.png);
}

.bank-logo-s[data-bank="樂天信用卡"]:before {
    background-image: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/logo/logo-21-s.png);
}

.bank-logo-s[data-bank="彰化銀行"]:before {
    background-image: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/logo/logo-22-s.png);
}

.bank-logo-s[data-bank="元大銀行"]:before {
    background-image: url(https://event.cdn-gunnarworks.com/events/ez-creditcard/logo/logo-23-s.png);
}

.card-pay-note {
    padding: 0.8rem 1.2rem;
    text-align: start;
    font-size: 0.9375em;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.card-pay-note>i {
    color: var(--bs-gray-600);
    font-style: normal;
    font-weight: 600;
}

/*-------------------- 分期0利率 #card-pay END --------------------*/

/*-------------------- 線上付款Q&A #card-qa --------------------*/

#card-qa {
    --main-color: #03b960;
}

.card-qa-sec {
    padding: 1.8rem 1rem;
    background-color: #fff;
    border-radius: var(--b-round);
}

.card-qa-content {
    margin-bottom: 2rem;
}

.card-qa-content>li:nth-child(odd) {
    color: var(--main-color);
    line-height: 1.35;
    font-size: 1.25em;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.card-qa-content>li:nth-child(odd)::before {
    content: '\e94c';
    font-family: 'Material Symbols Outlined';
    font-size: 1.25em;
    font-weight: normal;
    vertical-align: sub;
    margin-right: 0.2rem;
}


.card-qa-content>li:nth-child(even) {
    margin-bottom: 1.2rem;
}

.card-qa-phone {
    display: block;
    font-size: 0.9375rem;
    border: 1px solid var(--bs-gray-300);
    border-radius: var(--b-round);
    padding: 1rem 1.2rem;
}

.card-qa-phone>ol {
    color: var(--main-color);
    font-size: 1rem;
    font-weight: 600;
    padding-inline-start: 0;
    /* text-indent: -1.5rem; */
}

.card-qa-phone>ol::before {
    content: '\e61d';
    font-family: 'Material Symbols Outlined';
    font-size: 1.2em;
    vertical-align: middle;
    margin-right: 0.35rem;
}

.card-qa-phone>li::before {
    content: '‧ ';
}

@media screen and (min-width:992px) {
    .card-qa-phone>li {
        display: inline-block;
        width: 48%;
    }
}

@media screen and (max-width:767px) {
    .card-qa-content {
        padding-inline-start: 0.5rem;
    }
}



/*-------------------- 線上付款Q&A #card-qa END --------------------*/

/*-------------------- 注意事項 #tte_note --------------------*/

.note_list {
    background: url(https://event.cdn-gunnarworks.com/events/travelfair/202305/note_icon01.png) no-repeat left 8px;
    padding-left: 24px;
    margin-bottom: 5px;
}

.note_list_content {
    background: url(https://event.cdn-gunnarworks.com/events/travelfair/202305/note_icon02.png) no-repeat left 6px;
    padding-left: 20px;
}

.note_content_item {
    background: url(https://event.cdn-gunnarworks.com/events/travelfair/202305/note_icon02.png) no-repeat left 7px;
    padding-left: 15px;
    font-size: 0.9375rem;
    margin-bottom: 2px;
}

/*-------------------- 電梯 .fix-menu --------------------*/

.fix-menu {
    width: 100px;
    position: fixed;
    top: 40%;
    right: 0;
    transform: translateY(-50%);
    z-index: 999;
}

.fix-menu ul,
.fix-menu ul li {
    display: block;
    width: 100%;
    padding: 0;
}

.fix-menu ul li>a {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 0.875rem;
    padding: 0.35rem;
    color: #FFF;
    text-decoration: none;
    background-color: rgba(102, 110, 118, 0.9);
    border-bottom: 1px solid #828a90;
    transition: var(--transition-com);
}

.fix-menu ul li>a:hover {
    background-color: var(--bs-gray-700);
}

.fix-menu ul li:first-of-type>a {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    padding-top: 0.6rem;
}

.fix-menu ul li:last-of-type>a {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    padding-bottom: 0.6rem;
    border-bottom: none;
}

.fix-menu ul li.go-top>a {
    background-color: var(--bs-gray-700);
}

.btn_top {
    position: fixed;
    bottom: 100px;
    right: 5px;
    z-index: 999;
}

@media screen and (max-width:767px) {
    .fix-menu {
        display: none;
    }

    .btn_top {
        right: 0;
    }
}

/*-------------------- 銀行標語 #tte_note --------------------*/

.bank-slogan-bar {
    background-color: var(--bs-gray-600);
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding: 0.3rem;
}

.bank-slogan-bar p {
    font-size: 12px;
    margin-bottom: 0;
}

.txt-nopoint {
    list-style-type: none !important;
}