/* 間距 */
@media screen and (min-width:768px){
  .bottom{margin-bottom: 80px;}
  .bottom01{margin-bottom: 30px;}
}

@media screen and (max-width:767px){
  .bottom{margin-bottom: 5vw;}
  .bottom01{margin-bottom: 3vw;}
}

/* 黏人精 */
@media screen and (min-width:768px){
  .fixarea_tabbar{top: 0;}
}

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

}

/* 版頭主標顯示 */
@media screen and (min-width:768px){

}

@media screen and (max-width:767px){
  .hero-title{opacity: 100 !important}
}


/* 白背刪除 */
.remove_box_style li{background: transparent !important;}

/*Phone錨點*/
.Area_floorPD_NavArea_tabbar {
  margin: 0 auto 5vw ;
  width: 94%;
}
.Area_floorPD_NavArea_tabbar.cate-fixed {
  width: 100%;
}
.Area_floorPD_NavArea_tabbar .Nav_box {
  border-radius: 8px;
  -webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
          box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
}
.Area_floorPD_NavArea_tabbar .Nav li {
  overflow: visible;
}
.Area_floorPD_NavArea_tabbar.cate-fixed .Nav_box {
  border-radius: 0;
  background-color: rgba(255, 255, 255, 1);
  -webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
          box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
}

/*隱鑶*/
.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;} 
        }


/* 公版h3文案底色 */
.PD_layout[data-pd-h3="5"] .PD h3 span{background-color: rgba(218,218,218,.9) !important}

