@charset "utf-8";
/* CSS Document */

/*基本*/
body{ margin:0; padding:0;}

/*bg_deco_01*/

/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; overflow:hidden; width:100%; min-width:1220px; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; background-color: #ffc301;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
.Area .list_00 ul {display:inline-block;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit; min-height:100vh; background-color: #ffc301;}
		.WRAPPER img {  width:100%;  height:auto;}
	}

/*下雨*/
.rainarea {display:block;margin:0 auto; position:absolute; left:0px;width:100%;height:900px; z-index:2;pointer-events:none;} 
		@media screen and (max-width:767px){
			.rainarea { width:100% ;height:148vw; top:7vw; left:0;z-index:30;}			
		}


/*PC背景*/
.bg_00 { z-index:-40; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_01 { z-index:-50; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}

.bg_repeat { z-index:-50; position:absolute; top:1990px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}

	
/*版頭區塊*/
.Area_title { height:817px;}
		@media screen and (max-width:767px){
			.Area_title { height:130vw;}			
		}


		
/*限搶*/
.Area_limited { height:700px;}
		@media screen and (max-width:767px){
			.Area_limited { height:100%;}			
		}






/*錨點*/
.Area_maw { height:350px;}
		@media screen and (max-width:767px){
			.Area_maw { height:100%;}			
		}
.pc_maw {position:absolute;left:0px;top:0px;}

/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { position:relative; display:inline-block;} 
.Area .go_bt {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.Area .go_bt:hover {
  -webkit-transform:scale(0.95);
     -moz-transform:scale(0.95);
      -ms-transform:scale(0.95);
       -o-transform:scale(0.95);
          transform:scale(0.95);}
.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_1bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn a { float:left; margin:0 0 2% 0; padding:0; width:100%; list-style: none;}
		.Area_2bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2bn a { float:left; margin:0 0% 0%; padding:0; width:50%; list-style: none;}
		.Area_3bn { margin: -1px auto; padding:0; overflow:hidden;}
		.Area_3bn a { float:left; margin:0 0% 0% ; padding:0; width:33.33%; list-style: none;}
		.Area_1bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn_nopadding a { float:left; margin:0; padding:0; width:100%; list-style: none;}
		.Area_2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2bn_nopadding a { float:left; margin:0; padding:0; width:50%; list-style: none;}
		.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn_nopadding a { float:left; margin:0; padding:0; width:33.3%; list-style: none;}
		.Area_4bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_4bn_nopadding a { float:left; margin:0; padding:0; width:25%; list-style: none;}

	}


/*LOGO*/
.momologo { z-index:2; position: absolute; top: 15px; left:15px;}
.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;}
  }
         


/*按鈕*/
.bnn {
	
}
.bnn a img {
	transition-duration: 0.1s;
	backface-visibility: hidden;
	transform: translateZ(0);
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: auto;
	text-align: left;
}
.bnn:hover a img {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}	
	


	
/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: inherit !important;}
	}



/*-------------------------------------------------------------------------------------------------------------------------------------------------------*/




