@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@700&display=swap');
@font-face {
	font-family: DINProRegular;
	src:
		url(https://www.nordic.com.tw/css/eventFonts/DINProRegular.eot),
		url(https://www.nordic.com.tw/css/eventFonts/DINProRegular.woff) format("woff"),
		url(https://www.nordic.com.tw/css/eventFonts/DINProRegular.ttf) format("truetype");
}
@font-face {
	font-family: DINProMedium;
	src:
		url(https://www.nordic.com.tw/css/eventFonts/DINProMedium.eot),
		url(https://www.nordic.com.tw/css/eventFonts/DINProMedium.woff) format("woff"),
		url(https://www.nordic.com.tw/css/eventFonts/DINProMedium.ttf) format("truetype");
}

html.disableScroll{
	overflow:hidden;
}

.themeMain.hide,
.midBlock.hide{
	display:none;
}

.themeEventContainer{
	font-family:DINProRegular, Tahoma, 微軟正黑體, sans-serif;
	font-size:16px;
	background:#fffdf0;
	color:#333;
	overflow:hidden;
}

/************************************** 其它共用 start ***************************************************/
.themeEventContainer .CT{
	position:relative;
	/***** 以下兩行修正 Safari 文字閃動 bug *******/
	-webkit-font-smoothing:antialiased;
	-webkit-transform:translate3d(0, 0, 0);
}

/****************** bgObj start ********************/
.bgObj{
	position:absolute;
	left:0;
	top:0;
	width:100%;
}

.o span{
	display:block;
}
.o span:before{
	content:"";
	display:block;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
.o1 span:before{ background-image:url(../images/obj_1.png); padding-top:77.27%;}
.o2 span:before{ background-image:url(../images/obj_2.png); padding-top:89.28%;}
.o3 span:before{ background-image:url(../images/obj_3.png); padding-top:139.47%;}
.o4 span:before{ background-image:url(../images/obj_4.png); padding-top:90.47%;}
.o5 span:before{ background-image:url(../images/obj_5.png); padding-top:380%;}
.o6 span:before{ background-image:url(../images/obj_6.png); padding-top:92.98%;}
.o7 span:before{ background-image:url(../images/obj_7.png); padding-top:123.52%;}
.o8 span:before{ background-image:url(../images/obj_8.png); padding-top:164.51%;}
.o9 span:before{ background-image:url(../images/obj_9.png); padding-top:117.64%;}
.o10 span:before{ background-image:url(../images/obj_10.png); padding-top:157.14%;}
.o11 span:before{ background-image:url(../images/obj_11.png); padding-top:91.66%;}

.bgObj .o{
	position:absolute;
	left:0;
	top:0;
	transform-origin:left top;
}
.bgObj .o span{
	transform-origin:left top;
	animation:oRotate 1s ease-in-out alternate infinite both;
}
@keyframes oRotate{
	from{
		transform:rotate(-3deg);
	}
	to{
		transform:rotate(3deg);
	}
}
.bgObj .o span:before{
	transform:translate(-50%, -50%);
}

.bgObj .o1{	width:7.33%;}
.bgObj .o1 span{ animation-delay:0s;}
.bgObj .o2{	width:4.66%;}
.bgObj .o2 span{ animation-delay:0.5s;}
.bgObj .o3{	width:6.33%;}
.bgObj .o3 span{ animation-delay:1s;}
.bgObj .o4{	width:7%;}
.bgObj .o4 span{ animation-delay:1.5s;}
.bgObj .o5{	width:2.5%;}
.bgObj .o5 span{ animation-delay:2s;}
.bgObj .o6{	width:9.5%;}
.bgObj .o6 span{ animation-delay:2.5s;}
.bgObj .o7{	width:5.66%;}
.bgObj .o7 span{ animation-delay:3s;}
.bgObj .o8{	width:5.16%;}
.bgObj .o8 span{ animation-delay:3.5s;}
.bgObj .o9{	width:5.66%;}
.bgObj .o9 span{ animation-delay:4s;}
.bgObj .o10{ width:4.66%;}
.bgObj .o10 span{ animation-delay:4.5s;}
/****************** bgObj end ********************/

/**************** 區塊標題 start ********************/
.titleBlock h4{
	font-family:'Noto Sans TC', sans-serif;
	font-size:2.125em;
	line-height:1em;
	display:flex;
}
.titleBlock h4 span+span{
	margin-left:0.22em;
	padding-left:0.3em;
	background:url(../images/titleTxtLine_black.png) no-repeat left center/auto 95%;
}
/**************** 區塊標題 end ********************/

/**************** 區塊內容 start ********************/
.ctBlock h6,
.ctBlock em{
	color:#56ae31;
	font-style:normal;
}
.ctBlock h6{
	font-size:1.25em;
}
.ctBlock h6 span{
	color:#333;
	font-weight:normal;
}
.ctBlock em{
	font-size:1.15em;
}
.ctBlock p{
	line-height:1.8em;
	margin:0.6em 0 0;
}
.ctBlock p:nth-child(1){
	margin:0;
}
.ctBlock i{
	font-size:0.8em;
	font-style:normal;
}
/**************** 區塊內容 end ********************/

/****************** 左右欄 start ********************/
.col2{
	background:#fbf4e1;
}
.col2 .main{
	display:flex;
	padding:7.5% 6.66% 4% 10%;
}

/******** 區塊標題 start ************/
.col2 .titleBlock{
	width:26%;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	color:#000;
}
.col2 .titleBlock hgroup{
	margin-top:3.84%;
}
.col2 .titleBlock hgroup .o{
	margin:0 auto;
}
.col2 .titleBlock hgroup h4{
	margin-top:10%;
}
/******** 區塊標題 end ************/

/******** 區塊內容 start *********/
.col2 .ctBlock{
	width:74%;
	background:url(../images/lineV.png) repeat-y left top;
}

/*** ps start ***/
.btn span{
	position:relative;
	display:inline-block;
	background:#a0a0a0;
	padding:0.5em 0.8em 0.6em;
	font-size:0.8em;
	line-height:1em;
	color:#FFF;
	transition:all 0.2s;
	cursor:pointer;
}
.btn span:after{
	content:"";
	display:inline-block;
	margin:0 0.2em 0 0.3em;
	width:0.6em;
	height:0.6em;
	border:1px solid #FFF;
	border-left:none;
	border-bottom:none;
	transform:rotate(45deg);
}
.btn span:hover{
	background:#56ae31;
}
.btn .attCT{
	display:none;
}
/*** ps end ***/
/******** 區塊內容 end *********/
/****************** 左右欄 end ********************/

/****************** imgHouse start ********************/
.imgHouse{
	position:relative;
	background:url(../images/imgHouse.png) no-repeat center/contain;
}
.imgHouse .ct{
	padding:3.1% 4.51% 3.67%;
}
.imgHouse .ct img{
	display:block;
	width:100%;
}
/****************** imgHouse end ********************/
/************************************** 其它共用 end ***************************************************/


/************************************** header start ***************************************************/
.themeEventContainer header,
.themeEventContainer header nav > *{
	width:12.85em;
}

.themeEventContainer header{
	position:fixed;
	right:50%;
	top:90px;
	margin-right:-600px;
	z-index:1;
}

.themeEventContainer header nav,
.themeEventContainer header ._burgerBtn{
	position:absolute;
	right:0;
	top:0;
	margin:65% 45% 0 0;
	transition:margin 0.2s;
}
.themeEventContainer header.RT nav,
.themeEventContainer header.RT ._burgerBtn{
	margin:10% 10% 0 0;
}

/********************** nav start *************************/
.themeEventContainer header nav{
	display:flex;
	flex-direction:column;
	background:#fffdf1;
	width:0;
	height:0;
	font-size:0.875em;
	overflow:hidden;
	transition:all 0.2s;
}
.themeEventContainer header nav:after{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	pointer-events:none;
	content:"";
	display:block;
	background:
		url(../images/navBdrT.png) repeat-x left top,
		url(../images/navBdrR.png) repeat-y right top,
		url(../images/navBdrB.png) repeat-x left bottom,
		url(../images/navBdrL.png) repeat-y left top;
}

.themeEventContainer header nav > ul{
	margin-top:5em;
}

.themeEventContainer header nav > ul a,
.themeEventContainer header nav .sns,
.themeEventContainer header nav .copyLink{
	display:flex;
	justify-content:center;
	align-items:center;
}
.themeEventContainer header nav > ul a{
	padding:0.8em 0;
	line-height:1em;
	color:currentColor;
	transition:all 0.2s;
}

.themeEventContainer header nav .sns{
	margin-top:3em;
}
.themeEventContainer header nav .sns em{
	font-style:normal;
}
.themeEventContainer header nav .sns ul{
	width:26%;
	display:flex;
	justify-content:space-between;
	margin-left:4%;
}
.themeEventContainer header nav .sns ul li{
	cursor:pointer;
	width:1.58em;
	transition:transform 0.2s;
}
.themeEventContainer header nav .sns ul li:hover{
	transform:scale(1.1);
}
.themeEventContainer header nav .sns ul li:before{
	content:"";
	display:block;
	padding-top:100%;
	background:url(../images/sns.png) no-repeat;
	background-size:cover;
}
.themeEventContainer header nav .sns ul li:nth-child(1):before{ background-position:left top;}
.themeEventContainer header nav .sns ul li:nth-child(2):before{ background-position:right top;}
.themeEventContainer header nav .sns ul li span{
	display:none;
}

.themeEventContainer header nav .copyLink{
	margin-top:1em;
	cursor:pointer;
}
.themeEventContainer header nav .copyLink:after{
	content:"";
	display:block;
	width:1.7em;
	height:1.7em;
	margin-left:5%;
	background:url(../images/copy.png) no-repeat center/contain;
	transition:transform 0.2s;
}
.themeEventContainer header nav .copyLink:hover:after{
	transform:scale(1.1);
}

.themeEventContainer header nav a:hover,
.themeEventContainer header nav li.active a{
	color:#56ae31;
}
/********************** nav end *************************/

/********************** _burgerBtn start *************************/
.themeEventContainer header ._burgerBtn{
	font-family:Arial;
	font-weight:bold;
	letter-spacing:0.02em;
	width:2.625em;
	color:#333;
}
.themeEventContainer header ._burgerBtn span,
.themeEventContainer header ._burgerBtn span:before,
.themeEventContainer header ._burgerBtn span:after{
	position:absolute;
	display:block;
	right:0;
	width:100%;
	padding-top:9.52%;
	background:url(../images/burgerBtnLine.png) no-repeat center/contain;
}
.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:26%;
	z-index:0;
}
.themeEventContainer header ._burgerBtn span:before{ transform:translateY(-350%) scaleX(-1);}
.themeEventContainer header ._burgerBtn span:after{ transform:translateY(250%) scaleX(-1);}
.themeEventContainer header ._burgerBtn:before{
	position:absolute;
	right:0;
	top:0;
	content:"MENU";
	display:block;
	font-size:0.88em;
	margin-top:90%;
	z-index:1;
}
.themeEventContainer header ._burgerBtn:after{
	position:absolute;
	right:0;
	top:0;
	content:"";
	display:block;
	width:100%;
	padding-top:130%;
	opacity:0;
	z-index:2;
}
/********************** _burgerBtn end *************************/
/************************************** header end ***************************************************/


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


/************************************** home start ***************************************************/
/********************** bgObj start *************************/
.home .bgObj .o1{ margin:13.66% 0 0 25.5%;}
.home .bgObj .o2{ margin:24.5% 0 0 12.66%;}
.home .bgObj .o3{ margin:28.5% 0 0 30.83%;}
.home .bgObj .o4{ margin:44.33% 0 0 16.33%;}
.home .bgObj .o5{ margin:16% 0 0 74.83%;}
.home .bgObj .o6{ margin:26.33% 0 0 87.16%;}
.home .bgObj .o7{ margin:38.5% 0 0 68.66%;}
.home .bgObj .o8{ margin:43.33% 0 0 88.83%;}
.home .bgObj .o9{ margin:63.75% 0 0 10.16%;}
.home .bgObj .o10{ margin:63.33% 0 0 87.83%;}

.flag{
	position:absolute;
	top:0;
	width:45.33%;
}
.flag.L{
	left:0;
}
.flag.R{
	right:0;
	transform:scaleX(-1);
}
.flag:before{
	content:"";
	display:block;
	padding-top:23.16%;
	transform-origin:right top;
	background:url(../images/homeFlag.png) no-repeat center/contain;
	animation:flagRotate 1s ease-in-out alternate infinite both;
}
.flag.R:before{
	animation-delay:0.5s;
}
@keyframes flagRotate{
	from{
		transform:rotate(4deg);
	}
	to{
		transform:rotate(3deg);
	}
}
/********************** bgObj end *************************/

/********************** 主標 start *************************/
.home .main{
	width:37.16%;
	margin:0 auto;
	padding-top:6.75%;
	transform:translateX(1.56%);
}
.home .main hgroup{
	position:relative;
}
.house:before{
	content:"";
	display:block;
	padding-top:91.92%;
	background:url(../images/kvHouse.png) no-repeat center/contain;
}
.home .main hgroup h2 span,
.home .main hgroup .man{
	position:absolute;
	left:0;
	top:0;
}
.home .main hgroup h2 span{
	display:block;
	font-size:0;
}
.home .main hgroup h2 span:nth-child(1){
	width:62.33%;
	margin:10.31% 0 0 11.21%;
}
.home .main hgroup h2 span:nth-child(2){
	width:65.02%;
	margin:23.54% 0 0 22.42%;
}
.home .main hgroup h2 span:before{
	content:"";
	display:block;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
.home .main hgroup h2 span:nth-child(1):before{
	padding-top:19.42%;
	background-image:url(../images/kvT1.png);
}
.home .main hgroup h2 span:nth-child(2):before{
	padding-top:19.31%;
	background-image:url(../images/kvT2.png);
}
.home .main hgroup .man{
	width:37.66%;
	margin:37.66% 0 0 30.49%;
	transform-origin:80.95% 97.65%;
}
.home .main hgroup .man:before{
	content:"";
	display:block;
	padding-top:152.38%;
	background:url(../images/kvMan.png) no-repeat center/contain;
}
.home .main hgroup h3{
	width:58.74%;
	margin:6.27% auto 0;
	font-size:0;
}
.home .main hgroup h3:before{
	content:"";
	display:block;
	padding-top:8.39%;
	background:url(../images/kvSlogan.png) no-repeat left center/cover;
}
/********************** 主標 end *************************/

/********************** intro start *************************/
.intro{
	margin-top:6%;
	text-align:center;
}
.intro h4{
	width:7.66%;
	margin:0 auto;
	font-size:0;
}
.intro h4:before{
	content:"";
	display:block;
	padding-top:73.91%;
	background:url(../images/introIcon.png) no-repeat center/contain;
}
.intro p{
	margin:1em 0 0;
	line-height:1.8em;
	font-weight:bold;
}
/********************** intro end *************************/

/********************** study start *************************/
.study{
	margin:6.66% auto 0;
	width:91.66%;
}
.study .tutorial{
	display:flex;
	align-items:flex-start;
}
.study .g2{
	margin-top:10%;
}

/********** 介紹 start ************/
.study .summary{
	width:28.36%;
}
.study .g1 .summary{
	order:1;
	margin-left:auto;
}
.study .g2 .summary{
	margin-right:auto;
}

.study .summary h4{
	position:relative;
	font-size:1.3em;
	line-height:1em;
	color:#56ae31;
}
.study .summary h4:before{
	content:"1";
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:1.17em;
	width:1.9em;
	height:1.9em;
	padding-top:0.3em;
	color:#FFF;
	background:url(../images/studyIcon.png) no-repeat center/contain;
}
.study .g1 .summary h4:before{ content:"1";}
.study .g2 .summary h4:before{ content:"2";}
.study .summary h4 strong{
	display:block;
	margin-top:0.9em;
	letter-spacing:0.1em;
}
.study .summary h4 .o{
	position:absolute;
	right:0;
	bottom:0;
	margin-right:2.56%;
}
.study .g1 .summary h4 .o{ width:23.07%;}
.study .g2 .summary h4 .o{ width:19.87%;}

.study .summary h5{
	font-size:1.01em;
	margin-top:1em;
	padding-top:1.1em;
	background:url(../images/studyLine1.png) no-repeat center top/100%;
	color:#000;
}
.study .summary p{
	font-size:0.95em;
	margin:0.5em 0 0;
	line-height:1.8em;
}

.study .summary a{
	margin-top:0.7em;
	display:flex;
	align-items:flex-end;
	transition:color 0.2s;
}
.study .summary a:hover{
	color:#56ae31;
}
.study .summary a span{
	margin-left:0.5em;
	font-size:12px;
	display:flex;
	align-items:flex-end;
}
.study .summary a span:before{
	content:"";
	display:block;
	width:24px;
	height:24px;
	background:url(../images/snsIcon.png) no-repeat left top/200%;
	margin-right:0.5em;
	transition:background-position 0.2s;
}
.study .summary a:hover span:before{
	background-position-y:bottom;
}
/********** 介紹 end ************/

/********** 影片 start ************/
.videoContainer{
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden;
	width:33.09%;
}
.videoContainer+.videoContainer{
	margin-left:1.45%;
}
.videoContainer video{
	display:block;
	width:100%;
}

.videoContainer .vBtn{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	cursor:pointer;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#FFF;
	overflow:hidden;
}
.videoContainer .vBtn:before{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	content:"";
	display:block;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	transition:all 0.5s;
}
.g1 .videoContainer:nth-child(2) .vBtn:before{ background-image:url(../images/studyVideo1_1.jpg);}
.g1 .videoContainer:nth-child(3) .vBtn:before{ background-image:url(../images/studyVideo1_2.jpg);}
.g2 .videoContainer:nth-child(2) .vBtn:before{ background-image:url(../images/studyVideo2_1.jpg);}
.g2 .videoContainer:nth-child(3) .vBtn:before{ background-image:url(../images/studyVideo2_2.jpg);}
.videoContainer .vBtn:hover:before{
	opacity:0.25;
	transform:scale(1.05);
}
.videoContainer .vBtn span{
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	width:50px;
	height:50px;
	background:#efefef;
	border-radius:50%;
}
.videoContainer .vBtn span:before{
	content:"";
	display:block;
	border:10px solid transparent;
	border-left:20px solid #5a5657;
	border-right:none;
	margin-left:10%;
	transition:border-left-color 0.2s;
}
.videoContainer .vBtn:hover span:before{
	border-left-color:#56ae31;
}
.videoContainer.isPlaying .vBtn{
	display:none;
}
.videoContainer .vBtn i{
	position:absolute;
	left:0;
	top:0;
	font-style:normal;
	font-weight:bold;
	font-size:1.05em;
	color:#FFF;
	line-height:1.6em;
	margin:1.2em 0 0 1.5em;
	transition:all 0.2s;
}
.videoContainer .vBtn:hover i{
	color:#56ae31;
	text-shadow:0 0 0.2em rgba(255, 255, 255, 0.8);
}
/********** 影片 end ************/

/********** 商品 start ************/
.study .group ul{
	display:flex;
	justify-content:center;
	align-items:flex-start;
	margin-top:2%;
	padding-top:2.27%;
	background:url(../images/studyLine2.png) no-repeat center top/100%;
}
.study .group ul li{
	width:13.63%;
}
.study .group ul li+li{
	margin-left:1.5em;
}
.study .group ul li a{
	display:block;
	color:#666;
	font-size:0.95em;
	transition:color 0.2s;
}
.study .group ul li a img{
	display:block;
	width:74.66%;
	margin:0 auto;
	transition:transform 0.2s;
}
.study .group ul li a span{
	display:block;
	margin-top:0.5em;
	text-align:center;
}
.study .group ul li a:hover{
	color:#56ae31;
}
.study .group ul li a:hover img{
	transform:scale(1.05);
}
/********** 商品 end ************/
/********************** study end *************************/
/************************************** home end ***************************************************/


/************************************** web start ***************************************************/
.web{
	margin-top:4.16%;
}

.web .main{
	position:relative;
}

/******************* 區塊標題 start *********************/
.web.col2 .titleBlock{
	position:relative;
}
.web.col2 .titleBlock hgroup .o{
	width:30%;
}
.web.col2 .titleBlock hgroup time{
	display:block;
	margin-top:8%;
	font-size:1.22em;
}

.web.col2 .titleBlock .man{
	position:absolute;
	right:0;
	bottom:0;
	width:137.69%;
	margin:0 -11.53% 10% 0;
	transform-origin:79.6% 99.63%;
}
.web.col2 .titleBlock .man:before{
	content:"";
	display:block;
	padding-top:151.39%;
	background:url(../images/webMan.png) no-repeat center/contain;
}
/******************* 區塊標題 end *********************/

/********************** 區塊內容 start *************************/
.web .ctSection{
	padding:5.4% 0 5.4% 6.08%;
}
.web .ctSection+.ctSection{
	background:url(../images/lineH.png) repeat-x left top;
}

/********* 滿額現抵 start *********/
.web .ctSection.buy{
	padding-top:0;
	display:flex;
	flex-wrap:wrap;
}
.web .ctSection.buy h6{
	width:100%;
}
.web .ctSection.buy .part{
	margin-top:1.2em;
}
.web .ctSection.buy .part strong{
	position:relative;
}
.web .ctSection.buy .part strong span{
	font-weight:normal;
	font-size:1.15em;
}
/********* 滿額現抵 end *********/

/********* 滿額禮贈 start *********/
.web .ctSection.level ul{
	position:relative;
	margin-top:1.5em;
	padding-right:55.07%;
}
.web .ctSection.level ul li{
	color:#999;
	line-height:1.8em;
	cursor:pointer;
}
.web .ctSection.level ul li+li{
	margin-top:1em;
}
.web .ctSection.level ul li .imgHouse{
	position:absolute;
	right:0;
	top:0;
	width:51.3%;
	display:none;
}
.web .ctSection.level ul li .imgHouse:after{
	position:absolute;
	content:"";
	display:block;
	left:0;
	top:0;
	width:38.98%;
	height:20%;
	margin:9.6% 0 0 26.55%;
	background:url(../images/imgHouseFlag.png) no-repeat center/contain;
}
.web .ctSection.level ul li.active{
	color:#56ae31;
}
.web .ctSection.level ul li.active .imgHouse{
	display:block;
}
/********* 滿額禮贈 end *********/

/********* 品牌回饋 start *********/
.web .ctSection.brand ul{
	position:relative;
	margin-top:1.5em;
	padding-right:55.07%;
}
.web .ctSection.brand ul li{
	font-size:1.2em;
	line-height:1em;
	cursor:pointer;
}
.web .ctSection.brand ul li+li{
	margin-top:0.6em;
}
.web .ctSection.brand ul li:before{
	content:"";
	display:inline-block;
	width:4px;
	height:4px;
	border-radius:50%;
	background:currentColor;
	vertical-align:middle;
	margin:-0.2em 0.3em 0 0;
}
.web .ctSection.brand ul li a > span{
	display:none;
}
.web .ctSection.brand ul li .imgHouse{
	position:absolute;
	right:0;
	top:0;
	width:51.3%;
	margin-top:-6.5%;
	display:none;
}
.web .ctSection.brand ul li:first-child .imgHouse:after{
	position:absolute;
	content:"官網獨家！";
	display:block;
	left:0;
	bottom:0;
	color:#fff100;
	font-size:1.06em;
	font-weight:bold;
	margin:0 0 1.3em 1.6em;
}
.web .ctSection.brand ul li.active a{
	color:#56ae31;
}
.web .ctSection.brand ul li.active .imgHouse{
	display:block;
}

.web .ctSection.brand .discount{
	display:inline-block;
	margin-top:2.2em;
	font-size:1.25em;
	font-weight:bold;
	line-height:1em;
	padding-bottom:0.8em;
	background:url(../images/lineH.png) repeat-x left bottom;
}
.web .ctSection.brand .discount strong{
	display:inline-block;
	color:#56ae31;
	font-size:2.4em;
	transform:translateY(0.15em);
}
/********* 品牌回饋 end *********/

/********* 會員招募 start *********/
.web .ctSection.member{
	padding-bottom:0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.web .ctSection.member h6{
	width:100%;
}
.web .ctSection.member p,
.web .ctSection.member .ps{
	margin-top:1.2em;
}
.web .ctSection.member p{
	margin-bottom:0;
}
.web .ctSection.member .ps{
	margin-left:2em;
	display:flex;
}
.web .ctSection.member .ps .btn.att{
	margin-left:1em;
}
/********* 會員招募 end *********/
/********************** 區塊內容 end *************************/

/********************** 右上旗 start *************************/
.webFlag{
	position:absolute;
	right:0;
	top:0;
	width:25.33%;
	margin-right:-1.66%;
}
.webFlag:before{
	content:"";
	display:block;
	padding-top:53.94%;
	background:url(../images/webFlag.png) no-repeat center/contain;
	transform-origin:left top;
	animation:webFlagRotate 1s ease-in-out alternate infinite;
}
@keyframes webFlagRotate{
	to{
		transform:rotate(-3deg);
	}
}
/********************** 右上旗 end *************************/
/************************************** web end ***************************************************/


/************************************** store start ***************************************************/
.store.col2 .main{
	padding-bottom:10%;
}

/******************* 區塊標題 start *********************/
.store.col2 .titleBlock hgroup .o{
	width:41.5%;
}
.store.col2 .titleBlock ul{
	margin-top:4em;
}
.store.col2 .titleBlock ul li{
	font-size:1.6em;
	font-weight:bold;
	padding-bottom:0.5em;
	color:#999;
	width:4em;
	line-height:1.3em;
	cursor:pointer;
	transition:color 0.2s;
}
.store.col2 .titleBlock ul li:hover,
.store.col2 .titleBlock ul li.active{
	color:#56ae31;
	background:url(../images/lineH.png) no-repeat left bottom;
}
.store.col2 .titleBlock ul li:not(.active){
	animation:flashLi 0.5s alternate infinite;
}
@keyframes flashLi{
	to{
		color:#333;
	}
}
.store.col2 .titleBlock ul li+li{
	margin-top:1em;
}
.store.col2 .titleBlock ul li i{
	display:block;
	font-size:1.6em;
	font-style:normal;
	margin-bottom:0.2em;
}
/******************* 區塊標題 end *********************/

/******************* 區塊內容 start *********************/
.store .tabCT{
	display:none;
}

.store .ctBlock .titleSection,
.store .ctSection{
	padding:5.4% 0 5.4% 6.08%;
}
.store .ctBlock .titleSection{
	padding-top:0;
	padding-bottom:0;
}
.store .ctBlock .titleSection h5{
	display:inline-block;
	font-size:1.6em;
	padding-bottom:0.5em;
	line-height:1.3em;
	color:#56ae31;
	background:url(../images/lineH.png) no-repeat left bottom;
}
.store .ctBlock .ctSection:last-child{
	padding-bottom:0;
}

/******** ps start ********/
.store .ps{
	margin-top:1.5em;
	display:flex;
}
.store .ps a{
	margin-left:1.5em;
	font-size:1.2em;
	display:flex;
	align-items:center;
	color:#a0a0a0;
	font-weight:bold;
	line-height:1em;
	transition:color 0.2s;
}
.store .ps a:before{
	content:"";
	display:block;
	width:0.93em;
	height:1.25em;
	margin-right:0.25em;
	background:url(../images/marker.png) no-repeat center top/cover;
	transition:background 0.2s;
}
.store .ps a:hover{
	color:#56ae31;
}
.store .ps a:hover:before{
	background-position-y:bottom;
}
/******** ps end ********/

/******** tab1 start ********/
.store .tabCT:nth-child(1).active{
	display:block;
}
.store .tabCT:nth-child(1) .ctSection+.ctSection{
	background:url(../images/lineH.png) repeat-x left top;
}

.store .tabCT:nth-child(1) .ctSection:not(:last-child){
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.store .tabCT:nth-child(1) .ctSection:nth-child(2){
	margin-top:-6%;
	padding-top:0;
}
.store .tabCT:nth-child(1) .ctSection:nth-child(2) .txt{
	margin-top:12%;
}

.store .tabCT:nth-child(1) .imgHouse,
.store .imgCubeH{
	width:51.3%;
}

/** imgCubeH start **/
.imgCubeH{
	flex-shrink:0;
	margin-left:1em;
	background:url(../images/imgCubeH.png) no-repeat center/contain;
}
.imgCubeH .ct{
	padding:3.67% 3.95% 4.23% 5.64%;
}
.imgCubeH .ct img{
	display:block;
	width:100%;
}
/** imgCubeH end **/

.store .tabCT:nth-child(1) .ctSection:last-child p{
	position:relative;
	display:inline-block;
}
.store .tabCT:nth-child(1) .ctSection:last-child p img{
	position:absolute;
	left:calc(100% + 2em);
	top:0;
	margin-top:-2.2em;
	width:9.375em;
	max-width:400px;
}
/******** tab1 end ********/

/******** tab2 start ********/
.store .tabCT:nth-child(2){
	flex-wrap:wrap;
	justify-content:space-between;
}
.store .tabCT:nth-child(2).active{
	display:flex;
}

.store .tabCT:nth-child(2) .titleSection{
	width:100%;
}

.store .tabCT:nth-child(2) .ctSection:not(:last-child){
	margin-top:5%;
	padding-top:0;
}
.store .tabCT:nth-child(2) .ctSection:nth-child(2){
	width:51.7%;
}
.store .tabCT:nth-child(2) .ctSection:nth-child(2) .imgHouse{
	margin-top:2em;
}
.store .tabCT:nth-child(2) .ctSection:nth-child(3){
	width:45.05%;
	padding-left:3.24%;
	background:url(../images/lineV.png) repeat-y left top;
}

/** imgCubeV start **/
.imgCubeV{
	margin-top:1.5em;
	background:url(../images/imgCubeV.png) no-repeat center/contain;
}
.imgCubeV .ct{
	padding:5.33% 6% 6% 6.66%;
}
.imgCubeV .ct img{
	display:block;
	width:100%;
}
/** imgCubeH end **/

.store .tabCT:nth-child(2) .ctSection:last-child{
	width:100%;
	background:url(../images/lineH.png) repeat-x left top;
}
.store .tabCT:nth-child(2) .ctSection:last-child ul{
	margin-top:1.5em;
}
.store .tabCT:nth-child(2) .ctSection:last-child ul li{
	display:flex;
	line-height:1em;
}
.store .tabCT:nth-child(2) .ctSection:last-child ul li+li{
	margin-top:1em;
}
.store .tabCT:nth-child(2) .ctSection:last-child ul li:before{
	content:"";
	display:block;
	width:1.5em;
	margin-right:0.5em;
	background:url(../images/lineH.png) no-repeat left center;
}
.store .tabCT:nth-child(2) .ctSection:last-child ul li em.n{
	font-size:1.7em;
	margin:0 0.1em;
}
/******** tab2 end ********/

/******** slick start ********/
.store .slick-dots li{
	width:11px;
	height:11px;
}
.store .slick-dots li button{	
	background:#FFF;
}
.store .slick-dots li button:hover,
.store .slick-dots li.slick-active button{
	background:#56ae31;
}
/******** slick end ********/
/******************* 區塊內容 end *********************/
/************************************** store end ***************************************************/


/************************************** co start ***************************************************/
.co .bgObj{
	z-index:1;
}
.co .bgObj .o10{ margin:22.5% 0 0 11.83%;}
.co .bgObj .o9{ margin:14.66% 0 0 90%;}
.co .bgObj .o5{ margin:83.33% 0 0 9%;}
.co .bgObj .o4{ margin:87.08% 0 0 85.83%;}
.co .bgObj .o7{ margin:121.25% 0 0 13.91%;}
.co .bgObj .o2{ margin:147.5% 0 0 91.16%;}
.co .bgObj .tree{
	width:13.83%;
	margin:17.33% 0 0 72.91%;
}
.co .bgObj .tree span:before{
	background-image:url(../images/coTree.png); 
	padding-top:100%;
}
.co .main{
	padding:6.66% 14.66%;
}

/******************* 區塊標題 end *********************/
.co .titleBlock{
	position:relative;
	width:39.85%;
	margin:0 auto;
}
.co .titleBlock:before{
	content:"";
	display:block;
	padding-top:66.86%;
	background:url(../images/coTitleBlock.png) no-repeat center top/contain;
}
.co .titleBlock hgroup{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:center;
}
.co .titleBlock hgroup .icon{
	width:35.5%;
}
.co .titleBlock hgroup .icon:before{
	content:"";
	display:block;
	padding-top:73.33%;
	background:url(../images/coTitleIcon.png) no-repeat center/contain;
}
.co .titleBlock h4{
	margin:0.8em 0 0.2em;
	color:#56ae31;
}
.co .titleBlock h4 span+span{
	background-image:url(../images/titleTxtLine_green.png);
}
/******************* 區塊標題 end *********************/

/******************* 區塊內容 start *********************/
.co .ctBlock{
	position:relative;
	padding:4.24% 7.07% 11.79% 15.33%;
	margin-top:-3px;
	background:url(../images/coBdrL.png) repeat-y left top, url(../images/coBdrR.png) repeat-y right top, url(../images/lineH.png) repeat-x left bottom;
}

/********* bdr start *********/
.co .ctBlock .bdr *{
	pointer-events:none;
}
.co .ctBlock .bdr .TL,
.co .ctBlock .bdr .TR{
	position:absolute;
	top:0;
	width:30.54%;
}
.co .ctBlock .bdr .TL{
	left:0;
}
.co .ctBlock .bdr .TR{
	right:0;
}
.co .ctBlock .bdr .TL:before,
.co .ctBlock .bdr .TR:before{
	content:"";
	display:block;
	height:3px;
	background-repeat:repeat-x;
}
.co .ctBlock .bdr .TL:before{
	background-image:url(../images/lineH.png);
}
.co .ctBlock .bdr .TR:before{
	background-image:url(../images/coBdrTR.png);
}
.co .ctBlock .bdr .BL{
	position:absolute;
	left:0;
	bottom:0;
	width:16.03%;
	margin:0 0 2.12% 2.12%;
}
.co .ctBlock .bdr .BL:before{
	content:"";
	display:block;
	padding-top:121.32%;
	background:url(../images/coBdrBL.png) no-repeat left bottom/contain;
}
/********* bdr end *********/

/********* 塗鴉 start *********/
.co .draw{
	width:29.17%;
	margin-left:31.15%;
}
.co .draw:before{
	content:"";
	display:block;
	padding-top:86.45%;
	background:url(../images/coDraw.png) no-repeat center/contain;
}
/********* 塗鴉 end *********/

/********* 聯名 start *********/
.co h5{
	display:flex;
	align-items:center;
	margin-top:4.1%;
}
.co h5 span{
	display:block;
	font-size:0;
}
.co h5 span.whosming{ width:38.9%;}
.co h5 span.X{ width:4.55%; margin:0.3% 2.12% 0;}
.co h5 span.nordic{ width:41.94%;}
.co h5 span:before{
	content:"";
	display:block;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
.co h5 span.whosming:before{ background-image:url(../images/coWhosming.png); padding-top:18.75%;}
.co h5 span.X:before{ background-image:url(../images/coX.png); padding-top:100%;}
.co h5 span.nordic:before{ background-image:url(../images/coNordic.png); padding-top:17.39%;}
/********* 聯名 end *********/

/********* 介紹 start *********/
.co .about{
	margin-top:3.64%;
}
.co .about a{
	display:inline-flex;
	align-items:flex-end;
}
.co .about a:hover{
	color:currentColor;
}
.co .about a:after{
	content:"";
	display:block;
	width:24px;
	height:24px;
	background:url(../images/snsIcon.png) no-repeat right top/200%;
	margin-left:1em;
	transition:background-position 0.2s;
}
.co .about a:hover:after{
	background-position-y:bottom;
}
.co .about p{
	margin:1em 0 0;
	font-weight:bold;
	font-size:0.95em;
	line-height:1.9em;
}
/********* 介紹 end *********/

/********* 內容 start *********/
.co .ctSectionGroup,
.co .ctSection+.ctSection{
	margin-top:5.47%;
}

.co .ctSection{
	display:flex;
	align-items:center;
}

/*** 圖 start ***/
.co .imgCube{
	position:relative;
	width:44.68%;
	flex-shrink:0;
	background:url(../images/imgCube.png) no-repeat center top/cover;
}
.co .ctSection:nth-child(even) .imgCube{
	background-position-y:bottom;
}
.co .imgCube .ct{
	padding:5.78%;
}
.co .imgCube .ct img{
	display:block;
	width:100%;
}
.co .o,
.co .coflag{
	position:absolute;
}
.co .coflag{
	left:0;
	top:0;
	width:50%;
}
.co .coflag:before{
	content:"";
	display:block;
	padding-top:64.51%;
	background:url(../images/imgCubeFlag.png) no-repeat center/contain;
}
.co .o1{
	right:0;
	bottom:0;
	width:29.93%;
	margin:0 -3.8% -2% 0;
}
.co .o6{
	left:0;
	bottom:0;
	width:38.77%;
	margin:0 0 -3.4% -11.56%;
}
/*** 圖 end ***/

/*** 文 start ***/
.co .ctSection .txt{
	margin-left:7.59%;
}
.co .ctSection .txt h6 span{
	display:block;
}
.co .ctSection .txt h6 a{
	display:inline-flex;
	align-items:flex-start;
	font-size:0;
}
.co .ctSection .txt h6 a:before,
.co .ctSection .txt h6 a:after{
	content:"";
	display:block;
}
.co .ctSection .txt h6 a:before{
	width:94px;
	height:30px;
	background:url(../images/coLogo.png) no-repeat left top/cover;
}
.co .ctSection:nth-child(3) .txt h6 a:before{
	background-position-y:bottom;
}
.co .ctSection .txt h6 a:after{
	width:24px;
	height:24px;
	background:url(../images/snsIcon.png) no-repeat left top/200%;
	margin-left:15px;
	transition:background-position 0.2s;
}
.co .ctSection .txt h6 a:hover:after{
	background-position-y:bottom;
}
.co .special{
	margin-top:1.5em;
	font-weight:bold;
}
.co .special > *{
	display:block;
}
.co .special em{
	padding-bottom:0.5em;
	background:url(../images/coSpecialLine.png) repeat-x left bottom;
}
.co .special span{
	margin-top:0.4em;
}
.co .ctSection:not(:nth-child(1)) .txt p{
	font-size:0.9em;
}
.co .special p a{
	display:inline-flex;
	align-items:center;
	transition:color 0.2s;
}
.co .special p a:hover{
	color:#56ae31;
}
.co .special p a:before{
	content:"";
	display:block;
	width:12px;
	height:12px;
	background:url(../images/tel.png) no-repeat;
	margin-right:0.5em;
}
/*** 文 end ***/
/********* 內容 end *********/
/******************* 區塊內容 end *********************/
/************************************** co end ***************************************************/


/*********************************** overlay start ***********************************************/
.overlay{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
	background:rgba(255, 255, 255, 0.9);
	z-index:2;
	visibility:hidden;
}
.overlay.show{
	visibility:visible;
}

.overlayCT{
	position:relative;
	width:700px;
}

.overlayCT .ct{
	width:100%;
	padding:6% 5%;
	background:#57ae32;
}
.overlayCT .ct .rule{
	color:#FFF;
	font-size:0.875em;
	line-height:1.8em;
}
.overlayCT .ct .rule ol{
	list-style:decimal;
	padding-left:2em;
}
.overlay .rule ol li+li{
	margin-top:0.5em;
}

.overlayCT .btnClose{
	position:absolute;
	right:10px;
	top:10px;
	width:1.5em;
	height:1.5em;
	cursor:pointer;
}
.overlayCT .btnClose span{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transition:transform 0.2s;
}
.overlayCT .btnClose span:before,
.overlayCT .btnClose span:after{
	position:absolute;
	content:"";
	display:block;
	left:0;
	top:50%;
	width:100%;
	height:1px;
	background:#FFF;
}
.overlayCT .btnClose span:before{
	transform:translateY(-50%) rotate(-45deg);
}
.overlayCT .btnClose span:after{
	transform:translateY(-50%) rotate(45deg);
}
.overlayCT .btnClose:hover span{
	transform:rotate(-90deg);
}

.mCSB_scrollTools{
	opacity:1;
}
.mCSB_scrollTools .mCSB_draggerRail{
	background-color:#FFF;
	width:1px;
	filter:none;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background-color:#FFF;
	width:5px;
	filter:none;
}
/*********************************** overlay end ***********************************************/


@media screen and (max-width:1200px){
	
	/************************************** header start ***************************************************/
	.themeEventContainer header{
		margin-right:-50%;
	}	
	/************************************** header end ***************************************************/
}


@media screen and (min-width:1024px) and (max-width:1200px){
	
	.themeEventContainer{
		font-size:1.16vw;
	}
	
}


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


@media screen and (max-width:1024px){
	
	/************************************** header start ***************************************************/	
	.themeEventContainer header ._burgerBtn span,
	.themeEventContainer header ._burgerBtn span:before,
	.themeEventContainer header ._burgerBtn span:after{
		padding-top:2px;
	}
	/********************** nav start *************************/
	.themeEventContainer header nav,
	.themeEventContainer header.RT nav{
		margin:0;
	}
	.themeEventContainer header.open nav{
		width:12.85em;
		height:calc(100vh - 47px);
	}
	/********************** nav end *************************/
	/********************** _burgerBtn start *************************/
	.themeEventContainer header ._burgerBtn,
	.themeEventContainer header.RT ._burgerBtn{
		margin:8% 5% 0 0;
		width:1.42em;
		height:1.42em;
		cursor:pointer;
	}
	.themeEventContainer header ._burgerBtn:before{
		display:none;
	}
	.themeEventContainer header.open ._burgerBtn span{
		background:none;
	}
	.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){
	
	.themeEventContainer{
		font-size:14px;
	}
	
	/************************************** header start ***************************************************/	
	/********************** nav start *************************/
	.themeEventContainer header{
		top:47px;
	}
	/********************** nav end *************************/
	/************************************** header end ***************************************************/

}


@media screen and (min-width:768px) and (max-width:1023px){
	
	/************************************** 其它共用 start ***************************************************/		
	/****************** 左右欄 start ********************/
	.col2 .main{
		padding-left:2%;
		padding-right:2%;
	}
	/****************** 左右欄 end ********************/
	/************************************** 其它共用 end ***************************************************/
	
	/************************************** web start ***************************************************/
	/******************* 區塊標題 start *********************/	
	.web.col2 .titleBlock .man{
		width:115%;
	}
	/******************* 區塊標題 end *********************/
	/********************** 區塊內容 start *************************/	
	/********* 滿額現抵 start *********/
	.web .ctSection.buy .part{
		width:100%;
	}
	/********* 滿額現抵 end *********/
	/********************** 區塊內容 end *************************/
	/************************************** web end ***************************************************/
	
	/************************************** co start ***************************************************/
	.co .bgObj .o5{ margin-left:7%;}
	.co .bgObj .o4{ margin-left:90%;}
	.co .bgObj .o7{ margin-left:10%;}
	.co .bgObj .o2{ margin-left:97%;}
	.co .bgObj .tree{
		margin:22% 0 0 78%;
	}
	.co .main{
		padding-left:2.5%;
		padding-right:2.5%;
	}
	/************************************** co end ***************************************************/
	
}


@media screen and (max-width:768px){
	
	/************************************** home start ***************************************************/	
	/********************** study start *************************/	
	/********** 介紹 start ************/
	.study .summary p br{
		display:none;
	}
	/********** 介紹 end ************/
	/********************** study end *************************/
	/************************************** home end ***************************************************/
	
}


@media screen and (max-width:767px){
	
	/************************************** 其它共用 start ***************************************************/			
	/**************** 區塊標題 start ********************/
	.titleBlock h4{
		margin:0 auto;
	}
	/**************** 區塊標題 end ********************/
	
	/****************** 左右欄 start ********************/
	.col2 .main{
		display:block;
		padding:10% 5%;
	}
	
	/******** 區塊標題 start ************/
	.col2 .titleBlock{
		width:auto;
		flex-direction:row;
		justify-content:center;
		align-items:flex-start;
	}
	.col2 .titleBlock hgroup{
		margin-top:0;
		display:flex;
		flex-direction:column;
		align-items:center;
	}
	/******** 區塊標題 end ************/
	
	/******** 區塊內容 start *********/
	.col2 .ctBlock{
		width:auto;
		background:none;
	}
	/******** 區塊內容 end *********/
	/****************** 左右欄 end ********************/	
	/************************************** 其它共用 end ***************************************************/
	
	/************************************** home start ***************************************************/
	/********************** bgObj start *************************/
	.home .bgObj .o1,
	.home .bgObj .o2,
	.home .bgObj .o4,
	.home .bgObj .o5,
	.home .bgObj .o6,
	.home .bgObj .o8,
	.home .bgObj .o9,
	.home .bgObj .o10{ display:none;}
	.home .bgObj .o3{ width:14%; margin:53% 0 0 10%;}
	.home .bgObj .o7{ width:11%; margin:75% 0 0 90%;}
	.belt{
		width:65%;
	}
	.belt.L{
		left:-20%;
	}
	.belt.R{
		right:-20%;
	}
	/********************** bgObj end *************************/
	
	/********************** 主標 start *************************/
	.home .main{
		width:80%;
		transform:none;
	}
	.home .main hgroup h3{
		width:80%;
	}
	/********************** 主標 end *************************/
	
	/********************** intro start *************************/
	.intro h4{
		width:20%;
	}
	.intro p{
		padding:0 2em;
	}
	.intro p br{
		display:none;
	}
	/********************** intro end *************************/
	
	/********************** study start *************************/
	.study{
		margin-top:10%;
		width:95%;
	}
	.study .tutorial{
		display:block;
	}
	.study .g2{
		margin-top:20%;
	}
	/********** 介紹 start ************/
	.study .summary{
		width:auto;
	}
	.study .summary h4 .o{
		margin-right:0;
	}
	.study .summary h5{
		background-size:auto;
		background-position:left top;
		background-repeat:repeat-x;
	}
	/********** 介紹 end ************/
	
	/********** 影片 start ************/
	.videoContainer{
		width:auto;
		margin-top:5%;
	}
	.videoContainer+.videoContainer{
		margin-left:0;
	}
	/********** 影片 end ************/
	
	/********** 商品 start ************/
	.study .group ul{
		flex-wrap:wrap;
		justify-content:space-between;
		margin-top:5%;
		padding-top:5.2%;
		background-size:auto;
		background-position:left top;
		background-repeat:repeat-x;
	}
	.study .group ul li{
		width:47.5%;
	}
	.study .group ul li+li{
		margin-left:0;
	}
	.study .group ul li:not(:nth-child(-n+2)){
		margin-top:5%;
	}
	/********** 商品 end ************/
	/********************** study end *************************/
	/************************************** home end ***************************************************/
	
	/************************************** web start ***************************************************/
	.web{
		margin-top:10%;
	}
	
	/******************* 區塊標題 start *********************/	
	.web.col2 .titleBlock .man{
		display:none;
	}
	/******************* 區塊標題 end *********************/
	
	/********************** 區塊內容 start *************************/
	.web .ctSection,
	.web .ctSection.buy{
		padding:10% 0;
		background:url(../images/lineH.png) repeat-x left top;
	}
	
	/********* 滿額現抵 start *********/
	.web .ctSection.buy{
		margin-top:10%;
		display:block;
	}
	.web .ctSection.buy h6{
		width:auto;
	}
	/********* 滿額現抵 end *********/
	
	/********* 滿額禮贈 start *********/
	.web .ctSection.level ul{
		padding-right:0;
	}
	.web .ctSection.level ul li{
		color:#333;
		display:flex;
		align-items:flex-start;
		justify-content:space-between;
	}
	.web .ctSection.level ul li .imgHouse{
		position:relative;
		width:30%;
		display:block;
		margin-left:1em;
	}
	/********* 滿額禮贈 end *********/
	
	/********* 品牌回饋 start *********/
	.web .ctSection.brand ul{
		padding-right:0;
	}
	.web .ctSection.brand ul li+li{
		margin-top:1em;
	}
	.web .ctSection.brand ul li a > span{
		display:inline;
	}
	.web .ctSection.brand ul li a > span strong{
		color:#56ae31;
		font-size:1.5em;
	}
	.web .ctSection.brand ul li .imgHouse,
	.web .ctSection.brand ul li.active .imgHouse,
	.web .ctSection.brand .discount{
		display:none;
	}
	/********* 品牌回饋 end *********/
	
	/********* 會員招募 start *********/
	.web .ctSection.member{
		display:block;
	}
	.web .ctSection.member h6{
		width:auto;
	}
	.web .ctSection.member .ps{
		margin-left:0;
	}
	/********* 會員招募 end *********/
	/********************** 區塊內容 end *************************/
	
	/********************** 右上旗 start *************************/
	.webFlag{
		width:40%;
	}
	/********************** 右上旗 end *************************/
	/************************************** web end ***************************************************/
	
	/************************************** store start ***************************************************/	
	/******************* 區塊標題 start *********************/
	.store.col2 .titleBlock ul{
		display:none;
	}
	/******************* 區塊標題 end *********************/
	
	/******************* 區塊內容 start *********************/	
	.store .ctBlock{
		margin-top:20%;
	}
	.store .ctSection{
		margin-top:10%;
		padding:10% 0 0;
		background:url(../images/lineH.png) repeat-x left top;
	}
	.store .ctBlock .titleSection{
		padding-left:0;
	}
	.store .ctBlock .titleSection h5{
		display:block;
		padding-bottom:0;
		background:none;
		text-align:center;
	}
	.store .tabCT .ctSection p br{
		display:none;
	}
	
	/******** tab1 start ********/
	.store .tabCT:nth-child(1){
		display:block;
	}	
	.store .tabCT:nth-child(1) .ctSection:not(:last-child){
		display:block;
	}
	.store .tabCT:nth-child(1) .ctSection:nth-child(2){
		margin-top:10%;
		padding-top:10%;
	}
	.store .tabCT:nth-child(1) .ctSection:nth-child(2) .txt{
		margin-top:0;
	}
	
	.store .tabCT:nth-child(1) .imgHouse,
	.store .imgCubeH{
		width:auto;
		margin:5% auto 0;
	}

	.store .tabCT:nth-child(1) .ctSection:last-child p img{
		position:static;
		display:block;
		margin:1em auto 0;
		width:70%;
	}
	/******** tab1 end ********/
	
	/******** tab2 start ********/
	.store .tabCT:nth-child(2),
	.store .tabCT:nth-child(2).active{
		display:block;
	}
	.store .tabCT:nth-child(2){
		margin-top:20%;
	}
	
	.store .tabCT:nth-child(2) .titleSection{
		width:auto;
	}
	.store .tabCT:nth-child(2) .ctSection:nth-child(2),
	.store .tabCT:nth-child(2) .ctSection:nth-child(3),
	.store .tabCT:nth-child(2) .ctSection:last-child{
		width:auto;
		margin-top:10%;
		padding:10% 0 0;
		background:url(../images/lineH.png) no-repeat left top;
	}
	/******** tab2 end ********/
	/******************* 區塊內容 end *********************/
	/************************************** store end ***************************************************/
	
	/************************************** co start ***************************************************/
	.co .bgObj{
		display:none;
	}
	.co .main{
		padding:10% 2%;
	}
	
	/******************* 區塊標題 end *********************/
	.co .titleBlock{
		width:70%;
	}
	/******************* 區塊標題 end *********************/
	
	/******************* 區塊內容 start *********************/
	.co .ctBlock{
		padding:5% 10% 10%;
	}
	
	/********* bdr start *********/
	.co .ctBlock .bdr .TL,
	.co .ctBlock .bdr .TR{
		width:15%;
	}
	/********* bdr end *********/
	
	/********* 塗鴉 start *********/
	.co .draw{
		width:40%;
		margin:0 auto;
	}
	/********* 塗鴉 end *********/
	
	/********* 聯名 start *********/
	.co h5{
		justify-content:center;
		margin:5% auto 0;
	}
	.co h5 span.whosming,
	.co h5 span.nordic{ 
		flex:1;
	}
	/********* 聯名 end *********/
	
	/********* 介紹 start *********/
	.co .about{
		margin-top:5%;
	}
	.co .about p br{
		display:none;
	}
	/********* 介紹 end *********/
	
	/********* 內容 start *********/
	.co .ctSectionGroup,
	.co .ctSection+.ctSection{
		margin-top:10%;
	}
	
	.co .ctSection{
		display:block;
	}
	
	/*** 圖 start ***/
	.co .imgCube{
		width:auto;
	}
	/*** 圖 end ***/
	
	/*** 文 start ***/
	.co .ctSection .txt{
		margin:5% 0 0;
	}
	.co .ctSection:nth-child(1) .txt p br{
		display:none;
	}
	/*** 文 end ***/
	/********* 內容 end *********/
	/******************* 區塊內容 end *********************/
	/************************************** co end ***************************************************/
	
	/*********************************** overlay start ***********************************************/		
	.overlayCT{
		width:100%;
		height:100%;
		display:flex;
		align-items:center;
	}	
	.overlayCT .ct{
		height:100%;
		padding:10% 5%;
		display:flex;
		align-items:center;
	}
	/*********************************** overlay end ***********************************************/
	
}