:root {
    /* 字級系統（會隨螢幕寬度在 min~max 間流動） */

    /* 大標：手機約 24px，桌機約 28px */
    --fs-heading-lg: clamp(24px, 3vw + 8px, 28px);

    /* 小標 / 卡片標題：手機約 16px，桌機約 18px */
    --fs-heading-md: clamp(16px, 2vw + 4px, 18px);

    /* 主要內容文字：手機約 14px，桌機約 16px（保證不小於 14px） */
    --fs-body: clamp(14px, 1.2vw + 4px, 16px);

    /* 次要文字：手機約 12px，桌機約 14px（>= 約 900px 實際就會到 14px，符合「桌機最小 14px」） */
    --fs-body-sm: clamp(12px, 1.5vw + 0.5px, 14px);
}

/* ========= Font size utility classes ========= */
/* 大標（桌機約 28px、手機約 24px） */
.fs-heading-lg {
    font-size: var(--fs-heading-lg);
}

/* 小標 / 卡片標題（桌機約 18px、手機約 16px） */
.fs-heading-md {
    font-size: var(--fs-heading-md);
}

/* 一般內文（桌機約 16px、手機約 14px，保證不小於 14px） */
.fs-body {
    font-size: var(--fs-body);
    line-height: 1.8;
}

/* 次要小字（桌機約 14px、手機約 12px） */
.fs-body-sm {
    font-size: var(--fs-body-sm);
}

.yrs_content {
    overflow: hidden;
}

/* ====== 主 CSS：contact-bar ====== */
.contact-bar {
    background: #fff;
}

.contact-bar__logo {
    height: auto;
    width: 100%;
    max-width: 300px;
    display: block;
    margin: auto;
}

.contact-bar__brandName {
    font-weight: 900;
    font-size: 44px;
    line-height: 1;
    color: #0a57a5;
    /* 近似截圖藍 */
    letter-spacing: .5px;
}

.contact-bar__headline {
    /*font-size: var(--fs-heading-lg);*/
    font-weight: 800;
    color: #111;
    line-height: 1.25;
}

/* 三格間距在截圖看起來是緊貼但有一點空 */
.contact-bar__grid {
    align-items: stretch;
}

.contact-tile {
    border-radius: 0;
    text-decoration: none !important;
    overflow: hidden;
    /*box-shadow: 0 10px 20px rgba(0, 0, 0, .08);*/
}

.contact-tile__top {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 14px;
    color: #fff;
    font-weight: 900;
    letter-spacing: .5px;
}

.contact-tile__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    /*background: rgba(255, 255, 255, .22);*/
    margin-right: 10px;
    font-size: 18px;
}

.contact-tile__title {
    /*font-size: var(--fs-heading-lg);*/
    line-height: 1;
    white-space: nowrap;
}

.contact-tile__title--mono {
    font-variant-numeric: tabular-nums;
    letter-spacing: 1px;
}

.contact-tile__sub {
    background: #fff;
    color: #555;
    text-align: center;
    padding: 14px 12px 16px;
    /*font-size: var(--fs-heading-md)*/
    ;
    line-height: 1.35;
}

.contact-tile--blue .contact-tile__top {
    background: var(--brand-blue02);
}

.contact-tile--orange .contact-tile__top {
    background: var(--brand-orange01);
}

.contact-tile--green .contact-tile__top {
    background: #62b23a;
}

/* Hover */
.contact-tile:hover {
    transform: translateY(-1px);
    transition: transform .12s ease, box-shadow .12s ease;
    box-shadow: 0 14px 28px rgba(0, 0, 0, .10);
}

/* RWD 微調字級 */
@media (max-width: 991.98px) {
    .contact-bar__brandName {
        font-size: 40px;
    }

    .contact-bar__headline {
        font-size: 22px;
    }

    .contact-tile__title {
        font-size: 28px;
    }

    .contact-tile__sub {
        font-size: 16px;
    }
}

