/* 各頁面CSS */
.body {
  font-family: 'Century Gothic', sans-serif;
}


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


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


.btn_1212 a {width: 100% !important;}
.cheap a {padding-bottom: 2%;}

.PD_layout-btn ul {
	background-color: transparent;
}

.box_film video {border-radius:3vw;}
@media screen and (max-width: 767px) {
.box_film video {border-radius:5vw;}
}


/* --------------------------------------
 * page 頁面-遊戲頁
 * -------------------------------------- */

/*pc遊戲區*/
.box_game{ position: relative;}
.box_game .box_film img { width: 100%; /*border-radius: 200px 40px;*/ }
.box_game .box_game_end img { width: 100%; /*border-radius: 200px 40px;*/ }
.box_game_btn {position: relative;bottom: 149px;left: 23px;}
.box_game_btn ul { display: flex; grid-gap: 50px; }
.box_game_btn li { list-style: none; }

@media screen and (max-width: 767px) {
/*mb遊戲區*/
.box_game .box_film img { /*border-radius: 24vw 4vw;*/ }    
.box_game .box_game_end img { /*border-radius: 24vw 4vw;*/ }    
.box_game_btn { position: relative; bottom: 19vw;left: -5vw; } 
.box_game_btn img { width: 100%; height: 100%; } 
.box_game_btn ul { grid-gap: 5vw; }    
.btn_alert {position: absolute; top: -5%; right: -2vw;  width: 20%;}    

}

