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



/*說明按鈕*/
.Area_GameStyle {padding-bottom: 3vw}
.Area_GameStyle .btn1 {position: absolute; margin-top: 199px; left: 558px}
.Area_GameStyle .btn2 {position: absolute; margin-top: 1420px; left: 558px}
.Area_GameStyle .btn3 {position: absolute; margin-top: 1740px; left: 544px}
.Area_GameStyle .btn4 {position: absolute; margin-top: -109px;margin-left: 650px;margin-bottom: 30px}
.Area_GameStyle .box_list li{font-weight:normal !important;}
.Area_GameStyle .message-3 p{line-height:1.2em;margin-block-start: 0.2em;margin-block-end: 0.2em;font-size:33px;}
.Area_GameStyle .message-6 {font-size: 2.5rem;}
.Area_GameStyle .box_list ol {gap: 0.5rem;}
.message-4{padding-right:50px ;}
.Area_GameStyle .danji-pd-foot{text-align: center;}
.Area_GameStyle .danji-pd-body .pd-info-notice {color:red}
.danji-pd-head b {margin-left: 20px;}
.agree_gift.agreeArea {margin: 50px 0px 0 50vw;}
.agree_gift.agreeArea .box  {width:50%!important;}
.agree_gift.agreeArea .box .txtArea {height:120px !important;text-align: center !important; }
.agree_gift.agreeArea .box .txtArea p {font-size: 18px;font-weight: 900;line-height: 1em;margin-top: 0.5rem;text-align: center !important;padding: 0 0 0 0px; width: 40%;}
.agree_gift.blackBox .box h3 span.close {display: none;}
  @media screen and (max-width:767px){
	.Area_GameStyle .btn1 {width: 27%; position: absolute; margin-top: 20vw; left: 53.5vw}
	.Area_GameStyle .btn2 {width: 27%; position: absolute; margin-top: 140vw; left: 53.5vw}
	.Area_GameStyle .btn3 {width: 30%; position: absolute; margin-top: 174vw; left: 52.5vw}
	.Area_GameStyle .btn4 {width: 27%; position: absolute; margin-top: -12vw; margin-left: 64vw}
	.Area_GameStyle .message-3 p{line-height:1.2em;margin-block-start: 0.2em;margin-block-end: 0.2em;font-size:3.8vw;}
	.Area_GameStyle .message-6 {font-size: 1.2rem;}
    .Area_GameStyle .box_list ol {gap: 0.5rem;}
	.message-4{padding-right:15vw;}
	.Area_GameStyle .danji-pd-foot{text-align: center;}
	.Area_GameStyle .danji-pd-body .pd-info-notice {color:red;width:75%;}
	.danji-pd-head b {margin-left: 0vw;}
	.agree_gift.agreeArea .box  {width:90%!important;}
	.agree_gift.agreeArea {margin: -20vw 5vw 0 10vw;}
	.agree_gift.agreeArea .box .txtArea {height: 15vh !important;text-align: center !important; }
	.agree_gift.agreeArea .box .txtArea p {font-size: 7vw;font-weight: 900;line-height: 1em;margin-top: 0.5rem; width: 40%;}
	.agree_gift.blackBox .box h3 span.close {display: none;}
  }


/*登記區塊*/
.danji-pd-body {border-bottom: solid 1px #ccc}
.danji-pd-body .danji-pd-off{position:absolute;z-index:10;left:50%;top:0;height:auto;transform:translateX(-50%)}

/*浮層內調整*/
.agree_more .agreeArea .box {box-shadow: 0}
.agree_more .pic { width: 90%; margin: 5% auto; }
.agree_more .agreeArea .box td:nth-child(1) { width: 31%; }
.agree_more .agreeArea .box th:nth-child(2) { width: 55%; }
 @media screen and (min-width: 768px) {
 .agree_more1 .agreeArea .box ul, .agreeArea .box ol { text-align: left!important; }    
 }


/*AD行銷廣告區*/
.Area_AD { position: relative; }
.Area_AD .btn:hover { -webkit-transition:all 0.2s ease;transition:all 0.2s ease; -webkit-transform:translateY(-6px);transform:translateY(-6px); filter: brightness(1.15); }
.Area_AD .btn img { border-radius: 1em; }
    @media screen and (max-width: 767px) {
    .Area_AD .btn img { border-radius: 0.7em; }    
    }

/*BN區*/
@media screen and (min-width: 768px) {
.Area_PD2 .Area_swiper {padding-bottom: 25px;height: 400px}
.Area_PD2 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {top: 310px;}
}
@media screen and (max-width: 767px) {
.Area_PD2 .swiper-wrapper img{border-radius: 10px;}
.Area_PD2 .Area_swiper {height: 40vw;}
.Area_PD2 .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {top: 31vw;}
}

/*商品說明浮層*/
.agreeArea .box {border-radius: 10px;background-color: #fff;overflow: hidden;-webkit-box-shadow: none;}
.agreeArea .box li {margin: 0 20px 10px 0px;font-size: 0.9em;text-align: left;}
.agreeArea .box_title {padding: 5% 5% 0;font-weight: 800;line-height: 1;text-align: center;}
.agreeArea .box_title b {position: relative;display: block;}
.agreeArea .box_title b:before {content: "";position: absolute;bottom: -0.55em;display: block;width: 100%;height: 1px;background-color: #000;}
.agreeArea .box_title span {z-index: 1;position: relative;display: inline-block;padding: 0 0.5em;background-color: #fff;}
.agreeArea .box_derails {padding: 0 5%;font-weight: 800;}
.agreeArea .box_derails dd {margin: 0;padding: 0;color: #9d9d9d;line-height: 1.2;}
.agreeArea .box_derails dd ul {margin: 0;padding: 0;padding-left: 2em;}
.agreeArea .box_derails .txt_into {color: #5a5958;text-align: left}

@media screen and (min-width: 768px) {
    .agreeArea .box_title {font-size: 40px;}
    .agreeArea .box_title span {font-size: 34px;}
	.agreeArea .box_derails {font-size: 30px;}
	.agreeArea .box_derails dd {font-size: 26px;}
}
@media screen and (max-width: 767px) {
	.agreeArea .box_title {font-size: 1.2rem;}
	.agreeArea .box_title span {font-size: 1.25rem;}
	.agreeArea .box_derails dd {font-size: 1.1rem;}
	
}

/*修改版頭*/
@media screen and (min-width: 768px) {
.hero {margin: 75px auto -1240px;}
.hero-title {top: 60px;}
.Area_top .btn_.btn_more {top: 26px;right: 80px;}

}