.more-btn.blue-type {
    background-color: #005eac;
}

.more-btn.blue-type:hover {
    color: #ffffff;
}

.contact-tile__icon i {
    font-size: 34px;
}

/* 數字徽章（套在 .btn-map 裡） */
.btn-map {
    position: relative;
    /* 留空間給數字 */
    font-weight: 700;
}

.btn-map .badge-num {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    min-width: 26px;
    height: 26px;
    padding: 0 6px;
    border-radius: 999px;
    /*background: rgba(255,255,255,.25);*/
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    /*box-shadow: inset 0 0 0 1px rgba(255,255,255,.35);*/
}

/*-----------------------------------------*/

@media (min-width: 768px) {
    .yrs_content .section02 .pc_map .btn-map01 {
        top: 15%;
        right: 69%;
    }

    .yrs_content .section02 .pc_map .btn-map02 {
        top: 28%;
        left: 18%;
    }

    .yrs_content .section02 .pc_map .btn-map03 {
        top: 41%;
        left: 18%;
    }

    .yrs_content .section02 .pc_map .btn-map04 {
        top: 54%;
        left: 18%;
    }

    .yrs_content .section02 .pc_map .btn-map05 {
        top: 67%;
        left: 18%;
    }

    .yrs_content .section02 .pc_map .btn-map06 {
        top: 80.5%;
        left: 18%;
    }

    .yrs_content .section02 .pc_map .btn-map07 {
        top: 15%;
        right: 14%;
    }

    .yrs_content .section02 .pc_map .btn-map08 {
        top: 28%;
        right: 14%;
    }

    .yrs_content .section02 .pc_map .btn-map09 {
        top: 41%;
        right: 14%;
    }

    .yrs_content .section02 .pc_map .btn-map10 {
        top: 54%;
        right: 14%;
    }

    .yrs_content .section02 .pc_map .btn-map11 {
        top: 67%;
        right: 14%;
    }

    .yrs_content .section02 .pc_map .btn-map12 {
        top: 80.5%;
        right: 14%;
    }
}

.yrs_content .content-section .content-section-inner .content-section-item .service-item .img-wrap .img-item {
    padding-top: calc(100% - clamp(5px, 1.5vw + 0.5px, 10px));
}

@media(min-width: 992px) {
    .yrs_content .content-section .content-section-inner .content-section-item .service-item .img-wrap {
        max-width: 200px;
        margin: 0 auto 20px auto;
    }
}

.contact-tile__top img {
    width: 100%;
    max-width: 45px !important;
}

.left-list_ver .contact-tile__sub {
    padding: 14px 0px 16px;
}

.left-list_ver .contact-tile__top img {
    width: 100%;
    max-width: 28px;
}

/* ===== Store grid ===== */
.store-grid__city {
    font-size: 44px;
    font-weight: 900;
    color: #111;
    letter-spacing: 1px;
}

.store-grid__city span {
    font-size: 44px;
    font-weight: 900;
    color: #111;
    letter-spacing: 1px;
}

/* 卡片本體（整張可點） */
.store-card {
    display: block;
    text-decoration: none !important;
    color: inherit;
    border-radius: 0;
    overflow: hidden;
    /*box-shadow: 0 10px 18px rgba(0, 0, 0, .10);*/
    transition: transform .12s ease, box-shadow .12s ease;
}

/* 上方色塊 */
.store-card__head {
    padding: 22px 22px 18px;
    color: #fff;
    line-height: 1.05;
}

.store-card__head--blue {
    background: var(--brand-blue02);
}

.store-card__head--orange {
    background: var(--brand-orange01);
}

.store-card__name {
    font-size: 42px;
    font-weight: 900;
    letter-spacing: 1px;
}

.store-card__area {
    margin-top: 6px;
    font-size: 18px;
    font-weight: 800;
    opacity: .95;
}

/* 橘色那張字看起來偏黃亮：可做 accent */
.store-card__name--accent,
.store-card__area--accent {
    color: #ffd84a;
}

