.tab-content-block {
  border-radius: 20px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 24px;
}

.tab-content-block h4 {
  font-family: Poppins, Noto Sans TC, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 1.5px;
  --tw-text-opacity: 1;
  color: rgb(45 48 51 / var(--tw-text-opacity));
}

.tab-content-block h5 {
  font-family: Poppins, Noto Sans TC, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.52px;
  --tw-text-opacity: 1;
  color: rgb(131 141 156 / var(--tw-text-opacity));
}

@media (min-width: 700px) {

  .tab-content-block h5 {
    font-size: 15px;
  }
}

.tab-content-block h5.orange {
  --tw-text-opacity: 1;
  color: rgb(255 103 0 / var(--tw-text-opacity));
}

.tab-content-block .info-type {
  font-family: Poppins, Noto Sans TC, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 17px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 1.02px;
  --tw-text-opacity: 1;
  color: rgb(45 48 51 / var(--tw-text-opacity));
}

@media (min-width: 700px) {

  .tab-content-block .info-type {
    font-size: 21px;
  }
}

.tab-content-block .info-type.large {
  font-size: 30px;
}

@media (min-width: 700px) {

  .tab-content-block .info-type.large {
    font-size: 48px;
  }
}

.tab-content-block .orange {
  --tw-text-opacity: 1;
  color: rgb(255 103 0 / var(--tw-text-opacity));
}

.my-contract {
  /* @apply relative pb-[calc(44px_+_24px)] md:h-full xl:pb-0; */
  position: relative;
  height: 100%;
  padding-bottom: calc(44px + 24px);
}

@media (min-width: 1440px) {

  .my-contract {
    padding-bottom: 0px;
  }
}

.my-contract .contract-title {
  font-family: Poppins, Noto Sans TC, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 1.8px;
  --tw-text-opacity: 1;
  color: rgb(45 48 51 / var(--tw-text-opacity));
}

@media (min-width: 700px) {

  .my-contract .contract-title {
    font-size: 21px;
  }
}

.my-contract .detail {
  position: absolute;
  bottom: 0px;
  height: 44px;
  width: 100%;
}

@media (min-width: 1440px) {

  .my-contract .detail {
    position: relative;
  }
}

.my-contract .project .actived {
  display: none;
}

.my-contract .project.active .actived {
  display: flex;
}

.my-contract .project.active .not-actived {
  display: none;
}

.tab-content-block .link-box {
  max-height: 189px;
}

.tab-content-block .attorney {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 16px;
  border-radius: 20px;
  --tw-bg-opacity: 1;
  background-color: rgb(245 247 248 / var(--tw-bg-opacity));
  padding: 24px;
  font-family: Poppins, Noto Sans TC, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 1.5px;
  --tw-text-opacity: 1;
  color: rgb(81 90 104 / var(--tw-text-opacity));
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tab-content-block .attorney:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(227 231 238 / var(--tw-bg-opacity));
}

@media (min-width: 700px) {

  .tab-content-block .attorney {
    flex: 0 0 calc((100% - 16px) / 2);
  }
}

@media (min-width: 1440px) {

  .tab-content-block .attorney {
    flex: 0 0 calc((100% - 32px) / 3);
  }
}

.quota-box {
  height: auto;
  max-height: 270px;
  overflow-y: auto;
}

.quota-box::-webkit-scrollbar {
  width: 6px;
}

.quota-box::-webkit-scrollbar-thumb {
  border-radius: 6px;
  --tw-bg-opacity: 1;
  background-color: rgb(181 189 201 / var(--tw-bg-opacity));
}

.quota-box::-webkit-scrollbar-track {
  border-radius: 6px;
  --tw-bg-opacity: 1;
  background-color: rgb(227 231 238 / var(--tw-bg-opacity));
}

.quota-box .quota {
  cursor: pointer;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 0.9px;
  --tw-text-opacity: 1;
  color: rgb(45 48 51 / var(--tw-text-opacity));
}

.quota-box .quota.active,
.quota-box .quota:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(227 231 238 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 103 0 / var(--tw-text-opacity));
}

.number-container .delete-icon {
  right: 24px;
  top: 24px;
  height: 40px;
  width: 40px;
  cursor: pointer;
  border-radius: 50%;
  --tw-bg-opacity: 1;
  background-color: rgb(227 231 238 / var(--tw-bg-opacity));
}

