.search-box {
	line-height: 0;
	display: inline-block;
	text-align: left;
	position: absolute;
	top: 0;
	right: 0;
	background-color: white;
	z-index: 100;
	width: auto;
}

		
.search-box input[type="search"] {
	border: none;
	width: 6rem;
}

.search-box input[type="search"],		
.search-box input[type="search"]:active,
.search-box input[type="search"]:focus,
.search-box input[type="search"]:hover {
	outline: none;
	-webkit-appearance: none;
}
		
.search-box input[type="search"]::-ms-clear {
	display: none;
}
			
.search-box input[type="search"]::-webkit-search-decoration,
.search-box input[type="search"]::-webkit-search-cancel-button,
.search-box input[type="search"]::-webkit-search-results-button,
.search-box input[type="search"]::-webkit-search-results-decoration {
	display: none;
}
			
.search-box input[type="search"]::selection {
	background-color: #d1d1d1; 
}

			
.search-box .bottom-line {
	display: inline-block;
	height: 0.4rem;
	width: 100%;
	border-bottom: 1px solid #1a1a1a;
}
			
.search-box input[type="search"]:focus ~ .bottom-line {
	border-bottom: 1px solid #009e8e;
}


.search-box .search-button {
	display: inline-block;
	margin-left: 0.4rem;
	margin-right: 0.4rem;
	float: right;
	cursor: pointer;
}