body {
            margin: 0;
            padding: 0;
            background: #efe4df;
            background-image: url(LUXEbackground.jpg?t=1751020979319);
            width: 100%;
            background-size: cover;
            background-position: center center;
            background-attachment: fixed;
            background-repeat: no-repeat;
        }

        .row {
            /*fixed flexbox stretch images*/
            align-items: center !important;
        }

        .col-6 {
            transition-duration: .3s;
        }

        .col-6 a:hover {
            cursor: pointer;
        }

        .LUXEcategorytitle {
            /*分類大標樣式*/
            /* pointer-events: none; */
            cursor: default;
            z-index: 99;
            /* 白底黑字用大標陰影 */
            /* filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.8));
            -webkit-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.8)); */
        }

        .LUXEcategorytitle span {
            /* 安全字 */
            font-size: 36px;
        }

        html {
            /* user-select: none; */
            /* color: black; */
            color: #fff;
            text-align: center;
            scroll-behavior: smooth;
        }

        .LUXEtransformScale {
            transform: scale(1);
            transition-duration: .3s;
        }

        .LUXEtransformScale:hover {
            transform: scale(0.98);
            cursor: pointer;
        }

        .LUXEtransformPosition {
            transform: translate(0, 0);
            transition-duration: .3s;
        }

        .LUXEtransformPosition:hover {
            /* 滿額贈hover動態  */
            transform: translate(0, -8px);
        }

        .LUXEpromoteSetLight {
            filter: drop-shadow(0 0 0px #eafdff) brightness(.98);
            -webkit-filter: drop-shadow(0 0 0px #eafdff) brightness(.98);
            transition-duration: .3s;

        }

        .LUXEpromoteSetLight:hover {
            filter: drop-shadow(0px 0px 0px #fff) brightness(1.03);
            -webkit-filter: drop-shadow(0px 0px 0px #fff) brightness(1.03);
            transition-duration: .3s;
        }


        .Area_LUXEnavbar {
            margin-bottom: 0 !important;
            /* justify-content: flex-start !important; */
            background-color: #00425B;
        }

        .LUXEnavbar a {
            color: rgb(255, 255, 255);
            transition-duration: .3s;
            font-family: futurastdmedium, noto sans tc, Arial, 微軟正黑體, microsoft jhenghei, sans-serif;
            font-weight: 500;
            font-size: 1.08rem;
            line-height: 2.5em;
            text-align: center;
            vertical-align: middle;
        }

        /* 選單hover動態 */
        .LUXEnavbar a:hover {
            background-color: #0c78a0;
            color: rgb(255, 255, 255);
            opacity: 1;
        }

        .LUXEoverlay {
            position: absolute;
            top: 0%;
        }

        @media screen and (max-width: 768px) {
            .LUXEoverlay {
                position: absolute;
                top: 50%;
            }

            body {
                background-image: none;
                /* 手機版背景  */
                background-image: url(LUXEbackground_m.jpg?t=1751020979319);
                background-size: cover;
                background-position: center center;
                background-attachment: fixed;
                background-repeat: no-repeat;

                /* 手機版漸層色背景  
                background-image: linear-gradient(to left, #4fc1e5, #5bc8e9, #4fc1e5);
                background-size: 100%;
                background-repeat: repeat-y;
                background-attachment: scroll;*/
            }

            .LUXEtransformPosition:hover {
                /* 滿額贈hover動態  */
                transform: none;
                filter: none;
            }

            .Area_LUXEnavbar {
                margin-bottom: 0 !important;
                /* justify-content: flex-start !important; */
                background-color: #dadff9;
            }

            .Area_LUXEnavbar .Area_LUXEnavbar_box {
                display: inline-flex;
                width: auto;
                max-width: inherit;
                overflow-y: hidden;
                overflow-x: auto;
                justify-content: flex-start !important;
                -webkit-overflow-scrolling: touch;
                -moz-overflow-scrolling: touch;
                -ms-overflow-scrolling: touch;
                -o-overflow-scrolling: touch;
                padding-bottom: 0.5em;
            }

            .LUXEnavbar {
                flex-wrap: nowrap;
                align-items: center;
            }

            .LUXEnavbar a {
                font-size: 0.95rem;
                background-color: #0c78a0;
                color: rgb(255, 255, 255);
                opacity: 1;
                line-height: 0.9em;
                white-space: nowrap;
                padding: 0.5em 0.8em;
                margin-right: 0.5em;
            }

            .LUXEnavbar a:last-child {
                margin-right: 0;
            }

            .carousel2102 {
                margin-top: -55%;
            }

            .LUXEpromoteSetLight {
                /* mb取消組合hover動態 */
                filter: drop-shadow(0px 0px 0px #fff);
                -webkit-filter: drop-shadow(0px 0px 0px #fff);
            }
        }

        #LUXEScrolltoTopBtn {
            width: 60px;
            position: fixed;
            right: 1%;
            bottom: 3%;
            height: auto;
            opacity: 0;
            transition-duration: .3s;
            z-index: 99;
        }

        #LUXEScrolltoTopBtn:hover {
            cursor: pointer;
            opacity: 1;
        }

        /* Swiper樣式區域 */
        .LUXEswiper {
            --swiper-theme-color: #000000;
            --swiper-navigation-color: #fff;
            --swiper-navigation-size: 30px;
        }

        .swiper-pagination {
            width: 100%;
            left: 0%;
            bottom: 8%;
            /* --swiper-pagination-color: #cf0000; */
        }

        @media screen and (min-width:768px) {
            ::-webkit-scrollbar-thumb {
                background: #666;
            }

            ::-webkit-scrollbar {
                -webkit-appearance: none;
                width: 10px;
                height: 5px;
                background: #000;
            }
        }

        /*閃光1*/
        .brightness1-play {
            -webkit-animation: brightness1-play 3s infinite;
            animation: brightness1-play 3s infinite;
        }

        @keyframes brightness1-play {
            0% {
                filter: brightness(100%);
            }

            88% {
                filter: brightness(100%);
            }

            90% {
                filter: brightness(110%);
            }

            96% {
                filter: brightness(100%);
            }

            98% {
                filter: brightness(110%);
            }

            100% {
                filter: brightness(100%);
            }
        }


        /*主標微亮*/
        .minbright-play {
            -webkit-animation: minbright-play 2s infinite alternate;
            animation: minbright-play 2s infinite alternate;
        }

        @-webkit-keyframes minbright-play {
            0% {
                filter: brightness(120%);
            }

            100% {
                filter: brightness(100%);
            }
        }

        @keyframes minbright-play {
            0% {
                filter: brightness(120%);
            }

            100% {
                filter: brightness(100%);
            }
        }