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

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

/* 輪播 */
[data-swiper-id] .PD_wrapper { flex-wrap: nowrap;}

@media screen and (min-width:768px){
  .WRAPPER { background: url(bg.jpg?t=1789117407834)top center no-repeat;}

}

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

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


/*PC背景*/
.bg_01 { 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_02 { z-index:-60; position:absolute; top:1200px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_deco1 { z-index: -10; position:absolute;top: 600px;left:0; width:100%; height:4000px; background-repeat:repeat-y; background-position:center top; pointer-events:none;mix-blend-mode: screen }
@media screen and (max-width:767px){
      .mo_top {z-index: 1;position:absolute;top: 44px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}	


  }


/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; font-size: 16px}
.Area a { display:block;} 
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Areabottom { margin-bottom:0px}
    @media screen and (min-width:768px){
        .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: translateY(-5px);
     -moz-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
       -o-transform: translateY(-5px);
          transform: translateY(-5px);}
	}
	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
        .Area96p { width: 96% }
        .Areabottom { margin-bottom:10vw }
	}


/*所有區標*/
.title {position: relative; margin:20px auto 18px; }
.title img {width:70%;  }

 @media screen and (max-width:767px){
.title { margin: 6% auto 5%;  }
.title img {width:90%;  }
.mo_top{
  z-index: -1;
  /* position: absolute; */
  top: 11vw;
  left: 0px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  pointer-events: none;
  background-size: 100%;
  }

}

