html,
body{
	overflow-x:hidden !important;
}


body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd{
	margin:0;
	padding:0;
}

body{
	font-family:'Century Gothic', Tahoma, 微軟正黑體;
	letter-spacing:0.1em;
}
html.disableScroll,
html.disableScroll body{
	overflow:hidden !important;
}

*,
*:before,
*:after{
	box-sizing:border-box;
}
ul, ol{
	list-style:none;
}
a{
	text-decoration:none;
}


/************************************** header start ***************************************************/
header{
	position:fixed;
	left:0;
	top:0;
	width:100%;
}

header h1{
	position:absolute;
	left:2.5vw;
	top:2vw;
	width:9.47vw;
	max-width:180px;
	z-index:0;
}
header h1 a{
	display:block;
	padding-top:32.4%;
	font-size:0;
	background:url(../images/logo.png) no-repeat left top;
	background-size:contain;
}

header nav{
	position:absolute;
	z-index:1;
	left:0;
	top:11vw;
}
header nav ul li+li{
	margin-top:0.5em;
}
header nav ul li a{
	position:relative;
	color:#FFF;
	font-weight:bold;
	font-size:1.05em;
	display:block;
	padding:0.8em 0 0.8em 3.375em;
	line-height:1em;
	text-align:right;
}
header nav ul li a:before{
	content:"";
	display:inline-block;
	width:0.5em;
	height:0.5em;
	background:currentColor;
	border-radius:50%;
	transform:translateY(-15%);
	margin-right:0.5em;
	opacity:0;
	transition:opacity 0.2s;
}
header nav ul li a:after{
	position:absolute;
	content:"";
	display:block;
	left:0;
	bottom:0;
	width:100%;
	height:0.1875em;
	background:currentColor;
	transform:translateX(-100%);
	transition:transform 0.2s;
}
header nav ul li.active a:before,
header nav ul li a:hover:before{
	opacity:1;
}
header nav ul li.active a:after{
	transform:none;
}
/************************************** header end ***************************************************/


/************************************** navArrow start ***************************************************/
.navArrowContainer{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	color:#FFF;
}
.upArrow,
.upArrow:before,
.upArrow:after{
	position:absolute;
	display:block;
}
.upArrow:before,
.upArrow:after{
	content:"";
	top:25px;
	width:20px;
	transition:top 0.2s;
	height:1px;
	background:currentColor;
}
.upArrow{
	right:30px;
	bottom:30px;
	text-align:center;
	font-size:14px;
	padding-top:30px;
	width:50px;
	height:50px;
	cursor:pointer;
	color:currentColor;
}
.upArrow:before{
	left:11px;
	transform-origin:left bottom;
	transform:rotate(-45deg);
}
.upArrow:after{
	right:11px;
	transform-origin:right bottom;
	transform:rotate(45deg);
}
.upArrow:hover{
	color:#000;
}
.upArrow:hover:before,
.upArrow:hover:after{
	top:20px;
}
/************************************** navArrow end ***************************************************/


/************************************** 其它共用 start ***************************************************/
.closeBtn{
	position:absolute;
	font-weight:bold;
	font-size:1.1em;
	letter-spacing:0.05em;
	cursor:pointer;
}
.closeBtn span{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	top:-0.1em;
	width:1em;
	height:1em;
	margin-right:0.2em;
	transition:transform 0.2s;
}
.closeBtn span:before,
.closeBtn span:after{
	position:absolute;
	content:"";
	display:block;
	left:0;
	top:50%;
	width:100%;
	height:0.18em;
	background:currentColor;
}
.closeBtn span:before{
	transform:translateY(-50%) rotate(-45deg);
}
.closeBtn span:after{
	transform:translateY(-50%) rotate(45deg);
}
.closeBtn:hover span{
	transform:rotate(-90deg);
}
/************************************** 其它共用 end ***************************************************/


/************************************** home start ***************************************************/
#home{
	background:#325b55;
}
#home .CT{
	position:relative;
	height:100vh;
	overflow:hidden;
}
#home .CT .main{
	position:relative;
	height:100vh;
}
#home .CT .main .svgWrapper{
	position:relative;
	height:100%;
}
#home .CT .main .svgWrapper svg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
#home .CT .main .svgWrapper svg .country{
	cursor:pointer;
}
#home .CT .main .svgWrapper svg .land,
#home .CT .main .svgWrapper svg .name{
	transition:fill 0.2s;
}
#home .CT .main .svgWrapper svg .land{
	fill:#A0B6CC;
}
#home .CT .main .svgWrapper svg .name{
	fill:#FFFFFF;
}
#home .CT .main .svgWrapper svg .country:hover .land{
	fill:#E5E5E6;
}
#home .CT .main .svgWrapper svg .country:not(#denmark):not(#iceland):hover .name{
	fill:#333333;
}

/********************* 路線 start ***************************/
.route{
	position:absolute;
	left:50%;
	bottom:50%;
	transform:translate(-24.73vw, 21.05vw);
	pointer-events:none;
}
.route span{
	position:absolute;
	display:block;
	left:0;
	bottom:0;
	width:0;
	transform-origin:left bottom;
	transition:width 1s;
	overflow:hidden;
}
.route span:before{
	content:"";
	display:block;
	background-repeat:no-repeat;
	background-size:100%;
	background-position:left center;
}
.route span.norway.active,
.route span.norway:before{
	width:45.52vw;
}
.route span.norway{	transform:rotate(-15deg) translateY(83.07%);}
.route span.norway:before{
	height:6.84vw;
	background-image:url(../images/dash_norway.png);
}
.route span.sweden.active,
.route span.sweden:before{
	width:52.52vw;
}
.route span.sweden{	transform:rotate(-4deg) translateY(30%);}
.route span.sweden:before{
	height:4.73vw;
	background-image:url(../images/dash_sweden.png);
}
.route span.finland.active,
.route span.finland:before{
	width:69.26vw;
}
.route span.finland{ transform:rotate(-14deg) translateY(77.36%);}
.route span.finland:before{
	height:10vw;
	background-image:url(../images/dash_finland.png);
}
.route span.denmark.active,
.route span.denmark:before{
	width:29.15vw;
}
.route span.denmark{ transform:rotate(-17deg) translateY(39.28%);}
.route span.denmark:before{
	height:4.42vw;
	background-image:url(../images/dash_denmark.png);
}
.route span.iceland.active,
.route span.iceland:before{
	width:53.36vw;
}
.route span.iceland{ transform:rotate(-40deg) translateY(72.38%);}
.route span.iceland:before{
	height:7.05vw;
	background-image:url(../images/dash_iceland.png);
}
/********************* 路線 end ***************************/

/********************* 前言 start ***************************/
#home .CT .main .introText{
	position:absolute;
	left:50%;
	top:50%;
	color:#FFF;
	text-align:center;
	line-height:2em;
	font-size:1.15em;
	font-weight:bold;
	transform:translate(-50%, -150%);
	display:flex;
	flex-direction:column;
	align-items:center;
}
#home .CT .main .introText p{
	margin:0;
}
#home .CT .main .introText p:nth-child(2),
#home .CT .main .introText p:nth-child(2):after{
	border-bottom:0.12em solid;
}
#home .CT .main .introText p:nth-child(2){
	position:relative;
	padding-bottom:0.4em;
}
#home .CT .main .introText p:nth-child(2):after{
	position:absolute;
	content:"";
	display:block;
	left:0;
	bottom:0;
	width:100%;
	transform:translateY(400%);
}
/********************* 前言 end ***************************/

