@charset "UTF-8";
@font-face {
  font-family: "Noto Sans TC";
  font-style: normal;
  font-weight: 300;
  src: url(../vendor/googlefonts/NotoSansTC-Medium.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url(../vendor/googlefonts/Roboto-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "HanaMinB";
  src: url("https://id.hccg.gov.tw/areas/frontend/assets/fonts/HanaMinB.woff2") format("woff2");
  unicode-range: U+20000-2A6DF; /* CJK 擴展 B 區 */
}
body {
  font-family: "HanaMinB", "Noto Sans TC", sans-serif;
  background-color: #F8FAFF;
}

:root {
  --font-scale: 1;
}

html, body {
  font-size: calc(1rem * var(--font-scale));
}

@media screen and (max-width: 320px) {
  html, body {
    font-size: calc(0.8205rem * var(--font-scale));
  }
}
@media screen and (min-width: 321px) and (max-width: 360px) {
  html, body {
    font-size: calc(0.9231rem * var(--font-scale));
  }
}
@media screen and (min-width: 361px) and (max-width: 375px) {
  html, body {
    font-size: calc(0.9615rem * var(--font-scale));
  }
}
@media screen and (min-width: 411px) and (max-width: 959px) {
  html, body {
    font-size: calc(1.0538rem * var(--font-scale));
  }
}
@media screen and (min-width: 960px) {
  html, body {
    font-size: calc(1.3128rem * var(--font-scale));
  }
}
.ui-servicelist .swiper-wrapper, .servicelist-container .swiper-wrapper {
  width: calc(100vw - 2rem);
}
.ui-servicelist .row, .servicelist-container .row {
  --bs-gutter-x: .75rem;
}
.ui-servicelist .col-3:nth-child(3n+1) .list-icon, .servicelist-container .col-3:nth-child(3n+1) .list-icon {
  background-color: #EAEAFD;
}
.ui-servicelist .col-3:nth-child(3n+1) .list-icon .cicon, .servicelist-container .col-3:nth-child(3n+1) .list-icon .cicon {
  background-color: #6764F0;
}
.ui-servicelist .col-3:nth-child(3n+2) .list-icon, .servicelist-container .col-3:nth-child(3n+2) .list-icon {
  background-color: #E7F6FA;
}
.ui-servicelist .col-3:nth-child(3n+2) .list-icon .cicon, .servicelist-container .col-3:nth-child(3n+2) .list-icon .cicon {
  background-color: #53B1CD;
}
.ui-servicelist .col-3:nth-child(3n) .list-icon, .servicelist-container .col-3:nth-child(3n) .list-icon {
  background-color: #FEF9E5;
}
.ui-servicelist .col-3:nth-child(3n) .list-icon .cicon, .servicelist-container .col-3:nth-child(3n) .list-icon .cicon {
  background-color: #F1D046;
}
.ui-servicelist .list, .servicelist-container .list {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  text-decoration: none;
}
.ui-servicelist .list-more .list-icon, .servicelist-container .list-more .list-icon {
  background-color: #F1F2F5 !important;
}
.ui-servicelist .list-more .list-icon .cicon, .servicelist-container .list-more .list-icon .cicon {
  background-color: #1F2A52 !important;
}
.ui-servicelist .list-add .list-icon, .servicelist-container .list-add .list-icon {
  background-color: #F1F2F5 !important;
  border: 0.125rem dotted #E0E0E0;
}
.ui-servicelist .list-add .list-icon .cicon, .servicelist-container .list-add .list-icon .cicon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  color: #1F2A52;
  font-size: 1.125rem;
  font-weight: bold;
  font-style: normal;
  font-family: Roboto;
  background-color: transparent !important;
}
.ui-servicelist .list-icon, .servicelist-container .list-icon {
  margin-bottom: 0.5rem;
  border-radius: 1rem;
}
.ui-servicelist .list-icon .cicon, .servicelist-container .list-icon .cicon {
  display: block;
  width: 3.75rem;
  height: 3.75rem;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.ui-servicelist .list-title, .servicelist-container .list-title {
  color: #323232;
  font-size: 1rem;
}
.ui-servicelist .list-edit, .servicelist-container .list-edit {
  position: absolute;
  right: 0;
  top: 0;
}
.ui-servicelist .list-edit img, .servicelist-container .list-edit img {
  float: left;
  width: 1.5rem;
}

.ui-explorelist {
  margin-left: -1rem;
  margin-right: -1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.ui-explorelist .swiper-slide {
  width: 56%;
  margin-right: 0.75rem !important;
}
.ui-explorelist .swiper-slide:last-child {
  margin-right: 0 !important;
}
.ui-explorelist .card {
  --bs-card-spacer-x: 0;
  --bs-card-spacer-y: 0;
  --bs-card-bg: transparent;
  --bs-card-border-width: 0;
  --bs-card-border-color: transparent;
  --bs-card-border-radius: 0;
  --bs-card-cap-padding-x: 0;
  --bs-card-cap-padding-y: 0;
  --bs-card-cap-bg: transparent;
  --bs-card-inner-border-radius: 0;
  display: block;
  text-decoration: none;
}
.ui-explorelist .card-header {
  margin-bottom: 0.5rem;
}
.ui-explorelist .card-image {
  position: relative;
}
.ui-explorelist .card-image::after {
  content: "";
  display: block;
  padding-bottom: 49.3%;
}
.ui-explorelist .card-image img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.ui-explorelist .card-title, .ui-explorelist .card-text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.ui-explorelist .card-title {
  margin-bottom: 0.125rem;
  color: #323232;
  font-size: 1rem;
}
.ui-explorelist .card-text {
  color: #757575;
  font-size: 0.875rem;
}

.ui-filterlist, .ui-filterlist-2 {
  margin-left: -1rem;
  margin-right: -1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.ui-filterlist .swiper-slide, .ui-filterlist-2 .swiper-slide {
  width: auto;
  margin-right: 0.5rem !important;
}
.ui-filterlist .swiper-slide:last-child, .ui-filterlist-2 .swiper-slide:last-child {
  margin-right: 0 !important;
}
.ui-filterlist .form-check-pills .form-check-label, .ui-filterlist-2 .form-check-pills .form-check-label {
  color: #757575;
}

.ui-filterlist .form-check-pills .form-check-input:checked + .form-check-label {
  color: #FFFFFF;
  background-color: #6764F0;
  border-color: #6764F0;
}

.ui-slider .swiper-wrapper {
  width: calc(100vw - 2rem);
}
.ui-slider .card {
  --bs-card-spacer-x: 0;
  --bs-card-spacer-y: 0;
  --bs-card-bg: transparent;
  --bs-card-border-width: 0;
  --bs-card-border-color: transparent;
  --bs-card-border-radius: 0;
  --bs-card-cap-padding-x: 0;
  --bs-card-cap-padding-y: 0;
  --bs-card-cap-bg: transparent;
  --bs-card-inner-border-radius: 0;
  display: block;
  text-decoration: none;
}
.ui-slider .card-image {
  position: relative;
}
.ui-slider .card-image::after {
  content: "";
  display: block;
  padding-bottom: 60%;
}
.ui-slider .card-image img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.ui-slider .card-image-2::after {
  padding-bottom: 35.86%;
}
.ui-slider .card-image-2 img {
  border-radius: 1rem;
}
.ui-slider .card-image-activity::after {
  padding-bottom: 125%;
}
.ui-slider .card-image-activity img {
  border-radius: 0.5rem 0.5rem 0 0;
}
.ui-slider .card-image-navigation::after {
  padding-bottom: 100vh;
}
.ui-slider .card-image-navigation img {
  border-radius: 0;
  -o-object-position: center top;
     object-position: center top;
}

.ui-slider-2 {
  margin-left: -1rem;
  margin-right: -1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.ui-slider-2 .swiper-slide {
  width: 95%;
  margin-right: 0.75rem !important;
}
.ui-slider-2 .swiper-slide:last-child {
  margin-right: 0 !important;
}
.ui-slider-2 .card {
  --bs-card-spacer-x: 0;
  --bs-card-spacer-y: 0;
  --bs-card-bg: transparent;
  --bs-card-border-width: 0;
  --bs-card-border-color: transparent;
  --bs-card-border-radius: 0;
  --bs-card-cap-padding-x: 0;
  --bs-card-cap-padding-y: 0;
  --bs-card-cap-bg: transparent;
  --bs-card-inner-border-radius: 0;
  display: block;
  text-decoration: none;
}
.ui-slider-2 .card-image {
  position: relative;
}
.ui-slider-2 .card-image::after {
  content: "";
  display: block;
  padding-bottom: 31.2%;
}
.ui-slider-2 .card-image img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 0.125rem solid #CBC9FA;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ui-slider-3 {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.ui-slider-3 .swiper-slide {
  width: 100%;
}
.ui-slider-3 .card {
  --bs-card-spacer-x: 0;
  --bs-card-spacer-y: 0;
  --bs-card-bg: transparent;
  --bs-card-border-width: 0;
  --bs-card-border-color: transparent;
  --bs-card-border-radius: 0;
  --bs-card-cap-padding-x: 0;
  --bs-card-cap-padding-y: 0;
  --bs-card-cap-bg: transparent;
  --bs-card-inner-border-radius: 0;
  display: block;
  text-decoration: none;
}
.ui-slider-3 .card-image {
  position: relative;
}
.ui-slider-3 .card-image::after {
  content: "";
  display: block;
  padding-bottom: 33.5%;
}
.ui-slider-3 .card-image img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.ui-cardlist, .cardlist-container {
  margin: -1rem;
  padding: 1rem;
}
.ui-cardlist .swiper-slide, .cardlist-container .swiper-slide {
  padding: 0 0.375rem;
  width: calc(100% - 0.375rem) !important;
}
.ui-cardlist .card, .cardlist-container .card {
  --bs-card-spacer-x: 0;
  --bs-card-spacer-y: 0;
  --bs-card-bg: transparent;
  --bs-card-border-width: 0;
  --bs-card-border-color: transparent;
  --bs-card-border-radius: 0;
  --bs-card-cap-padding-x: 0;
  --bs-card-cap-padding-y: 0;
  --bs-card-cap-bg: transparent;
  --bs-card-inner-border-radius: 0;
  display: block;
  text-decoration: none;
}
.ui-cardlist .card-invalids::after, .cardlist-container .card-invalids::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 1rem;
}
.ui-cardlist .card-invalids .card-invalid, .cardlist-container .card-invalids .card-invalid {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  padding: 0.375rem 0.8125rem 0.3125rem;
  color: white;
  font-size: 0.875rem;
  font-weight: bold;
  background-color: #847EE4;
  border-radius: 0.25rem;
  z-index: 1;
}
.ui-cardlist .card-body, .cardlist-container .card-body {
  position: absolute;
  left: 0.875rem;
  top: 50%;
  transform: translate(0, -50%);
}
.ui-cardlist .card-image, .cardlist-container .card-image {
  position: relative;
}
.ui-cardlist .card-image::after, .cardlist-container .card-image::after {
  content: "";
  display: block;
  padding-bottom: 63.5%;
}
.ui-cardlist .card-image img, .cardlist-container .card-image img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 0.25rem solid #FFFFFF;
  border-radius: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.12);
}
.ui-cardlist .card-logo, .cardlist-container .card-logo {
  margin-bottom: 1rem;
}
.ui-cardlist .card-logo img, .cardlist-container .card-logo img {
  height: 1.375rem;
}
.ui-cardlist .card-title, .cardlist-container .card-title {
  margin-bottom: 0.25rem;
  color: #1F2A52;
  font-size: 1.125rem;
  font-weight: bold;
}
.ui-cardlist .card-text, .cardlist-container .card-text {
  display: flex;
  align-items: center;
  color: #1F2A52;
  font-size: 0.875rem;
}
.ui-cardlist .card-text img, .cardlist-container .card-text img {
  width: 1.5rem;
}
.ui-cardlist .card-text img.logo, .cardlist-container .card-text img.logo {
  margin-right: 0.1875rem;
  width: 1.25rem;
}
.ui-cardlist .card-line, .cardlist-container .card-line {
  position: relative;
  min-height: 1.5625rem;
}
.ui-cardlist .card-line::before, .cardlist-container .card-line::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border-bottom: 1px dashed #E0E0E0;
  transform: translate(0, -50%);
}
.ui-cardlist .card-name, .cardlist-container .card-name {
  padding-bottom: 1rem;
  color: #1F2A52;
  font-size: 0.875rem;
  font-weight: bold;
}

.ui-state .swiper-wrapper {
  width: calc(100vw - 2rem);
}
.ui-state .swiper-slide {
  height: 1px;
}
.ui-state .swiper-slide-active {
  height: auto;
}
.ui-state .list {
  background-color: #F5F6FF;
  border: 1px solid #CBC9FA;
  border-radius: 1rem;
  overflow: hidden;
}
.ui-state .list-body {
  padding-bottom: 0 !important;
}
.ui-state .list-footer {
  padding: 0.375rem 0.75rem;
  background-color: #FFFFFF;
  border-top: 1px solid #EAEAFD;
}
.ui-state .list-statedetail {
  max-height: 11.25rem;
  overflow-y: auto;
}
.ui-state .statelist {
  padding: 0.6875rem 0.75rem 0.4375rem 0.75rem;
  background-color: #FFFFFF;
  border: 1px solid #EAEAFD;
  border-radius: 0.5rem;
}
.ui-state .statelist.dot .statelist-label {
  display: -webkit-box;
  position: relative;
  padding-left: 1.25rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.ui-state .statelist.dot .statelist-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.125rem;
  width: 1rem;
  height: 1rem;
  background: url(../images/icon_dot_lightpurple.svg) no-repeat center/contain;
}
.ui-state .statelist.dot .statelist-content {
  padding-left: 0.25rem;
}
.ui-state .statelist:last-child {
  margin-bottom: 0.75rem;
}
.ui-state .statelist-label {
  color: #1F2A52;
  font-size: 0.875rem;
}
.ui-state .statelist-content {
  color: #323232;
  font-size: 0.875rem;
}
.ui-state .statelist-content .information {
  color: #1F2A52;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: Roboto;
}
.ui-state .statelist-content .information.blue {
  color: #53B1CD;
}
.ui-state .statelist-content .information.small {
  font-size: 0.875rem;
}
.ui-state .statelist-content .passed {
  vertical-align: 0.0625rem;
  font-size: 0.75rem;
}
.ui-state .statelist-content .passed.red {
  color: #E53F34;
}

.ui-pagination .swiper-pagination, .ui-pagination .swiper-pagination-2, .ui-pagination-2 .swiper-pagination, .ui-pagination-2 .swiper-pagination-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
}
.ui-pagination .swiper-pagination-bullet, .ui-pagination-2 .swiper-pagination-bullet {
  margin: 0 0.25rem;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #EAEAFD;
  opacity: 1;
}
.ui-pagination .swiper-pagination-bullet-active, .ui-pagination-2 .swiper-pagination-bullet-active {
  background-color: #8282F4;
}

.mt-0b {
  margin-top: 0.125rem !important;
}

.mt-2a {
  margin-top: 0.625rem !important;
}

.mt-2b {
  margin-top: 0.75rem !important;
}

.mt-3b {
  margin-top: 1.25rem !important;
}

.mt-4c {
  margin-top: 2rem !important;
}

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

.mt-n-1 {
  margin-top: -0.25rem !important;
}

.mt-n-2 {
  margin-top: -0.5rem !important;
}

.mt-n-4e {
  margin-top: -2.5rem !important;
}

.mb-n-1 {
  margin-bottom: -0.25rem !important;
}

.mb-n-2 {
  margin-bottom: -0.5rem !important;
}

.mb-n-2b {
  margin-bottom: -0.75rem !important;
}

.mb-n-3 {
  margin-bottom: -1rem !important;
}

.mb-n-4 {
  margin-bottom: -1.5rem !important;
}

.me-2b {
  margin-right: 0.75rem !important;
}

.pt-2b {
  padding-top: 0.75rem !important;
}

.pt-4b {
  padding-top: 1.75rem !important;
}

.pt-4c {
  padding-top: 1.875rem !important;
}

.pt-4d {
  padding-top: 2.25rem !important;
}

.pt-5c {
  padding-top: 6.25rem !important;
}

.pb-2b {
  padding-bottom: 0.75rem !important;
}

.pb-5b {
  padding-bottom: 5.25rem !important;
}

.ps-2b {
  padding-left: 0.75rem !important;
}

