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

/*基本*/
body{ margin:0; padding:0; background-color: #b493ff;}


/*全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;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
/*預設清單樣式*/
.Area .list_00 ul { display:inline-block; margin:0; padding:0;}
.Area .list_00 li { list-style:none; float:left; overflow: hidden;}
  @media screen and (min-width: 768px) {
		.WRAPPER { max-width: 2000px;}
	}
	@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit; min-height:100vh;}
		.WRAPPER img { width:100%;  height: auto;}
	}



/*f背景*/
.bg_00 { z-index:-2; 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:-1; position:absolute;top:0;left:0; width:100%; height:100vh; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
.bg_02 { z-index:-2; position:absolute;top:990px;left:0; width:100%; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}

.bg_top { z-index:2; position:absolute;top:0px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top; pointer-events:none;}
  @media screen and (max-width:767px){
   .m_bg { z-index: -2; position:absolute; top:0; left: 0; width: 100%; height:100%; background-position: center bottom; background-repeat: repeat-y; pointer-events: none; background-size: 100%;}
  }

/*PC背景*/
.Area_bgtop { z-index: 0; position: absolute; top: 0; left: 50%; width: 2000px; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none;}
.Area_bgtop .bgtop_ { position: absolute; top: 0; left: 0; width: 100%; height: 900px;}
.Area_bgtop .bgtop_ span { position: absolute; display: block; width: 100%; height: 100%; background-position: center top;}

  @media screen and (min-width: 768px) {
    .Area_bgtop span { background-repeat: no-repeat;}
    /*.Area_bgtop_fixed { position: fixed;}*/
    /*.Area_bgtop_1 .bgtop_1_1 span { background-image: url(bgtop_1_1.jpg?t=1761791839324);}*/
    .bg_deco { z-index: 0; position: absolute; top: 1350px; left: 0; width: 100%; height: 120%; background-repeat: repeat-y; background-position: center top; pointer-events: none;}
  }

/*Phone背景*/
.m_Area_bgtop { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;}
.m_Area_bgtop .m_bgtop_ { position: absolute; top: 0vw; left: 0; width: 100%; height: 0; padding-bottom: 100%;}
.m_Area_bgtop .m_bgtop_ span { position: absolute; display: block; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; background-position: center top; background-size: 100%;}
  @media screen and (max-width: 767px) {
    .m_Area_bgtop span { background-repeat: no-repeat;}
    .m_Area_bgtop_fixed { position: fixed; top: 32px;} /*搭配js-appBgFixed*/
    .m_Area_bgtop_1 .m_bgtop_1_1 span { z-index: -3; position: absolute; top: 44px; left: 0; width: 100%; height:100%; background: url(m_bgtop_1_1.jpg?t=1761791839324)  center top no-repeat; background-size: 100%;}
  }

/*區塊背景-共用設定*/
.Area_bg { pointer-events: none; z-index: 0;}
.Area_bg div { pointer-events: none; z-index: 1; position: absolute; left: 0; width: 100%; background-position: center top; background-repeat: no-repeat;}
    @media screen and (max-width: 767px) {
      .Area_bg div { pointer-events: none; z-index: -1; position: absolute; left: 0; width: 100%; background-position: center top; background-repeat: no-repeat;}
      .Area_bg div { z-index: 1; top: 0vw; padding-bottom: 200%; background-size: 100%;}
    }
    /*圖片*/
    /*.Area_share_bg { z-index: 2;}*/
      @media screen and (min-width: 768px) {
        .Area04_bg div { top: 0px; height: 770px; position: absolute;}
      }
      @media screen and (max-width: 767px) {
        .Area04_bg div { top: 0; height: 0; padding-bottom: 110%; background-size: 100%;}
      }




/*區塊_all*/
.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; }
.Area a { position:relative; display: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);}
		  
.WRAPPER .go_bt1 {
  -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;}
.WRAPPER .go_bt1:hover { 
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);}
		  
	@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;}
	}

.Areabottom { margin-bottom: 5vw;}
  @media screen and (min-width:768px){
    .Areabottom { margin-bottom: 50px;}
  }

