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

body {margin:0 auto; padding:0;background: var(--bg-color);background-color: #1967ff;}
/*全BOX版面*/
.WRAPPER { position: relative;margin: 0 auto; padding: 0;	width:100%; min-width:1220px; overflow: hidden;font-family:"Noto Sans CJK TC","Microsoft JhengHei",Helvetica;z-index:0;}
.WRAPPER img { border:0; vertical-align:top;}
.WRAPPER a { text-decoration:none;  display:inline-block;}
.WRAPPER .Area_top{position: relative; }
.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:1220px;}
    @media screen and (max-width:767px){
      .WRAPPER { padding-bottom:0px; margin:0 auto; display: block; min-width:100%;}
      .WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;}
      }

/*寬度,間距*/
.Area1220 { margin:0 auto; width:100%;}
.Area960 { margin:0 auto; width:100%;}
.Areabottom { margin-bottom:5vw;}
  @media screen and (min-width:768px){
    .Area1220 { width:1220px;}
    .Area960 { width:960px;}
    .Areabottom { margin-bottom:16px;}
    .Area_msg { color:#ffffff; background-color: #1967ff; }  
    }
 @media screen and (max-width:767px){
     .Area_msg { color:#ffffff; background-color: #1967ff; } 
     }

/*LOGO*/
.momologo { z-index: 2; position: absolute; top: 15px; left: 15px;}
.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;}
}

/*區塊底*/
@media screen and (min-width:768px){
	.Area_bottom {margin-bottom: 80px;}
	}
	@media screen and (max-width: 767px){
	.Area_bottom {margin-bottom: 5vw }
	}
		