/********************* 滑鼠 start ***************************/
.downArrow{
	position:absolute;
	left:50%;
	bottom:2.8em;
	transform:translateX(-50%);
	width:3em;
	height:5.4em;
	color:#FFF;
	border:0.125em solid;
	background:#325b55;
	border-radius:50% / 27.77%;
	transition:background 0.2s;
}
.downArrow:hover{
	background:#5b7c77;
}
.downArrow:before{
	margin:30% auto 0;
	content:"";
	display:block;
	width:26.66%;
	height:13.33%;
	background:currentColor;
	border-radius:50%;
	animation:mouseWheel 0.5s ease-in alternate infinite;
}
@keyframes mouseWheel{
	to{
		transform:translateY(150%);	
		opacity:0;
	}
}
/********************* 滑鼠 end ***************************/

/********************* pop start ***************************/
.homePop{
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	background:#bebfbf url(../images/homePopBgTree.png) no-repeat center bottom/contain;
	transform:scale(0);
	transition:transform 0.4s ease-in-out;
	overflow:hidden;
}
.homePop.show{
	transform:scale(1);
}

/*********** 內容 start ***********/
.popCT{
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
}
.popCT ul{
	width:71.05%;
	max-width:1350px;
	transform:translate(-3.7%, -19.27%);
}
.popCT ul li{
	justify-content:space-between;
	align-items:center;
	display:none;
}
.homePop.norway .popCT ul li.norway,
.homePop.sweden .popCT ul li.sweden,
.homePop.finland .popCT ul li.finland,
.homePop.denmark .popCT ul li.denmark,
.homePop.iceland .popCT ul li.iceland{
	display:flex;
}

/***** 左 start *****/
.popCT ul li .santaTalk{
	position:relative;
	width:40.74%;
}
.popCT ul li .santaTalk:before{
	content:"";
	display:block;
	padding-top:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
.popCT ul li.norway .santaTalk:before{	background-image:url(../images/santa_norway.gif);}
.popCT ul li.sweden .santaTalk:before{	background-image:url(../images/santa_sweden.gif);}
.popCT ul li.finland .santaTalk:before{	background-image:url(../images/santa_finland.gif);}
.popCT ul li.denmark .santaTalk:before{	background-image:url(../images/santa_denmark.gif);}
.popCT ul li.iceland .santaTalk:before{	background-image:url(../images/santa_iceland.gif);}
.popCT ul li .santaTalk p{
	position:absolute;
	right:0;
	top:50%;
	transform:translate(50%, -50%);
	display:flex;
	flex-direction:row-reverse;
	justify-content:center;
	font-size:1.1em;
	width:4em;
	margin:0;
	padding:1.2em 0 2em;
	background:#08344c;
	color:#FFF;
	border-radius:0.3em;
	line-height:1.2em;
	text-align:center;
}
.popCT ul li .santaTalk p:after{
	position:absolute;
	right:98%;
	top:40%;
	content:"";
	display:block;
	width:37.83%;
	padding-top:29.72%;
	background:url(../images/talkArrow1.png) no-repeat center/contain;
}
.popCT ul li .santaTalk p span{
	width:1em;
	margin:0 0.3em;
}
.popCT ul li .santaTalk p span:after{
	display:block;
}
.popCT ul li.norway .santaTalk p span:nth-child(1):after,
.popCT ul li.sweden .santaTalk p span:nth-child(1):after,
.popCT ul li.denmark .santaTalk p span:nth-child(1):after,
.popCT ul li.iceland .santaTalk p span:nth-child(1):after{
	content:"，";
}
.popCT ul li.norway .santaTalk p span:nth-child(2):after,
.popCT ul li.sweden .santaTalk p span:nth-child(2):after,
.popCT ul li.denmark .santaTalk p span:nth-child(2):after{
	content:"！";
}
.popCT ul li.finland .santaTalk p span:nth-child(1):after,
.popCT ul li.iceland .santaTalk p span:nth-child(2):after{
	content:"。";
}
/***** 左 end *****/

/***** 右 start *****/
.popCT ul li .countryInfo{
	position:relative;
	width:54.07%;
}
.popCT ul li .countryInfo h3{
	font-size:3.8em;
	color:#08344c;
}
.popCT ul li .countryInfo h3 i{
	display:inline-block;
	width:1.1em;
	margin-left:0.5em;
}
.popCT ul li .countryInfo p{
	line-height:1.8em;
	font-weight:bold;
	color:#08344c;
	margin:0.5em 0 0;
	padding-right:45.2%;
}
.popCT ul li .countryInfo .productInfo{
	color:#FFF;
	margin-top:2.5em;
	border-top:2px solid;
	margin-right:19.86%;
	padding:1em 24.65% 0 0;
}
.popCT ul li .countryInfo .productInfo h4{
	font-size:1.1em;
	margin-top:0.4em;
}
.popCT ul li .countryInfo .productInfo h5{
	font-size:1em;
	font-weight:normal;
	margin-top:0.5em;
}
.popCT ul li .countryInfo .productInfo em{
	display:block;
	font-style:normal;
	font-weight:bold;
	font-size:1.2em;
	text-align:right;
	margin-top:0.4em;
}
.popCT ul li .countryInfo a{
	position:absolute;
	display:block;
	right:0;
	top:0;
	margin-top:3.42%;
	width:41.09%;
	color:#FFF;
}
.popCT ul li .countryInfo a:before{
	content:"";
	display:block;
	padding-top:100%;
	border-radius:50%;
	overflow:hidden;
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}
.popCT ul li.norway .countryInfo a:before{ background-image:url(../images/homeProduct1.jpg);}
.popCT ul li.sweden .countryInfo a:before{ background-image:url(../images/homeProduct2.jpg);}
.popCT ul li.finland .countryInfo a:before{ background-image:url(../images/homeProduct3.jpg);}
.popCT ul li.denmark .countryInfo a:before{ background-image:url(../images/homeProduct4.jpg);}
.popCT ul li.iceland .countryInfo a:before{ background-image:url(../images/homeProduct5.jpg);}
.popCT ul li .countryInfo a span{
	position:absolute;
	display:block;
	left:100%;
	top:50%;
	width:25.33%;
	transform:translate(-50%, -50%);
}
.popCT ul li .countryInfo a span:before{
	content:"";
	display:block;
	padding-top:100%;
	border-radius:50%;
	background:#08344c url(../images/cart.png) no-repeat center/contain;
	box-shadow:0.2em 0.2em 1em 0.15em rgba(0, 0, 0, 0.35);
	transition:background-color 0.2s;
}
.popCT ul li .countryInfo a span i{
	position:absolute;
	display:block;
	left:115%;
	top:50%;
	transform:translateY(-50%);
	white-space:nowrap;
	font-style:normal;
	padding-left:1.2em;
	line-height:1em;
	opacity:0;
	transition:opacity 0.2s;
}
.popCT ul li .countryInfo a:hover span:before{ background-color:#c44131;}
.popCT ul li .countryInfo a:hover span i{ opacity:1;}
.popCT ul li .countryInfo a span i:before,
.popCT ul li .countryInfo a span i:after{
	position:absolute;
	content:"";
	display:block;
	left:0.7em;
	top:50%;
	height:0.1em;
	width:0.6em;
	background:currentColor;
	transform-origin:left center;
}
.popCT ul li .countryInfo a span i:before{ transform:translateY(-50%) rotate(-135deg) ;}
.popCT ul li .countryInfo a span i:after{ transform:translateY(-50%) rotate(135deg);}
/***** 右 end *****/
/*********** 內容 end ***********/

/*********** 共用國旗 start ***********/
.flag{
	position:relative;
	display:block;
	border-left:2px solid #FFF;
	padding:7.04% 0 54.92% 0;
}
.flag:before{
	position:absolute;
	left:-1px;
	bottom:100%;
	content:"";
	display:block;
	background:#003b42;
	width:11.26%;
	padding-top:11.26%;
	border-radius:50%;
	transform:translateX(-50%);
}
.flag:after{
	content:"";
	display:block;
	background:url(../images/flag.png) no-repeat;
	background-size:cover;
	padding-top:62.85%;
}
.flag.norway:after,
.popCT ul li.norway .flag:after{ background-position:0% 0%;}
.flag.sweden:after,
.popCT ul li.sweden .flag:after{ background-position:0% 25%;}
.flag.finland:after,
.popCT ul li.finland .flag:after{ background-position:0% 50%;}
.flag.denmark:after,
.popCT ul li.denmark .flag:after{ background-position:0% 74.9%;}
.flag.iceland:after,
.popCT ul li.iceland .flag:after{ background-position:0% 100%;}
/*********** 共用國旗 end ***********/

/*********** 下方選單 start ***********/
.homePop .nav{
	position:absolute;
	left:50%;
	top:86.66%;
	width:31.57%;
	max-width:600px;
	background:#003b42;
	transform:translateX(-50%);
	border-radius:50%;
}
.homePop .nav:before{
	content:"";
	display:block;
	padding-top:100%;
}
.homePop .nav:after{
	position:absolute;
	content:"";
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border-radius:50%;
	background:radial-gradient(rgba(28, 145, 122, 1), rgba(28, 145, 122, 0));
	opacity:0;
	z-index:0;
	animation:flashEarth 0.5s infinite ease-in alternate;
}
@keyframes flashEarth{
	to{
		opacity:1;
	}
}
.homePop .nav li{
	position:absolute;
	width:9%;
	transform-origin:left bottom;
	z-index:1;
}
.homePop .nav li:nth-child(1){
	left:21.33%;
	bottom:89%;
	transform:rotate(-30deg);
}
.homePop .nav li:nth-child(2){
	left:40%;
	bottom:96.66%;
	transform:rotate(-15deg);
}
.homePop .nav li:nth-child(3){
	left:60.5%;
	bottom:96.66%;
	transform:rotate(15deg);
}
.homePop .nav li:nth-child(4){
	left:78.33%;
	bottom:89%;
	transform:rotate(30deg);
}
.homePop .nav li .flag{
	transform-origin:left bottom;
	cursor:pointer;
	transition:transform 0.2s;
}
.homePop .nav li .flag:hover{
	transform-origin:left bottom;
	cursor:pointer;
	transform:scale(1.2);
}

.homePop .countryName{
	position:absolute;
	left:50%;
	bottom:3.5%;
	transform:translateX(-50%);
	opacity:0;
	transition:opacity 0.2s;
}
.homePop .countryName.show{
	opacity:1;
}
.homePop .countryName li{
	text-align:center;
	color:#FFF;
	font-weight:bold;
	display:none;
}
.homePop .countryName li.active{
	display:block;
}
.homePop .countryName li em,
.homePop .countryName li em i{
	font-style:normal;
}
.homePop .countryName li em{
	display:flex;
	justify-content:space-between;
	font-size:1.3em;
}
.homePop .countryName li span{
	display:block;
	margin-top:0.3em;
	font-size:0.85em;
	letter-spacing:0.1em;
}
/*********** 下方選單 end ***********/

.homePop .closeBtn{
	right:3.15vw;
	top:3.15vw;
	color:#003b42;
}
/********************* pop end ***************************/
/************************************** home end ***************************************************/


/************************************** countdown start ***************************************************/
#countdown{
	background:#a0b6cc;
}
#countdown .CT{
	position:relative;
}

