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



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

.WRAPPER {background: #cdd8da;}
.momostyle_bg { 
	background-image:url("EDM_BG.jpg?t=1753082109882");
	background-position: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:827px; margin: auto; position: relative;}
.momostyle_edm_kv > img,
.momostyle_edm_kv > span { display: block; position: absolute; margin: auto;animation-delay: 0s; }






/*KV輪播*/
.KV_PD {transform: translate(0%,0%); position: absolute; margin: auto; width: 59.84%; left: 0; right: 0; top:33%; bottom:auto;}
.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*/


ul.PD_wrapper {  width: 96%; margin: 0 auto;}
ul.PD_wrapper li { padding-bottom: 10px;}


.Area_danji { margin-bottom: 3%;}
.Area_danji .warningTxt h3 { color: #666!important; padding: 0rem 0 0!important;}
.Area_danji .danji_box ul li .content { }
.Area_4PDa .layuot_4PDa { padding-bottom: 0!important;}
.Area_bottom { margin-bottom: 0!important;}

.momostyle_edm_all { width: 1220px; margin:2% auto 0 auto; text-align: center; font-size: 0;}
.momostyle_edm_all ul {
    width: 100%; margin: 0; padding: 0; font-size: 0; background-position: top center;
    background-size: cover; background-repeat: no-repeat; position: relative;}
.momostyle_edm_all ul li {padding: 0; margin: auto; display: inline-block; list-style: none;} 
.momostyle_edm_all ul li img {max-width: 100%;} 
.momostyle_edm_all h2 { margin: 5% auto 3% auto; padding: 0;}

.momostyle_edm_danji {width: 1220px; margin:2% auto; text-align: center; font-size: 0; position: relative;}

/*yt*/
.momostyle_edm_movie {width: 100%; margin: 1% auto; padding: 0.1% 0;}
.momostyle_edm_movie ul { max-width: 1000px; margin: 2% auto; padding: 0; font-size: 0;}
.momostyle_edm_movie ul li { width:calc(100% / 1 - 6% - 20px); margin:0% 3%; padding: 0; border:10px solid #fff; list-style: none; display: inline-block; vertical-align: middle; text-align: center;}
.momostyle_edm_movie ul li {position: relative;}
.momostyle_edm_movie ul li div {position:relative; width:100%; height:0px; padding-bottom:56.25%;}
.momostyle_edm_movie ul li div iframe {position:absolute; left:0;  width:100%; height:100%; }


.momostyle_list_bar { margin:2% auto 2% auto;}


.momostyle_edm_GO { margin:5% auto; }





/*改特標底色*/
.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: #155283;}	
	
	
	
/*PC背景*/
.bg_01 { z-index:-50; 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:-55; position:absolute;top:900px;width:100%;height:100%;background-repeat:no-repeat;background-position: center top; pointer-events:none;}	





@media screen and (max-width:767px){
.NavArea { position: absolute!important;}
.momostyle_bg { 
	background-image:url("EDM_BG_M.jpg?t=1753082109882");
    max-width: 100%;
    overflow: hidden;
    background-size: contain;
} 
  
.momostyle_edm_kv { width: 100%; height:0px; padding-bottom: 86.06%; margin: 0 auto 0 auto;}
    
/*KV輪播*/
.KV_PD {top:45%;}
/*KV輪播*/
	
	
	
.Area_danji { margin:0 auto 5% auto!important;}
ul.PD_wrapper {}
    
.momostyle_edm_all,.Area_4PDa,.momostyle_edm_danji { width: 96%;}

    

    
.momostyle_list_bar { margin:5% auto 2% auto;}

    
    
    
    
    
    
    
}