/* 各頁面CSS */

/* 版頭 */
@media screen and (min-width: 768px){
    .hero { height: 1789px;}
    .hero-title { top: 155px;}
    .hero-title .lg-text .hero-decos.hero-deco1 { top: 45px; right: -28px;}
}
@media screen and (max-width:767px){
    .hero { height: 82vw;}
    .hero-title .lg-text .hero-decos.hero-deco1 { right: 12.5vw; top: 5vw;}
}


/* 錨點選單 */
.NavArea[data-light="box"] .Nav .cate-hover i { border-color: #000 !important; background-color: #000 !important;}
.NavArea { margin: 0 auto;}
@media screen and (min-width:768px){
  .NavArea_tabbar_forPC { display: block; width: 100%; max-width: 960px; z-index: 90; margin-bottom: 40px;}
  .NavArea_tabbar_forPC .Nav_box .Nav { height: 60px;}
  .NavArea_tabbar_forPC .Nav .Nav-wrapper .Nav-slide { width: calc(100% / 3);}
  .NavArea_tabbar_forPC .Nav .Nav-wrapper li.Nav-slide { font-size: 20px; height: 60px; line-height: 60px;}
  .NavArea[data-light=box] .Nav ul { padding-left: 50px;}
}
@media screen and (max-width:767px){
    .NavArea.cate-fixed .Nav_box { padding-left: 0;}	
    .NavArea_tabbar { width: 92%; margin-bottom: 3vw;}  
}


/*注意事項區*/
.edm_notice{ position: relative;margin:30px auto;text-align:center; padding:10px 10px 15px 10px; color:#000000; font:12px/18px Helvetica;    }
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }

@media screen and (max-width:767px){
.edm_notice{ position: relative;margin:0 0 0 0;text-align:center; padding:10px 10px 15px 10px; color:#000000; font:12px/18px Helvetica;margin-bottom: 22vw;}
}


/*01強運大牌*/
.Area_bigBrand1 .Area_boxstyle_title { display: none;}
.Area_bigBrand1 .PD_layout li { border: none;}
.Area_bigBrand1 .PD_layout-D1_01[data-pd-pdlogo="4"] .PD_slide { background-color: #000; border-radius: 14px;}
.Area_bigBrand1 .PD_layout-D1_01[data-pd-pdlogo="4"] .PD h4 { color: #fff; font-size: 1.7em;}
.Area_bigBrand1 .PD_layout-D1_01 ul { grid-gap: 10px; background: transparent;}
.Area_bigBrand1 .PD_layout-D1_01[data-pd-pdlogo="4"] .PD .PD_img img { border-radius: 14px 14px 0 0;}
.Area_bigBrand1 .PD_layout[data-pd-img="1"] .PD_img { padding: 0;}
.Area_bigBrand1 .PD_layout-D1_01[data-pd-pdlogo="4"] .PD_logo img { box-shadow: none; border: solid .25em #6b00e3;}
@media screen and (min-width: 768px) {
    .Area_bigBrand1 .PD_layout-D1_01 ul { padding-left: 130px; padding-right: 130px;}
}
@media screen and (max-width: 767px) {
    .Area_bigBrand1 { margin-top: 2vw;}    
    .Area_bigBrand1 .PD_layout-D1_01 ul { grid-gap: .25em; padding: 1.5vw;}
    .Area_bigBrand1 .PD_layout-D1_01[data-pd-pdlogo="4"] .PD h4 { font-size: 1em;}
    .Area_bigBrand1 .PD_layout-D1_01[data-pd-pdlogo="4"] .PD_logo { height: 2.2em; margin-top: -1.25em !important;}
    .Area_bigBrand1 .PD_layout-D1_01[data-pd-pdlogo="4"] .PD_logo img { border-radius: 8px; border-width: .2em;}
}


/*02超強王牌*/
@media screen and (min-width:768px){
  .AreaToday .Area_unit { margin-bottom: 50px;}   
}
@media screen and (max-width:767px){
  .AreaToday .Area_unit { margin-bottom: 2vw;}
}
/*移除公版設定*/
.remove_box_style ul { margin: 0 auto; padding: 0; background-color: transparent; grid-gap: 0; width: 100%;}
.remove_box_style ul li { border: none }
  /*圓角*/
  @media screen and (min-width:768px){
    .remove_box_style[data-pd-br="1"] .PD_slide,
    .remove_box_style[data-pd-br="1"] .PD_img img { border-radius: 0.5em;}
    .remove_box_style[data-pd-br="2"] .PD_slide,
    .remove_box_style[data-pd-br="2"] .PD_img img { border-radius: 1em;}
    .remove_box_style[data-pd-br="3"] .PD_slide,
    .remove_box_style[data-pd-br="3"] .PD_img img { border-radius: 1.5em;}
    .remove_box_style[data-pd-br="4"] .PD_slide,
    .remove_box_style[data-pd-br="4"] .PD_img img { border-radius: 2em;}
    .remove_box_style[data-pd-br="50%"] .PD_slide,
    .remove_box_style[data-pd-br="50%"] .PD_img img { border-radius: 20em;}
  }
  @media screen and (max-width:767px){
    .remove_box_style[data-pd-br="1"] .PD_slide,
    .remove_box_style[data-pd-br="1"] .PD_img img { border-radius: 0.25em;}
    .remove_box_style[data-pd-br="2"] .PD_slide,
    .remove_box_style[data-pd-br="2"] .PD_img img { border-radius: 0.5em;}
    .remove_box_style[data-pd-br="3"] .PD_slide,
    .remove_box_style[data-pd-br="3"] .PD_img img { border-radius: 0.75em;}
    .remove_box_style[data-pd-br="4"] .PD_slide,
    .remove_box_style[data-pd-br="4"] .PD_img img { border-radius: 1em;}
    .remove_box_style[data-pd-br="50%"] .PD_slide,
    .remove_box_style[data-pd-br="50%"] .PD_img img { border-radius: 20em;}
  }

/*(新增)直/D1_07(1帶2)*/ 
.PD_layout-D1_07 ul { background-color: transparent; position: relative; overflow: hidden;}
.PD_layout-D1_07 li { background-color: #fff;}
.PD_layout-D1_07.PD_layout li:not(:nth-child(1)) .PD h4,
.PD_layout-D1_07.PD_layout li:not(:nth-child(1)) .PD .PD_logo { display: none;}
  /*第一品*/
  .PD_layout-D1_07.PD_layout ul::before { content: ""; display: block; position: absolute;background-color: #fff; width: 100%; height: 100%; background-image: url(AreaToday_bg_01.png?t=1761200002951); background-repeat: no-repeat; background-size: 100%; background-position: center; padding-bottom: 0; top: 0;}
  .PD_layout-D1_07.PD_layout.PD_layout-no-bg ul::before { display: none;}
  .PD_layout-D1_07 li:first-child { background-color: transparent; text-align: left;}
  .PD_layout-D1_07.PD_layout li:first-child .PD_img { margin: 12% 0 24%;}
  .PD_layout-D1_07.PD_layout li:first-child .PD .PD_logo { margin: 0; position: absolute; top: -2%; left: -0.75%; height: 3.5em;}
  .PD_layout-D1_07.PD_layout li:first-child .PD h3,
  .PD_layout-D1_07.PD_layout li:first-child .PD p { display: none;}
  .PD_layout-D1_07.PD_layout li:first-child .PD h4 { color: #000; position: absolute; bottom: -3%; left: .25%; width: 102%;}
  .PD_layout-D1_07.PD_layout li:first-child .PD h4 i { position: relative; top: -.375em; display: inline-block; border-top: .125em solid rgba(0,0,0,0); border-right: .125em solid rgba(0,0,0,0); width: .5em; height: .5em; transform: rotate(45deg); border-color: #000;}
  @media screen and (min-width:768px){
    .PD_layout-D1_07 { margin: 0 auto;}
    .PD_layout-D1_07.PD_layout ul { padding: 30px 19px 30px 23px; column-gap: 10px; border-radius: 10px 0 10px 10px;}
      /*第一品*/
      .PD_layout-D1_07.PD_layout li:first-child .PD_img { padding-left: 1em; padding-right: 1em;}
      .PD_layout-D1_07.PD_layout li:first-child .PD h4 { font-size: 2.2em; margin-bottom: 0; line-height: unset;}
      /*2+3品*/
      .PD_layout-D1_07 li:not(:nth-child(1)) .PD_into { transform: scale(1.2); transform-origin: center top; padding-bottom: 2em;}
      /*品數*/
      .PD_layout-D1_07[data-pd-col-pc="3"] ul { grid-template-columns: repeat(3, minmax(0, 1fr));}
  }
  @media screen and (max-width:767px){
    .PD_layout-D1_07 { margin: 0 2%;}
    .PD_layout-D1_07.PD_layout ul { padding: 1.5vw 1.5vw 1.5vw 1.8vw; column-gap: .2em; border-radius: 1.5vw 0 1.5vw 1.5vw;}
      /*第一品*/
      .PD_layout-D1_07.PD_layout li:first-child .PD_img { margin: 14% 0 22%;}
      .PD_layout-D1_07.PD_layout li:first-child .PD .PD_logo { top: 0; left: 0; height: 1.7em;}
      .PD_layout-D1_07.PD_layout li:first-child .PD .PD_logo img { padding: 0 .4em;}
      .PD_layout-D1_07.PD_layout li:first-child .PD h4 { font-size: 1em; margin-bottom: 0; line-height: 1.4;}
      .PD_layout-D1_07.PD_layout li:first-child .PD h4 i { top: -.475em;}
      /*2+3品*/
      .PD_layout-D1_07 li:not(:nth-child(1)) .PD_img { padding-top: .2em;}
      .PD_layout-D1_07 li:not(:nth-child(1)) .PD_into { padding-top: 0; padding-bottom: .2em;}
      .PD_layout-D1_07 li:not(:nth-child(1)) .PD h3 { margin-bottom: 0;}
      .PD_layout-D1_07 li:not(:nth-child(1)) .PD p del { display: none;}
      /*品數*/
      .PD_layout-D1_07[data-pd-col-phone="3"] ul { grid-template-columns: repeat(3, minmax(0, 1fr));}
  }



/*(新增)直/D1_07(1帶2)*/ 
.PD_layout-D1_07.AreaD7-2 ul { background-color: transparent; position: relative; overflow: hidden;}
.PD_layout-D1_07.AreaD7-2 li { background-color: #fff;}
.PD_layout-D1_07.AreaD7-2.PD_layout li:not(:nth-child(1)) .PD h4,
.PD_layout-D1_07.AreaD7-2.PD_layout li:not(:nth-child(1)) .PD .PD_logo { display: none;}
  /*第一品*/
  .PD_layout-D1_07.AreaD7-2.PD_layout ul::before { content: ""; display: block; position: absolute;background-color: #fff; width: 100%; height: 100%; background-image: url(AreaToday_bg_02.jpg?t=1761200002951); background-repeat: no-repeat; background-size: 100%; background-position: center; padding-bottom: 0; top: 0;}
  .PD_layout-D1_07.AreaD7-2.PD_layout.PD_layout-no-bg ul::before { display: none;}
  .PD_layout-D1_07.AreaD7-2 li:first-child { background-color: transparent; text-align: left;}
  .PD_layout-D1_07.AreaD7-2.PD_layout li:first-child .PD_img { margin: -5% 0 0%;}
  .PD_layout-D1_07.AreaD7-2.PD_layout li:first-child .PD .PD_logo { margin: 0; position: absolute; top: -2%; left: -0.75%; height: 3.5em;}
  .PD_layout-D1_07.AreaD7-2.PD_layout li:first-child .PD h3,
  .PD_layout-D1_07.AreaD7-2.PD_layout li:first-child .PD p { display: none;}
  .PD_layout-D1_07.AreaD7-2.PD_layout li:first-child .PD h4 { color: #ffffff;position: absolute;bottom: 0%;left: 24.25%;width: 102%;}
  .PD_layout-D1_07.AreaD7-2.PD_layout li:first-child .PD h4 i { position: relative; top: -.375em; display: inline-block; border-top: .125em solid rgba(0,0,0,0); border-right: .125em solid rgba(0,0,0,0); width: .5em; height: .5em; transform: rotate(45deg); border-color: #ffffff;}
  @media screen and (min-width:768px){
    .PD_layout-D1_07.AreaD7-2 { margin: 0 auto;}
    .PD_layout-D1_07.AreaD7-2.PD_layout ul { padding: 30px 19px 30px 23px; column-gap: 10px; border-radius: 10px 0 10px 10px;}
      /*第一品*/
      .PD_layout-D1_07.AreaD7-2.PD_layout li:first-child .PD_img { padding-left: 1em; padding-right: 1em;}
      .PD_layout-D1_07.AreaD7-2.PD_layout li:first-child .PD h4 { font-size: 2.2em; margin-bottom: 0; line-height: unset;}
      /*2+3品*/
      .PD_layout-D1_07.AreaD7-2 li:not(:nth-child(1)) .PD_into { transform: scale(1.2); transform-origin: center top; padding-bottom: 2em;}
      /*品數*/
      .PD_layout-D1_07.AreaD7-2[data-pd-col-pc="3"] ul { grid-template-columns: repeat(3, minmax(0, 1fr));}
  }
  @media screen and (max-width:767px){
    .PD_layout-D1_07.AreaD7-2 { margin: 0 2%;}
    .PD_layout-D1_07.AreaD7-2.PD_layout ul { padding: 1.5vw 1.5vw 1.5vw 1.8vw; column-gap: .2em; border-radius: 1.5vw 0 1.5vw 1.5vw;}
      /*第一品*/
      .PD_layout-D1_07.AreaD7-2.PD_layout li:first-child .PD_img { margin: -3% 0 0%;}
      .PD_layout-D1_07.AreaD7-2.PD_layout li:first-child .PD .PD_logo { top: 0; left: 0; height: 1.7em;}
      .PD_layout-D1_07.AreaD7-2.PD_layout li:first-child .PD .PD_logo img { padding: 0 .4em;}
      .PD_layout-D1_07.AreaD7-2.PD_layout li:first-child .PD h4 { font-size: 1em; margin-bottom: 0; line-height: 1.4;}
      .PD_layout-D1_07.AreaD7-2.PD_layout li:first-child .PD h4 i { top: -.475em;}
      /*2+3品*/
      .PD_layout-D1_07.AreaD7-2 li:not(:nth-child(1)) .PD_img { padding-top: .2em;}
      .PD_layout-D1_07.AreaD7-2 li:not(:nth-child(1)) .PD_into { padding-top: 0; padding-bottom: .2em;}
      .PD_layout-D1_07.AreaD7-2 li:not(:nth-child(1)) .PD h3 { margin-bottom: 0;}
      .PD_layout-D1_07.AreaD7-2 li:not(:nth-child(1)) .PD p del { display: none;}
      /*品數*/
      .PD_layout-D1_07.AreaD7-2[data-pd-col-phone="3"] ul { grid-template-columns: repeat(3, minmax(0, 1fr));}
  }














/*03精選商品*/
@media screen and (max-width:767px){
    .Area03 { margin-top: 5vw;}        
}


/*改成火的搶*/
.PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn b::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(rush_btn.png?t=1761200002951) center center / auto 70% no-repeat;
  width: 100%;
  height: 100%;}    
.PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::before { display: none;}
@media screen and (min-width:768px){
  .PD_layout[data-pd-btn] .PD_btn b { width:42%;}
}
@media screen and (max-width:767px){
  .PD_layout[data-pd-btn] .PD_btn b { width: 100%;}
  .PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn b::after { 
    background: url(rush_btn.png?t=1761200002951) center center / auto 65% no-repeat;}
}


/* 強運大牌補圖改 */
@media screen and (min-width: 768px){
  .Area_bigBrand .PD_layout ul::after {
    position: relative;
    width: 100%;
    background: url(Area_hotPD_bg02.png?t=1761200002951) no-repeat center;
    background-size: 100%;
  }
}
@media screen and (max-width: 767px){
  .Area_bigBrand .PD_layout ul::after {
    position: relative;
    width: 100%;
    background: url(Area_hotPD_bg02.png?t=1761200002951) no-repeat center 100%;
    background-size: 100%;
  }
}