@charset "utf-8";
/*基本*/
body { margin: 0; padding: 0; width:100%;background-color:#feefdb; }
.for_phone { display:none;}
 @media screen and (max-width:767px){
                .for_pc{ display:none !important;}
                .for_phone{ display:block !important;}
				 body { margin: 0; padding: 0; background-image:none }
				 .for_m_magintop { margin-top:3vw;}
 }


/*全BOX版面*/
.WRAPPER {position:relative; display:inline-block;  margin:0; padding:0;  width:100%;  overflow:hidden;min-width:1220px;   }
.WRAPPER img {border:0; vertical-align:top;}
.WRAPPER .mainArea {  margin:0 auto; width:1220px; font-family:"Century Gothic", "微軟正黑體", sans-serif; position:relative; }
.WRAPPER .mainArea a{ padding:0; margin:0; text-decoration:none; font-family:"微軟正黑體" }
.WRAPPER  a { text-decoration:none;font-family:"微軟正黑體"} 
/*控制區塊背景的位置*/
.Areabg{ margin-left:-390px;} 
@media screen and ( max-width:736px) {
	.WRAPPER {min-width: inherit; }
	.WRAPPER img {width:100%; height:auto;}
}




/*區塊背景*/
@media screen and (min-width:768px) {
.Areabg01{position:absolute;z-index: -5;top:0px;left:0;width:100%;min-width:1220px;height: 1396px;background-image:url(pc_01.png?t=1751276123414);background-repeat:no-repeat;background-position:center top;pointer-events: none;}
.Areabg02{position:absolute;z-index: -4;top:0px;left:0;width:100%;min-width:1220px;height: 1246px;background-image:url(pc_02.png?t=1751276123414);background-repeat:no-repeat;background-position:center top;pointer-events: none;}
.Areabg03{position:absolute;z-index: -1;top: 0px;left:0;width:100%;min-width:1220px;height: 1686px;background-image:url(pc_03.png?t=1751276123414);background-repeat:no-repeat;background-position:center top;pointer-events: none;}
.repeat_bg2{position:absolute;z-index: -7;left:0;top: 930px;width:100%;min-width:1220px;height:30000px;background-image:url(pc_reapet.jpg?t=1751276123414);background-repeat:repeat-y;background-position:center top;pointer-events:none;}
.bg_fix { z-index:-60; position:fixed; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bgdeco {z-index: -56;position:absolute;/* top: -690px; */left: 0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}  
}




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

.m_top_bg01 {z-index: -5;position:absolute;top: 10vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.bg_fix {z-index: -10;position:fixed;top: 10vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_repeat_bg2{z-index: -7;position:absolute;top: 79vw;left: 0;width: 100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}

}


/*區塊_all*/
.Area1220 {position: relative;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; }
.Areaa {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.95);-moz-transform:scale(0.95);-ms-transform:scale(0.95);-o-transform:scale(0.95);transform:scale(0.95);}






 @media screen and (max-width:767px){
  .Area1220 { width:100%;}
  .Area960 {width:100%;}
  /* .Area .go_bt:hover {  -webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;} */
 }
    


 .txt .PD_layout ul h4:hover{color: #533013;}

/*間距*/
.Area_bottom {margin-top:55px;}
@media screen and (max-width:767px){
  .Area_bottom { margin-top:0vw;}
}



/*momo_logo*/
.Area_top .momologo {z-index:6;position: absolute;top: 15px;left: 20px;}
.Area_top .momologoa {display: block;width: 200px;height: 30px;background: url(momo_logo.png?t=1696598482216) no-repeat;}
.Area_top .momologoa:hover { background: url(momo_logo_on.png?t=1696598482216) no-repeat;}
@media screen and (max-width:767px){
.Area_top .momologo { display: none;}
}





/*---線上入搞區標---*/
@media screen and (min-width:768px){
  .text{width: 84%;position: relative;left: 50%;transform: translateX(-50%);}
  .text .PD_layout{width: 90%;}
  }
  @media screen and (max-width:767px){
  .text{}
  .text .PD_layout{}
  .text .PD_layout ul{padding: 0;grid-gap: 0;}
  
  }
  





/*-----版頭-----*/
@media screen and (min-width: 768px){
  .Area_top{position: relative;height: 902px;margin:0 auto;box-sizing:border-box;padding: 0 0 0;}
  /*大標*/ 
  .Area_top .title01 {position:absolute;width: 80%;top: 100px;left: 131px;height: auto;z-index: 7;}
  .Area_top .title01 img {width: 88%;}
  .Area_top .title01 input{position: relative;top: -30px;}
  /*副標輪播*/
  .Area_top .title02{z-index: 11;position:absolute;top: 358px;left: 117px;width: 17.5%;}

  /*版頭品*/
  .Area_top .top_pd {width: 69%;position:relative;top: 326px;left: 193px;height: auto;z-index: 10;}
  .Area_top .top_pd .PD_layout ul:nth-child(1) li{position:absolute;}


}
@media screen and (max-width:767px){
  .Area_top {width:100%;position: relative;height: 93vw;padding:0 0 0 0;}
  /*大標*/ 
  .Area_top .title01 {width: 77%;position:absolute;top: 9vw;left: 13vw;height: auto;z-index: 7;}
  .Area_top .title01 img {width: 100%;}
  .Area_top .title01  ul li .PD .PD_img{display: block!important;}
   /*副標輪播*/
   .Area_top .title02 {position: absolute;width: 22.5%;margin: 0 auto;left: 3vw;top: 33.5vw;z-index: 10;}
   .Area_top .Area_swiper_box img{width: 100%;} 

 /*版頭品*/
  .Area_top .top_pd {position:relative;width: 100%;top: 27vw;left: 6vw;height: auto;z-index: 9;}
  .Area_top .top_pd .PD_layout {width: 100%;padding: 3vw 0 0 0;}
  .Area_top .top_pd .PD_layout ul{}
  .Area_top .top_pd .PD_layout ul:nth-child(1) li{position:absolute;}
  .Area_top .top_pd .PD_layout ul:nth-child(2) li{position:absolute;}
  .Area_top .top_pd img {width: 100%;}
}


/*---01_現在買，最划算---*/
@media screen and (min-width:768px){
  .Area_buy{margin-bottom: 240px;}

  /*大背景*/ 
  .item_bg_01 {z-index: -1;position:absolute;top: 0;width:100%;height: 1300px;background-repeat:no-repeat;background-position: center top;pointer-events:none;} 
  .Area_item {height: auto;margin: 0 auto 0 auto;padding: 80px 0 0 0;}
  .Area_item .box_all {position: relative;}
  .Area_item .box01 {position: relative;margin: 37px auto 0 auto;width: 76%;}
  .Area_item .box01 .PD_layout li:nth-of-type(2){top: 140px;}


}

@media screen and (max-width: 767px){
  .Area_buy{margin-bottom: 20vw;}
  /*大背景*/ 
  .item_bg  {z-index: -1;position:absolute;left: 0;width: 100%;height: 471vw;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;top: 2vw;}
  .Area_item {margin: 2vw auto 0 auto;position: relative;padding: 14vw 0 0 0;top: 0;height: auto;}
  .Area_item .box_all {position: relative;}
  .Area_item .box01 {position: relative;margin:1vw auto 0 auto;}
  .Area_item .box01 .PD_layout li:nth-of-type(2){top: 9vw;}

}



/*---02_本月主打星---*/
@media screen and (min-width:768px){
  .Area_hot{margin-bottom: -80px;}
  .Area_4pd{margin: 40px auto 0 auto;}
  .Area_4pd .bg{margin: 90px auto 0 auto;}
  .Area_4pd .PD_layout.ly{width: 89%;margin: -40px auto -50px auto;}
  .Area_4pd .PD_layout ul{grid-gap: 0;}

}

@media screen and (max-width:767px){
  .Area_hot{margin-bottom: -10vw;}
  .Area_4pd{margin: 1vw auto 0 auto;}
  .Area_4pd .PD_layout.ly{width: 95%;margin: -4vw auto -4vw auto;}
}





/*---03 登記活動---*/

/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #fffd53;}                 
                    
@media screen and (min-width:768px){
	.danji{margin: 112px auto 50px auto;}
	.danji .Area_danji{}
}
@media screen and (max-width:767px){
  .danji{margin: 11vw auto 5vw auto;}
  .danji .Area_danji{width: 96%;}
}

/* 04 館長嚴選活動 */
@media screen and (min-width:768px){
.Area_active .Area960{margin-top: -50px;}
}

/*---打字的區標設定---*/
@media screen and (min-width:768px){
  .txt{margin: 0 auto 30px auto;height: 120px;}
  .txt .bg{position: absolute;left: 50%;top:10px;transform: translateX(-50%);z-index: -1;}
  .txt .PD_layout{position: absolute;left: 49%;top: 28px;transform: translateX(-50%);}
  .txt .PD_layout ul{padding: 0;grid-gap: 0;}
  .txt .PD_layout ul .PD_into{padding: 0;}
  .txt .PD_layout ul h4{color: transparent;background-clip: text;font-weight: bold;font-size: 3.5em;background-image: repeating-linear-gradient(360deg, #533013 20%, #533013 100%);padding: 0;margin: 0;}
  .txt .PD_layout ul h4 span{/* background-image: repeating-linear-gradient(178deg, #0064bb 20%, #0064bb 100%) !important; */}
}
@media screen and (max-width:767px){
  .txt{margin: 0 auto 0vw auto;height: 14vw;}
  .txt .bg{position: absolute;/* top: -9vw; */z-index: -1;}
  .txt .PD_layout{position: absolute;left: 50%;top: 2vw;transform: translateX(-50%);}
  .txt .PD_layout ul{padding: 0;grid-gap: 0;}
  .txt .PD_layout ul .PD_into{padding: 0;}
  .txt .PD_layout ul h4{color: transparent;background-clip: text;font-weight: bold;font-size: 1.5em;background-image: repeating-linear-gradient(360deg, #533013 20%, #533013 100%);padding: 0;margin: 0;}
  .txt .PD_layout ul h4 span{/* background-image: repeating-linear-gradient(178deg, #0064bb 20%, #0064bb 100%) !important; */}
}


/* 下方輪播公版 */
@media screen and (min-width: 768px) {
.Area_down{margin-bottom: 50px;}
}
@media screen and (max-width:767px){
.Area_down{margin-bottom: 5vw;}
}

/* 折價券 */
@media screen and (min-width: 768px) {
  .Area_coupon{margin-bottom: 30px;}  
  .Area_coupon .Area_swiper_box .PD_layout-coupon3{height: 190px;}
}
@media screen and (max-width:767px){
.Area_coupon{margin-bottom: 6vw;}  
.Area_coupon .Area_swiper_box .PD_layout-coupon3{height: 22vw;}
}

/*---品類---*/
@media screen and (min-width: 768px) {	
  .Area_logo{margin: 60px auto 30px auto;height: auto;}
  .Area_logo .PD_layout ul{width: 75%;}

}
@media screen and (max-width:767px){
  .Area_logo{height: auto;margin: 4vw auto 5vw auto;width: 96%;}
  .Area_logo .PD_layout[data-pd-li=BN] ul{grid-gap: .6em;}

}


/*注意事項區*/
.edm_notice{position: relative; text-align:center; padding:10px 10px 15px 10px; color:#000; font:12px/18px Helvetica;}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }