#ph {
	position: relative;
	z-index: 0;
}
#areaAdp {
	display: none;
	position: absolute;
	z-index: 10;
	top: 0px;
	right: 0px;
	overflow: auto;
	height: 100%;
	padding: 14px;
	box-sizing: border-box;
}
#areaAdp.enable {
	display: block;
}
#areaAdp > a {
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
	width: 90px;
	height: 90px;
	box-sizing: border-box;
	position: relative;
	border: solid 2px #fff;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.17);
	background-color: #fff;
}
#areaAdp > a.selected {
	border-color: #3E713B;
}
#areaAdp > a:hover {
	border-color: #2D8933;
}
#areaAdp > a > img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#areaAdp > a.loading {
	background-image: url(/bridal/ui/sig_loading-s.gif);
	background-repeat: no-repeat;
	background-position: 6px 6px;
}
#areaAdp > a.loading > img {
	opacity: 0.3;
}
/**/
#areaAdp.waiting > a {
	cursor: wait;
}
#areaAdp.waiting > a:hover {
	border-color: #fff;
}

/**/
#areaAdp.enable {
	-webkit-animation-duration: 1.0s;
	animation-duration: 1.0s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
#areaAdp.enable {
	-webkit-animation-name: adp-opening-keyframes;
	animation-name: adp-opening-keyframes;
}
@-webkit-keyframes adp-opening-keyframes {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes adp-opening-keyframes {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}