@charset "UTF-8";

/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/style/styles.scss ***!
  \***********************************************************************************************************************************************************************************************/
* {
  margin: 0;
  padding: 0
}

body {
  font-family: Noto Sans TC, sans-serif;
  height: "100%";
  width: "100%"
}

a {
  color: #000;
  cursor: pointer;
  text-decoration: none
}

a:active {
  color: #d3d3d3;
  transition: background-color 0s
}

input[type=password]::-ms-clear,
input[type=password]::-ms-reveal,
input[type=password]::-webkit-clear-button,
input[type=password]::-webkit-credentials-auto-fill-button,
input[type=password]::-webkit-textfield-decoration-container {
  display: none
}

form {
  border: none;
  display: flex;
  flex-direction: column;
  font: inherit;
  gap: 1rem;
  margin: 0;
  outline: none;
  padding: 0
}

.global-all-row {
  align-items: center;
  display: flex
}

.global-all-column {
  flex-direction: column
}

.global-illustrate-word {
  line-height: 1.5;
  margin-top: -.5rem;
  padding-left: 1rem
}

.global-end,
.global-title,
.global-watermark {
  display: none;
  visibility: hidden
}

.global-end {
  position: relative;
  top: 1.5rem
}

@media print {
  body * {
    visibility: hidden
  }

  .global-print,
  .global-print * {
    visibility: visible
  }

  .global-noprint {
    display: none
  }

  .global-print {
    border: .025rem solid #ccc;
    left: 0;
    margin-top: -25%;
    top: 0;
    width: 100%
  }

  .global-title {
    font-size: 1.25rem;
    font-weight: 700
  }

  .global-title,
  .global-watermark {
    display: block;
    visibility: visible
  }

  .global-watermark {
    color: gray;
    font-size: 50px;
    left: 50%;
    opacity: 1;
    pointer-events: none;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    z-index: 9999
  }

  .global-end {
    display: block;
    visibility: visible
  }

  @page :left {
    margin-left: 0;
    margin-right: 0
  }

  @page :right {
    margin-left: 0;
    margin-right: 0
  }
}

/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/block/captcha/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/block/dialog/dialog-forget.scss ***!
  \************************************************************************************************************************************************************************************************************************/
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/block/loading/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/block/main-content/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/block/menu/style.scss ***!
  \**************************************************************************************************************************************************************************************************************/
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/block/modal/style.scss ***!
  \***************************************************************************************************************************************************************************************************************/
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/block/multi-field/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/block/news/style.scss ***!
  \**************************************************************************************************************************************************************************************************************/
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/block/swiper/style.scss ***!
  \****************************************************************************************************************************************************************************************************************/
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/block/warn/style.scss ***!
  \**************************************************************************************************************************************************************************************************************/
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/layout/content/style.scss ***!
  \******************************************************************************************************************************************************************************************************************/
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/layout/footer/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/layout/header/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/share/breadcrumb/style.scss ***!
  \********************************************************************************************************************************************************************************************************************/
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/share/button/style.scss ***!
  \****************************************************************************************************************************************************************************************************************/
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/share/card/styles.scss ***!
  \***************************************************************************************************************************************************************************************************************/
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/share/checkbox/style.scss ***!
  \******************************************************************************************************************************************************************************************************************/
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/share/drvide/style.scss ***!
  \****************************************************************************************************************************************************************************************************************/
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/share/input/style.scss ***!
  \***************************************************************************************************************************************************************************************************************/
/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/share/keyboard/style.scss ***!
  \******************************************************************************************************************************************************************************************************************/
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/share/link/style.scss ***!
  \**************************************************************************************************************************************************************************************************************/
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/share/list/style.scss ***!
  \**************************************************************************************************************************************************************************************************************/
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/share/panel/style.scss ***!
  \***************************************************************************************************************************************************************************************************************/
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/share/radio-button-group/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/share/radio-button/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************/
/*!****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/share/select/style.scss ***!
  \****************************************************************************************************************************************************************************************************************/
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/share/tab/tab.scss ***!
  \***********************************************************************************************************************************************************************************************************/
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/share/table-small/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************/
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/components/share/table/style.scss ***!
  \***************************************************************************************************************************************************************************************************************/
/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/pages/首頁/index.scss ***!
  \*************************************************************************************************************************************************************************************************/
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/style/scss-imports.scss ***!
  \*****************************************************************************************************************************************************************************************************/
.captcha-base {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: .5rem
}

.captcha-input-group {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}

.captcha-button-login,
.captcha-input {
  display: flex;
  flex-direction: row
}

.captcha-button-login {
  gap: .75rem;
  justify-content: flex-end
}

.captcha-button-base {
  flex-wrap: wrap;
  justify-content: flex-start
}

.captcha-button-base,
.captcha-button-group {
  display: flex;
  flex-direction: row;
  gap: .25rem
}

.captcha-img {
  height: 2.875rem;
  padding: 0 .5rem;
  width: 30%
}

.captcha-error-word {
  color: #c20007;
  font-size: 1rem
}

.captcha-red {
  color: #c20007;
  font-size: 1.125rem;
  font-weight: 400
}

.captcha-img-group {
  display: flex
}

#dialog_forget {
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

#dialog_forget-reset {
  display: flex;
  justify-content: center;
  padding-top: .75rem
}

.dialog_forget-tabs {
  border-bottom: 2px solid #ddd;
  display: flex;
  gap: .125rem;
  justify-content: center;
  list-style: none;
  margin: 20px 0
}

.dialog_forget-tabs li {
  margin: 0
}

.dialog_forget-tabs a {
  background-color: #fff;
  color: #cb4800;
  display: block;
  margin-right: 10px;
  padding: 10px 20px;
  text-decoration: none;
  transition: background-color .3s, color .3s
}

.dialog_forget-tabs a:last-child {
  margin-right: 0
}

.dialog_forget-tabs a:hover {
  background-color: #ddd
}

.dialog_forget-tabs a.active {
  background-color: #cb4800;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #fff
}

.dialog_forget-tab-content {
  display: none
}

.dialog_forget-tab-content.active {
  display: block
}

.dialog_fxclass {
  margin: auto auto 2rem;
  width: 95%
}

.dialog_fxclass_div2 {
  width: 8rem
}

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

.dialog_used_menu {
  margin: auto auto 2rem;
  width: 95%
}

#loading-base {
  align-items: center;
  background-color: rgba(0, 0, 0, .5);
  display: none;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000
}

#loader {
  animation: spin 2s linear infinite;
  border: .5rem solid #f3f3f3;
  border-radius: 50%;
  border-top-color: #3498db;
  height: 40px;
  width: 40px
}

@keyframes spin {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.main_content-base {
  display: flex;
  justify-content: center
}

.main_content-content {
  display: flex;
  flex-direction: column;
  width: 100%
}

@media (max-width:768px) {
  .main_content-content {
    width: 100%
  }
}

.menu-base {
  background-color: #fff;
  box-shadow: 0 .15rem .25rem 0 rgba(0, 0, 0, .251);
  display: none;
  margin-bottom: .35rem;
  padding-inline: 1.5rem
}

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

.menu {
  list-style: none;
  margin: 0;
  padding: 0
}

.menu-item {
  display: block;
  width: 100%
}

@media (max-width:768px) {
  .menu-base.menu-base-block {
    background-color: #fff;
    display: block;
    height: 100%;
    padding-inline: 0;
    position: absolute;
    width: 100%;
    z-index: 300
  }

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

  .menu {
    display: none;
    flex-direction: column
  }

  .menu.open {
    display: block;
    width: 100%
  }

  .menu>li {
    border-bottom: 1px solid #ccc;
    padding: 1rem 1.25rem
  }
}

.modal {
  align-items: center;
  background-color: rgba(0, 0, 0, .5);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 301
}

.modal-content {
  animation-duration: .4s;
  animation-name: animatetop;
  background-color: #fff;
  border: 1px solid #888;
  border-radius: 1.25rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
  display: flex;
  flex-direction: column;
  /* max-height: 85vh; */
  /* max-width: 38rem;
  min-width: 20rem; */
  max-height: 26.25rem;
  min-height: 15.625rem;
  overflow: hidden;
  position: relative;
  /* width: 38rem */
  width: 37.5rem
}

#modal-title-dialog_checkinfo .modal-content,
#modal-dialog_QRcodelogin .modal-content {
  height: 15.625rem
}

.news-detail-actions {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}

.modal-title {
  padding-bottom: 8px
}

.modal-content-justify {
  text-align: justify
}


@-webkit-keyframes animatetop {
  0% {
    opacity: 0;
    top: -200px
  }

  to {
    opacity: 1;
    top: 0
  }
}

