@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{
	display:none;
}

.themeEventContainer{
	font-family:DINProRegular, Tahoma, 微軟正黑體, sans-serif;
	font-size:14px;
	color:#FFF;
	background:#122c2b;
	overflow:hidden;
}

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

section:not(.home) .CT{
	padding:4.16%;
}

.themeEventContainer .CT > h3{
	display:flex;
	align-items:center;
}
.themeEventContainer .CT > h3 span{
	font-size:2.85em;
	border-right:2px solid;
	padding-right:0.5em;
	line-height:0.8em;
}
.themeEventContainer .CT > h3 strong{
	font-size:1.2em;
	margin-left:1.3em;
	letter-spacing:0.5em;
	line-height:1em;
}

.remind:before{
	content:"";
	display:inline-block;
	width:0.9em;
	height:0.9em;
	border:3px double;
	border-radius:50%;
	vertical-align:middle;
	margin-right:0.4em;
}

.themeBtn{
	display:inline-block;
	color:#FFF;
	border:2px solid;
	border-radius:0.3em;
	background:transparent;
	font-size:1.05em;
	padding:0.6em 1.2em 0.5em 1em;
	line-height:1em;
	cursor:pointer;
	outline:none;
	transition:background 0.2s;
}
.themeBtn[href]:hover,
.themeBtn:hover{
	color:#122c2b;
	background:#FFF;
	border-color:#FFF;
}
.themeBtn.withArrow:after{
	content:"";
	display:inline-block;
	width:0.5em;
	height:0.5em;
	border:2px solid;
	border-left:none;
	border-bottom:none;
	margin-left:0.5em;
	transform:rotate(45deg);
	margin-bottom:0.1em;
	transition:transform 0.2s;
}
.themeBtn.withArrow:hover:after{
	transform:translateX(50%) rotate(45deg);
}

.ctWrapper{
	position:relative;
	margin-top:2.5em;
	font-size:1.14em;
}
.ctWrapper .period{
	font-weight:bold;
}
.ctWrapper h4{
	font-size:1.2em;
	display:inline-block;
	padding-bottom:0.4em;
	border-bottom:2px solid;
}

.ctTxt li{
	opacity:0.55;
	transition:opacity 0.2s;
}
.ctTxt li.active{
	opacity:1;
}
.ctTxt li .img{
	position:absolute;
}
.ctTxt li .img img{
	display:block;
	width:100%;
	border-radius:0.3em;
}
.ctTxt li .img span{
	position:absolute;
	display:block;
}

.ctWrapper .btnBlock{
	margin-top:4em;
	display:flex;
}
.ctWrapper .btnBlock li+li{
	margin-left:2em;
	padding-left:2em;
	border-left:2px solid;
}

.attBtn .attCT{
	display:none;
}
/************************************** 其它共用 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;
}

/********************** nav start *************************/
.themeEventContainer header nav{
	position:absolute;
	right:0;
	top:0;
	margin:30% 30% 0 0;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	background:rgba(0, 0, 0, 0.95);
	color:#FFF;
	width:0;
	height:0;
	overflow:hidden;
	transition:all 0.2s;
}

