/* plugin/swiper/輪播圖 start*/
  .swiper  {
      width: 100%;
      height: 100%;
      --swiper-pagination-color: #1f1e1c;
  }
  .swiper-button-next {
      position: absolute;
      top: 50%;
      right: 40px;
      color: #1f1e1c;
  }
  .swiper-button-next:focus{
      outline: 0;
  }
  .swiper-button-next::after {
      content: '';
  }
  .swiper-button-next .material-icons{
      background-color: #ffffff;
      border: 0.5rem solid #ffffff;
      border-radius: 50%;  
      z-index: 11;          
  }
  .swiper-button-next .material-icons:hover{
      -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.15);
              box-shadow: 0 15px 25px rgba(0, 0, 0, 0.15);
  }
  .swiper-button-prev {
      position: absolute;
      top: 50%;
      left: 40px;
      color: #1f1e1c;
  }
  .swiper-button-prev:focus{
      outline: 0;
  }
  .swiper-button-prev::after {
      content: '';
  }
  .swiper-button-prev .material-icons{
      background-color: #ffffff;
      border: 0.5rem solid #ffffff;
      border-radius: 50%;    
      z-index: 11;         
  }
  .swiper-button-prev .material-icons:hover{
      -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, 0.15);
              box-shadow: 0 15px 25px rgba(0, 0, 0, 0.15);
  }
  /* plugin/swiper/輪播圖 end */

  
  /* searchBar 設定 start */
  .searchBar {
      position: absolute;
      top: 15%;
      left: 3%;
      z-index: 2;
  }
  @media (max-width: 575.98px) { 
    .searchBar {
        top: 15%;
        left: 5%;
    }
}
  @media (min-width: 576px) and (max-width: 767.98px) { 
      .searchBar {
          top: 15%;
          left: 3%;
      }
  } 
  @media (min-width: 768px) and (max-width: 991.98px) { 
      .searchBar {
          top: 20%;
          left: 15%;
      }
  }    
  @media (min-width: 992px) and (max-width: 1199.98px) { 
      .searchBar {
          top: 20%;
          left: 15%;
      }
  }  
  @media (min-width: 1200px) and (max-width: 1499.98px) { 
      .searchBar {
          top: 15%;
          left: 15%;
      }
  }   
  @media (min-width: 1500px) { 
      .searchBar {
          top: 30%;
          left: 30%;
      }            
  }

  .searchBar-area {
      background-color: rgba(255, 255, 255, 0.5);
  }

  @media (max-width: 576px) { 
    .searchBar-area {
      width:330px;
    }
}
@media (min-width: 576px) { 
  .searchBar-area  {
    width:540px;
  }            
}

  .searchBar-input::-webkit-input-placeholder { 
      color:#1f1e1c;
  }
  .searchBar-input::-moz-placeholder { 
      color:#1f1e1c;
  }
  .searchBar-input:-ms-input-placeholder { 
      color:#1f1e1c;
  }
  .searchBar-input::-ms-input-placeholder { 
      color:#1f1e1c;
  }
  .searchBar-input::placeholder { 
      color:#1f1e1c;
  }
  .searchBar-input::-webkit-input-placeholder { 
      color:#1f1e1c;
  }
  .searchBar-input:-ms-input-placeholder { 
      color:#1f1e1c;
  }    
  .searchBar-input::-moz-placeholder { 
      color:#1f1e1c;
  }

  .searchBar-button {
      /* background: transparent; */
      cursor: pointer;
      width:30%;
  }
  @media (max-width: 576px) { 
    .searchBar-button {
      width:40%;
    }
}

  .searchBar-title {
      color: rgba(255, 255, 255, 0.9);
  }

  .searchBar-titleIcon {
      -webkit-transform: rotate(-30deg) scale(1.2);
          -ms-transform: rotate(-30deg) scale(1.2);
              transform: rotate(-30deg) scale(1.2);
  }

/* 客製 bootstrap/form-control */
.form-control {
  display: block;
  width: 100%;
  padding: 1rem 2rem;
  /* padding: 0.375rem 0.75rem; */
  font-size: 0.875rem;
  /* font-size: 1rem; */
  font-weight: 400;
  line-height: 1.5;
  color: #1f1e1c;
  /* color: #212529; */
  background-color:transparent;
  /* background-color: #fff; */
  background-clip: padding-box;
  border: 0;
  /* border: 1px solid #ced4da; */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 50rem ;
  /* border-radius: 0.25rem; */
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: #1f1e1c;
  /* color: #212529; */
  background-color:transparent;
  /* background-color: #fff; */
  border-color: transparent;
  /* border-color: #86b7fe; */
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0);
          box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0);
  /* box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); */
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::-moz-placeholder {
  color: rgba(31, 30, 28, 0.8);
  /* color: #6c757d; */
  opacity: 1;
}
.form-control::-webkit-input-placeholder {
  color: rgba(31, 30, 28, 0.8);
  /* color: #6c757d; */
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: rgba(31, 30, 28, 0.8);
  /* color: #6c757d; */
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: rgba(31, 30, 28, 0.8);
  /* color: #6c757d; */
  opacity: 1;
}
.form-control::placeholder {
  color: rgba(31, 30, 28, 0.8);
  /* color: #6c757d; */
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #1f1e1c;
  opacity: 1;
}
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
  .form-control::file-selector-button {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}

/* 調自動帶資料 input 文字顏色 */
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-text-fill-color: #1f1e1c !important;
}
/* searchBar 設定 end */