@keyframes animatetop {
  0% {
    opacity: 0;
    top: -200px
  }

  to {
    opacity: 1;
    top: 0
  }
}

.modal-close {
  color: #4f4f4f;
  cursor: pointer;
  display: contents;
  float: right;
  font-size: 28px;
  font-weight: 700
}

.modal-close:focus,
.modal-close:hover {
  border-radius: .375rem;
  outline-offset: .0625rem
}

.modal-headerlogin {
  align-items: center;
  background-color: #eee7de;
  border-top-left-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  padding: .75rem 1.25rem
}

.modal-body,
.modal-headerlogin {
  box-sizing: border-box;
  width: 100%
}

.modal-body {
  flex: 1;
  font-size: 1.25rem;
  line-height: 1.6;
  overflow-y: auto;
  padding: 1.875rem
}

.modal-footer {
  align-items: center;
  /* color: #813000; */
  display: flex;
  gap: .75rem;
  justify-content: center;
  /* padding-bottom: 2.5rem;
  padding-top: .5rem */
  padding: 1.5rem 0
}

.footer-text {
  font-size: .875rem;
  letter-spacing: 6%
}

.footer-span-inline {
  display: inline-block
}

.modal {
  display: none
}

.modal.is-open {
  display: flex
}

.modal-number {
  list-style-type: decimal
}

.modal-list,
.modal-number {
  padding-left: 1.875rem;
  text-align: justify
}

.modal-list {
  list-style-type: none
}

@media (max-width:768px) {
  .modal-content {
    width: 80%
  }
}

.multi_field-base {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: .75rem;
  margin-top: .75rem
}

.multi_field-label {
  display: flex;
  font-weight: 700;
  justify-content: flex-end;
  padding-left: .75rem;
  padding-right: .75rem;
  width: 33.3333%
}

.multi_field-field {
  display: flex;
  width: 58.3333%
}

.multi_field-column {
  flex-direction: column;
  gap: .5rem
}

.multi_field-label-necessary {
  color: #cb4800
}

.multi_label-top {
  align-items: flex-start
}

.multi_label-center {
  align-items: center
}

.multi_field-smallonly {
  display: none
}

@media (max-width:768px) {
  .multi_field-base {
    gap: .25rem
  }

  .multi_field-label {
    justify-content: flex-start;
    width: 100%
  }

  .multi_field-field {
    padding-left: 1rem;
    width: 100%
  }

  .multi_field-smallonly {
    display: flex
  }

  .multi_field-largeonly {
    display: none
  }
}

.news-base {
  align-items: center;
  background-color: #da3700;
  border: 1px solid #ddd;
  box-shadow: 0 0 .625rem rgba(46, 11, 0, .1);
  color: #fff;
  display: flex;
  flex: 1;
  flex-direction: row;
  height: 50px;
  justify-content: space-between;
  overflow: hidden;
  padding: 0 10rem
}

.news-title {
  display: inline-flex;
  font-weight: 600;
  gap: 1rem;
  margin-right: 1rem
}

.news-window {
  flex-grow: 1;
  height: 50px;
  overflow: hidden;
  position: relative
}

.news-slider {
  left: 0;
  position: absolute;
  top: 0;
  transition: transform .5s ease-in-out;
  width: 100%
}

.news-slider a {
  align-items: center;
  color: #fff;
  display: flex;
  height: 50px;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap
}

.news-more-btn-text {
  margin-right: 1rem
}

.news-more-btn {
  color: #fff;
  margin-left: 10px;
  text-decoration: none;
  white-space: nowrap
}

@media (max-width:1024px) {
  .news-more-btn-text {
    display: none
  }

  .news-more-btn {
    /* min-width: 1rem */
    line-height: 3rem;
    min-height: 100%;
    min-width: 2rem;
    text-align: center
  }

  .news-title {
    display: inline-flex;
    gap: 8px;
    margin-right: 8px
  }
}

@media (min-width:1024px) and (max-width:1440px) {
  .news-base {
    padding: 0 5rem
  }
}

.swiper-section-wrap-full {
  padding: 0
}

.swiper-section-wrap {
  box-sizing: border-box;
  position: relative
}

.swiper-banner-slider {
  margin-bottom: 1rem;
  padding-bottom: .625rem;
  position: relative
}

.swiper-banner-slider.swiper {
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1
}

.swiper-banner-slider:after {
  display: none
}

.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  z-index: 1
}

.swiper .swiper-pagination .swiper-pagination-bullet-active {
  border-radius: .25rem;
  overflow: hidden;
  position: relative;
  width: 2.6rem
}

.swiper-slide,
.swiper-wrapper {
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%
}

.swiper-slide {
  flex-shrink: 0
}

.swiper-btn-icon,
.swiper-btn-press {
  position: absolute;
  right: 1rem;
  top: .82rem;
  transition: all .3s ease-in-out
}

.swiper-banner {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  padding-bottom: 1.25rem;
  position: relative
}

.swiper-banner-img {
  min-height: 25rem
}

.swiper-banner-img .swiper-banner-pic {
  width: 100%
}

.swiper-banner-pic-pc {
  display: none
}

.swiper-banner-wrap {
  box-sizing: border-box;
  left: 44%;
  position: absolute;
  top: 8%;
  transform: none
}

.swiper-banner-title {
  font-size: 2.25rem;
  font-weight: 700;
  margin-bottom: .25rem;
  margin-top: 0
}

.swiper-banner-slogan {
  font-size: 1.25rem;
  margin-bottom: 1.25rem
}

.swiper-btn-text {
  padding-right: 1.5rem
}

.swiper-banner-slider-wrap {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  margin: 0 auto
}

.swiper .swiper-button-next,
.swiper .swiper-button-prev {
  background-image: url(images/c863b3ed1255bb8bed10.svg);
  height: 1.25rem;
  margin: 0;
  position: static;
  transition: transform .3s ease-in-out;
  width: 1.25rem
}

.swiper .swiper-button-prev {
  transform: rotate(180deg)
}

.swiper .swiper-pagination {
  flex: 0 0 auto;
  font-size: 0;
  margin: 0 1.25rem;
  position: static;
  text-align: center;
  width: auto
}

.swiper .swiper-pagination .swiper-pagination-bullet {
  background-color: #d6d0c9;
  border-radius: .25rem;
  margin: 0 .25rem;
  opacity: 1;
  transition: width .3s ease-in-out
}

.swiper-button-next:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: ""
}

@media (max-width:1024px) {
  .pc-only {
    display: none
  }

  .mb-only {
    display: block
  }
}

@media (min-width:320px) and (max-width:768px) {
  .swiper-banner-title {
    font-size: 1.5rem
  }

  .swiper-banner-slogan {
    font-size: 1rem
  }
}

@media (min-width:768px) {
  .swiper-banner {
    padding-bottom: 1rem
  }

  .swiper-banner-img .swiper-banner-pic-mb {
    display: block
  }

  .swiper-banner-img .swiper-banner-pic-pc {
    display: none
  }
}

@media (min-width:320px) and (max-width:1024px) {
  .swiper-banner-wrap {
    box-sizing: border-box;
    left: 5%;
    max-height: 70vh;
    top: 4%;
    transform: none;
    width: 80%
  }
}

@media (min-width:1024px) {
  .pc-only {
    display: block
  }

  .mb-only {
    display: none
  }

  .swiper-section-wrap-full {
    width: 100%
  }

  .swiper-banner-slider-action {
      z-index: 500;
      margin-top: 1.25rem;

      box-sizing: border-box;
      left: 44%;
      position: absolute;
      top: 34%;
      transform: none;
  }

  .swiper-banner-slider-wrap {
    justify-content: center;
    max-width: 60rem;
    width: 100%
  }

  .swiper-section-wrap {
    margin: 0 auto;
    max-width: 100%;
    position: relative
  }

  .swiper-banner-img {
    height: 37.5rem;
    position: relative
  }

  .swiper-banner-img .swiper-banner-pic-mb {
    display: none
  }

  .swiper-banner-img .swiper-banner-pic-pc {
    display: block
  }

  .swiper-banner-img .swiper-banner-pic {
    left: 50%;
    min-height: fit-content;
    min-width: 120rem;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
  }

  .swiper-wave {
    background-image: url(images/2829ec1e6d4d936e77a2.svg); 
    background-position: bottom;
    background-size: cover;
    bottom: 0;
    content: "";
    height: 7.5rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100%;
    z-index: 100
  }
}


@media (min-width:1680px) {
  .swiper-wave {
    bottom: .3rem
  }
}

.warn {
  background-color: #73625c;
  position: relative;
  width: 100%;
  z-index: 10
}

.warn-wrap {
  box-sizing: border-box;
  color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 1.25rem 10rem
}

.warn-icon {
  padding-right: 1rem
}

