﻿.miniModal { background-color:#FFF; width:94%; min-height:55%; left:3%; top:3%; position:fixed; z-index:150 !important; display:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

/*.scrollbar-style-1::-webkit-scrollbar {
    width: 10px;
}
.scrollbar-style-1::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #847E7F; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.scrollbar-style-1::-webkit-scrollbar-thumb:window-inactive {
	background: #ccc; 
}

.scrollbar-style-1::-webkit-scrollbar-track
{
	margin-top:15px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
*/

.miniModalContent {    z-index: 0; padding:15px;  overflow-x: hidden; overflow-y: overlay; position: relative; width: 100%; height: 100%;  }
.miniModalClose { 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;  }
.miniModalClose:hover {  opacity:1; }

.miniModalBg { 
	width:100%; height:100%; background-color:#000; opacity:0.7; position:fixed; display:none; cursor:pointer; z-index:149 !important; 
}	
	
/* ความกว้าง ไม่ต่ำกว่า  400px */
@media screen and (min-width: 400px)
{
	.miniModal { 
		width:80%; 
		left:10%; 
	}
	.miniModalContent { padding:20px; }
}

/* ความกว้าง ไม่ต่ำกว่า 700px */
@media screen and (min-width: 700px)
{
	.miniModal { 
		width:70%; 
		left:15%; 
	}
}

/* ความกว้าง ไม่ต่ำกว่า 700px */
@media screen and (min-width: 800px)
{
	.miniModal { 
		width:70%; 
		left:15%; 
	}
}

/* ความกว้าง ไม่ต่ำกว่า 1000px */
@media screen and (min-width: 1000px)
{
	.miniModal {
		width:70%; 
		left:15%; 
		top:2.5%; 
		font-size:0.8em; 
		max-height: 95%;
		/*max-height:95%; 
		height:auto;*/ 
	}
}

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