.search-mobile{
  /* z-index: ;*/
}
@media only screen and (max-width: 767px){
.navbar-nav {
    margin-top: -20px;   
}
/*search手機版*/
.form-control {
    display: block;
    padding: 6px 195px;
}
.glyphicon-search {
    color: #00a0e9;
    top: -30px;
    font-size: 22px;
    right: -565px;
}
}
@media only screen and (max-width: 672px){
.form-control {
    display: block;
    padding: 6px 185px;
}
}
@media only screen and (max-width: 670px){
.form-control {
    display: block;
    padding: 6px 140px;
}
.glyphicon-search {
    right: -475px;
}
}

@media only screen and (max-width: 640px){
.navbar-nav {
    margin-top: -20px;
    margin-left: 0px;
}
.form-control {
    display: block;
    padding: 6px 140px;
}
.glyphicon-search {
    right: -495px;
}
}
@media only screen and (max-width: 590px){
.form-control {
    display: block;
    padding: 6px 140px;
}
.glyphicon-search {
    right: -470px;
}
}

@media only screen and (max-width: 580px){
.form-control {
    display: block;
    padding: 6px 130px;
}
.glyphicon-search {
    right: -440px;
}
}
@media only screen and (max-width: 568px){
.form-control {
    display: block;
    padding: 6px 125px;
}
}
@media only screen and (max-width: 550px){
.form-control {
    display: block;
    padding: 6px 110px;
}
.glyphicon-search {
    right: -413px;
}
}

@media only screen and (max-width: 537px){
.navbar-nav {  
    margin-left: 0px;
}
}
@media only screen and (max-width: 533px){
.form-control {
    display: block;
    padding: 6px 110px;
}
}
@media only screen and (max-width: 520px){
.form-control {
    display: block;
    padding: 6px 105px;
}
.glyphicon-search {
    right: -390px;
}
}
@media only screen and (max-width: 515px){
.navbar-nav {  
    margin-left: 0px;
}
}
@media only screen and (max-width: 500px){
.navbar-nav {
    margin-left: -35px;
}
}
@media only screen and (max-width: 496px){
.navbar-nav {  
    margin-left: 0px;
}
.form-control {
    display: block;
    padding: 6px 90px;
}
.glyphicon-search {
    right: -360px;
}
}
@media only screen and (max-width: 484px){
.navbar-nav {
    margin-left: -10px;
}
}
@media only screen and (max-width: 480px){
    /*search手機版*/
.navbar-nav {
    margin-top: -20px;
    margin-left: 20px;
    }
.form-control {
    display: block;
    padding: 6px 70px;
    }
.glyphicon-search {
  
    right: -320px;
}
}

@media only screen and (max-width: 470px){
.form-control {
    display: block;
    padding: 6px 60px;
}
.glyphicon-search {
    right: -300px;
}
}
@media only screen and (max-width: 454px){
.form-control {
    display: block;
    padding: 6px 60px;
}
}
@media only screen and (max-width: 450px){
.navbar-nav {
    margin-top: -20px;
    margin-left: 0px;
}
}
@media only screen and (max-width: 419px){
.glyphicon-search {
    right: -300px;
}
}

@media only screen and (max-width: 414px){
.navbar-nav {
    margin-top: -20px;
    margin-left: 0px;
}
.form-control {
    display: block;
    padding: 6px 45px;
}
.glyphicon-search {
    right: -275px;
}
}
@media only screen and (max-width: 390px){
/*search手機版*/
.form-control {
    padding: 6px 35px;
}
.glyphicon-search {
    right: -278px;
}
}

@media only screen and (max-width: 380px){
/*search手機版*/
.form-control {
    padding: 6px 35px;
    }
.glyphicon-search { 
    right: -250px;
}
}
@media only screen and (max-width: 368px){
.form-control {
    padding: 6px 30px;
}
}
@media only screen and (max-width: 360px){
 /*search手機版*/
.form-control {
    padding: 6px 25px;
}
.glyphicon-search { 
    right: -230px;
}
}
@media only screen and (max-width: 320px){
/*search手機版*/
.form-control {
    padding: 6px 5px;
}
.glyphicon-search {  
    right: -190px;
}
}
@media only screen and (max-width: 290px){
.form-control {
    padding: 6px 3px;
}
.glyphicon-search {
    right: -185px;
}
}

@media only screen and (max-width: 284px){
/*search手機版*/
.navbar-nav {
    margin-top: -20px;
    margin-left: -25px;
}
.form-control {
    padding: 6px 6px;
}
}
@media only screen and (max-width: 280px){
/*search手機版*/
.form-control {
    padding: 6px 1px;
}
.glyphicon-search {
    right: -190px;
}
}

@media only screen and (max-width: 243px){
.form-control {
    padding: 6px 0px;
}
.glyphicon-search {
    right: -175px;
}
}