@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;600;800;900&family=Poppins:wght@400;600;700;800&display=swap');

html.disableScroll{
	overflow:hidden;
}

body{
	--color:#f4f0e5;
	--color1:#cfa23b;
	--color2:#c2272d;
	--color3:#114485;
	--ff:Poppins, 'Noto Sans TC', Tahoma, 微軟正黑體, serif;
	--fs:clamp(10px, 0.94vw, 18px);
	--fw:600;
	--shadow-size:0.83em;
}

.mainContainer{
	max-width:1920px;
	overflow:hidden;
}

.midBlock,
.themeMain{
	display:none;
}

.themeEventContainer{
	font-family: var(--ff);
	font-size:var(--fs);
	font-weight:var(--fw);
	color:var(--color);
	background: currentColor;
}

/************************************** 其它共用 start ***************************************************/
.cs::-webkit-scrollbar{
	width:8px;
}
.cs.h::-webkit-scrollbar{
	height:8px;
}
.cs::-webkit-scrollbar-thumb{
	border:2px solid transparent;
	border-radius:10px;
	background-color:var(--color3);
	background-clip: content-box;
}
.cs::-webkit-scrollbar-thumb:hover{
	background-color: var(--color1);
}

.themeEventContainer a:hover{
	color:currentColor;
}

