@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;200;300;400;500;600;700;800;900&display=swap');


body {
  font-family: 'Noto Sans TC', sans-serif !important;
}

.bg-body-tertiary {
  background-color: transparent !important;
}

.navbar-expand-lg .navbar-collapse {
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
}

/******************************************* header ***/
h1.newZeroTitle {
  margin: 0;
  padding: 0;
  font-size: 0 !important;
  height: 0;
}

.logo_img {
  width: 260px;
  height: 41px;
  filter: drop-shadow(5px 5px 12px rgba(255, 255, 255, 0.3)) drop-shadow(5px 5px 30px rgba(255, 255, 255, 0.6));
}

.navbar-toggler:focus {
  box-shadow: none;
  background-color: #fff;
}

/*******************************************  共用 ***/
.row {
  --bs-gutter-x: 16px;
}

.smooth-shadow-md {
  border-radius: 10px;
  border: none;
  box-shadow: 5px 10px 5px rgba(116, 116, 116, 0.2);
  margin-bottom: 20px !important;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #624bff;
  --bs-btn-border-color: #624bff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #624bff;
  --bs-btn-hover-border-color: #624bff;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #624bff;
  --bs-btn-active-border-color: #624bff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #624bff;
  --bs-btn-disabled-border-color: #624bff;
}

.btn-primary {
  background-color: #624bff;
  border-color: #624bff;
  color: #fff;
}

.btn-outline-primary {
  border-color: #624bff;
  color: #624bff;
  background-color: #fff;
}

.btn-primary:hover {
  background-color: #5340d9;
  border-color: #5340d9;
}

.btn-outline-primary:hover {
  border-color: #5340d9;
  background-color: #5340d9;
  color: #fff;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #b2b2b2;
  border-radius: 5px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  border-radius: 5px;
  /*  background-color: #f5f5f5*/
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .0);
  background-color: #416784;
  background-color: #7b7b7b;
}

a {
  /*color: #f25702;*/
  color: #0468f1;
  text-decoration: none;
}

a.text_black,
.text_black {
  color: #000000;
}

span.text_black {
  /*   line-height: 1rem;*/
  vertical-align: middle;
  padding: 5px;
}

.text_black {
  color: #000000;
}

.txt_blue {
  color: #0468f1;
}

a {
  color: #1cb6fe;
  text-decoration: none;
}

a:hover {
  color: #0468f1;
  text-decoration: underline;
}

.breadcrumb a {
  color: #637381;
  text-decoration: none;
}

hr {
  clear: both;
  margin: 2rem 0 0.5rem 8px !important;
  color: inherit;
  border: 0;
  border-top: 2px solid #ddd;
  opacity: 1;
  width: calc(100% - 17px) !important;
}

.text-left {
  text-align: left !important;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(var(--bs-border-width) * -1);
  border-top-left-radius: var(--bs-border-radius);
  border-bottom-left-radius: var(--bs-border-radius);
}

.form-check {
  margin-top: -5px;
}

.lable_asx2 {
  margin-left: 27px;
  font-weight: 900;
}

.othereason_input .form-control {
  width: calc(100% - 10px) !important;
}

textarea.form-control {
  min-height: 80px;
}

/******************************************* 開闔 **************************/
.dropdown [data-toggle="dropdown"] {
  position: relative;
  display: block;
}

.dropdown .icon-arrow {
  position: absolute;
  display: block;
  font-size: 0.7rem;
  color: #fff;
  top: 2px;
  right: 10px;
}

.dropdown .icon-arrow.open {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}

.dropdown .icon-arrow.close {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}

.dropdown i.icon-arrow:before {
  content: '\25BC';
}

.dropdown .dropdown-menu {
  max-height: 0;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
}

.dropdown .dropdown-menu {
  display: block;
  transition: height 1s;
}

.dropdown .show,
.dropdown .hide {
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.dropdown .show {
  max-height: 9999px;
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  animation: showAnimation 0.5s ease-in-out;
  -moz-animation: showAnimation 0.5s ease-in-out;
  -webkit-animation: showAnimation 0.5s ease-in-out;
  -moz-transition: max-height 1s ease-in-out;
  -o-transition: max-height 1s ease-in-out;
  -webkit-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
}

.dropdown .hide {
  max-height: 0;
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  animation: hideAnimation 0.4s ease-out;
  -moz-animation: hideAnimation 0.4s ease-out;
  -webkit-animation: hideAnimation 0.4s ease-out;
  -moz-transition: max-height 0.6s ease-out;
  -o-transition: max-height 0.6s ease-out;
  -webkit-transition: max-height 0.6s ease-out;
  transition: max-height 0.6s ease-out;
}

/******************************************* 表單 *****************/


.form-select,
.form-control {
  border: 1px solid #bdc2c2;
  height: 38px;
}

.form-select {
  border-radius: 0.375rem !important;
  border-radius: 4px !important;
}

.form-control_2 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #bdc2c2;
  border-radius: .375rem;
  color: #637381;
  display: inline-block;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.5;
  padding: .5rem 1rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.col-auto .form-control_2 {
  padding: .5rem 0.5rem;
  height: 37px;
}

.form-check,
.form-check label {
  line-height: 2rem;
}

.form-check-input[type=radio],
.form-check-input[type=checkbox] {
  margin-top: 10px;
  margin-right: 4px;
  border: 1px solid #bdc2c2;
  zoom: 1.3;
}

.form-check-label {
  margin-top: 6px;
  /*  word-break: break-all;
  word-wrap: break-word;*/
  display: flex;
}

td .form-check-label {
  display: inline-block;
}

.form-check .form-check-input {
  float: left;
  /*  margin-left: -18px;*/
  margin-left: -1.14rem;
}

@media only all and (max-width: 1280px) {
  .d-flex.flex-column .form-check-label {
    display: block;
  }

  .lable_asx2 {
    width: 100%;
    text-align: left !important;
  }

  .col_right .input-group {

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;

  }

  .col_right .input-group .col_right .form-select,
  .col_right .input-group .col_right .form-control {
    width: auto !important;
  }

  .col_right .query_box .input-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;

  }

  .col_right .query_box .input-group .lable_asx {
    width: 100%;
    text-align: left !important;
  }
}

.color_red {
  color: #df2946;
  vertical-align: middle;
}

/*表格*/
.mainBottm_inner_table tbody tr th {
  color: #FFF;
  background-color: #124098;
}

.page-wrap {
  position: relative;
}

/*
.page-wrap.sign_up .mainBottm_inner_table tbody tr .tr_color1 {
  background-color: #D7E9F0;
}

.page-wrap.sign_up .mainBottm_inner_table tbody tr .tr_color2 {
  background-color: #EAF3F7;
}*/

.page-wrap .zdfa {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #43afcb !important;
}

.text-body-emphasis {
  color: #004860;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #e2763a;
  border: 1px solid #e2763a;
}

.page-link {
  position: relative;
  display: block;
  color: #000;
}

.form-control:disabled {
  background-color: #d9dcdf;
}

.col-md-4 .width_01 {
  width: 150px;
  /*  width: calc(100% - 100px);*/
}

.width_01 {
  width: calc(100% - 46px);
}

.col-row {
  display: inline-flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: flex-start !important;
}

.col-row > .form-check {
  margin-top: 0px;
}

.col-row label {

  white-space: nowrap;
}

.col-second {
  background-color: #d2dfe8;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 20px;
  width: 100%;
}

.col-second_2 {
  background-color: #d2dfe8;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 20px;
  width: 100%;
}

.col-row2 {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  width: 100%;
}

.spec_width_01 {
  margin-top: 10px;
  line-height: 1.5rem;
  /*  display: inline-block;
  width: 100% !important;*/

}

/******************************************* table ******************/
/*
table {
   width: 100%;
   border-collapse: collapse;
}

Zebra striping .page-wrap td,
.page-wrap th {
   padding: 10px;
   border: 1px solid #e5e5e5;
}

.page-wrap thead th {
   padding: 10px;
   color: #fff;
   font-size: 1rem;
   font-weight: 600;
   border: 1px solid #e5e5e5;
   background-color: #4c4c4c;
}

.page-wrap tbody tr td {
   padding: 10px;
   color: #000;
   font-size: 0.975rem;
   position: relative;
}

.page-wrap tbody tr:nth-child(odd) td {
   background-color: #fff;
}

.page-wrap tbody tr:nth-child(2n) td {
   background-color: #f0f0f0;
}

.table-bordered > :not(caption) > * > * {
   border-width: 0 0px;
}
*/
/*
.page-wrap tbody th:first-of-type,
.page-wrap tbody td:first-of-type {
  border-left: 1px solid #e5e5e5 !important;
}

.page-wrap tbody th:last-of-type,
.page-wrap tbody td:last-of-type {
  border-right: 1px solid #e5e5e5 !important;
}
*/
.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #4c4c4c;
  --bs-table-border-color: #4d5154;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #4c4c4c;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