.number-container .delete-icon svg {
  pointer-events: none;
  height: 100%;
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(255 103 0 / var(--tw-text-opacity));
}

.number-container .tab-content-block {
  padding-bottom: 40px;
}

.number-container.single .tab-content-block {
  padding-bottom: 24px;
}

.number-container .single-button {
  display: none;
}

.number-container.single .single-button {
  display: flex;
}

.number-container .multiple {
  display: flex;
}

.number-container.single .multiple {
  display: none;
}

.number-container.max .add-number {
  display: none;
}

.solution-table .tr-title,
.solution-table .tr-info {
  text-align: left;
  font-family: Poppins, Noto Sans TC, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 15px;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.2px;
  --tw-text-opacity: 1;
  color: rgb(45 48 51 / var(--tw-text-opacity));
}

.solution-table .tr-info {
  text-align: justify;
  font-weight: 400;
}

.show-all {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 16px;
  padding-bottom: 0px;
  font-family: Poppins, Noto Sans TC, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.52px;
  --tw-text-opacity: 1;
  color: rgb(255 103 0 / var(--tw-text-opacity));
}

@media (min-width: 700px) {

  .show-all {
    font-size: 15px;
  }
}

.show-all svg {
  margin-bottom: 2px;
}

.show-all > * {
  pointer-events: none;
}

.show-all .more {
  display: inline-block;
}

.show-all .less {
  display: none;
}

.show-all.all .more {
  display: none;
}

.show-all.all .less {
  display: inline-block;
}

.svg-box {
  position: relative;
}

.svg-box .question-text {
  pointer-events: none;
  position: absolute;
  bottom: calc(100% + 4px);
  left: 50%;
  z-index: 101;
  width: -moz-max-content;
  width: max-content;
  max-width: 290px;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 4px;
  background-color: rgb(0 0 0 / 0.7);
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: justify;
  font-family: Poppins, Noto Sans TC, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 13px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0;
  transition-duration: 200ms;
}

.svg-box:hover .question-text {
  opacity: 1;
}

/* --------- drawer --------- */

.drawer p {
  margin-top: 4px;
  margin-bottom: 4px;
  text-align: justify;
  font-family: Poppins, Noto Sans TC, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 15px;
  line-height: 150%;
  letter-spacing: 1.8px;
  --tw-text-opacity: 1;
  color: rgb(81 90 104 / var(--tw-text-opacity));
}

.drawer .title {
  margin-top: 8px;
  --tw-text-opacity: 1;
  color: rgb(255 103 0 / var(--tw-text-opacity));
}

.drawer ul li,
.my-contract li {
  position: relative;
  padding-left: 14px;
}

.drawer li::before,
.my-contract li::before {
  position: absolute;
  left: 0px;
  top: 8px;
  display: block;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  --tw-bg-opacity: 1;
  background-color: rgb(81 90 104 / var(--tw-bg-opacity));
  --tw-content: "";
  content: var(--tw-content);
}

.drawer .subtitle {
  font-size: 0.9375rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(45 48 51 / var(--tw-text-opacity));
}

@media (min-width: 700px) {

  .drawer .subtitle {
    font-size: 1rem;
    line-height: 1.6;
  }
}

/* --------- 條款框 --------- */

.terms-area {
  display: flex;
  height: 242px;
  align-items: stretch;
  border-radius: 20px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(168 174 184 / var(--tw-border-opacity));
  padding: 16px;
}

@media (min-width: 1024px) {

  .terms-area {
    padding: 24px;
  }
}

.terms-area .box {
  height: 100%;
  width: 100%;
  overflow: auto;
  padding-right: 8px;
  text-align: justify;
  font-family: Poppins, Noto Sans TC, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.52px;
  --tw-text-opacity: 1;
  color: rgb(131 141 156 / var(--tw-text-opacity));
}

@media (min-width: 700px) {

  .terms-area .box {
    font-size: 15px;
    letter-spacing: 1.2px;
  }
}

.terms-area .box::-webkit-scrollbar {
  width: 6px;
}

.terms-area .box::-webkit-scrollbar-thumb {
  border-radius: 6px;
  --tw-bg-opacity: 1;
  background-color: rgb(181 189 201 / var(--tw-bg-opacity));
}

