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

body {margin:0 auto; padding:0;background-color:#ffffff;}
/*全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;
}

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


/*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{position: relative;width: 100%;top: 0;z-index:5;}
	.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=1748499491838") 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=1748499491838") 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=1748499491838") 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=1748499491838") 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{position: relative;width: 100%;z-index:5;}
	.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: 10vw;background: url("navbtn01.png?t=1748499491838") center top / 100% no-repeat scroll;} 
  .Area_page .kind ul li:nth-child(2) {list-style:none;width:50%;height: 10vw;background: url("navbtn02.png?t=1748499491838") center top / 100% no-repeat scroll;} 
  .Area_page .kind ul li:nth-child(1).cate-hover{list-style:none;width:50%;height: 10vw;background: url("navbtn01on.png?t=1748499491838") center top / 100% no-repeat scroll;}
  .Area_page .kind ul li:nth-child(2).cate-hover{list-style:none;width:50%;height: 10vw;background: url("navbtn02on.png?t=1748499491838") 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;}
.Area_AD .swiper_remove_box_style ul li .PD_img img {border-radius: 10px;border: solid 5px #b5daf9;}

    @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;}
      .Area_AD .swiper_remove_box_style ul li .PD_img img {border-radius: 10px;border: solid 3px #b5daf9;}

    }


    @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%; }
    }
 
/*品牌日曆公版調整*/   
.PD_layout.calendar { margin: 2% 1% 2% 1%;padding: 0;}
.PD_layout.calendar ul{ margin:1% 0% 2% 0%;padding: 0;}


/*品牌日曆公版調整*/    
.page01 .PD_layout-D1_07.PD_layout ul::before { background: none; background-color: #b5daf9;}
.page02 .PD_layout-D1_07.PD_layout ul::before { background: none; background-color: #f9b5f8;}
.PD_layout-D1_07.PD_layout[data-pd-h3="5"] li:first-child .PD h3 span {display: inline-block;padding: 0 0.5em;max-width: 90%;border-radius:4px;color: #000;background-color: #ffffff;border-radius: 2em;}
.PD_layout-D1_07.PD_layout li:first-child .PD h3{ color: #fff;  position: absolute;  top: 0%;  left: 1%;  width: 100%;}
.PD_layout-D1_07.PD_layout li:first-child .PD p {display:none !important;}
.page02 .PD_layout-D1_07.PD_layout li:first-child .PD h3{display: block;font-size: 1.8em;}
.PD_layout.PD_layout-D1_07 {margin: 1% 1% 2% 1%; }
.PD_layout-D1_07.PD_layout li:first-child .PD h4 {color: #181818;}
.PD_layout-D1_07.PD_layout li:first-child .PD h4 i {  border-top: .125em solid #181818; border-right: .125em solid #181818;}
.page01 .PD_layout[data-pd-h3="5"] .PD h3 span {display: inline-block;padding: 0 0.5em;max-width:85%;border-radius:4px;color: #000; background:none;}
.PD_layout[data-pd-h3="5"] .PD h3 span {display: inline-block;padding: 0 0.5em;max-width:85%;border-radius:4px;color: #000;background-color: rgb(241 241 241);}

@media screen and (max-width:767px){
.page02 .PD_layout-D1_07.PD_layout li:first-child .PD h3{display: block;font-size: 1em;}
}

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