@charset "UTF-8";
.WRAPPER {
	font-family: "微軟正黑體";
	width: 100%;
	display: block;
	margin: 0 auto;
	background: #e3d6c9;
}
.WRAPPER * {
	box-sizing: border-box;
}
.WRAPPER img {
	display: block;
	max-width: 100%;
}
.WRAPPER > div {
	position: relative;
}

.WRAPPER .pc { display: block; }
.WRAPPER .mb { display: none; }
@media (max-width: 810px) {
	.WRAPPER .pc { display: none; }
	.WRAPPER .mb { display: block; }
}

.WRAPPER .w-25 { width: 25% !important; }
.WRAPPER .w-50 { width: 50% !important; }
.WRAPPER .w-100 { width: 100% !important; }
.WRAPPER .w-auto { width: auto !important; }

.WRAPPER a {
	display: block;
	cursor: pointer;
	text-decoration: none;
	outline: none !important;
}

/*2個連結*/
.WRAPPER .event_pageTWO {
	position: relative;
}
.WRAPPER .event_pageTWO a{
	position: absolute;
	width: 50%; height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
}
.WRAPPER .event_pageTWO a:nth-of-type(2){
	right: 0;
	left: auto;
}

/*3個連結*/
.WRAPPER .event_linkTHREE {
	position: relative;
}
.WRAPPER .event_linkTHREE a{
	position: absolute;
	width: 33.33%;
	height: 100%;
	z-index: 1;
	top: 0; left: 0;
}
.WRAPPER .event_linkTHREE a:nth-of-type(2){
	left: 33.33%
}
.WRAPPER .event_linkTHREE a:nth-of-type(3){
	right: 0;
	left: auto;
}

/*影片*/
.WRAPPER .event_video{
	position: relative;
	width: 100%;
	max-width: 1220px;
	display: block;
	margin: 0 auto;
	padding: 60px 0;
}
.WRAPPER .video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px; /* 25px */
	height: 0;
	overflow: hidden;
}
.WRAPPER .video-container iframe, .WRAPPER .video-container object, .WRAPPER .video-container embed {
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 810px) {
	.WRAPPER .event_video {
		padding: 30px;
		
	}
}

.WRAPPER .Heading {
	background: #fff;
}
.WRAPPER .Heading .logo {
	margin: 0 auto;
	padding: 24px 40px;
	width: fit-content;
}
@media (max-width: 810px) {
	.WRAPPER .Heading .logo {
		padding: 2.5vw 4.16vw;
	}
}
/* 主選單 */
.WRAPPER .navSwiper {
	background: #000;
	height: 60px!important;/*momo*/
}
.WRAPPER .navSwiper .swiper-wrapper {
	margin: 0 auto;
	width: fit-content;
}
.WRAPPER .navSwiper .swiper-slide {
	width: fit-content;
}
.WRAPPER .navSwiper .swiper-slide a {
	padding: 16px 0;
	min-width: 200px;
	font-size: 20px;
	text-align: center;
	letter-spacing: .025em;
	color: #fff;
	border-right: 1px solid #fff;
	transition: all .3s;
}
.WRAPPER .navSwiper .swiper-slide a:hover {
	background: #fff;
	color: #000;
	transition: all .3s;
}
.WRAPPER .navSwiper .swiper-slide:last-child a {
	border: 0;
}
.WRAPPER .navSwiper .swiper-slide a img {
	margin: 0 auto;
}
@media (max-width: 810px) {
	.WRAPPER .navSwiper {
		padding: 2vw 2.5vw;
		height: 14.9vw !important;
	}
	.WRAPPER .swiper-scrollbar {
		opacity: 0;
	}
	.WRAPPER .navSwiper .swiper-slide a {
		padding: 2.9vw;
		min-width: 21.8vw;
		font-size: 3.9vw;
		letter-spacing: .025em;
		color: #fff;
		border: 0;
		background: #242424;
		margin-right: 2.5vw;
	}
	.WRAPPER .navSwiper .swiper-slide:last-child a {
		border: 0;
		margin-right: 0;
	}
}

/* KV */
.WRAPPER .swiper.KVSwiper{	height: 560px!important;}/*momo*/
.WRAPPER .KVSwiper .swiper-slide a img {
	margin: 0 auto;

}
.WRAPPER .kv01 {
	background: url(KV_Event_bg.jpg?t=1747009873823) no-repeat center;
}
.WRAPPER .kv02 {
	background: url(KV_Elixir_bg.jpg?t=1713344568943) no-repeat center;
}
.WRAPPER .kv03 {
	background: url(KV_Premiere_B_bg.jpg?t=1713344568943) no-repeat center;
}
.WRAPPER .kv04 {
	background: url(KV_Genesis_bg.jpg?t=1713344568943) no-repeat center;
}
.WRAPPER .kv05 {
	background: url(KV_Chrono_bg.jpg?t=1713344568943) no-repeat center;
}
.WRAPPER .kv06 {
	background: url(KV_Premiere_bg.jpg?t=1713344568943) no-repeat center;
}
.WRAPPER .kv07 {
	background: url(KV_KVIP_bg.jpg?t=1713344568943) no-repeat center;
}
.WRAPPER .swiper-pagination-bullet {
	opacity: 0.5;
	background: #fff;
}
.WRAPPER .swiper-pagination-bullet-active {
	opacity: 0.5;
	background: #242424;
}
@media (max-width: 810px) {
	.WRAPPER .swiper.KVSwiper{
		height: 139vw !important;
	}
}

/* 產品特色 */
.WRAPPER .swiper.PDSwiper {	height: 630px!important;}/*momo*/
.WRAPPER .pd_wrap {
	max-width: 960px;
	margin: 0 auto;
}
.WRAPPER .pd_wrap > div {
	position: relative;
}
.WRAPPER .sp > a {
	transition: all .5s;
}
.WRAPPER .sp > a:hover {
	transform: scale(0.975);
	transition: all .5s;
}
@media (max-width: 810px) {
	.WRAPPER .swiper.PDSwiper {
		height: 65.6vw !important;
	}
}