/*公版間距微調*/
/*.PD_layout[data-pd-h3="1"] .PD h3, .PD_layout[data-pd-h3="2"] .PD h3, .PD_layout[data-pd-h3="3"] .PD h3, .PD_layout[data-pd-h3="4"] .PD h3, .PD_layout[data-pd-h3="6"] .PD h3 { background-color: #231f1f;}*/
.agreeArea .container .PD_wrapper .PD_slide .itembox:first-child .item-title { display: none;}
	@media screen and (min-width:768px){
    .PD_layout[data-pd-li*="BN"] .PD_slide:hover,
    .PD_layout.remove_box_style .PD_slide:hover { transform: translateY(-6px);}
	}
	@media screen and (max-width:767px){
    .PD_layout ul { border-radius: 10px;}
	}
	

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


/*日期*/
.TIMER_DAY {display:flex; justify-content: center; flex-wrap: wrap; position: absolute; top: 295px; left: 828px; width:20%; height: 206px; 
  padding: 42px 9px 0 0; transform: rotate(-6deg); font-size:45px; font-weight: bold; font-family: "Century Gothic"; z-index: 31; 
  box-sizing: border-box;color: #000000; background: url(datebg.png?t=1761791839324)no-repeat center / 75% ;}
.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:-68px 0 0 9px; text-align: center; width: 100%;}
.TIMER_DAY .box{ width: 60%; display: flex; justify-content: center; align-items: center;height: 80px; }
@media screen and (max-width: 736px){ 
.TIMER_DAY { position: absolute; width: 31%; top: 34.7vw; left: 68vw;font-size: 6vw;letter-spacing: 0; padding: 4vw 1vw 0 0; text-align: left;margin: 0;font-weight: 900;height:22vw;}
.TIMER_DAY small {font-size: 4.5vw;}    
.TIMER_DAY #sendMonth {display: inline-block; font-size: 1.1em; }
.TIMER_DAY #sendToday {display: inline-block; font-size: 1.1em; }
.TIMER_DAY .sendtxt {font-weight: 500;font-size: 0.8em;  margin:-7vw 0 0 1vw;}	
.TIMER_DAY .box{ height: 8vw; }
}


/*版頭*/
/* .Area_top {} */
.Area_top .momologo { z-index:8; position: absolute; top: 0px; left:10px;}
.Area_top .momologo a { display:block; width:170px; height:76px; background: url(momo_logo.png?t=1761791839324) no-repeat;}
.Area_top .momologo a:hover{ background: url(momo_logo_on.png?t=1761791839324) no-repeat;}
	@media screen and (max-width:767px){
		.Area_top { height: auto;}
		.Area_top .m_momologo { width:28%; position:absolute; z-index:5; top:0vw; left:0;}
    /*提醒我按鈕*/
    a.mo_remind_btn { z-index:10; position: absolute; right: 0; top: 117vw; width: 16%;}    
	}



/*版頭區塊*/
.Area_title img { width: 100%; height: auto;}
.animated.faster { -webkit-animation-duration: 1s; animation-duration: 1s;}
.Area_title .title { position: relative; pointer-events: none;margin-top: 100px;}
.Area_title .title_01 { z-index: 2; position: relative;left: 0%; top: 10%; width: 105%; animation-delay:.3s;}
.Area_title .title_02 { z-index: 2; position: absolute; left: 847px; top: 200px; width: 200px; animation-delay:.3s;}
.Area_title .title_04 { z-index: 2; position: absolute; left: 1%; top: 3.5%; width: 100%; animation-delay:.3s;}
  @media screen and (min-width:768px){
    .Area_title { height: 990px;}
    .Area_title .title { margin: 0px 0 0  210px; width: 63%;}
    .Area_title .title_03 { right: -86px; top: 32px;}
    .Area_title .title_04 { right: 0px; top: 32px;}
  }
  @media screen and (max-width:767px){
    .Area_title { height: 115vw;aspect-ratio:960/1124 ;margin: 0% 0 0 0;margin-top:0vw;}
    .Area_title .title { position: relative; pointer-events: none;margin-top: 0%;}
    .Area_title .title_01 { z-index: 2; position: relative;left: 0%; top:-11%; width: 100%; animation-delay:.3s;}
    .Area_title .title_02 { z-index: 2; position: absolute; left: 71%; top: 39%; width: 25%; animation-delay:.6s;}
    .Area_title .title_03 { z-index: 2; position: absolute; right: 0; top: -6%; width: 35%; animation-delay:.6s;}
  }
  /*副標輪播*/
  .Area_title .subtitle { z-index: 3; position: absolute; top: 241px; left: 293px; width: 650px; /*height: 140px;*/}
  .Area_title .subtitle .Area_swiper ul { margin: 0; padding: 0;}
  .Area_title .subtitle .Area_swiper li { list-style: none;background-color: transparent !important;}
  .Area_title .subtitle .Area_swiper img { width: 92%; height: auto;}
    @media screen and (max-width:767px){
      .Area_title .subtitle{ z-index: 3;position: absolute; top: 30vw; left: 10vw; width: 80%; height: auto;}
      .Area_title .subtitle .Area_swiper ul { margin: 0; padding: 0;}
      .Area_title .subtitle .Area_swiper li { list-style: none;background-color: transparent !important;}
      .Area_title .subtitle .Area_swiper img { width: 92%; height: auto;}
    }


    /*商品輪播*/
    .Area_title .top_PD { z-index: 3; position: absolute; top: 388px; left:126px; width: 960px; /*height: 140px;*/}
    .Area_title .top_PD .Area_swiper ul { margin: 0; padding: 0;}
    .Area_title .top_PD .Area_swiper li { list-style: none;background-color: transparent !important;}
    .Area_title .top_PD .Area_swiper img { width: 100%; height: auto;}
      @media screen and (max-width:767px){
        .Area_title .top_PD {  z-index: 9!important; position: absolute; top: 10vw; left: 0; width: 100%; }
        .Area_title .top_PD .Area_swiper ul { margin: 0; padding: 0;}
        .Area_title .top_PD .Area_swiper li { list-style: none;background-color: transparent !important;}
        .Area_title .top_PD .Area_swiper img { width: 90%; height: auto;aspect-ratio:960px/1124px ;}
      }
    


