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

/*基本*/
body{ margin: 0; padding: 0;}


/*全BOX版面*/
.WRAPPER { position: relative; display: block; margin: 0 auto; padding: 0; width: 100%;  min-width: 1220px; overflow: hidden; font-family: "微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border: 0; vertical-align: top;}
.WRAPPER a { text-decoration: none;}
.Area .list_00 ul {display:inline-block;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
.titleh3{height:auto; position: relative;  margin:0 auto 0; top: 30px;  text-align: center; background-position:center top; background-repeat:no-repeat; z-index: 10;}
@media screen and (max-width:767px){
  .WRAPPER { min-width: inherit; padding-bottom: 20vw;  background:url(mbgrepeat.jpg?t=1742179453301) ; background-repeat: repeat-y; background-size: 100%;  }
  .WRAPPER img {  width: 100%;  height: auto;}
  .titleh3{ width: 100%; margin-left: 0;  top: 7vw; }
}





/*背景*/
.bgtop{ 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:2; position:absolute; top:625px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_03 { z-index:1; position:absolute; top:7460px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.decorepeat { z-index:3; position:fixed; top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bglight { z-index:10; position:fixed; top:500px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bgrepeat01{ z-index:0; position:absolute; top:940px; left:0; width:100%; height:6600px; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bgrepeat02{ z-index:-1; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}




/*區塊_all*/
.Area { position: relative; margin: 0 auto; padding: 0; border-radius: 0; text-align: center; }
.Area a { 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);}
.Area1220 { margin: 0 auto; width: 1220px; position: relative;}
.Area960 { margin: 0 auto; width: 960px;}
@media screen and (max-width:767px){
  .Area .go_bt:hover {  
    -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;}

  .Area1220 { width: 100%;}
  .Area960 { width: 100%;}
  /*區塊_切割*/
  .Area_1bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_1bn a { float: left; margin: 0 0 2% 0; padding: 0; width: 100%; list-style: none;}
  .Area_2bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_2bn a { float: left; margin: 0 1% 2%; padding: 0; width: 48%; list-style: none;}
  .Area_3bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_3bn a { float: left; margin: 0 1% 2% ; padding: 0; width: 31.3%; list-style: none;}
  .Area_1bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_1bn_nopadding a { float: left; margin: 0; padding: 0; width: 100%; list-style: none;}
  .Area_2bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_2bn_nopadding a { float: left; margin: 0; padding: 0; width: 50%; list-style: none;}
  .Area_3bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_3bn_nopadding a { float: left; margin: 0; padding: 0; width: 33.3%; list-style: none;}
}


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




/*版頭*/
.Area_top { padding-bottom: 28px; height: 740px; }
.Area_top .momologo { z-index: 2; position: absolute; top: 15px; left:67px;}
.Area_top .momologo a { display: block; width: 200px; height: 30px; background: url(momo_logo.png?t=1742179453301) no-repeat;}
.Area_top .momologo a:hover{ background: url(momo_logo_on.png?t=1742179453301) no-repeat;}

.Area_top .toptitle { position: absolute; top: 100px; left: 120px; z-index: 10; pointer-events: none;}

.Area_top_pic {  z-index: 5;}
.Area_top_pic ul { padding: 0; margin: 0; list-style: none; position: absolute; top: 435px; left: 115px; z-index: 6;  width: 25%;}
.Area_top_pic li img { width: 90%;}
.Area_top_pic .pd_A_swiper { position: absolute; top:  -200px; left: -959px; width: 2000px; z-index: 0;}
.Area_top_pic .icon_ { position: absolute;}
.Area_top_pic .icon_1 { top: 267px; left: 2051px; z-index: 3; }
.Area_top_pic .icon_2 { top: 253px; left: 859px; z-index: 2; }
@media screen and (max-width:767px){
  .Area_top { height: auto; padding-bottom: 0; height: 150vw; }
  .Area_top .momologo { display: none;}
  .Area_top .toptitle { position: absolute; top: 20vw; left:5vw; z-index:10; pointer-events: none; width: 39%;}
  .Area_top_pic ul {  flex-wrap: nowrap; top: 70vw; left:6vw; width:113%; z-index: 10;}
  .Area_top_pic li { width: 33%; margin-right: 1vw; margin-bottom: 3vw;}
  .Area_top_pic li img { width:100%;}
  .Area_top_pic .pd_A_swiper { top:  0; left: 0; width: 100%; z-index: 1;}
  .Area_top_pic .icon_1 { top: 13vw; left:79vw; width: 6%}
  .Area_top_pic .icon_2 { top: -2vw; left:-2vw; width: 100%;}
	
	 .run {position:absolute;z-index:1;width:146vw;height:30vw;top:85vw;left:0;margin:0px;padding:0px;overflow:hidden;display:block;background-image:url("run.png?t=1742179453301");background-repeat:repeat-x;background-size:100%;}
}



/*行銷活動*/
.Area_activ{ height:215px; z-index: 20; }
.Area_activ .activ {position:absolute;left:360px; width: 85%; top: 15px;}
.Area_activ .activ ul{margin: 0 auto; display:flex; width:100%;}
.Area_activ .activ ul li { position: relative; list-style: none; margin:0; }
.Area_activ .activ ul li img{width:100%;}

		@media screen and (max-width:767px){
			.Area_activ { height:41vw; background-color:#d9d1cb; }
			.Area_activ .activ {position:absolute;left:3vw;top:-18vw; width: 94%; }
			.Area_activ .activ ul{padding:0; width: 100%; flex-wrap: wrap; }
		    .Area_activ .activ ul li{width:50%; }
			.Area_activ .activ ul li:nth-child(1){width:50%; margin-left: 47vw;}
			.Area_activ .activ ul li img{width:100%;}
		}







.Area01{ background-image:url("Area01_bg.jpg?t=1742179453301"); background-repeat:no-repeat; }
.Area01 .PD_layout { padding-top: 125px; padding-bottom: 50px;}
@media screen and (max-width:767px){
.Area01{   background-image:none;background-color:#d9d1cb; }
.Area01 .PD_layout {padding-top: 0; padding-bottom:5vw; background-color:#e5dbcf;}


    }




/*熱搜關鍵字*/
.Area02 { height:100%; z-index: 3;}

.Area02 ul.kind { display: flex;  justify-content: center;  width: 100%; padding:20px;}
.Area02 ul.kind li {width: auto;cursor: pointer;background: #fff;border: #000 2px solid;border-radius: 60px;color: #fff;font:bold 22px/55px "微軟正黑體"; list-style: none; width: 15.3%; margin-right:8px; }
.Area02 ul.kind li a { color: #171717;}
.Area02 ul.kind li:hover  {background: #bf8d54;color: #fff; }
.Area02 ul.kind li a:hover { color: #fff;}

/*公版調整*/
.Area02 .box { padding:0; position: relative; height:1070px; overflow: hidden;   }
.Area02 .pd {  position: absolute; width: 49%; left: 126px; top:140px;}
.Area02 .pd.PD_layout ul{display: table-row ;}

.Area02 .pd.PD_layout .PD_btn b { display: none!important; }
.Area02 .pd.PD_layout .PD_btn i { display: none!important; }
.Area02 .pd.PD_layout .PD h3 { color:#bc8849;}

.Area02 .pd.PD_layout .PD p .money { color:#bc8849;}
.Area02 .pd.PD_layout .PD p .Price { color:#bc8849;}
.Area02 .PD_layout[data-pd-direction="row"] .PD a, .PD_layout[data-pd-direction="row-reverse"] .PD a {    justify-content: flex-end !important;}

.Area02 .pd.PD_layout .PD_layout[data-pd-direction="row"] .PD_img, .PD_layout[data-pd-direction="row-reverse"] .PD_img{width: 40% !important;}
.Area02 .pd.PD_layout .PD_layout[data-pd-direction="row"] .PD_img, .PD_layout[data-pd-direction="row-reverse"] .PD_into{width: 60% !important;}

.Area02 .pd.PD_layout ul li:nth-child(2) .PD_img{ margin-left: -630px;}
.Area02 .pd.PD_layout ul li:nth-child(2) .PD_into{ margin-left:287px;}

/*BN公版調整*/
.Area02 .bn{position: absolute; left:730px; top: 136px;}


@media screen and (max-width:767px){
  .Area02 { background-image:none;  background-color:#d9d1cb;}
  .Area02 ul.kind {padding: 0vw;  width: 100%;  flex-wrap: wrap;}
  .Area02 ul.kind li {width: auto;cursor: pointer;background: #fff;border: #000 2px solid;border-radius: 60px;color: #fff;font:bold 17px/55px "微軟正黑體"; list-style: none; width:28.3%;  line-height: 11vw; margin: 1vw; margin-right:0; }
  .Area02 .box{ width: 100%; height:100% !important; top: 0vw;  background:url(mb_05.jpg?t=1742179453301) ; background-repeat: repeat-y; background-size: 100%; }
  .Area02 .box .bn { width: 100%; position: relative; left:0; top: 0vw;}


/*公版調整*/
.Area02 .pd{ position: relative;  width: 85%; left:0;  top:6vw;}
.Area02 .pd.PD_layout ul{display: table-row !important;}
.Area02 .pd.PD_layout ul li:nth-child(2) .PD_img{ margin-left: -90vw;}
.Area02 .pd.PD_layout ul li:nth-child(2) .PD_into{ margin-left: 37vw;}

}




/*3.新進大牌搶鮮看*/
.Area03 {height:100%; margin-top: 140px; z-index: 3;}
.Area03 .box {position:relative; width:100%; height:380px; left:0; top:0; margin-bottom:50px; z-index:9; overflow:hidden; background-color: #e5ddd1;}

/*錨點*/
.Area03 ul.kind {  display: flex; justify-content: center;   width: 100%; padding:40px 15px;}
.Area03 ul.kind li {width: auto;cursor: pointer;background: #fff;border: #000 2px solid;border-radius: 60px;color: #fff;font:bold 22px/55px "微軟正黑體"; list-style: none; width: 15.3%; margin-right:8px; }
.Area03 ul.kind li a { color: #171717;}
.Area03 ul.kind li:hover  {background: #5a5a5a;color: #fff; }
.Area03 ul.kind li a:hover { color: #fff;}

/*前面那顆圖*/
.Area03 .box .layout_bn {position:absolute;width:19%;left: 0;top: 0px;}
.Area03 .box .layout_bn ul {width:100%; padding:0!important; margin:0!important}
.Area03 .box .layout_bn ul li img{width:100%;}

/*4品輪播*/
.Area03 .box .layout_4PD {width:80%;overflow:hidden;margin: 0 0 0 20%;padding:40px 0 0 0;}
.Area03 .box .layout_4PD ul {width:100%; display:flex!important; margin: 0!important; padding:0!important;}
.Area03 .box .layout_4PD ul li {border-radius:0!important; margin: 0!important; padding:0!important;}
.Area03 .box .layout_4PD .PD h3 {background-color:#af8c75!important; border-radius: 30px;}
.Area03 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {position: relative;top:0;}
.Area03 .swiper-pagination-bullet { background:#fff;}

@media screen and (max-width:767px){
  .Area03 {width:100%;height:100%; margin-top: 0vw;}
  .Area03 .box {position: relative; width:100%;;height:auto; padding-bottom:5vw; margin-bottom:0vw;}
  /*錨點*/
  .Area03 ul.kind {padding: 0vw;  width: 100%;  flex-wrap: wrap;}
  .Area03 ul.kind li {width: auto;cursor: pointer;background: #fff;border: #000 2px solid;border-radius: 60px;color: #fff;font:bold 17px/55px "微軟正黑體"; list-style: none; width:28.3%;  line-height: 11vw; margin: 1vw; margin-right:0; }


	/*前面那顆圖*/
	.Area03 .box .layout_bn {position:relative; width:100%}
	.Area03 .box .layout_bn ul {width:100%;padding:0!important;margin:0 !important;}
	.Area03 .box .layout_bn ul li img{width: 100%;}

	/*4品輪播*/
    .Area03 .box .layout_4PD {width:97%;padding-bottom:2vw;margin: 0 auto;padding:0;}
    .Area03 .box .layout_4PD[data-fs-bn-phone="true 2"] ul{grid-template-rows:auto!important;}
    .Area03 .box .layout_4PD ul {widtwidth:100%;padding-bottom:2vw;margin: 0 0 0 0%;}
    .Area03 .box .layout_4PD[data-fs-bn-phone*="true"] li:first-child .PD_logo {display:block!important;}

}




/*隱鑶*/
.for_pc {}
.for_phone { display: none !important;}
	@media screen and (max-width:767px){
		.for_pc { display: none !important;}
		.for_phone { display: inherit !important;}
	}