.sidePaper {
background-color:#DDD; width:96%; 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;
}

.sidePaperClose { z-index:999; position:fixed; right:0; top:0; color: #9E9E9E; float: right; font-size: 47px; margin-right: 10px; line-height: 1; }
.sidePaperClose:hover, .sidePaperClose:focus { color: #000;  text-decoration: none; cursor: pointer; }
/*
.sidePaperClose { position:absolute; 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; }
.sidePaperClose:hover { background:url(/graphic/icon/delete-3-1.png) no-repeat center center; opacity:1; }
*/
.sidePaperBg { width:100%; height:100%; background-color:#FFF; opacity:0.9; position:fixed; z-index:98; display:none; }

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

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

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