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

display:none; 
-moz-border-radius:2vw; -webkit-border-radius:2vw; border-radius:2vw;
}

.basicModalContent { padding:4.5vw; overflow-x: hidden; overflow-y: auto; }


.basicModalClose { color: #6699CC;  font-size:16vw; position:absolute !important; right:0.8vw; top:-3.7vw; overflow:hidden; z-index:300; cursor:pointer; opacity:1;  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important;  }
.basicModalClose:hover { color: #000;  opacity:1; }

.basicModalBg { width:100%; height:100%; background-color:#000; opacity:0.7; position:fixed; z-index:98; display:none; cursor:pointer; }	
	
/* ความกว้าง ไม่ต่ำกว่า */ /* มือถือรุ่นเก่า จอสั้นๆ */
/* @media screen and ( min-aspect-ratio:0.6 ) and ( max-width: 400px ) */
@media screen and ( min-device-aspect-ratio:1/2 ) and ( max-width: 500px )
{ 
	
}

/* ============= มือถือจอ Flip จัตุรัส ============= */
@media screen and ( min-aspect-ratio:1/1 )
{
	.basicModal { 
		width:70%; 
		left:15%; 
		-moz-border-radius:1.5vw; -webkit-border-radius:1.5vw; border-radius:1.5vw;
	}
	.basicModalClose { font-size: 8vw; right: 1.2vw; top: -1.5vw;  }
	.basicModalContent { padding:2.8vw; }
}

/* ============= Tablet แนวนอน และจอ 4:3 รวม Surface และ Macbook ============= */
/* @media screen and ( min-aspect-ratio:1024/768 ) */
@media screen and ( min-aspect-ratio:1.3/1 )
{
	.basicModal { 
		width:60%; 
		left:20%;
	}
	.basicModalClose { font-size: 7vw; top:-2vw; right: 0.6vw; }
	.basicModalContent { padding:2.2vw; }
}

/* ============= Notebook ============= */
@media screen and ( min-aspect-ratio:2/1)
{
	.basicModal { 
		width:40%; 
		left:30%; 
		top:5%; 
		font-size:0.8em; 
		height: 87%;
		-moz-border-radius:1.2vw; -webkit-border-radius:1.2vw; border-radius:1.2vw;
	}
	.basicModalClose { font-size: 5vw; top:-1.1vw; right: 0.7vw; }
	.basicModalContent { padding:1.8vw; }
}

/* ============= Full HD ============= */
@media screen and ( min-aspect-ratio:2/1 ) and (min-width: 1600px)
{
	.basicModal { 
		width:40%; 
		left:30%; 
		top:5%; 
		font-size:1em; 
		height: 87%;
		-moz-border-radius:1vw; -webkit-border-radius:1vw; border-radius:1vw;
	}
	.basicModalClose {  font-size: 4vw; top:-0.75vw; right: 0.8vw; }
	.basicModalContent { padding:1.5vw;}
}