/* 商品區 */
  @media screen and (max-width:767px){
      .Area_main {overflow: hidden;position: absolute;top: -3vw;left: 1vw;
        width: 50vw;
        filter: drop-shadow(2px 2px 10px #00000042);
        z-index: 5;
        .PD_layout[data-pd-col-pc="1"] .PD_wrapper{
          padding: 0;
          gap: 0;
          grid-template-columns: repeat(10, auto);
        }
        .swiper-pagination-bullet{
          width: 1.5vw;
          height: 1.5vw;
        }
      }
      
      .Area_PD{
        width: 100%;
        margin: 0 auto;
        .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper{
          /* gap: 3vw 2.5vw; */
          padding: 2.5vw 2vw 6vw;
          /* background: #f0f0f0; */
          border-radius: 3vw;
          
          
          
          

          /* 缺品補圖 */
          &::after{
            content: "";
            display: block;
            position: relative;
            width: 100%;
            background: url(Area_hotPD_bg.png?t=1789117407834) no-repeat center;
            background-size: 96%;
          }
          li.PD_slide:first-child{
            grid-column-start: 1;
          }
          li.PD_slide{
            /* border: 0; */
            /* background: #fff; */
            /* border-radius: 2vw; */
          }
          li.PD_slide .PD_img{
            padding: .5em;
          }
          li.PD_slide:nth-child(even){
            transform: translateY(0);
          }
        }
      
      }
  }

  @media screen and (min-width:768px){
    .Area_main {
      overflow: hidden;
      position: absolute;
      top: -20px;
      left: -12px;
      width: 27%;
      filter: drop-shadow(2px 2px 10px #00000042);
      z-index: 5;
      .PD_layout[data-pd-col-pc="1"] .PD_wrapper{
        padding: 0;
        gap: 0;
        grid-template-columns: repeat(10, auto);
      }
      .PD_layout li {
        transition: none;
      }
      .swiper-pagination-bullet{
        width: 6px;
        height: 6px;
      }
    }
    
    .Area_PD{
      .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper{
        /* 缺品補圖 */
        &::after{
          content: "";
          display: block;
          position: relative;
          width: 100%;
          background: url(Area_hotPD_bg.png?t=1789117407834) no-repeat center;
          background-size: 96%;
        }
        li.PD_slide:first-child{
          grid-column-start: 1;
        }
        li.PD_slide:nth-child(4n+3){
          /* border-right: 0; */
        }
        li.PD_slide:nth-child(4n){
          /* border-right: solid 1px #d1d1d1; */
        }
        li.PD_slide:last-child{
          border-right: 0;
        }
      }
    
    }
  }

  /* 商品區指定區塊顯示BN*/
  .PD_layout_momowow[data-pd-pdlogo] {
    .PD_into .PD_logo {
      display: none;
    }
    
    /* 商品區BN樣式JS自動補上class名稱，或限定ID */
    li#li_181,li#li_182,li#li_183,li#li_184,li#li_185,li#li_186,li#li_187,li#li_188,li#li_189,li#li_190,
    li#li_191,li#li_192,li#li_193,li#li_194,li#li_195,li#li_196,li#li_197,li#li_198,li#li_199,li#li_200,
    li.active--bn{
      overflow: hidden;
      background: transparent !important;
      &:hover {
        box-shadow: none; filter: brightness(105%);
      }
      .PD {
        * {
          display: none;
        }
        &, a, .PD_into , .PD_logo ,.PD_logo *  {
          display: block;
          width: 100%;
          height: 100%;
        }
        .PD_into {
          padding: 0;
        }
        .PD_logo img {
          object-fit: cover;
        }
      }
    }
  }








/*版頭品入稿*/
@media screen and (min-width:768px){

  .Area_demo {height: 398px;}
  .Area_demo .top_box_bg {margin-top: 121px;}
	.Area_demo .top_box_bg .PD_layout {width: 100%;overflow:hidden;padding-bottom: 0vw;}
	.Area_demo .top_box_bg .PD_layout ul {display:flex;padding: 0px;margin: 0;background-color: #ffffff00;}
	.Area_demo .top_box_bg .PD_layout ul li {background-color: #ffffff00;border: none;padding: 0;margin: 0;}
	.Area_demo .top_box_bg .PD_layout ul li .PD_img {padding: 0px;width: 47%;position: relative;top: -56px;}
	.Area_demo .top_box_bg .PD_layout ul li .PD_into {top: 164px;width: 46% !important;position: absolute;left: 23px;}
	.Area_demo .top_box_bg .PD_layout ul li .PD_into .PD_logo{height: 67px;position: relative;margin-left: 0;}
  .Area_demo .top_box_bg .PD_layout ul li .PD_into .PD_logo img{padding: 0;background-color: #ffffff00;}
  .Area_demo .top_box_bg .PD_layout ul li .PD_into h3{color: #343434;font-size: 35px;max-height: 1.6em;}
  .Area_demo .top_box_bg .PD_layout ul li .PD_into h4{color: #343434;font-size: 29px;}
  .Area_demo .top_box_bg .PD_layout ul li .today{color: #f200ca;position: absolute;left: 55px;font-size: 30px;top: 271px;font-weight: bold;}

  .Area_demo .top_box_bg .PD_layout .PD_into .money{font-size: 43px;} 
	.Area_demo .top_box_bg .PD_layout .PD_into .Price {font-size: 67px!important;}	
	.Area_demo .top_box_bg .PD_layout .PD_into p {height: 6.2em!important;line-height: 4em;color: #f300ca;}	
	.Area_demo .top_box_bg .PD_layout .PD_into .js-PD_del {font-size: 8px!important;}	
	.Area_demo .top_box_bg .PD_layout .swiper-pagination {position:relative;margin: 0;}
	.Area_demo .top_box_bg .swiper-pagination-clickable .swiper-pagination-bullet{background:#f200ca !important;}


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

  .Area_demo {height: 35vw;}
	.Area_demo .top_box_bg .PD_layout {width: 100%;overflow:hidden;padding-bottom: 0vw;margin-top: 14vw;}
	.Area_demo .top_box_bg .PD_layout ul {display:flex;padding: 0px;margin: 0;background-color: #ffffff00;}
	.Area_demo .top_box_bg .PD_layout ul li {background-color: #ffffff00;border: none;padding: 0;margin: 0;}
	.Area_demo .top_box_bg .PD_layout ul li .PD_img {padding: 0px;width: 50%;position: relative;top: -4vw;}
	.Area_demo .top_box_bg .PD_layout ul li .PD_into {top: 3vw;width: 60% !important;position: absolute;left: 3vw;}
  .Area_demo .top_box_bg .PD_layout .PD_into p {color: #f300ca;}	

  .Area_demo .top_box_bg .PD_layout ul li .PD_into .PD_logo{height: 2.5em;position: relative;margin-left: 0;}
  .Area_demo .top_box_bg .PD_layout ul li .PD_into .PD_logo img{padding: 0;background-color: #ffffff00;}
  .Area_demo .top_box_bg .PD_layout ul li .PD_into h3{color: #343434;font-size: 18px;max-height: 1.6em;top: 10vw;position: relative;}
  .Area_demo .top_box_bg .PD_layout ul li .today{color: #535353;position: absolute;left: 6vw;font-size: 0.8em;top:5vw;font-weight: bold;}
  .Area_demo .top_box_bg .PD_layout ul li .PD_into h4{color: #343434;margin-top: 10vw;margin-bottom: 0;}
  .Area_demo .top_box_bg .PD_layout ul li .PD_into h4 b{
    position: absolute;
    top: 4vw;
}

.Area_demo .top_box_bg .PD_layout .PD_into .Price {font-size:1.8em!important;}	
.Area_demo .top_box_bg .PD_layout .PD_into p {height: 2.2em!important ;color: #f300c4;}	
.Area_demo .top_box_bg .PD_layout .PD_into .js-PD_del {font-size: 8px!important;}	
.Area_demo .top_box_bg .PD_layout .swiper-pagination {position:relative;margin: 0;}
.Area_demo  .top_box_bg .swiper-pagination-clickable .swiper-pagination-bullet{background:#cdcdcd !important;}


} 


@media screen and (min-width:768px){
  .Area_demo .titile02 {width: 960px;position: absolute; top: -100px;}
  .Area_demo .titile02 ul{display: flex;}
  .Area_demo .titile02 .PD_layout ul li .PD_into h3{font-size: 53px;position: absolute;top: 181px;text-align: left;left: 26px;}
  .Area_demo .titile02 .PD_layout ul li .PD_into h3 span{max-width: 100%;padding: 0;background-color: rgb(255 255 255 / 0%);color: #fe9c00;     font-family: "Century Gothic", Noto Sans TC, "Microsoft JhengHei", system-ui, Helvetica;}
  .Area_demo .titile02 .PD_layout ul li .PD_into h4 {max-height: 45px!important;line-height: 40px;margin-left: 38%;display: flex;transform: translateX(40px);justify-content: space-between;/* width: 100%; */text-align: left;}
  .Area_demo .titile02 .PD_layout ul li .PD_into h4 b{font-size: 34px;color: #000;width: 46%;}
  .Area_demo .titile02 .PD_layout ul li .PD_into h4 span{font-size: 34px;color: #fff;width: 40%;}
}


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

  .Area_demo .titile02 {position: absolute;top: -13vw;width: 90%;z-index: 5;}
  .Area_demo .titile02 ul{display: flex;}
  .Area_demo .titile02 .PD_layout ul li .PD_into h3{font-size: 7vw;position: absolute;top: 16vw;text-align: left;left: 4vw;}
  .Area_demo .titile02 .PD_layout ul li .PD_into h3 span{max-width: 100%;padding: 0;background-color: rgb(255 255 255 / 0%);color: #fe9c00;     font-family: "Century Gothic", Noto Sans TC, "Microsoft JhengHei", system-ui, Helvetica;}
  .Area_demo .titile02 .PD_layout ul li .PD_into h4 {max-height: 5vw!important;line-height: 5vw;margin-left:40%;display: flex;transform: translateX(4vw);justify-content: space-between;width: 70%;text-align:left}
  .Area_demo .titile02 .PD_layout ul li .PD_into h4 b{font-size: 4vw;color: #000;width: 27vw;}
  .Area_demo .titile02 .PD_layout ul li .PD_into h4 span{font-size: 4vw;color: #fff;width: 26vw;}

  
  }
  

@media screen and (min-width: 768px) {
  .Area_activity { height: 100%; }
  .Area_activity .bg_02 { z-index: -1; position: absolute; top: 0px; left: -390px; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none;  }
  .Area_activity .bg_03 { z-index: -1; position: absolute; bottom: -70px; left: -390px; width: 2000px; height: 100%; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; }

  .Area_activity .layout_text { margin:42px auto 0; z-index: 99; width:86% !important; }

}
@media screen and (max-width: 767px) {
  .Area_activity { height: 100%; }
  .Area_activity .layout_text {margin: auto;padding-top:2vw;z-index: 99;width: 100%;}
  .Area_activity .layout_text ul { width: 100% !important; margin: auto !important; padding: 0;}
  .Area_activity .activity_bottom_mb{margin-top: -1vw;}

}

@media screen and (min-width: 768px) {

  .Area_brand .box .PD_layout ul{padding: 0;margin-bottom: 1px;        height: 99px;}
  .Area_brand .box .PD_layout ul li::after{content: "進店逛>";position: absolute;background-color: #f333d3;border-radius: 30px 0px 30px 0px;width: 80px;height: 21px;color: #fff;bottom: 18px;left: 0px;}

	  .Area_brand .box .PD_layout ul li .PD_img {padding: 0;}
    .Area_brand .box .PD_layout ul li .PD_img img{border-radius: 0;}

	  .Area_brand .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}
    .Area_brand .Area_boxstyle_pagination-white .swiper-pagination-bullet-active{background-color: #bbbbbb;}
    .Area_brand .Area_boxstyle_pagination-white .swiper-pagination-bullet{background-color: #bbbbbb;}
  }
  @media screen and (max-width: 767px) {
  .Area_brand .box {padding-bottom: 0;width: 95%;margin: 2vw auto 0vw;padding-top: 0vw;}	
	  .Area_brand .box .PD_layout {overflow:hidden;padding-top: 7vw;}	
	  .Area_brand .box .PD_layout ul {display:flex;padding: 0 !important;margin:0 !important ;grid-gap: 0;}
    .Area_brand .box .PD_layout ul li::after{content: "進店逛>";position: absolute;background-color: #f333d3;border-radius: 3vw 0vw 3vw 0vw;width: 16vw;height: 4.2vw;color: #fff;bottom: -1.2vw;left:0vw;font-size: 3.2vw;}
	  .Area_brand .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}
    .Area_brand .box .PD_layout ul li .PD_img img{border-radius: 0;}
	  .Area_brand .box .PD_layout .swiper-pagination {position:relative;margin: 0vw auto 3vw;}
    .Area_brand .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {background-color: #cdcdcd !important;}
  
  }


/*折價券共用*/
.Area_Coupon {}
.Area_Coupon .get_all {position: absolute;top: 82px;left: 925px;}
.Area_Coupon .get_all ul {margin: 0;padding: 0;list-style: none;}
@media screen and (max-width: 767px) {
  .Area_Coupon .get_all {position: absolute;top: 2.4vw;left: 2.5%;width: 25%;}
}
/*券樣式*/
.Area_Coupon .box .PD_coupon .PD_slide {background-size: 100%; background-repeat: no-repeat;background-position: center top;background-color: transparent;}
/*css內凹圓.Area_Coupon .PD_coupon .PD_slide { background: radial-gradient(20px at -2.5% 50%, transparent 50%, #fff 50%) center left, radial-gradient(20px at 102.5% 50%, transparent 50%, #fff 50%) center right; background-size: 50% 100%; background-repeat: no-repeat;}*/
.Area_Coupon .box .PD_coupon .PD p { height: 2.15em;line-height: 2.15em;color: #7570d4;font-size: 1.88em;}
.Area_Coupon .box .PD_coupon .PD p .Discount {font-size: 2.47em;font-weight: 700;font-family: Arial;letter-spacing: -0.02em;}
.Area_Coupon .box .PD_coupon .PD h3 {max-height: 2.5em;line-height: 2.5em;color: #6d6d6d;font-size: 1.5em;font-weight: normal;font-family: "Century Gothic", "微軟正黑體", "Microsoft JhengHei", Helvetica;}
.Area_Coupon .box .PD_coupon .PD p small {position: relative;top: -0.075em;font-size: 1.27em;font-weight: 900;}
.Area_Coupon .box .PD_coupon .PD h5 {margin: 0;color: #414141;font-size: 1em;font-weight: normal;font-style: italic;}
.Area_Coupon .box .PD_coupon .PD h5 .Deadline {font-family: Microsoft Tai Le, "微軟正黑體", "Microsoft JhengHei", Helvetica;}
@media screen and (min-width: 768px) {
  .Area02 .PD_layout-PDBN_01 .PD h3{color: #000;letter-spacing: 0;top: 45px;font-size: 49px;left: 18px;}
  .Area02 .PD_layout-PDBN_01 ul {padding: 0;margin: 0 2px 0 18px;width: 97.4%;}
}


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

  .Area02 .PD_layout-PDBN_01 .PD h3{color: #000 ;letter-spacing: -0.08em;top: 5vw;}
  .Area02 .PD_layout-PDBN_01 {margin-bottom: -1vw;}
}
/*按鈕*/
.Area_Coupon .box .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more {background: #ff3254;}
.Area_Coupon .box .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more b::after {content: "立即領取";}
.Area_Coupon .box .PD_layout[data-pd-btn] .PD_btn i {display: none;}
.Area_Coupon .box .PD_layout[data-pd-btn] .PD_btn span,
.PD_layout[data-pd-btn] .PD_btn.more span {-webkit-transform: none;transform: none;}
.Area_Coupon .box .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more {pointer-events: none;}
.Area_Coupon .box .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD a {pointer-events: none;}
.Area_Coupon .box .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD_btn.more {background: #333;pointer-events: inherit;}
.Area_Coupon .box .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD_btn.more b::after {content: "適用商品";}
/*裝飾圖*/
.Area_Coupon .box .PD_coupon .PD_slide:after {content: "";pointer-events: none;position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;background-position: center top;background-size: 100%;background-repeat: no-repeat;}
/*浮層調整*/

@media screen and (min-width: 768px) {
  .agree_more .container {margin: 5%;}
  .agree_more .container .pic {margin-bottom: 5%;}
  .agree_more .container .pic p {font-size: 26px;padding-bottom: 11px;}
}
@media screen and (max-width: 767px) {
  .agree_more .container {margin: 0 auto;width: 88%;height: auto;overflow: scroll;padding-top: 20px;}
  .agree_more .container .pic {margin-bottom: 7vw;}
  .agree_more .container .pic p {font-size: 4.5vw;padding-bottom: 2vw;}
}

@media screen and (min-width:768px){
  .Area_event {width: 885px;/*margin-top: -2vwborder-radius: 8vw 8vw 8vw 8vw; padding-top: .4em;margin-bottom:4vw;*/background-color: #ffffff;}
.Area_event .i_btn{position: absolute; right: 0;width: 28%;top: 0;z-index: 99}
.Area_event .layout_topic1 .PD_into { position: relative; top: 2vw; left: 33vw; width: 48%; text-align: left;}
.Area_event .layout_topic1 .PD_into h3 { font: bold 18px/50px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color: #000;}
.Area_event .layout_topic1 .PD_into h4 { font: bold 15px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color: #000;}
.Area_event .layout_topic1 .PD_slide {padding-bottom: 0!important;}
.Area_event .layout_topic1 ul { grid-gap: 2.5vw;}
.Area_event .layout_topic1 ul li { height: 26vw;}
.Area_event .layout_topic1 a { z-index: 10; position: absolute; top: 0; right: 0; width: 30%; height: 25vw;}
/*領券教學*/
.Area_event .box_tip .PD_layout ul { display: flex; flex-wrap: nowrap; padding: 0; grid-gap: 0;}
.Area_event .swiper-pagination { bottom: 0;}
.Area_event .swiper-pagination-bullet { background: #fff;}
/*複製領券*/
.Area_event .PD_copy {margin-bottom: 0vw;}
.Area_event .PD_copy ul {display: flex; padding: 0; width: 96%; gap: 0.4em;}
.Area_event .PD_img {padding: 0;}
.Area_event .PD_copy ul li img{border-radius: 2em}


  .Area_event .PD_copy .PD_into { padding: 0;text-align: center;}
  .Area_event .PD_copy .PD h3 {font: 900 1.5em / 1.8em Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;margin: auto 0;color: #1967ff;display: flex;padding-left: 1%;font-style: italic;align-items: center;height: 1.2em;}
  .Area_event .PD_copy .PD h3 i {display: none;}
  .Area_event .PD_copy .PD h3::before,
  .Area_event .PD_copy .PD h3::after {content: "";display: block;width: 1.1em;height: 1.1em;opacity: 1;}
  .Area_event .PD_copy .PD h3::after {background: url(star02.png?t=1789117407834) no-repeat;background-size: cover;}
  .Area_event .PD_copy .PD h3::before{background: url(star01.png?t=1789117407834) no-repeat;background-size: cover;}
  .Area_event .PD_copy .PD h4 {color: #000;font-size:46px;font-weight: 600;line-height: 1.35;margin: 0em 0 .1em;border-radius: 0em;padding: .5em 0 .5em 0;}
  .Area_event .PD_copy .PD .gobtn {margin-left: 531px;width: 29.5%;border-radius: 0em 0em 2em 2em;}
  .Area_event .PD_layout .PD h4 span {display: inline-block;font-size: 1.5em; font-weight: 700;-webkit-line-clamp: 1;white-space: normal;overflow:hidden;color: #ee3fbf;font-family: "Century Gothic", Noto Sans TC, "Microsoft JhengHei", system-ui, Helvetica; }
  .Area_event .PD_copy p {padding: 0;text-align: left;overflow: visible!important}
  .Area_event .PD_copy .money{font-size: .8em; color: #ef3fc0;}
  .Area_event .PD_copy p b{font: 700 1em / 1em  Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;margin: auto 0;color: #ef3fc0;font-style: italic}
  .Area_event .PD_copy p .Price{color: #ef3fc0;font: 900 1em / 1em  Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;font-style: italic}
  .Area_event .PD_copy p small{font: 700 1em / 1em  Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;margin: auto 0;color: #ef3fc0;font-style: italic}

    /*改成flex排列*/
    .Area_event .PD_copy .Area_copy {display: flex;justify-content: space-evenly;align-items: center;position: absolute;bottom: 25px;left: 115px;width: 46%;line-height: 78px;background-color: #919191;border-radius: 20em;}
    .Area_event .PD_copy .Area_copy .copyTxt {/*position: absolute; top: 10%; left: 2.5%; width: 7.7em; height: 80%;*/flex-basis: 247px;font-size: 28px;line-height: 62px;background-color: #fff;border-radius: 20em;font-weight: 700;overflow: hidden;}
    .Area_event .PD_copy .Area_copy .btn_copy {padding-right: .5em;}
    .Area_event .PD_copy .Area_copy .btn_copy button {padding: 0;background: none;border: none;color: #fff;font-size: 39px;font-weight: 600;font-family: Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
    /*h3前綴logo*/
    .Area_event .PD_copy .PD h3 span { position: relative; overflow: visible; }
/*    .Area_event .PD_copy .PD h3 span::before { content: ""; pointer-events: none; position: absolute; top: 50%; left: -16.8vw; transform: translateY(-50%); width: 15vw; height: 6.5vw; background-image:url(logo_after.png?t=1789117407834); background-position: center top; background-size: 100%; background-repeat: no-repeat;}*/

}


@media screen and (max-width: 767px) {
  .Area_event {background-color: #f5f5f5;width: 92%;/*margin-top: -2vwborder-radius: 8vw 8vw 8vw 8vw; padding-top: .4em;margin-bottom:4vw;*/}
.Area_event .i_btn{position: absolute; right: 0;width: 28%;top: 0;z-index: 99}
.Area_event .layout_topic1 .PD_into { position: relative; top: 2vw; left: 33vw; width: 48%; text-align: left;}
.Area_event .layout_topic1 .PD_into h3 { font: bold 18px/50px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color: #000;}
.Area_event .layout_topic1 .PD_into h4 { font: bold 15px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color: #000;}
.Area_event .layout_topic1 .PD_slide {padding-bottom: 0!important;}
.Area_event .layout_topic1 ul { grid-gap: 2.5vw;}
.Area_event .layout_topic1 ul li { height: 26vw;}
.Area_event .layout_topic1 a { z-index: 10; position: absolute; top: 0; right: 0; width: 30%; height: 25vw;}
/*領券教學*/
.Area_event .box_tip .PD_layout ul { display: flex; flex-wrap: nowrap; padding: 0; grid-gap: 0;}
.Area_event .swiper-pagination { bottom: 0;}
.Area_event .swiper-pagination-bullet { background: #fff;}
/*複製領券*/
.Area_event .PD_copy { margin-bottom: 0vw;}
.Area_event .PD_copy ul {display: flex; padding: 0; width: 96%; gap: 0.4em;}
.Area_event .PD_img {padding: 0;}
.Area_event .PD_copy ul li img{border-radius: 2em}


  .Area_event .PD_copy .PD_into { padding: 0;text-align: center;}
  .Area_event .PD_copy .PD h3 {font: 900 1.5em / 1.8em Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;margin: auto 0;color: #1967ff;display: flex;padding-left: 1%;font-style: italic;align-items: center;height: 1.2em;}
  .Area_event .PD_copy .PD h3 i {display: none;}
  .Area_event .PD_copy .PD h3::before,
  .Area_event .PD_copy .PD h3::after {content: "";display: block;width: 1.1em;height: 1.1em;opacity: 1;}
  .Area_event .PD_copy .PD h3::after {background: url(star02.png?t=1789117407834) no-repeat;background-size: cover;}
  .Area_event .PD_copy .PD h3::before{background: url(star01.png?t=1789117407834) no-repeat;background-size: cover;}
  .Area_event .PD_copy .PD h4 {color: #000;font-size: 1.1em;font-weight: 600;line-height: 1.35;margin: 0em 0 .1em;background-color: #ffffff;border-radius: 0em;padding: .5em 0 .5em 0;}
  .Area_event .PD_copy .PD .gobtn { margin-left: 61%; width: 30.5%;background-color: #f5f5f5;border-radius: 0em 0em 2em 2em;}
  .Area_event .PD_layout .PD h4 span {display: inline-block;font-size: 1.5em; font-weight: 700;-webkit-line-clamp: 1;white-space: normal;overflow:hidden;color: #ee3fbf;font-family: "Century Gothic", Noto Sans TC, "Microsoft JhengHei", system-ui, Helvetica; }
  .Area_event .PD_copy p {padding: 0;text-align: left;overflow: visible!important}
  .Area_event .PD_copy .money{font-size: .8em; color: #ef3fc0;}
  .Area_event .PD_copy p b{font: 700 1em / 1em  Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;margin: auto 0;color: #ef3fc0;font-style: italic}
  .Area_event .PD_copy p .Price{color: #ef3fc0;font: 900 1em / 1em  Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;font-style: italic}
  .Area_event .PD_copy p small{font: 700 1em / 1em  Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;margin: auto 0;color: #ef3fc0;font-style: italic}

    /*改成flex排列*/
    .Area_event .PD_copy .Area_copy { display: flex; justify-content: space-evenly; align-items: center; position: absolute;     bottom: .75em; left: 8.2%; width: 50%; line-height: 2.35; background-color: #919191; border-radius: 20em;}
    .Area_event .PD_copy .Area_copy .copyTxt { /*position: absolute; top: 10%; left: 2.5%; width: 7.7em; height: 80%;*/ flex-basis: 70%; font-size: 1.05em; line-height: 1.8; background-color: #fff; border-radius: 20em; font-weight: 700; overflow: hidden;}
    .Area_event .PD_copy .Area_copy .btn_copy { padding-right: .5em; /*text-align: right;*/}
    .Area_event .PD_copy .Area_copy .btn_copy button { padding: 0; background: none; border: none; color: #fff; font-size: 1.05em; font-weight: 600; font-family: Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
    /*h3前綴logo*/
    .Area_event .PD_copy .PD h3 span { position: relative; overflow: visible; }
/*    .Area_event .PD_copy .PD h3 span::before { content: ""; pointer-events: none; position: absolute; top: 50%; left: -16.8vw; transform: translateY(-50%); width: 15vw; height: 6.5vw; background-image:url(logo_after.png?t=1789117407834); background-position: center top; background-size: 100%; background-repeat: no-repeat;}*/

}




    @media screen and (min-width:768px){
      .Area_box01 .bg_01{z-index: -37;position:absolute;top: 30px;left: -390px;width: 2000px;height: 924px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
      .Area_box01 .bg_02 {z-index: -3;position: absolute;top:-20px;left: -390px;width: 2000px;background-repeat: repeat-y;background-position: center top;pointer-events: none;}
    
      .Area_box01 .top_box_bg{margin-bottom: 126px;}
      .Area_box01 .box01_content{padding: 4px 0 60px;/*margin-bottom: 90px*/;background: url(blue_bgg_pc.png?t=1789117407834)top center no-repeat;background-size: 72%;}
      .Area_box01 {z-index: 13;}	
      .Area_box01 .layout_text  {width:15%;overflow:hidden;margin:0 auto 0 -3vw;padding-top: 5vw;z-index: 9;padding-bottom: 3vw;position: absolute;}
    
      .Area_box01 .text{}
      .Area_box01 .text .PD_layout {width: 72%;margin: 52px auto -8px;}
      .Area_box01 .text .PD_layout ul {margin:0;padding:0;}
      .Area_box01 .text .PD_layout .PD_slide:hover{transform:none;}
      .Area_box01 .text .PD_layout .PD a {pointer-events: none!important}
    
    
      .Area_box01 .text .layout_text {width:50%;margin: 0px auto 0 129px;padding-top: 21px;}
      .Area_box01 .PD_layout {width: 91%;overflow:hidden;margin: auto;z-index: 10;padding-top: 26px;}	
      .Area_box01 .PD_layout ul {display:flex;width: 100%;margin: 0 !important;padding: 0 !important;}
      .Area_box01 .PD_layout ul li { border-radius: 0px;margin: 0px !important;}
      .Area_box01 .PD_layout ul li .PD_img img{border-radius: 0px;}
      .Area_box01 .PD_layout .PD_into .Price {}	
      .Area_box01 .PD_layout .swiper-pagination {position:relative;margin: 9px 0 13px;}
      .Area_box01 .swiper-pagination-clickable .swiper-pagination-bullet{background: #ffffff !important;}

      .Area_box01 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more b::after{content: "逛商店";color: #ffffff;}
      .Area_box01 .PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more{background-color: #052841;}
      .Area_box01 .PD_layout[data-pd-btn] .PD_btn{background-image: repeating-linear-gradient(45deg, #ff8400 -2%, #fe9c00 120%);}
      .Area_box01 .PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn b::after{content: "搶";color: #ffffff;}
      .Area_box01 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::before{background: url(fire.png?t=1789117407834)top center no-repeat;background-size: contain;top: 0.3em;width: 1.5em;height: 1.5em;}
      
        
        /**區標**/	
        .Area_box01 .text {margin-bottom: 3vw;width: 50%;margin: 12px auto 115px;}
        .Area_box01 .text .layout_text {margin: -72px auto -16px;padding-top: 35px;background: url(item_text_006.png?t=1789117407834)top center no-repeat;background-size: 100%;}
        .Area_box01 .text .layout_text ul {margin:0;padding:0;}
        .Area_box01 .text .layout_text .PD_slide:hover{transform:none;}
        .Area_box01 .text .layout_text .PD a {pointer-events: none!important}
        .Area_box01 .text .layout_text ul li .PD_into{}
        .Area_box01 .text .layout_text ul li .PD_into h3{position: absolute;font-size: 31px;left: 135px;top: -38px;color: #ffffff;}
        .Area_box01 .text .layout_text ul li .PD_into h4{position: absolute;color: black;left: 273px;font-size: 32px;top: -34px;font-weight: 800;}
    
    
     }


      @media screen and (max-width:767px){
    
      .Area_box01 .box01_content{margin-bottom: 5vw;background: url(blue_bgg.png?t=1789117407834) top center no-repeat;}
    
      .Area_box01 .box4_swiper .PD_layout {width: 95%;margin: 3vw auto 0;overflow: hidden;}
      .Area_bn01 .box .PD_layout ul{height: 47vw;}
      .Area_box01 {/* height: 128.5vw; */width: 100% !important;z-index: 9;}	
      .Area_box01 .layout_text  {width:100%;overflow:hidden;margin:-12vw auto 0 -1vw;padding-top: 0vw;z-index: 9;padding-bottom: 3vw;position: absolute;}
      .Area_box01 .PD_layout ul {padding: 0px;grid-gap: 0vw !important;margin: 0;border-radius: 0;}
    
      .Area_box01 .text {margin: 6vw auto 0vw;padding-top: 0vw;}
      .Area_box01 .text ul {margin:0 !important;padding:0 !important;}
      .Area_box01 .text .PD_slide:hover{transform:none;}
      .Area_box01 .text .PD a {pointer-events: none!important}
    
    
      .Area_box01 .PD_layout ul li .PD_img {padding:.2em;} 
      .Area_box01 .PD_layout ul li .PD_img img{border-radius: 0;} 
    
      .Area_box01 .PD_layout ul li {border-radius: 0;margin-right: 0 !important;}
      .Area_box01 .PD_layout .PD_into .Price {/* font-size: 21px!important; */}	
      .Area_box01 .PD_layout .PD_into p {height: 2.2em!important;}	
      .Area_box01 .PD_layout .PD_into .js-PD_del {/* font-size: 6px!important; */}	
      .Area_box01 .PD_layout .swiper-pagination {position:relative;margin:0vw 0 1vw;}
      .Area_box01 .swiper-pagination-clickable .swiper-pagination-bullet{background: #ffffff !important;}

      .Area_box01 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more b::after{content: "逛商店";color: #ffffff;}
      .Area_box01 .PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more{background-color: #052841;}
      .Area_box01 .PD_layout[data-pd-btn] .PD_btn{background-image: repeating-linear-gradient(45deg, #ff8400 -2%, #fe9c00 120%);}
      .Area_box01 .PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn b::after{content: "搶";color: #ffffff;}
      .Area_box01 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::before{background: url(fire.png?t=1789117407834)top center no-repeat;background-size: contain;top: 0.3em;width: 1.5em;height: 1.5em;}
    
 
 /**區標**/	
 .Area_box01 .text {position:relative;margin: 16vw auto 1vw;width: 100%;}
 .Area_box01 .text .layout_text {background: url(item_text_006.png?t=1789117407834)top center no-repeat;background-size: 100%;height: 15vw;}
 .Area_box01 .text .layout_text ul {/* margin-top: -4vw; */padding:0;}
 .Area_box01 .text .layout_text .PD_slide:hover{transform:none;}
 .Area_box01 .text .layout_text .PD a {pointer-events: none!important;}
 .Area_box01 .text .layout_text ul li .PD_into h3{position: relative;font-size: 22px; left: -23vw;top: -2vw;color: #ffffff;}
 .Area_box01 .text .layout_text ul li .PD_into h4{position: relative;color: black;left: 7vw;font-size: 22px; top:-11vw;font-weight: 800;}
 .Area_box01 .text .layout_text ul li .PD_into{/* position: relative; */}

    
    } 
    











    @media screen and (min-width: 768px) {
      .Area_btn .layout_PD{background-color: #919191;}

      .Area_btn { height: 100%; margin-bottom: -30px;}
      .Area_btn .bg_02 { z-index: -1; position: absolute; top: 0px; left: -390px; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none;  }
      .Area_btn .bg_03 { z-index: -1; position: absolute; bottom: -70px; left: -390px; width: 2000px; height: 100%; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; }
      .Area_btn .text{}
      .Area_btn .text .PD_layout {width: 72%;margin: 52px auto -8px;}
      .Area_btn .text .PD_layout ul {margin:0;padding:0;}
      .Area_btn .text .PD_layout .PD_slide:hover{transform:none;}
      .Area_btn .text .PD_layout .PD a {pointer-events: none!important}
   

.Area_btn .layout_text { margin:42px auto 0; z-index: 99; width:100% !important; }
      .Area_btn .layout_text ul { }
      .Area_btn .layout_text ul li {padding: 20px; }
      .Area_btn .layout_PD ul{background-color: #ffffff00;grid-gap:31px;width:93%;}
      .Area_btn .layout_PD ul li {background: url(btn_001.png?t=1789117407834)top center no-repeat;background-size: 100%;border: none;padding: 1vw;}
      .Area_btn .layout_PD ul li:nth-child(2) {background: url(btn_002.png?t=1789117407834)top center no-repeat;background-size: 100%;}
      .Area_btn .layout_PD ul li .PD_img{background-color: #ffffff00;margin-top: 34px;margin-right: -22px;}
      .Area_btn .layout_PD ul li .PD_img img{width: 90%;border-radius: 19px;}
      .Area_btn .layout_PD ul li .PD_into{margin-top:52px;text-align: left;margin-left: 25px;}
      .Area_btn .layout_PD ul li .PD_into h3{font-size: 34px;color: #484848;        line-height:34px;}
      .Area_btn .layout_PD ul li .PD_into h3 span{}
      .Area_btn .layout_PD ul li .PD_into h4{font-size: 34px;color: #484848;}

         /**區標**/	
         .Area_btn .text {margin-bottom: 3vw;width: 50%;margin:52px auto 0px;}
         .Area_btn .text .layout_text {margin: -32px auto -16px;padding-top: 35px;background: url(item_text_006.png?t=1789117407834)top center no-repeat;background-size: 100%;}
         .Area_btn .text .layout_text ul {margin:0;padding:0;}
         .Area_btn .text .layout_text .PD_slide:hover{transform:none;}
         .Area_btn .text .layout_text .PD a {pointer-events: none!important}
         .Area_btn .text .layout_text ul li .PD_into{}
         .Area_btn .text .layout_text ul li .PD_into h3{position: absolute;font-size: 31px;left: 106px; top: -44px;color: #ffffff;}
         .Area_btn .text .layout_text ul li .PD_into h4{position: absolute;color: black;left: 217px;font-size: 32px;top: -34px;font-weight: 800;}
    
    
    }
    @media screen and (max-width: 767px) {
      .Area_btn .layout_PD{background-color: #919191;}

      .Area_btn { height: 100%;margin-bottom: -3vw; }
      .Area_btn .text {margin: 6vw auto 0vw;padding-top: 0vw;}
      .Area_btn .text ul {margin:0 !important;padding:0 !important;}
      .Area_btn .text .PD_slide:hover{transform:none;}
      .Area_btn .text .PD a {pointer-events: none!important}


.Area_btn .layout_text {margin: auto;padding-top:0vw;z-index: 99;width: 100%;}
      .Area_btn .layout_text ul { width: 100% !important; margin: auto !important; padding: 0;}
      .Area_btn .layout_text ul li { }
      .Area_btn .activity_bottom_mb{margin-top:6vw;}

      .Area_btn .layout_PD ul{background-color: #ffffff00;grid-gap: 2vw;}
      .Area_btn .layout_PD ul li {background: url(btn_001.png?t=1789117407834)top center no-repeat;background-size: 100%;border: none;padding: 1vw;}
      .Area_btn .layout_PD ul li:nth-child(2) {background: url(btn_002.png?t=1789117407834)top center no-repeat;background-size: 100%;}
      .Area_btn .layout_PD ul li .PD_img{background-color: #ffffff00;margin-top: 4vw;margin-right: -2vw;width: 45%;}
      .Area_btn .layout_PD ul li .PD_img img{width: 100%;border-radius: 1.8vw;}
      .Area_btn .layout_PD ul li .PD_into{margin-top: 7vw;text-align: left;margin-left: 2vw;}
      .Area_btn .layout_PD ul li .PD_into h3{font-size: 19px;color: #484848;        line-height: 4vw;}
      .Area_btn .layout_PD ul li .PD_into h3 span{}
      .Area_btn .layout_PD ul li .PD_into h4{font-size: 19px;color: #484848;}

     /**區標**/	
 .Area_btn .text {position:relative;margin:6vw auto 1vw;width: 100%;}
 .Area_btn .text .layout_text {background: url(item_text_006.png?t=1789117407834)top center no-repeat;background-size: 100%;height: 15vw;}
 .Area_btn .text .layout_text ul {/* margin-top: -4vw; */padding:0;}
 .Area_btn .text .layout_text .PD_slide:hover{transform:none;}
 .Area_btn .text .layout_text .PD a {pointer-events: none!important;}
 .Area_btn .text .layout_text ul li .PD_into h3{position: relative;font-size: 22px; left: -23vw;top: -2vw;color: #ffffff;}
 .Area_btn .text .layout_text ul li .PD_into h4{position: relative;color: black;left: 7vw;font-size: 22px; top: -11vw;font-weight: 800;}
 .Area_btn .text .layout_text ul li .PD_into{/* position: relative; */}

    }
    




    @media screen and (min-width: 768px) {
      .Area_coupon_ppp .coupon_content{background: url(act_03.png?t=1789117407834)top center no-repeat;background-size: 100%;width: 86%;margin: auto;}
      .Area_coupon_ppp .Area_swiper_box{width: 90%;margin-top: 91px;margin-bottom: 29px;}
      .Area_coupon_ppp .get_all{width: 100%;margin: auto;}
      .Area_coupon_ppp .get_all .PD_img img{width: 100%;}
    }

    @media screen and (max-width: 767px) {
      .Area_coupon_ppp .coupon_content{background: url(act_03.png?t=1789117407834)top center no-repeat;background-size: 98%;margin:0vw auto;padding:8vw 0 0vw;}

    }





    @media screen and (min-width: 768px) {
      .Area_hatsale03 { height: 100%; }
      .Area_hatsale03 .hot_content {}
    
      .Area_hatsale03 .bg_01 { z-index: -27; position: absolute; top: -85px; left: -390px; width: 2000px; height: 189px; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
      .Area_hatsale03 .bg_02 { z-index: -28; position: absolute; top: 38px; left: -390px; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none; }
      .Area_hatsale03 .bg_03 { z-index: -45; position: absolute; bottom: -80px; left: -390px; width: 2000px; height: 69px; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; }
      .Area_hatsale03 .text {width: 55%;margin: 93px auto 0px;}
      .Area_hatsale03 .text .layout_text .PD_slide:hover { transform: none; }
      .Area_hatsale03 .text .layout_text .PD a { pointer-events: none !important; }
      .Area_hatsale03 .b_box {background: url(blue_bgg_pc.png?t=1789117407834)top center no-repeat;background-size: 100%;width: 95%;margin: auto;}
    
      .Area_hatsale03 .box .PD_layout {width: 86%;overflow: hidden;margin: 1px auto 4px;padding-bottom: 33px;}
      .Area_hatsale03 .box .PD_layout ul {display: flex;gap: 0px;width: 100%;padding: 0px;margin: 0px;background-color: #ffffff00;}
      .Area_hatsale03 .box .PD_layout ul li {background-color: rgb(255, 255, 255);border-radius: 0px;padding-bottom: 7px;/* margin-right: 0px !important; */}
      .Area_hatsale03 .box .PD_layout .PD_into .Price {}
      .Area_hatsale03 .box .PD_layout .swiper-pagination { position: relative; margin: 20px 0px 0px; }
      .swiper-pagination-clickable .swiper-pagination-bullet { background:rgb(0 0 0)  !important; }
      .Area_hatsale03 .PD_layout-btn { }
      .Area_hatsale03 .PD_layout-btn ul li .PD_into h3 { }
    
      /*公版*/		
      .Area_hatsale03 .layout_PD {width: 91%;padding-top: 0px;padding-bottom: 0px;}
      .Area_hatsale03 .layout_PD  ul {width:96%!important;margin:0 auto!important;padding:0!important;grid-gap: 0px !important;}
      .Area_hatsale03 .layout_PD  ul li {}
      .Area_hatsale03 .layout_PD  ul li a {color: #feced9}
      .Area_hatsale03 .layout_PD .PD p {position:absolute;top: -3px;left: 114px;color:#ffb4da;font-size: 31px;}
      .Area_hatsale03 .layout_PD .PD p .Price {font-size:1em;color: #000000;}
      .Area_hatsale03 .layout_PD .PD p .money {display: none !important;;}
      .Area_hatsale03 .layout_PD .PD_img {padding-top: 25px;width: 12% !important;margin-left: 193px;margin-top: -11px;position: absolute;}
      .Area_hatsale03 .layout_PD .PD_img img {border-radius:50%;}
      .Area_hatsale03 .layout_PD .PD_into {padding-top: 25px;text-align: left;margin-left: 344px;}
      .Area_hatsale03 .layout_PD .PD_into h4 {font-size: 29px;line-height: 53px;color: #ffffff;}
      .Area_hatsale03 .layout_PD .PD_into .js-PD_txt1 {}
       
        
      .Area_hatsale03 .layout_PD .PD_into .PD_btn{height: 32px;width: 67px;}
      .Area_hatsale03 .layout_PD .PD_into .PD_btn b{font-size: 21px;line-height: 34px;}
    
      .Area_hatsale03 .layout_PD .PD_into .PD_into_PDgo{position: absolute !important;top: 60px !important;left: 728px !important;display: none !important;}
      .Area_hatsale03 .PD_layout[data-pd-btn] .PD_into .PD_into_PDgo b{padding-left: .2em !important;}
    
      .Area_hatsale03 .PD_layout[data-pd-btn] .PD_into .PD_into_PDgo b::after{ content: "GO" !important;}
      .Area_hatsale03 .PD_layout[data-pd-btn] .PD_into .PD_into_PDgo b{background-color: #000000 !important;}
    
    
      .Area_hatsale03 .PD_layout[data-pd-btn] .PD_btn{background-image: repeating-linear-gradient(45deg, #ff4dd0 -2%, #ff4dd0 120%);}
    
               /**區標**/	
         .Area_hatsale03 .text {margin-bottom: 3vw;width: 50%;margin:89px auto 0px;}
         .Area_hatsale03 .text .layout_text {margin:-32px auto 11px;padding-top: 35px;background: url(item_text_006.png?t=1789117407834)top center no-repeat;background-size: 100%;}
         .Area_hatsale03 .text .layout_text ul {margin:0;padding:0;}
         .Area_hatsale03 .text .layout_text .PD_slide:hover{transform:none;}
         .Area_hatsale03 .text .layout_text .PD a {pointer-events: none!important}
         .Area_hatsale03 .text .layout_text ul li .PD_into{}
         .Area_hatsale03 .text .layout_text ul li .PD_into h3{position: absolute;font-size: 31px;left: 135px;top: -38px;color: #ffffff;}
         .Area_hatsale03 .text .layout_text ul li .PD_into h4{position: absolute;color: black;left: 273px;font-size: 32px;top: -34px;font-weight: 800;}

      }
      @media screen and (max-width: 767px) {
      .Area_hatsale03 { }
      .Area_hatsale03 .hot_content {}
      .Area_hatsale03 .box { }
      .Area_hatsale03 .box .PD_layout ul { width: 96%; margin-bottom: 0vw; }
      .Area_hatsale03 .text {width: 100%;margin: 0vw auto -3vw;padding-top: 7vw;}
      .Area_hatsale03 .text .PD_layout { z-index: 9; }
      .Area_hatsale03 .text .layout_text .PD_slide:hover { transform: none; }
      .Area_hatsale03 .text .layout_text .PD a { pointer-events: none !important; }
      .Area_hatsale03 .b_box {margin: 5vw auto;background: url(blue_bgg.png?t=1789117407834)top center no-repeat;background-size: 100%;width: 96%;}
      .Area_hatsale03 .b_box:nth-child(odd) {margin: 5vw auto;background: url(blue_bgg.png?t=1789117407834)top center no-repeat;background-size: 100%;width: 96%;}
      .Area_hatsale03 .text .layout_text .PD_slide:hover { transform: none; }
      .Area_hatsale03 .text .layout_text .PD a { pointer-events: none !important; }
      .Area_hatsale03 .box .PD_layout {padding-top: 0vw;overflow: hidden;width: 95%;margin-top: -5vw;}
      .Area_hatsale03 .box .PD_layout ul {display: flex;padding: 0px;gap: 0.3em;margin-left: 0px;border-radius: 0px;background-color: rgb(255 255 255 / 0%);}
      .Area_hatsale03 .box .PD_layout ul li {border: none;border-radius: 0;background-color: rgb(255, 255, 255);margin-right: 0px !important;}
      .Area_hatsale03 .box .PD_layout .PD_into .Price { font-size: 25px !important; }
      .Area_hatsale03 .box .PD_layout .PD_into p { height: 2.2em !important; }
      .Area_hatsale03 .box .PD_layout .PD_into .js-PD_del { font-size: 10px !important; }
      .Area_hatsale03 .box .PD_layout .swiper-pagination { position: relative; margin: 3vw 0px 1vw; }
      .swiper-pagination-clickable .swiper-pagination-bullet { background:rgb(187 187 187) !important; }
      .Area_hatsale03 .PD_layout-btn { padding: 0vw 0px 4vw; }
      .Area_hatsale03 .PD_layout-btn ul li .PD_into h3 { }
    
    
      /*公版*/		
      .Area_hatsale03 .layout_PD {top: -4vw;}
      .Area_hatsale03 .layout_PD  ul {width:96%!important;margin: 0vw auto 0!important;padding-top: 2vw;padding-bottom: 0;}
      .Area_hatsale03 .layout_PD  ul li {}
      .Area_hatsale03 .layout_PD  ul li a {color: #feced9}
      .Area_hatsale03 .layout_PD .PD p {position:absolute;top: -1vw;left: 13vw;color: #000000;}
      .Area_hatsale03 .layout_PD .PD p .Price {font-size: 0.9em;}
      .Area_hatsale03 .layout_PD .PD p .money {display: none !important;;}
      .Area_hatsale03 .layout_PD .PD_img {padding-top: 4vw;width: 23% !important;margin-left: 1vw;}
      .Area_hatsale03 .layout_PD .PD_img img {border-radius:50%; border: 0.1em solid #af9971;}
      .Area_hatsale03 .layout_PD .PD_into {padding-top: 6vw;text-align: left !important;width: 69% !important;padding-bottom: 0;}
      .Area_hatsale03 .layout_PD .PD_into h3{font-size: 1.4em;}
      .Area_hatsale03 .layout_PD .PD_into h4{font-size: 1.2em;color: #ffffff;font-weight: bold;}
      .Area_hatsale03 .layout_PD .PD_into .js-PD_txt1 {color: #ffffff;}
      
      .Area_hatsale03 .layout_PD .PD_into .PD_btn{height: 1em;}
      .Area_hatsale03 .layout_PD .PD_into .PD_btn b{font-size: .675em;line-height: 1.4em;}
    
      .Area_hatsale03 .layout_PD .PD_into .PD_into_PDgo{position: absolute !important;bottom: 0.8em !important;right: 1em !important;display: none !important;}
      .PD_layout[data-pd-btn] .PD_into .PD_into_PDgo b{padding-left: .2em !important;}
    
      .PD_layout[data-pd-btn] .PD_into .PD_into_PDgo b::after{ content: "GO" !important;}
      .PD_layout[data-pd-btn] .PD_into .PD_into_PDgo b{background-color: #000000 !important;}
      .Area_hatsale03 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{        background-color: #313131 !important;}

      /**區標**/	
      .Area_hatsale03 .text {position:relative;margin: 0vw auto -5vw;width: 100%;}
      .Area_hatsale03 .text .layout_text {background: url(item_text_006.png?t=1789117407834)top center no-repeat;background-size: 100%;height: 15vw;}
      .Area_hatsale03 .text .layout_text ul {/* margin-top: -4vw; */padding:0;}
      .Area_hatsale03 .text .layout_text .PD_slide:hover{transform:none;}
      .Area_hatsale03 .text .layout_text .PD a {pointer-events: none!important;}
      .Area_hatsale03 .text .layout_text ul li .PD_into h3{position: relative;font-size: 22px; left: -23vw;top: -2vw;color: #ffffff;}
      .Area_hatsale03 .text .layout_text ul li .PD_into h4{position: relative;color: black;left: 7vw;font-size: 22px; top: -11vw;font-weight: 800;}
      .Area_hatsale03 .text .layout_text ul li .PD_into{/* position: relative; */}
        
      }
    




      @media screen and (min-width:768px){
        .Area_new  {height:100%;}
        .Area_new .bg_01{z-index: -1;position:absolute;top: 182px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events:none;}
        .Area_new .bg_02{z-index: -5;position:absolute;top: 268px;left: -390px;width: 2000px;height: 780px;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
        .Area_new .bg_03{z-index: -1;position:absolute;bottom: -53px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center bottom;pointer-events:none;}
      
        /**區標**/	
        .Area_new .text {margin-bottom: 3vw;width: 50%;margin: 19px auto 11px;}
        .Area_new .text .layout_text {margin: 60px auto -17px;padding-top: 35px;background: url(item_text_006.png?t=1789117407834)top center no-repeat;background-size: 100%;}
        .Area_new .text .layout_text ul {margin:0;padding:0;}
        .Area_new .text .layout_text .PD_slide:hover{transform:none;}
        .Area_new .text .layout_text .PD a {pointer-events: none!important}
        .Area_new .text .layout_text ul li .PD_into{}
        .Area_new .text .layout_text ul li .PD_into h3{position: absolute;font-size: 31px;left: 135px;top: -38px;color: #ffffff;}
        .Area_new .text .layout_text ul li .PD_into h4{position: absolute;color: black;left: 273px;font-size: 32px;top: -34px;font-weight: 800;}
        
        .Area_new .nn_box{border-radius: 2em;} 
    
        /**公版入稿**/		
        .Area_new .layout_PD {width: 100%;padding-top: 21px;}
        .Area_new .layout_PD ul {/* background-color: #ffffff00; */grid-gap: 0em;width: 91%;border-radius: 1em;padding: 0;}
        .Area_new .layout_PD ul li{border-radius: 0;}
        .Area_new .layout_PD .PD .PD_into {border-radius: 0.5em;margin-top: 0vw;}
        .Area_new .layout_PD .PD .PD_into .PD_logo{height: 2em;margin-top: -5vw;border: 1px solid #d12922;border-radius: 1em;}
        .Area_new .layout_PD .PD .PD_into .PD_logo img{padding: 0 1em;}
        .Area_new .layout_PD .PD .PD_into p{}
        .Area_new .layout_PD .PD .PD_into .js-PD_del{}
        .Area_new .layout_PD .PD .PD_into h3{color: #fdebdd;}
      
        .Area_new .layout_PD .PD .js-PD_del {font-size: 12px !important;}
        .Area_new .layout_PD .PD .Price {}
        
        .Area_new .new_bottom{margin-top: -1vw;}



        
      }
      
      @media screen and (max-width:767px){
          .Area_new  {height:100%;}
          .Area_new .deco {position:absolute;width:100%;left:0;top:-10vw;z-index:5;pointer-events: none;}
          .Area_new .nn_box{} 
            
          /**區標**/	
          .Area_new .text {position:relative;margin: 7vw auto 1vw;width: 100%;}
          .Area_new .text .layout_text {background: url(item_text_006.png?t=1789117407834)top center no-repeat;background-size: 100%;height: 15vw;}
          .Area_new .text .layout_text ul {/* margin-top: -4vw; */padding:0;}
          .Area_new .text .layout_text .PD_slide:hover{transform:none;}
          .Area_new .text .layout_text .PD a {pointer-events: none!important;}
          .Area_new .text .layout_text ul li .PD_into h3{position: relative;font-size: 22px; left: -23vw;top: -2vw;color: #ffffff;}
          .Area_new .text .layout_text ul li .PD_into h4{position: relative;color: black;left: 7vw;font-size: 22px; top:-11vw;font-weight: 800;}
          .Area_new .text .layout_text ul li .PD_into{/* position: relative; */}

       
        /**公版入稿**/		
        .Area_new .layout_PD {width: 100%;margin: -2vw auto 1vw;padding-bottom: 3vw;}
        .Area_new .layout_PD ul {/* background-color: #ffffff00; */grid-gap: 0em;width: 95%;border-radius:0em;padding: 0 !important;}
        .Area_new .layout_PD ul li{border-radius: 0;}
        .Area_new .layout_PD .PD .PD_into {border-radius: 0.5em;margin-top: 0vw;}
        .Area_new .layout_PD .PD .PD_into .PD_logo{height: 2em;margin-top: -5vw;border: 1px solid #d12922;border-radius: 1em;}
        .Area_new .layout_PD .PD .PD_into .PD_logo img{padding: 0 1em;}
        .Area_new .layout_PD .PD .PD_into p{}
        .Area_new .layout_PD .PD .PD_into .js-PD_del{}
        .Area_new .layout_PD .PD .PD_into h3{color: #fdebdd;}
      
        .Area_new .layout_PD .PD .PD_into h4{}
        .Area_new .layout_PD .PD .js-PD_del {font-size: 12px !important;}
        .Area_new .layout_PD .PD .Price {}
        
        .Area_new .new_bottom{margin-top: -1vw;}

        
      
      
      
      }
    

/*活動倒數*/
@media screen and (min-width:768px){ 

.TimerNick001 {position: absolute;top:42px;left:30px;display: inline-block;z-index:8;text-align: center;letter-spacing: 0.3em;font-weight: 900;}
.TimerNick001 .FontStyle {display: inline-block;margin: 0 8px 0 5px;padding: 0;border: 0;font-size: 30px;color: #f200ca;letter-spacing:1px;text-align: center;}
.TimerNick001 span {padding-left: 2px;font-size: 23px;letter-spacing: 1px;color: #383838;white-space: nowrap;}
.TimerNick001 b { font-weight: normal;}
}
@media screen and (max-width:767px){
.TimerNick001  {top: -1.3vw;left: 4%;;display: flex;column-gap: 0.2em;text-align: left;position: absolute;}
.TimerNick001 .FontStyle {margin: -0.2em 0 0 0em;padding: 0;border: 0;font-size: 3.5vw;letter-spacing: -0em;color: #f200ca;}
.TimerNick001 span {padding-left: 0;font-size: 2.7vw;}
.TimerNick001 span:first-child{ margin-top: -0.1em; }
}








/*版頭品*/

@media screen and (min-width:768px){ 

.Area_title {z-index: 9;}
.Area_title .mmw_logo{position: absolute;left: 92px;top: 19px;}
.Area_title .mmw_logo img{width: 93%;}

}
@media screen and (max-width:767px){
  .Area_title {}
  .Area_title .mmw_logo{position: absolute;width: 34%;left: 3vw;top: 2vw;}
}






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

.lazy[data-bg=""][data-was-processed="false"], 
.lazy[data-bg=""][data-was-processed="false"]::before, 
.lazy[data-bg=""][data-was-processed="false"]::after, 
.lazy[data-bg=""][data-was-processed="false"] *::before, 
.lazy[data-bg=""][data-was-processed="false"] *::after {
  background-image:none !important;
}


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



  .Area .remove_box_style ul {background-color: transparent;gap: 10px;}
.Area .remove_box_style ul li { border: none !important; }
@media screen and (max-width: 767px) {
  .Area .remove_box_style ul { width: 100%; gap: 0.2em; }
  .Area .remove_box_style ul { }
}
.Area .swipwe_remove_box_style ul { gap: 0px; }
.Area .swipwe_remove_box_style ul li { background-color: rgb(255, 255, 255); border: none !important; }
.Area .swipwe_remove_box_style ul li, .Area .swipwe_remove_box_style ul li .PD_img img { }
@media screen and (max-width: 767px) {
  .Area .swipwe_remove_box_style ul { width: 100%; }
  .Area .swipwe_remove_box_style ul { }
}