.warn-info {
  display: flex;
  padding-bottom: 1rem
}

.warn-close {
  background: 0 0;
  border: 0;
  cursor: pointer;
  display: inline-block;
  font-size: 0
}

.warn-iconLink {
  background-color: transparent;
  border: none;
  color: #fff;
  display: inline-flex;
  max-width: 100%;
  padding: 0;
  position: relative;
  text-decoration: none
}

@media (min-width:1024px) and (max-width:1440px) {
  .warn-wrap {
    padding: 1.25rem 5rem
  }
}

@media (max-width:1024px) {
  .warn-wrap {
    align-items: flex-start;
    display: flex;
    margin: 0 auto;
    max-width: 100%;
    padding: 1rem
  }

  .warn-content {
    flex: 1
  }
}

.content-layout-login,
.content_main {
  background-color: #fffbf8;
  min-height: calc(100vh - 16.8em)
}

.content-layout-login {
  padding-left: 3rem;
  padding-right: 3rem
}

@media (max-width:768px) {
  .content-layout-login {
    padding: 0
  }
}

@media (min-width:1920px) {
  .home-box {
    width: 25rem
  }
}

.footer-main {
  background-color: #ffe8d1;
  border-bottom: 17px solid transparent;
  border-image: linear-gradient(90deg, #ff7c3a, #e43900) 1;
  min-height: 8rem;
  padding: 0 10rem
}

.footer-content-flex {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 2rem 0
}

.footer-content-left {
  align-items: center;
  display: flex;
  gap: .5rem;
  justify-content: center;
  min-height: 4rem
}

.footer-logo {
  padding: 0 .5rem;
  width: 11rem
}

.footer-saving-link {
  height: 2.5rem
}

.footer-saving-link-mb {
  display: none
}

.footer-saving {
  width: 2.5rem
}

.footer-link {
  padding: 0 .5rem
}

.footer-icon {
  display: flex;
  gap: 1rem
}

.footer-line {
  display: none
}

.footer-font-bold {
  font-weight: 700
}

@media (min-width:1024px) and (max-width:1440px) {
  .footer-main {
    padding: 0 5rem
  }
}

@media (max-width:768px) {
  .footer-content-flex {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: .5rem
  }

  .footer-link {
    padding: 0
  }

  .footer-line {
    background-color: #b8a697;
    display: block;
    height: 1px;
    width: 100%
  }

  .footer-saving-link .footer-saving {
    display: none
  }

  .footer-saving-link-mb {
    display: block
  }

  .footer-saving-link-mb .footer-saving {
    width: 3rem
  }

  .footer-logo {
    padding: 0 .5rem 0 0
  }
}

.header-main {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 10rem;
  position: relative;
  z-index: 100
}

.header-content-logo {
  align-items: center;
  display: flex;
  height: 4rem;
  justify-content: center
}

.header-content-logo img {
  height: 2.25rem
}

.header-content {
  align-items: center;
  display: flex;
  height: 4rem;
  justify-content: center;
  padding-right: 1rem
}

.header-link {
  line-height: 2rem;
  padding: .4rem .5rem .1rem
}

.header-link img {
  height: 1rem;
  padding-right: 5px
}

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

.header-content-berger {
  display: none
}

.header-title-text {
  font-size: 1.5rem;
  padding-left: .75rem
}

.header-hamburger {
  background: none;
  border: none;
  font-size: 1.75rem;
  height: 30px;
  padding: 0
}

.header-hamburger img {
  height: 30px;
  width: 30px
}

.header-hamburger .icon-close {
  display: none
}

.header-hamburger.active {
  border-radius: 50%;
  color: #3a1600
}

.header-hamburger.active .icon-burger {
  display: none
}

.header-hamburger.active .icon-close {
  display: block
}

@media (min-width:1024px) and (max-width:1440px) {
  .header-main {
    padding: 0 5rem
  }
}

@media (max-width:768px) {
  .header-main {
    justify-content: center
  }

  .header-hamburger {
    left: 1rem;
    position: absolute;
    top: 1.8rem
  }

  .header-content-show {
    display: none
  }

  .header-content-berger {
    display: block
  }

  .header-title-text {
    display: none
  }

  .header-content-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
  }
}

.breadcrumb-home {
  height: 1rem;
  min-height: 1rem;
  min-width: 1rem;
  padding-right: .5rem;
  width: 1rem
}

.breadcrumb-div {
  align-items: center;
  display: flex
}

.breadcrumb-word {
  font-weight: 400;
  padding-left: .5rem;
  padding-right: .5rem
}

.button-base {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 1.125rem;
  font-weight: 400;
  justify-content: center;
  min-height: 2rem;
  min-width: 8rem;
  padding: .5rem
}

.bg-pic {
  height: 1.25rem;
  width: 1.25rem
}

.bg-span {
  align-items: center;
  display: flex;
  gap: 5px;
  justify-content: center
}

.button-width-full {
  width: 100%
}

.button-width-75vw {
  width: 75%
}

.button-width-50vw {
  width: 50%
}

.button-width-25vw {
  width: 25%
}

.button-width-6rem {
  min-width: 6rem;
  min-width: 6rem !important;
  width: 6rem !important
}

.button-width-10rem {
  min-width: 10rem !important;
  width: 10rem !important
}

.button-width-8rem {
  min-width: 8rem !important;
  width: 8rem !important
}

.button-height-4_3rem {
  height: 4.375rem
}

.button-height-4_2rem {
  height: 4.25rem
}

.button-height-3rem {
  height: 3.125rem !important
}

.button-height-2rem {
  height: 2rem
}

.bg-button-orange {
  background: #da3700;
  border: 0;
  border-radius: 6.25rem;
  box-shadow: .125rem .125rem .625rem rgba(46, 11, 0, .1), inset -.125rem -.125rem .25rem #bb2f00, inset .125rem .125rem .25rem #ff7648;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  line-height: 1.5;
  max-width: fit-content;
  padding: .6875rem 1rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  transform: translateZ(0);
  vertical-align: middle
}

.bg-button-orange:active {
  background: #b02c00;
  box-shadow: none
}

.bg-button-orange:hover {
  background: #c43100;
  box-shadow: .125rem .125rem .625rem rgba(218, 55, 0, .5), inset -.125rem -.125rem .25rem #bb2f00, inset .125rem .125rem .25rem #ff7648
}

.bg-button-white {
  background: #fff;
  border: .0625rem solid #da3700;
  border-radius: 6.25rem;
  box-shadow: 0 0 .125rem #da3700;
  box-sizing: border-box;
  color: #da3700;
  display: inline-block;
  line-height: 1.5;
  padding: .6875rem 1rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  transform: translateZ(0);
  vertical-align: middle;
  width: 8.25rem
}

.bg-button-white:hover {
  background: #f2f2f2;
  box-shadow: 0 0 .125rem #3a1600
}

.button-text-color-white {
  color: #fff
}

.button-text-size-text-1 {
  font-size: .85rem
}

.button-text-size-text-2 {
  font-size: 1rem
}

.button-text-size-text-3 {
  font-size: 1.125rem
}

.button-text-size-text-4 {
  font-size: 1.25rem
}

.button-text-size-text-5 {
  font-size: 1.5rem
}

.button-radius-5px {
  border-radius: .313rem
}

.button-radius-10px {
  border-radius: .625rem
}

.button-radius-15px {
  border-radius: .938rem
}

.button-radius-22px {
  border-radius: 1.375rem
}

.button-radius-30px {
  border-radius: 1.875rem
}

.button-border-color-orange-7 {
  border: .15rem solid #da3700
}

.button-border-color-orange-7:hover {
  outline: .15rem solid #813000
}

.button-layout-login {
  background: #da3700;
  border: 0;
  border-radius: 6.25rem;
  box-shadow: .125rem .125rem .625rem rgba(46, 11, 0, .1), inset -.125rem -.125rem .25rem #bb2f00, inset .125rem .125rem .25rem #ff7648;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  line-height: 1.5;
  min-width: 10rem;
  padding: .6875rem 1rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  transform: translateZ(0);
  vertical-align: middle;
  width: 100%
}

.button-layout-login:active {
  background: #b02c00;
  box-shadow: none
}

.button-layout-login:hover {
  background: #c43100;
  box-shadow: .125rem .125rem .625rem rgba(218, 55, 0, .5), inset -.125rem -.125rem .25rem #bb2f00, inset .125rem .125rem .25rem #ff7648
}

.button-layout-login:disabled {
  background-color: #c4c4c4;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .251);
  cursor: not-allowed;
  pointer-events: none
}

.button-layout-keyboard,
.button-layout-nonebg,
.button-layout-verify {
  display: contents
}

