@charset "utf-8";

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

/*全域 套用 */
.for_pc { display:block !important; }
.for_phone { display:none !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_phone { display:block !important; }
	.for_mobile { display: block !important;}
	.for_mobile2 { display: inline-block !important;}
	.for_pc2{display:none !important;}
}

/*滑鼠hover 顯示動畫*/
.hover{
	-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;}
.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%);
}

/*滑鼠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 0.2s 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;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; overflow:hidden;background-color: #e9b068; background-image:url(bgg1.jpg?t=1750819379351) top center repeat-x;background-size: 100%;}
.WRAPPER img {display:block;border:0; vertical-align:top;}
.WRAPPER a { text-decoration:none;  display:block;}
.WRAPPER .Area{ position:relative;z-index:3;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%; overflow:hidden;}
}
@media screen and (max-width:767px){
	
	.WRAPPER { padding-bottom:0px; margin:0px auto 0 auto; display: block; min-width:100%;overflow:hidden;}
	.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:12px 0px; position:absolute; overflow:hidden; z-index:9;}	
.logoBox .momologo{display:block;width:350px;height:42px; overflow:hidden;margin-left:50px;float:left;}	
.logoBox .momologo .Home{width:62%;float:left;height:100%;background:url(logo_mo.png?t=1750819379351) right center no-repeat;}	
.logoBox .momologo .Page{width:38%;float:left;height:100%;background:url(logo_tv.png?t=1750819379351) left center no-repeat; }
.logoBox .momologo .Home:hover{background:url(logo_mo_1.png?t=1750819379351) right center;}
.logoBox .momologo .Page:hover{background:url(logo_tv_1.png?t=1750819379351) left center;}


/********滾動背景********************************/

.fixed_bg{width:2000px; height:100%; position:fixed;top:900px; left:50%; margin-left:-1000px;  z-index:1;pointer-events:none; }
.fixed_bg .fixed_pic{ width:2000px;position:fixed; bottom:-30px; left:50%; margin-left:-1000px;opacity:0; transition:all 0.5s;}
.fixed_bg .fixed_pic.fixedScroll{ opacity:1; }
.fixed_bg .fixed_pic.fixedScroll2{ opacity:0;}
.fixed_bg .fixed_pic img.pic{width:100%;}

.float_bg{width:100%;height:120%;position:absolute;top:1000px; left:0%; background-size:100%; opacity:1; background-position:top center; pointer-events:none;z-index:1;}

/***********方框內背景*********************/

.Area.cut00{width:2000px;position:absolute;height:980px;top:0px;left:50%;margin-left:-1000px;z-index:1;}
.Area.cut00 .bk_bg1{width:2000px;height:980px;position:relative; overflow:hidden;background-size: cover;animation:circle 2s infinite ease;}

@keyframes circle{
	0%{opacity:0;}
	50%{opacity:1;}
	100%{opacity:0;}
}

.Area.cut00 .bk_bg2{width:2000px;height:760px;position:relative; overflow:hidden; background:url(bk_bg2.jpg?t=1750819379351) top center; position:absolute;top:0px;left:0px;background-size: contain; opacity:1;}
.Area.cut00 .bk_bg3{width:100%;height:770px;position:relative; overflow:hidden; position:absolute;top:0px;left:0px;opacity:1;}


.Area.cut00 .GIFT_box{width:100%;position:absolute; left:0%;top:0px;}

.Area.cut00 .bg_box1{width: 12%;  position: absolute; left: 23%; top: 130px; animation: box_01 0.8s 0s linear both;}
.Area.cut00 .bg_box2{width: 12%;  position: absolute; right: 24%; top: 134px; animation: box_01 0.8s 0.2s linear both;}
@keyframes box_01 {
	0% { transform: translate(0%,-80px) scale(1,1);opacity:0;}
    50%{transform: translate(0%,0px)  scale(1,1);opacity:1;}
    54%{transform: translate(0%,4px)  scale(1,0.95);opacity:1;}
    75%{transform: translate(0%,-4px)  scale(1,1.02);opacity:1;}
    88%{transform: translate(0%,2px)  scale(1,0.98);opacity:1;}
    100%{transform: translate(0%,0px)  scale(1,1);opacity:1;}	
}
/*.pic_01{width:2000px;position:absolute; left:50%;margin-left: -1000px; top:800px; filter:brightness(1); z-index:3;background:url(pic_01.png?t=1750819379351) top center repeat-y;height: 100%;}*/
.Area.cut00 .shiny{width:100%;position:absolute; left:0%; top:0px;animation:shiny 2s infinite ease;}
@keyframes shiny{
	0%{opacity:1; filter:brightness(100%) ;}
	50%{opacity:0.2; filter:brightness(50%) ;}
	100%{opacity:1; filter:brightness(100%) ;}
}

