/* 各頁面CSS */

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


.gobtn { text-decoration: underline;}

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

body{
    --hover-color: #ffe21f;
    --menu-color: #ffe21f;
    --menu-font-color: #2a2424;
    --font-color: #1ee2ff;
    --font-color-2: #ffe21f;
    --btn-color: #fd1f28;
    background-image: url(body_bg-B.jpg?t=1774962572045) !important;
}

@media screen and (min-width: 768px) {
	.Area_boxstyle_title {width: 50% !important;
        inset-inline-start:50%!important;
        line-height: 0;
    color: #ffe0ab;
    inset-block-start: 55px;
    font-weight: 600;
}

    .Area_boxstyle .Area_boxstyle_box1 {

        background: url(m_Area_boxstyle_top2_B.png?t=1774962572045) top center / contain no-repeat !important;
    }
}
@media screen and (max-width: 767px) {
    .Area_boxstyle_title{font-size: 5.5vw;inset-block-start: 3vw; color: #ffe0ab;font-weight: 600;letter-spacing: 1.2vw;}
    .Area_boxstyle .Area_boxstyle_box1 {
       
        background: url(m_Area_boxstyle_top2_B.png?t=1774962572045) 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; }
.message-table .focusTxt3 { color: #ff177d; font-size: 1.5em; font-family: Arial; }
.danji-pd-body .focusTxt { color: #cf9241; font-size: 3em; font-family: Arial; letter-spacing: -0.05em; font-weight: 700;display: flex;justify-content: center;margin-bottom: -10px;padding: 11px; }
.danji-pd-body .focusTxt span { font-size: 0.75em; }
.notice-number { color: #ff177d; font-size: 1.2em; font-weight: 800; font-family: Arial; }
.danji-pd-body .focusTxt p{
    font-size: 58px;
    margin: 49px 4px 0;
}
@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; }  

  }






  @media screen and (min-width: 768px) {
    .Area_top .top_title{width: 567px;margin-top: 90px !important;}

  }
  @media screen and (max-width: 767px) {
    .Area_top .top_title{width: 65%;margin-top: 11vw !important;}
    .danji-pd-foot{margin-bottom: 0vw;}
  }
/* --------------------------------------
* 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:20% ;
}

@media screen and (max-width: 767px){
    .box_4PD .danji-pd-body .pd-info-btn {
        margin: 0  !important;
        padding-left:10% ;
    }
    
    }
.box_4PD .danji-pd-body {
    text-align: center;
    padding: 0rem .25rem 0rem !important;
    gap: 0;
}

@media screen and (max-width: 767px) {
    .box_4PD .danji-pd-body .pd-info-name {
        font-size: 1.0rem;
    }

    .danji-pd-body .focusTxt {
        color: #cf9241;
        font-size: 2.5em;
        font-family: Arial;
        letter-spacing: -0.05em;
        font-weight: 700;
        display: flex;
        justify-content: center;
    }
    .danji-pd-body .focusTxt p{
        font-size:0.5em;margin: 5vw 1vw 0;
    }

}


.mopro {height: 450px !important; }
@media screen and (max-width: 767px){
.mopro {height: 50vw !important; }
}
.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: 0px!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:960px ;}
.Area_swiper_box .PD_layout ul {margin: 0 auto !important;width:80% !important ;height: 230px !important; ;padding-bottom:20px !important ;}
  
@media screen and (max-width: 767px) {
  .Area_BN  {margin: 0 auto;width:100%;padding:0vw 0 0 0;}
  .Area_swiper_box .PD_layout ul {margin: 0 auto !important;width:80% !important ;height: 23vw !important; ;padding-bottom:2vw !important ;}

}

/*調整登記圖檔*/
.box_4PD .danji-pd-body .pd-info-ticket2 {
    width: min(70%, 330px);height: 230px;margin:0 auto ;}

@media screen and (max-width: 767px) {
    .box_4PD .danji-pd-body .pd-info-ticket2 {
        width: min(70%, 33vw);height: 23vw;margin:0 auto ;}

}


.Area_logo{display: none !important;}


.hero{padding-bottom: 70px;}
@media screen and (max-width: 767px) {
    .hero{padding-bottom: 0;}   
}




@media screen and (min-width: 768px) {
    .Area_btn { height: 100%; }
    .Area_btn .layout_text { margin: auto; z-index: 99; width: 50% !important; }
    .Area_btn .layout_text ul { }
    .Area_btn .layout_text ul li { }
    .Area_btn .layout_act {margin: 65px 194px 68px;z-index: 99;padding-bottom: 107px;width: 67%;background: url(activity_bgg.png?t=1774962572045)top center no-repeat;background-size: 100%;}
    .Area_btn .PD_layout ul li {        padding:31px;}
    .Area_btn .PD_layout ul li:nth-child(1){left: -1px; top: 56px;}
    .Area_btn .PD_layout ul li:nth-child(2){left: 23px;top: 59px;}
    .Area_btn .PD_layout ul li:nth-child(3){left: -3px;top: 59px;}
    .Area_btn .PD_layout ul li:nth-child(4){left: 61px;top: 29px;}
    .Area_btn .PD_layout ul li:nth-child(5){left: 33px;top: 29px;}
    .Area_btn .PD_layout ul li:nth-child(6){left: 0px;top: 29px;}
  }
  @media screen and (max-width: 767px) {
    .Area_btn {height: 100%;height: 74vw;}
    .Area_btn .layout_text {margin: auto;padding-top: 0vw;z-index: 99;}
    .Area_btn .layout_text ul { width: 70% !important; margin: auto !important; }
    .Area_btn .layout_text ul li { }
  
    .Area_btn .layout_act {margin: 4vw auto 9vw;z-index: 99;width: 98%;background: url(activity_bgg.png?t=1774962572045)top center no-repeat;background-size: 100%;        padding-bottom: 22vw;}
    .Area_btn .PD_layout ul{width: 84% !important;margin: auto!important;padding-top: 10vw;}
    .Area_btn .PD_layout ul li {        padding: 1vw;}
    .Area_btn .PD_layout ul li:nth-child(1){left: -2.5vw;top: -2vw;}
    .Area_btn .PD_layout ul li:nth-child(2){left: 1.5vw;top: 2vw;}
    .Area_btn .PD_layout ul li:nth-child(3){left: 4.5vw;top: 2vw;}
    .Area_btn .PD_layout ul li:nth-child(4){left: 1.5vw;top: 3vw;}
    .Area_btn .PD_layout ul li:nth-child(5){left: 4.5vw;top: 2vw;}
    .Area_btn .PD_layout ul li:nth-child(6){left: 4.5vw;top: 2vw;}
  }
  


  /*商品公版*/
.Area05 .box .PD_layout.box_style ul{background-color: #fff!important;border-radius: 20px;}
.Area05 .PD_layout ul a {position: initial;}
@media screen and (max-width: 767px){
.Area05 .box .PD_layout{ padding: 0 2vw; }
.Area05 .PD_layout-btn{ margin-top: 4vw; margin-bottom: 10vw; }
}

 /*公版背景*/
 .box_txt ul,.box_txt2 ul,.box_txt3 ul,.box_txt4 ul{ padding: 0; }	
 @media screen and (min-width: 768px){
 .box_txt {position: relative;display: flex;margin: 0 auto;width: 100%;height: auto;justify-content: center;z-index: 1;}
 .box_txt img{width: 88%!important;padding: 0;}
 .box_txt .PD_layout .PD h3 {color: #fff7ff;font-size: 3.2em;font-family: "Century Gothic";letter-spacing: -1px;}
 .box_txtbg:after {content:"";position: absolute;display:block;top: -30px;left: 50px;width: 90%;height: 110%;pointer-events:none;z-index: 10;background: url("box_txtbg.png?t=1774962572045") center top/100% no-repeat scroll;}	
 }
 
 @media screen and (max-width:767px){
 .box_txt {position: relative;margin: 0 auto;width: 100%;height: auto;z-index: 30;}
 .box_txt img{width: 100%;}
 .box_txt .PD_layout .PD h3 {color: #fff;font-size: 1.5em;letter-spacing: -2px;line-height: 11vw;font-family: "Century Gothic","微軟正黑體";max-height: 9vw;font-weight: bold;}
 .box_txtbg:after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("box_txtbg.png?t=1774962572045") center top/100% no-repeat scroll;}	
 }





.A01 .PD_layout[data-pd-btn*=box-2][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn.PD_go span::after {
    content: "";
    position: absolute;
    top: 0;
    left: -19px;
    width: 100%;
    height: 100%;
    background: url(PD_go_icon01.png?t=1774962572045) center center / contain no-repeat;
    -webkit-transform: skewX(7.5deg);
    transform: skewX(7.5deg);
    z-index: 1;
}
.A01 .PD_layout[data-pd-btn*=box-2][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn.PD_go span::before {
    content: "搶購";font-weight: 800;
    font-size: 1.125em;
    color: #fff;

    z-index: 1;
    position: relative;
    display: block;
    padding: 0 0 0 .125em;
    height: 2em;
    line-height: 2em;
    overflow: hidden;
    font-weight: 800;
    font-size: 1.125em;
    color: #fff;
}
.PD_layout-btn li .PD h3 {
    margin: 0;
    padding: 0.4em 1.6em;
    font-size: 20px;
    line-height: 1em;
    color: #fff;
    background: #b5844a;
    border-radius: 99em;
}
@media screen and (max-width: 767px) {

.A01 .PD_layout[data-pd-btn*=box-2][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn.PD_go span::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 0vw;
    width: 100%;
    height: 100%;
    background: url(PD_go_icon01.png?t=1774962572045) center center / contain no-repeat;
    -webkit-transform: skewX(7.5deg);
    transform: skewX(7.5deg);
    z-index: 1;
    width: 39%;
}
.A01 .PD_layout[data-pd-btn*=box-2][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn.PD_go span::before {
    content: "搶購";font-weight: 800;
    font-size: 1.125em;
    color: #fff;
    top: 1vw;
    z-index: 1;
    position: relative;
    display: block;
    padding: 0 0 0 .125em;
    height: 2em;
    line-height: 2em;
    overflow: hidden;
    font-weight: 800;
    font-size: 0.9em;
    color: #fff;
}

.PD_layout-btn li .PD h3 {
    margin: 0;
    padding: 0.4em 1.6em;
    font-size: 20px;
    line-height: 1em;
    color: #fff;
    background: #b5844a;
    border-radius: 99em;
}


}