/************** 規則說明 start *******************/
.rule{
	position:absolute;
	left:16.63%;
	top:0;
	margin-top:8.73%;
	color:#0d344c;
}
.rule h3{
	position:relative;
	display:inline-block;
	font-size:1.6em;
	padding:0.4em 0.7em 0.3em;
	line-height:1em;
	border:2px solid;
	border-radius:1.5em;
}
.rule h3:after{
	position:absolute;
	left:2.57em;
	top:100%;
	content:"";
	display:block;
	width:0.78em;
	height:0.78em;
	background:url(../images/talkArrow2.png) no-repeat left top/contain;
}
.rule p{
	font-weight:bold;
	margin:1.4em 0 0 1em;
	padding-bottom:0.3em;
	font-size:1.1em;
	line-height:1.65em;
	border-bottom:2px solid;
}
/************** 規則說明 end *******************/

/************** gameBlock start *******************/
#countdown .CT .gameBlock .game{
	position:relative;
}

.game .svgWrapper{
	position:relative;
	padding-top:142.1%;
	overflow:hidden;
}
.game .svgWrapper svg,
.game .objWrapper{
	position:absolute;
	left:0;
	top:0;
	width:100%;
}

/******* svgWrapper start ********/
.game .svgWrapper svg{
	height:100%;
}
.day .dash{
	fill:none;
	stroke:#FFF;
}
.day .solid{
	fill:none;
	stroke:transparent;
}
.day .btn .bg{
	fill:#a0b6cc;
	stroke:rgba(255, 255, 255, 0.3);
	transition:fill 0.2s;
}
.day .btn .date{
	fill:rgba(255, 255, 255, 0.3);
}
.day.past .solid,
.day.active .solid{
	stroke:#DA4737;
}
.day.past .btn .bg,
.day.active .btn .bg{
	stroke:#FFF;
}
.day.past .btn .date,
.day.active .btn .date{
	fill:#FFF;
}
.day.active .btn{
	cursor:pointer;
}
.day.active .btn:hover .bg,
.day.done .btn .bg{
	fill:#DA4737;
}
.day.done .btn .bg{
	transition:none;
	animation:flashDayBtn 0.5s ease-in infinite alternate;
}
@keyframes flashDayBtn{
	to{
		fill:#a0b6cc;
	}
}
.day.done .btn:hover .bg{
	animation:none;
}
/******* svgWrapper end ********/

