@charset "utf-8";

ul {
	margin: 0;
	padding: 0;
	margin-left: 20px;
}
.pic_drag {
	/*width: 350px;*/
	list-style: none;
	margin: 0px 0px 0px -25px;
}
.pic_drag li {
	float: left;
	padding: 0px !important;
	margin: 4px 0 20px 30px;
	width: 120px;
	height: 100%;
	background: white !important;
	cursor: move;
}
.pic_drag li div.placeHolder_div {
	width: 120px;
	height: 135px;
	border: solid 1px black;
	text-align : center;
}
.pic_drag li div.placeHolder_div div.pic_show {
	margin: 7px 0px 0px 0px;
}
.pic_drag li div.placeHolder_div div.pic_show_img {
	display: inline-block;
	width: 120px;
	height: 75px;

	/* Firefox, Chrome */
	line-height : 75px;

	/* IE */
	*font-size : 67.5px;  /* 200px * 0.9 = 180px */
	*font-family : Arial;
}
.pic_drag li div.placeHolder_div div.pic_show img{
	max-width: 100px !important;
	max-height: 70px !important;
	vertical-align: bottom !important;
}

.ui-drop-hover div.placeHolder_div {
	background-color: white !important;
	border: dashed 1px gray !important;
	opacity: 0.3;
}

/*拖曳時複製元件樣式*/
.ui-draggable-helper {
	width: 120px;
	list-style: none;
	background: white !important;
}
.ui-draggable-helper div.placeHolder_div {
	width: 120px;
	height: 120px;
	border: solid 1px black;

	text-align : center;
}
.ui-draggable-helper div.placeHolder_div div.pic_show {
	margin: 7px 0px 0px 0px;
}
.ui-draggable-helper div.placeHolder_div div.pic_show_img {
	display: inline-block;
	width: 120px;
	height: 75px;

	/* Firefox, Chrome */
	line-height : 75px;

	/* IE */
	*font-size : 67.5px;  /* 200px * 0.9 = 180px */
	*font-family : Arial;
}
.ui-draggable-helper div.placeHolder_div div.pic_show img {
	max-width: 100px !important;
	max-height: 70px !important;
	vertical-align: bottom !important;
}