/* 各頁面CSS */

/*切換PC置頂選單*/
.cantantBase1 { display: block;background-color: #fb7373;}
.cantantBase2 { display: none;}


/* 版頭 */
@media screen and (min-width: 768px){
  .hero { height: 1517px;}
  .hero-title { top:70px; left:246px;}
  .hero-title .lg-text { width: 530px;}
}
@media screen and (max-width: 767px){
  .hero-title {padding: 6vw 0 0;width: 54%;left:9%;}
}


/* 倒數 */
.TimerNick { position: absolute; top:120px; left: 289px;}
.TimerNick .TIMER { margin: 0 auto; padding: 0; overflow: hidden; text-align: center; color:#212121; font-size: 26px; line-height: 40px; font-weight: 800; font-family: "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
.TimerNick small {position: relative; top: 0; font-size: 28px;}
.TimerNick .time_day { font-size: 28px; letter-spacing: .05rem;}
.TimerNick .FontStyle { position: relative; padding: 0 7px 0 0;font-size: 33px; text-align:center; color: #141414;}
.TimerNick .FontStyle b { display: inline-block; font-weight: 500; font-family: Century Gothic;}
  @media screen and (max-width:767px){
    .TimerNick {position: absolute;top: 4vw;left: 9%;transform: none;width: 55%;text-align: center;z-index: 999;}
    .TimerNick .TIMER { }
    .TimerNick small { margin: 0.5vw; top: inherit; font-size: 3.4vw; float: none;}
    .TimerNick .time_day { position: relative; font-size: 3.4vw; letter-spacing: 0; float: none; margin-right: -1vw;}
    .TimerNick .FontStyle { padding: 0; font-size: 4.2vw; float: none;         text-align: center;}
    .TimerNick .FontStyle b { margin: 0;  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:91%; height: auto;padding:19px 2.2px 0px;margin-left: 11px;}
  /* 文字 */	
  .top_pd .ly.PD_layout .PD_into h3 {color: #1a1a1a; width: 100%; font-size: 1.8em;text-align: center;}
}

@media screen and (max-width:767px){
  .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: 0.8em 0.4em 0em;margin-left: 0.1em;}
  /*文字*/	
  .top_pd .ly  ul li .PD_into h3 { color: #1a1a1a; font-size: .9em;}
}

/* hasBG調整 */
@media screen and (min-width:768px){
  .Area_boxstyle.Area_boxstyle--hasBackdrop .Area_boxstyle_box {
    }
  .Area_boxstyle.Area_boxstyle--hasBackdrop:before { background: url(Area_boxstyle_hasbg_top-B.png?t=1783417236532) top center / 100% no-repeat, url(Area_boxstyle_hasbg_bottom-B.png?t=1783417236532) bottom center / 100% no-repeat, url(Area_boxstyle_hasbg_bottom-B.png?t=1783417236532) center top 80px / 100% calc(100% - 80px) no-repeat !important;border-radius: 0 !important;}
}
@media screen and (max-width:767px){
  .Area_boxstyle.Area_boxstyle--hasBackdrop .Area_boxstyle_box {}
  .Area_boxstyle.Area_boxstyle--hasBackdrop:before { background: url(m_Area_boxstyle_hasbg_top-B.png?t=1783417236532) top center / 100% no-repeat, url(m_Area_boxstyle_hasbg_bottom-B.png?t=1783417236532) bottom center / 100% no-repeat, url(m_Area_boxstyle_hasbg_bottom-B.png?t=1783417236532) center top 5vw / 100% calc(100% - 5vw) no-repeat !important;border-radius: 0 !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: #060606; 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: #ffffff; background: #000000;}
@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_swiper_box .swiper-pagination-white .swiper-pagination-bullet {background: #000000;}
.public_D{background-color: #ffb9b9; }
.Area_logo a::before{display: block;background: url(logo_pink.png?t=1783417236532)top center no-repeat;background-size: 100%;}
.fixarea .fix_top a::before{background: url(fixed_Area_top-main.png?t=1783417236532)top center no-repeat;background-size: 100%;}
@media screen and (min-width:768px){ 
.top_pd{background: url(top_pd_01.png?t=1783417236532)top center no-repeat;background-size: 100%;height: 360px;position: absolute; top: 68px; right: 5px; z-index: 9;width:18%;}
.hero-title .md-text{top: 220px;}
}
@media screen and (max-width:767px){
  
  .top_pd{background: url(top_pd_01.png?t=1783417236532)top center no-repeat;background-size: 100%;height: 41vw;position: absolute; top: 2vw; right: 7vw; z-index: 9;width: 28%;}
  .Area_logo a::before{display: block;background: url(logo_pink.png?t=1783417236532)top center no-repeat;background-size: 100%;width: 60%;}
}


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

/* 品牌公版 */
.PD_layout-D1_01 li{background-color:#ffffff !important;border: 1px solid #000 !important;border-radius: 1em !important;}
.PD_layout.PD_layout-D1_06 .PD h4 b, .PD_layout.PD_layout-D1_06 .PD_into h4 span { display: inline;}


/*今日主打*/
@media screen and (min-width:768px) {
.Area_Department01.withBG2 {padding: 0 12px;}
.Area_Department01.withBG2 .Area_swiper {background: #ffcfcf;border: 1px solid #000;padding: 30px 0 20px 70px;border-radius: 0;margin: 4% 1% 0;}
/* .Area_Department01 {background: #ffcfcf;border: 1px solid #000; padding: 30px 0px 20px 64px;border-radius: 0;margin: 2% 32% 2% 32%;width: 33.5%;} */
.Area_Department01.withBG2 .Area_swiper .Area_swiper_box { padding-right: 20px;}
.Area_Department01.withBG2::after{ content: "";position: absolute;top: 35px;left: 35px;width: 4%;;aspect-ratio: 26 / 330;background-image: url(act_title.png?t=1783417236532);background-position: top center;background-size: 100%;background-repeat: no-repeat; }

}


@media screen and (max-width:767px){
.Area_Department01.withBG2 {padding: 0 0;}
.Area_Department01 .Area_swiper {background: #ffcfcf;border: 1px solid #000;        padding: 3vw 0 1vw 11vw;border-radius: 2vw 2vw 2vw 2vw; margin: 3vw 2vw 3vw 3vw;}
/* .Area_Department01.withBG2 .Area_swiper .Area_swiper_box { padding-right: 10vw;} */
.Area_Department01.withBG2::after{ content: "";position: absolute;aspect-ratio: 26 / 330; background-position: top center;background-size: 100%;background-repeat: no-repeat;top: 5vw;left: 5vw;width: 6%;background-image: url(act_title.png?t=1783417236532);height: 60vw;}
  

}


/*桃輪播公版*/
.bgpink { background-color: #ff9191;}
.Area02 {}
.Area02 .A2_box { width: 98%; margin: 0 auto;}
.Area02 .title { padding: 22px 20px 17px  460px; margin: 0 auto;}
.Area02 .title { background: url(Area02_titlebg01.png?t=1783417236532)top center no-repeat; background-size: 101%;}
.Area02 .title ul li h5 { color: #fff;padding: 0;margin: 0;font: bold 60px / 60px "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica;color: #ffffff;letter-spacing: -1px;}
.Area02 .bgpink { border-radius: 0 0 30px 30px; padding-bottom: 10px;}
.Area02 .title ul li .PD_into { position: relative ; z-index: 4;}
.Area02 .logo { width: 100%; position: relative; z-index: 0;}
.Area02 .logo .Area_swiper_box .PD_layout li { background-color: transparent;}
.Area02 .logo .Area_swiper_box .PD_layout li .PD_into { padding: 0;}
.Area02 .logo .Area_swiper_box .PD_layout li .PD_logo { background-color: #fff; border-radius: 50%; overflow: hidden; padding: 2em; box-sizing: border-box;}
.Area02 .logo .Area_swiper_box .PD_layout li .PD_into h3 { color: #fff; font-size: 30px; max-height: 1.5em; line-height: 1.5em;}

@media screen and (min-width:768px){

.Area02 .title_focus4 { margin-bottom: -123px;z-index: 3;width: 50%;margin-left: -20px;}
.Area02 .logo {margin: 20px auto;}
}
@media screen and (max-width:767px){
  .Area02 {margin: 7vw auto;}
  .Area02 .A2_box { width: 96%; margin: 0 auto;}
  .Area02 .title { padding: 2.2vw 3vw 2vw 48vw;}
  .Area02 .bgpink { border-radius: 0 0 15px 15px; /*padding-bottom: 1vw;*/}
  .Area02 .title_focus4 { margin-bottom: -12.4vw;z-index: 4;width: 46%;margin-left: -0.5vw;}
  .Area02 .title ul li h5 { color: #fff;padding: 0;margin: 0;font: bold 22px / 15px "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica;color: #ffffff;letter-spacing: -1px;}
  .Area02 .logo {margin: 4vw auto;}
  .Area02 .logo .Area_swiper_box .PD_layout li .PD_logo { padding: 1.2em;}
  .Area02 .logo .Area_swiper_box .PD_layout li .PD_into h3 { font-size: 18px;}
}


/*本月直播最強檔*/
.Area_BN {}
.Area_BN .Area_swiper_box .PD_layout li, .Area_swiper_box .PD_layout li .PD_img img {border-radius: 10px !important}
.Area_BN .Area_PD01 {margin: 20px 0 0px 0;}


@media screen and (max-width:767px){
  .Area_BN {}
  .Area_BN .Area_PD01 {margin: 7vw 0 0vw 0;}

}


/*激省回饋全攻略*/
@media screen and (min-width:768px) {
.Area_PD .BN01 {}
}

@media screen and (max-width:767px){
.Area_PD .BN01 {margin: 0 0 2vw 0;}
}


/*必搶預告*/
@media screen and (min-width:768px) {
.Area_Department02.withBG2 {padding: 0 12px;}
.Area_Department02.withBG2 .Area_swiper {background: #ffcfcf;border: 1px solid #000;padding: 30px 0 20px 70px;border-radius: 0;margin: 4% 1% 0;}

/* .Area_Department02 {padding: 0 12px; background: #ffcfcf;border: 1px solid #000;        padding: 30px 0px 20px 64px;border-radius: 0;margin: 2% 29% 2% 32%;width: 33.5%;} */
.Area_Department02.withBG2 .Area_swiper .Area_swiper_box { padding-right: 20px;}
.Area_Department02.withBG2::after{ content: "";position: absolute;top: 35px;left: 35px;width: 4%;;aspect-ratio: 26 / 330;background-image: url(act_title02.png?t=1783417236532);background-position: top center;background-size: 100%;background-repeat: no-repeat; }

}


@media screen and (max-width:767px){
.Area_Department02.withBG2 {padding: 0 0;}
.Area_Department02 .Area_swiper {padding: 0 12px; background: #ffcfcf;border: 1px solid #000;        padding: 3vw 0 1vw 11vw;border-radius: 2vw 2vw 2vw 2vw; margin: 3vw 2vw 3vw 3vw;}
/* .Area_Department01.withBG2 .Area_swiper .Area_swiper_box { padding-right: 10vw;} */
.Area_Department02.withBG2::after{ content: "";position: absolute;aspect-ratio: 26 / 330; background-position: top center;background-size: 100%;background-repeat: no-repeat;top: 5vw;left: 5vw;width: 6%;background-image: url(act_title02.png?t=1783417236532);height: 60vw;}

}


/*折價券*/
.Area_coupon_sw .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {color: #000;}
.Area_coupon_sw .Area_swiper_box .PD_layout li, .Area_swiper_box .PD_layout li .PD_img img {border-radius: 0px;}
@media screen and (min-width: 768px) {
.Area_coupon_sw .Area_swiper_box {height: 193px; padding-bottom: 30px; }
.Area_coupon_sw  {margin: 58px auto;}

}

@media screen and (max-width: 767px) {
.Area_coupon_sw .Area_swiper_box {height: 24vw;}
.Area_coupon_sw {margin: 6vw auto;}
}



/*3p領券:商電抵用券*/
.Area_coupon_ppp .swiper-pagination-bullet-active {background: #007aff !important}
/* .Area_coupon_ppp .swiper-pagination-bullet{background: #ffffff;} */
@media screen and (min-width: 768px) {

}

@media screen and (max-width: 767px) {
.Area_coupon_ppp .Area_swiper_box {height: 41vw;}
.Area_coupon_ppp {margin: 6vw auto;}
}


/*超強夯品熱搜*/
.Area06 {}
.Area06 .A6_box { position: relative; margin-bottom: 50px;}
.Area06 .A6_box:last-child { margin-bottom: 0;}
.Area06 .boxtop { width: 98%; padding: 5px 0 15px; background: url(Area06_boxtop.png?t=1783417236532)top center no-repeat; background-size: 100%;}
.Area06 .boxtop ul li .PD_into { flex-direction: row; padding: 2px 70px 5px;}
.Area06 .boxtop ul li .PD_into h3 { width: 31%; font-size: 60px; color: #ff9191; font-weight: bold; max-height: 1.5em; line-height: 1.5em; text-align: center;}
.Area06 .boxtop ul li .PD_into h4 { width: 69%; font-size: 50px; color: #fff; font-weight: bold; max-height: 1.5em; line-height: 2em; text-align: center; margin-bottom: 0;}
.Area06 .PD_box { width: 98%; margin: 0 auto; background-color: #ff9191; padding: 0 15px 15px; border-radius: 0 0 30px 30px;}
.Area06 .PD_layout[data-pd-btn] .PD_btn { background-color: #ff9191; background-image: repeating-linear-gradient(45deg, #ff9191 0%, #ff9191 100%);}
.Area06 .momoco { position: absolute; top: 25px; right: 0; width: 9%;}
.Area06 .momoco img {width: 128%;margin-left: -20px;margin-top: -7px;}
@media screen and (max-width:767px){
.Area06 {}
.Area06 .A6_box { margin-bottom: 10vw;}
.Area06 .boxtop { padding: 0.5vw 0 2vw;}
.Area06 .boxtop ul li .PD_into { padding: 0.5vw 10vw 0;}
.Area06 .boxtop ul li .PD_into h3 { font-size: 21px; max-height: 1.5em; line-height: 1.5em;}
.Area06 .boxtop ul li .PD_into h4 { font-size: 22px; max-height: 1.5em; line-height: 1.7em;}
.Area06 .PD_box { padding: 0 0.5em 0.5em; border-radius: 0 0 15px 15px;}
.Area06 .momoco { top: 2.5vw; width: 9.5%;}
}


/*嚴選推薦 超大牌*/
.PD_layout-D1_01 .PD h3 {color: #ff9191;}


@media screen and (min-width: 768px) {
.PD_layout-D1_01 .PD_into h3 {font-size: 1.5em;max-height: 1.7em;}
.PD_layout-D1_01 .PD_into h4 {font-size: 1.5em;}
.PD_layout-D1_01 .PD_layout[data-pd-pdlogo="4"] .PD .PD_logo {height: 4.4em !important}
.Area_grabmoney_NUM .PD_layout.PD_layout-D1_01[data-pd-pdlogo="4"][data-pd-col-pc="4"] .PD .PD_logo {height: 5em;}

}

@media screen and (max-width: 767px) {
.PD_layout-D1_01[data-pd-style=off] .PD h3, .PD_layout-D1_01[data-pd-style=off] .PD h4 {font-size: 1.1em;max-height: 1.6em;}


}


/*BN*/
@media screen and (min-width:768px) {
.Area_BN03 .Area_swiper_box {height: 227px;}

}

@media screen and (max-width:767px) {
.Area_BN03 .Area_swiper_box {height: 40vw;}
.Area_BN03 {margin-bottom: 6vw;}
}


/*館長私心超推薦*/
.Area_grabmoney_NUM .logo { width: 100%; position: relative; z-index: 0;}
.Area_grabmoney_NUM .logo .Area_swiper_box .PD_layout li { background-color: transparent;}
.Area_grabmoney_NUM .logo .Area_swiper_box .PD_layout li .PD_into { padding: 0;}
.Area_grabmoney_NUM .logo .Area_swiper_box .PD_layout li .PD_logo { background-color: #fff; border-radius: 50%; overflow: hidden; padding: 2em; box-sizing: border-box;}
.Area_grabmoney_NUM .logo .Area_swiper_box .PD_layout li .PD_into h3 { color: #fff; font-size: 30px; max-height: 1.5em; line-height: 1.5em;}

@media screen and (min-width:768px){

.Area_grabmoney_NUM .logo {margin: 20px auto;}
}
@media screen and (max-width:767px){

.Area_grabmoney_NUM .logo {margin: 4vw auto;}
.Area_grabmoney_NUM .logo .Area_swiper_box .PD_layout li .PD_logo { padding: 1.2em;}
.Area_grabmoney_NUM .logo .Area_swiper_box .PD_layout li .PD_into h3 { font-size: 18px;}
}


/*下方公版*/
.PD_001 .PD_layout-D1_03 ul::before {display: none;}
.PD_001 .PD_layout-D1_03 .PD_slide {background-color: #000000;}
.PD_001 .PD_layout-D1_03 .PD h3 {color: #ffffff;}

@media screen and (min-width:768px) {
.PD_001 .pd_01 {margin-top: 19px;}
.PD_001 .PD_layout-D1_03 {margin-top: 15px;}
.PD_001 .PD_layout-D1_03 .PD h3 {font-size: 0.8em;}
.PD_001 .PD_layout-D1_03.PD_layout ul { padding: 0px 0px; grid-gap: 3px; }
}


@media screen and (max-width:767px) {
.PD_001 .pd_01{margin-top: 4vw;}
.PD_001 .PD_layout-D1_03 {margin-top: 3vw;}

}