.vine-home{ width:810px; text-align:center; position:absolute; top:26%; left:50%; margin-left:-405px}
.vine-home .vine-search{ width:810px; padding-top:45px;background:#fff}
.vine-home .vine-search .txt{ width:730px; height:50px; padding:0 10px; border:1px solid #d6d3d6; border-right:0; float:left}
.vine-home .vine-search .btn{ width:59px; height:52px; background:url(../images/iconSearch.png) no-repeat center center #9cb67b; border-right:1px solid #d6d3d6}
.vine-bottom{ width:100%; font-size:12px; line-height:15px; text-align:center; color:#8c8a8c; position:absolute; bottom:2%}
@media screen and (max-width: 750px){

.vine-home{ width:7.5rem; left:0; margin:0}
.vine-home img{ width:2.4rem}
.vine-home .vine-search{ width:7rem; padding-top:.5rem; margin:0 .25rem}
.vine-home .vine-search input{ float:left}
.vine-home .vine-search .txt{ width:5rem; height:.8rem; padding:0 .1rem; box-sizing:border-box}
.vine-home .vine-search .btn{ width:2rem; height:.8rem; box-sizing:border-box}

}
.txt {
      width: 60%;
      max-width: 300px;
      height: 40px;
      padding: 8px;
      margin: 5px;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-sizing: border-box;
    }

    .btn {
      width: 30%;
      max-width: 150px;
      height: 40px;
      padding: 8px;
      margin: 5px;
      background-color: #007bff;
      color: #fff;
      border: 1px solid #007bff;
      border-radius: 4px;
      cursor: pointer;
      box-sizing: border-box;
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
    }

    .btn:hover {
      background-color: #0056b3; 
      border-color: #0056b3; 
    }