/* 各頁面CSS */

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


/* 遊戲區影片圖片 */
.box_film img, 
.box_film video { border-radius: 5vw;}
@media screen and (min-width: 768px) {
	.box_film img, 
	.box_film video { border-radius:60px; }	
}


/* 按鈕改改 */
.box_game.my-4 {margin-top:-2rem;}
@media screen and (min-width: 768px) {
	.box_game.my-4 {margin-top:-3rem;}
}


/* mo幣、折價券說明按鈕 */
.award_btn {
	--font-size: 1.3rem;
	@media screen and (min-width: 768px) {
		--font-size: 2.8rem;
	}
	li {
		width: 100%;
	}
	li:nth-of-type(1) .go_bt { background: #ff8600; }
	li:nth-of-type(2) .go_bt { background: #f200ca; }


	.go_bt {
		padding: calc(var(--font-size) * 0.5) 0;
		font-size: var(--font-size);
		line-height: 1;
		border-radius: var(--font-size);
	}
	.go_bt::after {
		content: "";
		aspect-ratio: 1/1;
		margin-left: calc(var(--font-size) * 0.25);
		padding-left: calc(var(--font-size) * 0.5);
		
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19px' height='19px'%3E%3Cpath fill-rule='evenodd' fill='%23fff' d='M16.560,7.084 L4.366,0.364 C2.430,-0.703 0.010,0.631 0.010,2.764 L0.010,16.203 C0.010,18.336 2.430,19.670 4.366,18.603 L16.560,11.883 C18.496,10.817 18.496,8.151 16.560,7.084 Z'/%3E%3C/svg%3E") no-repeat center center;
		background-size: 100%;
		background-position: center center;
		background-repeat: no-repeat;
	}


}


/* 
  額外加工:
	.Area_game 後面沒有 .Area_PD1 (因未入稿隱藏區塊)， 則.Area_game 要加 margin-bottom: 100px; 避免被遮住 
  若共用素材背景改透明，則可不需額外加工
*/
.Area_game:not(:has(.Area_PD1)) {
  margin-bottom: 10vw;
}
@media screen and (min-width: 768px) {
	.Area_game:not(:has(.Area_PD1)) {
		margin-bottom: 150px;
	}
}