body {
            margin: 0;
            padding: 0;
            background: #faf3e9;
            background-image: url(TBSbackground.jpg?t=1750248473704);
            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;
        }

        .TBScategorytitle {
            cursor: default;
            z-index: 99;
        }

        .TBScategorytitle span {
            font-size: 36px;
        }

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

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

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

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

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

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

        }

        .TBSpromoteSetLight: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_TBSnavbar {
            margin-bottom: 0 !important;
            /* justify-content: flex-start !important; */
            background-color: #004236;
        }

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

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

        @media screen and (max-width: 768px) {
            body {
                background-image: none;
                /* 手機版背景  */
                background-image: url(TBSbackground_m.jpg?t=1750248473704);
                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;*/
            }

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

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

            .Area_TBSnavbar .Area_TBSnavbar_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;
            }

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

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

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

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

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

            .Area_item {padding-bottom:50px;}
            .Area_item .layout_item {width:100%;margin:0;padding:0!important;}
            .Area_item .layout_item ul{display: flex; margin:0!important;padding:0!important;}
            .Area_item .layout_item ul li{position:relative;;padding: 0!important;}
            .Area_item .layout_item ul li img {width:90%;}
            .Area_item .PD_layout .PD_slide{min-width:inherit!important;}


        }

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

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

        /* Swiper樣式區域 */
        .TBSswiper {
            --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;
            }
    .Area_item{/* padding-bottom:7vw; */}
	.Area_item .layout_item {width:100%;}
	.Area_item .layout_item ul{width:94%;margin:0 0 0 3%!important;padding:0!important;}
	.Area_item .layout_item ul li img {width:100%;}
        }

        /*閃光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%);
            }
        }