.terms-area .box::-webkit-scrollbar-track {
  border-radius: 6px;
  --tw-bg-opacity: 1;
  background-color: rgb(227 231 238 / var(--tw-bg-opacity));
}

.sweet-pop-up .content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sweet-pop-up .content p,
.sweet-pop-up .content p.multi .added {
  display: flex;
}

.sweet-pop-up .content p.multi {
  flex-wrap: wrap;
}

.sweet-pop-up .content p .num {
  display: flex;
  flex: 0 0 25px;
  justify-content: center;
}

@media (min-width: 700px) {

  .sweet-pop-up .content p .num {
    flex: 0 0 31px;
  }
}

.sweet-pop-up .content p.multi .text {
  flex: 0 0 calc(100% - 25px);
}

@media (min-width: 700px) {

  .sweet-pop-up .content p.multi .text {
    flex: 0 0 calc(100% - 31px);
  }
}

.sweet-pop-up .content p.multi .added {
  margin-left: 25px;
}

@media (min-width: 700px) {

  .sweet-pop-up .content p.multi .added {
    margin-left: 31px;
  }
}

.swiper.info {
  height: 100%;
}

.swiper.info .swiper-wrapper {
  align-items: stretch;
  height: 100%;
}

.swiper.info .swiper-wrapper .swiper-slide {
  height: auto;
}

.bill-table,
.eBill-table,
.bill-box,
.record-table {
  display: flex;
  flex-direction: column;
  gap: 0px;
  overflow: hidden;
}

.bill-table .table-regular,
.bill-table .table-flexible,
.eBill-table .eBill-regular,
.eBill-table .eBill-flexible,
.record-table .record-regular,
.record-table .record-flexible,
.bill-box .bill-regular,
.bill-box .bill-flexible {
  display: flex;
  flex-direction: column;
  gap: 0px;
  overflow: hidden;
}

.bill-table .table-flexible,
.eBill-table .eBill-flexible,
.record-table .record-flexible,
.bill-box .bill-flexible {
  max-height: 0px;
}

.bill-table .table-regular,
.bill-table.table-expand .table-flexible,
.eBill-table .eBill-regular,
.eBill-table.table-expand .eBill-flexible,
.record-table .record-regular,
.record-table.table-expand .record-flexible,
.bill-box .bill-regular,
.bill-box.table-expand .bill-flexible {
  max-height: -moz-max-content;
  max-height: max-content;
}

.bill-table .table-title {
  position: relative;
  display: none;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
}

@media (min-width: 1440px) {

  .bill-table .table-title {
    display: flex;
  }
}

.bill-table .table-title > * {
  flex: 1 1 0%;
  text-align: center;
}

.bill-table .table-title .num-title {
  min-width: -moz-min-content;
  min-width: min-content;
  flex: 0 0 34px;
}

.bill-table .item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 16px;
  padding-bottom: 16px;
}

@media (min-width: 1440px) {

  .bill-table .item {
    flex-direction: row;
  }
}

