@charset "utf-8";
/* CSS Document */
.both{margin:0;padding:0; height:0px; overflow:hidden;clear:both;*display:inline;}
.search_warp{max-width: 640px; margin: 0 auto}
.search_db{ width: 96%; padding: 2%; position: relative}
.search_db span{ display: block; border: 2px solid #7d7d7d; border-radius: 10px; padding: 1%; background: #f1f1f1 }
.search_db span i{float:left;display:inline;background: url("../images/search.png") no-repeat left center; width: 28px; height: 65px; vertical-align: middle}
.search_db input{float:left;display:inline;width: 65%; border: 0; padding-left: 2%; outline: none; font-size: 20px; line-height: 65px;height: 65px; background: #f1f1f1 }
.search_db a{width: 25%; background: #a2176a; line-height: 65px;height: 65px; border-radius: 10px; vertical-align: middle; color: #fff;
    text-align: center;float:right;display:inline;margin:0 0% 0 0; font-size: 20px;
}

@media screen and (max-width: 639px){
    .search_db input{ font-size:12px;width: 70%;}
    .search_db a{
        width: 16%;
        font-size: 12px;
    }
    .search_db a{ font-size: 16px;line-height: 50px;height:50px;}
    .search_db input{line-height: 50px;height:50px;}
    .search_db span i{height:50px;}
}
@media screen and (max-width: 580px){
    .search_db a{ font-size: 12px;line-height: 50px;height:50px;}
    .search_db input{line-height: 50px;height:50px;}
    .search_db span i{height:50px;}
}
@media screen and (max-width: 380px){
    .search_db a{ font-size: 12px;line-height: 40px;height:40px;}
    .search_db input{line-height: 40px;height:40px;}
    .search_db span i{height:40px;height:40px;}
}