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

body {margin:0 auto; padding:0;background-color: #bbe6fb;}
/*全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:80px;}
    .Area_msg { color:#222222; }  
    }
 @media screen and (max-width:767px){
     .Area_msg { color:#222222;background-color: #ffffff;} 
     }

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


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


/*版頭*/
.Areatop {
  max-width: 960px;
  margin: auto;
  position: relative;
  height: 26vw;
  z-index: 9;
}

@media screen and (min-width:768px){
  .Areatop {
    position: relative;
    width: 100%;
    margin: auto;
    height: 250px;
    z-index: 9;
  }
} 


/*Area_page
.Area_page h3 { color: #fff; margin: 0; padding: 0}
  @media screen and (min-width:768px){ 
    .Area_page { overflow: hidden; background-color: #555; padding: 20px 0 ; border-radius: 1em } 
    .Area_page h3 { color: #fff; margin: 0 auto 20px; padding: 0}
    .Area_page .PD_layout { width: 96%}
  }
  @media screen and (max-width:767px){
    .Area_page { width: 96%; overflow: hidden; background-color: #555; padding: 5vw 0 ; border-radius: 1em } 
    .Area_page h3 { color: #fff; margin: 0 auto 2vw; padding: 0}
  }
*/
@media screen and (min-width:768px){ 
.Area_page { overflow: hidden; }
.Area_page .PD_layout { width: 98%}
.Area_page .NavArea_tabbar_page .Nav ul{
  text-align: center;
  color: white;
  font-size: 2.4em;
  line-height: 2em;
  font-weight: 800;
  left: -9%;
}

}
@media screen and (max-width:767px){
  .Area_page { width: 100% } 
  .Area_page .NavArea_tabbar_page .Nav ul{
    text-align: center;
    color: white;
    font-size: 18px;
    line-height: 2em;
    font-weight: 800;
    left: -8%;
  }
  .NavArea .Nav li, .NavArea .Nav li > span, .NavArea .Nav li > b { width:auto !important;}


} 

/*頁籤切換*/
@media screen and (min-width:768px){
	.Area_page {height: auto;background-color: #ffffff;}
	.Area_page .kind{width: 100%;z-index: 999;bottom: calc(-0.5vw + env(safe-area-inset-bottom)* 0.6);position: fixed;}
	.Area_page .kind ul {display:flex;flex-direction:row;flex-wrap:nowrap;margin:0 auto;padding:0;cursor:pointer}
	.Area_page .kind ul li:nth-child(1) {list-style:none;width:480px;height:100px;background: url("navbtn01.png?t=1761902094257") center top / 100% no-repeat scroll;} 
  .Area_page .kind ul li:nth-child(2) {list-style:none;width:480px;height:100px;background: url("navbtn02.png?t=1761902094257") center top / 100% no-repeat scroll;} 
	.Area_page .kind ul li a{display:block;text-align:center;padding:0;margin:87px 0 0 0;color:#f19eaf;font:500 18px/30px Century Gothic;} 
  .Area_page .kind ul li:nth-child(1).cate-hover{list-style:none;width:480px;height:100px;background: url("navbtn01on.png?t=1761902094257") center top / 100% no-repeat scroll;}
  .Area_page .kind ul li:nth-child(2).cate-hover{list-style:none;width:480px;height:100px;background: url("navbtn02on.png?t=1761902094257") center top / 100% no-repeat scroll;}
  .Area_page .kind ul li.cate-hover a{display:block;text-align:center;padding:0;margin:87px 0 0 0;background:#d6d6d6;color:#434343;font:500 18px/30px Century Gothic;font-weight:600;border-radius:60px;}
	.Area_page .box {position:relative;width:100%;margin: 0;}

}		

@media screen and (max-width:767px){
  .Area_page {height:auto; background-color: #ffffff}
	.Area_page .kind{width: 100%;z-index: 999;bottom: calc(-0.5vw + env(safe-area-inset-bottom)* 0.6);position: fixed;}
	.Area_page .kind ul {display:flex;flex-direction:row;flex-wrap:nowrap;margin:0 auto;padding:0;cursor:pointer}
	.Area_page .kind ul li:nth-child(1) {list-style:none;width:50%;height: 13vw;background: url("navbtn01.png?t=1761902094257") center top / 100% no-repeat scroll;} 
  .Area_page .kind ul li:nth-child(2) {list-style:none;width:50%;height: 13vw;background: url("navbtn02.png?t=1761902094257") center top / 100% no-repeat scroll;} 
  .Area_page .kind ul li:nth-child(1).cate-hover{list-style:none;width:50%;height: 13vw;background: url("navbtn01on.png?t=1761902094257") center top / 100% no-repeat scroll;}
  .Area_page .kind ul li:nth-child(2).cate-hover{list-style:none;width:50%;height: 13vw;background: url("navbtn02on.png?t=1761902094257") center top / 100% no-repeat scroll;}


}	



/*AD廣告區*/
.Area_AD .PD_layout { width: 100%;margin: 0 auto;}
.Area_AD .Area_swiper { margin: 0; padding: 0;}
.Area_AD .Area_swiper img { border-radius: 8px; box-sizing: border-box; overflow: hidden; width: 100%; height: auto;}
.Area_AD .Area_swiper_box { padding-bottom: 0;}


    @media screen and (min-width: 768px){
      .Area_AD {margin-top: 0;margin: 1% 1% 2% 1%;width: 98%;}
      .Area_AD .Area_swiper { padding-bottom: 20px;}
      .Area_AD .Area_swiper .PD_layout {width: 100%;margin: 0 auto;}
    }


    @media screen and (max-width:767px){
		.Area_AD { margin-top: 2vw;margin-bottom: 2vw }
    .Area_AD .Area_swiper { margin: 0 auto; width:98%; height:100%; border-radius: 2vw; overflow: hidden;}
		.Area_AD .Area_swiper img{ width: 100%; }
    }
 


/*公版標題*/
.box_txt ul,.box_txt2 ul,.box_txt3 ul,.box_txt4 ul{ padding: 0; }	
@media screen and (min-width: 768px){
.box_txt {position: relative;display: flex;margin: 0 auto;width: 88%;height: auto;justify-content: center;}
.box_txt img{width: 88%!important;padding: 0;}
.box_txt_bg .PD_layout .PD h3 {color: #fff;font-size: 3em;font-family: "Century Gothic";letter-spacing: -1px;line-height: 1.1em;}	
.box_txt_bg::before {content:"";position: absolute;display:block;top: -12px;left: 0;width: 100%;height: 100px;pointer-events:none;z-index: 0;background: url("box_txt_bg.png?t=1761902094257") center top/100% no-repeat scroll;}	
}
@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto;width: 100%;z-index: 30;height: 14vw;}
.box_txt img{width: 100%;}
.box_txt_bg .PD_layout .PD h3 {color: #fff;font-size: 1.5em;letter-spacing: -1px;line-height: 13vw;font-family: "Century Gothic","微軟正黑體";max-height: 13vw;font-weight: bold;}	
.box_txt_bg::before {content:"";position: absolute;display:block;top: 2vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("box_txt_bg.png?t=1761902094257") center top/100% no-repeat scroll;}
}


.page01,
.page02 {min-height: 1px}

.page01 {background-color: #bbe6fb;padding: 20px 0;}
.page02 {background-color: #ffd5f9;padding: 20px 0;}

.page01 .p1_box {  border-radius: 10px;background-color: #8bd9ff;margin: 0 10px; }	
.page02 .p2_box {  border-radius: 10px;background-color: #ff8bda;margin: 0 10px; }	

.page02 .PD_layout.PD_layout-D3_02 ul .PD .PD_logo {width: 30%;padding: 15px;}

@media screen and (max-width: 767px) {
.page01,
.page02 {min-height: 1px}

.page01 {background-color: #bbe6fb;padding: 2vw 0;}
.page02 {background-color: #ffd5f9;padding: 2vw 0;}

.page01 .p1_box {  border-radius: 10px;background-color: #8bd9ff;margin: 0 1%; }	
.page02 .p2_box {  border-radius: 10px;background-color: #ff8bda;margin: 0 1%; }	

.page02 .PD_layout.PD_layout-D3_02 ul .PD .PD_logo {width: 30%; padding: 2%; }

}

.Area_bn { padding: 2vw 0}
.Area_bn ul li .PD_img img { border-radius: 10px;}



/*品牌日曆公版調整*/   
.calendar { height: 625px; }
.calendar::after {z-index: 0;content: "";display: block;clear: both;position: absolute;top: 0;width: 100%;aspect-ratio: 960/625;background: url("calendar.png?t=1761902094257") center top / 100% no-repeat scroll;}
.calendar .event {z-index: 5;position: relative;display: flex;flex-direction: row;margin: 65px 0 0;padding: 10px;height: 190px;}
.calendar .event.e02 {margin: 35px 0 0;height: 195px;}
.calendar .PD_layout.PD_layout-D1_16 ul { display: flex; flex-direction: column; padding: 0; grid-gap: 10px; }
.calendar .event .PD_layout .PD_img {max-width: 95% !important;padding: 0;}
.calendar .event .PD_layout.PD_layout-D1_16 ul .PD .PD_img img {border-radius: 15px !important;}
.calendar .event .PD_layout .PD_into { display: none; }
.calendar .PD_layout.date { z-index: 1; position: absolute; top: 60px; left: 8px; }
.calendar .PD_layout.date ul { grid-gap: 5px; grid-template-columns: repeat(7, 1fr); }
.calendar .PD_layout.date li:nth-child(7) {margin-bottom: 190px;}
.calendar .PD_layout.date .PD h3 {width: 105%;color: #6fc4e0;font-size: 1.2em;line-height: 1.5;font-family:"Arial","微軟正黑體","Microsoft JhengHei", "Century Gothic", Helvetica;}

@media screen and (max-width:767px){
  .calendar { height: 55vw;}
  .calendar::after { background: url("calendar.png?t=1761902094257") center top / 100% no-repeat scroll;}
  .calendar .event { margin: 9.5vw 0 0; height: 19vw; padding: 1%;}
  .calendar .event.e02 {margin: 5vw 0 0 0;height: 19vw;}
  .calendar .event .PD_layout .PD_img { max-width: inherit!important; padding: 0; width: 80%; }
  .calendar .event .PD_layout.PD_layout-D1_16 ul .PD .PD_img img {border-radius: 1vw !important;}
  .calendar .PD_layout.PD_layout-D1_16 ul {grid-gap: 0.5vw;}
  .calendar .PD_layout.date {top: 6vw;left: 2vw;width: 96%;}
  .calendar .PD_layout.date li:nth-child(7) { margin-bottom: 17.5vw; }
  .calendar .PD_layout.date .PD h3 { font-size: 0.6em; letter-spacing: -0.05em; }
}

/*公版標題*/
.box_txt ul,.box_txt2 ul,.box_txt3 ul,.box_txt4 ul{ padding: 0; }	
@media screen and (min-width: 768px){
.box_txt {position: relative;display: flex;margin: 0 auto;width: 88%;height: auto;justify-content: center;}
.box_txt img{width: 88%!important;padding: 0;}
.box_txt_bg .PD_layout .PD h3 {color: #111111;font-size: 3em;font-family: "Century Gothic";letter-spacing: -1px;line-height: 1.1em;}	
.box_txt_bg::before {content:"";position: absolute;display:block;top: -12px;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: 0;background: url("box_txt_bg.png?t=1761902094257") center top/100% no-repeat scroll;}	
}
@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto;width: 100%;z-index: 30;height: 14vw;}
.box_txt img{width: 100%;}
.box_txt_bg .PD_layout .PD h3 {color: #111111;font-size: 1.5em;letter-spacing: -1px;line-height: 13vw;font-family: "Century Gothic","微軟正黑體";max-height: 13vw;font-weight: bold;}	
.box_txt_bg::before {content:"";position: absolute;display:block;top: 2vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("box_txt_bg.png?t=1761902094257") center top/100% no-repeat scroll;}
}

/*間距*/
@media screen and (min-width:768px){
  .Area_bottom {margin-bottom: 80px!important;}
  .Area_bottom2 {margin-bottom: 40px!important;}
  }
  @media screen and (max-width:767px){
  .Area_bottom {margin-bottom: 5vw!important;}
  .Area_bottom2 {margin-bottom: 5vw!important;}	
  }
  


/*選單_選單區*/
.NavArea .Nav_box {position:relative;background: none;}
.NavArea .Nav li > b {width: 50% !important;}
/*頁籤高亮顏色設定 */  
.NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;}
.NavArea_tabbar_page .Nav .swiper-slide-active i {display:block;border: 1px solid #181818 !important;background-color: #181818 !important;}


@media screen and (min-width:768px){
.NavArea_tabbar_page .Nav {height: 70px;}  
.NavArea_tabbar_page .Nav li {width: 310px !important;}

}
  

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




/*隱鑶*/
.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;}	
	}