.themeEventContainer header nav > ul{
	margin-top:3.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{
	justify-content:flex-start;
	padding:0.8em 0 0.8em 3.5em;
	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:after{
	position:absolute;
	right:0;
	top:0;
	margin:0.85em 0.85em 0 0;
	content:"";
	display:block;
	width:0.85em;
	height:0.85em;
	border:1px solid;
	border-left:none;
	border-bottom:none;
}

.themeEventContainer header nav a:hover,
.themeEventContainer header nav li.active a{
	color:#000;
	background:rgba(255, 255, 255, 0.95);
}
/********************** nav end *************************/

/********************** _burgerBtn start *************************/
.themeEventContainer header ._burgerBtn{
	position:absolute;
	right:0;
	top:0;
	margin:30% 30% 0 0;
	width:2.14em;
	color:#FFF;
}
.themeEventContainer header ._burgerBtn span,
.themeEventContainer header ._burgerBtn span:before,
.themeEventContainer header ._burgerBtn span:after{
	position:absolute;
	display:block;
	right:0;
	width:100%;
	height:2px;
	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:26%;
	z-index:0;
}
.themeEventContainer header ._burgerBtn span:before{
	width:75%;
	transform:translateY(-450%);
}
.themeEventContainer header ._burgerBtn span:after{ 
	width:58%;
	transform:translateY(350%);
}
.themeEventContainer header ._burgerBtn:before{
	position:absolute;
	right:0;
	top:0;
	content:"MENU";
	font-size:13px;
	display:block;
	margin-top:85%;
	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 ***************************************************/
.home .CT{
	position:relative;
}

/********************** bg start *************************/
.bg{
	position:relative;
}
.bg:before{
	content:"";
	display:block;
	padding-top:46.33%;
	background:url(../images/homeBg.jpg) no-repeat center top/cover;
}

.obj{
	position:absolute;
	left:0;
	top:0;
}
.obj i{
	position:relative;
	display:block;
	animation:objAni ease-in-out both alternate infinite;
}
@keyframes objAni{
	from{
		transform:rotate(-5deg);
	}
	to{
		transform:rotate(5deg);
	}
}
.obj i:before,
.obj i:after{
	content:"";
	display:block;
}
.obj i:before{
	position:relative;
	z-index:1;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
.obj i:after{
	position:absolute;
	left:0;
	bottom:0;
	transform:translateY(20%);
	width:100%;
	height:50%;
	border-radius:50%;
	background:rgba(0, 0, 0, 0.5);
	filter:blur(0.5em);
	z-index:0;
}
@media screen and (-ms-high-contrast:none){
	.obj i:after{
		display:none;
	}
}
.o1{
	width:4.33%;
	margin:34.16% 0 0 44%;
}
.o1 i{
	animation-duration:2s;
	animation-delay:0s;
}
.o1 i:before{
	background-image:url(../images/homeObj1.png);
	padding-top:230.76%;
}
.o2{
	width:5.16%;
	margin:18.66% 0 0 46%;
	z-index:1;
}
.o2 i{
	animation-duration:2.5s;
	animation-delay:1s;
}
.o2 i:before{
	background-image:url(../images/homeObj2.png);
	padding-top:109.67%;
}
.o3{
	width:5%;
	margin:10.33% 0 0 49.66%;
}
.o3 i{
	animation-duration:1.5s;
	animation-delay:0.5s;
}
.o3 i:before{
	background-image:url(../images/homeObj3.png);
	padding-top:266.66%;
}
.o4{
	width:6.33%;
	margin:35.83% 0 0 54.4%;
	overflow:hidden;
}
.o4 i{
	animation:objSee 8s ease-in 1s both infinite;
	margin-bottom:25%;
}
@keyframes objSee{
	0%{
		transform:translateX(100%);
	}
	3%{
		transform:translateX(7%);
	}
	47%{
		transform:translateX(7%);
	}
	50%{
		transform:translateX(100%);
	}
	100%{
		transform:translateX(100%);
	}
}
.o4 i:before{
	background-image:url(../images/homeObj4.png);
	padding-top:113.15%;
}
.o5{
	width:5.83%;
	margin:20.66% 0 0 65.66%;
}
.o5 i{
	animation-duration:2s;
	animation-delay:0.2s;
}
.o5 i:before{
	background-image:url(../images/homeObj5.png);
	padding-top:134.28%;
}
.o6{
	width:5.16%;
	margin:2.91% 0 0 67.25%;
}
.o6 i{
	animation-duration:1.5s;
	animation-delay:0.5s;
}
.o6 i:before{
	background-image:url(../images/homeObj6.png);
	padding-top:167.74%;
}
.o7{
	width:7.5%;
	margin:11.83% 0 0 75%;
}
.o7 i{
	animation-duration:2s;
	animation-delay:0.8s;
}
.o7 i:before{
	background-image:url(../images/homeObj7.png);
	padding-top:111.11%;
}
/********************** bg end *************************/

/********************** 主標 start *************************/
.home hgroup{
	position:absolute;
	left:0;
	top:0;
	width:24.16%;
	margin:5.83% 0 0 4.16%;
}
.home hgroup h2{
	font-size:0;
}
.home hgroup h2:before{
	content:"";
	display:block;
	padding-top:66.89%;
	background:url(../images/homeT1.png) no-repeat center/contain;
}
.home hgroup h3{
	margin:11.03% auto 0;
	width:77.93%;
}
.home hgroup h3 i{
	display:block;
	margin:0 auto;
	width:21.23%;
	border-top:1px solid;
}
.home hgroup h3 span{
	font-size:0;
	margin-top:15.92%;
	display:block;
}
.home hgroup h3 span:before{
	content:"";
	display:block;
	padding-top:24.77%;
	background:url(../images/homeT2.png) no-repeat center/contain;
}
/********************** 主標 end *************************/

/********************** scrollHint start *************************/
.scrollHint{
	position:absolute;
	right:0;
	bottom:0;
	margin:0 5.83% 3.5% 0;
	font-size:12px;
	display:flex;
	align-items:center;
	transform-origin:right center;
	transform:rotate(90deg);
	cursor:pointer;
	animation:scrollHint 0.5s ease-in infinite alternate;
}
@keyframes scrollHint{
	to{
		transform:translateY(50%) rotate(90deg);
	}
}
.scrollHint i{
	position:relative;
	display:block;
	width:4.16em;
	border-top:1px solid;
	margin-left:1em;
}
.scrollHint i:before{
	position:absolute;
	content:"";
	display:block;
	right:0;
	bottom:0;
	width:6.5px;
	height:6.5px;
	border:1px solid;
	border-top:none;
	border-left:none;
	transform-origin:right bottom;
	transform:translateY(-1px) rotate(-45deg);
}
/********************** scrollHint end *************************/
/************************************** home end ***************************************************/


/************************************** event end ***************************************************/
/********************** 前言 start *************************/
.event .intro{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
}
.event .intro h4{
	width:100%;
	font-size:2em;
	margin-bottom:1em;
}
.event .intro p{
	width:56.36%;
	font-size:1.28em;
	margin:0;
	line-height:1.8em;
}
.event .intro .cta{
	width:29.09%;
	font-size:1.3em;
}
.event .intro .cta em{
	position:relative;
	display:block;
	border:2px solid;
	border-radius:0.3em;
	font-style:normal;
	line-height:1.8em;
	padding:0.5em 0.2em 0.5em 2.5em;
}
.event .intro .cta em:before{
	position:absolute;
	content:"";
	display:block;
	left:0;
	top:0;
	width:4.3em;
	height:4.6em;
	background:url(../images/bell.png) no-repeat center top/100%;
	margin:-1.85em 0 0 -2.5em;
}
.event .intro .cta span{
	display:block;
	font-size:0.75em;
	margin-top:0.85em;
}
/********************** 前言 end *************************/

/********************** 標題 start *************************/
.event .CT > h3{
	margin-top:4.36%;
}
.event .CT > h3 strong{
	position:relative;
}
.event .CT > h3 strong i{
	position:absolute;
	display:block;
	right:0;
	top:0;
	width:2px;
	height:270%;
	background:currentColor;
	margin:-15% -35% 0 0;
	animation:downArrow 0.5s ease-in infinite alternate;
}
@keyframes downArrow{
	to{
		transform:translateY(15%);
	}
}
.event .CT > h3 strong i:before{
	position:absolute;
	content:"";
	display:block;
	right:1px;
	bottom:0;
	width:0.6em;
	height:0.6em;
	border:2px solid;
	border-top:none;
	border-left:none;
	transform-origin:right bottom;
	transform:rotate(45deg);
}
/********************** 標題 end *************************/

/********************** 日曆 start *************************/
.calendar{
	margin-top:5.45%;
	border:2px solid;
	border-radius:0.4em;
	padding:3.63% 5.45%;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	background:url(../images/ladder.png) no-repeat right 6.8% bottom 0/6.36%;
}

/*********** 今日 start *************/
.today{
	width:20.4%;
}
.today .date{
	position:relative;
	margin-top:-8%;
	padding-bottom:10%;
	border-bottom:3px solid;
}
.today .date strong{
	font-size:10em;
	line-height:1em;
}
.today .date .week{
	position:absolute;
	font-size:2.5em;
	line-height:1em;
	right:0;
	bottom:0;
	transform-origin:right top;
	transform:rotate(90deg);
	margin-bottom:8%;
}
.today .month{
	margin-top:42%;
	font-weight:bold;
}
.today .month .ch{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}
.today .month .ch em{
	font-size:2.9em;
	font-style:normal;
	margin-bottom:-2%;
}
.today .month .ch em strong{
	font-size:1.1em;
	margin-right:0.2em;
}
.today .month .ch:after{
	content:"";
	display:block;
	width:26%;
	padding-top:31%;
	background:url(../images/gift.png) no-repeat center/contain;
}
.today .month .en{
	display:block;
	font-size:2.7em;
	margin-top:5%;
}
/*********** 今日 end *************/

/*********** 日期表 start *************/
.dateUL{
	width:66.32%;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
}
.dateUL li{
	position:relative;
	width:13.84%;
	color:#1b4042;
}
.dateUL li:not(:nth-child(5n+1)){
	margin-left:7.69%;
}
.dateUL li:not(:nth-child(-n+5)){
	margin-top:6%;
}
.dateUL li.active{
	cursor:pointer;
	color:#c33a30;
	transition:transform 0.2s;
}
.dateUL li.active:hover{
	transform:scale(1.1);
}
.dateUL li.past{
	color:rgba(255, 255, 255, 0.3);
}
.dateUL li span{
	display:block;
	font-size:0;
}
.dateUL li span:before{
	content:"";
	display:block;
	padding-top:100%;
	background-image:url(../images/date.png);
	background-repeat:no-repeat;
	background-size:1400%;
}
.dateUL li:nth-child(1) span:before{ background-position:0% top;}
.dateUL li:nth-child(2) span:before{ background-position:7.69% top;}
.dateUL li:nth-child(3) span:before{ background-position:15.38% top;}
.dateUL li:nth-child(4) span:before{ background-position:23.07% top;}
.dateUL li:nth-child(5) span:before{ background-position:30.76% top;}
.dateUL li:nth-child(6) span:before{ background-position:38.45% top;}
.dateUL li:nth-child(7) span:before{ background-position:46.14% top;}
.dateUL li:nth-child(8) span:before{ background-position:53.83% top;}
.dateUL li:nth-child(9) span:before{ background-position:61.52% top;}
.dateUL li:nth-child(10) span:before{ background-position:69.21% top;}
.dateUL li:nth-child(11) span:before{ background-position:76.9% top;}
.dateUL li:nth-child(12) span:before{ background-position:84.59% top;}
.dateUL li:nth-child(13) span:before{ background-position:92.28% top;}
.dateUL li:nth-child(14) span:before{ background-position:100% top;}
.dateUL li.active:nth-child(1) span:before{ background-position:0% center;}
.dateUL li.active:nth-child(2) span:before{ background-position:7.69% center;}
.dateUL li.active:nth-child(3) span:before{ background-position:15.38% center;}
.dateUL li.active:nth-child(4) span:before{ background-position:23.07% center;}
.dateUL li.active:nth-child(5) span:before{ background-position:30.76% center;}
.dateUL li.active:nth-child(6) span:before{ background-position:38.45% center;}
.dateUL li.active:nth-child(7) span:before{ background-position:46.14% center;}
.dateUL li.active:nth-child(8) span:before{ background-position:53.83% center;}
.dateUL li.active:nth-child(9) span:before{ background-position:61.52% center;}
.dateUL li.active:nth-child(10) span:before{ background-position:69.21% center;}
.dateUL li.active:nth-child(11) span:before{ background-position:76.9% center;}
.dateUL li.active:nth-child(12) span:before{ background-position:84.59% center;}
.dateUL li.active:nth-child(13) span:before{ background-position:92.28% center;}
.dateUL li.active:nth-child(14) span:before{ background-position:100% center;}
.dateUL li.past:nth-child(1) span:before{ background-position:0% bottom;}
.dateUL li.past:nth-child(2) span:before{ background-position:7.69% bottom;}
.dateUL li.past:nth-child(3) span:before{ background-position:15.38% bottom;}
.dateUL li.past:nth-child(4) span:before{ background-position:23.07% bottom;}
.dateUL li.past:nth-child(5) span:before{ background-position:30.76% bottom;}
.dateUL li.past:nth-child(6) span:before{ background-position:38.45% bottom;}
.dateUL li.past:nth-child(7) span:before{ background-position:46.14% bottom;}
.dateUL li.past:nth-child(8) span:before{ background-position:53.83% bottom;}
.dateUL li.past:nth-child(9) span:before{ background-position:61.52% bottom;}
.dateUL li.past:nth-child(10) span:before{ background-position:69.21% bottom;}
.dateUL li.past:nth-child(11) span:before{ background-position:76.9% bottom;}
.dateUL li.past:nth-child(12) span:before{ background-position:84.59% bottom;}
.dateUL li.past:nth-child(13) span:before{ background-position:92.28% bottom;}
.dateUL li.past:nth-child(14) span:before{ background-position:100% bottom;}
.dateUL li:before,
.dateUL li:last-child:after,
.dateUL li span:after{
	position:absolute;
	left:0;
	top:0;
	content:"";
	display:block;
	border:2px solid;
	border-radius:50%;
}
.dateUL li:before,
.dateUL li span:after{
	width:100%;
	padding-top:calc(100% - 4px);
}
.dateUL li.active:before{
	animation:hintDate 1s ease-out infinite;
}
@keyframes hintDate{
	to{
		opacity:0;
		transform:scale(1.6);
	}
}
.dateUL li:last-child:after{
	width:120%;
	padding-top:calc(120% - 4px);
	margin:-10% 0 0 -10%;
}
/*********** 日期表 end *************/
/********************** 日曆 end *************************/
/************************************** event end ***************************************************/


/************************************** web start ***************************************************/
.web .CT > h3{
	padding-bottom:2em;
	border-bottom:2px solid;
}
.web .ctWrapper{
	padding-right:51.81%;
}
.web .ctWrapper h4{
	margin-top:2em;
}
.web .ctTxt{
	margin-top:1.5em;
}
.web .ctTxt li+li{
	margin-top:0.6em;
}
.web .ctTxt li strong{
	font-size:1.3em;
}
.web .ctTxt li.active strong{
	color:#c33a30;
}
.web .ctTxt li .img{
	right:0;
	top:0;
}
.web .ctTxt li:nth-child(-n+2) .img{
	width:14%;
	margin-right:30%;
}
.web .ctTxt li:nth-child(2) .img{
	margin-top:14.9%;
}
.web .ctTxt li:nth-child(3) .img{
	width:28.9%;
}
.web .ctTxt li .img span{
	left:-1px;
	bottom:-1px;
	font-size:0.9em;
}
.web .ctTxt li:nth-child(-n+2) .img span{
	font-size:0.7em;
}
.web .ctTxt li .img span:before{
	content:"";
	display:block;
	border:3.35em solid #c33a30;
	border-top-color:transparent;
	border-right-color:transparent;
	border-radius:0.3em;
}
.web .ctTxt li:nth-child(-n+2) .img span:before{
	border-width:3em;
}
.web .ctTxt li .img span i{
	position:absolute;
	left:0.5em;
	bottom:0.5em;
	font-style:normal;
}
/************************************** web end ***************************************************/


/************************************** store start ***************************************************/
.store .CT > h3{
	padding-bottom:2em;
	border-bottom:2px solid;
}
.store .ctWrapper{
	padding-left:55.45%;
}
.store .ctTxt{
	margin-top:2em;
}
.store .ctTxt li+li{
	margin-top:2.5em;
}
.store .ctTxt h4{
	position:relative;
}
.store .ctTxt h4:before{
	position:absolute;
	left:-0.9em;
	top:0.55em;
	content:"";
	display:block;
	width:0.4em;
	height:0.4em;
	border-radius:50%;
	background:currentColor;
}
.store .ctTxt h4 em{
	font-style:normal;
	font-size:0.85em;
}
.store .ctTxt li.active h4{
	border-color:#c33a30;
}
.store .ctTxt li.active h4:before{
	background:#c33a30;
}
.store .ctTxt li p{
	margin:1em 0 0;
	line-height:1.8em;
}
.store .ctTxt li p a{
	text-decoration:underline;
}
.store .ctTxt li p a:hover{
	color:currentColor;
	text-decoration:none;
}

.store .ctTxt li .img{
	left:0;
	top:0;
}
.store .ctTxt li:nth-child(-n+2) .img{
	width:23.09%;
}
.store .ctTxt li:nth-child(2) .img{
	margin-left:24.09%;
}
.store .ctTxt li:nth-child(3) .img{
	margin-top:27.27%;
	width:47.27%;
}
.store .ctTxt li:nth-child(3) .img:before{
	position:absolute;
	right:0;
	bottom:0;
	content:"圖片提供：Nespresso";
	display:inline-block;
	padding:0.3em 0.6em;
	font-size:0.85em;
	background:rgba(0, 0, 0, 0.5);
}
.store .ctTxt li:nth-child(-n+2) .img:before{
	position:absolute;
	content:"";
	display:block;
	left:4%;
	top:-1px;
	width:14.17%;
	padding-top:16.53%;
	background:#c33a30 url(../images/star.png) no-repeat center/55.55%;
}
.store .ctTxt li:nth-child(3) .img span{
	left:-1px;
	top:-1px;
	width:7em;
	height:7em;
	overflow:hidden;
}
.store .ctTxt li:nth-child(3) .img span i{
	position:absolute;
	left:30%;
	top:30%;
	font-style:normal;
	font-size:1.2em;
	background:#c33a30;
	padding:0.1em 5em 0.2em;
	text-align:center;
	transform:translate(-50%, -50%) rotate(-45deg);
}
/************************************** store end ***************************************************/


/*********************************** overlay start ***********************************************/
._overlay{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
	background:rgba(18, 44, 43, 0.9);
	font-family:DINProRegular, Tahoma, 微軟正黑體, sans-serif;
	z-index:2;
	visibility:hidden;
}
._overlay.show{
	visibility:visible;
}

._overlay .overlayCT{
	position:relative;
	border-radius:0.8em;
	overflow:hidden;
}

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

/****************** eventOverlay start ***********************/
.eventOverlay .overlayCT .btnClose{
	width:2em;
	height:2em;
}

/******** storyBlock start *********/
.storyBlock{
	position:relative;
	display:flex;
}

/***** 左 start *****/
.storyBlock .genie{
	position:relative;
	width:50%;
	background:#cfcebb;
	color:#FFF;
}
.storyBlock .genie h4{
	position:absolute;
	left:0;
	top:0;
	margin:5% 0 0 7.27%;
}
.storyBlock .genie h4 i{
	position:relative;
	font-style:normal;
	font-size:4em;
	display:inline-block;
	padding-bottom:50%;
	overflow:hidden;
	transform-origin:right top;
	transform:rotate(32deg);
}
.storyBlock .genie h4 i:before{
	position:absolute;
	right:0;
	top:0;
	content:"";
	display:block;
	width:3px;
	height:1.3em;
	background:currentColor;
}
.storyBlock .genie h4 i span{
	display:block;
	margin:0 0.45em 0 0;
	transform-origin:right top;
	transform:rotate(-32deg);
}
.storyBlock .genie h4 em{
	font-style:normal;
	font-size:1.42em;
	display:inline-block;
	margin-top:1.2em;
	vertical-align:top;
}
.storyBlock .genie img{
	display:block;
	margin:0 auto;
	width:47.27%;
}

.storyBlock.xmas{
	display:block;
}
.storyBlock.xmas .genie{
	width:auto;
	padding-top:21.81%;
	background-image:url(../images/1225.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100%;
	overflow:hidden;
}
.storyBlock.xmas .genie h4{
	margin:2.5% 0 0 3.63%;
}
.storyBlock.xmas .genie h4 em strong{
	font-size:1.2em;
}
.storyBlock.xmas .genie h4 em span{
	font-size:0.9em;
	margin-left:0.5em;
}

.storyBlock.xmas .genie .snowWrapper{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
	pointer-events:none;
}
.storyBlock.xmas .genie .snowWrapper i{
	position:absolute;
	width:1%;
}
.storyBlock.xmas .genie .snowWrapper i:before{
	content:"";
	display:block;
	padding-top:100%;
	border-radius:50%;
	background:#FFF;
}
/***** 左 end ******/

/***** 右 start ******/
.storyBlock .product{
	width:50%;
	background:#FFF;
	color:#cfcebb;
	padding:1.81% 5.45%;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.storyBlock .product .plan{
	width:40.8%;
	font-size:1.1em;
}
.storyBlock .product .plan h5{
	display:inline-block;
	font-size:1.2em;
	padding-bottom:0.5em;
	border-bottom:2px solid;
}
.storyBlock .product .plan p{
	margin:0.8em 0 0;
	line-height:1.8em;
}
.storyBlock .product > a{
	width:46.51%;
	display:block;
}
.storyBlock .product > a img{
	width:100%;
	display:block;
	transition:transform 0.2s;
}
.storyBlock .product > a:hover img,
.coupon .storyBlock .product:hover > a img{
	transform:scale(1.05);
}
.coupon .storyBlock .product{
	cursor:pointer;
}
/***** 右 end ******/

.storyBlock .arrow{
	position:absolute;
	left:50%;
	top:50%;
	width:3.63%;
	transform:translate(-50%, -50%);
}
.storyBlock .arrow:before{
	content:"";
	display:block;
	padding-top:100%;
	background:rgba(133, 134, 124, 1);
	border-radius:50%;
}
.storyBlock .arrow span{
	position:absolute;
	display:block;
	left:50%;
	top:50%;
	width:60%;
	height:2px;
	color:#FFF;
	background:currentColor;
	transform:translate(-50%, -50%);
}
.storyBlock .arrow span:before{
	position:absolute;
	content:"";
	display:block;
	left:0;
	bottom:1px;
	width:45%;
	border:2px solid;
	border-top:none;
	border-right:none;
	padding-top:calc(45% - 2px);
	transform-origin:left bottom;
	transform:rotate(45deg);
}
/******** storyBlock end *********/

/********** 購物金 start ***********/
.coupon .overlayCT{
	width:91.66%;
	max-width:1100px;
}

.couponBlock{
	margin-top:4px;
	color:#FFF;
	background:#85867c;
	padding:1.81% 3.63%;
	display:flex;
	flex-wrap:wrap;
}

.couponBlock h5{
	width:100%;
	font-size:1.9em;
	letter-spacing:0.05em;
}

/** ticket start **/
.couponBlock .ticket{
	width:58.82%;
	margin-top:1.5em;
}
.couponBlock ul{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.couponBlock ul li{
	width:45.5%;
}
.couponBlock ul li span{
	display:block;
}
.couponBlock ul li img{
	display:block;
	width:100%;
	margin-top:1.2em;
}
.couponBlock ul .cWeb{
	cursor:pointer;
	transition:transform 0.2s;
}
.couponBlock ul .cWeb:hover{
	transform:scale(1.05);
}
.couponBlock .ps{
	margin-top:1.5em;
	color:#cfcebb;
	font-size:0.9em;
}
.couponBlock .ps br{
	display:none;
}
.couponBlock .ps .remind{
	display:inline-block;
}
.couponBlock .ps *+.remind{
	margin-left:1em;
}
.couponBlock .ps .remind i{
	font-style:normal;
	text-decoration:underline;
	cursor:pointer;
}
.couponBlock .ps .remind i:hover{
	text-decoration:none;
	color:#FFF;
}
/** ticket end **/

/** 登入表單 start **/
.couponBlock .form{
	width:22.54%;
	margin:-2em 0 0 12.25%;
}
.couponBlock .form .step{
	display:none;
}
.couponBlock .form .step.active{
	display:block;
}
.couponBlock .form h6{
	font-size:1.14em;
	padding-bottom:0.2em;
	border-bottom:2px solid;
	text-align:center;
}
.couponBlock .form label{
	display:block;
	font-size:0.98em;
	margin-top:0.8em;
}
.couponBlock .form .inputTxt.error + label.error,
.couponBlock .form #error_tag{
	margin-top:0.3em;
}
.couponBlock .form .inputTxt{
	display:block;
	width:100%;
	margin-top:0.5em;
	color:#FFF;
	border:2px solid;
	border-radius:0.3em;
	padding:0.2em 0.5em;
	background:transparent;
}
.couponBlock .form .inputTxt.error{
	border-color:#C33;
}
.couponBlock .form #error_tag{
	display:none;
}
.couponBlock .form #error_tag.show{
	display:block !important;
}
.couponBlock .form .themeBtn{
	display:block;
	width:100%;
	text-align:center;
	margin-top:1em;
	color:#85867c;
	background:#FFF;
	border-color:#FFF;
	cursor:pointer;
	padding:0.4em;
	font-family:DINProRegular, Tahoma, 微軟正黑體, sans-serif;
}
.couponBlock .form .themeBtn:hover{
	color:#FFF;
	background:transparent;
}
.couponBlock .form form > a{
	display:block;
	text-align:center;
	margin-top:0.8em;
}
.couponBlock .form form > a:hover{
	color:currentColor;
	text-decoration:underline;
}
.couponBlock .form .st2 .themeBtn{
	font-size:1.1em;
	padding:0.8em;
	margin-top:4em;
}
/** 登入表單 end **/
/********** 購物金 end ***********/

/********** 折扣 start ***********/
.discount .overlayCT{
	width:860px;
}
.discount .storyBlock .arrow{
	left:46.51%;
	width:4.65%;
}
.discount .storyBlock .genie{
	width:46.51%;
}
.discount .storyBlock .genie img{
	width:65%;
	margin:20% auto 9%;
}
.discount .storyBlock .product{
	width:53.49%;
	padding:3.48%;
	flex-wrap:wrap;
	align-items:flex-start;
	align-content:center;
}
.discount .storyBlock .product .plan{
	width:60%;
	text-align:center;
	margin:0 0 3em 20%;
}
.discount .storyBlock .product .plan p{
	margin:0;
}
.discount .storyBlock .product > a{
	width:50%;
}
.discount .storyBlock .product .detail{
	width:45%;
	color:#122c2b;
	margin-top:-0.8em;
}
.discount .storyBlock .product .detail .value{
	width:74.44%;
	font-weight:bold;
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	padding-bottom:0.6em;
	border-bottom:2px solid;
}
.discount .storyBlock .product .detail .value span{
	font-size:1.2em;
	width:2.5em;
	letter-spacing:0.15em;
	line-height:1.6em;
}
.discount .storyBlock .product .detail .value em{
	font-style:normal;
	margin-bottom:-0.5em;
}
.discount .storyBlock .product .detail .value em strong{
	font-size:3.8em;
}
.discount .storyBlock .product .detail > strong{
	display:block;
	font-size:1.2em;
	margin-top:0.6em;
}
.discount .storyBlock .product .detail > span{
	display:block;
	margin-top:0.3em;
}
.discount .storyBlock .product .detail .themeBtn{
	display:inline-block;
	margin-top:1.5em;
	color:#FFF;
	border-color:#122c2b;
	background:#122c2b;
	font-size:1em;
	border-radius:0.4em;
	padding:0.6em 1.5em 0.7em 1.2em;
}
.discount .storyBlock .product .detail .themeBtn:hover{
	color:#122c2b;
	background:transparent;
}
.discount .storyBlock .product .detail .remind{
	display:block;
	font-style:normal;
	font-size:0.88em;
	margin-top:0.8em;
}
/********** 折扣 end ***********/
/****************** eventOverlay end ***********************/

/****************** attOverlay start ***********************/
.attOverlay{
	z-index:3;
}
.attOverlay .overlayCT{
	width:750px;
}

.attOverlay .overlayCT h6{
	font-size:1.2em;
	color:#FFF;
	padding:0.8em 3.22em;
	background:#cfcebb;
}
.attOverlay .overlayCT .rule{
	font-size:12px;
	color:#122c2b;
	padding:2em 4.66em;
	background:#FFF;
}
.attOverlay .overlayCT .rule ol{
	list-style:decimal;
	padding-left:2em;
}
.attOverlay .overlayCT .rule ol.forWeb{
	position:relative;
}
.attOverlay .overlayCT .rule ol.forWeb:before{
	position:absolute;
	right:0;
	top:0;
	content:"";
	display:block;
	width:13.47%;
	padding-top:14.42%;
	background:url(../images/bell.png) no-repeat center bottom/100%;
	margin-right:2%;
	z-index:0;
}
.attOverlay .overlayCT .rule ol.forWeb li{
	position:relative;
	z-index:1;
}
.attOverlay .overlayCT .rule ol li{
	line-height:1.6em;
}
.attOverlay .overlayCT .rule ol li+li{
	margin-top:0.8em;
}
/****************** attOverlay end ***********************/
/*********************************** overlay end ***********************************************/


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


@media screen and (min-width:1025px) and (max-width:1200px){
	
	/************************************** header start ***************************************************/
	.themeEventContainer header nav,
	.themeEventContainer header ._burgerBtn{
		margin:20% 20% 0 0;
	}
	/************************************** 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.5em;
		height:25em;
	}
	/********************** 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 nav{
		margin:0;
	}
	.themeEventContainer header nav:after{
		display:none;
	}
	.themeEventContainer header.open nav{
		width:12.85em;
		height:calc(100vh - 47px);
	}
	/********************** nav end *************************/
	/********************** _burgerBtn start *************************/
	.themeEventContainer header ._burgerBtn{
		margin:8% 5% 0 0;
		width:1.8em;
		height:2em;
		cursor:pointer;
	}
	.themeEventContainer header ._burgerBtn:before{
		display:none;
	}
	.themeEventContainer header ._burgerBtn span:before{ transform:translateY(-350%);}
	.themeEventContainer header ._burgerBtn span:after{ 
		transform:translateY(250%);
	}
	.themeEventContainer header.open ._burgerBtn{
		color:#FFF;
	}
	.themeEventContainer header.open ._burgerBtn span{
		background:transparent;
	}
	.themeEventContainer header.open ._burgerBtn span:before,
	.themeEventContainer header.open ._burgerBtn span:after{
		width:100%;
	}
	.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:0.95em;
	}
	
	/************************************** 其它共用 start ***************************************************/	
	section:not(.home) .CT{
		padding:5%;
	}
	.themeEventContainer .CT > h3 span{
		font-size:2em;
	}
	.themeEventContainer .CT > h3 strong{
		font-size:1em;
		letter-spacing:normal;
		margin-left:1em;
		letter-spacing:0.2em;
	}
	.ctTxt li{
		opacity:1;
	}
	.ctTxt li .img{
		position:relative;
	}	
	.ctWrapper .btnBlock{
		margin-top:2em;
	}
	.ctWrapper .btnBlock li+li{
		margin-left:1em;
		padding-left:1em;
	}
	.ctWrapper .btnBlock .themeBtn{
		font-size:0.9em;
	}
	/************************************** 其它共用 end ***************************************************/
	
	/************************************** header start ***************************************************/	
	/********************** nav start *************************/
	.themeEventContainer header{
		top:47px;
	}
	/********************** nav end *************************/
	/************************************** header end ***************************************************/
	
	/************************************** home start ***************************************************/
	.home .CT{
		padding-top:129%;
		overflow:hidden;
	}
	/********************** bg start *************************/
	.bg{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		transform-origin:42% top;
		transform:scale(2.8);
	}
	.obj i{
		animation:none;
	}
	/********************** bg end *************************/
	/********************** 主標 start *************************/
	.home hgroup{
		width:48%;
		margin:6% 0 0 3%;
	}
	/********************** 主標 end *************************/
	/********************** scrollHint start *************************/
	.scrollHint{
		margin:0 5% 8% 0;
	}
	/********************** scrollHint end *************************/
	/************************************** home end ***************************************************/
	
	/************************************** event end ***************************************************/
	/********************** 前言 start *************************/
	.event .intro{
		display:block;
	}
	.event .intro h4{
		width:auto;
		margin-bottom:0;
	}
	.event .intro p{
		width:auto;
		font-size:1em;
		margin-top:1em;
	}
	.event .intro p br{
		display:none;
	}
	.event .intro .cta{
		width:auto;
		font-size:1.2em;
		margin-top:2em;
	}
	.event .intro .cta em{
		padding-left:3.8em;
	}
	.event .intro .cta em:before{
		margin-left:-1.2em;
	}
	/********************** 前言 end *************************/
	/********************** 標題 start *************************/
	.event .CT > h3{
		margin-top:10%;
	}
	.event .CT > h3 strong i{
		margin-right:-20%;
	}
	/********************** 標題 end *************************/
	/********************** 日曆 start *************************/
	.calendar{
		margin-top:10%;
		padding:5% 5% 10%;
		display:block;
		background-position:right 16% bottom 0;
		background-size:15%;
	}
	/*********** 今日 start *************/
	.today{
		width:70%;
		margin:0 auto;
	}
	.today .date{
		margin-top:0;
		padding:0 15% 5% 0;
		text-align:center;
	}
	.today .date .week {
		right:50%;
		margin:0 -3em 4% 0;
	}
	.today .month{
		margin-top:5%;
	}
	.today .month .ch:after {
		width:3em;
		height:3.57em;
		padding-top:0;
	}
	.today .month .en{
		margin-top:0;
	}
	/*********** 今日 end *************/
	/*********** 日期表 start *************/
	.dateUL{
		width:90%;
		margin:10% auto 0;
	}
	.dateUL li{
		width:28%;
	}
	.dateUL li:not(:nth-child(5n+1)),
	.dateUL li:not(:nth-child(-n+5)){
		margin:0;
	}
	.dateUL li:not(:nth-child(3n+1)){
		margin-left:8%;
	}
	.dateUL li:not(:nth-child(-n+3)){
		margin-top:8%;
	}
	/*********** 日期表 end *************/
	/********************** 日曆 end *************************/
	/************************************** event end ***************************************************/
	
	/************************************** web start ***************************************************/
	.web .CT > h3{
		padding-bottom:1em;
	}
	.web .ctWrapper{
		padding-right:0;
	}
	.web .ctTxt li strong{
		color:#c33a30;
	}
	.web .ctTxt li:after{
		clear:both;
		content:"";
		display:block;
	}
	.web .ctTxt li .img,
	.web .ctTxt li:nth-child(-n+2) .img,
	.web .ctTxt li:nth-child(3) .img{
		float:right;
		width:30%;
		margin:0 0 0 1em;
	}
	.web .ctTxt li .img span{
		display:none;
	}
	/************************************** web end ***************************************************/
	
	/************************************** store start ***************************************************/
	.store .CT > h3{
		padding-bottom:1em;
	}
	.store .ctWrapper{
		padding-left:0;
	}
	.store .ctTxt li:after{
		clear:both;
		content:"";
		display:block;
	}
	.store .ctTxt li+li{
		margin-top:2em;
	}
	.store .ctTxt li h4{
		border-color:#c33a30;
	}
	.store .ctTxt li h4:before{
		background:#c33a30;
	}	
	.store .ctTxt li:nth-child(-n+2) .img,
	.store .ctTxt li:nth-child(2) .img{
		float:right;
		width:30%;
		margin:0 0 0 1em;
	}
	.store .ctTxt li:nth-child(-n+2) .img:before{
		width:20%;
		padding-top:23.2%;
	}
	.store .ctTxt li:nth-child(3) .img{
		margin-top:1em;
		width:auto;
	}
	/************************************** store end ***************************************************/
	
	/*********************************** overlay start ***********************************************/		
	._overlay .overlayCT{
		height:100%;
		border-radius:0;
	}
	._overlay .overlayCT .ct{
		height:100%;
		overflow:auto;
	}
	/****************** eventOverlay start ***********************/
	.coupon .overlayCT,
	.discount .overlayCT{
		width:100%;
	}	
	/******** storyBlock start *********/
	.storyBlock{
		display:block;
	}
	/***** 左 start *****/
	.storyBlock .genie{
		width:auto;
		padding:15% 0 5%;
	}
	.storyBlock .genie h4{
		margin:5% 0 0 3%;
	}
	.storyBlock .genie img{
		width:60%;
	}
	.storyBlock.xmas .genie{
		padding-top:45%;
		background-size:130%;
	}
	.storyBlock.xmas .genie h4 em{
		font-size:5vw;
	}
	.storyBlock.xmas .genie h4 em strong{
		display:block;
	}
	.storyBlock.xmas .genie h4 em span{
		margin-left:0;
		display:block;
	}
	/***** 左 end ******/
	/***** 右 start ******/
	.storyBlock .product{
		width:auto;
		padding:10% 5% 5%;
		display:block;
	}
	.storyBlock .product .plan{
		width:auto;
		text-align:center;
	}
	.storyBlock .product > a{
		width:60%;
		margin:5% auto 0;
	}
	/***** 右 end ******/
	.storyBlock .arrow{
		top:0;
		margin-top:75%;
		width:10%;
		transform:translate(-50%, -50%) rotate(90deg);
	}
	/******** storyBlock end *********/
	/********** 購物金 start ***********/	
	.couponBlock{
		padding:5% 5% 30%;
		display:block;
	}
	/** ticket start **/
	.couponBlock .ticket{
		width:90%;
		max-width:273px;
		margin:10% auto 0;
	}
	.couponBlock ul{
		display:block;
	}
	.couponBlock ul li{
		width:auto;
	}
	.couponBlock ul li+li{
		margin-top:10%;
	}
	.couponBlock ul li img{
		margin-top:3%;
	}
	.couponBlock .ps br{
		display:block;
	}
	.couponBlock .ps .remind{
		display:block;
	}
	.couponBlock .ps *+.remind{
		margin-left:0;
	}
	/** ticket end **/
	/** 登入表單 start **/
	.couponBlock .form{
		width:auto;
		margin:10% 0 0 0;
	}
	.couponBlock .form .st2 .themeBtn{
		margin-top:2em;
	}
	/** 登入表單 end **/
	/********** 購物金 end ***********/
	/********** 折扣 start ***********/
	.discount .storyBlock .arrow{
		left:50%;
		width:10%;
	}
	.discount .storyBlock .genie{
		width:auto;
	}
	.discount .storyBlock .genie img{
		width:60%;
		margin:0 auto;
	}
	.discount .storyBlock .product{
		width:auto;
		padding:10% 5%;
		display:block;
	}
	.discount .storyBlock .product .plan{
		width:auto;
		margin:0;
	}
	.discount .storyBlock .product > a{
		width:60%;
		margin:5% auto 0;
	}
	.discount .storyBlock .product .detail{
		width:auto;
		margin-top:10%;
		text-align:center;
	}
	.discount .storyBlock .product .detail .value{
		width:auto;
		justify-content:center;
	}
	.discount .storyBlock .product .detail .value em{
		margin-left:1em;
	}
	/********** 折扣 end ***********/
	/****************** eventOverlay end ***********************/
	/****************** attOverlay start ***********************/
	.attOverlay .overlayCT{
		width:100%;
	}
	.attOverlay .overlayCT .ct{
		background:#FFF;
	}
	.attOverlay .overlayCT h6{
		padding:0.8em 1em;
	}
	.attOverlay .overlayCT .rule{
		padding:2em 1em;
	}
	.attOverlay .overlayCT .rule ol.forWeb:before{
		display:none;
	}
	/****************** attOverlay end ***********************/
	/*********************************** overlay end ***********************************************/
	
}