@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: 8vw;}
		.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%;}
}
/*momo_logo*/
.Area_title .momologo { z-index: 20; position: absolute; top:47px; left: 55px;}
.Area_title .momologo a { display: block; width: 180px; height: 65px; background: url(momologo.png?t=1789720331562) no-repeat;  background-size: 78%;}

/*版頭*/
.Area_ti, .tail, .teaser, .hand { z-index: 1; position: absolute;}
.Area_subb, .dog, .cat { z-index: 2; position: absolute;}
.Area_ti_p, .Area_ti_h { z-index: 3; position: absolute;}
/*副標輪播*/
.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);}	
/*倒數*/
.TimerNick { position: absolute; top: 894px; left: 650px; display: inline-block; z-index: 8;  text-align: center; letter-spacing: .1em;}
.TimerNick .FontStyle { display: inline-block; margin: 0 0 0 10px; padding: 0; border: 0; font-size: 40px; color:#000; font-weight: 900; letter-spacing: 1px; text-align: center;}
.TimerNick span { padding-left: 2px; font-size: 30px;  letter-spacing: 0.1em; color:#000; font-weight: 900;}
.TimerNick b { font-weight: normal;}
@media screen and (min-width:768px){
  .Area_title { height: 970px;}
  /*副標輪播*/
  .Area_title .Area_sub { top: 310px; left: 100px;}
  .Area_title .Area_sub .PD_layout .PD_img { width: 83%; position: absolute; left: 0; top: 0;}
  .dog {top: 619px;left: -50px;}
  .dog img {width: 51%;}
  .cat {top: 761px;right: -19px;}
  .cat img {width: 88%;}
}   
@media screen and (max-width:767px){
  .Area_title { height: 117vw;}
  .dog {width: 32%;top: 81vw;left: 3vw;}
  .cat {width: 49%;top: 92vw;right: -7vw;}
  /*副標輪播*/
  .Area_title .Area_sub { top: 37vw; height: 12vw;}
  /*提醒我按鈕*/
  /* a.mo_remind_btn { z-index: 10; position: absolute; right: 0; top: 53.5vw; width: 13%;} */
  /*倒數*/
  .TimerNick { width: 100%; top: 110.2vw; left: 44.2vw; display: flex; column-gap: .6vw;  text-align: left;}
  .TimerNick .FontStyle { margin: -.4em 0 0 -.06em; padding: 0; border: 0; font-size: 1.4em; letter-spacing: .01em;}
  .TimerNick span { font-size: 1em; letter-spacing: -.05em; margin: -.2em .4em 0 -.2em;}
  .TimerNick span:first-child { margin-top: -0.2em; font-size: 1em;}
  .Area_title .more { top: 132vw; right: 5vw; width: 30%;}
}

/*區標*/
.Att { cursor: default;}
.Att .PD_layout ul { grid-gap: 0; padding: 0;}
.Att_sticker, .Att_tennis { position: absolute; z-index: 3;}
.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: 95px; right: 75px;}
  .Area00 .Att_tennis { top: 115px; right: 280px;}
  .Area07 .Att_tennis { top: 90px; right: 275px;}
  .Area08 .Att_tennis { top: 90px; right: 375px;}
}
@media screen and (max-width:767px){
  .Area03 .Att { margin-bottom: -6vw !important;}
  .Area01 .Att { margin-bottom: 2vw;}
  .Area02 .Att { margin-bottom: 1vw;}
  .Att_sticker { width: 15%; top: 10vw; right: 3vw;}
  .Att_tennis { width: 8%; top: 10vw; right: 15vw;}
  .Area00 .Att_tennis { top:12vw; right: 15vw;}
  .Area08 .Att_tennis { right: 25.5vw;}
}

/*00公式*/
.Area00 { z-index: 5;}
.A00_bg, .A00_paw, .A00_btn, .A00_click { position: absolute;}
@media screen and (min-width:768px){
  .Area00 { margin-top: 30px; height: 817px;}
  .A00_paw { top: 235px; left: 195px;}
  .A00_btn { top: 518px; left: 115px;}
  .A00_click { bottom: 40px; right: 350px;}
}
@media screen and (max-width:767px){
  .Area00 { margin-top: 2vw; height: 85vw;}
  .A00_paw { width: 15%; top: 23.5vw; left: 7vw;}
  .A00_btn { top: 54vw;}
  .A00_click { width: 10%; bottom: 4vw; right: 23vw;}
}

