//out: autosuggest.min.css,sourcemap:false,compress:true

@charset "utf-8";

.autosuggest {
	position: absolute;
	background-color: #FFFFFF;
	padding: 6px 0 6px 0;
	height: auto;

	margin-top: 5px !important;
	z-index: 99999;
	.as_header {
		position: relative;
		height: 0px;
		padding: 0 6 0 6px;
		overflow: hidden;
	}
	.as_footer {
		position: relative;
		height: 0px;
		padding: 0 6px;
		overflow: hidden;
	}
	.as_header, .as_footer {
		.as_corner {
			position: absolute;
			top: 0;
			left: 0;
			height: 0px;
			width: 0px;
		}
		.as_bar {
			height: 0px;
			overflow: hidden;
			background-color: #fffff;
		}
	}
	ul {
		width:100% !important;
		list-style: none;
		margin:0px;
		padding:0px;
		overflow: hidden;
//		background-color:#ffffff;
//		border:1px solid #f2f2f2;
		em {
			font-style: normal;
			font-weight:bold;
			color: #004585;
		}
		li {
			position: relative !important;
			width: 25% !important;
			display: inline-block !important;
			float: left !important;
			color: #000000;
			margin:0px;
			padding:5px;
			text-align: left;
	//		border-bottom:1px dotted #f2f2f2;
			&.as_warning {
				font-weight: bold;
				text-align: center;
			}
			[data-role=link]{
				padding:4px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				line-height:11px;
				color:#666;
			 	display: block;
				text-decoration: none;
				background-color: transparent;
				text-shadow: #fff 0px 0px 5px;
				position: relative;
				width: 100%;
				&:hover {
					background-color: #f2f2f2;
				}
				span {
					display: block;
					padding: 3px 6px;
					&.title {
						font-weight: bold;
						color: #000000 !important;
						font-size: 16px;
					}
					&.info {
						font-weight: normal;
						color: #999 !important;
						font-size: 14px;
					}
					/*font-weight: bold;*/
					small {
						font-weight: normal;
						color: #999;
					}
				}
				.tl, .tr {
					background-image: transparent;
					background-repeat: no-repeat;
					width: 6px;
					height: 6px;
					position: absolute;
					top: 0;
					padding: 0;
					margin: 0;
				}
				.tr {
					right: 0;
				}
			}
			&.as_highlight {
				a {
					color: #fff;
					background-color: #1B5CCD;
					&:hover {
						background-color: #1B5CCD;
					}
					span {
						small {
							color: #ccc;
						}
					}
					.tl {
						left: 0;
					}
					.tr {
						right: 0;
					}
				}
			}
		}
	}
}