@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=1764901902912)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: url(bgrepeat_m.jpg?t=1764901902912)top center repeat-y; background-size: 100%;}
  .WRAPPER img {  width: 100%;  height: auto;}
}


/*LOGO CSS*/
.momologo { z-index:2; position: absolute; top: 15px; left:-66px;}
.momologo a { display:block; width:140px; height:21px;}
.momologo a svg { width:140px; height:21px; }
.momologo a path { fill:#EA27C2; }
.momologo-pink  a path { fill:#EA27C2; }/*LOGO 桃紅色*/
.momologo-white a path { fill:#ffffff; }/*LOGO 白色*/
    @media screen and (max-width:767px){
        .momologo { display:none;}
    }


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

@media screen and (max-width:767px){
.edm_notice{position: relative;margin:12vw 0 4vw 0;text-align:center;padding:10px 10px 15px 10px;color: #fff;font:12px/18px Helvetica;}
}


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

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

/*間距*/
.Area_bottom { margin-bottom: 150px;}
.Area_bottom2 { margin-bottom: 100px;}
@media screen and (max-width:767px){
  .Area_bottom { margin-bottom: 14vw;}
  .Area_bottom2 { margin-bottom: 10vw;}
}

/*公版*/
.bg_box { background: url(bg_box.png?t=1764901902913)top center repeat-y; padding-top: 25px; margin-top: -20px;}
.bg_boxbottom { position: relative;  background: url(bg_boxbottom.png?t=1764901902913)top center no-repeat; height: 264px;}
@media screen and (max-width:767px){
  .bg_box { background: url(bg_box_m.png?t=1764901902913)top center repeat-y; background-size: 100%; padding-top: 3vw;}
  .bg_boxbottom { background: url(mbg_boxbottom.png?t=1764901902913)top center no-repeat; height: 21vw; background-size: 100%; top: -7vw; z-index: -1;}
}

/*移除公版設定*/
.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 { padding: 0; }
}
/*輪播移除公版設定*/
.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 {}
}

/*版頭*/
.Area_top { position: relative;height:1134px;}
.Area_top .momologo {top:23px;left: 43px;}
.Area_top .main {position:absolute;left: 561px;top: 195px;z-index: 2;}
.Area_top .main ul {padding: 0; grid-gap: 0;}
.Area_top .main ul li { pointer-events: none;}
.Area_top .topPD {position:relative;width: 100%;left: 65px;top: 80px;z-index: 2;}
.Area_top .topPD .PD img { width: auto;}
.Area_top .topPD .PD_slide {min-width: 10%;}
.Area_top .topPD li:nth-of-type(1) {position: absolute;top: 0;left: 0;}
.Area_top .topPD li:nth-of-type(2) {position: absolute;top: 529px;left: 443px;}
.Area_top .t1 {position: relative;z-index:0;}	
.Area_top .trendbg {position:absolute;top: 130px;left: 485px;z-index:1;}
.Area_top .main_bg {position:absolute;top: 147px;left: 511px;z-index:0; transform: scale(1.15);}
.Area_top .subbg {position:absolute;top: 501px;left: 620px;z-index:3;}
@media screen and (min-width: 768px){
  .Area_top .main img{ width: 521px;}
  .Area_top .subbg img{ width: 550px; }
}
@media screen and (max-width:767px){
  .Area_top {height: 122vw;}
  .Area_top .main {left:32vw;top: 18.5vw;width: 59%;}
  .Area_top .topPD {position:relative;width: 100%;left: 0;top: 0;z-index: 2;}
  .Area_top .topPD li:nth-of-type(1) {position: absolute;top: 24vw;left: -14vw;width: 79.5%;}
  .Area_top .topPD li:nth-of-type(2) {position: absolute;top: 62.5vw;left: 37vw;width: 34%;}
  .Area_top .topPD .PD img {width: 100%;}	
  .Area_top .t1 {position: relative;z-index:0;}
  .Area_top .trendbg {position:absolute; width: 30%; top: 10.5vw; left: 24.5vw; z-index: 1;}
  .Area_top .main_bg {position:absolute;width: 66%;top: 14vw;left: 28vw;z-index: 0;}
  .Area_top .subbg {position:absolute;width: 86%;top: 48.5vw;left: 42vw;z-index: 3;}
  .Area_top .subbg img{ width: 72vw; }

}

/** 手寫字 **/
.draw_svg {position: absolute;margin: 0;width: auto;height: auto;z-index: 0;left: 239px;top: -125px;width:949px;height:792px;}
@media screen and (max-width:767px){
.draw_svg {position: absolute;margin: 0;width: auto;height: auto;z-index: 999;left: 17vw;top: -19vw;width: 95%;height:auto;}
}
@keyframes letterDraw {
  45% { stroke-dashoffset: 4500;}
  60% { stroke-dashoffset: 0;}
  100% { stroke-dashoffset: 0;}
}
.svg_beauty .line {fill: none;stroke-width: 3.8;stroke: #6ea5b9;stroke-linecap: round;stroke-linejoin: round;}
.svg_beauty .line .line_00 {stroke-dasharray: 4500;stroke-dashoffset: 4500;animation: letterDraw 10s ease-in-out ;animation-iteration-count:infinite;}

/*副標*/
.sub .PD_layout ul{display: flex;padding: 0;}
@media screen and (min-width: 768px){
.sub {position: absolute;top: 544px;left: 526px;width: 50%;height: 210px;z-index: 30;overflow: hidden;}	
.sub .PD_layout .PD img {width: 62%;}	
}
@media screen and (max-width:767px){
.sub {position: absolute;top: 55.5vw;left: 36vw;width: 80%;z-index: 30;overflow: hidden;}
.sub .PD_layout .PD img {width: 53%;padding: 0;}
}


/*版頭線上入搞品*/
.Area_top .swiper_box .PD_layout .PD h3 { width: 100%; }
.Area_top .swiper_box .PD_layout[data-pd-h3="5"] .PD h3 span{ max-width: 100%!important; }
.Area_top .swiper_box .PD_layout .PD h3,.Area_top .box01 .PD_layout .PD h4 { margin-bottom: 0; }
.Area_top .swiper_box .PD_layout .PD .PD_logo img {background-color: #0000;box-shadow: none;}
.Area_top .swiper_box ul.PD_wrapper li{flex-shrink: 0;margin: 0;padding: 0;min-width: auto;border-top: none;border-right:none;border-radius: 0.5em;}
.swiper_box ul.PD_wrapper { position: relative; display: flex; flex-wrap: nowrap; margin: 0; width: 100%; box-sizing: content-box; background-color: rgba(0,0,0,0); }
@media screen and (min-width: 768px){
.Area_top .swiper_box {position: relative;margin: 0 auto;top: 411px;left: -127px;z-index: 0;width: 65%;border-radius: 1em; transform: scale(1.1);}
.PD_boxbg {position: absolute;top: 455px;left: 0;z-index: 10;}	
.Area_top .swiper_box ul{grid-gap: 0;padding: 10px 0 30px;height: 690px;}
.Area_top .swiper_box .PD_layout .PD_into{position: absolute;top: 327px;left: 632px;width: 100%; transform: scale(1.4); text-align: left;}
.Area_top .swiper_box .PD_layout .PD_img{width: 100%;}
.Area_top .swiper_box .PD_layout .PD_img img{position: relative; width: 84%;}
.Area_top .swiper_box .PD_layout .PD_logo {position: absolute;top: -33px;left: 301px;height: 3.4em; display: none;}
.Area_top .swiper_box .PD_layout .PD h3,.Area_top .swiper_box .PD_layout .PD h4 {color: #521c10;font-size: 20px;}
.Area_top .swiper_box .PD_layout .PD p .Price{font-size: 2em;color: #c02100;}
.Area_top .swiper_box .PD_layout .PD p .money{font-size: 1.3em;color: #c02100;}
.Area_top .swiper_box .PD_layout .PD_slide::before {content:"";position: absolute;display:block;top: 58px;right: 460px;width: 25%;height: 40%;pointer-events:none;z-index: 1;background:url(pcPD_boxbg.png?t=1764901902913) no-repeat center top;background-size: 100%;}
.Area_top .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:72px; left: -73px;}
}
@media screen and (max-width:767px){
.Area_top .swiper-pagination-bullet {width: 5px;height: 5px;}
.Area_top .swiper_box {position: relative;width: 70%;top: 24vw;left: 17vw;z-index: 20;}
.PD_boxbg {position: absolute;top: 70vw;left: 0;z-index: 0;height: 66vw;}	
.Area_top .swiper_box .PD_layout .PD p del {font-size: 0.7em;color: #521c10;}
.Area_top .swiper_box .PD_layout .PD p .Price{font-size: 1.3em;color: #c02100;}
.Area_top .swiper_box .PD_layout .PD p .money{font-size: 12px;color: #c02100;}
.swiper_box ul{grid-gap: 0;padding: 0 0 3vw;}
.Area_top .swiper_box .PD_layout .PD_into{position: absolute; top: 26vw; left: 49vw; width: 100%; text-align: left;}
.Area_top .swiper_box .PD_layout .PD_img{position: relative;padding: 0;right: 4vw;width: 93%;}
.Area_top .swiper_box .PD_layout .PD_logo {position: absolute;top: -1vw;left: 31vw;height: 1.7em; display: none;}
.Area_top .swiper_box .swiper-container-horizontal>.swiper-pagination-bullets {bottom: -13vw;left: 22vw;}
.Area_top .swiper_box .PD_layout .PD h3,.Area_top .swiper_box .PD_layout .PD h4 {color: #521c10;font-size: 18px;width: 100%;height: 7vw;}
.Area_top .swiper_box .PD_layout .PD_slide::before {content:"";position: absolute;display:block;top: 46vw;left: 64vw;width: 52%;height: 38%;pointer-events:none;z-index: 1;background:url(PD_boxbg.png?t=1764901902913) no-repeat center top;background-size: 100%;}
}

/*日期*/
.TIMER_DAY {display:flex; justify-content: center; flex-wrap: wrap; position: absolute; top: 177px; left: 251px; width:23%; height: 206px; 
  padding: 40px 13px 0 0px; transform: rotate(-6deg); font-size:52px; font-weight: bold; font-family: "Century Gothic"; z-index: 10; 
  box-sizing: border-box;color: #ffeed6; background: url(datebg.png?t=1764901902913)no-repeat center / 61% ;}
.TIMER_DAY small {font-size: 40px; font-weight: 100; position: relative;}
.TIMER_DAY #sendMonth { display: inline-block; text-align: right;  letter-spacing: -2px;} 
.TIMER_DAY #sendToday { display: inline-block;  text-align: left; letter-spacing: -2px;}
.TIMER_DAY .sendtxt { font-size: 0.8em; font-weight: 500; margin:-68px 0 0 10px; text-align: center; width: 100%;}
.TIMER_DAY .box{ width: 60%; display: flex; justify-content: center; align-items: center;height: 80px; }
@media screen and (max-width: 736px){ 
.TIMER_DAY { position: absolute;width: 35%;top: 24.7vw;left: 6vw;font-size: 6.5vw;letter-spacing: 0;text-align: left;margin: 0; height:20vw;  padding: 3vw 1vw 0 0;}
.TIMER_DAY small {font-size: 4vw;}    
.TIMER_DAY #sendMonth {display: inline-block; font-size: 1em; }
.TIMER_DAY #sendToday {display: inline-block; font-size: 1em; }
.TIMER_DAY .sendtxt {font-weight: 500;font-size: 0.8em;  margin:-5.3vw 0 0 1vw;}	
.TIMER_DAY .box{ height: 8vw; }
}


/*區標*/
.title2 {width: 79%; margin-bottom: 20px;}
.title ul {padding: 0;grid-gap:0!important;}
.title ul li { pointer-events: none;}
.box_txt {position: absolute;margin: 0 auto;width: 100%;height: auto;}
.box_txt img {width: 75%;}
.txt ul {position: relative;padding: 0;margin: 0;list-style: none;height: 135px;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:30px;margin: 0;padding: 0;width: 100%;font: 48px/60px "Noto Sans CJK SC";font-weight: 500;text-align: center;overflow: hidden;color: #003847;}
@media screen and (max-width:767px){
  .title2 {width: 100%; margin-bottom: 2vw;}
  .box_txt {position: absolute;margin: 0 auto;width: 100%;}
  .box_txt img {width: 100%;}
  .txt ul {padding: 0;margin: 0;list-style: none;height: 16vw;}
  .txt ul li { background-color: transparent; pointer-events: none;padding-top: 0;}
  .txt .PD_into {padding: 0;}
  .txt ul li h5 {position: relative;top:2.5vw;margin: 0;padding: 0;width: 100%;font: 6.5vw/9vw "Noto Sans CJK SC";font-weight: 700;text-align: center;letter-spacing: 0;overflow: hidden;}
}

/*主打作圖*/
@media screen and (min-width:768px){
  .Area01  {height:100%;}
    
  
  /**公版**/	
  .Area01 .layout_PD {width: 1070px;margin:0 auto!important;padding:0!important;}
  .Area01 .layout_PD ul {margin:0;padding:0; grid-gap: 26px;}
  .Area01 .layout_PD ul li:nth-child(odd) {background:url(mo_item_bg01.png?t=1764901902913)top center no-repeat;background-size:110%;padding-bottom: 0px;}
  .Area01 .layout_PD ul li:nth-child(even) {background:url(mo_item_bg02.png?t=1764901902913)top center no-repeat;background-size:110%;padding-bottom: 183px;}
    
  .Area01 .layout_PD ul li a {color: #FFFFFF;}
  .Area01 .layout_PD ul li:hover {box-shadow: none; }
    
  .Area01 .layout_PD ul li:nth-child(odd) .PD_img {width: 60%;margin: -47px -75px;}
  .Area01 .layout_PD ul li:nth-child(even) .PD_img {width: 60%;margin: -58px -7px;position:absolute;left: 467px;}
    
    
  .Area01 .layout_PD ul li:nth-child(odd) .PD_into {width:48%;margin: -50px 0 0 5px;text-align:center!important;}	
  .Area01 .layout_PD ul li:nth-child(even) .PD_into {width:43%;margin: 180px 0 0 84px;text-align:center!important}
  .Area01 .layout_PD ul li .PD h3 {font-size: 32px;color: #642f23;}		
  .Area01 .layout_PD ul li .PD h4 {font-size: 30px;color: #642f23;}		
  .Area01 .layout_PD ul li .PD p {color: #c02100;overflow:inherit;line-height: 4em;}
  .Area01 .layout_PD ul li .js-PD_del {color:#c68561;font-size: 24px;}
  .Area01 .layout_PD ul li .PD p .Price {font-size: 66px;}	
  .Area01 .layout_PD ul li .PD p .money {font-size: 40px;}	
  
  .Area01 .bottom03 {position:relative;height:30px;width:2000px;left:-390px;margin-bottom:0; }	
    
    
    
  }
  @media screen and (max-width:767px){
  .Area01  {height:100%;}
  .Area01 .deco {position:absolute;width:100%;left:0;top:-10vw;z-index:5;pointer-events: none;}
    
  /**公版**/	
  .Area01 .layout_PD {width:98%;margin:0 auto;padding-bottom: 0vw;}
  .Area01 .layout_PD ul {margin:auto;padding:0;width: 98%;}
  .Area01 .layout_PD ul li:nth-child(odd) {background:url(mo_item_bg01.png?t=1764901902913)top center no-repeat;background-size:110%;padding-bottom: 0vw; margin-bottom: -3vw; }
  .Area01 .layout_PD ul li:nth-child(even) {background:url(mo_item_bg02.png?t=1764901902913)top center no-repeat;background-size:110%;padding-bottom: 10vw; }
  .Area01 .layout_PD ul li a {color: #FFFFFF;}
  .Area01 .layout_PD ul li:hover {box-shadow: none; }
    
  .Area01 .layout_PD ul li:nth-child(odd) .PD_img {width: 55%;}
  .Area01 .layout_PD ul li:nth-child(even) .PD_img {width: 55%;left: 46vw;position: absolute;}
      
  .Area01 .layout_PD ul li:nth-child(odd) .PD_into {width: 44%;margin: -4vw 0 0 -6vw; text-align: center !important;}	
  .Area01 .layout_PD ul li:nth-child(even) .PD_into {width:45%;margin: 13vw 0 0 8vw;text-align: center !important;}	
  .Area01 .layout_PD ul li .PD p {color: #c02100;}
  .Area01 .layout_PD ul li .PD p .money {font-size: 21px;}
  .Area01 .layout_PD ul li .PD p .Price  {font-size: 28px;}
  .Area01 .layout_PD ul li .PD h3 {color: #642f23;}
  .Area01 .layout_PD ul li .PD h4 {color: #642f23;}
  
  .Area01 .layout_PD ul li .js-PD_del {color: #c68561;font-size: 0.7rem;}
  .Area01 .layout_PD ul li .PD:hover h4 {color: #FFFFFF !important;}	
    
  
  }
  
/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span {color: #f8af79;}    
.PD_into_coupon span{ color: #7b1615; }
/*火力全開 補貼攻略*/
.Area02 {position: relative;z-index: 1;margin-bottom: -100px;}
.Area02 .Area02_bg {z-index: 0;position:absolute;top: -298px;width:100%;height: 480px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
@media screen and (max-width: 767px){
  .Area02 {margin-bottom: -6vw;}
  .Area02 .Area02_bg_m { z-index:0; position:absolute; top:-16vw; left:0; width:104%; height:78vw; background-repeat:no-repeat; background-size: 100%; background-position: center top; pointer-events:none;}
  .Area02 .Area_danji {width: 95%;}
}


/*主打*/
.Area_mainpic .bgbluerepeat { padding: 0;height: 100%;position: relative; margin-top: 23px; margin-bottom: 100px;}
.Area_mainpic .PD_box ul li { position: relative;}
.Area_mainpic .PD_box ul li .PD_img { padding: 0;}
.Area_mainpic .PD_box ul li .PD_into { position: absolute; top:443px; left:49%; transform: translateX(-50%); width: 81%; z-index: 1;}
.Area_mainpic .PD_box ul li .PD_into h3 { color: #000000; font-size: 22px;}
/*.Area_mainpic .PD_box ul li .PD_into h3:after { content: ""; position: absolute; top: 2em; left: 50%; transform: translateX(-50%); width: 13em; height: 1px; background:#000000;}*/
.Area_mainpic .PD_box ul li .PD_into h4 { color: #000000; font-size: 20px;}
.Area_mainpic .PD_box ul li .PD_into p { height: 2.5em; color:#d62672;}
.Area_mainpic .PD_box ul li .PD_into p del { font-size: 22px; color:#616161;}
.Area_mainpic .PD_box ul li .PD_into p b { font-size: 20px;}
.Area_mainpic .PD_box ul li .PD_into p .money { font-size: 22px;}
.Area_mainpic .PD_box ul li .PD_into p .Price { font-size: 40px;}
.Area_mainpic .bgbluerepeat .PD_box ul li .PD_img { padding: 2% 2% 0 2%; position: absolute; top: 13px; width: 97%;left: 7px;}
.Area_mainpic .bgbluerepeat .PD_box ul li {position: relative; border-radius: 10px;background-color: #fff;/*background: url("Area_mainpicbg.png?t=1742365296550") center top/ 100% repeat-y scroll;*/height: 600px;}
.Area_mainpic .bgbluerepeat .PD_layout ul{width: 90%;}
/*公版上下標隱藏*/	
.Area_mainpic .bgbluerepeat .PD_layout.CX .imgTagBottom {display:none!important;}
.Area_mainpic .bgbluerepeat .PD_layout.CX .prdImgWrap .imgTagRectangle {display:none!important;}
.Area_mainpic .bgbluerepeat .PD_layout.CX .prdImgWrap .imgTag {display:none!important;} 

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

	
}

/*大勢品牌*/
.Area03 {}
.Area03 .box_txt4 {position: absolute;margin: 0 auto;height: auto;width: auto;}
@media screen and (max-width:767px){
  .Area03 {}
}


/*聖誕節暖心獻禮*/
.Area04 .box_all .Area_K1, .Area04 .box_all .Area_K2{ overflow: hidden; }
.Area04 .box_all:nth-child(odd) { background-color: #397e97;border-radius: 15px;}
.Area04 .box_all:nth-child(even) { background-color: #be5756;border-radius: 15px;}
.Area04 .box_all {padding: 30px 0 50px; margin-bottom: 70px;}
@media screen and (max-width:767px){
  .Area04 .box_all .Area_K1 .page ul, .Area04 .box_all .Area_K2 .page ul{ border-radius: 0; }
  .Area04 .box_all {margin: 0 2% 5%;}
  .Area04 .box_all {padding: 2% 0 5%;}
  .Area04 .box_all .layout_PD {width: 99%;}
}

/* --------------------------------------
* Page 頁籤_202405291900
* -------------------------------------- */
.NavArea_tabbar_page { margin: 0 auto 2vw  ; 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 { margin: 0 auto 20px  ; width: 94%; } 
}
/*頁籤高亮顏色設定 */  
.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%}
                    






/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}
@media screen and (max-width:767px){
  .for_pc { display:none !important;}
  .for_phone { display: inherit !important;}
}
		/*分享浮層*/
.floatBox { position:relative; margin:2% auto; padding: 2% 0; width: 700px; height:auto; background-color:rgba(0,0,0,0.8); text-align:center;  border-radius:20px;}
.floatBox img { width:100%; height:auto;}
.floatBox .go_bt {
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
          transition: all 0.2s ease;}
.floatBox .go_bt:hover { filter: brightness(120%);
  -webkit-transform:translateY(-6px);
     -moz-transform:translateY(-6px);
      -ms-transform:translateY(-6px);
       -o-transform:translateY(-6px);
          transform:translateY(-6px);}
.floatBox .closeButton a { display:block; cursor:pointer; position:absolute; top:-20px; right:-20px; width:40px; height:40px; border-radius:50%; border:solid 2px #999999; font:bold 40px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
.floatBox .closeButton:hover {background-color:#666; text-decoration:none;}
.floatBox .title  { display:inline-block; margin:0 0 10px 0; border-bottom:1px solid #ffd800; font:bold 45px/1.5em "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;  color:#ffd800; text-align:center}
.floatBox .box_ { margin:0 auto; width:90%;}
.floatBox .box_:after { content: ""; display:block; clear:both;}
.floatBox .box_btn { margin:20px auto 0; width: 80%;}
.floatBox .box_btn a { display:block; margin:3% 0;}
.floatBox .box_btn img { width:100%;}
.floatBox .box_btn .btn { margin:0 auto; width:60%;}
.floatBox .box_btn2 a { float:left; margin:0 1%; width:48%;}
	@media screen and (max-width:767px){
		.floatBox { padding:5% 0; width:90%; height: auto;}
		.floatBox .closeButton a {display:block; position:absolute; top:-15px; right:-15px; width:30px; height:30px; border-radius:50%; border:solid 2px #999999; font:bold 30px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
		.floatBox .closeButton:hover {background-color:#666; text-decoration:none}
		.floatBox .title  { margin:0 5% 3vw; font-size: 6vw; line-height:2rem;}
		.floatBox .box_btn { margin:2% auto 0;}
		.floatBox .box_btn .btn { margin:0 auto; width:80%;}
	}