.Area.cut00 .upBox{width:100%;position:absolute; left:0%; top:0px;filter:brightness(1);}
.Area.cut00 .upBox .float_cloudy01{width:2000px;position:absolute; left:0px; top:0px; animation: cloudy1 20s linear infinite;}
.Area.cut00 .upBox .float_cloudy02{width:2000px;position:absolute; left:0px; top:0px; animation: cloudy2 20s linear infinite;}

/*@keyframes cloudy1 {
	0% { transform: translate(0%,0%);}
	50%{ transform: translate(5%,0%); }
	100%{transform: translate(0%,0%);}		
}
@keyframes cloudy2 {
	0% { transform: translate(0%,0%);}
	50%{ transform: translate(-5%,0%); }
	100%{transform: translate(0%,0%);}		
}
@keyframes grass_01 {
	0% { transform: skewX(0deg) translate(0%,0%) scale(1);opacity:1;}
	50%{ transform: skewX(5deg) translate(0%,0%) scale(1);opacity:1;}
	100%{transform: skewX(0deg) translate(0%,0%) scale(1);opacity:1;}		
}
@keyframes grass_02 {
	0% { transform: skewX(0deg) translate(0%,0%) scale(1);opacity:1;}
	50%{ transform: skewX(-5deg) translate(0%,0%) scale(1);opacity:1;}
	100%{transform: skewX(0deg) translate(0%,0%) scale(1);opacity:1;}		
}
@keyframes grass_03 {
	0% { transform: skewY(0deg) translate(0%,0%) scale(1);opacity:1;}
	50%{ transform: skewY(-3deg) translate(0%,0%) scale(1);opacity:1;}
	100%{transform: skewY(0deg) translate(0%,0%) scale(1);opacity:1;}		
}
@keyframes bg_leaf2 {
	0% { transform: translate(0%,0%) scale(1);opacity:1;}
	50%{transform: translate(0%,3%)  scale(1);opacity:1;}
    100%{transform: translate(0%,0%)  scale(1);opacity:1;}	
}

@keyframes bg_leaf4 {
	0% { transform: translate(0%,-40vw) scale(1,1);opacity:0;}
    50%{transform: translate(0%,0px)  scale(1,1);opacity:1;}
    54%{transform: translate(0%,2vw)  scale(1,0.9);opacity:1;}
    75%{transform: translate(0%,-3vw)  scale(1,1.05);opacity:1;}
    88%{transform: translate(0%,1vw)  scale(1,0.95);opacity:1;}
    100%{transform: translate(0%,0px)  scale(1,1);opacity:1;}	
}
@keyframes bird01 {
	0% { transform: translate(0%,0%) scale(1);opacity:1;}
	50% { transform: translate(0%,3%) scale(1.02);opacity:1;}
	100%{transform: translate(0%,0%)  scale(1);opacity:1;}		
}

@keyframes bird02 {
	0% { transform: translate(0%,0%) scale(1);opacity:1;}
	50% { transform: translate(0%,-3%) scale(0.98);opacity:1;}
	100%{transform: translate(0%,0%)  scale(1);opacity:1;}		
}*/

@media screen and (max-width:767px){
	
	.Area.cut00{width:100%;position:absolute;height:96vw;top:40px;left:0%;margin-left:0px;z-index:0;overflow:hidden;}
	.Area.cut00 .bk_bg1{width:100%;height:90vw;margin-left:0px; margin-top:0px;position:relative; overflow:hidden;} 
	/*.Area.cut00 .bk_bg1 .bgg{width:100%;height:90vw;position:relative;background:#e33e74 url(bk_bg2.jpg?t=1750819379351) top center no-repeat; background-size:200%;}
	.Area.cut00 .bk_bg1 .bgg .bk_sea{width:200%; position:absolute;top:-10px; left:-100%;opacity:0.4; animation:none;}*/
    




}


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

