/* 各頁面CSS */

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

/*版頭*/
@media screen and (min-width: 768px) {
	/* .hero { height: 1545px; } */
	/* .hero-title { top: 115px; } */
    /* .hero-title .lg-text { margin: 15px 0 28px 20px; font-size: 95px; } */
	.hero-btn-wrap .btn_.btn_more { top: 80px; }
}
@media screen and (max-width: 767px) {
	.hero { height: 35.5vw; }
	}

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

/* 影片 */
@media screen and (min-width: 768px) {
	.box_film video {border-radius:40px; width: 800px;}
	.box_game_end { position: relative; aspect-ratio: 850 / 500; }
	.Area_GameStyle .box_game_end img {border-radius:40px; width: 800px;}
	}
	@media screen and (max-width: 767px) {
	.Area_GameStyle .box_film  video {border-radius: 3vw;width:92% ;}
	.box_game_end { position: relative; margin: 0 auto; width: 93%; height: 66vw;  }
	.Area_GameStyle .box_game_end img {border-radius: 3vw; aspect-ratio: 850 / 500;}
	}

/*調共用*/	
	@media screen and (min-width:768px){
	.Area_GameStyle .btn {margin-top:-80px;}
	.message-table table .font-style--number { letter-spacing: -0.025em; }
	.message-table table .font-style--number.l01 { width: 75%; }
	}

	@media screen and (max-width: 767px) {
	.message-5 { font-size: 1.125rem;}	
	.Area_GameStyle .btn {margin-top:-10vw;width: 90%;}
	.PD_layout-btn { padding: 0 1vw; margin-top: -2vw; }
	.PD_layout-btn ul { padding: 4vw 0 1vw; }
	.bt_0_layout_b268_2025{ background: #fff; border-radius: 3vw; }
	.message-table table .font-style--number { letter-spacing: -0.05em; }
	}

	.game_remind { --remind-bg: #000000;}
	.btn_alert_game {top: 23vw;}




/*獎項說明*/
@media screen and (min-width: 768px) {
	.Awards .PD3, .Awards .PD2, .Awards .PD1 {padding: 0;margin: 0;}
	.Awards {position: relative;width:100%;height: auto;font-family: "Century Gothic", "Microsoft JhengHei", "微軟正黑體", Arial, sans-serif;}
	.Awards ul {list-style: none;margin-top: 35px;}
	.Awards h3 {color: #404046;font-size: 34px;margin-bottom:2%;margin-top: 0;}
	.Awards b {font-size: 20px;}
	.Awards .money .tickets {width: 70%;height: 130px;padding: 10% 0 0 0;margin: 0% auto;background: url(money.png?t=1767176961569) center 82%/100% no-repeat scroll;}
	.Awards .coupon .tickets {width: 70%;height: 130px;padding: 10% 0 0 0;margin: 0% auto;background: url(coupon.png?t=1767176961569) center 60%/100% no-repeat scroll;}
	.Awards .coupon .tickets_mo {width: 70%;height: 170px;padding: 10% 0 0 0;margin: 0% auto;background: url(mostor.png?t=1767176961569) center 60%/100% no-repeat scroll;}	
	.Awards .coupon .tickets h4 {font-size: 26px;transform: rotate(-5deg);color: #f200ca;margin-top: 1%;}
	.Awards li {width: 100%;height: 100%;background-color: #fff;border-radius: 15px;}
	.Awards .tickets h4 {font-size: 26px;transform: rotate(-5deg);color: #ff8600;}
  /*  .Awards .PD1 ul::before {content: "";position: absolute;margin: 4% 11%;width: 100%;height: 200px;background: url(coin.png?t=1767176961569) no-repeat;z-index: 2;pointer-events: none !important;}*/
	.Awards .PD1 ul {display: grid;grid-template-columns: repeat(1, auto);}
	.Awards .PD1 h4 {margin: 0% 45%;}
	.Awards .PD1 h4 > span {font-size: 68px;}
	.Awards .PD1 .tickets {width: 40% !important;}
	.Awards .PD2 ul {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));grid-gap: 12px;}
	.Awards .PD2 h4 {margin: 5% 10%;padding-left: 34%;}
	.Awards .PD2 h4 > span {font-size: 62px;}
	.Awards .PD2 .txt {margin-bottom: 3%; /*display: grid;grid-template-columns: repeat(2, auto);grid-gap: 0%;*/}
	.Awards .PD3 ul {display: grid;grid-template-columns: repeat(3, auto);grid-gap: 12px;}
	.Awards .PD3 h4 {margin: 21% 45%;}
	.Awards .PD3 h4 > span {font-size: 48px;}
	.Awards .PD3 .txt {/*display: grid;grid-template-columns: repeat(3, auto);grid-gap: 15%;justify-content: center;*/margin-bottom:5%;}
  }
  @media screen and (max-width: 767px) {
	.Awards .PD3 ul, .Awards .PD2 ul, .Awards ul {padding: 0;margin: 5% auto 0.5%;}
	.Awards {position: relative;width: 96%;height: auto;font-family: "Century Gothic", "Microsoft JhengHei", "微軟正黑體", Arial, sans-serif;}
	.Awards ul {list-style: none;}
	.Awards h3 {color: #404046;font-size: 5vw;margin: 0;}
	.Awards b {font-size: 3vw;}
	.Awards .money .tickets {width: 70%;height: 14vw;padding: 10% 0 0 0;margin: 0% auto;background: url(money.png?t=1767176961569) center 95%/100% no-repeat scroll;}
	.Awards .money .tickets h4 {font-size: 4vw;transform: rotate(-5deg);color: #ff8600;}
	.Awards .coupon .tickets {width: 75%;height: 20vw;padding: 1% 0 0 0;margin: 0% auto;background: url(coupon.png?t=1767176961569) center 75%/100% no-repeat scroll;}
	.Awards .coupon .tickets_mo {width: 75%;height: 20vw;padding: 1% 0 0 0;background: url(mostor.png?t=1767176961569) center 75%/100% no-repeat scroll;margin: 0% auto;}	
	.Awards .coupon h4 {font-size: 4vw;transform: rotate(-5deg);color: #f200ca;}
	.Awards li {width: 100%;height: 100%;background-color: #fff;border-radius: 15px;}
  /*  .Awards .PD1 ul::before {content: "";position: absolute;margin: 5% 4% 0;width: 100%;height: 40vw;background: url(coin.png?t=1767176961569) no-repeat;z-index: 2;pointer-events: none;background-size: 90%;}*/
	.Awards .PD1 ul {display: grid;grid-template-columns: repeat(1, auto);}
	.Awards .PD1 h4 {margin: -2% 48%;}
	.Awards .PD1 h4 > span {font-size: 8vw;}
	.Awards .PD1 .tickets {width: 45% !important;}
	.Awards .PD1 .tickets .span{}	
	  
	.Awards .PD2 ul {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));grid-gap: 2%;}
	.Awards .PD2 h4 {margin: 8% 47%;}
	.Awards .PD2 h4 > span {font-size: 6.5vw;}
	.Awards .PD2 .txt {/*display: grid;grid-template-columns: repeat(2, auto);grid-gap: 0;*/margin-bottom:5%}
	.Awards .PD3 ul {display: grid;grid-template-columns: repeat(3, auto);grid-gap: 2%;}
	.Awards .PD3 h4 {margin: 28% 50%;}
	.Awards .PD3 h4 > span {font-size: 5vw;}
	.Awards .PD3 .txt {/* display: grid;grid-template-columns: repeat(3, auto); grid-gap: 2%; */margin-bottom: 15%;}
	.Awards .coupon .PD1 h4 {margin: 12% 50%;}		
	.Awards .coupon .PD2 h4 {margin: 19% 0%;padding-left: 30%;}		
	.Awards .coupon .PD3 h4 {margin: 40% 39%;}		
	  
  }/*# sourceMappingURL=main_layout.min.css.map */
  
  .Awards .btn {margin: 2em auto;}
	  @media screen and (max-width:767px){
		.Awards .btn { width: 60%;margin: 1.5em auto;}
		.Awards .btn2 { width:60%;margin: 1.5em auto;}
	  }