.gather {width:900px; height: 286px; text-align:  right; font-size: 8.5em; color: #000; background: url(board.png?t=1764334050006) center top / 100% no-repeat scroll; padding-bottom: 2vw; } 
.gather b {line-height: 2.6em; margin-right: 30px; letter-spacing: 12px; }
@media screen and (max-width: 767px) {
	.gather { width:100%; height: auto; font-size: 16vw; background: url(board.png?t=1764334050006) center top / 100% no-repeat scroll;padding-bottom: 0vw; }
	.gather b {line-height: 2.3em; margin-right:4.5vw; letter-spacing: 0.5vw;}
}



    /*遊戲內容*/
    .Area_game1 .box_stage { position: relative; padding: 3% 0 3%; width: 100%;  }
    .Area_game1 .box_stage .box_game_stage_10w { width: 46%;display:inline-block; }
    .Area_game1 .box_stage .box_game_stage_10w img {  }
    .Area_game1 .box_stage .box_game_stage_40w { width: 46%;display:inline-block; }
    .Area_game1 .box_stage .box_game_stage_40w img {  }
    .Area_game1 .box_stage .box_game_stage_100w { width: 80%;  margin:2vw  auto 0;}
    .Area_game1 .box_stage .box_game_stage_100w img {  }
    .Area_game1 .box_stage img {  width: 100%; }
    .Area_game1 .box_game { position: relative; margin: 0 auto; padding: 0 0 2%; width: 90%; border-radius: 2.5em;}
    .Area_game1 .box_game .box_game_result img,
    .Area_game1 .box_game .box_game_scratch img,
    .Area_game1 .box_game .box_game_info img { border-radius: 2em; width: 95%; background: #0e1621; }
    .Area_game1 .box_game:after { content: ""; z-index: -1; position: absolute; top: -8px; left: -8px; width: calc(100% + 16px); height: calc(100% + 16px); border-radius: 16px;}
	.Area_game1 .box_game_btn { width: 30%; margin: 0 auto; padding: 0 0 2%; position: relative;}
	.Area_game1 .box_game_btn img { width: 100%; margin: 0 auto; position: relative;}
    .Area_game1 .box_game video { width: 100%}
        @media screen and (max-width:767px){
          .Area_game1 .box_game { border-radius: 1.5em; width: 95%; }  
          .Area_game1 .box_game .box_game_result img,
          .Area_game1 .box_game .box_game_scratch img,
          .Area_game1 .box_game .box_game_info img { border-radius: 1.2em; }          
          .Area_game1 .box_game:after { top: -4px; left: -4px; width: calc(100% + 8px); height: calc(100% + 8px); border-radius: 8px;}
		  .Area_game1 .box_game_btn { width: 35%;}
		  .Area_game1 .box_game_btn img { width: 100%; margin: 0 auto;}
          .Area_game1 .box_game video { width: 100%;}
        }



/*活動說明*/
.Area_GameStyle .box_list { text-align: justify;}
.Area_GameStyle .box_list h3 { font-size: 1.25em; margin-bottom: 0.75em; padding-left: 0.5em; }
.Area_GameStyle .box_list ol { margin: 0; padding: 0 1em 0.5em 2em; /*padding-left: 1em;*/}
.Area_GameStyle .box_list ul { margin: 0; padding: 0; list-style: none;}
.Area_GameStyle .box_list li { margin: 0; padding: 0; margin-bottom: 0.75em;}
.Area_GameStyle .box_list li img { margin: 0.2em 0; width: 70%; max-width: 480px; box-shadow: 0em 0.3em 1.5em rgba(0,0,0,0.1); }
.Area_GameStyle .box_list table { border-radius: 0; width: 100%; margin: 0 auto ; border-collapse: collapse; text-align: center; line-height: 1.2; overflow: hidden; margin-top: 0.5em}
.Area_GameStyle .box_list th { padding: 0.4em 0.7em; border: solid 1px #2d2d2d; color: #fff; background-color: #2d2d2d; }
.Area_GameStyle .box_list td { padding: 0.4em 0.2em; border: solid 1px #2d2d2d; color: #2d2d2d; background-color: rgba(255,255,255,1); }
    @media screen and (min-width:768px){
      .Area_GameStyle .box_list { font-size: 1.5em; padding: 0%;}
      .Area_GameStyle .box_list table {}
    }
    @media screen and (max-width:767px){
      .Area_GameStyle .box_list { font-size: 0.875em; padding: 0;}
      .Area_GameStyle .box_list table { font-size: 0.75em; }
      .Area_GameStyle .box_list th { padding: 0.5em 0.5em; }  
      .Area_GameStyle .box_list td { padding: 0.5em 0.5em; }
    }
    /*li樣式(自定樣式) (1) (2) (3) */
    .Area_GameStyle .box_list .counter_increment_num { list-style:none;}
    .Area_GameStyle .box_list .counter_increment_num li { counter-increment: num; text-indent:-1.5rem;}
    .Area_GameStyle .box_list .counter_increment_num li:before { content: "(" counter(num) ") " ;}




    /*注意事項區*/
.Area_game3 .box_3 { width: 90%; margin:0 auto 0; }
.box_list p { position: absolute; }
.box_list li { text-align: -webkit-left; }
.box_list td { padding: 0.8em 1.2em; }
.box_list table { width:auto!important; display: inline-block; padding: 0 0.1em 0 0.5em; }
    @media screen and (max-width:767px){
    .box_list td { padding: 0.5em 0.5em; }
    .box_list table { padding: 0; font-size: 0.85em; }
    }

    .Area_GameStyle .box_list table {
      border-radius: 0;
      width: 100%;
      margin: 0 auto;
      border-collapse: collapse;
      text-align: center;
      line-height: 1.2;
      overflow: hidden;
      margin-top: 0.5em;
  }

  .box_list table {
    width: auto !important;
    display: inline-block;
    padding: 0 0.1em 0 0.5em;
}

.message-3 table{font-size: 1.5rem;}


/*浮層樣式--特殊版--內容*/
.special_ .box { padding-bottom: 2%;}
.special_ .box h3 { display: flex;  text-align: left; color:#FFF; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-size: 100%; }
.special_ .box h3 .logo { display: flex; flex: auto 0 0;}
.special_ .box .txtArea { margin: 0 auto; padding: 3%; width: 96%; border-radius: 10px; background-color: #fff;}
.special_ .box .txtArea h4 { position: relative; height: auto; width: 106%; left: -3%;}
.special_ .box .txtArea ol { margin: 0; padding: 0 1em 0 2em; text-align: justify;}
.special_ .box .txtArea ol ol { padding: 0;; padding-left: 1em;}
.special_ .box .txtArea li { margin: 0 auto 0.5em; }
.blackBox.spec  .box table { display: inline-block; }
    @media screen and (min-width:768px){
      .agreeArea .box table { width: auto; margin: 4% 0 2%; }    
      .agreeArea .info_img1 { width: 60%; }    
      .agreeArea .info_img2 { width: 60%; }    
      .special_ .box h3 { height:150px; line-height: 150px; font-size: 50px;}
      .special_ .box h3 .logo { margin: 30px 20px 30px 30px;}
      .special_ .box h3 img { padding: 0px 0; width: auto; height: 90px;}
      .special_ .box .txtArea h4 { margin: -15px 0 0 0;}
      .special_ .box .txtArea li { font-size:20px; }
    }
    @media screen and (max-width:767px){
      .agreeArea .box table { width: auto; margin: 3% 0 1%; } 
      .agreeArea .info_img1 { width: 90%; }    
      .agreeArea .info_img2 { width: 90%; }    
      .special_ .box h3 { height:5rem; line-height:5rem; font-size: 7vw;  line-height: 5rem; }
      .special_ .box h3 .logo { margin: 1rem;}
      .special_ .box h3 img { padding:0; width: auto; height: 2.8rem;}
      .special_ .box .txtArea h4 { margin: -2% 0 0% 0; }
      .special_ .box .txtArea li { font-size:4vw; }
    }
    /*改列表樣式*/
    .special_ .box .txtArea ol { list-style: cjk-ideographic;}
    .special_ .box .txtArea ol li ol { list-style: decimal;}

    .agreeArea .box table {border: none;}