@charset "utf-8";

body {width:100%;margin: 0; padding:0;background:#41cdca;overflow-x:hidden; overflow-y:scroll; position:relative; }	
		
@media screen and (max-width:767px){
	body {}
}

/*全域 套用 */
.for_pc { display:block !important; }
.for_pc2 { display:inline-block !important; }
.for_mobile { display:none !important;}
.for_mobile2 { display:none !important;}
.for_pc2 , .for_mobile2{display:inline-block !important;}


@media screen and (max-width:767px){
	.for_pc { display:none !important;}
	.for_mobile { display: block !important;}
	.for_mobile2 { display: inline-block !important;}
	.for_pc2{display:none !important;}
}

/*滑鼠hover 顯示動畫*/
.hover{
	-webkit-transition: transform 0.2s ease;
    -moz-transition: transform 0.2s ease;
    -ms-transition: transform 0.2s ease;
    -o-transition: transform 0.2s ease;
    transition: transform 0.2s ease;}
.hover:hover{transform:scale(0.95); 
	-webkit-transform:scale(0.95);
    -moz-transform:scale(0.95);
    -ms-transform:scale(0.95);
    -o-transform:scale(0.95);
	filter:brightness(115%);
}

.hoverOpacity{
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;}
.hoverOpacity:hover{ 

	filter:brightness(105%);
}

/*滑鼠hover 顯示動畫2*/
.hover2{
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;}
.hover2:hover{transform:scale(1.08); 
	-webkit-transform:scale(1.08);
    -moz-transform:scale(1.08);
    -ms-transform:scale(1.08);
    -o-transform:scale(1.08);
}

	

/***透明度動畫 ******/
.opacity{animation:opacity 3s ease;}
.opacity2{animation:opacity 1.5s ease;}
@keyframes opacity{
	0%{opacity:0;}
	100%{opacity:1;}	
}


/*全BOX版面*/
.WRAPPER { position:relative;margin: 0 auto;padding:0;width:100%; min-width:1220px; max-width:2000px;margin: 0 auto;padding:0;overflow:hidden;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;
	background-image: url(bgbg.jpg?t=1775031671758) ;background-position: 50% 0%; 
	
}
 
.WRAPPER img {display:block;border:0; vertical-align:top;}
.WRAPPER a { text-decoration:none;  display:block;}
.WRAPPER .Area{ position:relative;;/*overflow:hidden;*/width:100%; }
.WRAPPER .mainArea { display:block; margin:0 auto; padding: 0; width:1220px; position:relative;}
@media screen and (min-width:767px) and (max-width:1220px){	
	.WRAPPER .Area{ width:100%;}
}
@media screen and (max-width:767px){
	.WRAPPER { padding-bottom:0px; margin:0px auto 0 auto; display: block; min-width:100%; max-width:100%;
		background-image: url(bgbg.jpg?t=1775031671758) ; 
		background-position:top center ;
		background-repeat:repeat; 
		background-size:160%;
	}
	.WRAPPER .Area{ width:100%; }
	.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;}
	
}




/********header logo***************************/			
.logoBox{width:100%;margin:0 auto; padding:10px 0px 12px 0px;overflow:hidden;background:none; z-index:9; position:relative;  }	
.logoBox .momologo{width:350px;height:42px; display:block;overflow:hidden;margin-left:145px;float:left;}	
.logoBox .momologo .Home{width:68.5%;float:left;height:100%;background:url(logo_mo.png?t=1775031671758) right center no-repeat;}	
.logoBox .momologo .Page{width:31.5%;float:left;height:100%;background:url(logo_tv.png?t=1775031671758) left center no-repeat; }



