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

/*基本*/
html, body{ font-size: inherit !important;}
body{ margin:0; padding:0;/* background-color: #00c3c6;*/ font-size: inherit !important; background-color: #f01c21;}


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

	
/*背景*/
.bg { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events: none;}
@media screen and (min-width:768px){
  .bg { min-width:1220px; height: 1320px;} 
  .bg01  { z-index:-1; background: url(bg01.jpg?t=1755675092485) no-repeat center top; height: 960px;}
/*.bg05  { z-index:-1; background: url(bg05.png?t=1755675092485) no-repeat center bottom; height: 816px; top: inherit; bottom: 0;}*/
}

@media screen and (max-width:767px){
  .bg { min-width:100%;}     
  .m_bg01  { z-index:-1; background: url(m_bg01.jpg?t=1755675092485) no-repeat center top; background-size: 100%;}
/*.m_bg02  { z-index:-2; background: url(m_bg02.png?t=1755675092485) no-repeat center top; background-size: 100%;}
  .m_bg05  { z-index:-3; background: url(m_bg05.png?t=1755675092485) no-repeat center bottom; background-size: 100%; top: inherit; bottom: 0;}*/
}


/*區塊_all*/
.Area { z-index:1; position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { 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);}
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Areabottom { margin-bottom: 110px;}
	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
    .Areabottom { margin-bottom:9vw;}
		/*區塊_切割*/
		.Area_1bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn a { float:left; margin:0 0 2% 0; padding:0; width:100%; list-style: none;}
		.Area_2bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2bn a { float:left; margin:0 1% 2%; padding:0; width:48%; list-style: none;}
		.Area_3bn { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn a { float:left; margin:0 1% 2% ; padding:0; width:31.3%; list-style: none;}
		.Area_1bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_1bn_nopadding a { float:left; margin:0; padding:0; width:100%; list-style: none;}
		.Area_2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_2bn_nopadding a { float:left; margin:0; padding:0; width:50%; list-style: none;}
		.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_3bn_nopadding a { float:left; margin:0; padding:0; width:33.3%; list-style: none;}
        .Area .go_bt:hover {
          -webkit-transform:none;
             -moz-transform:none;
              -ms-transform:none;
               -o-transform:none;
                  transform:none;}
	}
  @font-face { font-family:"Century Gothic"; src: url(GOTHIC.ttf);}
  @font-face { font-family:"Century Gothic bold"; src: url(GOTHICB.ttf);}



/*版頭*/
.Area_top { height: 589px;}
.momologo-white a:hover path { fill:#EA27C2; }/*LOGO 桃紅色*/
.Area_top .box_title { position: relative;}
.Area_top .topframe { position: absolute; top: 76px; left: 718px; border: 6px solid #030186; background-image: url(frameBG.png?t=1755675092485); background-position: center top; background-size: 100%; background-repeat: no-repeat;}
.Area_top .role { position: absolute; top: 0; left: 630px;}
.Area_top .momoco { z-index: 2; position: absolute; top: 47px; left: 0;}
.Area_top .deco01 { position: absolute; top: 352px; left: 202px;}
.Area_top .deco02 { z-index: 1; position: absolute; top: 114px; left: 666px;}
.Area_top .decoC1 { position: absolute; top: 263px; left: -268px;}
.Area_top .decoC2 { z-index: 4; position: absolute; top: 146px; left: 670px;}
	@media screen and (min-width:768px){
		.Area_top .box_title { position: absolute; top: 0; left:0;}
	}
	@media screen and (max-width:767px){
		.Area_top { height: 104.7vw;}
    .Area_top .topframe { top: 46.2vw; left: 20.4%; border: 1vw solid #030186; background-image: url(frameBG.png?t=1755675092485); background-position: center top; background-size: 100%; background-repeat: no-repeat;}
    .Area_top .role {top: -2vw;left: calc(47% + 1vw);width: 49vw;}
    .Area_top .momoco { top: 5%; left: 3%; width: 92.7%;}
    .Area_top .deco01 { top: 63%; left: 46%; width: 64.35%;} 
    .Area_top .deco02 { top: 51vw; left: 17%; width: 17.6%;}
    .Area_top .decoC1 { top: 35.7vw; left: 0; width: 100%;}
	}



/* --------------------------------------
 * page 輪播微調
 * -------------------------------------- */

/*輪播樣式調整--按鈕/小圓點/進度條*/
.Area_boxstyle_pagination .swiper-pagination-bullet { border-radius: 20px; width: 6px; height: 6px;
  -webkit-transition: opacity .3s, background-color .3s, width .3s;
          transition: opacity .3s, background-color .3s, width .3s;
  -webkit-transition-delay: .3s, .3s, 0s;
          transition-delay: .3s, .3s, 0s;}
.Area_boxstyle_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 24px;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.Area_boxstyle_pagination .swiper-pagination-bullet { background-color: #fff; opacity: 0.4;}
.Area_boxstyle_pagination .swiper-pagination-bullet-active { background-color: #fff; opacity: 1;}
.Area_boxstyle_pagination-white .swiper-pagination-bullet { background-color: #fff; opacity: 0.4;}
.Area_boxstyle_pagination-white .swiper-pagination-bullet-active { background-color: #fff; opacity: 1;}
.Area_boxstyle_button { color: #333; /*text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.6);*/ -webkit-transition: 0.2s; transition: 0.2s;}
.Area_boxstyle_button:hover { color: #fff; text-shadow: inherit;}
.Area_boxstyle_button.swiper-button-next::after,
.Area_boxstyle_button.swiper-button-prev::after { -webkit-transform: scale(0.8); transform: scale(0.8);}
.Area_boxstyle_button.swiper-button-next::before,
.Area_boxstyle_button.swiper-button-prev::before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; width: calc(var(--swiper-navigation-size) * 1.5); height: calc(var(--swiper-navigation-size) * 1.5);}
.Area_boxstyle_button.swiper-button-next::before,
.Area_boxstyle_button.swiper-button-prev::before { background-color: rgba(0, 0, 0, 0.25); opacity: 0;
  -webkit-box-shadow: inset 0 0 1px 1px #fff;
          box-shadow: inset 0 0 1px 1px #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.2s;
          transition: 0.2s;}
.Area_boxstyle_button.swiper-button-next::before { left: 45%;}
.Area_boxstyle_button.swiper-button-prev::before { left: 55%;}
.is-showhover2.Area_boxstyle_button.swiper-button-next::before,
.is-showhover2.Area_boxstyle_button.swiper-button-prev::before { width: calc(var(--swiper-navigation-size) * 2); height: calc(var(--swiper-navigation-size) * 2);}
.is-showhover2.Area_boxstyle_button.swiper-button-next::before { border-radius: 50% 0 0 50%; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%);}
.is-showhover2.Area_boxstyle_button.swiper-button-prev::before { border-radius: 0 50% 50% 0; -webkit-transform: translate(-60%, -50%); transform: translate(-60%, -50%);}
.is-showhover.Area_boxstyle_button.swiper-button-next:hover::before,
.is-showhover.Area_boxstyle_button.swiper-button-prev:hover::before { opacity: 1;}
  /*配色*/
  .Area_boxstyle_button.swiper-button-next::before,
  .Area_boxstyle_button.swiper-button-prev::before {
    background-color: rgba(255, 72, 0, 0.5);
    -webkit-box-shadow: inset 0 0 1px 1px #fefce9;
            box-shadow: inset 0 0 1px 1px #fefce9;}

  .Area_boxstyle_box .is-showhover2.Area_boxstyle_button.swiper-button-next::before,
  .Area_boxstyle_box .is-showhover2.Area_boxstyle_button.swiper-button-prev::before {
    background-color: rgba(139, 63, 13, 0.5);
    -webkit-box-shadow: inset 0 0 1px 1px #fefce9;
            box-shadow: inset 0 0 1px 1px #fefce9;}
  .Area_boxstyle_box2b .is-showhover2.Area_boxstyle_button.swiper-button-next::before,
  .Area_boxstyle_box2b .is-showhover2.Area_boxstyle_button.swiper-button-prev::before { background-color: rgba(11, 81, 146, 0.8);}
  .Area_boxstyle_button-white { color: #fff;}
  .Area_boxstyle_button.swiper-button-next:after,
  .Area_boxstyle_button.swiper-button-prev:after { -webkit-transform: scale(0.8); transform: scale(0.8);}
  .Area_boxstyle_button-white.swiper-button-next::before,
  .Area_boxstyle_button-white.swiper-button-prev::before { -webkit-box-shadow: inset 0 0 1px 1px #fff; box-shadow: inset 0 0 1px 1px #fff;}
  .Area_boxstyle_button-color2 { color: #1A3117;}
  .Area_boxstyle_button-color2.swiper-button-next::before,
  .Area_boxstyle_button-color2.swiper-button-prev::before { -webkit-box-shadow: inset 0 0 1px 1px #1A3117; box-shadow: inset 0 0 1px 1px #1A3117;}
  .Area_boxstyle_scrollbar.swiper-scrollbar { left: 2%; width: 96%; height: 3px; background-color: rgba(0, 0, 0, 0.2);}
  .Area_boxstyle_scrollbar .swiper-scrollbar-drag { background: #fff;}
  .Area_boxstyle_scrollbar-white .swiper-scrollbar-drag { background: #fff;}

/*輪播調整*/
.Area_swiper_box .pagination { -webkit-transform:scale(0.7); transform:scale(0.7);}
  @media screen and (min-width: 768px) {
    .Area_swiper { /*margin: 0 5px;*/ padding: 10px 57px 3px;}
    .Area_swiper img { width: 100%; height: auto;}
    .swiper-button-next { right: 20px;}
    .swiper-button-prev { left: 20px;}
  }
  @media screen and (max-width: 767px) {
    .Area_swiper { margin: 0; padding: 2vw 4.2% 1vw; width: 100%;}
  }



/*全區塊共用*/
.Area_boxstyle .box_title { margin-bottom: 26px;}
.Area_boxstyle .PD_layout .PD_slide:hover { -webkit-box-shadow: none; box-shadow: none;}
.Area_boxstyle .PD_layout .PD p .money { font-family:"Century Gothic bold", "Microsoft JhengHei", system-ui, Helvetica, Arial;}

  @media screen and (max-width:767px){
    .Area_boxstyle .box_title { margin-bottom: 6vw;}
  }



/*折價券共用*/
.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: 12.4vw; left: 38%; width: 22.8%;}
  }
  /*券樣式*/
  .Area_Coupon .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 .PD_coupon .PD p { height: 2.15em; line-height: 2.15em; color: #2b1edf; font-size: 1.88em;}
  .Area_Coupon .PD_coupon .PD p .Discount { font-size: 2.47em; /*font-weight: 700;*/ font-family:"Century Gothic bold", "Microsoft JhengHei", system-ui, Helvetica, Arial; letter-spacing: -0.02em;}
  .Area_Coupon .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 .PD_coupon .PD p small { position: relative; top: -0.075em; font-size: 1.27em; font-weight: 900;}
  .Area_Coupon .PD_coupon .PD h5 { margin: 0; color: #414141; font-size: 1em; font-weight: normal; font-style: italic;}
  .Area_Coupon .PD_coupon .PD h5 .Deadline { font-family: Microsoft Tai Le,"微軟正黑體","Microsoft JhengHei",Helvetica;}
    @media screen and (max-width:767px){
      .Area_Coupon .PD_coupon .PD p .Discount { letter-spacing: -0.25vw;}
      .Area_Coupon .PD_coupon .PD h3 { max-height: 1.9em; line-height: 1.9em;}
       
      /*h5單行超出隱藏*/
      .Area_Coupon .PD_layout .PD h5 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: normal; overflow: hidden;}
    }
    /*按鈕*/
    .Area_Coupon .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { background: #ff3254;}
    .Area_Coupon .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more b::after { content: "立即領取";}
    .Area_Coupon .PD_layout[data-pd-btn] .PD_btn i { display: none;}
    .Area_Coupon .PD_layout[data-pd-btn] .PD_btn span, .PD_layout[data-pd-btn] .PD_btn.more span { -webkit-transform: none; transform: none;}
    .Area_Coupon .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { pointer-events: none;}
    .Area_Coupon .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD a { pointer-events: none;}
    .Area_Coupon .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD_btn.more { background: #333; pointer-events: inherit;}
    .Area_Coupon .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD_btn.more b::after { content: "適用商品";}
    /*裝飾圖*/
    .Area_Coupon .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;}



/*01全站限時券*/
.Area_Coupon1 {}
.Area_Coupon1 .PD_coupon .PD_slide { overflow: visible; text-align: left;}
.Area_Coupon1 .PD_coupon .PD_slide:before { content: ""; pointer-events: none; position: absolute; top: -2%; right: 6%; display: block; width: 7.8%; height: 26.7%; background-image: url(icon-time.png?t=1755675092485); background-position: center top; background-size: 100%; background-repeat: no-repeat;}
.Area_Coupon1 .PD_coupon .PD:after { content: ""; pointer-events: none; position: absolute; top: -5.9%; left: -3.1%; display: block; width: 15%; height: 30%; background-image: url(PD_deco.png?t=1755675092485); background-position: center top; background-size: 100%; background-repeat: no-repeat;}
.Area_Coupon1 .PD_coupon .PD_into { padding: 2em; padding-left: 2.6em; width: 100%;}
.Area_Coupon1 .PD_coupon .PD h3 { position: absolute; top: 2.675em; left: 45.5%; width: 30%; max-height: 1.7em; line-height: 1.8em; /*font-size: 1.62em;*/}
.Area_Coupon1 .PD_coupon .PD h4 { position: absolute; top: 1.925em; left: 51%; max-height: 1.35em; line-height: 1.35em; color: #fff; font-size: 1.215em; overflow: inherit;}
.Area_Coupon1 .PD_coupon .PD h4 b { display: block; width: 5.15em; height: 1.45em; font-size: 0.9em; letter-spacing: 0.2em; text-align: center; background-color: #333; overflow: hidden;}
.Area_Coupon1 .PD_coupon .PD h4 b:before { content: ""; position: absolute; top: 0; right: 5.15em; width: 0; height: 0; border: 1em solid transparent; border-bottom-color: #333; border-width: 0em 0em 1.45em 0.4em;}
.Area_Coupon1 .PD_coupon .PD h4 b:after { content: ""; position: absolute; top: 0; left: 5.15em; width: 0; height: 0; border: 1em solid transparent; border-top-color: #333; border-width: 1.45em 0.4em 0em 0em;}
.Area_Coupon1 .PD_coupon .PD h4:after { content: "///"; position: absolute; top:0; left: -1.7em; width: 2em; height: 100%; color: #333; font-size: 0.8em; font-family: Antonio;} /*斜線*/
.Area_Coupon1 .PD_coupon .PD h5 { margin-top: 1.3em; padding-left: 0.15em;}
.Area_Coupon1 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { bottom: 3.5em; left: inherit; right: 5%; width: 20.7%;}
  /*按鈕狀態*/
  .Area_Coupon1 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more b.nextTime::after { display: none;}
  .Area_Coupon1 .PD_layout[data-pd-btn][data-pd-btn-more] .time_pre,
  .Area_Coupon1 .PD_layout[data-pd-btn][data-pd-btn-more] .time_end {pointer-events: none;}
  .Area_Coupon1 .PD_layout[data-pd-btn][data-pd-btn-more] .time_pre .PD_btn.more,
  .Area_Coupon1 .PD_layout[data-pd-btn][data-pd-btn-more] .time_end .PD_btn.more { background: #868686;}
  .Area_Coupon1 .PD_layout[data-pd-btn][data-pd-btn-more] .time_ing .PD_btn.more b.nextTime::after { display: block; content: "立即搶";}
  .Area_Coupon1 .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD_btn.more b.nextTime::after { display: block; content: "適用商品";}
	@media screen and (min-width:768px){
    .Area_Coupon1 { margin-bottom: 164px;}
    .Area_Coupon1 .box_title { margin-bottom: 35px;}
    .Area_Coupon1 .PD_layout ul { padding-left: 16px; padding-right: 16px;}
    .Area_Coupon1 .PD_coupon ul li { margin-bottom: 27px; margin-left: 32px; width: calc(50% - 32px * 0.5);}
    .Area_Coupon1 .PD_coupon .PD_slide { width: 578px; height: 180px; background-image: url(Coupon1_bg.svg);}
    .Area_Coupon1 .PD_coupon .PD_slide:after { background-image:url(PD_coupon1_deco.png?t=1755675092485);} /*裝飾圖*/
	}
	@media screen and (max-width:767px){
    .Area_Coupon1 { margin-bottom: 17.5vw;}
    .Area_Coupon1 .box_title { margin-bottom: 3.5vw;}
    .Area_Coupon1 .PD_layout { font-size: 3.15vw;}
    .Area_Coupon1 .PD_layout ul { padding-left: 5.6%; padding-right: 5.6%;}
    .Area_Coupon1 .PD_coupon ul li { margin-bottom: 1.7vw; transform: scale(0.95); transform-origin: top center;}
    .Area_Coupon1 .PD_coupon .PD_slide { height: 28.2vw; background-image: url(Coupon1_mbg.svg);}
    .Area_Coupon1 .PD_coupon .PD_slide:after { background-image:url(PD_coupon1_decoM.png?t=1755675092485);} /*裝飾圖*/
    .Area_Coupon1 .PD_coupon .PD_slide:before { width: 8.8%; height: 30.7%;}
    .Area_Coupon1 .PD_coupon .PD:after { top: -5.9%; left: -3.1%; width: 14%; height: 30%;}
    .Area_Coupon1 .PD_coupon .PD_into { padding-top: 1.825em; padding-left: 1.875em;}
    .Area_Coupon1 .PD_coupon .PD p { font-size: 1.6em;}
    .Area_Coupon1 .PD_coupon .PD h3 { top: 2.175em; left: 42.5%; width: 31%;}
    .Area_Coupon1 .PD_coupon .PD h4 { top: 1.425em; left: 49.2%; font-size: 1.25em;}
    .Area_Coupon1 .PD_coupon .PD h4 b { width: 5.2em; font-size: 0.925em;}
    .Area_Coupon1 .PD_coupon .PD h4 b:before { content: ""; position: absolute; top: 0; right: 5.2em; width: 0; height: 0; border: 1em solid transparent; border-bottom-color: #333; border-width: 0em 0em 1.45em 0.4em;}
    .Area_Coupon1 .PD_coupon .PD h4 b:after { content: ""; position: absolute; top: 0; left: 5.2em; width: 0; height: 0; border: 1em solid transparent; border-top-color: #333; border-width: 1.45em 0.4em 0em 0em;}
    .Area_Coupon1 .PD_coupon .PD h4:after { font-size: 0.7em;} /*斜線*/
    .Area_Coupon1 .PD_coupon .PD h5 { margin-top: 1.275em; margin-left: -0.55em; letter-spacing: -0.025em;}
    .Area_Coupon1 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { bottom: 3.575em; right: 4.2%; width: 22.5%; font-size: 0.905em;}
    .Area_Coupon1 .PD_layout[data-pd-btn] .PD_btn b { max-height: 1.9em; line-height: 1.9em; font-size: 1.275em;}
	}

  /*01新增限時限量券*/
  .Area_Coupon1 .PD_couponADD ul { padding-left: 0; padding-right: 0;}
  .Area_Coupon1 .PD_couponADD ul li { margin: 0;}
    @media screen and (min-width:768px){
      .Area_Coupon1 .Area_swiper { margin-top: 40px; padding: 10px 6px 3px; height: 205px;}
    }
    @media screen and (max-width:767px){
      .Area_Coupon1 .Area_swiper { margin-top: 2vw; height: 30vw;}
    }


/*02全站適用券*/
.Area_Coupon2 {}
.Area_Coupon2 .PD_coupon .PD .PD_into:after { content: "-------------------------"; position: absolute; bottom: 5.2em; left: 0; width: 100%; height: 1em; color: #595959; font-weight: 500; letter-spacing: 0.1em;} /*虛線*/
.Area_Coupon2 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { bottom: 2.4em; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 54.75%;}
	@media screen and (min-width:768px){
    .Area_Coupon2 .PD_layout ul { padding-left: 57px; padding-right: 57px;}
    .Area_Coupon2 .PD_layout ul li { margin-bottom: 16px; margin-left: 18px; width: calc(25% - 18px * 0.75);}
    .Area_Coupon2 .PD_layout ul li:nth-child(4n+1) { margin-left: 0;}
    .Area_Coupon2 .PD_layout .PD_slide { height: 364px; background-image: url(Coupon2_bg.svg);}
    .Area_Coupon2 .PD_coupon .PD_slide:after { background-image:url(PD_coupon2_deco.png?t=1755675092485);}
    .Area_Coupon2 .PD_layout .PD_into { padding-top: 3em; padding-bottom: 6.9em;}
	}
	@media screen and (max-width:767px){
    .Area_Coupon2 .PD_layout { padding-top: 2vw; font-size: 3.15vw;}
    .Area_Coupon2 .PD_layout ul li { margin-left: 1em; width: calc(50% - 1em * 0.5); transform: scale(0.88); transform-origin: top center; margin-bottom:-5vw;}
    .Area_Coupon2 .PD_layout ul li:nth-child(odd) { transform-origin: top right;}
    .Area_Coupon2 .PD_layout ul li:nth-child(even) { transform-origin: top left;}
    .Area_Coupon2 .PD_layout .PD_slide { height: 53.6vw; background-image: url(Coupon2_mbg.svg);}
    .Area_Coupon2 .PD_coupon .PD_slide:after { background-image:url(PD_coupon2_decoM.png?t=1755675092485);}
    .Area_Coupon2 .PD_layout .PD_into { padding-top: 2em; padding-bottom: 6.6em;}
    .Area_Coupon2 .PD_coupon .PD .PD_into:after { bottom: 5.3em; transform: scale(0.95);} /*虛線*/
    .Area_Coupon2 .PD_coupon .PD h5 { font-size: 0.875em; padding-right: 0.075em;}
    .Area_Coupon2 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { bottom: 2.3em;}
    .Area_Coupon2 .PD_layout[data-pd-btn] .PD_btn b { max-height: 1.9em; line-height: 1.9em; font-size: 1.275em;}
	}


/*03商品類別券(輪播)*/
.Area_Coupon3 {}
.Area_Coupon3 .PD_coupon .PD_slide { overflow: hidden; text-align: left;}
.Area_Coupon3 .PD_coupon .PD_img { margin: 0.6% 2% 0 3.4%; width: 21.4%;}
.Area_Coupon3 .PD_coupon .PD_img b { display: block; margin-top: -0.45em; color: #333; font-size: 1.3em; font-weight: 400; text-align: center;}
.Area_Coupon3 .PD_coupon .PD_into { padding-top: 1.55em; width: 86%;}
.Area_Coupon3 .PD_coupon .PD p { color: #2b1edf;}
.Area_Coupon3 .PD_coupon .PD h3 { position: absolute; top: 2.275em; left: 65.5%; width: 30%; max-height: 1.7em; line-height: 1.8em; /*font-size: 1.62em;*/}
.Area_Coupon3 .PD_coupon .PD h4 { position: absolute; top: 1.525em; left: 71%; /*width: 24%;*/ margin-bottom: 0.45em; max-height: 1.35em; line-height: 1.35em; color: #fff; font-size: 1.215em; overflow: inherit;}
.Area_Coupon3 .PD_coupon .PD h4 b { display: block; width: 5.55em; height: 1.45em; font-size: 0.9em; letter-spacing: -0.01em; text-align: center; background-color: #333; overflow: hidden;}
.Area_Coupon3 .PD_coupon .PD h4 b:before { content: ""; position: absolute; top: 0; right: 5.55em; width: 0; height: 0; border: 1em solid transparent; border-bottom-color: #333; border-width: 0em 0em 1.45em 0.4em;}
.Area_Coupon3 .PD_coupon .PD h4 b:after { content: ""; position: absolute; top: 0; left: 5.55em; width: 0; height: 0; border: 1em solid transparent; border-top-color: #333; border-width: 1.45em 0.4em 0em 0em;}
.Area_Coupon3 .PD_coupon .PD h4:after { content: "///"; position: absolute; top:0; left: -1.7em; width: 2em; height: 100%; color: #333; font-size: 0.8em; font-family: Antonio;} /*斜線*/
.Area_Coupon3 .PD_coupon .PD h5 { margin-top: 1.3em; padding-left: 0.15em;}
.Area_Coupon3 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { bottom: 1.2em; left: inherit; right: 5%; width: 20.7%;}
  /*輪播兩行*/
  .Area_Coupon3 .PD_layout ul { -ms-flex-wrap: wrap; flex-wrap: wrap; height: 800px;}
	@media screen and (min-width:768px){
    .Area_Coupon3 { padding-bottom: 41px; background-image: url(Area_Coupon3_bg.png?t=1755675092485); background-position: center top; background-repeat: no-repeat;}
    .Area_Coupon3 .box_title { position: absolute; top: 0; left: 113px;}
    .Area_Coupon3 .get_all { top: 810px;left: 75px;}
    .Area_Coupon3 .PD_layout .PD_slide { width: 578px; height: 172px; background-image: url(Coupon3_bg.svg);}
    .Area_Coupon3 .PD_coupon .PD_slide:after { background-image:url(PD_coupon3_deco.png?t=1755675092485);} /*裝飾圖*/
    /*.Area_Coupon3 .Area_swiper { margin-left: 385px; padding: 79px 101px 3px; width: 780px; height: 659px;}*/
    .Area_Coupon3 .Area_swiper { margin-left: 200px; padding: 80px 100px 3px 60px; width: 940px; height: 845px;}}
	@media screen and (max-width:767px){
    .Area_Coupon3 { padding-top: 8.8vw; padding-bottom: 6.5vw; background-image: url(m_Area_Coupon3_bg.png?t=1755675092485); background-position: center top; background-size: 100%; background-repeat: no-repeat;}
    .Area_Coupon3 .get_all { top: 20.8vw;}
    .Area_Coupon3 .PD_layout { font-size: 2.85vw;}
    .Area_Coupon3 .PD_layout ul { height: 110vw;}
    .Area_Coupon3 .PD_layout .PD_slide { height: 24.5vw; background-image: url(Coupon3_mbg.svg);}
    .Area_Coupon3 .PD_coupon .PD_slide:after { background-image:url(PD_coupon3_decoM.png?t=1755675092485);} /*裝飾圖*/
    .Area_Coupon3 .PD_coupon .PD_img { margin: 0.7% 1% 0 2.8%;}
    .Area_Coupon3 .PD_coupon .PD_img b { margin-top: -0.35em; font-size: 1.225em;}
    .Area_Coupon3 .PD_coupon .PD_into { padding-top: 1.45em; padding-bottom: 4.9em;}
    .Area_Coupon3 .PD_coupon .PD p { font-size: 1.6em;}
    .Area_Coupon3 .PD_coupon .PD h3 { top: 1.875em; left: 65%; width: 31%;}
    .Area_Coupon3 .PD_coupon .PD h4 { top: 1.025em; left: 70.5%; font-size: 1.25em;}
    .Area_Coupon3 .PD_coupon .PD h4 b { width: 5.2em; font-size: 0.925em; letter-spacing: -0.05em;}
    .Area_Coupon3 .PD_coupon .PD h4 b:before { content: ""; position: absolute; top: 0; right: 5.2em; width: 0; height: 0; border: 1em solid transparent; border-bottom-color: #333; border-width: 0em 0em 1.45em 0.4em;}
    .Area_Coupon3 .PD_coupon .PD h4 b:after { content: ""; position: absolute; top: 0; left: 5.2em; width: 0; height: 0; border: 1em solid transparent; border-top-color: #333; border-width: 1.45em 0.4em 0em 0em;}
    .Area_Coupon3 .PD_coupon .PD h4:after { font-size: 0.7em;} /*斜線*/
    .Area_Coupon3 .PD_coupon .PD h5 { margin-top: 1.2em; margin-left: -0.35em; font-size: .94em; letter-spacing: -0.025em;}
    .Area_Coupon3 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { bottom: 1.1em; right: 4.2%; width: 22.8%;}
    .Area_Coupon3 .PD_layout[data-pd-btn] .PD_btn b { max-height: 1.75em; line-height: 1.75em; font-size: 1.275em;}
    .Area_Coupon3 .Area_swiper { margin: 0 auto; padding:7vw 5.8% 0; width: 94%;}
	}

/*04各部錨點*/
.Area_Coupon4_menu{ margin: auto; width: 800px; }
.Area_Coupon4_menu .box{ display: flex; row-gap: 0.5em; column-gap: 3em; flex-wrap: wrap; justify-content: center; background-color: #ff7e11; border-radius: 10px; padding: 10px 50px; list-style: none; }
.Area_Coupon4_menu .box .Nav-slide{ position: relative; }
.Area_Coupon4_menu .box .Nav-slide a{ display: block; color:white; font-size: 1.2em; font-weight: 800;}
.Area_Coupon4_menu .box .Nav-slide:after{ content: ""; width: 1px; height: 64%; position: absolute; top: 26%; right: -25%; background-color: white;}
.Area_Coupon4_menu .box .Nav-slide:nth-child(6):after, .Area_Coupon4_menu .box .Nav-slide:nth-child(11):after{ display: none;}
@media screen and (max-width:767px){
	.Area_Coupon4_menu{  width: 90vw;margin-top: 10vw;}
	.Area_Coupon4_menu .box{ row-gap: 0.4em; column-gap: 2em;  border-radius: 10px; padding: 3vw 7vw; margin: -2vw auto;}
	.Area_Coupon4_menu .box .Nav-slide a{ font-size: 1em; }
	.Area_Coupon4_menu .box .Nav-slide:nth-child(3):after, .Area_Coupon4_menu .box .Nav-slide:nth-child(9):after{ display: none;}
}

/*04各部標題*/
.Area_Coupon4 .Area_swiper{ position: relative; padding-top: 136px; }
.tag_title{ width: 700px; position: absolute; top:-8px; left: 264px; }
.tag_title img{ width: 100%; }
@media screen and (max-width:767px){
	.Area_Coupon4 .Area_swiper{ position: relative; padding-top: 22vw; }
	.tag_title{ width: 100vw; top:1vw; left: 0; }
}


/*04各部品牌券(輪播)*/
.Area_Coupon4 {}
.Area_Coupon4 .PD_coupon .PD_slide { overflow: hidden;}
.Area_Coupon4 .PD_coupon .PD_slide:after { background-image:url(PD_coupon4_deco.png?t=1755675092485);}
.Area_Coupon4 .PD_coupon .PD_into { padding-top: 1.65em; padding-bottom: 5em;}
.Area_Coupon4 .PD_coupon .PD .PD_into:after { content: "------------------------"; position: absolute; bottom: 4.1em; left: 0; width: 100%; height: 1em; color: #595959; font-size: 1.06em; font-weight: 500; letter-spacing: 0.1em;} /*虛線*/
.Area_Coupon4 .PD_coupon .PD .PD_logo { margin-bottom: 0.5em; margin-left: 18%; width: 88%; height: 7.25em; background-color: #fff; border: solid 1px #333; border-radius: 10em 0 0 10em; overflow: hidden;}
.Area_Coupon4 .PD_coupon .PD .PD_logo img { margin-top: -10%; margin-left: 8%; width: 80%;}
.Area_Coupon4 .PD_coupon .PD p { font-size: 1.69em;}
.Area_Coupon4 .PD_coupon .PD h3 { max-height: 1.7em; line-height: 1.8em; /*font-size: 1.62em;*/}
.Area_Coupon4 .PD_coupon .PD h4 { margin-bottom: 0.45em; max-height: 1em; line-height: 1em; color: #414141; font-size: 1.215em;}
.Area_Coupon4 .PD_coupon .PD h5 { font-size: .94em;}
.Area_Coupon4 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { bottom: 1.3em; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 54.75%;}
  /*輪播兩行*/
  .Area_Coupon4 .PD_layout ul { }
	@media screen and (min-width:768px){
    .Area_Coupon4 { margin-bottom: 174px;}
    .Area_Coupon4 .PD_layout ul {}
    .Area_Coupon4 .PD_layout ul li { width: calc(25% - 18px * 0.75);}
    .Area_Coupon4 .PD_layout .PD_slide { height: 425px; background-image: url(Coupon4_bg.svg);}
	}
	@media screen and (max-width:767px){
    .Area_Coupon4 { margin-bottom: 17.9vw;}
    .Area_Coupon4 .PD_layout { font-size: 2.85vw;}
    .Area_Coupon4 .PD_layout .PD_slide { height: 65.3vw; background-image: url(Coupon4_bg.svg);}
    .Area_Coupon4 .PD_coupon .PD_into { padding-top: 1.45em; padding-bottom: 4.9em;}
    .Area_Coupon4 .PD_coupon .PD .PD_into:after { transform: scale(0.95);}
    .Area_Coupon4 .PD_coupon .PD .PD_logo { margin-bottom: 0.35em; height: 6.65em;}
    .Area_Coupon4 .PD_coupon .PD .PD_logo img { width: 77%;}
    .Area_Coupon4 .PD_coupon .PD p { font-size: 1.6em;}
    .Area_Coupon4 .PD_coupon .PD h3 { max-height: 1.6em;}
    .Area_Coupon4 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { bottom: 1.3em; width: 58%;}
    .Area_Coupon4 .PD_layout[data-pd-btn] .PD_btn b { max-height: 1.9em; line-height: 1.9em; font-size: 1.275em;}
	}


/*05領完這裡買*/
.Area_Coupon5 {}
.Area_Coupon5 .PD_coupon .PD_slide {}
	@media screen and (max-width:767px){
    .Area_Coupon5 { margin-bottom: 10vw;}
    .Area_Coupon5 .box_title { margin-bottom: 1.5vw;}
	}
  /*原版(輪播)*/
  /*.Area_Coupon5 .PD_coupon .PD_slide:after { background-image:url(hotsale_bg.png?t=1755675092485); z-index: -1;}
    @media screen and (min-width:768px){
      .Area_Coupon5 .Area_swiper { overflow: visible;}
    }
    @media screen and (max-width:767px){
      /*輪播兩行
      .Area_Coupon5 .PD_layout ul { -ms-flex-wrap: wrap; flex-wrap: wrap;}
    }*/

  /*0531改-9宮格*/
  .Area_Coupon5 .PD_layout li:not(:nth-child(3n)) { border-right: solid 1px #d1d1d1;}
  .Area_Coupon5 .PD_layout li:not(:nth-child(1)) { border-top: solid 1px #d1d1d1;}
  .Area_Coupon5 .PD_layout li:nth-child(2) { border-top: none;}
  .Area_Coupon5 .PD_layout li:nth-child(3) { border-top: none;}
  .Area_Coupon5 .PD_layout-D1_02B ul { background-color: #fff; overflow: hidden; justify-content: center;}
  .Area_Coupon5 .PD_layout-D1_02B ul li { margin: 0; width: 33.3%;}
  .Area_Coupon5 .PD_layout-D1_02B .PD_img { padding-top: .75em;}
  .Area_Coupon5 .PD_layout-D1_02B .PD_into { padding-top: .4em; padding-bottom: .4em;}
  .Area_Coupon5 .PD_layout-D1_02B .PD h3 { font-size: 1.125em; background-color: #2b1edf;}
  .Area_Coupon5 .PD_layout-D1_02B .PD h4 { font-size: 1em;}
    @media screen and (min-width:768px){
      .Area_Coupon5 .PD_layout-D1_02B { width: 864px; font-size: 1.625em; transform: scale(0.97); transform-origin: center top; margin-bottom: -33px;}
      .Area_Coupon5 .PD_layout-D1_02B ul { padding: 10px; border-radius: 15px;}
    }
    @media screen and (max-width:767px){
      .Area_Coupon5 { margin-bottom: 10vw;}
      .Area_Coupon5 .box_title { margin-bottom: 1.5vw;}
      .Area_Coupon5 .PD_layout-D1_02B { font-size: 3.75vw;}
      .Area_Coupon5 .PD_layout-D1_02B ul { width: 96%; padding: 2vw .4em; border-radius: 10px;}
      .Area_Coupon5 .PD_layout-D1_02B .PD h3 { padding: 0 1vw;}
    }

 @media screen and (min-width:768px){
.Area_Coupon6 {background:url(Area_Coupon4_bg.png?t=1755675092485) top center no-repeat;height: 500px;padding-top: 140px;}
.Area_Coupon6 ul {margin: 0 2%;}
}
@media screen and (max-width:767px){
.Area_Coupon6 {background:url(Area_Coupon4_bg.png?t=1755675092485) top center no-repeat;padding: 15vw 10% 0 10%;background-size: 80%; height: 45vw; left: -10%;}
.Area_Coupon6 ul {margin: 0 2%;}
}
/*06銀行回饋*/
.Area_bank {}
.Area_bank .PD_layout .PD_img { width: 38%;}
.Area_bank .PD_layout .PD_into { margin-left: -2%; padding: 1.075em 0; width: 55%;}
.Area_bank .PD_layout .PD p { color: #ff3254; font-size: 1.625em; font-weight: 800; font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica;}
.Area_bank .PD_layout .PD p .banktxt { color: #333; font-weight: 200;}
.Area_bank .PD_layout .PD p .money { font-family: "Century Gothic bold","微軟正黑體","Microsoft JhengHei",Helvetica;}
.Area_bank .PD_layout .PD p .Owned { font-size: 1.26em; font-family: "Century Gothic bold","微軟正黑體","Microsoft JhengHei",Helvetica;}
.Area_bank .PD_layout .PD .gobtn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 3.5%; width: 2em; height: 2em; color: #fff; font-size: 1.15em; line-height: 2em; text-align: center; font-weight: 700; font-family: "Century Gothic"; background-color: #333; border-radius: 20em;}
	@media screen and (min-width:768px){
    .Area_bank .box_title { margin-bottom: 32px;}
    .Area_bank .PD_layout ul { padding-left: 22px; padding-right: 22px;}
    .Area_bank .PD_layout ul li { margin-bottom: 16px; margin-left: 20px; width: calc(50% - 20px * 0.5);}
	}
	@media screen and (max-width:767px){
    .Area_bank .box_title { margin-bottom: 3.5vw;}
    .Area_bank .decoB1 { position: absolute; top: -8.4vw; left: 0;}
    .Area_bank .PD_layout { font-size: 2.65vw;}
    .Area_bank .PD_layout ul { padding-left: 4.5%; padding-right: 4.5%;}
    .Area_bank .PD_layout .PD_slide { margin-bottom: 0.8em; border-radius: 0.5em;}
    .Area_bank .PD_layout .PD_img {  padding: 0.5em; width: 35%;}
    .Area_bank .PD_layout .PD_into { margin-left: -2.9%; padding: 0.75em 0; width: 56%;}
    .Area_bank .PD_layout .PD p .Owned { letter-spacing: -0.1vw;}
	}


/*07強檔活動*/
.Area_eventBN {}
.Area_eventBN .PD_layout .PD_img { padding: 0;}
.Area_eventBN .PD_layout .date { margin: 0 auto 0.5em; width: 60%; color: #fff; font-size: 1.375em; line-height: 1.72; font-family: Microsoft Tai Le,"微軟正黑體","Microsoft JhengHei",Helvetica; background-color: #333; border-radius: 20em;}
	@media screen and (min-width:768px){
    .Area_eventBN { margin-bottom: 239px;}
    .Area_eventBN .box_title { margin-bottom: 47px;}
    .Area_eventBN .decoB2 { position: absolute; top: 410px; left: 1208px;}
    .Area_eventBN .Area_boxstyle_box { padding-top: 20px; padding-bottom: 12px; background-image:url(Area_boxstyle_repeat.png?t=1755675092485); background-repeat: repeat-y;}
    .Area_eventBN .PD_layout ul { padding-left: 22px; padding-right: 22px;}
    .Area_eventBN .PD_layout ul li { margin-top: 16px; margin-bottom: 15px; width: calc(50% - 20px * 0.5);}
    .Area_eventBN .PD_layout ul li:first-child, .Area_eventBN .PD_layout ul li:nth-child(2) { margin-top: 0;}
	}
	@media screen and (max-width:767px){
    .Area_eventBN .box_title { margin-bottom:0;}
    .Area_eventBN .decoB2 { position: absolute; top: -4.5vw; left: 0;}
    .Area_eventBN .Area_boxstyle_box { padding-top: 4vw; padding-bottom: 5.6vw; background-image:url(m_Area_boxstyle_repeat.png?t=1755675092485); background-size: 100%; background-repeat: repeat-y;}
    .Area_eventBN .Area_boxstyle_box:after { content:""; display:block; z-index:1; position:absolute; bottom:0; left:3%; width:94%; height:1em; border-bottom: solid 1px #ff9c55; pointer-events: none;}
    .Area_eventBN .PD_layout { font-size: 2.65vw;}
    .Area_eventBN .PD_layout ul { padding-left: 5.6%; padding-right: 5.6%;}
    .Area_eventBN .PD_layout ul li { margin-top: 3.2vw; /*margin-bottom: 15px;*/}
    .Area_eventBN .Area_swiper_box {padding-bottom: 7.5vw;}
	}

/*區塊1-輪播BN*/

  @media screen and (min-width: 768px){
    .Area_swiper_box .PD_layout li, .Area_swiper_box .PD_layout li .PD_img img {border-radius:20px}
  }
  @media screen and (max-width:767px){
    .Area_swiper_box .PD_layout li, .Area_swiper_box .PD_layout li .PD_img img {border-radius: 0.5em}
  }

/*可拖移廣告icon*/
.Area_hammerAD { z-index: 300; display: none; position: fixed; bottom: 0; right: 0; transform: translate3d(0,200px,0); /*background-color: rgba(0,0,0,0.5);*/}
.Area_hammerAD .box { position: relative; margin-right: 10px; opacity: 1;}
.Area_hammerAD img { width: 100%; height: auto;}
.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}
    @media screen and (min-width:768px){
      .Area_hammerAD { display: block; width: 140px;}
      .Area_hammerAD .closeButton a { top: 0; right: 0;}
    }
    @media screen and (max-width:767px){
      .Area_hammerAD { display: block; width: 22%;}
      .Area_hammerAD .closeButton a { top: 1vw; right: 1vw;}
    }
    @media screen and (min-width:1670px){
      .Area_hammerAD { right: inherit; left: 1500px;}
    }


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




/* --------------------------------------
 * 背景
 * -------------------------------------- */

/*區塊背景-共用設定*/
.Area_boxstyle .box_bg .bg_ { position: absolute; left: 0; width: 100%; background-position: center top; background-repeat: no-repeat;}
    @media screen and (min-width:768px){
			.Area_boxstyle .box_bg { pointer-events: none; z-index: -1; position: absolute; top: 0px; left: 50%; width: 2000px; margin: 0 auto; height: 100%; transform: translate(-50% ,0);}
/*.Area_Coupon1 .box_bg .bg_1 { pointer-events: none; z-index: -2; bottom: -115px; height: 527px; background-image: url(Area_Coupon1_bg.png?t=1755675092485); background-repeat: no-repeat;}
			.Area_Coupon1 .box_bg .bg_2 { pointer-events: none; z-index: -2; top: -152px; height: 1120px; background-image: url(Area_Coupon1_bgL.png?t=1755675092485); background-repeat: no-repeat;}
			.Area_Coupon1 .box_bg .bg_3 { pointer-events: none; z-index: -2; top: -152px; height: 1120px; background-image: url(Area_Coupon1_bgR.png?t=1755675092485); background-repeat: no-repeat;}
			.Area_Coupon2 .box_bg .bg_1 { pointer-events: none; z-index: -2; top: 308px; height: 2000px;  background-image: url(Area_Coupon2_bgL.png?t=1755675092485); background-repeat: no-repeat;}
			.Area_Coupon2 .box_bg .bg_2 { pointer-events: none; z-index: -1; top: 308px; height: 2000px; background-image: url(Area_Coupon2_bgR.png?t=1755675092485); background-repeat: no-repeat;}
			.Area_Coupon5 .box_bg .bg_1 { pointer-events: none; z-index: -3; top: -128px; height: 630px; background-image: url(Area_Coupon5_bg.png?t=1755675092485); background-repeat: no-repeat;}
			.Area_Coupon5 .box_bg .bg_2 { pointer-events: none; z-index: 2; top: -128px; height: 720px; background-image: url(bg05.png?t=1755675092485); background-repeat: no-repeat;}*/
    }
    @media screen and (max-width:767px){
		  .Area_boxstyle .box_bg { pointer-events: none; top: 0px;left:0%; width: 100%; margin: 0 auto; height: auto;}
/*..Area_Coupon1 .box_bg .bg_1 { pointer-events: none; z-index: -2; bottom: -12.8vw; height: 55vw; background-image: url(m_Area_Coupon1_bg.png?t=1755675092485); background-repeat: no-repeat; background-size: 100%; background-position: center top;}
			.Area_Coupon2 .box_bg .bg_1 { pointer-events: none; z-index: -2; top: 1vw; height: 100%; background-image: url(m_Area_Coupon2_bgL.png?t=1755675092485); background-repeat: repeat-y; background-size: 100%; background-position: center top;}
			.Area_Coupon2 .box_bg .bg_2 { pointer-events: none; z-index: -2; top: 2vw; height: 100%; background-image: url(m_Area_Coupon2_bgR.png?t=1755675092485); background-repeat: repeat-y; background-size: 100%; background-position: center top;}
			.Area_Coupon5 .box_bg .bg_1 { pointer-events: none; z-index: -2; top: -12vw; height: 100%; background-image: url(m_Area_Coupon5_bg.png?t=1755675092485); background-repeat: no-repeat; background-size: 100%; background-position: center top;}*/
		}

/*移動線條*/
.txtLine { position: absolute; width: 2034px; height: 38px; left: -407px; overflow: hidden; display: block; background: url(txtLine.png?t=1755675092485) repeat-x; /*background-color: #030186;*/ background-size: 100%; background-position: center;}
  .txtLine.Line1 { z-index: 3; top: 477px; transform: rotate(-5deg);}
  .txtLine.Line2 { bottom: -106px; transform: rotate(-0.5deg);}
  .txtLine.Line3 { z-index: -2; top: -97px; transform: rotate(-1.55deg);}
  @media screen and (max-width:767px){
    .txtLine { width: 240%; height: 5vw; left:-23%;}
      .txtLine.Line1 { top: 87.2vw;}
      .txtLine.Line2 { bottom: -10.6vw;}
      .txtLine.Line3 { top: -11.9vw;}
  }



/*
==============================================
floating
==============================================
*/

.floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 3s;	
	-webkit-animation-duration: 3s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(-5px);	
	}	
	100% {
		transform: translateY(0%);
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(-5px);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}







////////////////////////////////////////////////////////////

/*區塊_all*/
.Area {
  z-index: 1;
  position: relative;
  margin: 0 auto;
  padding: 0;
  border-radius: 0;
  text-align: center;
}
.Area a {
  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);
}
.Area1220 {
  margin: 0 auto;
  width: 1220px;
}
.Area960 {
  margin: 0 auto;
  width: 960px;
}
.Areabottom {
  margin-bottom: 110px;
}
@media screen and (max-width: 767px) {
  .Area1220 {
    width: 100%;
  }
  .Area960 {
    width: 100%;
  }
  .Areabottom {
    margin-bottom: 9vw;
  }
  /*區塊_切割*/
  .Area_1bn {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
  }
  .Area_1bn a {
    float: left;
    margin: 0 0 2% 0;
    padding: 0;
    width: 100%;
    list-style: none;
  }
  .Area_2bn {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
  }
  .Area_2bn a {
    float: left;
    margin: 0 1% 2%;
    padding: 0;
    width: 48%;
    list-style: none;
  }
  .Area_3bn {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
  }
  .Area_3bn a {
    float: left;
    margin: 0 1% 2%;
    padding: 0;
    width: 31.3%;
    list-style: none;
  }
  .Area_1bn_nopadding {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
  }
  .Area_1bn_nopadding a {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
  }
  .Area_2bn_nopadding {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
  }
  .Area_2bn_nopadding a {
    float: left;
    margin: 0;
    padding: 0;
    width: 50%;
    list-style: none;
  }
  .Area_3bn_nopadding {
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
  }
  .Area_3bn_nopadding a {
    float: left;
    margin: 0;
    padding: 0;
    width: 33.3%;
    list-style: none;
  }
  .Area .go_bt:hover {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@font-face {font-family: "Roboto";src: url(Roboto-Regular.ttf);}
@font-face {font-family: "Roboto Medium";src: url(Roboto-Medium.ttf);}
@font-face {font-family: "Roboto Bold"; src: url(Roboto-Bold.ttf);}

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

/*版頭*/
@media screen and (min-width: 768px) {
  .Area_top {height: 495px;}
  .Area_top .main {animation: fade-in; animation-duration: 1s;-webkit-animation: fade-in 1s; -moz-animation: fade-in 1s; -ms-animation: fade-in 1s; -o-animation: fade-in 1s;}
}
@media screen and (max-width: 767px) {
  .Area_top {height: 35vw;}
}
.Area_Coupon_c {margin-top: 2vw}
/*02*/
.Area02 .Area_box {border-radius: 2.5vw;padding: 1vw 0 1vw 2vw;width: 94%;margin: 0 auto;}
.Area02 .box_02 .PD_layout ul li {border-top: none;}
.Area02 .box_02 .PD_layout ul li:last-child {border: none;}
.Area02 .box_02 .PD_layout[data-pd-col-phone="4"] ul {grid-template-columns: repeat(4, minmax(0, 4fr));margin: 0 auto;padding: 0;}
.Area02 .A02_box_01 {width: 100%;margin: 0 auto;display: flex;box-sizing: border-box;}
.Area02 .A02_box_02 {margin: 0 auto;width: 96%;margin-bottom: 2vw;}
.Area02 .A02_box_02 ul {gap: 0;padding: 0;}
.Area02 .swiper-pagination-bullet {width: 8px !important;height: 8px !important;}
.Area02 .Area_Coupon_a .swiper-pagination-bullet {bottom: -1vw !important;}
.Area02 .swiper-pagination-bullet {background: #000;}
.Area02 .PD_layout-PDBN_01 .PD_logo img {border: none !important;box-shadow: none !important;}
.Area02 .PD_layout-PDBN_01 .PD_logo {position: absolute;right: 4%;bottom: 4%;}
.Area02 .PD_layout-PDBN_01 .PD h3 {top: 0;font-size: 1.1em;color: #fff;text-align: center;font-weight: 600;width: 42%;}
.Area02 .PD_layout-PDBN_01 .PD h4 {top: 9vw;font-size: 1.5em; line-height: 1;color: #000; text-align: left;font-style: italic}
@media screen and (min-width: 768px) {
  .Area02 .PD_layout .PD_into p {height: 4.2em; line-height: 4em;}
  .Area02 .PD_layout .PD_into p .Price {font-family: "Century Gothic" !important;font-size: 70px;}
  .Area02 .PD_layout .PD p b,.Area02 .PD_layout .PD p span,.Area02 .PD_layout .PD p small {font-size: 30px;}
  .Area02 .PD_layout .PD_into h4 {font-family: "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica, Arial;font-size: 41px; font-weight: bold;letter-spacing: 0px; top: 93px;}
  .Area02 .box_01 {width: 99.5%;margin-left: -3px;}
  .Area02 .box_02 .PD_layout {margin-bottom: 56px;}
  .Area02 .box_01 .Area_swiper_box { padding-bottom: 0px !important;}
  .Area02 .PD_layout-PDBN_01 .PD h3 {top: -7px;font-size: 3em; color: #fff; text-align: center;font-weight: 600;}
  .Area02 .PD_layout-PDBN_01 { width: 100%;}
}

@media screen and (max-width: 767px) {
  .Area02 .PD_layout .PD_into p .Price {font-family: "Century Gothic" !important;font-size: 8vw;}
  .Area02 .PD_layout .PD_into h4 {font-family: "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica, Arial;font-weight: bold;/*letter-spacing: -0.3vw;*/ margin: 0;}
  .Area02 .box_02 .PD_layout { margin-bottom: 5.8vw;}
  .Area02 .A02_box_03 {margin: 0 auto; width: 100%;}
  .Area02 .A02_box_03 ul {gap: 0;padding: 0;}
  .Area02 .box_04 .PD_layout ul {position: relative; padding: 0 3vw; width: 100%; justify-content: space-around; gap: 2vw; height: 12vw; left: 1vw; }
}
.Area02 .bg_wave { position: absolute; z-index: -1;}
@media screen and (min-width: 768px) {
  .Area02 .bg_wave2 { bottom: -310px; left: 0; }}
@media screen and (max-width: 767px) {
  .Area02 .bg_wave2 { bottom: -18vw; left: 0; }
}
.Area03{ position: relative; padding-top: 3vw;}
.Area03 .bg_wave {position: absolute; z-index: -1;}
@media screen and (min-width: 768px) {
  .Area03 .bg_wave3 {bottom: -310px; left: 0;}
}
@media screen and (max-width: 767px) {
  .Area03 .bg_wave3 { top: -45vw;left: 0;}
}
.more_btn {width: 40%;margin: 3vw auto 0;}
@media screen and (min-width: 768px) {
  .more_btn {margin: -10px auto 53px;}
}

/*浮層調整*/
@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; }
}

/*不要連結*/
.novariant.PD_layout .PD a {pointer-events: none;}
.novariant.PD_layout .PD_slide:hover { transform: none; filter: none;}





















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

  .Area_Coupon_bg::before{ content: ""; background:#1860a6; position: absolute; top:70px; left: 0; width: 100%; height: 98%; z-index: -2;}
    .PD_layout[data-pd-col-pc="1"] li {margin-bottom: 0px;width: 100%;}}
    .Area_Coupon_a .PD_layout ul{padding-left: 0;padding-right: 0;  }
    .Area_Coupon_b .PD_layout ul{padding-left: 0;padding-right: 0;  }
    .Area_Coupon_a .PD_layout li {margin-bottom: 0}
    .Area_Coupon_b .PD_layout li {margin-bottom: 0}
    .Area02 .Area_Coupon_a .swiper-pagination-bullet {bottom: -1vw !important;}
 @media screen and (max-width: 767px) { 
.Area02 .Area_Coupon_a .swiper-pagination-bullet {bottom: -1vw !important;}
.Area_Coupon_bg::before{ content: ""; background:#1860a6; position: absolute; top:7vw; left: 0; width: 100%; height: 100%; z-index: -2;}
  }

/************ 折價券 UI ************/
@media screen and (min-width: 768px) {
/*全區塊共用*/
.Area_Coupon_a p {font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}
.Area_Coupon_a span {font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}
.Area_Coupon_b  p {font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}
.Area_Coupon_b  span {font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}

/***************抵用券*******************/
.Area_Coupon_a {position: relative;padding-bottom: 8vw;}
.Area_Coupon_a .Area_swiper {margin: 0 auto;padding: 0;}
.Area_Coupon_a ul { display: flex; flex-wrap: nowrap; list-style: none; margin: 0 auto; padding: 0; background-color: #0000; width: 98%}
.Area_Coupon_a li { list-style: none; margin: 0 auto;}
.Area_Coupon_a .ppp_coupon .coupon_box { width: 450px; height: 232px; margin-top: 20px;}
.Area_Coupon_a .ppp_coupon .coupon_box a { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-box-align: stretch;-webkit-box-pack: start; -ms-flex-direction: row; -ms-flex-wrap: nowrap; -ms-flex-align: stretch; -ms-flex-pack: start; flex-direction: row;  flex-wrap: nowrap; justify-content: flex-start;  display: flex; align-items: stretch;}
}
@media screen and (max-width: 767px) {
  /*全區塊共用*/
  .Area_Coupon_a p {font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}
  .Area_Coupon_a span {font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}
  .Area_Coupon_b  p {font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}
  .Area_Coupon_b  span {font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}
  
  /**************抵用券*****************/
  .Area_Coupon_a {position: relative;/*padding-bottom: 8vw;*/}
  .Area_Coupon_a .Area_swiper { margin: 0 auto; padding: 0; }
  .Area_Coupon_a ul {display: flex; flex-wrap: nowrap; list-style: none; margin: 0 auto; padding: 0; background-color: #0000; width: 98%}
  .Area_Coupon_a li { list-style: none; margin: 0 auto; }
  .Area_Coupon_a .ppp_coupon .coupon_box { width: 100%; height: 100%; }
  .Area_Coupon_a .ppp_coupon .coupon_box a { -webkit-box-direction: normal; -webkit-box-orient: horizontal;  -webkit-box-align: stretch;  -webkit-box-pack: start; -ms-flex-direction: row; -ms-flex-wrap: nowrap; -ms-flex-align: stretch;  -ms-flex-pack: start; flex-direction: row; flex-wrap: nowrap;justify-content: flex-start; display: flex;align-items: stretch;}
  }


/**********************3P抵用券***************/

/*****PC*****/
@media screen and (min-width: 768px) {
  .Area_Coupon_a .Area_swiper {margin: 0; padding: 0; width: 924px;  height: 380px !important; border-radius: 0 0 20px 20px;  background-color: #f5f5f5; }
  .Area_Coupon_a .Area_swiper_box {width: 960px; }
  .Area_Coupon_a .PD_coupon ul { height: 280px !important; padding: 60px 0 0 0; }
  .Area_Coupon_a .PD_coupon li { margin: 0 0 0 0px !important;width: 650px !important;}
  .ppp_coupon { width: 900px; height: 32vw; margin: 0 auto; filter: drop-shadow(0.1em 0.1em 0.2em rgba(149 149 149 / 20%));}
  .ppp_coupon .coupon_box { display: inline-flex; width: 100%; height: 40vw; box-sizing: border-box;}
  .ppp_coupon .coupon_box .PD_logo {position: relative; width: 160px;}
  /*輪播設定*/
  .Area_Coupon_a .Area_swiper { margin: 0 auto;  padding:0; width: 96.5%;}
  .Area_Coupon_a .Area_swiper_box .pagination { bottom: 4vw !important;}
  /*左logo區*/
  .ppp_coupon .coupon_box .PD_logo .box { height: 100%; background: url(m_blue_Lbg_repeat.png?t=1755675092485) center left repeat-y; background-size: 188%;}
  .ppp_coupon .coupon_box .PD_logo .logo { padding: 0 1.5vw; width: 65%; margin-top: 1vw; }
  .ppp_coupon .coupon_box .PD_logo .logo img { width: 100%; border-radius: 50em; }
  .ppp_coupon .coupon_box .PD_logo .tag_L {position: relative; top: 0; width: 31%;}
  .ppp_coupon .coupon_box .PD_logo .tag_L img { width: 100%; height: 100%; }
  
  /*虛線*/
  .ppp_coupon .coupon_box .PD_logo .p_logo p {  padding: 0; line-height: 0; font-size: 27px; font-weight: 600; letter-spacing: -0.05em; }
  .ppp_coupon .coupon_box .PD_logo .p_logo.p01 {margin-top: -1vw;}
  .ppp_coupon .coupon_box .PD_logo .p_logo.p01 span p {color: #aed7ff;}
  .ppp_coupon .coupon_box .PD_logo .p_logo.p02 { margin-top: 0vw; color: #fff;}
  /*右文案區*/
  .ppp_coupon .coupon_box .PD_into { position: relative; width:450px; background-color: #fff; border-radius: 0 1em 1em 0;}
  .ppp_coupon .coupon_box .PD_into .box { padding-bottom: 120px;}
  .ppp_coupon .coupon_box .PD_into .tag_R { position: absolute; top: 0vw;right: 0vw; width: 85px;}
  .ppp_coupon .coupon_box .PD_into .tag_R b { font-size: 50px;}
  .ppp_coupon .coupon_box .PD_into .tag_R span { position: absolute; z-index: 5; top: -0.8vw;right: 0.9vw; color: #1860a6; }
  .ppp_coupon .coupon_box .PD_into .tag_R .tag_R_bg { position: absolute; top: 0vw;right: 0vw; width: 100%;}
  .ppp_coupon .coupon_box .PD_into .tag_R img { width: 100%;height: 100%;}
  .ppp_coupon .coupon_box .PD_into h2 { position: absolute; padding: 0 0.5em; top: -75px; left: 12px; font-size: 31px; text-align: center; line-height: 0.3; letter-spacing: -0.03em; color: #636161; background: #e7e7e7; border-radius: 30vw 30vw 30vw 0; text-shadow: none; word-break: keep-all; overflow: hidden;max-width: 74%; transform: none; white-space: nowrap;text-overflow: ellipsis;}
  .ppp_coupon .coupon_box .PD_into h3 {position: relative; text-align: left; line-height: 0; width:94%; top:30px; left:30px; color: #484848;font-size: 36px; }
  .ppp_coupon .coupon_box .PD_into h3 b { color: #f4237d; font-size: 75px;letter-spacing: -0.07em; }
  .ppp_coupon .coupon_box .PD_into h3 small {font-size: 38px; letter-spacing: -0.05em; }
  .ppp_coupon .coupon_box .PD_into h3 tiny {color: #939393; font-size: 20px; letter-spacing: -0.05em; padding-left: 0vw; }
  .ppp_coupon .coupon_box .PD_into h4 { position: relative; text-align: left; line-height: 0; width: 94%; top:40px; left:30px; color: #484848; }
  .ppp_coupon .coupon_box .PD_into h4 p { font-size:25px; letter-spacing: -0.01em; }
  .ppp_coupon .coupon_box .PD_into h4 b {font-size:32px;letter-spacing: -0.02em;}
  .ppp_coupon .coupon_box .PD_into h5 { position: relative; text-align: left; line-height: 0; width: 94%; top: 40px; left: 30px; font-size: 25px; letter-spacing: -0.04em; font-weight: normal; color: #777777; }
  /*按鈕*/
  .ppp_coupon .coupon_box .PD_btn.more { position: absolute; bottom: inherit;top:185px;right: -45px; width: 130px; }
  .ppp_coupon .coupon_box .PD_btn.more img {width: 100%; }
  .ppp_coupon .coupon_box .PD_btn i { display: none;}
  .ppp_coupon .coupon_box .PD_btn.more span { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; padding-right: 0.25em; height: auto; overflow: hidden; -webkit-transform: skewX(-7.5deg); transform: skewX(-7.5deg);}
  }
  
/*****MB*****/
@media screen and (max-width: 767px) {
.Area_Coupon_a .Area_swiper {  margin: 0;  height: 100%; border-radius: 0 0 5vw 5vw;background-color: #f5f5f5;}
.Area_Coupon_a .Area_swiper_box { width: 100%;}
.Area_Coupon_a .PD_coupon ul { height: 35vw !important; padding:6vw 0 3vw 6vw;}
.Area_Coupon_a .PD_coupon li { margin: 0 auto 3vw;}
.ppp_coupon { width: 95%; height: 32vw; margin: 0 auto; filter: drop-shadow(0.1em 0.1em 0.2em rgba(149 149 149 / 20%));}
.ppp_coupon .coupon_box { display: inline-flex; width: 100%; height: 40vw;box-sizing: border-box;}
.ppp_coupon .coupon_box .PD_logo { position: relative; width: 35%;}
/*輪播設定*/
.Area_Coupon_a .Area_swiper { margin: 0 auto;width: 96.5%;}
.Area_Coupon_a .Area_swiper_box .pagination {bottom: 4vw !important;}
/*左logo區*/
.ppp_coupon .coupon_box .PD_logo .box { height: 100%; background: url(m_blue_Lbg_repeat.png?t=1755675092486) center left repeat-y; background-size: 188%;}
.ppp_coupon .coupon_box .PD_logo .logo { padding: 0 5.5vw; width: 55%; margin-top: 2vw;}
.ppp_coupon .coupon_box .PD_logo .logo img { width: 100%; border-radius: 50em;}
.ppp_coupon .coupon_box .PD_logo .tag_L { position: relative; top: 0; width: 31%;}
.ppp_coupon .coupon_box .PD_logo .tag_L img { width: 100%; height: 100%;}

/*虛線*/
.ppp_coupon .coupon_box .PD_logo .p_logo p { padding: 0; line-height: 0; font-size: 4vw; font-weight: 600; letter-spacing: -0.05em;}
.ppp_coupon .coupon_box .PD_logo .p_logo.p01 { margin-top: -1vw;}
.ppp_coupon .coupon_box .PD_logo .p_logo.p01 span p { color: #aed7ff;}
.ppp_coupon .coupon_box .PD_logo .p_logo.p02 { margin-top: 5.5vw;color: #fff;}
/*右文案區*/
.ppp_coupon .coupon_box .PD_into { position: relative; width: 90%; background-color: #fff; border-radius: 0 0.5em 0.5em 0;}
.ppp_coupon .coupon_box .PD_into .box { padding-bottom: 12vw; margin-top: 7vw;}
.ppp_coupon .coupon_box .PD_into .tag_R { position: absolute; top: 0vw; right: 0vw;width: 19%;}
.ppp_coupon .coupon_box .PD_into .tag_R b { font-size: 5vw;}
.ppp_coupon .coupon_box .PD_into .tag_R span { position: absolute; z-index: 5; top: -2.5vw; right: 1.7vw; color: #1860a6;}
.ppp_coupon .coupon_box .PD_into .tag_R .tag_R_bg { position: absolute;top: 0vw; right: 0vw; width: 100%;}
.ppp_coupon .coupon_box .PD_into .tag_R img { width: 100%; height: 100%;}
.ppp_coupon .coupon_box .PD_into h2 { position: absolute; padding: 0 0.5em; top: -5.5vw; left: 3vw; font-size: 3.5vw; text-align: center; line-height: 0.3; letter-spacing: -0.03em; color: #636161; background: #e7e7e7; border-radius: 30vw 30vw 30vw 0; text-shadow: none; word-break: keep-all; overflow: hidden; max-width: 74%; transform: none; white-space: nowrap; text-overflow: ellipsis;}
.ppp_coupon .coupon_box .PD_into h3 { position: relative; text-align: left; line-height: 0; width: 94%; top: 5vw; left: 3vw; color: #484848; font-size: 1.3em;}
.ppp_coupon .coupon_box .PD_into h3 b { color: #f4237d; font-size: 10vw; letter-spacing: -0.07em;}
.ppp_coupon .coupon_box .PD_into h3 small { font-size: 7.5vw; letter-spacing: -0.05em;}
.ppp_coupon .coupon_box .PD_into h3 tiny {color: #939393; font-size: 3vw; letter-spacing: -0.05em; padding-left: 1vw;}
.ppp_coupon .coupon_box .PD_into h4 {position: relative; text-align: left; line-height: 0; width: 94%; top: 7vw; left: 3vw; color: #484848;}
.ppp_coupon .coupon_box .PD_into h4 p { font-size: 4.5vw; letter-spacing: -0.01em;}
.ppp_coupon .coupon_box .PD_into h4 b { font-size: 4.8vw; letter-spacing: -0.02em;}
.ppp_coupon .coupon_box .PD_into h5 { position: relative; text-align: left; line-height: 0; width: 94%; top: 6vw; left: 3vw; font-size: 3.2vw; letter-spacing: -0.04em; font-weight: normal; color: #777777;}
/*按鈕*/
.ppp_coupon .coupon_box .PD_btn.more { position: absolute; bottom: 2.5vw; right: 1.2vw; width: 25%;}
.ppp_coupon .coupon_box .PD_btn.more img { width: 100%;}
.ppp_coupon .coupon_box .PD_btn i { display: none;}
.ppp_coupon .coupon_box .PD_btn.more span { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; padding-right: 0.25em; height: auto; overflow: hidden; -webkit-transform: skewX(-7.5deg); transform: skewX(-7.5deg);}
}


/****************免運券***********************/

@media screen and (min-width: 768px) {
  .p_logo.p01 { display: none;}
  .Area_Coupon_b  { position: relative; margin: 0 auto; padding-bottom: 2vw;}
  .Area_Coupon_b  .Area_swiper { margin: 0 auto; padding: 0; height:350px !important;}
  .Area_Coupon_b  ul { display: flex;flex-wrap: nowrap; list-style: none; margin: 0 auto; padding: 0; background-color: #0000; width: 98% !important;}
  .Area_Coupon_b  li { list-style: none; margin: 0 auto;}
  .Area_Coupon_b  .ppp_coupon2 .coupon_box { width: 450px; height: 232px; margin-top: 20px;}
  .Area_Coupon_b  .ppp_coupon2 .coupon_box a { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-box-align: stretch; -webkit-box-pack: start; -ms-flex-direction: row; -ms-flex-wrap: nowrap; -ms-flex-align: stretch; -ms-flex-pack: start; flex-direction: row; flex-wrap: nowrap;justify-content: flex-start; display: flex; align-items: stretch;}
  }

@media screen and (max-width: 767px) {
.p_logo.p01 {display: none;}
.Area_Coupon_b  { position: relative; margin: 0 auto; padding-bottom: 3vw;}
.Area_Coupon_b  .Area_swiper { margin: 0 auto; padding: 0;}
.Area_Coupon_b  ul { display: flex; flex-wrap: nowrap; list-style: none; margin: 0 auto; padding: 0; background-color: #0000	;width: 98%;
/*  border-left: 5px solid #ff0;
  border-right: 5px solid #ff0;
  border-top: 5px solid #ff0;*/}
.Area_Coupon_b  li {list-style: none; margin: 0 auto;}
.Area_Coupon_b  .ppp_coupon2 .coupon_box { width: 100%; height: 100%;}
.Area_Coupon_b  .ppp_coupon2 .coupon_box a { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-box-align: stretch; -webkit-box-pack: start; -ms-flex-direction: row; -ms-flex-wrap: nowrap; -ms-flex-align: stretch; -ms-flex-pack: start; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; display: flex; align-items: stretch;}
}
/*3P免運券*/

@media screen and (min-width: 768px) {
  .Area_Coupon_b  .Area_swiper { margin: 0; padding: 0 0 2vw 0;  width: 96.4%;  height: 100%; left: 1.7%;  border-radius: 0 0 20px 20px;  background-color: #f5f5f5;
  /*  border-left: 5px solid #feef00;
    border-right: 5px solid #feef00;
    border-top: 0px solid #feef00;
    border-bottom: 5px solid #feef00;*/}
  .Area_Coupon_b  .Area_swiper_box { width: 100%; }
  .Area_Coupon_b  .PD_coupon ul { height: 31vw !important; padding: 2vw 0 0 0 !important; }
  .Area_Coupon_b  .PD_coupon li { margin: 0 0 0 0 !important;width:645px !important}
  .ppp_coupon2 { width: 95%; height: 35vw; margin: 0 auto; filter: drop-shadow(0.1em 0.1em 0.2em rgba(149 149 149 / 20%));}
  .ppp_coupon2 .coupon_box { display: inline-flex; width: 100%; height: 40vw; box-sizing: border-box;}
  .ppp_coupon2 .coupon_box .PD_logo { position: relative; width: 160px;}
  /*輪播設定*/
  .Area_Coupon_b  .Area_swiper { margin: 0 auto;padding: 2vw 5.8% 0; width: 92%; }
  .Area_Coupon_b  .Area_swiper_box .pagination {  margin-top:-2vw!important;bottom: 2vw !important;}
  /*左logo區*/
  .ppp_coupon2 .coupon_box .PD_logo .box { height: 100%; background: url(yellow_Lbg_repeat.png?t=1755675092486) center left repeat-y; background-size: 185%; }
  .ppp_coupon2 .coupon_box .PD_logo .logo { padding: 1vw 1.5vw 0vw 0; width: 80%; }
  .ppp_coupon2 .coupon_box .PD_logo .logo img { width: 100%; border-radius: 50em; }
  .ppp_coupon2 .coupon_box .PD_logo .tag_L { position: relative; top: 0; width: 31%; }
  .ppp_coupon2 .coupon_box .PD_logo .tag_L img { width: 100%; height: 100%;}
  }
/*****MB*****/
@media screen and (max-width: 767px) {
.Area_Coupon_b  .Area_swiper { margin: 0; height: 100%;border-radius: 0 0 5vw 5vw; background-color: #f5f5f5;}
.Area_Coupon_b  .Area_swiper_box { width: 100%;}
.Area_Coupon_b  .PD_coupon ul { height: 38vw !important; padding: 6vw 0 3vw 6vw;}
.Area_Coupon_b  .PD_coupon li { margin: 0 auto;}
.ppp_coupon2 { width: 95%; height: 35vw; margin: 0 auto; filter: drop-shadow(0.1em 0.1em 0.2em rgba(149 149 149 / 20%));}
.ppp_coupon2 .coupon_box { display: inline-flex; width: 100%; height: 40vw; box-sizing: border-box;}
.ppp_coupon2 .coupon_box .PD_logo { position: relative; width: 35%;}
/*輪播設定*/
.Area_Coupon_b  .Area_swiper { margin: 0 auto; width: 96.5%;;}
.Area_Coupon_b  .Area_swiper_box .pagination { bottom: 4vw !important;}
/*左logo區*/
.ppp_coupon2 .coupon_box .PD_logo .box { height: 100%; background: url(yellow_Lbg_repeat.png?t=1755675092486) center left repeat-y; background-size: 185%;}
.ppp_coupon2 .coupon_box .PD_logo .logo { padding: 2vw 2.5vw 0vw; width: 80%;}
.ppp_coupon2 .coupon_box .PD_logo .logo img { width: 100%; border-radius: 50em;}
.ppp_coupon2 .coupon_box .PD_logo .tag_L { position: relative;top: 0; width: 31%;}
.ppp_coupon2 .coupon_box .PD_logo .tag_L img { width: 100%;height: 100%;}
}
/*虛線*/

@media screen and (min-width: 768px) {
  .ppp_coupon2 .coupon_box .PD_logo .p_logo p { padding: 0; line-height: 0; font-size: 27px;font-weight: 600;letter-spacing: -0.05em;}
  .ppp_coupon2 .coupon_box .PD_logo .p_logo.p01 {}
  .ppp_coupon2 .coupon_box .PD_logo .p_logo.p01 span p {color: #aed7ff;}
  .ppp_coupon2 .coupon_box .PD_logo .p_logo.p02 { padding-top: 0.01vw;color: #fff;}
  .ppp_coupon2 .coupon_box .PD_logo .p_logo.p02 span p {}
  .ppp_coupon2 .coupon_box .PD_logo .p_logo.p02 h4 p {  line-height: 0; font-size: 3vw;}
  /*右文案區*/
  .ppp_coupon2 .coupon_box .PD_into {  position: relative;width: 90%; background-color: #fff; border-radius: 0 1em 1em 0; margin-top:11px ;}
  .ppp_coupon2 .coupon_box .PD_into .box {padding-bottom: 12vw; }
  .ppp_coupon2 .coupon_box .PD_into .tag_R { position: absolute; top: 0vw; right: 0vw; width: 85px;}
  .ppp_coupon2 .coupon_box .PD_into .tag_R b {font-size: 50px;}
  .ppp_coupon2 .coupon_box .PD_into .tag_R span {position: absolute;z-index: 5; top: -0.8vw;right: 0.9vw; color: #e99c2d; }
  .ppp_coupon2 .coupon_box .PD_into .tag_R .tag_R_bg { position: absolute;top: 0vw;right: 0vw; width: 100%; }
  .ppp_coupon2 .coupon_box .PD_into .tag_R img { width: 100%; height: 100%; }
  .ppp_coupon2 .coupon_box .PD_into h2 { position: absolute; padding: 0 0.5em; top: -5.5vw;left: 3vw; font-size: 3.5vw; text-align: center; line-height: 0.3; letter-spacing: -0.03em; color: #636161; background: #e7e7e7;border-radius: 30vw 30vw 30vw 0; text-shadow: none; word-break: keep-all; overflow: hidden; max-width: 82%; transform: none;white-space: nowrap; text-overflow: ellipsis;  }
  .ppp_coupon2 .coupon_box .PD_into h3 { position: relative; text-align: left;line-height: 0; width: 94%;top: 30px; left: 30px;color: #484848;font-size: 36px;}
  .ppp_coupon2 .coupon_box .PD_into h3 b { color: #e49d35; font-size:75px;letter-spacing: -0.07em; }
  .ppp_coupon2 .coupon_box .PD_into h3 small { font-size:38px; letter-spacing: -0.05em;}
  .ppp_coupon2 .coupon_box .PD_into h3 tiny { color: #939393; font-size: 20px; letter-spacing: -0.05em;padding-left: 1vw;}
  .ppp_coupon2 .coupon_box .PD_into h4 { position: relative;text-align: left; line-height: 0; width: 94%;top: 40px;left:30px; color: #484848;}
  .ppp_coupon2 .coupon_box .PD_into h4 p {font-size: 25px;letter-spacing: -0.01em;}
  .ppp_coupon2 .coupon_box .PD_into h4 b { font-size:32px;letter-spacing: -0.02em;}
  .ppp_coupon2 .coupon_box .PD_into h5 { position: relative; text-align: left; line-height: 0; width: 94%;top: 40px; left: 30px;font-size: 25px;letter-spacing: -0.04em; font-weight: normal;color: #777777;}
  /*按鈕*/
  .ppp_coupon2 .coupon_box .PD_btn.more { position: absolute;bottom: 1vw;right: -45px;width: 130px;}
  .ppp_coupon2 .coupon_box .PD_btn.more img { width: 100%;}
  .ppp_coupon2 .coupon_box .PD_btn.more b { }
  .ppp_coupon2 .coupon_box .PD_btn.more b::after {}
  .ppp_coupon2 .coupon_box .PD_btn i { display: none;}
  .ppp_coupon2 .coupon_box .PD_btn.more span { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; padding-right: 0.25em; height: auto;overflow: hidden; -webkit-transform: skewX(-7.5deg); transform: skewX(-7.5deg);}
  }

@media screen and (max-width: 767px) {
.ppp_coupon2 .coupon_box .PD_logo .p_logo p { padding: 0; line-height: 0; font-size: 4vw; font-weight: 600; letter-spacing: -0.05em;}
.ppp_coupon2 .coupon_box .PD_logo .p_logo.p01 {}
.ppp_coupon2 .coupon_box .PD_logo .p_logo.p01 span p { color: #aed7ff;}
.ppp_coupon2 .coupon_box .PD_logo .p_logo.p02 { padding-top: 0.01vw; color: #fff;}
.ppp_coupon2 .coupon_box .PD_logo .p_logo.p02 span p {}
.ppp_coupon2 .coupon_box .PD_logo .p_logo.p02 h4 p { line-height: 0; font-size: 3vw;}
/*右文案區*/
.ppp_coupon2 .coupon_box .PD_into { position: relative;width: 90%;background-color: #fff; border-radius: 0 0.5em 0.5em 0;}
.ppp_coupon2 .coupon_box .PD_into .box { padding-bottom: 12vw; margin-top: 7vw;}
.ppp_coupon2 .coupon_box .PD_into .tag_R { position: absolute; top: 0vw; right: 0vw; width: 19%;}
.ppp_coupon2 .coupon_box .PD_into .tag_R b { font-size: 5vw;}
.ppp_coupon2 .coupon_box .PD_into .tag_R span { position: absolute; z-index: 5; top: -2.5vw; right: 1.7vw; color: #e99c2d;}
.ppp_coupon2 .coupon_box .PD_into .tag_R .tag_R_bg { position: absolute; top: 0vw;right: 0vw;width: 100%;}
.ppp_coupon2 .coupon_box .PD_into .tag_R img { width: 100%; height: 100%;}
.ppp_coupon2 .coupon_box .PD_into h2 { position: absolute; padding: 0 0.5em; top: -5.5vw; left: 3vw; font-size: 3.5vw; text-align: center; line-height: 0.3; letter-spacing: -0.03em; color: #636161; background: #e7e7e7; border-radius: 30vw 30vw 30vw 0; text-shadow: none; word-break: keep-all; overflow: hidden; max-width: 82%; transform: none; white-space: nowrap; text-overflow: ellipsis;}
.ppp_coupon2 .coupon_box .PD_into h3 { position: relative;text-align: left;line-height: 0; width: 94%;top: 5vw;left: 3vw; color: #484848; font-size: 1.3em;}
.ppp_coupon2 .coupon_box .PD_into h3 b { color: #e49d35;font-size: 10vw; letter-spacing: -0.07em;}
.ppp_coupon2 .coupon_box .PD_into h3 small { font-size: 7.5vw; letter-spacing: -0.05em;}
.ppp_coupon2 .coupon_box .PD_into h3 tiny { color: #939393; font-size: 3vw; letter-spacing: -0.05em; padding-left: 1vw;}
.ppp_coupon2 .coupon_box .PD_into h4 {position: relative; text-align: left; line-height: 0; width: 94%; top: 7vw; left: 3vw; color: #484848;}
.ppp_coupon2 .coupon_box .PD_into h4 p {font-size: 4.5vw; letter-spacing: -0.01em;}
.ppp_coupon2 .coupon_box .PD_into h4 b { font-size: 4.8vw; letter-spacing: -0.02em;}
.ppp_coupon2 .coupon_box .PD_into h5 { position: relative; text-align: left;line-height: 0; width: 94%;top: 6vw;left: 3vw; font-size: 3.2vw; letter-spacing: -0.04em; font-weight: normal; color: #777777;}
/*按鈕*/
.ppp_coupon2 .coupon_box .PD_btn.more { position: absolute; bottom: 6vw; right: 1.2vw; width: 25%;}
.ppp_coupon2 .coupon_box .PD_btn.more img { width: 100%;}
.ppp_coupon2 .coupon_box .PD_btn.more b {}
.ppp_coupon2 .coupon_box .PD_btn.more b::after {}
.ppp_coupon2 .coupon_box .PD_btn i { display: none;}
.ppp_coupon2 .coupon_box .PD_btn.more span { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; padding-right: 0.25em; height: auto;overflow: hidden;-webkit-transform: skewX(-7.5deg);transform: skewX(-7.5deg);}
}




/*折價券共用*/
.Area_Coupon_a {}
.Area_Coupon_a .get_all {position: absolute;top: 82px;left: 925px;}
.Area_Coupon_a .get_all ul {margin: 0;padding: 0;list-style: none;}
@media screen and (max-width: 767px) {
  .Area_Coupon_a .get_all { position: absolute;top: 2.4vw;left: 2.5%;width: 25%;}
}
/*券樣式*/
.Area_Coupon_a .box .PD_coupon .PD_slide {background-size: 100%;background-repeat: no-repeat;background-position: center top;background-color: transparent;}
/*css內凹圓.Area_Coupon_a .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_a .box .PD_coupon .PD p {height: 2.15em;line-height: 2.15em;color: #2b1edf;font-size: 1.88em;}
.Area_Coupon_a .box .PD_coupon .PD p .Discount {font-size: 2.47em;font-weight: 700;font-family: Arial;letter-spacing: -0.02em;}
.Area_Coupon_a .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_a .box .PD_coupon .PD p small { position: relative; top: -0.075em; font-size: 1.27em; font-weight: 900;}
.Area_Coupon_a .box .PD_coupon .PD h5 {margin: 0; color: #414141; font-size: 1em; font-weight: normal;font-style: italic;}
.Area_Coupon_a .box .PD_coupon .PD h5 .Deadline {font-family: Microsoft Tai Le, "微軟正黑體", "Microsoft JhengHei", Helvetica;}
@media screen and (max-width: 767px) {
  .Area_Coupon_a .box .PD_coupon .PD p .Discount { letter-spacing: -0.25vw;}
  .Area_Coupon_a .box .PD_coupon .PD h3 { max-height: 1.9em;line-height: 1.9em;}
  /*h5單行超出隱藏*/
  .Area_Coupon_a .box .PD_layout .PD h5 { display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: normal; overflow: hidden; }
}
/*按鈕*/
.Area_Coupon_a .box .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more {background: #ff3254;}
.Area_Coupon_a .box .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more b::after {content: "立即領取";}
.Area_Coupon_a .box .PD_layout[data-pd-btn] .PD_btn i {display: none;}
.Area_Coupon_a .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_a .box .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more {pointer-events: none;}
.Area_Coupon_a .box .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD a { pointer-events: none;}
.Area_Coupon_a .box .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD_btn.more {background: #333;pointer-events: inherit;}
.Area_Coupon_a .box .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD_btn.more b::after {content: "適用商品";}
/*裝飾圖*/
.Area_Coupon_a .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;}

/*03商品類別券(輪播)*/
.Area_Coupon_c {}
.Area_Coupon_c .box .PD_coupon .PD_slide { overflow: hidden; text-align: left;}
.Area_Coupon_c .box .PD_coupon .PD_img { margin: 0.6% 2% 0 3.4%; width: 21.4%;}
.Area_Coupon_c .box .PD_coupon .PD_img b { display: block; margin-top: -0.45em; color: #333; font-size: 1.3em; font-weight: 400;text-align: center;}
.Area_Coupon_c .box .PD_coupon .PD_into { padding-top: 1.55em; width: 86%;}
.Area_Coupon_c .box .PD_coupon .PD p { color: #ff3254;}
.Area_Coupon_c .box .PD_coupon .PD h3 { position: absolute; top: 2.275em; left: 65.5%; width: 30%; max-height: 1.7em;line-height: 1.8em; /*font-size: 1.62em;*/}
.Area_Coupon_c .box .PD_coupon .PD h4 { display: none;}
.Area_Coupon_c .box .PD_coupon .PD h4 b { display: block; width: 5.55em;  height: 1.45em; font-size: 0.9em; letter-spacing: -0.01em; text-align: center; background-color: #333; overflow: hidden;}
.Area_Coupon_c .box .PD_coupon .PD h4 b:before { content: ""; position: absolute; top: 0; right: 5.55em; width: 0; height: 0; border: 1em solid transparent;border-bottom-color: #333; border-width: 0em 0em 1.45em 0.4em;}
.Area_Coupon_c .box .PD_coupon .PD h4 b:after { content: ""; position: absolute; top: 0; left: 5.55em; width: 0; height: 0; border: 1em solid transparent; border-top-color: #333; border-width: 1.45em 0.4em 0em 0em;}
.Area_Coupon_c .box .PD_coupon .PD h4:after { content: "///"; position: absolute; top: 0; left: -1.7em;  width: 2em; height: 100%; color: #333; font-size: 0.8em;font-family: Antonio;} 
/*斜線*/
.Area_Coupon_c .box .PD_coupon .PD h5 { margin-top: 1.3em;padding-left: 0.15em;}
.Area_Coupon_c .box .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { bottom: 1.2em; left: inherit;right: 5%; width: 20.7%;}
.Area_Coupon_c .box .PD_coupon .PD_slide {height: 24.5vw; background-image: url(coupon3_bg.png?t=1755675092486);}
/*輪播兩行*/
.Area_Coupon_c .box .PD_layout ul {-ms-flex-wrap: wrap;flex-wrap: wrap;height: 580px;}
.Area_Coupon_c .box .swiper-pagination-bullet-active {background: #fff !important;}
@media screen and (max-width: 767px) {
  .Area_Coupon_c { padding-top: 4vw;padding-bottom: 3vw; background: #e33d3b;}
  .Area_Coupon_c .get_all { z-index: 5;top: 9.8vw; }
  .Area_Coupon_c .box .PD_layout { font-size: 2.85vw;}
  .Area_Coupon_c .box .PD_layout ul { height: 79vw;}
  .Area_Coupon_c .box .PD_coupon .PD_img { margin: 0.7% 1% 0 2.8%;}
  .Area_Coupon_c .box .PD_coupon .PD_img b {margin-top: -0.35em;font-size: 1.225em;}
  .Area_Coupon_c .box .PD_coupon .PD_into {padding-top: 1.45em;padding-bottom: 4.9em;}
  .Area_Coupon_c .box .PD_coupon .PD p {font-size: 1.6em; }
  .Area_Coupon_c .box .PD_coupon .PD h3 {top: 1.75em;left: 56%; width: 31%;}
  .Area_Coupon_c .box .PD_coupon .PD h4 {top: 1.025em;left: 70.5%;font-size: 1.25em;}
  .Area_Coupon_c .box .PD_coupon .PD h4 b { width: 5.2em;font-size: 0.925em;letter-spacing: -0.05em; }
  .Area_Coupon_c .box .PD_coupon .PD h4 b:before { content: "";position: absolute; top: 0; right: 5.2em; width: 0;height: 0; border: 1em solid transparent;border-bottom-color: #333; border-width: 0em 0em 1.45em 0.4em;}
  .Area_Coupon_c .box .PD_coupon .PD h4 b:after { content: ""; position: absolute; top: 0; left: 5.2em; width: 0; height: 0; border: 1em solid transparent;border-top-color: #333;border-width: 1.45em 0.4em 0em 0em;}
  .Area_Coupon_c .box .PD_coupon .PD h4:after {font-size: 0.7em;} 
  /*斜線*/
  .Area_Coupon_c .box .PD_coupon .PD h5 {margin-top: 1.2em;margin-left: -0.35em;font-size: 0.94em;letter-spacing: -0.025em;}
  .Area_Coupon_c .box .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { bottom: 1.1em; right: 4.2%; width: 22.8%; }
  .Area_Coupon_c .box .PD_layout[data-pd-btn] .PD_btn b {max-height: 1.75em;line-height: 1.75em;font-size: 1.275em; padding: 0 0 0 3vw; }
  .Area_Coupon_c .box .Area_swiper {margin: 0 auto; padding: 0; width: 95%;}
}



/*PC修正*/
@media screen and (min-width: 768px) {
  .ppp_coupon2 .coupon_box .PD_into h2 {position: absolute; padding: 0 0.5em;top: -75px; left: 12px;font-size: 31px; text-align: center; line-height: 0.3;letter-spacing: -0.03em;color: #636161; background: #e7e7e7;border-radius: 30vw 30vw 30vw 0;text-shadow: none; word-break: keep-all;overflow: hidden;max-width: 82%;transform: none;white-space: nowrap;text-overflow: ellipsis;}
  .ppp_coupon2 .coupon_box .PD_into h3 tiny {padding-left: 0;}
  .ppp_coupon2 .coupon_box .PD_into .tag_R b {/*top: 30px;*/ }
  .Area_Coupon_a {padding-bottom: 0px;}
  .Area_Coupon_b  .PD_coupon ul {padding: 0;}
  .Area_Coupon_b  .Area_swiper {width: 925px;height:370px !important;left: -1px;padding: 0 ;margin: 0 auto;}
  .Area_Coupon_b  .PD_coupon ul {height: 280px !important;padding: 50px 0 0 0 !important;}
  .ppp_coupon2 {height:260px !important;}
  .ppp_coupon2 .coupon_box .PD_logo .box {margin-top: 10px;padding: 0px 0 0; height: 222px;  }
  .ppp_coupon2 .coupon_box .PD_into {font-size: 1em;width:450px}
}

.Area_Coupon_a .Area_swiper2 {margin: 0;padding: 0;width: 96.4%;height: 32vw;margin-left: 1.7%;border-radius: 0;background-color: #f5f5f5;}
.Area_Coupon_b  .Area_swiper2 {margin: 0;padding: 0;width: 96.4%;height: 100%;margin-left: 1.7%;border-radius: 0;background-color: #f5f5f5;}
.Area_Coupon_a .Area_swiper2 .PD_into h3 {font-size: 0.9em;color: #333;width: inherit;top: 25vw; font-weight: 300;}
  @media screen and (min-width:768px){ 
.Area_Coupon_a .Area_swiper2 .PD_into h3 {font-size: 1.9em;top: 250px;}
.Area_Coupon_a .Area_swiper2 {height: 315px;    width: 924px;margin-left: 18px;}  
.Area_Coupon_a .Area_swiper2 {margin: 0;padding: 0;width: 924px;height: 320px;margin-left: 18px;border-radius: 0;background-color: #f5f5f5;}	  
}

.Area_Coupon_a .Area_swiper3 { margin: 0;padding: 0 0 11vw 0;width: 96.4%;height: 100%;margin-left: 1.7%;border-radius: 0 0 5vw 5vw;background-color: #f5f5f5;margin-bottom: 2em;}
.Area_Coupon_a .Area_swiper3 ul {display: flex;flex-wrap: nowrap;list-style: none;margin: 0 auto;padding: 0;background-color: #0000;width: 49%;justify-content: center;}
.Area_Coupon_a .Area_swiper3 li{margin:0;z-index: 2;width: 100%;border-top: none;}
.Area_Coupon_a .Area_swiper3 li:nth-of-type(1){border-right: solid 1px #d1d1d1;}
.Area_Coupon_a .Area_swiper3 .PD h3 {font-size: 4vw;top: 64vw;background-color:#ef3fc0; color: #fff;padding: 0 1em; border-radius: 5em;left: 22%;width: 55%;}
.Area_Coupon_a .Area_swiper3 .PD h4 {font-size: 6vw;color: #5a5e5e;font-style: normal;top: 12vw;text-align: center;}
.Area_Coupon_a .Area_swiper3 .PD p {text-align: center;top: 6vw;position: relative;margin-bottom: 1em;}
.Area_Coupon_a .Area_swiper3 .PD p .Price {left: -2vw;font-size: 1.8em;font-family:Century Gothic;-webkit-text-fill-color: inherit;color: #ef3fc0}
.Area_Coupon_a .Area_swiper3 .PD p .money {font-family:Century Gothic; -webkit-text-fill-color: inherit; color: #ef3fc0}
.Area_Coupon_a .Area_swiper3 .PD p .js-PD_del {position: absolute;font-size:0.8em;color: #5a5e5e;font-weight: 400;top: -2vw}

.Area02 .PD_layout .PD p b, .Area02 .PD_layout .PD p span, .Area02 .PD_layout .PD p small {font-size: 36px;-webkit-text-fill-color: inherit;color: #ef3fc0}
  @media screen and (max-width:767px){
.Area_Coupon_a .Area_swiper3 .PD p b, .PD_layout .PD p del {font-size: 1.5em;}	
} 
.Area_Coupon_a .Area_swiper3 .PD_logo {width:30vw;height: auto; position: relative; display: block;left: 18%;}		  
.Area_Coupon_a .Area_swiper3 .PD_logo img {}	  
.Area_Coupon_a .Area_swiper3 .PD_img{position: relative;width:38vw;left: 9%;}
.Area_Coupon_a .Area_swiper3 .PD_into{}
.Area_Coupon_a .Area_swiper3 .PD small {} 

  @media screen and (min-width:768px){ 
.Area_Coupon_a .Area_swiper3 {padding: 0 0 10px 0;border-radius: 0 0 20px 20px;}
.Area_Coupon_a .Area_swiper3 .PD_img {width: inherit; height: auto;left: 0;top:-80px}
.Area_Coupon_a .Area_swiper3 .PD_logo {width:300px;height: auto;position: relative; display: block;}	  
.Area_Coupon_a .Area_swiper3 .PD h4 {font-size: 3em;top: 100px;}
.Area_Coupon_a .Area_swiper3 .PD h3 {font-size: 2em;top:600px;width: 55%;}
.Area_Coupon_a .Area_swiper3 .PD p {position: inherit;}	  
}

@media screen and (min-width: 768px) {.PD_layout li{border: none;}}






.PD_layout-BNcoupon2 li.PD_slide {font-family: Arial, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
.PD_layout-BNcoupon2 li.PD_slide {background-color: rgba(0, 0, 0, 0);font-family: "Century Gothic", "微軟正黑體", "Microsoft JhengHei", Helvetica;}
.PD_layout-BNcoupon2.PD_layout ul {background: none;}
.Area_coupon .PD_layout.PD_layout-BNcoupon2 li.PD_slide::after {background-image: url(PD_layout-BNcoupon2.png?t=1755675092486);}
.PD_layout.PD_layout-BNcoupon2 li.PD_slide::after {content: "";display: block;width: 100%;height: 0;padding-bottom: 125%;background-image: url(PD_layout-BNcoupon2.png?t=1755675092486);background-repeat: no-repeat;background-size: contain;background-position: center top;}
.PD_layout.PD_layout-BNcoupon2 li.PD_slide {font-family: Arial, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
.PD_layout-BNcoupon2 .more {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.PD_layout[data-pd-btn-pdgo] .PD .PD_btn, .PD_layout[data-pd-btn-more] .more {display: block;}
.PD_layout.PD_layout-BNcoupon2 .PD {position: absolute;top: 0%;left: 0;display: -webkit-box;display: -ms-flexbox;display: flex; width: 100%;height: 100%;}
.PD_layout.PD_layout-BNcoupon2 .PD h4 small.Dis_unit {font-size: 1.1em;letter-spacing: -0.01em;line-height: 1.25em;}
.PD_layout.PD_layout-BNcoupon2 .PD h4 b.Discount {font-size: 2.7em; letter-spacing: -0.02em; line-height: 1.2em;}
.PD_layout.PD_layout-BNcoupon2 .PD h4 b { display: inline;}
.PD_layout .PD_into { padding: .3125em; padding-bottom: .5em;}
.PD_layout[data-pd-pdlogo][data-pd-pdimg=off] .PD .PD_logo { margin-top: 0;}
.PD_layout[data-pd-pdlogo] .PD .PD_logo { display: inline-block;}
.PD_layout.PD_layout-BNcoupon2 .PD h4 span.js-PD_txt2 {display: none;}
.PD_layout.PD_layout-BNcoupon2 .PD h4 {color: #484848; margin-top: 1.2em;line-height: 1em;}
/*.PD_layout.PD_layout-BNcoupon2 .PD small {color: #2b1edf;}
.PD_layout.PD_layout-BNcoupon2 .PD .Discount {color: #2b1edf;}*/
.PD_layout .PD h4 { margin-bottom: .35em;/*font-size: 15px;*/}
.PD_layout.PD_layout-BNcoupon2 .PD h4 small.Dis_unit { font-size: 1.1em;letter-spacing: -0.01em; line-height: 1.25em;}
.PD_layout[data-pd-pdlogo][data-pd-pdimg=off] .PD .PD_logo { margin-top: 0;}


@media screen and (min-width: 768px) {
  .PD_layout[data-pd-pdlogo="3"] .PD .PD_logo { height: 4.375em;}
  .Area960 .PD_layout.PD_layout-BNcoupon2 .PD h4 {line-height: 1;}
  .Area960 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon2 .PD h4 b.js-PD_txt1 {font-size: 2.05em;}
  .Area960 .PD_layout.PD_layout-BNcoupon2 .PD h4 b.js-PD_txt1 {letter-spacing: -0.05em;}
  .Area960 .PD_layout.PD_layout-BNcoupon2 .PD h4 {line-height: 1;}
  .Area960 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon2 .PD h4 small.Dis_unit {font-size: 1.8em;}
  .Area960 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon2 .PD h4 b.Discount {font-size: 5.35em;}
  .Area960 .PD_layout.PD_layout-BNcoupon2 .PD h4 b.Discount {font-size: 2.4em;line-height: 1.1;}
  .Area960 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon2 .PD a {padding-top: 3%;}
  .Area960 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon2 .PD .PD_logo {margin-bottom: 1.5em;}
  .PD_layout.PD_layout-BNcoupon2 .PD {position: absolute; top: 18px; left: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%;}
  .PD_layout.PD_layout-BNcoupon2 .PD h4 { margin-bottom: .35em;font-size: 2.2em;}
}

@media screen and (max-width: 767px) {
  .PD_layout.PD_layout-BNcoupon2 .PD h4 {color: #484848; margin-top: .6em;line-height: 1em;}
  .PD_layout-BNcoupon2 ul {padding: 0 .5em;}
  .PD_layout-BNcoupon2 {margin-bottom: -6px;}
  .PD_layout.PD_layout-BNcoupon2 .PD .PD_logo img{width: 85%;height: auto;}
  .PD_layout.PD_layout-BNcoupon2 li.PD_slide::after {padding-bottom: 140%;}
  .PD_layout[data-pd-col-phone="3"].PD_layout-BNcoupon2 .PD h4 b.js-PD_txt1 {font-size: 1.1em;}
  .PD_layout.PD_layout-BNcoupon2 .PD h4 {line-height: 1.05;/*margin-top: .95em;*/}
  .PD_layout.PD_layout-BNcoupon2 .PD h4 small.Dis_unit {font-size: 1.05em;}
  .PD_layout[data-pd-col-phone="3"].PD_layout-BNcoupon2 .PD h4 b.Discount {font-size: 2.25em;}
  .PD_layout.PD_layout-BNcoupon2 .PD h4 b.Discount {line-height: .8;font-size: 2.75em;}
  .PD_layout[data-pd-col-phone="3"].PD_layout-BNcoupon2 .PD h4 {margin-top: .4em;}
  .Area_coupon1 .PD_layout[data-pd-col-phone="3"].PD_layout-BNcoupon2 .PD h4 {font-size: 14px;}
  .PD_layout[data-pd-pdlogo="3"] .PD .PD_logo {height: auto;}
/*  .PD_layout[data-pd-col-phone="3"] .PD_into {padding-left: 0;padding-right: 0;}
.PD_layout[data-pd-col-phone="2"] li, .PD_layout[data-pd-col-phone="3"] li, .PD_layout[data-pd-col-phone="4"] li {margin-left: 0em;margin-bottom: 0em;}*/
  .PD_layout[data-pd-col-phone="3"].PD_layout-BNcoupon2 .PD a {padding-top: 1%;}
  }


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

}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }