お世話になっております。

Yahoo!ショッピングPCトップページ（トリプルではなくストアエディタでのページ使用）に、ストアデザイン機能を使い、ヘッダー・看板部分に「ストア内検索」のパーツを設置しました。

現在の状態は以下のようになっています。
https://store.shopping.yahoo.co.jp/SHOP-URL/

上記の今の状態から、検索窓のデザインを以下のように変更したいです。
https://shopping.geocities.jp/SHOP-URL/ecstation/spc/top_search.html

「検索」のボタン画像は現状のままでも構わないのですが、キーワード入力欄の高さと幅を、上記のトリプルページと同じ（幅は親要素の100％ほど）ようにしたいのです。あわせて、入力欄の大きさにあわせて入力フォントも少し大きくしたいです。

看板部分で以下のCSSファイルを読み込ませてあるのですが、どのようなセレクタにどのようなプロパティを追加したらよろしいでしょうか。
https://shopping.geocities.jp/SHOP-URL/css/y_style.css

または、先述のトリプルの検索窓は、ECステーションの丸ごとスマホを使って作ったのですが、
以下のようにタグを記載しても、

<script type='text/javascript'>
var oElements = document.getElementsByTagName("a");
for (var i = 0; i < oElements.length; i++) {
var oElement = oElements[i];
oElement.target = '_top';
}
</script>

検索結果ページがフレームの中に表示されてしまい、うまく行きませんでした。

また、トリプル内で検索するので、あとで検索ワードのデータが拾えなくなるかも、と思い、ストアエディタの機能を使おうと考えました。
ですが、表示とデータの問題が解決できれば、そのままトリプルで作っても良いと思っています。

アドバイスいただけたら助かります。
どうぞよろしくお願いいたします。