/*.bootstrap-table table.table-hover tbody tr:hover {
   background: #fdf8c4 !important;
}*/

.table {
  /*    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);*/
  --bs-table-hover-bg: #fdfbe4;
}

.bootstrap-table .fixed-table-container .table tfoot th .th-inner,
.bootstrap-table .fixed-table-container .table thead th .th-inner {
  padding: .5rem;
  vertical-align: middle !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bootstrap-table .fixed-table-container .table thead th {
  vertical-align: middle !important;
}

.bootstrap-table table.table-bordered tbody tr td {
  padding: .5rem;
}

.bootstrap-table table.table-sm.table-bordered tbody tr td {
  padding: .25rem;
}

.select,
#locale {
  width: 100%;
}

.like {
  margin-right: 10px;
}

.bootstrap-table .fixed-table-container .table tbody tr.selected td {
  background-color: #e0d8a9;
  background-color: #fbf9c2;
}

.bootstrap-table .fixed-table-container .table tbody tr.disabled td {
  background-color: #e1e1e0;
  opacity: 0.6;
}

.td_img {
  width: 30px;
  height: auto;
  vertical-align: middle;
  /*   margin-top: -5px;*/
  /*  float: right;*/
}

.td_img2 {
  width: 50px;
  height: auto;
  vertical-align: top;
  margin-top: -5px;
  /*  float: right;*/
}


.bootstrap-table .fixed-table-container .table tbody tr td .style01_btn,
.bootstrap-table .fixed-table-container .table tbody tr td .style02_btn,
.bootstrap-table .fixed-table-container .table tbody tr td .style03_btn,
.bootstrap-table .fixed-table-container .table tbody tr td .style04_btn {
  zoom: 0.8;
  /*  min-width: 80px;*/

}

.bootstrap-table .fixed-table-container .table tbody tr.disabled td .style01_btn,
.bootstrap-table .fixed-table-container .table tbody tr.disabled td .style02_btn,
.bootstrap-table .fixed-table-container .table tbody tr.disabled td .style03_btn,
.bootstrap-table .fixed-table-container .table tbody tr.disabled td .style04_btn {
  zoom: 0.8;
  color: #181818;
  background-color: #9a9a9a;
  border: 5px solid #6f6f6f;
}

.bootstrap-table .btn {
  border-radius: 6px;
  background-color: #e2763a !important;
  border: 1px solid #e2763a !important;
  padding: 6px 12px;
}



.bootstrap-table .btn:hover {
  color: #fff;
  border-radius: 6px;
  background-color: #000 !important;
  border: 1px solid #000 !important;
  padding: 6px 12px;
}

.modal .btn.btn-primary {
  background-color: #e2763a;
  border: 1px solid #e2763a;
}

.modal .btn.btn-primary:hover,
.modal .btn.btn-outline-primary:hover {
  background-color: #000;
  border: 1px solid #000;
}

.modal .btn.btn-outline-primary {
  border: 1px solid #e2763a;
}

.modal .btn {
  border-radius: 0.375rem;
  /* background-color: #fff;
 border: 1px solid #ccc;
 padding: 6px 12px;
 outline: 0;
 cursor: pointer;*/
}

input[type="text"],
input[type="email"],
input[type="password"] {
  max-height: 38px;
}

/******************************************* 內頁 模組 header ***/
.bg-light {
  margin: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: #fff;
  opacity: 1;
}

.header {
  width: 100%;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  box-sizing: border-box;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.8);
  border-bottom: 6px solid #161e26;
  transition: all 0.5s;
  z-index: 4;
}

.navbar-classic {
  background-color: #fff;
  box-shadow: none;
}

.header .navbar {
  padding: .625rem 2.5rem .625rem 0.5rem;
  flex-wrap: nowrap !important;
}

.header .navbar-classic {
  background-color: #fff;
  width: 100vw;
}

.header .navbar-nav {
  margin-right: 60px;
}

.header .newZeroTitle {
  color: #0c5e9e;
  display: inline-block;
  font-size: 2.3rem !important;
  height: auto;
  margin-left: 10px;
}

.header .logo a {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.header .header_img {
  width: 30px;
  height: auto;
  vertical-align: middle;
  position: relative;
}

.user_box {
  width: 300px;
}

.user_box .mb-1 {
  line-height: 1.5rem;
}

.user_box .lh-1 {
  border-bottom: 1px solid #e2e2e2;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 2px 0 7px 0;
}

.user_box .lh-1 a {
  color: #000;
  cursor: pointer;
  display: inline-block;
  width: 100%;
}

.user_box > div:last-child .lh-1 {
  border-bottom: 1px solid #fff;
}

@media only screen and (max-width: 1024px) {
  .header {
    width: 100%;
    height: 66px;
    display: flex;
    align-items: center !important;
    /*    justify-content: flex-start !important;*/
    padding: 20px 0;
    box-sizing: border-box;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.8);
    border-bottom: 6px solid #161e26;
    transition: all 0.5s;
    z-index: 4;
  }

  .header .navbar {
    /*    display: flex;*/
    width: 100% !important;
    /*
    display: flex;
    align-items: flex-start !important;
    justify-content: flex-start !important;
*/
  }



  .header .d-lg-block {
    width: 100% !important;
    zoom: 0.7;

    width: 100% !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  .header .d-lg-block,
  .header nav > ul {
    /*    display: flex;*/

  }

  .header nav > ul {
    width: 100% !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    /*    zoom: 0.9;*/
  }

  .header .navbar-nav {
    margin-right: 0px;
  }
}

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

  .header .newZeroTitle {
    font-size: 1.8rem !important;

  }
}

/************************************************************table有捲軸 **************************/
.electiveTable {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

@media only screen and (max-width: 1280px) {
  table.mainTable {
    min-width: 1200px;
  }
}

table.mainTable {
  width: 100%;
}

/******************************************* sidebar 顯示/隱藏 按鈕 ***/
.toggle_h {
  position: absolute !important;
  top: 10px;
  right: 30px;
  z-index: 999;
}

.toggle_s {
  position: absolute;
  top: 10px;
  right: 10px;
}

.header .btn:target,
.toggle_h .btn:target {
  border: 4px solid #f3f3f3 !important;
}

.header .btn:hover,
.toggle_h.btn:hover,
.toggle_s.btn:hover {
  background-color: #ebeaea !important;
  border: 1px solid #ebeaea !important;
}

.toggle_h .header_img,
.toggle_s .header_img {
  width: 30px;
  height: auto;
  vertical-align: middle;
}

.toggle_l {
  /*   width: 25px;
   height: 100vh !important;*/
  /*  min-height: 100vh !important;*/
  background-color: #fff !important;
  border: none;
  box-shadow: 5px 15px 15px rgba(116, 116, 116, 0.8);
  display: inline-block;
  margin-top: 0 !important;
}

.toggle_l {
  width: 25px;
  height: calc(100vh - 66px);
  position: fixed;
  top: 66px;
  left: 0;
  z-index: 1;
}

.toggle_l .header_img {
  width: 20px;
  height: auto;
  vertical-align: top;
  margin-left: -5px;
}

/******************************************* sidebar ***/
#siderbox_navbar {
  width: 250px;
  height: calc(100% - 62px);
  position: fixed;
  top: 62px;
  left: 0;
  box-shadow: 5px 15px 15px rgba(116, 116, 116, 0.8);
  z-index: 2;
}

.navbar-vertical {

  background-color: #161e26;
  border-right: 1px solid #161e26;


  width: 250px;
  height: 100vh;
  position: relative;
  overflow: auto;
}

.navbar-vertical .navbar-nav .nav .nav-item .nav-link {
  color: #919eab;
  /*  color: #e1ffb2;
  color: #e1ffb2;*/
  padding: .75rem 3rem 1rem 2.5rem !important;
}



.navbar-vertical .navbar-nav .nav-item .nav-link {
  align-items: flex-start;
  color: #fff;
  display: flex;
  font-weight: 500;
  line-height: 2rem;
  -webkit-transition: all .5s;
  transition: all .5s;
  white-space: wrap !important;
}


.navbar-vertical .navbar-nav a:hover {
  opacity: 0.9;
  color: #fff !important;
  background-color: #ce9635;
  text-decoration: none;
}

.navbar-vertical .navbar-nav .nav-item .nav-link[data-bs-toggle=collapse]:after {
  right: 0.8rem;
  top: 0.8rem;
  /*  filter: invert(100%);*/
  background: url(../images/chevron-down.svg);
}

.navbar-vertical .navbar-nav .nav-item .nav-link:hover:after {
  background: url(../images/chevron-down.svg);
}

.navbar-vertical .navbar-heading {
  color: #fff;
  font-size: .75rem;
  font-weight: 400;
  padding: 1rem 1.5rem;
  text-transform: uppercase;
  opacity: 0.6;
}