.px-2b {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.px-4d {
  padding-left: 2.25rem !important;
  padding-right: 2.25rem !important;
}

.px-4f {
  padding-left: 2.75rem !important;
  padding-right: 2.75rem !important;
}

.py-2b {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.py-3b {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

.py-4c {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.p-2b {
  padding: 0.75rem !important;
}

.gap-0b {
  row-gap: 0.125rem !important;
}

.gap-2b {
  row-gap: 0.75rem !important;
}

.gap-3b {
  row-gap: 1.25rem !important;
}

.gap-4b {
  row-gap: 1.75rem !important;
}

.gap-4c {
  row-gap: 2rem !important;
}

.gap-4d {
  row-gap: 2.25rem !important;
}

.gap-4e {
  row-gap: 2.5rem !important;
}

.gx-2b {
  --bs-gutter-x: .75rem !important;
}

.width-96 {
  width: 6rem !important;
}

.width-118 {
  width: 7.375rem !important;
}

.width-124 {
  width: 7.75rem !important;
}

.width-132 {
  width: 8.25rem !important;
}

.width-144 {
  width: 9rem !important;
}

.width-224 {
  width: 14rem !important;
}

.minh-18 {
  min-height: 18.2vh !important;
}

.minh-60 {
  min-height: 60vh !important;
}

.minh-66 {
  min-height: 66.6vh !important;
}

.minh-68 {
  min-height: 68vh !important;
}

.minh-70 {
  min-height: 70.5vh !important;
}

.minh-74 {
  min-height: 74vh !important;
}

.minh-76 {
  min-height: 76vh !important;
}

.minh-87 {
  min-height: 87vh !important;
}

.maxh-94 {
  max-height: 5.75rem !important;
}

.height-54 {
  min-height: calc(100vh - 3rem - 14rem - 6rem) !important;
}

.height-57 {
  height: calc(100vh - 3.6875rem - 12.5rem - 6rem) !important;
}

.height-75 {
  height: calc(100vh - 3.6875rem - 9.25rem) !important;
}

.height-80 {
  height: calc(100vh - 4.625rem - 5.5rem) !important;
}

.height-82 {
  height: calc(100vh - 3.6875rem - 5.5rem) !important;
}

.height-214 {
  max-height: 13.375rem;
}

.height-99 {
  height: calc(100vh - 3.6875rem - 0.2rem) !important;
}

.c-header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
}

.c-header-page .ui-navbar {
  height: 4rem;
}
.c-header-page .navbar-brand {
  font-size: 1.5rem;
  font-weight: bold;
}
.c-header-page .navbar-brand img {
  margin-right: 0.25rem;
  height: 1.75rem;
}

.c-header-home .navbar-brand img {
  height: 2.25rem;
}

.c-header-search .ui-navbar {
  height: 4.625rem;
}
.c-header-search .form-relative .form-control {
  padding-right: 1rem;
}

.ui-navbar {
  --bs-navbar-padding-x: 1rem;
  --bs-navbar-padding-y: 0;
  --bs-navbar-brand-margin-end: 0;
  --bs-navbar-brand-padding-y: 0;
  --bs-navbar-brand-color: #1F2A52;
  --bs-navbar-brand-hover-color: #1F2A52;
  --bs-navbar-brand-font-size: 1.375rem;
  flex-wrap: nowrap;
  height: 3.6875rem;
  background-color: #FFFFFF;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.07);
}
.ui-navbar .navbar-nav {
  align-items: center;
  flex-direction: row;
}
.ui-navbar .nav-item {
  display: inline-block;
}
.ui-navbar .nav-item + .nav-item {
  margin-left: 1rem;
}
.ui-navbar .nav-link {
  display: block;
  padding: 0;
  color: #847EE4;
  font-size: 1rem;
  line-height: 1;
  white-space: nowrap;
}
.ui-navbar .nav-link img {
  width: 1.5rem;
}
.ui-navbar .nav-link .cicon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.ui-navbar .nav-link .cicon-bell {
  background-image: url(../images/icon_bell.svg);
}
.ui-navbar .nav-link .cicon-bell.unread {
  background-image: url(../images/icon_bell_unread.svg);
}
.ui-navbar .nav-link .cicon-scan {
  background-image: url(../images/icon_scan.svg);
}
.ui-navbar .nav-link .cicon-search {
  background-image: url(../images/solo/icon_search_darkblue.svg);
}
.ui-navbar .nav-nolink {
  pointer-events: none;
}
.ui-navbar .form-relative .invalid-feedback {
  position: absolute;
  left: 0;
  bottom: -1.625rem;
  padding: 0.1875rem 0.5rem;
  width: auto;
  max-width: 100%;
  white-space: normal;
}

.ui-height {
  height: 4.625rem;
}

.navbar-brand {
  display: flex;
  align-items: center;
  margin-right: auto;
  margin-bottom: 0;
  color: #1F2A52;
  font-size: 1.375rem;
}

.c-main {
  padding-top: 3.6875rem;
  padding-bottom: 4.375rem;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
}

.c-main-white {
  background-color: #FFFFFF;
}

.c-main-welcomeregister {
  background-image: url(../images/login_hero.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 24.375rem auto;
}

.c-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}

.c-footer-h .ui-tabbar .tab-link {
  padding-bottom: 1.25rem;
  height: calc(4.375rem + 1.25rem);
}

.ui-tabbar {
  --bs-gutter-x: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #FFFFFF;
  border-radius: 1.25rem 1.25rem 0 0;
  box-shadow: 0 -0.0625rem 0.75rem rgba(25, 34, 112, 0.08);
}
.ui-tabbar .tab-link {
  display: flex;
  position: relative;
  justify-content: center;
  flex-direction: column;
  height: 4.375rem;
  text-align: center;
  text-decoration: none;
}
.ui-tabbar .tab-link.active::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -0.625rem;
  width: 3.75rem;
  height: 3.75rem;
  background-color: #FFFFFF;
  border-radius: 50%;
  box-shadow: 0 -0.0625rem 0.75rem rgba(25, 34, 112, 0.08);
  transform: translate(-50%, 0);
  z-index: -1;
}
.ui-tabbar .tab-link.active .tab-icon::before, .ui-tabbar .tab-link.active .tab-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, 0);
  z-index: 1;
}
.ui-tabbar .tab-link.active .tab-icon::before {
  top: -0.625rem;
  width: 3.75rem;
  height: 3.75rem;
  background-color: #FFFFFF;
}
.ui-tabbar .tab-link.active .tab-icon::after {
  top: -0.125rem;
  width: 2.75rem;
  height: 2.75rem;
  background-color: #1F2A52;
}
.ui-tabbar .tab-link.active .tab-icon .cicon {
  margin: -0.375rem auto 0.375rem;
  background-size: 130% auto;
}
.ui-tabbar .tab-link.active .tab-icon .cicon-payment {
  background-image: url(../images/icon_payment_white.svg);
}
.ui-tabbar .tab-link.active .tab-icon .cicon-service {
  background-image: url(../images/icon_service_white.svg);
}
.ui-tabbar .tab-link.active .tab-icon .cicon-home {
  background-image: url(../images/icon_home_white.svg);
}
.ui-tabbar .tab-link.active .tab-icon .cicon-card {
  background-image: url(../images/icon_card_white.svg);
}
.ui-tabbar .tab-link.active .tab-icon .cicon-member {
  background-image: url(../images/icon_member_white.svg);
}
.ui-tabbar .tab-link.active .tab-title {
  position: relative;
  color: #1F2A52;
  z-index: 2;
}
.ui-tabbar .tab-icon .cicon {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 2.25rem;
  height: 2.25rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 2;
}
.ui-tabbar .tab-icon .cicon-payment {
  background-image: url(../images/icon_payment_gray.svg);
}
.ui-tabbar .tab-icon .cicon-service {
  background-image: url(../images/icon_service_gray.svg);
}
.ui-tabbar .tab-icon .cicon-home {
  background-image: url(../images/icon_home_gray.svg);
}
.ui-tabbar .tab-icon .cicon-card {
  background-image: url(../images/icon_card_gray.svg);
}
.ui-tabbar .tab-icon .cicon-member {
  background-image: url(../images/icon_member_gray.svg);
}
.ui-tabbar .tab-title {
  color: #757575;
  font-size: 0.75rem;
}

.ui-btnbar {
  background-color: #FFFFFF;
  border-radius: 1.25rem 1.25rem 0 0;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.07);
}
.ui-btnbar.row {
  --bs-gutter-x: 1rem;
}

.flex-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.flex-container .flex-start {
  flex: 1;
}
.flex-container .flex-center {
  position: relative;
  background-color: white;
  border-radius: 1.25rem 1.25rem 0 0;
}
.flex-container .flex-center::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0.5rem;
  width: 2.25rem;
  height: 0.3125rem;
  background-color: #bfbfbf;
  border-radius: 1rem;
  transform: translate(-50%, 0);
}
.flex-container .flex-end {
  background-color: white;
}
.flex-container .map-container iframe {
  height: calc(100% + 1.25rem) !important;
}
.flex-container .bus-container, .flex-container .bus-container-2 {
  border-radius: 0;
  box-shadow: none;
}

.flex-container-2 {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.flex-container-2 .flex-center {
  flex: 1;
}
.flex-container-2 .map-update {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem 0.3125rem;
  color: #757575;
  font-size: 0.75rem;
  background-color: #FFFFFF;
  border-radius: 1rem;
  box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.12);
  white-space: nowrap;
}
.flex-container-2 .map-update .dot {
  display: inline-block;
  margin-right: 0.375rem;
  width: 0.375rem;
  height: 0.375rem;
  background-color: #3FA86A;
  border-radius: 50%;
}
.flex-container-2 .map-update .second {
  margin-right: 0.25rem;
}
.flex-container-2 .map-title {
  flex: 1;
  display: -webkit-box;
  margin: 0 0.5rem;
  padding: 0.5625rem 0.625rem;
  color: #1F2A52;
  font-size: 0.8125rem;
  background-color: #FFFFFF;
  border-radius: 2rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}

.overflow-container {
  overflow-x: hidden;
  overflow-y: auto;
}

.waitingroom-container {
  position: relative;
  background: url(../images//waitingroom/waitingroom_bg.png) no-repeat center top/100% auto;
}
.waitingroom-container .image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  text-align: center;
}
.waitingroom-container .image img {
  width: 100%;
}
.waitingroom-container .title {
  padding-top: 3rem;
  padding-bottom: 8.375rem;
  text-align: center;
  color: #FFFFFF;
  font-size: 1.75rem;
}
.waitingroom-container .text {
  color: #1F2A52;
  font-size: 1.25rem;
}
.waitingroom-container .time {
  color: #757575;
  font-size: 1rem;
}
.waitingroom-container hr {
  border-top-color: #CBC9FA;
}
.waitingroom-container .block-container {
  position: relative;
}

.fixfixed .c-header {
  position: absolute;
}
.fixfixed .c-main {
  padding-bottom: 0;
}
.fixfixed .c-footer {
  position: static;
}

@media (min-width: 960px) {
  .waitingroom-container {
    background-position: center bottom 7rem;
  }
  .waitingroom-container .image {
    top: -1rem;
    bottom: 3rem;
    overflow: hidden;
  }
  .waitingroom-container .image img {
    width: 34rem;
  }
  .waitingroom-container .title {
    padding-top: 2rem;
    padding-bottom: 3.5rem;
  }
  .waitingroom-container .height-54 {
    min-height: calc(100vh - 3rem - 8.125rem - 6rem) !important;
  }
}
@media screen and (device-width: 768px) and (device-height: 1024px) {
  .waitingroom-container {
    background-position: center top -6rem;
  }
  .waitingroom-container .image {
    top: -4rem;
  }
  .waitingroom-container .image img {
    width: 94%;
  }
}
@media screen and (device-width: 820px) and (device-height: 1180px) {
  .waitingroom-container {
    background-position: center top -2rem;
  }
  .waitingroom-container .image {
    top: -1rem;
  }
  .waitingroom-container .image img {
    width: 94%;
  }
  .waitingroom-container .title {
    padding-top: 5rem;
    padding-bottom: 10.375rem;
  }
  .waitingroom-container .height-54 {
    min-height: calc(100vh - 3rem - 18rem - 6rem) !important;
  }
}
@media screen and (device-width: 912px) and (device-height: 1368px) {
  .waitingroom-container {
    background-position: center top -2rem;
  }
  .waitingroom-container .image {
    top: -1rem;
  }
  .waitingroom-container .image img {
    width: 92%;
  }
  .waitingroom-container .title {
    padding-top: 5rem;
    padding-bottom: 12.375rem;
  }
  .waitingroom-container .height-54 {
    min-height: calc(100vh - 3rem - 20rem - 6rem) !important;
  }
}
@media screen and (device-width: 1024px) and (device-height: 1366px) {
  .waitingroom-container {
    background-position: center top -4rem;
  }
  .waitingroom-container .image img {
    width: 92%;
  }
  .waitingroom-container .title {
    padding-top: 6.5rem;
    padding-bottom: 13.875rem;
  }
  .waitingroom-container .height-54 {
    min-height: calc(100vh - 3rem - 23rem - 6rem) !important;
  }
}
.loading-animation {
  position: relative;
  width: 7.5rem;
  height: 7.5rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading-animation .loading-ring {
  animation: loading-rotate 2s linear infinite;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.loading-animation .loading-ring circle {
  fill: none;
  stroke-width: 5px;
  stroke-linecap: round;
}
.loading-animation .loading-ring-track {
  stroke: #EAEAFD;
}
.loading-animation .loading-ring-fill {
  stroke: #6764F0;
  stroke-dasharray: 1, 250;
  stroke-dashoffset: 0;
  animation: loading-dash 1.5s ease-in-out infinite;
}
.loading-animation .loading-center-icon {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  box-shadow: 0 0.5rem 1.5rem rgba(103, 100, 240, 0.12);
}
.loading-animation .loading-center-icon svg {
  width: 2.25rem;
  height: 2.25rem;
  stroke: #6764F0;
  animation: shield-pulse 2s ease-in-out infinite;
}

@keyframes loading-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 250;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 188, 250;
    stroke-dashoffset: -60;
  }
  100% {
    stroke-dasharray: 188, 250;
    stroke-dashoffset: -250;
  }
}
@keyframes shield-pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06);
  }
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.form-group .row {
  --bs-gutter-x: .75rem;
}

.form-label {
  position: relative;
  color: #323232;
  font-size: 1rem;
}
.form-label .must {
  margin-left: 0.125rem;
  color: #53B1CD;
}

.form-control {
  --bs-border-color: #E0E0E0;
  --bs-border-radius: .5rem;
  padding: 0.6875rem 1rem;
  color: #323232;
}
.form-control::-webkit-input-placeholder {
  color: #757575;
}
.form-control::-moz-placeholder {
  color: #757575;
}
.form-control:-ms-input-placeholder {
  color: #757575;
}
.form-control:focus {
  border-color: #A7A6F7;
  box-shadow: none !important;
}
.form-control[disabled] {
  color: #757575;
  background-color: #EEEEEE;
}
.form-control[type=date] {
  position: relative;
}
.form-control[type=date]::-webkit-calendar-picker-indicator {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  opacity: 0;
  z-index: 1;
}
.form-control[type=date]::after {
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../images/icon_calender_darkblue.svg);
  background-position: center;
  background-size: 1.5rem auto;
  transform: translate(0, -50%);
}
.form-control.red {
  border-color: #E53F34;
}

.form-select {
  --bs-border-color: #E0E0E0;
  --bs-border-radius: .5rem;
  padding: 0.6875rem 3.125rem 0.6875rem 1rem;
  background-image: url(../images/icon_arrow_darkblue.svg);
  background-position: right 1rem center;
  background-size: 1.5rem auto;
  color: #323232;
}
.form-select:focus {
  border-color: #A7A6F7;
  box-shadow: none !important;
}
.form-select[disabled] {
  color: #757575;
  background-color: #EEEEEE;
}

.form-relative {
  position: relative;
}
.form-relative .form-control {
  padding-right: 3.125rem;
}
.form-relative .form-control-icon {
  padding-left: 3.125rem;
}
.form-relative .form-control-shadow {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.07);
}
.form-relative .icon, .form-relative .eye, .form-relative .scan, .form-relative .close, .form-relative .close2, .form-relative .location, .form-relative .calender, .form-relative .filter {
  display: inline-block;
  position: absolute;
  right: 1rem;
  top: 50%;
  line-height: 1;
  transform: translate(0, -50%);
}
.form-relative .icon img, .form-relative .eye img, .form-relative .scan img, .form-relative .close img, .form-relative .close2 img, .form-relative .location img, .form-relative .calender img, .form-relative .filter img {
  float: left;
  width: 1.5rem;
}
.form-relative .icon {
  left: 1rem;
  right: auto;
}
.form-relative .eye, .form-relative .location, .form-relative .calender {
  top: 0.75rem;
  transform: translate(0, 0);
}
.form-relative .close2 {
  right: 0.75rem;
}

.form-flex {
  display: flex;
  justify-content: space-between;
}
.form-flex .list-body {
  flex: 1 1 auto;
}
.form-flex .list-right {
  margin-left: 0.5rem;
  margin-top: 0.625rem;
}

.form-check {
  margin-bottom: 0;
  padding-left: 0;
}

.form-check-inline {
  position: relative;
  margin-right: 1.25rem;
}

.form-check-input {
  position: absolute;
  top: 0;
  clip: rect(0, 0, 0, 0);
}
.form-check-input:checked + .form-check-label::before {
  background-color: #6764F0;
}
.form-check-input:checked + .form-check-label::after {
  content: "";
  position: absolute;
  left: 0.125rem;
  top: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url(../images/icon_check_white_s.svg) no-repeat center/contain;
}
.form-check-input[type=radio]:checked + .form-check-label::before {
  background-color: #FFFFFF;
}
.form-check-input[type=radio]:checked + .form-check-label::after {
  left: 0.4375rem;
  top: 0.4375rem;
  width: 0.625rem;
  height: 0.625rem;
  background: #6764F0;
  border-radius: 50%;
}
.form-check-input[type=radio] + .form-check-label::before {
  border-radius: 50%;
}

.form-check-label {
  display: block;
  position: relative;
  padding-left: 2rem;
  color: #1F2A52;
  font-size: 1rem;
}
.form-check-label::before {
  content: "";
  position: absolute;
  left: 0.125rem;
  top: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #6764F0;
  border-radius: 0.25rem;
}

.form-check-label-s {
  color: #323232;
  font-size: 0.875rem;
  padding-left: 1.75rem;
}

.form-check-pills .form-check-inline {
  margin-right: 0.5rem;
  margin-bottom: 0.75rem;
}
.form-check-pills .form-check-input:checked + .form-check-label {
  color: #6764F0;
  background-color: #F5F6FF;
  border-color: #BEC7FF;
}
.form-check-pills .form-check-input:checked + .form-check-label::after {
  display: none;
}
.form-check-pills .form-check-label {
  padding: 0.4375rem 0.9375rem;
  color: #1F2A52;
  background-color: #FFFFFF;
  border: 1px solid #EAEAFD;
  border-radius: 2rem;
}
.form-check-pills .form-check-label::before {
  display: none;
}
.form-check-pills.form-color .form-check-input:checked + .form-check-label {
  color: #FFFFFF;
  background-color: #6764F0;
  border-color: #6764F0;
}

.form-check-pills-2 .col-6 {
  margin-bottom: 0.75rem;
}
.form-check-pills-2 .form-check-input:checked + .form-check-label {
  border-color: #8282F4;
}
.form-check-pills-2 .form-check-input:checked + .form-check-label::before {
  background-color: transparent;
  border-color: #8282F4;
}
.form-check-pills-2 .form-check-input:checked + .form-check-label::after {
  display: none;
}
.form-check-pills-2 .form-check-label {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0.4375rem 0.75rem;
  min-height: 4rem;
  background-color: #FFFFFF;
  border: 1px solid #EAEAFD;
  border-radius: 0.5rem;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.06);
}
.form-check-pills-2 .form-check-label::before {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin-left: 0;
  margin-right: 0;
  width: auto;
  height: auto;
  border: 1px solid transparent;
  border-radius: calc(0.5rem - 1px) !important;
}
.form-check-pills-2 .form-icon {
  margin-right: 0.75rem;
}
.form-check-pills-2 .form-icon img {
  width: 2.25rem;
}
.form-check-pills-2 .form-title {
  color: #1F2A52;
  font-size: 0.875rem;
}
.form-check-pills-2 .form-text {
  margin-top: 0.25rem;
  color: #757575;
  font-size: 0.75rem;
}

.choosemanual-container .form-check-label, .choosemanual-container .form-check-label-s, .realnameverifypage-container .form-check-label, .realnameverifypage-container .form-check-label-s, .twca-container .form-check-label, .twca-container .form-check-label-s, .information-container .form-check-label, .information-container .form-check-label-s {
  padding-left: 0;
}

.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3.6 -3.6 7.2 7.2'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  position: relative;
  margin-left: auto;
  margin-top: 0;
  width: 2.75rem;
  height: 1.5rem;
  background-color: #757575;
  border-color: #757575;
  clip: auto;
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3.6 -3.6 7.2 7.2'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  box-shadow: none;
}
.form-switch .form-check-input:checked {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3.6 -3.6 7.2 7.2'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  background-color: #6764F0;
  border-color: #6764F0;
}
.form-switch .form-check-input:checked + .form-check-label::before, .form-switch .form-check-input:checked + .form-check-label::after {
  display: none;
}
.form-switch .form-check-label::before {
  display: none;
}

