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


/*
body {background: #ffffff!important;}
.Area_top .momologo { left: 40px!important; }
.Area_top .momologo a:hover{ transform: scale(1)!important;}

.WRAPPER {background: #ffffff;}
.momostyle_bg { 
	background-image:url("EDM_BG_02.jpg?t=1780457288245"),url("EDM_BG.jpg?t=1780457288245");
	background-position:center bottom,center top;
	background-repeat: no-repeat;  
    max-width: 2000px;
    margin: auto;
    overflow: hidden;
    font-size: 0;
}

a img {
	transform: translateY(0%);
	transition: all .1s .1s;
}

.momostyle_edm_all ul li:hover{
	transform: translateY(-2.5%);
	transition: all .3s;
    z-index: 2;
}*/


/*.momostyle_edm_kv { width: 1220px; height:920px; margin: auto; position: relative;}
.momostyle_edm_kv > img,
.momostyle_edm_kv > span { position: absolute; margin: auto; text-align: center;}
.momostyle_edm_kv > span:nth-child(1) { right: 0; left: 0; top: 10%; bottom: auto; position: absolute;  animation-delay: .0s; transform: translateY(23%);}
*/

/*KV輪播*/
/*.KV_PD {transform: translate(0%,0%); width: 50.49%;  position: absolute; left: auto; right: 0%; top: 0%; bottom: auto; margin: auto;z-index: 3;}
.KV_PD img {width: 100%!important;}
.KV_PD .slider .slick-dots { display: none!important; }*/
/*KV輪播*/


/*LIST輪播*/
/*.variable01 {
    width: 100%!important;
    margin: 0 auto 0 auto!important;
}

.variable01 img{
    width: 100%;
}

.sale_list { 
    margin-top: 0%!important;}

ul.list_style {
    width: 80%;
    margin:21% auto 15% auto;
    padding: 0;
    font-size: 0;
    
}
ul.list_style li {
    width: calc(100% / 3);
    margin: 0;
    padding: 0;
    display: inline-block;
}
    
ul.list_style li:nth-child( -n + 2) {
    width: calc(100% / 2);
}
    



.sale_list .slick-dots {
  position: absolute;
  bottom: auto;
  top: 4.8%;
  left: 0;
  right: 0;
  display: block;
  width: calc(92% - 10px);
  padding: 0;
  margin: 0 auto;
  list-style: none;
  text-align: center
}
.sale_list .slick-dots li {
  position: relative;
  display: inline-block;
  width: calc(100% / 6);
  height: auto;
  margin: 0px;
  padding: 0;
  cursor: pointer
}
    
    
.sale_list .slick-dots li.slick-active button:before {
    opacity: 1;
    background-color: transparent!important;
    }
    
    
.sale_list .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 54.19%!important;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0;
  transition: all .3s;
  background-color: transparent!important;
  filter: brightness(0.5);
}

.sale_list .slick-dots li.slick-active button{
    filter: brightness(1);
	transition: all .3s;
    z-index: 2;
}
    
.sale_list .slick-dots li button:before {
  line-height: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  content: "";
  text-align: center;
  opacity: 1;
  padding-bottom: 54.19%;
  background-color: transparent!important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
} 
    
.sale_list .slick-dots li:nth-child(1) button:before {
    background-image: none; 
    right: 2%;
    left: auto;
}  
.sale_list .slick-dots li:nth-child(2) button:before {
    background-image: none;
    right: auto;
    left: 2%;
}     
   
.sale_list .slick-dots li:nth-child(3) button:before {
    background-image: none;
    right: auto;
    left: 2%;
}    

.sale_list .slick-dots li:nth-child(4) button:before {
    background-image: none;
    right: auto;
    left: 2%;
}    
.sale_list .slick-dots li:nth-child(5) button:before {
    background-image: none;
    right: auto;
    left: 2%;
}    
.sale_list .slick-dots li:nth-child(6) button:before {
    background-image: none;
    right: auto;
    left: 2%;
}   */ 
   
/*輪播-end*/

.edm_dd_01 { animation-name:kv_dd_01; animation-iteration-count: infinite; }

        @keyframes kv_dd_01 {
	        0% {
		transform: translateY(0%); opacity: 0;
	        } 
             
	        20% {
		transform: translateY(-10%); opacity: 1;
	        } 
               
	        70% {
		opacity: .7;
	        }	
            
	        100% {
		transform: translateY(-50%); opacity: 0;
	        }			
        }

