@charset "UTF-8";
/*-----------------自定義-----------------------*/
/*頁面寬度*/
/*認證商標大小*/
/*顏色*/
/*頭像大小*/
/* 改变主题色变量 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* 改变 icon 字体路径变量，必需 */
/* Checkbox
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* Form
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Tooltip
-------------------------- */
/* Button
-------------------------- */
/* Alert
-------------------------- */
/* Card
--------------------------*/
/*卷軸樣式*/
/*垂直水平置中*/
.productImg-default:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.imgUpload figcaption, .imgUpload .button-file-upload {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto; }

/*表單空值顯示*/
.el-form-item__content .form-plaintext:empty:before, .el-form-item__content:empty:before, .statusTag-item span:empty:before, .auditeeUpload-item .scoreItem-text:empty:before, .fileUpload-item .scoreItem-text:empty:before {
  content: '-';
  color: #ced4da; }

/*假表格標題*/
/*自訂樣式*/
/*-------------------表單------------------------*/
/*表單 僅閱讀*/
.el-input input[readonly] {
  background: #f8f9fa; }
  .el-input input[readonly].el-input__inner:focus {
    border-color: var(--el-border-color-base); }

.el-textarea textarea[readonly] {
  background: #f8f9fa; }
  .el-textarea textarea[readonly].el-textarea__inner:focus {
    border-color: var(--el-border-color-base); }

.el-select .el-input input[readonly] {
  background: #FFFFFF; }
  .el-select .el-input input[readonly][disabled] {
    background: #e9ecef;
    color: #222; }

.input-with-select .el-input-group__append {
  background-color: #FFFFFF; }
  .input-with-select .el-input-group__append .el-select .el-input__inner[readonly] {
    background: transparent; }

.el-radio__input.is-disabled.is-checked .el-radio__inner {
  border-color: #689df6; }

.el-radio__input.is-disabled.is-checked + span.el-radio__label {
  color: #689df6; }

.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  background-color: #689df6; }

/*單選框*/
.el-radio {
  margin-top: 0; }
  .el-radio__label {
    font-size: 1rem; }
  .el-radio.is-bordered__input {
    height: inherit; }

.radio-linebreak.el-radio-group {
  display: flex;
  align-items: baseline; }

.radio-linebreak .el-radio {
  height: auto;
  align-items: baseline; }

/*多選框*/
.el-checkbox {
  margin-top: 0;
  height: auto;
  min-height: 32px;
  align-items: start;
  white-space: normal;
  line-height: 32px; }
  .el-checkbox__label {
    font-size: 1rem;
    line-height: inherit; }
  .el-checkbox__input {
    padding-top: 8px; }
  .el-checkbox.is-bordered__input {
    height: inherit; }

/*驗證錯誤樣式*/
.el-form-item__error {
  position: static;
  width: 100%;
  text-indent: -1em;
  margin-left: 1.2em;
  text-align: left; }
  .el-form-item__error:before {
    content: '\f057';
    font-family: 'FontAwesome';
    margin-right: 2px; }

/*表單驗證改浮動*/
.error-absolute .el-form-item__error {
  position: absolute; }

.el-cascader .el-input input[readonly] {
  /*排除*/
  background: #fff; }

/*文件上傳*/
input[type="file"].el-input__inner {
  height: auto;
  line-height: initial;
  padding: 0.2em 15px;
  font-family: "Roboto", arial, "Microsoft JhengHei", "Microsoft YaHei", STHeiti, sans-serif; }

/*文件上傳結果*/
.el-form-item--medium .fileName {
  font-size: 14px; }

/*錯誤訊息框*/
@media only screen and (max-width: 419px) {
  .el-message-box {
    width: 90% !important; } }

/*前後綴*/
.el-input-group__append, .el-input-group__prepend {
  padding: 0 10px; }

.el-input-group__append .el-button, .el-input-group__append .el-select, .el-input-group__prepend .el-button, .el-input-group__prepend .el-select {
  margin: -10px; }

.input-select__append .el-input-group__append {
  background-color: #FFFFFF; }
  .input-select__append .el-input-group__append .el-input-group__prepend {
    background-color: #f5f7fa; }
  .input-select__append .el-input-group__append .el-select .el-input__inner[readonly] {
    background: transparent; }

/*---------------el-dialog---------------*/
.dialog-sm {
  width: 100%;
  max-width: 350px; }

.dialog-md {
  width: 100%;
  max-width: 500px; }

.dialog-lg {
  width: 100%;
  max-width: 800px; }

.dialog-xl {
  width: 100%;
  max-width: 1140px; }

.dialog-xxl {
  width: 100%;
  max-width: 1400px; }

.el-dialog__header {
  border-bottom: 1px solid #dee2e6; }
  .el-dialog__header .dialog-title, .el-dialog__header .el-dialog__title {
    font-size: 20px;
    font-weight: 400; }

.el-dialog--center .el-dialog__body {
  padding: 15px;
  color: #222; }

.el-dialog__body ~ .el-dialog__footer {
  margin-top: -30px; }

/*---------------表格--------------*/
.el-table {
  /*表格中的多選單選按鈕修正*/
  /*有卷軸的表格*/
  /*表格內容置頂*/ }
  .el-table .el-table__cell {
    padding: 5px 0; }
    .el-table .el-table__cell .el-input-group__append, .el-table .el-table__cell .el-input-group__prepend {
      padding: 0 8px; }
  .el-table th.el-table__cell {
    background-color: #e9ecef;
    color: #495057; }
  .el-table td .el-form-item:last-child {
    margin-bottom: 0; }
  .el-table .el-radio {
    margin-right: 15px; }
  .el-table .el-radio__label {
    padding-left: 5px; }
  .el-table .el-button + .el-button {
    margin-left: 8px; }
  .el-table.table-scrollbar .el-table__body-wrapper {
    height: 100%;
    overflow-y: auto; }
    .el-table.table-scrollbar .el-table__body-wrapper::-webkit-scrollbar {
      width: 6px;
      height: 6px; }
    .el-table.table-scrollbar .el-table__body-wrapper::-webkit-scrollbar-thumb {
      border-radius: 100px;
      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
      background: rgba(0, 0, 0, 0.1); }
      .el-table.table-scrollbar .el-table__body-wrapper::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 0, 0, 0.2); }
  .el-table.vertical-top .el-table__cell {
    vertical-align: top; }

.el-form-item__content .el-table th {
  line-height: 23px; }

/*無框線表格*/
.table-noborder.el-table {
  border: none; }
  .table-noborder.el-table .cell {
    padding: 0 5px; }
  .table-noborder.el-table td.el-table__cell, .table-noborder.el-table th.el-table__cell.is-leaf {
    border-bottom: none; }

/*卡片等高*/
.el-row > [class*="el-col-"] > .el-card {
  height: 100%; }

/*------------------按鈕-----------------------*/
/*按鈕中的icon*/
.el-button[class*="el-"]:not(:empty):before, .el-button[class*="fa-"]:not(:empty):before {
  margin-right: 3px; }

.el-button span [class*="el-"], .el-button span [class*="fa-"] {
  margin-left: 3px; }

.el-button.el-button--default.is-circle {
  max-width: 32px; }

/*重置element*/
/*-----------------自定義-----------------------*/
/*頁面寬度*/
/*認證商標大小*/
/*顏色*/
/*頭像大小*/
/* 改变主题色变量 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* 改变 icon 字体路径变量，必需 */
/* Checkbox
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* Form
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Tooltip
-------------------------- */
/* Button
-------------------------- */
/* Alert
-------------------------- */
/* Card
--------------------------*/
/*卷軸樣式*/
/*垂直水平置中*/
.productImg-default:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.imgUpload figcaption, .imgUpload .button-file-upload {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto; }

/*表單空值顯示*/
.el-form-item__content .form-plaintext:empty:before, .el-form-item__content:empty:before, .statusTag-item span:empty:before, .auditeeUpload-item .scoreItem-text:empty:before, .fileUpload-item .scoreItem-text:empty:before {
  content: '-';
  color: #ced4da; }

/*假表格標題*/
/*自訂樣式*/
html {
  box-sizing: border-box; }

*, *::before, *::after {
  box-sizing: inherit; }

body, html {
  height: 100%; }

/*col設定*/
/*間距*/
body {
  font-family: "Roboto", arial, "Microsoft JhengHei", "Microsoft YaHei", STHeiti, sans-serif;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: relative;
  color: #222;
  font-size: 16px;
  background: rgba(248, 249, 250, 0.5); }

/*連結*/
a, .onclick {
  /*使用click的連結*/
  cursor: pointer;
  color: #4285f4; }
  a:hover, .onclick:hover {
    color: #0751c6; }

hr {
  border: 0;
  height: 1px;
  background: #dee2e6; }

/*更改tabler-icons*/
.ti {
  vertical-align: middle; }
  .ti:before {
    font-size: 1.3em; }

/*顏色*/
.gray {
  color: #6c757d; }

.red {
  color: #e00606; }

.green {
  color: #74C200; }

.blue {
  color: #4285f4; }

.text-wraning {
  color: #ff9d00; }

.text-info {
  color: #909399; }

/*文字大小*/
.text-l {
  font-size: 20px; }

.text-m {
  font-size: 16px; }

/*文字對齊*/
.text-center {
  text-align: center; }

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

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

/*單行文字省略*/
.one-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block; }

/*二行文字省略*/
.two-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }
  .two-ellipsis.headlineFocus {
    height: 2.5em; }

/*間距*/
.m-auto {
  margin: auto; }

.mt-0 {
  margin-top: 0 !important; }

.mt-1 {
  margin-top: 0.3em !important; }

.mt-2 {
  margin-top: 0.6em !important; }

.mt-3 {
  margin-top: 1.0em !important; }

.mt-4 {
  margin-top: 1.6em !important; }

.mt-5 {
  margin-top: 2em !important; }

.mt-6 {
  margin-top: 2.2em !important; }

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

.mb-1 {
  margin-bottom: 0.3em !important; }

.mb-2 {
  margin-bottom: 0.6em !important; }

.mb-3 {
  margin-bottom: 1.0em !important; }

.mb-4 {
  margin-bottom: 1.6em !important; }

.mb-5 {
  margin-bottom: 2em !important; }

.mb-6 {
  margin-bottom: 2.2em !important; }

.ml-0 {
  margin-left: 0 !important; }

.ml-1 {
  margin-left: 0.3em !important; }

.ml-2 {
  margin-left: 0.6em !important; }

.ml-3 {
  margin-left: 1.0em !important; }

.ml-4 {
  margin-left: 1.6em !important; }

.ml-5 {
  margin-left: 2em !important; }

.ml-6 {
  margin-left: 2.2em !important; }

.ml-auto {
  margin-left: auto; }

.mr-0 {
  margin-right: 0 !important; }

.mr-1 {
  margin-right: 0.3em !important; }

.mr-2 {
  margin-right: 0.6em !important; }

.mr-3 {
  margin-right: 1.0em !important; }

.mr-4 {
  margin-right: 1.6em !important; }

.mr-5 {
  margin-right: 2em !important; }

.mr-6 {
  margin-right: 2.2em !important; }

.mr-auto {
  margin-right: auto; }

.pt-0 {
  padding-top: 0 !important; }

.pt-1 {
  padding-top: 0.3em !important; }

.pt-2 {
  padding-top: 0.6em !important; }

.pt-3 {
  padding-top: 1.0em !important; }

.pt-4 {
  padding-top: 1.6em !important; }

.pt-5 {
  padding-top: 2em !important; }

.pt-6 {
  padding-top: 2.2em !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pb-1 {
  padding-bottom: 0.3em !important; }

.pb-2 {
  padding-bottom: 0.6em !important; }

.pb-3 {
  padding-bottom: 1.0em !important; }

.pb-4 {
  padding-bottom: 1.6em !important; }

.pb-5 {
  padding-bottom: 2em !important; }

.pb-6 {
  padding-bottom: 2.2em !important; }

.pl-0 {
  padding-left: 0 !important; }

.pl-1 {
  padding-left: 0.3em !important; }

.pl-2 {
  padding-left: 0.6em !important; }

.pl-3 {
  padding-left: 1.0em !important; }

.pl-4 {
  padding-left: 1.6em !important; }

.pl-5 {
  padding-left: 2em !important; }

.pl-6 {
  padding-left: 2.2em !important; }

.pr-0 {
  padding-right: 0 !important; }

.pr-1 {
  padding-right: 0.3em !important; }

.pr-2 {
  padding-right: 0.6em !important; }

.pr-3 {
  padding-right: 1.0em !important; }

.pr-4 {
  padding-right: 1.6em !important; }

.pr-5 {
  padding-right: 2em !important; }

.pr-6 {
  padding-left: 2.2em !important; }

/*clearfix*/
.clearfix::before, .clearfix::after {
  content: " ";
  display: table; }

.clearfix::after {
  clear: both; }

/*float*/
.float-right {
  float: right; }

.float-left {
  float: left; }

.row {
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  .row.one-row {
    flex-wrap: nowrap;
    overflow-x: scroll; }
  .row .col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    min-width: 0; }
  .row .col-sm {
    width: 100%; }
  .row .col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }

/*flex設定*/
.flex-column {
  flex-flow: column; }

.align-items-center {
  /*垂直置中*/
  align-items: center; }

.align-items-flex-end {
  /*垂直置底*/
  align-items: flex-end; }

.align-self-center {
  /*單獨欄位垂直置中*/
  align-self: center; }

.align-self-end {
  /*單獨欄位垂直置底*/
  align-self: flex-end; }

.justify-content-center {
  justify-content: center; }

.justify-self-center {
  justify-self: center; }

/*li列表*/
ol li {
  margin-bottom: 0.4em; }

/*全部局*/
.allwrap {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.container {
  width: 100%;
  height: calc(100% - 93px);
  position: relative;
  overflow: auto;
  padding: 15px; }

.mainContainer {
  margin: 0 auto;
  max-width: 1200px; }

/*頁尾*/
footer {
  padding: 10px 15px;
  font-size: 12.8px;
  background: #f8f9fa;
  border-top: 1px solid #dee2e6;
  color: #495057;
  text-align: center; }

/*響應式圖片*/
.img-fluid {
  max-width: 100%;
  height: auto; }

/*圖片置中 限制長寬不變形*/
/*寬度拿掉*/
.width-auto {
  width: auto !important; }

@media only screen and (min-width: 992px) {
  /*間距*/
  .mt-md-0 {
    margin-top: 0 !important; }
  .mt-md-1 {
    margin-top: 0.3em !important; }
  .mt-md-2 {
    margin-top: 0.6em !important; }
  .mt-md-3 {
    margin-top: 1.0em !important; }
  .mt-md-4 {
    margin-top: 1.6em !important; }
  .mt-md-5 {
    margin-top: 2em !important; }
  .mt-md-6 {
    margin-top: 2.2em !important; }
  .mb-md-0 {
    margin-bottom: 0 !important; }
  .mb-md-1 {
    margin-bottom: 0.3em !important; }
  .mb-md-2 {
    margin-bottom: 0.6em !important; }
  .mb-md-3 {
    margin-bottom: 1.0em !important; }
  .mb-md-4 {
    margin-bottom: 1.6em !important; }
  .mb-md-5 {
    margin-bottom: 2em !important; }
  .mb-md-6 {
    margin-bottom: 2.2em !important; }
  .ml-md-0 {
    margin-left: 0 !important; }
  .ml-md-1 {
    margin-left: 0.3em !important; }
  .ml-md-2 {
    margin-left: 0.6em !important; }
  .ml-md-3 {
    margin-left: 1.0em !important; }
  .ml-md-4 {
    margin-left: 1.6em !important; }
  .ml-md-5 {
    margin-left: 2em !important; }
  .ml-md-6 {
    margin-left: 2.2em !important; }
  .ml-md-auto {
    margin-left: auto; }
  .mr-md-0 {
    margin-right: 0 !important; }
  .mr-md-1 {
    margin-right: 0.3em !important; }
  .mr-md-2 {
    margin-right: 0.6em !important; }
  .mr-md-3 {
    margin-right: 1.0em !important; }
  .mr-md-4 {
    margin-right: 1.6em !important; }
  .mr-md-5 {
    margin-right: 2em !important; }
  .mr-md-6 {
    margin-right: 2.2em !important; }
  .mr-md-auto {
    margin-right: auto; }
  .pt-md-0 {
    padding-top: 0 !important; }
  .pt-md-1 {
    padding-top: 0.3em !important; }
  .pt-md-2 {
    padding-top: 0.6em !important; }
  .pt-md-3 {
    padding-top: 1.0em !important; }
  .pt-md-4 {
    padding-top: 1.6em !important; }
  .pt-md-5 {
    padding-top: 2em !important; }
  .pt-md-6 {
    padding-top: 2.2em !important; }
  .pb-md-0 {
    padding-bottom: 0 !important; }
  .pb-md-1 {
    padding-bottom: 0.3em !important; }
  .pb-md-2 {
    padding-bottom: 0.6em !important; }
  .pb-md-3 {
    padding-bottom: 1.0em !important; }
  .pb-md-4 {
    padding-bottom: 1.6em !important; }
  .pb-md-5 {
    padding-bottom: 2em !important; }
  .pb-md-6 {
    padding-bottom: 2.2em !important; }
  .pl-md-0 {
    padding-left: 0 !important; }
  .pl-md-1 {
    padding-left: 0.3em !important; }
  .pl-md-2 {
    padding-left: 0.6em !important; }
  .pl-md-3 {
    padding-left: 1.0em !important; }
  .pl-md-4 {
    padding-left: 1.6em !important; }
  .pl-md-5 {
    padding-left: 2em !important; }
  .pl-md-6 {
    padding-left: 2.2em !important; }
  .pr-md-0 {
    padding-right: 0 !important; }
  .pr-md-1 {
    padding-right: 0.3em !important; }
  .pr-md-2 {
    padding-right: 0.6em !important; }
  .pr-md-3 {
    padding-right: 1.0em !important; }
  .pr-md-4 {
    padding-right: 1.6em !important; }
  .pr-md-5 {
    padding-right: 2em !important; }
  .pr-md-6 {
    padding-left: 2.2em !important; }
  /*欄位*/
  .row .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    min-width: 0; }
  .row .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; } }

@media only screen and (min-width: 768px) {
  /*間距*/
  .mt-sm-0 {
    margin-top: 0 !important; }
  .mt-sm-1 {
    margin-top: 0.3em !important; }
  .mt-sm-2 {
    margin-top: 0.6em !important; }
  .mt-sm-3 {
    margin-top: 1.0em !important; }
  .mt-sm-4 {
    margin-top: 1.6em !important; }
  .mt-sm-5 {
    margin-top: 2em !important; }
  .mt-sm-6 {
    margin-top: 2.2em !important; }
  .mb-sm-0 {
    margin-bottom: 0 !important; }
  .mb-sm-1 {
    margin-bottom: 0.3em !important; }
  .mb-sm-2 {
    margin-bottom: 0.6em !important; }
  .mb-sm-3 {
    margin-bottom: 1.0em !important; }
  .mb-sm-4 {
    margin-bottom: 1.6em !important; }
  .mb-sm-5 {
    margin-bottom: 2em !important; }
  .mb-sm-6 {
    margin-bottom: 2.2em !important; }
  .ml-sm-0 {
    margin-left: 0 !important; }
  .ml-sm-1 {
    margin-left: 0.3em !important; }
  .ml-sm-2 {
    margin-left: 0.6em !important; }
  .ml-sm-3 {
    margin-left: 1.0em !important; }
  .ml-sm-4 {
    margin-left: 1.6em !important; }
  .ml-sm-5 {
    margin-left: 2em !important; }
  .ml-sm-6 {
    margin-left: 2.2em !important; }
  .ml-sm-auto {
    margin-left: auto; }
  .mr-sm-0 {
    margin-right: 0 !important; }
  .mr-sm-1 {
    margin-right: 0.3em !important; }
  .mr-sm-2 {
    margin-right: 0.6em !important; }
  .mr-sm-3 {
    margin-right: 1.0em !important; }
  .mr-sm-4 {
    margin-right: 1.6em !important; }
  .mr-sm-5 {
    margin-right: 2em !important; }
  .mr-sm-6 {
    margin-right: 2.2em !important; }
  .mr-sm-auto {
    margin-right: auto; }
  .pt-sm-0 {
    padding-top: 0 !important; }
  .pt-sm-1 {
    padding-top: 0.3em !important; }
  .pt-sm-2 {
    padding-top: 0.6em !important; }
  .pt-sm-3 {
    padding-top: 1.0em !important; }
  .pt-sm-4 {
    padding-top: 1.6em !important; }
  .pt-sm-5 {
    padding-top: 2em !important; }
  .pt-sm-6 {
    padding-top: 2.2em !important; }
  .pb-sm-0 {
    padding-bottom: 0 !important; }
  .pb-sm-1 {
    padding-bottom: 0.3em !important; }
  .pb-sm-2 {
    padding-bottom: 0.6em !important; }
  .pb-sm-3 {
    padding-bottom: 1.0em !important; }
  .pb-sm-4 {
    padding-bottom: 1.6em !important; }
  .pb-sm-5 {
    padding-bottom: 2em !important; }
  .pb-sm-6 {
    padding-bottom: 2.2em !important; }
  .pl-sm-0 {
    padding-left: 0 !important; }
  .pl-sm-1 {
    padding-left: 0.3em !important; }
  .pl-sm-2 {
    padding-left: 0.6em !important; }
  .pl-sm-3 {
    padding-left: 1.0em !important; }
  .pl-sm-4 {
    padding-left: 1.6em !important; }
  .pl-sm-5 {
    padding-left: 2em !important; }
  .pl-sm-6 {
    padding-left: 2.2em !important; }
  .pr-sm-0 {
    padding-right: 0 !important; }
  .pr-sm-1 {
    padding-right: 0.3em !important; }
  .pr-sm-2 {
    padding-right: 0.6em !important; }
  .pr-sm-3 {
    padding-right: 1.0em !important; }
  .pr-sm-4 {
    padding-right: 1.6em !important; }
  .pr-sm-5 {
    padding-right: 2em !important; }
  .pr-sm-6 {
    padding-left: 2.2em !important; }
  /*欄位*/
  .row .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    min-width: 0; }
  .row .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; } }

/*排版用*/
/*-----------------自定義-----------------------*/
/*頁面寬度*/
/*認證商標大小*/
/*顏色*/
/*頭像大小*/
/* 改变主题色变量 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* 改变 icon 字体路径变量，必需 */
/* Checkbox
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* Form
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Tooltip
-------------------------- */
/* Button
-------------------------- */
/* Alert
-------------------------- */
/* Card
--------------------------*/
/*卷軸樣式*/
/*垂直水平置中*/
.productImg-default:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.imgUpload figcaption, .imgUpload .button-file-upload {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto; }

/*表單空值顯示*/
.el-form-item__content .form-plaintext:empty:before, .el-form-item__content:empty:before, .statusTag-item span:empty:before, .auditeeUpload-item .scoreItem-text:empty:before, .fileUpload-item .scoreItem-text:empty:before {
  content: '-';
  color: #ced4da; }

/*假表格標題*/
/*自訂樣式*/
header {
  background: #495057;
  color: #FFFFFF;
  padding: 0 15px; }
  header .navWrapper {
    display: flex;
    align-items: center; }
  header #menu {
    flex: 2; }
  header .logo a {
    text-decoration: none;
    display: block;
    background: url("../images/eAudit-logo_white.svg") no-repeat;
    background-size: 100% auto;
    width: 120px !important;
    height: 35px;
    margin-right: 15px; }
  header .el-menu {
    background: #495057; }
    header .el-menu--horizontal {
      border-bottom: none; }
    header .el-menu > .el-menu-item {
      color: #FFFFFF;
      padding: 0 !important;
      font-size: 1rem; }
      header .el-menu > .el-menu-item a {
        display: block;
        padding: 2px 35px 0;
        text-decoration: none;
        color: #FFFFFF; }
    header .el-menu .el-menu-item:not(.is-disabled):focus, header .el-menu .el-menu-item:not(.is-disabled):hover {
      background: #343a40;
      color: #FFFFFF; }

#toggle {
  position: absolute;
  right: 80px;
  top: 8px;
  z-index: 999;
  width: 36px;
  height: 36px;
  cursor: pointer;
  float: right;
  transition: all .3s ease-out;
  visibility: hidden;
  opacity: 0; }

#toggle .span {
  border-radius: 10px;
  background: #cdcdcd;
  transition: all 0.3s ease-out;
  backface-visibility: hidden; }

#top.span.active {
  transform: rotate(45deg) translateX(4px) translateY(6px); }

#middle.span.active {
  opacity: 0; }

#bottom.span.active {
  transform: rotate(-45deg) translateX(4px) translateY(-6px); }

.headerNav {
  margin-left: auto;
  max-height: 50px; }
  .headerNav .userImg {
    width: 50px;
    height: 50px;
    cursor: pointer;
    border-color: #FFFFFF; }
    .headerNav .userImg img {
      width: 100%;
      height: auto; }
    .headerNav .userImg:hover {
      border-color: #eee; }
    .headerNav .userImg .el-avatar.el-icon-user-solid {
      font-size: 30px;
      line-height: 45px; }
  .headerNav [class^=el-icon-] {
    font-size: 1.8em;
    color: #1da8a4;
    cursor: pointer;
    vertical-align: -15%; }

.headerNav-dropdown {
  /*header個人資訊彈窗*/
  padding: 10px;
  width: 300px; }
  .headerNav-dropdown .userImg {
    width: 80px;
    height: 80px;
    margin: 10px auto; }
    .headerNav-dropdown .userImg .upImg-btn {
      bottom: 0;
      right: 0; }
    .headerNav-dropdown .userImg .hidden {
      overflow: hidden;
      width: 100%;
      height: 100%; }
    .headerNav-dropdown .userImg .el-dropdown-menu__item i {
      margin-right: 0; }
    .headerNav-dropdown .userImg .el-avatar.el-icon-user-solid {
      font-size: 48px;
      line-height: 72px; }
  .headerNav-dropdown .userInfo {
    text-align: center;
    border-bottom: 1px solid #e9ecef;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 15px;
    padding-bottom: 10px; }
    .headerNav-dropdown .userInfo .user-li {
      margin-bottom: 5px; }
      .headerNav-dropdown .userInfo .user-li.head {
        font-size: 1.1em;
        font-weight: bold; }
      .headerNav-dropdown .userInfo .user-li.gray {
        color: #adb5bd; }

@media only screen and (max-width: 992px) {
  header {
    position: relative; }
  #toggle {
    visibility: visible;
    opacity: 1;
    margin-top: 6px; }
  #toggle .span {
    height: 2px;
    margin: 5px 0;
    transition: all .3s ease-out;
    backface-visibility: visible;
    visibility: visible;
    opacity: 1; }
  #menu .el-menu-item {
    display: none;
    border-bottom: 1px solid #343a40;
    background-color: #343a40; }
    #menu .el-menu-item.is-active {
      border-bottom: none; }
  #menu.active {
    z-index: 999;
    visibility: visible;
    opacity: 1;
    transition: all .5s ease-out;
    display: block;
    position: absolute;
    background: rgba(34, 34, 34, 0.8);
    width: 100%;
    height: 100vh;
    top: 53px;
    left: 0; }
    #menu.active .el-menu-item {
      display: block;
      text-align: center;
      width: 100%;
      border-top: 1px solid #495057;
      font-size: 18px; } }

/*表頭*/
/*-----------------自定義-----------------------*/
/*頁面寬度*/
/*認證商標大小*/
/*顏色*/
/*頭像大小*/
/* 改变主题色变量 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* 改变 icon 字体路径变量，必需 */
/* Checkbox
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* Form
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Tooltip
-------------------------- */
/* Button
-------------------------- */
/* Alert
-------------------------- */
/* Card
--------------------------*/
/*卷軸樣式*/
/*垂直水平置中*/
.productImg-default:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.imgUpload figcaption, .imgUpload .button-file-upload {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto; }

/*表單空值顯示*/
.el-form-item__content .form-plaintext:empty:before, .el-form-item__content:empty:before, .statusTag-item span:empty:before, .auditeeUpload-item .scoreItem-text:empty:before, .fileUpload-item .scoreItem-text:empty:before {
  content: '-';
  color: #ced4da; }

/*假表格標題*/
/*自訂樣式*/
.sideContainer {
  width: 100%;
  max-height: calc(100% - 93px);
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  box-sizing: border-box; }

/*側邊選單*/
.sideMenu {
  font-weight: 700;
  border-right: 1px solid #e9ecef;
  position: sticky;
  transition: all .2s ease-in;
  flex: 0 1 180px;
  /*改element 選單樣式*/ }
  .sideMenu-button {
    opacity: 0;
    height: 0; }
  .sideMenu .el-menu {
    border-right: none; }
    .sideMenu .el-menu:first-child {
      border-bottom: 1px solid #dee2e6; }
    .sideMenu .el-menu i ~ span {
      margin-left: 0.3em; }
    .sideMenu .el-menu .el-sub-menu .el-menu-item {
      border-top: 1px solid #dee2e6;
      padding: 0 !important;
      min-width: auto; }
      .sideMenu .el-menu .el-sub-menu .el-menu-item a {
        color: #343a40;
        text-decoration: none;
        display: block;
        padding-left: 40px;
        width: 100%; }
        .sideMenu .el-menu .el-sub-menu .el-menu-item a:hover {
          background: #FFFFFF;
          color: #5591f5; }
    .sideMenu .el-menu .el-sub-menu__title i {
      color: #689df6; }
    .sideMenu .el-menu .el-sub-menu__title:hover {
      background: #FFFFFF;
      color: #5591f5; }
    .sideMenu .el-menu .el-menu-item:hover {
      background: #f8f9fa;
      color: #4285f4; }
    .sideMenu .el-menu .el-menu-item-group {
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08) inset; }
      .sideMenu .el-menu .el-menu-item-group__title:empty {
        padding: 0; }

/*側邊卷軸*/
/*scrollarbar*/
.sidemenuScrollar {
  height: calc(100vh - 95px); }
  .sidemenuScrollar .el-scrollbar__wrap {
    overflow-x: hidden; }

.sideMain {
  flex: 0 0 calc(100% - 180px);
  max-width: calc(100% - 180px);
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  padding-right: 30px;
  max-height: calc(100vh - 93px);
  min-height: calc(100vh - 93px); }

@media only screen and (max-width: 1200px) {
  .sideContainer {
    max-height: calc(100% - 53px);
    flex-wrap: initial;
    display: block; }
  .sideMain {
    display: block;
    flex: none;
    width: 100%;
    max-width: 100%;
    padding: 10px; }
  .sideMenu {
    border-right: none;
    flex: none; }
    .sideMenu .sidemenuScrollar {
      display: none;
      height: calc(100vh - 53px); }
    .sideMenu-button {
      text-align: left;
      height: auto;
      opacity: 1;
      padding: 5px 8px 2px;
      font-size: 24px;
      cursor: pointer;
      color: #adb5bd;
      box-shadow: 2px 0 3px rgba(0, 0, 0, 0.06) inset;
      background: #FFFFFF;
      border-bottom: 1px solid #dee2e6; }
      .sideMenu-button:hover {
        color: #7baaf7; }
    .sideMenu.show {
      width: 100%;
      position: absolute;
      z-index: 101;
      background: rgba(34, 34, 34, 0.5);
      bottom: 0; }
      .sideMenu.show .sidemenuScrollar {
        width: 50%;
        display: block;
        height: calc(100vh - 90px); }
      .sideMenu.show .el-menu:first-child {
        background: #FFFFFF !important;
        height: calc(100vh - 90px);
        border-bottom: none; }
      .sideMenu.show .el-sub-menu {
        border-bottom: 1px solid #dee2e6; }
      .sideMenu.show ~ .sideMain {
        margin-top: 38px; }
        .sideMenu.show ~ .sideMain .el-breadcrumb {
          margin-left: 0; }
  .container {
    height: calc(100% - 60px); }
  footer {
    display: none; } }

/*側邊選單*/
[v-cloak] {
  display: none; }

/*說明列表*/
.notes ul {
  list-style: none;
  margin: 5px 0;
  padding: 0; }
  .notes ul li {
    margin-bottom: 8px;
    line-height: 1.3;
    text-indent: -1em;
    margin-left: 1em;
    font-size: 15px; }
    .notes ul li:before {
      content: '※'; }

/*自訂icon*/
.icon_z-sort {
  background: url(../images/icon_z-sort.svg) no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 100% auto;
  vertical-align: middle; }

/*刪除按鈕*/
.del {
  cursor: pointer;
  color: #ced4da;
  border-color: #ced4da; }
  .del:hover {
    color: #f56c6c;
    border-color: #f56c6c; }

.del-btn {
  /*有邊框的*/
  color: #6c757d;
  border-color: #dee2e6; }
  .del-btn:hover, .del-btn:active, .del-btn:focus {
    color: #f56c6c;
    border-color: rgba(245, 108, 108, 0.5); }

/*使用者頭像*/
.userImg {
  width: 200px;
  height: 200px;
  position: relative;
  border-radius: 100%;
  border: 3px solid #f8f9fa; }
  .userImg .hidden {
    width: 100%;
    height: 100%; }
  .userImg.chooseWrap {
    border: 2px solid #dee2e6;
    margin: 0 auto; }
  .userImg img {
    width: 100%;
    height: auto; }
  .userImg .el-avatar {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.2; }
    .userImg .el-avatar.el-icon-user-solid {
      font-size: 120px;
      text-align: center;
      line-height: 180px; }
  .userImg .upImg-btn {
    position: absolute;
    z-index: 1;
    bottom: 10px;
    right: 10px;
    font-size: 1.3em; }

/*公司logo圖*/
.companyLogo {
  width: 250px;
  height: 125px;
  margin: 0 auto;
  position: relative; }
  .companyLogo img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  .companyLogo:empty {
    background: #dee2e6; }
    .companyLogo:empty:before {
      content: "\e79f";
      font-family: 'element-icons';
      font-size: 100px;
      line-height: 125px;
      color: #FFFFFF; }

.border {
  border-bottom: 1px solid #e9ecef;
  padding-bottom: 5px; }

/*標題*/
.mainTitle {
  /*主標*/
  margin: 15px 0;
  display: flex;
  align-items: center;
  /*彈性自動換行*/
  /*tag在前面*/ }
  .mainTitle-text {
    font-size: 1.4rem;
    font-weight: bold; }
    .mainTitle-text .el-tag--default {
      position: relative;
      top: -3px; }
  .mainTitle-rightSite {
    margin-left: auto; }
  .mainTitle .icon-stack {
    width: 1em; }
  .mainTitle .userField {
    font-size: 14px;
    padding-right: 10px; }
    .mainTitle .userField .userLabel {
      color: #ced4da;
      line-height: 24px; }
    .mainTitle .userField .userImg {
      width: 24px;
      height: 24px; }
      .mainTitle .userField .userImg .el-avatar.el-icon-user-solid {
        font-size: 14.4px;
        line-height: 21.6px; }
    .mainTitle .userField .userName {
      line-height: 24px; }
  .mainTitle.wrap {
    flex-wrap: wrap;
    margin-top: 10px; }
  .mainTitle .titleTag {
    margin: 12px 10px 0 -2px; }
    .mainTitle .titleTag .el-tag {
      margin: 2px; }
    .mainTitle .titleTag + .mainTitle-text {
      margin-top: 12px; }

.subTitle {
  /*次標*/
  display: flex;
  /*justify-content: space-between;*/
  align-items: center; }
  .subTitle.title-border {
    color: #6c757d;
    margin-bottom: 15px;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 10px; }
  .subTitle-text {
    font-weight: bold;
    font-size: 1.2rem;
    font-weight: bold; }
  .subTitle-rightSite {
    margin-left: auto; }
  .subTitle .userField {
    font-size: 14px;
    padding-right: 10px; }
    .subTitle .userField .userLabel {
      color: #ced4da; }
    .subTitle .userField .userImg {
      width: 24px;
      height: 24px; }
      .subTitle .userField .userImg .el-avatar.el-icon-user-solid {
        font-size: 14.4px;
        line-height: 21.6px; }

.thrTitle {
  font-size: 1.05rem;
  font-weight: bold;
  color: #6c757d; }
  .thrTitle:before {
    content: '';
    position: relative;
    display: inline-block;
    width: 4px;
    height: 0.8em;
    background: #ced4da;
    margin-right: 5px;
    border-radius: 3px; }
  .thrTitle small {
    font-weight: normal; }

.headlineFocus {
  /*藍色粗體標題*/
  font-weight: bold;
  color: #5591f5; }

/*搜尋吧*/
.searchBar {
  margin-top: 15px;
  margin-bottom: 10px;
  /*    .el-input__inner {
        border-width: 2px;
        border-radius: 15px;
    }
*/ }

.inlineSearchBar {
  /*多條件單一行的搜尋*/ }
  .inlineSearchBar .el-form-item__content {
    display: inline-block;
    vertical-align: middle; }
  .inlineSearchBar .el-form-item__label {
    line-height: normal; }
  .inlineSearchBar .el-form {
    margin: -5px; }
  .inlineSearchBar .el-form-item {
    display: inline-block;
    margin: 5px; }

.el-dialog__body {
  padding-top: 15px; }
  .el-dialog__body .searchBar {
    margin-top: 0; }

/*表單中 使用col 垂直間距*/
.form-col-vspace {
  margin-top: -3px;
  margin-bottom: -3px; }
  .form-col-vspace [class*=el-col-] {
    margin-top: 3px;
    margin-bottom: 3px; }

/*文件上傳結果*/
.uploadResult {
  display: flex;
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  padding: 0.4em 10px;
  line-height: 1.2em;
  border-radius: var(--el-border-radius-base);
  width: 100%; }
  .uploadResult .del {
    margin-left: auto; }

/*按鈕上傳樣式*/
.button-file-upload {
  cursor: pointer; }
  .button-file-upload ~ input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }

/*表單 日期範圍*/
.el-date-editor .el-range-separator {
  width: 2em; }

fieldset {
  border: 1px solid #ced4da;
  border-radius: 4px;
  padding-top: 15px; }

.el-form {
  /*表單中有檔名顯示*/ }
  .el-form-item__label {
    margin-top: 0px;
    color: #6c757d; }
  .el-form.el-form--label-top {
    /*表單label為top*/ }
    .el-form.el-form--label-top .el-form-item {
      margin-bottom: 15px; }
      .el-form.el-form--label-top .el-form-item .el-form-item {
        margin-bottom: 0; }
      .el-form.el-form--label-top .el-form-item + .el-form-item {
        margin-top: 15px; }
      .el-form.el-form--label-top .el-form-item__label {
        padding-bottom: 5px;
        line-height: normal;
        margin-bottom: 0 !important; }
  .el-form-item__content .form-plaintext {
    /*純文字 表單*/
    font-size: 16px;
    min-height: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .el-form-item__content .form-plaintext.confirmed::after {
      font-family: 'FontAwesome';
      content: '\f058';
      color: #74C200;
      margin-left: 1em; }
  .el-form-item__content .text-muted {
    /*表單說明文字*/
    line-height: 1.5em;
    font-size: 12px;
    margin-top: 0.5em; }
  .el-form .headline-label .el-form-item__label {
    color: #6c757d; }
  .el-form .form-fileName .el-form-item__content {
    display: block; }

/*表單 欄位後方驗證勾勾*/
.el-input__suffix .el-icon-success {
  color: #74C200;
  font-size: 1.3em; }

/*篩選radio顯示icon*/
.showCheckIcon .el-radio-button__inner:before {
  font-family: 'Fontawesome';
  content: '\f096';
  margin-right: 5px;
  color: #ced4da; }

.showCheckIcon .el-radio-button__orig-radio:checked + .el-radio-button__inner:before {
  font-family: 'Fontawesome';
  content: '\f14a';
  margin-right: 5px;
  color: #FFFFFF; }

.form-borded {
  /*有底線的預覽用表單*/ }
  .form-borded .el-form-item {
    margin-bottom: 5px;
    border-bottom: 1px dotted #e9ecef;
    padding-bottom: 5px;
    width: 100%;
    min-height: calc(100% - 5px); }
  .form-borded .el-form-item__content {
    font-size: 16px;
    align-items: start; }
    .form-borded .el-form-item__content .form-plaintext {
      line-height: 28px;
      margin-top: 3px; }
  .form-borded .el-form-item__label {
    padding-right: 20px; }
  .form-borded .el-form.el-form--label-top .el-form-item {
    margin-bottom: 5px; }
    .form-borded .el-form.el-form--label-top .el-form-item + .el-form-item {
      margin-top: 5px; }

.el-form-item__content .el-row {
  width: 100%; }

.el-form-item__content .text-annotation {
  /*表單內的註解文字*/
  line-height: 1.2;
  margin-top: 0.5em; }

/*有邊框的表單*/
.el-form--label-top.frameBorder .el-form-item {
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 5px 10px;
  position: relative;
  margin-bottom: 25px; }
  .el-form--label-top.frameBorder .el-form-item.is-error {
    border: 1px solid #f56c6c;
    margin-bottom: 33px; }
    .el-form--label-top.frameBorder .el-form-item.is-error .el-form-item__error {
      padding: 10px 0; }
  .el-form--label-top.frameBorder .el-form-item .el-form-item__label {
    background: #adb5bd;
    color: #FFFFFF;
    position: absolute;
    top: -0.8em;
    padding: 3px 8px;
    left: 7px;
    border-radius: 4px; }
    .el-form--label-top.frameBorder .el-form-item .el-form-item__label:before {
      /*content: '';*/
      display: inline-block;
      width: .6em;
      height: 3px;
      background: #ced4da;
      margin-right: 0.3em;
      border-radius: 5px;
      vertical-align: middle; }
    .el-form--label-top.frameBorder .el-form-item .el-form-item__label ~ .el-form-item__content {
      margin-top: 0.5em; }

/*滑快 文字在控制吧上*/
/* switch按钮样式 */
.text-switch .el-switch__label {
  position: absolute;
  display: none;
  color: #fff !important; }
  .text-switch .el-switch__label * {
    font-size: 14px; }
  .text-switch .el-switch__label--right {
    /*打开时文字位置设置*/
    z-index: 1; }
    .text-switch .el-switch__label--right span {
      /* 调整打开时文字的显示位子 */
      margin-right: 9px; }
  .text-switch .el-switch__label--left {
    /*关闭时文字位置设置*/
    z-index: 1; }
    .text-switch .el-switch__label--left span {
      /* 调整关闭时文字的显示位子 */
      margin-left: 9px; }
  .text-switch .el-switch__label.is-active {
    /*显示文字*/
    display: block; }

.text-switch.el-switch .el-switch__core,
.text-switch.el-switch .el-switch__label {
  /* 调整按钮的宽度 */
  width: 70px !important;
  margin: 0; }

/*卷軸樣式套用*/
.y-scrollbar {
  overflow-y: auto; }
  .y-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  .y-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 100px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.1); }
    .y-scrollbar::-webkit-scrollbar-thumb:hover {
      background: rgba(0, 0, 0, 0.2); }

.folderSide {
  width: 350px;
  border-right: 1px solid #dee2e6;
  position: sticky;
  position: -webkit-sticky;
  top: 60px;
  height: calc(100vh - 61px);
  overflow: hidden;
  /*側邊資料夾*/ }
  .folderSide.sleect-wrap {
    /*在彈窗中的高度*/
    height: auto; }
  .folderSide .icon-stack {
    height: 26px;
    line-height: 26px; }
  .folderSide h1 {
    margin-bottom: 0;
    padding: 0 0 10px 20px;
    border-bottom: 1px solid #dee2e6;
    font-size: 1.2rem; }
    .folderSide h1.noborder {
      border-bottom: none; }
  .folderSide .sideTree {
    /*卷軸效果*/
    height: calc(100vh - 178px);
    overflow-y: auto;
    padding: 0 10px 0; }
    .folderSide .sideTree::-webkit-scrollbar {
      width: 6px;
      height: 6px; }
    .folderSide .sideTree::-webkit-scrollbar-thumb {
      border-radius: 100px;
      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
      background: rgba(0, 0, 0, 0.1); }
      .folderSide .sideTree::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 0, 0, 0.2); }
  .folderSide .comp-tr-top {
    width: 100px;
    margin-bottom: 2em; }
  .folderSide .el-tree-node__content.active {
    background: #689df6;
    color: #FFFFFF; }
    .folderSide .el-tree-node__content.active a {
      color: #FFFFFF; }
    .folderSide .el-tree-node__content.active:hover {
      color: inherit; }
      .folderSide .el-tree-node__content.active:hover a {
        color: #4285f4; }

.sideTree {
  /*樹狀加上虛線*/ }
  .sideTree .el-tree-node__content {
    min-height: 36px; }
    .sideTree .el-tree-node__content:hover {
      background: rgba(66, 133, 244, 0.05); }
    .sideTree .el-tree-node__content .treeText {
      font-weight: 600;
      display: inline-block;
      vertical-align: middle;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .sideTree .el-tree-node__expand-icon.expanded {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  .sideTree .el-icon-caret-right:before {
    content: "\e7a0";
    font-size: 18px; }
  .sideTree .el-tree-node__expand-icon.expanded.el-icon-caret-right:before {
    content: "\e7a2";
    font-size: 18px; }
  .sideTree .comp-tr-node [class^="eAuditIcon_"] {
    font-size: 1.6em;
    vertical-align: middle; }
  .sideTree .comp-tr-node .eAuditIcon_AddFlow {
    background: url(../../images/eAudit-icon_folder-addFlow.svg); }
  .sideTree .comp-tr-node .comp-tr-node--btns {
    margin-left: 5px;
    opacity: 0;
    transition: opacity .1s; }
    .sideTree .comp-tr-node .comp-tr-node--btns .el-button {
      transform: scale(0.8); }
      .sideTree .comp-tr-node .comp-tr-node--btns .el-button + .el-button {
        margin-left: -1px; }
  .sideTree .el-tree-node__expand-icon.is-leaf ~ .comp-tr-node {
    position: relative; }
  .sideTree .el-tree > .el-tree-node:first-child > .el-tree-node__content > .is-leaf:after {
    content: '';
    width: 12px;
    height: 20px;
    display: inline-block;
    position: absolute;
    border-bottom: 1px dashed #ccc;
    left: 18px;
    top: -13px; }
  .sideTree .el-tree > .el-tree-node:not(:first-child) > .el-tree-node__content > .is-leaf:after,
  .sideTree .el-tree-node .el-tree-node > .el-tree-node__content > .el-tree-node__expand-icon:after {
    content: '';
    width: 12px;
    height: 20px;
    display: inline-block;
    position: absolute;
    border-left: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    left: 18px;
    top: -5px; }
  .sideTree .el-tree-node {
    position: relative; }
  .sideTree .el-tree .el-tree-node:before {
    border-left: 1px dashed #ccc;
    content: '';
    position: absolute;
    height: calc(100% - 1em);
    top: 1em;
    left: 18px; }
  .sideTree .el-tree .el-tree-node .el-tree-node:before {
    left: 36px; }
  .sideTree .el-tree .el-tree-node .el-tree-node .el-tree-node:before {
    left: 54px; }
  .sideTree .el-tree .el-tree-node .el-tree-node .el-tree-node .el-tree-node:before {
    left: 72px; }
  .sideTree .el-tree > .el-tree-node:nth-last-child(2):before,
  .sideTree .el-tree .el-tree-node:last-child:before,
  .sideTree .el-tree .el-tree-node .el-tree-node:last-child:before,
  .sideTree .el-tree .el-tree-node .el-tree-node .el-tree-node:last-child:before,
  .sideTree .el-tree .el-tree-node .el-tree-node .el-tree-node .el-tree-node:last-child:before {
    border-left: none;
    content: ''; }

/*資料夾按鈕*/
.show-btns, .folderSide .is-current > .el-tree-node__content .comp-tr-node--btns, .folderSide .el-tree-node__content:hover .comp-tr-node--btns {
  opacity: 1; }

/*選擇按鈕 文字在上方*/
.checkBnt {
  border: 2px solid #b3cefb;
  padding: 5px;
  border-radius: 4px;
  font-size: 12px;
  color: #5591f5;
  text-align: center;
  margin-left: -3px;
  cursor: pointer;
  background-color: #ecf3fe; }
  .checkBnt:before {
    content: '\f096';
    font-family: 'FontAwesome';
    display: block;
    font-size: 18px; }
  .checkBnt.checked {
    border-color: #4285f4;
    color: #FFFFFF;
    background-color: #4285f4; }
    .checkBnt.checked:before {
      content: '\f14a'; }

/*側邊欄頁籤*/
.sideTab {
  margin-top: 10px; }
  .sideTab .el-tabs__item {
    background: rgba(34, 34, 34, 0.02);
    border-top: 3px solid rgba(34, 34, 34, 0.01); }
    .sideTab .el-tabs__item.is-active {
      border-top: 3px solid #4285f4;
      background: #fff; }
  .sideTab .sideTree {
    padding-top: 0; }

/*標籤*/
.el-tag + .el-tag {
  margin-left: 3px; }

.tag-icon {
  /*產品前的小標籤*/ }
  .tag-icon:not(:empty) ~ .el-tag, .tag-icon i + i {
    margin-left: 3px; }
  .tag-icon .el-tag {
    padding: 0;
    width: 24px;
    text-align: center;
    border-radius: 50%; }
    .tag-icon .el-tag [class*="ti"] {
      line-height: 24px;
      font-size: 1.1em; }

/*新增標籤群組框*/
.tag-grounp {
  width: 100%;
  line-height: 28px;
  margin-right: -5px; }
  .tag-grounp.tag-edit {
    padding: 5px 10px;
    border: 1px solid #dee2e6;
    background: #f8f9fa;
    border-radius: 4px; }
  .tag-grounp .el-tag {
    margin-right: 5px; }
    .tag-grounp .el-tag + .el-tag {
      margin-left: 0; }

/*麵包屑*/
.el-breadcrumb {
  margin-bottom: 20px; }

/*列表*/
.cardColSpace {
  /*列表卡片間距*/
  margin-top: -7.5px;
  margin-bottom: -7.5px; }
  .cardColSpace > [class*="el-col-"] {
    margin-top: 7.5px;
    margin-bottom: 7.5px; }

.proBlock > [class*="el-row"] > [class*="el-col-"] {
  margin-bottom: 15px; }

.proBlock > [class*="el-col-"] {
  margin-bottom: 15px; }

.proBlock .el-card {
  min-height: 100%; }
  .proBlock .el-card .el-card__body {
    padding: 10px 15px; }
    .proBlock .el-card .el-card__body .proName {
      font-weight: bold; }
  .proBlock .el-card + .el-card {
    margin-top: 15px; }
  .proBlock .el-card + [class*="el-row"] {
    margin-top: 15px; }
    .proBlock .el-card + [class*="el-row"] > [class*="el-col-"] {
      margin-bottom: 15px; }

/*首頁列表*/
.menuList {
  margin: 20px auto !important; }
  .menuList > [class*="el-col-"] {
    margin-bottom: 20px; }
  .menuList-content {
    text-align: left;
    font-size: 1rem;
    border-top: 1px solid #dee2e6;
    margin: 15px -20px 0 -20px;
    padding: 20px 20px 0; }
    .menuList-content ol {
      padding: 0;
      margin: 10px 0 0 20px; }
  .menuList .el-card {
    text-align: center;
    padding: 0;
    min-height: 100%; }
    .menuList .el-card .el-card__body {
      padding: 0; }
    .menuList .el-card a {
      display: block;
      padding: 20px 15px;
      text-decoration: none;
      color: inherit; }
    .menuList .el-card i[class*="fa-"], .menuList .el-card i[class*="el-"], .menuList .el-card i[class*="ti-"] {
      font-size: 2em; }
    .menuList .el-card h4 {
      margin: 0;
      font-size: 20px; }

/*內頁列表*/
.subMenuList > [class*="el-col-"], .subMenuList > .el-row > [class*="el-col-"] {
  margin-bottom: 20px; }

.subMenuList .el-card {
  min-height: 100%; }

.subMenuList .el-card__body {
  padding: 0; }
  .subMenuList .el-card__body > a {
    display: block;
    padding: 20px;
    display: flex;
    align-items: center;
    text-decoration: none; }
    .subMenuList .el-card__body > a:hover .subMenuList_img {
      background: #0751c6; }

.subMenuList_img {
  margin-right: 10px;
  background: #689df6;
  color: #FFFFFF;
  border-radius: 50%;
  padding: 10px;
  width: 55px;
  height: 55px;
  text-align: center; }
  .subMenuList_img i:before {
    font-size: 2em; }

.subMenuList_title {
  width: 100%;
  font-weight: bold;
  font-size: 1.1rem; }
  .subMenuList_title i {
    float: right; }

/*卡片中有新增按紐*/
.add-card {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5591f5; }
  .add-card i {
    font-size: 40px; }
  .add-card.ahover:hover {
    color: #4285f4;
    cursor: pointer; }

@keyframes moreBtnClick {
  from {
    opacity: 0;
    font-size: 0;
    right: 32px; }
  to {
    opacity: 1;
    font-size: 1em;
    right: 42px; } }

/*總覽卡片*/
.cardList-form .el-form-item {
  margin-bottom: 0; }
  .cardList-form .el-form-item__label {
    padding-right: 8px; }
  .cardList-form .el-form-item__content, .cardList-form .el-form-item__label {
    line-height: 26px; }

/*--------------el-card---------------*/
.el-card {
  position: relative;
  /*卡片中的表單*/
  /*卡片各種狀態*/
  /*凸顯的關注的樣式框*/
  /*卡片下方 置底*/ }
  .el-card .el-card__header {
    padding: 10px 15px;
    border-bottom-color: #dee2e6;
    position: relative;
    z-index: 1; }
    .el-card .el-card__header .subTitle {
      font-weight: bold;
      font-size: 18px;
      min-height: 23px; }
    .el-card .el-card__header > .flex {
      display: flex;
      align-items: center; }
      .el-card .el-card__header > .flex .subTitle-rightBtn {
        margin-left: auto;
        margin-top: -10px;
        margin-bottom: -10px; }
  .el-card .card-hr {
    /*卡片中的hr*/
    border-top: 1px solid #dee2e6;
    margin: 15px -20px; }
    .el-card .card-hr.shadow {
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }
    .el-card .card-hr.dotted {
      border-top-style: dotted;
      margin: 10px -20px; }
  .el-card .el-form:last-child {
    margin-bottom: 0; }
  .el-card.form-borded .el-form:last-child {
    margin-bottom: 0; }
  .el-card .headlineFocus {
    font-size: 18px; }
    .el-card .headlineFocus [class^="eAuditIcon_"] {
      font-size: 1.2em; }
  .el-card.locked {
    /*文件鎖定icon*/
    background-color: #f8f9fa;
    overflow: inherit; }
    .el-card.locked .headlineFocus {
      color: inherit; }
      .el-card.locked .headlineFocus [class^="eAuditIcon_"] {
        font-size: 1.2em; }
    .el-card.locked .icon-locked {
      padding: 0 3px; }
    .el-card.locked .el-button--info.is-plain:not(:hover) {
      background-color: #e9ecef; }
    .el-card.locked:before {
      font-family: 'element-icons' !important;
      content: "\e6e5";
      font-size: 100px;
      position: absolute;
      bottom: 15px;
      right: 15px;
      color: rgba(0, 0, 0, 0.05);
      background: rgba(255, 255, 255, 0.8);
      border-radius: 100%;
      height: 130px;
      width: 130px;
      text-align: center;
      vertical-align: middle;
      z-index: 0; }
    .el-card.locked .cardList-form .el-form-item__label {
      position: relative;
      z-index: 1; }
  .el-card.expired {
    /*過期樣式*/
    border-color: #f56c6c; }
    .el-card.expired .el-card__header {
      background: #fef0f0;
      border-color: #f56c6c; }
      .el-card.expired .el-card__header .headlineFocus {
        color: #f56c6c; }
      .el-card.expired .el-card__header .el-button--primary.is-plain {
        background: #FFFFFF;
        border-color: #f56c6c;
        color: #f56c6c; }
        .el-card.expired .el-card__header .el-button--primary.is-plain:hover {
          background: #f56c6c;
          color: #FFFFFF; }
      .el-card.expired .el-card__header .el-icon-more {
        color: #343a40; }
    .el-card.expired .alertBlock {
      border-color: #f56c6c; }
  .el-card.expiring {
    /*即將過期樣式*/
    border-color: #ff9d00; }
    .el-card.expiring .el-card__header {
      background: #fff5e6;
      border-color: #ff9d00; }
      .el-card.expiring .el-card__header .headlineFocus {
        color: #ff9d00; }
      .el-card.expiring .el-card__header .el-button--primary.is-plain {
        background: #FFFFFF;
        border-color: #ff9d00;
        color: #ff9d00; }
        .el-card.expiring .el-card__header .el-button--primary.is-plain:hover {
          background: #ff9d00;
          color: #FFFFFF; }
    .el-card.expiring .alertBlock {
      border-color: #ff9d00; }
  .el-card.selectd {
    /*選取狀態*/
    border: 1px solid #4285f4;
    box-shadow: 0 0 0 0.25rem #d9e7fd; }
    .el-card.selectd .el-checkbox.is-bordered.is-checked {
      background: #4285f4; }
    .el-card.selectd .el-checkbox__input.is-checked + .el-checkbox__label, .el-card.selectd .el-checkbox .el-checkbox__inner::after, .el-card.selectd .el-checkbox.is-bordered:hover .el-checkbox__inner::after {
      color: #FFFFFF; }
  .el-card.certif {
    /*文件認證勾勾icon*/
    overflow: inherit;
    border-color: #74C200; }
    .el-card.certif .headlineFocus {
      color: inherit; }
      .el-card.certif .headlineFocus [class^="eAuditIcon_"] {
        font-size: 1.2em; }
    .el-card.certif .icon-locked {
      padding: 0 3px; }
    .el-card.certif:before {
      font-family: 'element-icons' !important;
      content: "\e79c";
      font-size: 60px;
      position: absolute;
      bottom: 10px;
      right: 10px;
      color: rgba(116, 194, 0, 0.5);
      border-radius: 100%;
      height: 60px;
      width: 60px;
      text-align: center;
      vertical-align: middle;
      z-index: 0;
      line-height: 1.2; }
    .el-card.certif .cardList-form .el-form-item__label {
      position: relative;
      z-index: 1; }
  .el-card.error {
    /*錯誤icon*/
    overflow: inherit;
    border-color: #f56c6c; }
    .el-card.error .headlineFocus {
      color: inherit; }
      .el-card.error .headlineFocus [class^="eAuditIcon_"] {
        font-size: 1.2em; }
    .el-card.error .icon-locked {
      padding: 0 3px; }
    .el-card.error:before {
      font-family: 'element-icons' !important;
      content: "\e79d";
      font-size: 60px;
      position: absolute;
      bottom: 10px;
      right: 10px;
      color: rgba(245, 108, 108, 0.5);
      border-radius: 100%;
      height: 60px;
      width: 60px;
      text-align: center;
      vertical-align: middle;
      z-index: 0;
      line-height: 1.2; }
    .el-card.error .cardList-form .el-form-item__label {
      position: relative;
      z-index: 1; }
  .el-card.unknown {
    /*問號icon*/
    overflow: inherit;
    border-color: #ff9d00; }
    .el-card.unknown .headlineFocus {
      color: inherit; }
      .el-card.unknown .headlineFocus [class^="eAuditIcon_"] {
        font-size: 1.2em; }
    .el-card.unknown .icon-locked {
      padding: 0 3px; }
    .el-card.unknown:before {
      font-family: 'element-icons' !important;
      content: "\e7a4";
      font-size: 60px;
      position: absolute;
      bottom: 10px;
      right: 10px;
      color: rgba(255, 157, 0, 0.5);
      border-radius: 100%;
      height: 60px;
      width: 60px;
      text-align: center;
      vertical-align: middle;
      z-index: 0;
      line-height: 1.2; }
    .el-card.unknown .cardList-form .el-form-item__label {
      position: relative;
      z-index: 1; }
  .el-card.fllowState {
    border-color: #689df6; }
    .el-card.fllowState .el-card__header {
      background-color: #689df6;
      border-color: #689df6;
      color: #FFFFFF; }
  .el-card.isFooterTag {
    /*置底的footer*/
    display: flex;
    flex-flow: column; }
    .el-card.isFooterTag .el-card__body {
      display: flex;
      flex-flow: column;
      height: 100%; }
    .el-card.isFooterTag .card-footer {
      display: flex;
      flex-flow: column;
      justify-content: flex-end;
      flex: 1; }
      .el-card.isFooterTag .card-footer.borded {
        margin-right: -15px;
        margin-left: -15px;
        margin-bottom: -15px; }
        .el-card.isFooterTag .card-footer.borded .auditCard-tagBar {
          border-top: 1px solid #dee2e6;
          padding: 10px 15px;
          background-color: #f8f9fa; }
          .el-card.isFooterTag .card-footer.borded .auditCard-tagBar:empty {
            border: none;
            background: none; }
  .el-card .card-footer .card-footerArea {
    /*權限*/
    position: absolute;
    width: 100%;
    bottom: 10px;
    width: calc(100% - 30px); }
    .el-card .card-footer .card-footerArea .userImg {
      width: 24px;
      height: 24px; }
      .el-card .card-footer .card-footerArea .userImg .el-avatar.el-icon-user-solid {
        font-size: 14.4px;
        line-height: 21.6px; }
    .el-card .card-footer .card-footerArea .userName {
      line-height: 24px;
      color: #adb5bd;
      font-size: 14px; }
    .el-card .card-footer .card-footerArea .el-button + .el-button {
      margin-left: 5px; }
    .el-card .card-footer .card-footerArea .moreBtn {
      position: absolute;
      bottom: 0;
      text-align: right;
      z-index: 1; }
      .el-card .card-footer .card-footerArea .moreBtn.click {
        animation-name: moreBtnClick;
        animation-duration: .5s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards; }
      .el-card .card-footer .card-footerArea .moreBtn .el-button:last-child {
        padding-right: 25px; }
      .el-card .card-footer .card-footerArea .moreBtn.groundBtn .el-button {
        border-radius: 0; }
        .el-card .card-footer .card-footerArea .moreBtn.groundBtn .el-button + .el-button {
          margin-left: -5px; }
        .el-card .card-footer .card-footerArea .moreBtn.groundBtn .el-button:first-child {
          border-radius: 20px 0 0 20px; }
        .el-card .card-footer .card-footerArea .moreBtn.groundBtn .el-button:last-child {
          border-radius: 0 20px 20px 0; }
      .el-card .card-footer .card-footerArea .moreBtn ~ .item {
        z-index: 2;
        position: relative; }
  .el-card .card-footer.add-bottomTag {
    /*增加按鈕高度*/
    height: 72px; }
    .el-card .card-footer.add-bottomTag .card-footerArea {
      bottom: 46px; }
    .el-card .card-footer.add-bottomTag .cardOutAdd-footer {
      position: absolute;
      width: 100%;
      bottom: 0;
      border-top: 1px solid #dee2e6;
      padding: 7px 10px 10px 10px;
      left: 0;
      box-shadow: 0 2px 2px inset rgba(0, 0, 0, 0.05);
      background: #f8f9fa; }

.fmlaCardItem {
  width: 400px;
  position: relative; }
  .fmlaCardItem.main-card .el-card {
    border: 3px solid #6c757d; }
  .fmlaCardItem.fmlaCard-color1 .el-card {
    border: 3px solid #4ead00; }
  .fmlaCardItem.fmlaCard-color2 .el-card {
    border: 3px solid #ff9900; }
  .fmlaCardItem.fmlaCard-color3 .el-card {
    border: 3px solid #00c7ff; }
  .fmlaCardItem.fmlaCard-color4 .el-card {
    border: 3px solid #815934; }
  .fmlaCardItem .el-card__body {
    padding: 10px 15px; }

/*樹狀資料夾文件*/
.fileTree .el-tree {
  height: 300px;
  overflow: auto; }

.fileTree .el-tree-node__expand-icon.expanded {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

.fileTree .el-icon-caret-right:before {
  content: "\e7a0";
  font-size: 18px; }

.fileTree .el-tree-node__expand-icon.expanded.el-icon-caret-right:before {
  content: "\e7a2";
  font-size: 18px; }

.fileTree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background: #f8f9fa; }

.fileTree .expanded ~ span .el-icon-folder:before {
  content: '\e784'; }

/*樹狀選單設定*/
.menuTreeSet .el-tree {
  margin-top: 5px; }
  .menuTreeSet .el-tree .el-tree-node__content .el-tree-node__label {
    font-size: 18px;
    font-weight: bold;
    height: 32px; }
  .menuTreeSet .el-tree .el-tree-node__children .el-tree-node__content {
    font-size: 16px;
    margin-top: 5px; }

/*列表*/
.relatedList {
  /*關聯產品*/
  padding: 0;
  margin: 0;
  position: relative; }
  .relatedList li {
    list-style: none;
    margin-bottom: 0.6em;
    padding: .2em 1.2em;
    position: relative; }
    .relatedList li:before {
      font-family: 'element-icons' !important;
      content: '\e736';
      margin-left: -1.2em;
      color: #adb5bd; }
    .relatedList li i.el-icon-error {
      display: none;
      position: absolute;
      right: 0;
      top: 0.3em;
      color: #f56c6c; }
    .relatedList li:hover, .relatedList li.activ {
      background: #f8f9fa;
      cursor: pointer; }
      .relatedList li:hover i.el-icon-error, .relatedList li.activ i.el-icon-error {
        display: block; }
    .relatedList li.one-ellipsis {
      height: auto; }
      .relatedList li.one-ellipsis:hover {
        white-space: normal;
        /*文本自动处理换行*/ }

/*收闔 card 樣式修改*/
.el-card.nopadding > .el-card__body {
  padding: 0; }
  .el-card.nopadding > .el-card__body .showpadding {
    padding: 20px; }

.table-responsive {
  width: 100%;
  overflow-x: auto; }

/*RWD表格無資料顯示*/
.table-nodata {
  background-color: #FFFFFF;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  color: #909399; }

/*RWD表格*/
.table-wrapper {
  overflow-x: auto; }

.divTable-responsive {
  display: table;
  background: #FFFFFF;
  border-collapse: collapse;
  width: 100%;
  line-height: 1.2;
  table-layout: fixed;
  border: 1px solid #ced4da;
  /*小計表格尾*/
  /*表格下方的button*/ }
  .divTable-responsive .thead {
    display: table-header-group; }
  .divTable-responsive .tbody {
    display: table-row-group; }
  .divTable-responsive .tfoodter {
    display: table-footer-group; }
  .divTable-responsive .tr {
    display: table-row;
    border-bottom: 1px solid #ced4da;
    overflow: hidden; }
    .divTable-responsive .tr.chenked {
      background-color: #f4f9ff; }
    .divTable-responsive .tr:first-child .th {
      border-top: none;
      border-bottom: 1px solid #ced4da; }
    .divTable-responsive .tr:nth-child(even) .td {
      background-color: #f8f9fa; }
      .divTable-responsive .tr:nth-child(even) .td .row .td-column {
        background-color: #f8f9fa; }
  .divTable-responsive .th, .divTable-responsive .td {
    display: table-cell;
    padding: 8px 10px;
    font-size: 14px;
    vertical-align: middle; }
    .divTable-responsive .th.td-group, .divTable-responsive .td.td-group {
      padding: 0; }
  .divTable-responsive .th {
    background: #e9ecef;
    color: #343a40;
    font-weight: bold;
    border: 1px solid #dee2e6;
    position: sticky;
    top: 0;
    z-index: 999; }
    .divTable-responsive .th:first-child {
      border-left: none; }
    .divTable-responsive .th:last-child {
      border-right: none; }
  .divTable-responsive .td {
    word-break: break-all;
    border: 1px solid #e9ecef; }
    .divTable-responsive .td .el-button + .el-button {
      margin-left: 5px; }
    .divTable-responsive .td.td-group {
      display: flex;
      flex-flow: column;
      border: none; }
    .divTable-responsive .td:not(.td-group) {
      border-bottom: 1px solid #ced4da; }
    .divTable-responsive .td:first-child {
      border-left: none; }
    .divTable-responsive .td:last-child {
      border-right: none; }
  .divTable-responsive .td-group.setProportion {
    /*設定占比 新增時*/
    width: 80px; }
  .divTable-responsive .td-group .row {
    flex-wrap: nowrap;
    align-items: stretch;
    flex: 1; }
    .divTable-responsive .td-group .row:last-child .td-column {
      border-bottom: none; }
  .divTable-responsive .td-group:last-child .td-column:last-child {
    border-right: 1px solid #e9ecef; }
  .divTable-responsive .td-group.batchFile {
    /*訂單批次文件表格*/
    min-width: 520px;
    min-height: 97px; }
  .divTable-responsive .td-group.orderBatch {
    /*訂單批次表格*/
    min-width: 520px;
    min-height: 70px; }
  .divTable-responsive .td-group .nodata {
    /*沒有資料時*/ }
  .divTable-responsive .td-group .td-column {
    padding: 8px 10px;
    border-bottom: 1px solid #e9ecef;
    flex: 1 0;
    background-color: #FFFFFF;
    min-width: 40px;
    display: flex;
    align-items: center; }
    .divTable-responsive .td-group .td-column.text-center {
      justify-content: center; }
    .divTable-responsive .td-group .td-column + .td-column {
      border-left: 1px solid #e9ecef; }
    .divTable-responsive .td-group .td-column:empty:before {
      content: '-'; }
  .divTable-responsive .td-group .attachedFile {
    /*附檔寬度*/
    flex-basis: 120px;
    overflow: hidden; }
  .divTable-responsive .td-group .remark {
    /*說明寬度*/
    flex-basis: 100px; }
    .divTable-responsive .td-group .remark-input {
      flex-basis: 150px; }
  .divTable-responsive .td-group .scores {
    /*稽核分數input寬度*/
    flex-basis: 80px;
    min-height: 40px; }
  .divTable-responsive .td-group.th .td-column {
    background: #e9ecef; }
    .divTable-responsive .td-group.th .td-column + .td-column {
      border-left: 1px solid #dee2e6; }
  .divTable-responsive .tr-total .td {
    background-color: #f8f9fa; }
  .divTable-responsive .tr-total .td-column {
    background-color: #f8f9fa;
    border-top: 1px solid #e9ecef; }
    .divTable-responsive .tr-total .td-column:last-child {
      border-bottom: 1px solid #e9ecef; }
  .divTable-responsive .tr-total .colspan {
    border-left-color: transparent;
    border-right-color: transparent; }
    .divTable-responsive .tr-total .colspan:first-child {
      border-left-color: #e9ecef; }
    .divTable-responsive .tr-total .colspan:last-child {
      border-right-color: #e9ecef; }
  .divTable-responsive + .tableBottomBtn {
    margin-top: -30px; }
  .divTable-responsive .prouctLlist-img {
    /*商品圖片*/
    width: 80px; }

/*狀態icon*/
.state-icon i {
  font-size: 20px;
  margin-right: 0.3rem; }
  .state-icon i.el-icon-error {
    /*錯誤*/
    color: #f56c6c; }
  .state-icon i.fa-handshake-o {
    /*合作*/
    color: #74C200; }
  .state-icon i.fa-hourglass-half {
    /*等待*/
    color: #4285f4; }
  .state-icon i.el-icon-question {
    /*待確認*/
    color: #ff9d00; }

/*資料夾路徑標示*/
.PathTag {
  font-size: 1rem;
  border: 1px solid #ced4da;
  padding: 5px 10px;
  margin: 0 5px;
  border-radius: 30px; }
  .PathTag [class^="eAuditIcon_"] {
    font-size: 1.3rem;
    vertical-align: middle; }

/*權限人員*/
.userField {
  display: flex;
  flex-wrap: wrap; }
  .userField .userImg {
    width: 36px;
    height: 36px;
    border: 2px solid #dee2e6;
    flex: 0 0 auto;
    max-width: none; }
    .userField .userImg .el-avatar.el-icon-user-solid {
      font-size: 21.6px;
      line-height: 32.4px; }
  .userField .userName {
    line-height: 36px;
    margin-left: 5px;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    min-width: 0; }

/*關聯設定表格*/
.linkTable .el-table__expanded-cell[class*=cell] {
  padding: 5px 20px;
  background: rgba(0, 0, 0, 0.02);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.03) inset; }
  .linkTable .el-table__expanded-cell[class*=cell] [class*="el-col-"] {
    margin-bottom: 0; }
  .linkTable .el-table__expanded-cell[class*=cell] .el-form-item__label, .linkTable .el-table__expanded-cell[class*=cell] .el-form-item__content {
    line-height: 32px; }

.linkTable .icon-stack {
  width: 1em;
  height: 1em;
  line-height: 1em; }
  .linkTable .icon-stack .fa-ban {
    left: auto;
    right: -3px;
    font-size: 0.5em;
    bottom: -2px;
    /*color: $--color-danger;*/ }

.linkTableDialog {
  min-width: 1000px; }

/*彈窗樹狀面板*/
.setPanel {
  border: 1px solid #dee2e6;
  border-radius: 5px; }
  .setPanel .panel-rightSide .folderSide {
    width: 100%; }
  .setPanel .panel-rightSide .sideTree {
    max-height: 380px;
    padding: 10px 5px; }
  .setPanel .panel-mainSide {
    padding: 10px; }
    .setPanel .panel-mainSide .mainTitle-text {
      font-size: 1.2rem; }
    .setPanel .panel-mainSide .proBlock::-webkit-scrollbar {
      width: 6px;
      height: 6px; }
    .setPanel .panel-mainSide .proBlock::-webkit-scrollbar-thumb {
      border-radius: 100px;
      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
      background: rgba(0, 0, 0, 0.1); }
      .setPanel .panel-mainSide .proBlock::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 0, 0, 0.2); }
    .setPanel .panel-mainSide .el-checkbox__inner {
      border: none; }
      .setPanel .panel-mainSide .el-checkbox__inner::after {
        content: '\f046';
        font-family: 'FontAwesome';
        transition: none;
        transform: none;
        border: none;
        color: #dee2e6;
        top: -1px;
        left: 0; }
    .setPanel .panel-mainSide .el-checkbox.is-bordered:hover {
      background: #ecf3fe;
      color: #4285f4;
      border-color: #c6dafc; }
      .setPanel .panel-mainSide .el-checkbox.is-bordered:hover .el-checkbox__inner::after {
        color: #4285f4; }
    .setPanel .panel-mainSide .selectd {
      border: 1px solid #4285f4; }
      .setPanel .panel-mainSide .selectd .el-checkbox.is-bordered.is-checked {
        background: #4285f4; }
      .setPanel .panel-mainSide .selectd .el-checkbox__input.is-checked + .el-checkbox__label, .setPanel .panel-mainSide .selectd .el-checkbox .el-checkbox__inner::after, .setPanel .panel-mainSide .selectd .el-checkbox.is-bordered:hover .el-checkbox__inner::after {
        color: #FFFFFF; }
  .setPanel .el-form-item__content {
    font-size: 13px; }
  .setPanel .cardList-form .el-form-item__content, .setPanel .cardList-form .el-form-item__label {
    line-height: 20px; }

/*預設頭像 列表*/
.presetAvatar-head {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  margin: 18px 10px -11px; }
  .presetAvatar-head .avatar-upBtn, .presetAvatar-head .presetAvatar-title {
    flex: 1;
    width: 50%; }
    .presetAvatar-head .avatar-upBtn .el-button, .presetAvatar-head .presetAvatar-title .el-button {
      width: calc(100% - 10px); }
  .presetAvatar-head .presetAvatar-title {
    border: 1px solid #dee2e6;
    border-radius: 4px 4px 0 0;
    background-color: #FFFFFF;
    border-bottom: none;
    line-height: 40px;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold; }

.presetAvatar-list {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #dee2e6;
  margin: 10px;
  border-radius: 4px;
  max-height: 400px;
  overflow-y: auto;
  min-height: 275px; }
  .presetAvatar-list .presetAvatar-item {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 5px;
    border-radius: 100%; }
    .presetAvatar-list .presetAvatar-item a {
      display: block;
      border-radius: 100%;
      line-height: 0;
      overflow: hidden;
      border: 3px solid #FFFFFF; }
      .presetAvatar-list .presetAvatar-item a img {
        width: 100%;
        height: auto; }
      .presetAvatar-list .presetAvatar-item a:hover, .presetAvatar-list .presetAvatar-item a.active {
        border-color: #4285f4;
        background: #4285f4; }
        .presetAvatar-list .presetAvatar-item a:hover img, .presetAvatar-list .presetAvatar-item a.active img {
          opacity: 0.6; }

/*表格中的摺疊列表*/
.collapseList.el-collapse {
  border: none; }
  .collapseList.el-collapse .el-collapse-item__header {
    height: auto;
    padding: 10px 0;
    line-height: inherit;
    border-bottom: none; }
  .collapseList.el-collapse .el-collapse-item__wrap {
    border-bottom: none;
    border-top: 1px solid #e9ecef;
    padding-top: 10px; }
  .collapseList.el-collapse .el-collapse-item__content {
    padding-bottom: 10px; }
    .collapseList.el-collapse .el-collapse-item__content .el-table th {
      padding: 0px;
      background-color: #e9ecef; }
  .collapseList.el-collapse .el-collapse-item {
    border: 1px solid #dee2e6;
    padding: 2px 15px;
    margin-bottom: 10px;
    border-radius: 5px; }

/*公司類型 列表樣式*/
.comCard-head {
  font-size: 18px;
  font-weight: bold; }

.comCard-subhead ul {
  margin: 0;
  padding: 0; }
  .comCard-subhead ul li {
    display: inline-block; }
    .comCard-subhead ul li + li {
      margin-left: 10px;
      padding-left: 10px;
      border-left: 1px solid #dee2e6; }

/*步驟條-有框的iplm用*/
.stepBar .el-step .el-step__head {
  border: 1px solid #ced4da;
  padding: 5px 0; }
  .stepBar .el-step .el-step__head .el-step__line {
    display: none; }
  .stepBar .el-step .el-step__head .el-step__icon {
    background: none; }
  .stepBar .el-step .el-step__head:after {
    width: 25px;
    height: 25px;
    content: '';
    position: absolute;
    right: -15px;
    top: 4px;
    transform: rotate(45deg);
    border: solid #ced4da;
    background: #FFFFFF;
    border-width: 1px 1px 0 0;
    z-index: 1; }
  .stepBar .el-step .el-step__head.is-process {
    background: #689df6;
    color: #FFFFFF; }
    .stepBar .el-step .el-step__head.is-process:after {
      background: #689df6; }
  .stepBar .el-step .el-step__head.is-finish {
    background: #e9ecef;
    color: #4285f4; }
    .stepBar .el-step .el-step__head.is-finish:after {
      background: #e9ecef; }

.stepBar .el-step .el-step__title.is-finish {
  color: #4285f4; }

.stepBar .el-step .el-step__title.is-process {
  color: #0751c6; }

.stepBar .el-step:last-child .el-step__head {
  border-radius: 0 5px 5px 0; }
  .stepBar .el-step:last-child .el-step__head:after {
    border: none;
    background: transparent; }

.stepBar .el-step:first-child .el-step__head {
  border-radius: 5px 0 0 5px; }

/*步驟條*/
.stepBarLine {
  margin-top: 10px;
  margin-bottom: 20px; }
  .stepBarLine .el-step .el-step__line {
    height: 2px;
    background: #e9ecef;
    top: 15px; }
  .stepBarLine .el-step__icon {
    width: 28px;
    height: 28px;
    background: #e9ecef; }
    .stepBarLine .el-step__icon.is-text {
      border-color: #FFFFFF; }
  .stepBarLine .is-process .el-step__icon {
    width: 30px;
    height: 30px; }
  .stepBarLine .is-process.el-step__title {
    color: #0751c6; }
  .stepBarLine .is-process .el-step__icon {
    background: #689df6;
    color: #FFFFFF; }
  .stepBarLine .is-finish .el-step__icon {
    background: #ecf3fe; }
  .stepBarLine .is-finish .el-step__line {
    background: #d9e7fd; }
  .stepBarLine .el-step__title {
    line-height: inherit;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 0 5px; }

/*上傳文件欄位*/
.uploadList {
  margin: 10px 0; }
  .uploadList.el-row > [class*="el-col-"] {
    margin-bottom: 10px; }
  .uploadList .el-card {
    box-shadow: 2px 2px 0 #e9ecef; }
    .uploadList .el-card .el-card__body {
      padding: 8px 10px; }
      .uploadList .el-card .el-card__body .el-form-item--mini.el-form-item {
        margin-bottom: 0.5em; }
  .uploadList .el-card__header {
    padding: 8px 10px; }
    .uploadList .el-card__header .subTitle {
      font-size: 16px;
      /*color: $--color-primary-drak;*/ }
    .uploadList .el-card__header .el-dialog__headerbtn {
      top: 10px; }

/*卡片中無資料 強制置中*/
.card-noData .el-card__body {
  background: #f8f9fa;
  height: 100%;
  text-align: center; }

/*文件歷程*/
.fileHistoryBlock.el-card {
  position: relative; }

.fileHistoryBlock.card-noData {
  /*無資料時*/ }
  .fileHistoryBlock.card-noData .el-card__body {
    text-align: left; }
    .fileHistoryBlock.card-noData .el-card__body > div {
      height: 100%; }

.fileHistoryBlock .el-card__body {
  padding-top: 10px;
  padding-bottom: 10px; }

.fileHistoryBlock .fileDate {
  position: relative; }
  .fileHistoryBlock .fileDate.row {
    width: auto; }

.fileHistoryBlock .fileTitle {
  font-size: 18px;
  font-weight: bold; }

.fileHistoryBlock .fileName {
  font-size: 1.1em; }
  .fileHistoryBlock .fileName-text {
    /*word-break: break-all;*/ }
    .fileHistoryBlock .fileName-text.text-ellipsis {
      max-width: 100%;
      height: 1.5em;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .fileHistoryBlock .fileName .fileIcon {
    font-size: 1.5em;
    margin: 0 5px;
    vertical-align: middle; }
  .fileHistoryBlock .fileName a {
    text-decoration: none;
    color: #343a40; }
    .fileHistoryBlock .fileName a:hover {
      text-decoration: underline;
      color: #4285f4; }
      .fileHistoryBlock .fileName a:hover .fileIcon {
        transform: scale(1.1); }

.fileHistoryBlock .fileVersion {
  padding: 6px 10px;
  border: 1px solid #ced4da;
  text-align: center;
  color: #6c757d;
  border-radius: 4px; }
  .fileHistoryBlock .fileVersion_number {
    font-size: 1.2em;
    font-weight: bold; }
  .fileHistoryBlock .fileVersion-position {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 14px; }

.fileHistoryBlock .card-footer.border .card-footerArea {
  border-top: 1px solid #dee2e6;
  padding: 5px 15px 0 15px;
  margin: 0 -15px;
  width: 100% !important; }

.fileMark {
  /*認證標章*/
  width: 60px;
  height: 60px;
  display: inline-block;
  vertical-align: middle;
  position: relative; }
  .fileMark img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }

/*收合面板*/
.fmlaMain .fmlaSide-expanded {
  display: none; }

.fmlaMain .fmlaSide-collapsed {
  width: 300px; }
  .fmlaMain .fmlaSide-collapsed .btn-toggle {
    right: 0; }
    .fmlaMain .fmlaSide-collapsed .btn-toggle i {
      border-left: 1px solid #ced4da; }

.fmlaMain .fmlaContent-expanded {
  width: 100%; }
  .fmlaMain .fmlaContent-expanded .btn-toggle {
    left: 0; }
    .fmlaMain .fmlaContent-expanded .btn-toggle i {
      border-right: 1px solid #ced4da; }

.fmlaMain .fmlaContent-collapsed {
  width: calc(100% - 305px);
  margin-left: 5px; }

.panelBlock {
  border: 1px solid #dee2e6;
  border-radius: 4px; }
  .panelBlock .panelHead {
    padding: 6px 10px;
    font-weight: bold;
    font-size: 1.2rem;
    position: relative;
    border-bottom: 1px solid #dee2e6; }
    .panelBlock .panelHead.drakBg {
      background: #adb5bd;
      color: #FFFFFF; }
    .panelBlock .panelHead .btn-toggle {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
      .panelBlock .panelHead .btn-toggle i {
        display: block;
        line-height: 35px;
        width: 35px;
        height: 35px;
        background: #6c757d;
        cursor: pointer; }
  .panelBlock .panelBody {
    padding: 10px; }

/*配方側邊tree*/
.fmlaTree .comp-tr-node {
  width: 100%;
  position: relative; }
  .fmlaTree .comp-tr-node .percent {
    position: absolute;
    right: 5px;
    padding: 3px 6px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 2.6em;
    text-align: right;
    color: #6c757d;
    background: rgba(233, 236, 239, 0.6);
    border-radius: 5px; }

/*版本比較*/
.sigleCard .sigleCard-item + .sigleCard-item {
  margin-left: 10px; }

.sigleCard .el-card {
  min-width: 350px;
  height: 100%; }
  .sigleCard .el-card .del {
    position: relative;
    right: -6px;
    top: 3px;
    font-size: 1.5rem; }
  .sigleCard .el-card .fmlaTree {
    height: calc(100vh - 255px); }

/*-----------------Formula tree 偽表格-----------------*/
.fmlaTableTree {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  max-width: 100%;
  min-width: 1500px;
  overflow: auto;
  margin: auto;
  border: 1px solid #ced4da;
  font-size: 14px;
  /*改拖移效果*/ }
  .fmlaTableTree .comp-tr-node, .fmlaTableTree .el-tree-node__content {
    height: inherit; }
    .fmlaTableTree .comp-tr-node .el-tree-node__expand-icon, .fmlaTableTree .el-tree-node__content .el-tree-node__expand-icon {
      align-self: flex-start; }
  .fmlaTableTree .treeRow {
    height: inherit;
    display: flex;
    flex-flow: row nowrap;
    justify-content: left;
    flex-shrink: 0;
    width: 100%; }
    .fmlaTableTree .treeRow:not(:first-child) {
      /*border-top: 1px solid #777;*/ }
    .fmlaTableTree .treeRow:nth-child(2n) {
      /*background-color: #EEE*/ }
    .fmlaTableTree .treeRow:nth-child(2n+1) {
      /*background-color: white*/ }
    .fmlaTableTree .treeRow .treeTh, .fmlaTableTree .treeRow .treeTd {
      display: flex;
      justify-content: center;
      align-items: center;
      border: 0;
      flex-shrink: 0;
      padding: 10px 5px; }
    .fmlaTableTree .treeRow .treeTh {
      background-color: #dee2e6; }
    .fmlaTableTree .treeRow .bottomBorder {
      border-bottom: 1px solid #e9ecef; }
    .fmlaTableTree .treeRow .treeTh:not(:last-child) {
      border-right: 1px solid #e9ecef; }
    .fmlaTableTree .treeRow .treeTd:not(:last-child) {
      border-right: 1px solid #ced4da; }
    .fmlaTableTree .treeRow .pName {
      flex-basis: 0;
      flex-grow: 1; }
    .fmlaTableTree .treeRow .pb3em {
      width: 3em; }
    .fmlaTableTree .treeRow .pb5em {
      width: 5em; }
    .fmlaTableTree .treeRow .pb7em {
      width: 7em; }
    .fmlaTableTree .treeRow .pb9em {
      width: 9em; }
    .fmlaTableTree .treeRow .pb10em {
      width: 10em; }
    .fmlaTableTree .treeRow .pb14em {
      width: 14em; }
    .fmlaTableTree .treeRow .pb20em {
      width: 20em; }
    .fmlaTableTree .treeRow .pb30em {
      width: 30em; }
    .fmlaTableTree .treeRow .treeText {
      font-weight: 600;
      font-size: 1rem; }
  .fmlaTableTree .el-tree-node {
    white-space: normal; }
    .fmlaTableTree .el-tree-node .el-tree-node__content {
      border-top: 1px solid #ced4da; }
    .fmlaTableTree .el-tree-node .comp-tr-node.treeRow {
      width: calc(100% - 24px); }
      .fmlaTableTree .el-tree-node .comp-tr-node.treeRow .pName {
        justify-content: left; }
  .fmlaTableTree [draggable="true"] {
    /*可拖移時加上icon*/ }
    .fmlaTableTree [draggable="true"] .treeTh, .fmlaTableTree [draggable="true"] .treeTd {
      padding: 5px; }
    .fmlaTableTree [draggable="true"] .el-tree-node .el-tree-node__content {
      position: relative; }
    .fmlaTableTree [draggable="true"] .el-tree-node .el-tree-node .el-tree-node__content:hover:before {
      content: '\f142';
      font-family: 'FontAwesome';
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      height: 1em;
      left: 15px;
      color: #ced4da; }
  .fmlaTableTree .el-tree-node > .el-tree-node__children {
    box-shadow: 0 0 5px inset rgba(0, 0, 0, 0.03); }
  .fmlaTableTree .el-tree__drop-indicator {
    height: 10px;
    background-color: rgba(85, 145, 245, 0.2); }
  .fmlaTableTree .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
    background-color: #f6f9fe; }

/*------------------檔案上傳區塊----------------*/
.upfileList {
  display: flex;
  line-height: normal;
  margin: -5px; }
  .upfileList-item {
    width: 100px;
    height: 120px;
    text-align: center;
    position: relative;
    border: 1px solid #dee2e6;
    padding: 10px;
    margin: 5px;
    /*更改過的*/ }
    .upfileList-item.addfile {
      font-size: 3em;
      border: 1px solid #4285f4;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      color: #4285f4; }
      .upfileList-item.addfile:hover {
        background-color: #ecf3fe; }
    .upfileList-item .fileType {
      font-size: 2.8em;
      color: #adb5bd;
      margin-bottom: 5px;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative; }
      .upfileList-item .fileType img {
        max-height: 100%;
        max-width: 100%;
        width: auto;
        height: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto; }
    .upfileList-item .fileNBame {
      font-size: 13px; }
    .upfileList-item .del {
      position: absolute;
      right: 5px;
      top: 5px; }
    .upfileList-item.changed-area .fileType {
      color: #f56c6c; }
    .upfileList-item.changed-area .fileNBame a {
      color: #343a40; }

/*Dropdown*/
.dropdownList.el-dropdown-menu {
  padding: 0; }

.dropdownList li {
  padding: 0; }
  .dropdownList li + li {
    border-top: 1px solid #dee2e6; }

.dropdownList .el-dropdown-menu__item {
  white-space: nowrap;
  color: #4285f4; }
  .dropdownList .el-dropdown-menu__item.is-disabled {
    color: #bbb; }

/*版本比對*/
.showBarBtn {
  /*舊版的開啟按鈕*/
  border-bottom: 2px solid #a1c2fa;
  text-align: center;
  margin-top: 20px; }
  .showBarBtn button.el-button {
    border-radius: 4px 4px 0 0;
    border-bottom: none; }

.changed-area {
  background-color: #fde2e2; }
  .changed-area:empty {
    min-width: 100%;
    display: inline-block;
    min-height: 1.2em; }

/*送審文件列表*/
.checkList [class*="el-col-"] {
  margin-bottom: 10px; }

.checkList .cardAddTag {
  height: 100%; }
  .checkList .cardAddTag .tabBar .el-tag {
    border-radius: 4px 4px 0 0;
    border-bottom: none;
    padding-top: 2px; }
  .checkList .cardAddTag .el-card {
    border-radius: 0 4px 4px 4px; }

.checkList .el-card__body {
  padding: 10px;
  position: relative; }
  .checkList .el-card__body .el-form-item {
    margin-bottom: 0; }
    .checkList .el-card__body .el-form-item .el-form-item__label, .checkList .el-card__body .el-form-item .el-form-item__content {
      line-height: 30px; }
  .checkList .el-card__body .card-hr {
    margin-top: 5px;
    margin-bottom: 5px; }
  .checkList .el-card__body .watermarkTag {
    position: absolute;
    width: 3em;
    height: 3em;
    border: 2px solid #dee2e6;
    line-height: 2.8em;
    text-align: center;
    border-radius: 100%;
    font-weight: bold;
    color: #FFFFFF;
    top: 25px;
    right: 8px;
    background: #ced4da;
    font-size: 16px; }
    .checkList .el-card__body .watermarkTag:after {
      width: 2.4em;
      height: 2.4em;
      content: '';
      display: block;
      position: absolute;
      top: 0.1em;
      right: 0.1em;
      border-radius: 100%;
      border: 1px solid #FFFFFF; }

.checkList .alertBlock {
  margin-top: 10px; }

.alertBlock {
  padding: 3px;
  border: 1px solid #dee2e6;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 4px; }
  .alertBlock.leftBorder {
    border-left-width: 5px; }
  .alertBlock-body {
    padding: 10px; }
    .alertBlock-body ol {
      margin: 10px 0; }
      .alertBlock-body ol li + li {
        margin-top: 5px; }
  .alertBlock.small {
    font-size: 0.9em; }
  .alertBlock.danger {
    border-color: #f56c6c; }

a.geItem svg {
  border: 0px;
  width: 50px; }

.pallete {
  background-color: #fbfbfb;
  border: 1px solid #999;
  height: 100%; }

/*卡片列表固定尺寸*/
.cardLlist {
  margin: -7.5px;
  display: flex;
  flex-wrap: wrap; }
  .cardLlist .el-card {
    margin: 7.5px; }
    .cardLlist .el-card .el-card__body {
      padding: 10px; }
      .cardLlist .el-card .el-card__body .el-form-item__content {
        word-break: break-all; }
      .cardLlist .el-card .el-card__body .card-hr {
        margin: 10px -10px; }
      .cardLlist .el-card .el-card__body .card-footer.borded {
        margin-right: -10px;
        margin-left: -10px;
        margin-bottom: -10px; }

.proBlock .cardLlist .el-card + .el-card {
  margin-top: 7.5px; }

/*產品*/
.prouctLlist {
  /*產品列表*/ }
  .prouctLlist .el-card {
    min-width: 350px; }
  .prouctLlist-img {
    min-width: 80px;
    width: auto;
    height: 80px;
    position: relative; }
    .prouctLlist-img img {
      max-height: 100%;
      max-width: 100%;
      width: auto;
      height: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }

.productImg {
  min-height: 100%;
  min-width: 100%;
  min-height: 200px;
  position: relative; }
  .productImg img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  .productImg-tag {
    position: absolute;
    top: -3px;
    left: 0px; }
  .productImg-default {
    background-color: #e9ecef;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
    .productImg-default:before {
      font-family: 'element-icons';
      content: '\e79f';
      color: #FFFFFF;
      font-size: 15em; }
  .productImg-upBtn {
    color: #FFFFFF;
    background: #5591f5;
    padding: 10px 15px;
    border-radius: 4px; }
  .productImg .imgUpload {
    min-width: 250px;
    height: 250px; }

.imgUpload {
  /*產品圖片上傳 滑過去出現按鈕*/
  padding: 0;
  margin: 0 auto;
  position: relative; }
  .imgUpload figcaption {
    background: rgba(0, 0, 0, 0.2);
    opacity: 0; }
    .imgUpload figcaption:hover {
      opacity: 1; }
  .imgUpload .button-file-upload {
    display: flex;
    align-items: center;
    justify-content: center; }

.productName {
  margin: 5px 0; }
  .productName-text {
    font-size: 22px;
    font-weight: bold;
    margin: 5px 0; }
  .productName-id {
    margin: 3px 0;
    font-size: 0.875em; }

.productPic {
  /*產品上傳區塊*/
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 10px;
  padding-left: 15px;
  align-items: center;
  display: flex; }
  .productPic .el-form {
    width: 100%; }
  .productPic-text {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    min-width: 0; }
    .productPic-text h4 {
      margin: 0;
      font-size: 18px; }
    .productPic-text .fileName-text {
      margin-top: 5px; }
    .productPic-text .one-ellipsis {
      width: 100%;
      display: block; }
  .productPic-img {
    margin-left: 10px;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    width: 80px;
    height: 80px;
    position: relative; }
    .productPic-img img {
      max-height: 100%;
      max-width: 100%;
      width: auto;
      height: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }
    .productPic-img:empty {
      border-radius: 4px;
      background-color: #e9ecef;
      text-align: center;
      line-height: 80px; }
      .productPic-img:empty:after {
        content: '\f1c5';
        font-family: 'FontAwesome';
        font-size: 50px;
        color: #FFFFFF; }
    .productPic-img.gs1 {
      width: 160px; }

.packageImg {
  /*包裝區的商品圖片*/
  display: flex;
  align-items: center;
  width: 220px; }
  .packageImg .img {
    width: 120px;
    height: 120px;
    margin-right: 10px;
    position: relative; }
    .packageImg .img img {
      max-height: 100%;
      max-width: 100%;
      width: auto;
      height: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }
    .packageImg .img .default {
      height: 100%;
      border: 1px solid #dee2e6; }
      .packageImg .img .default img {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        opacity: 0.5; }
  .packageImg .text {
    font-size: 14px;
    font-weight: bold; }
  .packageImg .imgUpload {
    width: 120px;
    height: 120px; }

/*個人資料頁*/
.personalBox .personal-mane {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 10px; }

.personalBox .userImg {
  margin-left: auto; }

/*設定個人資料頁*/
.editAccount {
  margin: 0 auto;
  max-width: 600px;
  width: 100%; }
  .editAccount .userImg {
    margin: 0 auto; }

/*產品加入最愛按鈕*/
.el-affix {
  width: auto !important; }

.el-button--text.fa-heart.red:hover, .el-button--text.fa-heart.red:active {
  color: #f56c6c; }

.addFavorite .fa-heart, .addFocus .fa-heart {
  color: #f56c6c; }

.addFavorite .ti:before, .addFocus .ti:before {
  font-size: 1.2em; }

.addFavorite .el-button:hover .fa-heart, .addFocus .el-button:hover .fa-heart {
  color: #f56c6c; }

.addFavorite .el-button [class*="el-"], .addFavorite .el-button [class*="fa-"], .addFavorite .el-button [class*="ti-"], .addFocus .el-button [class*="el-"], .addFocus .el-button [class*="fa-"], .addFocus .el-button [class*="ti-"] {
  margin-right: 5px; }

.addFavorite .el-button .amount, .addFocus .el-button .amount {
  margin-left: 5px;
  display: block; }

.addFavorite .el-affix--fixed, .addFocus .el-affix--fixed {
  top: 60px !important;
  right: 15px; }
  .addFavorite .el-affix--fixed .el-button, .addFocus .el-affix--fixed .el-button {
    background-color: #7baaf7;
    color: #FFFFFF;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 10px; }
    .addFavorite .el-affix--fixed .el-button .fa-heart, .addFocus .el-affix--fixed .el-button .fa-heart {
      color: #FFFFFF; }
    .addFavorite .el-affix--fixed .el-button:hover, .addFocus .el-affix--fixed .el-button:hover {
      background-color: #4285f4; }
    .addFavorite .el-affix--fixed .el-button .text, .addFocus .el-affix--fixed .el-button .text {
      display: none; }

.favBtn .ti:before {
  font-size: 1.25em; }

/*稽核卡片tag群*/
.auditCard-tagBar {
  margin: 0 -5px; }
  .auditCard-tagBar .el-tag {
    width: 72px;
    margin-left: 2px;
    margin-right: 2px; }
    .auditCard-tagBar .el-tag.one-ellipsis {
      display: inline-block; }
      .auditCard-tagBar .el-tag.one-ellipsis.el-tag--small {
        line-height: 20px;
        padding: 0 5px; }
    .auditCard-tagBar .el-tag + .el-tag {
      margin-left: 2px; }

/*稽核卡片狀態*/
.statusTag {
  display: flex; }
  .statusTag-item {
    width: 50%;
    text-align: center;
    padding: 5px 8px;
    border: 1px solid #dee2e6; }
    .statusTag-item + .statusTag-item {
      border-left: none; }
    .statusTag-item i {
      font-size: 1.3em;
      margin-right: 0.3em;
      color: #adb5bd; }
  .statusTag-head {
    font-size: 12px;
    color: #adb5bd;
    padding-bottom: 4px;
    border-bottom: 1px solid #dee2e6;
    margin: 0 -8px 4px -8px;
    display: block; }

/*稽核分數顯示*/
.auditScore {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .auditScore-item {
    font-size: 1.2rem;
    border: 1px solid #adb5bd;
    color: #6c757d;
    border-radius: 4px;
    font-weight: 500;
    min-width: 40px;
    margin: 5px;
    height: 42px; }
    .auditScore-item .scoreField {
      display: inline-block;
      vertical-align: middle;
      padding: 8px 12px;
      min-width: 40px;
      height: 40px; }
      .auditScore-item .scoreField + .scoreField {
        border-left: 1px solid #adb5bd; }
      .auditScore-item .scoreField.fraction {
        width: 40px;
        min-width: 0;
        padding: 0;
        position: relative; }
        .auditScore-item .scoreField.fraction:before {
          content: '';
          height: 40px;
          display: block;
          position: absolute; }
        .auditScore-item .scoreField.fraction:after {
          content: '';
          position: absolute;
          border-bottom: 40px solid;
          border-left: 40px solid transparent;
          right: 0;
          z-index: 1;
          display: block; }
      .auditScore-item .scoreField .fraction-num, .auditScore-item .scoreField .fraction-den {
        position: absolute;
        z-index: 2;
        padding: 0;
        display: block;
        min-width: auto;
        text-align: center;
        font-size: 0.875em;
        width: 30px; }
      .auditScore-item .scoreField .fraction-num {
        left: 0; }
      .auditScore-item .scoreField .fraction-den {
        right: 0;
        color: #FFFFFF;
        border: none;
        bottom: 0; }
      .auditScore-item .scoreField:empty {
        text-align: center; }
        .auditScore-item .scoreField:empty:before {
          content: '-'; }
    .auditScore-item.finallyScore {
      color: #74C200;
      border-color: #74C200; }
    .auditScore-item.circle {
      border-radius: 50%;
      padding: 8px;
      width: 42px;
      height: 42px;
      text-align: center; }
    .auditScore-item.danger {
      border-color: #f56c6c;
      color: #f56c6c;
      background-color: #fef0f0; }
    .auditScore-item:empty {
      text-align: center;
      padding: 8px; }
      .auditScore-item:empty:before {
        content: '-'; }
  .auditScore-label {
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 5px;
    text-align: center; }
  .auditScore-col {
    padding: 0 5%; }
  .auditScore-lg {
    margin: 10px 0; }
    .auditScore-lg .auditScore-item {
      font-size: 2.4rem;
      min-width: 60px;
      text-align: center;
      height: 66px; }
      .auditScore-lg .auditScore-item .scoreField {
        min-width: 60px;
        height: 66px; }
        .auditScore-lg .auditScore-item .scoreField.fraction {
          width: 60px; }
          .auditScore-lg .auditScore-item .scoreField.fraction:before {
            height: 65px; }
          .auditScore-lg .auditScore-item .scoreField.fraction:after {
            border-bottom: 65px solid;
            border-left: 60px solid transparent; }
      .auditScore-lg .auditScore-item .fraction-num, .auditScore-lg .auditScore-item .fraction-den {
        width: 45px;
        font-size: 0.75em; }
      .auditScore-lg .auditScore-item.circle {
        width: 65px;
        height: 65px;
        line-height: 65px;
        padding: 0; }

/*稽核項目卡片*/
.auditItemCard.el-card {
  border-top-width: 4px; }
  .auditItemCard.el-card + .auditItemCard.el-card, .auditItemCard.el-card + .auditItem-total.el-card {
    margin-top: 0; }
  .auditItemCard.el-card .el-card__header {
    padding: 10px; }
  .auditItemCard.el-card .showBarBtn {
    border: none;
    margin-top: 0;
    margin-bottom: -10px; }

.auditItemCard .subTitle {
  margin-bottom: 5px;
  align-items: start; }
  .auditItemCard .subTitle .el-tag {
    margin-right: 5px; }

.auditItemCard .proportionBox {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: self-start;
  margin: -3px; }
  .auditItemCard .proportionBox.edit {
    margin: 0 -10px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    width: calc(100% + 20px); }
  .auditItemCard .proportionBox .el-form-item {
    width: 60px; }
  .auditItemCard .proportionBox .el-input {
    width: 60px;
    margin: 3px; }
  .auditItemCard .proportionBox .el-button {
    margin: 3px; }
  .auditItemCard .proportionBox .note {
    position: absolute;
    top: -30px;
    right: 0;
    color: #6c757d;
    font-size: 14px; }
    .auditItemCard .proportionBox .note i {
      margin-right: 3px; }

.auditItemCard .tag-default, .auditItemCard .tag-hot {
  text-align: center;
  border: 1px solid #adb5bd;
  padding: 3px 5px;
  border-radius: 4px;
  font-size: 12px;
  display: inline-block;
  margin: 0 2px;
  color: #495057;
  min-height: 51px;
  vertical-align: middle; }
  .auditItemCard .tag-default i, .auditItemCard .tag-hot i {
    font-size: 1.2rem;
    line-height: 24px; }

.auditItemCard .tag-hot {
  border-color: #f56c6c;
  color: #f56c6c; }

.auditItemCard .upfileList {
  flex-wrap: wrap; }

/*修正*/
.el-form.el-form--label-top .proportionBox .el-form-item + .el-form-item {
  margin-top: 0; }

.auditItem-total .el-card__body {
  padding: 10px 20px;
  background-color: #f8f9fa;
  font-size: 0.875rem; }
  .auditItem-total .el-card__body b {
    font-size: 1rem;
    margin-left: 5px; }

/*稽核項目回覆顯示*/
.replyBox {
  background: #fff5e6;
  margin: 0 -20px -20px;
  padding: 5px 15px;
  border-top: 1px solid #dee2e6; }

.el-card__body > div:first-child.replyBox {
  border-top: none;
  margin: -10px -15px; }

/*受稽核上傳檔案欄位*/
[class*=el-col-] .auditeeUpload-item {
  height: calc(100% - 6px); }

.el-form-item__content .auditeeUpload {
  width: 100%; }

.fileArea {
  padding: 5px;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  position: relative; }
  .fileArea:hover .downloadBtn {
    display: block; }

.downloadBtn {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #4285f4;
  display: none; }
  .downloadBtn .el-button {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFFFFF; }

.auditeeUpload {
  line-height: normal !important; }
  .auditeeUpload.noUpload {
    display: flex;
    margin: -5px; }
    .auditeeUpload.noUpload .auditeeUpload-item {
      margin: 5px; }
      .auditeeUpload.noUpload .auditeeUpload-item .scoreItem-label {
        margin-top: 0; }
      .auditeeUpload.noUpload .auditeeUpload-item .scoreItem-text {
        margin-top: 0; }

.auditeeUpload-item, .fileUpload-item {
  border: 1px solid #ced4da;
  border-radius: 4px;
  display: flex;
  margin: 3px 0; }
  .auditeeUpload-item.disabled, .fileUpload-item.disabled {
    background-color: #f8f9fa; }
  .auditeeUpload-item .scoreItem, .fileUpload-item .scoreItem {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    border-left: 1px solid #ced4da;
    padding: 5px;
    text-align: center; }
    .auditeeUpload-item .scoreItem-label, .fileUpload-item .scoreItem-label {
      font-size: 0.875rem;
      margin-top: 3px;
      color: #6c757d; }
    .auditeeUpload-item .scoreItem-text, .fileUpload-item .scoreItem-text {
      font-size: 1rem;
      margin-top: 5px;
      min-width: 32px;
      line-height: 32px; }
      .auditeeUpload-item .scoreItem-text .el-input__inner, .fileUpload-item .scoreItem-text .el-input__inner {
        width: 4em; }
  .auditeeUpload-item .fileAdd, .auditeeUpload-item .fileImg, .fileUpload-item .fileAdd, .fileUpload-item .fileImg {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #343a40;
    border: 1px solid #ced4da; }
    .auditeeUpload-item .fileAdd i, .auditeeUpload-item .fileImg i, .fileUpload-item .fileAdd i, .fileUpload-item .fileImg i {
      font-size: 32px;
      line-height: 50px; }
  .auditeeUpload-item .fileAdd, .fileUpload-item .fileAdd {
    color: #4285f4; }
    .auditeeUpload-item .fileAdd:hover, .fileUpload-item .fileAdd:hover {
      background-color: #ecf3fe;
      border-color: #7baaf7; }
  .auditeeUpload-item .fileImg, .fileUpload-item .fileImg {
    background: #f8f9fa;
    position: relative; }
    .auditeeUpload-item .fileImg img, .fileUpload-item .fileImg img {
      max-height: 100%;
      max-width: 100%;
      width: auto;
      height: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }
    .auditeeUpload-item .fileImg:empty, .fileUpload-item .fileImg:empty {
      border: 1px dashed #dee2e6;
      background-color: #e9ecef; }
  .auditeeUpload-item .fileIcon, .fileUpload-item .fileIcon {
    font-size: 1.3em;
    margin-right: 5px; }
  .auditeeUpload-item .fileName, .fileUpload-item .fileName {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    min-width: 0;
    margin-left: 6px;
    color: #4285f4;
    font-size: 0.875rem;
    line-height: 1.2; }
    .auditeeUpload-item .fileName .nofile:before, .auditeeUpload-item .fileName .nofile:after, .fileUpload-item .fileName .nofile:before, .fileUpload-item .fileName .nofile:after {
      content: '';
      width: 95%;
      display: block;
      height: 6px;
      background-color: #e9ecef;
      border-radius: 4px;
      margin: 10px 0 0; }
    .auditeeUpload-item .fileName .nofile:before, .fileUpload-item .fileName .nofile:before {
      width: 70%;
      margin-top: 3px; }
    .auditeeUpload-item .fileName .fileInfo, .fileUpload-item .fileName .fileInfo {
      /*補件時加上 相關資訊*/
      color: #495057;
      font-size: 12px; }
      .auditeeUpload-item .fileName .fileInfo-tag.el-tag, .fileUpload-item .fileName .fileInfo-tag.el-tag {
        padding: 0 4px;
        height: 1.5em; }
  .auditeeUpload-item .uploader, .fileUpload-item .uploader {
    color: #adb5bd;
    font-size: 13px; }

.fileUpload {
  /*稽核文件上傳*/ }
  .fileUpload-item {
    background-color: #f8f9fa; }
    .fileUpload-item .fileImg {
      width: 35px;
      height: 40px;
      background-color: #FFFFFF; }
      .fileUpload-item .fileImg i {
        font-size: 24px;
        line-height: 40px; }

/*稽核歷程*/
.processBox {
  display: flex;
  width: 90%; }
  .processBox .step {
    position: relative;
    flex: 1;
    /*進度*/ }
    .processBox .step-content {
      position: relative;
      z-index: 2;
      text-align: center; }
    .processBox .step-head {
      font-size: 1rem;
      font-weight: bold;
      margin: 10px 0;
      color: #adb5bd;
      background: #FFFFFF; }
    .processBox .step-sub {
      margin-bottom: 5px;
      color: #ced4da;
      background: #FFFFFF; }
    .processBox .step-num {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: #dee2e6;
      text-align: center;
      line-height: 20px;
      color: #FFFFFF;
      margin: 5px auto; }
    .processBox .step-line {
      height: 2px;
      top: 30px;
      left: -50%;
      width: 100%;
      position: absolute;
      background: #dee2e6;
      z-index: 1; }
    .processBox .step:first-child .step-line {
      left: 50%;
      right: -50%; }
    .processBox .step:last-child .step-line {
      right: 50%; }
    .processBox .step.is-done .step-num {
      background-color: #7baaf7; }
    .processBox .step.is-done .step-line {
      background-color: #7baaf7; }
    .processBox .step.is-done .step-head {
      color: #7baaf7; }
    .processBox .step.is-done .step-sub {
      color: #8eb6f8; }
    .processBox .step.is-active .step-num {
      background-color: #5591f5;
      box-shadow: 0 0 0 5px #c6dafc; }
    .processBox .step.is-active .step-line {
      background-color: #5591f5; }
    .processBox .step.is-active .step-head {
      color: #4285f4; }
    .processBox .step.is-active .step-sub {
      color: #689df6; }

.processMain {
  padding: 10px;
  margin-left: 50%;
  margin-right: -20%;
  margin-right: -30%;
  position: relative;
  /*執行方*/ }
  .processMain:last-child .processItem-line {
    bottom: inherit;
    height: 23px; }
  .processMain.is-audit .processItem-content {
    background-color: #f8f9fa; }
    .processMain.is-audit .processItem-content .focus {
      color: #4285f4; }
  .processMain.is-auditee .processItem-content {
    background-color: #ffffef; }
    .processMain.is-auditee .processItem-content .focus {
      color: #cc7d16; }

.processItem-line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  background: #dee2e6;
  z-index: 2; }

.processItem-dot {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #dee2e6;
  border-radius: 50%;
  left: -4px;
  top: 13px;
  z-index: 2; }

.processItem-content {
  padding: 10px;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  margin-top: 5px;
  word-break: break-word;
  line-height: 1.3; }
  .processItem-content .focus {
    font-weight: bold;
    margin: 0 3px; }

.process-date {
  margin: 5px; }

/*稽核小組 卡片*/
.auditGroupCard {
  display: flex;
  flex-wrap: wrap;
  margin: 5px -5px -5px; }
  .auditGroupCard-item {
    display: flex;
    padding: 8px 18px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    align-items: center;
    margin: 5px;
    position: relative;
    flex-basis: 100%;
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.04); }
    .auditGroupCard-item .itemPhoto {
      margin-right: 5px; }
      .auditGroupCard-item .itemPhoto .userImg {
        width: 50px;
        height: 50px; }
        .auditGroupCard-item .itemPhoto .userImg .el-avatar.el-icon-user-solid {
          font-size: 1em;
          line-height: 1; }
    .auditGroupCard-item .itemInfo {
      padding-right: 5px;
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%;
      min-width: 0; }
      .auditGroupCard-item .itemInfo-title {
        font-weight: bold;
        margin-bottom: 5px; }
      .auditGroupCard-item .itemInfo-sub {
        font-size: 0.875rem;
        color: #6c757d; }
    .auditGroupCard-item .itemSetting {
      border-left: 1px solid #eee;
      padding-left: 10px;
      flex: 0 0 auto;
      width: auto;
      max-width: none; }
      .auditGroupCard-item .itemSetting .el-form-item--default {
        margin-bottom: 0; }
    .auditGroupCard-item .del {
      position: absolute;
      right: 2px;
      top: 2px; }

/*--------------訂單--------------*/
.orderLlist {
  /*訂單列表*/ }
  .orderLlist .el-card {
    width: 300px; }

.orderBatchList {
  /*訂單批號列表*/ }
  .orderBatchList .el-card {
    width: 568px; }

/*卡片式tab 頁籤*/
.tabPanel .el-tabs {
  margin-top: 15px; }

.tabPanel .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
  background-color: #FFFFFF; }

.tabPanel .el-tabs__header {
  margin-bottom: 0; }

.tabPanel > .el-tabs--top > .el-tabs__content {
  background-color: #FFFFFF;
  padding: 15px;
  border: 1px solid #dee2e6;
  border-top: none;
  border-radius: 0 4px; }

.tabPanel .el-tabs__item.is-left {
  line-height: normal;
  margin-bottom: 5px; }

.tabPanel .el-tabs__header.is-left {
  max-width: 150px; }

.tabPanel .el-tabs__nav.is-left {
  white-space: normal; }

@media only screen and (max-width: 1920px) {
  .prouctLlist {
    /*產品列表*/ }
    .prouctLlist .el-card {
      width: calc(25% - 15px);
      min-width: auto; }
  .el-overlay-dialog {
    /*彈窗中的訂單列表*/ }
    .el-overlay-dialog .orderLlist .el-card {
      width: calc(25% - 15px); }
  .orderBatchList {
    /*訂單批號列表*/ }
    .orderBatchList .el-card {
      width: calc(33.3% - 15px); } }

@media only screen and (max-width: 1400px) {
  .prouctLlist {
    /*產品列表*/ }
    .prouctLlist .el-card {
      width: calc(33.3% - 15px);
      min-width: auto; }
  .orderBatchList {
    /*訂單批號列表*/ }
    .orderBatchList .el-card {
      width: calc(50% - 15px); }
  .el-overlay-dialog {
    /*彈窗中的訂單列表*/ }
    .el-overlay-dialog .orderLlist .el-card {
      width: calc(33.3% - 15px); } }

@media only screen and (max-width: 1739px) {
  .orderBatchList {
    /*訂單批號列表*/ }
    .orderBatchList .el-card {
      width: calc(50% - 15px); } }

@media only screen and (max-width: 1200px) {
  .file-amount {
    order: 1; } }

@media only screen and (max-width: 992px) {
  .prouctLlist, .orderLlist {
    /*產品列表*/ }
    .prouctLlist .el-card, .orderLlist .el-card {
      width: calc(50% - 15px);
      min-width: auto; }
  .el-overlay-dialog {
    /*彈窗中的訂單列表*/ }
    .el-overlay-dialog .orderLlist .el-card {
      width: calc(50% - 15px); }
  .personalBox .userImg {
    width: 133.33333px;
    height: 133.33333px; }
    .personalBox .userImg .el-avatar.el-icon-user-solid {
      font-size: 66.66667px;
      line-height: 66.66667px; }
    .personalBox .userImg .upImg-btn {
      bottom: 0;
      right: 0;
      font-size: 1em; }
  .addFavorite .el-affix--fixed, .addFocus .el-affix--fixed {
    top: 51px !important; }
  .divTable-responsive {
    background-color: transparent;
    table-layout: inherit;
    display: block;
    border: none; }
    .divTable-responsive .thead {
      display: none; }
    .divTable-responsive th {
      position: static; }
    .divTable-responsive .tbody {
      display: block; }
    .divTable-responsive .td {
      display: initial;
      width: calc(50% - 1px);
      border: none;
      vertical-align: top;
      order: 2;
      line-height: 1.3;
      font-size: 16px; }
      .divTable-responsive .td:not(.td-group) {
        border-bottom: none; }
      .divTable-responsive .td.td-w100 {
        width: 100%; }
      .divTable-responsive .td.td-w33 {
        width: calc(33.3% - 1px); }
      .divTable-responsive .td.td-w66 {
        width: calc(66.6% - 1px); }
      .divTable-responsive .td:before {
        content: attr(data-label);
        display: block;
        color: #6c757d;
        margin-bottom: 5px;
        font-size: 14px; }
      .divTable-responsive .td.head, .divTable-responsive .td.sub-head, .divTable-responsive .td.td-btn {
        width: 100%; }
        .divTable-responsive .td.head:before, .divTable-responsive .td.sub-head:before, .divTable-responsive .td.td-btn:before {
          content: none; }
      .divTable-responsive .td.td-btn {
        border-bottom: 1px solid #dee2e6;
        margin-left: -10px;
        margin-right: -10px;
        order: 1;
        margin-top: -10px; }
      .divTable-responsive .td.head {
        /*主標*/
        order: 1;
        border-bottom: 1px solid #dee2e6;
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 20px;
        width: calc(100% + 20px); }
        .divTable-responsive .td.head b {
          font-size: 16px;
          font-weight: bold; }
        .divTable-responsive .td.head.head-rightText {
          padding-right: 35px; }
      .divTable-responsive .td.headinput {
        /*表格中第一個input*/
        order: 0;
        width: 100%;
        margin-top: 10px; }
        .divTable-responsive .td.headinput .form-borded .el-form-item {
          min-height: 0; }
      .divTable-responsive .td.sub-head {
        /*副標*/
        order: 0;
        padding-bottom: 0;
        padding-top: 0; }
        .divTable-responsive .td.sub-head .tag-sm {
          display: inline-block;
          height: 26px;
          padding: 0 10px;
          line-height: 26px;
          border: 1px solid #adb5bd;
          color: #6c757d;
          border-radius: 4px;
          box-sizing: border-box;
          white-space: nowrap; }
      .divTable-responsive .td.headBtn {
        /*主標旁的按鈕*/
        position: absolute;
        top: -5px;
        right: 0;
        text-align: right !important; }
      .divTable-responsive .td.text-center {
        text-align: initial; }
      .divTable-responsive .td.td-col {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
        min-width: 0; }
        .divTable-responsive .td.td-col.head {
          padding-left: 5px; }
      .divTable-responsive .td.td-col-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none; }
        .divTable-responsive .td.td-col-auto.sub-head {
          border-bottom: 1px solid #dee2e6;
          margin-left: -10px; }
      .divTable-responsive .td.colspan {
        display: none; }
    .divTable-responsive .tr {
      position: relative;
      border: 1px solid #dee2e6;
      border-top-width: 4px;
      border-radius: 4px;
      background-color: #FFFFFF;
      padding: 8px 10px;
      display: flex;
      flex-wrap: wrap; }
      .divTable-responsive .tr + .tr {
        margin-top: 10px; }
      .divTable-responsive .tr:nth-child(even) .td {
        background-color: #FFFFFF; }
      .divTable-responsive .tr.tr-total {
        border-top-width: 1px;
        margin-top: 10px;
        padding: 0; }
      .divTable-responsive .tr.chenked {
        background-color: #FFFFFF;
        border-color: #a1c2fa;
        box-shadow: 0 0 0 4px #ecf3fe; }
    .divTable-responsive + .tableBottomBtn {
      margin-top: 0;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      top: -95px;
      z-index: 1;
      margin-bottom: -20px; }
    .divTable-responsive .td-group.setProportion {
      /*設定占比 新增時*/
      width: 100%;
      display: flex;
      flex-wrap: wrap; }
      .divTable-responsive .td-group.setProportion .row {
        display: inherit;
        flex: 1;
        border: none;
        min-width: 80px;
        flex: 1;
        padding: 0; }
    .divTable-responsive .td-group:last-child .td-column:last-child {
      border-right: none; }
    .divTable-responsive .td-group.batchFile {
      /*訂單批次文件表格*/
      min-width: auto;
      min-height: auto; }
    .divTable-responsive .td-group.orderBatch {
      /*訂單批次表格*/
      min-width: auto;
      min-height: auto; }
    .divTable-responsive .td-group .row {
      flex-wrap: wrap;
      align-items: inherit;
      border: 1px solid #dee2e6;
      padding: 5px;
      margin-bottom: 10px;
      border-radius: 4px; }
      .divTable-responsive .td-group .row:last-child .td-column {
        border-bottom: none;
        border-right: none; }
    .divTable-responsive .td-group .td-column {
      border-bottom: none;
      flex: 1 0;
      display: block; }
      .divTable-responsive .td-group .td-column + .td-column {
        border-left: none; }
      .divTable-responsive .td-group .td-column:last-child {
        border-right: none; }
      .divTable-responsive .td-group .td-column.text-center {
        text-align: initial;
        align-items: start; }
      .divTable-responsive .td-group .td-column:before {
        content: attr(data-label);
        display: block;
        color: #6c757d;
        margin-bottom: 5px;
        font-size: 14px; }
    .divTable-responsive .td-group .attachedFile {
      flex-basis: 100%; }
      .divTable-responsive .td-group .attachedFile .one-ellipsis {
        white-space: normal; }
    .divTable-responsive .td-group .remark, .divTable-responsive .td-group .remark-input {
      /*說明寬度*/
      flex-basis: 100%; }
    .divTable-responsive .td-group.th .td-column + .td-column {
      border-left: 1px solid #dee2e6; }
    .divTable-responsive .tfoodter .row {
      align-items: center;
      border: none;
      padding: 0;
      margin-bottom: 0;
      border-radius: 0; }
    .divTable-responsive .tfoodter .attachedFile, .divTable-responsive .tfoodter .remark {
      flex-basis: inherit; }
    .divTable-responsive .tfoodter .remark {
      display: none; }
    .divTable-responsive .tr-total .td-column {
      border-top: none; }
  /*稽核歷程*/
  .processBox {
    width: 100%;
    flex-direction: column; }
    .processBox .step {
      padding-bottom: 30px; }
      .processBox .step-line {
        height: 100%;
        width: 2px;
        left: 50%; }
      .processBox .step:first-child .step-line {
        right: inherit; }
      .processBox .step:last-child .step-line {
        display: none; }
      .processBox .step.is-done .processItem-line {
        background-color: #7baaf7; }
      .processBox .step.is-done .processItem-dot {
        background-color: #FFFFFF;
        border: 3px solid #7baaf7; }
      .processBox .step.is-active .step-line {
        background-color: #dee2e6;
        top: 80px;
        height: calc(100% - 80px); }
      .processBox .step.is-active .processItem-line {
        background: #5591f5; }
      .processBox .step.is-active .processItem-dot {
        background: #FFFFFF;
        border: 3px solid #5591f5; }
      .processBox .step:nth-child(even) .processMain {
        margin-left: 0;
        width: 50%;
        text-align: right; }
      .processBox .step:nth-child(even) .processItem-line {
        left: inherit;
        right: -2px; }
      .processBox .step:nth-child(even) .processItem-dot {
        left: inherit;
        right: -6px; }
  .processMain {
    margin-right: 0; } }

@media only screen and (max-width: 768px) {
  .container {
    height: calc(100% - 52px); }
  .mainTitle {
    flex-flow: wrap; }
  /*頁碼修改*/
  .el-pagination__jump {
    display: block !important;
    margin-top: 10px; }
  .orderBatchList {
    /*訂單批號列表*/ }
    .orderBatchList .el-card {
      width: 100%; } }

@media only screen and (max-width: 576px) {
  .cardLlist {
    /*卡片列表*/ }
    .cardLlist .el-card {
      width: 100%; }
  .el-overlay-dialog {
    /*彈窗中的訂單列表*/ }
    .el-overlay-dialog .orderLlist .el-card {
      width: 100%; } }