@charset "UTF-8";
.header-menu, .promise {
  display: none; }

body {
  background: #F3F9FC; }
  body .site-body {
    padding: 10px 20px; }

.item-name {
  text-align: left;
  padding-left: 1vh; }
  .item-name label {
    width: 100%; }

.form-horizontal .checkbox {
  padding-top: 0; }

.form-horizontal .radio-inline.btnRadio {
    padding-top: 0;
    margin: 0px 20px 10px 0px;
    width: 130px;
    height: 50px;
    border-radius: 6px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    font-size: 16px;
    color: #86898b;
    text-align: center;
    line-height: 50px;
    cursor: pointer; }

.form-horizontal .radio-inline.btnRadio.selected {
    border: none;
    background-color: #01bfa5;
    color: #fff;
}

.form-horizontal .radio-inline.btnRadio.btn-lang-class {
    width: 285px;
}

.btn-toolbar {
    display: flex;
    margin-top: 10vh;
    flex-wrap: wrap;
}

.mb-0 {
  margin-bottom: 0; }

.form-code {
  /*width: 110px;*/
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  top: 5px;
  /*justify-content: flex-end;
    right: 0px;*/ }

.notice-field {
  width: 100%;
  height: 130px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  overflow-y: scroll;
  padding: 30px;
  font-weight: 600; }
  .notice-field p {
    margin-bottom: 0px;
    white-space: pre-wrap;
    font-family: Noto Sans TC,微軟正黑體,Roboto,Helvetica,sans-serif !important;
    -webkit-font-smoothing: antialiased; }

.checkbox label {
  padding: 0 0 0 5px; }

.customer-style input:checked ~ .checkmark {
  background: -webkit-linear-gradient(#01bfa5, #01bfa5);
  background: -o-linear-gradient(#01bfa5, #01bfa5);
  background: -moz-linear-gradient(#01bfa5, #01bfa5);
  background: linear-gradient(#01bfa5, #01bfa5); }

.download-file {
  position: absolute;
  line-height: 35px;
  right: 0; }

.btn_round:hover, .btn_square:hover {
  color: #fff;
  background-color: #48cbb9; }

.btn_round {
  border-radius: 5px; }

.btn_yellow:hover {
    background-color: #ffc131;
}

.btn_yellow {
    background-color: #feb100;
}

.btn_confirm:hover {
    background-color: #2cbaff;
}

.btn_confirm {
    background-color: #029CE6;
}

.btn_round, .btn_square {
    /*width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;*/
    width: 190px;
    height: 50px;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    padding: 10px 10px;
    color: #fff;
    font-size: 18px;
    /*background-color: #01bfa5;*/
    /*display: block;*/
    display: flex; /* 關鍵：改用 flex 排版 */
    align-items: center; /* 垂直置中 */
    justify-content: center; /* 水平置中 */
    white-space: nowrap;
    box-sizing: border-box; /* 確保 padding 不影響寬高 */
    margin-bottom: 10px;
}

.btn_border_green {
    background-color: #fff;
    border: 2px solid #01bfa5;
    color: #01bfa5;
}

    .btn_border_green:hover {
        background-color: #01bfa5;
        color: #fff;
    }

.btn_reset_border {
    background-color: #fff;
    border: 2px solid #2cbaff;
    color: #2cbaff;
}

    .btn_reset_border:hover {
        background-color: #2cbaff;
        color: #fff;
    }

#refreshImg {
    cursor: pointer;
}

.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0; }

a.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: left; } }

@media (max-width: 767px) {
  .form-horizontal .radio-inline.btnRadio {
    margin: 0px 10px 10px 0px; }
  .btn_round, .btn_square {
    padding: 15px 30px; } }

@media (max-width: 670px) {
  .download-file {
    top: 30px; } }

@media (max-width: 376px) {
  .form-horizontal .radio-inline.btnRadio {
    margin: 0px 0px 10px 0px; }
  .download-file {
    top: 50px; } }

@media (max-width: 360px) {
  .form-horizontal .radio-inline.btnRadio {
    margin: 0px 0px 10px 0px; } }

@media (max-width: 320px) {
  .form-horizontal .radio-inline.btnRadio {
    width: 110px; }
  .fa-refresh {
    display: none; }
  .btn_round, .btn_square {
    padding: 15px 20px; } }