.keyword-search_b {
	width: 370px;
	margin:50px auto 0;
	padding: 10px 15px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 2px 2px 3px 2px #ccc;
    -webkit-box-shadow: 2px 2px 3px 2px #ccc;
    -moz-box-shadow: 2px 2px 3px 2px #ccc;
}
.keyword-search_b input {
	width: 250px;
	height: 30px;
	border: solid 1px #CCD6DE;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	padding-left: 4px;
}
.keyword-search_b button {
	background-color: #1D63A4;
	color: #fff;
	width: 65px;
	height: 30px;
	margin-left: 10px;
	vertical-align: middle;
	border: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}
.keyword-search_b button:hover {
	opacity: 0.7;
}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

@media only screen and (max-width: 768px) {
.keyword-search_b {
	width: 100%;
	padding: 5px 0 5px 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 2px 2px 3px 2px #ccc;
    -webkit-box-shadow: 2px 2px 3px 2px #ccc;
    -moz-box-shadow: 2px 2px 3px 2px #ccc;
}
.keyword-search_b input {
	width: 72%;
	height: 38px;
	border: solid 1px #CCD6DE;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	padding-left: 4px;
}
.keyword-search_b button {
	font-size: 1.5rem;
	padding: 5px;
	background-color: #1D63A4;
	color: #fff;
	width: 18%;
	height: auto;
	margin-left: 10px;
	vertical-align: middle;
	border: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}
}