/* 各頁面CSS */

/*切換PC置頂選單*/
.cantantBase1 { display: block;}
.cantantBase2 { display: none;}


/* 版頭 */
@media screen and (min-width: 768px){
  .hero { height: 1650px;}
  .hero-title { top: 110px; left: 215px;}
  .hero-title .lg-text { width: 530px;}
  .bg-deco .bgdeco_1 { height: 412px; background-size: auto 412px;}
}
@media screen and (max-width: 767px){
  .hero-title { padding: 7vw 0 0; width: 54%; left: 14%;}
}


/* 倒數 */
.TimerNick { position: absolute; top: 285px; left: 330px;}
.TimerNick .TIMER { margin: 0 auto; padding: 0; overflow: hidden; text-align: center; color:#fff; font-size: 26px; line-height: 40px; font-weight: 800; font-family: "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
.TimerNick small {position: relative; top: 0; font-size: 20px;}
.TimerNick .time_day { font-size: 20px; letter-spacing: .05rem;}
.TimerNick .FontStyle { position: relative; padding: 0 7px 0 0;font-size: 22px; text-align:center; color: #fff;}
.TimerNick .FontStyle b { display: inline-block; font-weight: 500; font-family: Century Gothic; width: 14px;}
  @media screen and (max-width:767px){
    .TimerNick { position: absolute; top: 26vw; left: 14%; transform: none; width: 53%; text-align: center; z-index: 999;}
    .TimerNick .TIMER { font-size: 8.5vw; line-height: 4vw; color:#fff;}
    .TimerNick small { margin: 0; top: inherit; font-size: 3.5vw; float: none;}
    .TimerNick .time_day { position: relative; font-size: 3.9vw; letter-spacing: 0; float: none; margin-right: -2px;}
    .TimerNick .FontStyle { padding: 0; font-size: 4.2vw; float: none; margin: -1.5vw;}
    .TimerNick .FontStyle b { margin: 0; width: 2vw; font-family:Helvetica; color:#fff;}
  }


/* 版頭品輪播 */
.top_pd .Area_swiper_box .PD_layout li, .Area_swiper_box .PD_layout li .PD_img img { border-radius: 0!important;}
@media screen and (min-width:768px){
  .top_pd { position: absolute; top: 75px; left: 758px; width: 245px; height: 340px; overflow: hidden; z-index: 9;}
  .top_pd .ly ul, .top_pd .ly ul li { padding: 0;}
  .top_pd .ly ul li .PD_into {text-align: center;}
  .top_pd .ly ul li .PD_into .PD_logo { display: none;}
  .top_pd .ly ul li .PD_into { width: 100%; position: relative; top: 6px;}
  .top_pd .ly ul li .PD_img { width: 100%; height: auto;}
  /* 文字 */	
  .top_pd .ly.PD_layout .PD_into h3 {color: #ce2227; width: 100%; font-size: 1.8em;text-align: center;}
}

@media screen and (max-width:767px){
  .Area_top .top_pd { position: absolute; top: 0; right: 5vw; width: 27vw; height: 34vw; overflow: hidden; z-index: 9;}
  .top_pd .ly ul li { padding: 0;}
  .top_pd .ly ul li .PD_into .PD_logo { display: none;}
  .top_pd .ly  ul li .PD_into  { padding: .05em 0 0;}
  .top_pd .ly ul li .PD_img { width: 100%; height: auto; padding: .5em .2em .05em;}
  /*文字*/	
  .top_pd .ly  ul li .PD_into h3 { color: #ce2227; font-size: .9em;}
}

/* hasBG調整 */
@media screen and (min-width:768px){
  .Area_boxstyle.Area_boxstyle--hasBackdrop .Area_boxstyle_box {
    background: url(Area_boxstyle_top_hasbg-B.png?t=1775618255855) top center / contain no-repeat !important;}
  .Area_boxstyle.Area_boxstyle--hasBackdrop:before { background: url(Area_boxstyle_hasbg_top-B.png?t=1775618255855) top center / 100% no-repeat, url(Area_boxstyle_hasbg_bottom-B.png?t=1775618255855) bottom center / 100% no-repeat, url(Area_boxstyle_hasbg_bottom-B.png?t=1775618255855) center top 80px / 100% calc(100% - 80px) no-repeat !important;}
}
@media screen and (max-width:767px){
  .Area_boxstyle.Area_boxstyle--hasBackdrop .Area_boxstyle_box {
    background: url(m_Area_boxstyle_top_hasbg-B.png?t=1775618255855) center top 0.5vw / contain no-repeat !important;}
  .Area_boxstyle.Area_boxstyle--hasBackdrop:before { background: url(m_Area_boxstyle_hasbg_top-B.png?t=1775618255855) top center / 100% no-repeat, url(m_Area_boxstyle_hasbg_bottom-B.png?t=1775618255855) bottom center / 100% no-repeat, url(m_Area_boxstyle_hasbg_bottom-B.png?t=1775618255855) center top 5vw / 100% calc(100% - 5vw) no-repeat !important;}

}

/* 移除公版設定 */
.Area .remove_box_style ul { background-color: transparent; grid-gap: 0;}
.Area .remove_box_style ul li { border: none !important; background-color: transparent;}
@media screen and (max-width:767px){
  .Area .remove_box_style ul { width: 100%; padding: 0;}
}

/* 品牌公版背景設定 */
.PD_layout-D1_01 .PD_slide { background-color: #fcd206;}
.PD_layout-D1_01 .PD h4 { color: #1117c1; font-weight: 900;}
.PD_layout-D1_01 .PD h4:hover { color: #d71163 !important;}
.PD_layout-D1_01 { padding-bottom: 30px;}
.PD_layout-D1_01 ul { width: 100%;}
.Area_grabmoney_NUM2 .PD_layout-btn li .PD h3 { color: #000; background: #fff;}
@media screen and (max-width:767px){
  .Area_grabmoney_NUM2 .PD_layout-btn { margin-top: -5vw;}
}

/* 熱銷排行 */
.Area_PD3 .PD_layout-btn li .PD h3 { color: #000; background: #fff;}
@media screen and (min-width:768px){ 
  .Area_PD3 .PD_layout-btn { margin-top: 25px;}
}
@media screen and (max-width:767px){
  .Area_PD3 .PD_layout-btn { margin-top: 3vw;}
}


.Area_bottom {margin-bottom: 30px;}
@media screen and (max-width: 767px){
  .Area_bottom {margin-bottom: 2vw;}
}


.Area02 .Area_swiper_box .PD_layout li{background-color: transparent!important;}


/*一日激殺價*/
.Area01  {z-index: 22;background: #1932e6;border-radius: 20px 0;}
.Area01 .bg {z-index: 0;position: absolute;width: 48%; left: -12px; top: 33px; }
.Area01 .box {margin: 48px 0 31px 121px; position: relative;}
.Area01 .Area_swiper {padding: 30px 0px;}

@media screen and (max-width: 767px){
  .Area01 .bg {width: 33%; position: absolute;  left: -2vw; top: 7vw; }
  .Area01 .box {margin: 5vw 0 5vw 12vw;}
  .Area01 .Area_swiper_box{ padding-bottom:4vw;}
  .Area_swiper_box .swiper-pagination {bottom: -1vw !important;}
}



/*時尚大牌帶逛*/
.Area02 { margin-bottom: 120px;}
.Area02 .box{position: relative; height: 380px; margin-bottom: 60px;} 
.Area02 .box .title{ position: absolute; width: 18%; top: -29px; left: -51px; }
.Area02 .box6_swiper{ position: absolute; right: 80px;}
.Area02 .Area02PD {margin-left: 84px;}
.Area02 .Area02PD h3{ top: 294px; left: 14px; padding: 0; text-align: left; font-size: 24px; color: #1932e6;}
.Area02 .Area02PD .PD .js-PD_txt2{ display: none;}
.Area02 .Area02PD h4{ top: 330px; left: 14px; padding: 0; text-align: left; font-size: 24px; color:#363636; }
.Area02 .Area02PD .PD_layout .PD:hover h4{ color:#363636; }

.Area02 .title .PD img{ width: 100%!important;}
.Area02 .PD_layout.PD_layout-D3_01 .PD h3 {top: 48%; color: #ffffff;}

@media screen and (max-width:767px){
  .Area02 { margin-bottom: 6vw;}
  .Area02 .box{ height: 70vw; margin-bottom: 8vw;} 
  .Area02 .box .PD_layout ul li .PD_into{ padding: 1vw 2vw;}
  .Area02 .box .title{ width: 15%; top: 0; left: 1.5vw;}
  .Area02 .box6_swiper{ right: -18vw;}
  .Area02 .Area02PD {margin-left:16vw;}
  .Area02 .Area02PD ul li{ padding: 0;}
  .Area02 .Area02PD .PD h3{ top: 49vw; padding: 0; font-size: 4.5vw;}
  .Area02 .Area02PD .PD h4{ top: 56vw; padding: 0; font-size: 4.5vw;}

  .Area02 .PD_layout-D3_01 {  margin-bottom: -4vw;}
  .Area02 .title .PD img{ left: 0vw; position: relative;}
  .Area02 .PD_layout.PD_layout-D3_01 .PD h3 {   font-size: 1.5em; top: 52%;color: #ffffff;}
}





/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #142dd7;}        


.Area03 .title .PD img{ width: 100%!important;}
.Area03 .PD_layout.PD_layout-D3_01 .PD h3 {top: 48%; color: #ffffff;}

@media screen and (max-width:767px){
.Area03 .PD_layout-D3_01 {  margin-bottom: 0vw;}
.Area03 .title .PD img{ width: 113% !important; left: -5vw; position: relative;}
.Area03 .PD_layout.PD_layout-D3_01 .PD h3 {   font-size: 1.5em; top: 50%;color: #ffffff;}
}




/*春日新品一次看*/
.Area04 .title .PD img{ width: 100%!important;}
.Area04 .PD_layout.PD_layout-D3_01 .PD h3 {top: 48%; color: #ffffff;}
.Area04 .Area04PD {border: 5px solid #ffd04f; border-radius: 2%; }
.Area04 .Area_boxstyle_box {padding-right: 0; padding-left: 0; }

@media screen and (max-width:767px){
.Area04 .PD_layout-D3_01 {  margin-bottom: -10vw;}
.Area04 .title .PD img{ width: 121% !important; left: -9vw; position: relative; top: -4vw; }
.Area04 .PD_layout.PD_layout-D3_01 .PD h3 {   font-size: 1.3em; top: 36%;color: #ffffff;}

.Area04 .Area04PD {background-color:#ffd04f ; border-radius: 0; padding: 2vw;}
}



/*時尚帶逛最前線*/
.Area05 .repeatbg { background: url(Area05re.png?t=1775618255855) top center repeat-y; padding: 0 24px 1px 24px ;}
.Area05 .Area_boxstyle_box {padding-right: 0; padding-left: 0; }


.Area05 .title .PD img{ width: 100%!important;}
.Area05 .PD_layout.PD_layout-D3_01 .PD_wrapper { padding-bottom: 0!important;}
.Area05 .PD_layout.PD_layout-D3_01 .PD h3 {top: 48%; color: #1d1d1d;}
.Area05 .Area04PD {border: 5px solid #ffd04f; border-radius: 2%; }

@media screen and (max-width:767px){
  .Area05 .repeatbg{background: none; padding: 0 3vw 3vw 3vw;}

.Area05 .PD_layout-D3_01 {  margin-bottom: -2vw;}
.Area05 .title .PD img{ width: 135% !important; left: -16vw; position: relative;}
.Area05 .PD_layout.PD_layout-D3_01 .PD h3 {   font-size: 1.3em; top: 44%;color: #ffffff;}
}





/*時尚mo店+*/
.Area06 { }
.Area06 .box{position: relative; } 
.Area06 .box .title{ position: absolute;  width: 20%; top: -53px; left: -51px;}
.Area06 .box6_swiper{ position: absolute; right: 80px;}
.Area06 .Area05PD {margin-left: 84px;}
.Area06 .Area05PD .PD .js-PD_txt2{ display: none;}
.Area06 .morebtn { width: 70%; margin-top: 10px;}

.Area06 .motitle { margin-bottom: 13px; margin-top: -48px; }
.Area06 .motitle img { width: 100%;}


@media screen and (max-width:767px){
  .Area06 { }
  .Area06 .box{ padding-left: 0; padding-right: 0; } 
  .Area06 .Area05PD {margin-left: 13vw;}
  .Area06 .box .PD_layout ul li .PD_into{ padding: 1vw 2vw;}
  .Area06 .box .title{ width: 15%; top: 0; left: 0;}
  .Area06 .box6_swiper{ right: -18vw;}
  .Area06 .Area05PD ul li{ padding: 0;}
  .Area06 .morebtn { width: 100%;}

  .Area06 .boxtop {margin-bottom: 4vw;margin-top: -20vw;}

}




/*按鈕*/
.Area07 .PD_layout{width: 80%;}

@media screen and (max-width: 767px){
  .Area07 .PD_layout{width: 96%;}

}