/* 下方灰底資訊 */
.store-card__body {
    background: #f3f3f3;
    padding: 18px 22px 22px;
    font-size: 15px;
    line-height: 1.9;
    color: #222;
}


/* 小螢幕微調 */
@media (max-width: 767.98px) {
    .store-grid__city span {
        font-size: 34px;
    }

    .store-card__name {
        font-size: 34px;
    }
}

.store-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 28px rgba(0, 0, 0, .06);
}

.store-card:hover .store-card__head--blue {
    background: #f05a23;
}

.store-card:hover .store-card__head--blue .store-card__name,
.store-card:hover .store-card__head--blue .store-card__area {
    color: #ffd84a;
}

.store-card:hover .store-card__body {
    background: #ffffff;
    transition: transform .12s ease, box-shadow .12s ease;
}

.store-search-bar {
    background: var(--brand-blue02);
    padding: 22px 0;
}

.search-title {
    color: #fff;
    font-size: 28px;
    font-weight: 900;
    letter-spacing: 2px;
}

.search-select {
    height: 48px;
    border-radius: 4px;
    font-weight: 700;
}

.search-btn {
    background: var(--brand-orange01);
    color: #fff;
    font-weight: 900;
    height: 48px;
    padding: 0 28px;
    border-radius: 4px;
}

.search-btn:hover {
    background: var(--brand-orange02);
}

/* 搜尋/地圖點到後高亮 */
.store-card.is-hit {
    box-shadow: 0 0 0 4px rgba(240, 90, 35, .35), 0 16px 28px rgba(0, 0, 0, .14);
    transform: translateY(-2px);
}

/* 隱藏卡片/區塊用 */
.is-hidden {
    display: none !important;
}

/* 標題顯示「台北市 南港區」中的區名 */
.store-grid__city .district-text {
    margin-left: 14px;
    font-weight: 900;
}

/* 可選：被選中的地圖按鈕高亮 */
.btn-map.is-active {
    filter: brightness(1.05);
    box-shadow: 0 0 0 3px rgba(240, 90, 35, .25);
}

/*--------------------------------網站改色系-----------------------------------*/

:root {
    --brand-orange01: #f15a24;
    --brand-orange02: #f7851e;
    --brand-blue01: #0240a0;
    --brand-blue02: #005eac;
}

a {
    color: var(--brand-blue02);
}

.text-brand-blue02 {
    color: var(--brand-blue02);
}

.breadcrumb {
    background: #F0F0F0;
}

.yrs_content .map-detail .map-detail-title h2,
.yrs_content .map-detail .map-detail-cus02 h2,
.yrs_content .map-detail .map-detail-section05 .title h3,
.yrs_content .map-detail .map-detail-section04 .title h3,
.aboutbox .box-title,
.yrs_content .content-section02 h2 {
    color: var(--brand-blue02);
}

.yrs_content .map-detail .map-detail-cus02 .map-border {
    background: var(--brand-blue02);
}

.yrs_content .map-detail .map-detail-cus {
    background: var(--brand-blue02);
}

.yrs_content .map-detail .map-detail-cus02 .map-border {
    border: 5px solid var(--brand-blue02);
}

.yrs_content .map-detail .map-detail-cus ul li img,
.yrs_content .map-detail .map-detail-cus02 ul li img {
    filter: brightness(1.2);
}

.yrs_content .map-detail .map-detail-section02 .map-detail-section02-item .custom-detail-btn {
    background: var(--brand-orange01);
}

.yrs_content .map-detail .map-detail-section02 {
    background: #F0F0F0;
}

.yrs_content .map-detail .map-detail-table .map-detail-table-item table tbody {
    border: var(--brand-blue01);
}

.yrs_content .map-detail .map-detail-table .map-detail-table-item table tbody tr td {
    border: 2px solid var(--brand-blue02);
}

