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

/*基本*/
body{ margin:0; padding:0; background-color: #000;}




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

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

		@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit; width:100%; padding-bottom:0px;background-color: #c5ddb2;}
		.WRAPPER img {  width:100%;  height:auto;}
        }
	
	
/*背景*/
@media screen and (min-width:767px){

.bg_01{ z-index:-5; position:absolute;top:0; width:100%; min-width:1220px; height:2769px; background: url(bg_01.jpg?t=1752569201861) no-repeat center top ; pointer-events:none}
.bg_02{ z-index:-6; position:absolute;top:1000px; width:100%; min-width:1220px; height:100%; background: url(bg_fixed.jpg?t=1752569201861) repeat-y center top ;background-size: 100%; pointer-events:none}

.main_deco{ z-index:-2; position:absolute;top:1200px; width:100%; min-width:1220px; height:100%; background: url(main_deco.png?t=1752569201861) repeat-y center top ; pointer-events:none}	


}
	@media screen and (max-width:767px){
.mbg_01{ z-index:0; position:absolute;top:0vw!important; width:100%;height:139vw;background: url(mtop_bg.jpg?t=1752569201861) center 100% / 100% no-repeat scroll;pointer-events:none}
.mbg_02{ z-index:-1; position:fixed;top:0vw; width:100%;height:228vw;background: url(mbg_fixed.jpg?t=1752569201861) center 100% / 100% repeat-y scroll;pointer-events:none}			


	}



/*背景*/
.bgtop  { z-index:0; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%;}
	@media screen and (max-width:767px){
		.bgtop { min-width: inherit; background-size:100%;}
	}
	


/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { display:block;margin: auto;} 
.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;}

	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
	
	}


/*版頭*/
.Area_top {height:653px;}
.Area_top .momologo { z-index:2; position: absolute;top:25px; left:50px;}
.Area_top .momologo a { display:block; width:200px; height:40px; background: url(momo_logo.png?t=1752569201861) no-repeat;}
.Area_top .momologo a:hover{ background: url(momo_logo_on.png?t=1752569201861) no-repeat;}

	@media screen and (max-width:767px){
		.Area_top {height:55vw;z-index:3}
		.Area_top .momologo {top:5vw; left:25vw;}
		.Area_top .momologo a{background-size: 100%;width: 50vw;height:10vw;}

	}
.bank_bn{ position:absolute; top:200px; left:0; z-index:3;}
	

/*版頭輪播品*/
 @media screen and (min-width:768px){
.Area_top .box_PD .PD_layout {z-index: 10;}
.Area_top .box_PD .Area_swiper {  position: absolute; top: 14px; left: 692px; width:430px; height: auto;}
.Area_top .box_PD .Area_swiper  .swiper-slide .PD_img img {width:100%;}
.Area_top .box_PD .Area_swiper ul {margin: 0;padding: 0;display: flex;}
     }
    @media screen and (max-width:767px){
      .Area_top  .box_PD {width:100%;z-index: 10;}
      .Area_top  .box_PD .PD_layout .PD_logo { z-index: 5; position: absolute; top: 0; left: 0;}
      .Area_top  .box_PD .Area_swiper { z-index: 50; position:absolute;top:4vw;left:58vw; width:42%; height:auto;}
      .Area_top  .box_PD .Area_swiper ul {display: flex;min-width: 100%;}
      .Area_top  .box_PD .Area_swiper ul li { width:100%!important; height:50vw;left: 0vw!important;}
    }

/*副標輪播*/
.Area_top .subtitle { position: absolute; top: 390px; left:382px; width: 400px; height: 80px; overflow: hidden; z-index: 10;}
.Area_top .subtitle ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
.Area_top .subtitle ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_top .subtitle ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}

@media screen and (max-width:767px){
  .Area_top .subtitle { position: absolute; width: 40%; height: auto; top: 40vw; left: 28vw;  overflow: hidden;}
}


