/* 各頁面CSS */

/* 關閉GOTOP */
#gotop { display: none !important;}

/*切換PC置頂選單*/
.cantantBase1 { display: block;}
.cantantBase2 { display: none;}

/*手機置頂選單*/
.NavArea { width: 96%; margin: 3vw auto;}
.NavArea .Nav_box { border-radius: 7px;} 
.NavArea.cate-fixed { width: 100%; margin: 0;}
.NavArea.cate-fixed .Nav_box { border-radius: 0;} 

/* 警語 */
.Area_msg_apple { padding: 10px 0px 15px 0px;}
.Area_msg_momo { padding: 10px 0px 93px 0px;}

/*隱藏*/
.Area_logo { display: none !important;}	
.fixarea.fixarea_off { display: none !important;}	
@media screen and (min-width:1300px){
	.for_newphone { display: none!important;}	
}

/*可拖移廣告icon*/
.Area_hammerAD { z-index: 300; display: none; position: fixed; bottom: -6.5vw; 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;}
  }

/*輪播UI*/
@media screen and (min-width:768px){
  .swiper-pagination-bullet { background: #fff;}
}
@media screen and (max-width:767px){
	.swiper-pagination-bullet { width: 5px; height: 5px; background: #fff;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px;}
}

/*區標*/
.bg_top  { position: absolute; top: 0;}
.txt { padding: 0; margin: 15px auto 15px; top: 22px; width: 60%; z-index: 2;}
.txt ul { padding: 0; grid-gap: 0;}
.txt ul li { background-color: transparent; pointer-events: none;}
.txt ul li .PD_into { padding: 0;}
.txt ul li h5 { padding: 0; margin: 1vw auto 0; font: bold 53px/65px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -1px; text-align: center;}
.txt3 { position: relative; color: #272727;}
@media screen and (min-width:768px){
  .txt3, .txt4 { left: 30%;}
  .txt3 ul li h5 { margin: 0;}
}
@media screen and (max-width:767px){
  .txt { top:3.5vw; padding: 0; margin: 0 auto; height: 12vw; width: 100%;}
  .txt ul li h5 { font: bold 5.6vw/8.5vw "Century Gothic","Noto Sans TC",sans-serif,"微軟正黑體",system-ui,Helvetica,Arial;}
  .txt3 ul li h5 {  margin: auto;} 
  .txt2_bg { position: absolute; height: 18vw; top: 0; margin-bottom: 2vw;} 
}

/*修正公版上下間距*/
.Area_boxstyle .Area_boxstyle_box1 {
  -webkit-padding-before: 140px !important;
  padding-block-start: 140px; -webkit-padding-after: 0;
  padding-block-end: 0; -webkit-padding-start: 0;
  padding-inline-start: 0; -webkit-padding-end: 0;
}
@media screen and (max-width:767px){
  .Area_boxstyle .Area_boxstyle_box1 {
    -webkit-padding-before: 15vw !important;
    padding-block-start: 2vw; -webkit-padding-after: 0;
    padding-block-end: 2vw; -webkit-padding-start: 2vw;
    padding-inline-start: 2vw; -webkit-padding-end: 2vw;
  }  
}

/*行銷宮格*/
.Area_acty { margin-bottom: 20px;}
.Area_acty .acty-grid { display: flex; gap: 20px;}
.Area_acty .acty-grid .acty { flex: 1; overflow: hidden;}
.Area_acty .acty-grid .acty ul { padding: 0; gap: 0; display: flex;}
.Area_acty .acty-grid .acty-content { flex: 1; background: url(acty_bg.png?t=1753342009589) no-repeat center; box-sizing: border-box; background-size: 100%;}
.Area_acty .acty-grid .acty-content ul { padding: 0; box-sizing: border-box; display: grid; grid-gap: 0; grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(2,1fr);}
@media screen and (max-width:767px){
  .Area_acty { background: url(Area_acty_bg.png?t=1753342009589) no-repeat center; background-size: 100%; margin-bottom: 2vw; width: 96%; padding: 3% 2% 0 2%; margin-top: -3%;}
  .Area_acty .acty-grid { gap: 2vw;}
}

/*回饋2行*/
.Area_card_bg { display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; background: linear-gradient(-70deg, #28574e, #1e423b, #28574e); margin: 0 auto 2vw;  border: 1px solid #eddb9b;}
.Area_card_bg hr { border: 1px solid #fcd986; margin: 0 15px;}
.Area_card_bg .Area_card { margin: 0 auto; font-weight: 600;}
.Area_card_bg .Area_card .PD_time { font-family: "Century Gothic","Arial","Noto Sans TC","微軟正黑體","Microsoft JhengHei"; display: flex; align-items: center;}
.Area_card_bg .Area_card .PD_time::after { content: "GO"; background-color: #fcd986; color: #1e423b; height: fit-content;}
.Area_card_bg .Area_card .PD_time span:nth-child(1) { color: #fff; font-size: 4.5vw; border-right: 1px solid #fff; padding-right: 1.5vw;}
.Area_card_bg .Area_card .PD_time span:nth-child(3) { color: #ffe39f;}
@media screen and (min-width:768px){
  .Area_card_bg { padding: 25px 60px; gap: 28px; margin: 0 auto 20px;}
  .Area_card_bg .Area_card { font-size: 45px;}
  .Area_card_bg .Area_card .PD_time { color: #fff; line-height: 1; text-align: left;}
  .Area_card_bg .Area_card .PD_time::after { content: "GO"; font-size: 20px; border-radius: 20px; padding: 5px 15px; margin-left: 16px;}
  .Area_card_bg .Area_card .PD_time span:nth-child(1) { font-size: 45px;}
  .Area_card_bg .Area_card .PD_time span:nth-child(3) { color: #fcd986; margin: 0;}
  .Area_card_bg .Area_card .PD_time span.title{ margin-right: 32px;}
}
@media screen and (max-width:767px){
  .Area_card_bg { width: 96%; padding: 1vw 2vw; gap: 1vw;}
  .Area_card_bg .Area_card { font-size: 5.5vw; padding: 2vw;}
  .Area_card_bg .Area_card .PD_time { color: #fff; line-height: 1;}
  .Area_card_bg .Area_card .PD_time span.title { margin-right: 2vw;}
  .Area_card_bg .Area_card .PD_time::after { font-size: 3vw; border-radius: 5vw; padding: .8vw 1.5vw; margin-left: 2vw;}
}

/*BN*/
.Area_AD ul.PD_wrapper { padding: 0;}
@media screen and (max-width:767px){
  .Area_AD { width: 96%;}
}

/*調整公版看更多*/
.PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more b::after { content: "逛商店";}


/*01-限時秒*/
.Area01 { z-index: 2; margin: 0 auto;}
.Area01 .box { position: relative;}
.Area01 .Area_title { display: flex; align-items: center; justify-content: flex-start; margin: 0 auto; padding: 1% 0; width: 99.4%; background: #4f46c1; border: 3px solid #e2bf7f; border-bottom: none; border-radius: 20px 20px 0 0;}
.Area01 .Area_title h3 { width: 20%; margin: 0; font-weight: 700; text-align: left; font-size: 50px; color: #ffe89d;}
.Area01 .PD_layout ul .js-PD_unit {display: none !important;}
.Area01 .PD_slide .PD p { height: 29px; line-height: 29px;}
.Area01 .PD_slide .PD img { width: 82%;} 
.Area01 .PD_layout[data-pd-btn] .PD_btn b { height: 40px; line-height: 40px;}
.Area01 .PD_layout .PD_into { padding: 3vw 0.5vw; padding-bottom: 2vw !important;} 
/*倒數*/
.TimerNick { position: relative; width: unset; top: unset; left: 380px; text-shadow: unset;}
.TimerNick .TIMER { margin: 0; padding: 0; color: #FFF; font-size: 32px; line-height: 27px; font-weight: 800; overflow: visible; display: flex; justify-content: flex-end; gap: 8px; align-items: center;}
.TimerNick span { float: left;}
.TimerNick small { position: relative; font-size: 32px; font-weight: 800;}
.TimerNick .time_day { letter-spacing: 0; font-weight: 800;}
.TimerNick .FontStyle { position: relative; font-size: 41px; text-align: center; color: #4f46c1; font-family: "Century Gothic", "Arial", "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei";}
.TimerNick .FontStyle b { display: inline-block; margin: 0; width: 17px; text-align: center; font-weight: 300;}
@media screen and (min-width:768px){
  .Area01_kiwi { height: 125px; margin-top: -35px; padding: 0 10px 0 50px;}
  .Area01_kiwi img { width: 105px;}
  .Area01 .box { margin: 0 auto;}
  .Area01 .PD_layout ul { border-radius: 0 0 20px 20px;}
  .TimerNick .FontStyle { background: #ffe89d; padding: 2%; border-radius: 40px; line-height: 40px; width: 40px; height: 40px;}
  .TimerNick .time_day { width: 105px; margin-right: 0;}
}
@media screen and (max-width:767px){
  .Area01 { z-index: 2; width: 96%; border-radius: 2vw;}
  .Area01 .Area_title { border-radius: 10px 10px 0 0;}
  .Area01 .Area_title h3 { width: 38vw; font-size: 7vw; padding-left: 1vw;}
  .Area01 .PD_layout[data-pd-btn] .PD_btn i { top: .9em;}
  .Area01 .PD_layout ul { border-radius: 0 0 10px 10px;}
  /*倒數*/
  .TimerNick { width: 57vw; left: 21vw;}
  .TimerNick .TIMER { font-size: 4vw; line-height: 4vw; gap: .8vw;}
  .TimerNick small { font-size: 4vw;}
  .TimerNick .FontStyle { font-size: 4.5vw; background: #ffe89d; padding: 2%; border-radius: 21px; line-height: 4.5vw; width: 21px; height: 21px;}
  .TimerNick .FontStyle b { width: 3vw;}
  .Area01_kiwi { width: 16%; height: 16vw; margin-top: -6vw;}
}


/*02-免運券*/
.Area02 .swiper-pagination-bullet { width: 8px !important; height: 8px !important; 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%; height: 23vw !important;}
.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-PDBN_01 { width: 100%;}
@media screen and (min-width: 768px){
  .Area02 { margin-bottom: 40px !important;}
  .Area02 .PD_img { width: 109.8%; margin-left: -44px;}
  .Area02 .PD_layout-PDBN_01 .PD h3 { top: 0; font-size: 36px; color: #fff; text-align: center; font-weight: 600; width: 42%;}
  .Area02 .PD_layout-PDBN_01 .PD h4 { top: 93px; font-size: 41px; line-height: 1; color: #ffe89d; text-align: left; font-style: italic; font-weight: bold; letter-spacing: 0;}
}
@media screen and (max-width: 767px){
  .Area02 .PD_layout-PDBN_01 .PD h3 { top: 0; font-size: 4vw; color: #fff0cd; text-align: center; font-weight: 600; width: 42%;}
  .Area02 .PD_layout-PDBN_01 .PD h4 { top: 9vw; font-size: 5vw; line-height: 1; color: #ffe89d; text-align: left; font-style: italic; font-weight: bold; letter-spacing: 0;}
  /*公版修改*/
  .Area02 .Area_swiper_box .swiper-pagination { bottom: 0 !important;}
  .Area02 .Area_swiper_box { padding-bottom: 6vw;}
}

/*商品公版*/
.Area_PD1.Area_boxstyle.Area_boxstyle--hasBackdrop:before { height: 102%;}


/*16-各部專區*/
.Area16 .NavArea .Nav_box { background-color: #fff;}
@media screen and (min-width: 768px){
  .Area16 .box { position: relative; overflow: hidden; margin-bottom: 50px;}
  .Area16 .box_K { border-radius: 20px; background-color: #408276; border: 2px solid #e2bf7f; border-left: none; border-right: none;}
  .Area16 .swiper-pagination { bottom: 1vw;}
  .Area16 .txt2 { top: 20px;}
  .Area16 .txt2_bg { position: absolute;}
  .Area16 .txt2 h5 { font: 700 45px / 45px  Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica; margin: 20px auto 20px; color: #fff0cd; display: flex; justify-content: center; align-items: center; gap: 2vw;}
  .Area16 .txt2 h5 i { display: none;}
  .Area16 .txt2 h5::before, .Area16 .txt2 h5::after { content: ""; display: block; width: 1.1em; height: 1.1em; opacity: 1;}
  .Area16 .page_box { padding-bottom: 20px;}
  /*抵用券(線上入稿)*/
  .Area16 .Area_coupon { padding-bottom: 0; background: none; padding-top: 13px;}
  .Area16 .Area_coupon .Area_swiper .Area_swiper_box { padding-bottom: 0;}
  .Area16 .Area_coupon .Area_swiper { background: none;} 
  .Area16 .Area_coupon .PD_coupon ul { padding: 3vw 0 0;}
  .Area16 .Area_coupon .PD_coupon ul li .box { border-radius: 0; margin: 0; padding: 0;}
  .Area16 .Area_coupon .PD_coupon ul li .PD_logo .p_logo.p01 { margin: 0;}
  .Area16 .Area_coupon .PD_coupon ul li .PD_into .box { position: relative;}
  .Area16 .Area_coupon .PD_coupon ul li .PD_into h2 { position: absolute; padding: 0 0.5em; top: -107px; 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; white-space: nowrap; overflow: hidden; max-width: 74%; transform: none;}
  .Area16 .ppp_coupon .coupon_box .PD_into .tag_R { position: absolute; top: -36px; right: 0; width: 19%;}
  .Area16 .Area_coupon .Area_swiper { left: 1%;}
  .Area16 .Area_coupon .PD_coupon ul li .PD_into .box { background: unset; overflow: unset; border-radius: 0 0.5em 0 0; top: 0;}
  .Area16 .NavArea .Nav_box { background-color: #fff;}
  .Area16 .content_swiper .PD_layout[data-pd-btn] .PD_btn b { padding: 0; margin-left: -0.2em;}
  .Area16 .PD_layout[data-pd-btn] .PD .PD_btn span { padding-right: .7em;}
  .Area16 .box { position: relative; border-radius: 15px; margin: 0 0 6vw; padding: 1vw 0 2vw;}
  /*公版調整*/
  .Area16 .PD_layout ul { width: 100%;}
  .Area16 .PD_layout .PD img { width: 75%;}
  .Area16 .keyword h3 span { padding: 0; max-height: 1.9em; font-weight: 700; line-height: 40px; font-size: 32px !important;}
  .Area16 .Area_coupon .PD_coupon ul li .PD_into .box { top: 0;}
  .Area_K10 .Area_swiper { padding-top: 33px;}
}
@media screen and (max-width: 767px){
  .Area16 { overflow: hidden;}
  .Area16 .box { position: relative; overflow: hidden; margin: 0 2vw 6vw; padding-bottom: 4vw;}
  .Area16 .box_K { border-radius: 10px; background-color: #408276; border: 2px solid #e2bf7f; border-left: none; border-right: none;}
  .Area16 .swiper-pagination { bottom: 1vw;}
  .Area16 .txt2 h5 { font: 700 1.2em / 1.5em  Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica; margin: 2.5vw auto 1.5vw; color: #fff0cd; display: flex; justify-content: center; align-items: center; gap: 2vw;}
  .Area16 .txt2 h5 i { display: none;}
  .Area16 .page_box { padding-bottom: 20px;}
  /*抵用券(線上入稿)*/
  .Area16 .Area_coupon { padding-bottom: 0; background: none;}
  .Area16 .Area_coupon .Area_swiper .Area_swiper_box { padding-bottom: 4.5vw;}
  .Area16 .Area_coupon .Area_swiper { background: none;}
  .Area16 .Area_coupon .PD_coupon ul { padding: 3vw 0 0;}
  .Area16 .Area_coupon .PD_coupon ul li .box { border-radius: 0; margin: 0; padding: 0;}
  .Area16 .Area_coupon .PD_coupon ul li .PD_logo .p_logo.p01 { margin: 0;}
  .Area16 .Area_coupon .PD_coupon ul li .PD_into .box { position: relative;}
  .Area16 .Area_coupon .PD_coupon ul li .PD_into h2 { top: -6vw; text-overflow: ellipsis; white-space: nowrap; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; width: 38vw; height: 9vw;}
  .Area16 .ppp_coupon .coupon_box .PD_into .tag_R { position: absolute; top: 0; right: 0; width: 19%;}
  .Area16 .Area_coupon .Area_swiper { width: 98%; left: 1%;}
  .Area16 .Area_coupon .PD_coupon ul li .PD_into .box { background: unset; overflow: unset; border-radius: 0 0.5em 0 0; top: 0; position: unset;}
  .Area16 .content_swiper .PD_layout[data-pd-btn] .PD_btn b { padding: 0; margin-left: -0.2em;}
  .Area16 .Area16_PD .Area_swiper_box { padding-bottom: 4vw;}
  /* 公版調整 */
  .Area16 .PD_layout ul { width: 96%;}
  .Area16 .PD_layout .PD img { width: 88%;}
}


/*03-100格商品*/
.Area03 .box { margin: 0 auto;}
.Area03 .box .PD_btn span { flex-direction: column;}
@media screen and (max-width:767px){ 
  .Area03 { width: 96%; margin: 0 auto;}
  .Area03 .box { width: 100%;}
  .Area03 li.PD_slide { border: 0; background: #fff; border-radius: 2vw;}
  .Area03 li .PD_btn.PD_go { width: 90%; margin: 0 auto; bottom: 0; right: 10px; background-color:#000; height: 40px;}
  .Area03 .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper { gap: 3vw 2.5vw; padding: 2.5vw 2vw 6vw; background: linear-gradient(-70deg, #efd89a, #e2bf7f, #efd89a); border-radius: 3vw;}
  .Area03 .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper::after { content: ""; display: block; position: relative; width: 100%; background-size: 96%;}/*缺品補圖*/
  .Area03 .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper li.PD_slide { border: 0; background: #fff; border-radius: 2vw;}
  .Area03 .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper li .PD_btn.PD_go { width: 90%; margin: 0 auto; bottom: 0.6em; right: 0.5em; background-color:#4d44b7; height: 8vw;}
  .Area03 .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper li.PD_slide .PD_img { padding: .5em;}
}
@media screen and (min-width:768px){
  .Area03 .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper { background: linear-gradient(-70deg, #efd89a, #e2bf7f, #efd89a); padding: 12px; gap: 12px 8px;}
  .Area03 .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper::after { content: ""; display: block; position: relative; width: 100%; background-size: 96%;}  
  .Area03 .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper li.PD_slide { border: 0; background: #fff; border-radius: 8px;}
  .Area03 .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper li .PD_btn.PD_go{ left: 50%; transform: translateX(-50%); width: 92%;}
  .Area03 .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper li.PD_slide:nth-child(4n+3) { border-right: 0;}
  .Area03 .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper li.PD_slide:last-child { border-right: 0;}
  .Area03 .box .PD_btn span {height: 40px;}
}


/*Area_bottom*/
@media screen and (min-width:768px){.Area_bottom { margin-bottom: 40px;}}
@media screen and (max-width:767px){ .Area_bottom { margin-bottom: 5vw;}}



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

  /***************抵用券*******************/
  .Area_coupon { position: relative; margin-bottom: 20px; /* padding-bottom: 8vw; */}
  .Area_coupon .Area_swiper { margin: 0 auto; padding: 0;}
  .Area_coupon ul { display: flex; flex-wrap: nowrap; list-style: none; margin: 0 auto; padding: 0; background-color: #0000; width: 98%}
  .Area_coupon li { list-style: none; margin: 0 auto;}
  .Area_coupon .ppp_coupon .coupon_box { height: 232px; margin-top: 20px;}
  .Area_coupon .ppp_coupon .coupon_box a { width: 100%; -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 p { font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}
  .Area_coupon span { font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}
  .Area_coupon2 p { font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}
  .Area_coupon2 span { font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;}
  
  /**************抵用券*****************/
  .Area_coupon { position: relative; margin: 1vw 0 6vw;}
  .box_K .Area_coupon { margin: 1vw 0 3vw;}
  .Area_coupon .Area_swiper { margin: 0 auto; padding: 0;}
  .Area_coupon ul { display: flex; flex-wrap: nowrap; list-style: none; margin: 0 auto; padding: 0; background-color: #0000; width: 98%}
  .Area_coupon li { list-style: none; margin: 0 auto;}
  .Area_coupon .ppp_coupon .coupon_box { width: 100%; height: 100%;}
  .Area_coupon .ppp_coupon .coupon_box a { width: 100%; -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;}
}


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


/***************3P抵用券***************/
@media screen and (min-width: 768px){
  .Area_coupon .Area_swiper { margin: 0; padding: 0 0 20px 0; width: 960px; left: 0; border-radius: 0 0 20px 20px; background-color: #f5f5f5;}
  .Area_coupon .Area_swiper_box { width: 960px; padding-bottom: 5px;}
  .Area_coupon .PD_coupon ul { height: 280px !important; padding: 60px 0 0 0;}
  .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 .Area_swiper { margin: 0 auto; padding: 2vw 5.8% 0; width: 92%;}
  .Area_coupon .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=1753342009589) center left repeat-y; background-size: 188%;}
  .ppp_coupon .coupon_box .PD_logo .logo { padding: 0 1.5vw; width: 65%; margin-top: 1vw; left: 50%; transform: translateX(-50%); position: relative;}
  .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: 0; color: #fff;}
  /*右文案區*/
  .ppp_coupon .coupon_box .PD_into { position: relative; width:450px; background-color: #fff; border-radius: 0 0.5em 0.5em 0; border-radius: 0 20px 20px 0;}
  .ppp_coupon .coupon_box .PD_into .box { padding-bottom: 120px;}
  .ppp_coupon .coupon_box .PD_into .tag_R { position: absolute; top: 0; right: 0; width: 85px;}
  .ppp_coupon .coupon_box .PD_into .tag_R p { margin: 0;}
  .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: 0; right: 0; 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;}
  .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; left: 460px; 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);}
}
@media screen and (max-width: 767px){
  .Area_coupon .Area_swiper { margin: 0 auto; padding: 0 0 2vw 0; width: 94.8%; height: 100%; border-radius: 0 0 5vw 5vw; background-color: #f5f5f5;}
  .Area_coupon .Area_swiper_box { width: 100%;}
  .Area_coupon .PD_coupon ul { height: 32vw !important; padding: 6vw 0 0 0;}
  .Area_coupon .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 .Area_swiper { margin: 0 auto; padding: 2vw 5.8% 0; width: 92%;}
  .Area_coupon .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=1753342009589) 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;}
  .ppp_coupon .coupon_box .PD_into .tag_R { position: absolute; top: 0; right: 0; width: 19%;}
  .ppp_coupon .coupon_box .PD_into .tag_R p { margin: 2vw 0 0;}
  .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: 0; right: 0; 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;}
  .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_coupon2 { position: relative; margin-bottom: 20px;}
  .Area_coupon2 .Area_swiper { margin: 0 auto; padding: 0;}
  .Area_coupon2 ul { display: flex; flex-wrap: nowrap; list-style: none; margin: 0 auto; padding: 0; background-color: #0000;}
  .Area_coupon2 li { list-style: none; margin: 0 auto;}
  .Area_coupon2 .ppp_coupon2 .coupon_box { height: 232px; margin-top: 20px;}
  .Area_coupon2 .ppp_coupon2 .coupon_box a { width: 100%; -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;}
  .Area_coupon2 .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;}
  .Area_coupon2 .Area_swiper_box { width: 100%;}
  .Area_coupon2 .PD_coupon ul { height: 31vw !important; padding: 2vw 0 0 0 !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_Coupon2 .Area_swiper { margin: 0 auto; padding: 2vw 5.8% 0; width: 92%;}
  .Area_coupon2 .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=1753342009590) 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%;}
  .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 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 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; margin-top:11px ; border-radius: 0 20px 20px 0;}
  .ppp_coupon2 .coupon_box .PD_into .box { padding-bottom: 12vw;}
  .ppp_coupon2 .coupon_box .PD_into .tag_R { position: absolute; top: 0; right: 0; width: 85px;}
  .ppp_coupon2 .coupon_box .PD_into .tag_R b { font-size: 50px;}
  .ppp_coupon2 .coupon_box .PD_into .tag_R p { margin: 0;}
  .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: 0; right: 0; 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;}
  .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; top: 185px; left: 460px; width: 130px;}
  .ppp_coupon2 .coupon_box .PD_btn.more img { width: 100%;}
  .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){
  .p_logo.p01 { display: none;}
  .Area_coupon2 { position: relative; margin-bottom: 2vw;}
  .Area_coupon2 .Area_swiper { margin: 0 auto; padding: 0;}
  .Area_coupon2 ul { display: flex; flex-wrap: nowrap; list-style: none; margin: 0 auto; padding: 0; background-color: #0000; width: 100% !important;}
  .Area_coupon2 li { list-style: none; margin: 0 auto;}
  .Area_coupon2 .ppp_coupon2 .coupon_box { width: 100%; height: 100%;}
  .Area_coupon2 .ppp_coupon2 .coupon_box a { width: 100%; -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;}
  .Area_coupon2 .Area_swiper { margin: 0 auto; padding: 0 0 2vw 0; width: 94.8%; height: 100%; border-radius: 0 0 5vw 5vw; background-color: #f5f5f5;}
  .Area_coupon2 .Area_swiper_box { width: 100%;}
  .Area_coupon2 .PD_coupon ul { padding: 6vw 0 0 0;}
  .Area_coupon2 .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_Coupon2 .Area_swiper { margin: 0 auto; padding: 2vw 5.8% 0; width: 92%;}
  .Area_coupon2 .Area_swiper_box .pagination { bottom: 4vw !important;}
  /*左logo區*/
  .ppp_coupon2 .coupon_box .PD_logo .box { height: 100%; background: url(yellow_Lbg_repeat.png?t=1753342009590) 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%;}
  .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 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 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;}
  .ppp_coupon2 .coupon_box .PD_into .tag_R { position: absolute; top: 0; right: 0; width: 19%;}
  .ppp_coupon2 .coupon_box .PD_into .tag_R p { margin: 2vw 0 0;}
  .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: 0; right: 0; 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;}
  .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 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 .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 (max-width: 767px){
  .Area_Coupon .box .PD_coupon .PD p .Discount { letter-spacing: -0.25vw;}
  .Area_Coupon .box .PD_coupon .PD h3 { max-height: 1.9em; line-height: 1.9em;}
  /*h5單行超出隱藏*/
  .Area_Coupon .box .PD_layout .PD h5 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: normal; overflow: hidden;}
}
/*按鈕*/
.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;}


/*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;}
  .ppp_coupon2 .coupon_box .PD_into h3 tiny { padding-left: 0;}
  .Area_coupon2 .PD_coupon ul { padding: 0;}
  .Area_coupon2 .Area_swiper { width: 960px; left: 0; padding: 0 0 20px 0; margin: 0 auto;}
  .Area_coupon2 .Area_swiper .Area_swiper_box { padding-bottom: 5px;}
  .Area_coupon2 .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;}
}
