body, html{ font-family: Arial, Verdana, 微軟正黑體,  DFHei-Bd-HK-BF; margin:0 auto;}
#wrap {display:inline-block;}
.sbox{font-family: Arial, Verdana, 微軟正黑體, DFHei-Bd-HK-BF;
      background-color:rgba(55,52,50,0.95);
      background: #373332;
      box-shadow: 2px 6px 7px 0 rgba(0,0,0,0.50);
      padding:10px; z-index: 99;
      display:inline-block;}

.column1{padding:0px; margin-left:5px;
         color:#fff;
         display:inline-block;}

.column2{padding:0px; margin-left:5px;
         color:#fff;
         display:inline-block;}

.location{padding-top:15px;
          padding-left:12px;
          color:#fff; 
          display:inline-block;}

.location1{padding-top:15px;
          padding-left:12px;
          color:#fff; 
          display:inline-block;}

.date1{padding-top:15px;
      padding-left:8px;
      display:inline-block;}


.date2{padding-top:15px;
      padding-left:8px;
      display:inline-block;}

.adults{width:98px; padding-left:5px; 
        color:#fff; 
        display:inline-block; }

.elders{width:98px; padding-left:5px; 
        color:#fff; 
        display:inline-block; }

.childs{width:98px; padding-left:5px; 
        color:#fff; 
        display:inline-block; }

.childs-ex{width:102px; padding-left:5px; 
           color:#fff; 
           display:inline-block; }


.customers{padding-left:5px; padding-top:15px; display:inline-block;}

button{ border:none; display:inline-block; }

.issue{padding-left:5px; 
       color:#fff; 
       font-size:18px;
       display:inline-block;}

.s-issue{font-size:14px;
         padding-left:0px; 
         color:#fff; 
         display:inline-block;}

