/* 與 files11 / faq11 同語彙：僅作用 #contact */
        #contact {
            --ct11-bg: var(--theme11-bg);
            --ct11-paper: var(--theme11-paper);
            --ct11-line: var(--theme11-line);
            --ct11-text: var(--theme11-text);
            --ct11-soft: var(--v11-soft-readable, var(--theme11-soft));
            --ct11-main: var(--theme11-main);
            --ct11-section-gap: clamp(28px, 5vw, 56px);
            --ct11-input-bg: var(--theme11-muted-bg);
            --ct11-card-elev: none;
            -webkit-font-smoothing: antialiased;
            text-rendering: optimizeLegibility;
            background: var(--theme11-page-bg);
            color: var(--ct11-text);
            display: flow-root;
            padding-top: var(--height-nav-xs);
            padding-bottom: 50px;
        }

        @media (min-width: 768px) {
            #contact {
                padding-top: max(var(--height-nav-md), var(--height-nav-mini-md));
            }
        }

        @media (min-width: 1024px) {
            body:has(.header-v11) #contact {
                padding-top: var(--height-nav-md) !important;
            }

            body.mini-header:has(.header-v11) #contact {
                padding-top: var(--height-nav-mini-md) !important;
            }
        }

        @media (min-width: 980px) {
            body.countdown_show #contact {
                padding-top: calc(max(var(--height-nav-md), var(--height-nav-mini-md)) + var(--height-countdown-lg)) !important;
            }

            body.countdown_show.mini-header:has(.header-v11) #contact {
                padding-top: calc(var(--height-nav-mini-md) + var(--height-countdown-lg)) !important;
            }
        }

        /*
         * 有圖 banner 時主容器已預留導覽高度，banner 不再額外下推。
         * 勿用 :has(.banner)（隱藏區塊仍含 .banner 會誤判）。
         */
        #contact > section.inpage:first-of-type:not([style*="display:none"]):not([style*="display: none"]) > .banner,
        #contact > section.inpage:first-of-type:not([style*="display:none"]):not([style*="display: none"]) .banner {
            margin-top: 0 !important;
        }

        #contact > section.banner:first-of-type:not([style*="display:none"]):not([style*="display: none"]) {
            margin-top: 0 !important;
        }

        #contact > section.page_header,
        #contact section.inpage.container.page_header,
        #contact section.inpage.container_inside.page_header {
            margin-top: 0 !important;
        }

        #contact > section.inpage,
        #contact > section.page_header {
            background: transparent !important;
            background-color: transparent !important;
        }

        #contact > section.inpage.page_header,
        #contact > section.inpage.container_inside.page_header {
            color: var(--ct11-text);
        }

        #contact *,
        #contact *::before,
        #contact *::after {
            box-sizing: border-box;
        }

        /* 版心同 article11（1320）；排除 page_header，避免覆蓋 banner.html 的預設縮進 */
        #contact > .container_inside:not(.page_header) {
            width: min(1320px, var(--v11-content-width-mobile, calc(100% - 80px)));
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        /* 麵包屑與 #contact 版心同寬（覆寫 inpage_v2 全站 56/26/18） */
        #contact > section.page_header {
            width: min(1320px, var(--v11-content-width-mobile, calc(100% - 80px)));
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;
            padding-left: 0 !important;
            padding-right: 0 !important;
            box-sizing: border-box;
        }

        /* 行動／平板：麵包屑 + 內容區左右各 40px */
        @media (max-width: 1023px) {
            html body #contact.contact11.inpage_main_body > :is(section.page_header, .container_inside:not(.page_header)) {
                width: 100% !important;
                max-width: 100% !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
                padding-left: var(--v11-gutter-page-xs) !important;
                padding-right: var(--v11-gutter-page-xs) !important;
                box-sizing: border-box !important;
            }

            html body #contact.contact11 .ct11-section-gutter {
                width: 100% !important;
                max-width: 100% !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
                padding-left: var(--v11-gutter-page-xs) !important;
                padding-right: var(--v11-gutter-page-xs) !important;
                box-sizing: border-box !important;
            }
        }

        /* 對齊 news11：只統一 page_header 下緣間距，避免限定 v3 造成位置不一致 */
        @media (min-width: 768px) {
            #contact section.inpage.container.page_header,
            #contact section.inpage.container_inside.page_header {
                padding-bottom: 2vw !important;
            }
        }

        #contact .ct11-section-gutter {
            width: min(1320px, var(--v11-content-width-mobile, calc(100% - 80px)));
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;
            padding-left: 0;
            padding-right: 0;
        }

        #contact #b2b_block {
            --p11-paper: var(--theme11-paper);
            --p11-line: var(--theme11-line);
            --p11-text: var(--theme11-text);
            --p11-soft: var(--v11-soft-readable, var(--theme11-soft));
            --p11-main: var(--theme11-main);
            --p11-main-hover: var(--theme11-main-hover);
            --p11-muted-bg: var(--theme11-muted-bg);
            --p11-shadow: var(--theme11-shadow);
            --p11-card-ratio: 100%;
            margin-bottom: var(--ct11-section-gap);
            padding: 0;
            border: 0;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
        }

        #contact #b2b_block .query-list,
        #contact #b2b_block .query-list-wrap {
            padding: 0;
        }

        /* 左右分欄（參考 about11 ab11-split） */
        #contact #b2b_block .ct11-split {
            display: grid !important;
            gap: clamp(20px, 3.2vw, 36px);
            align-items: start;
            width: 100%;
        }

        @media (min-width: 900px) {
            #contact #b2b_block .ct11-split {
                grid-template-columns: clamp(120px, 16vw, 200px) minmax(0, 1fr);
                gap: clamp(36px, 5.5vw, 80px);
                align-items: start;
            }

            #contact #b2b_block .ct11-split__side {
                position: static;
                align-self: start;
            }

            #contact #b2b_block .ct11-split__main {
                position: relative;
                min-width: 0;
            }
        }

        #contact #b2b_block .ct11-split__side {
            min-width: 0;
        }

        #contact #b2b_block .ct11-split__main {
            min-width: 0;
        }

        #contact #b2b_block .ct11-split__label.ct11-query-list__title {
            margin: 0;
            padding: 0;
            font-size: clamp(1.55rem, 2.8vw, 2.35rem);
            font-weight: 400;
            letter-spacing: 0.1em;
            line-height: 1.28;
            color: var(--ct11-text);
            word-break: break-word;
        }

        #contact #b2b_block .ct11-split__label.ct11-query-list__title::before {
            display: none;
        }

        #contact #b2b_block .ct11-split__toolbar {
            display: flex;
            justify-content: flex-start;
            margin-top: clamp(16px, 2.4vw, 28px);
        }

        @media (max-width: 899px) {
            #contact #b2b_block .ct11-split__label.ct11-query-list__title {
                font-size: clamp(1.35rem, 5.5vw, 1.85rem);
            }
        }

        #contact #b2b_block .ct11-query-stage {
            display: flex;
            align-items: center;
            gap: clamp(8px, 1.2vw, 16px);
            width: 100%;
        }

        #contact #b2b_block .ct11-query-stage.is-single-slide .ct11-query-arrow {
            display: none;
        }

        #contact #b2b_block .ct11-query-stage .ct11-query-swiper.swiper-container {
            flex: 1;
            min-width: 0;
            width: auto;
            max-width: 100%;
            overflow: hidden;
            min-height: 0 !important;
        }

        /* 參考 about11 ab11-history__arrow */
        #contact #b2b_block .ct11-query-arrow {
            display: inline-flex;
            flex-shrink: 0;
            align-items: center;
            justify-content: center;
            align-self: center;
            width: clamp(48px, 5vw, 56px);
            height: clamp(48px, 5vw, 56px);
            margin: 0;
            padding: 0;
            border: 0;
            border-radius: 0;
            background: transparent;
            color: var(--ct11-text);
            cursor: pointer;
            transition: opacity 0.25s ease, color 0.25s ease, transform 0.25s ease;
        }

        #contact #b2b_block .ct11-query-arrow span {
            position: relative;
            display: block;
            width: clamp(22px, 2.4vw, 28px);
            height: clamp(22px, 2.4vw, 28px);
        }

        #contact #b2b_block .ct11-query-arrow span::before,
        #contact #b2b_block .ct11-query-arrow span::after {
            content: "";
            position: absolute;
            background: currentColor;
        }

        #contact #b2b_block .ct11-query-arrow--prev span::before {
            top: 50%;
            left: 3px;
            width: clamp(16px, 1.8vw, 22px);
            height: 1.5px;
            transform: translateY(-50%);
        }

        #contact #b2b_block .ct11-query-arrow--prev span::after {
            top: 50%;
            left: 3px;
            width: clamp(10px, 1.1vw, 13px);
            height: clamp(10px, 1.1vw, 13px);
            background: transparent;
            border-left: 1.5px solid currentColor;
            border-bottom: 1.5px solid currentColor;
            transform: translateY(-50%) rotate(45deg);
        }

        #contact #b2b_block .ct11-query-arrow--next span::before {
            top: 50%;
            right: 3px;
            width: clamp(16px, 1.8vw, 22px);
            height: 1.5px;
            transform: translateY(-50%);
        }

        #contact #b2b_block .ct11-query-arrow--next span::after {
            top: 50%;
            right: 3px;
            width: clamp(10px, 1.1vw, 13px);
            height: clamp(10px, 1.1vw, 13px);
            background: transparent;
            border-right: 1.5px solid currentColor;
            border-top: 1.5px solid currentColor;
            transform: translateY(-50%) rotate(45deg);
        }

        #contact #b2b_block .ct11-query-arrow:hover:not(:disabled):not(.swiper-button-disabled) {
            color: color-mix(in srgb, var(--ct11-main) 85%, var(--ct11-text));
            transform: scale(1.06);
        }

        #contact #b2b_block .ct11-query-arrow:disabled,
        #contact #b2b_block .ct11-query-arrow.swiper-button-disabled {
            opacity: 0.28;
            cursor: default;
            pointer-events: none;
        }

        #contact #b2b_block .ct11-query-page {
            position: static;
            width: 100%;
            margin-top: clamp(14px, 2vw, 22px);
            font-size: 14px;
            font-weight: 500;
            color: var(--ct11-soft);
            text-align: center;
        }

        #contact #b2b_block .ct11-query-page.--hide {
            display: none;
        }

        @media (max-width: 640px) {
            #contact #b2b_block .ct11-query-stage {
                gap: 4px;
            }

            #contact #b2b_block .ct11-query-arrow {
                width: 40px;
                height: 40px;
            }
        }

        #contact #b2b_block .ct11-query-swiper .swiper-wrapper.p11-showcase {
            display: flex !important;
            flex-wrap: nowrap !important;
            width: 100%;
            margin: 0;
        }

        #contact #b2b_block .ct11-query-swiper.swiper-container .swiper-slide {
            width: calc((100% - 10px) / 1.12) !important;
            height: auto;
            display: flex;
            flex-shrink: 0;
            box-sizing: border-box;
        }

        @media (min-width: 768px) {
            #contact #b2b_block .ct11-query-swiper.swiper-container .swiper-slide {
                width: calc((100% - 26px) / 2) !important;
            }
        }

        @media (min-width: 1024px) {
            #contact #b2b_block .ct11-query-swiper.swiper-container .swiper-slide {
                width: calc((100% - 52px) / 3) !important;
            }
        }

        @media (min-width: 1500px) {
            #contact #b2b_block .ct11-query-swiper.swiper-container .swiper-slide {
                width: calc((100% - 78px) / 4) !important;
            }
        }

        #contact #b2b_block .ct11-query-swiper .swiper-slide .item {
            width: 100% !important;
            margin: 0 !important;
            margin-bottom: 0 !important;
        }

        /* 參考 product11 p11-card */
        #contact #b2b_block .ct11-query-swiper .p11-showcase .p11-card.item {
            width: 100% !important;
            height: auto;
            margin: 0 !important;
            border-radius: var(--radius-11);
            background: var(--p11-paper);
            overflow: hidden;
            transition: transform 0.28s ease, box-shadow 0.28s ease;
            display: flex;
            flex-direction: column;
        }

        #contact #b2b_block .ct11-query-swiper .p11-showcase .p11-card.item:hover {
            transform: translateY(-5px);
            box-shadow: 0 18px 36px var(--p11-shadow);
        }

        #contact #b2b_block .p11-card-media {
            position: relative;
        }

        #contact #b2b_block .p11-cover {
            position: relative;
            display: block;
            overflow: hidden;
            background: var(--p11-line);
            text-decoration: none;
        }

        #contact #b2b_block .p11-cover .img_holder {
            width: 100%;
            background-size: cover;
            background-position: center;
            transition: transform 0.35s ease;
        }

        #contact #b2b_block .p11-cover .img_holder::after {
            content: "";
            display: block;
            width: 100%;
            padding-bottom: var(--p11-card-ratio, 100%);
        }

        #contact #b2b_block .p11-card:hover .img_holder {
            transform: scale(1.04);
        }

        #contact #b2b_block .p11-body {
            padding: 16px 18px 18px;
            display: flex;
            flex-direction: column;
            gap: 10px;
            flex: 1;
            min-height: 0;
        }

        #contact #b2b_block .p11-body > a {
            text-decoration: none;
        }

        #contact #b2b_block .p11-body h3 {
            margin: 0;
            font-size: clamp(1.05rem, 1.5vw, 1.2rem);
            line-height: 1.4;
            letter-spacing: -0.01em;
            font-weight: 600;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            color: var(--p11-main-hover);
            transition: color 0.2s ease;
        }

        #contact #b2b_block .p11-body > a:hover h3 {
            color: var(--p11-text);
        }

        #contact #b2b_block .p11-spec.ct11-query-qty {
            margin: 0;
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        #contact #b2b_block .ct11-query-qty__control.quantity {
            display: flex;
            align-items: center;
            width: 100%;
            min-height: 40px;
            border-radius: 999px;
            border: 1px solid var(--p11-line);
            background: var(--p11-paper);
            overflow: hidden;
        }

        #contact #b2b_block .ct11-query-qty__control.quantity div,
        #contact #b2b_block .ct11-query-qty__control.quantity input {
            height: 40px;
            min-height: 40px;
            margin: 0;
            border: 0;
            outline: none;
            color: var(--p11-text);
            font-weight: 600;
            font-size: 14px;
            background: transparent;
            cursor: pointer;
        }

        #contact #b2b_block .ct11-query-qty__control.quantity input {
            flex: 1;
            text-align: center;
            cursor: text;
            width: 100%;
        }

        #contact #b2b_block .ct11-query-qty__control.quantity .less,
        #contact #b2b_block .ct11-query-qty__control.quantity .add {
            position: static;
            flex: 0 0 40px;
            width: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--p11-soft);
            user-select: none;
            transition: color 0.2s ease, background-color 0.2s ease;
        }

        #contact #b2b_block .ct11-query-qty__control.quantity .less:hover,
        #contact #b2b_block .ct11-query-qty__control.quantity .add:hover {
            color: var(--p11-main);
            background: color-mix(in srgb, var(--p11-main) 8%, transparent);
        }

        #contact #b2b_block .p11-actions {
            margin-top: 0;
            display: grid;
            grid-template-columns: 1fr;
            gap: 10px;
        }

        #contact #b2b_block .p11-actions .ct11-query-delete {
            min-height: 40px;
            border-radius: 999px;
            border: 1px solid var(--p11-main);
            background: var(--p11-paper);
            color: var(--p11-main);
            font-size: 13px;
            font-weight: 600;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0 18px;
            transition: all 0.22s ease;
        }

        #contact #b2b_block .p11-actions .ct11-query-delete:hover,
        #contact #b2b_block .p11-actions .ct11-query-delete:active {
            border-color: var(--p11-main);
            background: var(--p11-muted-bg);
            color: var(--p11-main);
        }

        #contact #b2b_block .ct11-split__toolbar.btn-area {
            border-top: 0;
            padding: 0;
            margin: 0;
            text-align: left;
        }

        @media (max-width: 767px) {
            #contact #b2b_block .ct11-query-swiper .p11-showcase .p11-card.item:hover {
                transform: none;
                box-shadow: none;
            }

            #contact #b2b_block .ct11-split__toolbar.btn-area {
                padding-top: 0;
            }
        }

        #contact .ct11-form-section:not(:has(.ct11-form-main, .ct11-aside-card)) {
            display: none;
        }

        /* —— 表單 + 側欄雙欄 —— */
        #contact .ct11-form-section {
            margin-bottom: var(--ct11-section-gap);
        }

        #contact .ct11-form-row {
            display: grid;
            gap: clamp(20px, 3vw, 36px);
            align-items: stretch;
        }

        @media (min-width: 980px) {
            #contact .ct11-form-row:has(.ct11-form-main):has(.ct11-aside-card) {
                grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
            }
        }

        #contact .contact-form.v3.ct11-form-main {
            border: 0;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            padding: 0;
            margin-bottom: 0;
        }

        #contact .ct11-form-title {
            margin-top: 0;
            margin-bottom: clamp(1rem, 2vw, 1.5rem);
            padding-left: 0;
            padding-right: 0;
            font-size: clamp(1.35rem, 2.4vw, 1.75rem);
            letter-spacing: -0.02em;
        }

        #contact .ct11-form-title::before {
            display: none;
        }

        #contact .contact-form.v3.ct11-form-main .form_container {
            padding-left: 0 !important;
            padding-right: 0 !important;
            padding-top: 0 !important;
        }

        /* 表單欄位：上排雙欄、其餘全寬 */
        @media (min-width: 768px) {
            #contact .ct11-form-main .form_container .item {
                display: grid !important;
                grid-template-columns: 1fr 1fr;
                column-gap: 20px;
                width: 100%;
            }

            #contact .ct11-form-main .form_container .item .box {
                width: auto !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
            }

            #contact .ct11-form-main .form_container .item .content.cell.input-box,
            #contact .ct11-form-main .form_container .item .box:has(textarea) {
                grid-column: 1 / -1;
                width: 100% !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
                box-sizing: border-box;
            }
        }

        #contact .ct11-form-main .form_container .item .content.cell.input-box {
            width: 100% !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            margin-bottom: clamp(20px, 2.8vw, 28px);
            box-sizing: border-box;
            display: block;
        }

        #contact .ct11-form-main .form_container .item .content.cell.input-box textarea {
            width: 100% !important;
            margin-top: 0;
            box-sizing: border-box;
        }

        #contact .ct11-form-main .form_container .item .box input:not([type="checkbox"]):not([type="radio"]),
        #contact .ct11-form-main .form_container .item .box select,
        #contact .ct11-form-main .form_container .item .box textarea {
            border-radius: 999px !important;
            min-height: 52px;
            padding-top: 0.85rem !important;
            padding-bottom: 0.85rem !important;
        }

        #contact .ct11-form-main .form_container .item .box textarea {
            border-radius: var(--radius-11) !important;
            min-height: 9rem;
        }

        #contact .ct11-form-main .form_container .item .content.cell.input-box textarea {
            border-radius: 14px !important;
            min-height: 9rem;
        }

        #contact .ct11-form-main .form_container .item .box .fz-C,
        #contact .ct11-form-main .form_container .item .content.cell.input-box .fz-C {
            position: static;
            width: auto;
            height: auto;
            padding: 0 0 0.45rem;
            margin: 0;
            overflow: visible;
            clip: auto;
            white-space: normal;
            border: 0;
            display: block;
            color: var(--ct11-text);
            font-weight: 600;
            font-size: clamp(13px, 0.9vw, 14px);
            letter-spacing: 0.02em;
        }

        #contact .ct11-form-main .form_container .item .box {
            position: relative;
        }

        #contact .ct11-form-main .form_container .btn_box {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: clamp(14px, 2.5vw, 28px);
            align-items: start;
            justify-content: stretch;
            margin-top: clamp(8px, 1.5vw, 16px);
            width: 100%;
            box-sizing: border-box;
        }

        #contact .ct11-form-main .form_container .btn_box .vertify {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            align-content: flex-start;
            gap: 10px;
            margin-bottom: 0;
            position: relative;
        }

        #contact .ct11-form-main .form_container .btn_box .vertify label {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }

        #contact .ct11-form-main .form_container .btn_box .vertify input {
            flex: 1 1 140px;
            width: auto;
            min-width: 0;
            max-width: 220px;
            margin: 0 !important;
            min-height: 52px;
            border-radius: 999px !important;
        }

        #contact .ct11-form-main .form_container .btn_box .vertify input + img {
            flex: 0 0 auto;
            width: auto;
            height: 52px;
            margin: 0;
            border-radius: var(--radius-11);
        }

        #contact .ct11-form-main .form_container .btn_box .vertify a {
            flex: 0 0 auto;
            display: inline-flex;
            align-items: center;
        }

        #contact .ct11-form-main .form_container .btn_box .vertify .error {
            flex: 0 0 100%;
        }

        #contact .ct11-form-main .form_container .btn_box .vertify,
        #contact .ct11-form-main .form_container .btn_box .h-captcha,
        #contact .ct11-form-main .form_container .btn_box .cf-turnstile {
            grid-column: 1;
            justify-self: start;
            width: 100%;
            max-width: 100%;
        }

        #contact .ct11-form-main .form_container .btn_box .btn-submit {
            grid-column: 2;
            justify-self: end;
            align-self: start;
            margin: 0 !important;
            margin-left: 0 !important;
        }

        /* 送出／繼續詢價／側欄 CTA：統一 pill 尺寸（以 ct11-aside-card__btn 為準） */
        #contact .ct11-aside-card__btn,
        #contact #b2b_block .ct11-query-continue,
        #contact #b2b_block .query-list-wrap .btn-area .ct11-query-continue,
        #contact .ct11-form-main .form_container .btn-submit {
            display: inline-flex !important;
            align-items: center;
            justify-content: center !important;
            flex-direction: row-reverse !important;
            gap: 0.6rem;
            width: auto !important;
            min-width: 0;
            max-width: none;
            height: auto !important;
            min-height: 0 !important;
            max-height: none;
            padding: 0.95rem 1.9rem !important;
            border: 0;
            border-radius: 999px !important;
            line-height: 1.35;
            letter-spacing: 0 !important;
            font-size: clamp(14px, 1.05vw, 15px);
            font-weight: 600;
            background-color: var(--color-btn-back, #111);
            color: var(--color-btn-cart-text, #fff) !important;
            cursor: pointer;
            text-decoration: none;
            box-shadow: none;
            position: static;
            transition: transform 0.2s ease, background-color 0.2s ease;
        }

        #contact .ct11-aside-card__btn::before,
        #contact #b2b_block .ct11-query-continue::before,
        #contact #b2b_block .query-list-wrap .btn-area .ct11-query-continue::before,
        #contact .ct11-form-main .form_container .btn-submit::before {
            content: "";
            display: inline-block !important;
            flex-shrink: 0;
            position: static !important;
            width: 18px;
            height: 18px;
            margin: 0;
            background-image: url("../../../images/new/layout/inpage_iconset.svg");
            background-size: auto 100%;
            background-position: 51.02% 0;
            background-repeat: no-repeat;
            transform: none !important;
            top: auto;
            right: auto;
        }

        #contact .ct11-aside-card__btn span,
        #contact #b2b_block .ct11-query-continue span,
        #contact #b2b_block .query-list-wrap .btn-area .ct11-query-continue span,
        #contact .ct11-form-main .form_container .btn-submit span {
            position: static !important;
            transform: none !important;
            left: auto !important;
            top: auto !important;
            color: inherit;
            font-size: inherit;
            font-weight: inherit;
            line-height: inherit;
        }

        #contact .ct11-form-main .form_container .btn-submit:hover {
            transform: translateY(-2px);
            background-color: var(--color-main);
        }

        #contact .ct11-aside-card__btn:hover,
        #contact #b2b_block .ct11-query-continue:hover,
        #contact #b2b_block .query-list-wrap .btn-area:hover .ct11-query-continue {
            transform: translateY(-2px);
            background-color: var(--color-main, #222);
        }

        #contact .ct11-aside-card__btn:active,
        #contact #b2b_block .ct11-query-continue:active,
        #contact .ct11-form-main .form_container .btn-submit:active {
            transform: translateY(0);
        }

        @media (min-width: 768px) {
            #contact .ct11-form-main .form_container .btn_box {
                grid-template-columns: 1fr 1fr;
                column-gap: 20px;
            }

            #contact .ct11-form-main .form_container .btn_box .vertify,
            #contact .ct11-form-main .form_container .btn_box .h-captcha,
            #contact .ct11-form-main .form_container .btn_box .cf-turnstile {
                grid-column: 1;
                justify-self: start;
                width: 100%;
                max-width: 100%;
                padding-right: 0;
                padding-left: 0;
                box-sizing: border-box;
            }

            #contact .ct11-form-main .form_container .btn_box .btn-submit {
                grid-column: 2;
                justify-self: end;
                align-self: start;
                padding-left: 0;
                padding-right: 0;
                box-sizing: border-box;
            }
        }

        @media (max-width: 767px) {
            #contact .ct11-form-main .form_container .btn_box {
                grid-template-columns: 1fr;
                align-items: start;
            }

            #contact .ct11-form-main .form_container .btn_box .vertify,
            #contact .ct11-form-main .form_container .btn_box .h-captcha,
            #contact .ct11-form-main .form_container .btn_box .cf-turnstile,
            #contact .ct11-form-main .form_container .btn_box .btn-submit {
                grid-column: 1;
                justify-self: stretch;
            }

            #contact .ct11-form-main .form_container .btn_box .btn-submit {
                width: auto !important;
                justify-self: start;
            }
        }

        /* —— 右側資訊卡（徵才／電子報風格） —— */
        #contact .ct11-aside-card {
            position: relative;
            border-radius: clamp(16px, 2vw, 24px);
            overflow: hidden;
            min-height: clamp(320px, 42vw, 480px);
            display: flex;
            flex-direction: column;
            align-items: stretch;
            justify-content: flex-end;
            color: #fff;
            background: color-mix(in srgb, var(--ct11-main) 88%, #0d3d38);
        }

        /* 有圖：上方獨立圖片區，文字在下方實色區，不疊字 */
        #contact .ct11-aside-card.has-bgimg {
            min-height: 0;
            justify-content: flex-start;
            background: color-mix(in srgb, var(--ct11-main) 88%, #0d3d38);
        }

        #contact .ct11-aside-card__bg {
            display: none;
        }

        #contact .ct11-aside-card.has-bgimg .ct11-aside-card__bg {
            display: block;
            position: relative;
            flex: 0 0 auto;
            width: 100%;
            aspect-ratio: 4 / 3;
            overflow: hidden;
        }

        #contact .ct11-aside-card__bg::after {
            display: none;
        }

        #contact .ct11-aside-card__img {
            display: none;
        }

        #contact .ct11-aside-card.has-bgimg .ct11-aside-card__img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

        #contact .ct11-aside-card:not(.has-bgimg) .ct11-aside-card__bg {
            display: none;
        }

        #contact .ct11-aside-card:not(.has-bgimg) .ct11-aside-card__img {
            display: none;
        }

        #contact .ct11-aside-card__inner {
            position: relative;
            z-index: 1;
            width: 100%;
            padding: clamp(28px, 4vw, 44px);
            display: flex;
            flex-direction: column;
            gap: clamp(10px, 1.5vw, 16px);
        }

        #contact .ct11-aside-card.has-bgimg .ct11-aside-card__inner {
            flex: 1 1 auto;
        }

        #contact .ct11-aside-card__kicker {
            margin: 0;
            font-size: clamp(13px, 1vw, 15px);
            letter-spacing: 0.14em;
            text-transform: uppercase;
            opacity: 0.85;
        }

        #contact .ct11-aside-card__title {
            margin: 0;
            color: #fff !important;
            font-size: clamp(1.35rem, 2.4vw, 1.85rem) !important;
            line-height: 1.2 !important;
            letter-spacing: -0.02em;
        }

        #contact .ct11-aside-card__text {
            margin: 0;
            color: rgba(255, 255, 255, 0.88);
            line-height: 1.75;
            font-size: clamp(14px, 1vw, 15px);
        }

        #contact .ct11-aside-card__btn {
            align-self: flex-start;
            margin-top: clamp(6px, 1vw, 12px);
        }

        /* —— 聯絡資訊：tabs + 四卡並排 —— */
        #contact .ct11-info-section {
            margin-top: clamp(20px, 3.5vw, 40px);
            margin-bottom: var(--ct11-section-gap);
        }

        #contact .contact_list_container_v3.ct11-info-panel {
            border: 0;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            margin-bottom: 0;
            overflow: visible;
        }

        #contact .ct11-info-panel .contact_list_v3,
        #contact .ct11-info-panel .contact_list_v3 .text_container {
            padding: 0 !important;
            margin: 0 !important;
        }

        #contact .ct11-info-panel .item_cl_content_v3 {
            display: block !important;
            width: 100%;
        }

        /* 據點 tabs：左側 pill */
        #contact .ct11-info-panel .ct11-location-tabs:has(.swiper-slide:only-child) {
            display: none;
        }

        #contact .ct11-info-panel .swiper_cl_v3.ct11-location-tabs {
            margin-bottom: clamp(16px, 2.4vw, 24px);
            padding-bottom: 0;
            border-bottom: 0;
            overflow: visible;
        }

        #contact .ct11-info-panel .swiper_cl_v3.ct11-location-tabs .swiper-wrapper {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 10px;
        }

        #contact .ct11-info-panel .swiper_cl_v3 .swiper-slide {
            width: auto !important;
            padding-bottom: 0 !important;
            margin-bottom: 0 !important;
        }

        #contact .ct11-info-panel .item_cl_v3 {
            cursor: pointer;
        }

        #contact .ct11-info-panel .item_cl_v3:before {
            display: none !important;
        }

        #contact .ct11-info-panel .item_cl_v3 strong {
            display: inline-block;
            font-size: clamp(13px, 0.95vw, 15px) !important;
            font-weight: 600 !important;
            line-height: 1.35 !important;
            letter-spacing: 0.01em;
            padding: 0.55rem 1.15rem !important;
            border-radius: 999px;
            background: var(--theme11-paper);
            border: 1px solid var(--ct11-line);
            color: var(--ct11-text) !important;
            word-break: normal;
            transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
        }

        #contact .ct11-info-panel .item_cl_v3:hover strong {
            border-color: color-mix(in srgb, var(--ct11-main) 30%, var(--ct11-line));
            background: color-mix(in srgb, var(--theme11-muted-bg) 55%, var(--theme11-paper));
            color: var(--ct11-main) !important;
        }

        #contact .ct11-info-panel .swiper-slide-thumb-active .item_cl_v3 strong,
        #contact .ct11-info-panel .item_cl_v3.active strong {
            background: color-mix(in srgb, var(--ct11-main) 26%, var(--theme11-paper));
            border-color: color-mix(in srgb, var(--ct11-main) 42%, var(--ct11-line));
            color: color-mix(in srgb, var(--ct11-main) 90%, #000) !important;
        }

        #contact .ct11-info-panel .swiper-slide-thumb-active .item_cl_v3:hover strong,
        #contact .ct11-info-panel .item_cl_v3.active:hover strong {
            background: color-mix(in srgb, var(--ct11-main) 30%, var(--theme11-paper));
            border-color: color-mix(in srgb, var(--ct11-main) 48%, var(--ct11-line));
            color: color-mix(in srgb, var(--ct11-main) 90%, #000) !important;
        }

        #contact .ct11-info-panel .swiper_cl_content_v3 {
            margin-top: 0 !important;
            overflow: hidden !important;
        }

        #contact .ct11-info-panel .swiper_cl_content_v3 > .swiper-wrapper > .swiper-slide {
            width: 100% !important;
            height: auto !important;
            overflow: visible;
        }

        /* 四組資訊卡並排（非 swiper，避免與外層據點 swiper 衝突） */
        #contact .ct11-info-cards {
            display: flex;
            flex-wrap: wrap;
            gap: clamp(12px, 1.6vw, 18px);
            width: 100%;
            margin: 0;
            padding: 0 0 1px;
            box-sizing: border-box;
        }

        #contact .ct11-info-cards > .ct11-info-card {
            height: auto;
            flex-shrink: 0;
            margin: 0;
            box-sizing: border-box;
        }

        @media (min-width: 768px) {
            #contact .ct11-info-cards {
                flex-wrap: nowrap;
            }

            #contact .ct11-info-cards > .ct11-info-card {
                flex: 1 1 0;
                min-width: 0;
            }
        }

        @media (max-width: 767px) {
            #contact .ct11-info-cards > .ct11-info-card {
                width: 100%;
            }
        }

        #contact .ct11-info-card {
            border-radius: clamp(12px, 1.6vw, 16px);
            padding: clamp(24px, 2.8vw, 32px) clamp(22px, 2.6vw, 28px);
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 0.5rem;
            min-height: clamp(148px, 16vw, 176px);
            box-sizing: border-box;
            background: var(--theme11-muted-bg);
            border: 1px solid color-mix(in srgb, var(--ct11-line) 85%, transparent);
            color: var(--ct11-text);
        }

        #contact .ct11-info-card .field {
            margin: 0;
            font-size: clamp(0.98rem, 1.4vw, 1.08rem);
            font-weight: 700;
            line-height: 1.35;
            color: var(--ct11-text);
        }

        #contact .ct11-info-card .value,
        #contact .ct11-info-card .value p {
            color: var(--ct11-main);
            opacity: 1;
        }

        #contact .ct11-info-card .value a {
            color: var(--ct11-main) !important;
            border-bottom-color: color-mix(in srgb, var(--ct11-main) 35%, transparent);
        }

        #contact .ct11-info-card__icon {
            display: inline-flex;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: color-mix(in srgb, var(--ct11-main) 10%, var(--theme11-paper));
            align-items: center;
            justify-content: center;
            margin-bottom: 0.35rem;
            flex-shrink: 0;
        }

        #contact .ct11-info-card__icon::before {
            content: "";
            display: block;
            width: 16px;
            height: 16px;
            background: currentColor;
            mask: center / contain no-repeat;
            -webkit-mask: center / contain no-repeat;
            color: var(--ct11-main);
        }

        #contact .ct11-info-card__icon--phone::before {
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
        }

        #contact .ct11-info-card__icon--mail::before {
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpath d='m22 6-10 7L2 6'/%3E%3C/svg%3E");
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpath d='m22 6-10 7L2 6'/%3E%3C/svg%3E");
        }

        #contact .ct11-info-card__icon--pin::before {
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
        }

        #contact .ct11-info-card__icon--fax::before {
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='8' width='18' height='12' rx='2'/%3E%3Cpath d='M7 8V5a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v3M7 16h2M15 16h2'/%3E%3C/svg%3E");
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='8' width='18' height='12' rx='2'/%3E%3Cpath d='M7 8V5a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v3M7 16h2M15 16h2'/%3E%3C/svg%3E");
        }

        #contact .ct11-info-card__icon--mobile::before {
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E");
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E");
        }

        #contact .ct11-info-card__icon--clock::before {
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
        }

        #contact .ct11-info-card__icon--globe::before {
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E");
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E");
        }

        #contact .ct11-info-card__icon--line::before {
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.4 8.4 0 0 1 3.8-.9h.5a8.5 8.5 0 0 1 8 8v.5z'/%3E%3C/svg%3E");
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.4 8.4 0 0 1-3.8-.9L3 21l1.9-5.7a8.4 8.4 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.4 8.4 0 0 1 3.8-.9h.5a8.5 8.5 0 0 1 8 8v.5z'/%3E%3C/svg%3E");
        }

        #contact .ct11-info-card__icon--whatsapp::before {
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'/%3E%3Cpath d='M9.5 9.5c.5 2 2.5 4 4.5 4.5'/%3E%3C/svg%3E");
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'/%3E%3Cpath d='M9.5 9.5c.5 2 2.5 4 4.5 4.5'/%3E%3C/svg%3E");
        }

        #contact .ct11-info-card__icon--user::before {
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
        }

        #contact .ct11-info-card__icon--custom::before {
            display: none;
        }

        #contact .ct11-info-card__icon-img {
            width: 18px;
            height: 18px;
            object-fit: contain;
            display: block;
            border-radius: 2px;
        }

        #contact .ct11-info-card .value {
            font-size: clamp(13px, 0.92vw, 14px);
            line-height: 1.6;
            width: 100%;
        }

        #contact .ct11-info-card .value p {
            margin: 0;
        }

        #contact .contact_list_container_v3 {
            margin-bottom: 0;
            overflow: visible;
        }

        /* 聯絡資訊卡：舊版白卡內距（ct11 三卡版型除外） */
        #contact .contact_list_container_v3:not(.ct11-info-panel) .contact_list_v3 {
            padding: clamp(24px, 3.6vw, 40px) clamp(26px, 4.2vw, 52px) clamp(28px, 3.8vw, 44px);
            box-sizing: border-box;
        }

        /* Tab 切換列與下方聯絡內容：底線 + 上下留白（ct11 三卡版型除外） */
        #contact .contact_list_container_v3:not(.ct11-info-panel) .swiper_cl_v3 {
            margin-bottom: 0;
            padding-bottom: clamp(14px, 2.2vw, 24px);
            border-bottom: 1px solid var(--ct11-line);
        }

        #contact .contact_list_container_v3:not(.ct11-info-panel) .swiper_cl_content_v3 {
            margin-top: clamp(18px, 2.8vw, 32px);
        }

        @media (min-width: 768px) {
            #contact .contact_list_container_v3:not(.ct11-info-panel) .swiper_cl_content_v3 {
                margin-top: clamp(20px, 2.5vw, 36px);
            }
        }

        #contact .item_cl_content_v3 .cl_right {
            padding-left: clamp(4px, 0.8vw, 10px);
            padding-right: clamp(4px, 0.8vw, 10px);
        }

        /* 徵才區：與上下卡片同風格，修正 30vw 圖+百分比文字造成的右偏、左側空洞 */
        #contact .contact_careers {
            height: auto !important;
            min-height: 0 !important;
            background-attachment: scroll !important;
        }

        #contact .contact_careers.v3 {
            margin-bottom: clamp(24px, 4vw, 48px);
            border-radius: var(--radius-11);
            overflow: hidden;
            border: 1px solid var(--ct11-line);
            box-shadow: none;
            background: var(--theme11-panel-bg);
        }

        #contact .contact_careers.v3 .img_container {
            display: block !important;
            position: relative;
            overflow: hidden;
            align-self: stretch;
            min-height: clamp(220px, 28vw, 360px);
        }

        #contact .contact_careers.v3 .img_container .img_holder {
            display: block;
            width: 100%;
            min-height: clamp(220px, 28vw, 360px);
            background-size: contain !important;
            background-repeat: no-repeat !important;
            background-position: left center !important;
        }

        #contact .contact_careers.v3 .img_container .img_holder::after {
            content: "";
            display: block;
            width: 100%;
            padding-bottom: 62%;
        }

        #contact .contact_careers.v3 .container_inside {
            width: auto !important;
            max-width: none !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            background:
                linear-gradient(135deg, color-mix(in srgb, var(--theme11-paper) 90%, transparent) 0%, var(--theme11-panel-bg) 100%) !important;
        }

        #contact .contact_careers.v3 .container_inside .item {
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            align-items: stretch !important;
            gap: clamp(14px, 1.8vw, 22px);
            height: auto !important;
        }

        #contact .contact_careers.v3 .item .title {
            color: var(--ct11-soft) !important;
            font-size: clamp(13px, 0.95vw, 15px);
            line-height: 1.4 !important;
            letter-spacing: 0.12em;
            text-transform: uppercase;
        }

        #contact .contact_careers.v3 .item .box {
            align-items: flex-start;
            display: grid !important;
            grid-template-columns: 1fr;
            gap: clamp(14px, 2vw, 24px);
        }

        #contact .contact_careers.v3 .item .content h3 {
            color: var(--ct11-text) !important;
            margin: 0;
            padding-bottom: 0 !important;
            max-width: 11em;
            line-height: 1.16 !important;
            letter-spacing: -0.025em;
        }

        #contact .contact_careers .item .content:nth-of-type(1) {
            padding-bottom: 0 !important;
        }

        #contact .contact_careers.v3 .item .content p {
            color: var(--ct11-soft) !important;
            margin: 0;
            max-width: 42em;
            line-height: 1.9;
            -webkit-line-clamp: unset;
        }

        #contact .contact_careers.v3 .btn_careers {
            position: static !important;
            right: auto !important;
            bottom: auto !important;
            align-self: flex-end;
            margin-top: clamp(4px, 1vw, 12px);
            margin-bottom: clamp(4px, 0.8vw, 10px);
            border-radius: var(--radius-11);
            box-shadow: none;
            transition:
                transform 0.22s ease,
                background-color 0.22s ease;
        }

        #contact .contact_careers.v3 .btn_careers:hover {
            transform: translateY(-2px);
            box-shadow: none;
        }

        @media (min-width: 980px) {
            #contact .contact_careers.v3 {
                display: flex !important;
                flex-direction: row !important;
                align-items: stretch !important;
                min-height: 300px;
            }

            #contact .contact_careers.v3 .img_container {
                width: min(34%, 420px) !important;
                min-width: 220px !important;
                max-width: none !important;
                min-height: 280px !important;
                flex-shrink: 0;
                display: flex !important;
                flex-direction: column !important;
            }

            #contact .contact_careers.v3 .img_container .img_holder {
                flex: 1 1 auto;
                min-height: 280px;
                height: 100%;
            }

            #contact .contact_careers.v3 .img_container .img_holder::after {
                display: none;
            }

            #contact .contact_careers.v3 .container_inside {
                flex: 1 1 0 !important;
                min-width: 0 !important;
                display: flex !important;
                align-items: center !important;
                padding: clamp(28px, 3.5vw, 44px) clamp(22px, 3vw, 36px) clamp(28px, 3.5vw, 44px) clamp(14px, 2vw, 24px) !important;
            }

            #contact .contact_careers.v3 .container_inside .item {
                padding-top: 0 !important;
                padding-bottom: 0 !important;
                width: 100% !important;
                min-height: 220px;
            }

            #contact .contact_careers .item .box {
                width: 100% !important;
                grid-template-columns: minmax(220px, 0.82fr) minmax(320px, 1.18fr);
                align-items: center;
                gap: clamp(24px, 4vw, 56px);
            }

            #contact .contact_careers .item .title {
                width: 100% !important;
                padding-bottom: 0 !important;
            }

            #contact .contact_careers .item .content {
                width: auto !important;
                max-width: none !important;
            }

            #contact .contact_careers .item .content + .content {
                margin-left: 0 !important;
                padding-left: 0 !important;
                border-left: 0 !important;
            }

            #contact .contact_careers .item .content:nth-of-type(1)::before {
                display: none !important;
            }
        }

        @media (max-width: 979px) {
            #contact .contact_careers.v3 {
                flex-direction: column !important;
            }

            #contact .contact_careers.v3 .img_container {
                width: 100% !important;
                min-width: 0 !important;
                min-height: 220px !important;
            }

            #contact .contact_careers.v3 .container_inside {
                padding: clamp(22px, 4vw, 32px) clamp(18px, 3vw, 24px) !important;
            }

            #contact .contact_careers.v3 .container_inside .item {
                padding-top: 0 !important;
                padding-bottom: 0 !important;
            }

            #contact .contact_careers.v3 .item .box {
                gap: 14px;
            }

            #contact .contact_careers .item .content {
                width: 100% !important;
            }

            #contact .contact_careers .item .content + .content {
                padding-top: 14px;
                border-top: 1px solid var(--ct11-line);
            }

            #contact .contact_careers.v3 .btn_careers {
                width: 100%;
                margin-top: 6px;
                margin-bottom: 2px;
            }
        }

        /*
         * contact.css 原版為橫幅重疊：padding-left:30vw、margin-top:-14.2vw。
         * 在卡片／內容區會把文字擠到右側，改為平衡內距並取消上移。
         */
        @media (min-width: 980px) {
            #contact .contact_list_v3 {
                padding-left: clamp(22px, 3.2vw, 44px) !important;
                padding-right: clamp(22px, 3.2vw, 44px) !important;
                margin-top: 0 !important;
            }

            #contact .contact_list_v3 .text_container {
                padding: clamp(28px, 3.5vw, 48px) clamp(20px, 2.8vw, 36px) clamp(32px, 3.8vw, 52px) !important;
            }

            /* 舊版分隔線依 viewport 定位，在此版型易错位，改由卡片與留白區分 */
            #contact .contact_list_container_v3:after {
                display: none;
            }

            #contact .swiper_cl_content_v3 {
                margin-top: clamp(12px, 2vw, 24px) !important;
                overflow: hidden !important;
            }
        }

        @media (min-width: 1024px) {
            #contact .contact_list_v3 .text_container {
                padding: clamp(30px, 3.8vw, 52px) clamp(22px, 3vw, 40px) clamp(34px, 4vw, 56px) !important;
            }
        }

        #contact:not(.contact11) .item_cl_v3:before,
        #contact .contact_list_container_v3:not(.ct11-info-panel) .item_cl_v3:before {
            border-left-color: color-mix(in srgb, var(--ct11-line) 85%, transparent);
        }

        #contact:not(.contact11) .swiper-slide-thumb-active .item_cl_v3 strong,
        #contact .contact_list_container_v3:not(.ct11-info-panel) .swiper-slide-thumb-active .item_cl_v3 strong {
            color: var(--ct11-main);
        }

        #contact .item_cl_content_v3 .cl_right .field {
            color: var(--ct11-text);
            font-weight: 600;
            font-size: clamp(13px, 0.88vw, 14px);
            letter-spacing: 0.03em;
            margin-bottom: 0.35rem;
        }

        #contact .item_cl_content_v3 .cl_right .value,
        #contact .item_cl_content_v3 .cl_right .value p {
            color: var(--ct11-soft);
            font-size: clamp(15px, 1.05vw, 16px);
            line-height: 1.55;
        }

        #contact .item_cl_v3 strong {
            font-weight: 600;
            font-size: clamp(1.05rem, 2.1vw, 1.28rem);
            letter-spacing: 0.02em;
            line-height: 1.35;
        }

        #contact .item_cl_content_v3 .cl_right a {
            color: var(--ct11-main);
            text-decoration: none;
            border-bottom: 1px solid var(--theme11-shadow);
            transition: color 0.2s ease, border-color 0.2s ease;
        }

        #contact .item_cl_content_v3 .cl_right a:hover {
            color: var(--ct11-text);
            border-bottom-color: var(--theme11-shadow);
        }

        /* 舊版表單大標樣式（非 ct11-form-main 時保留） */
        #contact .contact-form.v3:not(.ct11-form-main) > h3.fz-A {
            position: relative;
            margin-top: 0;
            margin-bottom: clamp(1.15rem, 2.2vw, 1.65rem);
            padding-bottom: 0.55rem;
            padding-left: clamp(16px, 2.4vw, 32px);
            padding-right: clamp(16px, 2.4vw, 32px);
            border-bottom: 0;
        }

        #contact .contact-form.v3:not(.ct11-form-main) > h3.fz-A:after {
            content: none !important;
        }

        #contact .contact-form.v3:not(.ct11-form-main) > h3.fz-A:before {
            content: "";
            position: absolute;
            left: clamp(16px, 2.4vw, 32px);
            bottom: 0;
            width: 64px;
            max-width: 28%;
            height: 0;
            border-bottom: 2px solid color-mix(in srgb, var(--ct11-text) 35%, transparent);
        }

        /* 錨點 #form（schema）捲動時保留頂部導覽空間 */
        #contact #form {
            scroll-margin-top: clamp(64px, 10vh, 100px);
        }

        /* 僅表單白卡「內部」留白（非 ct11 雙欄版型） */
        #contact .contact-form.v3:not(.ct11-form-main) {
            padding: clamp(36px, 5.5vw, 64px) clamp(28px, 7.5vw, 104px) clamp(32px, 4.8vw, 56px);
            margin-bottom: var(--ct11-section-gap);
            box-sizing: border-box;
            border: 1px solid var(--ct11-line);
            border-radius: var(--radius-11);
            background: linear-gradient(180deg, color-mix(in srgb, var(--theme11-paper) 90%, transparent) 0%, var(--theme11-panel-bg) 100%);
        }

        #contact .contact-form.v3:not(.ct11-form-main) .form_container {
            padding-top: clamp(12px, 2vw, 22px) !important;
            padding-bottom: clamp(18px, 2.6vw, 36px) !important;
            padding-left: clamp(16px, 2.4vw, 32px) !important;
            padding-right: clamp(16px, 2.4vw, 32px) !important;
        }

        #contact .contact-form.v3.ct11-form-main .form_container {
            padding-bottom: clamp(8px, 1.5vw, 16px) !important;
        }

        #contact .form_container .item .box {
            margin-bottom: clamp(20px, 2.8vw, 28px);
        }

        #contact .form_container .item .box .fz-C {
            display: block;
            padding-bottom: 0.45rem;
            color: var(--ct11-text);
            font-weight: 600;
            font-size: clamp(13px, 0.9vw, 14px);
            letter-spacing: 0.02em;
        }

        #contact .form_container .item .box textarea,
        #contact .form_container .item .content.cell.input-box textarea {
            min-height: 7.5rem;
            padding-top: 0.65rem !important;
            padding-bottom: 0.65rem !important;
        }

        #contact .form_container .btn_box {
            flex-wrap: wrap;
            gap: 14px 20px;
            align-items: flex-start;
            justify-content: flex-end;
            margin-top: clamp(8px, 1.5vw, 16px);
        }

        #contact .form_container .item .box input:not([type="checkbox"]):not([type="radio"]),
        #contact .form_container .item .box select,
        #contact .form_container .item .box textarea,
        #contact .form_container .item .content.cell.input-box textarea {
            border-radius: var(--radius-11) !important;
            border: 1px solid color-mix(in srgb, var(--ct11-line) 85%, transparent) !important;
            background-color: var(--ct11-input-bg) !important;
            color: var(--ct11-text) !important;
            transition:
                border-color 0.2s ease,
                background-color 0.2s ease;
        }

        #contact .ct11-form-main .form_container .item .content.cell.input-box textarea {
            border-radius: 14px !important;
        }

        #contact .form_container .item .box input:focus,
        #contact .form_container .item .box select:focus,
        #contact .form_container .item .box textarea:focus,
        #contact .form_container .item .content.cell.input-box textarea:focus {
            border-color: color-mix(in srgb, var(--ct11-text) 45%, transparent) !important;
            outline: none !important;
            box-shadow: 0 0 0 3px var(--ct11-focus-ring) !important;
            background-color: var(--theme11-paper) !important;
        }

        #contact .form_container .item .content.cell.input-box textarea:hover {
            border-color: color-mix(in srgb, var(--ct11-line) 95%, transparent) !important;
        }

        #contact .form_container .item .box input:hover,
        #contact .form_container .item .box select:hover,
        #contact .form_container .item .box textarea:hover {
            border-color: color-mix(in srgb, var(--ct11-line) 95%, transparent) !important;
        }

        @media (min-width: 1024px) {
            #contact .contact-form.v3:not(.ct11-form-main) .form_container .item .box:nth-of-type(3n + 1) {
                padding-right: clamp(12px, 1.8vw, 22px) !important;
            }

            #contact .contact-form.v3:not(.ct11-form-main) .form_container .item .box:nth-of-type(3n + 2) {
                padding-right: clamp(12px, 1.8vw, 22px) !important;
                padding-left: clamp(6px, 1vw, 14px) !important;
            }

            #contact .contact-form.v3:not(.ct11-form-main) .form_container .item .box:nth-of-type(3n) {
                padding-left: clamp(6px, 1vw, 14px) !important;
            }
        }

        #contact .map_container.v3 {
            margin-top: 0;
            margin-bottom: 0 !important;
            padding-bottom: 0 !important;
            overflow: hidden;
            border: 0;
            border-radius: clamp(16px, 2vw, 24px) clamp(16px, 2vw, 24px) 0 0;
            box-shadow: none;
            width: 100%;
            max-width: none;
        }

        #contact:has(> .map_container.v3) {
            padding-bottom: 0 !important;
        }

        #contact .map_container.v3 iframe {
            display: block;
        }

        #contact .thanksWrap .thanks {
            background: var(--ct11-paper);
            border: 1px solid var(--ct11-line);
            border-radius: var(--radius-11);
            box-shadow: none;
        }

        @media (prefers-reduced-motion: reduce) {
            #contact .ct11-aside-card__btn,
            #contact .ct11-aside-card__btn:hover,
            #contact .ct11-aside-card__btn:active,
            #contact #b2b_block .ct11-query-continue,
            #contact #b2b_block .ct11-query-continue:hover,
            #contact #b2b_block .ct11-query-continue:active,
            #contact .ct11-form-main .form_container .btn-submit,
            #contact .ct11-form-main .form_container .btn-submit:hover,
            #contact .ct11-form-main .form_container .btn-submit:active {
                transform: none;
            }
        }

        #contact .fz-A,
        #contact .fz-B,
        #contact .fz-C,
        #contact .fz-D {
            line-height: 1.5em !important;
        }

        /* P2：欄位級錯誤提示 */
        #contact.contact11 .ct11-form-main .input-box .error {
            display: none;
            margin-top: 8px;
            color: #9c2f2f;
            font-size: 14px;
            line-height: 1.4;
        }

        #contact.contact11 .ct11-form-main .input-box.null .error {
            display: block;
        }

        #contact.contact11 .ct11-form-main .input-box.null input:not([type="checkbox"]):not([type="radio"]),
        #contact.contact11 .ct11-form-main .input-box.null select,
        #contact.contact11 .ct11-form-main .input-box.null textarea {
            border-color: #9c2f2f;
        }

        #contact.contact11 .ct11-form-main .btn_box .vertify.null .error {
            display: block;
        }

        #contact.contact11 .ct11-form-banner {
            display: none;
            width: 100%;
            margin-bottom: 12px;
            padding: 10px 12px;
            border-radius: var(--v11-radius-sm, 8px);
            background: color-mix(in srgb, #9c2f2f 10%, transparent);
            color: #9c2f2f;
            font-size: 14px;
            line-height: 1.4;
        }

        #contact.contact11 .ct11-form-banner.is-visible {
            display: block;
        }