body, html{ font-family: Arial, Verdana, 微軟正黑體,  DFHei-Bd-HK-BF; margin:0 auto;}

.sbox{width:100%; max-width:1200px; 
      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);
      display:inline-block;
      margin-top:15px; 
      margin-bottom: 15px;
      padding:10px;
      margin-left:-15px;}

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

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

.location{padding-top:20px;
          padding-left:22px;
          color:#fff; 
          display:inline-block;}
.location1{padding-top:20px;
          padding-left:7px;
          color:#fff; 
          display:inline-block;}

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


.date2{padding-top:20px;
      padding-left:7px;
      display:inline-block;}

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

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

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

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


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

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

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

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

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

select{padding-left:5px;
      width:84%; 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-left:22px;
            margin-right:-10px;
            border-radius:5px; 
            border:1px solid #fff; 
            color:#fff; 
            font-size:18px;
            font-family: Arial, Verdana, DFHei-Bd-HK-BF;}

.selection2{margin-left:5px;
            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:110px;
            margin-left:5px;
            margin-bottom:30px;
            border-radius:5px;
            border:1px solid #fff;  
            color:#fff; }

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


@media screen and (min-width: 1201px){ 
.sbox{width:1200px;}
}
@media (min-width: 992px) and (max-width: 1200px){  
        
.sbox{width:100%; margin-left:0px;}
.column1{padding-left:10px;
         color:#fff;
         display:inline-block;}

.column2{margin-left:0px;
         margin-right:-15px;
         padding-right:5px;
         color:#fff;
         display:inline-block;}
.column1 select, .column2 select {padding-left: 0px; width: 80%;}
input{width:83%;}
.fa-arrow-left{color:#fff;
               padding-left:20px;}
.fa-calendar-check-o {color:#fff;
                      padding:10px 5px;} s
.customers{width:60%; margin-left:-10px; padding-right:-15px;} 
.button{text-align:right; margin-right:10px; display:inline-block;}
.search1{width:100px;
        padding:3px 5px;
        border-radius:5px;
        background-color:#C73422;
        font-size:20px;
        font-weight:400;
        color:#fff;
        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: 900px) and (max-width: 991px){
          
.sbox{width:104%; margin-left:-2%;}
.column1{padding-left:2%;padding-right:2%;
         padding-top:0px;
         color:#fff;
         display:inline-block;}
.column2{padding-left:1%;padding-right:3%;
         padding-top:0px;
         color:#fff;
         display:inline-block;}
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:102%; margin-left:0%;}
.column1{padding-left:2%;
         padding-top:0px;
         color:#fff;
         display:inline-block;}
.column2{padding-left:2%;
         padding-top:0px;
         color:#fff;
         display:inline-block;}
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;}
.column1 select, .column2 select {padding-left: 0px; width: 88%;}
input{width:87%;}
.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: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{font-color:#fff;
               padding-left:10px;}
input{width:65%;}
.column1 select, .column2 select {padding-left: 0px; width: 85%;}
input{width:82%;}
.customers{width:100%; margin-left:-5px;}  
.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:0px;
        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:90%; margin-left:10px;
          margin-right:25px;
         color:#fff;
         display:inline-block;}
    
.column2{ width:90%; margin-left:25px;
         margin-right:25px;
         color:#fff;
         display:inline-block;}


.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;
        border-radius:5px;
        background-color:#C73422;
        font-size:20px;
        font-weight:400;
        color:#fff;
        margin-top:0px;
        margin-bottom:20px; 
        float:right;
        margin-right:50px;
        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:371px) and (max-width:455px){

.sbox{width:100%; margin-top:0px; margin-left:0px;}
.column1{ width:91%; margin-left:10px;
          margin-right:25px;
         color:#fff;
         display:inline-block;}
    
.column2{ width:92.5%; margin-left:25px;
         margin-right:25px;
         color:#fff;
         display:inline-block;}


.fa-arrow-left{font-color:#fff;
               padding-left:20px;}
.fa-chevron-down{padding-left:0px;}
.column1 select, .column2 select {padding-left: 0px; width: 87%;}
input{width:86%;}
.customers{width:100%; margin-left:-5px;}
.childs-ex{margin-left:10px; margin-top:-10px;}
.selection3{width:95px;}
.button{text-align:left; margin-left:20px; 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:-70px;
        margin-bottom:20px; 
        float:right;
        margin-right:53px;
        font-family: DFHei-Bd-HK-BF;
        letter-spacing: 0.1px;
        box-shadow: 3px 3px 6px 2px rgba(0,0,0,0.79);}
}

@media screen and (max-width: 370px){
.sbox{width:103%; margin-top:0px; margin-left:-10px;}
.column1{ width:90%; margin-left:10px;
          margin-right:25px;
         color:#fff;
         display:inline-block;}
    
.column2{ width:92%; margin-left:25px;
         margin-right:25px;
         color:#fff;
         display:inline-block;}


.fa-arrow-left{font-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:-5px;}
.childs{margin-left:10px; margin-top:-10px;}
.childs-ex{margin-left:0px; margin-top:-10px;}
.selection3{width:98px;}
.button{text-align:left; margin-left:20px; 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:30px;
        font-family: DFHei-Bd-HK-BF;
        letter-spacing: 0.1px;
        box-shadow: 3px 3px 6px 2px rgba(0,0,0,0.79);}
}