.mob-nav .active,
.site-nav .active{
    color:#16a7f6;
}


.site-footer__inner{
    position:static!important;
}





.qw7x9-wa-wrap {
            --qw7x9-wa-green-1: #39df7b;
            --qw7x9-wa-green-2: #25d366;
            --qw7x9-wa-green-3: #12b956;
            --qw7x9-wa-circle-size: 58px;
            --qw7x9-wa-open-width: 195px;

            position: fixed;
            right: clamp(14px, 2vw, 28px);
            bottom: max(
                16px,
                calc(env(safe-area-inset-bottom) + 16px)
            );
            z-index: 999999;
            width: var(--qw7x9-wa-circle-size);
            height: var(--qw7x9-wa-circle-size);
            transition:
                width 0.34s cubic-bezier(0.22, 1, 0.36, 1);
        }

        .qw7x9-wa-wrap,
        .qw7x9-wa-wrap *,
        .qw7x9-wa-wrap *::before,
        .qw7x9-wa-wrap *::after {
            box-sizing: border-box;
        }

        .qw7x9-wa-inner {
            position: relative;

            width: 100%;
            height: var(--qw7x9-wa-circle-size);
        }

        /* =========================
           主按鈕
        ========================= */

        .qw7x9-wa-link {
            position: relative;
            z-index: 3;

            display: flex;
            align-items: center;

            width: 100%;
            height: var(--qw7x9-wa-circle-size);
            padding: 0;

            overflow: hidden;

            border: 0;
            border-radius: 999px;

            color: #ffffff;
            text-decoration: none;
            white-space: nowrap;

            background:
                linear-gradient(
                    135deg,
                    var(--qw7x9-wa-green-1) 0%,
                    var(--qw7x9-wa-green-2) 52%,
                    var(--qw7x9-wa-green-3) 100%
                );

            box-shadow:
                0 10px 28px rgba(0, 0, 0, 0.22),
                0 5px 13px rgba(37, 211, 102, 0.28),
                inset 0 1px 0 rgba(255, 255, 255, 0.23);

            outline: none;
            cursor: pointer;

            -webkit-tap-highlight-color: transparent;

            transition:
                transform 0.22s ease,
                box-shadow 0.22s ease,
                filter 0.22s ease;
        }

        /* 按鈕表面光感 */

        .qw7x9-wa-link::before {
            content: "";

            position: absolute;
            inset: 0;
            z-index: 0;

            pointer-events: none;

            background:
                linear-gradient(
                    115deg,
                    rgba(255, 255, 255, 0.2),
                    rgba(255, 255, 255, 0) 44%
                );
        }

        /* =========================
           WhatsApp 圖標
        ========================= */

        .qw7x9-wa-icon-box {
            position: relative;
            z-index: 2;

            display: flex;
            flex: 0 0 var(--qw7x9-wa-circle-size);
            align-items: center;
            justify-content: center;

            width: var(--qw7x9-wa-circle-size);
            height: var(--qw7x9-wa-circle-size);

            padding: 0;
            line-height: 0;
        }

        .qw7x9-wa-icon-box svg {
            display: block;
            flex: 0 0 auto;

            width: 30px;
            height: 30px;

            color: #ffffff;

            /*
             * WhatsApp 對話框尾巴會令圖標視覺重心稍微偏移，
             * 因此向右及向上微調。
             */
            transform: translate(0.7px, -0.4px);
            transform-origin: center;

            filter:
                drop-shadow(
                    0 1px 1px rgba(0, 0, 0, 0.12)
                );
        }

        /* =========================
           展開後文字
        ========================= */

        .qw7x9-wa-copy {
            position: relative;
            z-index: 2;

            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;

            min-width: 0;
            padding: 0 18px 0 0;

            opacity: 0;
            visibility: hidden;
            pointer-events: none;

            transform: translateX(10px);

            transition:
                opacity 0.18s ease,
                visibility 0.18s ease,
                transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
        }

        .qw7x9-wa-title {
            display: block;
            font-size: 12px;
            font-weight: 700;
            line-height: 1.1;
            letter-spacing: 0;
            color: #fff;
        }

        .qw7x9-wa-phone {
            display: block;
            color: #fff;
            font-size: 14px;
            font-weight: 700;
            line-height: 1.1;
            letter-spacing: 0.1px;
        }

        /* =========================
           波紋動畫
        ========================= */

        .qw7x9-wa-wave {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;

            width: var(--qw7x9-wa-circle-size);
            height: var(--qw7x9-wa-circle-size);

            border-radius: 50%;

            pointer-events: none;

            transition: opacity 0.2s ease;
        }

        .qw7x9-wa-wave::before,
        .qw7x9-wa-wave::after {
            content: "";

            position: absolute;
            inset: 1px;

            border: 2px solid rgba(37, 211, 102, 0.55);
            border-radius: 50%;

            animation:
                qw7x9-wa-ring-motion
                2.3s
                cubic-bezier(0.2, 0.6, 0.3, 1)
                infinite;
        }

        .qw7x9-wa-wave::after {
            animation-delay: 1.15s;
        }

        @keyframes qw7x9-wa-ring-motion {
            0% {
                opacity: 0.72;
                transform: scale(0.88);
            }

            75%,
            100% {
                opacity: 0;
                transform: scale(1.78);
            }
        }

        /* =========================
           PC 滑鼠移入展開
        ========================= */

        @media (hover: hover) and (pointer: fine) {
            .qw7x9-wa-wrap:hover,
            .qw7x9-wa-wrap:focus-within {
                width:
                    min(
                        var(--qw7x9-wa-open-width),
                        calc(100vw - 32px)
                    );
            }

            .qw7x9-wa-wrap:hover .qw7x9-wa-copy,
            .qw7x9-wa-wrap:focus-within .qw7x9-wa-copy {
                opacity: 1;
                visibility: visible;

                transform: translateX(0);

                transition-delay: 0.04s;
            }

            .qw7x9-wa-wrap:hover .qw7x9-wa-wave,
            .qw7x9-wa-wrap:focus-within .qw7x9-wa-wave {
                opacity: 0;
            }

            .qw7x9-wa-link:hover {
                filter: brightness(1.025);

                transform: translateY(-2px);

                box-shadow:
                    0 14px 32px rgba(0, 0, 0, 0.27),
                    0 7px 17px rgba(37, 211, 102, 0.32),
                    inset 0 1px 0 rgba(255, 255, 255, 0.25);
            }
        }

        /* =========================
           手機及 iPad 點擊展開
        ========================= */

        .qw7x9-wa-wrap.qw7x9-wa-is-open {
            width:
                min(
                    var(--qw7x9-wa-open-width),
                    calc(100vw - 28px)
                );
        }

        .qw7x9-wa-wrap.qw7x9-wa-is-open .qw7x9-wa-copy {
            opacity: 1;
            visibility: visible;

            transform: translateX(0);
        }

        .qw7x9-wa-wrap.qw7x9-wa-is-open .qw7x9-wa-wave {
            opacity: 0;
        }

        /* =========================
           鍵盤及點擊狀態
        ========================= */

        .qw7x9-wa-link:focus-visible {
            outline: 3px solid rgba(37, 211, 102, 0.32);
            outline-offset: 5px;
        }

        .qw7x9-wa-link:active {
            transform: scale(0.97);
        }

        /* =========================
           手機版
        ========================= */

        @media (max-width: 600px) {
            .qw7x9-wa-wrap {
                --qw7x9-wa-circle-size: 54px;
                --qw7x9-wa-open-width: 196px;

                right: 14px;
                bottom:
                    max(
                        14px,
                        calc(env(safe-area-inset-bottom) + 14px)
                    );
            }

            .qw7x9-wa-icon-box svg {
                width: 28px;
                height: 28px;

                transform: translate(0.6px, -0.3px);
            }

            .qw7x9-wa-copy {
                padding-right: 15px;
            }

            .qw7x9-wa-title {
                font-size: 11px;
            }

            .qw7x9-wa-phone {
                font-size: 13px;
            }
        }

        /* =========================
           很窄的手機
        ========================= */

        @media (max-width: 360px) {
            .qw7x9-wa-wrap {
                --qw7x9-wa-open-width: 188px;
            }

            .qw7x9-wa-copy {
                padding-right: 12px;
            }

            .qw7x9-wa-title {
                font-size: 10.5px;
            }

            .qw7x9-wa-phone {
                font-size: 12.5px;
            }
        }

        /* =========================
           減少動畫模式
        ========================= */

        @media (prefers-reduced-motion: reduce) {
            .qw7x9-wa-wrap,
            .qw7x9-wa-link,
            .qw7x9-wa-copy,
            .qw7x9-wa-wave {
                transition: none;
            }

            .qw7x9-wa-wave::before,
            .qw7x9-wa-wave::after {
                animation: none;
                opacity: 0;
            }
        }