@charset "utf-8";
/* CSS Document */

/* 背景調整 */
.WRAPPER.Template_bg {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .WRAPPER.Template_bg {
    background-size: 2000px auto;
  }
  }

/* deco背景 */
.bgdeco { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(deco.png?t=1787649939522) repeat-y center top; transition: 0.5s linear; pointer-events: none;}

/* 版頭物件定位 */
.Area_top { position: relative; margin: 0 auto; max-width: 1220px; height: 1040px; }
.main{ position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 820px;}
.mainsubtitle{ position: absolute; width: 185px; top: 92px; right: 250px;}
.top_md{ position: absolute; top: 205px; left: 50%; transform: translateX(-50%); width: 820px;}
.line_date{ position: absolute; top: 992px; left: 50%; transform: translateX(-50%);  width: 820px;}

  @media screen and (max-width: 768px) {
    .Area_top{ height: 126vw;}
    .main{ top: 0vw; width: 100%; }
    .mainsubtitle{ top: 9.5vw; width: 24vw; right: 5vw;}
    .top_md{ top: 24vw; width: 100%; }
    .line_date{ top: 120.5vw; width: 100%; }
  }

/*日期*/	
.Area_top .date { position:absolute; top: 1003px; left: 712px; width: 20%;}
.Area_top .date .bg {position:relative;}
.Area_top .date .bg img {width: 100%;}
.Area_top .date .TIMER_DAY span {font-size: 39px; font-weight: 200;line-height: 0;margin-left: 0;color: #000; letter-spacing:0; font-family: "futura-pt", sans-serif;
font-weight: 200; font-style: normal;}
.Area_top .date .TIMER_DAY small {display: none;}
.Area_top .date .TIMER_DAY #sendMonth { display: none;}
.Area_top .date .TIMER_DAY #sendToday {margin-left: 0;text-align: left; display: inline-block;}