/******* objWrapper start ********/
.tree{
	position:absolute;
	left:0;
	top:0;
	width:5.3%;
	transform:translate(-50%, -100%);
}
.tree.active{
	cursor:pointer;
}
.tree.t13,
.tree.t14{
	width:5.78%;
}
.tree:before{
	content:"";
	display:block;
	padding-top:254.54%;
	background-image:url(../images/tree.png);
	background-repeat:no-repeat;
	background-size:500%;
}
.tree.t1:before,
.tree.t3:before,
.tree.t5:before,
.tree.t6:before,
.tree.t7:before,
.tree.t9:before,
.tree.t11:before,
.tree.t12:before,
.tree.t13:before,
.tree.t15:before{ background-position:0% 0%;}
.tree.t2:before,
.tree.t4:before,
.tree.t8:before,
.tree.t10:before,
.tree.t14:before{ background-position:0% 100%;}
.tree.t16:before{
	padding-top:238.88%;
	background-image:url(../images/treeXmas.png);
	background-position:0% 0%;
	background-size:200%;
}
.tree:after{
	position:absolute;
	bottom:0;
	content:"";
	background-repeat:no-repeat;
	display:none;
}
.tree.done:after{
	display:block;
}
.tree.t3:after,
.tree.t12:after,
.tree.t15:after{
	background-image:url(../images/snowman.png);
	background-size:contain;
	transform-origin:center bottom;
}
.tree.t3:after,
.tree.t12:after{
	width:136.36%;
	padding-top:150%;
}
.tree.t5:after,
.tree.t8:after{
	padding-top:110%;
	background-image:url(../images/gift.png);
	background-size:cover;
}

.tree.t1{
	left:59.89%;
	margin-top:16.73%;
}
.tree.t1.done:before{ background-position:25% 0%;}
.tree.t2{
	left:38.52%;
	margin-top:24.42%;
}
.tree.t2.done:before{ background-position:25% 100%;}
.tree.t3{
	left:52%;
	margin-top:28.31%;
}
.tree.t3:after{
	left:120%;
	transform:scale(0.8);
}
.tree.t3.done:before{ background-position:50% 0%;}
.tree.t4{
	left:76.68%;
	margin-top:35.05%;
}
.tree.t4.done:before{ background-position:50% 100%;}
.tree.t5{
	left:64.89%;
	margin-top:40.52%;
}
.tree.t5:after{
	right:112.63%;
	width:76.51%;
	background-position:right bottom;
}
.tree.t5.done:before{ background-position:75% 0%;}
.tree.t6{
	left:43.52%;
	margin-top:39.47%;
}
.tree.t6.done:before{ background-position:100% 0%;}
.tree.t7{
	left:74.21%;
	margin-top:62.1%;
}
.tree.t7.done:before{ background-position:50% 0%;}
.tree.t8{
	left:64.31%;
	margin-top:70%;
}
.tree.t8:after{
	right:112.63%;
	width:154.36%;
}
.tree.t8.done:before{ background-position:25% 100%;}
.tree.t9{
	left:44.52%;
	margin-top:70.94%;
}
.tree.t9.done:before{ background-position:25% 0%;}
.tree.t10{
	left:48.15%;
	margin-top:85.26%;
}
.tree.t10.done:before{ background-position:50% 100%;}
.tree.t11{
	left:63.78%;
	margin-top:85.89%;
}
.tree.t11.done:before{ background-position:25% 0%;}
.tree.t12{
	left:78.1%;
	margin-top:85.89%;
}
.tree.t12:after{
	left:105%;
	transform:scale(0.9);
}
.tree.t12.done:before{ background-position:75% 0%;}
.tree.t13{
	left:28.1%;
	margin-top:111.63%;
}
.tree.t13.done:before{ background-position:100% 0%;}
.tree.t14{
	left:52.1%;
	margin-top:114.94%;
}
.tree.t14.done:before{ background-position:25% 100%;}
.tree.t15{
	left:81.57%;
	width:6.78%;
	margin-top:125.5%;
}
.tree.t15:after{
	right:145%;
	width:110%;
	padding-top:130%;
}
.tree.t15.done:before{ background-position:50% 0%;}
.tree.t16{
	left:44.42%;
	margin-top:132.73%;
	width:9.47%;
}
.tree.t16:after{
	left:-67.77%;
	width:322.22%;
	padding-top:138.88%;
	background-image:url(../images/giftXmas.png);
	background-size:contain;
}
.tree.t16.done:before{ background-position:100% 0%;}

.santa{
	position:absolute;
	top:0;
	display:none;
}
.santa.show{
	display:block;
}
.santa:before{
	content:"";
	display:block;
	background-repeat:no-repeat;
	background-size:contain;
}
.santa.s1:before{
	padding-top:84.21%;
	background-image:url(../images/santa1.png);
}
.santa.s2:before,
.santa.s3:before{
	padding-top:86.11%;
	background-image:url(../images/santa2.png);
}
.santa.s1{
	left:66.47%;
	width:20%;
	margin-top:3.57%;
}
.santa.s2,
.santa.s3{
	width:18.94%;
}
.santa.s2{
	left:21.42%;
	margin-top:49.57%;
}
.santa.s3{
	left:60.84%;
	margin-top:96.31%;
	transform:scaleX(-1);
}
/******* objWrapper end ********/
/************** gameBlock end *******************/

/************** overlay start *******************/
.overlay{
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	background:rgba(255, 255, 255, 0.5);
	display:flex;
	justify-content:center;
	align-items:center;
	transform:scale(0);
	transition:transform 0.4s ease-in-out;
}
.overlay.show{
	transform:scale(1);
}
.overlay.xmas{
	color:#FFF;
}

.overlayCTContainer{
	position:relative;
	width:63.15%;
	max-width:1200px;
}
.overlay.discount .overlayCTContainer{
	width:49.47%;
}

.overlayCT{
	position:relative;
	padding:4.16% 8.33%;
	background:#FFF url(../images/overlay_bg.png) no-repeat right 12% bottom 10%/21.16%;
}
.overlay.xmas .overlayCT{
	background:#305b55 url(../images/overlay_bgXmas.png) no-repeat right 8% bottom 0%/42%;
}

