.search-form {
  width: 100%;
  margin-bottom: 40px; }
  @media (max-width: 768px) {
    .search-form {
      margin-bottom: 15px;
      width: 85%;
      float: left; } }
  @media (max-width: 320px) {
    .search-form {
      margin-bottom: 15px;
      width: 80%;
      float: left; } }
  @media (min-width: 992px) {
    .search-form {
      position: relative; } }
  .search-form .keyword {
    height: 38px;
    line-height: 30px;
    color: #555555;
    /* padding-left: 35px; */
    float: left;
    width: 77%;
    border: 1px solid #ccc;
    border-right: 0px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    /* background: url(../images/search-icon.png) no-repeat left 10px center; */
    background: #F2F2F2;
    font-weight: bold; }
    @media all and (max-width: 768px) {
      .search-form .keyword {
        width: 85%; } }
  .search-form .btn_submit {
    height: 38px;
    line-height: 30px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    float: left;
    width: 23%;
    border: 1px solid #ccc;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    background: #ce1e1e;
    padding-left: 20px; }
    @media all and (max-width: 768px) {
      .search-form .btn_submit {
        background: #fff;
        width: 15%; } }
  .search-form .i_submit {
    position: absolute;
    top: 9px;
    right: 84px;
    color: #fff;
    font-size: large; }
    @media all and (max-width: 768px) {
      .search-form .i_submit {
        right: 78px;
        top: 32px;
        color: #000; } }
    @media all and (max-width: 414px) {
      .search-form .i_submit {
        right: 65px;
        top: 32px;
        color: #8C8C8C; } }
    @media all and (max-width: 320px) {
      .search-form .i_submit {
        right: 62px;
        top: 32px;
        color: #8C8C8C; } }

/*# sourceMappingURL=search.css.map */