.form-file {
  position: relative;
  background-color: #FFFFFF;
  border: 0.125rem dotted #E0E0E0;
  border-radius: 1rem;
}
.form-file .form-file-label {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
  width: 100%;
  min-height: 13.875rem;
}
.form-file .form-file-label .icon img {
  width: 2.25rem;
}
.form-file .form-file-label .title {
  color: #757575;
  font-size: 1rem;
}
.form-file .form-file-label .image::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.form-file .form-file-label .image img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.form-file .form-file-label .edit {
  position: absolute;
  right: -0.4375rem;
  top: -0.4375rem;
}
.form-file .form-file-label .edit img {
  float: left;
  width: 1.5rem;
}
.form-file .form-file-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.image-container {
  --bs-gutter-x: .625rem;
}
.image-container .col-4 {
  margin-bottom: 0.625rem;
}
.image-container .form-file-label {
  min-height: 6rem;
}

.upload-container .form-file {
  border-radius: 0.5rem;
}
.upload-container .form-file-label {
  min-height: 3.625rem;
}
.upload-container .form-file-label .icon img {
  width: 1.5rem;
}
.upload-container .form-file-image, .upload-container .form-file-icon {
  display: flex;
  align-items: center;
  background-color: #F8FAFF;
  border: 1px solid #EAEAFD;
  border-radius: 0.5rem;
  overflow: hidden;
}
.upload-container .form-file-image .image, .upload-container .form-file-image .icon, .upload-container .form-file-icon .image, .upload-container .form-file-icon .icon {
  flex: 0 0 auto;
  position: relative;
  margin-right: 0.75rem;
  width: 3.625rem;
  height: 3.625rem;
}
.upload-container .form-file-image .image::after, .upload-container .form-file-image .icon::after, .upload-container .form-file-icon .image::after, .upload-container .form-file-icon .icon::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.upload-container .form-file-image .image img, .upload-container .form-file-image .icon img, .upload-container .form-file-icon .image img, .upload-container .form-file-icon .icon img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.upload-container .form-file-image .icon, .upload-container .form-file-icon .icon {
  background-color: #87D2E3;
}
.upload-container .form-file-image .content, .upload-container .form-file-icon .content {
  flex: 1 1 auto;
}
.upload-container .form-file-image .content-more, .upload-container .form-file-icon .content-more {
  display: flex;
}
.upload-container .form-file-image .content-more .title, .upload-container .form-file-icon .content-more .title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.upload-container .form-file-image .content-more .title::before, .upload-container .form-file-icon .content-more .title::before {
  content: "";
  float: right;
  margin-bottom: -1.125rem;
  height: 100%;
}
.upload-container .form-file-image .content-more .subname, .upload-container .form-file-icon .content-more .subname {
  float: right;
  clear: both;
}
.upload-container .form-file-image .title, .upload-container .form-file-icon .title {
  color: #757575;
  font-size: 0.75rem;
  word-break: break-all;
}
.upload-container .form-file-image .subname, .upload-container .form-file-icon .subname {
  margin-left: 0.125rem;
}
.upload-container .form-file-image .edit, .upload-container .form-file-icon .edit {
  margin-left: 0.75rem;
  padding-right: 0.5rem;
}

.form-avatar {
  position: relative;
  margin: 0 auto;
  width: 5.25rem;
  height: 5.25rem;
}
.form-avatar .form-file-label {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}
.form-avatar .form-file-label .image {
  width: 5.25rem;
  height: 5.25rem;
}
.form-avatar .form-file-label .image::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.form-avatar .form-file-label .image img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
.form-avatar .form-file-label .edit {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.25rem;
  color: #FFFFFF;
  font-size: 0.75rem;
  background-color: rgba(50, 50, 50, 0.85);
}
.form-avatar .form-file-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 5.25rem;
  height: 5.25rem;
  border-radius: 50%;
  opacity: 0;
}

.form-line .title {
  position: relative;
  min-height: 1.3125rem;
}
.form-line .title::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border-bottom: 1px solid #EEEEEE;
  transform: translate(0, -50%);
}
.form-line .title::after {
  content: attr(data-content);
  position: absolute;
  left: 50%;
  top: 50%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  color: #323232;
  font-size: 0.875rem;
  background-color: #FFFFFF;
  z-index: 1;
  transform: translate(-50%, -50%);
}

.form-word, .form-word-s, .form-word-xs {
  display: flex;
  align-items: center;
  color: #323232;
  font-size: 1rem;
}
.form-word.purple .warn, .form-word.purple .information, .form-word.purple .price, .form-word.purple .time, .form-word-s.purple .warn, .form-word-s.purple .information, .form-word-s.purple .price, .form-word-s.purple .time, .form-word-xs.purple .warn, .form-word-xs.purple .information, .form-word-xs.purple .price, .form-word-xs.purple .time {
  color: #6764F0;
}
.form-word.purple .warn ul, .form-word.purple .warn ol, .form-word.purple .information ul, .form-word.purple .information ol, .form-word.purple .price ul, .form-word.purple .price ol, .form-word.purple .time ul, .form-word.purple .time ol, .form-word-s.purple .warn ul, .form-word-s.purple .warn ol, .form-word-s.purple .information ul, .form-word-s.purple .information ol, .form-word-s.purple .price ul, .form-word-s.purple .price ol, .form-word-s.purple .time ul, .form-word-s.purple .time ol, .form-word-xs.purple .warn ul, .form-word-xs.purple .warn ol, .form-word-xs.purple .information ul, .form-word-xs.purple .information ol, .form-word-xs.purple .price ul, .form-word-xs.purple .price ol, .form-word-xs.purple .time ul, .form-word-xs.purple .time ol {
  padding-left: 1.375rem;
}
.form-word.purple .warn ul:last-child, .form-word.purple .warn ol:last-child, .form-word.purple .information ul:last-child, .form-word.purple .information ol:last-child, .form-word.purple .price ul:last-child, .form-word.purple .price ol:last-child, .form-word.purple .time ul:last-child, .form-word.purple .time ol:last-child, .form-word-s.purple .warn ul:last-child, .form-word-s.purple .warn ol:last-child, .form-word-s.purple .information ul:last-child, .form-word-s.purple .information ol:last-child, .form-word-s.purple .price ul:last-child, .form-word-s.purple .price ol:last-child, .form-word-s.purple .time ul:last-child, .form-word-s.purple .time ol:last-child, .form-word-xs.purple .warn ul:last-child, .form-word-xs.purple .warn ol:last-child, .form-word-xs.purple .information ul:last-child, .form-word-xs.purple .information ol:last-child, .form-word-xs.purple .price ul:last-child, .form-word-xs.purple .price ol:last-child, .form-word-xs.purple .time ul:last-child, .form-word-xs.purple .time ol:last-child {
  margin-bottom: 0;
}
.form-word.purple .warn ul, .form-word.purple .information ul, .form-word.purple .price ul, .form-word.purple .time ul, .form-word-s.purple .warn ul, .form-word-s.purple .information ul, .form-word-s.purple .price ul, .form-word-s.purple .time ul, .form-word-xs.purple .warn ul, .form-word-xs.purple .information ul, .form-word-xs.purple .price ul, .form-word-xs.purple .time ul {
  list-style-type: disc;
}
.form-word.lightpurple .warn, .form-word-s.lightpurple .warn, .form-word-xs.lightpurple .warn {
  color: #847EE4;
}
.form-word.darkgray .warn, .form-word-s.darkgray .warn, .form-word-xs.darkgray .warn {
  color: #757575;
}
.form-word.darkgray .warn ul, .form-word.darkgray .warn ol, .form-word-s.darkgray .warn ul, .form-word-s.darkgray .warn ol, .form-word-xs.darkgray .warn ul, .form-word-xs.darkgray .warn ol {
  padding-left: 1.375rem;
}
.form-word.darkgray .warn ul:last-child, .form-word.darkgray .warn ol:last-child, .form-word-s.darkgray .warn ul:last-child, .form-word-s.darkgray .warn ol:last-child, .form-word-xs.darkgray .warn ul:last-child, .form-word-xs.darkgray .warn ol:last-child {
  margin-bottom: 0;
}
.form-word.darkgray .warn ul, .form-word-s.darkgray .warn ul, .form-word-xs.darkgray .warn ul {
  list-style-type: disc;
}
.form-word.gray .warn, .form-word-s.gray .warn, .form-word-xs.gray .warn {
  color: #BDBDBD;
}
.form-word.red .warn, .form-word-s.red .warn, .form-word-xs.red .warn {
  color: #E53F34;
}
.form-word.yellow .warn, .form-word-s.yellow .warn, .form-word-xs.yellow .warn {
  color: #7A5800;
}
.form-word.darkgrayred, .form-word-s.darkgrayred, .form-word-xs.darkgrayred {
  color: #757575;
}
.form-word.darkgrayred .warn, .form-word-s.darkgrayred .warn, .form-word-xs.darkgrayred .warn {
  color: #E53F34;
}
.form-word img, .form-word-s img, .form-word-xs img {
  margin-right: 0.25rem;
  width: 1.5rem;
}
.form-word .warn, .form-word-s .warn, .form-word-xs .warn {
  color: #53B1CD;
}
.form-word .information, .form-word-s .information, .form-word-xs .information {
  color: #1F2A52;
  font-size: 1.125rem;
  font-weight: bold;
}
.form-word .price, .form-word-s .price, .form-word-xs .price {
  color: #1F2A52;
  font-size: 1.375rem;
  font-weight: bold;
}
.form-word .number, .form-word-s .number, .form-word-xs .number {
  color: #6764F0;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: Roboto;
}
.form-word .time, .form-word-s .time, .form-word-xs .time {
  color: #1F2A52;
  font-size: 2rem;
  font-weight: bold;
}
.form-word .state, .form-word-s .state, .form-word-xs .state {
  display: inline-block;
  padding: 0.25rem 0.875rem 0.375rem;
  color: #FFFFFF;
  font-size: 0.75rem;
  background-color: #6764F0;
  border-radius: 1rem;
}
.form-word .state.gray, .form-word-s .state.gray, .form-word-xs .state.gray {
  background-color: #BDBDBD;
}
.form-word .state.red, .form-word-s .state.red, .form-word-xs .state.red {
  background-color: #E53F34;
}

.note-container-2 .form-word.red {
  color: #E53F34;
}
.note-container-2 .form-word-s.darkgray .warn .form-checkbox {
  padding-left: 0;
  list-style: none;
}
.note-container-2 .form-word-s.darkgray .warn .form-checkbox li {
  padding-left: 1.5rem;
  background: url(../images/icon_checkbox_dardgray.svg) no-repeat left 0.0625rem top 0.125rem/1rem auto;
}

.form-word-s {
  font-size: 0.875rem;
  line-height: 1.5;
}
.form-word-s.red .warn {
  font-size: 0.75rem;
}

.form-word-xs {
  font-size: 0.75rem;
}
.form-word-xs.gray .warn {
  color: #9E9E9E;
}

.form-word-link {
  color: #323232;
  font-size: 0.875rem;
}
.form-word-link a {
  color: #847EE4;
  text-decoration: none;
}

.form-link, .form-link-xs {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #323232;
  font-size: 1rem;
}
.form-link.gray, .form-link-xs.gray {
  color: #757575;
}
.form-link img, .form-link-xs img {
  margin-left: 0.25rem;
  width: 1.5rem;
}