.overlay.xmas .overlayCT .bdr{
	position:absolute;
}
.overlay.xmas .overlayCT .bdr.T,
.overlay.xmas .overlayCT .bdr.B{
	left:0;
	width:100%;
	height:1.42%;
	background:repeating-linear-gradient(to right, #FFF, #FFF 50%, #e94638 51%, #e94638);
	background-size:6%;
}
.overlay.xmas .overlayCT .bdr.T{ top:0;}
.overlay.xmas .overlayCT .bdr.B{ bottom:0;}
.overlay.xmas .overlayCT .bdr.L,
.overlay.xmas .overlayCT .bdr.R{
	top:0;
	width:0.83%;
	height:100%;
	background:repeating-linear-gradient(to top, #FFF, #FFF 50%, #e94638 51%, #e94638);
	background-size:auto 10%;
}
.overlay.xmas .overlayCT .bdr.L{ left:0;}
.overlay.xmas .overlayCT .bdr.R{ right:0;}

/********** 日期標題 start **************/
.overlayCT h4{
	position:absolute;
	left:0;
	top:0;
	margin:4.16% 0 0 8.33%;
	color:#0e354c;
	font-size:3.2em;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}
.overlay.xmas .overlayCT h4{
	color:#FFF;
}
.today{
	position:relative;
}
.today:before,
.today:after{
	position:absolute;
	top:50%;
	display:none;
	transform:translateY(-50%);
	font-size:0.4em;
}
.overlay.xmas .today:before,
.overlay.xmas .today:after{
	display:block;
}
.today:before{
	content:"";
	left:calc(100% + 0.5em);
	border:0.3em solid transparent;
	border-left:none;
	border-right:1em solid #a9976d;
}
.today:after{
	content:"Nu är det jul igen！";
	left:calc(100% + 1.4em);
	font-family:Arial;
	background:#a9976d;
	padding:0.45em 0.5em 0.45em 1em;
	color:#FFF;
	border-radius:2em;
	white-space:nowrap;
}
.overlayCT h4 em{
	position:relative;
	font-size:0.4em;
	font-style:normal;
	margin:0.5em 0 1em;
	padding-bottom:0.25em;
	border-bottom:2px solid;
	display:none;
}
.overlay.xmas .overlayCT h4 em{
	display:block;
}
.overlayCT h4 em:after{
	position:absolute;
	left:calc(100% + 0.5em);
	top:50%;
	transform:translateY(-50%);
	content:"";
	display:block;
	width:1.8em;
	height:2.08em;
	background:url(../images/overlay_title_gift.png) no-repeat center/contain;
}
.overlayCT h4 span{
	font-size:0.4em;
}
/********** 日期標題 end **************/

/********** 表單按鈕 start **************/
.formBtn{
	position:relative;
	padding:0.6em 4em;
	font-size:1.02em;
	text-align:center;
	border:none;
	background:#0e354c;
	color:#FFF;
	display:inline-block;
	cursor:pointer;
	overflow:hidden;
}
.overlay.xmas .formBtn{
	background:#FFF;
	color:#305b55;
	transition:color 0.2s;
}
.overlay.xmas .formBtn:hover{
	color:#FFF;
}
.formBtn span{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
	background:#e94638;
	z-index:0;
	transform:translateX(-100%);
}
.formBtn i{
	position:relative;
	font-style:normal;
	z-index:1;
}
.formBtn:after{
	position:absolute;
	content:"";
	display:block;
	right:7%;
	top:50%;
	width:0.74em;
	height:0.74em;
	background:url(../images/btnArrow.png) no-repeat center top/cover;
	transform:translateY(-50%);
}
.overlay.xmas .formBtn:after{
	background-position:center bottom;
}
.overlay.xmas .formBtn:hover:after{
	background-position:center top;
}
/********** 表單按鈕 end **************/

/********** 購物金抵用券 start **************/
.couponBlock{
	display:flex;
	justify-content:space-between;
}

/***** 票券 start *******/
.coupon{
	width:47%;
}
.coupon ul{
	width:85%;
	margin-top:7.5em;
}
.overlay.xmas .coupon ul{
	margin-top:10em;
}
.coupon ul li:nth-child(1){
	cursor:pointer;
}
.coupon ul li+li{
	margin-top:2em;
}
.coupon ul li span{
	display:block;
}
.coupon ul li img{
	display:block;
	width:100%;
	margin-top:1em;
}
.coupon .ps{
	margin-top:2em;
	font-size:0.85em;
	color:#666;
}
.overlay.xmas .coupon .ps{
	color:inherit;
}
/***** 票券 end *******/

/***** 表單 start *******/
.form{
	width:50%;
	border-left:2px solid #a0b7cd;
	padding:4% 0 0 8%;
}
.overlay.xmas .form{
	padding-top:2%;
}
.form .step{
	display:none;
}
.form .step.active{
	display:block;
}

.form h5{
	font-size:1em;
	text-align:center;
	line-height:1.6em;
}
.form .formBtn{
	width:100%;
	margin-top:2em;
}

.loginForm{
	margin-top:2em;
}
.loginForm .inputTxt{
	border:2px solid currentColor;
	padding:1em;
	width:100%;
	outline:none;
}
.overlay.xmas .loginForm .inputTxt{
	color:#FFF;
	background:transparent;
}
.overlay.xmas ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:rgba(255, 255, 255, 0.5);
}
.overlay.xmas ::-moz-placeholder { /* Firefox 19+ */
	color:rgba(255, 255, 255, 0.5);
}
.overlay.xmas :-ms-input-placeholder { /* IE 10+ */
	color:rgba(255, 255, 255, 0.5);
}
.overlay.xmas :-moz-placeholder { /* Firefox 18- */
	color:rgba(255, 255, 255, 0.5);
}
.loginForm *+.inputTxt{
	margin-top:2em;
}
.loginForm .inputTxt.error,
.overlay.xmas .loginForm .inputTxt.error{
	border-color:#C33;
}
label.error{
	display:block;
	color:#C33;
    font-size:0.875em;
	font-weight:bold;
	margin-top:0.5em;
}
.overlay.xmas label.error{
	color:#FFF;
}
label.error:empty{
	display:none;
}
label.error:before{
	content:"! ";
	display:inline-block;
	width:1.4em;
	height:1.4em;
	border-radius:50%;
	padding:0.1em 0;
	margin-right:0.2em;
	text-align:center;
	background:#C33;
	color:#FFF;
	font-weight:bold;
}

.form .st1 .formBtn:after{
	display:none;
}
.form .st1 a{
	display:block;
	margin-top:1em;
	color:currentColor;
	text-align:center;
}
.form .st1 a:hover{
	text-decoration:underline;
}
.form .st2{
	margin-top:25%;
}
/***** 表單 end *******/
/********** 購物金抵用券 end **************/

/********** 折扣 start **************/
.discountBlock{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.discountBlock img{
	width:53.1%;
	margin-top:15%;
	cursor:pointer;
}
.discountBlock .cta{
	width:40%;
}
.discountBlock .cta h5{
	display:inline-block;
	padding-bottom:0.3em;
	border-bottom:3px solid;
	font-size:1.8em;
	line-height:1em;
}
.discountBlock .cta h5 span{
	display:inline-block;
	width:2.2em;
	line-height:1.3em;
}
.discountBlock .cta h5 strong{
	display:inline-block;
	font-size:2.8em;
	margin:0 0.05em 0 0.1em;
}
.discountBlock .cta em{
	display:block;
	font-weight:bold;
	font-size:1.1em;
	line-height:1.6em;
	font-style:normal;
	margin-top:1.2em;
}
.discountBlock .cta em+i{
	display:block;
	font-size:0.875em;
	font-style:normal;
	margin-top:0.2em;
	color:#e94638;
}
.discountBlock .cta a{
	margin-top:2.5em;
}
/********** 折扣 end **************/

.overlayCTContainer .closeBtn{
	right:3.33%;
	top:0;
	margin-top:3.33%;
}
/************** overlay end *******************/
/************************************** countdown end ***************************************************/


/************************************** event start ***************************************************/
#event{
	height:100vh;
	background:url(../images/eventBg1.png) no-repeat 4% bottom/22.84%, url(../images/eventBg2.png) no-repeat 95% bottom/21.89%;
	background-origin:padding-box;
	background-color:#468b83;
	border-bottom:2em solid #305b55;
	display:flex;
	justify-content:center;
	align-items:center;
}
#event .CT{
	width:80%;
	max-width:1400px;
	transform:translate(3%, -5%);
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

/******************** 頁籤 start **********************/
.tab{
	display:flex;
	width:100%;
}
.tab li{
	position:relative;
	color:#FFF;
	font-size:1.6em;
	font-weight:bold;
	padding:0.4em 0.7em 0.3em;
	line-height:1em;
	border:2px solid transparent;
	border-radius:1.5em;
	cursor:pointer;
	transition:border 0.2s;
	animation:flashEventBtn 0.5s infinite ease-in alternate;
}
@keyframes flashEventBtn{
	to{
		background-color:rgba(255, 255, 255, 0.2);
	}
}
.tab li+li{
	margin-left:0.5em;
}
.tab li:hover,
.tab li.active{
	border-color:#FFF;
	animation:none;
}
.tab li.active{
	background:#FFF;
	color:#458c84;
}
.tab li:after{
	position:absolute;
	left:2.57em;
	top:100%;
	content:"";
	display:block;
	width:0.78em;
	height:0.78em;
	background:url(../images/talkArrow3.png) no-repeat left top/contain;
	opacity:0;
	transition:opacity 0.2s;
}
.tab li.active:after{
	opacity:1;
}
/******************** 頁籤 end **********************/

.tabCT{
	display:none;
}

/******************* 左文案區 start *********************/
.txtBlock{
	width:50%;
	margin-top:3.25em;
}

/********* 內容 start **********/
.txtBlock .tabCT.active{
	display:block;
}
.txtBlock .tabCT h3{
	position:relative;
	background:#FFF;
	color:#458c84;
	font-size:1.6em;
	font-weight:bold;
	padding:0.4em 0.7em 0.3em;
	line-height:1em;
	border:2px solid #FFF;
	border-radius:1.5em;
	margin-bottom:2em;
	display:none;
}
.txtBlock .tabCT h3:after{
	position:absolute;
	left:2.57em;
	top:100%;
	content:"";
	display:block;
	width:0.78em;
	height:0.78em;
	background:url(../images/talkArrow3.png) no-repeat left top/contain;
}
.txtBlock .tabCT > ul > li+li{
	margin-top:1em;
}
.txtBlock .tabCT h4{
	color:#FFF;
	font-size:1.2em;
	display:inline-block;
	line-height:1em;
	border:3px solid;
	border-top:none;
	border-bottom:none;
	padding:0 0.5em;
}
.txtBlock .tabCT li span,
.txtBlock .tabCT li ul{
	color:#0e3c43;
	display:block;
	font-weight:bold;
	margin:0.5em 0 0 0.8em;
	line-height:1.6em;
}
.txtBlock .tabCT li span strong,
.txtBlock .tabCT .swapImg.hover{
	color:#FFF;
}
.txtBlock .tabCT li span i{
	font-style:normal;
	display:none;
}
.txtBlock .tabCT .swapImg{
	cursor:pointer;
	display:block;
}
.txtBlock .tabCT li span img,
.txtBlock .tabCT .swapImg img{
	display:none;
}
/********* 內容 end **********/

/********* 按鈕 start **********/
.btnGroup{
	margin-top:3em;
	display:flex;
	justify-content:flex-end;
}
.btnGroup .eventBtn+.eventBtn{
	margin-left:1.2em;
}

.eventBtn{
	position:relative;
	padding:0.4em 2em 0.4em 1em;
	font-weight:bold;
	text-align:center;
	border-radius:2em;
	background:#458c84;
	color:#FFF;
	display:block;
	cursor:pointer;
	overflow:hidden;
	animation:flashEventBtn 0.5s infinite ease-in alternate;
	transform:scale(1); /* 解決偶而 mouseout 右邊有瞬間白線 */
}
.eventBtn.att{
	padding-right:1em;
	animation:none;
}
.eventBtn.att ol{
	display:none;
}
.eventBtn:hover{
	color:#0e3c43;
	border-color:#FFF;
}
.eventBtn span{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
	background:#FFF;
	z-index:0;
	transform:translateX(-100%);
}
.eventBtn i{
	position:relative;
	font-style:normal;
	z-index:1;
}
.eventBtn:before{
	position:absolute;
	content:"";
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
	border:2px solid #FFF;
	border-radius:2em;
}
.eventBtn:after{
	position:absolute;
	content:"";
	display:block;
	right:0.75em;
	top:50%;
	width:0.65em;
	height:0.65em;
	background:url(../images/btnArrow.png) no-repeat center top/cover;
	transform:translateY(-50%);
}
.eventBtn.att:after{
	display:none;
}
.eventBtn:hover:after{
	background-position:center bottom;
}
/********* 按鈕 end **********/
/******************* 左文案區 end *********************/

/******************* 右圖片區 start *********************/
.imgBlock{
	position:relative;
	width:46.4%;
	color:#CCC;
	border:0.25em solid;
	background:#468b83;
	align-self:center;
}
.imgBlock:before{
	content:"";
	display:block;
	padding-top:81.57%;
}
.imgBlock:after{
	position:absolute;
	left:50%;
	bottom:calc(100% + 0.25em);
	content:"";
	display:block;
	border:11.25em solid;
	border-bottom:none;
	border-top:3.375em solid transparent;
	transform:translateX(-50%);
}
.imgBlock .tabCTBlock{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.imgBlock .tabCTBlock:before,
.imgBlock .tabCTBlock:after{
	position:absolute;
	content:"";
	display:block;
	background:currentColor;
}
.imgBlock .tabCTBlock:before{
	left:0;
	top:50%;
	width:100%;
	height:0.25em;
	transform:translateY(-50%);
}
.imgBlock .tabCTBlock:after{
	left:50%;
	top:0;
	width:0.25em;
	height:100%;
	transform:translateX(-50%);
}
.imgBlock .tabCT.active{
	position:relative;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:1;
}
.imgBlock .tabCT:nth-child(1) a{
	width:66.66%;
	display:block;
}
.imgBlock .tabCT:nth-child(1) img{
	width:100%;
	border:none;
}
.imgBlock .tabCT:nth-child(2) img{
	width:77.19%;
}
.imgBlock .tabCT span{
	position:absolute;
	font-size:0.75em;
	right:0.8em;
	bottom:0.8em;
}

/********* 注意事項 start *********/
.attCT{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#315B54;
	color:#FFF;
	font-size:0.85em;
	padding:3em 1.8em;
	z-index:2;
	display:none;
}
.attCT.show{
	display:block;
}
.attCT h6{
	font-size:1.3em;
	line-height:1em;
	letter-spacing:0.15em;
}
.attCT ol{
	margin-top:2em;
	list-style:decimal;
	padding:0 1em 0 1.8em;
	height:calc(100% - 4.5em);
	overflow:auto;
}
.attCT ol li+li{
	margin-top:0.9em;
}
.attCT ol li{
	line-height:1.5em;
}
.attCT ol li a{
	color:currentColor;
	text-decoration:underline;
}
.attCT ol li a:hover{
	text-decoration:none;
}
.attCT .closeBtn{
	right:1.8em;
	bottom:1.8em;
}
/********* 注意事項 end *********/
/******************* 右圖片區 end *********************/
/************************************** event end ***************************************************/


@media screen and (min-width:1024px) and (max-width:1440px){
	
	body{
		font-size:0.85em;
	}
	
	/************************************** navArrow start ***************************************************/
	.upArrow{
		right:20px;
		bottom:20px;
	}
	/************************************** navArrow end ***************************************************/
	
	/************************************** home start ***************************************************/
	/********************* pop start ***************************/	
	/*********** 內容 start ***********/
	.popCT ul{
		width:88%;
		transform:translate(-8%, -15%);
	}
	/*********** 內容 end ***********/
	/********************* pop end ***************************/
	/************************************** home end ***************************************************/
	
	/************************************** event start ***************************************************/
	#event{
		background-size:20%;
	}
	#event .CT{
		width:75%;
		transform:translate(4%, -2%);
	}
	/******************* 左文案區 start *********************/
	.txtBlock{
		width:55%;
	}
	/********* 內容 start **********/
	.txtBlock .tabCT li span,
	.txtBlock .tabCT li ul{
		font-size:0.875em;
	}
	/********* 內容 end **********/
	/******************* 左文案區 end *********************/
	/******************* 右圖片區 start *********************/
	.imgBlock{
		width:40%;
	}
	.imgBlock:after{
		border:8em solid;
		border-bottom:none;
		border-top:2.5em solid transparent;
	}
	/********* 注意事項 start *********/
	.attCT{
		font-size:0.75em;
		padding:1.5em 1.2em;
	}
	.attCT ol{
		margin-top:1.5em;
	}
	.attCT .closeBtn{
		right:0.9em;
		bottom:0.9em;
	}
	/********* 注意事項 end *********/
	/******************* 右圖片區 end *********************/
	/************************************** event end ***************************************************/
	
}