.bill-table .divide-line,
.bill-box .divide-line,
.record-table .divide-line,
.eBill-table .divide-line {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.bill-table .item .num-title {
  margin-bottom: 4px;
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.52px;
  --tw-text-opacity: 1;
  color: rgb(45 48 51 / var(--tw-text-opacity));
}

@media (min-width: 1440px) {

  .bill-table .item .num-title {
    margin-bottom: 0px;
    display: flex;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    letter-spacing: 0.9px;
  }
}

.bill-table .item .content {
  position: relative;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1440px) {

  .bill-table .item .content {
    flex: 1 1 0%;
    flex-direction: row;
  }
}

.bill-table .item .content .box {
  pointer-events: none;
  display: flex;
  max-height: 0px;
  flex-direction: column;
  gap: 4px;
  overflow: hidden;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 700px) {

  .bill-table .item .content .box {
    flex-direction: row;
    flex-wrap: wrap;
    -moz-column-gap: 24px;
         column-gap: 24px;
    row-gap: 4px;
  }
}

@media (min-width: 1440px) {

  .bill-table .item .content .box {
    max-height: -moz-max-content;
    max-height: max-content;
    flex: 7;
    flex-wrap: nowrap;
    gap: 0px;
  }
}

.bill-table .item.expand .content .box {
  max-height: 162px;
}

.bill-table .item .content p {
  font-size: 13px;
  line-height: 150%;
  letter-spacing: 0.52px;
  --tw-text-opacity: 1;
  color: rgb(131 141 156 / var(--tw-text-opacity));
}

@media (min-width: 1440px) {

  .bill-table .item .content p {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 18px !important;
    font-weight: 400 !important;
    --tw-text-opacity: 1;
    color: rgb(45 48 51 / var(--tw-text-opacity));
  }
}

.bill-table .item .content p.number {
  pointer-events: auto;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.9px;
  --tw-text-opacity: 1;
  color: rgb(45 48 51 / var(--tw-text-opacity));
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 700px) {

  .bill-table .item .content p.number {
    font-size: 18px;
  }
}

@media (min-width: 1440px) {

  .bill-table .item .content p.number {
    cursor: auto;
  }
}

.bill-table .item.expand .content p.number {
  margin-bottom: 16px;
}

@media (min-width: 1440px) {

  .bill-table .item.expand .content p.number {
    margin-bottom: 0px;
  }
}

.bill-table .item .content p.price {
  position: absolute;
  top: 0.25rem;
  right: 0px;
  display: flex;
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  cursor: pointer;
  align-items: center;
  gap: 16px;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 1.8px;
  --tw-text-opacity: 1;
  color: rgb(45 48 51 / var(--tw-text-opacity));
}

@media (min-width: 700px) {

  .bill-table .item .content p.price {
    font-size: 18px;
  }
}

@media (min-width: 1440px) {

  .bill-table .item .content p.price {
    position: static;
    --tw-translate-y: -0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    cursor: auto;
  }
}

.bill-table .item .content p.price svg {
  pointer-events: none;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1440px) {

  .bill-table .item .content p.price svg {
    display: none;
  }
}

.bill-table .item.expand .content p.price svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.bill-table .item span:not(.divide-line) {
  display: inline;
}

@media (min-width: 1440px) {

  .bill-table .item span:not(.divide-line) {
    display: none;
  }
}

.bill-box .bill {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
  padding-bottom: 16px;
}

.eBill-table .eBill-title {
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
}

.eBill-table.discount-order .eBill-title {
  padding-top: 0px;
  padding-bottom: 0px;
}

@media (min-width: 1024px) {

  .eBill-table.discount-order .eBill-title {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.eBill-table .eBill-title div {
  display: none;
}

@media (min-width: 1024px) {

  .eBill-table .eBill-title div {
    display: block;
  }
}

.eBill-table .eBill-title > * {
  flex: 1 1 0%;
  text-align: center;
}

@media (min-width: 1024px) {

  .eBill-table .eBill-title .info-title:last-of-type {
    min-width: 140px;
  }
}

.eBill-table .eBill-title button {
  flex: 0 0 auto;
  font-size: 0.8125rem;
  line-height: 1.5;
  letter-spacing: 0.52px;
  --tw-text-opacity: 1;
  color: rgb(255 103 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

  .eBill-table .eBill-title button {
    margin-right: 8px;
    flex: 0 0 28px;
  }
}

.eBill-table .bill {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 16px;
  padding-bottom: 16px;
}

@media (min-width: 1024px) {

  .eBill-table .bill {
    flex-direction: row;
    align-items: center;
  }
}

.eBill-table .bill .agree-checkbox {
  position: absolute;
  top: 0px;
  left: 0px;
  --tw-translate-y: 16px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (min-width: 1024px) {

  .eBill-table .bill .agree-checkbox {
    position: static;
    margin-right: 8px;
    display: flex;
    flex: 0 0 28px;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    align-items: center;
  }
}

.eBill-table .bill .agree-checkbox label {
  gap: 0px;
}

.eBill-table .bill p.date {
  margin-left: 40px;
  margin-bottom: 0px;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  font-size: 1.0625rem;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 1.02px;
  --tw-text-opacity: 1;
  color: rgb(45 48 51 / var(--tw-text-opacity));
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px) {

  .eBill-table .bill p.date {
    margin-left: 0px;
    flex: calc((100% - 28px) / 7);
    cursor: auto;
    justify-content: center;
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 1.8px;
  }

  .eBill-table.discount-order .bill p.date {
    flex: 1 1 0%;
  }
}

.eBill-table.discount-order .bill p.date {
  margin-left: 0px;
}

.eBill-table.discount-order .bill p.date,
.eBill-table .bill.expand p.date {
  margin-bottom: 16px;
}

@media (min-width: 1024px) {

  .eBill-table.discount-order .bill p.date,
.eBill-table .bill.expand p.date {
    margin-bottom: 0px;
  }
}

.eBill-table .bill p.date svg {
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px) {

  .eBill-table .bill p.date svg {
    display: none;
  }
}

.eBill-table .bill.expand p.date svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.eBill-table .bill .box {
  position: relative;
  display: flex;
  max-height: 0px;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  overflow: hidden;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 700px) {

  .eBill-table .bill .box {
    height: 92px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    -moz-column-gap: 24px;
         column-gap: 24px;
    padding-right: 196px;
  }
}

@media (min-width: 1024px) {

  .eBill-table .bill .box {
    height: auto;
    min-height: -moz-max-content;
    min-height: max-content;
    flex: calc((100% - 28px) / 7 * 6);
    flex-wrap: nowrap;
    align-items: center;
    gap: 0px;
    padding-right: 0px;
  }

  .eBill-table.discount-order .bill .box {
    flex: 2;
  }
}

.eBill-table.discount-order .bill .box {
  max-height: -moz-max-content;
  max-height: max-content;
}

@media (min-width: 1024px) {

  .eBill-table .bill .box > * {
    flex: 1 1 0%;
  }
}

.eBill-table .bill.expand .box {
  max-height: 225.5px;
}

.eBill-table .bill p {
  font-size: 0.8125rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.52px;
  --tw-text-opacity: 1;
  color: rgb(131 141 156 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

  .eBill-table .bill p {
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.5;
    --tw-text-opacity: 1;
    color: rgb(45 48 51 / var(--tw-text-opacity));
  }

  .eBill-table .bill p span,
.record-table .record p span {
    display: none;
  }
}

.eBill-table .bill .btn-box {
  margin-top: 8px;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 4px;
}

@media (min-width: 700px) {

  .eBill-table .bill .btn-box {
    position: absolute;
    right: 0px;
    margin-top: 0px;
    width: 180px;
  }
}

@media (min-width: 1024px) {

  .eBill-table .bill .btn-box {
    position: static;
    min-width: 140px;
  }
}

.eBill-table .bill .btn-box a {
  width: 100%;
}

.download-sec {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (min-width: 700px) {

  .download-sec {
    flex-direction: row;
    justify-content: center;
  }

  .download-sec a {
    width: 207px;
  }
}

.record-table .record-title {
  position: relative;
  display: none;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
}

@media (min-width: 1024px) {

  .record-table .record-title {
    display: flex;
  }
}

.record-table .record-title > * {
  flex: 1 1 0%;
  text-align: center;
}

.record-table .record {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 16px;
  padding-bottom: 16px;
}

@media (min-width: 1024px) {

  .record-table .record {
    flex-direction: row;
  }

  .record-table .record p {
    text-align: center;
  }
}

.record-table .record p.date {
  margin-bottom: 16px;
  font-size: 0.9375rem;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0.9px;
  --tw-text-opacity: 1;
  color: rgb(45 48 51 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

  .record-table .record p.date {
    margin-bottom: 0px;
    flex: 1 1 0%;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 0.9px;
  }
}

.record-table .record p.price {
  position: absolute;
  top: 14px;
  right: 0px;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(45 48 51 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

  .record-table .record p.price {
    position: static;
    flex: 1 1 0%;
    font-size: 1.125rem;
    line-height: 1.5;
    font-weight: 400;
  }
}

.record-table .record p:not(.date, .price) {
  font-size: 0.8125rem;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(131 141 156 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {

  .record-table .record p:not(.date, .price) {
    font-size: 1.125rem;
    line-height: 1.5;
    --tw-text-opacity: 1;
    color: rgb(45 48 51 / var(--tw-text-opacity));
  }
}

.record-table .record .box {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

@media (min-width: 700px) {

  .record-table .record .box {
    flex-direction: row;
    flex-wrap: wrap;
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}

@media (min-width: 1024px) {

  .record-table .record .box {
    flex: 3;
    gap: 0px;
  }

  .record-table .record .box > * {
    flex: 1 1 0%;
  }
}

/*# sourceMappingURL=accounts.css.map */