.needModal {
	background-color:#FFF; 
	width:100%; 
	height:100%; 
	left:0%; 
	top:0%; 
	position:fixed; 
	z-index:100;
	display:none;
	padding:15px;
	overflow:auto;
	overflow-x: hidden;

}
.needModalClose { position:fixed; right:25px; top:1px; width:20px; overflow:hidden; cursor:pointer; opacity:0.5; color: #9E9E9E;  font-size:40px; }
.needModalClose:hover { /*background:url(/graphic/icon/delete-3-1.png) no-repeat center center;*/ opacity:1; }

.needModalBg { width:100%; height:100%; background-color:#000; opacity:0.7; position:fixed; z-index:98; display:none; cursor:pointer; }	
	
/* ความกว้าง ไม่ต่ำกว่า */
@media screen and (min-width: 400px)
{
	.needModalClose { position: absolute; right:10px; top:1px; }
	.needModal { 
		width:100%; 
		left:0%; 
		top:0%; 
		padding:20px; 
		height:100%;
	}
}

/* ความกว้าง ไม่ต่ำกว่า */
@media screen and (min-width: 700px)
{
	.needModal { 
		width:100%; 
		left:0%; 
		top:0%; 
		height:100%; 
	}
}

/* ความกว้าง ไม่ต่ำกว่า */
@media screen and (min-width: 1000px)
{
	.needModal { 
		width:100%; 
		left:0%; 
		top:0%; 
		font-size:0.8em; 
		height:100%; 
	}
}

/* ความกว้าง ไม่ต่ำกว่า */
@media screen and (min-width: 1600px)
{
	.needModal { 
		width:100%; 
		left:0%; 
		top:0%; 
		font-size:1em; 
		height:100%; 
	}
}