#search_btn input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-ms-appearance: textfield;
	-ms-box-sizing: content-box;
	-moz-appearance: textfield;
	-moz-box-sizing: content-box;
	-o-appearance: textfield;
	-o-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
#search_btn input::-webkit-search-decoration,
#search_btn input::-webkit-search-cancel-button {
	display: none; 
}


#search_btn input[type=search] {
	background: #ededed url(/images/search-icon.png) no-repeat 6px center;
	background-color: rgba(255,255,255,0.31) !important;
	border: solid 1px #ccc;
	padding: 2px 0px 1px 0px !important;
	width: 60px;
	
	-webkit-border-radius: 12em;
	-moz-border-radius: 12em;
	-ms-border-radius: 12em;
	-o-border-radius: 12em;
	
	border-radius: 12em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
#search_btn input[type=search]:focus {
	width: 100px;
	margin-right:20px;
	background-color: #fff;
	border-color: #66CC75;
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-ms-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-o-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}


#search_btn input:-moz-placeholder {
	color: #999;
}
#search_btn input::-webkit-input-placeholder {
	color: #999;
}

/* search */
#search_btn input[type=search] {
	width: 33px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
	float:left;
}
#search_btn input[type=search]:hover {
	background-color: #fff;
}
#search_btn input[type=search]:focus {
	width: 158px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
#search_btn input:-moz-placeholder {
	color: transparent;
}
#search_btn input::-webkit-input-placeholder {
	color: transparent;
}
#search_btn input:-ms-placeholder {
	color: transparent;
}
#search_btn input::-o-input-placeholder {
	color: transparent;
}

#search_btn input:focus::-webkit-input-placeholder {
    color: #CCC;
}
#search_btn input:focus:-moz-placeholder {
   color: #CCC;
}
#search_btn input:focus::-ms-input-placeholder {
    color: #CCC;
}
#search_btn input:focus:-o-placeholder {
   color: #CCC;
}
#search_btn input:focus::-moz-placeholder {
   color: #CCC;
}
#search_btn input:focus:-ms-input-placeholder {
    color: #CCC;
}
#search_btn input:focus::-ms-placeholder {
    color: #CCC;
}
#search_btn input:focus:-o-input-placeholder {
    color: #CCC;
}