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

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

/*全BOX版面*/
.WRAPPER { 
  z-index: 0; 
  position: relative; 
  display: block; 
  margin: 0 auto; 
  padding: 0; 
  overflow: hidden; 
  width: 100%; 
  min-width: 1220px; 
  text-align: left; 
  font-family:"Noto Sans CJK TC","Microsoft JhengHei",Helvetica; 
  background: #ffa5b4;
}
.WRAPPER img { border: 0px; vertical-align :top;}
.WRAPPER a { text-decoration: none; -webkit-tap-highlight-color: transparent;}
/*預設清單樣式*/
.Area .list_00 ul { display: inline-block; margin: 0; padding: 0;}
.Area .list_00 li { list-style: none; float: left; overflow: hidden;}
@media screen and (max-width:767px){
	.WRAPPER { min-width: inherit;}
	.WRAPPER img {  width: 100%;  height: auto;}
}

/*區塊_all*/
.Area2000 { margin: 0 auto; width: 2000px;}
.Area1220 { margin: 0 auto; width: 1220px;}
.Area960 { margin: 0 auto; width: 960px;}
.Area { position: relative; margin: 0 auto; padding: 0; border-radius: 0; text-align: center;}
.Areabottom { margin-bottom: 80px;}
.Area a { position: relative; 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.97);
     -moz-transform:scale(0.97);
      -ms-transform:scale(0.97);
       -o-transform:scale(0.97);
          transform:scale(0.97);}  
.WRAPPER .go_bt1 {
  -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;}
.WRAPPER .go_bt1:hover { 
  -webkit-transform:translateX(10px);
     -moz-transform:translateX(10px);
      -ms-transform:translateX(10px);
       -o-transform:translateX(10px);
          transform:translateX(10px);} 
  @media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
    .Areabottom { margin-bottom:3vw;}
		.Area .go_bt:hover {  
			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;}
	}    

/*背景*/
.bg_rp { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none;}
.bg_00 { z-index: -2; position: absolute; top: 0; left: 0; width: 100%; height: 1056px; background: #fff03c;}
.bg_01 { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none;}
.bg_02 { z-index: -1; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position: center top; pointer-events: none;}
.bg_03 { z-index: -1; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position: center top; pointer-events: none;}
@media screen and (max-width:767px){
  .m_bg01 { z-index: 0; position: absolute; top: 10.5vw; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events:none; background-size: 100%;}
}
/*公版背景*/
@media screen and (min-width: 768px){
  .box_txt {position: relative;margin: 0 auto;width: 100%;height: auto;}
  .box_txt img{width: 64% !important;}
  }
  
  @media screen and (max-width:767px){
  .box_txt {position: relative;margin: 0 auto;width: 100%;padding: 2% 0;}
  .box_txt img{width: 100%;}
  }

/*版頭*/
.Area_ti_p, .Area_ti_h { z-index: 3; position: absolute;top: 15px;}
@media screen and (max-width:767px){
  .Area_ti_p, .Area_ti_h { z-index: 3; position: absolute;top: 1vw;}
}


.Area_ti{}
@media screen and (min-width:768px){
 .Area_title .Area_ti{position: relative;top:1vw}
  }

/*副標輪播*/
.Area_title .Area_sub { z-index: 10; position: absolute; width: 100%;}
.Area_title .Area_sub ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
.Area_title .Area_sub ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_title .Area_sub ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}	

@media screen and (min-width:768px){
  .Area_title { height: 970px;}
  /*副標輪播*/
  .Area_title .Area_sub { top: 328px; left: 100px;}
  .Area_title .Area_sub .PD_layout .PD_img { width: 83%; position: absolute; left: 0; top: 0;}
  .dog { top: 500px; left: 230px;}
  .dog img { width: 87%;}


}  

.Area_subb{position: absolute; top: 255px;}
@media screen and (max-width:767px){
  .Area_title { height: 122vw;}

  /*副標輪播*/
  .Area_title .Area_sub { top: 37vw; height: 12vw;}
  .Area_subb{position: absolute; top: 30vw;}

  .Area_title .more { top: 132vw; right: 5vw; width: 30%;}
}

/*toppd*/
@media screen and (min-width:768px){
.toppd{position: absolute;top: 460px;}
}
@media screen and (max-width:767px){
  .toppd{position: absolute;top:50vw;}
}


/*全站活動*/
.Area00 {}
.Area00 .box00{padding-top: 65px;}
.Area00 .activ_box {position: relative;display: flex;flex-wrap: nowrap;z-index: 2;margin: 0 auto;width:80%;}
.Area00 .activ_box .box_box1 { width:96%;overflow: hidden;}
.Area00 .activ_box .box_box1 .PD_layout ul {display: flex;flex-wrap: nowrap;height: 285px;grid-gap:0px;margin: 0 auto;padding: 0;}
.Area00 .activ_box .box_box2 {width: 96%;}
.Area00 .activ_box .box_box2 ul { padding:0; position: relative;}
@media screen and (max-width: 767px){
  .Area00 .activ_box {margin: auto;width:96%;left: 0;}
  .Area00 .activ_box .box_box1 .PD_layout ul {height:32vw;}
   .Area00 .box00{padding-top: 5vw;}
  .Area00 .activ_box .box_box2 ul { padding: 0;position: relative;}	
}
/*00公式*/
.Area00 { z-index: 5;}
.coupon.PD_layout ul { padding: 0; grid-gap: 0;}
.A00_bg{position:absolute ;z-index:-1;}
@media screen and (min-width:768px){
  .PD_layout-coupon3  {  width: 78%;margin-bottom: 30px;}
}
@media screen and (max-width:767px){
  .Area00 { margin-top: 2vw;}
  .Area00_box { padding: 0 .7em;}
  .PD_layout-coupon3  { margin-bottom: 3vw;}

}
@media screen and (min-width:768px){
  .bn01{width: 75%;}
  .A00_btn .PD_layout{width: 96%;padding: 45px;}
}
@media screen and (max-width:767px){
  .Area_danji{width: 96%;}
  .bn01{width: 96%;}
  .A00_btn .PD_layout{width: 96%;padding: 2vw}
}