/*輪播特效*/
@media screen and (min-width:768px){
.Area_top  .box_PD .Area_swiper .swiper-slide .PD_img { opacity: 0; transform: translate(0,0%);  }
.Area_top  .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_top  .box_PD .Area_swiper .swiper-slide .PD_logo {display: none;}
    }
    @media screen and (max-width:767px){
       .Area_top  .box_PD .Area_swiper .swiper-slide .PD_logo { opacity: 0; transition: .2s ease-out;transform: translate(0%,0);  }
       .Area_top  .box_PD .Area_swiper .swiper-slide-active .PD_logo { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}
       .Area_top  .box_PD .Area_swiper .swiper-slide .PD_img {display: none;}
    }


/*top*/
	  @media screen and (min-width:768px){
		 .Area_top_box {position: relative;height:700px }
		 .main{position: relative;width: 722px;top: 185px;left: 250px;z-index: 1}  .main img{width:100%;}
		 
		 .shinee {position: absolute;mix-blend-mode: screen;top:258px;left:61px;z-index: 1 }
		 .date {position: absolute;left: 317px;top: 45px;z-index: 10;}	.date img{width: 100%;}			
		 	

		 .stage {position: absolute;top: 318px;left: 610px;right: -20px;z-index: -1;}  .stage img {width:715px!important ;}	  
		 .ring01{width: 46%;position: absolute;top: 146px;left: 627px;z-index: 3;}
		 .ring02{position: absolute;top: 130px;left: 532px;z-index: 1;width: 64%;mix-blend-mode: plus-lighter;}

		 .clock{position: absolute;top:390px;left: 1070px;width: 50%;z-index: -2;transform: rotate(98deg);}
		 .clock img{width: 100%}
		 .clock_bg {position: absolute;}
		 .clock_l {position: absolute;}  
		 .set_size img{width:100%}
		  
		 .lightning {position: absolute;top: 24px;left: 893px;z-index: 3;}  .lightning img {width:113px!important ;}	
		 .sword {position: absolute;top: 272px;left: 158px;z-index: 3;}  .sword img {width:136px!important ;}	
		  
		 .coupon_btn {z-index: 1;position: absolute;top: 930px;}
		  
		 .bn {z-index: 1;position: absolute;top: 1430px;margin:0 auto;} .bn img{width:850px!important;}
}
	 
	 
  @media screen and (max-width:767px){
		 .main{position:absolute;width: 85%;top: 17vw;left: 8vw;z-index: 1}	   
		 .txt_box{position: relative;width:100%; top:10vw;left:0vw;z-index: 1}	  
	  	 .date {position: absolute;left:15vw;top:2vw;z-index:5;width: 68%;}

		 .stage {position: absolute;top: 86vw;left: 10vw;right: 1vw;z-index:0;width: 85%;}	 .stage img {width:100%!important ;}
	  	 .ring01{width: 80%;position: absolute;top: 95vw;left: 11vw;z-index:2}
	  	 .ring02{position: absolute;top: 90vw;left: -3vw;z-index: 1;width: 108%;mix-blend-mode: plus-lighter;}
	  
	     .clock{position: relative;top:33vw;left:-17vw; width:88%;z-index: -2}
	     .clock_bg {position: absolute;}
	     .clock_l {position: absolute;}
	  
	   	 .lightning {z-index: 5;position: absolute;top: 3vw;left: 72vw;}  .lightning img {width:40%!important ;}	
	     .sword {z-index: 5;position: absolute;top: 25vw;left: 0vw;}  .sword img {width:40%!important ;}	
	  
	     .coupon_btn {z-index: 1;position: absolute;width:100%;top: 100vw; }
	  
	     .bn {z-index: 1;top: 110vw;width:90% ;margin:0 auto;}
}



/*Area_txt(有設計的區標PC手機共用)*/
@media screen and (min-width:768px){
	.Area_txt {margin:0 auto; }
	.Area_txt img {width:700px; }	  
}
@media screen and (max-width:767px){
		.Area_txt {width:100% }
	    .Area_txt img {width:100%;}
}