.button-layout-keyboard:hover,
.button-layout-nonebg:hover,
.button-layout-verify:hover {
  outline: .2rem solid #813000
}

.button-layout-verify .bg-pic {
  height: 1.2rem;
  width: 1.5rem
}

.button-layout-keyboard .bg-pic {
  height: 3rem;
  width: 2rem
}

.button-layout-nonebg .bg-pic {
  height: auto;
  width: 1.875rem
}

.button-layout-restart,
.button-layout-smallshow {
  background-color: #cb4800;
  border: none;
  border-radius: .938rem;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .251);
  color: #fff;
  font-weight: 700;
  min-width: 6rem;
  width: 7%
}

.button-layout-restart:hover,
.button-layout-smallshow:hover {
  background-color: #813000;
  outline: .2rem solid #813000
}

.button-layout-restart:active,
.button-layout-smallshow:active {
  background-color: #e95004;
  transition: background-color 0s
}

.button-layout-restart:disabled,
.button-layout-smallshow:disabled {
  background-color: #c4c4c4;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .251);
  cursor: not-allowed;
  pointer-events: none
}

@media (min-width:768px) {
  .button-layout-smallshow {
    display: none
  }
}

.card-content {
  background-color: #fff !important;
  border-bottom-left-radius: .5rem;
  border-bottom-right-radius: .5rem;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .251);
  margin-bottom: 5rem;
  padding: 2rem 2rem 6rem;
  position: relative
}

.card-button-div {
  bottom: -1.5rem;
  display: grid;
  font-size: 1rem;
  font-weight: 400;
  justify-content: center;
  position: absolute;
  width: calc(100% - 2rem)
}

@media screen and (max-width:32rem) {
  .card-button-div {
    left: 2.7rem
  }
}

.card-btn-width-full {
  width: 100%
}

.card-btn-width-75vw {
  width: 75%
}

.card-btn-width-50vw {
  width: 50%
}

.card-btn-width-25vw {
  width: 25%
}

.card-btn-width-15vw {
  max-width: 10rem;
  min-width: 5rem;
  width: 15%
}

.card-btn-height-4_3rem {
  height: 4.375rem
}

.card-btn-height-4_2rem {
  height: 4.25rem
}

.card-btn-height-3rem {
  height: 3.125rem
}

.card-btn-height-2rem {
  height: 2rem
}

.card-button-white {
  background-color: #fff;
  border: none;
  border-radius: 1.875rem;
  box-shadow: .063rem .063rem .313rem 0 #767676;
  color: #da3700;
  cursor: pointer;
  font-size: 1rem;
  margin-right: 1.5rem;
  transition: background-color .1s ease
}

.card-button-white:active {
  background-color: #ffbf60;
  transition: background-color 0s
}

.card-button-white:hover {
  border: .2rem solid #813000
}

.card-button-orange {
  background-color: #cb4800;
  border: none;
  border-radius: 1.875rem;
  box-shadow: .063rem .063rem .313rem 0 #ed6d00;
  color: #fff;
  cursor: pointer;
  font-size: 1rem;
  margin-right: 1.5rem;
  transition: background-color .1s ease
}

.card-button-orange:active {
  background-color: #cb4800;
  transition: background-color 0s
}

.card-button-orange:hover {
  border: .2rem solid #813000
}

.card-btn-layout-submit {
  background-color: #cb4800;
  border: none;
  border-radius: 1.875rem;
  box-shadow: .063rem .063rem .313rem 0 #ed6d00;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 1rem;
  height: 3.125rem;
  max-width: 12rem;
  min-width: 7rem;
  padding: .5rem;
  transition: background-color .1s ease;
  width: 15vw
}

.card-btn-layout-submit:active {
  background-color: #e95004;
  transition: background-color 0s
}

.card-btn-layout-submit:hover {
  background-color: #813000;
  outline: .2rem solid #813000
}

.card-btn-layout-submit:disabled {
  background-color: #c4c4c4;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .251);
  cursor: not-allowed;
  pointer-events: none
}

.card-btn-layout-restart {
  background-color: #fff;
  border: none;
  border-radius: 1.875rem;
  box-shadow: .063rem .063rem .313rem 0 #767676;
  color: #da3700;
  cursor: pointer;
  font-size: 1rem;
  height: 3.125rem;
  max-width: 12rem;
  min-width: 7rem;
  padding: .5rem;
  transition: background-color .1s ease;
  width: 15vw
}

.card-btn-layout-restart:active {
  background-color: #ffbf60;
  transition: background-color 0s
}

.card-btn-layout-restart:hover {
  outline: .2rem solid #813000
}

.card-btn-layout-restart:disabled {
  background-color: #c4c4c4;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .251);
  cursor: not-allowed;
  pointer-events: none
}

.card-btn-layout-download {
  background-color: #cb4800;
  border: none;
  border-radius: .625rem;
  box-shadow: .063rem .063rem .313rem 0 #767676;
  color: #fff;
  cursor: pointer;
  font-size: 1rem;
  height: 3.125rem;
  margin-right: 1.5rem;
  max-width: 12rem;
  min-width: 6rem;
  position: relative;
  transition: background-color .1s ease;
  width: 15vw
}

.card-btn-layout-download:active {
  background-color: #ffbf60;
  transition: background-color 0s
}

.card-btn-layout-download:hover {
  border: .2rem solid #813000
}

.card-btn-layout-download:disabled {
  background-color: #c4c4c4;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .251);
  cursor: not-allowed;
  pointer-events: none
}

.card-dropdown-content.show {
  display: block
}

.arrow-icon {
  padding-left: 1rem
}

.arrow-icon.open {
  transform: rotate(180deg)
}

.card-container {
  margin-right: 1rem;
  min-width: 3rem
}

@media screen and (max-width:32rem) {
  .card-container {
    margin-right: 1.5rem
  }
}

@media screen and (max-width:25rem) {
  .card-container:not(:last-child) .card-btn-layout-restart {
    margin-right: 1.2rem
  }
}

.card-dropdown-container {
  display: inline-block;
  position: relative
}

@media screen and (max-width:32rem) {
  .card-dropdown-container {
    margin-right: 7%
  }
}

.card-dropdown-content a {
  color: #000;
  display: block;
  line-height: 1.5;
  padding: .5rem;
  text-decoration: none
}

.card-dropdown-content {
  background-color: #fff;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .251);
  display: none;
  height: 5rem;
  max-width: 15rem;
  min-width: 5rem;
  position: absolute;
  top: 100%;
  width: 100%
}

.card-title-div {
  display: flex;
  justify-content: center;
  margin-bottom: 1.25rem;
  margin-top: .5rem;
  width: 100%
}

.card-big-title {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center
}

@media screen and (max-width:36rem) {
  .card-button-div {
    margin-left: -.8rem
  }
}

.button-container {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center
}

@media screen and (max-width:48rem) {
  .card-container:has(.card-noprint) {
    display: none
  }
}

@media screen and (max-width:48rem) {
  .card-dropdown-container:has(.card-noprint) {
    display: none
  }
}

@media print {
  .card-content {
    margin-bottom: 0;
    padding-bottom: 0
  }
}

.checkbox-div {
  align-items: center;
  display: flex
}

.checkbox-input {
  appearance: none;
  background-color: #fff;
  border: .16rem solid #c4c4c4;
  border-radius: .125rem;
  cursor: pointer;
  display: inline-block;
  height: 1.5rem;
  margin-right: .5rem;
  min-height: 1.5rem;
  min-width: 1.5rem;
  position: relative;
  transition: background-color .3s, border-color .3s;
  vertical-align: middle;
  width: 1.5rem
}

.checkbox-input:checked {
  background-color: #ea5004;
  border-color: #ea5004
}

.checkbox-input:hover {
  border: .15rem solid #000
}

.checkbox-input:disabled {
  background-color: #ccc;
  border-color: #ccc
}

.checkbox-input:checked:after {
  background: url(images/2f2a7f30c5e5d08b940b.svg) no-repeat 50%;
  content: "";
  height: 100%;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%
}

.drvide-margin {
  margin-left: auto;
  margin-right: auto;
  width: 100%
}

.drvide-hr-color {
  border: .5px solid #e3e3e3
}

.drvide-none {
  display: block
}

@media screen and (max-width:48rem) {
  .drvide-none {
    display: none
  }
}

.input-div {
  position: relative
}

.input-main-div {
  box-sizing: border-box;
  width: 100%
}

.input-base {
  box-sizing: border-box;
  font-size: 1.125rem;
  padding-left: 1rem
}

.input-base::placeholder {
  color: #767676;
  font-size: 1.125rem
}

.input-label {
  color: #813000;
  font-size: 1.125rem
}

.input-message {
  margin: 1rem 0 0 1rem
}