.form-link-xs {
  font-size: 0.75rem;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-primary, .btn-outline-primary, .btn-outline-primary-2, .btn-secondary, .btn-disabled {
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: .6875rem;
  --bs-btn-border-color: transparent;
  --bs-btn-active-border-color: transparent;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-border-radius: 2rem;
  --bs-btn-disabled-opacity: 1;
}
.btn-primary img, .btn-outline-primary img, .btn-outline-primary-2 img, .btn-secondary img, .btn-disabled img {
  margin-left: 0.25rem;
  width: 1.5rem;
}

.btn-primary {
  --bs-btn-color: #FFFFFF;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-disabled-color: #FFFFFF;
  --bs-btn-bg: transparent;
  --bs-btn-active-bg: transparent;
  --bs-btn-hover-bg: transparent;
  --bs-btn-disabled-bg: transparent;
  background: #9685FF;
  background: linear-gradient(to bottom, #9685FF, #7862FF);
}
.btn-primary[disabled] {
  background: #BDBDBD;
  background: linear-gradient(to bottom, #BDBDBD, #BDBDBD);
}

.btn-disabled {
  --bs-btn-color: #FFFFFF;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-disabled-color: #FFFFFF;
  --bs-btn-bg: transparent;
  --bs-btn-active-bg: transparent;
  --bs-btn-hover-bg: transparent;
  --bs-btn-disabled-bg: transparent;
  background: #757575;
  background: linear-gradient(to bottom, #757575, #757575);
}

.btn-outline-primary, .btn-outline-primary-2 {
  --bs-btn-padding-y: .5rem;
  --bs-btn-color: #847EE4;
  --bs-btn-active-color: #847EE4;
  --bs-btn-hover-color: #847EE4;
  --bs-btn-disabled-color: #847EE4;
  --bs-btn-bg: #FFFFFF;
  --bs-btn-active-bg: #FFFFFF;
  --bs-btn-hover-bg: #FFFFFF;
  --bs-btn-disabled-bg: #FFFFFF;
  --bs-btn-border-color: #E0E0E0;
  --bs-btn-active-border-color: #E0E0E0;
  --bs-btn-hover-border-color: #E0E0E0;
}
.btn-outline-primary img, .btn-outline-primary-2 img {
  margin-left: 0;
  margin-right: 0.25rem;
}

.btn-outline-primary-2 {
  --bs-btn-padding-y: .6875rem;
  --bs-btn-color: #4C44EA;
  --bs-btn-active-color: #4C44EA;
  --bs-btn-hover-color: #4C44EA;
  --bs-btn-disabled-color: #4C44EA;
  --bs-btn-border-color: #4C44EA;
  --bs-btn-active-border-color: #4C44EA;
  --bs-btn-hover-border-color: #4C44EA;
  border-style: dashed;
}

.btn-secondary {
  --bs-btn-color: #4C44EA;
  --bs-btn-active-color: #4C44EA;
  --bs-btn-hover-color: #4C44EA;
  --bs-btn-disabled-color: #4C44EA;
  --bs-btn-bg: #E3E7FF;
  --bs-btn-active-bg: #E3E7FF;
  --bs-btn-hover-bg: #E3E7FF;
  --bs-btn-disabled-bg: #E3E7FF;
}

.btn-primary-s, .btn-outline-primary-s {
  --bs-btn-padding-y: .3125rem;
  --bs-btn-font-size: .875rem;
  white-space: nowrap;
}

.btn-neutral {
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: 1.3125rem;
  --bs-btn-color: transparent;
  --bs-btn-active-color: transparent;
  --bs-btn-hover-color: transparent;
  --bs-btn-bg: #F5F5F5;
  --bs-btn-active-bg: #F5F5F5;
  --bs-btn-hover-bg: #F5F5F5;
  --bs-btn-border-color: transparent;
  --bs-btn-active-border-color: transparent;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-border-radius: .5rem;
}
.btn-neutral img {
  width: 2.25rem;
}

.btn-white {
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: .5rem;
  --bs-btn-font-size: 1.125rem;
  --bs-btn-color: #007AFF;
  --bs-btn-active-color: #007AFF;
  --bs-btn-hover-color: #007AFF;
  --bs-btn-bg: transparent;
  --bs-btn-active-bg: transparent;
  --bs-btn-hover-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-active-border-color: transparent;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-border-radius: .875rem;
  border-radius: 0 0 var(--bs-btn-border-radius) var(--bs-btn-border-radius);
}
.btn-white.bold {
  font-weight: bold;
}
.btn-white.red {
  --bs-btn-color: #FF0000;
  --bs-btn-active-color: #FF0000;
  --bs-btn-hover-color: #FF0000;
}

.btn-scan {
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-padding-y: 0;
  --bs-btn-font-size: 1rem;
  --bs-btn-color: #FFFFFF;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-bg: transparent;
  --bs-btn-active-bg: transparent;
  --bs-btn-hover-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-active-border-color: transparent;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-border-radius: 0;
}
.btn-scan .cicon {
  margin-right: 0.75rem;
  background-color: #FFFFFF;
  border-radius: 0.5rem;
}
.btn-scan .cicon img {
  width: 2.25rem;
}

.btn-link {
  --bs-btn-padding-x: 0;
  --bs-btn-padding-y: 0;
  --bs-btn-border-radius: 0;
  white-space: nowrap;
  text-decoration: none;
}

.btn-link-s {
  --bs-btn-font-size: .875rem;
}

.btn-purple {
  --bs-btn-color: #6764F0;
  --bs-btn-active-color: #6764F0;
  --bs-btn-hover-color: #6764F0;
}

.btn-lightpurple {
  --bs-btn-color: #847EE4;
  --bs-btn-active-color: #847EE4;
  --bs-btn-hover-color: #847EE4;
}

.btn-darkblue {
  --bs-btn-color: #1F2A52;
  --bs-btn-active-color: #1F2A52;
  --bs-btn-hover-color: #1F2A52;
}

.btn-gray {
  --bs-btn-color: #9E9E9E;
  --bs-btn-active-color: #9E9E9E;
  --bs-btn-hover-color: #9E9E9E;
}

.btn-close {
  --bs-btn-close-bg: transparent;
  --bs-btn-close-opacity: 1;
  --bs-btn-close-hover-opacity: 1;
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0;
}
.btn-close:focus {
  box-shadow: none;
}
.btn-close img {
  width: 1.5rem;
}

.btn-close-2, .btn-position, .btn-illustration, .btn-switch {
  --bs-btn-bg: #FFFFFF;
  --bs-btn-active-bg: #FFFFFF;
  --bs-btn-hover-bg: #FFFFFF;
  padding: 0;
  border-radius: 50%;
  box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.12);
}

.btn-close-2 {
  width: 2.5rem;
  height: 2.5rem;
}
.btn-close-2 img {
  width: 1.5rem;
}

.btn-close-3 {
  position: absolute;
  right: 0;
  top: -2.75rem;
  padding: 0;
  width: 2.25rem;
  height: 2.25rem;
}
.btn-close-3 img {
  width: 2.25rem;
}

.btn-position {
  width: 3rem;
  height: 3rem;
}
.btn-position img {
  width: 2.25rem;
}

.btn-switch {
  padding: 0.375rem 0.625rem;
  color: #1F2A52;
  font-size: 0.9375rem;
  border-color: transparent !important;
  border-radius: 2rem;
  white-space: nowrap;
}
.btn-switch img {
  margin-right: 0.5rem;
  height: 1.375rem;
}
.btn-switch .form-switch {
  margin-left: 0.5rem;
}

.btn-illustration {
  height: 2.75rem;
  border-radius: 2rem;
}
.btn-illustration img {
  margin-right: 0.25rem;
  width: 1.5rem;
}

.btn-filter, .btn-list {
  --bs-btn-padding-y: .4375rem;
  --bs-btn-bg: #FFFFFF;
  --bs-btn-active-bg: #FFFFFF;
  --bs-btn-hover-bg: #FFFFFF;
}
.btn-filter img, .btn-list img {
  width: 1.5rem;
}

.btn-filter {
  --bs-btn-color: #1F2A52;
  --bs-btn-active-color: #1F2A52;
  --bs-btn-hover-color: #1F2A52;
  --bs-btn-border-color: #EAEAFD;
  --bs-btn-active-border-color: #EAEAFD;
  --bs-btn-hover-border-color: #EAEAFD;
  --bs-btn-border-radius: .5rem;
  padding: var(--bs-btn-padding-y) 0.5rem var(--bs-btn-padding-y) 0.75rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.07);
  white-space: nowrap;
}
.btn-filter img {
  margin-left: 0.125rem;
}

.btn-list {
  --bs-btn-color: #6764F0;
  --bs-btn-active-color: #6764F0;
  --bs-btn-hover-color: #6764F0;
  --bs-btn-border-color: #A0A1FF;
  --bs-btn-active-border-color: #A0A1FF;
  --bs-btn-hover-border-color: #A0A1FF;
  --bs-btn-border-radius: 2rem;
  padding: var(--bs-btn-padding-y) 2.5rem var(--bs-btn-padding-y) 1rem;
}

.btn-item {
  --bs-btn-padding-x: .75rem;
  --bs-btn-padding-y: .375rem;
  --bs-btn-color: #1F2A52;
  --bs-btn-active-color: #1F2A52;
  --bs-btn-hover-color: #1F2A52;
  --bs-btn-bg: #FFFFFF;
  --bs-btn-active-bg: #FFFFFF;
  --bs-btn-hover-bg: #FFFFFF;
  --bs-btn-font-size: .875rem;
  --bs-btn-border-color: #EAEAFD;
  --bs-btn-active-border-color: #EAEAFD;
  --bs-btn-hover-border-color: #EAEAFD;
  --bs-btn-border-radius: 2rem;
}

.btn-top, .btn-bottom, .btn-phonecall {
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: .6875rem;
  --bs-btn-color: #FFFFFF;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-bg: transparent;
  --bs-btn-active-bg: transparent;
  --bs-btn-hover-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-active-border-color: transparent;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-border-radius: 2rem;
  background: #9685FF;
  background: linear-gradient(to bottom, #9685FF, #7862FF);
}
.btn-top img, .btn-bottom img, .btn-phonecall img {
  margin-right: 0.25rem;
  width: 1.5rem;
}

.btn-back, .btn-next {
  --bs-btn-padding-x: 0;
  --bs-btn-padding-y: 0;
  --bs-btn-color: transparent;
  --bs-btn-active-color: transparent;
  --bs-btn-hover-color: transparent;
  --bs-btn-bg: transparent;
  --bs-btn-active-bg: transparent;
  --bs-btn-hover-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-active-border-color: transparent;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-border-radius: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.btn-back img, .btn-next img {
  width: 2rem;
}
.btn-back .cicon, .btn-next .cicon {
  display: block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.btn-back {
  left: 0.625rem;
}
.btn-back .cicon-back {
  background-image: url(../images/icon_back_white.svg);
}
.btn-back .cicon-back.disabled {
  background-image: url(../images/icon_back2_white.svg);
}

.btn-next {
  right: 0.625rem;
}
.btn-next .cicon-next {
  background-image: url(../images/icon_next_white.svg);
}
.btn-next .cicon-next.disabled {
  background-image: url(../images/icon_next2_white.svg);
}

.btn-distance {
  --bs-btn-padding-x: .0625rem;
  --bs-btn-padding-y: .0625rem;
  --bs-btn-color: #E2B90E;
  --bs-btn-active-color: #E2B90E;
  --bs-btn-hover-color: #E2B90E;
  --bs-btn-bg: #FEF9E5;
  --bs-btn-active-bg: #FEF9E5;
  --bs-btn-hover-bg: #FEF9E5;
  --bs-btn-font-size: .75rem;
  --bs-btn-border-color: #FBF1C5;
  --bs-btn-active-border-color: #FBF1C5;
  --bs-btn-hover-border-color: #FBF1C5;
  --bs-btn-border-radius: 2rem;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
}
.btn-distance img {
  width: 1.5rem;
}

.form-relative .close img {
  display: none;
}

.form-relative.has-value .close img {
  display: inline;
}

.c-modal {
  --bs-modal-margin: 1.25rem;
  --bs-modal-width: 30rem;
  --bs-modal-bg: #FFFFFF;
  --bs-modal-border-width: 0;
  --bs-modal-border-color: transparent;
  --bs-modal-border-radius: 1.25rem;
  --bs-modal-zindex: 1055;
  --bs-modal-footer-border-width: 1px;
  --bs-modal-footer-border-color: #d0d0d0;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  z-index: var(--bs-modal-zindex);
}

.c-modal-s {
  --bs-modal-margin: 3.75rem;
  --bs-modal-width: 16.875rem;
  --bs-modal-border-radius: .875rem;
}
.c-modal-s .c-modal-body {
  --bs-modal-padding-y: 1.25rem;
}
.c-modal-s .c-modal-footer {
  --bs-modal-padding-x: 0;
  --bs-modal-padding-y: 0;
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
}
.c-modal-s .c-modal-footer.row {
  --bs-gutter-x: 0;
}
.c-modal-s .c-modal-footer .col + .col {
  border-left: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
}
.c-modal-s .c-modal-footer-vertical {
  flex-direction: column;
}
.c-modal-s .c-modal-footer-vertical .col + .col {
  border-left: 0;
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
}

.c-modal-bottom {
  --bs-modal-margin: 0;
  --bs-modal-width: 100%;
}
.c-modal-bottom .c-modal-dialog {
  align-items: end;
  min-height: 100%;
}
.c-modal-bottom .c-modal-content {
  border-radius: var(--bs-modal-border-radius) var(--bs-modal-border-radius) 0 0;
}
.c-modal-bottom .window-container .icon img {
  width: 6.25rem;
}
.c-modal-bottom .window-container .text {
  color: #323232;
  font-size: 1rem;
}
.c-modal-bottom .window-container .smalltext {
  color: #757575;
  font-size: 0.875rem;
}

.c-modal-dialog {
  display: flex;
  align-items: center;
  position: relative;
  margin: var(--bs-modal-margin);
  width: auto;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
  pointer-events: none;
}

.modal-dialog-scrollable .c-modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .c-modal-content .c-modal-body {
  overflow-y: auto;
}

.c-modal-content {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  pointer-events: auto;
  outline: 0;
}

.c-modal-header {
  --bs-modal-padding-x: 1rem;
  --bs-modal-padding-y: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-padding-y) var(--bs-modal-padding-x) 0 var(--bs-modal-padding-x);
}

.c-modal-title {
  margin-bottom: 0;
  color: #1F2A52;
  font-size: 1.375rem;
}

.c-modal-body {
  --bs-modal-padding-x: 1rem;
  --bs-modal-padding-y: 1.5rem;
  flex: 1 1 auto;
  position: relative;
  padding: var(--bs-modal-padding-y) var(--bs-modal-padding-x);
}

.window-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.window-container .icon img {
  width: 2.75rem;
}
.window-container .icon-2 img {
  width: 4.75rem;
}
.window-container .title {
  color: black;
  font-size: 1.125rem;
  font-weight: bold;
  word-break: break-word;
}
.window-container .title-2 {
  color: black;
  font-size: 1.125rem;
}
.window-container .text {
  color: black;
  font-size: 0.875rem;
  word-break: break-word;
}

.sample-container .image {
  --bs-gutter-x: 0;
}
.sample-container .image img {
  width: 100%;
}
.sample-container .title {
  display: flex;
  align-items: center;
  color: #323232;
  font-size: 1.125rem;
}
.sample-container .title img {
  margin-right: 0.75rem;
  width: 1.5rem;
}
.sample-container .text {
  color: #323232;
  font-size: 0.875rem;
}
.sample-container .text.dot {
  position: relative;
  padding-left: 1.25rem;
}
.sample-container .text.dot::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.25rem;
  height: 1.25rem;
  background: url(../images/icon_dot_purple.svg) no-repeat center/contain;
}

.score-container .title {
  color: #323232;
  font-size: 1rem;
}
.score-container .score {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem 0;
}
.score-container .star {
  --bs-gutter-x: .75rem;
  flex-wrap: nowrap;
  text-align: center;
}
.score-container .star .cicon {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.score-container .star .cicon-star {
  background-image: url(../images/icon_star_yellow.svg);
}
.score-container .star .cicon-star.rated {
  background-image: url(../images/icon_star_yellow_rated.svg);
}

.parkingcost-container {
  display: flex;
  align-items: center;
}
.parkingcost-container .cost {
  color: #323232;
  font-size: 0.875rem;
}
.parkingcost-container .state {
  display: inline-block;
  padding: 0.375rem 0.75rem;
  color: #1F2A52;
  font-size: 0.875rem;
  background-color: #FFFFFF;
  border: 1px solid #EAEAFD;
  border-radius: 2rem;
}
.parkingcost-container .state.closing {
  color: #757575;
}
.parkingcost-container .price {
  color: #6764F0;
  font-size: 1.25rem;
  font-weight: bold;
  font-family: Roboto;
}
.parkingcost-container .line {
  display: inline-block;
  margin: 0 0.25rem;
}
.parkingcost-container .small {
  font-size: 0.75rem;
}

.parkingspace-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  color: #323232;
  font-size: 1rem;
  background-color: #FAFAFA;
  border: 1px solid #EEEEEE;
  border-radius: 0.5rem;
}
.parkingspace-container .number {
  margin-left: 0.25rem;
  color: #1F2A52;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: Roboto;
}
.parkingspace-container .remaining .number {
  color: #53B1CD;
  font-size: 1.25rem;
}
.parkingspace-container .remaining .zero {
  color: #E53F34;
}

.parkingtype-container {
  --bs-gutter-x: .5rem;
}
.parkingtype-container .col-6 {
  margin-bottom: 0.5rem;
}
.parkingtype-container .list {
  display: flex;
  align-items: center;
  padding: 0.75rem 0.5rem;
  background-color: #FAFAFA;
  border: 1px solid #EEEEEE;
  border-radius: 0.5rem;
}
.parkingtype-container .list-left {
  display: flex;
  align-items: center;
  margin-right: 0.625rem;
}
.parkingtype-container .list-body {
  flex: 1 1 auto;
}
.parkingtype-container .list-icon {
  margin-right: 0.5rem;
}
.parkingtype-container .list-icon img {
  float: left;
  width: 1.5rem;
}
.parkingtype-container .list-title {
  color: #323232;
  font-size: 1rem;
  white-space: nowrap;
}
.parkingtype-container .list-number {
  text-align: center;
  color: #1F2A52;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: Roboto;
}
.parkingtype-container .list-zero {
  color: #BDBDBD;
}

.parkingnavigation-container .list {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  text-decoration: none;
}
.parkingnavigation-container .list-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  margin-bottom: 0.5rem;
  background: #9685FF;
  background: linear-gradient(to bottom, #9685FF, #7862FF);
  border-radius: 50%;
}
.parkingnavigation-container .list-icon img {
  width: 2.25rem;
}
.parkingnavigation-container .list-title {
  color: #323232;
  font-size: 0.875rem;
}

.c-modal-footer {
  --bs-modal-padding-x: 1rem;
  --bs-modal-padding-y: 1.5rem;
  padding: 0 var(--bs-modal-padding-x) var(--bs-modal-padding-y) var(--bs-modal-padding-x);
  border-top: 0;
}
.c-modal-footer.row {
  --bs-gutter-x: 1rem;
}

.c-modal-backdrop {
  --bs-backdrop-bg: black;
  --bs-backdrop-zindex: 1050;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
  opacity: 0.5;
  z-index: var(--bs-backdrop-zindex);
}

.c-actionsheet {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1055;
}

.c-parkinginfo {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
  z-index: 1055;
}

.c-activity {
  --bs-modal-border-radius: .5rem;
}

.c-street, .c-popwindow {
  display: none;
}
.c-street .flex-container .flex-start, .c-popwindow .flex-container .flex-start {
  flex: none;
  background-color: white;
}
.c-street .flex-container .flex-center, .c-popwindow .flex-container .flex-center {
  flex: 1;
  border-radius: 0;
  overflow-y: auto;
}
.c-street .flex-container .flex-center::before, .c-popwindow .flex-container .flex-center::before {
  display: none;
}

.c-popwindow .flex-container .flex-start, .c-popwindow .flex-container .flex-center, .c-popwindow .flex-container .flex-end {
  background-color: #F8FAFF;
}
.c-popwindow .flex-container .flex-center {
  position: static;
}
.c-popwindow .flex-container .map-container iframe {
  height: 100% !important;
}

@media (min-width: 576px) {
  .c-modal-dialog {
    max-width: var(--bs-modal-width);
    margin-left: auto;
    margin-right: auto;
  }
  .leaflet-popup-content {
    width: 18rem !important;
  }
}
.tab-container .nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0;
  --bs-nav-link-color: #757575;
  --bs-nav-link-hover-color: #757575;
  border-bottom: 1px solid #D1D8FF;
}
.tab-container .nav-item {
  flex: 0 0 auto;
  width: 25%;
}
.tab-container .nav-link {
  display: block;
  position: relative;
  padding: 0.75rem var(--bs-nav-link-padding-x) 1rem;
  color: var(--bs-nav-link-color);
  font-size: 1rem;
}
.tab-container .nav-link.active {
  color: #6764F0;
}
.tab-container .nav-link.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 0.1875rem;
  background-color: #A0A1FF;
}
.tab-container .nav-link .unread {
  position: absolute;
  right: 0.375rem;
  top: 0.75rem;
  width: 0.375rem;
  height: 0.375rem;
  background-color: #53B1CD;
  border-radius: 50%;
}

.tabpills-container .nav {
  --bs-nav-link-padding-x: .5rem;
  --bs-nav-link-padding-y: .5rem;
  --bs-nav-link-color: #757575;
  --bs-nav-link-hover-color: #757575;
  justify-content: space-around;
  padding: 0.25rem;
  background-color: #E3E7FF;
  border-radius: 2rem;
}
.tabpills-container .nav-item {
  width: 50%;
}
.tabpills-container .nav-link {
  display: block;
  color: var(--bs-nav-link-color);
  font-size: 0.875rem;
}
.tabpills-container .nav-link.active {
  color: #1F2A52;
  font-weight: bold;
  background-color: #FFFFFF;
  border-radius: 2rem;
}

.tabpills-container-2 .nav {
  --bs-nav-link-padding-x: .75rem;
  --bs-nav-link-padding-y: .75rem;
  --bs-nav-link-color: $primary-500;
  --bs-nav-link-hover-color: $primary-500;
  justify-content: space-around;
  background-color: #E3E7FF;
}
.tabpills-container-2 .nav-item {
  width: 50%;
}
.tabpills-container-2 .nav-link {
  display: block;
  color: var(--bs-nav-link-color);
  font-size: 0.875rem;
}
.tabpills-container-2 .nav-link.active {
  color: #FFFFFF;
  background-color: #6764F0;
}

.tabpills-container-3 .nav-item {
  width: 33.333333%;
}

.list-container .list {
  display: flex;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid #E0E0E0;
  text-decoration: none;
}
.list-container .list:last-child {
  border-bottom: 0;
}
.list-container .list-read .list-title, .list-container .list-read .list-text, .list-container .list-read .list-date {
  color: #A8ADBE;
}
.list-container .list-body {
  flex: 1 1 auto;
}
.list-container .list-title {
  display: -webkit-box;
  color: #323232;
  font-size: 1rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.list-container .list-text, .list-container .list-text-xs {
  margin-top: 0.25rem;
  color: #757575;
}
.list-container .list-text {
  display: -webkit-box;
  font-size: 0.875rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.list-container .list-text-xs {
  font-size: 0.75rem;
}
.list-container .list-date {
  margin-top: 0.125rem;
  color: #757575;
  font-size: 0.875rem;
}
.list-container .arrow {
  margin-left: 0.75rem;
}
.list-container .arrow img {
  float: left;
  width: 1.5rem;
}

.lead-container .list {
  display: flex;
  position: relative;
  padding: 0.75rem 1rem;
  background-color: #FFFFFF;
  border: 1px solid #EAEAFD;
  border-radius: 0.5rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.07);
  text-decoration: none;
}
.lead-container .list .form-link {
  position: absolute;
  right: 1rem;
  bottom: 0.75rem;
}
.lead-container .list .form-link .btn {
  --bs-btn-border-width: 0;
}
.lead-container .list .form-link .btn img {
  margin-left: 0.5rem;
  width: 1.5rem;
}
.lead-container .list-left {
  margin-right: 0.75rem;
}
.lead-container .list-body {
  flex: 1 1 auto;
}
.lead-container .list-image img {
  width: 5.875rem;
  border-radius: 0.25rem;
}
.lead-container .list-text {
  display: -webkit-box;
  color: #757575;
  font-size: 0.875rem;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.realnameverifypage-container .list, .choosemanual-container .list, .twca-container .list {
  display: flex;
  align-items: center;
  padding: 1rem;
  background-color: #FFFFFF;
  border: 1px solid #EAEAFD;
  border-radius: 0.5rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.07);
  text-decoration: none;
}
.realnameverifypage-container .list-left, .choosemanual-container .list-left, .twca-container .list-left {
  margin-right: 0.75rem;
}
.realnameverifypage-container .list-body, .choosemanual-container .list-body, .twca-container .list-body {
  flex: 1 1 auto;
}
.realnameverifypage-container .list-body div:last-child, .choosemanual-container .list-body div:last-child, .twca-container .list-body div:last-child {
  margin-bottom: 0;
}
.realnameverifypage-container .list-icon, .choosemanual-container .list-icon, .twca-container .list-icon {
  border-radius: 0.5rem;
}
.realnameverifypage-container .list-icon .cicon, .choosemanual-container .list-icon .cicon, .twca-container .list-icon .cicon {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.realnameverifypage-container .list-title, .choosemanual-container .list-title, .twca-container .list-title {
  margin-bottom: 0.25rem;
  color: #323232;
  font-size: 1rem;
}
.realnameverifypage-container .list-text, .choosemanual-container .list-text, .twca-container .list-text {
  color: #757575;
  font-size: 0.875rem;
}
.realnameverifypage-container .form-check:nth-child(3n+1) .form-check-input:checked + .form-check-label .list, .choosemanual-container .form-check:nth-child(3n+1) .form-check-input:checked + .form-check-label .list, .twca-container .form-check:nth-child(3n+1) .form-check-input:checked + .form-check-label .list {
  border-color: #8282F4;
}
.realnameverifypage-container .form-check:nth-child(3n+1) .form-check-input:checked + .form-check-label .list::before, .choosemanual-container .form-check:nth-child(3n+1) .form-check-input:checked + .form-check-label .list::before, .twca-container .form-check:nth-child(3n+1) .form-check-input:checked + .form-check-label .list::before {
  border-color: #8282F4;
}
.realnameverifypage-container .form-check:nth-child(3n+1) .list-icon, .choosemanual-container .form-check:nth-child(3n+1) .list-icon, .twca-container .form-check:nth-child(3n+1) .list-icon {
  background-color: #EAEAFD;
}
.realnameverifypage-container .form-check:nth-child(3n+1) .list-icon .cicon, .choosemanual-container .form-check:nth-child(3n+1) .list-icon .cicon, .twca-container .form-check:nth-child(3n+1) .list-icon .cicon {
  background-color: #6764F0;
}
.realnameverifypage-container .form-check:nth-child(3n+2) .form-check-input:checked + .form-check-label .list, .choosemanual-container .form-check:nth-child(3n+2) .form-check-input:checked + .form-check-label .list, .twca-container .form-check:nth-child(3n+2) .form-check-input:checked + .form-check-label .list {
  border-color: #87D2E3;
}
.realnameverifypage-container .form-check:nth-child(3n+2) .form-check-input:checked + .form-check-label .list::before, .choosemanual-container .form-check:nth-child(3n+2) .form-check-input:checked + .form-check-label .list::before, .twca-container .form-check:nth-child(3n+2) .form-check-input:checked + .form-check-label .list::before {
  border-color: #87D2E3;
}
.realnameverifypage-container .form-check:nth-child(3n+2) .list-icon, .choosemanual-container .form-check:nth-child(3n+2) .list-icon, .twca-container .form-check:nth-child(3n+2) .list-icon {
  background-color: #E7F6FA;
}
.realnameverifypage-container .form-check:nth-child(3n+2) .list-icon .cicon, .choosemanual-container .form-check:nth-child(3n+2) .list-icon .cicon, .twca-container .form-check:nth-child(3n+2) .list-icon .cicon {
  background-color: #53B1CD;
}
.realnameverifypage-container .form-check:nth-child(3n) .form-check-input:checked + .form-check-label .list, .choosemanual-container .form-check:nth-child(3n) .form-check-input:checked + .form-check-label .list, .twca-container .form-check:nth-child(3n) .form-check-input:checked + .form-check-label .list {
  border-color: #F6E086;
}
.realnameverifypage-container .form-check:nth-child(3n) .form-check-input:checked + .form-check-label .list::before, .choosemanual-container .form-check:nth-child(3n) .form-check-input:checked + .form-check-label .list::before, .twca-container .form-check:nth-child(3n) .form-check-input:checked + .form-check-label .list::before {
  border-color: #F6E086;
}
.realnameverifypage-container .form-check:nth-child(3n) .list-icon, .choosemanual-container .form-check:nth-child(3n) .list-icon, .twca-container .form-check:nth-child(3n) .list-icon {
  background-color: #FEF9E5;
}
.realnameverifypage-container .form-check:nth-child(3n) .list-icon .cicon, .choosemanual-container .form-check:nth-child(3n) .list-icon .cicon, .twca-container .form-check:nth-child(3n) .list-icon .cicon {
  background-color: #F1D046;
}
.realnameverifypage-container .form-check .form-check-input:checked + .form-check-label::after, .choosemanual-container .form-check .form-check-input:checked + .form-check-label::after, .twca-container .form-check .form-check-input:checked + .form-check-label::after {
  display: none;
}
.realnameverifypage-container .form-check .form-check-label, .choosemanual-container .form-check .form-check-label, .twca-container .form-check .form-check-label {
  display: block;
}
.realnameverifypage-container .form-check .form-check-label::before, .choosemanual-container .form-check .form-check-label::before, .twca-container .form-check .form-check-label::before {
  display: none;
}
.realnameverifypage-container .form-check .list, .choosemanual-container .form-check .list, .twca-container .form-check .list {
  position: relative;
}
.realnameverifypage-container .form-check .list::before, .choosemanual-container .form-check .list::before, .twca-container .form-check .list::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid transparent;
  border-radius: calc(0.5rem - 1px) !important;
}

.realnameverifypage-container .list {
  min-height: 6.5rem;
}

.twca-container .list:hover, .twca-container .list:focus {
  border-color: #6764F0;
}
.twca-container .list:hover .list-icon, .twca-container .list:focus .list-icon {
  background-color: #6764F0;
}
.twca-container .list:hover .list-icon .cicon, .twca-container .list:focus .list-icon .cicon {
  background-color: #FFFFFF;
}
.twca-container .list-icon {
  background-color: #EAEAFD;
}
.twca-container .list-icon .cicon {
  background-color: #6764F0;
}
.twca-container .form-check:nth-child(3n+1) .form-check-input:checked + .form-check-label .list, .twca-container .form-check:nth-child(3n+2) .form-check-input:checked + .form-check-label .list, .twca-container .form-check:nth-child(3n) .form-check-input:checked + .form-check-label .list {
  border-color: #EAEAFD;
}
.twca-container .form-check:nth-child(3n+1) .form-check-input:checked + .form-check-label .list::before, .twca-container .form-check:nth-child(3n+2) .form-check-input:checked + .form-check-label .list::before, .twca-container .form-check:nth-child(3n) .form-check-input:checked + .form-check-label .list::before {
  border-color: transparent;
}
.twca-container .form-check:nth-child(3n+1) .list-icon, .twca-container .form-check:nth-child(3n+2) .list-icon, .twca-container .form-check:nth-child(3n) .list-icon {
  background-color: #EAEAFD;
}
.twca-container .form-check:nth-child(3n+1) .list-icon .cicon, .twca-container .form-check:nth-child(3n+2) .list-icon .cicon, .twca-container .form-check:nth-child(3n) .list-icon .cicon {
  background-color: #6764F0;
}

.function-container, .thirdparty-container, .type-container, .bus-container, .bus-container-2 {
  background-color: #FFFFFF;
  border-radius: 1rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.07);
}
.function-container .list, .thirdparty-container .list, .type-container .list, .bus-container .list, .bus-container-2 .list {
  display: flex;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid #EAEAFD;
  text-decoration: none;
}
.function-container .list:last-child, .thirdparty-container .list:last-child, .type-container .list:last-child, .bus-container .list:last-child, .bus-container-2 .list:last-child {
  border-width: 0;
}
.function-container .list-left, .thirdparty-container .list-left, .type-container .list-left, .bus-container .list-left, .bus-container-2 .list-left {
  margin-right: 0.75rem;
}
.function-container .list-body, .thirdparty-container .list-body, .type-container .list-body, .bus-container .list-body, .bus-container-2 .list-body {
  flex: 1 1 auto;
}
.function-container .list-right, .thirdparty-container .list-right, .type-container .list-right, .bus-container .list-right, .bus-container-2 .list-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: 0.75rem;
}
.function-container .list-right .form-word-s, .thirdparty-container .list-right .form-word-s, .type-container .list-right .form-word-s, .bus-container .list-right .form-word-s, .bus-container-2 .list-right .form-word-s {
  margin-right: -0.25rem;
}
.function-container .list-right .form-word-s .warn, .thirdparty-container .list-right .form-word-s .warn, .type-container .list-right .form-word-s .warn, .bus-container .list-right .form-word-s .warn, .bus-container-2 .list-right .form-word-s .warn {
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.function-container .list-title, .thirdparty-container .list-title, .type-container .list-title, .bus-container .list-title, .bus-container-2 .list-title {
  color: #1F2A52;
  font-size: 1rem;
  white-space: nowrap;
}
.function-container .list-text, .thirdparty-container .list-text, .type-container .list-text, .bus-container .list-text, .bus-container-2 .list-text {
  color: #757575;
  font-size: 0.875rem;
}
.function-container .list-realname, .thirdparty-container .list-realname, .type-container .list-realname, .bus-container .list-realname, .bus-container-2 .list-realname {
  color: #6764F0;
  font-size: 0.75rem;
}
.function-container .list-name, .thirdparty-container .list-name, .type-container .list-name, .bus-container .list-name, .bus-container-2 .list-name {
  color: #323232;
  font-size: 1rem;
  font-weight: bold;
}
.function-container .list-number, .thirdparty-container .list-number, .type-container .list-number, .bus-container .list-number, .bus-container-2 .list-number {
  color: #323232;
  font-size: 0.875rem;
}
.function-container .list-distance, .thirdparty-container .list-distance, .type-container .list-distance, .bus-container .list-distance, .bus-container-2 .list-distance {
  padding: 0.0625rem 0.5rem 0.1875rem;
  color: #1F2A52;
  font-size: 0.75rem;
  background-color: #F1F2F5;
  border: 1px solid #C8CCD6;
  border-radius: 1rem;
}
.function-container .list-label, .thirdparty-container .list-label, .type-container .list-label, .bus-container .list-label, .bus-container-2 .list-label {
  color: #757575;
  font-size: 0.875rem;
  white-space: nowrap;
}
.function-container .list-label .must, .thirdparty-container .list-label .must, .type-container .list-label .must, .bus-container .list-label .must, .bus-container-2 .list-label .must {
  margin-left: 0.125rem;
  color: #53B1CD;
}
.function-container .list-content, .function-container .list-content-2, .thirdparty-container .list-content, .thirdparty-container .list-content-2, .type-container .list-content, .type-container .list-content-2, .bus-container .list-content, .bus-container .list-content-2, .bus-container-2 .list-content, .bus-container-2 .list-content-2 {
  color: #323232;
  font-size: 1rem;
}
.function-container .list-content, .thirdparty-container .list-content, .type-container .list-content, .bus-container .list-content, .bus-container-2 .list-content {
  display: -webkit-box;
  text-align: right;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.function-container .list-content.purple, .thirdparty-container .list-content.purple, .type-container .list-content.purple, .bus-container .list-content.purple, .bus-container-2 .list-content.purple {
  color: #6764F0;
}
.function-container .list-content.red, .thirdparty-container .list-content.red, .type-container .list-content.red, .bus-container .list-content.red, .bus-container-2 .list-content.red {
  color: #E53F34;
}
.function-container .arrow img, .function-container .sort img, .function-container .delete img, .function-container .thirdparty img, .function-container .heart img, .function-container .star img, .function-container .circle img, .thirdparty-container .arrow img, .thirdparty-container .sort img, .thirdparty-container .delete img, .thirdparty-container .thirdparty img, .thirdparty-container .heart img, .thirdparty-container .star img, .thirdparty-container .circle img, .type-container .arrow img, .type-container .sort img, .type-container .delete img, .type-container .thirdparty img, .type-container .heart img, .type-container .star img, .type-container .circle img, .bus-container .arrow img, .bus-container .sort img, .bus-container .delete img, .bus-container .thirdparty img, .bus-container .heart img, .bus-container .star img, .bus-container .circle img, .bus-container-2 .arrow img, .bus-container-2 .sort img, .bus-container-2 .delete img, .bus-container-2 .thirdparty img, .bus-container-2 .heart img, .bus-container-2 .star img, .bus-container-2 .circle img {
  float: left;
  width: 1.5rem;
}
.function-container .arrow .cicon, .function-container .sort .cicon, .function-container .delete .cicon, .function-container .thirdparty .cicon, .function-container .heart .cicon, .function-container .star .cicon, .function-container .circle .cicon, .thirdparty-container .arrow .cicon, .thirdparty-container .sort .cicon, .thirdparty-container .delete .cicon, .thirdparty-container .thirdparty .cicon, .thirdparty-container .heart .cicon, .thirdparty-container .star .cicon, .thirdparty-container .circle .cicon, .type-container .arrow .cicon, .type-container .sort .cicon, .type-container .delete .cicon, .type-container .thirdparty .cicon, .type-container .heart .cicon, .type-container .star .cicon, .type-container .circle .cicon, .bus-container .arrow .cicon, .bus-container .sort .cicon, .bus-container .delete .cicon, .bus-container .thirdparty .cicon, .bus-container .heart .cicon, .bus-container .star .cicon, .bus-container .circle .cicon, .bus-container-2 .arrow .cicon, .bus-container-2 .sort .cicon, .bus-container-2 .delete .cicon, .bus-container-2 .thirdparty .cicon, .bus-container-2 .heart .cicon, .bus-container-2 .star .cicon, .bus-container-2 .circle .cicon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.function-container .arrow .cicon-heart, .function-container .sort .cicon-heart, .function-container .delete .cicon-heart, .function-container .thirdparty .cicon-heart, .function-container .heart .cicon-heart, .function-container .star .cicon-heart, .function-container .circle .cicon-heart, .thirdparty-container .arrow .cicon-heart, .thirdparty-container .sort .cicon-heart, .thirdparty-container .delete .cicon-heart, .thirdparty-container .thirdparty .cicon-heart, .thirdparty-container .heart .cicon-heart, .thirdparty-container .star .cicon-heart, .thirdparty-container .circle .cicon-heart, .type-container .arrow .cicon-heart, .type-container .sort .cicon-heart, .type-container .delete .cicon-heart, .type-container .thirdparty .cicon-heart, .type-container .heart .cicon-heart, .type-container .star .cicon-heart, .type-container .circle .cicon-heart, .bus-container .arrow .cicon-heart, .bus-container .sort .cicon-heart, .bus-container .delete .cicon-heart, .bus-container .thirdparty .cicon-heart, .bus-container .heart .cicon-heart, .bus-container .star .cicon-heart, .bus-container .circle .cicon-heart, .bus-container-2 .arrow .cicon-heart, .bus-container-2 .sort .cicon-heart, .bus-container-2 .delete .cicon-heart, .bus-container-2 .thirdparty .cicon-heart, .bus-container-2 .heart .cicon-heart, .bus-container-2 .star .cicon-heart, .bus-container-2 .circle .cicon-heart {
  background-image: url(../images/icon_heart.svg);
}
.function-container .arrow .cicon-heart.favorite, .function-container .sort .cicon-heart.favorite, .function-container .delete .cicon-heart.favorite, .function-container .thirdparty .cicon-heart.favorite, .function-container .heart .cicon-heart.favorite, .function-container .star .cicon-heart.favorite, .function-container .circle .cicon-heart.favorite, .thirdparty-container .arrow .cicon-heart.favorite, .thirdparty-container .sort .cicon-heart.favorite, .thirdparty-container .delete .cicon-heart.favorite, .thirdparty-container .thirdparty .cicon-heart.favorite, .thirdparty-container .heart .cicon-heart.favorite, .thirdparty-container .star .cicon-heart.favorite, .thirdparty-container .circle .cicon-heart.favorite, .type-container .arrow .cicon-heart.favorite, .type-container .sort .cicon-heart.favorite, .type-container .delete .cicon-heart.favorite, .type-container .thirdparty .cicon-heart.favorite, .type-container .heart .cicon-heart.favorite, .type-container .star .cicon-heart.favorite, .type-container .circle .cicon-heart.favorite, .bus-container .arrow .cicon-heart.favorite, .bus-container .sort .cicon-heart.favorite, .bus-container .delete .cicon-heart.favorite, .bus-container .thirdparty .cicon-heart.favorite, .bus-container .heart .cicon-heart.favorite, .bus-container .star .cicon-heart.favorite, .bus-container .circle .cicon-heart.favorite, .bus-container-2 .arrow .cicon-heart.favorite, .bus-container-2 .sort .cicon-heart.favorite, .bus-container-2 .delete .cicon-heart.favorite, .bus-container-2 .thirdparty .cicon-heart.favorite, .bus-container-2 .heart .cicon-heart.favorite, .bus-container-2 .star .cicon-heart.favorite, .bus-container-2 .circle .cicon-heart.favorite {
  background-image: url(../images/icon_heart_favorite.svg);
}
.function-container .arrow .cicon-star, .function-container .sort .cicon-star, .function-container .delete .cicon-star, .function-container .thirdparty .cicon-star, .function-container .heart .cicon-star, .function-container .star .cicon-star, .function-container .circle .cicon-star, .thirdparty-container .arrow .cicon-star, .thirdparty-container .sort .cicon-star, .thirdparty-container .delete .cicon-star, .thirdparty-container .thirdparty .cicon-star, .thirdparty-container .heart .cicon-star, .thirdparty-container .star .cicon-star, .thirdparty-container .circle .cicon-star, .type-container .arrow .cicon-star, .type-container .sort .cicon-star, .type-container .delete .cicon-star, .type-container .thirdparty .cicon-star, .type-container .heart .cicon-star, .type-container .star .cicon-star, .type-container .circle .cicon-star, .bus-container .arrow .cicon-star, .bus-container .sort .cicon-star, .bus-container .delete .cicon-star, .bus-container .thirdparty .cicon-star, .bus-container .heart .cicon-star, .bus-container .star .cicon-star, .bus-container .circle .cicon-star, .bus-container-2 .arrow .cicon-star, .bus-container-2 .sort .cicon-star, .bus-container-2 .delete .cicon-star, .bus-container-2 .thirdparty .cicon-star, .bus-container-2 .heart .cicon-star, .bus-container-2 .star .cicon-star, .bus-container-2 .circle .cicon-star {
  background-image: url(../images/icon_star.svg);
}
.function-container .arrow .cicon-star.checked, .function-container .sort .cicon-star.checked, .function-container .delete .cicon-star.checked, .function-container .thirdparty .cicon-star.checked, .function-container .heart .cicon-star.checked, .function-container .star .cicon-star.checked, .function-container .circle .cicon-star.checked, .thirdparty-container .arrow .cicon-star.checked, .thirdparty-container .sort .cicon-star.checked, .thirdparty-container .delete .cicon-star.checked, .thirdparty-container .thirdparty .cicon-star.checked, .thirdparty-container .heart .cicon-star.checked, .thirdparty-container .star .cicon-star.checked, .thirdparty-container .circle .cicon-star.checked, .type-container .arrow .cicon-star.checked, .type-container .sort .cicon-star.checked, .type-container .delete .cicon-star.checked, .type-container .thirdparty .cicon-star.checked, .type-container .heart .cicon-star.checked, .type-container .star .cicon-star.checked, .type-container .circle .cicon-star.checked, .bus-container .arrow .cicon-star.checked, .bus-container .sort .cicon-star.checked, .bus-container .delete .cicon-star.checked, .bus-container .thirdparty .cicon-star.checked, .bus-container .heart .cicon-star.checked, .bus-container .star .cicon-star.checked, .bus-container .circle .cicon-star.checked, .bus-container-2 .arrow .cicon-star.checked, .bus-container-2 .sort .cicon-star.checked, .bus-container-2 .delete .cicon-star.checked, .bus-container-2 .thirdparty .cicon-star.checked, .bus-container-2 .heart .cicon-star.checked, .bus-container-2 .star .cicon-star.checked, .bus-container-2 .circle .cicon-star.checked {
  background-image: url(../images/icon_star_checked.svg);
}
.function-container .arrow, .function-container .circle, .thirdparty-container .arrow, .thirdparty-container .circle, .type-container .arrow, .type-container .circle, .bus-container .arrow, .bus-container .circle, .bus-container-2 .arrow, .bus-container-2 .circle {
  margin-left: 0.75rem;
}
.function-container .sort, .function-container .delete, .thirdparty-container .sort, .thirdparty-container .delete, .type-container .sort, .type-container .delete, .bus-container .sort, .bus-container .delete, .bus-container-2 .sort, .bus-container-2 .delete {
  margin-right: 1rem;
}
.function-container .thirdparty, .thirdparty-container .thirdparty, .type-container .thirdparty, .bus-container .thirdparty, .bus-container-2 .thirdparty {
  margin-right: -0.25rem;
}
.function-container .thirdparty img + img, .thirdparty-container .thirdparty img + img, .type-container .thirdparty img + img, .bus-container .thirdparty img + img, .bus-container-2 .thirdparty img + img {
  margin-left: 0.75rem;
}
.function-container .heart, .thirdparty-container .heart, .type-container .heart, .bus-container .heart, .bus-container-2 .heart {
  margin-left: 1rem;
  margin-right: -0.5rem;
}
.function-container .star, .thirdparty-container .star, .type-container .star, .bus-container .star, .bus-container-2 .star {
  margin-left: 1rem;
  margin-right: -0.25rem;
}

.function-container .list-avatar {
  padding: 1.25rem 1rem;
}
.function-container .list-avatar .list-left {
  margin-right: 1rem;
}
.function-container .list-avatar .form-link .btn {
  --bs-btn-border-width: 0;
  font-weight: bold;
}
.function-container .list-image {
  position: relative;
  width: 4.625rem;
  height: 4.625rem;
}
.function-container .list-image::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.function-container .list-image img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
.function-container .sublist {
  display: flex;
  align-items: center;
  margin-top: 0.375rem;
}
.function-container .list-icon {
  margin-right: 0.5rem;
  border-radius: 0.5rem;
}
.function-container .list-icon.red {
  background-color: #FDEAE8;
}
.function-container .list-icon.red .cicon {
  background-color: #E53F34;
}
.function-container .list-icon.green {
  background-color: #E8F8EE;
}
.function-container .list-icon.green .cicon {
  background-color: #3FA86A;
}
.function-container .list-icon .cicon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.function-container .list-day {
  display: flex;
  align-items: center;
  color: #323232;
  font-size: 0.875rem;
}
.function-container .form-check .form-check-input:disabled + .form-check-label {
  opacity: 1;
}
.function-container .form-check .form-check-input:disabled + .form-check-label::before {
  background-color: #EEEEEE;
  border-color: #E0E0E0;
}
.function-container .form-check .form-check-input:checked + .form-check-label::before {
  background-color: #6764F0;
  border-color: #6764F0;
}
.function-container .form-check .form-check-label::before {
  margin-right: 0.375rem;
}
.function-container .form-check .form-check-label .purple {
  color: #847EE4;
}

.thirdparty-container .list-icon img {
  float: left;
  width: 1.5rem;
}

.type-container .list-relative {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #EAEAFD;
}
.type-container .list-relative:last-child {
  border-width: 0;
}
.type-container .list {
  flex: 1 1 auto;
  border-width: 0;
}
.type-container .list-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7.5rem;
  height: 4.75rem;
  background-color: #F1F2F5 !important;
  border: 0.125rem dotted #E0E0E0;
  border-radius: 0.5rem;
}
.type-container .list-icon img {
  width: 2.25rem;
}
.type-container .list-image {
  position: relative;
}
.type-container .list-image .image {
  width: 7.5rem;
  height: 4.75rem;
}
.type-container .list-image .image::after {
  content: "";
  display: block;
  padding-bottom: 63.5%;
}
.type-container .list-image .image img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 0.125rem solid #F5F6FF;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.type-container .list-image .title {
  position: absolute;
  left: 0.5rem;
  top: 50%;
  color: #1F2A52;
  font-size: 0.75rem;
  font-weight: bold;
  transform: translate(0, -50%);
}
.type-container .list-image .title img {
  width: 0.75rem;
  vertical-align: -0.0625rem;
}

