.basicModal { background-color:#FFF; width:94%; height:auto; left:3%; top:3%; position:fixed; z-index:97; display:none; padding:15px; overflow:auto; overflow-x: hidden; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  }

.basicModalClose { position: absolute; right:15px; top:15px; width:30px; height: 30px; line-height: 30px; overflow:hidden; z-index:96; color: #9E9E9E; font-size:60px; cursor:pointer; opacity:0.5; }

.basicModalClose:hover { opacity:1; }

.basicModalBg { top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.5; position:fixed; z-index:70; display:none; }	

.basicModalContent { overflow-x: hidden; height: 100%; }  


@media screen and (min-width: 400px)
{

	.basicModal { padding:20px; }
	.basicModalClose { right:20px; top:20px; }

}


@media screen and (min-width: 1000px)
{

	.basicModal {  width:70%; left:15%; top:5%; }

}



/* ความกว้าง ไม่ต่ำกว่า */

@media screen and (min-width: 1600px)
{
	.basicModal {  width:50%; left:25%; top:5%; }
}