﻿.vas-desc {margin-bottom: 3rem;}
.vas-desc .vas-desc-card {padding: 0; display: flex; flex-direction: column; align-items: center; box-shadow: 0.1rem 0.1rem 0.4rem rgba(0, 0, 0, 0.2);}
.vas-breadcrumb {margin: 1.6rem 0 0 0;}
.vas-breadcrumb ul {margin: 0;}
.vas-breadcrumb li {list-style: none; display: inline-block; font-size: 16px;}
.vas-breadcrumb li a {color: #666;}
.vas-breadcrumb li + li::before {content: "/"; margin: 0 8px 0 2px;}
.vas-desc-card .in-content {width: 100%;}
.vas-desc-card .in-content-top {max-width: 990px; padding: 44px 32px 24px 32px; margin: 0 auto; display: flex;}
.vas-desc-card .in-content-service-icon {width: 180px; margin-right: 25px; display: block; flex: 0 0 auto;}
.vas-desc-card .in-content-txt {flex: 1;}
.vas-desc-card .in-content-txt h2 {font-size: 1.6rem; font-weight: bold; margin-bottom: 1rem;}
.vas-desc-card .in-content-txt p {font-size: 0.9rem;}
.vas-desc-card .in-content-more {font-size: .8rem; text-align: right;}
.vas-desc-card .in-content-bot {background-color: #fafafb; padding: 2rem 0; border-top: 1px solid #e5e5e5;}
.vas-desc-card .in-content-bot h3 {font-size: 1.6rem; font-weight: bold; color: #1e1e1e;}
.vas-desc-card .in-content-bot:has(article) {background-color: #fff;}
.vas-desc-card .in-content-bot article {margin: 0 auto;}
.vas-desc-card .in-content-bot article ul {margin: 0;}
.vas-desc-card .in-content-bot .tab {background: none; margin: 0 4rem; border-bottom: none;}
.vas-desc-card .in-content-bot .tab .tab-container {width: 100%;}
.vas-desc-card .in-content-bot .tab .tab-wrap a {font-size: 1rem; font-weight: bold; color: #4c4c4c; width: 50%; margin: 0; text-align: center; border-bottom: 4px solid #e5e5e5;}
.vas-desc-card .in-content-bot .tab .tab-wrap a:hover {color: #209cff;}
.vas-desc-card .in-content-bot .tab .tab-wrap a.active, .vas-desc-card .in-content-bot .tab .tab-wrap a.current {color: #209cff; border-bottom: 4px solid #209cff;}
.vas-desc-card .in-content-bot .in-page-tab-content {margin: 1rem 3.6rem 0; padding-bottom: 0;}
.vas-desc-card .in-content-bot .in-page-tab-content .card-list {display: flex; justify-content: flex-start; flex-wrap: wrap;}
.vas-desc-card .in-content-bot .in-page-tab-content .card {width: 298px; margin: 10px;}

/* 如果容器裡只有 1、2 張卡片 → 置中 */
.vas-desc-card .in-content-bot .in-page-tab-content .card-list:has(.card:nth-child(1):last-child), .vas-desc-card .in-content-bot .in-page-tab-content .card-list:has(.card:nth-child(2):last-child) {justify-content: center;}

.vas-desc-card .in-content-bot .in-page-tab-content .card-text {padding: 1rem 1rem .4rem 1rem; text-align: center;}
.vas-desc-card .in-content-bot .in-page-tab-content .card h3 {font-size: 1rem; margin-bottom: .4rem; text-align: center;}
.vas-desc-card .in-content-bot .in-page-tab-content .card .card-price {color: #ff874d; font-size: .9rem; line-height: 1.4;}
.vas-desc-card .in-content-bot .in-page-tab-content .card .card-price span {font-size: 1.8rem;}
.vas-desc-card .in-content-bot .in-page-tab-content .card .card-func {background: #209cff; height: auto; margin-top: 0; padding: 0; border-radius: 0 0 .6rem .6rem;}
.vas-desc-card .in-content-bot .in-page-tab-content .card .card-func a {color: #fff; font-size: 0.9rem; padding-top: .4rem; padding-bottom: .4rem; display: block;}
.vas-desc-card .in-content-bot .in-page-tab-content .card .card-func a:hover {font-weight: bold; text-decoration: none;}