body {margin: 0; padding:0; }
@media screen and (max-width:767px){
	body { width:100%; background-size:100%;}
	
}


/*隱鑶*/
.for_pc { display:block !important;}
.for_mobile { display: none !important;}

@media screen and (max-width:767px){
	.for_pc { display:none !important;}
	.for_mobile { display: block !important;}
}

/*全BOX版面*/
.WRAPPER { position: relative;margin: 0 auto;	padding: 0;	width:100%; max-width:685px; overflow: hidden;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; background:#bae3f9; }
.WRAPPER img {display:block;border:0; vertical-align:top;}
.WRAPPER a { /**text-decoration:none;**/display:block;}
.WRAPPER .Area{ max-width:685px;  margin:0 auto; /*overflow:hidden;*/position:relative; z-index:6;}
.WRAPPER .Area p{font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei","Helvetica";font-weight:800;}
.WRAPPER .Area .mainArea { display:block; margin:0 auto; padding: 0;  max-width:685px;position:relative;overflow: hidden;}

@media screen and (max-width:767px){
	
	.WRAPPER { padding-bottom:0px; margin:0 auto; display: block; min-width:100%; max-width:100%;border-left:none;border-right:none;box-shadow:none;background-size:100%;}
	.WRAPPER .Area .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;}
}


	

/*****************************************************************************************************/	
	
.Area.cut00{position:relative;overflow:hidden;}
.Area.cut00 .mainArea {overflow:hidden; width:100%; height:auto;position:relative;}
.Area.cut00 .mainArea .bk{width:100%;position:relative; margin:0% auto 0% auto;}

.Area.cut00 .mainArea .bk_01{width:29%;position: absolute;left:5%;top:10%; opacity:0; animation: slideUp4  5s ease infinite; animation-delay:0s; animation-fill-mode:forwards;}
@keyframes slideUp4 {
	0% , 81% , 100% {opacity:0;transform: translateY(10%);}
	5.5%{opacity:1;transform: translateY(-6%);}
	7%{opacity:1;transform: translateY(3%);}
	8.5%{opacity:1;transform: translateY(-3%);}
	10%{opacity:1;transform: translateY(1%);}			
	11.5% ,78% {opacity:1;transform: translateY(0%);}	
}
@keyframes slideUp3 {
	0% {filter:brightness(120%) ;}
	50%{filter:brightness(120%) ;}	
	100% {filter:brightness(120%);}	
}

/*****************************************************************************************/

.bbbbox{width:100%;position:relative;margin:0px auto 0 auto;padding:0px 0px 15vw 0px ;}

@media screen and (max-width:767px){
	
	.bbbbox{width:100%;position:relative;padding:0px 0px 45vw 0px ;overflow: hidden;}
	.bbbbox::after{content:""; display:block;width:100%; height:42vw; position:absolute; bottom:0px; left:0px;}

}
/*****************************************************************************************/


/****************表格********************/

.Area.cut01 h2{ padding: 0;margin: 40px auto 10px auto;width: 96%; line-height: 3rem; color: #fff; text-align: center;background-color: #00b4ed;border-radius: 80px;}
.Area.cut01 .box{position: relative; width:96%;padding: 0;margin: 0px auto 8px auto;border-radius: 15px;background-color: #fff;}
.Area.cut01 .box .new{position: absolute;right: -3px;top: -3px;}
.cut01 .box table{width:100%;margin: 0% auto 30px auto; /*border-collapse:collapse;*/ padding:8px 14px;  }
.cut01 .box td{ padding:6px 0px; font-size:16px; vertical-align:middle;  letter-spacing:0px;line-height:24px;}
.cut01 .box td ol{ margin-block-start: 0em;margin-block-end: 0em;padding-inline-start: 20px;}
.cut01 .box td ol li{ padding:0px 0px 10px 0px;position: relative;}
.cut01 .box td ol img{width:calc(100% - 2px);padding: 0px 0px 10px 2px;}

.cut01 .box td ul{padding: 10px 0px 4px 0px; padding-inline-start: 16px;list-style: none;}
.cut01 .box td ul img{width:calc(100% - 8px);;padding: 4px 0px 10px 8px;}
.cut01 .box td ul li{padding:0px 0px 6px 8px;position: relative;}
.cut01 .box td ul li i{position: absolute;padding-inline-start:0px;font: 16px/18px "Helvetica";top: 4px;left: -20px}



.cut01 .tab{}
.cut01 .tab01{width:100%;font-weight:bold;color:#007db6;text-align:left;border-bottom:1px #9b9b9b dotted;}
.cut01 .tab02 {width:100%;font-weight:bold;color:#000;text-align:left;text-align: justify;}
.cut01 .tab02 h3{color: #007db6;padding: 0px 0px 6px 0px;font-size: 16px;vertical-align: middle;letter-spacing: 0px;line-height: 24px;margin-block-start: 0em; margin-block-end: 0em;}
.cut01 .tab03 {width:10%;font-weight:bold;color:#000;color:#007db6;text-align: center;}
.cut01 .tab04 {width:100%;font-weight:bold;color:#000;text-align:left;}






/***全域設定 警語***/
.warningBox{display:block;width:100%; overflow:hidden;position:relative; margin:5px auto 0px auto; padding-bottom:12px; }
.warningBox p{ display:block;width: 95%; margin:0px auto 0px auto; font-size:18px; letter-spacing:0.5px;line-height:26px; text-align:center; font-weight:bold;color:#fff;}
.warningBox a{text-decoration:underline; display:inline-block;}
.warningBox mark{background-color:#dc2a85; border-radius:15px; padding:1px 8px; color:#fffbb8;}


@media screen and (max-width:767px){
	
	/***警語***/
	.warningBox{padding-bottom:4.5vw; margin:0vw 0vw 0vw 0vw;}
	.warningBox p{margin:0px auto 0px auto;font-size:3.4vw;letter-spacing:0.5px;line-height:4.8vw;text-align:center;font-weight:bold;}
	

}








	
/************浮層******浮層************************/
	
.blackBox.agree_more .box .content {width:100%;display:block;/*overflow-y:scroll;overflow-x:hidden; */max-height:600px;}/*max-height要設定-給抽mo幣查詢用*/
.blackBox.agree_more .box ul{padding: 0; margin: 0;text-align: center; width:100%; overflow:hidden;}
.blackBox.agree_more .box img{ display:block;  width: 70%;margin:10px auto; float:none;}


.blackBox.agree_more  .box .content .page{display:none; width:100%; box-sizing: border-box; text-align: left; }
.blackBox.agree_more  .box .content  .imgArea{float:left; width:100%; display:block;}
.blackBox.agree_more  .box .content  {float:left; width:100%; display:block; /* overflow-y:scroll;overflow-x:hidden; eight:600px !important;*/}

.blackBox.agree_more  .box   ul{ width: 100%;list-style: none; overflow: hidden; padding: 0; margin:0; background-color: #eee;}
.blackBox.agree_more  .box   ul  li{width: calc(100%/3); float: left; text-align: center; font-size:24px; font-family:"微軟正黑體"; color: #333; padding:10px 0px;cursor:pointer;}
#agree_more4  .box   ul  li{width: calc(100%/2);}
.blackBox.agree_more  .box   ul  li.click{background:#f51490; color:#fff;}

.blackBox.agree_more .txtArea  {
	/*height: 600px !important;*/
}


@media screen and (max-width:767px){

	.blackBox.agree_more .box img{ display:block;  width: 100%;margin:10px auto; float:none;max-height: 400px;}


	.blackBox.agree_more  .box   ul  li{width: calc(100%/3); float: left; text-align: center; font-size:16px;padding:2.5vw 0px; font-weight:800;}
	#agree_more4  .box   ul  li{width: calc(100%/2);}

}