input{width:87%;height:33px;
      background-color:transparent;
      border:0px; 
      color:#fff;}

select{padding-left:5px;
      width:87%; height:37px;
      font-size:18px;
      font-family: Arial, Verdana, DFHei-Bd-HK-BF,;
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance:none;
       background:none;
      background: url("https://img.ezfly.com/ims/I000/051/960.svg") right center no-repeat;
      border:0px; 
      color:#fff;}

.fa-map-marker{color:#fff;
               padding:10px 10px; }
.fa-align-right{color:#fff;
               padding-left:10px;}
.fa-arrow-left{color:#fff;
               padding-left:20px;}

.fa-calendar-check-o {color:#fff;
                      padding:10px 10px;}

.fa-chevron-down{color:#fff;
                 padding-left:10px;}

.sbox select::-ms-expand {display: none; }

.selection3 select{
    width:100%;
     appearance:none;  
    -moz-appearance:none;  
    -webkit-appearance:none;
    background:none;
     padding-left: 10px;
}

option{ background-color:rgba(55,52,50,0.5);}
option:hover{color:#ddd;}


.selection1{margin:0px 10px;
            border-radius:5px; 
            border:1px solid #fff; 
            color:#fff; 
            font-size:18px;
            font-family: Arial, Verdana, DFHei-Bd-HK-BF;}

.selection2{margin:0px 10px;
            border-radius:5px; 
            border:1px solid #fff; 
            color:#fff; 
            font-size:18px;
            font-family: Arial, Verdana, DFHei-Bd-HK-BF;
            margin-right:12px;}

.selection3{width:100%;
            margin-left:5px;
            margin-bottom:0px;
            border-radius:5px;
            border:1px solid #fff;  
            color:#fff; }

.search1{width:130px;
         padding:2px 15px;
         border-radius:5px;
         background-color:#C73422;
         font-size:24px;
         font-weight:400;
         color:#fff;
         margin-top:5%;
         margin-bottom:1%;
         margin-left:15px;  
         letter-spacing: 0.1px;
         box-shadow: 3px 3px 6px 2px rgba(0,0,0,0.79);}

@media screen and (min-width: 1401px){
#wrap {display: -webkit-box;}
.sbox {max-width: 467px;}
}
@media (min-width:1200px) and (max-width:1400px){
#wrap {display: -webkit-box;}
.sbox{padding:1%;}

.column1{width: 98.5%;}

.column2{width: 98.5%;}

.location{padding-top:2%; padding-left:12px;}

.location1{padding-top:2%; padding-left:12px;}

.date1{padding-top:2%;}

.date2{padding-top:2%;}

.adults{width: 21.5%; padding-left:5px;}

.elders{width: 21.5%; padding-left:5px;}

.childs{width: 21.5%; padding-left:5px;}

.childs-ex{width: 29%; padding-left:5px;}
}

@media (min-width: 1100px) and (max-width: 1199px){  
#wrap {display: -webkit-box;}
        
.sbox{max-width:467px; margin:0px;padding:1.5% 10px;}

.column1{padding:0px; margin-left:0px;}

.column2{padding:0px; margin-left:0px;}
    
.column1 select, .column2 select {padding-left: 0px; width:70%;}
    
.location{padding-top:12px;}
    
.location1{padding-top:12px;}

.date1{padding-top:12px; padding-left:10px;}

.date2{padding-top:12px; padding-left:10px;}
    
.selection1 {font-size: 16px;}
    
.selection3 {width:100%; margin-bottom:12px;}    
    
input{width:76%;}
    
.adults, .elders, .childs, .childs-ex{width: 31%;}
    
.fa-arrow-left{color:#fff;
               padding-left:20px;}
.fa-calendar-check-o {color:#fff;
                      padding:10px 5px;} 
.customers{ padding:12px 0px 0px 0px;} 
    
.button{text-align:right; margin-right:10px; display:inline-block;}
    
.search1{width:120px; font-size: 22px; padding:5px 15px; margin-top: 10px; float: right; margin-right: 20px;} 
}

@media (min-width: 992px) and (max-width: 1099px){  
#wrap {display: -webkit-box;}
        
.sbox{margin-left:0px; padding: 1.5vw 10px;}

.column1{padding:0px; margin-left: 0px;}

.column2{padding:0px; margin-left: 0px;}
    
.column1 select, .column2 select {padding-left: 0px; width:70%;}
    
.location{padding-top:5px;}
    
.location1{padding-top:5px;}

.date1{padding-top:5px; padding-left:5px;}

.date2{padding-top:5px; padding-left:5px;}
    
.customers {padding-top:10px; padding-bottom:12px;}
    
.selection1, .selection2 {margin: 0px 5px;}      
    
input{width:75%;}
    
.fa-arrow-left{color:#fff;
               padding-left:20px;}
.fa-calendar-check-o {color:#fff;
                      padding:10px 5px;} 
.customers{width:100%; padding-left:0px; padding-right:0px;} 
    
.adults, .elders, .childs, .childs-ex{    width: 48.5%; padding-left: 0px; padding-right: 5px;}
    
.button{text-align:right; margin-right:10px; display:inline-block;}
    
.search1{width:110px; font-size: 20px; padding:5px 12px; margin-top:5px; float: right; margin-right:5px;} 
}
@media (min-width: 900px) and (max-width: 991px){   
.container-fluid {margin-left: 20px;}
.sbox{width:104%; margin-left: -2%; padding-bottom: 30px;}
.column1{width: 24%; padding-left:0%;padding-right:0%;
         padding-top:0px;
         color:#fff;
         display:inline-block;}
.column2{width: 24%; padding-left:0%;padding-right:0%;
         padding-top:0px;
         color:#fff;
         display:inline-block;}
.selection1, .selection2 {margin: 0px 5px;}
 select {width: 75%;}   
input{width:70%;}
    
.fa-arrow-left{color:#fff;
               padding-left:20px;}
    
.adults{padding-top:10px;
        margin-left:15px;}
.fa-chevron-down{color:#fff;
                 padding-left:5px;}
.customers{width:78%; margin-left:-20px;}     
.search1{width:120px;
        padding:3px 10px;
        border-radius:5px;
        background-color:#C73422;
        font-size:20px;
        font-weight:400;
        color:#fff;
        margin-top:45px;
        float:right;
        margin-right:25px;
        font-family: DFHei-Bd-HK-BF;
        letter-spacing: 0.1px;
        box-shadow: 3px 3px 6px 2px rgba(0,0,0,0.79);}
}
@media (min-width: 768px) and (max-width: 899px){
.sbox{width:100%; margin:10px; margin-left:0%;}
.column1{width:22.5%; margin-left: 2%;}
    
.column2{width:22.5%; margin-left: 2%;;}
    
input{width:70%;}
    
.fa-arrow-left{color:#fff;
               padding-left:20px;}
    
.adults{margin-left:15px;}
.fa-chevron-down{color:#fff;
                 padding-left:5px;}
.column1 select, .column2 select {padding-left: 0px; width:72%;}
    
.selection1, .selection2 {margin:0px;}
    
.selection3 {width:100%;}
    
input{width:70%;}
    
.customers{margin-left:-20px; margin-bottom:20px;}
    
.adults, .elders, .childs, .childs-ex{ width:120px; padding-left: 10px;}
    
.search1{width:120px; font-size: 22px; margin-top:-57px; margin-right:25px; float:right;}
    
}

    
@media (min-width:580px) and (max-width:767px){
.sbox{width:100%; margin-left:0px;}
.column1{width:49%; padding-left:2%;
         padding-top:0px;
         color:#fff;
         display:inline-block;}

.column2{width:49%; padding-left:3%;
         padding-top:0px;
         color:#fff;
         display:inline-block;}

.date{padding-top:10px;
      padding-left:0px;
      color:#fff;
      display:inline-block;}

.fa-arrow-left{color:#fff;
               padding-left:10px;}
input{width:65%;}
.column1 select, .column2 select {padding-left: 0px; width: 84%;}
input{width:81%;}
.customers{width:100%; margin-left:2%;}  
.button{text-align:right; display:inline-block;}
.search1{width:120px;
        padding:3px 10px;
        border-radius:5px;
        background-color:#C73422;
        font-size:20px;
        font-weight:400;
        color:#fff;
        margin-top:10px;
        margin-bottom:20px; 
        float:right;
        margin-right:25px;
        font-family: DFHei-Bd-HK-BF;
        letter-spacing: 0.1px;
        box-shadow: 3px 3px 6px 2px rgba(0,0,0,0.79);}
}
@media (min-width:456px) and (max-width:579px){
.sbox{width:100%;  margin-left:0px;}
.column1{ width:96%; margin:0px 10px;}  
.column2{ width:96%; margin:0px 10px;}
.fa-arrow-left{color:#fff; padding-left:20px;}
.fa-chevron-down{padding-left:0px;}
input{width:70%;}
.column1 select, .column2 select {padding-left: 0px; width:90%;}
input{width:88%;}
.customers{width:100%; margin-left:5px;}
.selection3{width:88px;}
.button{text-align:left; margin-left:20px; display:inline-block;}
.search1{width:120px;
        padding:3px 10px;
        margin-top:20px;
        margin-bottom:20px;
        float:right;
        margin-right:25px;}
}
    
@media (min-width:371px) and (max-width:455px){
    
.sbox{width:100%; margin-top:0px; margin-left:0px;}
    
.column1{ width:93%; margin:0px 15px;}
    
.column2{ width:93%; margin:0px 15px;}

.fa-arrow-left{color:#fff; padding-left:20px;}
    
.fa-chevron-down{padding-left:0px;}
    
.column1 select, .column2 select {padding-left: 0px; width: 87%;}
    
input{width:85%;}
    
.customers{width:100%; margin-left:0px;}
    
.adults, .elders, .childs{width:27.5%; margin-left:10px;} 
    
.childs-ex{width:30%; margin-top: 15px; margin-left:10px;} 
    
.selection3{width:100%;}
    
.button{text-align:left; margin-left:20px; display:inline-block;}
    
.search1{margin-top:-40px;
        margin-bottom:30px; 
        float:right;
        margin-right:25px;}
}

@media screen and (max-width: 370px){
    
.sbox{width:100%; margin-top:0px; margin-left:0px;}
    
.column1{ width:99%; margin:0px;}
    
.column2{ width:99%; margin:0px;}

.fa-arrow-left{color:#fff; padding-left:20px;}
    
.fa-chevron-down{padding-left:0px;}
    
.column1 select, .column2 select {padding-left: 0px; width: 85%;}
    
input{width:84%;}
    
.customers{width:100%; margin-left:0px;}
    
.adults, .elders, .childs, .childs-ex{width:49%; margin-left:0px; padding: 0px;}
    
.selection3{width:96%; margin:10px 5px;}
    
.button{text-align:left; margin-left:20px; display:inline-block;}
    
.search1{ width: 128px;
        margin-top:10px;
        margin-bottom:20px; 
        float:right;
        margin-right:20px;}
}