.card-list.vibe {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 24px;
}

.card-list.vibe .common-card {
    flex: 0 0 calc(50% - 12px);
    min-width: 250px;
    box-sizing: border-box;
}

/* 743 以下：改為橫向滑動 */
@media (max-width: 743px) {
    .card-list.vibe {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        margin-bottom: 40px;
    }

    .card-list.vibe .common-card {
        flex: none;
        scroll-snap-align: start;
    }
}
.vibe-item a {
    display: flex;
    flex-direction: column; /* 垂直排列 */
    align-items: center;    /* 水平置中 */
    text-align: center;
}

.vibe-icon {
    display: block;
    margin-bottom: 8px; /* 圖片與文字間距 */
    width: 120px; /* 每個 item 的寬度你自訂 */
}
@media (max-width: 1077px) {
    .vibe-icon {
        display: block;
        margin-bottom: 8px; /* 圖片與文字間距 */
        width: 100px; /* 每個 item 的寬度你自訂 */
    }
}
@media (max-width: 743px) {
    .vibe-area-menu .main-title-row .main-title {
        list-style: none;
        white-space: nowrap;
        width: 100px;
    }
    .vibe-icon {
        display: block;
        margin-bottom: 8px; /* 圖片與文字間距 */
        width: 110px; /* 每個 item 的寬度你自訂 */
    }
}

.vibe-item span {
    display: block;
    white-space: nowrap;
    word-break: break-word;
    font-size:18px;
    line-height:130%;
}
@media (max-width: 576px) {
    .vibe-item span {
        font-size:16px;
    }
}

