.c4d-woo-ajax-search {
	position: relative;
	.c4d-woo-ajax-search__result {
		position: absolute;
		top: 100%;
		right: 0;
		width: 100%;
		max-width: 640px;
		background: #fff;
		z-index: 9999;
		box-shadow: 0px 3px 3px rgba(#000, 0.2);
		.loading-icon {
			text-align: center;
			padding: 10px;
			color: #ccc;
			opacity: 0;
		}
	}
	.search-list {
		opacity: 0;
		transition: all 0.3s;
		max-height: 0px;
		overflow: hidden;
		.item {
			padding: 20px 30px;
			border-bottom: 1px solid #f7f7f7;
			&:after {
				content: '';
				display: block;
				clear: both;
			}
			a {
				display: block;
			}
			.title {
				font-size: 14px;
				color: #666;
				margin: auto;
			}
			img {
				width: 100%;
				height: auto;
				max-width: 60px;
				float: left;
				margin: auto 20px auto auto;
			}
			&:hover {
				background: #f7f7f7;
			}
		}
	}
	&.processing {
		.loading-icon {
			opacity: 1;
		}
	}	
	&.focus {
		.search-list {
			opacity: 1;
			max-height: 1000px;
		}
	}
}