/*Area_toppd*/

  @media screen and (min-width:768px){
	  .Area_toppd {position:relative;height:400px;margin: 0 auto 0px!important; z-index: 2}
	  .Area_toppd .Area_title {position:relative;z-index:2;height:117px;}
	  .Area_toppd .tag{display: flex;flex-direction: row;flex-wrap: wrap;width: 1180px;margin: 30px auto 0px;justify-content: center;}
	  .Area_toppd .box {margin: -530px auto 0px;}
	  .Area_toppd .box .tag a {margin: 0% 1% 0%;filter: grayscale(1);width: 20%;}
	  .Area_toppd .box .tag a img{width: 100%;}
	  .Area_toppd .box .tag a.cate-hover { filter: grayscale(0);}
	  .Area_toppd_swiper {position: relative;width:100%;margin: 0; overflow: hidden;}
	  
      .Area_toppd .PD_layout ul { margin-top:0px ; width:820px; }
      .Area_toppd .PD_layout ul li { border-radius:20px; }
      .Area_toppd .PD_layout ul li img { border-radius:20px; }
      .Area_toppd .PD_layout .PD_slide {background: rgba(0,0,0,0); min-width: 100%;}
      .Area_toppd .PD_layout .PD_into {width: 50%; margin-top:0vw!important ;}
	  .Area_toppd .PD_layout .PD h3 {color:#fff ;background-color: #eb3d68;border-radius:100px;font-size:34px ; line-height: 1.2em;margin:0px 0px 0px 0px}
      .Area_toppd .PD_layout .PD h4 {color: #fff;font-size:20px ;}
	  .Area_toppd .PD_layout .PD p .Price {font-size: 58px;font-weight: 800;}
      .Area_toppd .PD_layout .PD p {color: #ffea00;font-size:1.5em ;font-weight: 700;}
      .Area_toppd .PD_layout .PD p del{color: #B7B7B7;font-size:0.6em ;font-weight: 300;}
	  
	  .Area_toppd .memo {font-size:20px;color: #fff;margin: 0% auto 5%}			

}
  @media screen and (max-width:767px){
	  .Area_toppd {position:relative;height:55vw;margin: 0 auto 0vw!important; z-index: 2}
	  .Area_toppd .Area_title {position:relative;z-index:2;height:10vw;top:11vw}	  
	  .Area_toppd .tag{display: flex; flex-direction: row; flex-wrap: wrap; width: 80%; margin:1vw auto;}
	  .Area_toppd .box {margin: -45vw auto 0vw;}
	  .Area_toppd .box .tag a {margin:1% auto;filter:grayscale(1);width:33%;}
	  .Area_toppd .box .tag a.cate-hover { filter: grayscale(0);}
	  .Area_toppd_swiper {position: relative;width:100%;margin: 0; overflow: hidden;}	
	  
	  .Area_toppd .PD_layout .PD_slide {transform: translate(0%,1%);background: rgba(0,0,0,0);/*border:2px solid #98dffe;box-shadow:1vw 1.5vw 0 0 #7942c1;*/}
	  .Area_toppd .PD_layout .PD_into { padding: 0.3125em;margin-top: 0vw;width:57% ;}
	  .Area_toppd .PD_layout ul {padding:2vw 3vw 2vw 1vw;width: 95%;}
	  .Area_toppd .PD_layout ul li img { border-radius:3vw; }
	  .Area_toppd .PD_layout .PD h3 {color:#fff ; background-color: #eb3d68 ;border-radius:100px }
      .Area_toppd .PD_layout .PD h4 {color: #fff;}
	  .Area_toppd .PD_layout .PD p .Price {font-size: 1.5em;font-weight: 800;}
	  .Area_toppd .PD_layout .PD p {color: #ffea00;font-size:1.5em ;font-weight: 700;}
      .Area_toppd .PD_layout .PD p del{color: #B7B7B7;font-size:0.6em ;font-weight: 300;}
	  .Area_toppd .memo {font-size:4vw;color: #fff}
}




/*保護文字*/
@media screen and (min-width:768px){
.Area_toptxt .warningTxt ul {z-index: 100; position: relative;padding: 0;margin: 0 auto;list-style: none;height: 57px!important;top:-10px;}
.Area_toptxt .warningTxt ul li { background-color: transparent; pointer-events: none;}
.Area_toptxt .warningTxt ul li h5 {position: relative;top:0px;margin: 0;padding: 0;width: 100%;height: 88px;font: 17px/18px "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight: bolder;text-align: center;color:#008d8b;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}
}
@media screen and (max-width: 767px) {
  .Area_toptxt .warningTxt ul {padding: 0;margin: 0 auto;list-style: none;width:84% ;}
  .Area_toptxt .warningTxt ul li { background-color: transparent; pointer-events: none;}
  .Area_toptxt .warningTxt ul li h5 {position: relative;top:0vw;margin: 0;padding: 0;width: 100%;height: 9vw;font: 3vw/3.5vw "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight: bolder;text-align: center;color:#008d8b;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}

}






/*BN*/
@media screen and (min-width:768px){
.Area_BN {height: 960px; margin: 0px auto 50px;}
.Area_BN .box_swiper { overflow: hidden; padding-top: 20px;width: 1000px;margin: auto;}
.Area_BN .box_swiper .PD_layout { position: relative; height: 100%;}
.Area_BN .box_swiper .PD_layout ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: 0;}
.Area_BN .box_swiper .PD_layout ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; border: none;}
.Area_BN .box_swiper .PD_layout .PD_slide { min-width: inherit;}
.Area_BN .button-next {width: 120px;z-index:10;position:relative;bottom: 188px;left: 700px;cursor: pointer;top: 0px;}
.Area_BN .button-prev {width: 120px;z-index:10;position:relative;bottom: 188px;left: 340px;cursor:pointer;top: -80px;}
.Area_BN_bg {z-index: -1;position:absolute;top: 0px;width:100%;height: 590px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
}
@media screen and (max-width:767px){
  .Area_BN {height: 98vw;padding: 0vw!important;width: 100%;margin-bottom: 10vw;}
  .Area_BN .box_swiper { padding-top: 0vw;width: 100%;margin: auto;}
  .Area_BN .box_swiper .PD_layout { width: 100%; margin: 0 auto; height: 32vw;}
  .Area_BN .button-next {width: 10%;z-index:10;position:absolute;bottom: 24vw;left: 65vw;cursor:pointer;top: -7vw;}
  .Area_BN .button-prev {width: 10%;z-index:10;position:absolute;bottom: 24vw;left: 25vw;cursor:pointer;top: -16vw;}
  .Area_BN .box_swiper img  {width: 100%!important;}
  .m_Area_BN_bg { z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-size: 100%; background-position: center top; pointer-events:none;}
}

/*輪播BN*/
.Area_BN1 .swiper_remove_box_style ul li { background-color: #0000!important;}
@media screen and (min-width: 768px){
.Area_BN1 { margin-bottom: 70px!important; }
.Area_BN1 .Area_swiper_box { overflow: hidden; }
.Area_BN1 .swiper_remove_box_style ul{height: 250px;margin:20px auto 10px}
}
@media screen and (max-width:767px){
.Area_BN1 {position: relative;margin-bottom: 8vw!important;}
.Area_BN1 .swiper_remove_box_style ul{margin:0vw auto 0vw;  height: 26vw;width:96%;}	
}










.pc_activ  { height:327px ;margin-bottom:70px!important; }
.pc_activ .PD_layout ul { width:1040px ;height:240px ; text-align:center;margin: 0px auto 0px!important;grid-gap: 0;}
@media screen and (max-width:767px){
	    .pc_activ  { height:auto;margin-bottom:10vw!important; }
    	.pc_activ .PD_layout ul { width:98% ;height:116vw  ;padding:0px; text-align:center;margin:  0vw auto 0vw!important;grid-gap: 0;}
}






/*影片css*/
.Area_youtube .bigpicture { height: 100%;	width: 100%; position: relative; background-position: center center; background-size: cover; cursor: pointer;}
.Area_youtube .bigpicture h3 { position: absolute; left: 5%; bottom: 0; z-index: 1; color: #fff; font-size: 20px }
.Area_youtube .bigpicture:before,
.Area_youtube .bigpicture:after { z-index: 1; content: ''; position: absolute; left: 0; top: 0; right: 0;	bottom: 0;height: 100%;	width: 100%; transition: opacity 0.2s;}
.Area_youtube .bigpicture:after { background-repeat: no-repeat; background-position: center; opacity: 1; background-size: 2em;}
.Area_youtube .bigpicture:before { background: linear-gradient(0deg, #000, transparent 40%); opacity: 0.7;}
/*.Area_youtube .bigpicture:hover:after { opacity: 0.8; }*/
.Area_youtube .bigpicture:hover:before { opacity: 0.5; }
.Area_youtube .bigpicture:after { height: 100%; width: 100%;	
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20159.00691%20111.60904%22%3E%3Cpath%20d%3D%22M36.2%20111c-25-1.3-29.6-4-34-18.6C.3%2086.7%200%2080%200%2057.4%200%2019%202.3%209.7%2013.6%204c11.5-5.6%20120-5.6%20131.4%200%206%203%2010%208.7%2011.8%2017.2%202%209.8%203%2042.2%201.5%2057.5-2%2020.4-7%2028.5-19.2%2030.8-7.6%201.5-82%202.4-102.8%201.3zM85%2065.3c11.3-6%2020.4-11%2020.3-11L84%2043%2063%2032v22c0%2012%20.4%2022%20.8%2022%20.3%200%2010-5%2021.2-10.8z%22%20fill%3D%22%23db2823%22%2F%3E%3Cpath%20d%3D%22M63.2%2032c-.4.3-.2%201-.3%201.3v28.5c0%204.6%200%209.2.5%2013.8%200%20.4.3.7.6.5%206.3-3%2012.3-6%2018.4-9.3%207.5-4%2015-7.8%2022.2-12%20.3%200%201-.4.6-.8-12.8-7-25.7-13.5-38.6-20.2-1-.6-2.2-1.3-3.4-1.7z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
	background-size: 4em;
}
.Area_youtube .bigpicture img { width: 100%; border-radius:10px; aspect-ratio: 1.777777; }
	@media screen and (max-width:767px){
      .Area_youtube .bigpicture h3 { font-size: 4.5vw; left: 1em;  }
	}

.Area_youtube .box_youtube {z-index: 100; position: absolute; overflow: hidden}
.Area_youtube .box_youtube .youtubeArea { position:relative; width:100%; height:0px; padding-bottom:56.25%;}
.Area_youtube .box_youtube .youtubeArea * { margin:0; padding:0;}
.Area_youtube .box_youtube .youtubeArea iframe { position:absolute; top:0px; left:0px; width:100%; height:100%;}
.Area_youtube .box_youtube .youtubeArea .youtubeDiv { background-color: transparent!important;}
      @media screen and (min-width:768px){
		 .Area_youtube { height: 680px }
         .Area_youtube .box_youtube.box1 {z-index: 120; width: 484px; top: 115px; left: 633px; border-radius: 20px; }
		 .Area_youtube .box_youtube.box2 {z-index: 120; width: 484px; top: 115px; left: 633px; border-radius: 20px; }
      }
      @media screen and (max-width:767px){
		 .Area_youtube { height: 112vw}
         .Area_youtube .box_youtube.box1 {z-index: 120; width: 84%; top: 46vw; left: 8vw; border-radius: 10px;}
		 .Area_youtube .box_youtube.box2 {z-index: 120; width: 84%; top: 46vw; left: 8vw; border-radius: 10px;}
         .Area_youtube .box_youtube iframe { border-radius: 10px; } 
      }









/*頁籤輪播公版Area_K1*/
@media screen and (min-width:768px){ 
    .Area_K1 { width: 1220px; overflow: hidden; background-color: #555; padding: 20px 0 ; border-radius: 1em ;height: auto;margin-bottom:70px!important} 
	.Area_K1 ul{ width: 1186px; }
    .Area_K1 h3 { color: #fff; margin: 0 auto 20px ; padding: 0;font: 46px/40px "微軟正黑體","Microsoft JhengHei",Arial,Helvetica;font-weight: bolder;text-align: center;}
	
  }
@media screen and (max-width:767px){
    .Area_K1 { width: 96%; overflow: hidden; background-color: #555; padding: 5vw 0 ; border-radius: 1em ;height: auto; margin-bottom:10vw!important} 
	.Area_K1 ul{ width: 96%; }
    .Area_K1 h3 { color: #fff; margin: 0 auto 5vw ; padding: 0;font: 8vw/8vw "微軟正黑體","Microsoft JhengHei",Arial,Helvetica;font-weight: bolder;text-align: center;}
    
  }


    /* --------------------------------------
     * Page 頁籤_202405291900
     * -------------------------------------- */ 
    @media screen and (min-width:768px){
        .NavArea_tabbar_page { display: block; margin: 0 auto 10px  ; width: 94%; }
      }
    @media screen and (max-width:767px){
        .NavArea_tabbar_page { display: block;margin: 1vw auto 2vw  ; width: 97%; }
      }
     
    .NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-30.5%, 0, 0);}  
    .NavArea_tabbar_page .Nav_box { border-radius: 8px; overflow: hidden; padding: 0%;}
    .NavArea_tabbar_page[data-num="2"] .Nav-wrapper { transform: translate3d(55.5%, 0, 0)!important}
    .NavArea_tabbar_page[data-num="3"] .Nav-wrapper { transform: translate3d(43.0%, 0, 0)!important}
    .NavArea_tabbar_page[data-num="4"] .Nav-wrapper { transform: translate3d(30.5%, 0, 0)!important}
    .NavArea_tabbar_page[data-light="box"] .Nav ul { padding: 0 }
    .NavArea_tabbar_page .Nav li { overflow: visible; }
     /*頁籤高亮顏色設定 */  
    .NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;}
    .NavArea_tabbar_page .Nav .swiper-slide-active i { display:block; border: 1px solid #000 !important; background-color: #000 !important;}
     /*推編輯按鈕 */  
    .NavArea_tabbar_page .Nav input { position: fixed; left: 30%}

      /* --------------------------------------
       * Page 頁面
       * -------------------------------------- */
      /*Phone置頂滑動選單*/
      .Area_floorPD_NavArea_tabbar {
        margin: 0 auto 2vw ;
        width: 94%;
      }

      .Area_floorPD_NavArea_tabbar.cate-fixed {
        width: 100%;
      }

      .Area_floorPD_NavArea_tabbar .Nav_box {
        border-radius: 8px;
        -webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
                box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
      }

      .Area_floorPD_NavArea_tabbar .Nav li {
        overflow: visible;
      }

      /*.NavArea_tabbar .Nav a { display:inline-block;}*/
      .Area_floorPD_NavArea_tabbar.cate-fixed .Nav_box {
        border-radius: 0;
        background-color: rgba(255, 255, 255, 1);
        -webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
                box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
      }








/*8品*/

@media screen and (min-width:768px){
	.Area_8pd {height: auto ;margin-bottom: 70px!important; }
	.Area_8pd .PD_layout {padding:20px 0 0px 0;}
	.Area_8pd .PD_layout ul {width:94%;padding:0px!important;margin: 0px auto 0!important;}
	.Area_8pd .PD_layout ul li {/*border:1px #105b62 solid;*/border-radius:5px}
	.Area_8pd .box_all {background: url("pc_box_repeat.png?t=1752569201862") center top/100% repeat-y scroll;}
}
@media screen and (max-width:767px){
    .Area_8pd {margin:15vw auto 10vw !important}
    .Area_8pd .PD_layout {padding:0vw;}
	.Area_8pd .PD_layout ul {width:94%;padding:0!important;margin:0 auto 0vw!important;}
	.Area_8pd .PD_layout ul li {/*border:2px #569b2a solid;*/border-radius:2vw }
	.Area_8pd .box_all {background: url("mo_box_repeat.png?t=1752569201862") center top/100% repeat-y scroll;margin:-1vw auto 0 ;}
}



/*4PD*/
@media screen and (min-width:768px){
.Area_tagPD { height:auto;   }
.Area_tagPD .box { }
.Area_tagPD .title {z-index: 8; height: auto; position: relative; top:114px; margin: 0px auto; text-align: center; background-position: center top; background-repeat: no-repeat; }
	
.Area_tagPD .box_all {background-color: #8d2692;}
	
.Area_tagPD .box { overflow: hidden;margin-bottom: 40px!important; }
.Area_tagPD .PD_layout {padding: 0px 0 15px; margin: 0px auto; top: 0px; }
.Area_tagPD .PD_layout ul {width:94% ; padding:5px ;}

.Area_tagPD .PD_layout4x2 .Area_sectionTitle ul {position: relative;padding: 0;margin: 0 auto;list-style: none;height: 57px!important;top:-10px;}
.Area_tagPD .PD_layout4x2 .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
.Area_tagPD .PD_layout4x2 .Area_sectionTitle ul li h5 {position: relative;top:0px;margin: 0;padding: 0;width: 100%;height: 88px;font: 41px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight: bolder;text-align: center;color:#fff;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}


}
@media screen and (max-width: 767px) {
  .Area_tagPD { height:auto; margin-bottom: 0vw!important;}
  .Area_tagPD .box { overflow:inherit;margin-bottom: 5vw!important; }
  .Area_tagPD .title { position: relative; width: 100%; }
	
  .Area_tagPD .box_all {background-color: #8d2692;}

  .Area_tagPD .PD_Layout-D2_1f8s-PD .PD_layout .PD img { aspect-ratio: 1 / 1; }
  .Area_tagPD::before{display:none;}
  .Area_tagPD .PD_layout ul {width:94%;padding:1vw!important;margin:0vw auto 0!important}	
  .Area_tagPD .layout_PD{padding-bottom: 3vw;}


  .Area_tagPD .PD_layout4x2 .Area_sectionTitle ul {padding: 0;margin: 0;list-style: none;}
  .Area_tagPD .PD_layout4x2 .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
  .Area_tagPD .PD_layout4x2 .Area_sectionTitle ul li h5 {position: relative;top:0vw;margin: 0;padding: 0;width: 100%;height: 9vw;font: 7vw/7vw "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight: bolder;text-align: center;color:#fff;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}

}

/*分享浮層*/
.floatBox { position:relative; margin:2% auto; padding: 2% 0; width: 700px; height:auto; background-color:rgba(0,0,0,0.8); text-align:center;  border-radius:20px;}
.floatBox img { width:100%; height:auto;}
.floatBox .go_bt {
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
          transition: all 0.2s ease;}
.floatBox .go_bt:hover { filter: brightness(120%);
  -webkit-transform:translateY(-6px);
     -moz-transform:translateY(-6px);
      -ms-transform:translateY(-6px);
       -o-transform:translateY(-6px);
          transform:translateY(-6px);}
.floatBox .closeButton a { display:block; cursor:pointer; position:absolute; top:-20px; right:-20px; width:40px; height:40px; border-radius:50%; border:solid 2px #999999; font:bold 40px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
.floatBox .closeButton:hover {background-color:#666; text-decoration:none;}
.floatBox .title  { display:inline-block; margin:0 0 10px 0; border-bottom:1px solid #ffd800; font:bold 45px/1.5em "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;  color:#ffd800; text-align:center}
.floatBox .box_ { margin:0 auto; width:90%;}
.floatBox .box_:after { content: ""; display:block; clear:both;}
.floatBox .box_btn { margin:20px auto 0; width: 80%;}
.floatBox .box_btn a { display:block; margin:3% 0;}
.floatBox .box_btn img { width:100%;}
.floatBox .box_btn .btn { margin:0 auto; width:60%;}
.floatBox .box_btn2 a { float:left; margin:0 1%; width:48%;}
	@media screen and (max-width:767px){
		.floatBox { padding:5% 0; width:90%; height: auto;}
		.floatBox .closeButton a {display:block; position:absolute; top:-15px; right:-15px; width:30px; height:30px; border-radius:50%; border:solid 2px #999999; font:bold 30px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
		.floatBox .closeButton:hover {background-color:#666; text-decoration:none}
		.floatBox .title  { margin:0 5% 3vw; font-size: 6vw; line-height:2rem;}
		.floatBox .box_btn { margin:2% auto 0;}
		.floatBox .box_btn .btn { margin:0 auto; width:80%;}
	}