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

/*基本*/
body{ margin: 0; padding: 0;}


/*全BOX版面*/
.WRAPPER {position: relative;display: block;margin: 0 auto;padding: 0;width: 100%;min-width: 1220px;overflow: hidden;font-family: "微軟正黑體","Microsoft JhengHei",Helvetica;background: url(bgrepeat.jpg?t=1755855531544)top center repeat-y;z-index: 0;}
.WRAPPER img { border: 0; vertical-align: top;}
.WRAPPER a { text-decoration: none;}
@media screen and (max-width:767px){
  .WRAPPER {min-width: inherit;padding-bottom: 10vw;background: url(bgrepeat_m.jpg?t=1755855531544)top center repeat-y;background-size: 100%;z-index: 0;}
  .WRAPPER img {  width: 100%;  height: auto;}
}

/*背景*/
@media screen and (min-width:787px){
.bgtop {z-index: 0;position: absolute;top: 0;left: 0;width: 100%;min-width: 1220px;height: 100%;background: url("bgtop.jpg?t=1755855531544") no-repeat center top;}
.bgcloud_L { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url("bgcloud_L.png?t=1755855531544") no-repeat center top; }
.bgcloud_R { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url("bgcloud_R.png?t=1755855531544") no-repeat center top; }
.bgdeco {z-index: -1;position: absolute;top: 0;left: 0;width: 100%;min-width: 1220px;height: 100%;background: url("bgdeco.png?t=1755855531544") repeat-y center top;transition: 0.5s linear;pointer-events: none;}
}
@media screen and (max-width:767px){
  .bgtop { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: inherit; height: 100%; background: url("bgtop_m.jpg?t=1755855531544") no-repeat center 44px; background-size: 100%;}
  .bgcloud_R { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: inherit; height: 100%; background: url("bgcloud_R_m.png?t=1755855531544") no-repeat center 44px; background-size: 100%; }
  .bgcloud_L { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: inherit; height: 100%; background: url("bgcloud_L_m.png?t=1755855531544") no-repeat center 44px; background-size: 100%; }

}
	