/* 區塊陰影 */
.AreaShadow{filter: drop-shadow(-6px 6px 0px #88287b31);}

/*PC背景*/
@media screen and (min-width:767px){
.bgtop01 { z-index:-7; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:1500px; background-repeat:no-repeat; background-position:center top; }
}
@media screen and (max-width:767px){	
  .m_bg01 { z-index: -1; position:absolute; top: 10vw; left: 0; width: 100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;background-size: 100%;}
}

/*版頭*/
.Area_top {position:relative;height:322px;}
.Area_top .coin{position: absolute;top: 220px;left:90px;pointer-events: none;z-index: 13;}
.Area_top .mobox{position: absolute;top: 270px;right: -20px;pointer-events: none;z-index: 13;}
@media screen and (max-width:767px){
  .Area_top {width:100%;height: 40vw;}
  .Area_top .coin{position: absolute;top: 20.8vw;left: 6.0vw;z-index: 10;width: 12%;pointer-events: none;z-index: 13;}
  .Area_top .mobox{position: absolute;top: 31.8vw;right: 2vw;width: 20%;pointer-events: none;z-index: 13;}

 }

 .Area00 .qrcode img{
  position: absolute;
  top: 295px;
  left: 393px;
  width: 175px;
  height: 175px;
}



/*主標*/
.Area .box_title a {  pointer-events: none; cursor: default;display: inline-block;transform: skewX(-5deg);transform: skewY(-8deg);}
.Area .box_title {position:absolute;top: 232px;left: -40px;display: inline-block;margin: 0 auto;width:100%;height:auto;z-index: 10;}
.Area .box_title .PD_layout .PD h3 {font-size: 60px;font-family: "Century Gothic ","Noto Sans CJK SC";letter-spacing: -1px;line-height: 1.5;font-style: italic;font-weight: 600;color: #feef00;overflow: visible;width:100%;}	
.Area .box_title .PD_layout .PD h3 b { font-size:77px;font-family: "Century Gothic italic","Noto Sans CJK SC"; letter-spacing: -1px;line-height: 1.5;font-style: italic;font-weight: bolder;color: #feef00;overflow:visible;width:100%;}	
.Area .box_title .PD_layout .PD h3 span{overflow:visible;}
.Area .box_title ul.PD_wrapper {display: flex;flex-wrap: nowrap;width: 100%;box-sizing: content-box;}
.Area .box_title ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; /*transform: translate(5%,0);*/}
.Area .box_title ul.PD_wrapper li.swiper-slide-active { opacity: 1;/* transition: .8s ease-out; transform: translate(0,0);*/}


@media screen and (max-width:767px){
  .Area .box_title {position:absolute;top: 24vw;left: -3vw;display: inline-block;margin: 0 auto;width:100%;height:auto;z-index: 10;}
  .Area .box_title .PD_layout .PD h3 {font-size: 1.4em;}	
  .Area .box_title .PD_layout .PD h3 b { font-size:1.5em;}	

}

/*區標線上入稿*/
.box_txt .PD_layout ul { padding: 0; }	
@media screen and (min-width: 768px){
.box_txt {position: relative;display: flex;padding: 0;width: 100%;height: 180px;justify-content: center;z-index: 0;background: url("txtbg.png?t=1777544859163") center top/ 100% no-repeat scroll;}
.box_txt img{width:100%!important;padding: 0;}
.box_txt ul li h5 {padding: 0;margin: 90px 0 20px 0;font: bold 50px / 50px "Noto Sans CJK SC", "Microsoft JhengHei", Arial, Helvetica;transform: rotate(0deg);color: #ffffff;letter-spacing: 1px;text-align: center; background: linear-gradient(0deg, #000000, #000000); -webkit-background-clip: text;-webkit-text-fill-color: transparent;
  }	

}

@media screen and (max-width:767px){	
  .box_txt {position: relative;margin: 0 auto;width: 100%;z-index:0; }
  .box_txt img{width: 100%;}
  .box_txt {z-index: 50;height: auto;width: 100%!important;background: url("txtbg.png?t=1777544859163") center top/ 100% no-repeat scroll;}
  .box_txt ul li h5 {font: bold 5.5vw / 5.5vw "Noto Sans CJK SC", "Microsoft JhengHei", Arial, Helvetica;margin: 8vw 0 2vw;color: #ffffff;letter-spacing: -1px;text-align: center;/* font-style: italic; */background: linear-gradient(0deg, #000000, #000000);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}	
  
  }





/*活動倒數*/
.TimerNick {position:absolute;top: 400px;left: 280px;display: inline-block;z-index:8;text-align: center;color: #0038a7;}
.TimerNick .FontStyle {display: inline-block;margin: 0 0 0 5px;padding: 0;border: 0;font: bold 40px/40px Arial;letter-spacing: 0px;text-align: center;}
.TimerNick span {padding-left: 2px;font: bold 30px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0.05em;}
    @media screen and (max-width:767px){
      .TimerNick  {width:100%;top: 41vw;left: 0vw;/* transform: rotate(-3deg); */}
      .TimerNick .FontStyle {margin: 0;padding: 0;border: 0;font: bold 5vw/5vw Arial;}
      .TimerNick span {padding-left: 1vw;font: bold 4vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;}
    }



/*公版*/
.bg_box { background: url(bg_box_m.png?t=1777544859163)top center repeat-y;}
.bg_boxbottom { position: relative;  background: url(mbg_boxbottom.png?t=1777544859163)top center no-repeat; height: 55px;}
@media screen and (max-width:767px){
  .bg_box {background: url(bg_box_m.png?t=1777544859163)top center repeat-y;background-size: 99%; border-radius: 1em 1em 0 0; }
  .bg_boxbottom {background: url(mbg_boxbottom.png?t=1777544859163)top center no-repeat;height: 4vw;background-size: 99%;top: 0;}
}

/*移除公版設定*/
.Area .remove_box_style ul { background-color: transparent; grid-gap: 5px;}
.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 .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;}
}
/*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 .knowmore { z-index: 50; position: absolute; width: 7.5%; top: 60px; right: 15px; }	
  .Area_top .knowmore img { width: 100%; height: 100%; }	
@media screen and (max-width:767px){
  .Area_top .knowmore {z-index: 99;width: 12%;top: 5vw;right: 0.1vw;position: absolute;}		
}


/*登記查詢*/
.Area_top .btn_list { z-index: 50; position: absolute; width: 7.5%; top: 120px; right: 15px; }	
.Area_top .btn_list img { width: 100%; height: 100%; }	
@media screen and (max-width:767px){
.Area_top .btn_list {display: none;}		
}







/*可拖移廣告icon*/
.Area_hammerAD { z-index: 300; display: none; position: fixed; bottom: 0; right: 0; transform: translate3d(0,200px,0); /*background-color: rgba(0,0,0,0.5);*/}
.Area_hammerAD .box { position: relative; margin-right: 10px; margin-top: 15px; opacity: 1;}
.Area_hammerAD img { width: 100%; height: auto;}
.Area_hammerAD .closeButton a { display:block; cursor:pointer; position:absolute; width:20px; height:20px; border-radius:50%; font:bold 20px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5); text-decoration: none; z-index:2}
    @media screen and (min-width:768px){
      .Area_hammerAD { display: block; width: 140px;}
      .Area_hammerAD .closeButton a { top: 0; right: 0;}
    }
    @media screen and (max-width:767px){
      .Area_hammerAD { display: block; width: 22%; bottom: 4vw;}
      .Area_hammerAD .closeButton a { top: 1vw; right: 1vw;}
    }
    @media screen and (min-width:1670px){
      .Area_hammerAD { right: inherit; left: 1500px;}
    }

/*大家都在買*/
.Area_PD1 .Area_swiper .PD_slide.PD_slide::before {
  content: counter(num);
  position: absolute;
  z-index: 5;
  top: -10px;
  left: 3%;
  width: 25%;
  aspect-ratio: 102 / 114;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url(icon_good.png?t=1777544859163);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  color: #feef00;
  font-family: "Century Gothic";
  font-weight: bold;
  font-size: 7vw;
}
  @media screen and (min-width: 768px) {
    .Area_PD1 .Area_swiper .PD_slide.PD_slide::before {font-size: 36px;}
  }



/* 茅點 */
.Area_brand {  }
.Area_brand .box { overflow: hidden;  }
.Area_brand .layout_page  ul {margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;box-sizing: border-box;justify-content: center;}
.Area_brand .layout_page .kind { margin: 0 auto 3.5%;width: 100%; }
.Area_brand .layout_page .kind li { width: 20%; filter: grayscale(1);  }
.Area_brand .layout_page .kind li.cate-hover { filter: grayscale(0); }


   
    @media screen and (min-width:768px){

      .Area_brand .box .PD .PD_img img {top: 37px;left: 16px;width: 85%;}
      .Area_brand .layout_page .kind {width: 96%;margin: 0 auto;background-color: hsl(0deg 0% 100% / 30%);border-radius: .75em;padding: 20px 0;}
      .Area_brand .layout_page .kind li {width: 22%;margin: 16px;}
      .Area_brand .PD_layout[data-pd-col-phone="3"] .PD_into {position: absolute;left: 0;top: 225px;font-size: 24px;width: 100%;}
      .Area_brand .PD_layout[data-pd-h3="1"] .PD h3, .PD_layout[data-pd-h3="2"] .PD h3, .PD_layout[data-pd-h3="3"] .PD h3, .PD_layout[data-pd-h3="4"] .PD h3, .PD_layout[data-pd-h3="6"] .PD h3 {margin-bottom: 0.5em;color: #222222;background-color:#ffffff00;padding: 0;}
      .Area_brand .layout_page .kind li img {width: 100%;}

      .Area_brand { margin-bottom: 5px;}
      .Area_brand .box { padding: 3px 0 0;} 
      .Area_brand .PD_layout .PD h4 { font-size: 1px;}
      .Area_brand .PD_layout .PD_logo { height: 67px !important; margin-top: -20% !important; width: auto !important;}
      .Area_brand .PD_layout ul { column-gap: .3px; width: 96%;}
      .Area_brand .PD_layout ul li { margin: 0 0 1vw 0 !important; width: calc(60% - 0.5px * 0.535) !important;}

    }
    @media screen and (max-width:767px){

      .Area_brand .box li { margin: -18% 2% 3% 0; }
      .Area_brand .layout_page .kind {width: 96%;margin: 0 auto;/* background-color: hsl(0deg 0% 100% / 30%); */border-radius: .75em;padding: 2vw 0;}
      .Area_brand .layout_page .kind li { width: 33.3%; margin: 2vw 0; }
      .Area_brand .box .PD_brand li { height: 30.8vw;}
      }
  
  
  
      @media screen and (min-width:768px){
        /*公版*/
          .Area_brand .box { z-index: 10; padding: 0% 0 0 0;}
            /*01*/
          .Area_brand .PD_layout .PD_slide { background-color: #142675; border-radius: 8px;height: 338px;}
          .Area_brand .PD_layout .PD_img { padding: 0; border: solid 1vw #142675;border-radius: 8px;}
          .Area_brand .PD_layout .PD_img img { border-radius: 8px 8px 0 0; background-color: #fff;}
          .Area_brand .PD_layout .PD_logo { margin-top: -11% !important; border: solid 2px #142675; border-radius: 8px; background-color: #fff; width: 200px !important;}
      
            /*02*/
            .Area_brand .PD_layout1 .PD_slide { background-color: #202eb9; border-radius: 8px;}
            .Area_brand .PD_layout1 .PD_img { padding: 0; border: solid 1vw #202eb9;border-radius: 8px;}
            .Area_brand .PD_layout1 .PD_img img { border-radius: 8px 8px 0 0; background-color: #fff;}
            .Area_brand .PD_layout1 .PD_logo { margin-top: -11% !important; border: solid 2px #202eb9; border-radius: 8px; background-color: #fff; width: 200px !important;}
      
            /*03*/
            .Area_brand .PD_layout2  .PD_slide { background-color: #3948d7; border-radius: 8px;}
            .Area_brand .PD_layout2  .PD_img { padding: 0; border: solid 1vw #3948d7;border-radius: 8px;}
            .Area_brand .PD_layout2  .PD_img img { border-radius: 8px 8px 0 0; background-color: #fff;}
            .Area_brand .PD_layout2  .PD_logo { margin-top: -11% !important; border: solid 2px #3948d7; border-radius: 8px; background-color: #fff; width: 200px !important;}
      
          .Area_brand .PD_layout .PD_logo img { box-shadow: 0 0.1em 0.5em 0 rgba(0,0,0,0) !important; border-radius: 8px !important; padding: 0 !important;}
          .Area_brand .PD_layout .PD h3 { display: none;}
          .Area_brand .js-PD_txt1 { display: none!important;}
          .Area_brand .PD_layout .PD h4 { font-size: 1.5em; font-weight: 500; color: #FFF;}
          .Area_brand .PD_layout ul { padding: 0;}
      
        }





    @media screen and (max-width:767px){
  /*公版*/
    .Area_brand .box { z-index: 10; padding: 2% 0 0 0;}
      /*01*/
    .Area_brand .PD_layout .PD_slide { background-color: #142675; border-radius: 8px;}
    .Area_brand .PD_layout .PD_img { padding: 0; border: solid 1vw #142675;border-radius: 8px;}
    .Area_brand .PD_layout .PD_img img { border-radius: 8px 8px 0 0; background-color: #fff;}
    .Area_brand .PD_layout .PD_logo { margin-top: -11% !important; border: solid 2px #142675; border-radius: 8px; background-color: #fff; width: 200px !important;}

      /*02*/
      .Area_brand .PD_layout1 .PD_slide { background-color: #202eb9; border-radius: 8px;}
      .Area_brand .PD_layout1 .PD_img { padding: 0; border: solid 1vw #202eb9;border-radius: 8px;}
      .Area_brand .PD_layout1 .PD_img img { border-radius: 8px 8px 0 0; background-color: #fff;}
      .Area_brand .PD_layout1 .PD_logo { margin-top: -11% !important; border: solid 2px #202eb9; border-radius: 8px; background-color: #fff; width: 200px !important;}

      /*03*/
      .Area_brand .PD_layout2  .PD_slide { background-color: #3948d7; border-radius: 8px;}
      .Area_brand .PD_layout2  .PD_img { padding: 0; border: solid 1vw #3948d7;border-radius: 8px;}
      .Area_brand .PD_layout2  .PD_img img { border-radius: 8px 8px 0 0; background-color: #fff;}
      .Area_brand .PD_layout2  .PD_logo { margin-top: -11% !important; border: solid 2px #3948d7; border-radius: 8px; background-color: #fff; width: 200px !important;}

    .Area_brand .PD_layout .PD_logo img { box-shadow: 0 0.1em 0.5em 0 rgba(0,0,0,0) !important; border-radius: 8px !important; padding: 0 !important;}
    .Area_brand .PD_layout .PD h3 { display: none;}
    .Area_brand .js-PD_txt1 { display: none!important;}
    .Area_brand .PD_layout .PD h4 { font-size: 1.5em; font-weight: 800; color: #FFF;}
    .Area_brand .PD_layout ul { padding: 0;}

  }


  @media screen and (min-width: 768px){ 
    .Area_brand .PD_layout ul { padding-inline-start: 0; margin-block-start: 0; margin-block-end: 0; padding: 0% 0 14% 0;grid-gap:1%;}
  }
  @media screen and (max-width:767px){
    .Area_brand { margin-bottom: 5vw;}
    .Area_brand .box { padding: 3vw 0 0;} 
    .Area_brand .PD_layout .PD h4 { font-size: 1.2em;font-weight: 400;}
    .Area_brand .PD_layout .PD_logo {height: 2.8em !important;width: auto !important;}
    .Area_brand .PD_layout ul { column-gap: .3em; width: 96%;}
    .Area_brand .PD_layout ul li { margin: 0 0 1vw 0 !important; width: calc(33.55% - 0.5em * 0.535) !important;}
  }
  

   /*  副標調整 */
   @media screen and (min-width:768px){
    .title {margin: 15px 0px 17px 0px}
     }




   /*  副標調整 */
   @media screen and (max-width:767px){
  .title {margin: 0vw 0vw 5vw 0vw}
   }




   /*  店鋪回饋無上限 */

   @media screen and  (min-width:768px){
    
    .Area_PD .Bbox {position: relative;margin-top:-50px;margin-bottom:0;}
    .Area_PD .box1 {background: url(PD_bg_02.png?t=1777544859163) center top / 100% repeat-y scroll;margin-top:0px;}

    .Area_PD .PD_bg_01 {position: absolute;}
    .Area_PD .PD_layout.PD_txt ul li .PD_into h3{color: #110c2a;font-size: 50px;margin: -90px 0 0 400px;width: 100%;}	
    .Area_PD .PD_layout.PD_txt ul li .PD_into h4{color: #110c2a;font-size: 50px;margin: 73px 0 0 0;max-width: 100%;}

    .Area_PD .PD_layout.PD_txt ul{padding:0;}	
    .Area_PD .layout_PD ul {width: 90%!important;}
    .Area_PD .PD_layout[data-pd-btn] .PD_btn {
      background-color: #f656cb;
      background-image: repeating-linear-gradient(45deg, #f656cb -2%, #f656cb 120%);
      background-position: right top;
      background-size: 100% 100%;
      transition: all 0.4s;
  }
    
    }




    @media screen and (max-width:767px){
      .Area_PD .Bbox {position: relative;margin-top:0vw;margin-bottom:5vw;}
      .Area_PD .box1 {background: url(PD_bg_02.png?t=1777544859163) center top / 100% repeat-y scroll;margin-top:-1vw;}
      .Area_PD .PD_bg_01 {position: absolute;}
      .Area_PD .PD_layout.PD_txt ul li .PD_into h3{color: #110c2a;font-size:5.5vw;margin: -10vw 0 0 45vw;max-width: 100%;min-width: 100%;}	
      .Area_PD .PD_layout.PD_txt ul li .PD_into h4{color: #110c2a;font-size: 5.5vw;margin: 5vw 0 0 0;max-width: 100%;}
  
      .Area_PD .PD_layout.PD_txt ul{padding:0;}	
      .Area_PD .layout_PD ul {width: 90%!important;}
      .Area_PD .PD_layout[data-pd-btn] .PD_btn {
        background-color: #f656cb;
        background-image: repeating-linear-gradient(45deg, #f656cb -2%, #f656cb 120%);
        background-position: right top;
        background-size: 100% 100%;
        transition: all 0.4s;
    }
      
      }


   /*4頁籤雙頁1帶3*/
   .Area_K1 .pagetop { margin: 0 auto; overflow-y: hidden; margin-bottom: 1em; }
   .Area_K1 .pagetop ul { margin: 0; padding: 0; display: flex ; white-space: nowrap;}
   .Area_K1 .pagetop li { position: relative; list-style: none; width:50%; height: 4em;margin-top: 2%;   filter:contrast(50%) brightness(120%);}
   .Area_K1 .pagetop li a { width: 100%; }
   .Area_K1 .pagetop li::after {filter: brightness(0.5);padding:0 0 0 0; }
   .Area_K1 .pagetop li.cate-hover {  filter:contrast(130%) brightness(1); }
   .Area_K1 .pagetop li.cate-hover::after {   filter: brightness(1);}
   .Area_K1_ { margin: 0 auto 40px;  border-radius: 0em; overflow: hidden }
   .Area_K1_ .page { position: absolute; left: 50%; transform: translateX(-50%); }  
   .Area_K1_ .page .PD_layout { border-radius: 99em; background-color: #fff }
   .Area_K1_ .page .PD_layout .PD_wrapper { grid-gap:0em; padding-top: 1em }
   .Area_K1_ .page .PD_layout .PD_slide { border-radius: 99em; padding:0; }
   .Area_K1_ .page .PD_layout .PD_slide.cate-hover { background-color: #ffb8cf }
   .Area_K1_ .page .PD_layout .PD_slide:hover { box-shadow: none; transform: translateY(0); }
   .Area_K1_ .section .PD_layout .PD_slide { background-color: #fff; }
   .Area_K1_ .section .PD_layout .PD_slide::after { content: "" ; position: absolute; top: 5%; left: 0; display: block; height: 90%; border-left: 1px #c3c3c3 dotted;}
   .Area_K1_ .section .PD_layout .PD_slide:first-child::after { display: none }
   .Area_K1_ .section .PD_layout .PD_slide:hover { box-shadow: none }
   .Area_K1_ .photo ul { margin: 0; padding: 0; list-style: none }
   .Area_K1_ .photo h3 { position: absolute; top:17% ; left: 4% ; color: #fff;}
   .Area_K1_ .photo h4 { position: absolute; top:23% ; left: 4% ; color: #fff;}
   .Area_K1_ .photo img { /*border-radius: 1em; display: block; */width: 80.8% }

     @media screen and (min-width:768px){ 
       .Area_K1 { width: 960px; overflow: hidden } /*區塊寬度*/
       .Area_K1  .pagetop li { margin-top: 10px ;  height: 7.5em; left: 0em; width:50%;} 
       .Area_K1  .pagetop li img{  width: 100%;} 
       .Area_K1_ .page { width: 70%;  top: 0%; } 
       .Area_K1_ .photo { height: 200px;} /*bn圖片高度*/
       .Area_K1_ .photo h3 { font-size: 2em;}
       .Area_K1_ .photo h4 { font-size: 1.5em;}
       .Area_K1_ .Area_swiper_box { padding-bottom: 25px; height: 900px } /*商品區高度*/
     }
     @media screen and (max-width:767px){
   .Area_K1 .pagetop { margin-bottom: 0vw; }  
       .Area_K1 { width: 96%; margin-top:-5vw;} /*區塊寬度*/
       .Area_K1_ { margin: -3vw auto 0px;} /*區塊寬度*/
       .Area_K1_ .page { width: 96%;  top: 1.2%; }  
       .Area_K1_ .page .PD_layout .PD_slide { font-size: 1em; }
       .Area_K1_ .page .PD_layout .PD_wrapper { grid-gap:0em; padding-top: 0.2%;  } 
       .Area_K1_ .photo { height:31vw; background-color:rgba(0,0,0,0.8) } /*bn圖片高度*/
       .Area_K1_ .photo h3 { font-size: 1em;}
       .Area_K1_ .photo h4 { font-size: 0.8em;}
       .Area_K1_ .Area_swiper_box { padding-bottom: 0vw; /*height: 375vw*/ } /*商品區高度*/
     }














/*logo調整*/
.Area_game .notice .mo { box-shadow: none; width: 60px; }
.Area_game .box_list .mo { box-shadow: none; width: 60px; }
.agreeArea .mo { box-shadow: none; width: 33px; padding: 3px; }
@media screen and (max-width: 767px) {
/*logo調整*/
.Area_game .notice .mo { box-shadow: none; width: 10vw; }
.Area_game .box_list .mo { box-shadow: none; width: 10vw; }
.agreeArea .mo { box-shadow: none; width: 8vw; padding: 0; }
}






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