/* 卡片分類 tab 列 */
.index-promot-card {padding: 0; margin: 0 auto; width: 1000px; display: flex; flex-direction: column; align-items: center;}
.index-promot-card .tab {background: none; margin: 0 4rem; width: 100%; border-bottom: none;}
.index-promot-card .tab .tab-container {width: 100%;}
.index-promot-card .tab .tab-wrap a {font-size: 1rem; font-weight: bold; color: #4c4c4c; width: 50%; margin: 0; text-align: center; border-bottom: 4px solid #e5e5e5;}
.index-promot-card .tab .tab-wrap a:hover {color: #209cff;}
.index-promot-card .tab .tab-wrap a.active, .index-promot-card .tab .tab-wrap a.current {color: #209cff; border-bottom: 4px solid #209cff;}

/* 卡片-排列 */
.index-promot-card .in-page-tab-content {margin-top: 1rem; padding-bottom: 0;}
.index-promot-card .in-page-tab-content .card-list {display: flex; justify-content: flex-start; flex-wrap: wrap;}
/* 卡片-排列-如果容器裡只有 1、2、3 張卡片 → 置中 */
.index-promot-card .in-page-tab-content .card-list:has(.card:nth-child(1):last-child), .index-promot-card .in-page-tab-content .card-list:has(.card:nth-child(2):last-child), .index-promot-card .in-page-tab-content .card-list:has(.card:nth-child(3):last-child) {justify-content: center;}

/* 卡片內容-共用 */
.index-promot-card .in-page-tab-content .card {width: 238px; margin: 6px; box-shadow: 0rem 0rem 0.4rem rgba(0, 0, 0, 0.25);}
.index-promot-card .in-page-tab-content .card .coner-tag {position: absolute; top: 0; left: 0; font-family: Noto Sans TC; font-size: 13px; font-weight: normal; color:#fff; padding: 2px 12px; border-radius: 0 0 20px 0; z-index: 9;}
.coner-tag-orange {background: linear-gradient(116deg, rgba(252,175,21,1) 1%,rgba(255,123,59,1) 50%);}
.coner-tag-blue {background: linear-gradient(116deg, rgb(107, 180, 249) 1%,rgb(63, 166, 255) 50%);}

.index-promot-card .in-page-tab-content .card .card-text {padding: 1.6rem 1rem .4rem 1rem;min-height: 180px;text-align: center;display: flex;justify-content: center;align-items: center;}
.index-promot-card .in-page-tab-content .card h3 {font-size: 1.2rem; font-weight: bold; text-align: center;}
.index-promot-card .in-page-tab-content .card h4 {font-size: .9rem; min-height: 48px; margin-bottom: 0; display: flex; align-items: center;}
.index-promot-card .in-page-tab-content .card h5 {font-size: .8rem; font-weight: bold; display: flex; align-items: baseline;}
.index-promot-card .in-page-tab-content .card .card-price {color: #ff874d; font-size: .9rem; line-height: 1.4;}
.index-promot-card .in-page-tab-content .card .card-price span {font-size: 2rem;}
.index-promot-card .in-page-tab-content .card .card-price-sub {font-size: 0.8rem;}

.index-promot-card .in-page-tab-content .card .card-func {background: #209cff; height: auto; margin-top: 0; padding: 0; border-radius: 0 0 .6rem .6rem;}
.index-promot-card .in-page-tab-content .card .card-func a {color: #fff; font-size: 0.9rem; padding-top: .4rem; padding-bottom: .4rem; display: block;}
.index-promot-card .in-page-tab-content .card .card-func a:hover {font-weight: bold; text-decoration: none;}

/* 卡片內容直式 */
.index-promot-card .in-page-tab-content .card.card-column .card-text {flex-direction: column;}
.index-promot-card .in-page-tab-content .card.card-column .card-logo img {width: auto; height: 100px;}

/* 卡片內容-行動方案 */

/* 卡片內容-HiNet光世代 */

/* 卡片內容-MOD/影視娛樂 */
.index-promot-card .in-page-tab-content .card.card-mod .card-text {min-height: 240px;}

/* 卡片內容-精采生活+ */
.index-promot-card .in-page-tab-content .card.card-vas .card-text {min-height: 240px;}

/* 卡片內容-會員服務 */
.index-promot-card .in-page-tab-content .card.card-member {background-color: #f0f8ff;}
.index-promot-card .in-page-tab-content .card.card-member:hover {background-color: #e5f3ff;}
.index-promot-card .in-page-tab-content .card.card-member .card-text {min-height: 240px; padding-top: 1rem; padding-bottom: 1rem;}
.index-promot-card .in-page-tab-content .card.card-member.card-column .card-logo {margin-bottom: 16px;}
.index-promot-card .in-page-tab-content .card.card-member.card-column .card-logo img {height: 70px;}

/* promot-owl */
.card-list {position: relative; width: 1000px;}
.card-list .owl-carousel .nav-circle-right {right: -8%; height: 44px; width: 44px; box-shadow: 0px 3px 10px rgb(0 0 0 / 25%); }
.card-list .owl-carousel .nav-circle-left {background-color: #fff; background-position: center center; background-size: 20%; left: -8%; height: 44px; width: 44px; opacity: 1; border-radius: 50%; box-shadow: 0px 3px 10px rgb(0 0 0 / 25%);}
.card-list .owl-carousel .nav-circle-right .icon-arrow-right, .card-list .owl-carousel .nav-circle-left .icon-arrow-left {width: 32px; height: 32px; transform: initial;}

/* 找更多 */
.index-find-more {text-align: center; margin-top: 12px;}
.index-find-more a {background: #e4f2ff; margin: 0 auto; padding: 7px 58px; font-size: 16px; font-weight: bold; border-radius: 8px; display: inline-block;}
.index-find-more a:hover {background: #ddefff; text-decoration: none; color: #1b92f3;}

/* 文字漸層色 */
.text-gradient-01 {color: transparent; background: linear-gradient(90deg, #209cff 20%, #41ca95 50%, #ff7b3b 85%); background-clip: text;}