/* 各頁面CSS */


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




/*轉盤*/
.Area_rotator .box1_title { margin: 0 auto;}
.Area_rotator .btn_list { position: relative;}
.Area_rotator .btn_list a.btn1 { position: relative; display: inline-block; margin: 0px 15px; }
.Area_rotator .btn_list a.btn2 { position: relative; display: inline-block; margin: 0px 15px; }
.Area_rotator a { transition: all 0.2s ease 0s; }
.Area_rotator a:hover { transform: translateY(5px); }
.Area_rotator .topbn { position: relative; display: block; margin: -30px auto -15px; padding: 0px;width: 988px; height: auto; overflow: hidden;}
.Area_rotator .topbn .roBottom { padding-top: 0px; z-index: 10; bottom: 0px;}
.Area_rotator .topbn .roBody { position: relative; z-index: 2; }
.Area_rotator .topbn .roCenter { position: absolute; z-index: 4; top: 35.88%; left: 34.5%; width: 307px;}
.Area_rotator .topbn .roResult { display: none; position: absolute; z-index: 5; top: 28px; left: 70px; }
.Area_rotator .roMain{ width: 900px; margin: 30px auto 40px; }
.Area_rotator .roMain img { /*width: 100%; */}
.Area_rotator .deco_01 { position: absolute; top: 0px; left: -390px; pointer-events: none;}
.Area_rotator .decoBG { position: absolute; left: 0; top: 438px;}
.Area_rotator .box_list { text-align: left;padding-inline: 5%;padding: 5% 5% 0% 5%;}
  @media screen and (max-width: 767px) {
    .Area_rotator { width: 100%; height: auto; margin: 0 auto ; padding: 0;}
    .Area_rotator .box1_title { margin: 0px auto; }
    .Area_rotator .box1_title:nth-child(2) img { width: 90%; }
    .Area_rotator .box .txt p { height: 16vw; left: 0px; font-size: 4.3vw; line-height: 6vw; letter-spacing: 0px;}
    .Area_rotator .btn_list { position: relative; }
    .Area_rotator .btn_list a.btn1 { width: 42%; height: auto; margin: 0px 1.5% 0px 1.2%;}
    .Area_rotator .btn_list a.btn2 { width: 42%; height: auto; margin: 0px 1.5% 0px 1.2%;}
    .Area_rotator a:hover { transform: none; }
    .Area_rotator .topbn { position: relative; display: block; margin: -2vw auto 0; padding: 0; width: 102%; margin-left: -1.2%;}
    .Area_rotator .topbn .roMain { position: relative; z-index: 1;  width: 100%;  margin: 0 auto;}
    .Area_rotator .topbn .roBody { }
    .Area_rotator .topbn .roCenter {  position: absolute; z-index: 4;  top: 33.88%; left: 38.5%; width: 24%;}
    .Area_rotator .topbn .roResult { display: none; position: absolute; z-index: 5; top: 1vw; left: 7%; right: 0px; width: 86%;}
    .Area_rotator .img_rotate { width: 100%; }
    .Area_rotator .bg { position: absolute; top: 0px; left: 0px; width: 100%; }
    .Area_rotator .box_list { text-align: left;padding-inline: 5%;padding: 5% 5% 8% 5%;}
  }

	/*轉轉轉*/
.rotate-play { -webkit-animation:rotate-play 10s linear infinite ;
	animation:rotate-play 10s linear infinite ;}
@keyframes rotate-play {
100% { 
transform: rotate(360deg);
}
}
/*轉轉轉*/
.rotate-play-quick { -webkit-animation:rotate-play 1s linear infinite ;
	animation:rotate-play 1s linear infinite ;}
@keyframes rotate-play {
100% { 
transform: rotate(360deg);
}
}

.PD_layout-btn ul {
  margin: 0 auto;
  background-color: transparent;
}
.PD_layout-btn li .PD h3 {
  color: #fff;
  background: #000;
}

/* 活動限制&獎項按鈕 */
.Area_PD .btn_section{width: 50%;margin: 0 auto;    padding-bottom: 3%;}
.Area_PD .btn_info_1{margin: 0 auto;}
.btn_section{padding-bottom: 3%;}
@media screen and (max-width: 767px) {
  .btn_section{width:100%;margin: 0 auto; padding-bottom: 3%;}
  .btn_section img{width:61%;}
  .btn_info_1{width:94%;margin: 0 auto;}
  .btn_section .btn_info_2 {width: 60%;margin-top: 4vw;}
  .award_btn li:nth-of-type(1) { width: 71%;}
}

/*獎項說明*/
.Area_game2 .game-award .PD_box ul li { padding: 0 0 1.5em 0; }
.Area_game2 .game-award .giftPd { position: relative; width: 70%; margin: 5% auto 0; }
.Area_game2 .game-award .giftPd img { aspect-ratio: 220/160; width: 100%; }
@media screen and (max-width: 767px) {
  .Area_game2 .game-award .giftPd { width: 75%; }
  .Area_game2 .game-award .PD_box ul li { padding: 0 0 3vw 0; }
  .Area_game2 .game-award h3 { font-size: 1.085em; letter-spacing: -0.035em; }
}


/*活動限制及訂單金額計算說明、活動獎項說明浮鈕*/
.btn_section .btn_info_2 { margin-top: 0px; }
.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: 17vw; left: 0; z-index: 99;
    -webkit-transform-origin: left;
    transform-origin: left;
}