@charset "utf-8";

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


/*wow logo*/
@media screen and (min-width:768px){ 
  .Area_title .mmw_logo{ position: absolute;left: -50px;top: 41px;}
  .Area_title .mmw_logo img{width: 66%;}
  }
  @media screen and (max-width:767px){
    .Area_title .mmw_logo{position: absolute;width: 33%;left:2vw;top:4vw;}
  }
  

  /*主標寬度調整*/
  .PD_layout[data-pd-li=BN] ul, .PD_layout[data-pd-li=BN-AWD] ul, .PD_layout[data-pd-li=PDBN] ul {padding: 0em;grid-gap: .2em;}





/*版頭右上分頁按鈕*/
@media screen and (min-width:768px){	
	.layout_btn {width: 57%!important;margin: auto;padding-bottom: 0vw;/* position: absolute; */left: 159px;top: 1px;}
	.layout_btn ul {width: 91% !important;margin: auto !important;}
	.layout_btn ul li{padding: 10px;}
  .layout_btn ul li .PD_into h3{color: #000000;font-weight: 400;border: 1px solid #000000;border-radius: 13vw;text-align: center;max-height: 3.9em;}
  .layout_btn ul li .PD_into h3 span{margin-top: 6px;font-size: 20px;}
  .layout_btn ul li h3:hover{color: #ffffff;background-color: #000000;border: 0.1vw solid #000000;border-radius: 13vw;}
}
@media screen and (max-width:767px){
	.layout_btn {width: 67%!important;margin: auto;padding-bottom: 0vw;/* position: absolute; */left: 19vw;top: 0vw;}
	.layout_btn ul {width: 91% !important;margin: auto !important;}
	.layout_btn ul li{padding: 0.7vw;}
  .layout_btn ul li .PD_into h3{color: #000000;font-weight: 400;border: 0.1vw solid #000000;border-radius: 13vw;text-align: center;padding-left: 2vw;padding-right: 2vw;}
  .layout_btn ul li h3:hover{color: #ffffff;background-color: #000000;border: 0.1vw solid #000000;border-radius: 13vw;}
}





/*最新上架輪播*/
@media screen and (min-width:768px){	
.Area_new{ background-color: #ffdc51;}
.Area_pd-logo-carousel{background: url("new_bg.png?t=1792059398286") center top/ 100% no-repeat ;z-index: 0;height: 344px;       }
.Area_pd-logo-carousel .Area_content{width:100%; position: relative; left:96px;top: 50px;}
.Area_pd-logo-carousel .Area_content .PD_slide::before { content: "";position: absolute;display: block;top: -4px;left: 130px;width: 45%;height: 100%;pointer-events: none;z-index: 20;background: url(new.png?t=1792059398286) center top / 100% no-repeat scroll;}

}

@media screen and (max-width:767px){
.Area_new{ background-color: #ffdc51;}
.Area_pd-logo-carousel{background: url("new_bg.png?t=1792059398286") center top/ 100% no-repeat ;z-index: 0;height:46vw;       }
.Area_pd-logo-carousel .Area_content{width: 90%; position: relative; left: 9vw; top: 6vw;}
.Area_pd-logo-carousel .Area_content .PD_slide::before { content: "";position: absolute;display: block;top:0;left:15vw;width:50%;height: 100%;pointer-events: none;z-index: 20;background: url(new.png?t=1792059398286) center top / 100% no-repeat scroll;}
.Area_pd-logo-carousel[org="1"] .PD_layout li .PD .PD_logo {border-radius: 99em;padding: .5em;}
}



.PD_layout-btn {border-radius: 0 0 15px 15px;width: 96%; margin: 0 2%;}
@media screen and (max-width:767px){
.PD_layout-btn {border-radius: 0 0 15px 15px;width: 96%; margin: 0 2%;}
}




/*區標統一調整*/
 .Area_txt h2:where(.Area_title_lbtclass) h3 {position: absolute; top: -14px; left: -313px;}
 .Area_txt2 h2:where(.Area_title_lbtclass) h3 {position: absolute; top: -14px; left:-237px;;}
 .Area_txt .PD_layout.PD_layout-D3_01 .PD h3{position: absolute; top: 33px;left: 289px;}
 @media screen and (max-width:767px){

  .Area_txt h2:where(.Area_title_lbtclass) h3 {position: absolute; top: -1vw;left: -33vw;}
  .Area_txt2 h2:where(.Area_title_lbtclass) h3 {position: absolute; top: -1vw;left: -25vw;}
  .Area_txt .PD_layout.PD_layout-D3_01 .PD h3{position: absolute;top: 4vw;left: 20vw;}

 }


/*wow*/
.Area_wow{}
.Area_wow .PD_layout .PD_logo {display: block;position: absolute;top: 396px; left: 38px;width: 16%;height: 100%;  }
.Area_wow .box{position: relative;}

.Area_wow .nnpd_btn{ position: absolute;top:397px;width: 13%;left: 42px;z-index:99;}
.Area_wow .nnpd_btn .PD_logo {display:none !important;}


@media screen and (max-width:767px){
.Area_wow .PD_layout .PD_logo {display: block;position: absolute;top: 39vw;left: 4vw;width: 21%;height: 100%;    }
.Area_wow .box{position:relative;}

.Area_wow .nnpd_btn{ position:absolute;top: 39vw;left: 4vw;width:20%;}
.Area_wow .nnpd_btn .PD_logo {display:none !important;}


}




/*頁籤01*/
@media screen and (min-width:768px){
	.Area_topitem02 {padding: 0px;overflow: hidden;}
	.Area_topitem02 .content_bgg {background-color: #ea8574;margin: auto;padding-bottom: 44px;}

	/**頁簽內小標**/	
	.Area_topitem02 .page .layout_text {position:relative;width:50%;margin:0 auto;padding:0;}

	/*頁籤*/	
	.Area_topitem02 .NavArea {display:block!important}	
	.Area_topitem02 .Nav_box {width: 83% ;margin: auto;}		
	.Area_topitem02 .NavArea_tabbar_page {padding-bottom: 17px;margin: 0px auto 2px;padding-top: 0px;padding-bottom: 12px;}		
	.NavArea_tabbar_page .Nav_box{border-radius: 100px !important;}
	
	/*公版區*/		
	.Area_topitem02 .page_box .layout_PD {/* margin-bottom: 73px; */}
	.Area_topitem02 .page_box .layout_PD ul{width: 76%;margin: auto;border-radius: 22px;padding: 0;}
	.Area_topitem02 .page_box .layout_PD ul li {}	
	.Area_topitem02 .page_box .layout_PD ul li:hover {box-shadow: none; }	

	.Area_topitem02 .PD_layout .PD_logo {display: none!important;}
}	
@media screen and (max-width:767px){
	.Area_topitem02 {height: 100%;overflow:visible!important;transform: none!important;}
	.Area_topitem02 .hatsale_top{z-index: -2;position:absolute;top: 4vw;left: 0;width: 100%;height: 64px;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
	.Area_topitem02 .topitem_bottom{z-index: 1;position:absolute;bottom: -94px;left: 0;width: 100%;height: 116px;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;background-size: 100%;}

	/**頁簽內小標**/	
	.Area_topitem02 .page .layout_text {position:relative;width:75%;margin:0 auto;padding:0;}
	.Area_topitem02 .NavArea_tabbar_page {padding-bottom: 0vw;width: 95% !important;padding-top: 0vw;}		

  /*頁籤置頂*/	
  .Area_topitem02 .NavArea.cate-fixed .Nav_box {position: fixed;top:20px;}
  .Area_topitem02 .NavArea_tabbar_page.fixed {position: fixed!important;top:15px;left: 0;width: 100%;z-index: 9999;}

	.Area_topitem02 .content_swiper {width: 94%;margin: 0 auto 5vw;border-radius: 0vw;height: 100%;overflow: hidden;padding-bottom: 4vw}		
	
	.Area_topitem02 .NavArea_tabbar_page .Nav_box{border-radius: 20vw !important;margin-top: 3vw;height: 11vw;width: 96%;margin: 2vw auto 3vw;}


	/*公版區*/		
	.Area_topitem02 .page_box .layout_PD {}
	.Area_topitem02 .page_box .layout_PD ul {width: 92%;margin: auto;padding: 0 !important;border-radius: 0;}
	.Area_topitem02 .page_box .layout_PD ul li {padding: 0;}	
	.Area_topitem02 .page_box .layout_PD ul li .PD_into .js-PD_del {font-size: 9px;}		
	.Area_topitem02 .page_box .layout_PD ul li:hover {box-shadow: none; }	

	.NavArea_tabbar_page{width: 90% !important;}

	.Area_topitem02 .PD_layout .PD_logo {display: none !important;}

}


      /* --------------------------------------
       * Page 頁面
       * -------------------------------------- */
      /*Phone置頂滑動選單*/
      .tagstyle {
        margin: 0 auto 5vw ;
        width: 94%;
      }

      .tagstyle.cate-fixed {
        width: 100%;
      }

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

      .tagstyle .Nav li {
        overflow: visible;
      }

      /*.NavArea_tabbar .Nav a { display:inline-block;}*/
      .tagstyle.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);
      } 

                    
/* --------------------------------------
* Page 頁籤_202405291900
* -------------------------------------- */
/* .NavArea_tabbar_page { margin: 0 auto 20px  ; width: 94%; }  
.NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-30.5%, 0, 0);}  
.NavArea_tabbar_page .Nav_box { border-radius: 8px; overflow: hidden; padding: 0 2%;}
.NavArea_tabbar_page[data-num="2"] .Nav-wrapper { transform: translate3d(55.5%, 0, 0)!important}
.NavArea_tabbar_page[data-num="3"] .Nav-wrapper { transform: translate3d(43.0%, 0, 0)!important}
.NavArea_tabbar_page[data-num="4"] .Nav-wrapper { transform: translate3d(30.5%, 0, 0)!important}
.NavArea_tabbar_page[data-light="box"] .Nav ul { padding: 0 }
.NavArea_tabbar_page .Nav li { overflow: visible; } */
@media screen and (min-width:768px){ 
  .NavArea_tabbar_page { display: block; }
}
/*頁籤高亮顏色設定 */  
.NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;}
.NavArea_tabbar_page .Nav .swiper-slide-active i { display:block; border: 1px solid #000000 !important; background-color: #000000 !important;}
/*推編輯按鈕 */  
.NavArea_tabbar_page .Nav input {  left: 30%}

/*編輯按鈕移動*/
/* #eWriterBtn_bt_B_000_Bp04v8 { 
  margin-left: 12.5px;
  margin-top: 10px;
  color: #FFFFFF;
  background-color: #337ab7;
  padding: 6px 12px;
  border-radius: 4px;
  border: 1px solid #337ab7;z-index: 99 !important; }
 */


.Area_topitem02 .Nav-wrapper{
  display:flex;
  transform:none !important;
}

.Area_topitem02 .Nav-slide{
  flex:1;
}

.NavArea_tabbar_page[data-num="3"] .Nav-wrapper{
  transform:none !important;
}







/* 最下方亂數BN+商品區 */
@media screen and (max-width:767px){
  
   .Area_PD{
    width: 100%;
    margin: 0 auto;
    .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper{
      /* gap: 3vw 2.5vw; */
      padding: 2.5vw 2vw 6vw;
      /* background: #f0f0f0; */
      border-radius: 3vw;
      
      

      /* 缺品補圖 */
      &::after{
        content: "";
        display: block;
        position: relative;
        width: 100%;
        background: url(Area_hotPD_bg.png?t=1792059398289) no-repeat center;
        background-size: 96%;
      }
      li.PD_slide:first-child{
        grid-column-start: 1;
      }
      li.PD_slide{
        /* border: 0; */
        /* background: #fff; */
        /* border-radius: 2vw; */
      }
      li.PD_slide .PD_img{
        padding: .5em;
      }
      li.PD_slide:nth-child(even){
        transform: translateY(0);
      }
    }
  
  }
}

@media screen and (min-width:768px){
.Area_PD{
  .PD_layout[data-pd-col-pc="4"] ul.PD_wrapper{
    /* 缺品補圖 */
    &::after{
      content: "";
      display: block;
      position: relative;
      width: 100%;
      background: url(Area_hotPD_bg.png?t=1792059398289) no-repeat center;
      background-size: 96%;
    }
    li.PD_slide:first-child{
      grid-column-start: 1;
    }
    li.PD_slide:nth-child(4n+3){
      /* border-right: 0; */
    }
    li.PD_slide:nth-child(4n){
      /* border-right: solid 1px #d1d1d1; */
    }
    li.PD_slide:last-child{
      border-right: 0;
    }
  }

}
}



/* 181-200的商品入稿才會顯示BN */
.PD_layout_momowow[data-pd-pdlogo] .PD_into .PD_logo{
  display:none;
}

/* BN區塊 */
.PD_layout_momowow[data-pd-pdlogo] li#li_181,
.PD_layout_momowow[data-pd-pdlogo] li#li_182,
.PD_layout_momowow[data-pd-pdlogo] li#li_183,
.PD_layout_momowow[data-pd-pdlogo] li#li_184,
.PD_layout_momowow[data-pd-pdlogo] li#li_185,
.PD_layout_momowow[data-pd-pdlogo] li#li_186,
.PD_layout_momowow[data-pd-pdlogo] li#li_187,
.PD_layout_momowow[data-pd-pdlogo] li#li_188,
.PD_layout_momowow[data-pd-pdlogo] li#li_189,
.PD_layout_momowow[data-pd-pdlogo] li#li_190,
.PD_layout_momowow[data-pd-pdlogo] li#li_191,
.PD_layout_momowow[data-pd-pdlogo] li#li_192,
.PD_layout_momowow[data-pd-pdlogo] li#li_193,
.PD_layout_momowow[data-pd-pdlogo] li#li_194,
.PD_layout_momowow[data-pd-pdlogo] li#li_195,
.PD_layout_momowow[data-pd-pdlogo] li#li_196,
.PD_layout_momowow[data-pd-pdlogo] li#li_197,
.PD_layout_momowow[data-pd-pdlogo] li#li_198,
.PD_layout_momowow[data-pd-pdlogo] li#li_199,
.PD_layout_momowow[data-pd-pdlogo] li#li_200,
.PD_layout_momowow[data-pd-pdlogo] li.active--bn{
  overflow:hidden;
  background:transparent;
}

/* Hover */
.PD_layout_momowow[data-pd-pdlogo] li.active--bn:hover{
  box-shadow:none;
  filter:brightness(105%);
}

/* 隱藏原商品資訊 */
.PD_layout_momowow[data-pd-pdlogo] li.active--bn .PD_img,
.PD_layout_momowow[data-pd-pdlogo] li.active--bn h3,
.PD_layout_momowow[data-pd-pdlogo] li.active--bn h4,
.PD_layout_momowow[data-pd-pdlogo] li.active--bn p,
.PD_layout_momowow[data-pd-pdlogo] li.active--bn .PD_btn{
  display:none !important;
}

/* 滿版 */
.PD_layout_momowow[data-pd-pdlogo] li.active--bn .PD,
.PD_layout_momowow[data-pd-pdlogo] li.active--bn .PD a,
.PD_layout_momowow[data-pd-pdlogo] li.active--bn .PD_into{
  width:100%;
  height:100%;
  padding:0;
}

/* 顯示BN */
.PD_layout_momowow[data-pd-pdlogo] li.active--bn .PD_logo{
  display:block !important;
  width:100%;
  height:100%;
}

/* BN圖片 */
.PD_layout_momowow[data-pd-pdlogo] li.active--bn .PD_logo img{
  display:block !important;
  width:100%;
  height:100%;
  object-fit:cover;
}



  


/*注意事項區*/
.edm_notice{ text-align:center; padding:20px 10px 40px; color:#fff; font:12px/18px Helvetica;}
@media screen and (min-width:768px){ 
  .edm_notice { 
   /* background: url(footer-pc.png?t=1792059398289) center center;*/
    padding:150px 10px;
  }
}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }

.lazy[data-bg=""][data-was-processed="false"], 
.lazy[data-bg=""][data-was-processed="false"]::before, 
.lazy[data-bg=""][data-was-processed="false"]::after, 
.lazy[data-bg=""][data-was-processed="false"] *::before, 
.lazy[data-bg=""][data-was-processed="false"] *::after{
  background-image:none!important;
}











/*贈品浮層*/
@media screen and (max-width:767px){
  .agreeArea .box_title{ 
    text-align: center;  
    padding: 5vw 0 2vw;  
    font-size: 5vw; 
    font-weight: bold; 
  }
  .agreeArea .txt_into{ 
    margin: 0 auto;
  }
  .agreeArea li a{ 
    display: block;  
    word-break: break-all; 
  }
}  

/*浮層--加價購商品介紹*/
.agreeArea .box {
  width: 100%;
  border-radius: 10px;
  background-color: #fff; 
  overflow: hidden;
  -webkit-box-shadow: none; 
  box-shadow: none;
  table{
    border-collapse:unset;
    border: 2px solid #777777;
    border-radius: 12px;
    width: 90%;
    font-size: .9em;
    font-weight: 500;
  }
}

.agreeArea .message-table table th { 
  color: #000; 
}
.agreeArea .box_title { 
  padding: 5% 5% 0; 
  font-weight: 800; 
  line-height: 1; 
  text-align: center;
}
.agreeArea .box_title b { 
  position: relative; 
  display: block;
  margin-bottom: .5rem;
}
.agreeArea .box_title span { 
  z-index: 1; 
  position: relative; 
  display: inline-block; 
  padding: 0 0.5em; 
  background-color: #fff;
}

.agreeArea .box_title b:before { 
  content: ""; 
  position: absolute; 
  bottom: -0.85em; 
  display: block; 
  width: 100%; 
  height: 1px; 
  background-color: #000;
}
.agreeArea .box_title img { 
  width: 35%;
}
.agreeArea .box_sub { 
  text-align: center;
}
.agreeArea .box_derails { 
  padding: 0 5%; 
  font-weight: 800;
}
.agreeArea .box_derails hr { 
  margin: .8em 0;
}
.agreeArea .box_derails dt { 
  margin: .5em 0;
  text-align: left;
}
.agreeArea .box_derails .txt_note {
  color: #9d9d9d; 
  line-height: 1.2;
  padding-left: 1.5rem;
  margin:.5em 0 .8em;
  list-style: disc;
}
.agreeArea .box_derails .txt_note .li {
  display: list-item;
}
.agreeArea .box .li, 
.agreeArea .box li{ 
  line-height: 1.4;
}
.agreeArea .box_derails dd ul { 
  margin: 0; 
  padding: 0; 
  padding-left: 2em;
}
.agreeArea .box_derails dd li img { 
  margin: 0.2em 0; 
  width: 70%; 
  max-width: 480px; 
  box-shadow: 0em 0.3em 1.5em rgba(0,0,0,0.1);
}
.agreeArea .box_derails .box_title { 
  text-align: center;
  padding: 2% 0;
  background: #ececec;
}
.agreeArea .box_derails .txt_into { 
  color: #5a5958;
  margin: 0 0 0%;
}
.agreeArea .box_derails .txt_spec ul { 
  padding-left: 1em; 
  list-style: none;
}
.agreeArea .box_derails .txt_note ul { 
  list-style: decimal; 
}
.agreeArea .box_pic{
  padding: 0; 
  /*width: 85%; */
  margin: 0 auto;
}
@media screen and (min-width:768px){
  .agreeArea .box .li,
  .agreeArea .box li{ 
    margin: 0 20px 8px 0px;
  }
  .agreeArea .box_title { 
    font-size: 40px; 
  }
  .agreeArea .box_title span { 
    font-size: 34px;
  }
  .agreeArea .box_sub { 
    font-size: 18px; 
    line-height: 30px; 
    margin: 22px 0 10px; 
    padding: 0 5%;
  }
  .agreeArea .box_derails { 
    font-size: 30px;
  }
  .agreeArea .box_derails .box_title { 
    font-size: 34px;
  }
  .agreeArea .box_derails ul {
    padding-left: 2rem;
  }
  .agreeArea .box_derails dd { 
    font-size: 26px;
  }
}
@media screen and (max-width:767px){
  .agreeArea .box_title { 
    font-size: 1.3rem; 
  }
  .agreeArea .box_title span { 
    font-size: 1.25rem;
  }
  .agreeArea .box_sub { 
    font-size: 1rem; 
    line-height: 1.5rem; 
    margin: 0.5rem 0 0.5rem; 
    padding: 0 10%;
  }
  .agreeArea .box_derails { 
    font-size: 1.25rem;
  }
  
  .agreeArea .box .li, 
  .agreeArea .box li{ 
    margin: 0 20px 6px 0px;
  }
  .agreeArea .box .li small, 
  .agreeArea .box li small{ 
    line-height: 1;
  }
  .agreeArea .box_derails dd { 
    font-size: 1.1rem;
  }
  .agreeArea .box_title b:before { 
    content: ""; 
    bottom: -0.95em;
  }
}

                  


/*拖移手機黏人精*/
.Area_hammerAD { z-index:999; display: none; position: fixed; bottom: 0; right: 0; transform: translate3d(0,200px,0); /*background-color: rgba(0,0,0,0.5);*/}
.Area_hammerAD .box { position: relative; margin-right: 10px; opacity: 1;}
.Area_hammerAD img { width: 100%; height: auto;}
.Area_hammerAD .closeButton a { display:block; cursor:pointer; position:absolute; width:20px; height:20px; border-radius:50%; font:bold 20px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5); text-decoration: none; z-index:2}
    @media screen and (min-width:768px){
      .Area_hammerAD { display: block; width: 160px;}
      .Area_hammerAD .closeButton a { top: 0; right: 0;}
    }
    @media screen and (max-width:767px){
        .Area_hammerAD { display: block; width:35%;}
        .Area_hammerAD .closeButton a { top: 1vw; right: 1vw;}
    }