@charset "utf-8";
.mark_none{
	display: none;
}
@media screen and (min-width:1024px) {
	.mark_pup{
		position:fixed;
		z-index: 99999;
		background-color:rgba(0, 0, 0, 0.6) ;
		width: 100%;
		height: 100%;
		display:flex;
    align-items:center;
    justify-content:center;
	}
	.mark_pup_text{
		background-color:#FFF;
		width: 700px;		
		border-radius: 5px;
		padding: 20px;
	}
	.mark_pup_text h1{
		font-size: 25px;
		margin: 0 0 20px 0;
	}
	.mark_pup_text ul{
		margin: 0 0 20px 0;
	}
	.mark_pup_text li{
		font-size: 20px;
		line-height: 23px;
		margin: 10px 0;
	}
	.mark_pup_text button{
		display: block;
		padding: 8px 5px;
		text-align: center;		
		border-radius: 5px;		
		width: 150px;
		margin: 0 auto;
		color: #fff;
		background-color: #333;
	}
	.mark_pup_text button:hover{
		background-color:#4D4C4C;
	}
}
@media  screen and (min-width: 768px) and (max-width: 1023px) {
		.mark_pup{
		position:fixed;
		z-index: 99999;
		background-color:rgba(0, 0, 0, 0.6) ;
		width: 100%;
		height: 100%;
		display:flex;
    align-items:center;
    justify-content:center;
	}
	.mark_pup_text{
		background-color:#FFF;
		width: 500px;		
		border-radius: 5px;
		padding: 20px;
	}
	.mark_pup_text h1{
		font-size: 25px;
		margin: 0 0 20px 0;
	}
	.mark_pup_text ul{
		margin: 0 0 20px 0;
	}
	.mark_pup_text li{
		font-size: 20px;
		line-height: 23px;
		margin: 10px 0;
	}
	.mark_pup_text button{
		display: block;
		padding: 8px 5px;
		text-align: center;		
		border-radius: 5px;		
		width: 150px;
		margin: 0 auto;
		color: #fff;
		background-color: #333;
	}
	.mark_pup_text button:hover{
		background-color:#4D4C4C;
	}
}
@media screen and (max-width: 767px) {
		.mark_pup{
		position:fixed;
		z-index: 99999;
		background-color:rgba(0, 0, 0, 0.6) ;
		width: 100%;
		height: 100%;
		display:flex;
    align-items:center;
    justify-content:center;
	}
	.mark_pup_text{
		background-color:#FFF;
		width:90%;		
		border-radius: 5px;
		padding: 20px 10px;
	}
	.mark_pup_text h1{
		font-size: 25px;
		margin: 0 0 20px 0;
	}
	.mark_pup_text ul{
		margin: 0 0 20px 0;
	}
	.mark_pup_text li{
		font-size: 20px;
		line-height: 23px;
		margin: 10px 0;
	}
	.mark_pup_text button{
		display: block;
		padding: 8px 5px;
		text-align: center;		
		border-radius: 5px;		
		width: 150px;
		margin: 0 auto;
		color: #fff;
		background-color: #333;
	}
	.mark_pup_text button:hover{
		background-color:#4D4C4C;
	}
}