/* 搜尋功能版面調整 */
.search .s_form_grp {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 190px;
            flex: 0 1 190px;
    margin: 0 10px 0 0;
}

.search .s_form_grp input[type=text] {
  padding: 0 0.5em 0 0.5em;
}

.search .s_btn_grp {
    max-width: 10em;
    min-width: 10em;
}

@media screen and (max-width: 767px) {
    .search .s_form_grp {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 72%;
        flex: 1 1 72%;
        margin: 0 10px 0 0;
    }

    .search .s_btn_grp {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 28%;
                flex: 1 1 28%;
        margin: 0;
    }

    .search .s_btn_grp input, .search .s_btn_grp input[type=submit] {
        width: auto;
    }
}

.search .s_btn_grp #btnsearch {
  right: 2px;
  top: 2px;
  z-index: 2;
  background: #fff url(../images/basic/icon_search.png) no-repeat center center;
  background-size: 20px;
  border: none;
  min-width: calc(2.4em - 4px);
  width: calc(2.4em - 4px);
  height: calc(2.4em - 1px);
  padding: 0;
  margin: 0;
  border-radius: 4px;
  text-indent: -10em;
  overflow: hidden;
  opacity: 0.5;
}

.search .s_btn_grp #btnsearch:hover {
  -webkit-box-shadow: #fff 0 0 0 0, #c94900 0 0 0 2px;
  box-shadow: #fff 0 0 0 0, #c94900 0 0 0 2px;
  opacity: 0.8;
}

.search .s_btn_grp #btnsearch:focus {
  opacity: 1;
  background-color: #f77810;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}