/* --------------------------------------
 * 3P券 v25.31
 * -------------------------------------- */




/*全區塊共用*/
.Area_coupon_ppp p {
  font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;
}

.Area_coupon_ppp span {
  font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;
}

.Area_coupon_ppp2 p {
  font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;
}

.Area_coupon_ppp2 span {
  font-family: Roboto, "Noto Sans CJK TC", "Microsoft JhengHei", Arial, Helvetica;
}

/*抵用券*/
.Area_coupon_ppp {
  position: relative;
  padding-bottom: 2vw;
}

.Area_coupon_ppp .Area_swiper {
  margin: 0 auto;
  padding: 0;
}

.Area_coupon_ppp ul {
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  background-color: #0000;
}

.Area_coupon_ppp li {
  list-style: none;
  margin: 0 auto;
}

.Area_coupon_ppp .ppp_coupon .coupon_box {
  width: 100%;
  height: 100%;
}

.Area_coupon_ppp .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抵用券*/
/*****MB*****/
.Area_coupon_ppp .Area_swiper {
  /* margin: 0;
  padding: 0 0 2vw 0; */
  width: 96%;
  /* height: 100%;
  left: 2.8%;
  border-radius: 0 0 5vw 5vw;
  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_ppp .Area_swiper_box {
  width: 100%;
}

.Area_coupon_ppp .PD_coupon ul {
  height: 32.5vw !important;
  padding: 5vw 0 0 0;
}

.Area_coupon_ppp .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: 36%;
}

/*輪播設定*/
/* .Area_coupon_ppp .Area_swiper {
  margin: 0 auto;
  padding: 2vw 5.8% 0;
  width: 92%;
} */

.Area_coupon_ppp .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=1747204083550) center left repeat-y;
  background-size: 188%;
}

.ppp_coupon .coupon_box .PD_logo .logo {
  padding: 0 6.5vw;
  width: 55%;
  margin: 1vw 0 5vw -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: 48%;
}

.ppp_coupon .coupon_box .PD_logo .tag_L img {
  width: 100%;
  height: 100%;
}

/* .ppp_coupon .coupon_box .PD_logo .p_logo:after {
  content: "";
  clear: both;
  position: absolute;
  border-top: 0.1em solid #4082c4;
  box-shadow: 0em 0.01em 0em #fff;
  bottom: 6.8vw;
  left: 5vw;
  width: 66%;
} */

/*虛線*/
.ppp_coupon .coupon_box .PD_logo .p_logo p {
  padding: 0;
  line-height: 0;
  font-size: 4vw;
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height: 5vw;
}

.ppp_coupon .coupon_box .PD_logo .p_logo.p01 {
  margin-top: -1vw;
  display: none;
}

.ppp_coupon .coupon_box .PD_logo .p_logo.p01 span p {
  color: #aed7ff;
}

.ppp_coupon .coupon_box .PD_logo .p_logo.p02 {
  margin-top: -4vw;
  color: #fff;
}

/*右文案區*/
.ppp_coupon .coupon_box .PD_into {
  position: relative;
  width: 80%;
  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: 0vw;
  right: 0vw;
  width: 19%;
}

.ppp_coupon .coupon_box .PD_into .tag_R b {
  font-size: 4vw;
}

.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: 82%;
  transform: none;
  white-space: nowrap;
}

.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.7em;
}

.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: 3.5vw;
  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.2vw;
  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: 1vw;
  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);
}

/*免運券*/
.Area_coupon_ppp2 {
  position: relative;
  margin: 0 auto;
  padding-bottom: 2vw;
}

.Area_coupon_ppp2 .Area_swiper {
  margin: 0 auto;
  padding: 0;
}

.Area_coupon_ppp2 ul {
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  background-color: #0000;
  /*  border-left: 5px solid #ff0;
  border-right: 5px solid #ff0;
  border-top: 5px solid #ff0;*/
}

.Area_coupon_ppp2 li {
  list-style: none;
  margin: 0 auto;
}

.Area_coupon_ppp2 .ppp_coupon2 .coupon_box {
  width: 100%;
  height: 89%;
}

.Area_coupon_ppp2 .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免運券*/
/*****MB*****/
.Area_coupon_ppp2 .Area_swiper {
  /* margin: 0;
  padding: 0 0 2vw 0; */
  width: 96%;
  /* height: 100%;
  left: 2.8%;
  border-radius: 0 0 5vw 5vw;
  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_ppp2 .Area_swiper_box {
  width: 100%;
}

.Area_coupon_ppp2 .PD_coupon ul {
  height: 31.5vw !important;
  padding: 5vw 0 0 0;
}

.Area_coupon_ppp2 .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: 36%;
}

/*輪播設定*/
/* .Area_coupon_ppp2 .Area_swiper {
  margin: 0 auto;
  padding: 2vw 5.8% 0;
  width: 92%;
} */

.Area_coupon_ppp2 .Area_swiper_box .pagination {
  bottom: 4vw !important;
}

/*左logo區*/
.ppp_coupon2 .coupon_box .PD_logo .box {
  height: 100%;
  background: url(yellow_Lbg_repeat.png?t=1747204083550) center left repeat-y;
  background-size: 185%;
}

.ppp_coupon2 .coupon_box .PD_logo .logo {
  padding: 0 2.5vw 1vw;
  width: 80%;
  margin: 0 0 -4vw -0.5vw;;
}

.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: 43%;
}

