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

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



/*獎項說明*/
@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=1762014011425) 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=1762014011425) 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=1762014011425) 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=1762014011425) 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=1762014011425) 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=1762014011425) center 75%/100% no-repeat scroll;}
	.Awards .coupon .tickets_mo {width: 75%;height: 20vw;padding: 1% 0 0 0;background: url(mostor.png?t=1762014011425) 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=1762014011425) 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;}
	  }
  
  
  /*浮層樣式--特殊版--關閉btn*/
  .blackBox .special_ .box h3 span.close{ z-index: 2; top: 1.5em; right: 1em; width: 2em; height: 2em; border-radius:50%; border: none; background: #000; } 
  .blackBox .special_ .box h3 span.close a {  position: relative; display: inline-block; color:#FFF;}
  .blackBox .special_ .box h3 span.close a:before,
  .blackBox .special_ .box h3 span.close a:after{ content: ''; z-index: 0; position: absolute; top:14px; width: 22px; height: 3px; background: #FFF; border-radius: 2px; cursor: pointer;}
  .blackBox .special_ .box h3 span.close a:before{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform: rotate(45deg); right:5px;}
  .blackBox .special_ .box h3 span.close a:after{ -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform: rotate(-45deg); right:5px;}
  
  .agreeArea .box p {font-size: 1.5em;}
  /*浮層樣式--特殊版--內容*/
  .special_ .box { padding-bottom: 2%;}
  .special_ .box h3 { display: flex;  text-align: left; color:#FFF; background-color: transparent; background-repeat: no-repeat; background-position: left center; background-size: 100%; }
  .special_ .box h3 .logo { display: flex; flex: auto 0 0;}
  .special_ .box .txtArea { margin: 0 auto; padding: 3%; width: 96%; border-radius: 10px; background-color: #fff;}
  .special_ .box .txtArea h4 { position: relative; height: auto; width: 106%; left: -3%;}
  .special_ .box .txtArea ol { margin: 0; padding: 0 1em 0 2em; text-align: justify;}
  .special_ .box .txtArea ol ol { padding: 0;; padding-left: 1em;}
  .special_ .box .txtArea li { margin: 0 auto 0.5em; }
	  @media screen and (min-width:768px){
		.special_ .box h3 { height:150px; line-height: 150px; font-size: 50px;}
		.special_ .box h3 .logo { margin: 30px 20px 30px 30px;}
		.special_ .box h3 img { padding: 0px 0; width: auto; height: 90px;}
		.special_ .box .txtArea h4 { margin: -15px 0 0 0;}
		.special_ .box .txtArea li { font-size:20px; }
	  }
	  @media screen and (max-width:767px){
		.special_ .box h3 { height:5rem; line-height:5rem; font-size: 7vw; }
		.special_ .box h3 .logo { margin: 1rem;}
		.special_ .box h3 img { padding:0; width: auto; height: 2.8rem;}
		.special_ .box .txtArea h4 { margin: -2% 0 0% 0; }
		.special_ .box .txtArea li { font-size:4vw; }
	  }
	  /*改列表樣式*/
	  .special_ .box .txtArea ol { list-style: cjk-ideographic;}
	  .special_ .box .txtArea ol li ol { list-style: decimal;}
	  /*酷聖石/高鐵假期/Uber One/頂呱呱/klook*/
	  .special_01 .box { background-color: #e7181a;}
	  .special_02 .box { background-color: #000000;}
	  .special_03 .box { background-color: #000000;}
	  .special_04 .box { background-color: #c27e00;}
	  .special_05 .box { background-color: #ff5b00;}
	  
	  .special_ .box dt {font-size: 1.2em;line-height: 4em}
	  .special_ .box td {font-size: 1.1em;}
	  .special_ .box th {font-size: 1.1em}
  
	  .special_ .pic {width: 90%; border-radius: .5em}
	  .special_ .app {width: 60%}

	  

	  @media screen and (max-width:767px){
	  .Area_GameStyle .btn {margin-top:-10vw;width: 90%;}
	}
	@media screen and (min-width:768px){
		.Area_GameStyle .btn {margin-top:-80px;}
	  }

	  @media screen and (max-width: 767px) {
		.bt_0_layout_b268_2025[type="btn"] .PD_layout-b268 {
			width: 98%;
		}
	}

	@media screen and (max-width: 767px) {
		.PD_layout-btn {
			padding: 0 1vw;
			margin-top: -2vw;
		}
		.PD_layout-btn ul {
			padding: 4vw 0 1vw;
		}
	}


	.btn_alert_game {top: 35vw;}