/*主打品*/
@media screen and (min-width: 768px) {
  .Area_item { height:auto; }
  .Area_item .PD_layout ul li { margin: 0px 0px 3%; }
  .Area_item .PD_layout ul li { margin: 0px 0px 3%; }
}
@media screen and (max-width: 767px) {
  .Area_item { height: 100%; overflow: hidden; background: url("") center top / 100% repeat-y; }
}
@media screen and (min-width: 768px) {
  .Area_item .PD_layout.layout_item { padding-top: 130px; }
  .Area_item .PD_layout.layout_item li { margin: 0px; }
  .Area_item .PD_layout.layout_item .PD_slide:hover { transform: translateY(-6px); }
  .Area_item .PD_layout.layout_item .PD_slide:hover { box-shadow: unset; }
  .Area_item .PD_layout.layout_item .PD_slide .PD_into { padding-left: 173px; position: absolute; left: 60px; top: 43px; }
  .Area_item .PD_layout.layout_item .PD_slide .PD_logo {position: absolute;left: -14px;top: 26px;}
  .Area_item .PD_layout.layout_item .PD_slide .PD_logo img { width: 145px; height: 145px; box-shadow: unset; }
  .Area_item .PD_layout.layout_item .PD_slide .PD_into h3 { padding: 0px; max-height: 1.9em; font-weight: bolder; font-size: 2em; line-height: 1.3em; color: rgb(255, 255, 255); }
  .Area_item .PD_layout.layout_item .PD_slide .PD_into h4 { font-size: 1.3em; color: rgb(255, 255, 255); }
  .Area_item .PD_layout.layout_item .PD_slide .PD p del { color: #a7a7a7; }
  .Area_item .PD_layout.layout_item .PD_slide .PD_into p { height: 3em; line-height: 3em; color: #fbff00; }
}
@media screen and (max-width: 767px) {
  .Area_item .PD_layout.layout_item {width: 92%;}
  .Area_item .PD_layout.layout_item li {/* margin: 0px 0px 2%; */margin-bottom: -8vw;}
  .Area_item .PD_layout.layout_item .PD_slide .PD_img { margin-bottom: 6%; }
  .Area_item .PD_layout.layout_item .PD_slide .PD_into { padding-left: 25vw; position: absolute; left: 14vw; top: 4vw; }
  .Area_item .PD_layout.layout_item .PD_slide .PD_logo {position: absolute;left: -7.5vw;top: 9.5vw;width: 26vw;height: 26vw;}
  .Area_item .PD_layout.layout_item .PD_slide .PD_logo img { box-shadow: unset; }
  .Area_item .PD_layout.layout_item .PD_slide .PD_into h3 {padding: 0px;max-height: 1.9em;font-weight: bolder;font-size: 1.3em;line-height: 1.3em;color: rgb(255 255 255);}
  .Area_item .PD_layout.layout_item .PD_slide .PD_into h4 {font-size: 0.89em;color: #ffffff;} 
  .Area_item .PD_layout.layout_item .PD_slide .PD p del { color: #a7a7a7; }
  .Area_item .PD_layout.layout_item .PD_slide .PD_into p {height: 2em;line-height: 2em;color: #fbff00;}
  .Area_item .PD_layout.layout_item .PD_slide .PD_into p .Price { font-size: 2.2em; }
}




/** RWD倒數 **/
.TimerArea3{position:absolute; top:106px; left:377px;display:block;margin: 0;padding: 0;width: 100%; height:94px; overflow: hidden;}
.Timerbox3{position:relative; display:block; margin:0 auto; padding: 0; width:1220px;  z-index:99;}
.TimerNick3 {  position:absolute; left:470px;top:0px; z-index:99; display:inline-block; padding-right:14px; height:96px; }
.TimerNick3 .FontStyle3 { display:inline-block; margin:20px 0px 0; padding:0; border:0px; font: 100 30px/38px Century Gothic; color:#FFDD00; /*text-shadow:1px 1px 0px #FFDD00;*/ letter-spacing:-1px; text-align:center; background:transparent; }
.TimerNick3 div:nth-of-type(2),
.TimerNick3 div:nth-of-type(3) { width:48px;}
.TimerNick3 span{padding-left: 2px;font: bold 20px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color:#FFDD00;}
	  @media screen and (max-width:767px){
		.TimerArea3{position: absolute;  left:-2vw;top:12vw; display:block;margin: 0;padding: 0;width: 100%; height:60px;  z-index:99;}
		.Timerbox3{position:absolute; display:block; margin:0 auto; padding: 0; width:100%;  z-index:0;}
		.TimerNick3 { z-index:0; position: absolute; left:6vw;top:0vw; display:inline-block; margin:0; padding-right:5%; width:70%; height:0; padding-bottom:13%; overflow:hidden; text-align:right; background-size:100%;}
		.TimerNick3 .FontStyle3 { display:inline-block; margin:3vw 0 0 0 ; padding:0; border:0px; width:5vw; font:300 5.5vw/11vw Century Gothic;color: #991317;  /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-1px; text-align:left; background:transparent;}
	    .TimerNick3 div:nth-of-type(2),
		.TimerNick3 div:nth-of-type(3) { width:5vw;}
		.TimerNick3 span { padding-left:1vw; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #991317;} 
}


/*限量加購*/
.Areatime { height: 650px; padding-bottom: 50px;}
.Areatime .box_swiper { position: relative; overflow: hidden; width:483px;top: -115px; left: 655px;}
.Areatime .box_swiper ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; height: 355px; grid-gap: inherit;}
.Areatime .box_swiper ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; border: none;}
.Areatime .box_swiper ul.PD_wrapper li img { width: 100%;}
.Areatime .box_swiper .PD_slide { min-width: inherit;}
.Areatime .swiper-button-next {right:0px;}
.Areatime .swiper-button-prev {left:0px;}
.Areatime .box_swiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0!important;}
@media screen and (max-width:767px){
  .Areatime {height: 48vw; padding-bottom: 5vw;}
  .Areatime .box_swiper { width: 43%;top: -16vw; left: 50vw; box-sizing: border-box;}
  .Areatime .box_swiper ul.PD_wrapper { padding: 0; height: 35vw;}
  .Areatime .box_swiper ul.PD_wrapper li img { width: 100%;}
}


/*h2*/
.Areatime .h2 {position:relative;width: 483px;height:246px;top: 200px;left: 45px;text-align: left;}
.Areatime .h2 .PD_layout ul {padding-left: 0;padding-right: 0;}
.Areatime .h2 .PD_layout ul li {pointer-events:none;}
.Areatime .h2 .PD_layout .PD img {width: 100%;}
	@media screen and (max-width:767px){
    .Areatime .h2 {position: relative;width: 40%;height: 22vw;top: 14vw;left: 4vw;}
    .Areatime .h2 .PD_layout .PD img {width: 100%;}

}



/*限量加購BG*/
@media screen and (min-width:768px){		
.Areatime_bg {z-index: -1;position:absolute;top: 0;width:100%;height: 700px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}		
}
@media screen and (max-width:767px){	
.mAreatime_bg {z-index: 0;position:absolute;left:0;top: 0;width:100%;height: 81vw;background-repeat: no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}	
}



/*下方公版*/
.Area4x2x6 {top: 0px;margin-bottom: 50px;}
.Area4x2x6 .tag ul { padding: 0; margin: 0 0 10px 70px; list-style: none; display: flex; flex-wrap: wrap;}
.Area4x2x6 .tag a { margin: 0 4px 0px; width: 15%;}
.Area4x2x6 .tag a:nth-child(7) { margin: 0 5px 10px 410px;}
.Area4x2x6 .tag a img { width: 100%;}
.Area4x2x6 .box .bg { background: url(Area06_bg.png?t=1751278277219)top center no-repeat; padding: 60px 0 13px; margin-top: -55px;}
.Area4x2x6 .box .PD_layout h3 { background-image: repeating-linear-gradient(90deg , #cba9d8 -1%, #e1b4d8 101%);}
@media screen and (max-width:767px){
  .Area4x2x6 {top: 0vw;width: 100%;margin-bottom: 1vw;}
  .Area4x2x6 .tag ul { margin: 0%; flex-wrap: nowrap;}
  .Area4x2x6 .tag a { margin: 0; width:32%;}
  .Area4x2x6 .box .bg { background-image: none; background-color: #ffd9df; border-radius: 20px; box-shadow: inset 0 0 90px #f1a7b2; padding: 5% 0 0; margin-top: -7vw;}
  .Area4x2x6 .PD_layout ul{width: 95%;margin: 0 auto !important;}
}



.PD_layout2x2 {width: 1220px;}
.PD_layout2x2 h2 {display: block;padding-top: 2px; margin: 0; height: 0px;font: bold 50px/129px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #2b916c;}
.PD_layout2x2 ul {padding:202px 0 50px 0!important;width: 1160px; list-style: none;}
.PD_layout2x2 li {border-radius: 5px;}
.PD_layout2x2 .PD img { width: 100%!important; height: auto!important;border-radius:10px!important ;margin: 0em !important;}
.PD_layout2x2 .PD_img { flex: 0 0 auto!important; margin: 0em!important; margin-bottom: 0!important;}
  @media screen and (max-width:767px){
   .PD_layout2x2 {padding:0vw 0 0 0;width: 100%;margin: auto;height:180vw ;/*background-image: url(mo_title_bg_01.jpg?t=1751278277219) ; background-repeat: no-repeat; background-size: 100%;background-color: #e1e1e1;*/border-radius:0 0 5vw 5vw;}
   .PD_layout2x2 h2 {display: block; padding: 0vw 0 0 0 ;margin-top: 0vw;height: 24vw;font: bold 8vw/29vw "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;} 
   .PD_layout2x2 ul {padding:0vw 2.5vw 0vw 2.5vw!important;margin:auto; width: 100%;}
   .PD_layout2x2 li {  border-radius: 1vw;height: 72vw;}
             }

.PD_layout4x1 {width: 1220px;height:1080px ;}
.PD_layout4x1 h2 {display: block;padding-top: 2px; margin: 0; height: 0px;font: bold 50px/129px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #2b916c;}
.PD_layout4x1 ul {/* padding:202px 0 50px 0!important; */width: 95%;/* list-style: none; */position: relative;/* margin: 268px 0 0 0; */top: 205px;}
.PD_layout4x1 li {border-radius: 5px;}
.PD_layout4x1 .PD img { width: 100%!important; height: auto!important;border-radius:10px!important ;margin: 0em !important;}
.PD_layout4x1 .PD_img { flex: 0 0 auto!important; margin: 0em!important; margin-bottom: 0!important;}
  @media screen and (max-width:767px){
   .PD_layout4x1 {padding: 0vw 0 5vw 0;width: 100%;margin: auto;height: auto;/*background-image: url(mo_title_bg_01.jpg?t=1751278277219) ; background-repeat: no-repeat; background-size: 100%;background-color: #e1e1e1;*/border-radius:0 0 5vw 5vw;}
   .PD_layout4x1 h2 {display: block; padding: 0vw 0 0 0 ;margin-top: 0vw;height: 24vw;font: bold 8vw/29vw "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;} 
   .PD_layout4x1 ul {padding:0vw 2.5vw 0vw 2.5vw!important;margin:auto; width: 100%;}
   .PD_layout4x1 li {  border-radius: 1vw;height: 72vw;}
             }

.PD_layout4x2 {width: 1160px!important;height: 960px;margin: -34px auto 0px!important;}
.PD_layout4x2 h2 { display: block;padding-top: 27px; margin: 0; height: 150px;font: bold 44px/129px "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #fff;background-image: url(4x2_pc_title_bg.png?t=1751278277219) ; background-repeat: no-repeat; background-size: 100%;}
.PD_layout4x2 ul { margin: 0!important; }
.PD_layout4x2 li {border-radius: 5px!important;}
.PD_layout4x2 .PD img { width: 100%!important; height: auto!important;border-radius:5px!important ;margin: 0em !important;}
.PD_layout4x2 .PD_img { flex: 0 0 auto!important; margin: 0em!important; margin-bottom: 0!important;}
  @media screen and (max-width:767px){
   .PD_layout4x2 {padding: 0vw 0 5vw 0;width: 100%!important;margin:0 auto!important;height: auto;border-radius:0 0 5vw 5vw;}
   .PD_layout4x2 h2 {display: block; padding: 0vw;margin:0vw;height: 20vw;font: bold 7vw/23vw "微軟正黑體","Microsoft JhengHei",Helvetica;text-align: center;color: #fff;background-image: url(4x2_m_title_bg.png?t=1751278277219) ; background-repeat: no-repeat; background-size: 100%;} 
   .PD_layout4x2 ul { margin: 0!important; }
   .PD_layout4x2 li {border-radius: 1vw;}
   

   .PD_layout4x1 .PD_layout ul{width: 95%;margin: 0 auto;position: relative;top: 0vw;}
             }















.Area_ticket {top:10px; height: 420px; }
.Area_ticket img {width: 1160px;border-radius:5px; }
	@media screen and (max-width:767px){
      .Area_ticket {height: 55vw; width:96vw ;}
      .Area_ticket img {width: 96vw;border-radius:1vw; }
	}


.bg_deco_01 { z-index:1; position:fixed; top:0px; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}
    @media screen and (max-width:767px){
      .bg_deco_01 {display:none; }
	}

.Area_title .sale_top { position: absolute; right: 530px; top: 610px; z-index: 9; pointer-events: none; }
    @media screen and (max-width:767px){
      .Area_title .sale_top  {display:none; }
	}




.topbn {position: relative;width:580px;height:50px;top:323px;left:-11px;}
	@media screen and (max-width:767px){
		.topbn {position:absolute;width:100%;height:20vw;top:60vw;left:0vw;z-index:2}
		.topbn img {width: 66%}		
		}


/*2bn*/
.activity2 {position:relative;width: 1220px;height:350px;}
.activity2 ul {position: relative;width:1150px;height:263px;margin: 0 auto;top:20px;margin-left:230px}
.activity2 ul li {position:relative; float: left;margin: 0;display: block;width:30% }
.activity2 img{width: 100%}
    @media screen and (max-width:767px){
		.activity2 {position: relative;width: 100%;height:110vw}			
		.activity2 img {width:100%}
		.activity2 {position: relative;width: 100%;height:45vw;margin-bottom:0}	
		.activity2 ul {position: relative; width:95%;height:38vw;margin:0 -7.5%;top:4vw}
		.activity2 ul li {float: left;margin:0;width: 50%}
		.activity2 a {display: block}		
			}
/*3bn*/
.activity3 {position:relative;width: 1220px;height:350px;}
.activity3 ul {position: relative;width:1150px;height:263px;margin: 0 auto;top:20px;margin-left:50px}
.activity3 ul li {position:relative; float: left;margin: 0;display: block;width:30% }
.activity3 img{width: 100%}
.activity3 ul li:nth-child(3) {position:relative;top: 0%;left:0;}
    @media screen and (max-width:767px){
		.activity3 {position: relative;width: 100%;height:100vw}			
		.activity3 img {width:100%}
		.activity3 {position: relative;width: 100%;height:30vw;margin-bottom:0}	
		.activity3 ul {position: relative; width:100%;height:26vw;margin:0 -10%;top:4vw}
		.activity3 ul li {float: left;margin:0;width: 33%}
		.activity3 a {display: block}		
			}



/*移除公版設定*/
.Area .remove_box_style ul { background-color: transparent; grid-gap: 10px;}
.Area .remove_box_style ul li { border: none!important;background-color: transparent;}
@media screen and (max-width:767px){
  .Area .remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .remove_box_style ul {}
}





/*輪播移除公版設定*/
.Area .swiper_remove_box_style ul {display: flex;background-color: transparent;grid-gap: 0;padding: 0;}
.Area .swiper_remove_box_style ul li { border: none!important; background-color: #fff;}
.Area .swiper_remove_box_style ul li,
.Area .swiper_remove_box_style ul li .PD_img img { border-radius: 10px;}
@media screen and (max-width:767px){
  .Area .swiper_remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .swiper_remove_box_style ul {}
}