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

/*背景*/
@media screen and (min-width:768px){
}

/*間距*/
.Area_bottom { margin-bottom: 10vw;}
@media screen and (min-width:768px){
  .Area_bottom { margin-bottom: 50px;}
}

/*共用樣式*/
h2:where(.Area_title_lbtclass:not(.Area_boxstyle_title)) h3 { justify-content: left; margin-left: 16%;}
.PD_layout-coupon3 ul li .PD_img { padding: 0;}
.NavArea_tabbar_page { width: 100%;}
.Area_swiper_box .PD_layout-coupon3 { padding-bottom: 0;}
.Area_coupon_ppp .Area_swiper { width: 100%;}
.warningTxt h3 { padding: 0;}
.Area .Area_swiper_box { padding-bottom: 4vw;}
@media screen and (min-width:768px){
  .Area--bg { width: 960px;}
  .Areapadding { padding: 0 20px;}
  .Area .Area_swiper_box { padding-bottom: 25px;}
}

/*複製領券*/
.Area .PD_copy { width: 960px; margin: 0 auto 80px;}
.Area .PD_copy ul {}
.Area .PD_copy ul li { background-color: #fff; border-radius: 20px; overflow: hidden; border: solid 1px #bcbcbc!important;}
.Area .PD_copy .PD_into { padding: 0; padding-bottom: 2.15em; text-align: center;}
.Area .PD_copy .PD h3 { color: #fff; font-size: 45px; font-weight: 700; background-color: #e2a659; background-image: repeating-linear-gradient(-180deg , #e9bb6e 0%, #e4ab55 100%); font-family: Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
.Area .PD_copy .PD h4 { color: #000; font-size: 36px; font-weight: 600; line-height: 1.35; margin: .35em 0 .1em;}
.Area .PD_copy .PD .gobtn { margin-left: 61%; width: 28%;}
/*改成flex排列*/
.Area .PD_copy .Area_copy { display: flex; justify-content: space-evenly; align-items: center; position: absolute; bottom: 2em; left: 9%; width: 50%; line-height: 5.45; background-color: #919191; border-radius: 20em;}
.Area .PD_copy .Area_copy .copyTxt { flex-basis: 70%; font-size: 40px; line-height: 1.8; background-color: #fff; border-radius: 20em; font-weight: 700; overflow: hidden;}
.Area .PD_copy .Area_copy .btn_copy { padding-right: 1.8em;}
.Area .PD_copy .Area_copy .btn_copy button { padding: 0; background: none; border: none; color: #fff; font-size: 1.05em; font-weight: 600; font-family: Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
/*h3前綴logo*/
.Area .PD_copy .PD h3 span { position: relative; overflow: visible; margin-left: 17vw;}
.Area .PD_copy .PD h3 span::before { content: ""; pointer-events: none; position: absolute; top: 50%; left: -16.8vw; transform: translateY(-50%); width: 15vw; height: 6.5vw; background-image: url(logo_after.png?t=1790820936832); background-position: center top; background-size: 100%; background-repeat: no-repeat;}
@media screen and (min-width:768px){
.Area .PD_copy .Area_copy .btn_copy button { font-size: 40px; position: relative; top: 8px;}
.Area .PD_copy .PD h3 span { margin-left: 3.3em;}
.Area .PD_copy .PD h3 span::before { left: -2.8em; width: 117px; height: 50px;}
}
@media screen and (max-width:767px){
  .Area .PD_copy { width: 96%; margin: 0 auto 24px;}
  .Area .PD_copy ul li { border-radius: 10px;}
  .Area .PD_copy .PD_into { padding-bottom: 0.85em;}
  .Area .PD_copy .PD h3 { font-size: 1.2em;}
  .Area .PD_copy .PD h4 { font-size: 1.1em; margin: .35em 0 .1em;}
  .Area .PD_copy .Area_copy { bottom: .75em; left: 8.2%; line-height: 2.35;}
  .Area .PD_copy .Area_copy .copyTxt { font-size: 1.05em;}
  .Area .PD_copy .Area_copy .btn_copy { padding-right: .5em;}
}

/*02行銷3p折價券*/
@media screen and (min-width:768px){
.Area .PD_layout.PD_copy .PD_into p .Price { font-family: "Century Gothic"!important; font-size: 70px;}	  
.Area .PD_layout.PD_copy .PD p b,
.Area .PD_layout.PD_copy .PD p span,
.Area .PD_layout.PD_copy .PD p small { font-size: 30px;}
}
@media screen and (max-width:767px){
.Area .PD_layout.PD_copy .PD_into p .Price { font-family: "Century Gothic"!important; font-size: 8vw;}	  
}

/*精選強牌*/
.Area_brand-swiper[org="1"] .Area_content .box { position: relative; background: url(brandbg_repeat.png?t=1790820936832)top center repeat-y; background-size: 100%; margin: 10px auto 30px;}
.Area_brand-swiper[org="1"] .Area_content .box:last-child { margin-bottom: 0;}
.Area_brand-swiper[org="1"] .Area_content .box:before { content: ""; position: absolute; top: -3%; left: 0; display: block; width: 100%; height: 100%; background: url(brandbg_top.png?t=1790820936832)top center no-repeat; background-size: 100%; pointer-events: none;}
.Area_brand-swiper[org="1"] .Area_content .box:after { content: ""; position: absolute; bottom: -3%; left: 0; display: block; width: 100%; height: 100%; background: url(brandbg_bottom.png?t=1790820936832)bottom center no-repeat; background-size: 100%; pointer-events: none;}
.Area_brand-swiper[org="1"] .PD_layout.PD_layout-D3_02 ul .PD .PD_logo { border-radius: 50%;}
@media screen and (min-width:768px){
  .Area_brand-swiper[org="1"] .Area_content .box { margin: 20px auto 60px;}
}

/*下方公版*/
.Area_pd-carousel h2:where(.Area_title_lbtclass:not(.Area_boxstyle_title)) h3 { justify-content: center; margin-left: 0; max-height: 1.65em;}
.Area_pd-carousel .Area_content { margin-top: -3%;}
@media screen and (min-width:768px){
}

/*追蹤我們*/
.Area_bn-grid-3x1[org="3"] .Area_content .PD_layout { width: 96%; margin: 0 auto; background: url(IGbg.png?t=1790820936832)top center no-repeat; background-size: 100%;}

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