@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=1770864789662)top center repeat-y;}
.WRAPPER img { border: 0; vertical-align: top;}
.WRAPPER a { text-decoration: none;}
@media screen and (max-width:767px){
  .WRAPPER { min-width: inherit; background-size: 100%;}
  .WRAPPER img {  width: 100%;  height: auto;}
}

/*區塊_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);}
.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;}

  .Area1220 { width: 100%;}
  .Area960 { width: 100%;}
  .Area_K1 { top: -80px;width: 96%;}
  /*區塊_切割*/
  .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;}
}

/*背景*/
.topbg { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(topbg.jpg?t=1771826328122) no-repeat center top;}
.maintitle {z-index: 2; position: absolute;top: 0px;left: 0;width: 100%;min-width: 1220px;height: 100%;pointer-events: none;}
@media screen and (max-width:767px){
  .topbg { min-width: inherit;position: absolute; background: url(topbg_m.jpg?t=1771826328122) no-repeat center 44px; background-size: 100%;}
  .maintitle { min-width: inherit;position: absolute;background-size: 100%;top: 8px}
}

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

/* 小網公版 */
@media screen and (max-width:767px){
.m96{width: 96%;}
}

/*公版*/
.bg_box { background: url(bg_box.png?t=1770864789650)top center repeat-y;}
.bg_boxbottom {position: relative;background: url(bg_boxbottom.png?t=1770864789650)top center no-repeat;height: 38px;}
.bg_box2 { background: url(bg_box2.png?t=1770864789650)top center repeat-y;}
.bg_boxbottom2 {position: relative;background: url(bg_boxbottom2.png?t=1770864789650)top center no-repeat;height: 38px;}
.bg_box3 { background: url(bg_box3.png?t=1770864789650)top center repeat-y;}
.bg_boxbottom3 {position: relative;background: url(bg_boxbottom3.png?t=1770864789650)top center no-repeat;height: 38px;}
.bg_box4 { background: url(bg_box4.png?t=1770864789650)top center repeat-y;}
.bg_boxbottom4 {position: relative;background: url(bg_boxbottom4.png?t=1770864789650)top center no-repeat;height: 42px;}
@media screen and (max-width:767px){
  .bg_box { background: url(bg_box_m.png?t=1770864789650)top center repeat-y; background-size: 100%;}
  .bg_boxbottom {background: url(mbg_boxbottom.png?t=1770864789650)top center no-repeat;height: 5vw;background-size: 100%;top: 0;}
  .bg_box2 { background: url(bg_box2_m.png?t=1770864789650)top center repeat-y; background-size: 100%;}
  .bg_boxbottom2 {background: url(mbg_boxbottom2.png?t=1770864789650)top center no-repeat;height: 5vw;background-size: 100%;top: 0;}
  .bg_box3 { background: url(bg_box3_m.png?t=1770864789650)top center repeat-y; background-size: 100%;}
  .bg_boxbottom3 {background: url(mbg_boxbottom3.png?t=1770864789650)top center no-repeat;height: 5vw;background-size: 100%;top: 0;}
  .bg_box4 { background: url(bg_box4_m.png?t=1770864789651)top center repeat-y; background-size: 100%;}
  .bg_boxbottom4 {background: url(mbg_boxbottom4.png?t=1770864789651)top center no-repeat;height: 5vw;background-size: 100%;top: 0;}
}