.input-eyes {
  cursor: pointer;
  position: absolute;
  right: 1rem;
  top: 55%;
  transform: translateY(-50%)
}

.input-width-full {
  width: 100%
}

.input-width-12rem {
  width: 12rem
}

.input-message-textcolor-red {
  color: #c20007
}

.input-message-textsize-text-1 {
  font-size: .85rem
}

.input-layout-login {
  border: .063rem solid #c4c4c4;
  border-radius: .625rem;
  height: 3rem;
  min-width: 100%;
  padding-top: 3px;
  width: 100%
}

.input-layout-login:focus,
.input-layout-login:focus-visible {
  outline: .1rem solid #da3700
}

.input-layout-login:disabled {
  background-color: #e3e3e3;
  cursor: not-allowed;
  pointer-events: none
}

.input-layout-login-top {
  padding-top: 12px
}

.input-layout-info {
  border: .063rem solid #c4c4c4;
  border-radius: .625rem;
  height: 3rem;
  min-width: 280px;
  width: 100%
}

.input-layout-info:focus,
.input-layout-info:focus-visible {
  outline: .1rem solid #da3700
}

.input-layout-info:disabled {
  background-color: #e3e3e3;
  cursor: not-allowed;
  pointer-events: none
}

.input-div:has(.input-layout-login)+.input-error-div {
  width: 100%
}

.input-inline-label {
  background-color: #fff;
  color: #767676;
  font-size: 12px;
  left: 12px;
  opacity: 0;
  padding: 0 4px;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: all .2s ease;
  z-index: 1
}

.input-base:not(:placeholder-shown)+.input-inline-label {
  opacity: 1
  /* top: 3px */
}

.input-base:focus+.input-inline-label {
  color: #767676
}

.input-base:focus {
  border-color: transparent
}

.input-error-div {
  width: 100%
}

.input-error-word {
  color: #c20007;
  font-size: 1rem
}

#keyboardBlock {
  background-color: #cfd8dc;
  border-radius: 10px;
  left: 0;
  margin: 18rem 0;
  padding: 10px;
  position: fixed;
  right: 0;
  top: 40%;
  width: fit-content;
  z-index: 99
}

@media screen and (min-width:1440px) {
  #keyboardBlock {
    margin: 0 18rem 0 36rem
  }
}

#keyboardBlock p:first-child {
  color: #404040;
  font-size: 16px;
  font-weight: 500;
  margin: 0 auto 10px;
  text-align: center;
  text-decoration: none solid #404040
}

#keyboardBlock p:first-child img {
  float: right
}

.keyboard {
  background-color: #ecf0f1;
  background-size: cover;
  border-radius: 10px;
  display: inline-block;
  vertical-align: top
}

.letterKeyboard {
  width: 400px
}

.numberKeyboard {
  width: 150px
}

.keyboardButtons {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0
}

.keyboard .keyboardButtons>li {
  align-items: center;
  background-color: #fcfff5;
  background-size: cover;
  border: 1px solid #fff;
  border-radius: 5px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
  color: #f3720c;
  cursor: pointer;
  display: inline-flex;
  font-size: 20px;
  font-weight: 700;
  height: 36px;
  justify-content: center;
  margin: 5px;
  text-align: center;
  text-decoration: none solid #f3720c;
  width: 36px
}

.keyboard .keyboardButtons>li:hover {
  border: 1px solid #ff8000
}

.keyboard.numberKeyboard .keyboardButtons>li:last-child {
  width: 134px
}

.keyboard .keyboardButtons .btnConfirm {
  width: 132px
}

.keyboardInput {
  padding: 20px 15px 0;
  width: 360px
}

.keyboardInput input {
  border: 1px solid #999;
  font-size: 20px
}

.closeKeyboardBtn {
  cursor: pointer
}

@media (max-width:768px) {
  .keyboardBlock {
    display: none !important
  }
}

.link-base {
  cursor: pointer;
  min-height: 2rem;
  min-width: 8rem
}

.link-width-full {
  width: 100%
}

.link-width-75vw {
  width: 75%
}

.link-width-50vw {
  width: 50%
}

.link-width-25vw {
  width: 25%
}

.link-width-5rem {
  min-width: 5rem
}

.link-height-4_3rem {
  height: 4.375rem
}

.link-height-4_2rem {
  height: 4.25rem
}

.link-height-3rem {
  height: 3.125rem
}

.link-height-2rem {
  height: 2rem
}

.bg-link-white {
  background-color: #fff;
  border: none;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .251);
  transition: background-color .1s ease
}

.bg-link-white:active {
  background-color: #ffbf60;
  transition: background-color 0s
}

.bg-link-noshadow {
  background-color: #fff;
  border: none
}

.bg-link-orange {
  background-color: #cb4800;
  border: none;
  box-shadow: .063rem .063rem .313rem 0 #ed6d00;
  transition: background-color .1s ease
}

.bg-link-orange:active {
  background-color: #cb4800;
  transition: background-color 0s
}

.bg-link-darkorange {
  background-color: #ea5004;
  border: none;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .251);
  transition: background-color .1s ease
}

.bg-link-darkorange:active {
  background-color: #e95004;
  transition: background-color 0s
}

.bg-link-orange-9 {
  background-color: #ffeedf;
  border: none;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .251);
  transition: background-color .01s ease
}

.bg-link-orange-9:active {
  background-color: #cb4800;
  transition: background-color 0s
}

.bg-link-login {
  background-color: #da3700;
  border: none;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .251);
  transition: background-color .1s ease
}

.bg-link-login:active {
  background-color: #cb4800;
  transition: background-color 0s
}

.link-text-color-white {
  color: #fff
}

.link-text-color-orange-5 {
  color: #da3700
}

.link-text-color-orange-7 {
  color: #813000
}

.link-text-color-orange-8 {
  color: #3a1600
}

.link-text-color-orange-11 {
  color: #ed6d00
}

.link-text-size-text-1 {
  font-size: .85rem
}

.link-text-size-text-2 {
  font-size: 1rem
}

.link-text-size-text-3 {
  font-size: 1.125rem
}

.link-text-size-text-4 {
  font-size: 1.25rem
}

.link-text-size-text-5 {
  font-size: 1.5rem
}

.link-radius-5px {
  border-radius: .313rem
}

.link-radius-15px {
  border-radius: .938rem
}

.link-radius-22px {
  border-radius: 1.375rem
}

.link-radius-30px {
  border-radius: 1.875rem
}

.link-border-color-orange-7 {
  border: .15rem solid #da3700
}

.link-border-color-orange-7:hover {
  border: .15rem solid #813000
}

.link-border-color-black:hover {
  border: .15rem solid #000
}

.link-layout-login {
  background-color: #da3700;
  border: none;
  border-radius: 1.375rem;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .251);
  color: #fff;
  font-size: 1.25rem;
  min-width: 10rem;
  transition: background-color .1s ease;
  width: 50%
}

.link-layout-login:active {
  background-color: #cb4800;
  transition: background-color 0s
}

.link-layout-login:hover {
  border: .2rem solid #813000
}

.link-layout-rate {
  background-color: #ffeedf;
  border: none;
  border-radius: .938rem;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .251);
  color: #813000;
  height: 2.125rem;
  transition: background-color .01s ease;
  width: 90%
}

.link-layout-rate:active {
  background-color: #cb4800;
  transition: background-color 0s
}

.link-layout-rate:hover {
  border: .2rem solid #813000
}

.link-layout-commonfuntion {
  background-color: #fff;
  border: .15rem solid #da3700;
  border-radius: .938rem;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .251);
  color: #813000;
  transition: background-color .1s ease;
  width: 93%
}

.link-layout-commonfuntion:hover {
  border: .2rem solid #813000
}

.link-layout-commonfuntion:active {
  background-color: #ffbf60;
  transition: background-color 0s
}

.link-layout-verify {
  background-color: #fff;
  border: none;
  border-radius: 1.375rem;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .251);
  color: #813000;
  transition: background-color .1s ease;
  width: 25%
}

.link-layout-verify:active {
  background-color: #ffbf60;
  transition: background-color 0s
}

.link-layout-verify:hover {
  border: .2rem solid #813000
}

.link-layout-restart {
  background-color: #cb4800;
  border: none;
  border-radius: .938rem;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .251);
  color: #fff;
  min-width: 6rem;
  width: 7%
}

.link-layout-restart:hover {
  border: .2rem solid #813000
}

.link-layout-restart:active {
  background-color: #e95004;
  transition: background-color 0s
}

.link-layout-logout {
  background-color: #4f4f4f;
  border: none;
  border-radius: .938rem;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .251);
  color: #fff;
  min-width: 4rem;
  width: 7%
}

.link-layout-logout:hover {
  background-color: #848587;
  border: .2rem solid #813000
}

