@charset "UTF-8";
.modalBtn___2FTLU:disabled, .modalMoreTextBtn___1yFFy:disabled, .FooterBtn___2FJ1K:disabled, .FooterMoreTextBtn___3Q3do:disabled, .customButton___C3wZX:disabled, .insertBtn___UskXS:disabled, .updateBtn___2vMT0:disabled, .executeBtn___3Whpa:disabled, .tableButton___2Zkl6:disabled, .tableButtonRed___FkR4Q:disabled, .tableButtonBlue___NOPO_:disabled {
  color: #F2F2F2;
  background-color: #D8D8D8 !important;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none; }
  .modalBtn___2FTLU:hover:disabled, .modalMoreTextBtn___1yFFy:hover:disabled, .FooterBtn___2FJ1K:hover:disabled, .FooterMoreTextBtn___3Q3do:hover:disabled, .customButton___C3wZX:hover:disabled, .insertBtn___UskXS:hover:disabled, .updateBtn___2vMT0:hover:disabled, .executeBtn___3Whpa:hover:disabled, .tableButton___2Zkl6:hover:disabled, .tableButtonRed___FkR4Q:hover:disabled, .tableButtonBlue___NOPO_:hover:disabled {
    color: #F2F2F2;
    background-color: #D8D8D8 !important;
    border-color: #d9d9d9;
    text-shadow: none;
    box-shadow: none; }

.modalBtn___2FTLU {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -2px;
  border: none;
  padding: 0px 18px;
  border-radius: 6px;
  width: 66px;
  display: inline-flex;
  justify-content: center;
  letter-spacing: normal; }

.modalMoreTextBtn___1yFFy {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -2px;
  border: none;
  padding: 0px 18px;
  border-radius: 6px;
  letter-spacing: normal; }

.FooterBtn___2FJ1K {
  font-size: 20px;
  font-weight: bold;
  line-height: 36px;
  width: 116px;
  height: 34px;
  letter-spacing: normal;
  border: none;
  border-radius: 6px; }

.FooterMoreTextBtn___3Q3do {
  font-size: 20px;
  font-weight: bold;
  height: 34px;
  letter-spacing: normal;
  background: #28961B;
  border: none;
  padding-left: 18px;
  padding-right: 18px;
  border-radius: 6px; }
  .FooterMoreTextBtn___3Q3do:hover {
    background: #188648cc; }
  .FooterMoreTextBtn___3Q3do:active, .FooterMoreTextBtn___3Q3do:focus {
    background: #188648cc; }

.customButton___C3wZX {
  font-size: 20px;
  font-weight: bold;
  width: 102px;
  height: 34px;
  letter-spacing: -2px;
  border: none;
  padding-left: 18px;
  padding-right: 18px;
  border-radius: 6px; }

.insertBtn___UskXS {
  font-size: 20px;
  font-weight: bold;
  width: 102px;
  height: 34px;
  letter-spacing: -2px;
  background: #28961B;
  border: none;
  padding-left: 18px;
  padding-right: 18px;
  border-radius: 6px; }
  .insertBtn___UskXS:hover {
    background: #188648cc; }
  .insertBtn___UskXS:active, .insertBtn___UskXS:focus {
    background: #188648cc; }

.updateBtn___2vMT0 {
  font-size: 20px;
  font-weight: bold;
  width: 102px;
  height: 34px;
  letter-spacing: -2px;
  background: #4279AF;
  border: none;
  padding-left: 18px;
  padding-right: 18px;
  border-radius: 6px; }
  .updateBtn___2vMT0:hover {
    background: #4279afed; }
  .updateBtn___2vMT0:active, .updateBtn___2vMT0:focus {
    background: #4279afed; }

.executeBtn___3Whpa {
  font-size: 20px;
  font-weight: bold;
  width: 102px;
  height: 34px;
  letter-spacing: -2px;
  background: #C44952;
  border: none;
  padding-left: 18px;
  padding-right: 18px;
  border-radius: 6px; }
  .executeBtn___3Whpa:hover {
    background: #d8333e; }
  .executeBtn___3Whpa:active, .executeBtn___3Whpa:focus {
    background: #d8333e; }

.tableButton___2Zkl6 {
  font-weight: bold;
  background-color: #fefefe;
  color: #484848;
  padding: 8px 18px;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: normal;
  text-shadow: 0 0 0em white; }
  .tableButton___2Zkl6:focus, .tableButton___2Zkl6:hover, .tableButton___2Zkl6:active {
    background-color: transparent;
    color: #484848; }

.tableButtonRed___FkR4Q {
  font-weight: bold;
  border-color: #C44952;
  background-color: #fefefe;
  color: #484848;
  padding: 8px 18px;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: normal;
  text-shadow: 0 0 0em white; }
  .tableButtonRed___FkR4Q:focus, .tableButtonRed___FkR4Q:hover, .tableButtonRed___FkR4Q:active {
    background-color: transparent;
    color: #484848;
    border-color: #d8333e; }

.tableButtonBlue___NOPO_ {
  font-weight: bold;
  border-color: #4279AF;
  background-color: #fefefe;
  color: #484848;
  padding: 8px 18px;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: normal;
  z-index: 1;
  text-shadow: 0 0 0em white; }
  .tableButtonBlue___NOPO_:focus, .tableButtonBlue___NOPO_:hover, .tableButtonBlue___NOPO_:active {
    background-color: transparent;
    color: #484848;
    border-color: #4279afed; }

.textBtn___35Q7V {
  font-size: 20px;
  line-height: 36px;
  font-weight: bold;
  /* Remove First 移除ios input style */
  appearance: none;
  /* 基礎定位 */
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  /* btn外觀 */
  margin: 0;
  padding: 0;
  /* 上下的高度由padding去撐開 */
  height: 32px;
  border: 0;
  border-radius: 4px;
  outline: 0;
  background: transparent;
  /* btn文字 */
  text-align: center;
  text-decoration: none;
  letter-spacing: 0;
  /* 使用者互動 */
  cursor: pointer;
  user-select: none;
  transition: all 0.3s; }

.expandableText___3-MTW {
  text-align: center;
  margin-top: 16px;
  margin-bottom: 16px; }
  .expandableText___3-MTW a {
    display: block; }
    .expandableText___3-MTW a::before {
      content: "";
      height: 1px;
      background: #cacaca;
      position: absolute;
      top: 50%;
      left: 0;
      width: 43%; }
    .expandableText___3-MTW a::after {
      content: "";
      height: 1px;
      background: #cacaca;
      position: absolute;
      top: 50%;
      right: 0;
      width: 43%; }

.uploadBtn___1wERC {
  padding: 0px;
  color: #777777; }

.checkBox___20i2N {
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle; }
  .checkBox___20i2N .ant-checkbox-inner {
    width: 18px;
    height: 18px; }

.additionalOptionsButton___3s99j {
  width: 30px;
  height: 44px;
  background: #fefefe;
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  cursor: pointer; }
  .additionalOptionsButton___3s99j i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .additionalOptionsButton___3s99j:hover {
    background: #F2F2f2; }
  .additionalOptionsButton___3s99j:active {
    background: #F2F2f2; }
  .additionalOptionsButton___3s99j:focus {
    outline: 0; }
  .additionalOptionsButton___3s99j:disabled {
    display: none; }

.addtionalOptionsOverlayer___2eGFj {
  width: auto; }
  .addtionalOptionsOverlayer___2eGFj .ant-popover-inner {
    background: black; }
  .addtionalOptionsOverlayer___2eGFj .ant-popover-arrow {
    background: black; }
  .addtionalOptionsOverlayer___2eGFj button {
    background: transparent;
    color: #fefefe;
    border: none;
    padding: 6px 8px; }

@media (max-width: 1024px) {
  .expandableText___3-MTW a::before {
    width: 36%; }
  .expandableText___3-MTW a::after {
    width: 36%; } }

@media (max-width: 768px) {
  .expandableText___3-MTW a::before {
    width: 30%; }
  .expandableText___3-MTW a::after {
    width: 30%; } }

.titleAndFilterRow___Fyg1T {
  border-bottom: 1px solid #979797;
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  color: #3c4449;
  display: flex; }
  .titleAndFilterRow___Fyg1T .groupLeft___38Eij {
    width: 290px;
    color: #3c4449; }
    .titleAndFilterRow___Fyg1T .groupLeft___38Eij .btn {
      font-size: 22px;
      width: 28px;
      height: 28px;
      padding: 0;
      line-height: 28px; }
      .titleAndFilterRow___Fyg1T .groupLeft___38Eij .btn:not(:first-child) {
        margin-right: 10px; }
    .titleAndFilterRow___Fyg1T .groupLeft___38Eij .backButton___365VR {
      font-size: 18px;
      text-align: left;
      margin-right: 4px; }
    .titleAndFilterRow___Fyg1T .groupLeft___38Eij .inputBox___3-oXN {
      height: 28px;
      border: none;
      padding: 0 4px 4px 4px;
      width: 180px;
      box-shadow: none;
      font-size: 14px;
      line-height: 28px;
      vertical-align: top; }
  .titleAndFilterRow___Fyg1T title {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  .titleAndFilterRow___Fyg1T .uploadButton___MqOUl {
    position: absolute;
    bottom: 0;
    right: 4px; }
    .titleAndFilterRow___Fyg1T .uploadButton___MqOUl button {
      width: 32px;
      height: 28px; }

.customTabWrapper___5zuq7 {
  margin-top: 40px; }
  .customTabWrapper___5zuq7 {
    /* ant-tabs */ }
    .customTabWrapper___5zuq7 .ant-tabs {
      overflow: initial; }
    .customTabWrapper___5zuq7 .ant-tabs-nav .ant-tabs-tab {
      margin: 0 26px;
      padding: 4px 4px;
      font-size: 18px;
      font-weight: bold; }
    .customTabWrapper___5zuq7 .ant-tabs-nav .ant-tabs-tab-active {
      color: #4279af; }
    .customTabWrapper___5zuq7 .ant-tabs-nav .ant-tabs-tab:hover {
      color: #4279af; }
    .customTabWrapper___5zuq7 .ant-tabs-ink-bar {
      background-color: #4279af;
      height: 3px; }
    .customTabWrapper___5zuq7 .ant-tabs-bar {
      margin-bottom: 0;
      border-bottom: 0.5px solid #8e8e8e; }

.active___1SkT2 {
  background-color: #4279AF;
  margin-left: -20px;
  margin-right: -20px;
  transform: translateY(-1px);
  font-size: 18px;
  font-weight: 300;
  color: #fff;
  padding: 2px 10px; }

.conditionTag___3SAN5:not(:first-child) {
  margin-left: 16px; }

.conditionTag___3SAN5 .tagStyle___2Ai0K {
  background-color: transparent;
  border: none; }

.conditionTag___3SAN5 .closeBtn___3c1AG {
  font-size: 16px;
  line-height: 32px;
  position: absolute;
  right: -8px; }

.footer___1Cphy {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: #D6E0EA;
  padding: 8px 30px 8px 86px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 20; }
  .footer___1Cphy .buttonGroupRight___OL6k3 {
    display: flex;
    justify-content: flex-end; }
    .footer___1Cphy .buttonGroupRight___OL6k3 .button___2ienR:not(:last-child) {
      margin-right: 30px; }
    .footer___1Cphy .buttonGroupRight___OL6k3 .btn-cancel {
      padding-right: 18px;
      border-right: 1px solid #9B9B9B;
      border-radius: 0;
      margin-right: -6px;
      padding-left: 0; }
  .footer___1Cphy .buttonGroupLeft___2uZy_ {
    display: flex;
    justify-content: flex-start; }
    .footer___1Cphy .buttonGroupLeft___2uZy_ .button___2ienR:not(:first-child) {
      margin-left: 8px;
      margin-right: 8px; }
    .footer___1Cphy .buttonGroupLeft___2uZy_ .btn-cancel {
      padding-right: 18px;
      border-right: 1px solid #9B9B9B;
      border-radius: 0;
      margin-right: 9px;
      padding-left: 0; }
  .footer___1Cphy .anticon-upload {
    font-size: 22px;
    vertical-align: middle; }

@charset "UTF-8";
.tableWrapper___3qp4G .ant-table-body, .tableWrapper___3qp4G .ant-table-header, .tableWrapper___3qp4G .ant-table-body-inner {
  /*
	* 以下是仿mac風格scrollbar的CSS
	*/ }
  .tableWrapper___3qp4G .ant-table-body::-webkit-scrollbar, .tableWrapper___3qp4G .ant-table-header::-webkit-scrollbar, .tableWrapper___3qp4G .ant-table-body-inner::-webkit-scrollbar {
    background-color: #fff;
    width: 16px; }
  .tableWrapper___3qp4G .ant-table-body::-webkit-scrollbar-track, .tableWrapper___3qp4G .ant-table-header::-webkit-scrollbar-track, .tableWrapper___3qp4G .ant-table-body-inner::-webkit-scrollbar-track {
    background-color: #fff; }
  .tableWrapper___3qp4G .ant-table-body::-webkit-scrollbar-thumb, .tableWrapper___3qp4G .ant-table-header::-webkit-scrollbar-thumb, .tableWrapper___3qp4G .ant-table-body-inner::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 4px solid #fff; }
  .tableWrapper___3qp4G .ant-table-body::-webkit-scrollbar-button, .tableWrapper___3qp4G .ant-table-header::-webkit-scrollbar-button, .tableWrapper___3qp4G .ant-table-body-inner::-webkit-scrollbar-button {
    display: none; }

.tableWrapper___3qp4G {
  /*
	* table上方的buttons容器
	*/ }
  .tableWrapper___3qp4G {
    /*
		 * table中的input
		 */ }
    .tableWrapper___3qp4G .ant-table {
      font-size: 16px; }
    .tableWrapper___3qp4G .ant-table-wrapper {
      margin-right: 10px;
      margin-left: 10px; }
    .tableWrapper___3qp4G .ant-table-thead > tr > th {
      border-right: inset;
      border-right-width: thin;
      border-bottom: none;
      background: none;
      border-bottom: 1px solid #9B9B9B;
      padding: 12px 8px; }
      .tableWrapper___3qp4G .ant-table-thead > tr > th:last-child {
        border-right: none; }
      .tableWrapper___3qp4G .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
        background: #e2f2fc; }
      .tableWrapper___3qp4G .ant-table-thead > tr > th *.ant-table-column-sort {
        background: none; }
      .tableWrapper___3qp4G .ant-table-thead > tr > th .ant-table-column-sorters:hover:before {
        background: none; }
      .tableWrapper___3qp4G .ant-table-thead > tr > th .ant-table-column-sorter {
        display: block;
        opacity: 0;
        top: 6px; }
      .tableWrapper___3qp4G .ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > :not(.ant-table-column-sorter) {
        top: 2px; }
      .tableWrapper___3qp4G .ant-table-thead > tr > th .ant-table-header-column .ant-table-column-title {
        top: 2px; }
      .tableWrapper___3qp4G .ant-table-thead > tr > th:hover .ant-table-column-sorter, .tableWrapper___3qp4G .ant-table-thead > tr > th:active .ant-table-column-sorter {
        opacity: 1; }
      .tableWrapper___3qp4G .ant-table-thead > tr > th .ant-table-column-sorter-down.on,
      .tableWrapper___3qp4G .ant-table-thead > tr > th .ant-table-column-sorter-up.on {
        color: #4279af; }
    .tableWrapper___3qp4G .ant-table-placeholder {
      border-bottom: none; }
    .tableWrapper___3qp4G .ant-empty-normal {
      margin: 8px 0; }
    .tableWrapper___3qp4G .ant-table-pagination {
      margin: 16px; }
    .tableWrapper___3qp4G .ant-pagination-item-active {
      border-color: #4279af; }
      .tableWrapper___3qp4G .ant-pagination-item-active a {
        color: #4279af; }
    .tableWrapper___3qp4G .ant-table-body > tr > td, .tableWrapper___3qp4G .ant-table-tbody > tr > td {
      padding: 12px 8px;
      word-break: break-word;
      border-right: inset;
      border-right-width: thin;
      border-bottom: none; }
      .tableWrapper___3qp4G .ant-table-body > tr > td:last-child, .tableWrapper___3qp4G .ant-table-tbody > tr > td:last-child {
        border-right: none; }
    .tableWrapper___3qp4G .ant-table-header {
      background: #fff; }
    .tableWrapper___3qp4G tr.ant-table-row:nth-child(even) {
      background: #F2F2F2; }
    .tableWrapper___3qp4G .ant-table-selection-column .ant-checkbox-wrapper {
      margin: 0; }
    .tableWrapper___3qp4G .drop-over-downward td {
      border-bottom: 2px dashed #9B9B9B !important; }
    .tableWrapper___3qp4G .drop-over-upward td {
      border-top: 2px dashed #9B9B9B; }
    .tableWrapper___3qp4G .drop-over-right {
      border-right: 2px dashed #9B9B9B !important; }
    .tableWrapper___3qp4G .drop-over-left {
      border-left: 2px dashed #9B9B9B; }
    .tableWrapper___3qp4G td .ant-form-item-control {
      margin-top: 0; }
    .tableWrapper___3qp4G td .ant-form-item-control-wrapper {
      max-height: 32px; }
    .tableWrapper___3qp4G td .ant-input-number {
      width: 100%; }
    .tableWrapper___3qp4G td .ant-select {
      width: 100%; }
    .tableWrapper___3qp4G td .ant-input-disabled {
      border-color: transparent;
      background-color: transparent;
      padding-left: 0;
      padding-right: 0;
      color: #3C4449;
      font-size: 16px;
      line-height: 1.2;
      cursor: default; }
    .tableWrapper___3qp4G td .ant-input-number-disabled {
      border-color: transparent;
      background-color: transparent;
      padding-left: 0;
      padding-right: 0;
      color: #3C4449;
      font-size: 16px;
      line-height: 1.2;
      cursor: default; }
      .tableWrapper___3qp4G td .ant-input-number-disabled .ant-input-number-input {
        padding-left: 0; }
  .tableWrapper___3qp4G.hasRowSelect___3EJW4 .ant-table-thead > tr > th {
    padding: 0 8px; }
  .tableWrapper___3qp4G .buttonGroups___3WjCe {
    left: 16px;
    bottom: 4px; }
    .tableWrapper___3qp4G .buttonGroups___3WjCe .button___ESYb1 {
      margin-right: 16px;
      display: inline-block; }

@charset "UTF-8";
/*
 * 變數:
 * modal的副標題
 */
.modalPrimary___18Z4B .navBar___3EtBG {
  text-align: center;
  font-size: 16px;
  line-height: 52px;
  font-weight: bold;
  border-bottom: 1px solid #e8e8e8; }

/*
 * 變數:
 * ant-modal-body內Y軸的scroll
 */
.modalPrimary___18Z4B .contentScroll___F7R7W {
  overflow-y: scroll;
  /*
	* 以下是仿mac風格scrollbar的CSS
	*/ }
  .modalPrimary___18Z4B .contentScroll___F7R7W::-webkit-scrollbar {
    background-color: #fff;
    width: 16px; }
  .modalPrimary___18Z4B .contentScroll___F7R7W::-webkit-scrollbar-track {
    background-color: #fff; }
  .modalPrimary___18Z4B .contentScroll___F7R7W::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 5px solid #fff; }
  .modalPrimary___18Z4B .contentScroll___F7R7W::-webkit-scrollbar-button {
    display: none; }

/*
 * 變數:
 * ant-modal-body預設的padding為上右下左24px，
 * 為了客製scrollbar的範圍，例如Modal有副標題時，覆寫ant-modal-body的CSS
 */
.modalPrimary___18Z4B .ant-modal-body {
  padding: 0;
  overflow: hidden; }

/*
 * 變數:
 * 覆寫ant-modal-footer
 */
.modalPrimary___18Z4B .ant-modal-footer {
  padding: 10px 9px; }
  .modalPrimary___18Z4B .ant-modal-footer button {
    font-size: 16px;
    line-height: 36px;
    margin-left: 9px;
    margin-right: 9px; }
    .modalPrimary___18Z4B .ant-modal-footer button.btn-cancel {
      padding-right: 18px;
      border-right: 1px solid #DBDBDB;
      border-radius: 0;
      margin-right: 9px;
      padding-left: 0; }
  .modalPrimary___18Z4B .ant-modal-footer .ant-checkbox-wrapper {
    margin-left: 9px;
    margin-right: 9px;
    vertical-align: inherit; }
    .modalPrimary___18Z4B .ant-modal-footer .ant-checkbox-wrapper .ant-checkbox {
      width: 20px;
      height: 20px; }

.loadingMask___1hR64 {
  /*
		* 變數:
		* ant-modal-content包住整個ant-modal
		* loading時，
		* 在ant-modal-content建立一個偽元素after，做一個灰色的遮罩，避免使用者誤觸
		*/ }
  .loadingMask___1hR64 .ant-modal-content {
    /*
			 * loading轉圈圈置中
			 */ }
    .loadingMask___1hR64 .ant-modal-content::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0px;
      right: 0px;
      background: rgba(0, 0, 0, 0.3);
      height: 100%;
      z-index: 99; }
    .loadingMask___1hR64 .ant-modal-content .ant-spin {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

.ant-modal-mask {
  z-index: 21 !important; }

.ant-modal-wrap {
  z-index: 21 !important; }

.ant-modal .cm-expandableText a::before {
  width: 38%; }

.ant-modal .cm-expandableText a::after {
  width: 38%; }

/*
 * 用CSS Module包住的好處: 避免污染其它地方的CSS
 */
.modalPrimary___18Z4B {
  width: 994px !important;
  top: 40px; }
  .modalPrimary___18Z4B .contentScroll___F7R7W {
    max-height: 60vh; }
  .modalPrimary___18Z4B .modalContent___17teB {
    margin: 44px 40px 44px 56px; }

@media (max-width: 1024px) {
  .modalPrimary___18Z4B {
    width: 864px !important; }
    .modalPrimary___18Z4B .ant-form .ant-form-item {
      margin: 0px 0px 26px 0px;
      padding: 0px 25px; } }

@charset "UTF-8";
/*
 * 用CSS Module包住的好處: 避免污染其它地方的CSS
 */
.twoColTemplate___1Lp3C {
  margin-left: 20px;
  margin-right: 20px; }
  .twoColTemplate___1Lp3C .tabGroup___2U9W7 {
    /* tab scroll bar */ }
    .twoColTemplate___1Lp3C .tabGroup___2U9W7 .CustomTabWrapper {
      margin-top: 12px; }
    .twoColTemplate___1Lp3C .tabGroup___2U9W7 .additionalOptionsButton {
      position: absolute;
      right: 4px;
      top: -12px;
      z-index: 1; }
    .twoColTemplate___1Lp3C .tabGroup___2U9W7 .ant-table-pagination.ant-pagination {
      position: fixed;
      left: 86px;
      right: 20px;
      bottom: 50px;
      margin-top: 0;
      margin-bottom: 0;
      height: 50px;
      background: #ffffff;
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      .twoColTemplate___1Lp3C .tabGroup___2U9W7 .ant-table-pagination.ant-pagination .ant-select-dropdown {
        min-width: 95px !important;
        left: 0px !important;
        top: -164px !important; }
    .twoColTemplate___1Lp3C .tabGroup___2U9W7 .customTableWrapper [class^=buttonGroups] {
      left: 24px; }
      .twoColTemplate___1Lp3C .tabGroup___2U9W7 .customTableWrapper [class^=buttonGroups] div[class^=button__] {
        margin-top: 12px;
        margin-bottom: 4px; }
    .twoColTemplate___1Lp3C .tabGroup___2U9W7 .ant-table-wrapper {
      margin-right: 0;
      margin-left: 0; }
    .twoColTemplate___1Lp3C .tabGroup___2U9W7 .ant-tabs-nav-container-scrolling {
      width: 97%; }
    .twoColTemplate___1Lp3C .tabGroup___2U9W7 .tabPaneScroll___1c19R {
      overflow-y: scroll; }
      .twoColTemplate___1Lp3C .tabGroup___2U9W7 .tabPaneScroll___1c19R::-webkit-scrollbar {
        background-color: #fff;
        width: 16px; }
      .twoColTemplate___1Lp3C .tabGroup___2U9W7 .tabPaneScroll___1c19R::-webkit-scrollbar-track {
        background-color: #fff; }
      .twoColTemplate___1Lp3C .tabGroup___2U9W7 .tabPaneScroll___1c19R::-webkit-scrollbar-thumb {
        background-color: #babac0;
        border-radius: 16px;
        border: 4px solid #fff; }
      .twoColTemplate___1Lp3C .tabGroup___2U9W7 .tabPaneScrolll___20jms::-webkit-scrollbar-button {
        display: none; }
    .twoColTemplate___1Lp3C .tabGroup___2U9W7 .select___2FzYQ {
      position: absolute;
      right: 50px;
      top: -6px;
      z-index: 1; }
      .twoColTemplate___1Lp3C .tabGroup___2U9W7 .select___2FzYQ .ant-select-selection--single {
        border: 0;
        width: 200px; }
    .twoColTemplate___1Lp3C .tabGroup___2U9W7 .cashAccount___1dteT {
      color: black;
      position: absolute;
      right: 50px;
      top: 4px;
      z-index: 1; }
      .twoColTemplate___1Lp3C .tabGroup___2U9W7 .cashAccount___1dteT .ant-select-selection--single {
        border: 0;
        width: 200px;
        color: black; }
      .twoColTemplate___1Lp3C .tabGroup___2U9W7 .cashAccount___1dteT .ant-select-selection__placeholder {
        color: black;
        font-size: 18px;
        line-height: 28px;
        font-weight: 700;
        color: #3c4449; }
      .twoColTemplate___1Lp3C .tabGroup___2U9W7 .cashAccount___1dteT .ant-select-selection__rendered {
        color: black;
        font-size: 18px;
        line-height: 28px;
        font-weight: 700;
        color: #3c4449; }

.inputStyle___2gRcv .ant-form-item {
  margin: 0px 0px 26px 0px;
  padding-left: 18px;
  padding-right: 18px;
  width: 33.33333%; }
  .inputStyle___2gRcv .ant-form-item.entire-row {
    width: 100% !important; }

.inputStyle___2gRcv .ant-form-item-label label {
  font-size: 16px;
  font-weight: bold;
  color: #9B9B9B; }

.inputStyle___2gRcv .ant-input {
  font-size: 16px;
  color: #3C4449; }

.inputStyle___2gRcv .ant-form-item-required:before {
  content: "";
  display: none; }

.inputStyle___2gRcv .ant-form-item-required:after {
  content: "*" !important;
  display: inline-block;
  margin-right: 4px;
  color: #C44952;
  font-size: 14px;
  font-family: SimSun,sans-serif;
  line-height: 1; }

.inputStyle___2gRcv .ant-input-disabled {
  border: none;
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
  color: #3C4449;
  font-size: 16px;
  line-height: 1.2;
  cursor: default; }

.inputStyle___2gRcv .ant-input-number-disabled {
  border: none;
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
  color: #3C4449;
  font-size: 16px;
  line-height: 1.2;
  cursor: default; }
  .inputStyle___2gRcv .ant-input-number-disabled .ant-input-number-input {
    padding-left: 0; }

.inputStyle___2gRcv .ant-select-disabled .ant-select-selection {
  background: transparent;
  font-size: 16px;
  border: none;
  color: #3C4449;
  cursor: default; }
  .inputStyle___2gRcv .ant-select-disabled .ant-select-selection .ant-select-selection__rendered {
    margin-left: 0; }
  .inputStyle___2gRcv .ant-select-disabled .ant-select-selection .ant-select-arrow {
    display: none; }

.inputStyle___2gRcv .ant-calendar-picker {
  width: 100%; }

.inputStyle___2gRcv .ant-input-number {
  width: 100%; }

.inputStyle___2gRcv .ant-calendar-picker-icon {
  display: inline-block;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  padding-right: 14px; }

.inputStyle___2gRcv .ant-checkbox-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 4px 16px 8px 0;
  padding: 0;
  color: #3C4449;
  font-size: 16px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  display: inline-block;
  line-height: unset;
  cursor: transparent; }

.inputStyle___2gRcv form textarea.ant-input {
  min-height: 54px;
  max-height: 54px; }

.inputStyle___2gRcv form .ant-select {
  font-size: 16px; }

.inputStyle___2gRcv .ant-form-item-control-wrapper {
  max-height: initial; }

.inputStyle___2gRcv .ant-form-item.multi-select .ant-form-item-control-wrapper {
  max-height: 130px; }
  .inputStyle___2gRcv .ant-form-item.multi-select .ant-form-item-control-wrapper .ant-select-selection--multiple {
    max-height: 130px;
    overflow-y: scroll; }
    .inputStyle___2gRcv .ant-form-item.multi-select .ant-form-item-control-wrapper .ant-select-selection--multiple::-webkit-scrollbar {
      background-color: #fff;
      width: 16px; }
    .inputStyle___2gRcv .ant-form-item.multi-select .ant-form-item-control-wrapper .ant-select-selection--multiple::-webkit-scrollbar-track {
      background-color: #fff; }
    .inputStyle___2gRcv .ant-form-item.multi-select .ant-form-item-control-wrapper .ant-select-selection--multiple::-webkit-scrollbar-thumb {
      background-color: #babac0;
      border-radius: 16px;
      border: 5px solid #fff; }
    .inputStyle___2gRcv .ant-form-item.multi-select .ant-form-item-control-wrapper .ant-select-selection--multiple::-webkit-scrollbar-button {
      display: none; }

.inputStyle___2gRcv .ant-form-item.multi-select button {
  position: absolute;
  right: -36px; }

.inputStyle___2gRcv .ant-radio-group {
  margin-top: 16px; }

.inputStyle___2gRcv .has-error .ant-form-explain {
  margin-bottom: -15px; }

.inputStyle___2gRcv .ant-form-extra {
  margin-bottom: -15px; }

.inputStyle___2gRcv .ant-timeline {
  margin-top: 22px; }

.inputStyle___2gRcv .ant-upload-list-item-info > span {
  display: inline-flex; }

@media (max-width: 1024px) {
  .inputStyle___2gRcv .ant-form-item {
    width: 50%; } }

@media (max-width: 768px) {
  .inputStyle___2gRcv .ant-form-item {
    width: 100%; }
  .inputStyle___2gRcv .ant-form-item-control-wrapper {
    max-height: initial; } }

.ant-select-dropdown-menu-item {
  word-break: break-word;
  white-space: normal; }

.flexWrap___3hHth {
  display: flex;
  flex-wrap: wrap; }

.flexJustifyCenter___2qPfr {
  display: flex;
  justify-content: center; }
  .flexJustifyCenter___2qPfr .flexWrapCenter___2T2Yw {
    display: inline-flex; }
    .flexJustifyCenter___2qPfr .flexWrapCenter___2T2Yw .ant-form-item {
      width: 220px; }

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

.hrLineGray___1A5B5 {
  border: 0;
  height: 1px;
  background: #D8D8D8; }

.hrLineWithTitle___3CRbI {
  text-align: center;
  margin-bottom: 20px;
  margin-left: 25px;
  margin-right: 25px; }
  .hrLineWithTitle___3CRbI span {
    display: block; }
  .hrLineWithTitle___3CRbI .textLength_4::before {
    content: "";
    height: 1px;
    background: #cacaca;
    position: absolute;
    top: 50%;
    width: 42%;
    left: 0; }
  .hrLineWithTitle___3CRbI .textLength_4::after {
    content: "";
    height: 1px;
    background: #cacaca;
    position: absolute;
    top: 50%;
    width: 42%;
    right: 0; }
  .hrLineWithTitle___3CRbI .textLength_5::before {
    content: "";
    height: 1px;
    background: #cacaca;
    position: absolute;
    top: 50%;
    width: 40%;
    left: 0; }
  .hrLineWithTitle___3CRbI .textLength_5::after {
    content: "";
    height: 1px;
    background: #cacaca;
    position: absolute;
    top: 50%;
    width: 40%;
    right: 0; }
  .hrLineWithTitle___3CRbI .textLength_6::before {
    content: "";
    height: 1px;
    background: #cacaca;
    position: absolute;
    top: 50%;
    width: 38%;
    left: 0; }
  .hrLineWithTitle___3CRbI .textLength_6::after {
    content: "";
    height: 1px;
    background: #cacaca;
    position: absolute;
    top: 50%;
    width: 38%;
    right: 0; }

@charset "UTF-8";
/*
 * 變數:
 * modal的副標題
 */
.modalPrimary___1rYwM .navBar___1lRlE {
  text-align: center;
  font-size: 16px;
  line-height: 52px;
  font-weight: bold;
  border-bottom: 1px solid #e8e8e8; }

/*
 * 變數:
 * ant-modal-body內Y軸的scroll
 */
.modalPrimary___1rYwM .contentScroll___3lvUT {
  overflow-y: scroll;
  /*
	* 以下是仿mac風格scrollbar的CSS
	*/ }
  .modalPrimary___1rYwM .contentScroll___3lvUT::-webkit-scrollbar {
    background-color: #fff;
    width: 16px; }
  .modalPrimary___1rYwM .contentScroll___3lvUT::-webkit-scrollbar-track {
    background-color: #fff; }
  .modalPrimary___1rYwM .contentScroll___3lvUT::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 5px solid #fff; }
  .modalPrimary___1rYwM .contentScroll___3lvUT::-webkit-scrollbar-button {
    display: none; }

/*
 * 變數:
 * ant-modal-body預設的padding為上右下左24px，
 * 為了客製scrollbar的範圍，例如Modal有副標題時，覆寫ant-modal-body的CSS
 */
.modalPrimary___1rYwM .ant-modal-body {
  padding: 0;
  overflow: hidden; }

/*
 * 變數:
 * 覆寫ant-modal-footer
 */
.modalPrimary___1rYwM .ant-modal-footer {
  padding: 10px 9px; }
  .modalPrimary___1rYwM .ant-modal-footer button {
    font-size: 16px;
    line-height: 36px;
    margin-left: 9px;
    margin-right: 9px; }
    .modalPrimary___1rYwM .ant-modal-footer button.btn-cancel {
      padding-right: 18px;
      border-right: 1px solid #DBDBDB;
      border-radius: 0;
      margin-right: 9px;
      padding-left: 0; }
  .modalPrimary___1rYwM .ant-modal-footer .ant-checkbox-wrapper {
    margin-left: 9px;
    margin-right: 9px;
    vertical-align: inherit; }
    .modalPrimary___1rYwM .ant-modal-footer .ant-checkbox-wrapper .ant-checkbox {
      width: 20px;
      height: 20px; }

.loadingMask___3qP0O {
  /*
		* 變數:
		* ant-modal-content包住整個ant-modal
		* loading時，
		* 在ant-modal-content建立一個偽元素after，做一個灰色的遮罩，避免使用者誤觸
		*/ }
  .loadingMask___3qP0O .ant-modal-content {
    /*
			 * loading轉圈圈置中
			 */ }
    .loadingMask___3qP0O .ant-modal-content::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0px;
      right: 0px;
      background: rgba(0, 0, 0, 0.3);
      height: 100%;
      z-index: 99; }
    .loadingMask___3qP0O .ant-modal-content .ant-spin {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

.ant-modal-mask {
  z-index: 21 !important; }

.ant-modal-wrap {
  z-index: 21 !important; }

.ant-modal .cm-expandableText a::before {
  width: 38%; }

.ant-modal .cm-expandableText a::after {
  width: 38%; }

/*
 * 用CSS Module包住的好處: 避免污染其它地方的CSS
 */
.modalPrimary___1rYwM {
  width: 500px !important;
  top: 40px; }
  .modalPrimary___1rYwM .contentScroll___3lvUT {
    max-height: 60vh; }
  .modalPrimary___1rYwM .modalContent___JUZRI {
    margin: 44px 40px 44px 56px; }

@media (max-width: 1024px) {
  .modalPrimary___1rYwM {
    width: 500px !important; }
    .modalPrimary___1rYwM .ant-form .ant-form-item {
      margin: 0px 0px 26px 0px;
      padding: 0px 25px; } }

@charset "UTF-8";
/*
 * 變數:
 * modal的副標題
 */
.modalTable___3zkXf .navBar___3y2Qz {
  text-align: center;
  font-size: 16px;
  line-height: 52px;
  font-weight: bold;
  border-bottom: 1px solid #e8e8e8; }

/*
 * 變數:
 * ant-modal-body內Y軸的scroll
 */
.modalTable___3zkXf .contentScroll___sN-0L {
  overflow-y: scroll;
  /*
	* 以下是仿mac風格scrollbar的CSS
	*/ }
  .modalTable___3zkXf .contentScroll___sN-0L::-webkit-scrollbar {
    background-color: #fff;
    width: 16px; }
  .modalTable___3zkXf .contentScroll___sN-0L::-webkit-scrollbar-track {
    background-color: #fff; }
  .modalTable___3zkXf .contentScroll___sN-0L::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 5px solid #fff; }
  .modalTable___3zkXf .contentScroll___sN-0L::-webkit-scrollbar-button {
    display: none; }

/*
 * 變數:
 * ant-modal-body預設的padding為上右下左24px，
 * 為了客製scrollbar的範圍，例如Modal有副標題時，覆寫ant-modal-body的CSS
 */
.modalTable___3zkXf .ant-modal-body {
  padding: 0;
  overflow: hidden; }

/*
 * 變數:
 * 覆寫ant-modal-footer
 */
.modalTable___3zkXf .ant-modal-footer {
  padding: 10px 9px; }
  .modalTable___3zkXf .ant-modal-footer button {
    font-size: 16px;
    line-height: 36px;
    margin-left: 9px;
    margin-right: 9px; }
    .modalTable___3zkXf .ant-modal-footer button.btn-cancel {
      padding-right: 18px;
      border-right: 1px solid #DBDBDB;
      border-radius: 0;
      margin-right: 9px;
      padding-left: 0; }
  .modalTable___3zkXf .ant-modal-footer .ant-checkbox-wrapper {
    margin-left: 9px;
    margin-right: 9px;
    vertical-align: inherit; }
    .modalTable___3zkXf .ant-modal-footer .ant-checkbox-wrapper .ant-checkbox {
      width: 20px;
      height: 20px; }

.loadingMask___1rfAT {
  /*
		* 變數:
		* ant-modal-content包住整個ant-modal
		* loading時，
		* 在ant-modal-content建立一個偽元素after，做一個灰色的遮罩，避免使用者誤觸
		*/ }
  .loadingMask___1rfAT .ant-modal-content {
    /*
			 * loading轉圈圈置中
			 */ }
    .loadingMask___1rfAT .ant-modal-content::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0px;
      right: 0px;
      background: rgba(0, 0, 0, 0.3);
      height: 100%;
      z-index: 99; }
    .loadingMask___1rfAT .ant-modal-content .ant-spin {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

.ant-modal-mask {
  z-index: 21 !important; }

.ant-modal-wrap {
  z-index: 21 !important; }

.ant-modal .cm-expandableText a::before {
  width: 38%; }

.ant-modal .cm-expandableText a::after {
  width: 38%; }

/*
 * 用CSS Module包住的好處: 避免污染其它地方的CSS
 */
.modalTable___3zkXf {
  width: 95% !important;
  top: 40px; }
  .modalTable___3zkXf .contentScroll___sN-0L {
    max-height: 75vh; }
  .modalTable___3zkXf .modalContent___3P0Ir {
    margin-left: 30px; }
    .modalTable___3zkXf .modalContent___3P0Ir .groupContentWrapper {
      margin-left: 3%; }
      .modalTable___3zkXf .modalContent___3P0Ir .groupContentWrapper:first-child {
        margin-top: 30px; }
    .modalTable___3zkXf .modalContent___3P0Ir .customTableWrapper {
      margin-top: 20px; }
      .modalTable___3zkXf .modalContent___3P0Ir .customTableWrapper:first-child {
        margin-top: 0; }

@media (max-width: 1024px) {
  .modalTable___3zkXf .ant-form .ant-form-item {
    margin: 0px 0px 26px 0px;
    padding: 0px 25px; } }

@media (max-width: 768px) {
  .modalTable___3zkXf .ant-modal-body {
    padding: 0px 5px 0px 5px; } }

.tableInfo___37OQ4 {
  font-size: 20px;
  line-height: 36px;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  height: 32px; }

.ant-modal-footer .tableInfo___37OQ4 {
  font-size: 16px;
  line-height: 36px;
  margin-left: 9px;
  margin-right: 9px; }

.groupContentWrapper___b3OcY {
  position: relative;
  display: flex; }
  .groupContentWrapper___b3OcY .titleCol___SNj2g {
    width: 104px;
    margin-right: 8px;
    text-align: right;
    color: #777777; }
    .groupContentWrapper___b3OcY .titleCol___SNj2g span {
      display: block;
      margin-top: 6px; }
  .groupContentWrapper___b3OcY .contentCol___3Vtv3 {
    width: 89%; }