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


/*主標*/
.titlesw_ { position: absolute; transform: translateX(-50%); left: 50%; top: 170px;}
.titlesw .PD_layout li {
	  font-family: Noto Sans TC, sans-serif;
    width: 960px;
    font-size: 105px;
    font-weight: 900;
    letter-spacing: -0.05em;
    color: #fff;
    height: 130px;
    line-height: 130px;
		background: transparent;
}
@media screen and (max-width: 767px) {
	.titlesw_ { top: 16vw;}
	.titlesw .PD_layout li {font-size: 10vw;
      font-weight: 900;
      letter-spacing: -0.05em;
      margin-top: -3vw;
      background-size: auto 100%;
      height: 16vw;
      line-height: 18vw;
		}
	.Area_danji { width: 96%;}
  }
/*登記贈品文案顏色*/.Area_danji .danji_box ul li .activityText .gifts span { color: #ebff00;}


/*轉盤*/
.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 { margin-top: -3vw;}
    .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);}}

@media screen and (max-width: 767px) {
  .PD_layout-btn ul {
    margin: 0 auto;
    background-color: transparent;
  }
}