/* 各頁面CSS */

body {
  font-size: inherit !important;
  background-color:  #105459;
}

body.ts_02  {
  font-size: inherit !important;
  background-color:  #271967;
}


.ts_A {}
.ts_B { display: none;}

.ts_02 .ts_A { display: none;}
.ts_02 .ts_B { display: block;}

.ts_C {}
.ts_D { display: none;}

.ts_02 .ts_C { display: none;}
.ts_02 .ts_D { display: block;}


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



/* 版頭 */
@media screen and (min-width: 768px){
  .hero { height: 1517px; }
  .hero-title { top:90px; left:370px;margin:0 auto ;}
  .ts_02 .hero-title { top:105px; left:190px; transform-origin: 50% 50%;/*傾斜*/transform: skew(-6deg, -10deg);/*傾斜*/}
 
  .hero-title .lg-text { width: 530px;}
  .ts_02 .hero-title{}
}
@media screen and (max-width: 767px){
  .hero-title {padding: 10vw 0 0;width: 100%;left:0%;}
  .ts_02 .hero-title {padding: 8vw 0 0;width: 54%;left:9%;  
    transform-origin: 50% 50%;/*傾斜*/
    transform: skew(-6deg, -7deg);/*傾斜*/}
}


/* 倒數 */
/** 倒數 **/
.TimerNick { z-index:0; display:inline-block;  height:96px;width:102% ;margin: 0 auto;padding-top:115px;right: 30px;font-weight:500 !important ;}
.ts_02 .TimerNick { z-index:0; display:inline-block; position: absolute; padding-right:14px; height:96px;text-align:right;width:100% ;top:93px;right: 504px;
  font-weight: 900; transform-origin: 50% 50%;transform: skew(-6deg, -9deg);font-weight:500 !important ;}