.servicelist-container-2 {
  --bs-gutter-x: .75rem;
}
.servicelist-container-2 .col-6 {
  margin-bottom: 0.75rem;
}
.servicelist-container-2 .col-6:nth-child(3n+1) .list-icon {
  background-color: #EAEAFD;
}
.servicelist-container-2 .col-6:nth-child(3n+1) .list-icon .cicon {
  background-color: #6764F0;
}
.servicelist-container-2 .col-6:nth-child(3n+2) .list-icon {
  background-color: #E7F6FA;
}
.servicelist-container-2 .col-6:nth-child(3n+2) .list-icon .cicon {
  background-color: #53B1CD;
}
.servicelist-container-2 .col-6:nth-child(3n) .list-icon {
  background-color: #FEF9E5;
}
.servicelist-container-2 .col-6:nth-child(3n) .list-icon .cicon {
  background-color: #F1D046;
}
.servicelist-container-2 .list {
  display: flex;
  align-items: center;
  padding: 1rem 0.5rem 1rem 0.875rem;
  background-color: #FFFFFF;
  border: 1px solid #EAEAFD;
  border-radius: 0.5rem;
  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.06);
  text-decoration: none;
}
.servicelist-container-2 .list-left {
  margin-right: 0.625rem;
}
.servicelist-container-2 .list-body {
  flex: 1 1 auto;
}
.servicelist-container-2 .list-icon {
  border-radius: 0.5rem;
}
.servicelist-container-2 .list-icon .cicon {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.servicelist-container-2 .list-title {
  color: #323232;
  font-size: 1rem;
}

.process-container .list-spacing {
  position: relative;
  padding: 0.5rem 0.25rem 0.5rem 1.75rem;
}
.process-container .list-spacing::before {
  content: "";
  position: absolute;
  left: 0.4375rem;
  top: 0;
  bottom: 0;
  width: 0.125rem;
  background-color: #D1D8FF;
}
.process-container .list-gray {
  padding: 0 0.5rem;
  border: 1px solid #E0E0E0;
  border-radius: 0.5rem;
}
.process-container .list {
  display: flex;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-bottom: 1px solid #E0E0E0;
  text-decoration: none;
}
.process-container .list:last-child {
  border-width: 0;
}
.process-container .list-body {
  flex: 1 1 auto;
}
.process-container .list-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #323232;
  font-size: 1rem;
}
.process-container .list-title .item {
  display: inline-block;
  margin-right: 0.375rem;
  padding: 0.0625rem 0.5rem 0.1875rem 0.5rem;
  color: #1F2A52;
  font-size: 0.75rem;
  background-color: #F1F2F5;
  border: 1px solid #C8CCD6;
  border-radius: 1rem;
}
.process-container .list-text {
  color: #323232;
  font-size: 0.875rem;
}
.process-container .list-years {
  color: #1F2A52;
  font-size: 1rem;
  font-weight: bold;
}
.process-container .list-day {
  color: #1F2A52;
  font-size: 0.875rem;
}
.process-container .list-day.dot {
  position: relative;
  padding-left: 1.75rem;
}
.process-container .list-day.dot::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.125rem;
  width: 1rem;
  height: 1rem;
  background: url(../images/icon_dot_lightpurple.svg) no-repeat center/contain;
}
.process-container .list-number {
  color: #757575;
  font-size: 0.75rem;
}
.process-container .list-line {
  position: relative;
  min-height: 2.5rem;
}
.process-container .list-line::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 1.5rem;
  border-bottom: 1px solid #E0E0E0;
}
.process-container .arrow {
  margin-left: 0.75rem;
}
.process-container .arrow img {
  float: left;
  width: 1.5rem;
}

