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

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

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

@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: 0vw auto 0vw  ;
  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: 0px; margin-bottom: 11px;}
  .strategy .item li::after{background-image: url(item_bg.png?t=1775716502285);padding-bottom: 54%;}
  .strategy .item .PD_img{position: absolute;padding: 0;margin: 16px 0 30px 22.5px;width: 43%; left: 47% ;background-color: #fff;border-radius: 1em;}

   /* 攻略標題 */
  .strategy .t1{ position: absolute; top: 5px; left: 69px; z-index: 20;}
  .strategy .t2{ position: absolute; top: -58px; left: 69px; z-index: 20;}


  /* 文案位置 */
  .strategy .item .PD_into h3{position: absolute; left: 3% ;font-size: 40px;color: #fff;line-height: 1em;font-weight: 800; margin-top: 12%;}
  .strategy .item .PD_into h4 b{display: none;}
  .strategy .item .PD_into h4{position: absolute; left: 2% ;font-size: 30px;color: #fff; margin-top: 23%;}
}


@media screen and (max-width:767px){
  .strategy .formula{padding-top: 0vw; margin-bottom: 1vw;}
  .strategy .item li::after{background-image: url(item_bg.png?t=1775716502285);padding-bottom: 53%;}
  .strategy .item .PD_img{position: absolute; padding: 0;margin: 1.5vw 0 2.5vw 1.5vw;width: 43%;background-color: #fff; border-radius: 1em;top: 1%; left: 51%;}


   /* 攻略標題 */
   .strategy .t1{ position: absolute; top: -5vw; left: 8vw; width: 18% ; z-index: 20;}
   .strategy .t2{ position: absolute; top: -8vw; left: 8vw; width: 18% ; z-index: 20;}



  /* 文案位置 */
  .strategy .item .PD_into h3{position: absolute; font-size: 4cqh;color: #fff;line-height: 1em;font-weight: 800; top: 21%; left: 3%;}
  .strategy .item .PD_into h4 b{display: none;}
  .strategy .item .PD_into h4{position: absolute; font-size: 6.5vw;color: #fff; top: 41%; left: 2%;}
}




/* 01-2.AD廣告區 */

.Area_AD-1{ margin-top: 75px;}
.Area_AD-1 .t3{ position: absolute; top: -37px; left: 69px; z-index: 20;}


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

  .Area_AD-1{ margin-top: 8vw; }
  .Area_AD-1 .t3{ position: absolute; top: -6vw; left: 5vw; width: 24% ; z-index: 20;}

}



/* 最高回饋 */         
                    
@media screen and (min-width:768px){

  .Area_1 {}

}

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

  .Area_1 {margin: 0vw 0vw 6vw 0vw ;}

}







/* 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-top: -3vw ;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: #ffff02;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: #ffff02;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;} */
}


/* <!-- 13.輪播BN10張 --> */

.Area13{margin-top: 26px; margin-bottom: 36px;}

.Area13 .PD_wrapper {height: 205px;}

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

  .Area13{margin-top: 0px;}
  .Area13 .PD_wrapper {height: 38vw;}

}




/*健康品牌好安心*/
@media screen and (min-width:768px){
  .Area09 {}
  .Area09 .Area09_box {height: 100%;display: flex;flex-wrap: wrap;position: relative;z-index: 0;}
  .Area09 .b_box {width: 570px;height: 587px;margin: 0 8px 20px;background: url("Area09_bg.png?t=1775716502285") center top/ 100% no-repeat scroll;left: 25px;position: relative;}	
  .Area09 .text02 {width: 90%;margin: auto;height: 180px;}	 
  .Area09 .text02 .PD_layout .PD_into {display: flex;flex-direction: row;margin-top: 0vw;margin-bottom: -4vw;}
  .Area09 .text02 .PD_layout .PD_into .PD_logo {width: 57%;left: 7px;top: -2px;position: relative;}  
  .Area09 .text02 .PD_layout .PD_into h3 {width: 100%;color: #fff;margin-top: 13px;left: 0;position: absolute;font: 45px/45px "Noto Sans CJK SC";font-weight: 700;top: 107px;}  
  .Area09 .b_box .box {position:relative;width: 100%;margin: 0 auto 0;padding-bottom: 0;}
  .Area09 .layout_PD ul {padding-left: 20px;padding-right: 20px;}
  .Area09 .layout_PD {width: 99.5%;}
  .Area09 .layout_PD .PD h3 {display: none;}
  .Area09 .layout_PD .PD p del {display: none;}
  .Area09 .layout_PD .PD h4 {font-size: 30px;margin-bottom:0;}
  }
  @media screen and (max-width:767px){
    .Area09 {margin-bottom: 4vw;}
    .Area09 .Area09_box {position: relative;display: flex;flex-wrap: wrap;z-index: 2;}
    .Area09 .b_box {width: 48%;height: 58vw;padding: 0 0.5% 0;margin: 1.5% 0vw 0vw 0.5vw;background: url("Area09_bg.png?t=1775716502285") center top/ 100% no-repeat scroll;}	
    .Area09 .text02 {height: 17vw;}	
    .Area09 .text02 .PD_layout .PD_into {display: flex;flex-direction: row;margin-top: 0vw;margin-bottom: 0;padding: 0;}
    .Area09 .text02 .PD_layout .PD_into .PD_logo {width: 49%;top: 0.5vw;position: relative;left: 4vw;}  
    .Area09 .text02 .PD_layout .PD_into h3 {width: 100%;margin-left: 0;color: #fff;margin-top: 10vw;font: 18px/18px "Noto Sans CJK SC";font-weight: 700;position: absolute;} 
    .Area09 .layout_PD ul {padding-left: 0vw;padding-right: 0vw;} 
    .Area09 .layout_PD {width: 99.7%;}
    .Area09 .layout_PD .PD h3 {display: none;}
    .Area09 .layout_PD .PD p del {display: none;}
    .Area09 .layout_PD .PD h4 {font-size: 13px;margin-bottom:0;}
    .Area09 .layout_PD .PD p .Price {font-size: 1.3em;}
  }




/* 07.折價劵 */
.coupon .PD_layout .PD_img::before{display: none !important;}
.coupon .divine_coupon .allinone1,.coupon .divine_coupon .allinone2{color: #000;}
/*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=1775716502285); 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=1775716502285); 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: 0vw;}
}

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

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

}


/* 01.20品輪播 */
            
                    
@media screen and (min-width:768px){
  .carousel_pd201 .Area_swiper_box .PD_layout li {background-color: #fff;}
}

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

  .carousel_pd201 .Area_swiper_box .PD_layout li {background-color: #fff;}

}




/* 展開BNx6 */

.Area_bnn{ margin-top: 75px;}


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

  .Area_bnn{ margin-top: 8vw; }

}



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