.TimerNick .FontStyle { display:inline-block; margin:0px 0 0 0 ; padding:0; border:0px;font: bold 35px/38px Century Gothic; color:#FFF; letter-spacing:-1px; text-align:center; background:transparent; width:50px ;font-weight:500 }
.TimerNick div:nth-of-type(2),
.TimerNick div:nth-of-type(3) { width:60px;}
.TimerNick span { display:inline-block; margin:0px 0 0 0 ; padding:0; border:0px; font: bold 35px/38px Century Gothic; color:#FFF;letter-spacing:-1px; text-align:right; background:transparent;font-weight:500 }
.ts_02 .TimerNick span { padding-left:2px; font: bold 35px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #FFF;  font-weight: 900; transform-origin: 50% 50%; transform: skew(-6deg, -3deg);}
.TimerNick .time_day { font-size: 35px; letter-spacing: .05rem;}
.ts_02 .TimerNick .time_day { font-size: 35px; letter-spacing: .05rem;transform-origin: 50% 50%; transform: skew(-6deg, -3deg);}
    @media screen and (max-width:767px){
        .TimerNick { z-index:2; position: absolute; top:8vw; left:0%; display:inline-block; margin:0; padding-right:0%; width:78%; height:0; padding-bottom:13%; overflow:hidden; text-align:right; color:#FFF;background-size:100%;padding-top:0vw}
        .ts_02  .TimerNick { z-index:2; position: absolute; top:9vw; left:-23vw; display:inline-block; margin:0; padding-right:0%; width:85%; height:0; padding-bottom:13%; overflow:hidden; text-align:right;  /*background:url(m_time_bg.png?t=1785765172115) no-repeat center top; */background-size:100%; transform-origin: 50% 50%; transform: skew(-6deg, -7deg);}
        .TimerNick .FontStyle { display:inline-block; margin:0px 0 0 0 ; padding:0; border:0px; font:  4.5vw/11vw Century Gothic; color:#FFF; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-1px; text-align:right; background:transparent;width:5vw ;}
        .TimerNick div:nth-of-type(2),
        .TimerNick div:nth-of-type(3) { width:4vw;}
        .TimerNick span { padding-left:1vw; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #FFF;}
        .ts_02  .TimerNick span { padding-left:1vw; font: bold 4vw/7vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #FFF;transform-origin: 50% 50%; transform: skew(-6deg, -7deg);}
        .TimerNick .time_day { font-size: 4vw; letter-spacing: .05rem;}
        .ts_02 .TimerNick .time_day { font-size: 4vw; letter-spacing: .05rem;margin-top:0.5vw ;}
    }




/* 版頭品輪播 */
.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: 316px; height: 385px; 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;padding: 0px 0.2px 0px;}
  /* 文字 */	
  .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){
  .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.3em .2em 0em}
  /*文字*/	
  .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 {
    }
  .Area_boxstyle.Area_boxstyle--hasBackdrop:before { background: url(Area_boxstyle_hasbg_top-B.png?t=1785765172115) top center / 100% no-repeat, url(Area_boxstyle_hasbg_bottom-B.png?t=1785765172115) bottom center / 100% no-repeat, url(Area_boxstyle_hasbg_bottom-B.png?t=1785765172115) 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=1785765172115) top center / 100% no-repeat, url(m_Area_boxstyle_hasbg_bottom-B.png?t=1785765172115) bottom center / 100% no-repeat, url(m_Area_boxstyle_hasbg_bottom-B.png?t=1785765172115) 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: #ffe8a7;}
.PD_layout-D1_01 .PD h4 { color: #060606 !important; font-weight: 900 !important;}
.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;}
}



/* --------------共用素材---自行新增區------------------ */
.swiper-scrollbar {background: rgb(255 255 255 / 10%);}
.swiper-scrollbar-drag {background: rgb(255 255 255 / 50%);}



.top_pd{background: url(top_pd_01.png?t=1785765172115)top center no-repeat;background-size: 100%;height: 360px;position: absolute; top: 95px; right: 5px; z-index: 0;width:18%;}


@media screen and (max-width:767px){
  .Area_logo a::before{display: block;background: url(logo_orange.png?t=1785765172115)top center no-repeat;background-size: 100%;width: 60%;}
  .top_pd{background: url(top_pd_01.png?t=1785765172115)top center no-repeat;background-size: 100%;height: 41vw;position: absolute; top: 2vw; right: 7vw; z-index: 0;width: 28%;}


}


.Area_logo a::before{display: block;background: url(logo.png?t=1785765172115)top center no-repeat;background-size: 100%;}
.fixarea .fix_top a::before{background: url(fixed_Area_top-main.png?t=1785765172115)top center no-repeat;background-size: 100%;}

.ts_03 .Area_logo a::before{display: block;background: url(logo-2.png?t=1785765172115)top center no-repeat;background-size: 100%;}
.ts_03 .fixarea .fix_top a::before{background: url(fixed_Area_top-main-2.png?t=1785765172115)top center no-repeat;background-size: 100%;}




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



/* MB選單 */
.Fixedfooter_box {
  background-image: url(Fixedfooter_bg.png?t=1785765172115);
  background-size: cover;
  background-position: center top;
}



/*-----------------------------看更多按鈕從這邊開始------------------------------*/

/*各區看更多按鈕，哪一區不要就:not(.Area17) > .PD_layout-btn*/

.PD_layout-btn li {
  list-style-type: none;
}

.PD_layout-btn .PD h3 {
  color: var(--font-white);
  background-color: #937130 !important;
  transition: all .5s ease-in-out;
}
.PD_layout-btn ul
 { background-color: transparent !important; }
@media screen and (min-width: 768px) {
  .PD_layout-btn .PD h3:hover {
    cursor: pointer;
    color: var(--font-black);
    background-color: #ffe389 !important;
  }
}



  /*今日TOP焦點*/
  @media screen and (min-width: 768px) {
  .Area_grabmoney_NUM .BN001 {margin: 22px auto;}
  .Area_grabmoney_NUM .logo { width: 100%; position: relative; z-index: 0;margin: 30px auto;}
  .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: #ffffff; font-size: 30px; max-height: 1.5em; line-height: 1.5em;}
  }
  
  @media screen and (max-width: 767px) {
  .Area_grabmoney_NUM .PD_001 {margin: 4vw auto;}
  .Area_grabmoney_NUM .PD_001 .Area_swiper_box {height: 58vw;}
  .Area_grabmoney_NUM .logo { width: 100%; position: relative; z-index: 0;margin: 4vw auto;}
  .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: #ffe8a7; font-size: 30px; max-height: 1.5em; line-height: 1.5em;}
  .Area_grabmoney_NUM .logo .Area_swiper_box .PD_layout li .PD_logo { padding: 1em;}
  .Area_grabmoney_NUM .logo .Area_swiper_box .PD_layout li .PD_into h3 { font-size: 20px;}
  
  }


  /*折價券*/
  .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;}
  .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=1785765172115)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: #836021; 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: #836021; 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: #ffe8a7; padding: 0 15px 15px; border-radius: 0 0 30px 30px;}
  .Area06 .PD_layout[data-pd-btn] .PD_btn { background-color: #ffe8a7; background-image: repeating-linear-gradient(45deg, #ffe8a7 0%, #ffe8a7 100%);}
  .Area06 .momoco { position: absolute; top: 10px; right: 0; width: 10%;}
  .Area06 .momoco img {width: 142%;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%;}
  }


  /*嚴選推薦 超大牌*/
  .Area_PD_card .PD_layout .PD img { width: 100%;}
  .PD_layout-D1_01 .PD h3 {color: #836021;}
  .Area_PD_card .PD_layout[data-pd-pdlogo="3"] .PD .PD_logo img, .Area_PD_card .PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img {width: 31% !important ;height: auto !important ; outline: 0px solid #3c2201 !important ; border: 0 !important ; border-radius: 10px!important ;}


  @media screen and (min-width: 768px) {
  .PD_layout-D1_01 .PD_into h3 {font-size: 1.3em;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;}
  .Area_PD_card .PD_layout[data-pd-pdlogo="4"]:not([data-pd-direction*=row]) .PD .PD_logo, .Area_PD_card .PD_layout[data-pd-pdlogo="4"][data-pd-direction=pc-row] .PD .PD_logo, .Area_PD_card .PD_layout[data-pd-pdlogo="4"][data-pd-direction=pc-row-reverse] .PD .PD_logo { margin-top: -2em !important;}
  .Area_PD_card .PD_layout .PD_into {padding: 0em; margin-bottom: 1em;}


  }


  /*BN*/
  .Area_BN03 .Area_swiper_box .PD_layout li, .Area_swiper_box .PD_layout li .PD_img img { border-radius: 10px !important; }

  @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;}
  }
  

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

  @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;}

  }