お世話になっております。
添付画像の検索窓の色を変更する際の手順をご教示頂けますでしょうか。

以下、URLになります。

<!-- 検索窓 -->
<style>.shopSearchForm{width:100%;max-width:800px;margin:0 auto;}.shopSearchForm *{vertical-align:bottom;box-sizing:border-box;height:38px;}.shopSearchInput{width:calc(100% - 45px);border:2px solid #bf0000;border-radius:3px;text-indent:8px;font-size:16px;font-family:"Meiryo", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif;line-height:32px;}.shopSearchButton{border:none;border-radius:3px;width:48px;margin:0 0 0 -3px;cursor:pointer;background:#bf0000 url(/com/img/home/itempage/haeder_sprite.png) no-repeat 1px -239px;}</style><form method="get" class="shopSearchForm" action="https://esearch.rakuten.co.jp/rms/sd/esearch/vc" accept-charset="EUC-JP" target="_top"><input type="hidden" name="sid" value="SHOP-ID"><input type="text" name="sitem" value="" size="40" placeholder="ショップ内から探す" class="shopSearchInput"><button class="shopSearchButton"></button></form>
<!-- /検索窓 -->
<br>