.dataModal {
background-color:#FFF; width:94%; height:94%; left:3%; top:2%; position:fixed; z-index:100;

display:none; padding:15px;  /*overflow:auto; */
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
}

.dataModalContent{  overflow-x: hidden; overflow-y: auto; position: relative; width: 100%; height: 100%; }

.dataModalClose { color: #9E9E9E;  font-size:40px; position:absolute !important; right:10px; top:1px; overflow:hidden; z-index:300; cursor:pointer; opacity:0.5;  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important;  }
.dataModalClose:hover { /*background:url(/graphic/icon/delete-3-1.png) no-repeat center center;*/ opacity:1; }

.dataModalBg { width:100%; height:100%; background-color:#000; opacity:0.5; position:fixed; z-index:100; display:none; /* cursor:pointer; */ }	
	
/* ความกว้าง ไม่ต่ำกว่า */
@media screen and (min-width: 400px)
{
	.dataModal { padding:20px; }
}

/* ความกว้าง ไม่ต่ำกว่า */
@media screen and (min-width: 700px)
{
	/* .dataModalClose { right:4%; top:3.5%; } */
}

/* ความกว้าง ไม่ต่ำกว่า */
@media screen and (min-width: 1000px)
{
	.dataModal { width:86%; height:90%; left:7%; top:5%; }
}

/* ความกว้าง ไม่ต่ำกว่า */
@media screen and (min-width: 1200px)
{
	.dataModal { padding:25px; }
	
}

/* ความกว้าง ไม่ต่ำกว่า */
@media screen and (min-width: 1600px)
{
	.dataModal { padding:20px; }
}