/* 各頁面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: 13%;transform: none;width: 51%;text-align: center;z-index: 999;}
    .TimerNick .TIMER {font-size: 7.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.5vw;letter-spacing: 0;float: none;margin-right: -7px;}
    .TimerNick .FontStyle {padding: 0;font-size: 4.2vw;float: none;margin: -1vw;margin-right: 1vw;}
    .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=1774949672577) top center / contain no-repeat !important;}
  .Area_boxstyle.Area_boxstyle--hasBackdrop:before { background: url(Area_boxstyle_hasbg_top-B.png?t=1774949672577) top center / 100% no-repeat, url(Area_boxstyle_hasbg_bottom-B.png?t=1774949672577) bottom center / 100% no-repeat, url(Area_boxstyle_hasbg_bottom-B.png?t=1774949672577) 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=1774949672577) center top 0.5vw / contain no-repeat !important;}
  .Area_boxstyle.Area_boxstyle--hasBackdrop:before { background: url(m_Area_boxstyle_hasbg_top-B.png?t=1774949672577) top center / 100% no-repeat, url(m_Area_boxstyle_hasbg_bottom-B.png?t=1774949672577) bottom center / 100% no-repeat, url(m_Area_boxstyle_hasbg_bottom-B.png?t=1774949672577) 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;}
}


/*ig*/
.the_ig { z-index: 99; }
/*ig下方輪播*/
  .under_ig { margin-top: 10px ;z-index: 99;}
  @media screen and (max-width: 767px){  
  .under_ig { margin-top: 2vw ;}
  }


/*頁籤*/
  @media screen and (max-width: 767px){  
    .NavArea {margin: 5vw auto 2vw ;}
  }

/* 同樂大牌狂降(6品輪播) */
.Area01 .Area_swiper .PD_layout li {background-color: #FFF; }
.Area01 .PD_layout.PD_layout-D1_02{background-color: transparent;}
.Area01 .Area_swiper_box{padding-bottom: 0;}
.Area01 .PD_layout[data-pd-h3="2"] .PD h3{background-color: #2027f4;}
@media screen and (min-width: 768px){
}
@media screen and (max-width: 767px){
.Area01 .box01 {margin-top: -2vw;}
.Area01 .Area_swiper_box .swiper-pagination { bottom: -4.5px !important;}
}



/* 一日激省價(6品) */
.Area02 .PD_layout ul {background-color: #FFF !important; }


/** 倒數 **/
.TimerNick2 { z-index:0; display:inline-block; padding-right:14px; height:56px;text-align:right;}
.TimerNick2 .FontStyle { display:inline-block; margin:0px 0 0 0 ; padding:0; border:0px; width:60px; font: bold 35px/38px Century Gothic; color:#ffffff; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-1px; text-align:right; background:transparent; }
.TimerNick2 div:nth-of-type(2),
.TimerNick2 div:nth-of-type(3) { width:60px;}
.TimerNick2 span { padding-left:2px; font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #ffffff;}
    @media screen and (max-width:767px){
        .TimerNick2 {z-index:2;position: relative;top: -1vw;left: -10vw;display:inline-block;margin:0;padding-right:0%;width: 94%;height:0;padding-bottom:13%;overflow:hidden;text-align:right;/*background:url(m_time_bg.png?t=1774949672577) no-repeat center top; */background-size:100%;margin-bottom: -3vw;}
        .TimerNick2 .FontStyle {display:inline-block;margin:0px 0 0 0;padding:0;border:0px;width:14vw;font: bold 7.5vw/11vw Century Gothic;color: #ffeb12;/*text-shadow:1px 1px 0px #fff;*/letter-spacing:-1px;text-align:right;background:transparent;}
        .TimerNick2 div:nth-of-type(2),
        .TimerNick2 div:nth-of-type(3) { width:9vw;}
        .TimerNick2 span { padding-left:1vw; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #ffffff;}
    }

          
    


/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #1d25f3;}                 
  
/*折價券左邊文案*/
.PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {
  color: #000000;
}

/* 備用區塊(BN+10品輪播) */
.Area03 .Area_swiper .PD_layout li {background-color: #FFF; }
@media screen and (max-width:767px){
.Area03 .BN03 {margin:2vw auto 4vw;}
}


/* 聰明購物 折價券 */
@media screen and (max-width:767px){
  .Area04 {margin-bottom: 4vw !important;}
  .Area04 .btnx2 {margin-bottom: 2vw;}
  .Area04 .Area_coupon {margin-bottom: 4vw;}
  }
  
/* 下方公版 */
.Area05 .Area_swiper .PD_layout li {background-color: #FFF; }
@media screen and (max-width:767px){
.Area05 .Area_swiper_box .swiper-pagination { bottom: -0.5vw !important;}
}
/* mo店+ 熱銷首選 */
.Area06 .Area_swiper .PD_layout li {background-color: #FFF; }

/* 館連結 */
@media screen and (min-width:768px){
	.Area_guan .PD_layout ul{width: 60%;}
	.Area_guan{margin-top: 30px;margin-bottom: 20px;}
	}
	@media screen and (max-width:767px){
	.Area_guan{width: 85%; margin-top: 6vw;}	
	}

  /* 輪播點點 */
  .swiper-pagination-bullet { background: #ffffff; }
  .swiper-pagination-bullet-active{ background: #ffffff; }
  @media screen and (max-width:767px){
  .Area .Area_swiper_box { padding-bottom: 4.5vw; }
  }