@charset "utf-8";
/*基本*/
body {margin: 0; padding:0;}

/*區塊_all*/
.Area {position: relative;margin:0 auto;padding:0;text-align:center;}
.Area .box_bg{position:absolute;top:0;left: 0;z-index: 0;} 
.Area1220 { margin:0 auto; width:1220px;}
.Area960 {margin:0 auto;width: 960px;}
	@media screen and (max-width:767px){
	.Area .go_bt:hover { 
		-webkit-transform:none;
		 -moz-transform:none;
			-ms-transform:none;
			 -o-transform:none;
				transform:none;}
	.Area1220 { width:100%;}
	.Area960 { width:100%;}
	.Area { position: relative;}

	}


/*LOGO CSS*/
.momologo { z-index:2; position: absolute; top: 65px; left:-47px;}
.momologo a { display:block; width:140px; height:21px;}
.momologo a svg { width:140px; height:21px; }
.momologo a path { fill:#EA27C2; }
.momologo-pink  a path { fill:#EA27C2; }/*LOGO 桃紅色*/
.momologo-white a path { fill:#ffffff; }/*LOGO 白色*/
    @media screen and (max-width:767px){
        .momologo { display:none;}
    }


/*全BOX版面*/
.WRAPPER {position: relative;margin: 0 auto;padding: 0;width:100%;min-width:1220px;overflow: hidden;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;background-color: #af9e76; z-index: 0;}
.WRAPPER img { border:0; vertical-align:top;}
.WRAPPER a { text-decoration:none;  display:inline-block;}
.WRAPPER .Area_top{position: relative; }
.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:1220px;}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom:0px; margin:0 auto; display: block; min-width:100%; z-index: 0;}
		.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;  }

	}


/*PC背景*/
@media screen and (min-width:767px){
.bg_fix {z-index: 0;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bgtop_fixed { z-index:-1; position:fixed; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none; }
.bg_deco {z-index:1;position:absolute;top:1150px;left:0;width:100%;height:100%;background-position:center 0px;background-repeat:repeat-y;pointer-events:none;}	
}

/*mb背景*/
@media screen and ( max-width:767px) {
.bgtop01 { z-index:0; position:absolute; top:44px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:100%; }	
.bgtop02 { z-index:0; position:absolute; top:10vw; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:100%; }	
.bg03{ z-index:-1; position:fixed; top:0vw; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position:center top; background-size:100%; }	
.bg02{ z-index:-1; position:absolute; top:0vw; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position:center top; background-size:100%;  }	
}

                   


/*推距離*/
.Area_bottom{ margin-bottom: 193px; }
.Area_bottom2{ margin-bottom: 185px; }
@media screen and (max-width:767px){
  .Area_bottom{ margin-bottom: 18vw; }
  .Area_bottom2{ margin-bottom: 7vw; }
}

/*輸送帶*/
.bg_deco01 { z-index:-2; position: absolute; background-repeat:repeat-x; background-position: center top; pointer-events:none; z-index: 5; }
@media screen and (min-width:768px){
  .bg_deco01 {top: 0; left: -390px; width: 2000px; height: 54px;}
  .bg_deco02 {top: -153px; left: -390px; width: 2000px; height: 54px; transform: rotate(2deg);}

}
  @media screen and (max-width:767px){
    .bg_deco01 { top: 0; left: -61vw;  width: 222%; height: 12vw; transform: scale(0.45); transform-origin: top; }
    .bg_deco02 { top: -15vw; left: -62vw;  width: 224%; height: 12vw; transform: scale(0.45) rotate(2deg); transform-origin: top; }
  }



  /*版頭區塊*/
  @media screen and (min-width:768px){
  .Area_title {height:927px;}
}
  @media screen and (max-width:767px){
  .Area_title {height:98vw;}
  .Area_title .mb_01{position:absolute; top:0; left:0 ;width: 100%; z-index:-1;}
  }
  


/*版頭主標微調*/
.title { z-index: 20; position:absolute; overflow: hidden;}
.title .PD_layout .PD img { width:100%!important; }
.title .PD_layout .PD a { pointer-events: none; }
.title .PD_layout ul{ padding: 0!important; display: flex ; flex-wrap: nowrap;  }
.title .swiper-pagination-bullet-active{ background-color: #aa4343; }
@media screen and (min-width: 768px){
  .title {top:8px;left:134px; width:78%;}
  .title .pagination{ transform: translateY(-187px); }
  .title .PD_layout ul li:nth-child(1):after{ content: ""; position: absolute; bottom: 46px; right: 370px; width: 50px; height: 57px; z-index: 30; background: url(cs_finger.png?t=1768445560045) no-repeat scroll center / 100%; animation: moveFade 1.5s infinite reverse;}
  .title .PD_layout ul li:nth-child(2):after{ content: ""; position: absolute; bottom: 46px; right: 370px; width: 50px; height: 57px; z-index: 30; background: url(cs_finger2.png?t=1768445560045) no-repeat scroll center / 100%; animation: moveFade 1.5s  infinite ;}
}
@media screen and (max-width:767px){
  .title {top:0;left:0; width:100%;}
  .title .PD_layout ul{height: 96vw; }
  .title .pagination{ transform: translateY(-3vw); }
  .title .PD_layout ul li:nth-child(1):after{ content: ""; position: absolute; bottom: 5.5vw; right:37vw; width: 6vw; height: 7vw; z-index: 30; background: url(cs_finger.png?t=1768445560045) no-repeat scroll center / 100%; animation: moveFade2 1.5s  infinite reverse;}
  .title .PD_layout ul li:nth-child(2):after{ content: ""; position: absolute; bottom: 5.5vw; right:37vw; width: 6vw; height: 7vw; z-index: 30; background: url(cs_finger2.png?t=1768445560045) no-repeat scroll center / 100%; animation: moveFade2 1.5s  infinite ;}
}

@keyframes moveFade {
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    transform: translate(40px, 0);
    opacity: 0; /* 右移時淡出 */
  }
  75% {
    transform: translate(0, 0);
    opacity: 0; /* 左移保持透明 */
  }
  100% {
    transform: translate(0, 0);
    opacity: 1; /* 回到起點再顯示 */
  }
}
@keyframes moveFade2 {
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    transform: translate(2vw, 0);
    opacity: 0; /* 右移時淡出 */
  }
  75% {
    transform: translate(0, 0);
    opacity: 0; /* 左移保持透明 */
  }
  100% {
    transform: translate(0, 0);
    opacity: 1; /* 回到起點再顯示 */
  }
}





