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

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

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



/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; overflow:hidden; width:100%; min-width:1220px; text-align:left; background-color: #6058a0;  font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; overflow: hidden; }
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
.Area ul {display:inline-block; margin:0 auto;}
.Area li {float:left;}
	@media screen and (max-width:767px){
		.WRAPPER {min-width: inherit; min-height:100vh;}
        .WRAPPER a {}
		.WRAPPER img {  width:100%;  height:auto;}
	}


/*PC背景*/
.bg_00 { z-index:-2;  position:absolute;top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
.bg_01 { z-index:-48; 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:-48; position:absolute;top:1553px;left:0; width:100%; height:100%; background-repeat:no-repeat; 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;}
.Area1290 { margin:0 auto; width:1290px;}
.Area960 { margin:0 auto; width:960px;}
	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area1290 { width:100%;}
		.Area960 { width:100%;}
	}




/*版頭LOGO-PC*/
.Area_top {height: 635px; }
.Area_top .momologo { z-index:99999; position: absolute;top: 20px; left:397px;}
.Area_top .momologo a { display:block; width: 470px; height: 43px; background: url(momo_logo.png?t=1754466478301) no-repeat; background-size: 90%;  }
.Area_top .momologo a:hover{ mix-blend-mode: multiply }
	@media screen and (max-width:767px){
		.Area_top { height: 100%;}
		.Area_top .momologo { display:block;  top:2%; left:17.5% ;}
		.Area_top .momologo a { display:block;  background: url(momo_logo.png?t=1754466478301) no-repeat; background-size:60%;  }
		.Area_top .Area_title {}

	}




/*版頭區塊*/
.Area_title { position: relative; width:100%; top:76px; left:0px; z-index:0;
		-webkit-animation:Area_title_animation 3s;
		 -moz-animation:Area_title_animation 3s;
		  -ms-animation:Area_title_animation 3s;
		   -o-animation:Area_title_animation 3s;
			  animation:Area_title_animation 3s;
			  }		
         @-webkit-keyframes Area_title_animation { 0% { opacity: 0; } 30% { opacity: 0; transform:translate(20px, 180px); } 50%{ opacity: 1; transform:translate(0px, 0px);} 80% { transform:translate(0px, 35px); } 100%{ transform: translate(0px, 0px);}}
		 @keyframes Area_title_animation { 0% { opacity: 0; } 30% { opacity: 0; transform:translate(20px, 180px); } 50%{ opacity: 1; transform:translate(0px, 0px);} 80% { transform:translate(0px, 20px); } 100%{ transform: translate(0px, 0px);}}
		 

@media screen and (max-width:767px){
		.Area_title {position: absolute;; margin: 0;width: 76%;height: auto; top: 11vw;left: 10vw;
		-webkit-animation:Area_title_animation 3s;
		 -moz-animation:Area_title_animation 3s;
		  -ms-animation:Area_title_animation 3s;
		   -o-animation:Area_title_animation 3s;
			  animation:Area_title_animation 3s;
			  }		
         @-webkit-keyframes Area_title_animation { 0% { opacity: 0; } 30% { opacity: 0; transform:translate(20px, 180px); } 50%{ opacity: 1; transform:translate(0px, 0px);} 80% { transform:translate(0px, 35px); } 100%{ transform: translate(0px, 0px);}}
		 @keyframes Area_title_animation { 0% { opacity: 0; } 30% { opacity: 0; transform:translate(20px, 180px); } 50%{ opacity: 1; transform:translate(0px, 0px);} 80% { transform:translate(0px, 20px); } 100%{ transform: translate(0px, 0px);}}
		}


.Area_content {height:1090px; }
.Area_content .btn {position: relative; margin:27px auto 0 ;}
	@media screen and (max-width:767px){
	.Area_content {height:150vw; }	
	.Area_content .btn {position: absolute; margin:0; top:-10%; left:25%; width:50%;   }

	}



/*精選品牌輪播*/
.Area_content .Area_momocard { padding:0; height:750px; margin:120px auto 0;}
.Area_content .Area_momocard .pc_momocard_swiper { width:850px; height: auto; padding:0 0 47px; margin:0 auto;}
.Area_content .Area_momocard .pc_momocard_swiper .swiper-slide {}
.Area_content .Area_momocard .pc_momocard_swiper .swiper-slide img { width: 100%; height: auto;}
@media screen and (max-width:767px){
			.Area_content .Area_momocard { position: absolute; top: 6%; left:0%; height:130vw; padding:0; margin:0 auto ; width:100%; }			
			.Area_content .Area_momocard .pc_momocard_swiper { height:110vw; padding:0 0 8%; margin:5% auto 0 5%; width: 90%;left:0;}	
			.Area_content .Area_momocard .pc_momocard_swiper .swiper-slide:nth-child(even) {margin-top:0;}		
		}



.detailArea {height: 1676px; }
@media screen and (max-width:767px){
	.detailArea {height:337vw; ;
	 } 
/* padding-bottom:10vw*/
/*版頭裝飾*/
.point_plus { position:absolute;  top: 546px; left: 160px;z-index:2; }
.point_plus_02 { position:absolute;  top: 275px; left: 1480px;z-index:2; }
		@media screen and (max-width:767px){
            .point_plus {position:absolute;top: 53vw;left: 91vw;z-index:2;}
            .point_plus_02 {position:absolute; width: 10%;top: 10vw;left: 1vw;z-index:2;}            
         }  


/*版頭輪播*/
.pc_toppd_box{position: absolute;top: 399px; left:427px; width:524px; height:390px; }		
.pc_toppd_swiper { display:block; z-index:1;}
		@media screen and (max-width:767px){
			.pc_toppd_box{top:51vw; left:3%; width:94%; height:auto;} 		
			.pc_toppd_swiper { height:100%; top: 0px;   left:0px;}	
		    
				
		}



/*bn輪播*/
.Area_swiper {position: relative;top: 0px; left:0px; height:150px; margin:0 auto 80px; }
.Area_swiper .swiper-slide img:nth-child(2) { display:none;}
.Area_swiper .pc_swiper_bn { padding:0 0 30px;}
		@media screen and (max-width:767px){
			.Area_swiper{top:0vw; left:0; width:94%;  height:54vw; margin:0 auto 8vw; overflow:hidden;} 		
			.Area_swiper .swiper-slide img:nth-child(1) { display:none;}
			.Area_swiper .swiper-slide img:nth-child(2) { display: block;}
			.Area_swiper .pc_swiper_bn { padding:0 0 5vw; height:50vw; overflow:hidden;}
		}




/*hover*/
.hover0 {transition-duration: 0.3s;}
.hover0:hover { 
animation: ease-in-out;
-webkit-transform: translateY(-5px); scale(1);filter:brightness(115%);
-moz-transform: translateY(-5px); scale(1);filter:brightness(115%);
-ms-transform: translateY(-5px); scale(1);filter:brightness(115%);
-o-transform: translateY(-5px); scale(1);filter:brightness(115%);
transform: translateY(-5px); scale(1);filter:brightness(115%);
}