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

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


/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; overflow:hidden; width:100%; min-width:1220px; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}

	@media screen and (max-width:767px){
		.WRAPPER {  }
	}


/*預設清單樣式*/
.Area .list_00 ul {display:inline-block; margin:0; padding:0;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom:0; min-width: inherit; min-height:100%; overflow: hidden;}
		.WRAPPER img {  width:100%;  height:auto;}
	}


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

/*LOGO*/
.momologo { z-index:2; position: absolute; top: 15px; left:15px;}
.momologo a { display:block; width:140px; height:21px;}
.momologo a svg { width:140px; height:21px; }
.momologo a path { fill:#EA27C2; }
.momologo-pink  a path { fill:#EA27C2; }/*LOGO 桃紅色*/
.momologo-white a path { fill:#ffffff; }/*LOGO 白色*/
	@media screen and (max-width:767px){
		.momologo { display:none;}
	}


	

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


/*底部間距*/
@media screen and (min-width: 768px) {
.Area_bottom{margin-bottom: 80px;}
}

@media screen and (max-width: 767px) {
.Area_bottom{margin-bottom: 8vw;}
}


/*版頭區塊*/
.Area_title { height:960px;}
	@media screen and (max-width:767px){
		.Area_title { width:100%;height:100%;}
}


/*版頭輪播品*/
.Area_title .box_PD .PD_layout .PD img {height: auto !important;}

 @media screen and (min-width:768px){
.Area_title .box_PD { position: absolute; top: 175px; left: 510px; width: 750px; height: 750px; overflow: hidden; z-index: 1;}
.Area_title .box_PD ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
.Area_title .box_PD ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_title .box_PD ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}

/*輪播特效*/
.Area_title .box_PD .Area_swiper .swiper-slide .PD_img { opacity: 0; transform: translate(0,-5%);  }
.Area_title .box_PD .Area_swiper .swiper-slide-active .PD_img { opacity: 1; transition: 1s cubic-bezier(0, 0.63, 0.63, 0.89); transform: translate(0,0);}
.Area_title .box_PD .Area_swiper .swiper-slide .PD_logo {display: none;}
}    
@media screen and (max-width:767px){
      .Area_title .box_PD { position: absolute; top:27vw;left:1vw; width:98%; height:auto; overflow: hidden; z-index: 1;}
      .Area_title .box_PD ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
      .Area_title .box_PD ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
      .Area_title .box_PD ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
         
      /*輪播特效*/
	  .Area_title .box_PD .Area_swiper .swiper-slide .PD_logo { opacity: 0; transition: .2s ease-out;transform: translate(-2%,0);  }
      .Area_title .box_PD .Area_swiper .swiper-slide-active .PD_logo { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}
      .Area_title .box_PD .Area_swiper .swiper-slide .PD_img {display: none;}
    }

/*登記*/
.Area_danji { margin-bottom: 100px;}
	@media screen and (max-width:767px){
		.Area_danji { width: 90%;  margin-bottom: 10vw; }
	}

/*活動倒數*/
.TimerNick { z-index:10;position: absolute; top:578px; display: inline-block; text-align: center;width: 100%;max-width: 100%;}
.TimerNick .FontStyle {display:inline-block; margin:0 0 0 0; padding:0; border:0; font:bold 40px/24px Arial; color:#fff; letter-spacing: 2px; text-align: center;height: 43px; line-height: 45px;/*background: #9c120f;*/border-radius: 2.5px;}
.TimerNick h2 { position: absolute; top:-28px; left:-279px; padding-left:3px; font: bold 40px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em; color:#fff;}
.TimerNick span { padding-left:3px; font: bold 31px/31px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em; color:#fff;}

@media screen and (max-width:767px){
  .TimerNick  { width:100%;top:80vw;}
  .TimerNick .FontStyle {  margin: 3% 0 0 0;padding: 0.5vw 0vw;border: 0; font: normal 4.4vw/4vw Arial;height: 8vw;line-height: 8vw;border-radius: 1.5vw;}
  .TimerNick span { padding-left: 0; font: bold 3vw/3vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.0.5em;}
	
}



/*輪播BN*/
@media screen and (min-width:768px){
.Area_banner_swiper2 {height:250px;}
.Area_banner_swiper2 .box_PD .Area_swiper {  position: absolute; top: 0px; left: 15px; width:97%; height: 218px; }
.Area_banner_swiper2 .box_PD .Area_swiper ul {display: flex; margin: 0;padding: 0;display: flex;}
.Area_banner_swiper2 .box_PD .Area_swiper ul li { } 
.Area_banner_swiper2 .box_PD .Area_swiper ul li img {border-radius:10px!important; } 
.Area_banner_swiper2 .box_PD .PD_layout {} 
.Area_banner_swiper2 .box_PD .Area_swiper .swiper-slide .PD_img { opacity: 0; }
.Area_banner_swiper2 .box_PD .Area_swiper .swiper-slide-active .PD_img { opacity: 1; transition: 1s ease-out; }
.Area_banner_swiper2 .box_PD .Area_swiper .swiper-slide .PD_logo {display: none;}
.Area_banner_swiper2 .pagination.swiper-pagination {top: 172px;}    
}
@media screen and (max-width:767px){
	.Area_banner_swiper2 { height:61vw;overflow:hidden;}	
    .Area_banner_swiper2 .box_PD .Area_swiper { z-index: 2; position:absolute; margin: 0 auto; left:5vw; top:0vw; width:90%; height:57vw;}
    .Area_banner_swiper2 .box_PD .Area_swiper ul {display: flex;}
    .Area_banner_swiper2 .box_PD .Area_swiper ul li {border: none;}
    .Area_banner_swiper2 .box_PD .Area_swiper ul li img {border-radius:2vw 2vw 2vw 2vw!important; } 
    .Area_banner_swiper2 .box_PD .PD_layout .PD_logo { z-index: 5; position: absolute; top: 0.7vw; left: 0vw;}
    .Area_banner_swiper2 .box_PD .Area_swiper .swiper-slide .PD_logo { opacity: 0; transition: .2s ease-out; }
    .Area_banner_swiper2 .box_PD .Area_swiper .swiper-slide-active .PD_logo { opacity: 1;transition:transform 1s ease-out,opacity 1s ease-out; }
    .Area_banner_swiper2 .box_PD .Area_swiper .swiper-slide .PD_img {display: none;}
    .Area_banner_swiper2 .pagination.swiper-pagination {top: 51vw;}        
}


/*小電加碼 重複區*/
.Area08_pd { background: #4c2718; margin: 10px auto; border-radius: 30px; padding-bottom: 20px;}
@media screen and (max-width:767px){
  .Area08 { width: 96vw;}
  .Area08 .Area08_pd { margin: 3vw auto; border-radius: 4vw; padding: 0 2vw 2vw;}
}
/*mo店+ */
.Area10_bg{ background:  url(mo_bg.png?t=1724297571711) top center no-repeat,#a00fd0; max-width: 2000px; margin: 0 auto;}
.mo_title{ margin-bottom: 60px;}
.Area_box02 .box4_swiper ul.PD_wrapper {padding: 10px 0 50px;height: 350px;}
.pointer-off ul li{ pointer-events: none;}
.Area10_bottom { padding-bottom: 50px;}
@media screen and (max-width:767px){
  .Area10_bg{ background:  url(mo_bg_m.png?t=1724297571711) top center no-repeat,#a00fd0; background-size: 100%; height: 222vw;}
  .Area10_bg img { width: 100%;}
  .mo_title{ margin-bottom: 0; position: relative; left: -15vw;}
  .mo_title .PD img{ width: 125vw;}
  .Area_box02 .box4_swiper ul.PD_wrapper {padding: 1vw 0 4vw;height: 100%;}
  .Area10_bottom { padding-bottom: 6vw;}
  .bt_pd{ padding-bottom: 10vw!important;}
  .top_a{ position: relative; top: 0.5vw;}
}


/*1帶4品公版(橫式)*/
.Area_4PD {}
.Area_4PD .box_PD .PD_layout ul li a h3 {}
@media screen and (min-width: 768px){
  .Area_4PD { }
  .Area1260 { margin: 0 auto; }
  .Area_4PD .box_PD .PD_layout { width: 1220px;}
  .Area_4PD .box_PD .PD_layout[data-pd-col-pc="5"] ul { padding-left: 30px; padding-right: 30px; padding-top: 10px; padding-bottom: 50px;}
  .Area_4PD .box_PD .PD_layout ul { grid-template-rows: 3% 92% 5%;}
  .Area_4PD .box_PD .PD_layout .PD_wrapper li { grid-row-start: 2; grid-row-end: 4;}
  .Area_4PD .box_PD .PD_layout .PD_wrapper li:nth-child(1) { grid-row-start: 1; grid-row-end: 4;}
  .Area_4PD .box_PD_1 { background: url(PD_layout_01bg.png) no-repeat center top;}

}
@media screen and (max-width:767px){
  .Area_4PD .box_PD .PD_layout { margin-bottom: 8vw;}
}

/*作圖區item*/
@media screen and (min-width:768px){
	.Area_item2 .PD_layout ul {width: 93%;}
}

/*登記*/
@media screen and (max-width:767px){
	.Area_item {background-color: #f7dbf1}
    }




/*頁籤區*/
@media screen and (min-width:768px){
	.Area_sale {height: 500px;background-color: #c1c1c1;border-radius: 38px !important;top: 65px;margin-bottom: 5%;}
		
	/**區標**/	
	.Area_sale .text {position:relative;padding-top: 24px;}
	.Area_sale .text .layout_text {width: 58%;margin:0 auto;padding-bottom:0;}
	.Area_sale .text .layout_text .PD_slide:hover{transform:none;}
	.Area_sale .text .layout_text .PD a {pointer-events: none!important}
	
	/**頁籤內小標**/	
	.Area_sale .page .layout_text {position:relative;width:50%;margin:0 auto;padding:0;}
		
	/*頁籤*/	
	.Area_sale .NavArea {display:block!important}		
	.Area_sale .tab_swiper {overflow-y:clip!important}		
	.Area_sale .NavArea_tabbar_page {padding-bottom:30px}		
	.Area_sale .content_swiper {width:95%;margin:0 auto;overflow:hidden;margin-bottom:50px;}		
	
	/*公版區*/		
	.Area_sale .box .layout_PD {}
	.Area_sale .box .layout_PD ul{}
	.Area_sale .box .layout_PD ul li {}	
	.Area_sale .box .layout_PD ul li:hover {box-shadow: none; }	
	}
	@media screen and (max-width: 767px){
	.Area_sale { height: 155vw;background:url(bg_blue.jpg?t=1722407603522)top center ;background-size:100%;}
		
	/**區標**/	
	.Area_sale .text {position:relative;}
	.Area_sale .text .layout_text {width:85%;margin:0 auto;padding-bottom:0;}
	.Area_sale .text .layout_text .PD a {pointer-events: none!important}
	
	/**頁簽內小標**/	
	.Area_sale .page .layout_text {position:relative;width:75%;margin:0 auto;padding:0;}
				
	/*頁籤*/	
	.Area_sale .tab_swiper {overflow-y:clip!important}		
	.Area_sale .NavArea_tabbar_page {padding-bottom:3vw}		
	.Area_sale .content_swiper {padding-bottom:5vw;width: 95%;margin: -68px auto;padding-top: 18vw;border-radius: 2vw;}		
	
	/*公版區*/		
	.Area_sale .box .layout_PD {}
	.Area_sale .box .layout_PD ul {}
	.Area_sale .box .layout_PD ul li {}	
	.Area_sale .box .layout_PD ul li:hover {box-shadow: none; }	
	
	.NavArea_tabbar_page{width: 90% !important;}
	
	
	} 

  /*aoli*/
  .aoli-sellgo{
    width: 965px;
    padding: 0.15% 0%;
  }

  .aoli-gwpbg{

  }
  .vipbom-area{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    /* column-gap: 1.8%; */
    row-gap: 0.8%;
	  width: 100%;
    /* background-color: #c5e3ff; */
    padding-bottom: 25%;
  }

  .bom-area{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 0%;
    row-gap: 0%;
	  width: 100%;
    /* background-color: #c5e3ff; */
  }

  .bom-area img{
    width: 297px;
  }

  .aoli_pd_bom{
    width: 1130px;
  }
  .Area_bottom_aoli1 {

  }
  .Area_bottom_aoli2 {

  }
  .aolipadding {
    padding: 70px 60px 80px 60px !important;
  }
  @media screen and (max-width: 767px) {

    .aoli_danji_bg1{
      background-color: #2e1a08;
      margin-bottom: 0px !important;
    }
    .aoli_danji_bg2{
      background-color: #472a17;
      margin-bottom: 0px !important;
    }
    .aoli_danji_bg3{
      background-color: #f7dbf1;
      margin-bottom: 0px !important;
    }
  } 
  @media screen and (max-width: 959px) {
    .aoli-gwpbg {
      background: linear-gradient(to right, #f9c9c5 0%, #ffe5e6 100%);
    }
    
    .vipbom-area{
      background: linear-gradient(to right, #f9c9c5 0%, #ffe5e6 100%);
      padding-bottom: 25%;
    }

    .bom-area{
      grid-template-columns: repeat(2, 1fr);
      column-gap: 1%;
      row-gap: 1%;
      background-color: #fcf3f4;
      padding: 0% 1.5% 6% 1.5%;
      width: 97%;
    }
  
    .bom-area img{
      width: 100%;
    }
  

    .aolipadding {
      padding: 0px 5% 3% 5% !important;
    }
    .Area_bottom_aoli1 {
      background-color: #f7dbf1;
    }
    .Area_bottom_aoli2 {
      background-color: #b56f3f;
    }
    .aoli_pd_bom{
      width: 100%;
    }
  }

  /*aoli*/
/*版頭輪播*/
.slideshow {
	overflow: hidden;
  }
  
  .slide {
	position: absolute;
	right:0px;top:194px;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
  }
  
  .active {
	opacity: 1;
	z-index: 3;
  }
  @media screen and (max-width:960px){
	  .slide {right:0%;top:20.3125%;max-width: 52.049180327%;}
  }