/*移除公版設定*/
.Area .remove_box_style ul { background-color: transparent; grid-gap: 10px;}
.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%;grid-gap: 0.2em;}
  .Area .remove_box_style ul {}
}
/*輪播移除公版設定*/
.Area .swiper_remove_box_style ul { background-color: transparent; grid-gap: 0;}
.Area .swiper_remove_box_style ul li { border: none!important; background-color: #fff;}
.Area .swiper_remove_box_style ul li,
.Area .swiper_remove_box_style ul li .PD_img img { border-radius: 10px;}
@media screen and (max-width:767px){
  .Area .swiper_remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .swiper_remove_box_style ul {}
}
/*3品公版間距*/
.Area .PD_layout-add2cart ul { padding: 20px;}
@media screen and (max-width:767px){
  .Area .PD_layout-add2cart ul { padding: 0.2em 0;}
  .Area .PD_layout-add2cart ul li { padding: 0.2em;}
}

/*BN輪播移除公版設定*/
.Area .swiper_remove_box_style_K1 ul {display: flex;background-color: transparent;grid-gap: 0;padding: 0;}
.Area .swiper_remove_box_style_K1 ul li { border: none!important; }
.Area .swiper_remove_box_style_K1 ul li,
.Area .swiper_remove_box_style_K1 ul li .PD_img img { }
@media screen and (max-width:767px){
  .Area .swiper_remove_box_style_K1 ul { width: 100%;}
  .Area .swiper_remove_box_style_K1 ul {}
}

/*版頭*/
@media screen and (min-width: 768px){
.Area_top {position: relative;height: 380px;}
.Area_top .top_deco01 {position:absolute;top: 50px;left: 156px;z-index: 1;pointer-events: none;}
.Area_top .top_deco02 {position:absolute;top: 68px;left: -23px;z-index: 3;pointer-events: none;}
}
@media screen and (max-width:767px){
  .Area_top {height: 44vw;}
  .Area_top .top_deco01 {position: absolute;top: 0vw;left: 6.5vw;width: 89%;}
  .Area_top .top_deco02 {position: absolute;top: 7vw;left: 10vw;width: 78%;}
}


/*區標*/
.title2 {width: 76%;}
.title ul {padding: 0!important;grid-gap:0!important;}
.title ul li {pointer-events: none;}
.bg_top {position: absolute;margin: 0 auto;width: 100%;height: auto;top: 0;z-index: 0;}
.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: 125px;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: 18px;margin: 0;padding: 0;width: 100%;font: 62px/62px "Noto Sans CJK SC";font-weight: 700;text-align: center;overflow: hidden;color: #f5d8af;letter-spacing:-4px;}
@media screen and (max-width:767px){
  .title2 {width: 100%;}
  .bg_top {position: absolute;margin: 0 auto;width: 100%;top:0;}
  .box_txt {position: absolute;margin: 0 auto;width: 100%;}
  .box_txt img {width: 100%;}
  .txt ul {padding: 0;margin: 0;list-style: none;height: 13vw;}
  .txt ul li { background-color: transparent; pointer-events: none;padding-top: 0;}
  .txt .PD_into {padding: 0;}
  .txt ul li h5 {position: relative;top: 2vw;margin: 0;padding: 0;width: 100%;font: 6vw/6vw "Noto Sans CJK SC";font-weight: 700;text-align: center;letter-spacing: -0.5vw;overflow: hidden;}
}

/*版頭公版*/
@media screen and (min-width: 768px){
.Area00 {position: relative;z-index: 3;top:60px}
.Area00 .Area00_bg {z-index: 1;position:absolute;top: 0;width:100%;height: 805px;background-repeat:no-repeat;background-position: center top;}
.Area00 .Area_swiper {width: 100%;left: 0px;padding-top: 0px;}
}
@media screen and (max-width: 767px){
  .Area00 {position: relative;z-index: 3;padding-bottom: 2vw;}
  .Area00 .Area00_bg_m { z-index:1; position:absolute; top:0; left:0; width:100%; height:97vw; background-repeat:no-repeat; background-size: 100%; background-position: center top;}
  .Area00 .Area_swiper {width: 100%;left: 0vw;top: 0px;padding-top: 10px;}
  .Area00 .layout_PD .PD_into {padding: .3125em 0!important;}
}

/*活動倒數*/
.TimerNick2 {display:inline-block;position: absolute;top: 70px;left: 610px;height: 50px;/* background-color: #e3dbff; */border-radius: 5em;z-index:99;}
.TimerNick2 .FontStyle2 {display: inline-block;margin: 0 0 0 2px;padding: 0;border: 0;font:normal 30px/30px Arial;color: #ae1f23;background-color: #ffdeb4;border-radius: 35px;/*text-shadow:1px 1px 0px #fff;*/letter-spacing: 0px;text-align: center;}
.TimerNick2 span {padding-left: 2px;font: 500 26px/48px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0em;color: #ffdeb4;}
@media screen and (max-width:767px){
.TimerNick2 {display:inline-block;position: relative;top: -3vw;left: 27.5vw;margin:0;height: auto;padding: 1%;overflow:hidden;text-align:center;background-size:100%;z-index:20;}
.TimerNick2 .FontStyle2 { margin: 0; padding: 0; border: 0; font: lighter 4.5vw/5vw Arial; }
.TimerNick2 span { padding-left:0; font:normal 4vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;}
}


/*輪播BN*/
.Area_BN {padding: 40px 0 0px 0;bottom:-30px ;/* margin-bottom: -30px; */}
.Area_BN .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 24px;transition-delay:0s;opacity: 1;}
.Area_BN  .swiper-pagination-bullet{border-radius:20px;}
.Area_BN .Area_swiper_box .PD_layout li {background: none;}
.Area_BN .box {padding: 0px 0 0px 0;border-radius: 10px;}
.Area_BN  .PD_layout li .PD_img img {border-radius: 10px;}
@media screen and (max-width:767px){
.Area_BN {margin-bottom: -12vw;padding: 5vw 0 0vw 0;top:-80px}
.Area_BN .box {padding:0 0 6vw 0;border-radius: 10px;}
.Area_BN .Area_swiper_box .PD_layout li {background: none;}
.Area_BN .Area_swiper_box{padding-bottom:6vw;}
.Area_BN .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {scale: 0.6;}
}

/*小標題調整*/
.PD_text {position: relative;left: 0;top: 0;height: auto;width: 100%!important;z-index: 1;}
.PD_text0 {position: relative;left: 0;top: 0;height: auto;width: 50%!important;z-index: 1;}
.PD_text2 {position: relative;left: -233px;top:0;height: auto;width: 55%!important;z-index: 1;}
.PD_text3 {position: relative;left: 0px;top:0px;height: 180px;width: 100%!important;z-index: 1;}
.PD_text00 {position: relative;left: 0px;top:30px;height: 180px;width: 100%!important;z-index: 1;}
.PD_text01 {position: relative;left: 0px;top:50px;height: 180px;width: 100%!important;z-index: 1;}
.PD_text02 {position: relative;left: 0px;top:30px;height: 180px;width: 100%!important;z-index: 1;}
.PD_text03 {position: relative;left: 0px;top:30px;height: 180px;width: 100%!important;z-index: 1;}
.PD_text04 {position: relative;left: 0px;top:30px;height: 180px;width: 100%!important;z-index: 1;}
.PD_text05 {position: relative;left: 0px;top:20px;height: 180px;width: 100%!important;z-index: 1;}
.PD_text4 {position: relative;left: 0px;top:20px;bottom:0px;height: auto;width: 100%!important;z-index: 1;}
.PD_text6 {position: relative;left: 0px;top:0px;bottom:0px;height: auto;width: 100%!important;z-index: 1;}
.PD_text07 {position: relative;left: 0px;top:30px;height: 180px;width: 100%!important;z-index: 1;}
.PD_layout[data-pd-li=BN] ul{padding: 0 0px;grid-gap:0px;}
.PD_text2.remove_box_style ul{grid-gap:0;}
.PD_text .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text2 .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text3 .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text4 .PD a,.box_PD_txt .PD a { pointer-events: none; }
.PD_text.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}
.PD_text2.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}
.PD_text3.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}
.PD_text4.PD_layout .PD_slide:hover {transform: none;box-shadow: none;}