.information-container .list {
  background-color: #FFFFFF;
  border: 1px solid #CBC9FA;
  border-radius: 1rem;
  overflow: hidden;
}
.information-container .list-body {
  padding: 1rem;
}
.information-container .list-footer {
  padding: 0.6875rem 1rem;
  background-color: #F5F6FF;
  border-top: 0.125rem solid #EAEAFD;
}
.information-container .list-footer .form-link {
  display: flex;
  align-items: center;
}
.information-container .list-footer .form-link .btn {
  --bs-btn-border-width: 0;
}
.information-container .list-footer .form-link .btn img {
  margin-left: 0.5rem;
  width: 1.5rem;
  transform: rotate(180deg);
}
.information-container .list-footer .form-link .btn.collapsed img {
  transform: rotate(0deg);
}
.information-container .list-title {
  color: #1F2A52;
  font-size: 1rem;
}
.information-container .list-date {
  color: #757575;
  font-size: 0.875rem;
}
.information-container .list-detail {
  padding: 0.5rem 0;
}
.information-container .sublist {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
}
.information-container .sublist .form-word-link {
  display: flex;
  align-items: center;
}
.information-container .sublist .form-word-link .btn {
  --bs-btn-border-width: 0;
}
.information-container .sublist .form-word-link .btn img {
  margin-left: 0.5rem;
  width: 1.5rem;
  transform: rotate(180deg);
}
.information-container .sublist .form-word-link .btn.collapsed img {
  transform: rotate(0deg);
}
.information-container .sublist-left {
  margin-right: 0.75rem;
}
.information-container .sublist-body {
  flex: 1 1 auto;
}
.information-container .sublist-label {
  color: #757575;
  font-size: 0.875rem;
  white-space: nowrap;
}
.information-container .sublist-content {
  text-align: right;
  color: #323232;
  font-size: 1rem;
}
.information-container .list-costdetail {
  margin: -0.25rem 1rem 1rem;
  padding: 0.375rem 0.75rem;
  background-color: #FAFAFA;
  border-radius: 0.5rem;
}
.information-container .costlist {
  display: flex;
  align-items: center;
  padding: 0.375rem 0;
}
.information-container .costlist:first-child .costlist-label, .information-container .costlist:first-child .costlist-content {
  color: #1F2A52;
}
.information-container .costlist-left {
  margin-right: 0.75rem;
}
.information-container .costlist-body {
  flex: 1 1 auto;
}
.information-container .costlist-label, .information-container .costlist-content {
  color: #757575;
  font-size: 0.875rem;
}
.information-container .costlist-label {
  white-space: nowrap;
}
.information-container .costlist-content {
  text-align: right;
}
.information-container .form-check .form-check-input:checked + .form-check-label::after {
  left: 1.125rem;
  top: 1.3125rem;
  transform: translate(0, 0);
  z-index: 1;
}
.information-container .form-check .form-check-input:checked + .form-check-label .list {
  border-color: #8282F4;
}
.information-container .form-check .form-check-input:checked + .form-check-label .list::before {
  border-color: #8282F4;
}
.information-container .form-check .form-check-label {
  display: block;
}
.information-container .form-check .form-check-label::before {
  position: absolute;
  left: 1rem;
  top: 1.3125rem;
  z-index: 1;
}
.information-container .form-check .list {
  position: relative;
}
.information-container .form-check .list::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid transparent;
  border-radius: calc(1rem - 2px) !important;
}
.information-container .form-check .list-footer .form-link .btn {
  position: relative;
  z-index: 1;
}
.information-container .form-check .list-title, .information-container .form-check .list-date {
  margin-left: 2rem;
}
.information-container .form-check .sublist .form-word-link .btn {
  position: relative;
  z-index: 1;
}

.transfer-container {
  background-color: #F5F6FF;
  border: 1px solid #CBC9FA;
  border-radius: 1rem;
}
.transfer-container .list {
  display: flex;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid #CBC9FA;
  text-decoration: none;
}
.transfer-container .list:last-child {
  border-bottom: 0;
}
.transfer-container .list-body {
  flex: 1 1 auto;
}
.transfer-container .list-icon img {
  float: left;
  width: 1.5rem;
}
.transfer-container .list-text {
  color: #323232;
  font-size: 0.875rem;
}
.transfer-container .list-number {
  color: #1F2A52;
  font-size: 1.25rem;
  font-weight: bold;
  font-family: Roboto;
}

.amount-container .list {
  background-color: #FFFFFF;
  border: 1px solid #EAEAFD;
  border-radius: 1rem;
  overflow: hidden;
}
.amount-container .list-body {
  padding: 1rem;
}
.amount-container .list-text {
  color: #757575;
  font-size: 0.875rem;
}

.opinionsurveylist-container {
  --bs-gutter-x: .75rem;
}
.opinionsurveylist-container .col-4:nth-child(3n+1) .list-icon {
  background-color: #EAEAFD;
}
.opinionsurveylist-container .col-4:nth-child(3n+1) .list-icon .cicon {
  background-color: #6764F0;
}
.opinionsurveylist-container .col-4:nth-child(3n+2) .list-icon {
  background-color: #E7F6FA;
}
.opinionsurveylist-container .col-4:nth-child(3n+2) .list-icon .cicon {
  background-color: #53B1CD;
}
.opinionsurveylist-container .col-4:nth-child(3n) .list-icon {
  background-color: #FEF9E5;
}
.opinionsurveylist-container .col-4:nth-child(3n) .list-icon .cicon {
  background-color: #F1D046;
}
.opinionsurveylist-container .list {
  display: flex;
  flex-direction: column;
  padding: 0.25rem 0.25rem 0.75rem 0.25rem;
  background-color: #FFFFFF;
  border-radius: 1rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.07);
  text-decoration: none;
}
.opinionsurveylist-container .list-icon {
  position: relative;
  height: 2rem;
  border-radius: 0.75rem 0.75rem 0.25rem 0.25rem;
}
.opinionsurveylist-container .list-icon .cicon {
  display: block;
  position: absolute;
  right: 0;
  top: 0.0625rem;
  width: 2.5rem;
  height: 2.5rem;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.opinionsurveylist-container .list-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.625rem;
  text-align: center;
  height: 3rem;
  color: #323232;
  font-size: 1rem;
}

.progress-container .list {
  padding: 1rem;
  background-color: #FFFFFF;
  border-radius: 1rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.07);
}
.progress-container .list-body .collapsed .arrow img {
  transform: rotate(0deg);
}
.progress-container .list-title {
  color: #1F2A52;
  font-size: 1rem;
}
.progress-container .list-title.darkgray {
  color: #323232;
}
.progress-container .list-line {
  position: relative;
  min-height: 1rem;
}
.progress-container .list-line::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 1px solid #E0E0E0;
}
.progress-container .list-detail {
  padding: 0.5rem 0;
}
.progress-container .sublist {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
.progress-container .sublist-left {
  margin-right: 0.75rem;
}
.progress-container .sublist-body {
  flex: 1 1 auto;
}
.progress-container .sublist-label {
  color: #757575;
  font-size: 0.875rem;
  white-space: nowrap;
}
.progress-container .sublist-content {
  text-align: right;
  color: #323232;
  font-size: 1rem;
}
.progress-container .sublist-content.purple {
  color: #847EE4;
}
.progress-container .sublist-content.red {
  color: #E53F34;
}
.progress-container .sublist-content-2 {
  color: #757575;
  font-size: 1rem;
}
.progress-container .list-letterdetail {
  padding: 1rem 0 0 0;
}
.progress-container .letterlist {
  padding: 0.75rem;
  background-color: #FAFAFA;
  border-radius: 0.5rem;
}
.progress-container .letterlist-content {
  color: #757575;
  font-size: 0.875rem;
}
.progress-container .arrow {
  margin-left: 0.75rem;
}
.progress-container .arrow img {
  float: left;
  width: 1.5rem;
  transform: rotate(180deg);
}

.ticketonline-container .list {
  padding: 0.75rem 1rem 1rem;
  background-color: #FFFFFF;
  border: 1px solid #CBC9FA;
  border-radius: 1rem;
}
.ticketonline-container .list-body .collapsed .arrow img {
  transform: rotate(0deg);
}
.ticketonline-container .list-title {
  color: #1F2A52;
  font-size: 1.125rem;
}
.ticketonline-container .list-line {
  position: relative;
  min-height: 0.75rem;
}
.ticketonline-container .list-line::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 1px solid #E0E0E0;
}
.ticketonline-container .list-detail {
  padding: 0.5rem 0;
}
.ticketonline-container .sublist {
  padding: 0.5rem 0;
}
.ticketonline-container .sublist-content {
  color: #757575;
  font-size: 0.875rem;
}
.ticketonline-container .list-statedetail .row {
  --bs-gutter-x: .5rem;
}
.ticketonline-container .list-statedetail .row-2 {
  --bs-gutter-x: 0;
}
.ticketonline-container .list-statedetail .row-2 .col {
  position: relative;
  padding: 0.5rem 0;
}
.ticketonline-container .list-statedetail .row-2 .col + .col::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 1rem;
  background-color: #E0E0E0;
  transform: translate(0, -50%);
}
.ticketonline-container .list-statedetail .row-2 .statelist {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0;
}
.ticketonline-container .list-statedetail .row-2 .statelist-number {
  color: #1F2A52;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: Roboto;
}
.ticketonline-container .statelist {
  padding: 1rem 0;
  text-align: center;
  background-color: #FAFAFA;
  border: 1px solid #EEEEEE;
  border-radius: 0.5rem;
}
.ticketonline-container .statelist-title {
  color: #323232;
  font-size: 0.875rem;
}
.ticketonline-container .statelist-number {
  color: #6764F0;
  font-size: 1.375rem;
  font-weight: bold;
  font-family: Roboto;
}
.ticketonline-container .statelist-number.blue {
  color: #53B1CD;
}
.ticketonline-container .statelist-number .passed {
  vertical-align: 0.0625rem;
  font-size: 1rem;
  font-weight: normal;
  font-family: "Noto Sans TC", sans-serif;
}
.ticketonline-container .statelist-number .passed.red {
  color: #E53F34;
}
.ticketonline-container .arrow {
  margin-left: 0.75rem;
}
.ticketonline-container .arrow img {
  float: left;
  width: 1.5rem;
  transform: rotate(180deg);
}