/*01主打、02副打*/
.Area01, .Area02 { height: auto;}
.Area01 .PD_layout ul, .Area02 .PD_layout ul { background-color: transparent; padding: 0; width: 100%;}
.Area01 .PD_layout li, .Area02 .PD_layout li { border: none !important;}
.Area01 .PD_layout .PD_img, .Area02 .PD_layout .PD_img { padding: 0;}
@media screen and (min-width:768px){
  .Area01, .Area02 { background: url(A01-bg-02bottom-p.png?t=1789720331562) bottom center / contain no-repeat;}
  .Area01 .box01, .Area02 .box02 { background: url(A01-bg-01center-p.png?t=1789720331562) top center / 100% repeat-y;}
  .Area01 .box01 .PD_layout ul { width: 90%; grid-gap: 30px 0;}
  .Area01, .Area02 { padding-bottom: 93px;}
  .Area02 .box02 .PD_layout ul { width: 90%; grid-gap: 20px;}
}
@media screen and (max-width:767px){
  .Area01, .Area02 { background: url(A01-bg-02bottom.png?t=1789720331562) bottom center / contain no-repeat;}
  .Area01 .box01, .Area02 .box02 { background: url(A01-bg-01center.png?t=1789720331562) top center / 100% repeat-y;}
  .Area01 .box01 .PD_layout ul { grid-gap: 2vw;}
  .Area01 { padding-bottom: 11vw;}
  .Area02 { padding-bottom: 12vw;}
}


                  
/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #ff8700;}                 
                     

/*08登記*/
.coupon.PD_layout ul { padding: 0; grid-gap: 0;}
@media screen and (min-width:768px){
  .A08r_time { padding: 15px 0;}
  .A08r_box { background: url(A08r-bg-01center-p.png?t=1789720331562) top center / 100% repeat-y;}
  .A08_rush { background: url(A08r-bg-02bottom-p.png?t=1789720331562) bottom center / contain no-repeat; padding-bottom: 53px; margin-bottom: 50px;}
  .coupon { width: 79%; margin-bottom: 50px;}
  .A08_btn { position: relative; margin: 0 auto; width: 79%;}
  .A08_btn .PD_layout ul { padding: 0; grid-gap: 0 10px;}
  .Area08 { padding-bottom: 120px; background: url(A08-bg-bottom-p.png?t=1789720331562) bottom center / contain no-repeat, url(A07-bg-01center-p.png?t=1789720331562) top center / 100% repeat-y;}
}
@media screen and (max-width:767px){
  .Area08 .Att {margin-bottom: 4vw;}
  .Area_danji, .coupon { width: 96%;}
  .Area_danji_1 { margin-top: 5vw;}
  .Area_danji .danji_box .box_2 { margin-top: .3em;}
  .Area_danji_3 { margin-top: 2vw;}
  .A08r_box { background: url(A08r-bg-01center.png?t=1789720331562) top center / 100% repeat-y;}
  .A08_rush { background: url(A08r-bg-02bottom.png?t=1789720331562) bottom center / contain no-repeat; padding-bottom: 4vw; margin-bottom: 5vw;}
  .coupon { margin-bottom: 5vw;}
  .A08_btn .PD_layout ul { grid-gap: 0 .4em;}
  .Area08 { padding-bottom: 12vw; background: url(A08-bg-bottom.png?t=1789720331562) bottom center / contain no-repeat, url(A07-bg-01center.jpg?t=1789720331562) top center / 100% repeat-y;}
}

/*03、09輪播*/
.box03, .box09_all { background: url(A03-bg-p2.jpg?t=1789720331562) 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=1789720331562) 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){
  .Acat ul { padding: 0 130px !important; grid-gap: 20px !important;}
  .Abrand ul { padding: 40px 100px 0 100px !important; grid-gap: 20px !important;}
  .Area07 { background: url(A07-bg-01center-p.png?t=1789720331562) top center / 100% repeat-y;}
  .Area07 .PD_layout-btn { padding: 10px 0 30px;}
  .Ashop { background:  url(A07-bg-02bottom-p.png?t=1789720331562) bottom center / contain no-repeat;}
  .Ashop ul { padding: 0px 350px 10px 350px !important; margin-top: -80px !important;}

}
@media screen and (max-width:767px){
  .Acat { margin-top: 8vw;}
  .Acat ul, .Abrand ul { padding: 0 .4em !important; grid-gap: .4em !important;}
  .Abrand { padding-top: 4vw;}
  .Area07 .PD_layout-btn li .PD h3 { padding: .4em 1em;}
  .Area07 .PD_layout-btn { padding: 2vw 0 5vw 0;}
  .Area07 { background: url(A07-bg-01center.jpg?t=1789720331562) top center / 100% repeat-y;}
  .Ashop { background:  url(A07-bg-02bottom.jpg?t=1789720331562) 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){
  .Area05, .Area06 { padding-bottom: 70px;}
  .AK_bg { position: absolute; z-index: -1; margin: 0 auto; top: 230px;}
  .Area_page { width: 88%; margin-top: 20px; overflow: hidden;} 
  .Area_page .page_box { height: 750px !important;}
  .Area_page .PD_layout { width: 100%; height: auto;}
  .page { width: 90%;}
}
@media screen and (max-width:767px){
  .Area05, .Area06 { padding-bottom: 7.5vw; background: url(A05-bg-02bottom.png?t=1789720331562) bottom center / contain no-repeat;}
  .Area_page { padding-top: 2vw; overflow: hidden; background: url(A05-bg-01center.png?t=1789720331562) top center / 100% repeat-y;} 
  .Area_K1 .NavArea_tabbar_page li, .Area_K2 .NavArea_tabbar_page li { width: auto !important;}
} 

/*注意事項區*/
.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;}
}