/**漂浮**/
.edm_kv_animation02 {
	animation-name: floating; animation-duration: 3s; animation-iteration-count: infinite; transform: translateY(1%); animation-delay: 0s;
}

@keyframes floating {
	0% {
		transform: translateY(1%);
	}
	50% {
		transform: translateY(-1%);	
	}	
	100% {
		transform: translateY(1%);
	}			
}

/**位移**/
.PD_R { 
		animation:PDR 1.5s 1 ; animation-fill-mode:forwards; }
	@keyframes PDR {
	  0% { 
		transform: translateY(10%);
	  }
	  100% { 
		transform: translateY(0%);
	  }
	}

.PD_L { 
		animation:PDL 1.5s 1 ; animation-fill-mode:forwards;}
	@keyframes PDL {
	  0% { 
		transform: translateY(-23%);
	  }
	  100% { 
		transform: translateY(0%);
	  }
	}

/**淡入**/
.FADE_IN { 
	    animation-name: FADE_IN; animation-duration: 3s; animation-fill-mode:forwards; opacity: 0; }
	@keyframes FADE_IN {
	  0% { 
		opacity: 0;
	  }
	  100% { 
		opacity: 1;
	  }
	}




/**彈出**/
.edm_kv_jump {
	animation-name: jump;
	animation-duration: 8s;	
	animation-timing-function: ease;	
	transform-origin: 50% 100%;
    animation-delay: .9s;
    animation-iteration-count:infinite;
    transform: scaleY(0) scaleX(0);
    animation-fill-mode:forwards;
}


@keyframes jump {
	0% {
		transform: translateY(0%) scaleY(0.6) scaleX(0.6);
	}
	6%{
		transform: translateY(-80%) scaleY(1.1) scaleX(1.1);
	}
	8%{
		transform: translateY(0%) scaleY(0.55) scaleX(1.05);
	}
	10%{
		transform: translateY(0%) scaleY(1.05) scaleX(1);
	}	
	12%{
		transform: translateY(0%) scaleY(0.95) scaleX(1);
	}				
	14%{
		transform: translateY(0%) scaleY(1) scaleX(1);
	}
	100%{
		transform:  translateY(0%) scaleY(1);
	}	
}

/*閃光*/				  
.brightness-play { -webkit-animation:brightness-play 3s infinite ;
				           animation:brightness-play 3s infinite ;}
	@-webkit-keyframes brightness-play {
	  0% { 
		filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter'); 
		-webkit-filter:brightness(100%); 
		        filter:brightness(100%);
	  }
	  92% { 
		filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter'); 
		-webkit-filter:brightness(100%); 
		        filter:brightness(100%);
	  }
	  94% { 
		filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="2" /><feFuncG type="linear" slope="2" /><feFuncB type="linear" slope="2" /></feComponentTransfer></filter></svg>#filter'); 
		-webkit-filter:brightness(120%); 
		        filter:brightness(200%);
	  }
	  96% { 
		filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter'); 
		-webkit-filter:brightness(100%); 
		        filter:brightness(100%);
	  }
	  98% { 
		filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="2" /><feFuncG type="linear" slope="2" /><feFuncB type="linear" slope="2" /></feComponentTransfer></filter></svg>#filter'); 
		-webkit-filter:brightness(120%); 
		        filter:brightness(120%);
	  }
	  100% { 
		filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/1500/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter'); 
		-webkit-filter:brightness(100%); 
		        filter:brightness(100%);
	  }
	}
	@keyframes brightness-play {
	  0% { 
		filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter'); 
		-webkit-filter:brightness(100%); 
		        filter:brightness(100%);
	  }
	  92% { 
		filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter'); 
		-webkit-filter:brightness(100%); 
		        filter:brightness(100%);
	  }
	  94% { 
		filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="2" /><feFuncG type="linear" slope="2" /><feFuncB type="linear" slope="2" /></feComponentTransfer></filter></svg>#filter'); 
		-webkit-filter:brightness(120%); 
		        filter:brightness(120%);
	  }
	  96% { 
		filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter'); 
		-webkit-filter:brightness(100%); 
		        filter:brightness(100%);
	  }
	  98% { 
		filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="2" /><feFuncG type="linear" slope="2" /><feFuncB type="linear" slope="2" /></feComponentTransfer></filter></svg>#filter'); 
		-webkit-filter:brightness(120%); 
		        filter:brightness(120%);
	  }
	  100% { 
		filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1" /><feFuncG type="linear" slope="1" /><feFuncB type="linear" slope="1" /></feComponentTransfer></filter></svg>#filter'); 
		-webkit-filter:brightness(100%); 
		        filter:brightness(100%);
	  }
	}