.navbar-vertical .navbar-nav .nav-item .nav span {
  line-height: 1.3rem;
  /*  word-break: break-all;
  word-wrap: break-word;*/
}



.navbar-vertical .navbar-nav .nav-item .nav-link img {
  width: 28px !important;
  height: 28px !important;
  opacity: 0.6;
  margin-right: 8px;
}

.navbar-vertical .navbar-nav .nav-item:last-of-type {
  margin-bottom: 0px;
}

.no_submenu .nav-item span {
  width: 80%;
  line-height: 1.3rem;

}

.navbar-vertical .navbar-nav .nav-item .nav-link .me-1 {
  white-space: nowrap;
}

.navbar-vertical .navbar-nav .nav-item .nav-link .submenu-2 {
  width: 150px !important;
  word-break: break-all;
  word-wrap: break-word;
}

/******************************************* 內頁 main Content ***/
.main_content {
  flex: 0 0 100%;
  display: flex;
  overflow: auto;
  background-color: #d0d0d0;
  background-color: #c2c2c2;
  margin: 0 !important;
  padding: 0 !important;
}

.content {
  float: left;
  width: calc(100% - 260px - 0px);
  margin-left: 260px;
  margin-right: 10px;
  height: 100vh;

}

@media only all and (max-width: 1200px) {
  /*.content {
  width: calc(100% - 260px - 0px) !important;
}*/
}

.content_single {
  float: left;
  width: 100%;
  height: 100vh;
}

/******************************************* 查詢欄位 ***/
.title_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  border-bottom: 3px solid #f0490e;
  padding-bottom: 0px;
}


.single_card .title_box h2 {
  font-size: 1.4rem;
  color: #f0490e;
  text-align: left;
}

.single_card {
  margin: 0 12px;
}

a.fileBtn2 {
  color: #FFF !important;
  min-width: 50px;
  white-space: nowrap;
  display: inline-block;
  padding: 2px 15px;
  background-color: #e2763a;
  border-radius: 10px;
  border: 1px solid #e2763a;
  font-size: 1rem;
  line-height: 1.8rem;
  text-align: center;
  transition: 0.3s all;
  text-decoration: none;
  margin-bottom: 2px;
}

a.fileBtn2:hover {
  background-color: #000;
  border: 1px solid #000;
}


.title_s_color a.fileBtn2 {
  border-radius: 5px;
  font-size: 0.85rem;
  padding: 2px 8px;
  line-height: 1.3rem;


}

.query_box {
  /*  margin-bottom: 30px;*/
  padding: 1rem 0.5rem 0.5rem 0.5rem;
  margin-left: 0px;
  margin-right: 0px;
  background-color: #e7e7e0;
  /* border: 2px solid #e9e8c5;*/
  box-shadow: inset 0 0 10px rgba(0, 0, 0, .2);
  box-shadow: inset 0 0 10px rgba(143, 143, 101, .3);
}

.query_box hr {
  clear: both;
  margin: 2rem 0 0.5rem 0px !important;
  color: inherit;
  border: 0;
  border-top: 2px solid #ddd;
  opacity: 1;
  width: calc(100% - 0px) !important;
}

.query_box > div:last-of-type {
  margin-bottom: 20px;
}

.more_b > .btn,
.more_b > .btn-group {
  margin: .25rem .125rem;
}

/******************************************* 儀表板 ***/
.topIconNoticeRed {
  position: absolute;
  top: -5px;
  right: -10px;
  color: #fff;
  font-size: 0.7rem;
  padding: 1px 4px 2px 4px;
  margin: 0;
  line-height: 13px;
  min-width: 15px;
  border-radius: 15px;
  background-color: #d10505;
}

.board .title_box h2 {
  color: #f25702;
  font-size: 1.1rem;
  line-height: 1.3rem;
  padding-top: 10px;
  position: relative;
}

.board .title_box h2 .topIconNoticeRed {
  position: relative;
  /*  top: -10px;
  right: -30px;*/
  color: #fff;
  font-size: 0.7rem;
  padding: 1px 4px 2px 4px;
  margin: 0;
  line-height: 13px;
  min-width: 15px;
  border-radius: 15px;
  background-color: #d10505;

}

.board .title_box h2 .topIconNoticeRed a {
  color: #fff;

}

.board .title_box {
  text-align: center !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  border-bottom: 3px solid #fff;
  padding-bottom: 0px;
}

ul.list_item_3 {
  list-style-image: url('../images/com-icon-1.png');
  list-style-position: outside;
  padding-left: 1rem;
}

ul.list_item_3 li {
  margin-bottom: 5px;
}

ul.list_item_3 li a {
  color: #000;
  line-height: 1.2rem;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #fff;
}

ul.list_item_3 li a:hover {
  color: #146a82;
}

.board .col-4 .card,
.board .col-8 .card {
  height: 210px;
  min-height: 210px;
  position: relative;
}



.text-right {
  text-align: right;
}

/*.board .form-check {
   margin-top: -20px;
}*/

.board .form-check label {
  /*  line-height: 1rem;*/
  /*   width: 90%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;*/
  /*   margin-top: 12px;*/
}

.board .form-check-input[type=radio],
.board .form-check-input[type=checkbox] {
  /*   margin-top: 5px;*/
  /*   margin-top: 10px;*/
  zoom: 1.2;
}

.board .titleRightBtn .more {
  position: absolute;
  right: 20px;
  top: 25px;
  text-decoration: none;
}

.board .col-12 .card .form-select {
  background-image: url("../images/icon_arrowndown.svg");
  background-position: right;
  font-size: 1.1rem;
  font-weight: 600;
  color: #f25702;
  border-radius: 0;
  background-color: transparent;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-bottom: 1px solid #f25702;
  padding-left: 3px;
}

.board .col-12 .card .form-select option {
  color: #000;
}

.board .single_card {
  margin: 0;
}

.title_s {
  color: #f25702;
  font-size: 1.1rem;
  line-height: 1.3rem;
  padding-top: 20px;
  padding-bottom: 5px;
  font-weight: 500;
}

/*
.board .title_s_color {
   color: #fff;
   background-color: #ce9e4c;
   display: inline-block;
   width: 100%;
   padding: 6px 10px;
   margin-right: 5px;
   margin-top: 10px;
}
*/

.title_s_color {
  color: #fff;
  background-color: #ce9e4c;
  /* display: inline-block;*/
  width: 100%;
  padding: 0 10px;

  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  /*line-height: 1.5rem;*/

}

.title_s_color h2 {
  color: #fff;
  font-size: 1rem;
  /*   line-height: 1.3rem;
   padding-top: 10px;*/
  margin-bottom: 0;

  position: relative;
  padding: 10px 0;
}

.title_s_color h3 {
  color: #fff;
  font-size: 1rem;
  /*   line-height: 1.3rem;
   padding-top: 10px;*/
  margin-bottom: 0;

  position: relative;
  padding: 10px 0;
}

.title_s_color h2 .topIconNoticeRed,
.title_s_color h3 .topIconNoticeRed {
  position: relative;
  /*  top: -10px;
  right: -30px;*/
  color: #fff;
  font-size: 0.7rem;
  padding: 1px 4px 2px 4px;
  margin: 0;
  line-height: 13px;
  min-width: 15px;
  border-radius: 15px;
  background-color: #d10505;

}

.title_box2 h4 .topIconNoticeRed {
  position: relative;
  top: -5px;
  right: -10px;
  color: #fff;
  font-size: 0.7rem;
  padding: 1px 4px 2px 4px;
  margin: 0;
  line-height: 13px;
  min-width: 15px;
  border-radius: 15px;
  background-color: #d10505;

}


.title_s_color h2 .topIconNoticeRed a,
.title_s_color h3 .topIconNoticeRed a,
.title_box2 h4 .topIconNoticeRed a {
  color: #fff;
  text-decoration: none !important;
  cursor: default;
}

.title_box2 h4 .topIconNoticeRed a {
  color: #fff;
  text-decoration: none !important;
  cursor: default;
}

.title_s.status_orange {
  color: #fa6806;
}

.title_s.color_red {
  color: #df2709;

}

.status_red {
  color: #f2473a;
}

.status_orange {
  color: #ffc000;
}

.status_purple {
  color: #bd92df;
}

.status_green {
  color: #b0da60;
}

.status_gray {
  color: #aabdcc;
}

.status_black {
  color: #000000;
}

.status_bg_red,
.status_bg_orange,
.status_bg_purple,
.status_bg_green,
.status_bg_gray {
  text-align: center;
  font-weight: 500;
}

.status_bg_red {
  background-color: #f2473a;
  border-color: #f2473a;
  text-shadow: 1px 1px 2px rgba(84, 16, 11, 0.5), 0 0 1px rgba(84, 16, 11, 0.5), 0 0 2px rgba(84, 16, 11, 0.5);
}

