/* 客製 bootstrap 的一些設定, 有用到的才會加設, 單位: rem, 1rem = 16px */

/* bootstrap 預設 ==> 0: 0, 1: 0.25rem, 2: 0.5rem, 3: 1rem, 4: 1.5rem, 5: 3rem */

/* 自定 ==> 5_5: 4rem, 6: 5rem, 6_5: 6rem, 7: 7rem, 8: 9rem, 9: 11rem, 10: 13rem */

/*  ********** None / <576px **********  */

.atk-mt-5_5 {
  margin-top: 4rem !important;
}

.atk-mt-6 {
  margin-top: 5rem !important;
}

#ui-datepicker-div {
  margin-top: 240px;
  position: absolute;
}

/*  ********** sm / >=576px **********  */

.atk-fontsize-small {
  font-size: small;
  font-weight: 800;
  background-color: #fff; /* Add By Fuco, 2020/09/09 */
  color: #000000;
}
/* Add By Fuco, 2020/08/21, For Six function row Height*/
.atk-mb24 {
    margin-bottom: 1rem !important;
}
@media (min-width: 768px) {
  .atk-mb24 {
    margin-bottom: 24px !important;
  }
}

@media (min-width: 576px) {
  .atk-mt-sm-8 {
    margin-top: 9rem !important;
  }
}

@media (min-width: 576px) {
  #ui-datepicker-div {
    margin-top: 0px;
  }
}

@media (min-width: 576px) {
  .atk-mt-sm-9 {
    margin-top: 11rem !important;
  }
}

/*  ********** md / >=768px **********  */

@media (min-width: 768px) {
  #ui-datepicker-div {
    margin-top: 0px;
  }
}

@media (min-width: 768px) {
  .middle-hidden {
    visibility: hidden;
  }
}

@media (min-width: 1000px) {
  .middle-hidden {
    visibility: hidden;
  }
}

@media (min-width: 1200px) {
  .middle-hidden {
    visibility: visible;
  }
}

@media (min-width: 768px) {
  .atk-mt-md-6_5 {
    margin-top: 6rem !important;
  }
}

@media (min-width: 768px) {
  .atk-mt-md-7 {
    margin-top: 7rem !important;
  }
}

@media (min-width: 768px) {
  .atk-mt-md-9 {
    margin-top: 10rem !important;
  }
}

@media (min-width: 768px) {
  .atk-mt-md-10 {
    margin-top: 13rem !important;
  }
}

@media (min-width: 992px) {
  #gis_stopList {
    min-height: 400px;
    max-height: 440px;
  }
}

@media (min-width: 1200px) {
  #gis_stopList {
    max-height: 505px;
    min-height: 400px;
  }
}

/*  ********** lg / >=992px **********  */

@media (min-width: 992px) {
  .atk-mt-lg-9 {
    margin-top: 11rem !important;
  }
}

/*  ********** xl / >=1200px **********  */

@media (min-width: 1200px) {
  .atk-container-xl-width {
    width: 85% !important;
  }
}