.Area.cut01{height:690px;margin:0px auto 0px auto;  background:#;}
.Area.cut01 .mainArea { width:1220px;height:760px;}
.Area.cut01 .mainArea .m_bk_01{width:100%;}
.Area.cut01 .title_box{display:block;width:520px;position:absolute;left:50%; margin-left:-285px;top:60px;}
.Area.cut01 .title_box img{width:100%;}
.Area.cut01 .title_box .item_title_box{width:100%;position:absolute;overflow:hidden; bottom:0%;left:0%; z-index:4;animation: opacity 0.8s linear;}
.Area.cut01 .title_box .item_title_box .swiper-wrapper{width:100%;overflow:hidden;}
.Area.cut01 .title_box .item_title_box .swiper-slide{width:100%; display:block;overflow:hidden;}
.Area.cut01 .title_box .item_title_box .swiper-slide img{width:100%;}
/*.Area.cut01 .light_01{width:160%;position:absolute; top:0px; left:-30%; animation: light1 10s linear infinite;}
.Area.cut01 .light_02{width:160%;position:absolute; top:0px; left:-30%; animation: light2 10s -5s linear infinite;}*/
.Area.cut01 .bk_light{width:2000px;position:absolute; top:0px; left:50%;margin-left: -1000px; animation: opacity 2s  infinite;}
@keyframes light1 {
	0% { transform: translate(-10%,-5%) scale(1) rotate(0deg);opacity:0;}
	50% { transform: translate(0%,-5%) scale(1) rotate(0deg);opacity:1;}
	100%{transform: translate(10%,-5%) scale(1) rotate(0deg);opacity:0;}		
}
@keyframes light2 {
	0% { transform: translate(-10%,-5%) scale(1) rotate(0deg);opacity:0;}
	50% { transform: translate(0%,-5%) scale(1) rotate(0deg);opacity:1;}
	100%{transform: translate(10%,-5%) scale(1) rotate(0deg);opacity:0;}		
}
@keyframes opacity{
	0%{opacity:1;}
	50%{opacity:0;}
	100% {opacity:1;}
}
@keyframes light_m {
	0% { transform: scale(1);opacity:1;}
	50%{ transform: scale(1.2);opacity:0.4;}
	100% {transform: scale(1);opacity:1;}		
}
@media screen and (max-width:767px){	

	.Area.cut01{width:100%; height:auto;margin:0px auto 0vw auto; overflow:hidden;}
	.Area.cut01 .mainArea {width:100%;height:auto;}
	.Area.cut01 .title_box{display:block;width: 70%; left: 15%;  margin-left: auto; top: 7%;}
	.Area.cut01 .title_box .item_title_box{width:100%;position:absolute;overflow:hidden; bottom:0%;left:0%; z-index:4;animation: opacity 1s linear;}
	.Area.cut01 .momologo{position:absolute;width:33%;top:0%; left:0%; z-index:2;}
    .Area.cut01 .bk_light{width:100%;position:absolute; top:0%; left:0%;margin-left: 0px; animation: opacity 2s  infinite;}
	
/*	.Area.cut01 .light_01m{width:100%;position:absolute; left:0%; top:0px; animation: light_m 5s linear infinite;}
	.Area.cut01 .light_02m{width:100%;position:absolute; left:0%; top:0px; animation: light_m 7s linear infinite;}
	.Area.cut01 .bird_m{width:100%;position:absolute; left:0%; top:0px; animation: bg_leaf 1.8s 0.8s ease both , bird01 3s 2.8s infinite;z-index:2;}
    
	.Area.cut01 .people_box{width:100%;position:absolute; left:0%;top:0px;}
    .Area.cut01 .grass_01{width:100%;position:absolute; left:0%;top:0px;transform-origin: 0% 80%;animation: grass_01 2s 0s infinite both;}
    .Area.cut01 .grass_02{width:100%;position:absolute; left:0%;top:0px;transform-origin: 80% 50%;animation: grass_02 2s 0s infinite both;}
    .Area.cut01 .hills{width:100%;position:absolute; left:0%;top:0px;}
    .Area.cut01 .bg_people_01{width:100%;position:absolute; left:0%;top:0px; animation: bg_leaf4 0.8s 0.4s linear both;}
    .Area.cut01 .bg_people_02{width:100%;position:absolute; left:0%;top:0px; animation: bg_leaf4 0.8s 0.6s linear both;}
 
    .Area.cut01 .bk_bg1{width:100%;height:49vw;position:absolute; overflow:hidden;background: url("bk_bg1m.png?t=1750819379351") no-repeat center top; background-size: cover;top: 0%;left: 0%;}
    .circle {clip-path:polygon(-20% 0%,-40% 100%,-20% 100%,0% 0%);animation:circle 3s infinite ease;}*/
}


/**************上方小活動*********************/
.float_Box{position:relative;width:1220px;margin:-162px auto 0px auto; overflow:hidden;padding:0px 0px 30px 0px; z-index:4;}
.float_Box ul{width:100%;float:left;padding:0px;margin:0px 0px 0px 0px;overflow:hidden;list-style:none;text-align:center;vertical-align:middle;}
.float_Box ul li{display:inline-block;width:250px;padding:0px;  margin:0px 4px;}
.float_Box ul li img{width:100%;}

@media screen and (max-width:767px){
	.float_Box{width:100%; height:auto; position:relative;margin:-22vw auto 0px auto;padding-top:0vw;padding-bottom:0vw; }
	.float_Box ul{width:98%;margin:0vw auto 0 1%;padding:0px;overflow:hidden; list-style: none;text-align:center;position:relative; z-index:1;}
	.float_Box ul li{ display:inline-block;width:32%; margin:1vw 0%;}
}

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

.greenBg_box{width:100%; padding:0px 0px 0px 0px; position:relative; z-index:4; overflow:hidden;}	
@media screen and (max-width:767px){.greenBg_box{width:100%; padding:0px 0px 0px 0px; margin:0px auto 0px auto;}}



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

.Area.cut02{padding-bottom:20px; margin-top:16px; position:relative;z-index:2; }
.Area.cut02 .mainArea{ width:1160px;padding-top:10px;padding-bottom:0px;  overflow:hidden;}

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

/***全域設定 警語***/
.cut02  .warningBox{display:block;width:100%; overflow:hidden;position:relative; margin:0px auto 20px auto;}
.cut02  .warningBox p{ display:block;margin:0px auto 0px auto; font-size:15px; letter-spacing:0.5px; color:#ffffa8; line-height:22px; text-align:center; font-weight:bold;}
.cut02  .warningBox.all{width:800px; }
.cut02  .warningBox.all p{color:#FFFFFF;}
.cut02  .warningBox span{color:#FFFFFF;}
.cut02  .warningBox a{ display:block;text-decoration:underline;font-weight:bold;letter-spacing:1px;color:#ffffa8; }

/*** 登記/剩餘人數****/
.cut02 .box .count{margin:5px auto 0 auto;width:100%; height:20px;font: bold 15px "Century Gothic", Arial, "Microsoft JhengHei";overflow:hidden;text-align:center;border-radius:50px; line-height:20px; }


/***免費搶mo幣 區塊01(長版)****/
.cut02 .boxOut.A1{width:100%;}
.cut02 .boxOut.A1 .ACT_content{width:1000px;padding:0px;  margin:0px auto 0px auto;}
.cut02 .boxOut.A1 .ACT_content .box{width:830px;height:100%; position:absolute; top:0px; left:0px;}	
.cut02 .boxOut.A1 .ACT_content .box .btn{position:absolute; width:180px;top:22%; right:15%;}
.cut02 .boxOut.A1 .ACT_content .box .gif1{ width:74px;position:absolute; left:48%; top:33.5%;}
.cut02 .boxOut.A1 .ACT_content .box .warningBox{}
.cut02 .boxOut.A1 .ACT_content .btn_float{position:absolute; top:28px; right:11%;width:140px; }
.cut02 .boxOut.A1 .ACT_content .btn_float .btn_s{width:100%;display:block;margin-bottom:10px;}
.cut02 .boxOut.A1 .ACT_content .btn_float .btn_s img{width:100%;}
.cut02 .boxOut.A1 .ACT_content .count{color:#911227; }

/******/
.cut02 .boxOut.A3{width:100%; margin-top:30px;}
.cut02 .boxOut.A3 .btnBg{width:100%;position:absolute; top:0px; left:0px; }
.cut02 .boxOut.A3 .ACT_content{position:relative;  height:auto; background:rgba(0,0,0,0);}
.cut02 .boxOut.A3 .ACT_content .box{width:100%;height:236px;}
.cut02 .boxOut.A3 .ACT_content .box .btn{position:absolute; width:206px;top:28%; left:64.5%;}
.cut02 .boxOut.A3 .ACT_content .box .pd_sw.sw03{overflow:hidden; position:absolute;width:230px;left:10%;top:29%;}

.cut02 .boxOut.A3 .ACT_content .warningBox{width:95%;}
.cut02 .boxOut.A3 .ACT_content .count{color:#fff; }

/***免費搶mo幣 區塊02(短版)***/
.cut02 .boxOut.A2{width:100%; margin-top:30px;}
.cut02 .boxOut.A2 .btnBg{position:absolute;top:0%; left:0px;width:100%;}
.cut02 .boxOut.A2 .ACT_content{position:relative;height:auto;}
.cut02 .boxOut.A2 .ACT_content .box{width:100%;height:420px; }
.cut02 .boxOut.A2 .ACT_content.aa{width:754px;float:left;background:rgba(0,0,0,0);}
.cut02 .boxOut.A2 .ACT_content.aa .btn_float{position:absolute; top:328px;left:24px;width:724px;}
.cut02 .boxOut.A2 .ACT_content.aa .btn_float .btn_s{width:32.2%;display:block;margin-bottom:15px;float: left;}
.cut02 .boxOut.A2 .ACT_content.aa .btn_float .btn_s:nth-of-type(3){width:35.6%;display:block;margin-bottom:15px;float: left;}
.cut02 .boxOut.A2 .ACT_content.aa .btn_float .btn_s img{width:100%;}
.cut02 .boxOut.A2 .ACT_content.aa .box .btn{position:absolute;  width:210px;top:38%; left:58%;}
.cut02 .boxOut.A2 .ACT_content.aa .box .gif1{ width:100px;position:absolute; left:32%; top:39%;}
.cut02 .boxOut.A2 .ACT_content .warningBox{width:95%;}
.cut02 .boxOut.A2 .ACT_content .count{color:#911227; }


/***加碼****/
.cut02 .boxOut.A2 .ACT_content.bb{width:400px;float:right;}
.cut02 .boxOut.A2 .ACT_content.bb .box .btn{position:absolute; width:206px;top:66%; right:23.5%;}
.cut02 .boxOut.A2 .ACT_content.bb .count{color:#911227; }


/**下單抽**/
.cut02 .boxOut.A4{ width:100%;overflow:hidden; margin-top:40px;}
.cut02 .boxOut.A4 .btnBg{position:absolute;top:0%; left:0px;width:100%;}
.cut02 .boxOut.A4 .ACT_content{float:left;position:relative;}
.cut02 .boxOut.A4 .ACT_content .box{width:100%;height:372px;position:relative;overflow:hidden;}
.cut02 .boxOut.A4 .ACT_content.aa{width:34%; background:rgba(0,0,0,0); margin-left:0px;}
.cut02 .boxOut.A4 .ACT_content.aa .box .btn{position:absolute; width:250px;bottom:5.5%; left:18%;}
.cut02 .boxOut.A4 .ACT_content.aa .box .btn img{width:100%; display:block;}
.cut02 .boxOut.A4 .ACT_content .warningBox{width:100%;}
.cut02 .boxOut.A4 .ACT_content.aa p{letter-spacing:0.3px;}
.cut02 .boxOut.A4 .ACT_content.aa .count{color:#002c25; }

/**滿額送區塊**/
.cut02 .boxOut.A4 .ACT_content.bb{width:100%;float:right;background:rgba(0,0,0,0); margin-right:0px;}
.cut02 .boxOut.A4 .ACT_content.bb .box .btn{position:absolute;display: inline-block;}
.cut02 .boxOut.A4 .ACT_content.bb .box .btn img{width:100%;}
.cut02 .boxOut.A4 .ACT_content.bb .box .btn:nth-of-type(1){ width:110px;top:52%; left:22.5%;}
.cut02 .boxOut.A4 .ACT_content.bb .box .btn:nth-of-type(1) .count{color:#911227;}
.cut02 .boxOut.A4 .ACT_content.bb .box .btn:nth-of-type(2){ width:110px;top:52%; left:54.5%;}
.cut02 .boxOut.A4 .ACT_content.bb .box .btn:nth-of-type(2) .count{color:#911227;}
.cut02 .boxOut.A4 .ACT_content.bb .box .btn:nth-of-type(3){ width:110px;top:52%; left:87%;}
.cut02 .boxOut.A4 .ACT_content.bb .box .btn:nth-of-type(3) .count{color:#911227; }
.cut02 .boxOut.A4 .ACT_content.bb .box .pd_sw.sw01{overflow:hidden; position:absolute;width:210px;right:4%;top:28%;}
.cut02 .boxOut.A4 .ACT_content.bb .box .pd_sw.sw02{overflow:hidden; position:absolute;width:240px;right:31%;bottom:0%;}

/**輪播**/
.cut02 .boxOut .ACT_content .box .pd_sw ul{width:100%;list-style: none;text-align:center;vertical-align:middle;overflow:hidden; margin:0px;padding:0px;}
.cut02 .boxOut .ACT_content .box .pd_sw ul li{display:block;width:100%; margin:0px;padding:0px;overflow:hidden;}
.cut02 .boxOut .ACT_content .box .pd_sw ul li img{display:block;width:100%; }

/***贈品/活動/登記查詢****/
.cut02 .searchBoxBtn{width:500px; margin:30px auto 30px auto;position:relative; clear:both;padding-left:0px;}
.cut02 .searchBoxBtn img{width:100%;}
.cut02 .searchBoxBtn .linkPage{width:45%;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%;}

.cut02 .caption{width:95%; display:block; margin:20px auto 30px auto;}


@media screen and (max-width:767px){
	
	.Area.cut02{ padding-bottom:0vw;margin-top:0vw;}
	.Area.cut02 .mainArea{width:98%;padding-top:0vw;padding-bottom:0vw;}
	.cut02 .box{padding:2vw 0vw 2.5vw 0vw;position:relative; overflow:hidden;}
	.cut02 .box .pic{width:100% !important;pointer-events:none;}
	.cut02 .content{width:100%;overflow:hidden; position:relative; }

	/***全域設定***/
	.cut02 .btn ,.btn_s ,.btn_ss{ display:block; position:absolute;float:none;z-index:2;background:rgba(0,0,0,0); }
	.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%;}

	/*免費抽mo幣*/
	.cut02 .btn.one{width: 39%;height: 25%;right: 7%;top: 35%;}
	.cut02 .gif2{position:absolute; width: 15%; top: 38.8%; left: 28.5%; transform:rotate(0deg);}
	.cut02 .btn_ss{width:27%; height:16%; bottom:5%; position:absolute;}
	.cut02 .btn_ss.page04{left:6%;width:25.5%;}
	.cut02 .btn_ss.page05{left:34%;width:25.5%;}
	.cut02 .btn_ss.page06{right:6%;width:32.5%;}

	/*期間限定*/
	.cut02 .btn.two{width:40%;height:29%;right:6%;top:45%;}
	.cut02 .btn.four{width:40%;height:20%;left:8%;bottom:14%;}/**購物袋***/
	.cut02 .btn.eight{width:40%;height:20%;right:8%;bottom:14%;}/**500***/
	.cut02 .pd_sw.sw03{overflow:hidden; position:absolute;width:38%;left:8.5%;top:40%;}
    .cut02 .pd_sw.sw02{overflow:hidden; position:absolute;width:42%;left:51.5%;top:40%;}

	
	/*滿額贈*/
	.cut02 .btn.five{width: 28%; height: 13%;left: 6%;top: 73%;}
	.cut02 .btn.six{width:28%; height:13%;left:36%;top: 73%;}
	.cut02 .btn.seven{width:28%;height:13%;left:66%;top: 73%;}



	/*下單抽*/
	.cut02 .btn.three{width: 44%;height: 22%;left: 12%;top: 63%;}

	/*剩餘人數*/
	.cut02 .box .count{position:absolute;width:24vw; height:22px; font: bold 3vw "Century Gothic", Arial, "Microsoft JhengHei";letter-spacing:-0.5px;font-weight:bold;}
	.cut02 .box .count.one{ right:15%; bottom:30%; color:#911227;}
	.cut02 .box .count.two{ right:14%; bottom:14%; color:#911227;}
	.cut02 .box .count.three{right:53%;bottom:6%;  color:#fff;}
	.cut02 .box .count.five{left:8%;bottom:7%; color:#911227;}
	.cut02 .box .count.six{left:38%;bottom:7%; color:#911227;}
	.cut02 .box .count.seven{left:68%;bottom:7%; color:#911227;}
	.cut02 .box .count.four{left:14%;bottom:6%; color:#911227;}/**100***/
	.cut02 .box .count.eight{right:14%;bottom:6%; color:#911227;}/**250***/

	/***警語***/
	.cut02  .warningBox{width:93%;padding-bottom:0vw; margin-top:0vw;margin-bottom:0vw;}
	.cut02  .warningBox.all{width:100%;padding-top:1vw;padding-bottom:2vw; padding-left:0px;}
	.cut02  .warningBox p{width:100%;margin:1px auto 1px auto;font-size:3vw;letter-spacing:1px;line-height:4.4vw;text-align:left;}
	.cut02  .warningBox.all p{width:90%;text-align:center;}
	.cut02  .warningBox span{color:#FFFFFF;}
	
	/***贈品/活動/登記查詢****/
	.cut02  .searchBoxBtn{width:100%; margin:2.5vw auto 2.5vw auto;position:relative;padding-left:0px; padding-right:2px;}
	.cut02  .searchBoxBtn img{width:100%;}
	.cut02  .searchBoxBtn .linkPage{width:38%;height:82%; top:9%; position:absolute; /*background:#eee;*/}
	.cut02  .searchBoxBtn .linkPage.AA {left:12%;}
	.cut02  .searchBoxBtn .linkPage.BB {left:34%;}
	.cut02  .searchBoxBtn .linkPage.CC {right:12%;}
	
	.cut02 .caption{width:100%; display:block; margin:4vw auto 1.5vw auto;}

}


/****************************精選活動****************************/

.Area.cut03{ padding:0px 0px 40px 0px;overflow:hidden;position:relative; z-index:1; }
.Area.cut03 .mainArea{padding:0px 0px 0px 0px;overflow:hidden; background-repeat:no-repeat; background-position:top center;}
.activeOut{width:1160px;padding:15px 0px;margin:0px auto 0 auto;z-index:1;padding-bottom:0px;position:relative; overflow:hidden;padding-left:0px;background:#; }
.activeOut .sw_bg{ position:relative; width:1160px;overflow:hidden;float:left;position:relative;background: url(bank03.png?t=1750819379351);background-position:top center;background-size:100%; background-repeat:no-repeat;padding:10px 0px 80px 0px;}
.activeOut .sw_bg .active_box{width:720px;border:0px; border-radius:10px;overflow:hidden;background:none; margin:40px auto 20px auto;}
.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 ;overflow:hidden;} 
.activeOut .box_acty.swiper-wrapper   img{width:100%;border-radius:0px;} 
.activeOut .swiper-pagination{bottom:40px; text-align:center; width:100%; left:0px;}

.activeOut  .bank_box8{padding:0px;margin:0px;display:block;float:right;width:410px;margin-top:0px;overflow:hidden;position:relative; z-index:5;}
.activeOut  .bank_box8 a{list-style:none;width:195px;display:inline-block; margin:0px;padding:0px; margin-left:10px; float:left; overflow:hidden;}
.activeOut  .bank_box8 a img{display:block;width:100%;}

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

	.Area.cut03{ padding:0vw 0px 0vw 0px;height: auto;/* background-size:25%;*/margin-bottom:0vw;}
	.Area.cut03 .mainArea{ padding:0vw 0px 2vw 0px;}
	.activeOut{width:100%;margin:0px auto 0 auto;padding-bottom:0px; padding-top:5px; padding-left:0px; }
	.activeOut .sw_bg{width:100%;padding:0px 0px 6vw 0px;margin:0px auto 0vw auto;padding-left:0px; float:none;background: url(bank03m.png?t=1750819379351);background-size:100%;background-repeat:no-repeat;  /*background-image:none ! important;*/}
	.activeOut .sw_bg .active_box{width:88%;margin:6vw auto 4vw auto;border-radius:3vw;overflow:hidden; padding-bottom:0vw;}
	.activeOut .box_acty.swiper-wrapper img{border-radius:0px;} 
	
	.activeOut  .bank_box8{width:100%;margin:0.5vw auto 0 auto;float:none;}
	.activeOut  .bank_box8 a{width:48%;margin:0px; float:left;}
	.activeOut  .bank_box8 a:nth-of-type(1){ margin:0vw 2% 0vw 1% ;}

	.swiper-pagination-bullet { width: 6px; height: 6px;}
	.activeOut .swiper-pagination{bottom:6%; text-align:center; width:100%; left:0px; z-index:9;}


}



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

.Area.kind_area{position:relative;z-index:9;margin-top:0px;}
.Area.kind_box{width:1220px; height:auto;position:relative;margin:0px auto 0px auto;padding:25px 0px;}
.Area.kind_box .bg_title{width:600px; margin:0 auto 30px auto;}
.Area.kind_box .bg_title img{width:96%;}
.Area.kind_box ul{width:66%; list-style:none;overflow:hidden; padding:0px; margin:0px auto 0 auto;padding-bottom:50px; text-align:center;}
.Area.kind_box li{list-style:none; padding:0px;display:inline-block;text-align:center; width:188px; margin:0.3% 0.3%; opacity:0;position:relative;pointer-events:none;}
.Area.kind_box li:last-child{padding-right:0px; }
.Area.kind_box li a{ width:100%;display:block;}
.Area.kind_box li a img{ width:100%;display:block;}

.Area.kind_box ul.flipInX li:nth-of-type(1){animation: flipInX  0.3s ease ;opacity:1;pointer-events:auto;}
.Area.kind_box ul.flipInX li:nth-of-type(2){animation: flipInX  0.5s ease ;opacity:1;pointer-events:auto;}
.Area.kind_box ul.flipInX li:nth-of-type(3){animation: flipInX  0.7s ease ;opacity:1;pointer-events:auto;}
.Area.kind_box ul.flipInX li:nth-of-type(4){animation: flipInX  0.9s ease ;opacity:1;pointer-events:auto;}
.Area.kind_box ul.flipInX li:nth-of-type(5){animation: flipInX  1.1s ease ;opacity:1;pointer-events:auto;}
.Area.kind_box ul.flipInX li:nth-of-type(6){animation: flipInX  1.3s ease ;opacity:1;pointer-events:auto;}
.Area.kind_box ul.flipInX li:nth-of-type(7){animation: flipInX  1.5s ease ;opacity:1;pointer-events:auto;}
.Area.kind_box ul.flipInX li:nth-of-type(8){animation: flipInX  1.7s ease ;opacity:1;pointer-events:auto;}
.Area.kind_box ul.flipInX li:nth-of-type(9){animation: flipInX  1.9s ease ;opacity:1;pointer-events:auto;}
.Area.kind_box ul.flipInX li:nth-of-type(10){animation: flipInX 2.1s ease ;opacity:1;pointer-events:auto;}

@keyframes flipInX{
	0%{transform: translateY(20%); opacity:0;}
	50%{transform: translateY(20%); opacity:0;}
	100%{transform: translateY(0%);opacity:1;}		
}

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


	.Area.kind_box{width:100%; height:auto;position:relative;margin:8vw auto 8vw auto;padding:5px 0px; }
	.Area.kind_box .bg_title{width:92%; margin:0 auto 1vw auto;}
	.Area.kind_box ul{width:100%; padding:4vw 0px ; margin:0px auto 0 auto;text-align:center;}
	.Area.kind_box li{list-style:none; padding:0px;width:23%; margin:0.2% 0.2%;}

}


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

.apple_txt{text-align:center; width:100%; padding:80px 0px 80px 0px; margin-bottom:0px;color:#032323;font-size:16px; position:relative; z-index:5;  }
.apple_txt p{width:90%;display:block;margin:0 auto;text-align:center;}
		
@media screen and (max-width:767px){
	.apple_txt{padding:8vw 0vw 18vw 0vw; font-size:12px;}
}	
	
/********背景********************************/
.skyBg_Area{width:100%;position:relative;padding:50px 0px 0px 0px;margin-bottom:0px; margin-top:-42px; z-index:3;/*background-color:#ffd963;*/  overflow:hidden;  background-attachment:fixed;}
.skyBg_Area .bk2{width:2000px;height:1080px; position:absolute; top:0px; left:50%; margin-left:-1000px;opacity:0; filter:blur(10px) saturate(0);transition:all 1s;}
.skyBg_Area .bk2.fixedScroll{opacity:0.8;filter:blur(0px) saturate(0.9); position:fixed;  top:0px; transition:all 2s;background-size:100%;}
.skyBg_Area .bk2 .bk2_01{position:absolute;width:100%; top:0px; left:0px; animation:shiny2 2s infinite ease; }
@keyframes shiny2{
	0%{opacity:1; filter:brightness(200%) ;}
	50%{opacity:0.4; filter:brightness(100%) ;}
	100%{opacity:1; filter:brightness(200%) ;}
}
.skyBg_Area .bk2 .bk2_02{position:absolute;width:95%; top:40px; left:2%;animation: bk2_cloudy2 10s linear infinite;}
@keyframes bk2_cloudy2 {
	0% {transform: translate(0%,0%);}
	50%{transform: translate(-3%,0%);}
	100%{transform: translate(0%,0%);}		
}
.skyBg_Area .bk2 .bk2_03{position:absolute;width:96%; top:145px; left:2%;animation: bk2_cloudy1 10s linear infinite;}
@keyframes bk2_cloudy1 {
	0% {transform: translate(0%,0%);}
	50%{transform: translate(3%,0%);}
	100%{transform: translate(0%,0%);}		
}
.skyBg_Area .bk2 .bk2_circle{position:absolute;width:450px; top:33%; left:1.5%;  animation: bk_circle 20s linear infinite;}
.skyBg_Area .bk2 .bk2_people{position:absolute;width:266px; top:64%; left:3%;}

@keyframes bk_circle {
	0% {transform: rotate(0deg);}
	100%{transform: rotate(360deg);}		
}


@media screen and (max-width:767px){
	
	.skyBg_Area{padding:10vw 0px 0vw 0px; margin-bottom:0vw;margin-top:-6vw; }
	.skyBg_Area .skybg{width:100%;height:98%;position:absolute;top:20vw;left:0px;margin-left:0px;background-attachment:scroll; background-size:200%; background-position:center center; background-repeat:repeat;}
	.skyBg_Area .wave{width:100%; height:30vw;left:0%; margin-left:0px;}
	.skyBg_Area .w01{background-size:115%;}
	.skyBg_Area .w02{background-size:230%;height:11vw;background-position: 53% 0%;}
	.skyBg_Area .opacity_box01{width:100%;height:35vw; position:absolute;top:18vw;left:0px;}
	.skyBg_Area .opacity_box02{width:100%;height:20vw; position:absolute;bottom:1vw;left:0px; }

}
		
/*********浮層框***********************/		
	
.blackBox.agree_more .box .content {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: 75%;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:7px 0px;cursor:pointer; font-weight:bold;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.blackBox.agree_more .box  ul li p{margin:5px 0px;}
.blackBox.agree_more .box  ul li span{display:inline-block;color: #333; }
.blackBox.agree_more .box  ul li.click{background:#f51490; color:#fff;}
.blackBox.agree_more .box  ul li.click span{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{width:96%; margin:0 auto; margin-top:4vw;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{text-align: center; font-size:1.01em;padding:2.5vw 0px;letter-spacing:-0px;font-weight:bold;vertical-align:middle; height:auto;}
	.blackBox.agree_more .box  ul  li p{margin:0vw 0px 0px 0px; line-height:1.25em;}
	.blackBox.agree_more .box  ul  li span{display:block; margin-bottom:-1px;}

	.blackBox.agree_more .box  img{ display:block; margin:2vw auto; float:none;}
	#agree_more_gift01  .box  img{ display:block; margin:0vw 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:90%;}
	.blackBox.agree_more .box   ul.menuBox2  li span{display:block;font-size:1em;}
	
}