body {
            background-color: #f0f0f0; /* 防白屏，加灰底 */
            margin: 0;
            padding: 0;
        }
        .main-container {
            width: 100%;
            height: auto;
            margin: 0 auto;
            position: relative;
            max-width: 1440px;
            overflow: hidden;
        }
        .w1440, .w940, .w750 {
            position: relative;
            display: none; /* 初始隱藏 */
        }
        .w1440 .xmas2025-p1, .w1440 .xmas2025-p2, .w1440 .xmas2025-p3, .w1440 .xmas2025-p4, .w1440 .xmas2025-p5, .w1440 .xmas2025-p6 {
            width: 100%;
            height: auto;
            max-width: 1440px;
            position: relative;
            line-height: 0;
        }
        .w940 .xmas2025-p1, .w940 .xmas2025-p2, .w940 .xmas2025-p3, .w940 .xmas2025-p4, .w940 .xmas2025-p5 {
            width: 100%;
            height: auto;
            max-width: 940px;
            position: relative;
            line-height: 0;
        }
        .w750 .xmas2025-p1, .w750 .xmas2025-p2, .w750 .xmas2025-p3, .w750 .xmas2025-p4, .w750 .xmas2025-p5, .w750 .xmas2025-p6, .w750 .xmas2025-p7 {
            width: 100%;
            height: auto;
            max-width: 940px;
            position: relative;
            line-height: 0;
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        .xmas2025-p1 img, .xmas2025-p2 img, .xmas2025-p3 img, .xmas2025-p4 img, .xmas2025-p5 img, .xmas2025-p6 img, .xmas2025-p7 img,
        .xmas2025-p1 video, .xmas2025-p2 video, .xmas2025-p3 video, .xmas2025-p4 video, .xmas2025-p5 video, .xmas2025-p6 video, .xmas2025-p7 video {
            width: 100%;
            height: auto;
            display: block;
            margin: 0;
            padding: 0;
        }
        .m10 {
            height: 0;
            margin-bottom: 10px;
        }
        .m20 {
            height: 0;
            margin-bottom: 20px;
        }
        .m40 {
            height: 0;
            margin-bottom: 40px;
        }
        .flex-center {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .flex-center-top {
            display: flex;
            justify-content: center;
            align-items: flex-start;
        }
        .br-mobile {
            display: none;
        }
        /* 強制 media query fallback（JS 晚到時用） */
        @media only screen and (min-width: 941px) {
            .w1440 { display: block !important; }
            .w940, .w750 { display: none !important; }
        }
        @media only screen and (min-width: 751px) and (max-width: 940px) {
            .w940 { display: block !important; }
            .w1440, .w750 { display: none !important; }
        }
        @media only screen and (max-width: 750px) {
            .w750 { display: block !important; }
            .w1440, .w940 { display: none !important; }
        }
        /* w750 專用：初始顯示 JPG，video 準備好後隱藏 img */
        .w750 .xmas2025-p1 img, .w750 .xmas2025-p2 img, .w750 .xmas2025-p3 img, .w750 .xmas2025-p4 img, .w750 .xmas2025-p5 img, .w750 .xmas2025-p6 img, .w750 .xmas2025-p7 img {
            opacity: 1;
            transition: opacity 0.3s ease;
        }
        .w750 .xmas2025-p1 video, .w750 .xmas2025-p2 video, .w750 .xmas2025-p3 video, .w750 .xmas2025-p4 video, .w750 .xmas2025-p5 video, .w750 .xmas2025-p6 video, .w750 .xmas2025-p7 video {
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            transition: opacity 0.3s ease;
            display: block;
        }
        .w750 .xmas2025-p1.loaded img, .w750 .xmas2025-p2.loaded img, .w750 .xmas2025-p3.loaded img, .w750 .xmas2025-p4.loaded img, .w750 .xmas2025-p5.loaded img, .w750 .xmas2025-p6.loaded img, .w750 .xmas2025-p7.loaded img {
            opacity: 0;
        }
        .w750 .xmas2025-p1.loaded video, .w750 .xmas2025-p2.loaded video, .w750 .xmas2025-p3.loaded video, .w750 .xmas2025-p4.loaded video, .w750 .xmas2025-p5.loaded video, .w750 .xmas2025-p6.loaded video, .w750 .xmas2025-p7.loaded video {
            opacity: 1;
        }
        .videofix {
            margin-top: -1px !important;
        }
        picture {
            pointer-events: none;
            cursor: none;
            outline: none;
        }
        picture ::selection {
            background: transparent;
            color: inherit;
        }

.main-container{
width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	margin: 0 auto;
	max-width: 1440px;
	overflow: hidden;
}
.w1440{
	position: relative;
	display: block;
}
.w940{
	display: none;
	}
.w750{
	display: none;
	}
.w1440 .xmas2025-p1,.w1440 .xmas2025-p2,.w1440 .xmas2025-p3,.w1440 .xmas2025-p4,.w1440 .xmas2025-p5,.w1440 .xmas2025-p6{
	width: 100%;
	height: auto;
	max-width: 1440px;
	position: relative;
	line-height: 0;
}


.xmas2025-p1 img,.xmas2025-p2 img,.xmas2025-p3 img,.xmas2025-p4 img,.xmas2025-p5 img,.xmas2025-p6 img,.xmas2025-p7 img{
	width: 100%;
	height: auto;
}
.m10 {
    height: 0;
    margin-bottom: 10px;
}
.m20 {
    height: 0;
    margin-bottom: 20px;
}
.m40 {
    height: 0;
    margin-bottom: 40px;
}
.flex-center{
	display: flex;
    justify-content: center;
    align-items: center;
}
.flex-center-top {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.br-mobile{
	display: none;
}

.click-map{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.click-map a{
	position: absolute;
	width: 100%;
	height: 100%;
	 
}
.click-map.p2 .c-1{
	width: 610px;
    height: 450px;
     
    position: absolute;
    top: 240px;
    left: 120px; 
}

.click-map.p2 .c-2{
	width: 610px;
    height: 450px;
     
    position: absolute;
    top: 360px;
    left: 740px; 
}
.click-map.p3 .c-3{
	    width: 660px;
    height: 430px;
     
    position: absolute;
    top: 168px;
    left: 110px; 
}
.click-map.p3 .c-4{
	width: 1190px;
    height: 280px;
     
    position: absolute;
    top: 600px;
    left: 110px; 
}
.click-map.p4 .c-5{
	      width: 1240px;
    height: 600px;
     
    position: absolute;
    top: 168px;
    left: 140px; 

}
.click-map.p5 .c-6{
width: 1310px;
    height: 640px;
     
    position: absolute;
    top: 8px;
    left: 70px; 
}
.click-map.p6 .c-7{
width: 1310px;
    height: 750px;
     
    position: absolute;
    top: 108px;
    left: 70px; 
}

@media only screen and (max-width: 1440px) {
	.click-map.p2 .c-1{
	        width: 41vw;
        height: 30vw;
        top: 17vw;
        left: 8vw; 
}

.click-map.p2 .c-2{
	    width: 41vw;
        height: 30vw;
        top: 26vw;
        left: 51vw; 
}
.click-map.p3 .c-3{
	    width: 48vw;
        height: 29vw;
        top: 12vw;
        left: 4vw; 
}
	.click-map.p3 .c-4{
	   width: 88vw;
        height: 21vw;
        top: 41.5vw;
        left: 4vw; 
}
		.click-map.p4 .c-5{
	   width: 91vw;
        height: 47vw;
        top: 7.5vw;
        left: 4vw; 
}
	.click-map.p5 .c-6{
	          width: 91vw;
        height: 47vw;
        top: 0.5vw;
        left: 4vw; 
}
	.click-map.p6 .c-7{
	    width: 91vw;
        height: 54vw;
        top: 5.5vw;
        left: 4vw; 
}
	
	
	
}

@media only screen and (max-width: 940px) {
	.click-map.p2 .c-1{
	    width: 61vw;
        height: 40vw;
        top: 24vw;
        left: 2vw; 
}

.click-map.p2 .c-2{
	    width: 61vw;
        height: 35vw;
        top: 65vw;
        left: 29vw; 
}
	.click-map.p3 .c-3{
	            width: 89vw;
        height: 48vw;
        top: 11vw;
        left: 4vw; 
}
	.click-map.p3 .c-4{
	    width: 89vw;
        height: 48vw;
        top: 72vw;
        left: 4vw; 
}
	.click-map.p4 .c-5{
	           width: 52vw;
        height: 57vw;
        top: 10vw;
        left: 1vw; 
}
		.click-map.p4 .c-6{
	    width: 56vw;
        height: 59vw;
        top: 50vw;
        left: 46vw; 
		 
}
		.click-map.p5 .c-7{
	   width: 91vw;
        height: 65vw;
        top: 2vw;
        left: 3vw; 
		 
}
}

@media only screen and (max-width: 750px) {
	.click-map.p2 .c-1{
	   width: 71vw;
        height: 60vw;
        top: 27vw;
        left: 0; 
        z-index: 50;
}

.click-map.p2 .c-2{
	    width: 82vw;
        height: 60vw;
        top: 116vw;
        left: 18vw; 
        z-index: 50;
}
	.click-map.p3 .c-3{
	    width: 92vw;
        height: 100vw;
        top: 6vw;
        left: 3vw; 
        z-index: 50;
}
	.click-map.p4 .c-4{
	    width: 92vw;
        height: 81vw;
        top: 6vw;
        left: 3vw; 
        z-index: 50;
		 
}
	.click-map.p5 .c-5{
	    width: 94vw;
        height: 102vw;
        top: 6vw;
        left: 2vw; 
        z-index: 50;
         
}
	.click-map.p6 .c-6{
	    width: 93vw;
        height: 81vw;
        top: 4vw;
        left: 2vw; 
        z-index: 50;
         
	}
	
.click-map.p7 .c-7{
	    width: 92vw;
        height: 131vw;
        top: 6vw;
        left: 3vw; 
        z-index: 50;
         
}
	
}


@media only screen and (max-width: 940px) {
	.w1440{
	display: none;
	}
	.w940{
	position: relative;
	display: block;
	}
	.w750{
	display: none;
	}
.w940 .xmas2025-p1,.w940 .xmas2025-p2,.w940 .xmas2025-p3,.w940 .xmas2025-p4,.w940 .xmas2025-p5,.w940 .xmas2025-p6{
	width: 100%;
	height: auto;
	max-width: 940px;
	position: relative;
	line-height: 0;
}


}


@media only screen and (max-width: 750px) {
	.w1440{
	display: none;
	}
	.w940{
	display: none;
	}
	.w750{
	position: relative;
	display: block;
	}
.w750 .xmas2025-p1,.w750 .xmas2025-p2,.w750 .xmas2025-p3,.w750 .xmas2025-p4,.w750 .xmas2025-p5,.w750 .xmas2025-p6,.w750 .xmas2025-p7{
	width: 100%;
	height: auto;
	max-width: 940px;
	position: relative;
	line-height: 0;
}
}

.container_mb{
	max-width: 1440px!important;
	width: 100%;
}
@media only screen and (max-width: 1440px) {
	.address_flex_mb{
		    padding: 0 20px;
	}

}

@media only screen and (max-width: 992px) {
	    .container_mb {
        max-width: none!important;
    }
}

@media only screen and (max-width: 768px) {
	    .container_mb {
        width: 100%;
    }
}