.status_bg_orange {
  background-color: #ffc000;
  border-color: #ffc000;
  text-shadow: 1px 1px 2px rgba(112, 59, 23, 0.5), 0 0 1px rgba(112, 59, 23, 0.5), 0 0 2px rgba(112, 59, 23, 0.5);
}

.status_bg_purple {
  background-color: #bd92df;
  border-color: #bd92df;
}

.status_bg_green {
  background-color: #b0da60;
  border-color: #b0da60;
}

.status_bg_gray {
  background-color: #aabdcc;
  border-color: #aabdcc;
}



.page-wrap ul.list_item_3 li {
  width: 100% !important;
  /*   display: inline-flex;*/
  border-bottom: 1px solid #f1f1f1
}

/*.page-wrap ul.list_item_3 li a {
   width: 100% !important;
   display: inline-block;
   border-bottom: 1px solid #f1f1f1
}*/

/*.page-wrap.table_hi1 {
   width: 100%;
   height: 140px;
   overflow-x: hidden !important;
   overflow-y: auto;
}*/

/*@media only all and (max-width: 1280px) {
   .page-wrap.table_hi1 {
      overflow-x: auto !important;
   }
}

.page-wrap.table_hi1 .mainTable {
   min-height: 140px;
}*/

/*.table_hi2 {
   height: 523px;
   overflow-y: auto;
}*/

/*@media only all and (max-width: 1280px) {
  .table_hi2 {
    height: 45vh;
  }
}*/
/*
.board .page-wrap tbody tr:nth-child(2n) td {
   background-color: #fff;
}

.board .mainTable {
   width: 100%;
}

.board .page-wrap td {
   padding: 3px;

}

.board .page-wrap thead th {
   padding: 3px;
   color: #fff;
   font-size: 1rem;
   font-weight: 600;

}

.board .page-wrap tbody tr td {
   padding: 3px;
   color: #000;
   font-size: 0.975rem;
}
*/

/*******************************************  行事曆 **************/
#calendar,
.fc {
  width: 100%;
  margin: 0 auto;
}

@media only all and (max-width: 1280px) {
  #calendar {
    zoom: 0.8;
  }
}

.fc-col-header,
.fc .fc-daygrid-body {
  width: 100% !important;
}

.fc .fc-scrollgrid-section-body table,
.fc .fc-scrollgrid-section-footer table {
  width: 100% !important;
}

.fc-toolbar h2 {
  color: #000;
}

#calendar .fc-col-header-cell-cushion,
#calendar .fc-daygrid-day-number {
  color: #000;
}

a.fileBtn3 {
  color: #000 !important;
  min-width: 50px;
  white-space: nowrap;
  display: inline-block;
  padding: 2px 8px;
  background-color: #fff;
  border-radius: 15px;
  border: 1px solid #fff;
  font-size: 1rem;
  line-height: 1.3rem;
  text-align: center;
  transition: 0.3s all;
  text-decoration: none;
  margin-bottom: 2px;
}

a.fileBtn3.current:hover {
  background-color: #000;
  border: 1px solid #000;
}

a.fileBtn3.current {
  color: #FFF !important;
  min-width: 50px;
  white-space: nowrap;
  display: inline-block;
  padding: 2px 8px;
  background-color: #e2763a;
  border-radius: 15px;
  border: 1px solid #e2763a;
  font-size: 1rem;
  line-height: 1.3rem;
  text-align: center;
  transition: 0.3s all;
  text-decoration: none;
  margin-bottom: 2px;
}

a.fileBtn3.current:hover {
  background-color: #000;
  border: 1px solid #000;
}

.iconExp {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}

.iconExp div {
  font-size: 0.8rem;
  margin: 5px 10px;
}

#calendar a {
  text-decoration: none;
}

.tooltip-inner {
  text-align: left !important;
  background-color: transparent;
}



.tooltip {
  top: 248px;
  left: 0px;
}

@media only all and (max-width: 1746px) {

  .tooltip {
    top: 214px;
    left: -17px;
  }
}

@media only all and (max-width: 1536px) {

  .tooltip {
    top: 171px;
    left: -40px;
  }
}

@media only all and (max-width: 1280px) {

  .tooltip {
    top: 135px;
    left: -62px;
  }
}


/*.fc-daygrid-day-frame.fc-scrollgrid-sync-inner {
   min-height: 150px !important;
}*/
.fc .fc-button-primary {
  /*  background-color: var(--fc-button-bg-color);
    border-color: var(--fc-button-border-color);
    color: var(--fc-button-text-color);*/
  background-color: #e2763a;
  border-color: #e2763a;


}

.fc .fc-button {
  /*    background-color: transparent;
    border: 1px solid transparent;*/
  border-radius: 10px;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 4px;

}

.fc-today-button {
  display: none !important;
}

.fc .fc-toolbar.fc-header-toolbar {
  margin-top: 10px;
  margin-bottom: 10px;
}

/*******************************************  案件綜合查詢 **************/
.page_box .col-auto:nth-child(1) {
  width: calc(100% - 280px - 400px - 28px);
}

.page_box .col-auto:nth-child(2) {
  /*width: 280px;*/
}

.page_box .col-auto:nth-child(3) {
  width: 400px;
}

.result_notice {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.result_notice .caseP_img {
  width: 25px;
  height: auto;
}

.result_notice div,
.result_notice .color_red {
  vertical-align: top;
}

@media only all and (max-width:1280px) {
  .result_notice {
    display: inline-block;
  }

  .page_box .col-auto:nth-child(1) {
    display: inline-flex;
    width: 100%;

    position: relative;
  }

  .result_notice div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 0 20px;

    position: relative;
  }



  /*
  .page_box .col-auto:nth-child(2),
  .page_box .col-auto:nth-child(3) {
    width: 280px;
  }
*/
}

.result_notice del {
  vertical-align: top;
}

.result_notice .td_img {
  width: 24px;
  height: auto;
}

.result_notice div span {
  display: inline-block;
  white-space: nowrap
}

.caseP_img {
  width: 30px;
  height: auto;
}

.alert .form-check-input[type=radio],
.alert .form-check-input[type=checkbox] {
  zoom: 1.5;
}

.alert .form-check-label {
  zoom: 1.2;
  /*  display: inline-block;*/
}

/*******************************************  案件總表 **************/
.main_2 .single_card {
  margin: 0;
}

/*.main_2 h3 {
  color: #0c5e9e;
  font-size: 1.2rem;
}*/

/*******************************************  流程 **************/
.open_draggable {
  position: fixed;
  top: 79vh;
  right: -2px;
  text-align: left;
  z-index: 996;
}

.open_draggable .btn-primary {
  width: 60px;
  height: 50px;
}

.open_draggable .btn-primary img {
  width: 30px;
  height: auto;
}

.connectedSortable.dragsec_01,
.offcanvas-body .dragsec_01 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding: 10px;
  margin: 0 10px;
  cursor: move;
}

.connectedSortable.dragsec_01 li,
.offcanvas-body .dragsec_01 li {
  margin: 5px;
  width: 100px;

  height: 68px;
  padding: 5px 10px;
  border-radius: 10px;
  text-align: center;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  float: left;
}

.draggable {
  cursor: move;
}

.style01_btn {
  color: #5889DA;
  background-color: #DFF0FF;
  border: 1px solid #5889DA;
  color: #fff;
  background-color: #5889DA;
  border: 5px solid #5ddfff;
  white-space: nowrap;
  line-height: 1.2rem;
  height: 68px;

}

.style02_btn {
  color: #D18903;
  background-color: #FEEAC9;
  border: 1px solid #D18903;
  color: #fff;
  background-color: #fbaa40;
  border: 5px solid #5ddfff;
  white-space: nowrap;
  line-height: 1.2rem;
  height: 68px;

}

.style03_btn {
  color: #2D8686;
  background-color: #CBEDED;
  border: 1px solid #2D8686;
  color: #fff;
  background-color: #2D8686;
  border: 5px solid #5ddfff;
  white-space: nowrap;
  line-height: 1.2rem;
  height: 68px;

}

.style04_btn {
  color: #2D8686;
  background-color: #CBEDED;
  border: 1px solid #2D8686;
  color: #fff;
  background-color: #2D8686;
  border: 5px solid #5ddfff;
  white-space: nowrap;
  line-height: 1.2rem;
  height: 68px;

  background: #2D8686 url(../images/icon_casecycle.svg) 50% 50% no-repeat;

}

.connectedSortable {
  background-color: #d4d4d4;
  background-color: #e5e5e5;
  height: auto;
  display: inline-block;
  width: calc(100% - 0px);
  margin-left: 0 !important;
  /*  border: 3px dashed #e5e5e5;*/
  border-radius: 0px;
  box-shadow: inset 0 0 10px rgba(143, 143, 101, .3);
}

.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: 200px;
  max-height: 100%;
  border-top: 4px solid #fb9ea2;
  border-top: 4px solid #000;
  background-color: #4c4c4c;
  box-shadow: 0 2px 10px 0 rgba(235, 177, 151, 0.8);
}