.yrs_content .map-detail .map-detail-cus02:before {
    background: var(--brand-blue02);
}

@media (min-width: 768px) {
    .yrs_content .map-detail .map-detail-cus02:before {
        background: var(--brand-blue02);
    }
}

.btn-comment {
    background-color: var(--brand-orange01);
}

.btn-comment:hover {
    background-color: var(--brand-orange02);
}

.footer {
    background: var(--brand-blue02);
}

.footer .footer-body .footer-item ul li a:hover {
    color: var(--brand-orange02);
}

.yrs_content .content-section02 .about-item .img-wrap .img-item {
    border: 5px solid var(--brand-orange01);
}

.yrs_content .content-section02 .about-item .about-title {
    color: var(--brand-orange02);
}

a:hover {
    color: var(--brand-blue01);
}

.more-btn {
    background-color: var(--brand-orange01);
}

.more-btn:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: var(--brand-orange02);
}

.more-btn.blue-type {
    background-color: var(--brand-blue01);
}

.more-btn.blue-type:hover {
    text-decoration: none;
    background-color: var(--brand-blue02);
}

.yrs_content .left-list-title {
    color: var(--brand-blue02);
    border-bottom: 3px solid var(--brand-blue02);
}

.yrs_content .left-list ul li:hover a,
.yrs_content .left-list ul li.active a {
    background: var(--brand-blue02);
}

.yrs_content .content-section .content-section-inner .content-section-item h2 {
    color: var(--brand-blue02);
}

.yrs_content .content-section .content-section-inner .content-section-item h3 {
    color: var(--brand-orange01);
}

.yrs_content .content-section .content-section-inner .content-section-item .service-item .img-wrap .img-item {
    border: 5px solid var(--brand-orange01);
}

.yrs_content .content-section .content-section-inner .content-section-item .service-step-item .row .col-md-2 span {
    color: var(--brand-orange01);
}

.yrs_content .content-section .content-section-inner .content-section-item .content-section-word .about-btn-more {
    border: 1px solid var(--brand-blue02);
}

.yrs_content .content-section .content-section-inner .content-section-item .content-section-word .about-btn-more:hover {
    background-color: var(--brand-blue02);
}

.yrs_content .left-list ul li a:after {
    filter: hue-rotate(6deg) saturate(115%) brightness(100%);
}

.yrs_content .content-section .content-section-title .orange-point {
    background: var(--brand-orange01);
}

.yrs_content .left-list ul li a:before {
    filter: brightness(1.05) contrast(1.04) saturate(1.08);
}

.yrs_content .content-section .qa-item .qa-tab_cont .qa-tab_item_top {
    background: #F0F0F0;
    border: 1px solid #F0F0F0;
}

.yrs_content .content-section .qa-item .qa-tab_cont .qa-tab_item_top:before {
    filter: hue-rotate(6deg) saturate(115%) brightness(100%);
}

.yrs_content .content-section .qa-item:hover .qa-tab_cont .qa-tab_item_top {
    background-color: #DDF0FF;
    transition: transform .12s ease, box-shadow .12s ease;
}

.yrs_content .content-section .qa-item .qa-tab_cont.active_top .qa-tab_item_top {
    background-color: var(--brand-blue02);
}

.yrs_content .cus-list h2 {
    color: var(--brand-blue02);
}

.yrs_content .cus-list .row:before {
    background: var(--brand-blue02);
}

@media (min-width: 768px) {
    .yrs_content .cus-list .row:before {
        background: var(--brand-blue02);
    }
}

.yrs_content .cus-list .map-border {
    border: 5px solid var(--brand-blue02);
}

.yrs_content .cus-list ul li img {
    filter: brightness(1.2);
}

.yrs_content .content-section .content-section-inner .content-section-item.title-item .inner.left_b1 {
    background: var(--brand-orange01);
}

.yrs_content .content-section .content-section-inner .content-section-item.title-item .inner.left_b1:before {
    border-color: var(--brand-orange01) transparent transparent transparent;
}