.skmedia-title-content {
    max-width:100%;
    width:703px;
}
@media (min-width: 744px) {
    .skmedia-title-content {
        width: 911px;
    }
}
@media (min-width: 992px) {
    .skmedia-title-content {
        width:1119px;
    }
}
@media (min-width: 1200px) {
    .skmedia-title-content {
        width: 1128px;
    }
}
@media (min-width: 1440px) {
    .skmedia-title-content {
        width: 1288px;
    }
    .skmedia-title-content {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        align-items: end;
        gap: 8px;
        width: 1288px;
        margin: auto;
    }
}
@media (max-width: 743px) {
    .skmedia-title-area .list-item {
        margin-left: 0;
        margin-right: 0;
    }
    .skmedia-title-area .list-item ul {
        white-space: nowrap;
        gap: 0;
    }
    .skmedia-title-area .list-item.media-tags ul {
        white-space: nowrap;
        gap: 0;
        justify-content: start;
    }
}
.skmedia-area-block .list-item.media-tags ul li {
    padding-left: 16px;
}
@media screen and (min-width: 744px) and (max-width: 991px) {
    .list-item ul {
        justify-content: start;
    }
}
@media (max-width: 743px) {
    .title-left {
        width: 100%;
        flex-direction: column; /* 如果希望 h3 在上，ul 在下 */
        align-items: baseline;     /* 讓內部項目置中 */
        gap: 12px;
    }

    .list-item ul {
        justify-content: center;
    }
}
.vibe-area-menu li {
    list-style: none;
    white-space: nowrap;
    width: 110px;
}
.vibe-area-menu li a {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 20px;
    font-size: 16px;
    line-height: 130%;
    position: relative;
    opacity: 0.6;
}
.vibe-area-menu li i {
    font-size: 60px;
}
.list-item ul {
    display: flex;
    padding: 0;
    padding-bottom: 10px;
    padding-top: 14px;
    margin: 0;
    /*gap: 12px;*/
}
.skmedia-area-block .list-item ul li {
    padding-left: 4px;
}
.skmedia-area-block .list-item ul li:first-child {
    padding-left: 16px;
}
.kv-area iframe {
    width: 100%;
    height: 100% !important;
    overflow: hidden;
}
#div_bank_banner {
    margin-bottom: 0;
    margin-top: 0;
}
.header-main-menu img {
    max-width: 100%;
    width: auto;
    height: 38px;
}
.sticky-header.is-sticky {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    box-shadow: 0 1px 5px 1px rgb(0 0 0 / 5%);
    /*margin-top: 0;*/
    z-index: 999;
    background: var(--header_main_bg_color, #ffffff);
}
.title-left {
    height: 36px;
}
.title-left h3 {
    white-space: nowrap;
    margin: 0;
    font-size: 24px;
    font-weight: 500;
}

.vibe-area-menu .main-title-row {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 12px;
    overflow-x: hidden;
    overflow-y: hidden;
    justify-content: space-between;
}
.vibe-area-menu .main-title-row .main-title {
    list-style: none;
    white-space: nowrap;
    width: 120px;
}
.vibe-area-menu .main-title-row .main-title a {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 20px;
    font-size: 16px;
    line-height: 130%;
    position: relative;
    opacity: 0.6;
}
.vibe-area-menu .main-title-row .main-title a:hover {
    color: rgba(208, 52, 61, 1) !important;
    opacity: 1;
}
.vibe-area-menu .main-title-row .main-title a.active {
    color: rgba(34, 34, 34, 1) !important;
    opacity: 1;
}
.vibe-area-menu .main-title-row .main-title a.active:hover {
    color: rgba(208, 52, 61, 1) !important;
}

.vibe-area-menu .main-title-row .main-title i {
    font-size: 60px;
}
.index-content {
    margin: 0 auto;
    box-sizing: border-box;
}
.grid2-content-r0 {
    padding:0px 24px;
    margin-top:32px;
}
.hero .hero-slider img {
    height: auto;
}
/* Hero-slider */
.hero-slider__arrow{
    width: 40px;
    height: 40px;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #000000;
    color: #000000;
    background: rgba(255, 255, 255, 0.5);
}
.hero-slider__arrow i{
    font-size:24px;
}
.hero-slider__arrow {
    /*top: 50% !important;*/
    transform: translateY(-50%);
}
.grid2-content {
    grid-template-columns:  1fr;
    margin: 140px auto 0;
    max-width:100%;
}
.first-m-top{
    padding-top:148px;
    margin:0;
}
@media(min-width:744px){
    .first-m-top{
        padding-top:168px;
    }
}
@media(min-width:992px){
/*     #media-macy { */
/*         margin-right: 20px; */
/*     } */
    .index-content.noEvent {
        padding-top: 840px !important;
    }
    .first-m-top{
        margin-top:-840px!important;
        padding-top:0;
    }
    .first-m-top .right-layout {
        padding-top: 148px;
    }
}
.last-block {
    padding:0 16px;
    margin:0 auto;
    width:703px;
    max-width:100%;
    margin-top: 60px!important;
    padding-bottom: 80px!important;
}
@media (min-width: 744px) {
    .last-block {
        padding:0 20px;
        max-width:911px;
        padding-bottom: 120px!important;
    }
}
@media (min-width: 951px) {
    .last-block {
        padding:0;
    }
}
@media (min-width: 992px) {
    .last-block {
        padding:24px;
        max-width:1119px;
    }
}
@media (min-width: 1167px) {
    .last-block {
        padding:0;
    }
}
@media (min-width: 1200px) {
    .last-block {
        max-width:1128px;
    }
}
@media (min-width: 1440px) {
    .last-block {
        max-width:1288px;
    }
}
@media (min-width: 744px) {
    .grid2-content {
        margin:auto;
        margin-top: 0;
    }
}
@media (min-width: 992px) {
    .grid2-content {
        grid-template-columns: minmax(272px, 304px) 1fr;
        gap: 40px;
        padding-left:24px;
        padding-right:24px;
        width:1119px;
    }
}
@media (min-width: 1167px) {
    .grid2-content {
        padding-left:0;
        padding-right:0;
    }
}
@media (min-width: 1200px) {
    .grid2-content {
        padding: 0;
        margin:0 auto;
        width:1128px;
        max-width:100%;
    }
}
@media (min-width:1440px) {
    .grid2-content {
        width:1288px
    }
}
@media (max-width: 991px) {
    .grid2-content-r0 {
        padding:0px;
    }
}
@media (max-width: 743px) {
    .grid2-content-r0 {
        padding-left:24px;
    }
}
.swiper-flex-fill {
    display: flex !important;
    justify-content: space-between !important;
}
.div-tab {
    width: auto;
}
.vibe-tab .swiper-wrapper {
    display: flex;
    padding: 0;
    padding-bottom: 10px;
    padding-top: 14px;
    margin: 0;
    gap: 0;
}
.vibe-tab .div-tab {
    color: rgba(34, 34, 34, 1);
    padding-right: 16px;
    padding-left: 16px;
    width: fit-content !important;
    position: relative;
}
.vibe-tab .div-tab a {
    text-align: center;
    position: relative;
    opacity: 0.6;
}
.vibe-tab .div-tab a:hover {
    color: rgba(229, 0, 18, 1)!important;
    opacity:1;
}
.vibe-tab .div-tab a.active {
    opacity: 1;
}
.vibe-tab .div-tab a.active::after {
    content: "";
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: rgba(229, 0, 18, 1);
    top: 28px;
    left: 0;
}
.div-tab::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 14px; /* ✅ 控制線的長度 */
    background-color: rgba(34, 34, 34, 0.6);
    transform: translateY(-50%);
}
.div-tab:last-child::after {
    display: none;
}
.media-tags .div-tab:last-child {
    padding-right: 0;
    margin-right: 0 !important;
}
@media (max-width: 743px) {
    .vibe-tab .swiper-wrapper {
        padding-top: 0;
    }
    .vibe-area {
        padding-left: 20px;
        display: flex;
        flex-direction: column;
        gap: 32px;
        width: 100%;
    }
    .skmedia-area-block {
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        padding: 0 20px;
        max-width:1288px;
    }
}
.article-data-list {
    display:none;
}
.media-tags .div-tab {
    padding-right: 16px;
}
.media-tags .div-tab a {
    text-align: center;
    position: relative;
    opacity: 0.6;
}
.media-tags .div-tab a:hover {
    color:rgba(229, 0, 18, 1)!important;
    opacity: 1;
}
.media-tags .div-tab a.active {
    opacity: 1;
}
.media-tags .div-tab a.active::after {
    content: "";
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: rgba(229, 0, 18, 1);
    top: 28px;
    left: 0;
}
.article-card {
    width: auto;
    min-width: 264px;
}
.index-content .swiper-scrollbar {
    position: absolute;
    bottom: 0; /* 或你希望出現的位置 */
    left: 0;
    width: 100%;
    height: 8px;
    z-index: 10;
    background: rgba(255, 255, 255, 0.2);
}
@media (min-width: 744px) {

    .ecover-area-block  .swiper-scrollbar {
        width: calc(100vw - 48px);
    }
}
@media (min-width: 992px) {
    .ecover-area-block {
        margin: auto;
    }
    .ecover-area-block  .swiper-scrollbar {
        width: calc(100vw - 48px);
    }
}
.bank_ad-block {
    width: 100%;
    margin: auto;
}
@media (min-width: 1200px) {
    .ecover-area-block  .swiper-scrollbar {
        width: 1128px;
    }
}
@media (min-width: 1440px) {
    .ecover-area-block  .swiper-scrollbar {
        width: 1288px;
    }
}
.ecover-swiper {
    margin: 0;
}
.ecover-swiper .article-card  {
    width: 264px;
}
.ecover-swiper .clio_ecover_card {
    max-width: 264px;
}
.ecover-swiper .clio_ecover_card:has(iframe) {
    max-width: 326px !important; /* 你想要的寬度 */
}
.sec-area:last-child {
    margin-bottom: 0;
}
.sec-area {
    display: flex;
    flex-direction: column;
    z-index: 1;
    position: relative;
    overflow-x: auto;
}

