/* 各頁面CSS */


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




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

/* 影片 */
@media screen and (min-width: 768px) {
.box_film video { border-radius:40px; width: 840px; border: 5px solid #ffd634; }
.Area_GameStyle .box_game_end img {border-radius:40px; width: 840px; border: 5px solid #ffd634; }
}
@media screen and (max-width: 768px) {
.Area_GameStyle .box_film  video {border-radius: 3vw;width:90%; border: 3px solid #ffd634; }
.Area_GameStyle .box_game_end img {border-radius: 3vw; width:90%; border: 3px solid #ffd634; }
}

/*按鈕*/      
.box_game_btn .btn a { margin: -40px auto 0; }
@media screen and (min-width: 768px) { 
  .hero-btn-wrap .btn_.btn_more { top: 70px;}
}

@media screen and (max-width: 767px) {

/*按鈕*/      
.box_game_btn2 {margin-inline: auto;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));margin: -4vw 0 0;}
.box_game_btn2 .btn2 {width: 100%;margin: 0 auto;}
.Area_game .award_btn li:nth-of-type(1) { width: 64%; }
.Area_PD1 .PD_layout-btn ul { background-color: transparent; }
}

/*more*/
.more { margin: 0 auto;}
.more img {width: 32%;margin: 0 34%;}
.message-table table { text-align: center;}
.Area_grabmoney_NUM li {list-style: none}
@media screen and (min-width: 768px) { 
  .more img {width: 30%;margin: 0 35%;}
  .award_btn li { width: auto;}
  .Area_grabmoney_NUM li {list-style: none}
  .btn_section .btn_info_2 { margin-top:0; }
}

/*區標*/
.Area_grabmoney_NUM .Areatitle .Area_boxstyle_box { position: relative; aspect-ratio: 960 / 140; width: 100%; }
.Area_grabmoney_NUM .Areatitle .Area_boxstyle_box .Area_boxstyle_title { line-height: 1; }
.Area_grabmoney_NUM .game-award { margin: -50px auto 0; }
@media screen AND ( max-width: 767px ){
  .Area_grabmoney_NUM .game-award { margin: -1vw auto 0; }
}

/*活動限制及訂單金額計算說明、活動獎項說明浮鈕*/
.btn_section{ display: flex; justify-content: center; flex-direction: column; align-items: center; }
@media screen AND ( max-width: 767px ){
  .btn_section .btn_info_1 { width: 90%; margin-bottom: unset;}
  .btn_section .btn_info_2 { width: 55%; margin-top: 0vw;  }
}

.btn_alert_game { position: absolute; top: 35vw; left: 0; z-index: 99;
    -webkit-transform-origin: left;
    transform-origin: left;
}