#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 10000000;
display: none;
}

.popup-content{
	padding: 0px 10px 24px;
	line-height: 1.5;
}
.cnt223 a {
text-decoration: none;
display: block;
float: right;
}
.popup-onload {
width: 100%;
margin: 0 auto;
display: none;
position: fixed;
z-index: 10000001;
top: 60px;
}
.cnt223 {
	min-width: 600px;
	width: 600px;
	min-height: 150px;
	margin: 100px auto;
	background: #f3f3f3;
	position: relative;
	z-index: 103;
	padding: 35px;
	border-radius: 5px;
	box-shadow: 0 2px 5px #000;
}
.cnt223 p {
 clear: both;
 color: #555555;
    /* text-align: justify; */
 font-size: 20px;
 font-family: sans-serif;
}
.cnt223 p a {
 color: #049af5;
 font-weight: bold;
}
.cnt223 .x {
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.cnt223 .x:hover {
cursor: pointer;
}

 @media screen and (max-width: 768px) {
.cnt223 {
	min-width: 400px;
	width: 400px;
	min-height: 150px;
	margin: 100px auto;
}
}
	
	@media screen and (max-width: 480px) {
	.cnt223 {
	min-width: 300px;
	width: 300px;
	min-height: 150px;
	margin: 100px auto;
	padding: 20px;
}
.cnt223 p {
 clear: both;
 color: #555555;
    /* text-align: justify; */
 font-size: 16px;
 font-family: sans-serif;
}
}