.link-layout-logout:active {
  background-color: #3a1600;
  transition: background-color 0s
}

.list-content {
  margin-bottom: 1.25rem;
  /* text-align: justify */
}

.list-content .list {
  border-bottom: 1px solid #d6d0c9;
  padding: .5rem 5px
}

.list-content .list a {
  display: block;
  width: 100%
}

.list-content .list:hover a {
  color: #da3700
}

.list-pager {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center
}

.list-pager-pages {
  column-gap: .75rem;
  display: flex
}

.list-pager-btn span {
  display: none
}

.list-pager-btn {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 24px;
  width: 24px
}

.list-next-page,
.list-prev-page {
  background-image: url(images/c863b3ed1255bb8bed10.svg)
}

.list-prev-page {
  transform: rotate(180deg)
}

.list-first-page,
.list-last-page {
  background-image: url(images/c995acebf367569b864d.svg)
}

.list-last-page {
  transform: rotate(180deg)
}

.list-pager-num {
  color: #b8a697;
  text-decoration: none
}

.list-pager-num.list-active {
  background-color: #73625c;
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  width: 30px
}

.panel-wrapper {
  margin: 0 auto;
  max-width: 80rem;
  width: 100%
}

.panel {
  background-color: #fff;
  border: .063rem solid #ccc;
  border-radius: .625rem;
  margin-bottom: .625rem;
  overflow: hidden;
  width: 100%
}

.panel-header {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  justify-content: space-between;
  padding: .938rem
}

.panel-header:hover {
  background-color: #d3d3d3
}

