@charset "UTF-8";

@media screen and (max-width: 767px) {	
	#modal-overlay,#modal-content,#modal-open {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	#modal-open {
		width: 100%;
		height: 10px;
		position: fixed;
		top: 0px;
		z-index: 3000;
	}
	#modal-overlay {
		z-index:2000;
		display:none;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:120%;
		background-color:rgba(0,0,0,0.75);
	}
	#modal-content {
		margin: 0 auto;
		padding: 0px 0px 18px;
		border:5px solid #fff;
		background:#fff;
		position:fixed;
		display:none;
		min-width: 800px;
		min-height: 580px;
		position:fixed;
		top: 5%;
		/*
left: 50%;
		margin-left: -400px;
*/
		z-index:4000;
	}
	#exitPop {
		margin-bottom: 20px;
		width: 800px;
		min-height: 610px;
		position: relative;
	}
	.EP_back {
		background: url(../img/ep/EP_back.jpg) no-repeat center top;
	}
	.button-link {
		padding: 10px;
		cursor: pointer;
		color: #555;
		background: #ddd;
	}
	.button-link:hover {
		background: #eee;
	}
	.ep-btn {
/* 		margin-left: -300px; */
		position: absolute;
		bottom: 3px;
/* 		left: 50%; */
		left: 25px;
	}
	.center {
		text-align: center;
	}
}