@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; background-color: #abddf4 ; }
.WRAPPER img { border: 0; vertical-align: top;}
.WRAPPER a { text-decoration: none;}
@media screen and (max-width:767px){
  .WRAPPER { min-width: inherit; padding-bottom: 10vw; background-color: #abddf4 ; }
  .WRAPPER img {  width: 100%;  height: auto;}
}
	
/*背景*/
.bgtop  { z-index:0; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background: url(bgtop.png?t=1753954931247) repeat-x center top ;}
	@media screen and (max-width:767px){
		.bgtop { min-width: inherit;  background: url(m_bgtop.jpg?t=1753954931247) no-repeat center 40px; background-size:100%;}
	}
	
/*背景
.bg{ z-index:0; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:60000px; background: url(bg.png?t=1753954931247) no-repeat center top ;}
	@media screen and (max-width:767px){
		.bg { display:none}
	}*/
 
/*PC背景*/

	.bg01 { z-index:0; position:absolute; top:0; left:0; width:100%; min-width:1220px; height: 5000px; background: url(bg_01.jpg?t=1753954931247) no-repeat center top ;}
	@media screen and (max-width:767px){
		.bg01{
			display: none;
		}		
		
}
	.bg02{ z-index:0; position:absolute; top:16383px; left:0; width:100%; min-width:1220px; height:100%; background: url(bg_02.jpg?t=1753954931247) no-repeat center top ;}



/*折價券按鈕*/
.activ{height: 300px;padding-top: 100px;}
.activ img {width: 100%;}

@media screen and (max-width:767px){
	.activ{height: 25vw;padding-top: 7vw;}
	.activ img {width: 100%;}
}
/*區塊_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;}
.Area960 { margin:0 auto; width:960px;}
		.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;  list-style: none;}
		.Area_4bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_4bn_nopadding a { float:left; margin:0; padding:0; width:25%; list-style: none;}
  		.Area_5bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_5bn_nopadding a { float:left; margin:0; padding:0; list-style: none;}
		.Area_6bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_6bn_nopadding a { float:left; margin:0; padding:0; list-style: none;}
		.Area_smallbg_01 {height: 394px}
		.Area_smallbg_02 {height: 121px}
		.Area_smallbg_03 {height: 468px}
		.Area_smallbg_04 {height: 142px}

	@media screen and (max-width:767px){
		.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 0 -0.2vw 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_4bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_4bn_nopadding a { float:left; margin:0; padding:0; width:25%; list-style: none;}
		.Area_5bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_5bn_nopadding a { float:left; margin:0; padding:0; width:25%; list-style: none;}
		.Area_6bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
		.Area_6bn_nopadding a { float:left; margin:0; padding:0; width:16.5%; list-style: none;}
		.Area_smallbg_03 {height: 553px}
	}

/*PC公版區塊*/
@media screen and (min-width: 768px) {
.AreaPD{
	height: 375px;
}
.bottom{
	margin-bottom: 40px;
 
	}
}
/*MB公版區塊*/
@media screen and (max-width:767px){
		.bottom{margin-bottom: 10vw;}
	}

.mmainArea{
		height: 448vw;	
		background-color: #e0d7ea;
	}		
@media screen and (max-width:300px){
	.mmainArea{
		height: 675vw;
		background-color: #e0d7ea;
	}

	
}



/*版頭*/
.Area_top {}
.Area_top .momologo { z-index:2; position: absolute;top: 15px; left:40px;}
.Area_top .momologo a { display:block; width:200px; height:30px; background: url(momo_logo.png?t=1753954931247) no-repeat;}
.Area_top .momologo a:hover{ background: url(momo_logo_on.png?t=1753954931247) no-repeat;}
	@media screen and (max-width:767px){
		.Area_top { height: auto;}
		.Area_top .momologo { display:none}
	}
.bank_bn{ position:absolute; top:200px; left:0; z-index:3;}


/*移除公版設定*/
.Area .remove_box_style ul { background-color: transparent; grid-gap: 10px;}
.Area .remove_box_style ul li { border: none!important;}
@media screen and (max-width:767px){
  .Area .remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .remove_box_style ul {}
}


/*輪播BN*/
.AreabnX {height: 390px; padding: 100px 0;}
.AreabnX .box_swiper2 { position: relative; overflow: hidden; width: 90%; margin: 0 auto;}
.AreabnX .box_swiper2 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0;width: 100%; box-sizing: content-box; height: 430px; grid-gap: inherit;}
.AreabnX .box_swiper2 ul.PD_wrapper li { flex-shrink: 0; margin: 0 0; padding: 0; border: none;}
.AreabnX .box_swiper2 .PD_slide { min-width: inherit;}
.AreabnX .box_swiper2 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0px!important;}
.AreabnX .swiper-pagination-bullet { background: #fff;}
@media screen and (max-width:767px){
  .AreabnX {height: auto; padding: 6vw 0;}
  .AreabnX .box_swiper2 { width: 98%; height: auto; padding: 0 2%; box-sizing: border-box;}
  .AreabnX .box_swiper2 ul.PD_wrapper { padding: 0 0 4%; height: 40vw;}
}


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


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



/*新品上市*/
.Area07 {padding-top: 50px;}
.Area07 .A2_box { margin-bottom: 50px;}
.Area07 .A2_box:last-child { margin-bottom: 0;}
.Area07 .PD_box ul { grid-gap: 20px 0;}
.Area07 .PD_box ul li {}
.Area07 .PD_box ul li .PD_img { padding: 0;}
.Area07 .PD_box ul li .PD_into {}
.Area07 .PD_box ul li .PD_into h3 { color: #fff; font-size: 22px;}
.Area07 .PD_box ul li .PD_into h4 { position: relative; color: #fff; font-size: 20px; max-height: 2.5em; height: 2em;}
.Area07 .PD_box ul li .PD_into h4:after { content: ""; position: absolute; top: 1.8em; left: 0; width: 21em; height: 1px; background: #ffff00;}
.Area07 .PD_box ul li .PD_into .PD_intro { color: #2c270e; font-size: 20px; margin-bottom: 10px; height: 4em; overflow: hidden;}
.Area07 .PD_box ul li .PD_into p { height: 2.5em; color: #ffff00;}
.Area07 .PD_box ul li .PD_into p del { font-size: 22px; color: #2c270e;}
.Area07 .PD_box ul li .PD_into p b { font-size: 20px;}
.Area07 .PD_box ul li .PD_into p .money { font-size: 22px;}
.Area07 .PD_box ul li .PD_into p .Price { font-size: 40px;}
.Area07 .bg { position: absolute; top: -130px; left: 50%; transform: translateX(-50%); pointer-events: none;}
.Area07 .deco { position: absolute; bottom: -120px; left: 50%; transform: translateX(-50%); pointer-events: none;}
@media screen and (max-width:767px){
  .Area07 { padding-top: 5vw; }
  .Area07 .title { position: relative; left: 3vw; padding: 0.5vw 0 1vw;}
  .Area07 .A2_box { position: relative; padding: 0 2vw 0 5vw; box-sizing: border-box; z-index: 3; margin-bottom: 10vw;}
  .Area07 .PD_box ul { grid-gap: 0.5em 0;}
  .Area07 .PD_box ul li .PD_into { top: 0;}
  .Area07 .PD_box ul li .PD_into h3 { font-size: 15px;}
  .Area07 .PD_box ul li .PD_into h4 { font-size: 15px; max-height: 2em; height: 1.9em;}
  .Area07 .PD_box ul li .PD_into .PD_intro { font-size: 15px; margin-bottom: 1%;}
  .Area07 .PD_box ul li .PD_into p { height: 2.5em;}
  .Area07 .PD_box ul li .PD_into p del { font-size: 14px;}
  .Area07 .PD_box ul li .PD_into p b { font-size: 14px;}
  .Area07 .PD_box ul li .PD_into p .money { font-size: 16px;}
  .Area07 .PD_box ul li .PD_into p .Price { font-size: 28px;}
  .Area07 .bg { top: -11vw; width: 100%; z-index: 2;}
}
.box_youtube .youtubeArea { position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.box_youtube .youtubeArea * { margin: 0; padding: 0;}
.box_youtube .youtubeArea iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.box_youtube .youtubeArea .youtubeDiv { background-color: transparent!important;}
@media screen and (min-width:768px){
  .box_youtube { width: 960px;}
}
@media screen and (max-width:767px){
  .box_youtube { width: 89vw;}
}




/*共用樣式*/
.pointer-off ul li{ pointer-events: none;}
.titlebg { position: absolute; top: -52px; left: 50%; transform: translateX(-50%); }
.titlebg02 { position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.titlebg03 { position: absolute; top:0; left: 50%; transform: translateX(-50%); }
.bgbox01{ background: url(box_repeat.png?t=1753954931247) top center repeat-y; padding: 40px 0 0 0;}
.bgbox02 { border: solid 4px #fff; width: 1192px; margin: 0 auto; padding: 60px 0 0;}
.bgbox03 { background-image: linear-gradient( to right, #31a8da, #31a8da ); border-radius: 60px; }
.bgbox04 { background-image: linear-gradient( to right, #31a8da, #31a8da ); padding: 0 0 40px 0; border-radius: 60px; }
@media screen and (max-width:767px){
  .titlebg { width: 100vw; top: -5vw;}
  .titlebg02 { width: 101.5vw;}
  .titlebg03 { width: 100vw;}
  .bgbox01{ background-size: 100vw; padding: 4vw 0 0 ; margin-top: -1vw;}
  .bgbox02{ width: 98vw; border: solid 0.6vw #fff; padding: 3vw 0 0;}
  .bgbox03 { border-radius: 2vw ; }
  .bgbox04 { border-radius: 2vw ; }
}