#inner { display: inline-block; width: 100%; }
	#outer {  width: 100%; }
	.divListImage{ float:left; margin-bottom:15px; margin-right:15px; }
	.listImage{ cursor:pointer; opacity:2 !important; }
	.listImageSize{ cursor:pointer;  }
	.galleryTitleText{ top:18px; left:15px; font-size:18px; color:white; position:fixed; z-index:101; }
	@media print {
		.galleryModalClose{display:none;}
	}
	.tranW { background: rgb(256, 256, 256); background: rgba(256, 256, 256, 0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)"; }
	
	.close_img {  }
	
	.close_multi50{
		width:40px; 
		height:40px;  
		background:url(images/delete-3-1.png) no-repeat center center;
		cursor:pointer;
		float:left;
		margin-top:1px;
		position: absolute;
		left: 20px;
		top: 20px;
		display:none;
	}
	
	
	.close_multi100 {
		width:40px; 
		height:40px;  
		background:url(images/delete-3-1.png) no-repeat center center;
		cursor:pointer;
		float:left;
		margin-top:1px;
		position: absolute;
		left: 68px;
		top: 68px;
		display:none;
	}
	.close_img:hover {
		opacity:1; 
	}
	
	
	header, section {
			/* display: block; */
		}
		body {
			/* font-family: 'Droid Serif'; */
		}
		h1, h2 {
			/* text-align: center;
			font-weight: normal; */
		}
		#features {
			/* margin: auto;
			width: 460px;
			font-size: 0.9em; */
		}
		.connected, .sortable, .exclude, .handles {
			margin: auto;
			padding: 0;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		.sortable.grid {
			overflow: hidden;
		}
		.connected li, .sortable li, .exclude li, .handles li {
			list-style: none;
			/* border: 1px solid #CCC; */
			background: none;
			font-family: "Tahoma";
			color: #1C94C4;
			margin: 5px;
			padding: 5px;
			height: 22px;
		}
		.handles span {
			cursor: move;
		}
		li.disabled {
			opacity: 0.5;
		}
		.sortable.grid li {
			/* line-height: 80px; */
			float: left;
			width:100px; 
			height:100px; 
			text-align: center;
		}
		li.highlight {
			background: #FEE25F;
		}
		#connected {
			width: 440px;
			overflow: hidden;
			margin: auto;
		}
		.connected {
			float: left;
			width: 200px;
		}
		.connected.no2 {
			float: right;
		}
		li.sortable-placeholder {
			/* border: 1px dashed #CCC;
			background: none; */
		}
		
		
		.liset{
			padding-left: 0px !important;
			border-left-width: 0px !important;
			margin-left: 0px !important;
			padding-top: 0px !important;
			border-top-width: 0px !important;
			margin-top: 0px !important;
			padding-right: 0px !important;
			border-right-width: 0px !important;
			margin-right: 0px !important;
			padding-bottom: 0px !important;
			border-bottom-width: 0px !important;
			margin-bottom: 0px !important;
		}
		
		
		
		#drop-area{
			background: #FFFFFF;
			min-height:50px;
			padding:15px;
			width:90%;
			border:2px dotted;
			-webkit-border-radius:10px;
			-moz-border-radius:10px;
			float: left;
		}

		h3.drop-text{color:#999;text-align:center;font-size:1em;}
		
		
		
		
		
		
		
		
		
/* SHOW MULTI GALLERY */

.galleryModal {
	margin-top:20px;
	width:100%;
	height:100%; 
	position:fixed; 
	z-index:100;
	display:none; padding:15px; overflow:auto; overflow-x: hidden;
	/* -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; */
}

.galleryModalBg {
	float:left;
	background-color:black; 
	width:100%;
	height:100%; 
	position:fixed; 
	z-index:100;
	opacity:0.9;
	display:none; padding:15px; overflow:auto; overflow-x: hidden;
	/* -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; */
}

.galleryModalClose { color:white; font-size:48px; position:fixed; right:-11px; top:0px; width:48px; height:48px; overflow:hidden; /*background:url(/graphic/icon/delete-3-2.png) no-repeat center center;*/ cursor:pointer; opacity:0.5; z-index:101; display:none; }
.galleryModalClose:hover {/* background:url(/graphic/icon/delete-3-1.png) no-repeat center center;*/ opacity:0.7; }

/* ความกว้าง ไม่ต่ำกว่า 700px*/
@media screen and (min-width: 700px) {
	.divListImage{ margin-left:15px; }
	.galleryTitleText{ font-size:18px; }
}

/* ความกว้าง ไม่ต่ำกว่า 1200px*/
@media screen and (min-width: 1200px) {
	.divListImage{ margin-left:15px; }
	.galleryTitleText{ font-size:18px; }
}

/* ความกว้าง ไม่ต่ำกว่า 1600px*/
@media screen and (min-width: 1600px) {
	.galleryModal { margin-top:40px; }
	.divListImage{ margin-left:5px; }
	.galleryTitleText{ font-size:24px; }
}