/*區塊_all*/
.Area { position: relative; margin: 0 auto; padding: 0; border-radius: 0; text-align: center; }
.Area a { display: block;} 
.Area .go_bt {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.Area .go_bt:hover {
  -webkit-transform: scale(0.95);
     -moz-transform: scale(0.95);
      -ms-transform: scale(0.95);
       -o-transform: scale(0.95);
          transform: scale(0.95);}
.Area .go_bt2 {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.Area .go_bt2:hover { 
  filter: brightness(130%);
  -webkit-transform: translateY(-10px);
     -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
       -o-transform: translateY(-10px);
          transform: translateY(-10px);
		  }
.Area1220 { margin: 0 auto; width: 1220px;}
.Area960 { margin: 0 auto; width: 960px;}
@media screen and (max-width:767px){
  .Area .go_bt:hover {  
    -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;}
  .Area .go_bt2:hover { 
    filter: brightness(1);
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
        }
  .Area1220 { width: 100%;}
  .Area960 { width: 100%;}
  /*區塊_切割*/
  .Area_1bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_1bn a { float: left; margin: 0 0 2% 0; padding: 0; width: 100%; list-style: none;}
  .Area_2bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_2bn a { float: left; margin: 0 1% 2%; padding: 0; width: 48%; list-style: none;}
  .Area_3bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_3bn a { float: left; margin: 0 1% 2% ; padding: 0; width: 31.3%; list-style: none;}
  .Area_1bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_1bn_nopadding a { float: left; margin: 0; padding: 0; width: 100%; list-style: none;}
  .Area_2bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_2bn_nopadding a { float: left; margin: 0; padding: 0; width: 50%; list-style: none;}
  .Area_3bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_3bn_nopadding a { float: left; margin: 0; padding: 0; width: 33.3%; list-style: none;}
}

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

/*共用樣式*/
.blue_box .boxrepeat {margin-top: 0px;background: url(blue_boxrepeat.png?t=1755855531544)top center repeat-y;padding: 0 30px;box-sizing: border-box;}
.blue_box .boxbottom {margin: 0px 0 0 -390px;}
@media screen and (max-width:767px){
  .blue_box .boxrepeat {margin-top: -1.8vw;background: url(blue_boxrepeat_m.png?t=1755855531544)top center repeat-y;background-size: 100%;padding: 0 0.6em;}
  .blue_box .boxbottom {margin: -3vw 0 0;}
}

/*公版樣式*/
.PD_layout[data-pd-li=BN] ul,
.PD_layout[data-pd-li=BN-AWD] ul { padding: 0; grid-gap: 0;}
@media screen and (max-width:767px){
  .PD_layout ul { width: 100%;}
}

/*折價券*/
.Area .Area_coupon {width: 96%;margin: 0 auto;padding-bottom: 50px;padding-top: 40px;}
.Area .Area_coupon ul { grid-gap: 0;}
.Area .Area_coupon ul li .PD_img { padding: 0;}
@media screen and (max-width:767px){
  .Area .Area_coupon {width: 96%;padding-bottom: 3vw;padding-top: 3%;}
}

/*登記*/
.Area .Area_danji .danji_box { margin-bottom: 0;}
.Area .Area_danji .danji_box .box_1 { width: 96%;}
.Area .warningTxt h3 { padding: 0;}
.Area .Area_danji .danji_box ul li .activityText .gifts span {color: #12b7b5;}
@media screen and (max-width:767px){
}

/*3P折價券*/
.Area_coupon_ppp2 .Area_swiper,
.Area_coupon_ppp .Area_swiper { width: 100%;}
.Area_coupon_ppp { padding-bottom: 30px;}
@media screen and (max-width:767px){
  .Area_coupon_ppp { padding-bottom: 4vw;}
}

/*版頭*/
.Area_title {height: 610px;z-index: 20;}
.Area_title .lightSweep{position:absolute;top: 150px;left: 320px;z-index: 6;}
@media screen and (max-width:767px){
  .Area_title {height: 61vw;}
  .lightSweep {z-index: 25;position: absolute; top: -22.9vw; left: 1.4vw; width: 95.8vw;}
  .Area_title .lightSweep{width: 60%;left: 19vw;top: 12vw;}
}


/*版頭主標微調*/
.Area_title img{width: 100%;border-radius: 0!important;}
.Area_title .PD_layout .PD_slide { min-width:auto; }
.Area_title .PD_layout li { border:none; }

@media screen and (min-width: 768px){
.title {position: relative;z-index: 10;}
.title .PD_layout li:nth-of-type(1) {position: absolute;top: 150px;left: 190px;z-index: 10;width: 59%;}
.title .PD_layout li:nth-of-type(2) {position: absolute;top: 70px;left: 280px;z-index: 10;width: 39.5%;}
.title .PD_layout li:nth-of-type(3) {position: absolute;top: 108px;left: 620px;z-index: 1;width: 25%;opacity: 1;display: block;}
.title .PD_layout li:nth-of-type(4) {position: absolute;top: 303px;left: 683px;z-index: 10;width: 16.5%;}
.title .PD_layout li:nth-of-type(5) {position: absolute;top: 0px;left: 862px;z-index: 10;width: 33%;}
.title .PD_layout li:nth-of-type(6) {position: absolute;top: 920px;left: -125px;z-index: 10;width: 34%;}
.title .PD_layout .PD img { width: 100%; }
}

@media screen and (max-width:767px){
.title {position: relative;margin-top: 15vw;margin-left: -4vw;width: 100vw;height: 21vw;}
.title .PD_layout li:nth-of-type(1) {position: absolute;top: 12vw;left: 19.5vw;z-index: 10;width: 60%;}
.title .PD_layout li:nth-of-type(2) {position: absolute;top: 3.5vw;left: 29.5vw;z-index: 10;width: 43vw;}
.title .PD_layout li:nth-of-type(3) {position: absolute;top: 8vw;transform: translateX(-50%);left: 78vw;z-index: 5;width: 26vw;height: 5vw;}
.title .PD_layout li:nth-of-type(4) {position: absolute;top: 26.2vw;left: 65vw;z-index: 10;width: 24%;}
.title .PD_layout li:nth-of-type(5) {position: absolute;top: -13vw;left: 83vw;z-index: 10;width: 44%;}
.title .PD_layout li:nth-of-type(6) {position: absolute;top: 107.2vw;left: -11vw;z-index: 10;width: 44%;}
.title .PD_layout .PD_img {width: 100%;}
.title .PD_layout .PD img { width: 100%; }
}


/*副標*/
.sub .PD_layout ul{display: flex;padding: 0;}
@media screen and (min-width: 768px){
.sub {position: absolute;top: 500px;left: 230px;width: 62%;height: 100px;z-index: 9;overflow: hidden;}	
.sub .PD_layout .PD img {width: 63%;}	
}
@media screen and (max-width:767px){
.sub {position: absolute;top: 48.5vw;left: 12vw;width: 74%;height: 12vw;z-index: 10;overflow: hidden;}
.sub .PD_layout .PD img {width: 70%;padding: 0;}
}

/*輪播特效*/
.Area_title .sub .swiper-slide { opacity: 0; transform: translate(6%,0);}
.Area_title .sub .swiper-slide-active { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}





/*今日限定*/
.Area01 {position: relative;height: 520px;}
.Area01 .box4_swiper {position: absolute;top: 55px;left: 50%;transform: translateX(-50%);width: 1220px;}
.Area01 .box4_swiper ul.PD_wrapper {height: 400px;}
.Area01 .box4_swiper .PD_layout ul li {border: solid 1px #6bb3ff !important;}
@media screen and (max-width:767px){
  .Area01 {
    height: 71vw;
}
  .Area01 .box4_swiper {top: 4vw;width: 100%;left: 53%;}
  .Area01 .box4_swiper ul.PD_wrapper {height: 68vw;}
}

/*優惠功略不錯過*/
.Area02 {padding-bottom: 50px;}
.Area02 .discount ul li { pointer-events: none;}
.Area02 .event { position: relative; margin-bottom: 30px;}
.Area02 .event .PD_layout ul {padding: 0 10px 0 20px;box-sizing: border-box;grid-gap: 1em;}
.Area02 .Area_danji {margin-bottom: 0px;}
@media screen and (max-width:767px){
  .Area02 {
    padding-bottom: 0.5vw;
}
  .Area02 .event {margin-bottom: 3%;}
  .Area02 .event .PD_layout ul {padding: 0 1em 0 1em;grid-gap: 0.5em;}
  .Area02 .Area_danji {margin-bottom: 0%;}
}

/*爆款夯貨*/
.Area03 { margin-bottom: 150px !important;}
.Area03 .title {}
.Area03 .title .PD_img { filter: drop-shadow(0 3px 5px rgba(44,95,133,0.8));}
.Area03 .PD_box ul li { position: relative;}
.Area03 .PD_box ul li .PD_img { padding: 0;}
.Area03 .PD_box ul li .PD_into { position: absolute; top:443px; left:49%; transform: translateX(-50%); width: 81%; z-index: 1;}
.Area03 .PD_box ul li .PD_into h3 { color: #000000; font-size: 22px;}
/*.Area03 .PD_box ul li .PD_into h3:after { content: ""; position: absolute; top: 2em; left: 50%; transform: translateX(-50%); width: 13em; height: 1px; background:#000000;}*/
.Area03 .PD_box ul li .PD_into h4 { color: #000000; font-size: 20px;}
.Area03 .PD_box ul li .PD_into p { height: 2.5em; color:#d62672;}
.Area03 .PD_box ul li .PD_into p del { font-size: 22px; color:#616161;}
.Area03 .PD_box ul li .PD_into p b { font-size: 20px;}
.Area03 .PD_box ul li .PD_into p .money { font-size: 22px;}
.Area03 .PD_box ul li .PD_into p .Price { font-size: 40px;}
.Area03 .PD_box ul li .PD_img { padding: 2% 2% 0 2%; position: absolute; top: 13px; width: 97%;left: 7px;}
.Area03 .PD_box ul li {position: relative; border-radius: 20px;background-color: #fff;/*background: url("Area05bg.png?t=1742365296550") center top/ 100% repeat-y scroll;*/height: 600px;}
.Area03 .PD_layout ul{width: 90%;}
/*公版上下標隱藏*/	
.Area03 .PD_layout.CX .imgTagBottom {display:none!important;}
.Area03 .PD_layout.CX .prdImgWrap .imgTagRectangle {display:none!important;}
.Area03 .PD_layout.CX .prdImgWrap .imgTag {display:none!important;}

.Area03_top {z-index: -2;position:absolute;top: -68px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
.Area03_repeat {z-index: -2;position:absolute;top: 34px;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}			
.Area03_end {z-index: -2;position:absolute;bottom: -130px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}

@media screen and (max-width:767px){
  .Area03 {margin-bottom: 15vw !important;}
  .Area03 .title .PD_img { filter: drop-shadow(0 2px 3px rgba(44,95,133,0.8));}
  .Area03 .PD_layout ul{width: 97% !important;}
  .Area03 .PD_box ul li {padding-bottom: 3vw; border-radius: 20px;width: 100%;/*background: url("Area05bg.png?t=1742365296550") center top/ 100% no-repeat scroll;width: 100%;*/background-color: #fff;height: 70vw;margin-bottom: 2vw;}	
  .Area03 .PD_box ul li .PD_img { padding: 2% 2% 0 2%;  position: absolute;top: 2vw; width: 94%;left: 1.2vw;}
  .Area03 .PD_box ul li {padding-bottom: 3vw;}	
  .Area03 .PD_box ul { grid-gap: 0.2em !important;}
  .Area03 .PD_box ul li .PD_into { top:46vw;}
  .Area03 .PD_box ul li .PD_into h3 { font-size: 15px;}
  .Area03 .PD_box ul li .PD_into h3:after { width: 10em;}
  .Area03 .PD_box ul li .PD_into h4 { font-size: 15px; margin-bottom: 0;}
  .Area03 .PD_box ul li .PD_into p { height: 2.5em;}
  .Area03 .PD_box ul li .PD_into p del { font-size: 14px;}
  .Area03 .PD_box ul li .PD_into p b { font-size: 14px;}
  .Area03 .PD_box ul li .PD_into p .money { font-size: 16px;}
  .Area03 .PD_box ul li .PD_into p .Price { font-size: 28px;}
	/*公版上下標隱藏*/	
  .Area03 .PD_layout.CX .imgTagBottom {display:none!important;}
  .Area03 .PD_layout.CX .prdImgWrap .imgTagRectangle {display:none!important;}
  .Area03 .PD_layout.CX .prdImgWrap .imgTag {display:none!important;}

  .m_Area03_top {z-index: 0;position:absolute;top: -6vw;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
  .m_Area03_repeat {z-index: 0;position:absolute;top: 3.7vw;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
  .m_Area03_end {z-index: 0;position:absolute;bottom: -10.5vw;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;background-size: 100%;}	

}

/*主題8品公版*/
.Area04 {margin-bottom: 50px;}
.Area04 .PD_layout.PD_box { width:96%;}
@media screen and (max-width:767px){
  .Area04 { margin-bottom: 8vw;}
  .Area04 .PD_layout.PD_box { width:96%;}
}

/*人氣新品推薦*/
.Area05 {}
.Area05 .title {}
.Area05 .title .PD_img { filter: drop-shadow(0 3px 5px rgba(44,95,133,0.8));}
.Area05 .PD_layout .PD_into{ top:-106px; position: relative; left:29px;}
.Area05 .PD_layout .PD p {height: 2em;line-height: 2em;color: #df2378;position: relative;left: 230px;top: -46px;}
.Area05 .PD_layout .PD p .Price {font-size: 39px; font-weight: 800;}	
.Area05 .PD_layout .PD h4 {font-size: 22px;top:2px;position: relative;color: #000000;}	
.Area05 .PD_layout .PD h3 {font-size: 25px;color: #000000;position: relative; top: 4.2px;}		
.Area05 .Area_PD9 .PD_slide {height:505px;background-color: #0000!important;}
@media screen and (max-width:767px){
  .Area05 {}
  .Area05 .title {margin-bottom: 0vw;}
  .Area05 .title .PD_img { filter: drop-shadow(0 2px 3px rgba(44,95,133,0.8));}
  .Area05 .PD_layout .PD p del {display: none;}
  .Area05 .PD_layout .PD_into{top: -4vw;position: relative;left: 2vw;}
  .Area05 .PD_layout .PD p {height: 2em;line-height: 2em;color: #df2378;position:absolute;left: 51vw;top:-5vw;}
  .Area05 .PD_layout .PD p .Price {font-size:30px!important; font-weight: 800;}	
  .Area05 .PD_layout .PD h4 {font-size: 22px;top: -17vw;left: 2vw;position: relative;color: #000000;}	
  .Area05 .PD_layout .PD h3 {font-size: 22px;color: #000000;position: relative;top: -14.8vw; left: 2vw;}		
  .Area05 .Area_PD9 .PD_slide {height: 94vw;background-color: #0000!important;}
  .Area05 .Area_swiper_box .swiper-pagination { bottom: 33px !important;}	
  .Area05 .swiper-pagination-white {--swiper-pagination-color: #ffffff!important;}
  .Area05 .Area_swiper_box{padding-bottom: 0vw;}
}

/*熱銷大牌登場*/
.Area06 {}
.Area06 .box { margin-bottom: 30px;}
.Area06 .box .BN { width: 820px; padding: 0 0 10px;}
.Area06 .box .BN ul li .PD_into { display: flex; flex-direction: row; padding: 0;}
.Area06 .box .BN ul li .PD_into .PD_logo {width: 35%;margin-right: 8%;background-color: #fff;border-radius: 50px;padding: 10px;box-sizing: border-box;}
.Area06 .box .BN ul li .PD_into h3 { width: 57%; font-size: 45px; color: #fff; line-height: 2.2em; max-height: 2.2em; text-align: center;}
.Area06 .box .box4_swiper ul.PD_wrapper { padding: 0 !important;}
@media screen and (max-width:767px){
  .Area06 {}
  .Area06 .box {margin-bottom: 4vw;}
  .Area06 .box .BN { width: 100%; padding: 0 0.8em 2vw;}
  .Area06 .box .BN ul li .PD_into .PD_logo { margin-right: 5%; padding: 2%;}
  .Area06 .box .BN ul li .PD_into h3 { width: 60%; font-size: 22px; line-height: 2.2em; max-height: 2.2em;}
  .Area06 .box .boxrepeat {padding: 0 0.2em;}
  .Area06 .box .box4_swiper ul.PD_wrapper {padding: 0 0 4% !important;}
}

/*獨家品牌推薦*/
.Area07 { margin-bottom: 20px;}
.Area07 .title { margin-bottom: 10px;}
.Area07 .title .PD_img { filter: drop-shadow(0 3px 5px rgba(44,95,133,0.8));}
.Area07 .box_box { display: flex; flex-wrap: wrap;}
.Area07 .box { width: 48%; margin: 0 1% 2%;}
.Area07 .bg02 { background: url("Area07_bg02.jpg?t=1755855531544")top center no-repeat; background-size: 100%; border-radius: 0 0 10px 10px; padding: 10px; box-sizing: border-box; filter: drop-shadow( 1px 2px 0 #d3f1ff);}
.Area07 .box .BN { width: 100%; padding: 0; background: url(Area07_BNbg.png?t=1755855531544)top center no-repeat; background-size: 100%;}
.Area07 .box .BN ul li .PD_into { display: flex; flex-direction: row; padding: 0;}
.Area07 .box .BN ul li .PD_into .PD_logo { width: 35%; margin-right: 8%; padding: 0 10px; box-sizing: border-box;}
.Area07 .box .BN ul li .PD_into h3 {width: 57%;font-size: 30px;color: #ffffff;line-height: 2em;max-height: 2em;text-align: center;}
.Area07 .remove_box_style ul {background-color: transparent;grid-gap: 0px;}
@media screen and (max-width:767px){
  .Area07 { margin-bottom: 0;}
  .Area07 .title { margin-bottom: 2vw;}
  .Area07 .title .PD_img { filter: drop-shadow(0 2px 3px rgba(44,95,133,0.8));}
  .Area07 .box { width: 98%; margin: 0 2% 10vw;}
  .Area07 .bg02 { padding: 0.5em;}
  .Area07 .box .BN { width: 100%; padding: 0 0.8em 0;}
  .Area07 .box .BN ul li .PD_into .PD_logo {margin-right: 5%;padding: 1% 3% 0% 0%;}
  .Area07 .box .BN ul li .PD_into h3 { width: 60%; font-size: 22px; line-height: 1.8em; max-height: 1.8em;}
}

/*頁籤公版*/
.Area08 {margin-bottom: 50px;}
.Area08 .NavArea_tabbar_page { width: 100%; margin: 0 auto 10px;}
.Area08 .NavArea_tabbar_page .Nav .swiper-slide-active i {border: 1px solid #0ba2c3 !important;background-color: #0ba2c3 !important;}
.Area08 .boxrepeat {  padding: 0 155px; box-sizing: border-box;}
.Area08 .content_swiper { overflow: hidden;}
@media screen and (max-width:767px){
  .Area08 { margin-bottom: 7vw;}
  .Area08 .NavArea_tabbar_page { margin: 0 auto 2vw;}
  .Area08 .boxrepeat { background-size: 100%; padding: 0.3em 0.8em;}
}

/*看更多*/
.Area09 {}
.Area09 .btn { padding: 0 100px; box-sizing: border-box;}
.Area09 .btn ul { grid-gap: 0 20px;}
@media screen and (max-width:767px){
  .Area09 { margin-bottom: 3vw;}
  .Area09 .btn { padding: 0 1em;}
  .Area09 .btn ul { grid-gap: 0 0.5em;}
}

/*注意事項區*/
.edm_notice { text-align: center; padding: 10px 10px 15px 10px; color: #000; font:12px/18px Helvetica;}
.edm_notice .apple_notice { padding: 10px 0;}


/*隱鑶*/
.for_pc {}
.for_phone { display: none !important;}
	@media screen and (max-width:767px){
		.for_pc { display: none !important;}
		.for_phone { display: inherit !important;}
	}