@media screen and (max-width: 767px){
   .Area_top .date { position:absolute; top: 120vw; left: 62.5vw; width: 60%;z-index: 1;}
   .Area_top .date .date_bg {position:relative;}
   .Area_top .date .TIMER_DAY span {font-size: 4.5vw; font-weight: 200;line-height: 0;margin-left: 0; color: #000; letter-spacing:0; font-family: "futura-pt", sans-serif; font-weight: 200; width: 0;}
   .Area_top .date .TIMER_DAY #sendToday {margin-left: 0;text-align: left;display: inline-block;}
   }

   @import url("https://use.typekit.net/yyw6nqy.css");

   body {
     font-family: "Ethnocentric", sans-serif;
   }


/* title調整 */
.Area_group-1 .Area_title, .Area_group-9 .Area_title, .Area_group-12 .Area_title{ top: -26px;}
.Area_group-1 .Area_content, .Area_group-9 .Area_content, .Area_group-12 .Area_content{ margin-top: -30px;}
@media screen and (max-width: 767px){
  .Area_group-1 .Area_title, .Area_group-9 .Area_title, .Area_group-12 .Area_title{ top: -2.6vw;}
  .Area_group-1 .Area_content, .Area_group-9 .Area_content, .Area_group-12 .Area_content{ margin-top: -3vw;}
}

/* 一日特談品、潮流時尚、運動休閒、時髦穿搭、專櫃時尚 */
.Area_group-2 {position: relative; height: 430px;} 
.Area_group-2 .Area_title{ position: absolute; width: 8%; top: 50px; left: 0;}
/* .Area_group-2 .Area_content{ position: absolute; right: 80px;} */
@media screen and (max-width:767px){
  /* .Area_group-2 { margin-bottom: 0vw;} */
  .Area_group-2 { height: 72vw;} 
  .Area_group-2 .Area_title{ width: 14%; top: 4vw; left: 0.5vw;}
  .Area_group-2 .Area_content .Area_swiper_box{ right: -5vw;}
}

/* 關鍵字輪播 */
.Area_group-3{ padding: 20px 0 5px;}
.Area_group-3 .PD_img, .Area_group-3 .PD_into h3 ,.Area_group-3 .PD_into p{ display: none;}
.Area_group-3 .PD_into h4 span{ display: none!important;}
.Area_group-3 .PD_into h4{ font-size: 24px; font-weight: bold;}
.Area_group-3 .PD_layout .PD h4{ margin-bottom: 0; padding: 6px 0;}
.Area_group-3 .PD_layout[data-pd-h4="1"] .PD h4 { max-height: initial;}
.Area_group-3 .Area_swiper_box .PD_layout li{ border-radius: 50px; width: 190px !important;}
@media screen and (max-width:767px){
  .Area_group-3{ padding: 5vw 0 3vw;}
.Area_group-3 .PD_into h4{ font-size: 5vw; font-weight: bold;}
.Area_group-3 .PD_layout .PD h4{ padding: 1vw 0 0;}
.Area_group-3 .Area_swiper_box .PD_layout li{ width: 28vw!important;}
}

/* 優惠清單下方BN */
.BN_box01{ padding: 30px 0 0;}
@media screen and (max-width: 767px){
  .Area_bn-carousel[org="1"] .Area_bn-carousel--bg{background-image:url("BN_bg.png?t=1787649939522"); background-size: 100%;}
  .BN_box01{ padding: 4vw 0 0;}
}

/* WOW新品 */
.Area_group-15{ padding: 0 0 20px;}
@media screen and (max-width: 767px){
  .Area_group-15{ padding: 0 0 5vw;}
}

/* 時尚夯牌一次逛 區標調整 */
.title_tt .PD_layout.PD_layout-D3_01 .PD{ min-height: calc(30px * 2.2);}
@media screen and (max-width: 767px){
  .title_tt .PD_layout.PD_layout-D3_01 .PD{ min-height: calc(5.2vw * 2.2);}
}

/* 潮流時尚、運動休閒、時髦穿搭、專櫃時尚 */
/* 輪播調整 */
.PD_right_box {position: relative; height: 430px;} 
.PD_right_box .Area_title{ position: absolute; width: 8%; top: 50px; left: 0;}

/* 公版樣式調整 */
.PD_right_box .Area_swiper_box .PD_layout li{ background: url(PD_011.png?t=1787649939522) center no-repeat; background-size: 100%; padding: 12px 0;}
.PD_right_box .Area_content p{ display: none;}
.PD_right_box .PD_layout[data-pd-h3="5"] .PD h3{ margin-bottom: 0;}
.PD_right_box .PD_layout[data-pd-h3="5"] .PD h3 span{ background-color: rgba(255, 255, 255, 0); font-size: 24px; color: #fff1ed;}
.PD_right_box .PD_layout[data-pd-h4="1"] .PD h4{ font-size: 24px; font-weight: bold;}
.PD_right_box .PD_into h4 span{ display: none!important;}
.PD_right_box .PD_layout .PD_img { padding: 1em 1em .5em;}
@media screen and (max-width:767px){
  .PD_right_box { height: 72vw;} 
  .PD_right_box .Area_title{ width: 14%; top: 4vw; left: 0.5vw;}
  .PD_right_box .Area_content .Area_swiper_box{ right: -5vw;}

  /* 公版樣式調整 */
  .PD_right_box .Area_swiper_box .PD_layout li{ padding: 1vw 0;}
  .PD_right_box .PD_layout[data-pd-h3="5"] .PD h3{ max-height: 1.7em;}
  .PD_right_box .PD_layout[data-pd-h3="5"] .PD h3 span{ font-size: 5vw; max-width: 100%;}
  .PD_right_box .PD_layout[data-pd-h4="1"] .PD h4{ font-size: 5vw;}
  .PD_right_box .PD_layout .PD_img { padding: 2vw 3vw;}
}

/* 情境圖公版 */
.Area_scene-carousel.pd_box{ padding: 30px 0 20px;}
.Area_scene-carousel .PD_layout ul li{ background: url(Area06_PD_bg.png?t=1787649939522) center no-repeat; background-size: 100%; padding: 40px 5px;}
.Area_scene-carousel .PD_layout.PD_layout-D1_15 ul .PD .PD_into{ background-color: rgba(255, 255, 255, 0);}
.Area_scene-carousel .PD_layout .PD_into { position: relative; top: 35px;}

@media screen and (max-width:767px){
  .Area_scene-carousel.pd_box{ padding: 3vw 0;}
  .Area_scene-carousel .PD_layout ul li{ background: url(m_Area06_PD_bg.png?t=1787649939522) center no-repeat; background-size: 100%; padding: 9vw 1vw 8vw;}
  .Area_scene-carousel .PD_layout .PD_into { top: 6vw;}
}

/* 時尚選品不錯過 */
 .Area_group-9{ padding: 0 0 1px;}
@media screen and (max-width: 767px){
  .Area_group-9{ padding: 0 0 2vw;}
}

/* 時尚選品不錯過 區標調整 */
.Area_group-9 .PD_layout.PD_layout-D3_01 .PD { min-height: calc(35px * 2.2);}
@media screen and (max-width: 767px){
  .Area_group-9 .PD_layout.PD_layout-D3_01 .PD{ min-height: calc(4.5vw * 2.2);}
}

/* 時尚選品不錯過 選單樣式*/
/*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);
}

/* 時尚大集合 */
.Area_group-12 .Area_content .PD_layout{ padding: 0 160px;}
@media screen and (max-width:767px){
  .Area_group-12 .Area_content .PD_layout{ padding: 0;}
}

.Area_group-14 .Area_content .PD_layout{ padding: 90px 0 0 106px; background: url(PD9_bg.png?t=1787649939522) top center no-repeat; background-size: 100%;}
@media screen and (max-width:767px){
  .Area_group-14 .Area_content .PD_layout{ padding: 7vw 0 0 10vw; background: url(m_PD9_bg.png?t=1787649939522) top center no-repeat; background-size: 100%;}
}

/* 不要原價 */
.Area_group-2 .Area_content p del,.Area_group-13 .Area_content p del,.Area_group-14 .Area_content p del, .Area_group-15 .Area_content p del{ display: none;}