.offcanvas-header {
  display: flex;
  align-items: center;
  padding: 1rem 1rem 0 1rem;
}

.offcanvas-body {
  flex-grow: 1;
  padding: 0 1rem;
  overflow-y: auto;
}

.offcanvas-title {
  color: #fff !important;
}

.data_table {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  padding: 10px;
  margin: 0 10px 0 0px;
  width: calc(50% - 10px);
}

.data_table .data_td_left {
  width: 25%;
  color: #73712b;
  font-weight: 500;
  text-align: right;
  padding-right: 5px;
  margin-bottom: 10px;
}

.data_table .data_td_right {
  width: 70%;
}

.data_table .data_td_right span {
  margin-right: 10px;
}

.tdNews2 {
  position: relative;
  background-color: #e7e7e0 !important;
  background-color: #4c4c4c !important;
  width: 100% !important;
  text-align: left !important;


}

.tdNews2 .data_table {
  justify-content: flex-start !important;
  align-items: flex-start !important;

}

.tdNews2:after {
  content: '';
  border: 10px solid;
  border-color: transparent transparent #e7e7e0 transparent;
  border-color: transparent transparent #4c4c4c transparent;
  position: absolute;
  left: 50px;
  top: -20px;
}

@media only screen and (max-width: 450px) {
  .tdNews2:after {
    left: 50px;
  }
}

.tdNews2:before {
  content: '';
  width: 0;
  height: 0;
  border: 10px solid;
  border-color: transparent transparent #e7e7e0 transparent;
  border-color: transparent transparent #4c4c4c transparent;
  position: absolute;
  left: 50px;
  top: -20px;
}

@media only screen and (max-width: 450px) {
  .tdNews2:before {
    left: 50px;
  }
}

.TDiconNewsShow {
  font-size: 0 !important;
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 5px;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
  background-color: #74b4ea;
  margin-left: 10px;
  margin-right: 5px;
  margin-top: 5px;
  position: absolute;
  right: 0;
}

.TDiconNewsShow:hover {
  background-color: #000;
}

.TDiconNewsShow img {
  width: 15px;
  height: 15px;
}



/************************************************************ td裡的流程 **************************/
.rwddragsec {
  width: 100%;
  /*   width: 300px;*/
  /*   overflow-x: auto;
   overflow-y: hidden;*/
  overflow: auto;

  /*   display: flex;
   flex-wrap: nowrap !important;
   justify-content: flex-start;
   align-items: flex-start;*/


}

/*@media only screen and (max-width: 1280px) {
   table.mainTable {
      min-width: 1200px;
   }
}*/

.rwddragsec .connectedSortable {
  width: 300px;
}

td .connectedSortable {

  background-color: transparent;
  height: auto;
  display: inline-block;
  width: calc(100% - 0px);
  margin-left: 0 !important;
  border-radius: 0px;
  box-shadow: none;
  display: flex;
  flex-wrap: nowrap !important;
  justify-content: flex-start;
  align-items: flex-start;
}

td .connectedSortable.dragsec_01 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding: 0px;
  margin: 0px;
  cursor: pointer;

}

hr.new1 {
  border-top: 3px solid #f0490e;
  padding: 0;
  width: 100% !important;
  margin: 30px 0 20px 0 !important;

}

hr {
  border: 0;
  border-top: 2px solid #eee;
  margin: 20px 0;
}

.page_box2 {
  margin: 0;
  border: 1px solid #eee;
}

/*******************************************  頁籤 **************/

.tbs_b .tab-content {
  margin-top: -20px;

}

.tbs_b .nav {
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #f15219;
  margin-bottom: 30px !important;
}

.tbs_b .nav-fill .nav-item,
.tbs_b .nav-fill > .nav-link {
  /*flex: 1 1 auto;*/
  flex: 0 1 auto;
  text-align: center;
  padding: 0 3px;
  margin-top: 4px;
}

.tbs_b .nav-fill .nav-item:first-child,
.tbs_b .nav-fill > .nav-link:first-child {
  padding: 0 3px 0 0px;
}

.tbs_b .nav-fill .nav-item:last-child,
.tbs_b .nav-fill > .nav-link:last-child {
  padding: 0 0px 0 3px;
}

.tbs_b .nav-pills .nav-link {}

.tbs_b .nav-pills .nav-link.active,
.tbs_b .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #f15219;
  font-size: 1.2rem;
}

.tbs_b .nav-pills .nav-link.active:hover,
.tbs_b .nav-pills .show > .nav-link:hover {
  color: #fff;
  background-color: #000;
  font-size: 1.2rem;
}

.tbs_b .nav-link {
  display: block;
  color: #333333;
  font-size: 1.2rem;
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  background-color: #edeae8;
}

.tbs_b .nav-link:hover {
  color: #fff;
  background-color: #000;
}


.td_color_31 {
  background-color: #fdf993 !important;
  /*  border-right: 1px solid #e5e5e5 !important;*/
}

.td_color_32 {
  color: #fff !important;
  background-color: #4c4c4c !important;
}

.td_color_33 {
  background-color: #fbf9c2 !important;
}

.td_color_33 td {
  background-color: #fbf9c2 !important;
}

.data-table td span {
  margin-right: 10px;
}

/*.data-table .page-wrap .td_color_2.td_color_2_line {
  border-right: 1px solid #e5e5e5 !important;
}*/

.data-table .page-wrap tbody tr:nth-child(2n) td {
  background-color: #FFFFFF;
}


/***********************************************************調整頁籤**************************/
.tab-pane.fade.active.show h3 {
  display: none;
}

.tab-pane.fade.active.show .title_s_color {
  /*
  padding-top: 4px;
  padding-bottom: 4px;
*/
  justify-content: flex-end;

}

.title_s_color .titleRightBtn {
  padding-top: 4px;
  padding-bottom: 4px;

}


/*******************************************  報告矩陣 **************/
.review_box {
  padding-bottom: 2rem;
}

.review_box .title_s {
  padding-bottom: 8px;
  border-bottom: 3px solid #f25702;
}

.td_color_0 {
  color: #fff !important;
  background-color: #4c4c4c !important;
}

.td_color_0_1 {
  background-color: #e5e5e5 !important;
  /*   background-color: #fff !important;*/
}

.td_color_1 {
  color: #fff !important;
  background-color: #219190 !important;
}

.td_color_1_1 {
  color: #000 !important;
  background-color: #effff0 !important;
}

.td_color_1_2 {
  color: #000 !important;
  background-color: #d8f7db !important;
}

.td_color_2 {
  color: #fff !important;
  background-color: #f2784e !important;
}

.td_color_2_1 {
  background-color: #ffded9 !important;
  background-color: #ffede3 !important;
}

.td_color_3 {
  color: #fff !important;
  background-color: #edc264 !important;
}

.td_color_3_1 {
  background-color: #fff0d9 !important;
  background-color: #fffbe9 !important;
}

.td_color_4 {
  color: #fff !important;
  background-color: #5d8f98 !important;
}

.td_color_4_1 {
  background-color: #e0f0f3 !important;

}



.td_color_5 {
  color: #fff !important;
  background-color: #2067b4 !important;
}

.td_color_5_1 {
  background-color: #bde0f1 !important;
  background-color: #e3f1fc !important;

}

.td_color_6 {
  color: #fff !important;
  background-color: #223f4d !important;
  background-color: #7332d5 !important;

}

.td_color_6_1 {
  background-color: #abc4ca !important;
  background-color: #ece6fa !important;
}

.td_color_7 {
  color: #fff !important;
  background-color: #70914e !important;
  height: inherit;
}

.td_color_7_1 {
  background-color: #dae6c6 !important;
  background-color: #edf5dd !important;
}

.td_color_8 {
  color: #fff !important;
  background-color: #d6823a !important;
}

.td_color_8_1 {
  background-color: #fad1bf !important;
  background-color: #fbefe5 !important;

}




.td_color_w {
  background-color: #fff !important;
  /*  border-right: 1px solid #fff !important;
  border-bottom: 1px solid #fff !important;*/
}

.td_color_w_line {
  background-color: #fff !important;
}

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

.iconGroup a {
  margin: 0 4px;
  vertical-align: middle;
  text-decoration: none;
}

.iconGroup2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: default;
}

.iconGroup2 .td_img {
  width: 20px !important;
  height: auto;
  vertical-align: middle;
}

/*
.iconGroup2 .td_img:first-child {
  margin-bottom: 4px;
}
*/

.page-wrap3 img {
  width: 30px;
  height: auto;
  vertical-align: middle;
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 1)) drop-shadow(0 0 5px rgba(255, 255, 255, 0.6));
}


.page-wrap3 tr:first-of-type td,
.page-wrap3 tr:nth-of-type(2) td {
  padding: 10px;
  border: 1px solid #e5e5e5;
  text-align: center;
}