/***************** kvCircle start ************************/
.kvCircle{
	position: absolute;
	left:50%;
	top:0;
	transform:translateX(-50%);
	width:88%;
	aspect-ratio:1;
}
.kvCircle .out,
.kvCircle .in,
.kvCircle p{
	position: absolute;
	left:0;
	top:0;
}
.kvCircle .out,
.kvCircle .in{
	width:100%;
	height:100%;
}
.kvCircle p{
	right:0;
	bottom:0;
	width:43.52%;
	aspect-ratio:1;
	margin:auto;
	font-size: 0;
}
.kvCircle .out:before,
.kvCircle .in:before,
.kvCircle p:before{
	content:"";
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.kvCircle .out:before,
.kvCircle .in:before{
	height:inherit;
}
.kvCircle .out:before{
	background-image: url(../images/kvCircleOut.svg);
	animation-name:kvCircle1;
	animation-duration: 350s;
}
.kvCircle .in:before{
	background-image: url(../images/kvCircleIn.svg);
	animation-name:kvCircle2;
	animation-duration: 250s;
}
.kvCircle p:before{
	height:100%;
	background-image: url(../images/kvCircleTxt.svg);
	animation-name:kvCircle1;
	animation-duration: 150s;
}

@keyframes kvCircle1{
	to{
		transform: rotate(-360deg);
	}
}
@keyframes kvCircle2{
	to{
		transform: rotate(360deg);
	}
}
/***************** kvCircle end ************************/

/***************** obj start ************************/
.obj{
	position: absolute;
	left:0;
	top:0;
}

.star{
	aspect-ratio:1;
}
.s1,
.s2{ width:1.77em;}
.s3,
.s4{ width:3.44em;}
.star.fadeIn{
	animation:starFadeIn 1s ease-in infinite alternate;
}
.star.fadeIn.delay1{ animation-delay:0s;}
.star.fadeIn.delay2{ animation-delay:0.3s;}
.star.fadeIn.delay3{ animation-delay:0.6s;}
.star.fadeIn.delay4{ animation-delay:1s;}
@keyframes starFadeIn{
	from{
		opacity: 0;
		transform: scale(0.5);
	}
}
.star:before{
	content:"";
	display: block;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.s1.w:before{ background-image: url(../images/objStar1w.svg); animation-name:starRotate1; animation-duration:5s;}
.s1.y:before{ background-image: url(../images/objStar1y.svg); animation-name:starRotate2; animation-duration:10s;}
.s1.r:before{ background-image: url(../images/objStar1r.svg); animation-name:starRotate1; animation-duration:15s;}
.s1.b:before{ background-image: url(../images/objStar1b.svg); animation-name:starRotate2; animation-duration:20s;}
.s2.w:before{ background-image: url(../images/objStar2w.svg); animation-name:starRotate1; animation-duration:5s;}
.s2.y:before{ background-image: url(../images/objStar2y.svg); animation-name:starRotate2; animation-duration:10s;}
.s2.r:before{ background-image: url(../images/objStar2r.svg); animation-name:starRotate1; animation-duration:15s;}
.s3.y:before{ background-image: url(../images/objStar3y.svg); animation-name:starRotate1; animation-duration:5s;}
.s3.r:before{ background-image: url(../images/objStar3r.svg); animation-name:starRotate2; animation-duration:10s;}
.s3.b:before{ background-image: url(../images/objStar3b.svg); animation-name:starRotate1; animation-duration:15s;}
.s4.w:before{ background-image: url(../images/objStar4w.svg); animation-name:starRotate1; animation-duration:5s;}
.s4.y:before{ background-image: url(../images/objStar4y.svg); animation-name:starRotate2; animation-duration:10s;}
.s4.r:before{ background-image: url(../images/objStar4r.svg); animation-name:starRotate1; animation-duration:15s;}
@keyframes starRotate1{
	to{
		transform: rotate(-360deg);
	}
}
@keyframes starRotate2{
	to{
		transform: rotate(360deg);
	}
}
@keyframes hang{
	from{
		transform: rotate(2deg);
	}
	to{
		transform: rotate(-2deg);
	}
}
@keyframes shake{
	from{
		transform: rotate(-5deg);
	}
	to{
		transform: rotate(5deg);
	}
}
/***************** obj end ************************/

/*************** timeTag start **********************/
.timeTag{
	--side-space:8.33%;
	position: absolute;
	top:0;
	width:4.57em;
	aspect-ratio:1;
	transform: translateY(-50%);
	border-radius:50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 1.7em;
	font-weight: 700;
	line-height: 1em;
}
.timeTag.instock span{
	font-size: 0.9em;
	font-weight: 800;
	line-height: 1.1em;
	margin-top:-0.3em;
}
.timeTag.t1{
	color:var(--color1);
	background:var(--color2);
}
.timeTag.t2{
	color:var(--color2);
	background:var(--color1);
}
.timeTag.t3{
	color:var(--color1);
	background:var(--color3);
}
.timeTag.t4{
	color:var(--color3);
	background:var(--color1);
}

.timeTag i{
	border:0.35em solid transparent;
	border-bottom:none;
	border-top-color:currentColor;
	margin:0.15em 0;
}
/*************** timeTag end **********************/

/*************** 陰影按鈕 start **********************/
.shadowBtn{
	--offset:0.4em;
	position: relative;
	font-size:1.33em;
	line-height: 1em;
	display: inline-block;
}
.shadowBtn.sb1{
	--c1:var(--color2);
	--c2:var(--color1);
}
.shadowBtn.sb2{
	--c1:var(--color1);
	--c2:var(--color2);
}
.shadowBtn.sb3{
	--c1:var(--color1);
	--c2:var(--color3);
}
.shadowBtn:before,
.shadowBtn span{
	display: block;
	border-radius:2em;
}
.shadowBtn:before{
	position: absolute;
	content:"";
	left:0;
	top:0;
	width:100%;
	height:100%;
	margin:var(--offset) 0 0 var(--offset);
	background: var(--c1);
}
.shadowBtn span{
	position: relative;
	padding:0.6em 1.8em;
	color: var(--c1);
	background: var(--c2);
	transition: transform 0.2s;
}
.shadowBtn:hover span{
	transform:translate(var(--offset), var(--offset));
}
/*************** 陰影按鈕 end **********************/
/************************************** 其它共用 end ***************************************************/

/************************************** header start ***************************************************/
.themeEventContainer header{
	position:fixed;
	right:0;
	top:90px;
	color:var(--color3);
	font-size:1.1em;
	z-index:1;
}

.themeEventContainer header nav,
.themeEventContainer header ._burgerBtn{
	position:absolute;
	right:0;
	top:0;
}

/********************** nav start *************************/
.themeEventContainer header nav{
	display:flex;
	flex-direction:column;
	align-items: center;
	text-align: center;
	background:rgba(255, 255, 255, 0.9);
	width:0;
	height:100vh;
	font-size:1.05em;
	overflow:hidden;
	transition:all 0.2s;
}

.themeEventContainer header nav > ul{
	margin-top:5em;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.themeEventContainer header nav > ul li{
	border-bottom: 1px solid;
	width:4.2em;
}
.themeEventContainer header nav > ul li+li{
	margin-top:1em;
}
.themeEventContainer header nav a:hover,
.themeEventContainer header nav li.active,
.themeEventContainer header nav li.active a{
	color:var(--color2);
}
.themeEventContainer header nav a{
	display: block;
	font-weight:500;
	padding:0.5em 0;
	line-height:1em;
	color:currentColor;
	transition:all 0.2s;
}
.themeEventContainer header nav > ul li:nth-child(1) a{
	font-size:1.2em;
}
.themeEventContainer header nav a:hover,
.themeEventContainer header nav li.active a{
	font-weight:900;
}

.themeEventContainer header nav .sns{
	margin-top:3em;
}
.themeEventContainer header nav .sns ul{
	display:flex;
}
.themeEventContainer header nav .sns ul li{
	cursor:pointer;
	width:2em;
	transition:transform 0.2s;
}
.themeEventContainer header nav .sns ul li+li{
	margin-left:0.25em;
}
.themeEventContainer header nav .sns ul li:hover{
	transform:scale(1.2);
}
.themeEventContainer header nav .sns ul li:before{
	content:"";
	display:block;
	padding-top:100%;
	background:url(../images/sns.svg) no-repeat;
	background-size:300%;
	background-position-y:top;
}
.themeEventContainer header nav .sns ul li:nth-child(1):before{ background-position-x:left;}
.themeEventContainer header nav .sns ul li:nth-child(2):before{ background-position-x:center;}
.themeEventContainer header nav .sns ul li:nth-child(3):before{ background-position-x:right;}
.themeEventContainer header nav .sns ul li span{
	display:none;
}
/********************** nav end *************************/

/********************** _burgerBtn start *************************/
.themeEventContainer header ._burgerBtn{
	margin:0.8em 0.8em 0 0;
	width:1.8em;
}
.themeEventContainer header ._burgerBtn span,
.themeEventContainer header ._burgerBtn span:before,
.themeEventContainer header ._burgerBtn span:after{
	position:absolute;
	display:block;
	right:0;
	width:100%;
	height:3px;
	border-radius:0.25em;
	background:#FFF;
}
.themeEventContainer header.init ._burgerBtn span,
.themeEventContainer header.init ._burgerBtn span:before,
.themeEventContainer header.init ._burgerBtn span:after{
	background:currentColor;
}
.themeEventContainer header ._burgerBtn span:before,
.themeEventContainer header ._burgerBtn span:after{
	content:"";
	top:50%;
	transition:transform 0.2s;
}
.themeEventContainer header ._burgerBtn span{
	top:0;
	margin-top:27.77%;
	z-index:0;
}
.themeEventContainer header ._burgerBtn span:before{ transform:translateY(-350%);}
.themeEventContainer header ._burgerBtn span:after{ transform:translateY(250%);}
.themeEventContainer header ._burgerBtn:after{
	position:absolute;
	right:0;
	top:0;
	content:"";
	display:block;
	width:100%;
	padding-top:65%;
	opacity:0;
	z-index:2;
}
/********************** _burgerBtn end *************************/
/************************************** header end ***************************************************/

.sectionContainer{
	position: relative;
	z-index: 0;
}

/****************************************** home start ************************************************/
.home{
	position: relative;
}

.home .CT{
	position: relative;
	aspect-ratio:2.375;
}

/********************* kvCircle start *************************/
.home .kvCircle{
	margin-top:-23.68%;
}

.home .kvCircle h2{
	position: absolute;
	left:0;
	right:0;
	top:0;
	margin:35.58% auto 0;
	width:30.58%;
	aspect-ratio:2.73;
	font-size: 0;
}
.home .kvCircle h2:before{
	content:"";
	display: block;
	height:100%;
	background: url(../images/kvTitle.svg) no-repeat center/100%;
	animation:kvTitle 1s ease-in-out alternate infinite;
}
@keyframes kvTitle{
	to{
		transform: translateY(-5%);
	}
}
.home .kvCircle time{
	position: absolute;
	left:0;
	bottom:0;
	margin:0 0 24% 35.7%;
	width:26.47%;
	aspect-ratio:1;
	font-size: 0;
}
.home .kvCircle time:before{
	content:"";
	display: block;
	height:100%;
	background: url(../images/kvTime.svg) no-repeat center/100%;
	animation:kvTime 1.5s ease-in-out alternate infinite;
}
@keyframes kvTime{
	to{
		transform: translateX(4%);
	}
}
/********************* kvCircle end *************************/

/********************* scrollHint start *************************/
.scrollHint{
	position:absolute;
	left:50%;
	bottom:0;
	width:5%;
	aspect-ratio:1;
	transform:translateX(-50%);
	cursor:pointer;
}
.scrollHint span{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	animation:scrollHint 0.5s ease-in infinite alternate;
}
@keyframes scrollHint{
	to{
		transform:translateY(10px);
	}
}
.scrollHint span:before,
.scrollHint span:after{
	position:absolute;
	bottom:40%;
	content:"";
	display:block;
	width:50%;
	height:2px;
	background:#FFF;
}
.scrollHint span:before{
	right:50%;
	transform-origin:right bottom;
	transform:rotate(42deg);
}
.scrollHint span:after{
	left:50%;
	transform-origin:left bottom;
	transform:rotate(-42deg);
}
/********************* scrollHint end *************************/
/****************************************** home end ************************************************/

/****************************************** web start ************************************************/
.web{
	position: relative;
}

/******************* sectionTitle start **********************/
.web .sectionTitle{
	position: relative;
	aspect-ratio:5.5718;
	background: url(../images/bg1Top.png) no-repeat center bottom/100%;
}
.web .sectionTitle h3{
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
	width:27.36%;
	aspect-ratio:3.17;
}
.web .sectionTitle h3 strong{
	display: block;
	height:100%;
	font-size: 0;
	background: url(../images/webTitle.svg) no-repeat center/100%;
	transform-origin: center bottom;
}

/********* obj start ***********/
.web .sectionTitle h3 .o1{ margin: 0% 0 0 -28%;}
.web .sectionTitle h3 .o2{ margin: 19% 0 0 -20%;}
.web .sectionTitle h3 .o3{ margin: 8% 0 0 -9%;}
.web .sectionTitle h3 .o4{ margin: 0% 0 0 104%;}
.web .sectionTitle h3 .o5{ margin: 26% 0 0 117%;}
/********* obj end ***********/
/******************* sectionTitle end **********************/

.web .ctWrapper{
	padding-bottom:31.05%;
	background: url(../images/bg1.gif) center top/100%;
}

/******************* 區標 start **********************/
.web .ctWrapper hgroup{
	position: absolute;
	top:0;
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	z-index: 1;
}
.web hgroup h4{
	--dot-space:0.25em;
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	font-size: 2.61em;
	font-weight: 900;
	line-height: 1em;
	background: var(--color);
	color:var(--color2);
	padding:0.35em 0.6em 0.3em;
}
.web hgroup h4:before,
.web hgroup h4:after{
	content:"";
	display: block;
	width:0.22em;
	aspect-ratio:1;
	border-radius:50%;
	background: var(--color3);
}
.web hgroup h4:before{ margin-right:var(--dot-space);}
.web hgroup h4:after{ margin-left:var(--dot-space);}
/******************* 區標 end **********************/

/***************** 數字閃光 start ************************/
.flash{
	animation:0.8s ease-in infinite alternate;
}
.flash.f1{
	animation-name:flash1;
}
.flash.f2{
	animation-name:flash2;
}
.flash.delay1{ animation-delay:0s;}
.flash.delay2{ animation-delay:0.6s;}
.flash.delay3{ animation-delay:1.2s;}
.flash.delay4{ animation-delay:1.8s;}
@keyframes flash1{
	to{
		color:#ff6666;
		text-shadow:0 0 0.5em rgba(255, 255, 255, 0.8);
	}
}
@keyframes flash2{
	to{
		color:#FFF;
		text-shadow:0 0 0.5em rgba(255, 255, 255, 0.8);
	}
}
/***************** 數字閃光 end ************************/

/***************** 提示圓標 start ************************/
.remind{
	min-width: 10em;
	border-radius:2em;
	font-style: normal;
	line-height: 1em;
	text-align: center;
	padding:0.5em 1.5em 0.4em;
}
.remind.r1{
	color:var(--color1);
	background:var(--color2);
}
.remind.r2{
	color:var(--color2);
	background:var(--color1);
}
/***************** 提示圓標 end ************************/

/***************** ruleBlock start ************************/
.ruleBlock{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top:3em;
}
.ruleBlock button{
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 10em;
	color: currentColor;
	background:none;
	border:0.15em solid;
	border-radius:2em;
	cursor:pointer;
	font-size: inherit;
	font-family: inherit;
	font-weight: 400;
	line-height: 1em;
	padding:0.5em 1.5em 0.4em;
	transition: all 0.2s;
}
.ruleBlock button:after{
	content:">";
	font-family: Arial;
	margin-left:0.5em;
}
.ruleBlock button:hover{
	border-color:var(--color2);
	background:var(--color2);
}
.ruleBlock .ct{
	display: none;
}
/***************** ruleBlock end ************************/

/******************* discount start **********************/
.discount{
	position: relative;
	padding:8.42% 0;
}

.discount ._CT{
	position: relative;
	width:63.15%;
	margin:0 auto;
}

.discount hgroup{
	left:0;
	width:100%;
}

.discount ul{
	display: flex;
}
.discount li{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	width:50%;
	aspect-ratio:1.33;
	padding:4.77em 2.77em 2.22em;
}
.discount li:nth-child(1){
	background: var(--color1);
	box-shadow: var(--shadow-size) var(--shadow-size) 0 0 var(--color2);
}
.discount li:nth-child(2){
	background: var(--color2);
	box-shadow: var(--shadow-size) var(--shadow-size) 0 0 var(--color1);
}

.discount li h5{
	width:100%;
	font-size: 2em;
	line-height: 1em;
	padding-bottom:0.35em;
	border-bottom:0.15em solid;
}
.discount li:nth-child(1) h5{
	color:var(--color2);
}
.discount li:nth-child(2) h5{
	color:var(--color1);
}

.discount li:nth-child(1) .timeTag{
	left:0;
	margin-left:var(--side-space);
}
.discount li:nth-child(2) .timeTag{
	right:0;
	margin-right:var(--side-space);
}

.discount li p{
	font-size: 1.33em;
	font-weight: 600;
	line-height: 2.1em;
	margin:1.2em 0 0;
}
.discount li p em{
	font-style: normal;
}
.discount li:nth-child(1) p em{
	color:var(--color2);
}
.discount li:nth-child(2) p em{
	color:var(--color1);
}
.discount li p em strong{
	font-size: 2em;
}

.discount li > em{
	margin-top:auto;
}

/********** obj start **********/
.discount .light{
	width:8.84%;
	aspect-ratio:0.55;
	margin:8.21% 0 0 4.73%;
}
.discount .light:before{
	content:"";
	display: block;
	transform-origin: center top;
	height:100%;
	background: url(../images/obj_light1.svg) no-repeat center top/100%;
	animation:hang 1s ease-in-out infinite alternate;
}
.discount .light .o1{ margin: 186% 0 0 0;}
.discount .light .o2{ margin: 46% 0 0 80%;}

.discount .elephant{
	width:19.05%;
	aspect-ratio:1.14;
	margin:24.63% 0 0 73.89%;
}
.discount .elephant:before{
	content:"";
	display: block;
	height:100%;
	background: url(../images/obj_elephant.svg) no-repeat center top/100%;
	animation:shake 1.5s ease-in-out infinite alternate;
}
.discount .elephant .o1{ margin: 64% 0 0 38%;}
.discount .elephant .o2{ margin: 3% 0 0 70%;}
/********** obj end **********/
/******************* discount end **********************/

/******************* brand start **********************/
.brand{
	position: relative;
}

.brand ._CT{
	position: relative;
	aspect-ratio:2.71;
	background: var(--color2);
	display: flex;
	align-items: center;
	padding-left:18.42%;
}

.brand hgroup{
	left:18.42%;
}

.brand .main{
	width:38.7%;
}

/******** tabCTWrapper start ********/
.brand .tabCT{
	flex-direction: column;
	display: none;
}
.brand .tabCT.active{
	display: flex;
}

.brand .tabCT h5{
	position: relative;
	aspect-ratio:10;
}

/**** logo start ****/
.brand .logo{
	position: absolute;
	left:0;
	bottom:0;
	font-size: 0;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	transition: transform 0.2s;
}
.brand .logo:hover{
	transform:scale(1.1);
}
.brand .vitra{ width:28%; aspect-ratio:3; background-image: url(../images/logo_vitra.svg);}
.brand .artek{ width:29%; aspect-ratio:3.27; background-image: url(../images/logo_artek.svg);}
.brand .magis{ width: 30%; aspect-ratio:4.23; background-image: url(../images/logo_magis.svg);}
.brand .maruni{ width: 32%; aspect-ratio:5.14; background-image: url(../images/logo_maruni.svg);}
.brand .moooi{ width: 36%; aspect-ratio:5.25; background-image: url(../images/logo_moooi.svg);}
.brand .td{ width: 28%; aspect-ratio:2.13; background-image: url(../images/logo_td.svg);}
.brand .finn{ width: 32%; aspect-ratio:2.91; background-image: url(../images/logo_finn.svg);}
.brand .string{ width: 30%; aspect-ratio:2.85; background-image: url(../images/logo_string.svg);}
.brand .e15{ width: 16%; aspect-ratio:1.11; background-image: url(../images/logo_e15.svg);}
.brand .anglepoise{ width: 50%; aspect-ratio:10.45; background-image: url(../images/logo_anglepoise.svg);}
/**** logo end ****/

.brand p{
	font-size: 1.27em;
	line-height: 1em;
	margin:1.2em 0 0;
}

/**** 情境圖 start ****/
.brand .tabCT > img{
	position: absolute;
	display: block;
	right:0;
	top:0;
	height:100%;
	cursor: pointer;
	transition: filter 0.5s;
}
.brand .tabCT > img:hover{
	filter:brightness(1.3);
}
/**** 情境圖 end ****/

/**** 商品 start ****/
.brand .tabCT ul{
	margin-top:2.6em;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.brand .tabCT ul li{
	width:31.66%;
}
.brand .tabCT ul li a{
	position: relative;
	display: block;
}
.brand .tabCT ul li a img{
	width:100%;
	display: block;
}
.brand .tabCT ul li a:before,
.brand .tabCT ul li a span{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
	transition: opacity 0.2s;
}
.brand .tabCT ul li a:hover:before,
.brand .tabCT ul li a:hover span{
	opacity:1;
}
.brand .tabCT ul li a:before{
	content:"";
	display: block;
	background: var(--color3);
	mix-blend-mode: multiply;
}
.brand .tabCT ul li a span{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding:0.5em;
	line-height: 1.4em;
}
.brand .tabCT ul li a span em,
.brand .tabCT ul li a span em i{
	font-style: normal;
}
.brand .tabCT ul li a span em i{
	display: block;
	font-size: 0.75em;
	line-height: 1.5em;
	font-weight: normal;
	margin-top:0.4em;
}
/**** 商品 end ****/

/**** 更多 start ****/
.brand .tabCT button{
	margin-top:2.5%;
	align-self: flex-end;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 10em;
	color: var(--color2);
	background:var(--color1);
	border:0.15em solid;
	border-radius:2em;
	cursor:pointer;
	font-size: inherit;
	font-family: inherit;
	font-weight: 600;
	line-height: 1em;
	padding:0.5em 1.5em 0.4em;
	transition: all 0.2s;
}
.brand .tabCT button:after{
	content:">";
	font-family: Arial;
	margin-left:0.5em;
}
.brand .tabCT button:hover{
	color: var(--color1);
	background:var(--color2);
}
/**** 更多 end ****/
/******** tabCTWrapper end ********/

/******** tab start ********/
.brand .main > ul{
	font-weight:700;
	margin-top:2.5em;
	display: flex;
	flex-wrap: wrap;
}
.brand .main > ul li{
	cursor:pointer;
	line-height: 1em;
	transition: color 0.2s;
}
.brand .main > ul li:hover,
.brand .main > ul li.active{
	color:var(--color1);
}
.brand .main > ul li+li{
	margin-left:1.05em;
	padding-left:1.05em;
	border-left:1px solid var(--color);
}
.brand .main > ul li:nth-child(n+7){
	margin-top:1em;
}
.brand .main > ul li:nth-child(7){
	margin-left:0;
	padding-left:0;
	border-left:none;
}
/******** tab end ********/

/******** 圓標 start ********/
.brand .tag{
	position: relative;
	width:12.25%;
	aspect-ratio:1;
	margin-left:1.93%;
	border-radius:50%;
	color: var(--color2);
	background: var(--color1);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 1.94em;
	font-weight: 800;
	line-height: 1.4em;
}
.brand .tag strong{
	font-size: 1.6em;
}
/******** 圓標 end ********/

/******** obj start ********/
.brand .obj{
	top:auto;
	bottom:0;
	width:18.94%;
	aspect-ratio:0.58;
	margin-left:-4.21%;
	background: url(../images/obj_stool.svg) no-repeat center bottom/100%;
}
/******** obj end ********/
/******************* brand end **********************/

/******************* join start **********************/
.join{
	position: relative;
	padding:12.36% 0 10.52%;
	overflow: hidden;
}

.join ._CT{
	position: relative;
	width:51.57%;
	margin:0 auto;
}

.join hgroup{
	left:0;
	width:100%;
}

.join ul{
	padding-top:14.28%;
}
.join li{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
}
.join li+li{
	margin-top:0.5em;
}
.join li p{
	font-size: 1.33em;
	margin:0;
	display:flex;
	align-items: flex-start;
}
.join li p:before{
	content:"";
	display: block;
	border:0.5em solid transparent;
	border-right:none;
	border-left:0.8em solid var(--color1);
	margin:1.4em 0.5em 0 0;
}
.join li p span em{
	font-style: normal;
	font-weight: 800;
	color:var(--color1);
}
.join li p span em strong{
	font-size: 2em;
}

.join li a{
	margin-top:0.4em;
}

/********** obj start **********/
.join .o1{
	top:auto;
	bottom:0;
	width:38.94%;
	aspect-ratio:1.08;
	margin:0 0 -4% -14.1%;
	background: url(../images/obj_heartChair.svg) no-repeat center/100%;
}
.join .o2{ margin: 14% 0 0 31%;}
.join .o3{ margin: 8% 0 0 67%;}
.join .o4{
	width:12.1%;
	aspect-ratio:1;
	margin:5.26% 0 0 80.52%;
	background: url(../images/obj_clock.svg) no-repeat center/100%;
}
/********** obj end **********/
/******************* join end **********************/

/******************* gift start **********************/
.gift{
	position: relative;
	padding-bottom:10.52%;
}

.gift hgroup{
	right:18.42%;
}

/********** 內容 start **********/
.gift li{
	--margin:7.89%;
	--padding1:18.42%;
	--padding2:10.52%;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-top:2%;
	padding-bottom:4.42%;
}
.gift li+li{
	margin-top:5.26%;
}
.gift li:nth-child(odd){
	margin-right:var(--margin);
	padding-left:var(--padding1);
	padding-right:var(--padding2);
	background:var(--color2);
	box-shadow: var(--shadow-size) var(--shadow-size) 0 0 var(--color1); 
}
.gift li:nth-child(even){
	flex-direction: row-reverse;
	margin-left:var(--margin);
	padding-left:var(--padding2);
	padding-right:var(--padding1);
	background:var(--color1);
	box-shadow: var(--shadow-size) var(--shadow-size) 0 0 var(--color2); 
}

.gift li:before{
	content:"";
	display: block;
	width:26.66%;
	aspect-ratio:1;
	border-radius:50%;
}
.gift li:nth-child(odd):before{
	background: var(--color);
}
.gift li:nth-child(even):before{
	background: var(--color2);
}

/**** txt start ****/
.gift .txt{
	display: flex;
	flex-direction: column;
	width:65.83%;
	margin-top:2.5%;
}

.gift .txt h5{
	position: relative;
	font-weight: 600;
	font-size: 1em;
}
.gift .txt h5 span{
	font-size: 1.33em;
}
.gift .txt h5 span em{
	font-style:normal;
}
.gift li:nth-child(odd) .txt h5 span em{
	color:var(--color1);
}
.gift li:nth-child(even) .txt h5 span em{
	color:var(--color2);
}
.gift .txt h5 span em strong{
	font-size:1.5em;
}
.gift .txt h5 span em strong i{
	font-size:1.3em;
	font-style: normal;
}

.gift .txt h5 .out{
	position: absolute;
	left:0;
	bottom:100%;
	margin-bottom:-0.5em;
	color:var(--color2);
	background: #FFF;
	font-size: 1.2em;
	font-weight: 700;
	padding:0.2em 1em;
	border-radius:2em;
}

.gift .txt p{
	font-weight: 400;
	line-height: 2em;
	margin:1.2em 0 0;
	padding-top:1.2em;
	border-top:0.25em solid;
}
.gift li:nth-child(odd) .txt p{
	border-color:var(--color1);
}
.gift li:nth-child(even) .txt p{
	border-color:var(--color2);
}

.gift .txt > em{
	margin-top:1.5em;
	align-self: flex-end;
}
/**** txt end ****/

/**** obj start ****/
.gift li:nth-child(1) .o1{ margin: 7% 0 0 7%;}
.gift li:nth-child(1) .o2{ margin: 11% 0 0 12%;}
.gift li:nth-child(1) .o3{ 
	width:10.62%;
	aspect-ratio:1.19;
	margin:13.82% 0 0 7.42%;
	background: url(../images/obj_puppy.svg) no-repeat center/100%;
}
.gift li:nth-child(2) .o1{ 
	width:17.48%;
	aspect-ratio:1.5;
	margin:11.42% 0 0 71.2%;
	background: url(../images/obj_bear1.svg) no-repeat center/100%;
}
.gift li:nth-child(2) .o2{ margin: 14.97% 0 0 87.42%;}
.gift li:nth-child(3) .o1{
	top:auto;
	bottom:0;
	width:12.11%;
	aspect-ratio:0.93;
	margin-left:6.11%;
	background: url(../images/obj_light2.svg) no-repeat center bottom/100%;
}
.gift li:nth-child(3) .o2{ margin: 7.37% 0 0 4.57%;}
.gift li:nth-child(3) .o3{ margin: 17.14% 0 0 17.71%;}
/**** obj end ****/

/**** 商品圖 start ****/
.gift li img{
	display:block;
}
.gift li:nth-child(1) img{
	width:12.91%;
	margin:5.02% 0 0 22.51%;
}
.gift li:nth-child(2) img{
	width:13.25%;
	margin:5.71% 0 0 63.42%;
}
.gift li:nth-child(3) img{
	width:10.74%;
	margin:1.25% 0 0 23.88%;
}
/**** 商品圖 end ****/
/********** 內容 end **********/

/********** 底部 obj start **********/
.gift > .o1{
	top:auto;
	bottom:0;
	margin:0 0 5% 80%;
}
/********** 底部 obj end **********/
/******************* gift end **********************/

/******************* surprise start **********************/
.surprise{
	position: relative;
}

.surprise ._CT{
	border:1.11em solid var(--color1);
	border-left:none;
	border-right:none;
	background: var(--color);
	padding:9.47% 24.21%;
	text-align: center;
}

/********** 圓標 start **********/
.surprise .tag{
	position: absolute;
	left:16.31%;
	top:0;
	width:17.89%;
	aspect-ratio:1;
	transform: translateY(-50%);
}
.surprise .tag span{
	display: block;
	height:100%;
	font-size: 0;
	background: url(../images/surpriseTag.svg) no-repeat center/100%;
}
/********** 圓標 end **********/

/********** 大標 start **********/
.surprise h4{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 1em;
}
.surprise h4 strong{
	width:61.83%;
	aspect-ratio:7.97;
	font-size: 0;
	background: url(../images/surpriseTitle.svg) no-repeat center/100%;
}
.surprise h4 i{
	font-size: 1.33em;
	font-style: normal;
	font-weight: 600;
	line-height: 1em;
	margin-top:0.9em;
	color:var(--color2);
}
/********** 大標 end **********/

/********** 說明 start **********/
.surprise p{
	font-size: 1.33em;
	line-height: 1em;
	margin:1em 0 0;
	padding:1.5em 0 1.2em;
	border:0.25em solid var(--color1);
	border-left:none;
	border-right:none;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.surprise p strong{
	font-size: 2em;
	color:var(--color3);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.surprise p strong time{
	display: flex;
	justify-content: center;
	align-items: center;
}
.surprise p strong time i{
	font-style: normal;
	text-indent: -10em;
	overflow:hidden;
	line-height: 0;
	border:0.35em solid transparent;
	border-right:none;
	border-left-color:var(--color2);
	margin:0 0.25em;
}
.surprise p strong span{
	margin-top:0.7em;
	font-weight:900;
}
.surprise p em{
	color:var(--color2);
	font-style: normal;
	font-weight: 600;
	margin-top:1.3em;
}
/********** 說明 end **********/

/********** 日曆 start **********/
.calendar{
	margin-top:2em;
	font-size: 1.5em;
	display: grid;
	grid:2.5em repeat(4, 1fr)/repeat(7, 1fr);
}

.calendar .week{
	font-size: 1.35em;
	font-weight: 800;
	line-height: 1em;
	color:var(--color3);
}

.calendar .day{
	position: relative;
	aspect-ratio:1;
	overflow:hidden;
	padding-top:0.8em;
	font-weight: 700;
	line-height: 1em;
	border-radius:50%;
	background:var(--color3);
}
.calendar .day.expired,
.calendar .day.active{
	background:var(--color2);
}
.calendar .day.expired{
	opacity:0.2;
}
.calendar .day.active{
	cursor:pointer;
	animation:dayActive 0.5s ease-in infinite alternate;
	z-index: 1;
}
@keyframes dayActive{
	to{
		transform:scale(1.2);
	}
}
.calendar .day.active span{
	transition:opacity 0.2s;
}
.calendar .day:after{
	position: absolute;
	content:"";
	display: block;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width:64.28%;
	aspect-ratio:0.75;
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 100%;
	transform: translateY(33.33%);
	transition: transform 0.2s;
}
.calendar .d1:after,
.calendar .d4:after,
.calendar .d7:after,
.calendar .d10:after,
.calendar .d13:after,
.calendar .d16:after,
.calendar .d19:after,
.calendar .d22:after{ background-image:url(../images/calendarBox1.svg);}
.calendar .d2:after,
.calendar .d5:after,
.calendar .d8:after,
.calendar .d11:after,
.calendar .d14:after,
.calendar .d17:after,
.calendar .d20:after{ background-image:url(../images/calendarBox2.svg);}
.calendar .d3:after,
.calendar .d6:after,
.calendar .d9:after,
.calendar .d12:after,
.calendar .d15:after,
.calendar .d18:after,
.calendar .d21:after{ background-image:url(../images/calendarBox3.svg);}
.calendar .day.expired span,
.calendar .day.active:hover span{
	opacity: 0;
}
.calendar .day.expired:after,
.calendar .day.active:hover:after{
	transform: none;
}
/********** 日曆 end **********/

/********** obj start **********/
.surprise .o1{ margin: 5% 0 0 11%;}
.surprise .o2{ margin: 10% 0 0 15%;}
.surprise .o3{ margin: 41% 0 0 17%;}
.surprise .o4{ margin: 45% 0 0 14%;}
.surprise .o5{ margin: 8% 0 0 76%;}
.surprise .o6{ margin: 20% 0 0 93%;}
.surprise .o7{ margin: 44% 0 0 89%;}
.surprise .o8{ margin: 48% 0 0 86%;}
.surprise .o9{
	left:auto;
	right:0;
	width:18.73%;
	aspect-ratio:0.52;
	margin:-2.36% 3.89% 0 0;
}
.surprise .o9:before{
	content:"";
	display: block;
	height:100%;
	background: url(../images/obj_monkey1.svg) no-repeat center/100%;
	transform-origin: center top;
	animation:hang 1s ease-in-out infinite alternate;
}
.surprise .o10{ 
	width:26.52%;
	aspect-ratio:0.84;
	margin:27.36% 0 0 -5.89%;
	background: url(../images/obj_light3.svg) no-repeat center/100%;
}
.surprise .o11{
	top:auto;
	left:auto;
	right:0;
	bottom:0;
	width:24.84%;
	aspect-ratio:0.77;
	margin:0 6.52% -7.15% 0;
	background: url(../images/obj_chair.svg) no-repeat center/100%;
}
/********** obj end **********/
/******************* surprise end **********************/

/******************* btm obj start **********************/
.web > .obj{
	top:auto;
	bottom:0;
}
.web > .o1{ margin: 0 0 22% 9%;}
.web > .o2{ margin: 0 0 17% 14%;}
.web > .o3{ margin: 0 0 15% 82%;}
.web > .o4{ margin: 0 0 20% 88%;}
/******************* btm obj end **********************/

/***************** overlay start ************************/
.overlay.tack {
	font-family: var(--ff);
	font-size:var(--fs);
	font-weight:var(--fw);
	background: rgba(245, 240, 230, 0.95);
}

.overlay.tack .overlayCT {
	height: auto;
	border-radius:0;
}

.overlay.tack .closeBtn {
	--translate:-50%;
	bottom: auto;
	width: 2.77em;
	height: auto;
	aspect-ratio:1;
	border-radius:50%;
	background: var(--color1);
	transition: transform 0.2s;
}
.overlay.tack .closeBtn:hover{
	transform:rotate(-90deg);
}
.overlay.tack .closeBtn:before,
.overlay.tack .closeBtn:after {
	right:auto;
	left:50%;
	top: 50%;
	width: 50%;
	height:0.15em;
	background: var(--color3);
}
.overlay.tack .closeBtn:before{
	transform: translate(var(--translate), var(--translate)) rotate(-45deg);
}
.overlay.tack .closeBtn:after {
	transform: translate(var(--translate), var(--translate)) rotate(45deg);
}

/********* rule start ***********/
.overlay.rule {
	font-weight:normal;
	color:var(--color);
}
.overlay.rule .overlayCT {
	width:63.15%;
	padding:5.55em;
	color:var(--color);
	background: var(--color3);
	border:0.55em solid var(--color1);
	box-shadow: var(--shadow-size) var(--shadow-size) 0 0 var(--color2);
}
.overlay.rule .overlayCT .detail{
	line-height: 1.8em;
}
.overlay.rule .overlayCT .detail p{
	margin:0;
}
.overlay.rule .overlayCT .detail p strong{
	font-size:1.3em;
	color:var(--color1);
}
.overlay.rule .overlayCT .detail p+p{
	margin-top:2em;
}
.overlay.rule .overlayCT .detail ol{
	list-style:decimal;
	padding-left:1.2em;
}
.overlay.rule .closeBtn {
	right: 2em;
	top:2em;
}
/********* rule end ***********/

/********* surpriseResult start ***********/
.overlay.surpriseResult .overlayCT{
	width:32%;
	aspect-ratio:1;
	padding:0;
	color:var(--color);
	background: none;
}

.result{
	position: relative;
	aspect-ratio:1;
	padding:6.75%;
	font-size: clamp(10px, 1vw, 20px);
}

.result:before{
	position: absolute;
	left:0;
	top:0;
	content:"";
	display: block;
	width:100%;
	aspect-ratio:1;
	background: url(../images/kvCircleTxt.svg) no-repeat center/100%;
	animation:kvCircle1 60s linear infinite;
}

.box{
	--side-space:32.81%;
	--bottom-space:12%;
	position: relative;
	aspect-ratio:1;
	border-radius:50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	background: var(--color2) no-repeat center bottom/64.375%;
}

.box h5{
	font-size:1em;
	line-height: 1em;
	font-weight: 600;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.box h5 > *{
	font-size:1.6em;
	line-height: 1em;
}
.box h5 em{
	font-style: normal;
}
.box h5 em strong{
	font-size:2.5em;
}

.box p{
	color:var(--color1);
	font-size: 0.8em;
	font-weight: 700;
	margin:1.5em 0 0;
	line-height: 1.9em;
}
.box p em{
	font-style: normal;
}

.box > a{
	font-size: 0.9em;
	font-style: normal;
	font-weight: 700;
	line-height: 1em;
	margin-top:auto;
	border-radius:2em;
	padding:0.5em 1.8em 0.4em;
	color:var(--color2);
	background:var(--color);
	animation:cta 0.5s ease-in infinite alternate;
}
@keyframes cta{
	to{
		transform:scale(1.2);
	}
}
.box > a:hover{
	color:var(--color);
	background:var(--color2);
}

/**** _coupon start ****/
._coupon{ 
	padding:39% var(--side-space) var(--bottom-space);
	background-image: url(../images/resultBox1.svg);
}
._coupon h5{
	margin-top:0.8em;
}
._coupon h5 span{
	margin-top:0.6em;
}
/**** _coupon end ****/

/**** _line start ****/
._line{
	padding:39% var(--side-space) var(--bottom-space);
	background-image: url(../images/resultBox2.svg);
}
._line h5 em{
	margin-top:1em;
}
/**** _line end ****/

/**** _brand start ****/
._brand{ 
	padding:35% var(--side-space) var(--bottom-space);
	background-image: url(../images/resultBox3.svg);
}

._brand .logoBlock{
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	aspect-ratio:2;
}
._brand .logo{
	font-size: 0;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
._brand .aroma{ width:80%; aspect-ratio:2.61; background-image: url(../images/logo_aroma.svg);}
._brand .kahler{ width:70%; aspect-ratio:1.7; background-image: url(../images/logo_kahler.svg);}
._brand .rosendahl{ width:90%; aspect-ratio:10.66; background-image: url(../images/logo_rosendahl.svg);}
._brand .emeco{ width:80%; aspect-ratio:6.78; background-image: url(../images/logo_emeco.svg);}
._brand .omersa{ width:60%; aspect-ratio:1.28; background-image: url(../images/logo_omersa.png);}
._brand .stellar{ width:85%; aspect-ratio:2.32; background-image: url(../images/logo_stellar.png);}
._brand .holmegaard{ width:45%; aspect-ratio:0.93; background-image: url(../images/logo_holmegaard.svg);}
._brand .kay{ width:50%; aspect-ratio:1.02; background-image: url(../images/logo_kay.svg);}
._brand .lyngby{ width:45%; aspect-ratio:0.93; background-image: url(../images/logo_lyngby.png);}
._brand .dr{ width:52%; aspect-ratio:1.08; background-image: url(../images/logo_dr.svg);}

._brand p{
	font-size: 1.1em;
	margin:0.3em 0 0;
	line-height: 2.8em;
	color:var(--color3);
}
._brand p em strong{
	font-size: 3.5em;
	color:var(--color1);
}

._brand > a{
	color:var(--color);
	background:var(--color3);
	border:0.15em solid;
}
._brand > a:hover{
	color:var(--color3);
	background:var(--color);
}
/**** _brand end ****/

/**** tag start ****/
.result .tag{
	margin:-5.4% 0 0 -5.4%;
	width:35.13%;
	aspect-ratio:1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 1.6em;
	line-height: 1em;
	white-space: nowrap;
	color:var(--color1);
	background: var(--color3);
	border-radius:50%;
	padding:1.94em 1.38em;
}
.result .tag span{
	font-size:1.3em;
}
.result .tag hr{
	margin:0.4em 0;
	width:100%;
	height:0.12em;
	background: currentColor;
	border:none;
}
/**** tag end ****/

/**** obj start ****/
.result .obj{
	pointer-events: none;
}
.result .o1{ margin: 66% 0 0 -5%;}
.result .o2{ margin: 76% 0 0 -11%;}
.result .o3{ margin: 100% 0 0 21%;}
.result .o4{ margin: 12% 0 0 95%;}
.result .o5{ margin: 39% 0 0 113%;}
.result .o6{ margin: 54% 0 0 107%;}
.result .o7{
	width:15.13%;
	aspect-ratio:0.49;
	margin:3.78% 0 0 102.43%;
	background: url(../images/obj_light4.svg) no-repeat center/100%;
	transform-origin: center top;
	animation:hang 1s ease-in-out infinite alternate;
}
.result .o8{ 
	width:25%;
	aspect-ratio:1.19;
	margin:89% 0 0 -6%;
	transform: rotate(-30deg);
}
.result .o8:before{
	content:"";
	display: block;
	height:100%;
	background: url(../images/obj_puppy.svg) no-repeat center/100%;
	animation:shake 0.8s ease-in-out infinite alternate;
}
.result .o9{ 
	width:46.48%;
	aspect-ratio:0.8;
	margin:56.48% 0 0 70.81%;
	background: url(../images/obj_monkey2.svg) no-repeat center/100%;
}
/**** obj end ****/

.overlay.surpriseResult .closeBtn {
	right: 0;
	top:0;
}
/********* surpriseResult end ***********/
/***************** overlay end ************************/
/****************************************** web end ************************************************/

/****************************************** store start ************************************************/
.store{
	position: relative;
	margin-top:-17.94%;
}

/******************* sectionTitle start **********************/
.store .sectionTitle{
	position: relative;
	aspect-ratio:5.5718;
	background: url(../images/bg2Top.png) no-repeat center bottom/100%;
}
.store .sectionTitle h3{
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	margin:0 auto;
	width:27.36%;
	aspect-ratio:3.17;
}
.store .sectionTitle h3 strong{
	display: block;
	height:100%;
	font-size: 0;
	background: url(../images/storeTitle.svg) no-repeat center/100%;
	transform-origin: center bottom;
}

/********* obj start ***********/
.store .sectionTitle h3 .o1{ margin: 25% 0 0 -28%;}
.store .sectionTitle h3 .o2{ margin: 0% 0 0 -20%;}
.store .sectionTitle h3 .o3{ margin: 9% 0 0 103%;}
.store .sectionTitle h3 .o4{ margin: 19% 0 0 109%;}
.store .sectionTitle h3 .o5{ margin: 0% 0 0 115%;}
/********* obj end ***********/
/******************* sectionTitle end **********************/

.store .ctWrapper{
	padding-top:5%;
	background: url(../images/bg2.gif) center top/100%;
}

/******************* tab start **********************/
.store .tab{
	margin:0 auto;
	width:63.15%;
	display: flex;
	align-items: flex-start;
	font-size: 1.33em;
	font-weight: 700;
	line-height: 1em;
	text-align: center;
	color:var(--color3);
	border-bottom:0.41em solid;
}
.store .tab li{
	display: flex;
	align-items: flex-start;
	cursor:pointer;
}
.store .tab li+li{
	flex-grow:1;
	margin-left:0.1em;
}
.store .tab li:before,
.store .tab li:after{
	content: "";
	display: block;
	border:0.77em solid;
	border-top-color:transparent;
	box-shadow: 0 1.3em 0 0 currentColor;
	opacity: 0;
}
.store .tab li:before{ border-left-color:transparent;}
.store .tab li:after{ border-right-color:transparent;}
.store .tab li:hover:before,
.store .tab li:hover:after,
.store .tab li.active:before,
.store .tab li.active:after{
	opacity: 1;
}
.store .tab li span{
	flex-grow:1;
	font-weight: 800;
	white-space: nowrap;
	display: block;
	padding:1.1em 3em 0.4em;
}
.store .tab li+li span{
	padding-left:0;
	padding-right:0;
}
.store .tab li:hover span,
.store .tab li.active span{
	color:var(--color);
	background:var(--color3);
}
.store .tab li span em{
	font-style: normal;
}
.store .tab li span strong{
	font-size: 1.45em;
	margin:0 0.25em;
}
/******************* tab end **********************/

/******************* tabCTWrapper start **********************/
.store .tabCTWrapper{
	margin-top:2%;
}

.store .tabCT{
	display:none;
}
.store .tabCT.active{
	display:block;
}
.store .tabCT:nth-child(1){
	--e1-top-space:4.42%;
	--e2-top-space:6.63%;
}

.store .event{
	position: relative;
}
.store .event+.event{
	margin-top:1.89%;
}
.store .tabCT:nth-child(2) .event{
	padding-top:3.6%;
}

/********* dragHint start *********/
.store .event:after{
	position: absolute;
	left:50%;
	top:100%;
	transform: translateX(-50%);
	width:1.5em;
	aspect-ratio:1;
	margin-top:0.2em;
	content:"";
	display: block;
	background: url(../images/icon_drag_hint.svg) no-repeat center/100%;
	animation:dragHint 2s ease-in-out 0.5s infinite backwards;
}
@keyframes dragHint{
	0%{
		opacity:0;
	}
	30%{
		opacity:1;
	}
	100%{
		opacity:0;
		transform: translateX(-180%);
	}
}
/********* dragHint end *********/

/********* hgroup start *********/
.store .event hgroup{
	position: absolute;
	left:0;
	top:0;
	width:31.57%;
	margin-left:18.42%;
	z-index: 1;
}
.store .e1 hgroup{
	margin-top:var(--e1-top-space);
}
.store .e2 hgroup{
	margin-top:var(--e2-top-space);
}
.store .tabCT:nth-child(2) hgroup{
	margin-top:4.42%;
}
.store .event hgroup .timeTag{
	left: 0;
    margin-left: var(--side-space);
}
.store .event hgroup h4{
	font-size: 2em;
	line-height: 1em;
	margin:-9.66% 0 0 33.33%;
}
.store .e1 hgroup h4{
	color:var(--color3);
}
.store .e2 hgroup h4,
.store .tabCT:nth-child(2) .event hgroup h4{
	color:var(--color1);
}
.store .event hgroup h4 i{
	font-style: normal;
	font-weight: normal;
}
/********* hgroup end *********/

/********* groupWrapper start *********/
.store .groupWrapper{
	overflow: auto;
	cursor:grab;
}
.store .groupWrapper.dragging{
	cursor:grabbing;
}
.store .groupWrapper *{
	pointer-events: none;
	user-select: none;
}
.store .e1 .groupWrapper{
	aspect-ratio:3.33;
}
.store .e2 .groupWrapper{
	aspect-ratio:3.1;
}
.store .tabCT:nth-child(2) .groupWrapper{
	aspect-ratio:3.75;
}

.store .group{
	display: flex;
}
.store .group:before,
.store .group:after{
	content:"";
	display: block;
	width:0.5em;
	height:1px;
	flex-shrink: 0;
}
.store .e1 .group{
	margin-top:var(--e1-top-space);
	height:79.08%;
}
.store .e2 .group{
	margin-top:var(--e2-top-space);
	height:73.64%;
}
.store .tabCT:nth-child(2) .group{
	margin-top:0.78%;
	height:92%;
}

.store .itemWrapper{
	display: flex;
	align-items: flex-start;
	height:100%;
}

.store .item{
	height:inherit;
	margin-right:2.77em;
}

/**** tabCT1 start ****/
.store .tabCT:nth-child(1) .item{
	position: relative;
	text-align: center;
}
.store .tabCT:nth-child(1) .item:not(.exclusive){
	aspect-ratio:1.33;
	padding:5em 2.77em 0;
}
.store .tabCT:nth-child(1) .item.exclusive{
	aspect-ratio:2.66;
	padding:3.88em 3.33em;
}

.store .tabCT:nth-child(1) .item:nth-child(2):before,
.store .tabCT:nth-child(1) .item:nth-child(4):before{
	position: absolute;
	content:"";
	display: block;
	right:0;
	bottom:100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}

.store .tabCT:nth-child(1) .item h5{
	font-size: 2.2em;
	line-height: 1em;
}
.store .tabCT:nth-child(1) .item:not(.exclusive) h5{
	padding-bottom:0.4em;
	border-bottom: 0.15em solid;
}
.store .tabCT:nth-child(1) .item.exclusive h5{
	position: absolute;
	left:0;
	top:0;
	margin-left:4.16%;
	padding:0.45em 1em 0.3em;
	font-size: 2em;
	transform: translateY(-20%);
}
.store .tabCT:nth-child(1) .item h5 strong{
	font-size: 1.6em;
}

.store .tabCT:nth-child(1) .item p{
	font-size: 1.33em;
}
.store .tabCT:nth-child(1) .item:not(.exclusive) p{
	line-height: 2em;
	margin:1em 0 0;
}
.store .tabCT:nth-child(1) .item p em{
	font-style: normal;
}
.store .tabCT:nth-child(1) .item p em strong{
	font-size: 1.8em;
}
.store .tabCT:nth-child(1) .item p em.light strong{
	font-size: 1.5em;
	font-weight: 600;
}

/** NOKE 獨家 start **/
.store .tabCT:nth-child(1) .item.exclusive ul{
	position: relative;
	height:inherit;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.store .tabCT:nth-child(1) .item.exclusive li{
	width:30.55%;
}
.store .tabCT:nth-child(1) .item.exclusive li+li{
	margin-top:0.8em;
	padding-top:0.8em;
	border-top:0.3em solid;
}
.store .tabCT:nth-child(1) .item.exclusive img{
	position: absolute;
	top:0;
	display: block;
	width:30.18%;
	border-radius:50%;
}
.store .tabCT:nth-child(1) .item.exclusive li:nth-child(1) img{
	left:0;
}
.store .tabCT:nth-child(1) .item.exclusive li:nth-child(2) img{
	right:0;
}
.store .tabCT:nth-child(1) .item.exclusive p{
	margin:0;
}
.store .tabCT:nth-child(1) .item.exclusive p em{
	font-weight:700;
}
.store .tabCT:nth-child(1) .item.exclusive p del{
	font-weight:400;
}
/** NOKE 獨家 end **/

/** 1 波 start **/
.store .e1 .item{
	background: var(--color1);
	box-shadow: var(--shadow-size) var(--shadow-size) 0 0 var(--color3);
}
.store .e1 .item:nth-child(2):before{
	width:42%;
	aspect-ratio:3;
	margin-right:7.5%;
	background-image: url(../images/obj_boxBird.svg);
}
.store .e1 .item:nth-child(4):before{
	width:16.66%;
	aspect-ratio:2.04;
	margin-right:7.16%;
	transform: translateY(30%);
	background-image: url(../images/obj_bear2.svg);
}
.store .e1 .item:not(.exclusive) h5,
.store .e1 .item p em{
	color:var(--color3);
}
.store .e1 .item.exclusive h5{
	background: var(--color3);
}
.store .tabCT:nth-child(1) .e1 .item.exclusive li+li{ border-color:var(--color3);}
/** 1 波 end **/

/** 2 波 start **/
.store .e2 .item{
	background: var(--color3);
	box-shadow: var(--shadow-size) var(--shadow-size) 0 0 var(--color1);
}
.store .e2 .item:nth-child(2):before{
	width:28%;
	aspect-ratio:1.33;
	margin-right:35.66%;
	transform: translateY(1px);
	background-image: url(../images/obj_bottle.svg);
}
.store .e2 .item:nth-child(4):before{
	width:26.33%;
	aspect-ratio:2.63;
	margin-right:5%;
	background-image: url(../images/obj_elephantStool.svg);
}
.store .e2 .item:not(.exclusive) h5,
.store .e2 .item p em{
	color:var(--color1);
}
.store .e2 .item.exclusive h5{
	background: var(--color1);
}
.store .tabCT:nth-child(1) .e2 .item.exclusive li+li{ border-color:var(--color1);}
/** 2 波 end **/
/**** tabCT1 end ****/

/**** tabCT2 start ****/
.store .tabCT:nth-child(2) .item{
	display: flex;
	flex-direction: column;
	aspect-ratio:0.86;
	background: var(--color3);
}
.store .tabCT:nth-child(2) .item:nth-child(odd){
	box-shadow: var(--shadow-size) var(--shadow-size) 0 0 var(--color1);
}
.store .tabCT:nth-child(2) .item:nth-child(even){
	box-shadow: var(--shadow-size) calc(var(--shadow-size) * -1) 0 0 var(--color1);
}
.store .tabCT:nth-child(2) .item img{
	display:block;
	width:100%;
}
.store .tabCT:nth-child(2) .item span{
	flex-grow: 1;
	display:flex;
	justify-content: flex-end;
	align-items: center;
	text-align: right;
	line-height: 1.4em;
	height:3.2em;
	padding:0 1em;
}
/**** tabCT2 end ****/
/********* groupWrapper end *********/

/********* attBlock start *********/
.attBlock{
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin:6.84% auto 0;
	width:63.15%;
	padding:2em 6em;
	color:var(--color3);
	border:0.27em solid var(--color1);
	border-left:none;
	border-right:none;
}
.attBlock .txt{
	line-height: 1.6em;
}
.attBlock ol{
	list-style: decimal;
	margin-top:0;
	padding-left:1.2em;
}
.store .tabCT:nth-child(2) .attBlock ol{
	list-style: none;
	padding-left:0;
}
.attBlock .tel{
	font-weight: 700;
	transition: color 0.2s;
	display: inline-flex;
	align-items: center;
}
.attBlock .tel+.tel{
	margin-left:0.5em;
}
.attBlock .tel:before{
	content:"";
	display: block;
	width:1em;
	aspect-ratio:1;
	background: url(../images/tel.svg) no-repeat center/100%;
}
.attBlock .tel.city:before{
	margin-right:0.1em;
}
.attBlock .tel:hover{
	color:var(--color1);
}

.attBlock > a{
	margin-left: 1em;
}
/********* attBlock end *********/
/******************* tabCTWrapper end **********************/

/******************* btm start **********************/
.btm{
	position: relative;
	margin-top:7.89%;
	aspect-ratio:3.27;
	pointer-events: none;
}
/******************* btm end **********************/
/****************************************** store end ************************************************/


@media screen and (min-width:1025px){
	
	/************************************** header start ***************************************************/
	/********************** nav start *************************/
	.themeEventContainer header:hover nav{
		width:12.35em;
	}
	/********************** nav end *************************/
	/********************** _burgerBtn start *************************/
	.themeEventContainer header:hover ._burgerBtn{
		opacity:0;
	}
	/********************** _burgerBtn end *************************/
	/************************************** header end ***************************************************/
	
}


@media screen and (max-width:1024px){
	
	/************************************** header start ***************************************************/	
	/********************** nav start *************************/
	.themeEventContainer header{
		font-size:1em;
	}
	.themeEventContainer header nav{
		font-size:0.95em;
	}
	.themeEventContainer header.open nav{
		width:12em;
		height:calc(100vh - 47px);
	}
	/********************** nav end *************************/
	/********************** _burgerBtn start *************************/
	.themeEventContainer header ._burgerBtn{
		width:1.45em;
		height:1.45em;
		cursor:pointer;
	}
	.themeEventContainer header ._burgerBtn span,
	.themeEventContainer header ._burgerBtn span:before,
	.themeEventContainer header ._burgerBtn span:after{
		height:2px;
	}
	.themeEventContainer header.open ._burgerBtn span{
		background:none;
	}
	.themeEventContainer header ._burgerBtn span:before{ transform:translateY(-300%);}
	.themeEventContainer header ._burgerBtn span:after{ transform:translateY(200%);}
	.themeEventContainer header.open ._burgerBtn span:before,
	.themeEventContainer header.open ._burgerBtn span:after{
		background:currentColor;
	}
	.themeEventContainer header.open ._burgerBtn span:before{
		transform:translateY(-50%) rotate(-45deg);
	}
	.themeEventContainer header.open ._burgerBtn span:after{
		transform:translateY(-50%) rotate(45deg);
	}
	/********************** _burgerBtn end *************************/
	/************************************** header end ***************************************************/
	
}


@media screen and (max-width:1023px){
	
	body{
		--fs:clamp(12px, 4.21vw, 24px);
		--shadow-size:0.5em;
	}
	
	/************************************** 其它共用 start ***************************************************/
	/***************** kvCircle start ************************/
	.kvCircle{
		width:190%;
	}
	/***************** kvCircle end ************************/
	
	/***************** obj start ************************/
	.s1,
	.s2{ width:0.8em;}
	.s3,
	.s4{ width:1.5em;}
	/***************** obj end ************************/
	
	/*************** timeTag start **********************/
	.timeTag{
		font-size: 1em;
	}
	/*************** timeTag end **********************/
	
	/*************** 陰影按鈕 start **********************/
	.shadowBtn{
		font-size:0.9em;
	}
	/*************** 陰影按鈕 end **********************/
	/************************************** 其它共用 end ***************************************************/
	
	/************************************** header start ***************************************************/	
	/********************** nav start *************************/
	.themeEventContainer header{
		top:47px;
	}
	/********************** nav end *************************/
	/************************************** header end ***************************************************/
	
	/****************************************** home start ************************************************/
	.home .CT{
		aspect-ratio:0.62;
	}

	/********************* kvCircle start *************************/
	.home .kvCircle{
		top:50%;
		margin-top:5%;
		transform: translate(-50%, -50%);
	}
	/********************* kvCircle end *************************/

	/********************* scrollHint start *************************/
	.scrollHint{
		width:15%;
		margin-bottom: 32%;
	}
	/********************* scrollHint end *************************/
	/****************************************** home end ************************************************/
	
	/****************************************** web start ************************************************/
	.web{
		margin-top:-30%;
	}
	
	/******************* sectionTitle start **********************/
	.web .sectionTitle h3{
		margin-bottom:-10%;
		width:55%;
	}
	/******************* sectionTitle end **********************/

	.web .ctWrapper{
		padding-bottom:40%;
	}

	/******************* 區標 start **********************/
	.web .ctWrapper hgroup{
		position: static;
		width:auto;
		transform: none;
	}
	.web hgroup h4{
		font-size: 1.5em;
	}
	/******************* 區標 end **********************/

	/***************** ruleBlock start ************************/
	.ruleBlock{
		margin-top:2em;
	}
	.ruleBlock button{
		font-size: 0.9em;
	}
	/***************** ruleBlock end ************************/

	/***************** 提示圓標 start ************************/
	.remind{
		font-size: 0.9em;
	}
	/***************** 提示圓標 end ************************/

	/******************* discount start **********************/
	.discount{
		padding:20% 0 10%;
	}

	.discount ._CT{
		width:80%;
	}

	.discount ul{
		display: block;
		margin-top:15%;
	}
	.discount li{
		width:auto;
		aspect-ratio:auto;
		padding:2em 1em;
	}
	.discount li:nth-child(2){
		margin-top:18%;
	}

	.discount li h5{
		font-size: 1.5em;
	}

	.discount li p{
		font-size: 0.9em;
	}

	.discount li > em{
		margin-top:1em;
	}

	/********** obj start **********/
	.discount .light{
		width:12%;
		margin:15% 0 0 3.5%;
	}

	.discount .elephant{
		left:auto;
		top:auto;
		right:0;
		bottom:0;
		width:30%;
		margin:0 0 10% 0;
	}
	/********** obj end **********/
	/******************* discount end **********************/
	
	/******************* brand start **********************/
	.brand ._CT{
		aspect-ratio:auto;
		display: block;
		padding:10% 5%;
	}

	.brand .main{
		width:auto;
		margin-top:10%;
	}

	/******** tabCTWrapper start ********/
	.brand p{
		font-size: 0.9em;
	}

	/**** 情境圖 start ****/
	.brand .tabCT > img{
		position: static;
		width:100%;
		height:auto;
		margin-top:1.2em;
	}
	/**** 情境圖 end ****/

	/**** 商品 start ****/
	.brand .tabCT ul{
		margin-top:0.6em;
	}
	.brand .tabCT ul li a span{
		font-size: 0.7em;
	}
	/**** 商品 end ****/

	/**** 更多 start ****/
	.brand .tabCT button{
		font-size: 0.9em;
	}
	/**** 更多 end ****/
	/******** tabCTWrapper end ********/

	/******** tab start ********/
	.brand .main > ul{
		font-size: 0.9em;
		margin-top:0.5em;
	}
	.brand .main > ul li,
	.brand .main > ul li:nth-child(n+7){
		margin-top:1em;
	}
	.brand .main > ul li+li{
		margin-left:0;
		padding-left:0;
		border-left:none;
	}
	.brand .main > ul li:not(:last-child){
		margin-right:1.5em;
	}
	/******** tab end ********/

	/******** 圓標 start ********/
	.brand .tag{
		position: absolute;
		right:0;
		top:0;
		width: 20%;
		margin: 50% 2.5% 0 0;
		font-size: 1em;
	}
	/******** 圓標 end ********/

	/******** obj start ********/
	.brand .obj{
		display: none;
	}
	/******** obj end ********/
	/******************* brand end **********************/
	
	/******************* join start **********************/
	.join{
		padding:20% 0 15%;
	}

	.join ._CT{
		width:90%;
	}

	.join ul{
		margin-top:10%;
		padding-top:0;
	}
	.join li p{
		font-size: 0.9em;
	}
	.join li p:before{
		margin-top:0.4em;
	}

	.join li a{
		margin:0 0 0 1em;
		flex-shrink: 0;
	}

	/********** obj start **********/
	.join .o1{
		top:0;
		bottom:auto;
		margin:2% 0 0 -15%;
	}
	.join .o4{
		margin-top:4%;
	}
	/********** obj end **********/
	/******************* join end **********************/
	
	/******************* gift start **********************/
	.gift {
		padding-bottom:20%;
	}
	
	/********** 內容 start **********/
	.gift ul{
		margin-top:10%;
	}
	
	.gift li{
		--margin:5%;
		--padding1:5%;
		--padding2:5%;
		display: block;
		padding-top:10%;
		padding-bottom:10%;
	}
	.gift li+li{
		margin-top:8%;
	}

	.gift li:before{
		width:60%;
		margin:0 auto;
	}

	/**** txt start ****/
	.gift .txt{
		width:auto;
		margin-top:10%;
	}

	.gift .txt h5{
		font-size: 0.65em;
	}

	.gift .txt p{
		font-size: 0.8em;
	}

	.gift .txt > em{
		margin-top:1em;
	}
	/**** txt end ****/

	/**** obj start ****/
	.gift li:nth-child(1) .o1{ margin: 32% 0 0 85%;}
	.gift li:nth-child(1) .o2{ margin: 14% 0 0 76%;}
	.gift li:nth-child(1) .o3{
		width: 18%;
		margin: 50% 0 0 4%;
	}
	.gift li:nth-child(2) .o1{
		width: 37%;
		margin: 41% 0 0 58%;
	}
	.gift li:nth-child(2) .o2{ margin: 14% 0 0 14%;}
	.gift li:nth-child(3) .o1{
		width: 18%;
		margin-left: 8%;
	}
	.gift li:nth-child(3) .o2{ margin: 51% 0 0 78%;}
	.gift li:nth-child(3) .o3{ margin: 15% 0 0 17%;}
	/**** obj end ****/

	/**** 商品圖 start ****/
	.gift li:nth-child(1) img{
		width: 43%;
		margin: 5% 0 0 27%;
	}
	.gift li:nth-child(2) img{
		width: 43%;
		margin: 10% 0 0 29%;
	}
	.gift li:nth-child(3) img{
		width: 31%;
		margin: 8% 0 0 34%;
	}
	/**** 商品圖 end ****/
	/********** 內容 end **********/

	/********** 底部 obj start **********/
	.gift > .o1{
		margin:0 0 10% 80%;
	}
	/********** 底部 obj end **********/
	/******************* gift end **********************/
	
	/******************* surprise start **********************/
	.surprise ._CT{
		border-width:0.5em;
		padding:15% 5%;
	}

	/********** 圓標 start **********/
	.surprise .tag{
		left:2.5%;
		width:30%;
	}
	/********** 圓標 end **********/

	/********** 大標 start **********/
	.surprise h4 strong{
		width:85%;
	}
	.surprise h4 i{
		font-size: 0.8em;
	}
	/********** 大標 end **********/

	/********** 說明 start **********/
	.surprise p{
		font-size: 0.8em;
	}
	/********** 說明 end **********/

	/********** 日曆 start **********/
	.calendar{
		font-size: 0.85em;
	}

	.calendar .day{
		padding-top:0.45em;
	}
	/********** 日曆 end **********/

	/********** obj start **********/
	.surprise .o1{ margin: 11% 0 0 2%;}
	.surprise .o2{ margin: 29% 0 0 15%;}
	.surprise .o5{ margin: 27% 0 0 89%;}
	.surprise .o6{ margin: 6% 0 0 81%;}
	.surprise .o3,
	.surprise .o4,
	.surprise .o7,
	.surprise .o8{
		display: none;
	}
	.surprise .o9{
		width:12%;
		margin-right:2%;
	}
	.surprise .o10{ 
		width:15%;
		margin: 29% 0 0 -4%;
	}
	/********** obj end **********/
	/******************* surprise end **********************/
	
	/***************** overlay start ************************/
	.overlay.tack {
		font-size: 0.9em;
	}
	
	.overlay.tack .closeBtn {
		width: 2.2em;
	}
	
	/********* rule start ***********/
	.overlay.rule .overlayCT {
		width:90%;
		padding:3em 2.5em;
	}
	.overlay.rule .overlayCT .detail p br{
		display: none;
	}
	.overlay.rule .closeBtn {
		right: 0.5em;
		top:0.5em;
	}
	/********* rule end ***********/

	/********* surpriseResult start ***********/
	.overlay.surpriseResult .overlayCT{
		width:85%;
		max-width:500px;
	}
	
	.result{
		font-size: clamp(8px, 2.6vw, 16px);
	}
	
	.box:not(._brand){
		--side-space:30%;
	}
	
	.box p,
	.box > a{
		font-size: 1em;
	}

	/**** _brand start ****/
	._brand p{
		font-size: 1.15em;
		margin-top:0;
	}
	/**** _brand end ****/

	/**** obj start ****/
	.result .o7{ 
		margin-left:95%;
	}
	/**** obj end ****/
	/********* surpriseResult end ***********/
	/***************** overlay end ************************/
	/****************************************** web end ************************************************/
	
	/****************************************** store start ************************************************/
	/******************* sectionTitle start **********************/
	.store .sectionTitle h3{
		margin-bottom:-10%;
		width:55%;
	}
	/******************* sectionTitle end **********************/

	.store .ctWrapper{
		padding-top:20%;
	}

	/******************* tab start **********************/
	.store .tab{
		width:auto;
		font-size: 0.6em;
	}
	.store .tab li span{
		padding-left:0;
		padding-right:0;
	}
	/******************* tab end **********************/

	/******************* tabCTWrapper start **********************/
	.store .tabCTWrapper,
	.store .event+.event{
		margin-top:15%;
	}
	.store .tabCT:nth-child(2) .event{
		padding-top:0;
		margin-top: -1%;
	}
	
	/********* dragHint start *********/
	.store .event:after{
		width:20px;
		margin-top:0;
	}
	/********* dragHint end *********/

	/********* hgroup start *********/
	.store .event hgroup{
		width:100%;
		margin:1.5% 0 0 -2.5%;
	}
	.store .tabCT:nth-child(2) hgroup{
		margin-top: 2.42%;
	}
	
	.store .event hgroup h4{
		font-size: 1em;
		margin:-7% 0 0 28%;
	}
	/********* hgroup end *********/

	/********* groupWrapper start *********/
	.store .e1 .groupWrapper,
	.store .e2 .groupWrapper{
		aspect-ratio:1.5;
	}
	.store .tabCT:nth-child(2) .groupWrapper{
		aspect-ratio:1;
	}
	
	.store .e1 .group,
	.store .e2 .group{
		margin-top:1.5%;
		height:90%;
	}
	.store .tabCT:nth-child(2) .group{
		margin-top:2.5%;
		height:92%;
	}

	.store .item{
		margin-right:1.2em;
	}

	/**** tabCT1 start ****/
	.store .tabCT:nth-child(1) .item:not(.exclusive){
		padding:2.2em 0.9em 0;
	}
	.store .tabCT:nth-child(1) .item.exclusive{
		padding:1.6em 1em;
	}
	
	.store .tabCT:nth-child(1) .item:nth-child(2):before,
	.store .tabCT:nth-child(1) .item:nth-child(4):before{
		display: none;
	}

	.store .tabCT:nth-child(1) .item h5{
		font-size: 1.3em;
	}
	.store .tabCT:nth-child(1) .item.exclusive h5{
		font-size: 0.9em;
	}

	.store .tabCT:nth-child(1) .item:not(.exclusive) p{
		font-size: 0.8em;
		margin-top:0.8em;
	}
	.store .tabCT:nth-child(1) .item.exclusive p{
		font-size: 0.8em;
		line-height: 1.8em;
	}
	
	/** NOKE 獨家 start **/
	.store .tabCT:nth-child(1) .item.exclusive li{
		width:33%;
	}
	.store .tabCT:nth-child(1) .item.exclusive li+li{
		margin-top:0.3em;
		padding-top:0.3em;
		border-top-width:0.15em;
	}
	/** NOKE 獨家 end **/
	/**** tabCT1 end ****/

	/**** tabCT2 start ****/
	.store .tabCT:nth-child(2) .item span{
		font-size: 0.75em;
	}
	/**** tabCT2 end ****/
	/********* groupWrapper end *********/

	/********* attBlock start *********/
	.attBlock{
		flex-direction: column;
		margin-top:10%;
		width:90%;
		font-size: 0.8em;
		padding:1em 0 1.5em;
	}

	.attBlock > a{
		align-self:flex-end;
		margin: 1em 0 0;
	}
	/********* attBlock end *********/
	/******************* tabCTWrapper end **********************/

	/******************* btm start **********************/
	.btm{
		margin-top:5%;
		aspect-ratio:1.9;
	}
	/******************* btm end **********************/
	/****************************************** store end ************************************************/

}