/*活動倒數*/
.TimerNick { display: inline-block; z-index:8; text-align: left; color: #000;position: absolute; top: 922px; left: 830px; transform: scale(1.3);}
.TimerNick .FontStyle { display: inline-block; margin: 0 0 0 5px; padding: 0;border: 0; font: bold 32px/40px Arial; /*color: #fff;*/ letter-spacing: 0px; text-align: center;color:#000}
.TimerNick span { padding-bottom: 2px; font: bold 20px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0.00em;}

  @media screen and (max-width:767px){
    .TimerNick  { position: absolute; top: 108.2vw; left: 65vw; }
    .TimerNick .FontStyle { margin: 0; padding: 0; border: 0; font: normal 3.5vw/3.5vw Arial;letter-spacing:-0.05em; }
    .TimerNick span { padding-left: 0vw; font: bold 3vw/3vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
    .TimerNick small { padding-left: 0vw; font: bold 3vw/3vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
    .TimerNick .time_day { letter-spacing:-0.1em;}
  }

/*版頭品*/
.Area_topPD .box { position: relative; padding: 10px 130px;}
.Area_topPD .box .PD_layout { z-index: 2;}
.Area_topPD .box .title_02 { z-index: 3; position: absolute; left: 8.7%; top: -7.3vw; width: 15%; animation-delay:.3s;}
  @media screen and (min-width:768px){
    .Area_topPD { margin-bottom: 0px; padding-top: 0px;}
   /* .Area_topPD::after { z-index: 1; content: ""; position: absolute; top: 220px; left: 50%; transform: translateX(-50%); width: 1220px; height: 422px; background: url(Area_topPD_bg.png?t=1761791839324) center top no-repeat; pointer-events: none;}*/
    .Area_topPD .box .title_02 { left: 775px; top: -600px; width: 125px;}
    .Area_topPD .box .title_02 img { width: 100%; height: auto;}
  }
  @media screen and (max-width:767px){
    .Area_topPD { margin-bottom: 1.5vw; padding-top: 0vw;}
    .Area_topPD .box { padding: 10vw 6.4% 8vw; background: url(mArea_topPD_bg_03.png?t=1761791839324) center bottom no-repeat; background-size: 100%;}
    .Area_topPD .box::before { z-index: 1; content: ""; position: absolute; top: 30vw; left: 0; width: 100%; height: calc(100% - 43vw); background: url(mArea_topPD_bg_02.png?t=1761791839324) center top repeat-y; background-size: 100%; pointer-events: none;}
    .Area_topPD .box::after { z-index: 1; content: ""; position: absolute; top: 0vw; left: 0; width: 100%; height: 83vw; background: url(mArea_topPD_bg_01.png?t=1761791839324) center top no-repeat; background-size: 100%; pointer-events: none;}
    .Area_topPD .PD_layout[data-pd-ta=left] { text-align: center;}
  }




  
/*公版*/
@media screen and (min-width: 768px){
  .box_title::after {content:"";position: absolute;display:block;top:0px;left:0px;width: 960px;height: 170px;pointer-events:none;z-index: -10;background: url("Area_title_bg.png?t=1761791839324") center top/100% no-repeat scroll;}	
}
@media screen and (max-width:767px){
  .box_title::after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("Area_title_bg.png?t=1761791839324") center top/100% no-repeat scroll;}	
}
/*公版背景*/
.box_title a {  pointer-events: none; cursor: default;}
.box_title ul,.box_title2 ul,.box_title3 ul,.box_title4 ul{ padding: 0; }
.box_title .PD_layout .PD h3 span{ overflow: inherit;}
.box_title .PD_layout ul { width:100% !important ;margin: 0 auto;}
@media screen and (min-width: 768px){
.box_title {position: relative;display: flex;margin: 0 auto;width:960px;height:170px;justify-content: center; z-index: 10;padding-top:36px ;}
/*調整區塊標題*/
.Area_PD1 .box_title {padding-top:23px !important ;}


.box_title img{width: 88%!important;padding: 0;}
.box_title .PD_layout .PD h3 { background: linear-gradient(to top, #000 0%, #000 50%, #000 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: transparent;overflow: visible; display: flex; flex-wrap: nowrap; flex-direction: row;font-size: 3.8em;font-family: "Century Gothic italic","Noto Sans CJK SC"; letter-spacing: -1px;line-height: 1.5;font-style: italic;}	
.box_title .PD_layout .PD h3 b {font-weight: 700;margin: 0 auto; padding: 0 20px;}

/*.box_title .PD_layout .PD h3 b { color: #f765c7;font-style: normal; }	*/
}
@media screen and (max-width:767px){
.box_title {position: relative;margin: 0 auto;width: 105%;height: 20vw;z-index: 30;margin-left:-5vw ;}
.box_title img{width: 100%;}
.box_title .PD_layout .PD h3 {background: linear-gradient(to top, #000 0%, #000 50%, #000 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: transparent;overflow: visible; display: flex;flex-wrap: nowrap;flex-direction: row;font-size: 1.8em;letter-spacing: 0em;;line-height: 1;font-family: "Century Gothic italic","Noto Sans CJK SC"; max-height: 16vw;padding-top: 4.8vw;font-style: italic;}
.box_title .PD_layout .PD h3 b {font-weight: 700;margin: 0 auto;}
/*.box_title .PD_layout .PD h3 b {margin-right: 0.8vw; font-style: normal;}	*/
}

/*去除PD_layout樣式*/
.PD_noBG ul { background-color: transparent; width: 100%; padding: 0;}
.PD_noBG ul li { border: none; /*background-color: #fff;*/}





/*---02---回饋公式-----*/
.Area_cal .more { z-index: 6; position: absolute; top: 350px; left: 69px; width: 179px;}
.Area_cal .PD_layout ul { padding: 0; grid-gap: 0;}
  @media screen and (min-width:768px){
    .Area_cal .more img { width: 100%; height: auto;}
  }
  @media screen and (max-width:767px){
    .Area_cal  { padding-top: 2vw; left: 0%;}
  }


/*----03---爆品----*/
.Area_PD1 .box_bg1{ z-index:-1; position:absolute;display: block;margin-top:-40px;left:50%; transform: translateX(-50%); width:2000px; height:100%; background:linear-gradient(130deg, #fdf3b9, #fdc27b, #fdf3b9, #fdf3b9, #fdc27b);  background-repeat:repeat; background-position:center top; pointer-events:none;}
@media screen and (min-width:768px){
  .Area_PD1 {display: block; height: 100%;padding:40px 0 70px 0  ;}
  .Area_PD1 .PD_layout ul { width:90% ;margin: 0 auto;}
  .Area_PD1 .PD_layout li { margin: 10px 5px;}
  .Area_PD1 .PD_layout li img{width: 96%;}
}
@media screen and (max-width:767px){
  .Area_PD1 {display: block;background:linear-gradient(130deg, #fdf3b9, #fdc27b, #fdf3b9, #fdf3b9, #fdc27b); background-size:100%; width:100% ;height: auto;padding:2vw 0 7vw 0  ;}
  .Area_PD1 .PD_layout ul { grid-gap: .4em .2em;}
}

  
/* 登記贈品文案顏色 */
.Area_danji .danji_box ul li .activityText .gifts span { color: #fff0c4;}
/*-----04登記區-----*/
.Area_item .box .Area_danji{margin:0 auto;}
@media screen and (max-width:767px){
.Area_item .box {width: 96%;margin: 0 auto ;}
}
/*折價券*/
@media screen and (min-width:768px){
  .Area_coupon {height:100%;z-index: 1;}
  .Area_coupon .box {padding: 0;}
  .Area_coupon .PD_layout.BN {padding: 2% 0% 1% 0%;}
  }	
  @media screen and (max-width:767px){
  .Area_coupon { height:100%;z-index: 1;}	
  .Area_coupon .box {margin-bottom: 2vw;}
  }
  

/*四顆攻略*/
.Area_active .PD_layout.box ul{ grid-gap: 28px; width: 96%; }
@media screen and (max-width:767px){
  .Area_active .PD_layout.box ul{ grid-gap: 2vw; }
}

  /*06--超品限定(作圖區-6品)*/
  .Area_PD2 .box_bg1{ z-index:-1; position:absolute;display: block;margin-top:-42px;left:50%; transform: translateX(-50%); width:2000px; height:103%; background:linear-gradient(130deg, #fdf3b9, #fdc27b, #fdf3b9, #fdf3b9, #fdc27b); background-repeat:repeat; background-position:center top; pointer-events:none;}
@media screen and (min-width: 768px){
  .Area_PD2 .box_title{ margin-top: 95px;} 
  .Area_PD2 .PD_layout ul { padding-left: 10px; padding-right: 10px; grid-gap: 35px;}
}
@media screen and (max-width: 767px){
  .Area_PD2 .box_title{ margin-top: 10vw;} 
  .Area_PD2 .PD_layout ul { padding-left: 0; padding-right: 0; grid-gap: 0vw;}
  .Area_PD2 .box_bg1{ width:100vw; margin-top:-3vw; }
}
 


  /*07--超品限定(作圖區-6品)*/

  .Area_PD3 {padding: 50px 0 50px 0;}

  .Area_PD3 .box_bg1{ z-index:-1; position:absolute;display: block;margin-top:-45px;left:0; width:100%; height:100%; background-color: #fdc4ed;background-repeat:repeat; background-position:center top; pointer-events:none;}
  .Area_PD3 .box_bg2{ z-index:-1; position:absolute;display: block;margin-top:-45px;left:0; width:100%; height:100%; background-color: #abb7ff;background-repeat:repeat; background-position:center top; pointer-events:none;}
  .Area_PD3 .box_bg3{ z-index:-1; position:absolute;display: block;margin-top:-45px;left:0; width:100%; height:100%; background-color: #ffc79c;background-repeat:repeat; background-position:center top; pointer-events:none;}

  .Area_PD3 .title { position: absolute; top: 30px; left: 50%; transform: translateX(-50%); width: 960px;}
  .Area_PD3 .bgbluerepeat { padding: 0;/*background: url("Areabg_repty.png?t=1761791839324") center top/100% repeat-y scroll;height: 100%;top: 30px;position: relative;margin-bottom: 51px;*/}
  .Area_PD3 .bg {position: absolute;top:106px;left: 50%;transform: translateX(-50%);pointer-events: none;z-index:0;}	
  .Area_PD3 .PD_box ul li { position: relative;}
  .Area_PD3 .PD_box ul li .PD_img { padding: 0;}
  .Area_PD3 .PD_box ul li .PD_into { position: absolute; top:443px; left:49%; transform: translateX(-50%); width: 96%; z-index: 1;}
  .Area_PD3 .PD_box ul li .PD_into h3 { color: #000000; font-size: 22px;}
  /*.Area_PD3 .PD_box ul li .PD_into h3:after { content: ""; position: absolute; top: 2em; left: 50%; transform: translateX(-50%); width: 13em; height: 1px; background:#000000;}*/
  .Area_PD3 .PD_box ul li .PD_into h4 { color: #000000; font-size: 20px;}
  .Area_PD3 .PD_box ul li .PD_into p { height: 2.5em; color:#d62672;}
  .Area_PD3 .PD_box ul li .PD_into p del { font-size: 22px; color:#616161;}
  .Area_PD3 .PD_box ul li .PD_into p b { font-size: 20px;}
  .Area_PD3 .PD_box ul li .PD_into p .money { font-size: 22px;}
  .Area_PD3 .PD_box ul li .PD_into p .Price { font-size: 40px;}
  .Area_PD3 .bgbluerepeat .PD_box ul li .PD_img { padding: 2% 2% 0 2%; position: absolute; top: 13px; width: 97%;left: 7px;}
  .Area_PD3 .bgbluerepeat .PD_box ul li {position: relative; border-radius: 20px;background-color: #fff;height: 600px;}
  .Area_PD3 .bgbluerepeat .PD_layout ul{width: 90%;grid-gap: 15px;}
  /*公版上下標隱藏*/	
  .Area_PD3 .imgTagBottom {display:none!important;}
  .Area_PD3 .prdImgWrap .imgTagRectangle {display:none!important;}
  .Area_PD3 .prdImgWrap .imgTag {display:none!important;} 
  
  /*.Area_PD3 .bgbluerepeat .PD_layout.CX .prdImgWrap .imgTag {display:none!important;} */
  
  @media screen and (max-width:767px){
  .Area_PD3 {padding-bottom: 22vw !important;padding: 5vw 0 5vw 0;}
  .Area_PD3 .bgbluerepeat .PD_layout ul{width: 100%;}
  .Area_PD3 .bgbluerepeat { width: 97%;padding: 0;background:none;height: 100%;top: 85px;position: relative;margin-bottom: 51px;}
  .Area_PD3 .bg {position:absolute;top:0;}	

  .Area_PD3 .box_bg1, .Area_PD3 .box_bg2, .Area_PD3 .box_bg3{margin-top:-2vw;}
    
    .Area_PD3 .title { width: 100%;}
    .Area_PD3 .bgbluerepeat {padding:0 0 0 0;width:100%; margin: -22vw 0 0 0;}
    .Area_PD3 .bgbluerepeat .PD_layout ul{width:96%;grid-gap: 2vw;}
    .Area_PD3 .bgbluerepeat .PD_box ul li {padding-bottom: 3vw; border-radius:2vw;width: 100%;/*background: url("Area05bg.png?t=1742365296550") center top/ 100% no-repeat scroll;width: 100%;*/background-color: #fff;height: 70vw;margin-bottom: 2vw;}	
    .Area_PD3 .bgbluerepeat .PD_box ul li .PD_img { padding: 2% 2% 0 2%;  position: absolute;top: 2vw; width: 94%;left: 1.2vw;}
    .Area_PD3 .PD_box ul li {padding-bottom: 3vw;}	
    .Area_PD3 .PD_box ul { grid-gap: 2em 0;}
    .Area_PD3 .PD_box ul li .PD_into { top:46vw;}
    .Area_PD3 .PD_box ul li .PD_into h3 { font-size: 15px;}
    .Area_PD3 .PD_box ul li .PD_into h3:after { width: 10em;}
    .Area_PD3 .PD_box ul li .PD_into h4 { font-size: 15px; margin-bottom: 0;}
    .Area_PD3 .PD_box ul li .PD_into p { height: 2.5em;}
    .Area_PD3 .PD_box ul li .PD_into p del { font-size: 14px;}
    .Area_PD3 .PD_box ul li .PD_into p b { font-size: 14px;}
    .Area_PD3 .PD_box ul li .PD_into p .money { font-size: 16px;}
    .Area_PD3 .PD_box ul li .PD_into p .Price { font-size: 28px;}
    /*公版上下標隱藏*/	
  .Area_PD3 .imgTagBottom {display:none!important;}
  .Area_PD3 .prdImgWrap .imgTagRectangle {display:none!important;}
  .Area_PD3 .prdImgWrap .imgTag {display:none!important;} 
  
  }



/**08---/
/*輪播LOGO+文字入搞公版*/
.Area_PD4 {margin-bottom: 20px;border-radius: 1.5em;margin-top: 120px;}
.Area_PD4 .box{margin-bottom: 20px;padding-bottom: 35px;margin-top: 20px;background: url("PD1bg01.png?t=1761791839324") center top/ 100% no-repeat scroll;}
.Area_PD4 .box2{margin-bottom: 20px;padding-bottom: 20px;margin-top: 20px;background: url("PD1bg01.png?t=1761791839324") center top/ 100% no-repeat scroll;}
.Area_PD4 .Area_swiper_box {margin: 0 auto 15px;padding: 1.5% 1.5% 3.5%;overflow: hidden;grid-gap: 0;width: 94%;}
.Area_PD4 .swiper-pagination-black{--swiper-pagination-color: #fff;bottom:0px !important}
.Area_PD4 .PD_layout.PD_layout-D3_02 ul {padding-left: 5px;padding-right: 5px;}  
.Area_PD4 .PD_layout.PD_layout-D3_02 ul .PD .PD_logo{width: 26%;}  
.Area_PD4 .PD_layout.PD_layout-D3_02 ul li .PD h3{width: 52%;/* font-size: 1.3em; */line-height: 1em;color: #333;text-align: center;font: bold 52px/56px }  
.Area_PD4 .PD_layout.PD_layout-D3_02 h5{font: bold 43px/56px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;margin-top: 24px;margin-left: 34px;margin-bottom: 32px;}  
.Area_PD4 .PD_layout.PD_layout-D3_02 ul .PD .PD_into{gap: 0.5em;margin-top: 20px;}

@media screen and (max-width:767px){
.Area_PD4{margin-bottom: 2vw;margin-top: 12vw;}  
.Area_PD4 .Area_swiper_box {margin: 0 0 2% 1%;padding: 1% 0 5%;} 
.Area_PD4 .box{margin-top: 2vw;margin-bottom: 3vw;padding-bottom: 3vw;background: url("mbPD1bg01.png?t=1761791839324") center top/ 100% no-repeat scroll;}
.Area_PD4 .box2{margin-bottom: 3vw;}
.Area_PD4 .PD_layout.PD_layout-D3_02 ul .PD .PD_logo{width: 28%;}  
.Area_PD4 .PD_layout.PD_layout-D3_02 ul li .PD h3{width: 52%;/* font-size: 1.3em; */line-height: 1em;color: #333;text-align: center;}  
.Area_PD4 .PD_layout.PD_layout-D3_02 h5{font: bold 43px/56px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;margin-top: 24px;margin-left: 34px;margin-bottom: 32px;}  
.Area_PD4 .PD_layout.PD_layout-D3_02 ul .PD .PD_into{gap: 0.2em;margin-top: 1.3vw;}

/**區標**/	
.Area_PD4 .PD_layout-D3_02 .PD_layout .PD_into{display: flex;flex-direction: row;margin-top: 0;margin-bottom: 0vw;justify-content: space-around;}
.Area_PD4 .PD_layout-D3_02 .PD_layout .PD_into .PD_logo{width: 25%;left: 0;top: 0;position: relative;}  
.Area_PD4 .PD_layout-D3_02 .PD_layout .PD_into h3{width: 50%;font-size: 26px;line-height: 1.5em;color: #ffffff;margin-top: 0;}  


}






/*館架*/
.Area_guan .box_bg1{ z-index:-1; position:absolute;display: block;margin-top:-40px;left:50%; transform: translateX(-50%); width:2000px; height:160%;background:linear-gradient(130deg, #fdf3b9, #fdc27b, #fdf3b9, #fdf3b9, #fdc27b); background-repeat:repeat; background-position:center top; pointer-events:none;}

.Area_guan {margin-top:50px !important ;width:800px;margin-bottom:50px ;}
.Area_guan .PD_layout li {background:url("brand_bg.png?t=1761791839324") repeat;background-size: cover; background-size: 100%;margin: 0 auto !important;}
.Area_guan .PD_layout ul {margin: 0 auto !important;}
.Area_guan .PD_layout{margin: 0 auto !important;}
.Area_guan .PD_layout ul{display:inline-grid;}
.Area_guan .PD_layout .PD_img {padding:20px;}	  
.Area_guan .box1  .PD_layout:nth-child(odd){ width: 125%;margin-bottom: 4%}	
.Area_guan .box1  .PD_layout:nth-child(even){ width: 125%;margin-bottom: 4%}	
.Area_guan .box2  .PD_layout .PD {width:100%} 	  
.Area_guan .box2  .PD_layout:nth-child(odd){ width: 77%;margin-bottom: 4%}	
.Area_guan .box2  .PD_layout:nth-child(even){ width: 77%;margin-bottom: 4%}	 
@media screen and (max-width: 767px){
  .Area_guan {width: 100% !important;margin:10vw 0 10vw 0 !important}
  .Area_guan  .PD_layout ul {grid-gap:0em !important;}
  .Area_guan .PD_layout li {background:url("brand_bg.png?t=1761791839324") repeat;background-size: cover; background-size: 100%;margin: 0 auto !important;height:30vw !important ;}
  .Area_guan  .PD_layout li img{margin: 0 auto !important; }
  .Area_guan  .PD_layout .PD_img {padding:3.7vw;}	 

}
  


/*詳情浮層微調*/
#agree_more1 .agreeArea .itemwrap-gift-info .PD_slide .row-tt2 p { background: #1f2cff;}
#agree_more1 .agreeArea .itemwrap-gift-info .PD_slide .row-info.row-g { background: #eeeeee;}
#agree_more1 .agreeArea .itemwrap-gift-info .PD_slide .row-info.row-w { background: #fff;}
#agree_more1 .agreeArea .itemwrap-gift-info ul { margin-bottom: 1rem;}
  @media screen and (min-width:768px){
    #agree_more1 .agreeArea .itemwrap-gift-info .PD_slide .row-info p { width: 6.5em;}
  }
  @media screen and (max-width:767px){
    #agree_more1 .agreeArea .itemwrap-gift-info .PD_slide .row-info p { width: 6.7em;}
  }


/*品數校正*/
@media screen and (min-width:768px){
  .PD_layout[data-pd-col-pc="2"] ul { grid-template-columns: repeat(2, minmax(0, 1fr));}
  .PD_layout[data-pd-col-pc="3"] ul { grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media screen and (max-width:767px){
  .PD_layout[data-pd-col-phone="2"] ul { grid-template-columns: repeat(2, minmax(0, 1fr));}
}


.Area_bottom{margin-bottom:50px;}
@media screen and (max-width:767px){
 .Area_bottom {margin-bottom:3vw}
}





/*注意事項區*/
.edm_notice{ text-align:center; padding:10px 10px 15px 10px; color:#000 ; font:15px/24px Helvetica;}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }
@media screen and (max-width:767px){
  .edm_notice{ text-align:center; padding:2vw 2vw 3vw 2vw; color:#000 ; font:3.0vw/4vw Helvetica;}
.edm_notice .apple_notice{  padding:2vw 0vw 2vw 0vw; }

}



/*黏人精*/
.Area_hammerAD { z-index: 999999; position: fixed; bottom: 0; right: 0;}
.Area_hammerAD .box { position: relative; margin-right: 10px; opacity: 1;}
.Area_hammerAD img { width: 100%; height: auto; position: absolute; top: 0; left: 0;}
.Area_hammerAD .closeButton a { display: block; cursor: pointer; position: absolute; width: 20px; height: 20px; border-radius: 50%; font: bold 20px/1em "Century Gothic"; color: #FFF; text-align: center; background-color: rgba(0%,0%,0%,0.5); text-decoration: none; z-index: 2;}
.Area_hammerAD .Ahammer_text { position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center; width: 90%; color: #000; font-family: "Century Gothic","Noto Sans CJK TC"; font-weight: 700;}
.Area_hammerAD .Ahammer_black .img_0, .Area_hammerAD .img_1 { filter: brightness(0%);}
.Area_hammerAD .Ahammer_black .img_1 { filter: none;}
.Area_hammerAD .Ahammer_black .Ahammer_text { color: #fff;}
@media screen and (min-width:768px){
  .Area_hammerAD { position: fixed; z-index: 9999; left: 50%; right: auto; bottom: 250px; display: block; width: 210px; height: 200px; transform: translateX(618px) translate3d(0,200px,0);}
  .Area_hammerAD .closeButton a { top: 0; right: 0;}
  .Area_hammerAD .Ahammer_text { font-size: 2.3em; line-height: 1em; height: 1em; top: 40px;}
}
@media screen and (max-width:767px){
  .Area_hammerAD { display: block; width: 26%; transform: translate3d(0px, -215px, 0px) !important;}
  .Area_hammerAD .closeButton a { top: 1vw; right: 1vw;}
  .Area_hammerAD .Ahammer_text { font-size: 1.5em; line-height: 1.5em; height: 1.5em; top: 3.6vw;}
}