.panel-icon {
  background-image: url(images/451215b1f00ea5fa3902.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 1.5rem;
  min-height: 1.5rem;
  min-width: 1.5rem;
  transition: transform .3s;
  width: 1.5rem
}

.panel-content {
  display: none;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
  padding: .5rem 1rem 1rem 4.5rem;
  text-align: justify
}

@media screen and (max-width:32rem) {
  .panel-content {
    padding-left: 1rem;
    text-align: left
  }
}

.panel-content ol {
  line-height: 1.5rem;
  list-style-type: circle;
  padding-left: 1.5rem
}

.panel-content ol .red {
  color: #c20007
}

.panel-content.show {
  display: block
}

.panel-icon.rotate {
  background-image: url(images/caf6544cda7530adec0c.svg)
}

.base-radio-box {
  align-items: center;
  display: flex
}

.base-radio {
  appearance: none;
  border: .125rem solid #c4c4c4;
  border-radius: 50%;
  cursor: pointer;
  height: 1.2rem;
  min-height: 1.2rem;
  min-width: 1.2rem;
  position: relative;
  transition: border-color .3s, background-color .3s;
  width: 1.2rem
}

.base-radio:hover {
  border: .15rem solid #000
}

.base-radio:checked {
  border-color: #ee6c1e
}

.base-radio:checked:before {
  background-color: #fff;
  border: .125rem solid #ea5004;
  border-radius: 50%;
  height: 100%;
  width: 100%
}

.base-radio:checked:after,
.base-radio:checked:before {
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.base-radio:checked:after {
  background-color: #ea5004;
  border-radius: 50%;
  height: .7rem;
  width: .7rem
}

.base-radio-word {
  font-size: 1rem;
  margin-left: .25rem;
  margin-right: .5rem
}

.base-radio:disabled:before {
  background-color: #fff;
  border: .125rem solid #c4c4c4;
  border-radius: 50%;
  height: 100%;
  width: 100%
}

.base-radio:disabled:after,
.base-radio:disabled:before {
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.base-radio:disabled:after {
  background-color: #c4c4c4;
  border-radius: 50%;
  height: .7rem;
  width: .7rem
}

.base-radio-group-div {
  width: 100%
}

.radio-group-base {
  align-items: center;
  margin-right: 1rem
}

.radio-focus {
  border-radius: 50%;
  height: 1.2rem;
  min-height: 1.2rem;
  min-width: 1.2rem;
  width: 1.2rem
}

.radio-group-memo {
  padding-left: 1.5rem;
  width: 70%
}

.base-radio-group {
  appearance: none;
  border: .125rem solid #c4c4c4;
  border-radius: 50%;
  cursor: pointer;
  height: 1.2rem;
  min-height: 1.2rem;
  min-width: 1.2rem;
  position: relative;
  transition: border-color .3s, background-color .3s;
  width: 1.2rem
}

.base-radio-group:hover {
  border: .15rem solid #000
}

.base-radio-group:checked {
  border-color: #ee6c1e
}

.base-radio-group:checked:before {
  background-color: #fff;
  border: .125rem solid #ea5004;
  border-radius: 50%;
  height: 100%;
  width: 100%
}

.base-radio-group:checked:after,
.base-radio-group:checked:before {
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.base-radio-group:checked:after {
  background-color: #ea5004;
  border-radius: 50%;
  height: .7rem;
  width: .7rem
}

.base-radio-group:disabled:before {
  background-color: #fff;
  border: .125rem solid #c4c4c4;
  border-radius: 50%;
  height: 100%;
  width: 100%
}

.base-radio-group:disabled:after,
.base-radio-group:disabled:before {
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.base-radio-group:disabled:after {
  background-color: #c4c4c4;
  border-radius: 50%;
  height: .7rem;
  width: .7rem
}

.base-radio-group-column .radio-group-base:not(:last-child) {
  margin-bottom: 1rem
}

@media screen and (max-width:36rem) {
  .base-radio-group-div {
    width: 100%
  }
}

.select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url(images/451215b1f00ea5fa3902.svg);
  background-position: calc(100% - 1.2rem);
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  border: .1rem solid #c4c4c4;
  border-radius: .313rem;
  cursor: pointer;
  min-width: 14rem;
  width: 26vw
}

.select:hover {
  border: .15rem solid #000
}

.select:disabled {
  background-color: #e3e3e3;
  cursor: not-allowed;
  pointer-events: none
}

.select_option {
  line-height: 3rem
}

.select-div {
  min-width: 14rem;
  width: 100%
}

@media screen and (max-width:32rem) {
  .select-div {
    width: 96%
  }
}

.select-error-div {
  width: 26vw
}

.select-error-word {
  color: #c20007;
  font-size: 1rem
}

.select-short {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url(images/451215b1f00ea5fa3902.svg);
  background-position: calc(100% - 1.2rem);
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  border: .1rem solid #c4c4c4;
  border-radius: .313rem;
  cursor: pointer;
  width: 7rem
}

.select-short:hover {
  border: .15rem solid #000
}

.select-short:disabled {
  background-color: #e3e3e3;
  cursor: not-allowed;
  pointer-events: none
}

.search-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url(images/451215b1f00ea5fa3902.svg);
  background-position: calc(100% - .5rem);
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  border: .1rem solid #c4c4c4;
  border-radius: .313rem;
  box-sizing: border-box;
  cursor: pointer;
  height: 3.125rem;
  padding: 5px;
  width: 100%
}

.search-input:disabled {
  background-color: #e3e3e3;
  cursor: not-allowed;
  pointer-events: none
}

.search-input:first-of-type {
  background-image: url(images/451215b1f00ea5fa3902.svg);
  background-repeat: no-repeat;
  background-size: 1rem 1rem
}

.search-input:first-of-type:hover {
  border: .15rem solid #000
}

.search-input-container .search-input {
  background-image: none;
  cursor: auto
}

.search-input-container .search-input:hover {
  background: #ffbf60;
  border: .15rem solid #813000
}

.select-list {
  background-color: #fff;
  border: 1px solid #ccc;
  display: none;
  left: 0;
  max-width: 10rem;
  min-width: 10rem;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1000
}

.search-input-container {
  border-bottom: 1px solid #ccc;
  padding: 5px
}

.options-container {
  max-height: 200px;
  overflow-y: auto
}

.select-option {
  cursor: pointer;
  padding: 8px
}

.select-option:hover {
  background-color: #f0f0f0
}

.tab-container {
  background-color: #fff5e8;
  height: 50px;
  overflow: hidden
}

.tab-base,
.tab-container {
  border-radius: .625rem .625rem 0 0;
  display: flex
}

.tab-base {
  align-items: center;
  color: #000;
  cursor: pointer;
  flex: 1 1 0;
  font-size: 1rem;
  font-weight: 500;
  justify-content: center;
  padding: .55rem 0;
  position: relative;
  transition: all .2s
}

.tab-base:last-child {
  border-right: none
}

.tab-base input {
  display: none
}

.tab-base.active {
  border-bottom: none;
  color: #000
}

.tab-base:before {
  left: 0;
  transform: translateX(-50%) scaleX(0);
  transition: transform .2s ease-in-out
}

.tab-base.active:before,
.tab-base:before {
  background-color: #da3700;
  bottom: 0;
  content: "";
  height: .1875rem;
  position: absolute;
  width: 100%
}

.tab-base.active:before {
  left: 50%;
  transform: translateX(-50%) scaleX(1);
  transition: all .3s ease-in-out
}

.table-container {
  border-radius: .625rem;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .251);
  margin: 1rem auto 0;
  overflow-x: auto;
  overflow-y: auto;
  width: 100%
}

.table-big-control {
  display: block;
  margin-top: 1.5rem
}

@media screen and (max-width:48rem) {
  .table-big-control {
    display: none
  }
}

thead .table-th {
  background-color: #fffbf8
}

.table-th {
  font-size: 1.125rem
}

.table-td,
.table-th {
  border-bottom: .06rem solid #ccc;
  border-right: .06rem solid #ccc;
  padding: 1rem;
  position: relative
}

.table-td {
  font-size: 1rem;
  min-width: 3rem
}

.table-tr:last-child {
  border-bottom: .06rem solid #ccc
}

.table-tr:first-child.table-th:first-child {
  border-top-left-radius: .625rem
}

.table-tr:first-child.table-th:last-child {
  border-right: none;
  border-top-right-radius: .625rem
}

.table-td:last-child {
  border-right: none
}

.tbody tr:last-child td:first-child {
  border-bottom-left-radius: .625rem
}

.tbody tr:last-child td {
  border-bottom: none
}

.tbody tr:last-child td:last-child {
  border-bottom-right-radius: .625rem
}

.table {
  border-collapse: collapse
}

.table-title {
  font-size: 1.25rem
}

.table-title-div {
  background-color: #fff;
  padding-bottom: .5rem;
  padding-left: .5rem;
  text-align: left
}

.table_line {
  border: .063rem solid #ccc
}

.table-page-button {
  background-color: #fff;
  border: none;
  cursor: pointer;
  font-size: 1rem
}

.table-page-button:hover {
  outline: .15rem solid #000
}

.table-page-button:active {
  color: #f24822
}

.table-page-word {
  align-content: center;
  cursor: pointer;
  display: flex;
  height: 1.313rem;
  justify-content: center;
  margin-bottom: .25rem;
  margin-left: .25rem;
  margin-right: .25rem;
  text-align: center;
  width: 1rem
}

.table-page-word:hover {
  outline: .15rem solid #000
}

.table-button {
  background-color: #cb4800;
  border: none;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .251);
  color: #fff;
  cursor: pointer;
  font-size: 1.125rem;
  margin-bottom: .5rem;
  max-width: 8rem;
  min-width: 4rem;
  width: 100%
}

.table-button:hover {
  background-color: #813000;
  outline: .2rem solid #813000
}

.table-button:focus {
  background-color: #cb4800
}

.table-button:disabled {
  background-color: #c4c4c4;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .251);
  cursor: not-allowed;
  pointer-events: none
}

@media screen and (max-width:107rem) {
  .table-button {
    margin-bottom: .5rem
  }
}

.table-select {
  -webkit-appearance: none;
  appearance: none;
  background-image: url(images/451215b1f00ea5fa3902.svg);
  background-position: calc(100% - 1.2rem);
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  border: .06rem solid #c4c4c4;
  cursor: pointer;
  font-size: 1rem;
  min-width: 8rem;
  width: 100%
}

.table-select:hover {
  border: .15rem solid #000
}

.next-button:disabled,
.prev-button:disabled {
  color: #000
}

.table-page-word.active {
  color: #cb4800
}

.table-text {
  border: .06rem solid #c4c4c4;
  font-size: 1rem;
  min-width: 10rem;
  padding-left: 1rem;
  width: 95%
}

.table-text:focus,
.table-text:hover {
  background: #ffbf60;
  border: .15rem solid #813000
}

.table-text:disabled {
  background-color: #e3e3e3;
  cursor: not-allowed;
  pointer-events: none
}

.table-checkbox {
  appearance: none;
  background-color: #fff;
  border: .16rem solid #c4c4c4;
  cursor: pointer;
  display: inline-block;
  height: 1.25rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  position: relative;
  transition: background-color .3s, border-color .3s;
  vertical-align: middle;
  width: 1.25rem
}

.table-checkbox:checked {
  background-color: #ea5004;
  border-color: #ea5004
}

.table-checkbox:disabled {
  background-color: #ccc;
  border-color: #ccc
}

.table-checkbox:hover {
  border: .15rem solid #000
}

.table-checkbox:checked:after {
  background: url(images/2f2a7f30c5e5d08b940b.svg) no-repeat 50%;
  content: "";
  height: 100%;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%
}

.table-radio {
  appearance: none;
  border: .125rem solid #c4c4c4;
  border-radius: 50%;
  cursor: pointer;
  height: 1.2rem;
  min-height: 1.2rem;
  min-width: 1.2rem;
  position: relative;
  transition: border-color .3s, background-color .3s;
  width: 1.2rem
}

.table-radio:hover {
  border: .15rem solid #000
}

.table-radio:checked {
  border-color: #ee6c1e
}

.table-radio:checked:before {
  background-color: #fff;
  border: .125rem solid #ea5004;
  border-radius: 50%;
  height: 100%;
  width: 100%
}

.table-radio:checked:after,
.table-radio:checked:before {
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.table-radio:checked:after {
  background-color: #ea5004;
  border-radius: 50%;
  height: .7rem;
  width: .7rem
}

.table-aligment-left-top {
  align-content: baseline;
  text-align: left
}

.table-aligment-vertical {
  text-align: justify;
  text-orientation: upright;
  white-space: nowrap;
  writing-mode: vertical-lr
}

.table-bold-700 {
  font-size: 1.125rem
}

.table-textColor-1 {
  color: #f24822
}

.table-textColor-2 {
  color: green
}

@media screen and (max-width:36rem) {
  .table-select {
    background-position: calc(100% - .4rem)
  }
}

@media screen and (min-width:36rem) and (max-width:48rem) {
  .table-select {
    background-position: calc(100% - .4rem)
  }
}

@media screen and (min-width:48rem) and (max-width:62rem) {
  .table-select {
    background-position: calc(100% - .6rem)
  }
}

.table-th-weight-1 {
  min-width: 3rem
}

.table-th-weight-2 {
  min-width: 5rem
}

.table-th-weight-3 {
  min-width: 7rem
}

.table-footer {
  align-items: center;
  display: flex;
  justify-content: end;
  margin-top: 1rem
}

.table-footer-left {
  display: flex;
  flex: 0 0 auto;
  justify-content: end;
  margin-right: 1rem
}

.table-footer-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url(images/451215b1f00ea5fa3902.svg);
  background-position: calc(100% - .4rem);
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  border: .1rem solid #c4c4c4;
  border-radius: .313rem;
  cursor: pointer;
  height: 2.2rem;
  margin-left: auto;
  width: 8rem
}

.table-footer-select:hover {
  border: .15rem solid #000
}

.table-footer-select:disabled {
  background-color: #e3e3e3;
  cursor: not-allowed;
  pointer-events: none
}

.table-message-container {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 100%
}

.table-message {
  color: #c20007;
  font-size: 1.125rem;
  width: 70%
}

@media print {
  .table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%
  }

  .table-container {
    border-radius: 0;
    box-shadow: 0 0 0 0 transparent;
    margin: 0
  }

  .table-big-control {
    margin-top: 1rem
  }

  .table-th {
    position: inherit
  }

  .table-td,
  .table-th,
  .table-tr,
  .table-tr2 {
    border: .06rem solid #ccc;
    font-size: .6rem;
    padding: .3rem .1rem;
    word-break: break-all
  }

  .table-tr2 {
    display: table-row !important
  }

  .table-message-container,
  .table-noprint {
    display: none
  }
}

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

.table-click {
  cursor: pointer
}

.table-small-title {
  background-color: #fffbf8;
  border: .06rem solid #c4c4c4;
  font-size: 1rem;
  min-width: 2rem;
  width: 30%
}

.table-small-info {
  border: .06rem solid #c4c4c4;
  font-size: 1.125rem;
  width: 70%
}

.table-samll-info-word-red {
  color: #f24822
}

.table-small-left-checkbox,
.table-small-left-radio {
  background-color: #fffbf8;
  border: .063rem solid #c4c4c4;
  vertical-align: middle;
  width: 2%
}

.table-small {
  border-collapse: collapse;
  height: auto;
  width: 100%
}

.table-small-div {
  overflow-x: auto;
  overflow-y: auto;
  width: 100%
}

.table-small-title-div {
  margin: 0 auto;
  width: 100%
}

.table-small-mt {
  display: none;
  margin-top: 1rem
}

