.sideModal {
background-color:#FFF; width:70%; height:100%; position:fixed; right:0px; z-index:100;
-webkit-box-shadow: -8px 0px 18px -1px rgba(0,0,0,0.4);
-moz-box-shadow: -8px 0px 18px -1px rgba(0,0,0,0.4);
box-shadow: -8px 0px 18px -1px rgba(0,0,0,0.4);
display:none; padding:15px; overflow:auto; overflow-x: hidden;
}

.sideModalClose { display:none; z-index:999; position:fixed; right:10px; top:10px; width:25px; height:25px; overflow:hidden; background:url(/graphic/icon/delete-3-2.png) no-repeat center center; cursor:pointer; opacity:0.3; }
.sideModalClose:hover { background:url(/graphic/icon/delete-3-1.png) no-repeat center center; opacity:1; }

.sideModalBg { width:100%; height:100%; background-color:#FFF; opacity:0.1; position:fixed; z-index:98; display:none; }

.sideModalFocus { z-index:99; }
	
	
/* ความกว้าง ไม่ต่ำกว่า */
@media screen and (min-width: 400px)
{
	.sideModal { width:85%; padding:20px; }
}

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

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