@charset "utf-8";
/*基本*/
body { margin: 0; padding: 0; width:100%;background-color:#03449f; }
.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.jpg?t=1724990151425);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=1724990151425);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: -6;position:absolute;top: 320px;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%;}

}




/*logo*/
@media screen and (min-width:766px){
.go_bt2 {
  -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;}
.go_bt2:hover { 
   filter:brightness(130%);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);
    }
 .Area .go_bt {position:relative;display:block;-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);}
 }

/*區塊_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;}
 }
    
/*區塊-共用按鈕*/
.Area .btn_go {}
.Area .btn_go *{-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-ms-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease;} 
.Area .btn_goa:hover {  -webkit-transition: all 0.35s;transition: all 0.35s;-webkit-transform: scale(0.9);transform: scale(0.9);}
.Area .btn_goa:after  { 
          -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;}
;o:hover a { color:#fff;}
;
.Area .btn_go:hover a:after  { width:150% !important;}
;

.Area .btn_go:hover a i { background-color:#000;transform:translateX(-10px);transition-delay:0.1s;}
.Area .btn_goastrong {z-index:2;position: relative; }
.Area .btn_goai {z-index: 3;position: absolute;top: -63px;right: -278px;display: inline-block;border-radius: 60px;width: 60px;height: 60px;background: #09006e url(btn_icon_r.png?t=1696598482216);background-size: contain;
}
 @media screen and (max-width:736px){ 
   .Area{width:100%;height:100%;min-width:100%;}
  .Area .btn_go {position:absolute; }
  .Area .btn_go *{-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;} 
  .Area .btn_go a {display:block;color:#fff;letter-spacing:-2px;}
  .Area .btn_go a:after  {}
  .Area .btn_go:active a,
  .Area .btn_go:focus a,
  .Area .btn_go:hover a { color:#fff;}
  .Area .btn_go:active a:after,
  .Area .btn_go:focus a:after,
  .Area .btn_go:hover a:after  { width:150% !important;}
  .Area .btn_go:active a i,
  .Area .btn_go:focus a i,
  .Area .btn_go:hover a i { background-color: transparent;transform:translateX(-10px);transition-delay:0.1s;}
  .Area .btn_go a strong {z-index:2;position: relative; }
  .Area .btn_go a i {z-index:3;position: absolute;top:0;right:0;display:inline-block;border-radius:35px;width:35px;height:35px;background:#09006e url(btn_icon_r.png?t=1696598482216);background-size:contain;}
 }




/*間距*/
.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){
  .Area_top{position: relative;height: 686px;margin:0 auto;box-sizing:border-box;padding: 0 0 0;}
  /*大標*/ 
  .Area_top .title01 {position:absolute;width: 61%;top: 271px;left: -30px;height: auto;z-index: 7;}
  .Area_top .title01 img {width: 93%;}
  .Area_top .title01  ul li{position: absolute;}
  .Area_top .title01 .PD_layout ul li:nth-child(1){top: -90px;left: 0;}
  .Area_top .title01 .PD_layout ul li:nth-child(2){top: 0;left: 0;}
  .Area_top .title01 .PD_layout ul li:nth-child(2) img{width: 94%;}
  .Area_top .title01 input{position: relative;top: -30px;}
  /*副標輪播*/
  .Area_top .title02{z-index: 11;position:absolute;top: 404px;left: 117px;width: 620px;height: 172px;overflow: hidden;}
 .Area_top .Area_swiper_box {width: 100%;} 
  .Area_top .Area_swiper_box ul{display: flex;grid-gap: 0;padding: 0;height: 110px;} 
  .Area_top .Area_swiper_box img{width: 100%;} 
  /*date*/
  .Area_top .date{width: 22%;position: absolute;top: 419px;left: -60px;z-index: 14;}
  /*版頭品*/
  .Area_top .pd{width: 42%;position: absolute;top: 59px;left: 697px;z-index: 10;}
  .Area_top .pd .PD_layout ul li{position: absolute;opacity:0;}


}
@media screen and (max-width:767px){
  .Area_top {width:100%;position: relative;height: 105vw;padding:0 0 0 0;}
  /*大標*/ 
  .Area_top .title01 {width: 97%;position:absolute;top: 0vw;left: 1vw;height: auto;z-index: 7;}
  .Area_top .title01 img {width: 100%;}
  .Area_top .title01  ul li{position: absolute;opacity: 0;}
  .Area_top .title01  ul li .PD .PD_img{display: block!important;}
  .Area_top .title01 .PD_layout ul li:nth-child(1){top: -2vw;left: 0;}
  .Area_top .title01 .PD_layout ul li:nth-child(2){top: 14vw;left: 0;}
  .Area_top .title01 .PD_layout ul li:nth-child(2) img{width: 94%;}
  /*副標輪播*/
  .Area_top .title02 {position: absolute;width: 92%;height: 15vw;margin: 0 auto;left: 16vw;top: 31.5vw;z-index: 10;}
  .Area_top .title02 .Area_swiper_box{width: 73vw;height: 20vw;overflow: hidden;}
  .Area_top .title02 .Area_swiper_box ul{display: flex;height: 13vw;grid-gap: 0;padding: 0;}
  .Area_top .Area_swiper_box img{width: 100%;} 
  /*date*/
  .Area_top .date{width: 31%;position: absolute;top: 32vw;left: 2vw;z-index: 10;}
  /*版頭品*/
  .Area_top .pd {  width: 57%;position: absolute;top: 41vw;left: 25vw;z-index: 9;}
  .Area_top .pd .PD_layout ul li{position: absolute;opacity:0;}
  .Area_top .pd .PD_layout ul li:nth-child(1){}

}

/*---版頭裝飾---*/
@media screen and (min-width:768px){
	.deco_02{width: 6%;position: absolute;top: 574px;left: 667px;transform-origin: top right;z-index: 1;transform-origin: center center;pointer-events: none;}
	.deco_02 img{width: 81%;position: absolute;}
  .deco_01{width: 6%;position: absolute;top: 156px;left: 1247px;z-index: 1;transform-origin: center center;pointer-events: none;}
	.deco_01 img{width: 81%;position: absolute;}
}

@media screen and (max-width:767px){
	.deco_01{width: 100%;position: absolute;top: 49vw;left: 0;transform-origin: center center;pointer-events: none;}
	.deco_01 img{width: 100%;}
  .deco_02{width: 96%;height: auto;position: absolute;top: 54vw;left: 4vw;transform-origin: center center;pointer-events: none;}
	.deco_02 img{width: 100%;}
}




/*---按鈕---*/
@media screen and (min-width:768px){
	.Area_hot_bn{margin: 25px auto 0 auto;}
	.Area_hot_bn .PD_layout{width: 81%;height: 348px;background: no-repeat center top/100% url("hot_bn_bg.png?t=1725589051314");}
  .Area_hot_bn .PD_layout ul{padding: 16px 0 0 0;grid-gap: 0;}
  .Area_hot_bn .PD_layout ul li{/*pointer-events: none;*/}
	

}
@media screen and (max-width:767px){
    .Area_hot_bn{margin: 2vw auto 1vw auto;}
    .Area_hot_bn .PD_layout {height:36vw ; background: no-repeat center top/100% url("hot_bn_bg.png?t=1725589051314");}
    .Area_hot_bn .PD_layout ul{padding: 2vw 0 0 0; grid-gap: 0;}
	.Area_hot_bn .PD_layout ul li{/*pointer-events: none;*/}

}


/*---優惠標---*/
@media screen and (min-width:768px){
	.Area_bn{margin: 25px auto 0 auto;}
	.Area_bn .PD_layout{width: 81%;}
}
@media screen and (max-width:767px){
    .Area_bn{margin: 2vw auto 1vw auto;}
    .Area_bn .PD_layout ul{grid-gap: 0;}

}






/*---登記---*/
@media screen and (min-width:768px){
	.danji{margin: 33px auto 0 auto;}
}

@media screen and (max-width:767px){
    .danji{margin: 3vw auto 0 auto;}
    .danji .Area_danji ul {width: 96%;margin: 0 auto;}
    .danji .PD_layout-btn{margin: -3vw auto 0 auto;padding: 0 0 4vw 0;}

}





/*---品牌區---*/
@media screen and (min-width:768px){
  .Area_item{position: relative;margin: 50px auto 0 auto;}
  .Area_item .box_all{width: 97%;margin: 0 auto;}
  .Area_item .more{width: 33%;position: relative;margin: 50px auto 0 auto;}
  .Area_item .layout_item ul {width: 74%;grid-gap: 0px;}
  .Area_item .layout_item ul li:nth-child(odd){padding: 0 0 0px 0;height: 450px;background: no-repeat center top/100% url("item_bg.png?t=1717037307497");}
  .Area_item .layout_item ul li:nth-child(even){padding: 0 0 0px 0;height: 450px;background: no-repeat center top/100% url("item_bg02.png?t=1717037307497");}
  .Area_item .layout_item  ul li:nth-child(odd) .PD_img{position: absolute;top: -30px;left: -39px;width: 45%;}
  .Area_item .layout_item  ul li:nth-child(odd) .PD_into{position: relative;top: 100px;left: 370px;width: 54%;text-align: left;}
  .Area_item .layout_item  ul li:nth-child(even) .PD_img{position: absolute;top: -30px;left: 506px;width: 45%;}
  .Area_item .layout_item  ul li:nth-child(even) .PD_into{position: relative;top: 100px;left: 30px;width: 54%;text-align: left;}
  /*公版_文字*/	
  .Area_item .layout_item  ul li .PD_into h3{color: #ffffff;width: 82%;position: relative;left: 50%;transform: translateX(-50%);top: 21px;font-size: 2em;}
  .Area_item .layout_item  ul li .PD_into h4{color: #ffffff;position: relative;top: 21px;left: 23px;font-size: 1.7em;}
  .Area_item .layout_item  ul li .PD_into p{color: #ffffff;width: 96%;font-size: 1.8em;position: relative;top: 11px;left: 39px;}
  .Area_item .layout_item  ul li .PD_into p del{color: #a8a8a8;}
  .Area_item .layout_item  ul li .PD_into p .Price,.Area_item .layout_item .PD_layout .PD p b,.Area_item .layout_item .PD_layout .PD p .money{
      color: #ffffff;
      font-weight: 900;
      background: none;
      background-image: repeating-linear-gradient(178deg, #ffffff 20%, #ffffff 100%) !important;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      font-size: 1.8em;
      }	
}

@media screen and (max-width:767px){
  .Area_item{position: relative;margin: 5vw auto 0vw auto;}
  .Area_item .box_all{width: 100%;margin: 0 auto;}
  .Area_item .more{width: 50%;position: relative;margin: 8vw auto 0 auto;}
  .Area_item .layout_item ul{width: 92%;padding: 0;}
  .Area_item .layout_item ul li:nth-child(odd){width: 100%;padding: 0 0 0vw 0;height: 43vw;background: no-repeat center top/100% url("item_bg.png?t=1725589051314");}
  .Area_item .layout_item ul li:nth-child(even){width: 100%;padding: 0 0 0vw 0;height: 43vw;background: no-repeat center top/100% url("item_bg02.png?t=1725589051314");}
  .Area_item .layout_item  ul li:nth-child(odd) .PD_img{position: absolute;top: -3vw;left: -4vw;width: 47%;}
  .Area_item .layout_item  ul li:nth-child(odd) .PD_into{position: relative;top: 5vw;left: 39vw;width: 54%;text-align: left;}
  .Area_item .layout_item  ul li:nth-child(even) .PD_img{position: absolute;top: -3vw;left: 53vw;width: 47%;}
  .Area_item .layout_item  ul li:nth-child(even) .PD_into{position: relative;top: 5vw;left: 3vw;width: 54%;text-align: left;}

  /*公版_文字*/	
  .Area_item .layout_item  ul li .PD_into h3{color: #ffffff;width: 100%;position: relative;left: 1vw;top: 5vw;margin: 0 auto;font-size: 1.2em;}
  .Area_item .layout_item  ul li .PD_into h4{color: #ffffff;position: relative;top: 3vw;left: 0;font-size: 1em;}
  .Area_item .layout_item  ul li .PD_into p{color: #ffffff;width: 96%;font-size: 1.1em;position: relative;top: 1vw;left: 2vw;}
  .Area_item .layout_item  ul li .PD_into p del{color: #dbdbdb;}
  .Area_item .layout_item  ul li .PD_into p .Price,.Area_item .layout_item .PD_layout .PD p b,.Area_item .layout_item .PD_layout .PD p .money{
      color: #ffffff;
      font-weight: 900;
      background: none;
      background-image: repeating-linear-gradient(178deg, #ffffff 20%, #ffffff 100%) !important;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      }	
  

}


/*情境公版*/
.Area_slide {}
.Area_slide { margin: 0 auto; display: flex; flex-direction: column; justify-content: flex-start; overflow: auto hidden;}
.Area_slide .box  { width: max-content; height: auto; position: relative}
.Area_slide .box_ { display: flex; width: auto; position: relative; white-space: nowrap; flex-direction: row; justify-content: flex-start; }
.Area_slide .box_bn { position: relative; z-index: 0; height: auto  }
.Area_slide .box_pd { position: relative; display: flex; flex-direction: column; overflow: hidden; z-index: 1}
.Area_slide .PD_layout li:hover { transform: none }
.Area_slide .PD_layout_pd ul { display: flex; width: max-content;padding: 0; margin: 0; flex-direction: row; flex-wrap: nowrap; background-color: transparent }
.Area_slide .PD_layout_pd li { min-width:initial ; float: left; background-color: #fff; border-bottom: solid 1px #d1d1d1 !important; border-left: solid 1px #d1d1d1!important; border-right: none!important; border-top: none }
.Area_slide .PD_layout_bn { position: absolute; ; height: 100%; width: 100%; left: 0; top: 0}
.Area_slide .PD_layout_bn ul { width: 100%; padding: 0; margin: 0; background-color: transparent   }
.Area_slide .PD_layout_pd .PD p b { display: none }
  @media screen and (min-width:768px){ 
    .Area_slide {margin: 50px auto 0 auto; /*width: 960px;*/width: 755px; border-radius: 15px } 
    .Area_slide .box_bn { width: 274px; }  
    .Area_slide .box_pd { margin-left: -20px; border-radius: 15px;} 
    .Area_slide .PD_layout_pd li { width: 250px}
  }
  @media screen and (max-width:767px){
    .Area_slide {margin: 5vw auto 0 auto; width: 96vw;  border-radius: 10px} 
    .Area_slide .box_bn { width: 45vw;}  
    .Area_slide .box_pd { margin-left: -4vw; border-radius: 10px;} 
    .Area_slide .PD_layout_pd li { width: 33vw; height: 57vw;} 
  }





/*---2品---*/
@media screen and (min-width:768px){
  .Area_2PD{margin: 30px auto 0 auto;}

}
@media screen and (max-width:767px){
.Area_2PD{margin: 3vw auto 0 auto;}

}







/*---下方公版---*/
@media screen and (min-width:768px){
  .Area_ly_down{margin: 60px auto 0 auto;}
  .Area_ly_down .box{position: relative;margin: 60px auto 100px auto;}
  .Area_ly_down .box .PD_layout.ly{width: 89%;margin: 0 auto -50px auto;}
  .Area_ly_down .box .PD_layout ul {}

}

@media screen and (max-width:767px){
  .Area_ly_down{margin: 4vw auto 0 auto;}
  .Area_ly_down .box{position: relative;margin: 0vw auto 6vw auto;}
  .Area_ly_down .box .PD_layout.ly{width: 98%;margin: 0vw auto -4vw auto;}
  .Area_ly_down .box .PD_layout ul {}
  .Area_floorPD_NavArea_tabbar{margin: 0 auto 0 auto!important;}
}


/*---類別---*/
@media screen and (min-width: 768px) {	
  .Area_category{margin: 118px auto 0 auto;}
  .Area_category .PD_layout ul{width: 80%;}
}
@media screen and (max-width:767px){
  .Area_category{margin: 8vw auto 0 auto;}
  .Area_category .PD_layout ul{width: 97%;}
}



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

}
@media screen and (max-width:767px){
  .Area_logo{height: auto;margin: 4vw auto 4vw  auto;width: 83%;}

}