@media screen and (max-width:48rem) {
  .table-small-mt {
    display: block
  }
}

.table-small-spacer {
  height: 1.5rem
}

.table-small-title-word {
  font-size: 1.25rem
}

.table-small-button {
  background-color: #da3700;
  border: none;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .251);
  color: #fff;
  cursor: pointer;
  font-size: 1.25rem;
  max-width: 8rem;
  min-width: 4rem
}

.table-small-button:hover {
  background-color: #813000;
  outline: .2rem solid #813000
}

.table-small-button:focus {
  background-color: #cb4800
}

.table-small-button:disabled {
  cursor: not-allowed;
  pointer-events: none
}

@media screen and (max-width:25rem) {
  .table-small-button:not(:last-child) {
    margin-bottom: .5rem
  }
}

.table-small-button-top {
  background-color: #da3700;
  border: none;
  box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, .251);
  color: #fff;
  cursor: pointer;
  font-size: 1.25rem;
  max-width: 6rem;
  min-width: 4rem;
  width: 15%
}

.table-small-button-top:hover {
  outline: .2rem solid #813000
}

.table-small-button-top:focus {
  background-color: #cb4800
}

.table-small-select {
  -webkit-appearance: none;
  appearance: none;
  background-image: url(images/451215b1f00ea5fa3902.svg);
  background-position: calc(100% - 1.2rem);
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  border: .06rem solid #c4c4c4;
  cursor: pointer;
  font-size: 1rem;
  min-width: 8rem;
  width: 100%
}

.table-small-select:hover {
  outline: .15rem solid #000
}

.table-small-message-container {
  margin: 0 auto;
  width: 90%
}

.table-small-message {
  color: #c20007;
  font-size: 1.25rem
}

.table-small-text {
  border: .06rem solid #c4c4c4;
  border-radius: .313rem;
  font-size: 1rem;
  min-width: 10rem;
  width: 90%
}

.table-small-text:hover {
  background: #ffbf60;
  border: .15rem solid #813000
}

.table-small-text::placeholder {
  color: #767676;
  font-size: 1rem
}

.table-small-text:focus {
  background: #ffbf60;
  border: .15rem solid #813000
}

.table-small-text:disabled {
  background-color: #e3e3e3;
  cursor: not-allowed;
  pointer-events: none
}

.table-small-checkbox {
  appearance: none;
  background-color: #fff;
  border: .16rem solid #c4c4c4;
  cursor: pointer;
  display: inline-block;
  height: 1.25rem;
  margin-left: .3rem;
  margin-right: .3rem;
  min-height: 1.25rem;
  min-width: 1.25rem;
  position: relative;
  transition: background-color .3s, border-color .3s;
  vertical-align: middle;
  width: 1.25rem
}

.table-small-checkbox:checked {
  background-color: #ea5004;
  border-color: #ea5004
}

.table-small-checkbox:disabled {
  background-color: #ccc;
  border-color: #ccc
}

.table-small-checkbox:hover {
  border: .15rem solid #000
}

.table-small-checkbox:checked:after {
  background: url(images/2f2a7f30c5e5d08b940b.svg) no-repeat 50%;
  content: "";
  height: 100%;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%
}

.table-small-radio {
  appearance: none;
  border: .125rem solid #c4c4c4;
  border-radius: 50%;
  cursor: pointer;
  height: 1.2rem;
  margin: .5rem;
  min-height: 1.2rem;
  min-width: 1.2rem;
  position: relative;
  transition: border-color .3s, background-color .3s;
  width: 1.2rem
}

.table-small-radio:hover {
  border: .15rem solid #000
}

.table-small-radio:checked {
  border-color: #ee6c1e
}

.table-small-radio:checked:before {
  background-color: #fff;
  border: .125rem solid #ea5004;
  border-radius: 50%;
  height: 100%;
  width: 100%
}

.table-small-radio:checked:after,
.table-small-radio:checked:before {
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.table-small-radio:checked:after {
  background-color: #ea5004;
  border-radius: 50%;
  height: .7rem;
  width: .7rem
}

@media screen and (max-width:36rem) {
  .table-small-select {
    background-position: calc(100% - .4rem)
  }
}

@media screen and (min-width:36rem) and (max-width:48rem) {
  .table-small-select {
    background-position: calc(100% - .4rem)
  }
}

@media screen and (min-width:48rem) and (max-width:62rem) {
  .table-small-select {
    background-position: calc(100% - .6rem)
  }
}

.home-box-main {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-evenly;
  padding: 0 7rem 3rem
}

.home-title {
  display: none
}

.home-box {
  align-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 .625rem rgba(46, 11, 0, .1);
  flex-direction: column;
  height: 7.55rem;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
  width: 18rem
}

.home-box:active,
.home-box:focus,
.home-box:hover {
  outline: .1rem solid #da3700
}

.home-login-main {
  background-color: #fff;
  border-radius: 1.5rem;
  box-shadow: 0 0 .625rem rgba(46, 11, 0, .1);
  box-sizing: border-box;
  height: min-content;
  left: 10rem;
  padding: 2rem;
  position: absolute;
  top: 1.5rem;
  width: 420px;
  z-index: 100
}

.home-tab {
  margin-bottom: 1rem
}

.home-tab-content {
  display: grid;
  gap: 1rem
}

.home-tab-content.hidden {
  display: none !important
}

.home-qrcode {
  align-items: center;
  display: flex;
  flex-direction: column
}

.home-qrcode-text {
  /* display: inline-flex;  子均註解子於加回來*/ 
  display: inline-flex;
  font-size: .875rem;
  margin: .5rem 0 0
}

.home-qrcode-countdown {
  align-items: baseline;
  display: flex
}

#qrcode-countdown {
  color: #da3700;
  font-size: 2rem;
  font-weight: 600;
  margin-right: .5rem
}

.home-bottomTool {
  bottom: 5.25rem
}

.home-bottomTool,
.home-chatbot {
  position: fixed;
  right: 0;
  z-index: 2000
}

.home-chatbot {
  bottom: 4.25rem;
  display: block
}

.home-goTop {
  opacity: 1;
  position: absolute;
  right: 2.8rem;
  visibility: visible
}

.home-goTop-item {
  background-color: #fabe00;
  border-radius: 50%;
  box-shadow: .125rem .125rem .625rem rgba(46, 11, 0, .1), inset -.125rem -.125rem .25rem #d7a300, inset .125rem .125rem .25rem #ffd960;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  line-height: 0;
  padding: .8125rem;
  transition: box-shadow .3s ease-in-out, background-color .3s ease-in-out
}

.home-goTop-item:hover {
  background-color: #faa500;
  box-shadow: .125rem .125rem .625rem rgba(46, 11, 0, .1), inset -.125rem -.125rem .25rem #de9300, inset .125rem .125rem .25rem #ffc656
}

.home-goTop-item:focus {
  outline: .1875rem solid #ffbf60 !important;
  outline-offset: .0625rem
}

.home-forget-pwd {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem
}

.home-forget-pwd a {
  color: #da3700;
  text-decoration: underline
}

.home-hidden {
  display: none !important
}

#login-execure-layout {
  text-align: center
}

.home-qrcode-info {
  height: 1.25rem
}

.home-center {
  text-align: center
}

.home-box-label {
  font-weight: 600
}

.home-box-icon {
  background-color: #fff5e8;
  border-radius: 50%;
  display: inline-flex;
  padding: .75rem
}

@media (min-width:1024px) and (max-width:1440px) {
  .home-login-main {
    left: 5rem
  }
}

@media (max-width:1024px) {
  .home-login-main {
    left: 50%;
    padding: 1.25rem;
    position: relative;
    top: 0;
    transform: translateX(-50%)
  }

  .footer-main,
  .header-main,
  .news-base {
    padding: .5rem
  }
}

@media (max-width:768px) {
  .home-box {
    width: 12rem
  }

  .home-box-main {
    padding: 1rem 1rem 2rem
  }

  .home-login-main {
    border-radius: 0;
    min-width: 300px;
    width: 100%
  }

  .home-title {
    display: block;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-align: center
  }

  .home-chatbot {
    bottom: .8rem;
    position: absolute;
    right: 0;
    z-index: 1000
  }

  .home-chatbot img {
    width: 4rem
  }

  .button-layout-keyboard {
    display: none
  }
}

@media (max-width:768px) and (max-width:426px) {
  .home-box-main {
    flex-direction: column;
    gap: 1.5rem;
    justify-content: center
  }

  .home-box {
    width: 100%
  }
}

@media (max-width: 767px) {
    .swiper-banner-img {
        min-height: unset;
        aspect-ratio: 1 / 1;
        width: 100%;
    }
}

/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[3]!./src/style/variables.scss ***!
  \**************************************************************************************************************************************************************************************************/