.page-wrap3 tbody tr td {
  background-color: #fff !important;
  text-align: center;
  border: 1px solid #e5e5e5;
}

.w-100 {
  clear: both !important;
  width: 100% !important;
  display: inline-block !important;
}

.page-wrap3 .w-100 a {
  text-decoration: none;
}

/*******************************************  彈窗 **************/
.modal-header {
  /*  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);*/
  background-color: #219190;
  color: #fff;
}

.edit_box.card {
  box-shadow: none;
  border: 1px solid #f1f1f1;
  box-shadow: 5px 10px 5px rgba(214, 189, 173, 0.2);
}

.edit_box .card-header {
  color: #fff;
  background-color: #ce9e4c;
  border-bottom: 0;
  font-size: 1.1rem;
}

.btn-close {
  filter: invert(100%);
}


.modal-body .page-wrap .td_color_1_1 {
  padding: 5px 10px;
  background-color: #f3f3f3 !important;
}

.modal-body .page-wrap th.td_color_3 {
  padding: 5px 10px;
  color: #fff !important;
  background-color: #2990bf !important;
}

.modal-body .page-wrap th.td_color_5 {
  padding: 5px 10px;
  color: #fff !important;
  background-color: #eec266 !important;
}

.modal-backdrop.show {
  opacity: 0.8;
}

/*******************************************  案件資料編輯 **************/


.mud-chip {
  border: none;
  cursor: default;
  display: inline-flex;
  /*  max-width: 100%;*/
  outline: 0;
  padding: 0 20px 0 14px;
  position: relative;
  box-sizing: border-box;
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  align-items: center;
  white-space: nowrap;
  vertical-align: middle;
  justify-content: center;
  text-decoration: none;
  line-height: normal;
  margin: 4px;
  height: 31px;
  font-size: 1rem;
  border-radius: 16px;
  color: #fff;
  background-color: #0dcaf0;
  background-color: #1075b5;
  /*  min-width: 110px;
  width: 45%;*/
}

.mud-chip-content {
  align-items: center;
  justify-content: space-between;
  display: inline-flex;
  height: 100%;
  max-width: 100%;

  user-select: none;
  /*  position: absolute;
  left: 16px;
  margin-right: 10px !important;*/

}

@media only all and (max-width: 1280px) {
  .chioseGroup {
    width: 150px;
  }

  .mud-chip {

    /*    width: 200px;*/

  }
}



.mud-chip:hover {
  background-color: #000;
}

/*.mud-chip.mud-chip-size-medium {
  font-size: 1rem;
}*/




/*.mud-icon-button-label img {
  width: 15px;
  height: 15px;
}*/

.mud-icon-button {
  color: inherit;
  border: 0;
  cursor: pointer;
  margin: 0;
  display: inline-flex;
  outline: 0;
  padding: 0;
  position: relative;
  align-items: center;
  user-select: none;
  border-radius: 0;
  vertical-align: middle;
  -moz-appearance: none;
  justify-content: center;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  flex: 0 0 auto;
  padding: 12px;
  overflow: visible;
  font-size: 3rem !important;
  text-align: center;

  border-radius: 50%;
  color: #000;
  padding: 1px;
  margin-right: -14px;
  margin-left: 6px;
  margin-top: 1px;
  height: 18px;
  width: 18px;
  /* position: absolute;
 right: 24px;
 top: 5px;*/

}








/*
.mud-icon-button-label {
  width: 100%;
  display: flex;
  align-items: inherit;
  justify-content: inherit;
}*/


/*
.mud-icon-svg {
  height: 18px;
  width: 18px;
  display: inline-block;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  flex-shrink: 0;
  user-select: none;
  fill: #fff !important;
  font-size: 1.5rem !important;
}*/


/*
.data-table td span.mud-icon-button-label {
  margin-right: 0px !important;
}
*/
.chioseGroup {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between !important;
  align-items: flex-start !important
}

.chioseGroup .col-auto:nth-child(1) {
  width: calc(100% - 60px);
  text-align: left;
}

/*
.chioseGroup .col-auto:nth-child(1) .mud-chip {
  margin-bottom: 8px;
}*/



.chioseGroup .col-auto:nth-child(2) {
  width: 60px;
  text-align: right;
  padding-top: 4px;

}

/*.data-table td span.mud-chip-content {
  margin-right: 10px;
}*/

/*
.chioseGroup .mud-chip .btn-primary {
  margin: 4px;
}*/
.text-top {
  vertical-align: top !important;
}

.chioseGroup a {
  text-decoration: none;
  color: #fff;
}

/*******************************************  表格裡的表格 **************/
.Rober {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}

.Rober div:nth-child(1) {
  width: 25%;
  /*不設定寬度就會頭尾相接*/
  background-color: aqua;
}

.Rober div:nth-child(2) {
  width: 50%;
  background-color: blue;
}

.Rober div:nth-child(3) {
  width: 25%;
  background-color: blueviolet;
}

@media (max-width: 650px) {
  .Rober div:nth-child(1) {
    order: 1 !important;
    width: 100%;
    margin: 15px;
  }

  .Rober div:nth-child(2) {
    order: 3 !important;
    width: 100%;
    margin: 15px;
  }

  .Rober div:nth-child(3) {
    order: 2 !important;
    width: 100%;
    margin: 15px;
  }
}

.chioseGroup2 {
  display: flex;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: flex-start !important
}

.chioseGroup2 .col-auto:nth-child(1) {
  /*   width: calc(100% - 120px - 120px);*/
  text-align: left;
  white-space: nowrap;
}



.chioseGroup2 .col-auto:nth-child(2) {
  /*   width: 120px;*/
  /*   text-align: center;*/
  white-space: nowrap;
  /*   padding-top: 4px;*/

}

.chioseGroup2 .col-auto:nth-child(3) {
  /*   width: 120px;*/
  /*   text-align: right;*/
  white-space: nowrap;
  /*   padding-top: 4px;*/
}

.chioseGroup3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}

.chioseGroup3 .col-auto {
  width: 100%;
  position: relative;

}

.chioseGroup3 .td_img {
  position: absolute;
  right: 0;
}

.chioseGroup4 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}

.chioseGroup4 .col-auto {
  position: relative;
  width: 50%;
}

.chioseGroup4 .col-auto:nth-child(2) {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: column;
}

.chioseGroup4 .td_img {
  position: relative;

}

.text_left .iconGroup {
  justify-content: flex-start !important;
}

.nameGroup span {
  padding: 0 10px 0 0px;
}

.tdNews2 .td_color_1_1 {
  font-weight: 900;
  color: #000 !important;
  background-color: #effff0 !important;
  /*  color: #fff !important;
  background-color: #4c4c4c !important;*/

}

.tdNews2 .nameGroup span {
  padding: 0 10px 0 0px;
}

.style_btn_select {

  /*  border: 1px solid transparent;*/

  background-color: transparent !important;
  border: none;
  white-space: nowrap;
  width: 38px;
  height: 38px;
  border-radius: 0.375rem;

  background: url(../images/icon_editname.svg) 0% 50% no-repeat;
  background-size: 38px;

}

.style_btn_select:hover {
  background-color: #000 !important;
  background: url(../images/icon_editname_white.svg) 0% 50% no-repeat;
  background-size: 38px;
}

.style_btn_select.disabled,
.style_btn_select.disabled:hover {
  background-color: transparent !important;
  background: url(../images/icon_editname.svg) 0% 50% no-repeat;
  background-size: 38px;
  opacity: 0.5;
  cursor: default;
}

.style_btn_delect {

  /*  border: 1px solid transparent;*/

  background-color: transparent !important;
  border: none;
  white-space: nowrap;
  width: 38px;
  height: 38px;
  border-radius: 0.375rem;

  background: url(../images/icon_delete.svg) 0% 50% no-repeat;
  background-size: 38px;

}

.style_btn_delect:hover {
  background-color: #000 !important;
  background: url(../images/icon_delete_white.svg) 0% 50% no-repeat;
  background-size: 38px;
}


.style_btn_edit {

  /*  border: 1px solid transparent;*/

  background-color: transparent !important;
  border: none;
  white-space: nowrap;
  width: 38px;
  height: 38px;
  border-radius: 0.375rem;

  background: url(../images/icon_edit_2.svg) 0% 50% no-repeat;
  background-size: 38px;

}

.style_btn_edit:hover {
  background-color: #000 !important;
  background: url(../images/icon_edit_2_white.svg) 0% 50% no-repeat;
  background-size: 38px;
}




td .style_btn_delect,
td .style_btn_edit,
td .style_btn_add,
td .style_btn_upload,
td .style_btn_review {
  width: 26px;
  height: 26px;
  background-size: 30px;
  margin: 0 8px;

}

td .style_btn_delect:hover,
td .style_btn_edit:hover,
td .style_btn_add:hover,
td .style_btn_upload:hover,
td .style_btn_review:hover {
  background-size: 26px;
}

