/* 各頁面CSS */

/*切換PC置頂選單*/
.cantantBase1{ display: block; }
.cantantBase2{ display: none; }


.gobtn { text-decoration: underline;}

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

/*調整共用標題*/
@media screen and (min-width: 768px) {
	.Area_boxstyle_title {width: 47% !important;
        inset-inline-start:48%!important;}

    .Area_boxstyle .Area_boxstyle_box1 {

        background: url(m_Area_boxstyle_top2.png?t=1764929394478) top center / contain no-repeat !important;
    }
}@media screen and (max-width: 767px) {
    .Area_boxstyle .Area_boxstyle_box1 {
       
        background: url(m_Area_boxstyle_top2.png?t=1764929394478) top center / contain no-repeat !important;
    }
}
/*調整共用*-提醒我*/

@media screen and (max-width: 767px) {
	.btn_alert_game {
		position: absolute;
		top: 16vw;}
	}
	
/*頁籤*/
.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;}
}

/*調共用*/
.Area_boxstyle_title { letter-spacing: -0.05em; }
.message-table { width: 96%; }
.message-table .focusTxt { color: #ff177d; font-size: 2.0em; 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; }

  }
  @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; }  

  }


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


@media screen and (min-width: 768px) {
    .hint img {
        width: 25%;
		position: relative;
        left: -350px;
        padding-bottom: 10px;
    }
}


@media screen and (max-width: 767px) {
    .hint img {
        width: 25%;
		position: relative;
        left: -35vw;
        padding-bottom: 1vw;
    }
}


/*登記區-3品*/
.box_3PD .danji-pd-body .pd-info-btn {
    margin: 0  !important;
    padding-left:30% ;
}
.box_3PD .danji-pd-body {
    text-align: center;
    padding: 0rem .25rem 0.5rem !important;
    gap: 0;
}

.box_3PD .danji-pd-body3 a {
    width: 26% !important;
    margin: 2% 2%  26% !important;
}

.box_3PD .danji-pd-body .pd-info-03 {
    border-bottom: solid #a8a8a8 1px;
    border-right: solid #a8a8a8 1px
}

.box_3PD .danji-pd-body .pd-info-04 {
    border-bottom: solid #a8a8a8 1px
}

.box_3PD .danji-pd-body .pd-info-05 {
    border-right: none;
    border-bottom: solid #a8a8a8 1px
}


/*登記區-4品*/

.box_4PD .danji-pd-body .pd-info-btn {
    margin: 0  !important;
    padding-left:30% ;
}
.box_4PD .danji-pd-body {
    text-align: center;
    padding: 0rem .25rem 0rem !important;
    gap: 0;
}

.box_4PD .danji-pd-body2 {
    text-align: center;
    padding: 0.5rem .25rem 0.5rem !important;
    gap: 0;
}

.box_4PD .danji-pd-body2 .pd-info-btn {
    margin: 0  !important;width: 30%;
    padding-left:30%;padding-right:3% ;
}




.box_4PD .danji-pd-body3 a {
    width: 26% !important;
    margin: 2% 2%  26% !important;
}

.box_4PD .danji-pd-body .pd-info-03 {
    border-bottom: solid #a8a8a8 1px;
    border-right: solid #a8a8a8 1px
}

.box_4PD .danji-pd-body .pd-info-04 {
    border-bottom: solid #a8a8a8 1px
}

.box_4PD .danji-pd-body .pd-info-05 {
    border-right: none;
    border-bottom: solid #a8a8a8 1px
}



/*隱藏選單*/

/*PC選單*/
.cantantBase {display: none !important;}
.fixarea{display: none !important;}
.hero .hero-backdrop img {top: 0%!important;}
.hero-title {top: 70px;}
@media screen and (max-width: 767px)
{.hero-title {top: 0px;}}
/*MB選單*/
.Fixedfooter {display: none !important;}


/* BN輪播 */
.Area_BN  {margin: 0 auto;width:1100px ;}
  
@media screen and (max-width: 767px) {
  .Area_BN  {margin: 0 auto;width:100%;padding: 5vw 0 0 0;}

}