/*
.Area_danji .warningTxt h3 { color: #FFF!important; padding: 0rem 0 0!important;}
.Area_danji { margin-bottom: 3%;}
.Area_danji .danji_box ul li .content {}
.Area_danji .danji_box ul li .content p { background-color: #145aa4!important; color: #fff!important;}
.Area_4PDa .layuot_4PDa { padding-bottom: 0!important;}
*/






div.momostyle_bgAll:after { content: "";display:block; position: absolute; margin: auto; left: 0%; right: 0%; bottom: 0%; top: 0%;  background-repeat: no-repeat; background-position: top center; background-size: contain; z-index: -1;}

div.momostyle_bgA:after { background-image:url("GIFT_A_BG.png?t=1780457288245"); padding-bottom: 171.63%; top:55%;}
.momostyle_bgA { margin-top: 15%!important; padding-top: 5%!important;}
div.momostyle_bgA-2 { margin-bottom: 0%;} 

div.momostyle_bgB:after { background-image:url("GIFT_B_BG.png?t=1780457288245"); padding-bottom: 95.25%; top:77%;}
.momostyle_bgB { margin-top: 25%!important; padding-top: 0%!important;}
div.momostyle_bgB-2 { margin-bottom: 0%;} 

div.momostyle_bgC:after { background-image:url("GIFT_C_BG.png?t=1780457288245"); padding-bottom: 84.15%; }
.momostyle_bgC { margin-top: 12%!important; padding-top: 0%!important;}
.momostyle_bgC .PD_wrapper { width: 85%!important;}


div.momostyle_main_PD { margin-top: 10%;}
div.momostyle_main_PD .PD_wrapper { width: 100%!important;}

div.momostyle_footerGO {max-width: 2000px; margin: 2% auto 0 auto; background-image:url("GO_BG.png?t=1780457288245"); background-position: center; background-size: cover;}
div.momostyle_footerGO .PD_wrapper { width: 50%!important;}
div.momostyle_footerGO .PD_layout ul { padding: 20px!important;  grid-gap: 0px!important;}







/*改特標底色*/
.PD_layout[data-pd-h3="1"] .PD h3,
.PD_layout[data-pd-h3="2"] .PD h3,
.PD_layout[data-pd-h3="3"] .PD h3,
.PD_layout[data-pd-h3="4"] .PD h3,
.PD_layout[data-pd-h3="6"] .PD h3 {
  margin-bottom: 0.5em;
  padding: 0 1em;
  color: #fff;
  background-color: #000000;
  border-radius:0!important;
}	
	
	
	