.bus-container .list-relative, .bus-container-2 .list-relative {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #EAEAFD;
}
.bus-container .list-relative:last-child, .bus-container-2 .list-relative:last-child {
  border-width: 0;
}
.bus-container .list, .bus-container-2 .list {
  flex: 1 1 auto;
  border-width: 0;
}
.bus-container .list-left, .bus-container-2 .list-left {
  margin-right: 1rem;
}
.bus-container .list-time, .bus-container-2 .list-time {
  padding: 0.375rem 1rem;
  min-width: 5.625rem;
  text-align: center;
  color: #757575;
  font-size: 0.75rem;
  background-color: #F5F5F5;
  border-radius: 2rem;
  white-space: nowrap;
}
.bus-container .list-time.list-notdeparting, .bus-container-2 .list-time.list-notdeparting {
  padding: 0.4375rem 1rem 0.5rem;
  font-size: 1rem;
}
.bus-container .list-time.list-pitstop, .bus-container-2 .list-time.list-pitstop {
  padding: 0.4375rem 1rem 0.5rem;
  color: #FFFFFF;
  font-size: 1rem;
  background-color: #53B1CD;
}
.bus-container .list-time.list-comingsoon, .bus-container-2 .list-time.list-comingsoon {
  padding: 0.1875rem 1rem;
  color: #3DA6C5;
  background-color: #E7F6FA;
}
.bus-container .list-time.list-comingsoon .number, .bus-container-2 .list-time.list-comingsoon .number {
  font-size: 1.375rem;
}
.bus-container .list-time .number, .bus-container-2 .list-time .number {
  margin-right: 0.25rem;
  vertical-align: -0.0625rem;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: Roboto;
}
.bus-container .list-title, .bus-container-2 .list-title {
  color: #323232;
}
.bus-container .list-text, .bus-container-2 .list-text {
  font-size: 0.75rem;
}
.bus-container .list-text .route, .bus-container-2 .list-text .route {
  margin-right: 0.25rem;
  color: #323232;
}
.bus-container .list-title + .list-text, .bus-container .list-text + .list-title, .bus-container-2 .list-title + .list-text, .bus-container-2 .list-text + .list-title {
  margin-top: 0.25rem;
}

.bus-container-2 .list-relative {
  position: relative;
  border-bottom: 0;
}
.bus-container-2 .list-relative::before {
  content: "";
  position: absolute;
  right: 1.75rem;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: #EEEEEE;
}
.bus-container-2 .list-flex {
  display: flex;
  align-items: center;
}
.bus-container-2 .two-row .list-title {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.bus-container-2 .list-title {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.bus-container-2 .list-carnumber {
  position: relative;
  margin-left: 0.75rem;
  margin-right: -0.5rem;
  padding: 0.125rem 0.5rem;
  color: #1F2A52;
  font-size: 0.75rem;
  background-color: #F1F2F5;
  border: 1px solid #C8CCD6;
  border-radius: 1rem;
  white-space: nowrap;
}
.bus-container-2 .circle {
  position: relative;
}

.actionsheet-container {
  background-color: #f1f1f1;
  border-radius: 0.875rem;
}
.actionsheet-container.bg-gray {
  background-color: #d6d6d6;
}
.actionsheet-container .list {
  display: block;
  padding: 1rem;
  text-align: center;
  border-bottom: 1px solid #c4c4c4;
  text-decoration: none;
}
.actionsheet-container .list:last-child {
  border-width: 0;
}
.actionsheet-container .list-2 {
  padding: 0.5rem 1rem;
}
.actionsheet-container .list-title {
  color: #007AFF;
  font-size: 1.0625rem;
}
.actionsheet-container .list-title.bold {
  font-weight: bold;
}
.actionsheet-container .list-subtitle {
  color: #757575;
  font-size: 0.875rem;
}
.actionsheet-container .list-time {
  color: #9E9E9E;
  font-size: 0.75rem;
  line-height: 1.8;
}

.illustration-container .list {
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  text-decoration: none;
}
.illustration-container .list-left {
  margin-right: 0.25rem;
}
.illustration-container .list-right {
  margin-left: 0.25rem;
}
.illustration-container .list-body {
  flex: 1 1 auto;
}
.illustration-container .list-icon img {
  float: left;
  width: 2rem;
}
.illustration-container .list-title {
  color: #323232;
  font-size: 1rem;
}

.collapse-container {
  background-color: #FFFFFF;
  border-radius: 1rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.07);
}
.collapse-container .list {
  padding: 1rem;
  border-bottom: 1px solid #EAEAFD;
}
.collapse-container .list:last-child {
  border-width: 0;
}
.collapse-container .list-body .collapsed .arrow img {
  transform: rotate(0deg);
}
.collapse-container .list-title {
  color: #1F2A52;
  font-size: 1rem;
}
.collapse-container .list-detail {
  padding-bottom: 0.5rem;
}
.collapse-container .sublist {
  margin-top: 1rem;
  padding: 0.75rem;
  background-color: #FAFAFA;
  border-radius: 0.5rem;
}
.collapse-container .sublist-issue {
  margin-bottom: 0.125rem;
  color: #757575;
  font-size: 0.875rem;
}
.collapse-container .sublist-issue.dot {
  position: relative;
  padding-left: 1.75rem;
}
.collapse-container .sublist-issue.dot::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.125rem;
  width: 1rem;
  height: 1rem;
  background: url(../images/icon_dot_lightpurple.svg) no-repeat center/contain;
}
.collapse-container .sublist-spacing {
  position: relative;
  padding: 0.8125rem 0.25rem 0.75rem 1.75rem;
}
.collapse-container .sublist-spacing::before {
  content: "";
  position: absolute;
  left: 0.4375rem;
  top: 0;
  bottom: 0;
  width: 0.125rem;
  background-color: #D1D8FF;
}
.collapse-container .sublist-title {
  position: relative;
  color: #323232;
  font-size: 1rem;
  text-decoration: none;
}
.collapse-container .sublist-title::before {
  content: "";
  position: absolute;
  left: -1.25rem;
  top: 50%;
  width: 0.5rem;
  height: 0.125rem;
  background-color: #D1D8FF;
  transform: translate(0, -50%);
}
.collapse-container .arrow {
  margin-left: 0.75rem;
}
.collapse-container .arrow img {
  float: left;
  width: 1.5rem;
  transform: rotate(180deg);
}

.record-container .list {
  padding: 0.75rem 1rem;
  background-color: #FFFFFF;
  border: 1px solid #CBC9FA;
  border-radius: 1rem;
}
.record-container .list-body .collapsed .arrow img {
  transform: rotate(0deg);
}
.record-container .list-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 1 auto;
}
.record-container .list-title {
  color: #1F2A52;
  font-size: 1.0625rem;
}
.record-container .list-text {
  color: #323232;
  font-size: 0.9375rem;
}
.record-container .list-text.red {
  color: #E53F34;
}
.record-container .list-line {
  position: relative;
  min-height: 0.875rem;
}
.record-container .list-line::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #EAEAFD;
}
.record-container .sublist {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
.record-container .sublist .form-word-link {
  display: flex;
  align-items: center;
}
.record-container .sublist .form-word-link .btn {
  --bs-btn-border-width: 0;
}
.record-container .sublist .form-word-link .btn img {
  margin-left: 0.5rem;
  width: 1.5rem;
  transform: rotate(180deg);
}
.record-container .sublist .form-word-link .btn.collapsed img {
  transform: rotate(0deg);
}
.record-container .sublist-left {
  margin-right: 0.75rem;
}
.record-container .sublist-body {
  flex: 1 1 auto;
}
.record-container .sublist-label {
  color: #757575;
  font-size: 0.875rem;
  white-space: nowrap;
}
.record-container .sublist-content {
  text-align: right;
  color: #323232;
  font-size: 1rem;
}
.record-container .sublist-content.green {
  color: #3FA86A;
}
.record-container .arrow {
  margin-left: 0.75rem;
}
.record-container .arrow img {
  float: left;
  width: 1.5rem;
  transform: rotate(180deg);
}

.promo-container .list {
  display: block;
  background-color: #FFFFFF;
  border-radius: 1rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.07);
  text-decoration: none;
}
.promo-container .list-header {
  position: relative;
}
.promo-container .list-image {
  position: relative;
}
.promo-container .list-image::after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
.promo-container .list-image img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 1rem 1rem 0 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.promo-container .list-state {
  position: absolute;
  left: 1rem;
  top: 0.75rem;
  padding: 0.1875rem 0.6875rem;
  color: white;
  font-size: 0.8125rem;
  background-color: #6764F0;
  border-radius: 1rem;
  white-space: nowrap;
}
.promo-container .list-state.green {
  background-color: #3FA86A;
}
.promo-container .list-body {
  padding: 0.875rem 1rem;
}
.promo-container .list-location {
  margin-bottom: 0.125rem;
  color: #53B1CD;
  font-size: 0.875rem;
}
.promo-container .list-title {
  color: #323232;
  font-size: 1rem;
}
.promo-container .list-text {
  margin-top: 0.125rem;
  color: #757575;
  font-size: 0.875rem;
}
.promo-container .list-tags {
  padding-top: 0.375rem;
}
.promo-container .list-tags .tag {
  display: inline-block;
  padding: 0.125rem 0.625rem;
  color: #4C44EA;
  font-size: 0.8125rem;
  background-color: #E3E7FF;
  border-radius: 1rem;
}
.promo-container .list-tags .tag + .tag {
  margin-left: 0.25rem;
}

.findplace-container .list {
  display: block;
  padding: 0.875rem 1rem;
  background-color: #FFFFFF;
  border: 1px solid #EAEAFD;
  border-radius: 1rem;
  text-decoration: none;
}
.findplace-container .list-distance {
  color: #6764F0;
  font-size: 0.8125rem;
}
.findplace-container .list-title {
  color: #323232;
  font-size: 1rem;
}
.findplace-container .list-text {
  margin-top: 0.125rem;
  color: #757575;
  font-size: 0.875rem;
}
.findplace-container .list-tags {
  padding-top: 0.375rem;
}
.findplace-container .list-tags .tag {
  display: inline-block;
  padding: 0.125rem 0.625rem;
  color: #4C44EA;
  font-size: 0.8125rem;
  background-color: #E3E7FF;
  border-radius: 1rem;
}

.meeting-container {
  background-color: #F5F6FF;
  border: 1px solid #CBC9FA;
  border-radius: 1rem;
}
.meeting-container .list {
  display: flex;
  align-items: center;
  padding: 0.75rem 0;
  border-bottom: 1px solid #CBC9FA;
  text-decoration: none;
}
.meeting-container .list:last-child {
  border-bottom: 0;
}
.meeting-container .list-body {
  flex: 1 1 auto;
}
.meeting-container .list-title {
  color: #1F2A52;
  font-size: 1.375rem;
}
.meeting-container .list-subtitle {
  color: #6764F0;
  font-size: 0.875rem;
}
.meeting-container .list-text {
  display: flex;
  align-items: center;
  color: #323232;
  font-size: 1rem;
}
.meeting-container .list-text img {
  margin-right: 0.25rem;
  width: 1.5rem;
}

.step-container .nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0;
  --bs-nav-link-color: #757575;
  --bs-nav-link-hover-color: #757575;
  justify-content: space-between;
}
.step-container .nav-item:last-child .nav-link::after {
  display: none;
}
.step-container .nav-link {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  min-width: 4.5rem;
  color: #757575;
  font-size: 0.875rem;
}
.step-container .nav-link img {
  display: none;
}
.step-container .nav-link::after {
  content: "";
  position: absolute;
  left: 3.625rem;
  top: 1.0625rem;
  width: calc((100vw - 8.25rem - 3.75rem) / 2);
  height: 0.125rem;
  background-color: #EAEAFD;
}
.step-container .nav-link.active .step {
  color: #FFFFFF;
  background-color: #8282F4;
  border-color: #8282F4;
}
.step-container .nav-link.finish img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.5rem;
  transform: translate(-50%, -50%);
}
.step-container .nav-link.finish::after {
  background-color: #BEC7FF;
}
.step-container .nav-link.finish .step {
  color: #FFFFFF;
  background-color: #CBC9FA;
  border-color: #CBC9FA;
}
.step-container .nav-link.finish .number {
  display: none;
}
.step-container .nav-link .step {
  display: inline-block;
  position: relative;
  margin-bottom: 0.25rem;
  width: 2.25rem;
  height: 2.25rem;
  text-align: center;
  color: #A7A6F7;
  font-size: 0.875rem;
  line-height: 2.125rem;
  font-family: Roboto;
  background-color: #FFFFFF;
  border: 0.125rem solid #EAEAFD;
  border-radius: 50%;
}

.step-container-2 .nav-link::after {
  width: calc(100vw - 5.5rem - 3.75rem);
}

.step-container-3 .nav-link::after {
  width: calc((100vw - 11rem - 3.75rem) / 3);
}

.title-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.title-container .title, .title-container .title-b {
  color: #1F2A52;
  font-size: 1.375rem;
}
.title-container .title-2b {
  color: #1F2A52;
  font-size: 1.25rem;
}
.title-container .subtitle, .title-container .subtitle-b {
  color: #1F2A52;
  font-size: 1.125rem;
}
.title-container .subtitle.darkgray, .title-container .subtitle-b.darkgray {
  color: #323232;
}
.title-container .subtitle-b {
  display: flex;
  align-items: center;
  color: #323232;
  white-space: nowrap;
}
.title-container .subtitle-b img {
  margin-right: 0.75rem;
  width: 1.5rem;
  transform: rotate(180deg);
}
.title-container .subtitle-b.collapsed img {
  transform: rotate(0deg);
}
.title-container .title-b, .title-container .title-2b, .title-container .subtitle-b {
  font-weight: bold;
}
.title-container .text {
  color: #1F2A52;
  font-size: 1rem;
}
.title-container .text.gray {
  color: #757575;
}
.title-container .text.darkgray {
  color: #323232;
}
.title-container .content-more {
  display: flex;
}
.title-container .content-more .smalltext {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.title-container .content-more .smalltext::before {
  content: "";
  float: right;
  margin-bottom: -1.3125rem;
  height: 100%;
}
.title-container .content-more .more {
  float: right;
  clear: both;
  color: #847EE4;
  font-size: 1rem;
  line-height: 1.2;
  text-decoration: none;
}
.title-container .smalltext {
  color: #323232;
  font-size: 0.875rem;
}
.title-container .smalltext.gray {
  margin-left: 0.5rem;
  color: #757575;
}
.title-container .distance {
  padding: 0.0625rem 0.5rem 0.1875rem;
  color: #1F2A52;
  font-size: 0.75rem;
  background-color: #F1F2F5;
  border: 1px solid #C8CCD6;
  border-radius: 1rem;
}
.title-container .must {
  margin-left: 0.125rem;
  color: #53B1CD;
  font-weight: normal;
}
.title-container .state {
  padding: 0.25rem 0.875rem 0.375rem;
  color: #323232;
  font-size: 0.75rem;
  background-color: #F1F2F5;
  border-radius: 1rem;
}
.title-container .state.purple {
  color: #4C44EA;
  background-color: #E3E7FF;
}
.title-container .state.red {
  color: #E53F34;
  background-color: #FDEAE8;
}
.title-container .state.red .dot {
  background-color: #E53F34;
}
.title-container .state.green {
  color: #3FA86A;
  background-color: #E8F8EE;
}
.title-container .state.green .dot {
  background-color: #3FA86A;
}
.title-container .state.yellow {
  color: #E8A63C;
  background-color: #FEF9E5;
}
.title-container .state.white {
  color: #FFFFFF;
  background-color: #6764F0;
}
.title-container .state .dot {
  display: inline-block;
  margin-right: 0.375rem;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
}
.title-container .form-select {
  padding: 0 1.5rem 0 1rem;
  width: auto;
  font-size: 0.875rem;
  background-color: transparent;
  background-position: right center;
  background-size: 1rem auto;
  border: 0;
}

.block-container, .blocktop-container, .blockbottom-container {
  background-color: #FFFFFF;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.07);
}

.block-container {
  border-radius: 1rem;
}

.blocktop-container {
  border-radius: 0 0 1.25rem 1.25rem;
}

.blockbottom-container {
  border-radius: 1.25rem 1.25rem 0 0;
}

.gray-container {
  background-color: #F1F2F5;
  border-radius: 0.5rem;
}

.purple-container {
  background-color: #F8FAFF;
  border-radius: 0.5rem;
}
.purple-container .form-word img {
  width: 1.25rem;
}

.yellow-container {
  background-color: #FEF9E5;
  border-radius: 0.5rem;
}
.yellow-container .form-word img {
  width: 1.25rem;
}

.red-container {
  background-color: #FDEAE8;
  border-radius: 0.5rem;
}
.red-container .form-word img {
  width: 1.25rem;
}
.red-container .form-word-s .warn {
  font-size: 0.875rem;
}

.success-container, .nodata-container, .finish-container, .trade-container, .theme-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 74vh;
  text-align: center;
}
.success-container .icon img, .nodata-container .icon img, .finish-container .icon img, .trade-container .icon img, .theme-container .icon img {
  width: 6.25rem;
}
.success-container .title, .nodata-container .title, .finish-container .title, .trade-container .title, .theme-container .title {
  color: #1F2A52;
  font-size: 1.375rem;
}
.success-container .subtitle, .nodata-container .subtitle, .finish-container .subtitle, .trade-container .subtitle, .theme-container .subtitle {
  color: #1F2A52;
  font-size: 1.25rem;
}
.success-container .subtitle.purple, .nodata-container .subtitle.purple, .finish-container .subtitle.purple, .trade-container .subtitle.purple, .theme-container .subtitle.purple {
  color: #4C44EA;
}
.success-container .text, .nodata-container .text, .finish-container .text, .trade-container .text, .theme-container .text {
  color: #757575;
  font-size: 1rem;
}

.trade-container {
  min-height: auto;
}

.theme-container {
  min-height: auto;
}
.theme-container .icon img {
  width: 4.5rem;
}
.theme-container .text {
  color: #1F2A52;
}

.result-container {
  display: flex;
  flex-direction: column;
}
.result-container .icon {
  text-align: center;
}
.result-container .icon img {
  width: 6.25rem;
}
.result-container .title {
  color: #1F2A52;
  font-size: 1.125rem;
}
.result-container .subtitle {
  color: #1F2A52;
  font-size: 1rem;
}
.result-container .text {
  color: #757575;
  font-size: 1rem;
}
.result-container .info {
  color: #757575;
  font-size: 0.875rem;
}

.detail-container .title {
  color: #323232;
  font-size: 1.25rem;
  font-weight: bold;
}
.detail-container .title-2, .detail-container .title-2b {
  color: #323232;
  font-size: 1.125rem;
}
.detail-container .title-2b {
  font-weight: bold;
}
.detail-container .subtitle {
  color: #323232;
  font-size: 1rem;
}
.detail-container .info {
  color: #757575;
  font-size: 0.75rem;
}
.detail-container .info span + span::before {
  content: "|";
  margin: 0 0.375rem;
  vertical-align: 0.0625rem;
}
.detail-container .image img {
  width: 100%;
  border-radius: 0.5rem;
}
.detail-container .image.border-radius-3 img {
  border-radius: 1rem;
}
.detail-container .direction img {
  width: 100%;
}
.detail-container .keypoint {
  margin-bottom: 1rem;
  padding: 0.75rem 0.875rem;
  background-color: white;
  border: 1px solid #BDBDBD;
}
.detail-container .keypoint .smalltitle {
  margin-bottom: 0.375rem;
  color: #1F2A52;
  font-size: 1rem;
}
.detail-container .keypoint .smallcontent p {
  color: #757575;
  font-size: 0.875rem;
}
.detail-container .content {
  margin-bottom: 1.25rem;
  word-wrap: break-word;
  word-break: break-all;
}
.detail-container .content:last-child {
  margin-bottom: 0;
}
.detail-container p {
  margin-bottom: 1.25rem;
  color: #323232;
  font-size: 0.875rem;
}
.detail-container p:last-child {
  margin-bottom: 0;
}
.detail-container p a {
  color: #847EE4;
}
.detail-container ul, .detail-container ol {
  margin-bottom: 1.25rem;
  padding-left: 1.375rem;
}
.detail-container ul:last-child, .detail-container ol:last-child {
  margin-bottom: 0;
}
.detail-container ul li, .detail-container ol li {
  color: #323232;
  font-size: 0.875rem;
}