.bank_ad-block .slick_center_mode_pd {
    padding: 0 20px;
}
@media (min-width: 1200px) {
    .grid2-content.large {
        margin: 0 auto;
        max-width: 1128px;
    }
    .ecover-swiper .clio_ecover_card {
        max-width: calc((100% - (24px * 3)) / 4) !important;
    }
}
@media (min-width: 1440px) {
    .grid2-content.large {
        margin: 0 auto;
        max-width: 1288px;
    }
}
@media (max-width: 1200px) {
    .article-card {
        width: auto;
        min-width: 210px;
    }
}
.kv-des-wrapper {
    padding: 12px 0 12px;
}

.inCover .kv-des {
    text-align: justify;
    padding: 20px;
    font-size: 24px;
    line-height: 1.48;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 98px;
}
@media (min-width: 744px) {
    .inCover .kv-des {
        line-height:2.2;
        padding:0 20px 0;
        -webkit-line-clamp: 1;
        height: 55px;
    }
}
@media (min-width: 744px) {
    .article-skmedia-s .card-title {
        -webkit-line-clamp: none;
        display: -webkit-box;
        text-align: justify;
        -webkit-box-orient: vertical;
        white-space: normal;
        Overflow: hidden;
    }
}
@media (max-width: 743px) {
    .article-skmedia-s .card-title {
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
        display: -webkit-box;
        text-align: left;
        -webkit-box-orient: vertical;
        white-space: normal;
        overflow: hidden;
        overflow-wrap: anywhere;
    }
    .kv-des-wrapper {
        padding: 0;
        padding-bottom:16px;
    }
}
.media-block-s .card-des {
    /* 多行省略設定 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;          /* 顯示三行 */
}
.single-col-vibe {
    margin-top: 60px !important;
    padding-left: 20px;
}
.vibe-content .swiper-wrapper,
.media-swiper-pad .swiper-wrapper,
.media-swiper-mobile .swiper-wrapper{
    margin-bottom: 20px;
}
.vibe-tab {
    min-height: 50px;
    overflow-y:hidden;
}
.kv-des-content {
    flex: 1;
    padding: 0;
    min-width: 210px;
}
.kv-des {
    font-size: 16px;
    line-height: 148%;
}
.kv-area button {
    margin: 24px auto 0 auto !important;
}
@media (min-width: 992px) and (max-width: 1148px) {
    .kv-des-block {
        padding: 0 30px;
    }
}
.kv-img {
    order: 1;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (min-width: 1200px) {
    /*      .kv-img { */
    /*         max-height: 460px; */
    /*     } */
}
@media (max-width: 991px) {
    .kv-des-content {
        padding: 20px;
        min-width: 210px;
        width:100%;
    }
}
.kv-title {
    font-size: 24px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;          /* 顯示三行 */
}
@media (min-width: 992px) {
    .kv-title {
        -webkit-line-clamp: 3;
    }
}
.kv-des {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;          /* 顯示三行 */
}
@media(min-width:992px){
	.kv-des {
    -webkit-line-clamp: 4;
}	
}
.unevent-kv {
    padding: 0 20px;
}
.p-lr-20 {
    padding: 0 20px !important;
}
.sticky-header.is-sticky {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    margin: 28px 0 0;
    z-index: 999;
    height:80px;
}
@media(min-width:1200px){
    .sticky-header.is-sticky {
        height:92px;
    }
}
.skmedia-title-area img {
    display: block;
    height: 52px;
    width: auto;
    max-width: 100vw;
    object-fit: contain;
}
.skmedia-area-block .skmedia-title-area {
    padding-right: 20px;
    padding-left: 20px;
    max-width:100%;
}
@media (min-width: 744px) {
    .skmedia-area-block .d-lg-block .grid2-content.large {
        padding-right: 20px;
        padding-left: 20px;
        width:951px;
    }
    .skmedia-area-block .skmedia-title-area{
        padding-right: 20px;
        padding-left: 20px;
    }
}
@media (min-width: 992px) {
    .skmedia-area-block .d-lg-block .grid2-content.large {
        padding-right: 24px;
        padding-left: 24px;
        width:1119px;
    }
    .skmedia-area-block .skmedia-title-area{
        padding-right: 24px;
        padding-left: 24px;
    }
}
@media (min-width: 1167px) {
    .skmedia-area-block .d-lg-block .grid2-content.large {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (min-width: 1200px) {
    .skmedia-area-block .d-lg-block .grid2-content.large {
        width:1128px;
    }
}
@media (min-width: 1440px) {
    .skmedia-area-block .d-lg-block .grid2-content.large {
        width:1288px;
    }
}
.skmedia-area-block .d-md-block .top_media {
    padding-right: 24px;
    padding-left: 24px;
    margin-top:0!important;
}
/* .skmedia-area-block .d-md-block .card-list {
    margin-left: 16px;
} */
@media (min-width: 992px) {
    .single-col-vibe .vibe-area-menu {
        padding-right: 0;
    }
}
@media (min-width: 744px) {
    .single-col-vibe .vibe-area-menu {
        padding-right: 20px;
    }
    .skmedia-area-block {
        padding: 0 !important;
    }
    .skmedia-area-block .d-md-block .top_media {
        padding-right: 20px;
        padding-left: 20px;
    }
    .skmedia-area-block .d-md-block .card-list {
        margin-left: 20px;
    }
    .skmedia-area-block .media-swiper-mobile {
        padding-right: 24px;
    }
    .skmedia-area-block .d-md-block .swiper-scrollbar {
        width: calc(100vw - 48px);
    }
    .ecover-area-block  .swiper-container {
        padding-right: 24px;
    }
}
@media(min-width:992px){
    .skmedia-area-block .d-md-block .top_media {
        padding-right: 24px;
        padding-left: 24px;
    }
    .skmedia-area-block .d-md-block .card-list {
        margin-left: 24px;
    }
}
@media (max-width: 743px) {
    .skmedia-area-block .top_media {
        padding-right: 20px;
    }
    .skmedia-area-block {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .skmedia-area-block .d-md-none .card-list {
        margin-left: 20px;
        margin-bottom:0;
    }
    .vibe-area-menu .vibe-title-swiper,
    .skmedia-area-block .media-swiper-mobile,
    .ecover-area-block  .swiper-container,
    .vibe-area .vibe-area-menu .vibe-content .d-md-none .swiper-container {
        padding-right: 20px;
    }
    .skmedia-area-block .media-swiper-mobile .swiper-scrollbar,
    .ecover-area-block  .swiper-scrollbar,
    .vibe-area .vibe-area-menu .vibe-content .swiper-scrollbar{
        width: calc(100vw - 40px);
    }
    .vibe-area .title-block,
    .vibe-area .vibe-area-menu .d-md-none .vibe-title-swiper,
    .vibe-area .vibe-area-menu .vibe-content .vible-title-area
    {
        margin-right: 20px;
    }
    .vibe-area {
        padding-right: 0 !important;
    }
    .card-swiper .swiper-slide:last-child {
        margin-right: 0 !important;
    }
}
.vibe-area {
        width:896px;
        max-width:100%;
    }
.p-tb-0-i {
    padding: 0 !important;
}

.slider-dot .slick-dots {
    display: flex;
    margin-top: 16px!important;
    justify-content: center;
    gap: 8px;
}
.ecover-block .swiper-slide {
    max-width: 264px; /* 和 iframe 最大寬度一致 */
    width: 100%;
    box-sizing: border-box;
}
.ecover-swiper.swiper-container {
    padding-bottom: 24px; /* 預留空間給 scrollbar */
    box-sizing: border-box;
}
.ecover-swiper.swiper-container iframe {
    margin-bottom: 0 !important;
}
.ecover-block .swiper-slide:last-child {
    margin-right: 0 !important;
}
.ecover-swiper .swiper-scrollbar {
    bottom: 0; /* 貼底 */
}
@media (min-width: 992px) {
    .index-banner--left {
        left: 31%;
    }
    .index-banner--right {
        right: 2%;
    }
}
@media (max-width: 991px) {
    .index-banner--left {
        left: 2%;
    }
    .index-banner--right {
        right: 2%;
    }
}
.ecover-block{
    max-width:100%;
}
@media(min-width:1280px){
    .ecover-block{
        max-width:1128px;
    }
}
@media(min-width:1440px){
    .ecover-block{
        max-width:1288px;
    }
}
.d-md-none .ecover-block{
    padding-right: 20px;
}
.d-md-none .ecover-block iframe {
    max-width:  calc(100vw - 40px) !important;
    width:  calc(100vw - 40px);
}
#div_bank_banner button.hero-slider__arrow--left{
	position: absolute;
    left: 0px !important;
    bottom: 50%;
    z-index:1;
}
#div_bank_banner button.hero-slider__arrow--right{
	position: absolute;
    right: 0px;
    bottom: 50%;
}