.ppp_coupon2 .coupon_box .PD_logo .tag_L img {
  width: 100%;
  height: 100%;
}

/* .ppp_coupon2 .coupon_box .PD_logo .p_logo:after {
  content: "";
  clear: both;
  position: absolute;
  border-top: 0.1em solid #c98c1e;
  box-shadow: 0em 0.01em 0em #fff;
  bottom: 11vw;
  left: 1.5em;
  width: 67%;
} */

/*虛線*/
.ppp_coupon2 .coupon_box .PD_logo .p_logo p {
  padding: 0;
  line-height: 5vw;
  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;
  display: none;
}

/*右文案區*/
.ppp_coupon2 .coupon_box .PD_into {
  position: relative;
  width: 84%;
  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: 0vw;
  right: 0vw;
  width: 19%;
}

.ppp_coupon2 .coupon_box .PD_into .tag_R b {
  font-size: 4vw;
}

.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;
}

.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.7em;
}

.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: 3.5vw;
  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.2vw;
  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: 1vw;
  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_ppp {}

.Area_coupon_ppp .get_all {
  position: absolute;
  top: 82px;
  left: 925px;
}

.Area_coupon_ppp .get_all ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media screen and (max-width: 767px) {
  .Area_coupon_ppp .get_all {
      position: absolute;
      top: 2.4vw;
      left: 2.5%;
      width: 25%;
  }
}

/*券樣式*/
.Area_coupon_ppp .box .PD_coupon .PD_slide {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-color: transparent;
}

/*css內凹圓.Area_coupon_ppp .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_ppp .box .PD_coupon .PD p {
  height: 2.15em;
  line-height: 2.15em;
  color: #7570d4;
  font-size: 1.88em;
}

.Area_coupon_ppp .box .PD_coupon .PD p .Discount {
  font-size: 2.47em;
  font-weight: 700;
  font-family: Arial;
  letter-spacing: -0.02em;
}

.Area_coupon_ppp .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_ppp .box .PD_coupon .PD p small {
  position: relative;
  top: -0.075em;
  font-size: 1.27em;
  font-weight: 900;
}

.Area_coupon_ppp .box .PD_coupon .PD h5 {
  margin: 0;
  color: #414141;
  font-size: 1em;
  font-weight: normal;
  font-style: italic;
}

.Area_coupon_ppp .box .PD_coupon .PD h5 .Deadline {
  font-family: Microsoft Tai Le, "微軟正黑體", "Microsoft JhengHei", Helvetica;
}

@media screen and (max-width: 767px) {
  .Area_coupon_ppp .box .PD_coupon .PD p .Discount {
      letter-spacing: -0.25vw;
  }

  .Area_coupon_ppp .box .PD_coupon .PD h3 {
      max-height: 1.9em;
      line-height: 1.9em;
  }

  /*h5單行超出隱藏*/
  .Area_coupon_ppp .box .PD_layout .PD h5 {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      white-space: normal;
      overflow: hidden;
  }
}

/*按鈕*/
.Area_coupon_ppp .box .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more {
  background: #ff3254;
}

.Area_coupon_ppp .box .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more b::after {
  content: "立即領取";
}

.Area_coupon_ppp .box .PD_layout[data-pd-btn] .PD_btn i {
  display: none;
}

.Area_coupon_ppp .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_ppp .box .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more {
  pointer-events: none;
}

.Area_coupon_ppp .box .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD a {
  pointer-events: none;
}

.Area_coupon_ppp .box .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD_btn.more {
  background: #333;
  pointer-events: inherit;
}

.Area_coupon_ppp .box .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD_btn.more b::after {
  content: "適用商品";
}

/*裝飾圖*/
.Area_coupon_ppp .box .PD_coupon .PD_slide:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center top;
  background-size: 100%;
  background-repeat: no-repeat;
}



/*浮層調整*/

@media screen and (min-width: 768px) {
  .agree_more .container {
      margin: 5%;
  }

  .agree_more .container .pic {
      margin-bottom: 5%;
  }

  .agree_more .container .pic p {
      font-size: 26px;
      padding-bottom: 11px;
  }
}

@media screen and (max-width: 767px) {
  .agree_more .container {
      margin: 0 auto;
      width: 88%;
      height: auto;
      overflow: scroll;
      padding-top: 20px;
  }

  .agree_more .container .pic {
      margin-bottom: 7vw;
  }

  .agree_more .container .pic p {
      font-size: 4.5vw;
      padding-bottom: 2vw;
  }
}




@media screen and (min-width:1300px) {
  .for_newphone {
      display: none !important;
  }
}