<style>
	#popup_content_wrap img{
		width:100%;
	}
	#popup_content_wrap {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		position: fixed;	
		background: rgba(0, 0, 0, 0.74);
		z-index: 9999999;
	}
	#popup_content {
		width: 50%;
		max-width: 600px;
		height: auto;
		padding:0px;
		position: relative;
		top: 5%;
		left: 28%;
		background: #E90606;
		border: 5px solid #E90606; 
		outline: none;
		border-radius: 0;	
	}

	#popup_content_wrap .btn-primary {
		color: #fff;
		background-color: #E90606;
		border-color: #E90606;
		float: right;
		position: absolute;
		z-index: 999;
		right: 0;
			outline: none;
		border-radius: 0;
	}
</style>



<!---page load popup_content---->
<div id="popup_content_wrap" style='display:none'>
	<div id="popup_content">
		<center>
			<button type="submit" name="submit" value="Continue" class="btn btn-primary" onClick="popup_content('hide')">X</button>
			<img src="<?=$url;?>image/popup.jpg" alt="popup" title="popup" />
		</center>
	</div>
</div>
<!---end page load popup_content---->


<script>
	function popup_content(hideOrshow) {
		if (hideOrshow == 'hide') document.getElementById('popup_content_wrap').style.display = "none";
		else document.getElementById('popup_content_wrap').removeAttribute('style');
	}
	window.onload = function () {
		setTimeout(function () {
			popup_content('show');
		}, 100);
	}
</script>	