@media screen and (max-width:767px){
.PD_text {position: relative;top:0;left:0;height: auto;width: 100%!important;}
.PD_text0 {position: relative;top:0;left:0;height: auto;width: 75%!important;margin: 1% auto;}
.PD_text2 {position: relative;top:0;left: 0;height: 6vw;width: 100%!important;}
.PD_text3 {position: relative;top:15px;left:0;bottom:0px;height: 22vw;width: 100%!important;z-index: 2;/* margin-bottom: 2.5vw; */}
.PD_text2 {position: relative;top:0;left: -22vw;height: 10vw;width: 65%!important;}
.PD_text00 {position: relative;left: 0px;top:-50px;height: 30px;width: 100%!important;z-index: 1;}
.PD_text02 {position: relative;left: 0px;top:-65px;height: 0px;width: 100%!important;z-index: 1;}
.PD_text03{position: relative;left: 0px;top:-65px;height: 0px;width: 100%!important;z-index: 1;}
.PD_text04{position: relative;left: 0px;top:-80px;height: 0px;width: 100%!important;z-index: 1;}
.PD_text05{position: relative;left: 0px;top:-80px;height: 0px;width: 100%!important;z-index: 1;}
.PD_text4 {position: relative;left: 0px;top:10px;bottom:0px;height: auto;width: 100%!important;z-index: 1;}
.PD_text6 {position: relative;left: 0px;top:-5px;bottom:0px;height: auto;width: 100%!important;z-index: 1;}
.PD_text07{position: relative;left: 0px;top:-65px;height: 0px;width: 100%!important;z-index: 1;}
}

/*錨點(線上入搞)*/
@media screen and (min-width:768px){
.Area_point {position: relative;height: auto;margin-bottom: 0;}
.Area_point .layout_point ul {width:70%;margin:0 auto;padding:2% ;grid-gap: 0px;}
.Area_point .PD_layout .PD_slide:hover {transform: translateY(-5px);box-shadow: none;}
}

@media screen and (max-width:767px){
.Area_point{height: auto;margin-bottom: 6.5vw;}
.Area_point .layout_point{width: 80%;margin: 0 auto;padding:0;margin-bottom:0;}
.Area_point .layout_point ul {margin:0 auto;padding: 0% ;grid-gap:0px!important;}
.Area_point .layout_point ul li {margin: 0 auto;padding: 1%;}
.Area_point .layout_point ul li img {width:100%;}
}



