.search-news { position: absolute; top: 2px; right: 12px; width: 200px; height: 26px; padding-left: 20px; white-space: nowrap; -webkit-appearance: none; appearance: none; border: 1px solid #d8d8d8; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; transform: translate(0, 0); transition: width 0.55s ease; background-color: transparent; background-image: none; color: transparent; overflow: hidden; z-index: 2; }
.search-news * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.search-news:hover { width: 400px; padding-left: 12px; outline: none; opacity: 1; border: 1px solid #d8d8d8; background-color: white !important; color: #333333; }
.search-news td.gsc-input { position: relative; background: transparent; }
.search-news input.gsc-input { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; width: 300px; margin-top: -6px; padding-left: 0px; -webkit-appearance: none; appearance: none; border: 1px solid white; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; font-size: 16px; background-color: transparent !important; background-image: none !important; }
.search-news input.gsc-input * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.search-news input.gsc-input::-webkit-input-placeholder { /* WebKit browsers */ color: #333333; -webkit-font-smoothing: antialiased; }
.search-news input.gsc-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #333333; }
.search-news input.gsc-input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #4d4d4d; }
.search-news input.gsc-input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #333333; }
.search-news input.gsc-search-button { white-space: nowrap; position: absolute; top: 0px; right: 0px; margin: 1px 3px 0px 0px; border: none; background: #04529d;font-size: 12px;letter-spacing:4px; overflow: hidden; text-align: center;color:#fff; content: "搜尋"; background-repeat: no-repeat; background-position: 50% 50%; width: 22px; height: 22px; background-image: none, background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; }
.search-news input.gsc-search-button:focus { outline: none; }
.search-news .gsc-clear-button, .search-news .gsc-branding { display: none; }
.search-news form.gsc-search-box{padding: 5px 4px 2px 6px;margin-bottom: 0px;}
@media (min-width: 1024px) { 
    /*.search-news { margin-top: 12px; }*/
  .search-news input.gsc-input { border: none; }
  .search-news input.gsc-search-button { z-index: 3; } }
@media (min-width: 1200px) { 
    /*.search-news { width: 200px; opacity: 1; }*/
  .search-news:after { white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; content: ""; position: absolute; top: 3px; left: 12px; font-size: 16px; color: #999999; z-index: 0; }
  .search-news:hover:after { display: none; } 
}