.yrs_content .content-section .content-section-inner .content-section-item.title-item .inner.right_b1 {
    background: var(--brand-blue01);
}

.yrs_content .content-section .content-section-inner .content-section-item.title-item .inner.right_b1:before {
    border-color: var(--brand-blue01) transparent transparent transparent;
}

/* ========================================= Price Table ================================================ */

.yrs_content .map-detail .map-detail-table .map-detail-table-item table tbody {
    border: 0px solid none;
}

.yrs_content .map-detail .map-detail-table .map-detail-table-item table tbody tr td {
    /*border: 0px solid ;*/
}

.yrs_content .map-detail .map-detail-table .map-detail-table-item table tbody tr:first-child {
    background: #fff;
}

.yrs_content .map-detail .map-detail-table .map-detail-table-item table tbody tr:first-child td {
    color: inherit;
    /*padding: inherit;*/
}

.yrs_content .map-detail .map-detail-table .map-detail-table-item table tbody tr:first-child td:nth-child(4) {
    background: #fff;
    color: inherit;
}

.yrs_content .map-detail .map-detail-table .map-detail-table-item table tbody tr:first-child td:nth-child(5) {
    background: #FFD7CD;
}

.yrs_content .map-detail .map-detail-table .map-detail-table-item table tbody tr td:nth-last-child(1) {
    background: #FFD7CD;
}

/*-----------------*/

/*.yrs_content .map-detail .map-detail-table .map-detail-table-item .price-table .price-table__wrap thead {
    border: 5px solid #024080;
}*/

.yrs_content .map-detail .map-detail-table .map-detail-table-item .price-table .price-table__wrap thead tr th {
    border-top: 0px solid var(--brand-blue01);
    border-left: 2px solid var(--brand-blue02);
    border-right: 2px solid var(--brand-blue02);
    border-bottom: 2px solid var(--brand-blue01);
}

.yrs_content .map-detail .map-detail-table .map-detail-table-item .price-table .price-table__wrap thead tr:first-child {
    background: var(--brand-blue01);
}

.yrs_content .map-detail .map-detail-table .map-detail-table-item .price-table .price-table__wrap thead tr:first-child th {
    color: #fff;
    padding: 20px 0;
    text-align: center;
    border-left: 2px solid var(--brand-blue01);
}

.yrs_content .map-detail .map-detail-table .map-detail-table-item .price-table .price-table__wrap thead tr:first-child th:nth-child(4) {
    background: var(--brand-blue02);
    color: #ffff00;
}

.yrs_content .map-detail .map-detail-table .map-detail-table-item .price-table .price-table__wrap thead tr:first-child th:nth-child(5) {
    background: var(--brand-orange01);
    border-right: 2px solid var(--brand-blue01);
}

.price-table {
    --pt-bg: #ffffff;
    --pt-text: #111;
    --pt-muted: #666;
    margin: 0 0 18px;
    border: 4px solid #0240a0;
}

.price-table__title {
    background: var(--brand-blue01);
    color: #fff;
    text-align: center;
    font-weight: 900;
    font-size: 18px;
    letter-spacing: 1px;
    padding: 10px 12px;
    border: 0px solid var(--pt-border);
    border-bottom: 0;
    border-bottom: 1px solid #ffffff;
}

/*.price-table__wrap{
  border: 3px solid var(--pt-border);
  background: var(--pt-bg);
}*/

.pt {
    width: 100%;
    border-collapse: collapse;
    color: var(--pt-text);
}

.pt th,
.pt td {
    border: 1px solid rgba(1, 152, 205, .45);
    padding: 12px 12px;
    vertical-align: middle;
}

.pt thead th {
    /*background:#fff;*/
    font-size: 16px;
    font-weight: 900;
    text-align: left;
}

.pt thead th.pt__size,
.pt thead th.pt__price {
    color: var(--pt-orange);
}

.pt__product {
    width: 18%;
}