/*下方公版*/
@media screen and (min-width:768px){
.Area_below {height: auto;margin-bottom: 10px;top:60px}
.Area_below00 {height: auto;margin-bottom: 10px;top:20px}
.Area_below .layout_below.box1 {width: 100%;padding: 2% 2% 0;margin: 0 auto 0;border: 0 solid #000000;/* border-radius: 0; */box-shadow: inset 0 0 0 0 #fff;background: url("mbbg_repeat.png?t=1770864789651") center top / 100% repeat-y scroll;}
.Area_below .layout_below.box2 {width:96%;padding: 0;margin: 0 auto 30px;border-radius:1em;/*box-shadow: 0px 4px 5px 3px #f94f6b60*/}
.Area_below .box00 {width: 98.6%;margin: 0 auto;top:-10px}
.Area_below .mbbg_end img{width: 100%;}
}
@media screen and (max-width:767px){
.Area_below {margin-bottom: 0vw;}
.Area_below .layout_below {width:100%;margin: 0 auto 3vw;}
.Area_below .layout_below.box1 {width: 100%;padding: 1.5% 1% 1%;margin: 0 auto 0vw;border: 0 solid #000000;border-radius: 0;box-shadow: inset 0 0 0 0 #fff;}
.Area_below .Area .remove_box_style ul{ grid-gap: 0em;}
}


/*區塊標題960_01*/
.Area .belowtxt {padding: 0px;bottom:0px ;margin: 0 auto;width: 100%!important;z-index: 2;top:0px}
.Area .belowtxt ul { padding: 0; grid-gap: 0;}
.Area .belowtxt ul li { background-color: transparent; pointer-events: none;}
.Area .belowtxt ul li .PD_into {padding: 0 0 0 0;}
.Area .belowtxt ul li h5 {padding: 60px 0 50px 0;margin: 0 auto 0;font: bold 45px/45px "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;transform: rotate(0deg);color: #fff;letter-spacing: 1px;text-align: center;}
.belowtxt::before {content:"";position: absolute;display:block;top: 0;left: 0;width:100%;height: 150px;background: url("layoutBG_txt01.png?t=1770864789666") center/ 100% no-repeat scroll;z-index: -1;pointer-events:none;}

@media screen and (max-width:767px){
.Area .belowtxt {padding: 0;margin: 0 auto;height: 18vw;width: 115%!important;position: relative;top: 2vw;right:30px}
.Area .belowtxt ul li h5 {font: bold 5.5vw/6vw "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;transform:rotate(0deg)}
.Area .belowtxt ul li h5 {padding: 5vw 0 0 0;margin: 0;}
.belowtxt::before {content:"";position: absolute;display:block;top: -13px;left: 0;width: 100%;height: 18vw;background: url("layoutBG_txt01.png?t=1770864789666") center bottom/ 100% no-repeat scroll;z-index: -1;pointer-events:none;}
}

/* 跨境三大優惠 */
@media screen and (min-width:768px){
  .sale{position: relative;padding: 40px 0 20px 0;pointer-events: none;}
  .saleBg{width:960px;position: absolute;}
  .saleBg img{width:95% ;}
  .saleBox{position: relative;margin: 0 auto;top: 6%;}

}
@media screen and (max-width: 767px){
  .sale{position: relative;padding: 0vw 0 0vw 0;pointer-events: none;}
  .saleBg{position: absolute;width: 99%;margin: 0 auto;left: 1vw;}
  .saleBox .PD_layout ul{padding: 0;}

}

/* 銀行按鈕 */
@media screen and (min-width:768px){
  .brand{
      margin: 0px 0 30px 0;
  }

}

/*行銷3顆活動*/
.Area01 {z-index: 10;}
@media screen and (min-width: 768px){
.Area01 {}
.Area01 .box03 {margin: 0 12% 0;}
.Area01 .box03 .PD_layout ul {padding: 0% 1% 0;grid-gap: 10px;}
.Area01 .Area01_bg {position: absolute;left: 130px;z-index: 0;}
}
@media screen and (max-width: 767px){
  .Area01 {}
  .Area01 .box03 {margin: 0 2% 0;}
  .Area01 .box03 .PD_layout ul {padding: 0% 0 0;grid-gap: 1vw;}
  .Area01 .Area01_bg {position: absolute;top: 0vw;left: 0;z-index: 0;height: 29vw;}	
}

/* 購買流程按鈕 */

@media screen and (min-width:768px){
  .step{
    margin: 10px 0 60px 0;
}
  .step .PD_layout{}

}
@media screen and (max-width:767px){
  .step{position: relative;padding: 1vw 0 4vw 0;}
  .step .PD_layout{}

}

/*別滑開!攻略必看!*/
.Area01 {}
.Area01 .Area_coupon .PD .divine_coupon,.Area01 .Area_coupon .PD .threshold {color: #800000;}
.Area01 .Area_coupon {padding-bottom: 20px;}
.Area01 .layout_all {width: 77%;padding-bottom: 20px;}
.Area01 .layout_all ul {padding: 0;grid-gap:0;}
.Area01 .layout_BN {width: 78%;padding-bottom: 20px;}
.Area01 .layout_BN ul {padding: 0;grid-gap:0;}
.Area01 .layout_BN ul li {padding: 0 5px;}
.Area01 .layout_day ul {width: 100%!important;margin:0 auto!important;padding:0!important;grid-gap:0;height: 385px;}
.Area01 .layout_day ul li {background:url(Area01_daybg.png?t=1770864789651)top center no-repeat;background-size:100%;padding-bottom: 0;}
.Area01 .layout_day ul li a {color: #7e0000;}
.Area01 .layout_day .PD p {position:absolute;top: 12px;left: 160px;color: #c60000;/* font-size: 1.1em; */}
.Area01 .layout_day .PD p .Price {font-size: 1.8em;}
.Area01 .layout_day .PD p .money {display: none !important;;}
.Area01 .layout_day .PD_img {width: 100%;margin:0 auto;padding-top: 50px;}
.Area01 .layout_day .PD_img img {border-radius:50%;}
.Area01 .layout_day .PD_into {padding-top: 0px;}
.Area01 .layout_day .PD h4 {line-height: 2.4em;}
.Area01 .layout_day .PD_into .js-PD_txt1 {color:#7e0000;font-size: 37px;}
.Area01 .layout_day .PD_into .js-PD_txt2 {font-size: 36px;padding-top: 16px;color: #f1d7b6;}
.Area01 .Area_swiper {width: 76%;left: 0px;top: 0;}
@media screen and (max-width: 767px){
  .Area01 {}
  .Area01 .Area01_deco {position: absolute;width: 100%;height: auto;top: -18vw;z-index: 3;}
  .Area01 .Area_coupon {padding-bottom: 3vw;}
  .Area01 .layout_all {width: 100%;padding-bottom: 3vw;}
  .Area01 .layout_BN {width: 98%;padding-bottom: 3vw;}
  .Area01 .layout_BN ul li {padding: 0 1vw;}
  .Area01 .layout_day ul {width:100%!important;margin:0 auto!important;padding:0!important;grid-gap: 0;height: 56vw;}
  .Area01 .layout_day .PD_slide { min-width: inherit; }
  .Area01 .layout_day ul li {background:url(Area01_daybg.png?t=1770864789651)top center no-repeat;background-size:100%;height:57vw;}
  .Area01 .layout_day ul li a {color: #7e0000;}
  .Area01 .layout_day .PD p {position:absolute;top: 0.5vw;left: 23.5vw;color: #c60000;}
  .Area01 .layout_day .PD p .Price {font-size: 1.1em;}
  .Area01 .layout_day .PD p .money {display: none !important;;}
  .Area01 .layout_day .PD_img {padding: 6.5vw 1vw 0;}
  .Area01 .layout_day .PD_img img {border-radius: 50%;}
  .Area01 .layout_day .PD_into {padding-top: 0vw;}
  .Area01 .layout_day .PD h4 {line-height: 2em;}
  .Area01 .layout_day .PD_into .js-PD_txt1 {color:#7e0000;font-size: 20px;}
  .Area01 .layout_day .PD_into .js-PD_txt2 {font-size: 20px;padding-top: 0px;color: #f1d7b6;}
  .Area01 .Area_swiper {width: 96%;left: 0.8vw;top: 0;}
}



/*桃金日 限時24H搶!!*/
.Area02 {}
.Area02 .bg_top {top: 100px;}
.Area02 .layout_PD {width: 93%;}
@media screen and (max-width:767px){
  .Area02 {}
  .Area02 .bg_top {top: 11vw;}
  .Area02 .layout_PD {width: 96%;}
}
/** 倒數 **/
.TimerNick_2 {position: relative;top: 0;left: 0;width: 100%;text-align: center;z-index: 1;padding-bottom: 20px;margin-top: 0px;}
.TimerNick_2 .FontStyle { display:inline-block; margin:0 ; padding:0; border:0px; width: 53px;font: bold 35px/38px Century Gothic; color:#ff457e;text-align: center;background: #fff;border-radius: 25px; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-1px;font-weight:600;}
.TimerNick_2 span { padding-left:2px; font: bold 25px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em; color: #0085f6;}
.TimerNick_2 small{  position:relative; font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em; color: #fff;}
  @media screen and (max-width:767px){
    .TimerNick_2 {position: relative;top: 0;left: 0;padding-bottom: 0;margin-top: 0vw;margin-bottom: 2vw;}
    .TimerNick_2 .FontStyle { margin: 0; padding: 0; border: 0; width: 7vw; font: normal 5vw/6vw Arial; color:#ff457e;text-align: center;background: #fff;border-radius: 12px;/*text-shadow:1px 1px 0px #fff;*/ letter-spacing: -1px;}
    .TimerNick_2 div:nth-of-type(2),
    .TimerNick_2 div:nth-of-type(3),
    .TimerNick_2 div:nth-of-type(4){ width:7vw;}
    .TimerNick_2 span { padding-left:1vw; font: bold 4vw/7vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em;}
}

/*8宮格錨點*/
@media screen and (min-width:768px){
  .cgpd{margin: 40px auto -50px;height: auto;padding-bottom: 0px;}
  .cgpd .PD_layout{padding:0.5em; }

   }
@media screen and (max-width:767px){
  .cgpd{position: relative;padding: 0vw 0.5em 0vw 0.5em;}
  .cgpd .PD_layout{}
  
  }

/*桃金日超強牌*/
.Area03 {}
.Area03 .bg_top {top: 100px;}
.Area03 .box_all {padding-bottom: 30px;}
.Area03 .box01 {padding-top: 20px;}
.Area03 .box_txt4 {position: absolute;margin: 0 auto;height: auto;width: auto;}
.Area03 .text02 {width: 100%;margin: auto;height: 93px;}
.Area03 .text02 .PD_layout {width: 70%;}
.Area03 .text02 .PD_layout .PD_into {display: flex;flex-direction: row;margin-top: 0;}
.Area03 .text02 .PD_layout .PD_into .PD_logo {width: 28%;left: 66px;top: 1px;position: relative;}  
.Area03 .text02 .PD_layout .PD_into h3 {width: 50%;color: #353030;margin-top: 14px;left: 117px;position: relative;font: 47px/47px "Noto Sans CJK SC";font-weight: 500;} 
.Area03 .layout_PD {width: 93%;}
.Area03 .box {position: relative;}
.Area03 .Area_swiper {width: 93%;left: 0px;top: 0;}
@media screen and (max-width:767px){
  .Area03 {}
  .Area03 .bg_top {top: 11vw;}
  .Area03 .NavArea {padding-top: 4vw;}
  .Area03 .box_all {position: relative;padding-bottom: 5vw;}
  .Area03 .box01 {padding-top: 0;}
  .Area03 .text02 {height: 11vw;}	
  .Area03 .text02 .PD_layout {width: 94%;}
  .Area03 .text02 .PD_layout .PD_into{display: flex;flex-direction: row;margin-top: 0vw;margin-bottom: 0;}
  .Area03 .text02 .PD_layout .PD_into .PD_logo {width: 28%;top: -0.5vw;left: 8vw;position: relative;}  
  .Area03 .text02 .PD_layout .PD_into h3{width: 51%;margin-left: 0;font-size: 23px;line-height: 1.2em;color: #353030;margin-top: 0.5vw;left: 13vw;} 
  .Area03 .layout_PD {width: 96%;}
  .Area03 .Area_swiper {width: 100%;left: 0;top: 0;}
}

/*聖誕暖心沖泡*/
.Area04 {}
@media screen and (max-width:767px){
  .Area04 {}
}

/*團圓年菜*/
.Area05 {}
@media screen and (max-width:767px){
  .Area05 {}
}

/*年貨禮盒*/
.Area06 {}
@media screen and (max-width:767px){
  .Area06 {}
}

/*桃金特談!全網最低價!*/
.Area07 {}
@media screen and (max-width:767px){
  .Area07 {}
  
  .Area07 .layout_PD {width: 96%;}
}

/*美食專屬 登記活動*/
.Area08 {}
.Area_danji .danji_box ul li .activityText .gifts span { color: #cc1937;}
.warningTxt h3 {padding: 0 0 0.5em;}
@media screen and (max-width:767px){
  .Area08 {}
  .Area08 .Area_danji {width: 96%;}
}

/*桃金日超強牌*/
.Area09 {}
.Area09 .bg_top {top: 100px;}
.Area09 .box_all {padding-bottom: 30px;}
.Area09 .box01 {padding-top: 20px;}
.Area09 .box_txt4 {position: absolute;margin: 0 auto;height: auto;width: auto;}
.Area09 .text02 {width: 100%;margin: auto;height: 93px;}
.Area09 .text02 .PD_layout {width: 70%;}
.Area09 .text02 .PD_layout .PD_into {display: flex;flex-direction: row;margin-top: 0;}
.Area09 .text02 .PD_layout .PD_into .PD_logo {width: 23%;left: 88px;top: 0px;position: relative;}  
.Area09 .text02 .PD_layout .PD_into h3 {width: 50%;color: #f5d8af;margin-top: 7px;left: 178px;position: relative;font: 47px/47px "Noto Sans CJK SC";font-weight: 500;} 
.Area09 .layout_PD {width: 93%;}
@media screen and (max-width:767px){
  .Area09 {}
  .Area09 .bg_top {top: 11vw;}
  .Area09 .NavArea {padding-top: 4vw;}
  .Area09 .box_all {position: relative;padding-bottom: 5vw;}
  .Area09 .box01 {padding-top: 0;}
  .Area09 .text02 {height: 11vw;}	
  .Area09 .text02 .PD_layout {width: 94%;}
  .Area09 .text02 .PD_layout .PD_into{display: flex;flex-direction: row;margin-top: 0vw;margin-bottom: 0;}
  .Area09 .text02 .PD_layout .PD_into .PD_logo {width: 23%;top: -0.5vw;left: 10.5vw;position: relative;}  
  .Area09 .text02 .PD_layout .PD_into h3{width: 51%;margin-left: 0;font-size: 23px;line-height: 1.2em;color: #f5d8af;margin-top: 0vw;left: 20vw;} 
  .Area09 .layout_PD {width: 96%;}
  .Area09 .Area_swiper {width: 100%;left: 0;top: 0;}
}



/*日本美食*/
.Area003 {}
.Area_below01{}
@media screen and (max-width:767px){
.Area003 {margin-top:130px}
.Area_below01{top:-60px}
}

/*生活家電*/
.Area004 {}
@media screen and (max-width:767px){
.Area004 {margin-top:10px}
}

/*居家戶外*/
.Area005 {}
@media screen and (max-width:767px){
.Area005 {margin-top:70px}
}

/*時尚家居*/
.Area006 {}
@media screen and (max-width:767px){
.Area006 {margin-top:90px}
}

/*下方公版*/
.Area10 {}
.Area10 .bg_top {top: 50px;}
.Area10 .box_all {position: relative;}
.Area10 .layout_PD {width: 93%;}
@media screen and (max-width:767px){
  .Area10 {}
  .Area10 .bg_top {top: 5vw;}
  .Area10 .layout_PD {width: 96%;}
}

/*BN*/
.Area11 {}
.Area11 .layout_BN {width: 80%;}
.Area11 .layout_BN ul {padding: 0;grid-gap:0;}
.Area11 .layout_BN ul li {padding-bottom: 20px;}
@media screen and (max-width:767px){
  .Area11 {}
  .Area11 .layout_BN {width: 94%;}
  .Area11 .layout_BN ul li {padding-bottom: 4vw;}
}

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


  /*移除公版設定*/
.Area .remove_box_style ul {background-color: transparent;grid-gap:0px;}
.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%;}
  .Area .remove_box_style ul { padding: 0;}
}

  /*區塊公版背景設定*/
@media screen and (min-width: 768px) {
   /*pc上下塊背景設定*/
  .Area_boxstyle.Area_boxstyle--hasBackdrop::before {
    height: calc(100% - 13px);
    top: 13px;
    background: url(Area_boxstyle_hasbg_top2.png?t=1768381051641) center top / 100% no-repeat, url(Area_boxstyle_hasbg_bottom2.png?t=1768381051641) bottom center / 100% no-repeat;
}
   /*pc中間背景設定*/
.Area_boxstyle.Area_boxstyle--hasBackdrop::after {
  height: calc(100% - 480px);
  top: 343px;
  background: url(Area_boxstyle_hasbg_center2.png?t=1768381051641) center top / 100% repeat;
  z-index: -2;
}

}

@media screen and (max-width: 767px) {
   /*上下塊背景設定*/
  .Area_boxstyle.Area_boxstyle--hasBackdrop:before {
    height: calc(100% - 10vw);
    left: 0;
    top: 10vw;
    background: url(m_Area_boxstyle_hasbg_top2.png?t=1768381051641) top center / 100% no-repeat, url(m_Area_boxstyle_hasbg_bottom2.png?t=1768381051641) bottom center / 100% no-repeat;
}
     /*中間背景設定*/
  .Area_boxstyle.Area_boxstyle--hasBackdrop::after {
      height: calc(100% - 26vw);
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      top: 18vw;
      background: url(m_Area_boxstyle_hasbg_center2.png?t=1768381051641) center top / 100% repeat;
      z-index: -2;
  }
}


/*Phone錨點*/
.Area_floorPD_NavArea_tabbar {
  margin: 2vw auto 2vw;
  width: 94%;
}
.Area_floorPD_NavArea_tabbar.cate-fixed {
  width: 100%;
}
.Area_floorPD_NavArea_tabbar .Nav_box {
  border-radius: 8px;
  -webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
          box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
}
.Area_floorPD_NavArea_tabbar .Nav li {
  overflow: visible;
}
.Area_floorPD_NavArea_tabbar.cate-fixed .Nav_box {
  border-radius: 0;
  background-color: rgba(255, 255, 255, 1);
  -webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
          box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
}




/* --------------------------------------
* Page 頁籤_202405291900
* -------------------------------------- */
.NavArea_tabbar_page { margin: 120px auto 20px  ; width: 94%; }  
.NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-30.5%, 0, 0);}  
.NavArea_tabbar_page .Nav_box { border-radius: 8px; overflow: hidden; padding: 0 2%;}
.NavArea_tabbar_page[data-num="2"] .Nav-wrapper { transform: translate3d(55.5%, 0, 0)!important}
.NavArea_tabbar_page[data-num="3"] .Nav-wrapper { transform: translate3d(43.0%, 0, 0)!important}
.NavArea_tabbar_page[data-num="4"] .Nav-wrapper { transform: translate3d(30.5%, 0, 0)!important}
.NavArea_tabbar_page[data-light="box"] .Nav ul { padding: 0 }
.NavArea_tabbar_page .Nav li { overflow: visible; }
@media screen and (min-width:768px){ 
  .NavArea_tabbar_page { display: block; }
}
/*頁籤高亮顏色設定 */  
.NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;}
.NavArea_tabbar_page .Nav .swiper-slide-active i { display:block; border: 1px solid #000000 !important; background-color: #000000 !important;}
/*推編輯按鈕 */  
.NavArea_tabbar_page .Nav input { position: fixed; left: 30%}
                    
/*隱藏頁籤其他商品頁面 */ 
.Area_page { overflow: hidden;}

/*品類按鈕*/
@media screen and (min-width: 768px) {
.Area_hot {width: 80%;margin: 0 auto;padding: 100px 0 30px 0;}
.Area_hot .layout_hot3 ul li h3 { position: absolute; top: 0 ; left: 5% ; width: 100% ; color: #222 ; font-size: 31px; text-shadow: -1px -1px 0 #d6ff2c, 1px -1px 0 #d6ff2c, -1px 1px 0 #d6ff2c, 1px 1px 0 #d6ff2c; }
.Area_hot .layout_hot3 .PD_layout .PD h4 {margin-bottom: .35em;font-size: 35px;color: #fff;position: absolute;top: 19%;left: 20%;font-weight: 600;}
.Area_hot.layout_hot3 .PD_layout .PD h4 b, .PD_layout .PD h4 span {display: block;max-height: 1.2em;overflow: hidden;}
.Area_hot.layout_hot3 .PD_layout .PD h4 .js-PD_txt1{font-size: 30px;color: #ffe760; font-weight: bold;}
.Area_hot .layout_hot3 .PD_layout .PD h4 .js-PD_txt2 {color: #fdfff7;font-weight: 800;font-size: 35px;margin-top: -12px;}
.Area_hot .layout_hot3 .PD_layout-CSSBG_01 li::after { content: "";display: block;width: 100%;height: 0; padding-bottom: 100% ;background-image: url(brand01.png?t=1768975176473);background-repeat: no-repeat;background-size: 100%; background-position: center top;}  
.Area_hot .layout_hot3 .PD_layout[data-pd-li*=BN] .PD_into, .PD_layout[data-pd-li*=BN] .PD_img {padding: 0 ; }
}
    
@media screen and (max-width:767px){
.Area_hot {padding: 5vw 0;}
.Area_hot .layout_hot3 .PD_layout-CSSBG_01{ width: 98% ; }
.Area_hot .layout_hot3 .PD_layout .PD h3 { color: #222 ; position: absolute ; top: 0 ; left: 3% ; text-shadow: -1px -1px 0 #d6ff2c, 1px -1px 0 #d6ff2c, -1px 1px 0 #d6ff2c, 1px 1px 0 #d6ff2c; }
.Area_hot .layout_hot3 .PD_layout .PD h4 {margin-bottom: .35em;font-size: 15px;color: #f5f5f5;}
.Area_hot .layout_hot3 .PD_layout[data-pd-li*=BN] .PD_into, .PD_layout[data-pd-li*=BN] .PD_img {padding:0 0 0 0;}
.Area_hot .layout_hot3 .PD_layout[data-pd-h4="2"] .PD h4 b, .PD_layout[data-pd-h4="2"] .PD h4 span {display: block;}
.Area_hot .layout_hot3 .PD_layout .PD h4 .js-PD_txt1 {font-size: 20px;color: #fff;position: absolute;top: 20%;left: 28%;font-weight: 600;}
.Area_hot .layout_hot3 .PD_layout .PD h4 .js-PD_txt2 {font-size: 20px;position: absolute;top: 46%;left: 1%;font-weight: bolder;width: 100%;overflow: hidden;}
.Area_hot .layout_hot3 .PD_layout[data-pd-li=BN] ul, .PD_layout[data-pd-li=BN-AWD] ul, .PD_layout[data-pd-li=PDBN] ul {padding: 0 ;grid-gap: .3em;}    
.Area_hot .layout_hot3 .PD_layout-CSSBG_01 li::after {content: "";display: block;width: 100%;height: 0;padding-bottom: 100% ;background-image: url(brand01.png?t=1768975176473);background-repeat: no-repeat;background-size: 100%;background-position: center top;}
}


/*銀行按鈕*/
@media screen and (min-width:768px){
  .bank{margin: 10px auto 0;height: auto;top: 80px;}
  .bank .PD_layout{}
  }
  @media screen and (max-width:767px){
  .bank{position: relative;padding: 1vw 0 0 0;top: 2vw;width: 96%}
  .bank .PD_layout{}
  }


/*購買流程*/
@media screen and (min-width:768px){
.step{margin: 10px auto 0;height: auto;padding-bottom: 0px;padding-top: 70px;}
.step .PD_layout{}
}
@media screen and (max-width:767px){
.step{position: relative;padding: 4vw 0 5vw 0.5vw;width: 98%;}
.step .PD_layout{}
}