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

/*�^���Y*/
#gotop { display: none; position:fixed; z-index:5; right:20px; bottom:30px;padding:10px 10px 3px 10px; border-radius:50px; font:12px/30px Verdana; text-align:center; color:#000;  background-color:rgba(255,255,255,0.7); cursor:pointer;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
          transition: all 0.3s ease;}
#gotop:hover { padding-top:40px; background-color:#fff;} 
#gotop::before { content: ""; position:absolute; top:7px; left:18px; width: 0; height: 0; border: 4px solid #000; border-color: transparent transparent #000; }
	@media screen and (max-width:767px){
		#gotop { right:20px; bottom:20px; z-index:999;}
	}


/*tag錨點定位問題*/
.tag { position: absolute !important; display:block !important; width:0; height:0;}
	@media screen and (max-width:767px){
		.tag { position:absolute ; top:-50px; display:block ;}
	}


/*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;}
	}


	
/* --------------------------------------
* Page 頁籤_202405291900
* -------------------------------------- */
.NavArea_tabbar_page { margin: 0 auto 30px  ; width: 100%; }  
.NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-30.5%, 0, 0);}  
.NavArea_tabbar_page .Nav_box { border-radius: 8px; /* overflow: hidden; padding: 0 2%;*/} 
.NavArea_tabbar_page[data-num="2"] .Nav-wrapper { transform: translate3d(33.5%, 0, 0)!important}
.NavArea_tabbar_page[data-num="3"] .Nav-wrapper { transform: translate3d(33.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; }
@media screen and (min-width:768px){ 
  .NavArea_tabbar_page { display: block; }
  .NavArea.bgg .Nav {  height:110px;}
}
  /*選單_選單區*/
  .NavArea.bgg .Nav_box { position:relative; background-color:transparent;}
/*頁籤高亮顏色設定 */  
.NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;}
/* .NavArea_tabbar_page .Nav .swiper-slide-active i {  background-color: #EA27C2;mix-blend-mode: multiply;border-radius: 10px !important;} */
.NavArea_tabbar_page.bgg .Nav li:nth-child(1).swiper-slide-active i {background: url(btn1-1.png?t=1759202215132)top center no-repeat;background-size: 100%;}
.NavArea_tabbar_page.bgg .Nav li:nth-child(2).swiper-slide-active i {background: url(btn2-2.png?t=1759202215132)top center no-repeat;background-size: 100%;}
.NavArea_tabbar_page.bgg .Nav li:nth-child(3).swiper-slide-active i {background: url(btn3-3.png?t=1759202215132)top center no-repeat;background-size: 100%;}



.NavArea.bgg[data-light="box"] .Nav li a i, .NavArea[data-light="box"] .Nav li > span a i{z-index: 99;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%,-50%)!important;
    transform: translate(0);}

/*推編輯按鈕 */  
.NavArea_tabbar_page .Nav input { position: fixed; left: 30%}

/* --------------------------------------
* Page 頁籤_202405291900
* -------------------------------------- */
.NavArea_tabbar_page { margin: 0 auto ; width: 94%; }  
.NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-30.5%, 0, 0);}  
.NavArea_tabbar_page .Nav_box { border-radius: 8px; overflow: hidden; padding: 0 2%;}
.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; }
@media screen and (min-width:768px){ 
  .NavArea_tabbar_page { display: block; }
}
/*頁籤高亮顏色設定 */  
.NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;}
.NavArea_tabbar_page .Nav .swiper-slide-active i { display:block; border: 1px solid #000000 ; background-color: #000000 ;}
/*推編輯按鈕 */  
.NavArea_tabbar_page .Nav input { position: fixed; left: 30%}


.NavArea_tabbar_page.bgg .Nav .swiper-slide-active i { display:block; border: none; background-color:transparent;}
.NavArea_tabbar_page.bgg { margin: 0 auto 20px  ; width: 100%; }