/*******方框內背景*********************/
.Area.cutbg1{background:#2c26af;width:2000px;position:absolute;height:640px;top:0px;left:50%;margin-left:-1000px;z-index:0;overflow:hidden; background:url(bk_bg1.jpg?t=1775031671758) no-repeat;}

.Area.cutbg3{width:2000px;position:absolute;height:798px;top:260px;left:50%;margin-left:-1000px;overflow:hidden; background:url(cloudy.png?t=1775031671758) no-repeat;z-index:2;pointer-events:none;}
.Area.cutbg2 .bk_bg2{width:100%;position:relative;} 
.Area.cutbg4{width:2000px;position:fixed;height:556px;bottom:-100px;left:50%;margin-left:-1000px;overflow:hidden; z-index:0;transition:3s;}
.Area.cutbg4.scroll2{opacity:0;background:none; transition:3s;}
.Area.cutbg4.scroll{opacity:1;background:url(bgbg2.jpg?t=1775031671758) no-repeat;transition:3s;}

/*******背景物件滾動*********************/

.Area_bgtop_1{ pointer-events:none; z-index:0;width:100%; height:150%; position:absolute;left:0%;margin-left:0px;top:400px; background-position:center top;background-size:2000px;z-index:0;opacity:0.6;}


/************************************/

.Area.cut01{;height:574px;margin:0px auto 0px auto;/*overflow:hidden; */background:rgba(0,0,0,0);}
.Area.cut01 .mainArea { width:1220px;height:725px;}
.Area.cut01 .bg{ display:block;width:2000px;position:absolute;left:-32%; top:-66px;}
.Area.cut01 .title_box{ display:block;width:455px;position:absolute;left:7%; top:120px; }
.Area.cut01 .title_box .Btitle {width:100%;position:relative;}
.Area.cut01 .title_box .Btitle img{width:100%;}
.Area.cut01 .title_box .Btitle .titlebn{width:100%;position:relative;}
.Area.cut01 .title_box .Btitle .titlebn_01{width:100%;position:absolute;top: 0%;animation: title_txt 4.8s linear infinite;}
.Area.cut01 .title_box .Btitle .titlebn_02{width:100%;position:absolute;top: 0%;animation: title_txt 4.8s 2.4s linear infinite;}

@keyframes title_txt{
	0%{opacity:0;}
    45%{opacity:0;}
	50%{opacity:1;}
    95%{opacity:1;}
	100%{opacity:0;}
	}
.Area.cut01 .item_title_box{width:400px;position:absolute;overflow:hidden; top:9%;left:59%; z-index:4;}
.Area.cut01 .item_title_box .swiper-wrapper{width:100%;overflow:hidden;}
.Area.cut01 .item_title_box .swiper-slide{width:100%; display:block;overflow:hidden;}
.Area.cut01 .item_title_box .swiper-slide img{width:100%;}

.Area.cut01  .slideDown{
	opacity:0;
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	
	animation-duration: 0.7s;	
	-webkit-animation-duration: 0.7s;
	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	
	visibility: visible !important;
	animation-delay:0.5s;
	-webkit-animation-delay:0.5s;
	animation-fill-mode:forwards;	
	-webkit-animation-fill-mode:forwards;
}
@keyframes slideDown {
	0% {transform: translateY(-60%);opacity:0;}
	50%{transform: translateY(8%);opacity:1;}
	65%{transform: translateY(-4%);opacity:1;}
	75%{transform: translateY(4%);opacity:1;}
	95%{transform: translateY(-2%);opacity:1;}			
	100% {transform: translateY(0%);opacity:1;}		
}
@-webkit-keyframes slideDown {
	0% {-webkit-transform: translateY(-60%);opacity:0;}
	50%{-webkit-transform: translateY(8%);opacity:1;}
	65%{-webkit-transform: translateY(-4%);opacity:1;}
	75%{-webkit-transform: translateY(4%);opacity:1;}
	95%{-webkit-transform: translateY(-2%);opacity:1;}			
	100% {-webkit-transform: translateY(0%);opacity:1;}	
}
/*閃光*/				  
.brightness-play { -webkit-animation:brightness-play 4s 1s ease both infinite; ; animation:brightness-play 4s 1s ease both infinite;}
@keyframes brightness-play {
  0% { filter:brightness(100%);}
  5% { filter:brightness(100%);}
 10% { filter:brightness(140%);}
 11% { filter:brightness(100%);}
 18% { filter:brightness(140%);}
 20% { filter:brightness(100%); }
 70%{ filter:brightness(100%);}
 100% { filter:brightness(100%);}
}


/**光點**/
.Area.cut01 .float{position:absolute;top:23px;left:-14%;width:1239px; animation: float 3s linear infinite;}
.Area.cut01 .float_2{position:absolute;top:23px;left:-14%;width:1239px; animation: float 3s -1.5s linear infinite;}
@keyframes float{
	0%{transform: translate(0%,0%) scale(0.01); opacity:0.1;}
	50%{transform: translate(0%,0%) scale(1); opacity:1;}
	100%{transform: translate(0%,0%)  scale(2); opacity:0.1;}
}


@media screen and (max-width:767px){	
    
	.Area.cut01{width:100%; height:65vw;margin:0px auto 0px auto;}
	.Area.cut01 .mainArea {width:100%;height:100%;overflow:hidden; position:relative;left:auto;margin-left:auto;}
	.Area.cut01 .title_box{ width:60%;left:19%; margin-left:0px;top:23%;}
	.Area.cut01 .title_box .Btitle .title_line{bottom:6%;height:150px;animation: title_line 2s linear infinite;}
    .Area.cut01 .item_title_box{width:44%;position:absolute;overflow:hidden; top:25.5%;left:54.5%; z-index:4;}
    
	@keyframes title_line{
		0%{height:0px; opacity:0;}
		50%{height:150px; opacity:1;}
		100%{height:260px;opacity:0;}
	}
	.Area.cut01 .title_box .item_title_box{width:100%;bottom:22%;left:0%;}
	.Area.cut01 .float{position:absolute;top:17%;left:-7%;width:114%; animation: float 3s linear infinite;}
	.Area.cut01 .float_2{position:absolute;top:17%;left:-7%;width:114%; animation: float 3s -1.5 linear infinite;}

}

/**************上方小活動*********************/

.float_Box{position:relative;width:1220px;height:85px;margin:0px auto 30px auto; overflow:hidden;padding:0px 0px 10px 0px; z-index:3; }
.float_Box ul{width:100%;float:left;padding:0px;margin:0px 0px 0px -10px;overflow:hidden;list-style:none;text-align:center;vertical-align:middle;overflow:hidden;}
.float_Box ul li{display:inline-block;width:31%;padding:0px; background:#; margin:0px 10px;}
.float_Box ul li img{width:100%;}
.float_Box ul li.match{display:inline-block;}
.float_Box ul li.money{display:none;}

@media screen and (max-width:767px){
	.float_Box{width:98%; height:auto; position:relative;margin-top:-29vw;margin-bottom:5vw;}
	.float_Box ul{width:100%;margin:0vw auto 0 auto;padding:0px;overflow:hidden; list-style: none;text-align:center;}
	.float_Box ul li{ display:block;width:47%; margin:0px 1.5%; float:left;/*border-left:2px dotted #5762dc;*/}
	.float_Box ul li.match{display:inline-block;}
	.float_Box ul li:nth-of-type(2){display:none;}
	.float_Box ul li:nth-of-type(1){border-left:none;}
	.float_Box ul li:nth-of-type(3){display:inline-block;}

}


/******************登記區域** 登記區域******登記區域*******登記區域**************************************/

.Area.cut02{margin-bottom:0px; margin-top:20px;}
.Area.cut02 .mainArea{ width:960px;padding-top:0px;padding-bottom:25px;  overflow:hidden;}

/***全域設定***/
.cut02 .for_pc{display:block;}
.cut02 .for_mobile{display:none;}
.cut02 .boxOut{width:100%;margin-left:auto;margin-right:auto; margin-bottom:20px;position:relative; overflow:hidden;}
.cut02 .boxOut .btnBg{width:100%;display:block;}
.cut02 .boxOut .ACT_content{position:relative;background:rgba(0,0,0,0);overflow:hidden;}
.cut02 .boxOut .ACT_content .box{width:100%;margin-bottom: 5px;position:relative;overflow:hidden; }
.cut02 .boxOut .ACT_content .box .btn{display:block;z-index:9;}
.cut02 .boxOut .ACT_content .box .btn img{width:100%}

/***警語***/
.cut02  .warningBox{display:block;width:100%; overflow:hidden;position:relative; margin:0px auto 10px auto; background:#;}
.cut02  .warningBox p{ display:block;margin:0px auto 0px 15px; font-size:15px;letter-spacing:1px; color:#4b2b18; line-height:22px; text-align:center; font-weight:bold;}
.cut02  .warningBox.all{width:75%; padding-left:120px;}
.cut02  .warningBox.all p{text-align:left; }
.cut02  .warningBox  span{color:#ff0002;}
.cut02  .warningBox a{ display:inline-block;text-decoration:underline;color:#ff0002;font-weight:bold;letter-spacing:1px;}


/****************************專推/輪播****************************/
.cut02 .boxOut.A2{ width:960px;height: 1000px; margin-bottom:50px;}
.cut02 .boxOut.A2 .ACT_content{position:absolute;width:100%;height:100%;top:2%; left:0%;}

.cut02 .boxOut.A2 .ACT_content .sw02{width:960px;position:relative;overflow:hidden;}
.cut02 .boxOut.A2 .ACT_content  .box_acty.swiper-wrapper{width:100%;position:relative; padding:0px 0px 30px 0px; margin:0px;list-style:none;text-align:center;vertical-align:middle;} 
.cut02 .boxOut.A2 .ACT_content  .box_acty.swiper-wrapper  .swiper-slide{width:100%;display:inline-block;padding:0px; margin:0vw 0vw 0vw 0vw ;} 
.cut02 .boxOut.A2 .ACT_content  .box_acty.swiper-wrapper   img{width:100%;} 
.cut02 .boxOut.A2 .ACT_content  .bank_box8{padding:0px;margin:0px;display:block;float:right;width:405px;margin-top:-7px;overflow:hidden;}
.cut02 .boxOut.A2 .ACT_content  .bank_box8 a{list-style:none;width:47.5%;display:inline-block; margin:0px;padding:0px; margin-right:10px; float:left; overflow:hidden;}
.cut02 .boxOut.A2 .ACT_content  .bank_box8 a img{display:block;width:100%;}

.cut02 .boxOut.A2 .ACT_content .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 3px;}	
.cut02 .boxOut.A2 .ACT_content .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0px;}

@media screen and (max-width:767px){
    .cut02 .boxOut.A2 .ACT_content{position:absolute;width:100%;height:100%;top:0vw; left:0%;}
    .cut02 .boxOut.A2 .ACT_content .sw02{width:100%;overflow:hidden;position:relative;overflow:hidden;}
    .cut02 .boxOut.A2 .ACT_content  .box_acty.swiper-wrapper{padding:0px 0px 6vw 0px;} 
    .cut02 .boxOut.A2{ width:100%;height: 102vw; margin-bottom:5vw;}
	.swiper-pagination-bullet { width: 6px; height: 6px;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 3px;}	
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0px;}
}

/***12/13~14 返場搶回饋 區塊****/
.cut02 .boxOut.A3{width:100%;margin-bottom: 70px;}
.cut02 .boxOut.A3 .ACT_content{width:100%;padding:0px; margin:0px; position:relative;}
.cut02 .boxOut.A3 .ACT_content .box .btn01{position:absolute; width:155px;top:68.5%; left:8.5%;}
.cut02 .boxOut.A3 .ACT_content .box .btn02{position:absolute; width:98%;height: 10%;bottom:1%; left:1%;}
.cut02 .boxOut.A3 .ACT_content .box .gif1{ width:100px;position:absolute; left:13.3%; top:48.5%;}
.cut02 .boxOut.A3 .ACT_content .box .btn_float{width:160px;position:absolute;right:2.1%; top:20%;}
.cut02 .boxOut.A3 .ACT_content .box .btn_float .btn_s{width:100%;display:block;margin-right: 0%;margin-bottom: 6px; float: left;}
.cut02 .boxOut.A3 .ACT_content .box .btn_float .btn_s img{width:100%;}

/***12/12 最強下單抽 區塊****/
.cut02 .boxOut.A4{width:100%;}
.cut02 .boxOut.A4 .ACT_content{width:100%;padding:0px; margin:0px; position:relative;}
.cut02 .boxOut.A4 .ACT_content .box .btn01{position:absolute; width:225px;top:43%; left:60.5%;}

/***贈品/活動/登記查詢****/
.cut02  .searchBoxBtn{width:620px; margin:-10px auto 0px auto;position:relative; clear:both;padding-left:20px;}
.cut02  .searchBoxBtn img{width:100%;}
.cut02  .searchBoxBtn .linkPage{width:28%;height:82%; top:11%; position:absolute;/*background:#eee; opacity:0.5;*/}
.cut02  .searchBoxBtn .linkPage.AA {left:5%;}
.cut02  .searchBoxBtn .linkPage.BB {left:36%;}
.cut02  .searchBoxBtn .linkPage.CC {right:5%;}


@media screen and (max-width:767px){
	
	.Area.cut02{ padding-bottom:0vw;margin-top:0vw;margin-bottom:0px; background:none;}
	.Area.cut02 .mainArea{width:100%;padding-top:0vw;padding-bottom:0vw;}
	.cut02  .box{padding:0.5vw 0vw 0vw 0vw;position:relative;}
	.cut02  .box .pic{width:100% !important;}
	.cut02 .for_pc{display:none;}
	.cut02 .for_mobile{display:block;}
	.cut02 .for_pc{display:block;}
	.cut02 .for_mobile{display:none;}
	
	.cut02  .btn ,.btn_s ,.btn_ss{ display:block; position:absolute;float:none;z-index:2; background:#000;opacity:0;}
	
	/*剩餘人數*/
	.cut02  .box .count{position:absolute;width:24vw; height:22px; font: normal 3vw "Century Gothic", Arial, "Microsoft JhengHei";letter-spacing:-0.5px;}

	/*免費抽mo幣*/
	.cut02  .btn.one{width:34%;height:47%;right:8%;top:20%;}
	.cut02  .box .count.countONE{ position:absolute;left:57%; top:61.5%; bottom:auto;margin-top:0px; margin-left:0px;}
	.cut02  .gif1{position:absolute; width:21%;top:47.5%;left:31%;}
	.cut02  .gif2{position:absolute; width:21%;top:51%;left:31%;}
	.cut02  .btn_ss{width:29%; height:13%;top:68%;position:absolute;}
	.cut02  .btn_ss.page04{left:7%; }
	.cut02  .btn_ss.page05{left:36%; }
	.cut02  .btn_ss.page06{left:65%; }
	
	/*返場抽12%*/
	.cut02  .btn.m_7-1{width:21%;height:14%;right:7%;top:13%;}
	.cut02  .btn.m_7-2{width:25%;height:14%;right:7%;top:35%;}
	.cut02  .box .count.count7-1{ position:absolute;left:69%; top:26.7%; bottom:auto;margin-top:0px; margin-left:0px;}
	
	.cut02  .gif3{position:absolute; width:13%;top:18.5%;left:54%;}
	.cut02  .btn_7{width:31%; height:9%;top:81%;position:absolute;}
	.cut02  .btn_7.page04{left:3%; }
	.cut02  .btn_7.page05{left:34%; }
	.cut02  .btn_7.page06{left:65%; }
	
	/*最強下單抽12倍回饋*/
	.cut02  .btn.m_8-1{width:21%;height:32%;right:7%;top:31%;}
	.cut02  .box .count.count8-1{ position:absolute;left:69%; top:61%; bottom:auto;margin-top:0px; margin-left:0px;}
	
	/*積分賽*/
	.cut02  .btn.m_6-1{width:33%;height:36%;right:7%;top:44%;}
	
	/**1210-1212 限定雙重送**/
	.cut02  .btn.three{width:39%;height:15%;left:9%;top:45%;}/*$100*/
	.cut02  .box .count.countTHREE{left:15.5%;top:55.5%;}
	
	.cut02  .btn.four{width:39%;height:15%;right:9%;top:45%;}/*湯鍋*/
	.cut02  .box .count.countFOUR{right:17%;top:55.5%;}
	
	.cut02  .btn.five{width:28%;height:13%;right:7%;top:65%;}/*12%mo幣*/
	.cut02  .box .count.countFIVE{left:67%;top:76.5%;}
	
	
	/**1201-1214 分享抽行李箱 **/
	.cut02  .btn.two01{width:16%;height:23%;left:33.5%;top:55%;}
	.cut02  .btn.two02{width:16%;height:23%;left:49.5%;top:55%;}
	.cut02  .btn.two03{width:26%;height:26%;left:65.5%;top:55%;}
	.cut02 .pd_sw.sw03{width:30%;left:6%;bottom:auto;top:10%;}


	/*滿額贈*/
	.cut02  .btn.seven{width:36%;height:10%;left:12%; top:51%;}
	.cut02  .btn.eight{width:36%;height:10%;right:12%; top:51%;}
	.cut02  .btn.nine{width:36%;height:10%;left:14.5%;bottom:7.5%;}
	.cut02  .box .count.countSEVEN{left:18%;top:60.5%;}
	.cut02  .box .count.countEIGHT{right:18%;top:60.5%;}
	.cut02  .box .count.countNINE{left:20.5%;top:90.5%;}
	.cut02 .pd_sw{overflow:hidden; position:absolute;width:32%;left:10%;top:22%;}
	.cut02 .pd_sw ul{width:100%;list-style: none;text-align:center;vertical-align:middle;overflow:hidden; margin:0px;padding:0px;}
	.cut02 .pd_sw ul li{width:100%; margin:0px;padding:0px;}
	.cut02 .pd_sw ul li img{width:100%;}
	.cut02 .pd_sw{overflow:hidden; position:absolute;}
	.cut02 .pd_sw.sw01{width:38%;left:9%;top:23.5%;}
	.cut02 .pd_sw.sw02{width:40%;left:7%;bottom:auto;top:27%;}

	/*下單抽*/
	.cut02  .btn.six{width:40%;height:24%;left:47%;top:60%;}
	.cut02  .box .count.countSIX{left:56%;top:81.5%;}
	.cut02 .pd_sw.sw01{width:35%;left:8%;top:28%;}

	/***警語***/
	.cut02  .warningBox{padding-bottom:1vw; margin-top:0vw;margin-bottom:2.8vw;}
	.cut02  .warningBox.all{width:85%;margin-top:3.5vw;margin-bottom:2vw; padding-left:0px;}
	.cut02  .warningBox p{width:94.5%;margin:0px auto 0px auto;font-size:3.1vw;letter-spacing:0.5px;line-height:4.6vw;text-align:left;font-weight:normal;}
	.cut02  .warningBox.all p{width:100%;text-align:center;}
	.cut02  .warningBox a{ font-weight:normal;}
		
	
	/***贈品/活動/登記查詢****/
	.cut02  .searchBoxBtn{width:98%; margin:1vw auto 2vw auto;position:relative;padding-left:0px; padding-right:2px;}
	.cut02  .searchBoxBtn img{width:100%;}
	.cut02  .searchBoxBtn .linkPage{width:32%;height:82%; top:9%; position:absolute; /*background:#eee;*/}
	.cut02  .searchBoxBtn .linkPage.AA {left:2%;}
	.cut02  .searchBoxBtn .linkPage.BB {left:34%;}
	.cut02  .searchBoxBtn .linkPage.CC {right:2%;}
	
	.cut02 .boxOut.A3{width:100%;margin-bottom: 5vw;}

    .cut02 .boxOut.A3 .ACT_content .box .btn02{ width:96%;height: 12%;bottom:1%; left:2%;}
}


/****************************精選活動/輪播****************************/

.Area.activeBN{ padding:120px 0px 65px 0px;overflow:hidden;position:relative;}
.Area.activeBN .mainArea{padding:0px 0px 0px 0px;overflow:hidden;}
.Area.activeBN .mainArea .titlebn{width:440px;padding:15px 0px 10px 0px;margin:0px auto 0 auto;z-index:1;position:relative; overflow:hidden;}
.activeOut{width:870px;padding:15px 0px;margin:0px auto 0 auto;z-index:1;padding-bottom:20px;position:relative; overflow:hidden;}
.activeOut .active_box{width:97%;overflow:hidden;float:left;position:relative;border:0px solid #4b2b18 ; 
box-shadow:0 0px 0 2px #fff , 0px 0px 0px 6px #4b2b18; border-radius:20px;overflow:hidden;background:#fdecb7;margin:0px 0px 10px 10px;}
.activeOut .box_acty.swiper-wrapper{width:100%;position:relative; padding:0px; margin:0px;list-style:none;text-align:center;vertical-align:middle;} 
.activeOut .box_acty.swiper-wrapper  .swiper-slide{width:100%;display:inline-block;padding:0px; margin:0vw 0vw 0vw 0vw ;} 
.activeOut .box_acty.swiper-wrapper   img{width:100%;} 
.activeOut  .bank_box8{padding:0px;margin:0px;display:block;float:right;width:405px;margin-top:-7px;overflow:hidden;}
.activeOut  .bank_box8 a{list-style:none;width:47.5%;display:inline-block; margin:0px;padding:0px; margin-right:10px; float:left; overflow:hidden;}
.activeOut  .bank_box8 a img{display:block;width:100%;}

@media screen and (max-width:767px){
    .Area.activeBN .mainArea .titlebn{width:60%;padding:15px 0px 10px 0px;margin:0px auto 0 auto;}
	.Area.activeBN{ padding:0vw 0px 7vw 0px; margin-bottom:1.5vw;}
	.Area.activeBN .mainArea{ padding:0vw 0px 0vw 0px;}
	.activeOut{width:97%;margin:0px auto 0 auto;padding-bottom:0px; padding-top:2vw; padding-left:0px; }
	.activeOut .active_box{width:96%;margin-right:auto; margin-left:auto; /*border:0.5vw solid #d81340 ; */
	box-shadow:0 0px 0 0.5vw #fff , 0px 0px 0px 1.2vw #4b2b18;border-radius:3vw; overflow:hidden;float:none;}

	.activeOut  .bank_box8{width:100%;margin:3vw auto 0 auto;float:none;}
	.activeOut  .bank_box8 a{width:49%;margin-right:0px; float:left;}
	.activeOut  .bank_box8 a:nth-of-type(1){ margin-right:1.7vw;}

	.swiper-pagination-bullet { width: 6px; height: 6px;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 3px;}	
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0px;}
}



/*****************強檔熱銷/館別********************************/

.Area.hot{padding:0px 0px 0px 0px; margin:70px 0px 25px 0px; overflow:hidden;position:relative;}
.Area.hot .act_bg{display:block; position:absolute; top:10px; left:0px; z-index:-1; width:100%; height:100%;}
.Area.hot .mainArea{ padding:0px 0px 40px 0px;overflow:hidden; margin:20px auto 20px auto;}
.Area.hot .mainArea .act_pic{width:506px;  position:absolute; top:0px; left:50%; margin-left:-273px; z-index:2;}
.Area.hot .mainArea .act_pic .pic{width:100%;}

@media screen and (max-width:767px){

	.Area.hot{padding:7.5vw 0px 0vw 0px; width:100%; margin:1vw auto 0vw auto;}
	.Area.hot .mainArea{padding:11vw 1vw 1vw 1vw;margin:15vw auto 23vw auto;width:90%; overflow:visible ;border:2px solid #ff8fce; border-radius:3vw; 
	background:rgba(48,2,49,0.7);}
	.Area.hot .mainArea:last-of-type{margin:15vw auto 10vw auto;}
	.Area.hot .mainArea .act_pic{width:100%; left:-2.8%; margin-left:auto;padding-left:0px;top:-14vw; }

	
}	



/*****************精彩影音*******************/	

.Area.video{overflow:hidden;padding:0px 0px 60px 0px; }
.Area.video .mainArea{width:680px;padding:10px 0px 30px 0px;}
.Area.video .video_title{width:650px;margin:0px auto 0px auto;position:relative;z-index:1;}
.Area.video .video_title img{width:100%;}
.Area.video .video_bg{width:680px; position:absolute;top:0px;left:0px;}
.Area.video .video_area {width:636px;margin:0px auto 25px auto;position:relative;padding:0px 0px 0px 0px;z-index:1;overflow:hidden;background:;}
.Area.video .video_area .video_swiper{width:100%;}
.Area.video .video_area .video_swiper .video{width:450px; padding:20px 0px 45px 0px;float:left; margin-left:0px;overflow:hidden;position:relative; background:#;}

.Area.video .video_area .video_swiper .video .video-container{width:622px; height:358px;position:relative; margin:0 auto;box-shadow:0 0px 0 3px #0f8380 ;border-radius:30px;overflow:hidden;}
.Area.video .video_area .video_swiper .video .video-container iframe{width:100%;margin:0px;height:360px; }
.Area.video .video_area .video_swiper .video .txt_box{width:90%;padding:10px 0px; margin:10px auto 0 auto; overflow:hidden;position:relative; z-index:1;}	
.Area.video .video_area .video_swiper .video .txt_box p{ display:block;overflow:hidden; height:50px;width:73%;margin:0px 0px 0px 0px; font-size:20px;line-height:26px;color:#a1fffc; float:left;text-align:left; font-weight:bold; }
.Area.video .video_area .video_swiper .video .txt_box p span{color:#f9ec83;}
.Area.video .video_area .video_swiper .video .txt_box a{width:23%; text-align:center;padding:5px 0px;background:;color:#fff;border-radius:90px; font-size:21px;float:right;margin-right:0px;margin-top:5px; border:1px solid #fff;}
.Area.video .video_area .video_swiper .video .txt_box a:hover{color:#000967;background:#fff; font-weight:bold;}

.Area.video .button { background-color:#00524e; box-shadow:0 0 0 15px #00524e; position:absolute;top:50%;}

@media screen and (max-width:767px){	

.Area.video{overflow:hidden;padding:0vw 0px 13vw 0px; margin:0 auto 0vw auto; }
.Area.video .mainArea{padding:2vw 0px 3vw 0px; background:none;width:100%;}
.Area.video .video_title{width:104%;margin:0px auto -4vw -2%;padding-right:0px; z-index:3;}
.Area.video .video_bg{width:98%; position:absolute;top:3.5vw;left:1%;}
.Area.video .video_bg img{width:100%;}

.Area.video .video_area{width:98%;margin:0px auto 0px auto;padding:2vw 0px 8vw 0px;}
.Area.video .video_area .video_swiper{width:100%;}
.Area.video .video_area .video_swiper .video{width:100%;padding:3.5vw 0px 4.5vw 0px;margin-left:0px;}
.Area.video .video_area .video_swiper .video:nth-of-type(1){margin-left:0vw;}
.Area.video .video_area .video_swiper .video .video-container{width:92%; margin:0 auto;height:48vw;box-shadow:0 0px 0 2px #0f8380;border-radius:4vw; }
.Area.video .video_area .video_swiper .video .video-container iframe{width:100%;height:48vw;}
	
.Area.video .video_area .video_swiper .video .txt_box{width:90%;padding:20px 0px 5px 0px; margin:0 auto 0 10px;}	
.Area.video .video_area .video_swiper .video .txt_box p{height:42px;width:70%;margin:0px 0px 0px 10px;font-size:18px;line-height:22px; }
.Area.video .video_area .video_swiper .video .txt_box a{width:22%;padding:6px 0px;font-size:20px;float:right;margin-top:2px;}

.Area.video .button { background-color:#00524e; box-shadow:0 0 0 10px #00524e; position:absolute;top:50%;}
.Area.video .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 5px !important;
	left: 0;
	width: 100%;	} 

.Area.video  .pagination .swiper-pagination-bullet {background: #00524e; } 	
	
}	


/*****************精選分館**********************/


.Area.kind_area{position:relative;z-index:9; height:110px;margin-top:50px;}
.Area .kind_box{width:1220px;position:relative;margin:20px auto 50px auto; padding:15px 0px;border-radius:100px; overflow:hidden;background:rgba(135,4,0,0.7); border:2px solid #870400; transition:0.3s;}
.Area .kind_box.fixed{ position:fixed;margin:0px auto 0px auto;padding:15px 0px; top:-2px; left:50%; margin-left:-610px;background:rgba(135,4,0,0.7);border-radius:0px 0px 15px 15px; transition:0.3s;}

.Area .kind_box ul{list-style:none;overflow:hidden; padding:0px; margin:0px auto 0 auto;padding-bottom:0px; text-align:center; }
.Area .kind_box li{list-style:none; padding:0px 17px;display:inline-block;border-left:0px solid #fee8b2;text-align:center; }
.Area .kind_box li:nth-of-type(1){border-left:0px solid #8fa4ab;padding-left:0px; }
.Area .kind_box li:last-child{padding-right:0px; }
.Area .kind_box li a{display:block;color:#a5ffd4; font-size:20px;text-align:center;font-weight:;}
.Area .kind_box li a:hover{color:#fbffbe;}


/***************************************/

.apple_txt{text-align:center; width:100%; padding:80px 0px 80px 0px; margin-bottom:0px;color:#4b2b18;font-size:16px;  position:relative;z-index:3;}
.apple_txt p{width:90%;display:block;margin:0 auto;}
		
@media screen and (max-width:767px){
	.apple_txt{padding:5vw 0vw; font-size:12px;}
}	
	


		
/*********浮層框***********************/		
	
.blackBox.agree_more .box .content {float:left;width:100%;display:block;/*overflow-y:scroll;overflow-x:hidden; */max-height:600px;}/*max-height要設定-給抽mo幣查詢用*/
.blackBox.agree_more .box .content p{text-align:center;font-size:20px;  margin:0px 0px 10px 0px;}
.blackBox.agree_more .box img.pic{ display:block;  width: 70%;margin:10px auto; float:none;}

.blackBox.agree_more .box   ul{ width: 100%;list-style: none; overflow: hidden; padding: 0; margin:0; background-color: #eee;}
.blackBox.agree_more .box   ul  li{width: calc(100%/4); float: left; text-align: center; font-size:19px; font-family:"微軟正黑體";color: #333;padding:11px 0px;cursor:pointer; font-weight:bold;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.blackBox.agree_more .box   ul  li:nth-of-type(2){ /**border-right:none;***/	}
.blackBox.agree_more .box   ul  li:last-of-type{border-right:none;}
.blackBox#agree_more4 .box  ul  li{}
.blackBox#agree_more3 .box  ul  li{}
.blackBox.agree_more .box   ul  li.click{background:#f51490; color:#fff;}


.tab{padding:8px 5px !important; }
.tab01{font-weight:bold;color:#000;width:150px;}
.tab02{padding:10px 5px !important; width:150px;}
.tab.tab02 a{background:#f51490;color:#fff; padding:3px 12px; border-radius:50px;display: inline-block;margin:3px 5px;}
.tab.tab02 img{width:40%;}
.tab.tab03 a{background:#f51490;color:#fff; padding:3px 12px; border-radius:50px;display: inline-block;margin:3px 5px;}
.tab.tab03{text-align:left !important; }

.blackBox tr{padding:5px 0px; }
.blackBox td{padding:10px 0px;}


@media screen and (max-width:767px){
	
	.blackBox.agree_more .box .content{margin-top:1.5vw;max-height: 420px;}
	.blackBox.agree_more .box .content p{text-align:center;font-size:16px; margin:0px 0px 10px 0px;}
		
	.blackBox.agree_more .box  img.pic{width: 100%;margin:5px auto; float:none;}
	.blackBox.agree_more .box  img.pic.other{width: 100%;}
	.blackBox.agree_more .box  ul  li{float:left; text-align: center; font-size:1.01em;padding:2.4vw 0px;letter-spacing:-0.5px;font-weight:bold;}
	
	.blackBox.agree_more .box  img{ display:block; margin:2vw auto; float:none;}
	.blackBox.agree_more .box  img.pic{width: 100%;}
	.tab01{width:22%;}
	.tab02{width:18%;}
	.tab03{width:55%;}
	.tab.tab02 a{padding:5px 15px; }
	.tab.tab02 img{width:65%;}
	


}	


/**YT錨點**/
.cut99 {width:685px; position: fixed;bottom:-10%;z-index:99;opacity:0;}
.cut99 img{width:100%;}
.cut99.scroll{ width:685px; position: fixed;bottom: -150%;z-index: 99;transition:all 0.3s;}
.cut99.scroll2{ width:685px; position: fixed;bottom:-150%;z-index: 99;transition:all 0.3s;}
.cut99 .page{ display: block;position: absolute;width:100%; height:100%;top:0%;z-index: 6; /*background:#000; opacity:0.5;*/}
.cut99 .page.link01{left:0%;}
.cut99 .page.link02{left:33.5%;}
.cut99 .page.link03{right:0%;}

@media screen and (max-width:767px){
	
	.cut99 {width:16%; position: fixed;bottom:60px;right: 0px;z-index: 99;margin-left:0px;  opacity:1;animation: cut99 1s linear,cut99_2 3s 1.2s infinite;}
	.cut99.scroll{ width:100%;bottom: -0%;}
	.cut99.scroll2{ width:100%;bottom:-10%;}

}

@keyframes cut99{
	0%{transform: translatex(100%);}
	100%{transform: translatex(0%);}
}	

@keyframes cut99_2{
	0%,60%,100%{transform: translatex(0%);}
    80%{transform: translatex(20%);}
}