/* 各頁面CSS */

/*切換PC置頂選單*/
.cantantBase1, .cantantBase2, .fixarea, .Fixedfooter { display: none!important; }


/*調共用*/
.Area_boxstyle_title { letter-spacing: -0.05em; }
.message-table { width: 96%; }
.message-table .focusTxt { color: #ff177d; font-size: 2.8em; font-family: Arial; }
.message-table .focusTxt2 { color: #ff177d; font-size: 1.5em; font-family: Arial; }
.danji-pd-body .focusTxt { color: #ff177d; font-size: 3em; font-family: Arial; letter-spacing: -0.05em; font-weight: 700; }
.danji-pd-body .focusTxt span { font-size: 0.75em; }
.notice-number { color: #ff177d; font-size: 1.2em; font-weight: 800; font-family: Arial; }

@media screen and (min-width: 768px) {	
  .notice { font-size: 1.15rem; letter-spacing: -0.03em; }
  .notice ol { padding-inline-start: 20px; }
  .Area_logo { top: 0; width: 9%; }	
  .hero { height: 1625px; margin: -45px auto -1230px; }
  .hero-title .lg-text { font-size: 75px; }
  .Area_boxstyle_title{ font-size: 40px; width: 50%; inset-block-start: 67px; }
  .danji-pd-head { font-size: 2.35rem; padding-top: 10px; background: #000;  }
  .danji-pd-head b { margin-left: 30px; }
  .box_1PD, .box_4PD { z-index: 10; margin-top: -5px; }
  }
  @media screen and (max-width: 767px) {
  .notice { width: 93%;font-size: 0.75rem; letter-spacing: -0.03em; margin-bottom: 0; }
  .notice ol { padding-inline-start: 20px; }  
  .Area_logo { top: 0; width: 20%; }
  .hero-title .md-text { font-size: 5.5vw; padding: 0vw 3vw 0 8vw; }
  .hero-title .lg-text { font-size: 7.7vw; }
  .danji-pd-body .focusTxt { font-size: 3.15em; }
  .message-table .focusTxt small { font-size: 0.65em; }
  .danji-pd-head { font-size: 1.15rem; padding: 1.5vw 0; margin: 5vw auto 0; background: #000;}
  .danji-pd-head b { margin-left: 5vw; }
  .box_1PD, .box_4PD  { z-index: 10;margin-top: -5vw; margin-bottom: 0; }
  .message-table table tr:last-child td:nth-child(2) { padding: 0; }
  .Area_grabmoney_NUM .notice ol { padding: 0 1em; }
  }
  
/*頁籤*/
.Area_page { overflow: hidden; }
.Area_page .tab_swiper a { color: #000; padding: 0 5px; }
@media screen and (min-width: 768px) {
 .Area_page { margin-bottom: 0; }	
 .Area_page	.notice {width: 96%; }	
 }
@media screen and (max-width: 767px) {
 .Area_page	.notice {width: 96%; }	
 .Area_page .tab_swiper a { padding: 0 1vw; }
 .Area_page .tab_swiper a span { letter-spacing: -0.05em; font-size: 0.95em; }
 }

/*momo幣這裡用*/
@media screen and (min-width: 768px) {
	.Area_grabmoney_coupon .PD_layout ul { padding: 0 25px; grid-gap: 15px;}
	.Area_grabmoney_coupon .PD_layout img {	border-radius: 10px;}
}
@media screen and (max-width: 767px) {
	.Area_grabmoney_coupon .PD_layout ul { grid-gap: 1.8vw;}
	.Area_grabmoney_coupon .PD_layout img { border-radius: .5em;}
}


/* --------------------------------------
* Page 頁籤_202405291900
* -------------------------------------- */
.NavArea_tabbar_page { display: block; margin: 0 auto 20px  ; 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 !important; background-color: #000000 !important;}
/*推編輯按鈕 */  
.NavArea_tabbar_page .Nav input { position: fixed; left: 30%}
                    

/*拖移手機黏人精*/
.Area_hammerAD { z-index: 300; display: none; position: fixed; bottom: 0; right: 0; transform: translate3d(0,200px,0); /*background-color: rgba(0,0,0,0.5);*/}
.Area_hammerAD .box { position: relative; margin-right: 10px; opacity: 1;}
.Area_hammerAD img { width: 100%; height: auto;}
.Area_hammerAD .closeButton a { display:block; cursor:pointer; position:absolute; width:20px; height:20px; border-radius:50%; font:bold 20px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5); text-decoration: none; z-index:2}
    @media screen and (min-width:768px){
      .Area_hammerAD { display: block; width: 170px;}
      .Area_hammerAD .closeButton a { top: 0; right: 0;}
    }
    @media screen and (max-width:767px){
        .Area_hammerAD { display: block; width: 22%; bottom: 2%; }
        .Area_hammerAD .closeButton a { top: 1vw; right: 1vw;}
    }