@media screen and (max-width:767px){
.momostyle_edm_all { width: 96%; margin: auto;}
.Area02 .Area_danji	{ padding: 0 0vw;}

div.momostyle_bgA:after { background-image:url("GIFT_A_BG_m.png?t=1780457288245"); padding-bottom: 198%; top:63%;}
.momostyle_bgA { margin-top: 1%!important; padding-top: 10%!important;}

.momostyle_bgA .danji_box,
.momostyle_bgA-2 .danji_box { width: 90%!important;}
div.momostyle_bgA-2 { margin-bottom: 0%;} 
	
	
	
div.momostyle_bgB:after { background-image:url("GIFT_B_BG_m.png?t=1780457288245"); padding-bottom: 115%;top:105%;}
.momostyle_bgB { margin-top: 10%!important; padding-top: 15%!important;}
.momostyle_bgB .danji_box { width: 90%!important;}
.momostyle_bgB-2 .danji_box { width: 90%!important;}
div.momostyle_bgb-2 { margin-bottom: 0%;} 
	
div.momostyle_bgC:after { background-image:url("GIFT_C_BG_m.png?t=1780457288245"); padding-bottom: 102%; }
.momostyle_bgC { margin-top: 25%!important; padding-top: 0%!important;}
.momostyle_bgC .PD_wrapper { width: 95%!important;}
	
div.momostyle_bgD:after { background-image:url("GIFT_D_BG.png?t=1780457288245"); padding-bottom: 71%;}
.momostyle_bgD { margin-top: 10%!important; padding-top: 15%!important;}
.momostyle_bgD .PD_wrapper { width: 95%!important;}

div.momostyle_main_PD .PD_wrapper { width: 96%!important;}

div.momostyle_footerGO { margin: 2% auto!important;}
div.momostyle_footerGO .PD_wrapper { width: 100%!important;}

       

	
	
	
	
	
	
	
	
	
	
/*.momostyle_bg { 
	background-image:url("EDM_BG_M.jpg?t=1780457288245"),url("EDM_BG_M_02.jpg?t=1780457288245");
    max-width: 100%;
    overflow: hidden;
    background-size: contain;
	background-position:center 44px;
} */
  
/*.momostyle_edm_kv { width: 100%; height:0px; padding-bottom: 75.41%; margin: 0 auto 0 auto;}
.momostyle_edm_kv > span:nth-child(1) { width: 77.54%;}*/
/*.momostyle_edm_list ul li { width: calc(100% / 2 - 1%); margin: 0.5%; }
.list_A ul li{ width: calc(100% / 1 - 1%);}
.list_B ul li:nth-child(-n+3) { width: calc(100% / 1 - 1%);}
.list_C ul li{ width: calc(100% / 3 - 1%);}
.list_D ul li{ width: calc(100% / 3 - 1%);}*/
    
    
/*.Area_danji {}
    
.momostyle_edm_all,
.Area_4PDa,
.momostyle_edm_main,
.momostyle_edm_danji,
.momostyle_edm_main,
.momostyle_main_bg { width: 96%;}

	
	
	
.momostyle_list_bar { max-width: 100%; margin:5% auto 2% auto; text-align: center;}
.main_bar {width: 100%; margin:0% auto 0% auto;}

.momostyle_gift_bg_A,
.momostyle_gift_bg_B,
.momostyle_gift_bg_C,
.momostyle_gift_bg_D { width: 96%; margin:0% auto 3% auto; background-position: center top; background-repeat: no-repeat; background-size: contain;}
	
	
	
.momostyle_gift_bg_A > .PD_layout {padding: 19% 0 7% 0!important; }
.momostyle_gift_bg_D > .PD_layout {padding: 18% 0 4% 0!important; }
.momostyle_gift_bg_B .Area_danji {padding: 21% 0 10% 0 !important; }
.momostyle_gift_bg_C .Area_danji {padding: 20% 0 3% 0 !important; }

	*/
	
	
	
	
	
/*.momostyle_gift_bg_A .PD_layout { width: 90%; padding: 10% 0 6% 0;}*/
/*.momostyle_gift_bg_B .PD_layout { width: 85%; padding: 15% 0 11% 0; margin-top: 5%;}*/
/*.momostyle_gift_bg_C .PD_layout { width: 85%; padding: 14% 0 7% 0; margin-top: 5%;}*/



/*.momostyle_gift_bg_A_layout {padding: 15% 0 8% 0;}
.momostyle_gift_bg_A_layout .PD_layout { padding-bottom: 3%;}
.momostyle_gift_bg_A { background-image: url("GIFT_A_BG.png?t=1780457288245");}
.momostyle_gift_bg_A .Area_danji {padding: 16% 0 5% 0!important; }
.momostyle_gift_bg_A .Area_danji .danji_box ul li { padding:8% 0 12% 0; flex: 0 0 calc(50% - 5px); }
.momostyle_gift_bg_A .Area_danji .danji_box ul li:nth-child(3) {padding:2% 0 8% 0; flex: 0 0 100%;} 
.momostyle_gift_bg_A .Area_danji .danji_box ul li img { width: 100%; aspect-ratio: auto}*/
	

	
	
/*.momostyle_edm_danji .Area_danji {padding: 15% 0 0% 0; width: 85%; margin:0% auto }*/

    
}