/*區標*/
.Att { cursor: default;}
.Att .PD_layout ul { grid-gap: 0; padding: 0;}

.Att_bg { position: absolute; z-index: 1;}
.Att .PD_layout { z-index: 2;}
@media screen and (min-width:768px){
  .Att { margin: 0 auto;}
  .Att .PD_layout { width: 80%; height: 220px;}
  .Area03 .Att .PD_layout, .Area09 .Att .PD_layout { height: 180px;}
  .Area01 .Att { margin-bottom: 20px;}
  .Area02 .Att { margin-bottom: 10px;}
  .Att_sticker { top: 189px; right: -465px; position: relative;z-index: 6;}

}
@media screen and (max-width:767px){
  .Area01 .Att { margin-bottom: 2vw;}
  .Area02 .Att { margin-bottom: 1vw;}
  .Att_sticker { width: 15%;top: 19vw; right: -82vw;position: relative; z-index: 6;}


}



/*03、09輪播*/
.box03, .box09_all { background: url(A03-bg-p2.jpg?t=1759385731756) top center / contain repeat-y; border-radius: 0 0 13px 13px; padding: 2.5% 0; margin-bottom: 4%;}
.box03 .swiper-pagination-bullet, .box09 .swiper-pagination-bullet { background: #1ca1cd;}
.Area09 .Area_swiper_box .PD_layout li { background: transparent;}
.box09 { margin: 0;}
@media screen and (min-width:768px){
  .box03, .box09_all { margin: 0 0 4% 40px; width: 1140px;}
  .box09_all .PD_layout-btn { padding: 20px 0 0 0;}
}
@media screen and (max-width:767px){
  .box03, .box09_all { background: url(A03-bg.jpg?t=1759385731756) top center / contain repeat-y; border-radius: 0 0 13px 13px; padding: 2.5% 0; margin-bottom: 4%;}
  .box09_all .PD_layout-btn { padding: 2vw 0;}
}

/*04品類、07品牌*/
@media screen and (min-width:768px){
  .Abrand ul { padding: 40px 100px 0 100px !important; grid-gap: 20px !important;}
  .Area07 { background: url(A07-bg-01center-p.png?t=1759385731756) top center / 100% repeat-y;}
  .Ashop { background:  url(A07-bg-02bottom-p.png?t=1759385731756) bottom center / contain no-repeat;}
  .Ashop ul { padding: 0 100px 50px 100px !important;}
}
@media screen and (max-width:767px){
  .Abrand ul { padding: 0 .4em !important; grid-gap: .4em !important;}
  .Abrand { padding-top: 4vw;}
  .Area07 { background: url(A07-bg-01center.jpg?t=1759385731756) top center / 100% repeat-y;}
  .Ashop { background:  url(A07-bg-02bottom.jpg?t=1759385731756) bottom center / contain no-repeat; padding-bottom: 6vw;}
}

/*05、06頁籤*/
.Area_page { font-size: 16px;}
.Area_K1 .NavArea_tabbar_page .Nav .swiper-slide-active i, .Area_K2 .NavArea_tabbar_page .Nav .swiper-slide-active i { border: none !important; background-color: #fa738c !important;}
@media screen and (min-width:768px){
  .AK_bg { position: absolute; z-index: -1; margin: 0 auto; top: 230px;}
  .Area_page { width: 88%; margin-top: 20px; overflow: hidden;} 
  .Area_page .PD_layout { width: 100%; height: auto;}
  .page { width: 100%;}
}
@media screen and (max-width:767px){
  .Area05{ padding-bottom: 2vw; background: url(A05-bg-02bottom.png?t=1759385731756) bottom center / contain no-repeat;}
  .Area05 .PD_layout,.page_box .PD_layout {width: 97%;}
  .Area_K1 .NavArea_tabbar_page li, .Area_K2 .NavArea_tabbar_page li { width: auto !important;}
} 

/*05、06頁籤*/

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

  .Area_page02 { width: 88%; margin-top: 20px; overflow: hidden;} 
  .Area_page02 .page_box { height: 530px !important;}
  .Area_page02 .PD_layout { width: 100%; height: auto;}
  .page { width: 100%;}
}
@media screen and (max-width:767px){
  .Area_page02 { height: 158vw;padding-top: 2vw; overflow: hidden; background: url(A05-bg-01center.png?t=1759385731756) top center / 100% repeat-y;} 

} 

/*注意事項區*/
.edm_notice { background: #fff03d; text-align: center; padding: 25px 10px 40px 10px; color:#5a5a5a; font: 12px/18px Helvetica;}
.edm_notice .apple_notice { padding: 10px 0 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;}
}
/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #ff8700;}