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

/*背景*/
.bgtop { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bg_01.jpg?t=1786529530323) no-repeat center top;}
.top_light {z-index: 3;position: absolute;top: 0;left: 0;width: 100%;min-width: 1220px;height: 100%;background: url(top_light.png?t=1786529530323) no-repeat center top;pointer-events: none;mix-blend-mode: screen;}
@media screen and (max-width:767px){
  .bgtop { position: absolute;min-width: inherit;  background: url(bg_01_m.jpg?t=1786529530323) no-repeat center 44px; background-size: 100%;}
  .top_light { position: absolute;min-width: inherit;  background: url(top_ligh_m.png?t=1786529530323) no-repeat center 44px; background-size: 100%;pointer-events: none;mix-blend-mode: screen;}
}

.fixarea_tabbar {top: 30px !important;}

/*間距*/
.Area_bottom {margin-bottom: 20px;}
@media screen and (max-width:767px){
  .Area_bottom {margin-bottom: 5vw;}
}

/*版頭*/
.Area_top {position: relative;height: 1090px;}
.Area_top .main ul {padding: 0; grid-gap: 0;}
.Area_top .main ul li { pointer-events: none;}
.Area_top .main01 {position:absolute;left: 219px;top: 101px;z-index: 2;}
.Area_top .main02 {position:absolute;left: 599px;top: 21px;z-index: 1;}
.Area_top .subbg {position:absolute;top: 331px;left: 137px;z-index: 0;pointer-events: none;}
.Area_top .top_deco01 {position:absolute;top: 65px;left: 203px;z-index: 1;pointer-events: none;}
.Area_top .top_deco02 {position:absolute;top: 850px;left: 129px;z-index: 3;pointer-events: none;}
.Area_top .top_deco03 {position:absolute;top: 273px;left: 996px;z-index: 1;pointer-events: none;}
.Area_top .top_deco04 {position:absolute;top: 507px;left: 130px;z-index: 1;pointer-events: none;}
@media screen and (max-width:767px){
  .Area_top {height: 111.5vw;}
  .Area_top .main01 {left: 9vw;top: 10.5vw;width: 83%;}
  .Area_top .main02 {left: 49vw;top: 2.5vw;width: 17.2%;}
  .Area_top .subbg {position: absolute;top: 34.2vw;left: 0;width: 100%;}
  .Area_top .top_deco01 {position: absolute;top: 7vw;left: 7.5vw;width: 17%;}
  .Area_top .top_deco02 {position: absolute;top: 89vw;left: 0;width: 100%;}
  .Area_top .top_deco03 {position: absolute;top: 31vw;left: 86vw;width: 13%;}
  .Area_top .top_deco04 {position: absolute;top: 52.5vw;left: 0;width: 100%;}
}

/*編輯按鈕移動*/
/* #eWriterBtn_bt_B_000_01 { z-index: 99!important;margin-top: 100px!important;margin-left: 220px!important;} */
/* #eWriterBtn_bt_B_000_02 { z-index: 99!important;margin-top: 20px!important;margin-left: 300px!important;} */

/*副標*/
.sub .PD_layout ul {display: flex;padding: 0;}
@media screen and (min-width: 768px){
.sub {position: absolute;top: 370px;left: 320px;width: 47%;height: 240px;z-index: 30;overflow: hidden;}	
.sub .PD_layout .PD img {width: 95%;}	
}
@media screen and (max-width:767px){
.sub {position: absolute;top: 38vw;left: 8.5vw;width: 82%;z-index: 30;overflow: hidden;}
.sub .PD_layout .PD img {width: 74%;padding: 0;}
}