/*區背景*/
.Area .bg, .Area .bg_btom{ position: absolute;pointer-events: none;z-index:0; }
@media screen and (min-width: 768px){
  .Area .bg, .Area .bg_btom{ left: 50%; transform: translateX(-50%); }
  .Area_time:before{ left: 50%; transform: translateX(-50%); }
}

.Area_time .bg {top:-214px;}	
.Area_time .bg_btom {bottom:-217px;}	
.Area_time:before{ content:''; width: 2000px; height: 120%; background:url(Area_time_center.jpg?t=1768445560045) repeat-y center / 100%; position: absolute; top: 115px;} 



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

  .Area_time .bg {top:-12vw;left:0;width:100%;  }	
  .Area_time .bg_btom {bottom:-25vw;left:0;width:100%; }	
  .Area_time:before{ content:''; width: 100%; height: 130%; background:url(mArea_time_center.jpg?t=1768445560045) repeat-y center / 100%; position: absolute; top: 8vw; left: 0;}


}


/*區標線上圖*/
.box_txt_all a{ pointer-events: none; }
.box_txt_all ul{ grid-gap :0 !important; padding: 0!important;}
@media screen and (min-width: 768px){
.box_txt_all {position: relative;display: flex;margin: 0 auto;width:960px;height: auto;justify-content: center; z-index: 50; }
.box_txt{ padding: 20px 0 0; }
.box_txt3{ padding: 0 0 50px; }
/* .box_txt:after{ content:''; width: 57px; height: 58px; background:url(star.png?t=1768445560045) no-repeat center / 100%; position: absolute; top: 101px; right: 140px; z-index: 10;  } */

}

@media screen and (max-width:767px){
.box_txt, .box_txt2  {position: relative;margin: 0 auto;width: 100%;z-index: 30;}
.box_txt { padding: 2vw 0 0; }
.box_txt3 { padding: 0 0 5vw; }
/* .box_txt:after{ content:''; width: 8vw; height:8vw; background:url(star.png?t=1768445560045) no-repeat center / 100%; position: absolute; top: 9.2vw; right: 14vw; z-index: 2; } */

}


/*活動倒數*/
.TimerNick2 {display:inline-block;position:relative;top:-31px;left:170px;height: 57px;z-index:99;font-weight: 700;padding: 1.4% 0 0;width: 40%;}
.TimerNick2 .FontStyle2 {display: inline-block;margin: 0 0 0 2px;padding: 0;border: 0;font: bold 40px/30px Arial;color: #fff3e0;/*background-color: #000; */border-radius:5px;/*text-shadow:1px 1px 0px #fff;*/letter-spacing: 0px;text-align: center;}
.TimerNick2 span {padding-left: 2px;font: 400 37px/48px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0em;color: #fff3e0;}
@media screen and (max-width:767px){
.TimerNick2 {display:inline-block;width: 73%;position: relative;top:-0.5vw;left:19vw;margin:0;height:0;padding-bottom: 8%;overflow:hidden;text-align:center;background-size:100%;z-index:20;  transform: scale(0.9);}
.TimerNick2 .FontStyle2 {margin: 0;padding: 0;border: 0;font: bold 5vw/5vw Arial;}
.TimerNick2 span {padding-left:0;font: normal 5vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;}
}

.Area_time .PD_wrapper{ width: 96%; }


/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span {color: #ece2c9;}    
/*登記*/
.Area_book { height: 100%;}
.Area_book .Area_danji .danji_box{margin: 0 auto;}
.Area_book .Area_danji {position: relative; left:-138px;}
@media screen and (max-width:767px){
.Area_book {width:100%;height:100%;padding: 0;padding-bottom: 0vw;}
.Area_book .Area_danji .danji_box{ width: 99%;}
.Area_book .floor2 {position: absolute;left: 0;top:-5vw ;}
.Area_book .Area_danji { position: relative; left: 0; width:97%;  margin: 0 auto; padding:0 0 .8em 0;}	
}


/*deco*/
.deco01{ position: absolute; top: -268px; right: 37px; }
.deco02{ position: absolute; bottom: -272px; left: 0; }
@media screen and (max-width:767px){
  .deco01{  top: -32vw; right: -1vw; width: 17vw;}
  .deco02{  bottom: -32vw; left: -5vw; width: 23vw;}
}




/*注意事項區*/
.edm_notice{position: relative;margin:-61px auto 10px;text-align:center;padding:10px 10px 15px 10px;color: #fffaee;font:12px/18px Helvetica;}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }

@media screen and (max-width:767px){
.edm_notice{position: relative;margin:18vw 0 4vw 0;text-align:center;padding:10px 10px 15px 10px;color: #fffaee;font:12px/18px Helvetica;}
}