.pt__media {
    width: 18%;
    text-align: center;
}

.pt__media-link {
    display: inline-block;
    text-decoration: none;
}

.pt__img {
    width: 170px;
    height: 150px;
    object-fit: contain;
    display: block;
    margin: 0 auto 8px;
}

.pt__icon {
    width: 115px;
    height: 24px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

/* 數字欄位更像報價表 */
.pt tbody td:nth-child(3),
.pt tbody td:nth-child(4),
.pt tbody td:nth-child(5) {
    white-space: nowrap;
    font-weight: 700;
}

/* ===== RWD：手機變成可橫向滑動，不會擠爆 ===== */
@media (max-width: 767.98px) {
    .price-table__wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .pt {
        min-width: 780px;
        /* 讓表格在小螢幕可以滑 */
    }
}

.pt__media-text {
    display: inline-block;
    padding: 10px 12px;
    border: 1px solid rgba(1, 152, 205, .45);
    border-radius: 6px;
    font-weight: 900;
    color: #0a5fa3;
    text-decoration: none !important;
    background: #fff;
}

.pt__media-text:hover {
    background: rgba(1, 152, 205, .06);
}

/*---------------------------------*/


/*======================== 企業 / 商用 ============================*/

.for-business {
    padding: 40px 0 50px;
}

.for-business__head {
    margin-bottom: 26px;
}

.for-business__kicker {
    color: var(--brand-blue02);
    font-weight: 700;
    font-size: var(--fs-heading-md);
    letter-spacing: .06em;
}

.for-business__title {
    color: var(--brand-blue02);
    font-weight: 900;
    font-size: 44px;
    line-height: 1.2;
    margin-top: 6px;
}

.for-business__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.for-business__tag-text {
    font-size: var(--fs-heading-lg);
    font-weight: 900;
    color: #111;
}

.for-business__dot {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: var(--brand-orange01);
    display: inline-block;
    margin-right: 10px;
}

.for-business__divider {
    height: 2px;
    background: var(--brand-blue02);
    margin-top: 12px;
}

.for-business__content {
    margin-top: 10px;
}

.for-business__photo-wrap {
    /* 讓圖片看起來更像截圖那種乾淨版面 */
    background: #fff;
}

.for-business__photo {
    width: 100%;
    height: auto;
    display: block;
}

.for-business__subtitle {
    color: var(--brand-blue02);
    font-weight: 900;
    font-size: var(--fs-heading-lg);
    ;
    margin-bottom: 12px;
}

.for-business__desc {
    color: #222;
    line-height: 1.9;
    font-size: var(--fs-body);
}


/* RWD */
@media (max-width: 991.98px) {
    .for-business__title {
        font-size: 34px;
    }

    .for-business__subtitle {
        font-size: 26px;
    }

    .for-business__cta-placeholder {
        /*font-size: 24px;*/
        min-height: 68px;
    }
}

@media (max-width: 575.98px) {
    .for-business {
        padding: 28px 0 36px;
    }

    .for-business__title {
        /*font-size: 28px;*/
    }

    .for-business__tag {
        /*font-size: 20px;*/
    }

    .for-business__cta-foot {
        /*font-size: 16px;*/
    }
}

/* ===== For Business - Industry Usage ===== */
.for-business--industry {
    padding: 60px 0 70px;
}

.for-business--industry .for-business__kicker--sm {
    margin-bottom: 6px;
}

.for-business--industry .for-business__title--industry {
    color: var(--brand-blue02);
    font-weight: 900;
    font-size: 48px;
    line-height: 1.15;
}

/* grid spacing */
.for-business__industry-grid {
    margin-top: 26px;
}

/* card */
.for-business__industry-card {
    background: #fff;
}

/* square image box (BS4 friendly) */
.for-business__industry-imgbox {
    position: relative;
    width: 100%;
    padding-top: 100%;
    /* 1:1 */
    overflow: hidden;
    background: #f3f3f3;
}

.for-business__industry-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* blue bar */
.for-business__industry-bar {
    background: var(--brand-blue02);
    color: #fff;
    text-align: center;
    font-weight: 900;
    font-size: var(--fs-heading-lg);
    padding: 12px 10px;
    letter-spacing: .02em;
}

/* text */
.for-business__industry-text {
    padding: 12px 6px 0;
    font-size: var(--fs-body);
    line-height: 1.9;
    color: #222;
}

/* bottom block */
.for-business__industry-bottom {
    margin-top: 26px;
}

.for-business__industry-bigtitle {
    color: var(--brand-blue02);
    font-weight: 900;
    font-size: 34px;
}

.for-business__industry-desc {
    max-width: 920px;
    margin: 0 auto;
    color: #222;
    font-size: var(--fs-body);
    line-height: 2;
}

/* RWD */
@media (max-width: 991.98px) {
    .for-business--industry {
        padding: 44px 0 54px;
    }

    .for-business--industry .for-business__title--industry {
        font-size: 38px;
    }

    .for-business__industry-bar {
        /*font-size: 22px;*/
    }
}

@media (max-width: 575.98px) {
    .for-business--industry .for-business__title--industry {
        font-size: 30px;
    }

    .for-business__industry-bigtitle {
        font-size: 26px;
    }
}

.yrs_content .content-section .content-section-title {
    font-size: var(--fs-heading-lg);
}

.yrs_content .content-section .content-section-inner .content-section-item h4 {
    color: var(--brand-blue02);
}

.yrs_content .content-section .content-section-inner .content-section-item .service-step-item .row .col-md-10 {
    font-size: var(--fs-heading-md);
}

.yrs_content .content-section .content-section-inner .content-section-item .service-step-item .row .col-md-10 small {
    font-size: var(--fs-body-sm);
    padding-top: 5px;
}

/*======================== 使用者見證 ============================*/

.store-title {
    color: var(--brand-blue02);
    font-weight: 700;
    font-size: var(--fs-heading-md);
    margin-bottom: 10px;
}

.store-block p {
    margin: 4px 0;
    line-height: 1.8;
    font-size: var(--fs-body-sm);
}

.store-sec hr {
    border-top: 2px solid var(--brand-blue02);
    margin: 30px 0px;
}

.store-grid .carousel-control-prev-icon,
.store-grid .carousel-control-next-icon {
    background-image: none;
    /* 把BS原本的箭頭拿掉 */
}

.store-grid .carousel-control-prev,
.store-grid .carousel-control-next {
    width: 48px;
    height: 48px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
}

.store-grid .carousel-control-prev-icon,
.store-grid .carousel-control-next-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    /*background: #ffffff;*/
    /*box-shadow: 0 4px 12px rgba(0,0,0,.15);*/
    position: relative;
}

/* 畫箭頭 */
.store-grid .carousel-control-prev-icon::after,
.store-grid .carousel-control-next-icon::after {
    content: '';
    position: absolute;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    border-top: 5px solid var(--brand-blue02);
    border-right: 5px solid var(--brand-blue02);
    transform-origin: center;
}

.store-grid .carousel-control-prev-icon::after {
    transform: translate(-30%, -50%) rotate(-135deg);
}

.store-grid .carousel-control-next-icon::after {
    transform: translate(-70%, -50%) rotate(45deg);
}

.store-grid .carousel-control-prev-icon::after {
    left: calc(50% - 60px);
    ;
}

.store-grid .carousel-control-next-icon::after {
    right: calc(50% - 45px);
}

/*======================== header + new ============================*/

.header .top-header .top-menu .has-hover .hover-wrap .hover-list .hover-list-meun ul li a h4 {
    position: relative;
    width: fit-content;
}

.header .top-header .top-menu .has-hover .hover-wrap .hover-list .hover-list-meun ul li a h4 span {
    position: absolute;
    right: -40px;
    top: 2px;
}