/*日期*/
.TIMER_DAY {position: absolute;top: 3px;left: 451px;font-size: 39px;font-family: "Century Gothic", sans-serif;font-weight: 700;color: #797979;letter-spacing: 0px;text-align: left;z-index: 2;}
.TIMER_DAY #sendMonth, 
.TIMER_DAY #sendToday {width: 51px;display: inline-block;font-size: 51px;font-family: "Century Gothic", sans-serif;font-weight: 700;/* font-style: italic; */left: -1px;position: relative;top: 6px;}
@media screen and (max-width: 736px){ 
	.TIMER_DAY {top: 0.5vw;left: 34.5vw;font-size: 3vw;font-family: "Century Gothic", sans-serif;font-weight: 700;}
	.TIMER_DAY #sendMonth, 
  .TIMER_DAY #sendToday  {width: 5.5vw;font-size: 5vw;font-family: "Century Gothic", sans-serif;font-weight: 700;top: 0.5vw;left: -1vw;}
}

/*區標*/
.Area_title_lbtclass h3 {top: -2px;font: 50px/58px "Noto Sans CJK SC";font-weight: 700;}
.box_txt {position: absolute;margin: 0 auto;width: 100%;height: auto;}
.box_txt img {width: 79%;}
.txt ul {position: relative;padding: 0;margin: 0;list-style: none;height: 145px;top:0;}
.txt ul li { background-color: transparent; pointer-events: none;padding: 0;}
.txt .PD_into {padding: 0;}
.txt ul li h5 {position: relative;top: 35px;margin: 0;padding: 0;width: 100%;font: 58px/58px "Noto Sans CJK SC";font-weight: 700;text-align: center;overflow: hidden;color: #fff;letter-spacing:-4px;}
@media screen and (max-width:767px){
  .Area_title_lbtclass h3 {top: -0.2vw;font: 6vw/6vw "Noto Sans CJK SC";font-weight: 700;}
  .box_txt {position: absolute;margin: 0 auto;width: 100%;}
  .box_txt img {width: 100%;}
  .txt ul {padding: 0;margin: 0;list-style: none;height: 14.5vw;}
  .txt ul li { background-color: transparent; pointer-events: none;padding-top: 0;}
  .txt .PD_into {padding: 0;}
  .txt ul li h5 {position: relative;top: 4vw;margin: 0;padding: 0;width: 100%;font: 6vw/6vw "Noto Sans CJK SC";font-weight: 500;text-align: center;letter-spacing: -0.5vw;overflow: hidden;}
}

/*行銷3顆活動*/
@media screen and (min-width: 768px){
.Area01 {margin: 100px auto 50px;background-image: url(btnbg.png?t=1786529530323);background-repeat: no-repeat;}
.Area01 .PD_layout ul {padding: 0 7.5%;padding-top: 55px;}
.Area01 .PD_layout ul li {padding: 0;}
}
@media screen and (max-width: 767px){
  .Area01 {margin: 8vw auto 2vw;padding-bottom: 0;background-image: url(btnbg.png?t=1786529530323);background-repeat: no-repeat;background-size: 100%;}
  .Area01 .PD_layout ul {padding: 3%;padding-top: 5vw;}
  .Area01 .PD_layout ul li {padding: 0;}
}

/*今日限時搶購!*/
@media screen and (min-width: 768px){
.Area02 {}
.Area02 .Area02_bg {position: absolute;}
}
@media screen and (max-width:767px){
  .Area02 {}
  .Area02 .Area02_bg {position: absolute;}
}
/*活動倒數*/
.TimerNick2 {display:inline-block;position:relative;top: 0;left:0;height: 57px;font-weight: 700;width: 66%;}
.TimerNick2 .FontStyle2 {display: inline-block;margin: 0 0 0 2px;padding: 0;border: 0;font: bold 40px/30px Arial;color: #e95997;border-radius:5px;letter-spacing: 0px;text-align: center;}
.TimerNick2 span {padding-left: 2px;font: 400 37px/48px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0em;color: #c8c2a9;}
@media screen and (max-width:767px){
.TimerNick2 {display:inline-block;width: 73%;position: relative;top: -2vw;left:0;margin: 0 auto -2vw;height:0;padding-bottom: 6%;overflow:hidden;text-align:center;background-size:100%;z-index:20;}
.TimerNick2 .FontStyle2 {margin: 0;padding: 0.5vw;border: 0;font: bold 5.5vw/5vw Arial;}
.TimerNick2 span {padding-left:0;font: normal 3.5vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;}
}

/*發燒新品 留己買*/
@media screen and (min-width: 768px){
.Area03 {}
.Area03 .Area_swiper {width: 79%;left: 0;}
.Area03 .PD_layout-D1_15 {height: 400px;}
}
@media screen and (max-width:767px){
  .Area03 {}
  .Area03 .Area_swiper {width: 100%;left: 0vw;}
  .Area03 .PD_layout-D1_15 {height: 83vw;}
  .Area03 .PD_layout-D1_15 ul {padding: 0;grid-gap:0;}
}

/*登記活動*/
@media screen and (min-width: 768px){
.Area04 {}
.Area04 .Area_title_lbtclass h3 {top: 50px;font: 50px/58px "Noto Sans CJK SC";font-weight: 700;}
.Area_pd-D3_01 .PD_layout.PD_layout-D3_01 .PD h3 {font-size: 43px;top: 75px;font: 50px / 58px "Noto Sans CJK SC";font-weight: 700;transform: translate(-215px, -34px);}
.Area_pd-D3_01 .more {position: absolute;top: 51px;left: 598px;z-index: 5;}
.Area_danji {width: 96%;}
.PD_layout-coupon3 {width: 98%;}
}
.Area_danji .danji_box ul li .activityText .gifts span {color: #ef5277;}
@media screen and (max-width:767px){
  .Area04 {}
  .Area04 .Area_title_lbtclass h3 {top: 5.5vw;font: 6vw/6vw "Noto Sans CJK SC";font-weight: 700;}
  .Area_pd-D3_01 .PD_layout.PD_layout-D3_01 .PD h3 {font: 6vw / 6vw "Noto Sans CJK SC";font-weight: 700;top: 10vw;left: 48vw;}
  .Area_pd-D3_01 .more {position: absolute;top: 8vw;left: 70vw;z-index: 5;width: 19%;}
}
.Area_danji .warningTxt h3{ font-size: 0.8rem;line-height: 1em;padding: 0 0 0.5em;color: #373737;}  

.PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold{color: #1e1e1e;}


.Area_bn-carousel .PD_layout ul { height: 340px;}
@media screen and (max-width:767px){
  .Area_bn-carousel .PD_layout ul { height: 43vw;}
}

/*人氣爆款 一次買*/
/*公版上下標隱藏*/	
.Area07 .PD_wrap .PD_layout.CX .imgTagBottom {display:none!important;}
.Area07 .PD_wrap .PD_layout.CX .prdImgWrap .imgTagRectangle {display:none!important;}
.Area07 .PD_wrap .PD_layout.CX .prdImgWrap .imgTag {display:none!important;} 
@media screen and (min-width: 768px){
.Area07 {}
.Area07 .Area_title_lbtclass h3 {top: 43px;font: 50px / 58px "Noto Sans CJK SC";font-weight: 700;}
.Area07 .PD_wrap {padding: 0;height: 100%;position: relative;width: 100%;margin: 0 auto;}
.Area07 .PD_box ul li { position: relative;}
.Area07 .PD_box ul li .PD_img { padding: 0;}
.Area07 .PD_box ul li .PD_into { position: absolute; top:443px; left:49%; transform: translateX(-50%); width: 81%; z-index: 1;}
.Area07 .PD_box ul li .PD_into h3 { color: #000000; font-size: 22px;}
.Area07 .PD_box ul li .PD_into h4 { color: #000000; font-size: 20px;}
.Area07 .PD_box ul li .PD_into p { height: 2.5em; color:#d62672;}
.Area07 .PD_box ul li .PD_into p del { font-size: 22px; color:#616161;}
.Area07 .PD_box ul li .PD_into p b { font-size: 20px;}
.Area07 .PD_box ul li .PD_into p .money { font-size: 22px;}
.Area07 .PD_box ul li .PD_into p .Price { font-size: 40px;}
.Area07 .PD_wrap .PD_box ul li .PD_img { padding: 2% 2% 0 2%; position: absolute; top: 13px; width: 97%;left: 7px;}
.Area07 .PD_wrap .PD_box ul li {position: relative; border-radius: 10px;background-color: #fff;height: 600px;}
.Area07 .PD_wrap .PD_layout ul{width: 90%;}
.Area .remove_box_style ul {background-color: transparent;grid-gap: 10px;}
}
@media screen and (max-width:767px){
  .Area07 {}
  .Area07 .Area_title_lbtclass h3 {top: 5vw;font: 6vw/6vw "Noto Sans CJK SC";font-weight: 700;}
  .Area07 .PD_wrap .PD_layout ul{width: 96%;grid-gap: 0.3em;}
  .Area07 .PD_wrap {width: 97%;padding: 0;height: 100%;position: relative;}
  .Area07 .PD_wrap {padding: 0;width:100%;}
  .Area07 .PD_wrap .PD_box ul li {border-radius: 10px;width: 100%;background-color: #fff;height: 72vw;}	
  .Area07 .PD_wrap .PD_box ul li .PD_img { padding: 2% 2% 0 2%;  position: absolute;top: 2vw; width: 94%;left: 1.2vw;}
  .Area07 .PD_box ul li {padding-bottom: 3vw;}	
  .Area07 .PD_box ul li .PD_into {top:46vw;position: relative;}
  .Area07 .PD_box ul li .PD_into h3 { font-size: 15px;}
  .Area07 .PD_box ul li .PD_into h3:after { width: 10em;}
  .Area07 .PD_box ul li .PD_into h4 { font-size: 15px; margin-bottom: 0;}
  .Area07 .PD_box ul li .PD_into p { height: 2.5em;}
  .Area07 .PD_box ul li .PD_into p del { font-size: 14px;}
  .Area07 .PD_box ul li .PD_into p b { font-size: 14px;}
  .Area07 .PD_box ul li .PD_into p .money { font-size: 16px;}
  .Area07 .PD_box ul li .PD_into p .Price { font-size: 28px;}
}

/*強牌鉅獻 非買不可*/
@media screen and (min-width: 768px){
.Area10 {}
.Area10 .Area_title_lbtclass h3 {top: 50px;font: 50px / 58px "Noto Sans CJK SC";font-weight: 700;}
.Area10 .PD_wrap {padding: 0;height: 100%;position: relative;width: 100%;margin: 0 auto;}
.Area10 .PD_layout-D3_02 {height: 150px;}
.Area10 .PD_layout-D3_02 .PD h3 {margin-top: 10px;position: relative;}
.Area10 .PD_layout-D3_02 ul .PD .PD_logo {margin-top: 17px !important;margin-left: 75px!important;}
}
.Area10 .Area_swiper {background-color: #fff;}
@media screen and (max-width:767px){
  .Area10 {}
  .Area10 .Area_title_lbtclass h3 {top: 5.5vw;font: 6vw/6vw "Noto Sans CJK SC";font-weight: 700;}
  .Area10 .PD_wrap .PD_layout ul{width: 96%;grid-gap: 0.3em;}
  .Area10 .PD_wrap {width: 97%;padding: 0;height: 100%;position: relative;}
  .Area10 .PD_wrap {padding: 0;width:100%;}
  .Area10 .PD_wrap .PD_box ul li {border-radius: 10px;width: 100%;background-color: #fff;height: 70vw;}	
  .Area10 .PD_wrap .PD_box ul li .PD_img { padding: 2% 2% 0 2%;  position: absolute;top: 2vw; width: 94%;left: 1.2vw;}

  .Area10 .PD_layout-D3_02 {height: 16vw;}
  .Area10 .PD_layout-D3_02 .PD h3 {margin-top: 0.5vw;margin-left: -1.5vw;position: relative;font-size: 21px!important;}
  .Area10 .PD_layout-D3_02 ul .PD .PD_logo {margin-top: 1.5vw !important;margin-left: 2vw;width: 35%;padding: 0.5%;}  
}

/*大家都在買*/
.Area11 {padding-top: 80px;}
.Area11 .Area11_bg {position: absolute;}
.Area11 .content_swiper {overflow: hidden;}
.Area11 .box_txt_all {position: relative;margin: 0 auto;height: 100px;}
.Area11 .box_txt_all .PD_layout .PD .PD_into {padding: 0;}
.Area11 .box_txt_all ul {}
.Area11 .box_txt_all li:hover { transform: none!important;}
.Area11 .box_txt_all a { pointer-events: none;}
.Area11 .box_txt_all h3 span { overflow: visible!important;}
.Area11 .box_txt_all .PD_layout .PD h3 {font-size: 3.3em;line-height: 2em;letter-spacing: .05em;font-weight: 700;font-family:"Century Gothic","Noto Sans TC";/* font-style: italic; */color: #565656;transform: translate(-165px, 50px);}
.Area11 .box_txt_all .PD_layout .PD h4 {color: #ffbd0d;transform: translate(475px, -20px);font-size: 33px;text-align: left;font-weight: 700;}
.Area11 .NavArea_tabbar_page {width: 96%;}
.Area11 .layout_PD {width: 96%;}
.Area11 .layout_PD li:nth-child(1)::after{content: "";position: absolute;top: 1%;left: 3%;width: 31%;height: 15%;background: url(page_tag1.png?t=1786529530323) no-repeat top / 100%;z-index: 10;}
.Area11 .layout_PD li:nth-child(2)::after{content: "";position: absolute;top: 1%;left: 3%;width: 31%;height: 15%;background: url(page_tag2.png?t=1786529530323) no-repeat top / 100%;z-index: 10;}
.Area11 .layout_PD li:nth-child(3)::after{content: "";position: absolute;top: 1%;left: 3%;width: 31%;height: 15%;background: url(page_tag3.png?t=1786529530323) no-repeat top / 100%;z-index: 10;}
.Area11 .NavArea_tabbar_page .Nav .swiper-slide-active i {border: 1px solid #fdbd11 !important;background-color: #f9bf23 !important;}
@media screen and (max-width:767px){
  .Area11 {padding-top: 9vw;}
  
  .Area11 .box_txt_all {height: 11vw;}
  .Area11 .box_txt_all .PD_layout .PD h3 {font-size: 1.5em;line-height: 2.1em;}
  .Area11 .box_txt3 .PD_layout .PD h3 {transform: translate(-15vw, 4.7vw);}
  .Area11 .box_txt3 .PD_layout .PD h4 {transform: translate(54vw, -2.7vw);font-size: 3.5vw;}
  .Area11 .NavArea_tabbar_page {width: 100%;}
  .Area11 .layout_PD {width: 100%;}
}

/*下方公版*/
@media screen and (min-width: 768px){
  .Area12 {}
  .Area12 .Area_title_lbtclass {--font-size: 32px;}
  .Area12 .Area_title_lbtclass h3 {top: 35px;font: 50px/58px "Noto Sans CJK SC";font-weight: 700;height: 58px;}
}
@media screen and (max-width:767px){
  .Area12 {}
  .Area12 .Area_title_lbtclass {--font-size: 3vw;}
  .Area12 .Area_title_lbtclass h3 {top: 0vw;font-weight: 500;}
}

/*精選品牌 來逛逛*/
@media screen and (min-width:768px){
.Area13 {}
.Area13 .layout_PD {width: 100%;}
.Area13 .layout_PD ul {grid-gap: 15px;padding:0;display: flex;justify-content: center;flex-wrap: wrap;}
.Area13 .layout_PD ul li {background:url(Area13_bg.png?t=1786529530323)top center no-repeat;background-size:100%;width: calc(100% / 4.3);min-width: inherit;}
}
@media screen and (max-width: 767px){
  .Area13 {}
  .Area13 .layout_PD {width: 100%;padding: 0 3%;}
  .Area13 .layout_PD ul {grid-gap: 0em 0.3em;padding: 0;}
  .Area13 .layout_PD ul li {height: 20vw;background:url(Area13_bg.png?t=1786529530323)top center no-repeat;background-size:100%;}
  .Area13 .PD_layout.layout_PD ul li .PD_img { width: 100% !important;overflow: hidden;}
  .Area13 .PD_layout.layout_PD ul li { width: 100% !important;}
}

/*探索更多品類*/
@media screen and (min-width:768px){
.Area14 {}
.Area14 .layout_PD { width: 96%;padding-top: 25px;padding-bottom: 35px;}
.Area14 .layout_PD ul li {padding: 10px 0 0;}
}
@media screen and (max-width: 767px){
  .Area14 {}
  .Area14 .layout_PD ul {padding: 0;grid-gap:0;padding-top: 0.5vw;padding-bottom: 5vw;}
  .Area14 .layout_PD ul li {padding: 2vw 0 0vw;}
}




/*關閉圓標&下標*/
.prdImgWrap .imgTag { display: none;}
.prdImgWrap .imgTagBottom {display: none;}