@media screen and (min-width:1024px) and (max-width:1280px){

	/************************************** countdown start ***************************************************/		
	/************** overlay start *******************/	
	.overlayCTContainer{
		width:95%;
	}
	.overlay.discount .overlayCTContainer{
		width:85%;
	}
	/************** overlay end *******************/
	/************************************** countdown end ***************************************************/
	
	/************************************** event start ***************************************************/
	#event .CT{
		width:80%;
		transform:translate(8%, -2%);
	}
	/******************* 左文案區 start *********************/
	.txtBlock{
		width:60%;
	}
	/******************* 左文案區 end *********************/
	/******************* 右圖片區 start *********************/
	.imgBlock{
		width:38%;
	}
	.imgBlock:after{
		border:7em solid;
		border-bottom:none;
		border-top:2em solid transparent;
	}
	/******************* 右圖片區 end *********************/
	/************************************** event end ***************************************************/

}


@media screen and (max-width:1023px){
	
	body{
		font-size:0.8em;
		letter-spacing:normal;
	}
	
	/*************************************** header start **************************************************/
	header{
		height:0;
	}
	header h1{
		left:4vw;
		top:3vw;
		width:22vw;
	}
	header nav{
		position:relative;
		top:auto;
		height:100vh;
		background:rgba(255, 255, 255, 1);
		transform:translateY(-100%);
		transition:transform 0.2s;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
	}
	header.open nav{
		transform:none;
	}

	header nav ul{
		width:100%;
	}
	header nav ul li a{
		color:#305b55;
		font-size:1.2em;
		padding-left:0;
		text-align:center;
	}
	header nav ul li a:after{
		display:none;
	}
	
	header .burgerBtn,
	header .burgerBtn:before,
	header .burgerBtn:after{
		position:absolute;
		width:25px;
		height:1px;
		background:#FFF;
		cursor:pointer;
		transition:all 0.2s;
	}
	header .burgerBtn{
		right:12px;
		top:20px;
		z-index:2;
	}
	header .burgerBtn span{
		position:absolute;
		display:block;
		right:-5px;
		top:-15px;
		width:35px;
		height:30px;
		z-index:1;
	}
	header .burgerBtn:before,
	header .burgerBtn:after{
		content:"";
		display:block;
		right:0;
	}
	header .burgerBtn:before{
		top:-6px;
		transform-origin:right top;
	}
	header .burgerBtn:after{
		top:6px;
		transform-origin:right bottom;
	}
	header.open .burgerBtn,
	header.open .burgerBtn:before,
	header.open .burgerBtn:after{
		background:#666;
	}
	header.open .burgerBtn{
		background:transparent;
	}
	header.open .burgerBtn:before{
		top:-9px;
		transform:rotate(-45deg);
	}
	header.open .burgerBtn:after{
		top:8px;
		transform:rotate(45deg);
	}
	/************************************************ header end ***************************************************/
	
	/************************************** navArrow start ***************************************************/
	.upArrow{
		right:10px;
		bottom:10px;
	}
	/************************************** navArrow end ***************************************************/
	
	/********************************************** home start ***************************************************/
	/********************* 路線 start ***************************/
	.route{
		display:none;
	}
	/********************* 路線 end ***************************/
	
	/********************* 前言 start ***************************/
	#home .CT .main .introText{
		left:auto;
		right:5%;
		top:auto;
		bottom:18%;
		align-items:flex-end;
		text-align:right;
		line-height:1.6em;
		font-size:0.875em;
		transform:none;
	}
	/********************* 前言 end ***************************/

	/********************* 滑鼠 start ***************************/
	.downArrow{
		width:2em;
		height:4em;
	}
	/********************* 滑鼠 end ***************************/
	
	/********************* pop start ***************************/
	.homePop{
		background-size:150%;
	}
	/*********** 內容 start ***********/
	.popCT ul{
		width:95%;
		transform:none;
		margin-top:-30%;
	}
	.homePop.norway .popCT ul li.norway,
	.homePop.sweden .popCT ul li.sweden,
	.homePop.finland .popCT ul li.finland,
	.homePop.denmark .popCT ul li.denmark,
	.homePop.iceland .popCT ul li.iceland{
		display:block;
	}
	/***** 左 start *****/
	.popCT ul li .santaTalk{
		width:50%;
		margin-left:-10%;
	}
	.popCT ul li .santaTalk p{
		right:auto;
		left:90%;
		top:25%;
		transform:none;
		display:block;
		width:auto;
		padding:0.5em;
		text-align:left;
	}
	.popCT ul li .santaTalk p:after{
		top:20%;
		width:20px;
		height:16px;
		padding-top:0;
	}
	.popCT ul li .santaTalk p span{
		display:block;
		width:auto;
		margin:0;
		white-space:nowrap;
	}
	.popCT ul li .santaTalk p span br{
		display:none;
	}
	.popCT ul li .santaTalk p span+span{
		margin-top:0.5em;
	}
	.popCT ul li .santaTalk p span:after{
		display:inline;
	}
	/***** 左 end *****/
	/***** 右 start *****/
	.popCT ul li .countryInfo{
		width:auto;
	}
	.popCT ul li .countryInfo h3{
		font-size:2em;
	}
	.popCT ul li .countryInfo p{
		padding-right:0;
	}
	.popCT ul li .countryInfo .productInfo{
		margin-top:0.5em;
		margin-right:0;
		padding-top:0.3em;
		padding-right:0;
	}
	.popCT ul li .countryInfo .productInfo h5{
		margin-top:0.2em;
	}
	.popCT ul li .countryInfo .productInfo em{
		margin-top:0.2em;
	}
	.popCT ul li .countryInfo a{
		width:31.09%;
		right:5%;
		top:auto;
		bottom:100%;
		transform:translateY(3em);
	}
	.popCT ul li .countryInfo a span i{
		display:none;
	}
	/***** 右 end *****/
	/*********** 內容 end ***********/
	/*********** 下方選單 start ***********/
	.homePop .nav{
		top:90%;
		width:80%;
	}	
	.homePop .countryName{
		bottom:2%;
	}
	/*********** 下方選單 end ***********/
	.homePop .closeBtn{
		right:3.15vw;
		top:3.15vw;
		color:#003b42;
	}
	/********************* pop end ***************************/
	/********************************************* home end *****************************************************/
	
	/************************************** countdown start ***************************************************/	
	#countdown .CT{
		padding-top:15%;
	}
	/************** 規則說明 start *******************/
	.rule{
		position:static;
		margin:0;
		text-align:center;
	}
	.rule p{
		padding-bottom:0;
		border-bottom:none;
	}
	/************** 規則說明 end *******************/
	/************** gameBlock start *******************/
	#countdown .CT .gameBlock{
		overflow:auto;
	}
	#countdown .CT .gameBlock .game{
		width:250vw;
	}
	/************** gameBlock end *******************/
	/************** overlay start *******************/	
	.overlayCTContainer,
	.overlay.discount .overlayCTContainer{
		width:100%;
		height:100vh;
	}
	.overlayCT{
		padding:6% 8%;
		height:100%;
		background-image:none;
	}
	.overlay.xmas .overlayCT{
		background-image:none;
	}
	.overlay.xmas .overlayCT .bdr{
		position:absolute;
	}
	.overlay.xmas .overlayCT .bdr.T,
	.overlay.xmas .overlayCT .bdr.B{
		background-size:10%;
	}
	.overlay.xmas .overlayCT .bdr.L,
	.overlay.xmas .overlayCT .bdr.R{
		width:1.8%;
		background-size:auto 8%;
	}	
	/********** 日期標題 start **************/
	.overlayCT h4{
		position:static;
		margin:0;
		font-size:3em;
	}
	.overlay.xmas .overlayCT h4{
		margin:0.2em 0 0;
	}
	/********** 日期標題 end **************/
	
	.overlayCT .specialCT{
		margin-top:1em;
		padding-right:0.5em;
		height:calc(100% - 6em);
		overflow:auto;
	}
	.overlay.xmas .overlayCT .specialCT{
		height:calc(100% - 11em);
	}
	
	/********** 購物金抵用券 start **************/
	.couponBlock{
		display:block;
	}
	/***** 票券 start *******/
	.coupon{
		width:auto;
	}
	.coupon ul,
	.overlay.xmas .coupon ul{
		margin:0 auto;
	}
	.coupon ul li+li,
	.coupon .ps{
		margin-top:1em;
	}
	/***** 票券 end *******/
	/***** 表單 start *******/
	.form{
		width:auto;
		border-left:none;
		border-top:2px solid #a0b7cd;
		margin-top:2em;
		padding:1em 0 50%;
		background:url(../images/overlay_bg.png) no-repeat center bottom/70%;
	}
	.overlay.xmas .form{
		padding-top:1em;
		padding-bottom:60%;
		background:url(../images/overlay_bgXmas.png) no-repeat center bottom/90%;
	}
	.form .formBtn,
	.loginForm,
	.loginForm *+.inputTxt{
		margin-top:1em;
	}	
	.form .st2{
		margin-top:0;
	}
	/***** 表單 end *******/
	/********** 購物金抵用券 end **************/
	/********** 折扣 start **************/
	.discountBlock{
		display:block;
	}
	.discountBlock img{
		width:70%;
		margin:0 auto;
		display:block;
	}
	.discountBlock .cta{
		width:auto;
		text-align:center;
		margin-top:1.5em;
		padding-bottom:50%;
		background:url(../images/overlay_bg.png) no-repeat center bottom/70%;
	}
	.discountBlock .cta em,
	.discountBlock .cta a{
		margin-top:1em;
	}
	/********** 折扣 end **************/
	/************** overlay end *******************/
	/************************************** countdown end ***************************************************/
	
	/************************************** event start ***************************************************/
	#event{
		height:auto;
		background-size:45%;
		border-width:5em;
		display:block;
	}
	#event .CT{
		width:auto;
		transform:none;
		display:block;
		padding:5% 5% 50%;
	}
	/******************** 頁籤 start **********************/
	.tab{
		display:none;
	}
	/******************** 頁籤 end **********************/
	.tabCT,
	.txtBlock .tabCT.active{
		display:flex;
		flex-direction:column;
		align-items:center;
	}
	.tabCT+.tabCT{
		margin-top:20%;
	}
	/******************* 左文案區 start *********************/
	.txtBlock{
		width:auto;
	}
	/********* 內容 start **********/
	.txtBlock .tabCT h3{
		display:block;
	}
	.txtBlock .tabCT li span,
	.txtBlock .tabCT .swapImg{
		overflow:hidden;
	}
	.txtBlock .tabCT li ul li{
		margin-bottom:1%;
	}
	.txtBlock .tabCT li span img,
	.txtBlock .tabCT .swapImg img{
		display:block;
		width:30%;
		float:right;
		margin-left:0.5em;
	}
	.txtBlock .tabCT li span i{
		display:block;
	}
	/********* 內容 end **********/
	/********* 按鈕 start **********/
	.btnGroup .eventBtn+.eventBtn{
		margin-left:0.25em;
	}
	.eventBtn{
		padding:0.4em 1.5em 0.4em 0.5em;
	}
	.eventBtn.att{
		padding-right:0.5em;
	}
	.eventBtn:after{
		right:0.5em;
	}
	/********* 按鈕 end **********/
	/******************* 左文案區 end *********************/
	/******************* 右圖片區 start *********************/
	.imgBlock{
		width:auto;
		border:none;
	}
	.imgBlock:before,
	.imgBlock:after,
	.imgBlock .tabCTBlock{
		display:none;
	}	
	/********* 注意事項 start *********/
	.attCT{
		position:fixed;
		width:100vw;
		height:100vh;
	}
	/********* 注意事項 end *********/
	/******************* 右圖片區 end *********************/
	/************************************** event end ***************************************************/
	
}