.style_btn_email {

  /*  border: 1px solid transparent;*/

  background-color: transparent !important;
  border: none;
  white-space: nowrap;
  width: 38px;
  height: 38px;
  border-radius: 0.375rem;

  background: url(../images/icon_email.svg) 0% 50% no-repeat;
  background-size: 38px;

}

.style_btn_email:hover {
  background-color: #000 !important;
  background: url(../images/icon_email_white.svg) 0% 50% no-repeat;
  background-size: 38px;
}

.style_btn_add {
  background-color: transparent !important;
  border: none;
  white-space: nowrap;
  width: 38px;
  height: 38px;
  border-radius: 0.375rem;
  background: url(../images/icon_add.svg) 0% 50% no-repeat;
  background-size: 38px;

}

.style_btn_add:hover {
  background-color: #000 !important;
  background: url(../images/icon_add_white.svg) 0% 50% no-repeat;
  background-size: 38px;
}

.style_btn_upload {
  background-color: transparent !important;
  border: none;
  white-space: nowrap;
  width: 38px;
  height: 38px;
  border-radius: 0.375rem;

  background: url(../images/icon_upload.svg) 0% 50% no-repeat;
  background-size: 38px;

}

.style_btn_upload:hover {
  background-color: #000 !important;
  background: url(../images/icon_upload_white.svg) 0% 50% no-repeat;
  background-size: 38px;
}

.style_btn_review {

  /*  border: 1px solid transparent;*/

  background-color: transparent !important;
  border: none;
  white-space: nowrap;
  width: 38px;
  height: 38px;
  border-radius: 0.375rem;

  background: url(../images/icon_review.svg) 0% 50% no-repeat;
  background-size: 38px;

}

.style_btn_review:hover {
  background-color: #000 !important;
  background: url(../images/icon_review_white.svg) 0% 50% no-repeat;
  background-size: 38px;
}


.style_btn_close {

  /*  border: 1px solid transparent;*/

  background-color: transparent !important;
  border: none;
  white-space: nowrap;
  width: 38px;
  height: 38px;
  border-radius: 0.375rem;

  background: url(../images/icon_close.svg) 0% 50% no-repeat;
  background-size: 38px;

}

.style_btn_close:hover {
  background-color: #000 !important;
  background: url(../images/icon_close_white.svg) 0% 50% no-repeat;
  background-size: 38px;
}

.style_btn_open {

  /*  border: 1px solid transparent;*/

  background-color: transparent !important;
  border: none;
  white-space: nowrap;
  width: 38px;
  height: 38px;
  border-radius: 0.375rem;

  background: url(../images/icon_open.svg) 0% 50% no-repeat;
  background-size: 38px;

}

.style_btn_open:hover {
  background-color: #000 !important;
  background: url(../images/icon_open_white.svg) 0% 50% no-repeat;
  background-size: 38px;
}

/*********************************************RWD*************************/
@media only screen and (min-width: 2100px) {
  .demoimg {
    zoom: 1.1111;
  }
}

/*********************************************RWD*************************/
@media only screen and (max-width: 1280px) {
  /*html {
    zoom: 0.5;
  }*/

  /*
  html {
    font-size: 62.5%;
  }
*/
}

.input-group {
  /*  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;*/
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .lable_asx {
    text-align: left;
  }

  .input-group {
    /*  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;*/

    flex-wrap: wrap;

  }

  .col-auto {
    flex: 1 1 auto;
    width: auto;
    margin-bottom: 6px;
  }


}

@media (min-width:1000px) {
  .modal .lable_asx {
    width: calc(160px - 0px) !important;

  }

  .modal .col-md-12 .col_right {
    width: calc(100% - 160px - 0px);
  }
}

@media (min-width:1000px) {
  .lable_asx {
    width: calc(220px - 0px);

  }


}



.col-md-6 .col_right {
  width: calc(50% - 220px - 0px);
  /*  margin-left: 0px !important;*/
}



.col-md-12 .col_right {
  width: calc(100% - 220px - 0px);
}



.lable_asx {
  color: #000;
  text-align: right;
  margin-right: 10px;
  padding: 5px;
  font-weight: 900;
  /*  white-space: nowrap;*/
}

.col-md-4 .lable_asx {
  margin-left: 5px;
}

.col-md-6 .lable_asx {
  margin-left: 2px;
}


@media (max-width: 1024px) {
  .lable_asx {
    display: block;
    width: 100%;
    text-align: left;
    /*    background-color: aqua;*/
  }

  .col-md-4 .col_right {
    width: 100%;
  }

  .col-md-6 .col_right {
    width: 100%;
  }

  .col-md-12 .col_right {
    width: 100%;
  }
}



.col_right {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  /*  width: 100%;*/
  /*  width: calc(100% - 11px);*/
  margin-left: 0px;
  /*  width: auto;*/
}


.clearfix2 {
  clear: both;
  display: inline-flex;
  height: 1px;
  margin-top: -10px;
}



.text-center {
  text-align: center !important;
}

.alert {
  margin-bottom: 0;
}




.title_box2 {
  color: #fff;
  background-color: #2e648d;
  /* display: inline-block;*/
  width: 100%;
  padding: 0 10px;

  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  line-height: 1.5rem;

}

.title_box2 h4 {
  color: #fff !important;
  font-size: 1rem !important;
  padding: 10px 0 2px 0;
  position: relative;
}

.detail_left {
  width: 180px;
}

.detail_right {
  /*width: calc(100% - 400px) / 2;*/
  width: 40%;
}

@media only screen and (max-width: 1280px) {
  .detail_left {
    width: 15%;
  }

  .detail_right {
    /*width: calc(100% - 400px) / 2;*/
    width: 35%;
  }
}



.openall {
  display: block !important;
  opacity: 1 !important;
}

.title_s_color .titleRightBtn .btn-primary,
.title_s_color .titleRightBtn a.fileBtn2 {
  background-color: #0f759b;
  border-color: #0f759b;
  color: #fff;
  margin: 0 0 0 8px;
  padding: 4px 8px;
  border-radius: 4px;
}



/***********************************************************檔案上傳**************************/
.drop-zone {
  width: 100%;
  height: 200px;
  margin-top: 10px;
  padding: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  color: #000;
  font-size: 1.1rem;
  line-height: 1.5rem;
  font-weight: bold;
  border: 4px dashed #d4bdd1;
  border-radius: 10px;
  background-color: #fff;
}

.drop-zone--over {
  border-style: solid;
}

.drop-zone__input {
  display: none;
}

.drop-zone__thumb {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  background-color: #107c41;
  background-size: cover;
  position: relative;
}

.drop-zone__thumb::after {
  content: attr(data-label);
  position: absolute;
  top: 30%;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 5px 0;
  color: #ffffff;
  background-color: #107c41;
  font-size: 2.5rem;
  line-height: 3.8rem;
  font-weight: bold;
  text-align: center;
}

.bootstrap-table {
  box-shadow: 0px 1px 15px rgba(116, 116, 116, 0.3);
  /*    filter: drop-shadow(0 0 2px rgba(0, 0, 0, 1)) drop-shadow(0 0 5px rgba(0, 0, 0, 0.6));*/
  border-bottom: 1px solid #dbdbdb;
  background-color: #fff;
}

.navbar-vertical .navbar-nav .nav-item .nav-link.active {
  color: #f4f6f8;
  background-color: #bc8a34;
}

.navbar-vertical .navbar-nav .nav-item .nav-link.active .nav-icon {
  color: #f4f6f8;
  opacity: 1
}

.flex-column2,
.flex-column3 {
  margin-left: 0px;
}

.flex-column2 .form-check {
  width: 23%;
}



.flex-column2 .form-check-inline:nth-of-type(4n) {
  margin-right: 0 !important;
}


.flex-column3 .form-check {
  width: 15%;
}



.flex-column3 .form-check-inline:nth-of-type(6n) {
  margin-right: 0 !important;
}

@media only all and (max-width: 1280px) {

  .flex-column2 .form-check,
  .flex-column3 .form-check {
    width: 38%;
  }
}

@media only all and (max-width: 1024px) {

  .flex-column2 .form-check,
  .flex-column3 .form-check {
    width: 43%;
  }
}

/*.col-md-4 .col_right {
  width: calc(100% - 220px - 4px);
  margin-left: 0px;
}*/
.query_box .query_box {
  width: 100%;
}

.query_box .query_box .col-md-6 .lable_asx {
  margin-left: 0px;
}

.query_box .query_box .col-md-6 .col_right {
  margin-left: 1px !important;
}

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


  .query_box .query_box .lable_asx {
    display: inline-flex;
    width: 100% !important;

  }

  .query_box .query_box .col-md-6 .col_right,
  .query_box .query_box .col-md-12 .col_right {
    display: inline-flex;
    width: 100% !important;
  }

  .col-md-4 .col_right {
    width: calc(100% - 0px - 0px);
    margin-left: 0px;
  }


}

