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

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



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




/*區塊_all*/
.Area2000 {margin:0 auto;width:2000px;height: 0; }
.Area1220 {margin:0 auto;width:1220px;}
.Area960 {margin:0 auto;width:960px;}
.Area {position: relative;margin:0 auto;padding:0;border-radius:0;text-align:center; }
.Areaa {position:relative;display:block;} 
.Area .go_bt {
  -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;}
.Area .go_bt:hover { filter: brightness(100%);
  -webkit-transform:translateY(-6px);
     -moz-transform:translateY(-6px);
      -ms-transform:translateY(-6px);
       -o-transform:translateY(-6px);
          transform:translateY(-6px);}
.Areabottom {margin-bottom: 40px;}

 @media screen and (max-width:767px){
	.Area1220 { width:100%;}
	.Area960 {width:100%;}
	.Area .go_bt:hover {  
	-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
  .m96 { width: 96%; margin: 0 auto; }
  .Areabottom {margin-bottom: 3vw;} 
}  




/* 設定css背景與偽元素的css背景，讓首屏以外的css背景先被隱藏 */
/* css寫法--1104修正 (1)空格異常重KEY、(2)新增第四行*-全部元素背景 */
.articleList .lazy[data-bg=""][data-was-processed="false"],
.articleList .lazy[data-bg=""][data-was-processed="false"]::before,
.articleList .lazy[data-bg=""][data-was-processed="false"]::after,
.articleList .lazy[data-bg=""][data-was-processed="false"] *,
.articleList .lazy[data-bg=""][data-was-processed="false"] *::before,
.articleList .lazy[data-bg=""][data-was-processed="false"] *::after {background-image: none !important;}



/*共用設定*/
.PD_layout li:hover { box-shadow: none!important; }
/* .PD_layout[data-pd-li=BN] ul, .PD_layout[data-pd-li=BN-AWD] ul, .PD_layout[data-pd-li=PDBN] ul { padding: 0;} */
.point-none { pointer-events: none !important; }
.PD_layout ul { grid-gap:1.3vw }
/* .PD_layout .PD:hover h4 {color:#ff005d} */
@media screen and (min-width:768px){
  .PD_layout ul { grid-gap:13px }

}

/* 區標2共用 */
.title_2 { z-index: 5; position: relative; height: 11vw; margin-bottom: 2.1vw; font-family: "Century Gothic","Arial","Noto Sans TC"; text-align: center; }
.title_2 ul { list-style: none; margin: 0; padding: 0; }
.title_2 span {  display: block; width: 96%; margin: 0 auto; font-size: 5vw; font-weight: 600;  height: 11vw; line-height: 12.5vw; letter-spacing: 0.05vw; color: #fff;  overflow: hidden; font-family: 'Noto Sans TC';  }
.title_2 .Areatitle_bg {  z-index: -1; position: absolute; top: 0vw; left: 0;  }
@media screen and (min-width:768px){
  .title_2 {   height: 113px; margin: 0 auto 21px auto;  }
  .title_2 span { font-size: 50px; height: 113px; line-height: 115px;   }
  .title_2 .Areatitle_bg {   top: 0px;   }
  }

/* 標準無障礙隱藏樣式 */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }




/* 關閉主標hover */
.PD_layout[data-pd-li*="BN"] li:hover { box-shadow: none; filter: brightness(100%);}
.hero .sub .PD_layout ul { background-color: transparent;  }
.hero .sub .PD_layout ul li { border-top:transparent; border-right:transparent;  }
@media screen and (max-width: 767px){
  .hero .sub .PD_layout .PD_img { padding: 0; }
  .hero .PD_layout .PD p .Price { font-size: 24px; }
  }
  

/* 登記高亮字改色 */
/* 文案 */.Area_danji .btn_reg .activityText p,.Area_danji .btn_reg .activityText .Tip,.Area_danji .btn_reg .content p { color: #000; }
/* 送 */.Area_danji .gifts span { color: #ea27c3; } 
.Area_danji .danji_box ul li img { border-radius: 2.1vw; }
@media screen and (min-width:768px){
  .Area_danji .danji_box ul li img { border-radius: 21px; }
  }



/* 折價券改色 */
.PD_layout.PD_layout-coupon3 .PD .divine_coupon { color: #fff; }
.PD_layout.PD_layout-coupon3 .PD .threshold { color: #fff; }




/* .PD_layout .PD p { color: #ff6c00; } */
/* .PD_layout[data-pd-btn] .PD_btn { background: #ff6c00; } */
.swiper-scrollbar-white { background: rgba(255,255,255,.34) }
.swiper-scrollbar-white .swiper-scrollbar-drag { background: rgba(255,255,255,.89) }
.PD_layout.img-bor .PD img { border-radius: 2.1vw; }
.PD_layout.PD_layout-D1_02 { background: #00000000; padding: 0; }





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




/*背景*/
.bg_01 { z-index:0; position:absolute;; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
.bg_deco { z-index: 0; position:fixed; top: 0px; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none;}
.bg_03 { z-index: -1; position: absolute; top: 115px; left: 0; width: 100%; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none;}
.bg_04 { z-index: -1; position: absolute; top: 440px; left: 0; width: 100%; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none;}

/* .top_bg_2 { top: 80px; left: 0; width: 100%; height: 1020px; background-repeat: no-repeat; background-position: center top; pointer-events: none; opacity: 0.4;} */
@media screen and (max-width:767px){
  .m_bg01 { z-index: 0; position: absolute; top: 10vw; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events:none; background-size: 100%;}
}






/*版頭*/
/* 主標 */
.Area_title  {height: 885px;}
.Area_title .main { z-index: 1; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; }
.Area_title .main .PD_img { margin: 0; }
.Area_title .main ul { grid-gap: 0; }

.Area_title p {  font-family: "Century Gothic","Arial","Noto Sans TC"; font-weight: 600; margin: 0; padding: 0; }
.Area_title ul {  list-style: none; margin: 0; padding: 0; }

/* 日期 */
.Area_title .date {z-index: 2;position: relative;top: 33px;left: 82px;font-size: 55px;width: 32%;}
.Area_title .date .rotate {transform: rotate(-2deg);color: #2f2e2e;}
.Area_title .date p { color: #2f2e2e; }
.Area_title .date .bg {  z-index: -1; position: absolute;  top: -8px;  left: 50%; transform: translateX(-50%); width: 100%;  }
.Area_title .date .bg img {  width: 100%;  }


/* 副標 */
.Area_title .sub {z-index: 3;position: absolute;top: 249px;left: 216px;font-size: 58px;width: 52%;text-align: center;}
.Area_title .sub .rotate {transform: rotate(-3deg);}
.Area_title .sub p { color: #fff; }

.Area_title .top_pd {  position: absolute; top: 397px; left: 0;  }

@media screen and (max-width:767px){
  /* 主標 */
.Area_title  {height: 119vw;}
/* 日期 */
.Area_title .date {top: 4.1vw;left: 7.5vw;font-size: 5.5vw;width: 32%;}
.Area_title .date .bg {  top: -1vw;  }
/* 副標 */
.Area_title .sub {top: 26.5vw;left: 20vw;font-size: 6.5vw;width: 57%;text-align: center;}
.Area_title .top_pd {  top: 45.9vw; left: 0;  }
}



.activity .PD_layout ul {border: 3px solid #2b7dfd;border-radius: 34px;}
.activity .PD_layout .PD_img {width: 38.2%;padding: 0;margin-right: 0;}
.activity .PD_layout .PD_into {width: 100%;padding-top: 23px;font-family: "Century Gothic","Arial","Noto Sans TC","微軟正黑體","Microsoft JhengHei";}
.activity .PD_layout h3 {font-size: 36px;font-weight: 600;color: #141414;line-height: 45px;}
.activity .PD_layout h4 {font-size: 36px;font-weight: 600;color: #0d5cda;line-height: 50px;}
.activity .PD_layout .PD_slide { padding-bottom: 0 !important;  }
.PD_layout[data-pd-btn*=icon-3] .PD_btn { background: #0d5cda; }
.PD_layout[data-pd-btn*=icon-3] .PD_btn b { line-height: 35px; }
.PD_layout[data-pd-btn*=icon-3] .PD_btn i { display: none; }
@media screen and (max-width:767px){
  .activity .PD_layout ul {  border-radius: 3.4vw; }
  .activity .PD_layout .PD_img {width: 38.2%;margin-right: 0.5vw;}
  .activity .PD_layout .PD_into {width: 64%;padding-left: 2vw;padding-top: 3vw;}
  .activity .PD_layout h3 {font-size: 4.5vw;line-height: 4.5vw;}
  .activity .PD_layout h4 { font-size: 4.5vw;  line-height: 5vw;  }
  .activity .PD_layout .PD_slide {padding-bottom: 0vw !important;}
  .PD_layout[data-pd-btn*=icon-] .PD_btn {width: 5.5vw;height: 5.5vw;bottom: 0vw !important;}
  .PD_layout[data-pd-btn*=icon-3] .PD_btn b { line-height: 5.5vw; }
}


.Areabtn.PD_layout ul {border: 3px solid #2b7dfd;border-radius: 60px;height: 120px;}
.Areabtn.PD_layout .PD_img { width: 38.2%; padding: 0; margin-right: 34px;display: none; }
.Areabtn.PD_layout .PD_into {width: 100%;font-family: "Century Gothic","Arial","Noto Sans TC","微軟正黑體","Microsoft JhengHei";flex-direction: row;}
.Areabtn.PD_layout h3 {font-size: 45px;font-weight: 600;color: #141414;line-height: 55px;text-align: center;}
.Areabtn.PD_layout h4 { font-size: 45px; font-weight: 600; color: #0d5cda; line-height: 50px;text-align: center;  }
.Areabtn.PD_layout .PD_slide {padding-top: 0px !important;padding-bottom: 0 !important;margin-top: -10px;border-top: none;border-right: none;}
.Areabtn.PD_layout[data-pd-btn*=icon-3] .PD_btn {width: 50px;height: 50px;bottom: 27px !important;background: #0d5cda;left: 90%;transform: translateX(-50%);}
.Areabtn.PD_layout[data-pd-btn*=icon-3] .PD_btn b {line-height: 49px;}
.Areabtn.PD_layout[data-pd-btn*=icon-3] .PD_btn i { display: none; }
@media screen and (max-width:767px){
  .Areabtn.PD_layout ul {height: 11vw;border-radius: 10vw;}
  .Areabtn.PD_layout .PD_img {width: 38.2%;margin-right: 1.3vw;}
  .Areabtn.PD_layout .PD_into {width: 100%;padding: 1vw;}
  .Areabtn.PD_layout h3 {font-size: 4.5vw !important;line-height: 4.5vw;}
  .Areabtn.PD_layout h4 {font-size: 4.5vw !important;line-height: 4.5vw;padding-left: 2vw;}
  .Areabtn.PD_layout .PD_slide {padding-top: 1vw !important;margin-top: -1vw;}
  .Areabtn.PD_layout[data-pd-btn*=icon-] .PD_btn {width: 8vw;height: 6vw;bottom: 2vw !important;left: 90%;transform: translateX(-50%);}
  .Areabtn.PD_layout[data-pd-btn*=icon-3] .PD_btn b {line-height: 6vw;}

}






.box_youtube { margin-bottom: 21px; }
@media screen and (max-width:767px){
  .box_youtube { margin-bottom: 2.1vw; }
}


.bn {margin: 0 auto 40px;}
.bn .PD_layout ul { height: auto;grid-gap: 0 !important;padding: 0; }
@media screen and (max-width:767px){
  .bn {margin: 0 auto -2vw;}
  .bn .PD_layout ul {height: auto;margin-bottom: 5vw;}
}


.Area_bn {margin: 0 auto 100px;}
.Area_bn .PD_layout ul {height: 460px;grid-gap: 0 !important;padding: 0;}
@media screen and (max-width:767px){
  .Area_bn {height: 59vw;margin: 0 auto 0vw;}
  .Area_bn .PD_layout ul {height: 32vw;margin-bottom: 5vw;}
}



.pd .PD_layout ul { border: 8px solid #2b7dfd; border-radius: 55px; }
@media screen and (max-width:767px){
  .pd .PD_layout ul {border: 3px solid #2b7dfd;border-radius: 5.5vw;}
}






/*區塊5*/
@media screen and (min-width: 768px){
  .Area055{ z-index: -1;padding-bottom: 1%;}
  .Area055 .box_all{ padding: 0 5%;}
}
@media screen and (max-width: 767px){
  .Area055{z-index: -1;padding-bottom: 13%;}

  .Area055 { margin-bottom:8vw !important;}
  .Area055 .box_all{ margin: -9vw 0 0 0;}
  /* .Area055 .box_all ul {grid-template-columns: repeat(2, 1)} */
}
  
/*作圖公版微調*/
.PDhot_style .PD:hover h4 { color: #013755;}
@media screen and (min-width: 768px){
.PDhot_style .PD_slide{height: 573px;}
.PDhot_style li::after {content:"";position: absolute;display:block;top:0px;left: 0;width: 100%;height:100%;pointer-events:none;z-index: -5;background: url("item_bg.png?t=1783580763647") center top/100% no-repeat scroll;}
.PDhot_style .PD_into {width: 63%;position: relative;top: -89px;margin:0 auto;text-align: center;}
.PDhot_style .PD .PD_logo {position: absolute;top: -364px;left: -75px;width: 160%;font-size: 1.7em;padding: 1%;z-index: 30;}
.PDhot_style .PD h3,.PDhot_style .PD h4 {color: #000000;font-size: 1.6em;}
.PDhot_style .PD h4 {margin-bottom: 0px;}
.PDhot_style .PD p del {color: #4e5050;font-size: 1em;}
.PDhot_style .PD p .money { }
.PDhot_style .PD p .Price {  font-size: 2.2em;}
.PDhot_style .PD p b {font-size: 22px;}
.PDhot_style .PD_img{padding:33% 3% 0 3%  !important;margin-bottom: 90px;}	
}
@media screen and (max-width: 767px){
.PDhot_style li::after {content:"";position: absolute;display:block;top: 9.3vw;left: -3vw;width: 110%;height:78vw;pointer-events:none;z-index: -5;background: url("item_bg.png?t=1783580763648") center top/100% no-repeat scroll;}
.PDhot_style .PD_slide{height: 74vw;width: 100%;}
.PDhot_style .PD_into {text-align: center;left:2vw;width:90%;position: relative;top: -4vw;}
.PDhot_style .PD_slide .PD_img {margin-bottom:6vw;}
.PDhot_style .PD_img{padding:60% 3% 0 3%  !important;}	

.PDhot_style .PD .PD_logo {        position: absolute;
  top: -50.5vw;
  left: -6vw;
  font-size: 0.9em;
  padding: 2%;
  z-index: 30;
  width: 129%;}
.PDhot_style .PD h3,.PDhot_style .PD h4 {color: #000000;font-size: 0.8em;margin: 0;max-height: 1.6em;}
.PDhot_style .PD p del {color: #4e5050;font-size: 0.7em;}
.PDhot_style .PD p .money {}
.PDhot_style .PD p .Price {  font-size: 1.4em;}

}



/*區塊5*/
  .Area09 {  padding: 123px 0 55px 0; }
  .Area09 .bg {background-image: url("pc_reg_center.jpg?t=1783580763648"); position: absolute; top:0px; left: -520px; width: 2000px; height: 99%; z-index: -2; }
  .Area09 .bg::before{ content: ""; background: url("pc_reg_top.jpg?t=1783580763648") no-repeat scroll top; position: absolute; top:0; left: 0px; width: 100%; height: 100%; z-index: -2; }
  .Area09 .bg::after{ content: ""; background: url("pc_reg_bottom.jpg?t=1783580763648") no-repeat scroll bottom; position: absolute;  left: 0px;width: 100%; height:100%; z-index: -2; }
@media screen and (max-width: 767px){
  .Area09 {margin-bottom: 8vw;padding: 13vw 0 0 0;}
  .Area09 .bg {background-image: url("reg_center.jpg?t=1783580763648");background-size: contain;position: absolute;top: 0vw;left: 0;width: 100%;height: 99%;z-index: -2;}
  .Area09 .bg::before{ content: ""; background: url("reg_top.jpg?t=1783580763648") no-repeat scroll top / 100%;; position: absolute; top:0; left: 0; width: 100%; height: 100%; z-index: -2; }
  .Area09 .bg::after { content: ""; background: url("reg_bottom.jpg?t=1783580763648") no-repeat scroll bottom / 100%; position: absolute; top:2vw; left: 0; width: 100%; height: 100%; z-index: -2; }

}








/*注意事項區*/
.edm_notice { text-align: center; padding: 25px 10px 40px 10px; color:#323c46; font: 12px/18px Helvetica;}
.edm_notice .apple_notice { padding: 10px 0 10px 0;}
@media screen and (max-width:767px){ 
  .edm_notice {}
}

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