.main_srch{
         position:relative;
         display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         min-width:300px;
         height:400px;
         overflow:hidden;
         padding:20px !important;
         z-index:1;
         float:left;
         -webkit-flex:1;
         -webkit-flex-direction: column;
         -ms-flex-direction: column;
         flex-direction: column;
         flex:1;
         background-repeat:no-repeat;
         background-position:center;
         background-size:auto 400px;
         background-image:url('./lib/pics/header.png');
         background-blend-mode:overlay;
         text-align:center;
}

.main_srch_all{
       font-weight:700;
       height:100%;
       width:100%;
       position:absolute;
       margin:auto;
       top: 0;
       bottom: 0;
       left: 0;
       right: 0;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       line-height:40px;
       z-index:4;
}
.main_srch_head{
         display:block;
         position:relative;
         height:auto;
         min-height:1rem;
         font-size:2rem;
         background-color:#fff;
         padding:5px;
}
.main_srch_star{
         display:block;
         position:relative;
         height:auto;
         min-height:1rem;
         font-size:2rem;
         color:#fff;
         padding:5px;
}
.main_srch_bar{
         line-height:40px;
         z-index:4;
         overflow:hidden;
}
.main_srch_bar input{
         border-radius:0px !important;
         background-color:#fff;
         height:60px;
         min-width:180px !important;
         width:80%;
         max-width:600px;
         font-size:20px;
         font-weight:200;
         float:left;
         margin:0;
         padding:5px;
}
.main_srch_bar input::placeholder{
  font-size:16px;
}
.main_srch_bar button{
         border-radius:0px !important;
         border-top-right-radius:3px !important;
         border-bottom-right-radius:3px !important;
         border:5px solid #333;
         line-height:60px;
         height:60px !important;
         min-width:40px !important;
         max-width:15% !important;
         font-size:15px;
         float:left;
         margin:0 !important;
}
.main_srch_more{
         display:block;
         position:relative;
         height:auto;
         min-height:15px;
         font-size:1rem;
         background-color:#fff;
         padding:2px;
}
@media only screen and (min-width:400px) and (max-width:760px){
         .main_srch_head{min-height:0.5rem;font-size:1rem;}
         .main_srch_bar{margin-left:7px;}
}
@media only screen and (max-width:400px){
         .main_srch_bar{margin-left:7px;}
}