.flex-column .form-check {

  white-space: normal;
  width: 100%;


}

.modal .modal-content {
  width: 100%;
}

.bootstrap-table,
.bootstrap-table .fixed-table-container {
  width: 100%;
}

@media (max-width:1280px) {
  .bootstrap-table > .table-responsive-md > .fixed-table-container > .table {
    /*   overflow-x: scroll;*/
    min-width: 1000px;
  }
}

/***********************************************************檔案上傳**************************/

.container_dropArea .dropArea {
  border: 4px dashed #d4bdd1;
  background-color: #fff;
  border-radius: 0.5rem;
  width: 100%;
  position: relative;
  transition: 0.3s ease;
  transition-property: background-color, border;
  user-select: none;
  margin-top: 10px;
}

.container_dropArea .dropArea .contentHolder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 2rem;
  color: #858a92;
}

.container_dropArea .dropArea .contentHolder img {
  width: 80px;
}

.container_dropArea .dropArea .contentHolder p {
  font-size: 1rem;
  margin-bottom: 10px;
}

.container_dropArea .dropArea .contentHolder span {
  font-size: 1rem;
  color: #a0a5ad;
}

.container_dropArea .dropArea .contentHolder button {
  border: none;
  outline: none;
  background-color: #468bf5;
  color: #fff;
  padding: 0.45rem 1.2rem;
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 10px;
}

.container_dropArea .dropArea .contentHolder input {
  visibility: hidden;
  position: absolute;
  bottom: 0%;
}

.container .dropArea.content-over {
  border: 2px solid #c2d9f9;
  background-color: #c2d9f952;
}

.container_dropArea .uploadedFileCont {
  width: 100%;
  margin-top: 1rem;
}

.container_dropArea .uploadedFileCont .uploadedFile {
  display: grid;
  grid-template-columns: auto 5%;
  align-items: center;
  gap: 2px;
  padding: 0.5rem 1rem;
  background-color: rgba(82, 179, 171, 0.1);
  border-radius: 0.4rem;
  user-select: none;
  margin: 10px 0;
}

.container_dropArea .uploadedFileCont .uploadedFile .fileName p {
  color: #468bf5;
  font-size: 1rem;
  line-height: 1.5;
}

.container_dropArea .uploadedFileCont .uploadedFile .fileName span {
  font-size: 12px;
  color: #858a92;
  margin-left: 5px;
}

.container_dropArea .uploadedFileCont .uploadedFile .closeBtn {
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;
}

.container_dropArea .uploadedFileCont .uploadedFile .closeBtn ion-icon {
  color: #dc3545;
  font-size: 20px;
}

.container_dropArea .uploadBtnCont {
  width: 100%;
  margin-top: 10px;
  display: none;
}



.container_dropArea .uploadBtnCont.content-here {
  display: flex;
  justify-content: flex-end;
}


/*
.table-responsive {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch
}

@media (max-width:575.98px) {
  .table-responsive-sm {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:767.98px) {
  .table-responsive-md {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:991.98px) {
  .table-responsive-lg {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:1199.98px) {
  .table-responsive-xl {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch
  }
}
*/


/***********************************************************成立查核團隊**************************/




.duplicate-sections {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  width: 100% !important;
  background-color: #dbdbdb;
  background-color: #e7e7e0;
}

.duplicate-sections .col-md-4 {
  width: 33.3%;
  padding: 10px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}

@media (max-width:1200px) {
  .duplicate-sections .col-md-4 {
    width: 50%;
  }
}

tr .duplicate-sections {
  padding: 20px;
  background-color: #4c4c4c;
}


/*tr:hover td.tdNews2 {
  padding: 20px;
}

tr:hover td.tdNews2 {
  padding: 20px !important;
  background-color: #4c4c4c;
}*/

.invide_card {
  /*  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;*/
  width: 100%;
  border-radius: 10px;
  padding: 10px 10px 0px 5px;
  background-color: #fff;
  position: relative;
}


/*.duplicate-sections .col-md-4:nth-of-type(1) .invide_card:nth-child(2) {
  display: none;
}

.duplicate-sections .col-md-4:not(:last-child) .invide_card:nth-child(2) {
  display: none;
}*/



.infro_img {
  width: 30px;
  height: auto;
  vertical-align: middle;
  position: relative;
}

.invide_card img,
.invide_card button {
  vertical-align: middle;
  position: relative;
}

.invide_card td {
  vertical-align: middle;
  position: relative;
}



/*
.form-section {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}*/

.addcard {

  /*  width: 33.3% !important;*/
  width: 100%;
  height: 306px;
  display: block;
  /*display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;*/
}

.addcard a {



  width: 100%;
  height: 306px;
  border-radius: 10px;
  padding: 10px 10px 10px 5px;
  background-color: #e7e7e0;
  border: 5px dashed #d3d3d3;
  vertical-align: middle !important;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: center !important;
}

.addcard .addsection {
  vertical-align: middle !important;
  text-align: center;
}

/***********************************************************審查團隊成員**************************/
.approveLevel {
  /* height: 454px;*/
  overflow: auto;
  box-shadow: 0px 1px 15px rgba(116, 116, 116, 0.3);
}

.approveLevel .bootstrap-table {
  /*  border-top: 4px solid #000;*/
  /*  border: 4px solid #000;*/
  margin-bottom: 4px;
}

/***********************************************************HTA**************************/
.addcardGroup {
  /* height: 454px;*/
  /*  padding: 0 15px 0 10px;*/
  /*  margin: 0;*/
  overflow: auto;
  /*  box-shadow: 0px 1px 15px rgba(116, 116, 116, 0);*/
}

.addcardGroup .addcard {

  /*  width: 33.3% !important;*/
  width: 100%;
  height: 80px;
  display: block;
  /*display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;*/
}

.addcardGroup .addcard a {
  height: 80px;
}

.addcardGroup td:nth-child(odd) {
  text-align: right;
  font-weight: 900;
}

.addcardGroup .invide_card {
  padding: 10px 10px 1px 10px;

}

td .addcardGroup .invide_card {
  padding: 15px;

}

.modal-body .info {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}

.text_alert {
  color: #c03838;
  font-size: 1.5rem;
  font-weight: 600;


}

.td_color_0_1,
.addcardGroup .td_color_0_1 {
  font-weight: 900;

}

.table-bordered .table.table-borderless td,
.col_right .table.table-borderless td {
  background-color: transparent !important;
  padding: 0;
  margin: 0;
  border-color: transparent !important;
}

.mobileBlock {
  display: inline-block;
}

/*
@media (max-width:1280px) {
  .mobileBlock {
    display: inline-block;
  }

}
*/
.chioseGroup_money {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between !important;
  align-items: flex-start !important
}

.chioseGroup .col-auto:nth-child(1) {
  width: calc(100% - 50%);
  text-align: left;
}


.chioseGroup .col-auto:nth-child(2) {
  width: 50%;
  text-align: right;
  padding-top: 4px;

}

.linkIcon {
  width: auto !important;
  height: 33px;
  vertical-align: middle;
}

a .linkIcon {
  cursor: pointer;
}

.card_open {
  position: absolute;
  right: -40px;
  top: 0px;
  background-color: #b5b59e;
  z-index: 999;
  border-radius: 0 10px 10px 0;
  width: 40px;
  height: auto;
  padding-bottom: 10px;
}


.card_open img {
  width: 36px;
  height: 36px;
  margin-bottom: 4px;
  padding-left: 2px;
  opacity: 0.6;
}

.card_open .style_btn_delect {
  background-color: transparent !important;
  border: none;
  white-space: nowrap;
  width: 29px;
  height: 29px;
  border-radius: 0.375rem;
  margin: 0 5px;
  background: url(../images/icon_delete_white.svg) 0% 50% no-repeat;
  background-size: 29px;
  background-color: #b5b59e !important;
  opacity: 0.6;
}

.card_open .style_btn_delect:hover {
  background-color: transparent !important;
  border: none;
  white-space: nowrap;
  width: 29px;
  height: 29px;
  border-radius: 0.375rem;

  background: url(../images/icon_delete_white.svg) 0% 50% no-repeat;
  background-size: 29px;
  background-color: #b5b59e !important;
  opacity: 1;
}

.card_open a:hover img {
  opacity: 1;
}

thead.table-sticky tr th {
  position: sticky;
  top: 0;
  /* 列首永遠固定於上 */
  z-index: 2;
}

.popover {
  --bs-popover-bg: #2d2c2c;
  --bs-popover-border-width: 2px;
  --bs-popover-border-color: #b3b3b3;
  --bs-popover-arrow-border: #b3b3b3;

  font-weight: 900;
  font-size: 1.2rem;
  /*  background-color: #2d2c2c !important;

  border: 2px solid #b3b3b3;*/
}

.popover-body {
  color: #fff !important;
}