.detail-container-s {
  font-size: 0.875rem;
}
.detail-container-s img {
  width: 96%;
}

.message-container .detail-container .title {
  font-size: 1.625rem;
}
.message-container .detail-container .info {
  font-size: 1rem;
}
.message-container .detail-container .keypoint .smalltitle {
  font-size: 1.25rem;
}
.message-container .detail-container .keypoint .smallcontent p {
  font-size: 1.125rem;
}
.message-container .detail-container .content {
  font-size: 1.25rem;
}
.message-container .detail-container p {
  font-size: 1.25rem;
}
.message-container .detail-container ul li, .message-container .detail-container ol li {
  font-size: 1.25rem;
}

.scan-container {
  --bs-gutter-x: 0;
  background: #9685FF;
  background: linear-gradient(to bottom, #9685FF, #7862FF);
  border-radius: 0.5rem;
}
.scan-container .col + .col {
  border-left: 1px solid #BEC7FF;
}

.update-container .list {
  display: flex;
  align-items: center;
  padding: 1rem;
  background: #9685FF;
  background: linear-gradient(to bottom, #9685FF, #7862FF);
  border-radius: 1rem;
  text-decoration: none;
}
.update-container .list-left {
  margin-right: 0.75rem;
}
.update-container .list-body {
  flex: 1 1 auto;
}
.update-container .list-icon .cicon {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  background-color: #FFFFFF;
  border-radius: 0.5rem;
}
.update-container .list-icon .cicon img {
  width: 2.25rem;
}
.update-container .list-title {
  margin-bottom: 0.25rem;
  color: #FFFFFF;
  font-size: 1rem;
}
.update-container .list-text {
  color: #FFFFFF;
  font-size: 0.75rem;
  opacity: 0.85;
}

.table-container .table {
  margin-bottom: 0;
}
.table-container .table > :not(caption) > * > * {
  padding: 0.25rem 0.5rem;
}
.table-container .table td {
  font-size: 1rem;
  white-space: nowrap;
}
.table-container .table td:first-child {
  padding-right: 2rem;
  width: 40%;
}
.table-container .table .point, .table-container .table .date {
  color: #6764F0;
  font-size: 1.125rem;
}
.table-container .table .point {
  margin-right: 0.5rem;
}
.table-container .table .date {
  margin-left: 0.5rem;
}

.table-container-2 .table {
  margin-bottom: 0rem;
}
.table-container-2 .table > :not(caption) > * > * {
  padding: 0.3125rem 0.25rem;
}
.table-container-2 .table tr:first-child th {
  padding-bottom: 0.5rem;
}
.table-container-2 .table tr:nth-child(2) td {
  padding-top: 0.375rem;
}
.table-container-2 .table th {
  border-bottom: 1px solid #EAEAFD;
}
.table-container-2 .table th, .table-container-2 .table td {
  font-size: 0.9375rem;
  font-weight: normal;
}

.state-container .progress {
  --bs-progress-height: .5625rem;
  --bs-progress-bar-bg: #6764F0;
}
.state-container .progress.yellow {
  --bs-progress-bar-bg: #E8A63C;
}
.state-container .progress.red {
  --bs-progress-bar-bg: #E53F34;
}
.state-container .balance {
  color: #323232;
  font-size: 0.875rem;
}
.state-container .balance .count {
  margin: 0 0.5rem;
  color: #1F2A52;
  font-size: 1.125rem;
}
.state-container .prcentage {
  color: #4C44EA;
  font-size: 1rem;
}
.state-container .prcentage.yellow {
  color: #7A5800;
}
.state-container .prcentage.red {
  color: #E53F34;
}
.state-container .total {
  color: #757575;
  font-size: 0.875rem;
}

.statedetail-container .list {
  padding: 0.75rem 1rem;
  background-color: #FFFFFF;
  border: 1px solid #CBC9FA;
  border-radius: 1rem;
}
.statedetail-container .list-title {
  color: #1F2A52;
  font-size: 1.0625rem;
}
.statedetail-container .list-text {
  display: flex;
  align-items: center;
  color: #323232;
  font-size: 0.9375rem;
}
.statedetail-container .list-text.red {
  color: #E53F34;
}
.statedetail-container .list-text img {
  margin-right: 0.25rem;
  width: 1.25rem;
}
.statedetail-container .list-smalltext {
  color: #757575;
  font-size: 0.875rem;
}
.statedetail-container .list-smalltext a {
  color: #847EE4;
  text-decoration: none;
}
.statedetail-container .list-state {
  padding: 0.25rem 0.875rem 0.375rem;
  color: #323232;
  font-size: 0.75rem;
  background-color: #F1F2F5;
  border-radius: 1rem;
}
.statedetail-container .list-state.green {
  color: #3FA86A;
  background-color: #E8F8EE;
}

.btnbottom-container, .btnbottom-container-2 {
  position: fixed;
  left: 50%;
  bottom: 1.25rem;
  width: 15rem;
  transform: translate(-50%, 0);
  z-index: 1;
}

.btnbottom-container-2 {
  bottom: 7rem;
}

.btnmaptop-container, .btnmaptop-container-2, .btnmaptop-container-3, .btnmaptop-container-4 {
  position: absolute;
  right: 1rem;
  top: 1.5rem;
  z-index: 401;
}

.btnmapbottom-container, .btnmapbottom-container-2, .btnmapbottom-container-3, .btnmapbottom-container-4 {
  position: absolute;
  right: 1rem;
  bottom: 1.5rem;
  z-index: 401;
}

.btnmaptop-container-2, .btnmapbottom-container-2, .btnmapbottom-container-4 {
  left: 1rem;
  right: auto;
}

.btnmaptop-container-2, .btnmaptop-container-4 {
  top: 0.75rem;
}
.btnmaptop-container-2 .btn-position, .btnmaptop-container-4 .btn-position {
  width: 2.5rem;
  height: 2.5rem;
}
.btnmaptop-container-2 .btn-position img, .btnmaptop-container-4 .btn-position img {
  width: 1.5rem;
}

.btnmaptop-container-3 {
  left: 0;
  right: 0;
  top: 0;
}
.btnmaptop-container-3 .btn-position {
  width: 2.5rem;
  height: 2.5rem;
}
.btnmaptop-container-3 .btn-position img {
  width: 1.5rem;
}

.btnmapbottom-container-3 {
  left: 0;
  right: 0;
  bottom: 0;
}
.btnmapbottom-container-3 .row {
  --bs-gutter-x: 1rem;
}

.btnmapbottom-container-4 {
  bottom: 0.75rem;
}
.btnmapbottom-container-4 .state {
  padding: 0.1875rem 0.6875rem;
  color: white;
  font-size: 0.8125rem;
  background-color: #6764F0;
  border-radius: 1rem;
  white-space: nowrap;
}
.btnmapbottom-container-4 .state.green {
  background-color: #3FA86A;
}

.btnnavigationbottom-container {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 1.125rem;
  z-index: 1;
}

.marquee-container {
  padding: 0.75rem;
  width: 100%;
  background-color: #FEF9E5;
  border-radius: 0.5rem;
  overflow: hidden;
  white-space: nowrap;
}
.marquee-container:hover .marquee-track {
  animation-play-state: paused;
}
.marquee-container .marquee-track {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  animation: marquee 20s linear infinite;
  will-change: transform;
}
.marquee-container .marquee-content {
  display: flex;
  gap: 2rem;
  padding-right: 2rem;
}
.marquee-container .marquee-item {
  display: inline-block;
  color: #7A5800;
  font-size: 0.875rem;
}

.mapinfo-container {
  border-radius: 1.25rem 1.25rem 0 0;
  background-color: #FFFFFF;
}
.mapinfo-container .date-container {
  border-top: 0;
}

@media screen and (min-width: 620px) and (max-width: 630px) and (min-height: 550px) and (max-height: 580px) {
  .btnnavigationbottom-container .btn {
    margin: 0 auto;
    width: 18rem;
  }
}
@media screen and (min-width: 900px) and (max-width: 910px) and (min-height: 630px) and (max-height: 650px) {
  .btnnavigationbottom-container .btn {
    margin: 0 auto;
    width: 20rem;
  }
}
.logo-container, .logo-container-s {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.logo-container .title, .logo-container-s .title {
  color: #1F2A52;
  font-size: 1.375rem;
}
.logo-container .text, .logo-container-s .text {
  color: #757575;
  font-size: 1rem;
}

.logo-container {
  min-height: 63.5vh;
}
.logo-container .logo {
  padding-top: 3rem;
}
.logo-container .logo img {
  width: 11.25rem;
}

.logo-container-s {
  position: relative;
  min-height: 28.4vh;
}
.logo-container-s .logo img {
  width: 6.25rem;
}
.logo-container-s .nav-link {
  display: block;
  position: absolute;
  right: 0;
  top: 1.125rem;
  padding: 0;
  line-height: 1;
}
.logo-container-s .nav-link img {
  width: 1.5rem;
}

.avatar-container {
  text-align: center;
}
.avatar-container .name {
  color: #323232;
  font-size: 0.875rem;
}

.weather-container {
  height: 36.5vw;
  background-image: url(../images/home_hero.svg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  border-radius: 0 0 1.25rem 1.25rem;
}
.weather-container .weather {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0.5rem;
  padding: 0.125rem 0.5rem;
  color: #7769cd;
  font-size: 0.875rem;
  background-color: #FFFFFF;
  border-radius: 0.5rem;
}
.weather-container .weather img {
  margin-right: 0.25rem;
  width: 1.5rem;
}
.weather-container .weather .line {
  display: inline-block;
  margin: 0 0.25rem;
  width: 1px;
  height: 1rem;
  background-color: #CBC9FA;
}
.weather-container .title {
  color: #1F2A52;
  font-size: 1.375rem;
  font-weight: bold;
}

.edit-container .col-3 {
  margin-bottom: 1.5rem;
}
.edit-container .list-icon {
  margin-top: 0.5rem;
}

.card-container .title-container .title {
  font-weight: bold;
}

.info-container {
  --bs-gutter-x: 0;
  padding: 1rem 0;
  text-align: center;
  background-color: #FFFFFF;
  border: 1px solid #E3E7FF;
  border-radius: 1rem;
}
.info-container .col {
  padding: 0.3125rem 0;
}
.info-container .col + .col {
  border-left: 1px solid #EAEAFD;
}
.info-container .number {
  margin-bottom: 0.125rem;
  color: #6764F0;
  font-size: 1.375rem;
  font-weight: bold;
  font-family: Roboto;
}
.info-container .title {
  color: #323232;
  font-size: 0.875rem;
}

.collect-container .row {
  --bs-gutter-x: 0;
  text-align: center;
  border-top: 1px solid #EAEAFD;
}
.collect-container .col {
  padding: 0.5rem 0 0.75rem;
}
.collect-container .col + .col {
  border-left: 1px solid #EAEAFD;
}
.collect-container .icon img {
  height: 2rem;
}
.collect-container .title {
  color: #323232;
  font-size: 0.875rem;
}
.collect-container .title.red {
  color: #E53F34;
}
.collect-container .list {
  display: flex;
  align-items: center;
  padding: 1rem;
}
.collect-container .list-left {
  display: flex;
  align-items: center;
  margin-right: 0.75rem;
}
.collect-container .list-body {
  flex: 1 1 auto;
}
.collect-container .list-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border: 0.125rem solid #6764F0;
  border-radius: 50%;
  color: #6764F0;
  font-size: 0.875rem;
}
.collect-container .list-text {
  color: #757575;
  font-size: 0.875rem;
}
.collect-container .list-text.darkgray {
  color: #323232;
}
.collect-container .list-text .time {
  margin-right: 0.25rem;
  color: #1F2A52;
  font-size: 1.5rem;
}
.collect-container .sublist {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.375rem;
}
.collect-container .list-location {
  display: flex;
  align-items: center;
  color: #323232;
  font-size: 0.9375rem;
}
.collect-container .list-location img {
  margin-right: 0.25rem;
  width: 1.5rem;
}
.collect-container .list-icon {
  margin-right: 0.5rem;
  border-radius: 0.5rem;
}
.collect-container .list-icon.red {
  background-color: #FDEAE8;
}
.collect-container .list-icon.red .cicon {
  background-color: #E53F34;
}
.collect-container .list-icon.green {
  background-color: #E8F8EE;
}
.collect-container .list-icon.green .cicon {
  background-color: #3FA86A;
}
.collect-container .list-icon .cicon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.collect-container .list-day {
  display: flex;
  align-items: center;
  color: #323232;
  font-size: 0.875rem;
}
.collect-container .list-today {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  color: #323232;
  font-size: 0.8125rem;
  background-color: #E2B90E;
  border-radius: 1rem;
}
.collect-container .list-nexttime {
  color: #757575;
  font-size: 0.875rem;
}

.date-container {
  padding: 1rem;
  border-top: 1px solid #EAEAFD;
}

.qrcode-container {
  text-align: center;
}
.qrcode-container .qrcode img {
  width: 13.75rem;
}

.barcode-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.barcode-container .barcode img {
  width: 13.75rem;
}
.barcode-container .number {
  color: #323232;
  font-size: 0.875rem;
  font-weight: bold;
  font-family: Roboto;
}

.cardbg-container {
  position: relative;
  padding: 8.875rem 2.8125rem 0;
  height: 23.875rem;
  background: url(../images/card_img.png) no-repeat center bottom/contain;
}
.cardbg-container::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(../images/card_check.svg) no-repeat center bottom/contain;
}
.cardbg-container .cardlist-container .card-body {
  left: 0.6875rem;
}
.cardbg-container .cardlist-container .card-image img {
  border-width: 0.1875rem;
}
.cardbg-container .cardlist-container .card-logo {
  margin-bottom: 0.75rem;
}
.cardbg-container .cardlist-container .card-logo img {
  height: 1.125rem;
}
.cardbg-container .cardlist-container .card-title {
  margin-bottom: 0.1875rem;
  font-size: 0.875rem;
}
.cardbg-container .cardlist-container .card-text {
  font-size: 0.6875rem;
}
.cardbg-container .cardlist-container .card-text img {
  width: 1.25rem;
}
.cardbg-container .cardlist-container .card-text img.logo {
  margin-right: 0.125rem;
  width: 1rem;
}
.cardbg-container .cardlist-container .card-line {
  min-height: 1.3125rem;
}
.cardbg-container .cardlist-container .card-name {
  padding-bottom: 0.875rem;
  font-size: 0.6875rem;
}

.item-container .btn {
  display: inline-block;
  margin-right: 0.25rem;
  margin-bottom: 0.75rem;
}

.servicetitle-container, .opinionsurveytitle-container {
  height: 36.5vw;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  border-radius: 0 0 1.25rem 1.25rem;
}
.servicetitle-container .title, .opinionsurveytitle-container .title {
  color: #1F2A52;
  font-size: 1.375rem;
  font-weight: bold;
}

.servicetitle-container {
  background-image: url(../images/service_hero.svg);
}

.opinionsurveytitle-container {
  background-image: url(../images/opinionsurvey_hero.svg);
}

.map-container {
  position: relative;
}
.map-container iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
}

.phonecall-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.phonecall-container .icon img {
  width: 6.25rem;
}
.phonecall-container .title {
  color: #323232;
  font-size: 1.75rem;
  font-family: Roboto;
}
.phonecall-container .text {
  color: #757575;
  font-size: 1rem;
}

.numberkeys-container {
  position: fixed;
  left: 50%;
  bottom: 2.5rem;
  transform: translate(-50%, 0);
  z-index: 1;
}
.numberkeys-container .row {
  --bs-gutter-x: 1.75rem;
  justify-content: center;
  flex-wrap: nowrap;
}
.numberkeys-container .col-4 {
  width: auto;
}
.numberkeys-container .col-12 {
  position: relative;
}
.numberkeys-container .list {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
}
.numberkeys-container .list-makecall .list-icon {
  background-color: #6764F0;
}
.numberkeys-container .list-makecall .list-icon img {
  width: 2.5rem;
}
.numberkeys-container .list-hide {
  position: absolute;
  right: calc(var(--bs-gutter-x) * 0.5);
  top: 50%;
  transform: translate(0, -50%);
}
.numberkeys-container .list-hide .list-title {
  margin-top: 0;
  font-size: 0.875rem;
}
.numberkeys-container .list-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.5rem;
  height: 4.5rem;
  background-color: #E3E7FF;
  border-radius: 50%;
}
.numberkeys-container .list-icon img {
  width: 2rem;
}
.numberkeys-container .list-icon .cicon {
  display: block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.numberkeys-container .list-icon .cicon-speaker {
  background-image: url(../images/phonecall/icon_speaker_purple.svg);
}
.numberkeys-container .list-icon .cicon-speaker.close {
  background-image: url(../images/phonecall/icon_speaker_close_purple.svg);
}
.numberkeys-container .list-icon .cicon-microphone {
  background-image: url(../images/phonecall/icon_microphone_purple.svg);
}
.numberkeys-container .list-icon .cicon-microphone.close {
  background-image: url(../images/phonecall/icon_microphone_close_purple.svg);
}
.numberkeys-container .list-title {
  margin-top: 0.5rem;
  color: #323232;
  font-size: 1rem;
}

.leaflet-popup-content {
  margin: 1rem;
}

.leaflet-popup-tip-container {
  margin-top: 0;
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
  outline: 0.125rem solid #CBC9FA;
}

.hotelimage-container {
  position: relative;
}
.hotelimage-container .image {
  position: relative;
}
.hotelimage-container .image::after {
  content: "";
  display: block;
  padding-bottom: 57.47%;
}
.hotelimage-container .image img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.findplaceimage-container {
  position: relative;
}
.findplaceimage-container .image {
  position: relative;
}
.findplaceimage-container .image::after {
  content: "";
  display: block;
  padding-bottom: 50%;
}
.findplaceimage-container .image img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.findplaceimage-container .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5.25rem;
  height: 5.25rem;
  border-radius: 50%;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.07);
  transform: translate(-50%, -50%);
}
.findplaceimage-container .icon .cicon {
  display: block;
  width: 3.75rem;
  height: 3.75rem;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}/*# sourceMappingURL=layout.css.map */