@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap");

/* font */

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
address,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
img,
form,
a,
div,
span {
  font-family: "Noto sans Thai", sans-serif !important;
}


.h_nav_button {
  padding-left: 2rem;
  padding-right: 2.3rem;
  font-size: 1.5rem;
}

@media screen and (max-width: 959.98px) {
  .h_nav_button {
    padding: 4rem 0;
    font-size: 3.2rem;
  }
}

.f_pri_list {
  gap: 0 1rem;
}

.f_pri_item>a {
  white-space: break-spaces;
}

.form_group:has(#search_btn)::before {
  content: "ค้นหา";
}

.banner-swiper .swiper-content .sticker {
  font-weight: 600;
}

.books_ticket a {
  min-width: 10.2rem;
}

@media screen and (max-width: 959.98px) {
  .books_ticket a {
    min-width: 37rem;
  }
}

.card_body .ttl,
.uibyt_body .ttl {
  font-size: 2.4rem;
}

@media screen and (max-width: 959.98px) {

  .card_body .ttl,
  .uibyt_body .ttl {
    font-size: 4rem;
  }
}

.f_bottom .f_flex .btn_wrapper {
  width: fit-content;
}

.rail .pass .list .link a {
  padding-left: 1.7rem;
  padding-right: 1.5rem;
  font-size: 1.5rem;
}

@media screen and (max-width: 959.98px) {
  .rail .pass .list .link a {
    font-size: 2.4rem;
  }
}

.flex-swiper-content .text-swiper-content .swiper-content .ttl {
  margin-right: 9rem;
  font-size: 3rem;
}

@media screen and (max-width: 959.98px) {
  .flex-swiper-content .text-swiper-content .swiper-content .ttl {
    margin-right: 0;
    font-size: 4.6rem:
  }
}

.step>ul>li {
  padding-left: 80px;
}

@media screen and (max-width: 959.98px) {
  div.step>ul>li {
    padding-left: 15rem;
  }
}