/* 01.攻略 */
.strategy{position: relative;z-index: 10;}
.strategy .PD_layout .PD_img::before{display: none !important;}
@media screen and (min-width:768px){
  .strategy .formula{padding-top: 80px;}
  .strategy .item li::after{background-image: url(item_bg.png?t=1754297718414);padding-bottom: 163%;}
  .strategy .item .PD_img{padding: 0;margin: 20px 0 30px 22.5px;width: 85%;background-color: #fff;border-radius: 1em;}

  /* 文案位置 */
  .strategy .item .PD_into h3{font-size: 40px;color: #b51826;line-height: 1em;font-weight: 800;}
  .strategy .item .PD_into h4 b{display: none;}
  .strategy .item .PD_into h4{font-size: 30px;color: #000;}
}

@media screen and (max-width:767px){
  .strategy .formula{padding-top: 8vw;}
  .strategy .item li::after{background-image: url(item_bg.png?t=1754297718414);padding-bottom: 165%;}
  .strategy .item .PD_img{padding: 0;margin: 1.5vw 0 2.5vw 1.5vw;width: 90%;background-color: #fff;border-radius: 0.5em;}

  /* 文案位置 */
  .strategy .item .PD_into h3{font-size: 4vw;color: #b51826;line-height: 1em;font-weight: 800;}
  .strategy .item .PD_into h4 b{display: none;}
  .strategy .item .PD_into h4{font-size: 3.5vw;color: #000;}
}

/* 02.限搶30品 */
@media screen and (min-width:768px){

}

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

}

/*倒數-白色*/
.TimerNick1 {position: relative;top: 0;left: 0;width: 100%;height: 70px;text-align: center;padding: 0;z-index:4;margin: 0;border-radius: 5em;}
.TimerNick1 .FontStyle {position: relative;display:inline-block;width: 41px;top: 0;font: normal 30px/42px Arial;color: #000;letter-spacing: 0px;text-align:right;background: #fff;height: 40px;padding: 0 1% 0 0;border-radius: 0.5em;}
.TimerNick1 span {padding-left: 4px;font: 23px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;font-weight: 600;color: #fff;}
.TimerNick1 small{position:relative; font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em;color: #fff;}
@media screen and (max-width:767px){
		.TimerNick1 {position: relative;top: 0;left: 0;margin:0;width: 100%;height: 12vw;text-align: center;padding: 0;border: #fff 0px solid;}
		.TimerNick1 .FontStyle {margin: 0;width: 9vw;font: normal 6vw/6vw Arial;color: #000;letter-spacing: 0px;text-align:right;background: #fff;height: 6vw;padding: 0 1% 0 0;border-radius: 0.2em;}
        	.TimerNick1 div:nth-of-type(2),
		.TimerNick1 div:nth-of-type(3),
		.TimerNick1 div:nth-of-type(4){ width: 7vw;}
		.TimerNick1 span {padding-left: 2vw;font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0em;}
}


/* 03.logo3品 */
.logo_pd3{z-index: 10;}
@media screen and (min-width:768px){
  /* .logo_pd3{padding-top: 50px;} */
  .logo_pd3 .logo_pd3_box{background-color: #f3e89d;border-radius: 1.5em;}
  .logo_pd3 .logo_pd3_box .txt .PD_into{padding: 30px 0;}
  .logo_pd3 .logo_pd3_box .txt .PD_into{flex-direction: row;justify-content: center;}
  .logo_pd3 .logo_pd3_box .txt .PD_into .PD_logo{height: 5em;margin: 0 30px;}
  .logo_pd3 .logo_pd3_box .txt .PD_into .PD_logo img{border-radius: 1em;background: #000;}
  /* 文案位置 */
  .logo_pd3 .logo_pd3_box .txt .PD_into h3{font-size: 40px;color: #000;font-weight: 700;font-family: Noto Sans CJK SC;}

  .logo_pd3 .logo_pd3_box .pd3{padding: 0 20px 20px;}
}

@media screen and (max-width:767px){
  /* .logo_pd3{padding: 10vw 0;} */
  .logo_pd3 .logo_pd3_box{background-color: #f3e89d;border-radius: 0.5em;}
  .logo_pd3 .logo_pd3_box .txt .PD_into{padding: 3vw 0;}
  .logo_pd3 .logo_pd3_box .txt .PD_into{flex-direction: row;justify-content: center;}
  .logo_pd3 .logo_pd3_box .txt .PD_into .PD_logo{height: 3em;margin: 0 3vw;}
  .logo_pd3 .logo_pd3_box .txt .PD_into .PD_logo img{border-radius: 0.5em;background: #000;}
  /* 文案位置 */
  .logo_pd3 .logo_pd3_box .txt .PD_into h3{font-size: 5vw;color: #000;font-weight: 700;font-family: Noto Sans CJK SC;margin-top: 2vw;}

  .logo_pd3 .logo_pd3_box .pd3{padding: 0 3vw 3vw;}
}

/* 06.折價劵 */
.coupon .PD_layout .PD_img::before{display: none !important;}
.coupon .divine_coupon .allinone1,.coupon .divine_coupon .allinone2{color: #fff;}
/*mo店+折價劵*/
.coupon .PD_copy {width: 94%;}
.coupon .PD_copy ul { padding: 0 .5em;}
.coupon .PD_copy ul li { background-color: #fff; /*border: solid 2px #9483ff !important*/; border-radius: 10px; overflow: hidden;}
.coupon .PD_copy .PD_into { padding: 0; padding-bottom: .75em; text-align: center;}
.coupon .PD_copy .PD h3 { color: #fff; font-size: 2.2em; font-weight: 700; background-color: #f56c5e; font-family: Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
.coupon .PD_copy .PD h4 { /* color: #000; font-size: 2em; font-weight: 600; line-height: 1.35; margin: .35em 0 .1em; ;*/ display: none}
/* .coupon .PD_copy .PD h4 hover { color: #000; } */

.coupon .PD_copy .PD .gobtn { margin-left: 54%;width: 27.5%;}
 /*改成flex排列*/
.coupon .PD_copy .Area_copy { display: flex; justify-content: space-evenly; align-items: center; position: absolute; bottom: .75em; left: 8.2%; width: 50%; line-height: 2.35; background-color: #919191; border-radius: 20em;}
.coupon .PD_copy .Area_copy .copyTxt { /*position: absolute; top: 10%; left: 2.5%; width: 7.7em; height: 80%;*/ flex-basis: 70%; font-size: 1.05em; line-height: 1.8; background-color: #fff; border-radius: 20em; font-weight: 700; overflow: hidden;}
.coupon .PD_copy .Area_copy .btn_copy { padding-right: .5em; /*text-align: right;*/}
.coupon .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*/
 .coupon .PD_copy .PD h3 span { position: relative; overflow: visible; margin-left: 5vw;}
 .coupon .PD_copy .PD h3 span::before { content: ""; pointer-events: none; position: absolute; top: 120%; left: -6vw; transform: translateY(-50%); width: 5vw; height: 6.5vw; background-image:url(logo_after.png?t=1754297718414); background-position: center top; background-size: 100%; background-repeat: no-repeat;}
 /*改成flex排列*/
 .coupon .PD_copy .Area_copy { display: flex; justify-content: space-evenly; align-items: center; position: absolute; bottom:1em; left: 14.2%; width: 38%; line-height:4.35; background-color: #919191; border-radius: 20em;}
 .coupon .PD_copy .Area_copy .copyTxt { /*position: absolute; top: 10%; left: 2.5%; width: 7.7em; height: 80%;*/ flex-basis: 70%; font-size: 1.5em; line-height:2.2; background-color: #fff; border-radius: 20em; font-weight: 700; overflow: hidden;}
 .coupon .PD_copy .Area_copy .btn_copy { padding-right: .5em; /*text-align: right;*/}
 .coupon .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;}

@media screen and (min-width:768px){
  .coupon .PD_copy h3{margin-bottom: 20px;}
}

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

/*複製領券*/
.coupon .PD_copy {width: 100%;}
.coupon .PD_copy ul { padding: 0 .5em;}
.coupon .PD_copy ul li { background-color: #fff; /*border: solid 2px #9483ff !important*/; border-radius: 10px; overflow: hidden;}
.coupon .PD_copy .PD_into { padding: 0; padding-bottom: .75em; text-align: center;}
.coupon .PD_copy .PD h3 { color: #fff; font-size: 1.2em; font-weight: 700; background-color: #f56c5e; font-family: Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
/* .coupon .PD_copy .PD h4 { color: #000; font-size: 1.1em; font-weight: 600; line-height: 1.35; margin: .35em 0 .1em;} */
.coupon .PD_copy .PD .gobtn { margin-left: 61%; width: 30.5%;}
 /*改成flex排列*/
.coupon .PD_copy .Area_copy { display: flex; justify-content: space-evenly; align-items: center; position: absolute; bottom: .75em; left: 8.2%; width: 50%; line-height: 2.35; background-color: #919191; border-radius: 20em;}
.coupon .PD_copy .Area_copy .copyTxt { /*position: absolute; top: 10%; left: 2.5%; width: 7.7em; height: 80%;*/ flex-basis: 70%; font-size: 1.05em; line-height: 1.8; background-color: #fff; border-radius: 20em; font-weight: 700; overflow: hidden;}
.coupon .PD_copy .Area_copy .btn_copy { padding-right: .5em; /*text-align: right;*/}
.coupon .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*/
 .coupon .PD_copy .PD h3 span { position: relative; overflow: visible; margin-left:14vw;}
 .coupon .PD_copy .PD h3 span::before { content: ""; pointer-events: none; position: absolute; top:62%; left:-12.8vw; transform: translateY(-50%); width:11vw; height: 6.5vw; background-image:url(logo_after.png?t=1754297718414); background-position: center top; background-size: 100%; background-repeat: no-repeat;}
 /*改成flex排列*/
 .coupon .PD_copy .Area_copy { display: flex; justify-content: space-evenly; align-items: center; position: absolute; bottom: .75em; left: 8.2%; width: 50%; line-height: 2.35; background-color: #919191; border-radius: 20em;}
 .coupon .PD_copy .Area_copy .copyTxt { /*position: absolute; top: 10%; left: 2.5%; width: 7.7em; height: 80%;*/ flex-basis: 70%; font-size: 1.05em; line-height: 1.8; background-color: #fff; border-radius: 20em; font-weight: 700; overflow: hidden;}
 .coupon .PD_copy .Area_copy .btn_copy { padding-right: .5em; /*text-align: right;*/}
 .coupon .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;}

  /* .coupon .PD_copy .PD h4 hover { color: #000; } */

  .coupon .PD_copy h3{margin-bottom: 3vw;}


}

/* 08.登記 */
/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #c12435;}                 
                    
@media screen and (min-width:768px){
  .Area_danji{margin-left: -150px;}
}

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

}


/* 09.logo3品8區 */
@media screen and (min-width:768px){
  .logo_pd3x8 .logo_pd3_box{background-color: #34427b;border-radius: 1.5em;}
  .logo_pd3x8 .logo_pd3_box .txt .PD_into{padding: 30px 0;}
  .logo_pd3x8 .logo_pd3_box .txt .PD_into{flex-direction: row;justify-content: center;}
  .logo_pd3x8 .logo_pd3_box .txt .PD_into .PD_logo{height: 5em;margin: 0 30px;}
  .logo_pd3x8 .logo_pd3_box .txt .PD_into .PD_logo img{border-radius: 1em;background: #fff;}
  /* 文案位置 */
  .logo_pd3x8 .logo_pd3_box .txt .PD_into h3{font-size: 40px;color: #fff;font-weight: 700;font-family: Noto Sans CJK SC;}

  .logo_pd3x8 .logo_pd3_box .pd3{padding: 0 20px 20px;}
}

@media screen and (max-width:767px){
  .logo_pd3x8 .logo_pd3_box{background-color: #34427b;border-radius: 0.5em;}
  .logo_pd3x8 .logo_pd3_box .txt .PD_into{padding: 3vw 0;}
  .logo_pd3x8 .logo_pd3_box .txt .PD_into{flex-direction: row;justify-content: center;}
  .logo_pd3x8 .logo_pd3_box .txt .PD_into .PD_logo{height: 3em;margin: 0 3vw;}
  .logo_pd3x8 .logo_pd3_box .txt .PD_into .PD_logo img{border-radius: 0.5em;background: #fff;}
  /* 文案位置 */
  .logo_pd3x8 .logo_pd3_box .txt .PD_into h3{font-size: 5vw;color: #fff;font-weight: 700;font-family: Noto Sans CJK SC;margin-top: 2vw;}

  .logo_pd3x8 .logo_pd3_box .pd3{padding: 0 3vw 3vw;}
}

/* 10.輪播BN */
@media screen and (min-width:768px){

}

@media screen and (max-width:767px){
  .Area_AD1 .Area_swiper{height: 100%;}
  .Area_AD1{padding-bottom: 8vw;}
}

/* 11.下方公版 */
@media screen and (min-width:768px){
  .bottom_version{margin-top: -50px;}
}

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

}

/* 12.品類 */
.category .btn ::after{display: none;}
.category .PD_layout .PD_img::before{display: none !important;}
@media screen and (min-width:768px){
  .category .btn li:nth-child(21){position: relative;left: 250px;}
  .category .btn li:nth-child(22){position: relative;left: 250px;}
}

@media screen and (max-width:767px){
  .category .btn li:nth-child(21){position: relative;left: 25vw;}
  .category .btn li:nth-child(22){position: relative;left: 25vw;}
}

/* 輪播點點改色 */
.swiper-pagination-bullet{background: #fff !important;}
/* 行銷輪播點點改色 */
.acty .swiper-pagination-bullet{background: #000 !important;}
.withBG2 .swiper-pagination-bullet{background: #fff !important;}