@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:#fff5ea; 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: 60px;}

 @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: 6.5vw;} 
}



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


 

/*隱鑶*/
.for_pc {}
.for_phone {display:none !important;}
 @media screen and (max-width:767px){
  .for_pc { display:none !important;}
  .for_phone {display: inherit !important;}
 }
 
/*公版*/
.PD_layout.PD_layoutplus.PD_box { width: 100%;}
.PD_layoutplus ul { background-color: transparent; grid-gap: 0.3em;}
.PD_layoutplus li { background: #fff; border:none; border-radius: 0.5em;}
@media screen and (max-width:767px){
.PD96{ width: 96%; }
}


 /* MB背景 */
 @media screen and (max-width: 767px){
 .bg_01 {z-index: -48;position:absolute;top: 10dvw;left:0;width:100%;height:100%;background-repeat:repeat-y;background-position:center top;pointer-events:none;background-size:100%;}
 .bg_02 {z-index: -46;position:absolute;top: 10dvw;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;pointer-events:none;background-size:100%;}
 .bg_03 {z-index: -45;position:absolute;top: 10dvw;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;pointer-events:none;background-size:100%;}
 .bg_04 {z-index: -47;position:absolute;top: 10dvw;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;pointer-events:none;background-size:100%;}
}

/*PC背景*/
    @media screen and (min-width: 768px){
    .bg_01 { z-index:-48; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
    .bg_02 { z-index:-46; position:absolute; top:0px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
    .bg_03 { z-index:-5; position:absolute; top:1617px; left:0; width:100%; height:100%; background-repeat:repeat-y;  transition: 0.5s linear; background-position: center top; pointer-events:none;}
   } 

/* 設定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;}


/* 區標1共用 */
.Aear_title {  background-size: 100%; height: 22vw; margin: 0 0 3.5vw 0;  }
.Aear_title .Areatitle_bg {  z-index: -1; position: absolute; top: 0; left: 0;  }
.PD_title  {  font-family: "Century Gothic","Arial","Noto Serif TC","Noto Sans TC","微軟正黑體","Microsoft JhengHei"; }
.PD_title  span { float: left; width: 73%;  font-size: 5.5vw; margin: 0 0 0 13vw; line-height: 13.2vw;  }
.PD_title span:nth-child(1) { color: #FFF; font-weight: 700; }
.PD_title span:nth-child(2) { color: #FFF; font-weight: 700; }
.Aear_title ul.PD_wrapper li img { width: 100%; }
@media screen and (min-width:768px){
  .Aear_title  { margin: 0px auto 30px auto; height: 221px; }
  .PD_title span {  width: 699px; height: 127px; font-size: 55px; margin: 0 0 0 128px; line-height: 125px;   }
}

/* 區標2共用 */
.title_2 { z-index: 5; height: 14.5vw; margin: 0 ;  position: relative;}
 .title_2 .Areatitle_bg {  z-index: -1; position: absolute; top: 0; left: 0; width: 12vw; }
 .title_2 .Areatitle_bg2{  top: 1vw; left: 9vw; }
 .title_2 .PD_title_2  {  font-size: 5.8vw; font-family: "Arial","Noto Sans TC","微軟正黑體","Microsoft JhengHei"; }
 .title_2 .PD_title_2 span { display: block; color: #1a1a1a; font-weight: 600; width: 100%; margin: 0 auto; text-align: center;  line-height: 8.5vw; }
 .title_2 .bg {  position: absolute; top: 0vw; }
@media screen and (min-width:768px){
  .title_2 {   height: 143px; margin: 0 auto 10px auto;  }
  .title_2 .Areatitle_bg {  top: 39px; left: 0;  }
  .title_2 .Areatitle_bg2 {  top: 39px; left: 50px;  }
  .title_2 .PD_title_2  {  font-size: 43px;  }
  .title_2 .PD_title_2 span {   width: 960px; margin: 0 auto; text-align: center;  line-height: 227px; }
  }

/* 關閉主標hover */
.hero .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: #fff; }
/* 送 */.Area_danji .gifts span { color: #ffe492; } 



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



@media screen and (max-width: 767px){
  .mTOPbg {  background: url(m_top.png?t=1773823096672) no-repeat center top; padding: 19vw 0 0 0; width: 100%; background-size: 100%;  }
  .mTOPbg::after { content: ""; z-index: -1; display: block;  background: url(m_repeat.png?t=1773823096672) repeat-y center bottom ; position: absolute; width: 100%;   height: calc(100% - 26vw);  top: 24vw; left: 0%; transform: translateX(0%); background-size: 100%;  }
  .mTOPbg::before { content: ""; z-index: -1; display: block; background: url(m_bottom.png?t=1773823096672) no-repeat center; position: absolute; width: 100%;  height: 30vw; bottom: -15.6vw; left: 0%; transform: translateX(0%); background-size: 100%;  }
  
}


/* 版頭 */
.hero {  height: 83vw;}
.hero .maintitle {  top: 0;  left: 0;}
.hero .maintitle .PD_img img {  width: 100%;}
.hero .top_model {  z-index: 15;  position: absolute;  top: 23.2vw;  left: 3vw;  width: 100%;}
.hero .top_model .Area_swiper_box .PD_layout li {  background-color: #ffffff00;}
.hero .top_model li img{width: 100%; }
.hero .sub {  z-index: 92;  position: absolute;  top: 63vw;  left: 73.5vw;  width: 30%;}
.hero .sub .Area_swiper_box .PD_img {  width: 100%;}
.hero .sub .Area_swiper_box .PD_layout li {  background-color: #ffffff00;}
.hero .date {  z-index: 19;  position: absolute;  top: 2vw;  left: 2vw;  width: 30%;}
.hero .date .PD_img {  width: 100%;}
.hero .top_PD {  z-index: 15;  position: absolute;  top: 23vw;  left: -2vw;  width: 35.5%;}
.hero .top_PD .PD_img {  width: 100%;}
.hero .top_PD .Area_swiper_box .PD_layout li {  background-color: #ffffff00;}
@media screen and (min-width: 768px) {
  .hero {    height: 647px;  }
  .hero .maintitle {    z-index: 11;    position: absolute;    top: 7px;    left: 201px;  }
  .hero .maintitle .PD_img img {    width: 816px;  }
  .hero .sub {    z-index: 22;    top: 427px;    left: 858px;    width: 22%;  }
  .hero .sub .Area_swiper_box .PD_img {    width: 100%;  }
  .hero .date {    top: 46px;    left: 45px;  }
  .hero .date .PD_img {    width: 220px; }
  .hero .top_model {    z-index: 13; position: absolute; top: 161px; left: 214px; width: 58%; transform: scale(0.95); }
  .hero .top_model .PD_img {    width: 840px;  }
  .hero .top_PD {  z-index: 15;  top: 205px;  left: 182px;  width: 25%; }
  .hero .top_PD .PD_img {    width: 85%;  }
}

.hero .deco01 { position: absolute; top: 48vw; left: 86vw; width: 10%; }
.hero .deco02 { position: absolute; top: 64.5vw; left: 4vw; width: 10%; }
.hero .deco03 { position: absolute; top: 34vw; left: 5.5vw; width: 10%; display: none;}
@media screen and (min-width:768px){
.hero .deco01 { top: 304px; left: 944px; width: 80px; }
.hero .deco02 { top: 532px; left: 232px; width: 80px; }
.hero .deco03 { top: 305px; left: 245px; width: 80px; }

.hero .deco01 img {  width: 100%; }
.hero .deco02 img {  width: 100%; }
.hero .deco03 img {  width: 100%; }

}


/*日期*/
.TIMER_DAY {display:flex; justify-content: center; flex-wrap:wrap; position: absolute; top: -18px; left: 164px; width:15%; height: 206px; 
  padding: 47px 35px 0 46px; font-size:46px; font-weight: bold; font-family: "Century Gothic"; z-index: 0;  transform: scale(0.9);
  box-sizing: border-box;color: #3884a7; background: url(datebg.png?t=1773823096672)no-repeat center / 88% ;}
.TIMER_DAY small {font-size: 40px; font-weight: 100; position: relative;}
.TIMER_DAY #sendMonth { display: inline-block; text-align: right;  letter-spacing: -2px;} 
.TIMER_DAY #sendToday { display: inline-block;  text-align: left; letter-spacing: -2px;}
.TIMER_DAY .sendtxt { font-size: 0.8em; font-weight: 500; margin: -61px 0 0 0px; text-align: center; width: 100%;}
.TIMER_DAY .box{ width: 100%; display: flex; justify-content: center; align-items: center;height: 80px; }
@media screen and (max-width: 736px){ 
.TIMER_DAY { position: absolute;width: 18%;top: -3vw;left:0.5vw;font-size: 5.5vw;letter-spacing: 0; padding: 4vw 4vw 0 4.5vw; text-align: left;margin: 0;font-weight: 900;height:22vw;  transform: scale(1);}
.TIMER_DAY small {font-size: 4vw;}    
.TIMER_DAY #sendMonth {display: inline-block; font-size: 1em; }
.TIMER_DAY #sendToday {display: inline-block; font-size: 1em; }
.TIMER_DAY .sendtxt {font-weight: 500;font-size: 0.7em;  margin:-7.8vw 0 0 0vw;}	
.TIMER_DAY .box{ height: 12vw;  transform: scale(.9);}
}

/*日期*/
.TIMER_DAY #sendMonth2 { display: inline-block; text-align: right;  letter-spacing: -2px;} 
.TIMER_DAY #sendToday2 { display: inline-block;  text-align: left; letter-spacing: -2px;}
@media screen and (max-width: 736px){ 
.TIMER_DAY #sendMonth2 {display: inline-block; font-size: 1em; }
.TIMER_DAY #sendToday2 {display: inline-block; font-size: 1em; }
}




.Area02  { z-index: 20; background: #ffb5ca;  }
.Area02 .title { width: 10vw; position: absolute; top: 0; left: 0;  background: #4c90af; }
.Area02 .box { margin-left: 10vw;  overflow: hidden; padding: 10vw 0 3vw 0; }
.Area02 .Area_swiper,.Area02 .Area_swiper_box { overflow: visible; }
.Area02 .PD_layout_1 ul li:nth-child(even) { top: -4.2vw; }
.Area02 .PD_layout p del  { display: none;  }
@media screen and (min-width:768px){
  .Area02  {  }
  .Area02 .title { width: 68px;  }
  .Area02 .box { margin-left: 68px;  padding: 90px 0 19px 0; }
  .Area02 .PD_layout_1 ul li:nth-child(even) { top: -45px; }
}



.Area03 .PD_layout_1 { margin-bottom: 2vw; }
.Area03 .PD_layout_1 .PD_img { padding: 0; }
@media screen and (min-width:768px){
  .Area03 .PD_layout_1 { margin-bottom: 20px; }
}



  /*IG BN*/
  .Area07 .BN{ position: absolute; top:91px; left: 83px; width: 83%; z-index: 100;}
  .Area07 .Area_swiper_box{ margin-top: 20px; }
  .Area07  .box_1{ position: relative; }
@media screen and (max-width:767px){
  .Area07 .IG ul{ width: 100%; }
  .Area07 .BN{ position: absolute; top:9.5vw; left: 4.5vw; width: 91%;}
  .Area07 .Area_swiper_box{ margin-top: 3vw; }
}


/*大圖輪播*/
@media screen and (min-width: 768px){
  .Area_newpd .Area_swiper_box ul { height: 487px; padding-top: 17px;}
  .Area_newpd .Area_swiper_box .PD_layout li {border-radius: 10px;}
    }
  @media screen and (max-width: 767px){
  .Area_newpd { margin-top: -3vw; margin-bottom: 8vw;}
  .Area_newpd .Area_PD9 { overflow: hidden; height: 98vw; } 
  .Area_newpd .Area_swiper{width: 100%;}
  .Area_newpd .Area_swiper_box {   margin: 0 0 0 -4vw; overflow-x: auto}
  .Area_newpd .PD_layout.PD_layout-D1_15 ul { height: 87vw;  padding-top: 2vw;}
  .Area_newpd .PD_layout.PD_layout-D1_15 ul .PD .PD_into { background-color: #fff; text-align: left; position: relative; padding-left: .7em; }
  .Area_newpd .swiper-pagination-progressbar{ display: none; }
  .Area_newpd .Area_PD9 li:before{ top: -2vw; left: -.3vw; width: 100.5%; height: 7vw;  } 
  }

.Area05  {  margin-bottom: 55px; }
.Area05 .bg { z-index: -1; position: absolute; top: -50px; left: 50%; transform: translateX(-50%); }  
@media screen and (max-width:767px){
  .Area05  { margin-bottom: 9vw;  }
  .Area05 .bg {  top: -5vw; width: 104%;  }  
}


.repeatbg {  background: url(Areabg05_top_m.png?t=1773823096672) no-repeat center top;  width: 100%; background-size: 100%; background-position: 50% 10vw;  }
.repeatbg::after { content: ""; z-index: -1; display: block; background: url(Areabg05_repeat_m.png?t=1773823096672) repeat-y center bottom ; width: 100%;   height: calc(100% - 24vw); position: absolute; top: 21vw; left: 0%; transform: translateX(0%); background-size: 100%;  }
.repeatbg::before { content: ""; z-index: -1; display: block;  background: url(Areabg05_bottom_m.png?t=1773823096672) no-repeat center ; width: 100%;  height: 30vw; position: absolute;  bottom: -17vw; left: 0%; transform: translateX(0%); background-size: 100%;  }
@media screen and (min-width:768px){
.repeatbg {  background: url(Areabg05_top.png?t=1773823096672) no-repeat center top; background-position: 50% 120px;   }
.repeatbg::after {  background: url(Areabg05_repeat.png?t=1773823096672) repeat-y center bottom ; width: 2000px;  background-size: 100%;  height: calc(100% - 264px);  top: 235px; left: 50%; transform: translateX(-50%);  }
.repeatbg::before {  background: url(Areabg05_bottom.png?t=1773823096672) no-repeat center ; width: 2000px;  background-size: 100%;  height: 225px; bottom: -129px; left: 50%; transform: translateX(-50%);   }

}





.Area07  { margin-bottom: 19vw; }
.Area07 .PD_layout_1 { margin-bottom: 3vw; }
.Area07 .PD_layout_1 .PD_img img { border-radius: 2.5vw; }
@media screen and (min-width:768px){
  .Area07  { margin-bottom: 126px; }
  .Area07 .PD_layout_1 { margin-bottom: 20px; }
  .Area07 .PD_layout_1 .PD_img img { border-radius: 25px; }
  
  }


.repeatbg2 {  background: url(Areabg07_top_m.png?t=1773823096672) no-repeat center top;  width: 100%; background-size: 100%; background-position: 50% 6vw;  }
.repeatbg2::after { content: ""; z-index: -1; display: block; background: url(Areabg07_repeat_m.png?t=1773823096672) repeat-y center bottom ; width: 100%;   height: calc(100% - 25vw); position: absolute; top: 22vw; left: 0%; transform: translateX(0%); background-size: 100%;  }
.repeatbg2::before { content: ""; z-index: -1; display: block;  background: url(Areabg07_bottom_m.png?t=1773823096672) no-repeat center ; width: 100%;  height: 30vw; position: absolute;  bottom: -17vw; left: 0%; transform: translateX(0%); background-size: 100%;  }
@media screen and (min-width:768px){
.repeatbg2 {  background: url(Areabg07_top.png?t=1773823096672) no-repeat center top; background-position: 50% 70px;   }
.repeatbg2::after {  background: url(Areabg07_repeat.png?t=1773823096672) repeat-y center bottom ; width: 2000px;  background-size: 100%;  height: calc(100% - 245px);  top: 223px; left: 50%; transform: translateX(-50%);  }
.repeatbg2::before {  background: url(Areabg07_bottom.png?t=1773823096672) no-repeat center ; width: 2000px;  background-size: 100%;  height: 225px; bottom: -144px; left: 50%; transform: translateX(-50%);   }

}



.Area08 .box { margin-top: 3vw; margin-bottom: 9vw; }
.Area08 .title_2 { padding-top: 6vw; margin-bottom: 6vw; }
.Area08 .PD_layout li { padding: 0.35vw; }
@media screen and (min-width:768px){
  .Area08 .box { margin-top: 35px; margin-bottom: 85px; }
  .Area08 .title_2 { padding-top: 0; margin-bottom: 45px; }
  .Area08 .PD_layout li { padding: 5px; }
  .Area08 .PD_layout_2 { width: 96%; margin: 0 auto; }
  
  }

/**公版區_關鍵字**/
.AreaPD1 .PD_layout-D1_03 ul::before {display: none!important;}	
.AreaPD1 .PD_layout-D1_03.PD_layout ul {grid-template-columns: repeat(3, max-content); justify-content: center; }
.AreaPD1 .PD_layout-D1_03 .PD h3{ color: #282828;  transform: skewX(-10deg);}
.AreaPD1 .PD_layout-D1_03 .PD_into{ padding: 0 .5em; }
.AreaPD1 .PD_layout-D1_03 ul li { background-color: #ffc8d8;}
@media screen and (min-width: 768px){
.AreaPD1 .PD_layout-D1_03 {width: 86%; margin: -27px auto 17px;}
.AreaPD1 .PD_layout-D1_03 ul {padding: 0px 0px;}
.AreaPD1 .PD_layout-D1_03 ul li {margin: 10px 0 0 0;padding-right:0;}
.AreaPD1 .PD_layout-D1_03 .PD h3 {font-size:28px;}	
.AreaPD1-1{ margin-top: 93px; }
}
@media screen and (max-width:767px){
.AreaPD1 .PD_layout-D1_03 { margin: -4vw auto 3vw;}
.AreaPD1 .PD_layout-D1_03 ul {grid-gap: 0.7em!important;}
.AreaPD1 .PD_layout-D1_03 ul li {margin: .5vw 0;padding-right:0;}
.AreaPD1 .PD_layout-D1_03 ul li.PD_into {padding: 0 0.3em; }
.AreaPD1 .PD_layout-D1_03.PD_layout ul {padding-left: .5em;padding-right: .5em;}
.AreaPD1 .PD_layout-D1_03 .PD h3 { font-size: 1.1em;}
.AreaPD1-1{ margin-top: 9vw; }
}



/* .repeatbg3 {  background: url(Areabg08_top_m.png?t=1773823096672) no-repeat center top;  width: 100%; background-size: 100%; background-position: 50% 0vw;  }
.repeatbg3::after { content: ""; z-index: -1; display: block; background: url(Areabg08_repeat_m.png?t=1773823096672) repeat-y center bottom ; width: 100%;   height: calc(100% - 92vw); position: absolute; top: 91vw; left: 0%; transform: translateX(0%); background-size: 100%;  }
.repeatbg3::before { content: ""; z-index: -1; display: block;  background: url(Areabg08_bottom_m.png?t=1773823096672) no-repeat center ; width: 100%;  height: 30vw; position: absolute;  bottom: -19vw; left: 0%; transform: translateX(0%); background-size: 100%;  }
@media screen and (min-width:768px){
.repeatbg3 {  background: url(Areabg08_top.png?t=1773823096672) no-repeat center top; background-position: 50% 0px;   }
.repeatbg3::after {  background: url(Areabg08_repeat.png?t=1773823096672) repeat-y center bottom ; width: 2000px;  background-size: 100%;  height: calc(100% - 105px);  top: 105px; left: 50%; transform: translateX(-50%);  }
.repeatbg3::before {  background: url(Areabg08_bottom.png?t=1773823096672) no-repeat center ; width: 2000px;  background-size: 100%;  height: 225px; bottom: -164px; left: 50%; transform: translateX(-50%);   }

} */




.Area10 {  }
@media screen and (min-width:768px){
  .Area_discount04  {height:100%;display: flex;flex-wrap: wrap;margin-bottom: 36px;margin-top: 10px;}
  .Area_discount04 .box {position:relative;margin-bottom:0;width:96%;margin: 0 auto 38px auto;}	
  .Area_discount04 .b_box:nth-child(odd) {background-color: #5d52bf;/* padding: 13px; border-radius: 27px;*/width: 470px;height: 450px;margin: 5px;background: url("discount04bg.png?t=1773823096672") center top/ 100% no-repeat scroll;}	
  .Area_discount04 .b_box:nth-child(even) {background-color: #5d52bf;/* padding: 13px; border-radius: 27px;*/width: 470px;height: 450px; margin: 5px;background: url("discount04bg.png?t=1773823096672") center top/ 100% no-repeat scroll;}	
  .Area_discount04 .text02 {width: 100%;margin: 7px 0 0 5px;height: 65px;}	

  
  /**區標**/	
  .Area_discount04 .text {width: 63%;margin: 0px auto;}
  .Area_discount04 .text .PD_layout .PD_into{color: #fff;position: relative;}
  .Area_discount04 .text .PD_layout .PD_into .PD_logo{width: 33%;}  
  .Area_discount04 .text .PD_layout .PD_into h3{width: 100%;font-size: 1.5em;line-height: 1em;color: #f3dfb5;text-align: center;}  
  .Area_discount04 .text .PD_layout .PD_into h5{font: bold 43px/56px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;margin-top: 24px;margin-left: 34px;margin-bottom: 32px;}  
  
  .Area_discount04 .text02 .PD_layout .PD_into{display: flex;flex-direction: row;margin-top: 0;margin-bottom: 0vw;justify-content: space-around;}
  .Area_discount04 .text02 .PD_layout .PD_into .PD_logo{width: 30%;left: 0;top: 0;position: relative;}  
  .Area_discount04 .text02 .PD_layout .PD_into h3{width: 50%;font-size: 26px;line-height: 1.2em;color: #ffffff;margin-top: 0;}  
  .Area_discount04 .PD_layout_1 .PD img { background: #FFF; padding: 0 10px;  border-radius: 50px; }	
  
  /** 公版 **/	
  .Area_discount04 .b_box .box {position:relative;width: 95%;margin: 0 auto;padding-bottom: 0px;padding: 0px 0 0;}	
  .Area_discount04 .b_box .box .PD_layout ul{/* border-radius: 0; */grid-gap: 5px!important;padding: 0;}
  .Area_discount04 .b_box .box .PD_layout ul li{background-color: #fff;border-radius: 5px;}
  }
    
  @media screen and (max-width:767px){
  
  .Area_discount04  {margin-bottom: 0vw;margin-top: 1vw;}
  .Area_discount04 .box {position: relative;}
  .Area_discount04 .b_box:nth-child(odd) {/*background-color: #0000008c;*/padding-top: 0;width: 96%;height: 92vw;margin: 0vw auto;background: url("mb_discount04bg1.png?t=1773823096672") center top/ 100% no-repeat scroll;}	
  .Area_discount04 .b_box:nth-child(even) {/*background-color: #0000008c;*/padding-top: 0;width: 96%;height: 92vw; margin: 0vw auto;background: url("mb_discount04bg1.png?t=1773823096672") center top/ 100% no-repeat scroll;}	
  
  /**區標**/	
  .Area_discount04 .text {width: 100%;margin: auto;padding-top: 0vw;width: 100%;margin: 0px auto -2vw auto;/*background: url(item_text_001.png?t=1748261516683)top center no-repeat;background-size: 100%;*/}
  .Area_discount04 .text .PD_layout .PD_into .PD_logo{width: 33%;}  
  .Area_discount04 .text .PD_layout .PD_into h3{width: 100%;font-size: 1.5em;line-height: 1em;color: #f3dfb5;text-align: center;}  
  .Area_discount04 .text .PD_layout .PD_into h5{font: bold 6vw/6vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;margin-top: 10.5vw;margin-left: 2vw;margin-bottom: 0;}  
  
  .Area_discount04 .text02 .PD_layout .PD_into{display: flex;flex-direction: row;margin-top: 1.2vw;margin-bottom: -4vw;height: 15.7vw;justify-content: space-around;}
  .Area_discount04 .text02 .PD_layout .PD_into .PD_logo{width: 30%;}  
  .Area_discount04 .text02 .PD_layout .PD_into h3{width: 42%;margin-left: 0vw;font-size: 21px;line-height: 1.2em;text-align: left;margin-left: 3vw;color: #ffffff;}  
  .Area_discount04 .PD_layout_1 .PD img { background: #FFF; padding: 0 2vw;  border-radius: 30vw; }	

  /** 公版 **/	
  .Area_discount04 .b_box .box {position: relative;width: 93%;margin: 0vw auto 8px;padding-bottom: 2vw;}
  .Area_discount04 .b_box .box .PD_layout ul{border-radius: 2vw;width: 100%;grid-gap: .3em;margin-top: 0vw;}
  .Area_discount04 .b_box .box .PD_layout ul li{border-radius: 2vw;/* border: 0.5vw solid #000; */background-color: white;}
  }




.Area11  { margin-bottom: 16vw; }
.Area11 .PD_layout_1 { margin-bottom: 3vw; }
.Area11 .PD_layout_1 img { border-radius: 2.5vw;  }
@media screen and (min-width:768px){
  .Area11  { margin-bottom: 126px; }
  .Area11 .PD_layout_1 { margin-bottom: 10px; width: 852px;  }
  .Area11 .PD_layout_1 img { border-radius: 25px;  }
}



.Area_K1, .Area_K2, .Area_K3{ margin-bottom: 60px; overflow: hidden;}
@media screen and (max-width:767px){
  .Area_K1, .Area_K2, .Area_K3{ margin-bottom: 8vw;}
}
/* --------------------------------------
* Page 頁籤_202405291900
* -------------------------------------- */
.NavArea_tabbar_page { margin: 0 auto 15px  ; width: 94%; }  
.NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-30.5%, 0, 0);}  
.NavArea_tabbar_page .Nav_box { border-radius: 8px; overflow: hidden; padding: 0 2%;}
.NavArea_tabbar_page[data-num="2"] .Nav-wrapper { transform: translate3d(55.5%, 0, 0)!important}
.NavArea_tabbar_page[data-num="3"] .Nav-wrapper { transform: translate3d(43.0%, 0, 0)!important}
.NavArea_tabbar_page[data-num="4"] .Nav-wrapper { transform: translate3d(30.5%, 0, 0)!important}
.NavArea_tabbar_page[data-light="box"] .Nav ul { padding: 0 }
.NavArea_tabbar_page .Nav li { overflow: visible; }
@media screen and (min-width:768px){ 
  .NavArea_tabbar_page { display: block; }
}
/*頁籤高亮顏色設定 */  
.NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;}
.NavArea_tabbar_page .Nav .swiper-slide-active i { display:block; border: 1px solid #000000 !important; background-color: #000000 !important;}
/*推編輯按鈕 */  
.NavArea_tabbar_page .Nav input { position: fixed; left: 30%}




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

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