table {
    border-collapse: collapse;
    width: 100%;
    word-wrap: break-word;
    word-break: break-all;
    text-align: justify;
    border: 0;
}

    table tbody tr td {
        vertical-align: middle;
    }

.tableBox {
    padding: 10px 0;
}

/*直式兩欄無RWD*/
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #fff;
}

.fancyFixedTableBox {
    margin-top: 123px;
    padding: 10px 0;
}

@media (max-width:453px) {
    .fancyFixedTableBox {
        margin-top: 158px;
    }
}

.Straight th,
.Straight td {
    /* font-size: 1rem; */
}

.Straight > tbody > tr > th,
.Straight > tbody > tr > td {
    font-size: 1rem;
    font-weight: 900;
    vertical-align: top;
}

.Straight > tbody > tr > th {
    width: 13%;
    text-align: right;
    padding: 10px 10px;
    background: #468F74;
    color: #fff;
}

.Straight > tbody > tr > td {
    width: 80%;
    /* font-size: 1rem; */
    padding: 10px 10px;
    background: #EDF4F2;
    border-bottom: 1px solid #fff;
}

    .Straight > tbody > tr > td .data {
        font-size: 1rem;
    }

@media (max-width: 767px) {
    .Straight > tbody > tr > th {
        width: 35%;
    }

    .Straight > tbody > tr > td {
        width: 70%;
    }
}
/*bootstrap RWD 橫向卷軸表格*/
.table th {
    /* padding: 0 10px; */
    /* font-size: 1rem; */
    /* text-align: right; */
}

.table td {
    /* font-size: 1rem; */
    /* text-align: center; */
}

/*.Straight藍色 無RWD*/
.Straight.blueTB > tbody > tr > th {
    width: 13%;
    background: #F8FBFD;
    color: #000000;
}

.Straight.blueTB > tbody > tr > td {
    background: #ffffff;
    color: #000000;
}


/*footable*/
.table .table {
    background: inherit;
}

.footable th,
.footable td {
}

.footable > tbody > tr {
    background: #fff;
}

    .footable > tbody > tr:nth-child(odd) {
        background: rgba(255,255,255,0.7);
    }

    .footable > tbody > tr.modify {
        background: rgba(44, 107, 28, 0.7);
    }

    .footable > tbody > tr:hover {
        background: rgba(163, 163, 163, 0.4);
    }

.footable > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 0px solid #ddd;
    color: #666666;
    text-align: left;
    padding: 14px 10px;
    font-weight: 900;
}

.footable > tbody > tr > td {
    padding: 14px 10px;
    vertical-align: middle;
    text-align: left;
    border-bottom: 1px solid #eee;
    font-weight: 900;
}

.footable tbody tr:last-child td {
    border-bottom: 0;
}

.footable tbody td.alignLeft {
    text-align: left;
}

.footable tbody td.alignRight {
    text-align: right;
}

.footable tbody td.width6nowrap {
    width: 6%;
}

.footable tbody td.width7nowrap {
    width: 7%;
}

.footable tbody td.width8nowrap {
    width: 8%;
}

.footable tbody td.width9nowrap {
    width: 9%;
}

.footable tbody td.width6 {
    width: 6%;
    white-space: nowrap;
}

.footable tbody td.width7 {
    width: 7%;
    white-space: nowrap;
}

.footable tbody td.width8 {
    width: 8%;
    white-space: nowrap;
}

.footable tbody td.width9 {
    width: 9%;
    white-space: nowrap;
}

.footable tbody td.width10 {
    width: 10%;
    white-space: nowrap;
}

.footable tbody td.width12 {
    width: 12%;
    white-space: nowrap;
}

.footable tbody td.width15 {
    width: 15%;
    white-space: nowrap;
}
/*footable展開表格*/
table.footable-details > tbody > tr > th:nth-child(1) {
    width: 15%;
}

.statiticstable table.footable-details > tbody > tr > th:nth-child(1) {
    width: 60%;
}

.footable .footable-detail-row > td {
    background: #666;
    color: #fff;
}

.footable-details > tbody > tr {
    border-bottom: 1px solid #efefef;
}

    .footable-details > tbody > tr:last-child {
        border-bottom: 0;
    }

    .footable-details > tbody > tr > td {
        padding: 10px 10px;
    }

.footable-details tbody td.width20,
.footable-details tbody td.width30,
.footable-details tbody td.width40,
.footable-details tbody td.width50 {
    width: 75%;
}

.footable .footable-details tbody td {
    text-align: left;
}

    .footable .footable-details tbody td.width6,
    .footable .footable-details tbody td.width7,
    .footable .footable-details tbody td.width8,
    .footable .footable-details tbody td.width9,
    .footable .footable-details tbody td.width10,
    .footable .footable-details tbody td.width11,
    .footable .footable-details tbody td.width12,
    .footable .footable-details tbody td.width13,
    .footable .footable-details tbody td.width14,
    .footable .footable-details tbody td.width15 {
        width: 75%;
    }

@media (min-width:1024px) {
    .footable tbody td.width20 {
        width: 20%;
    }

    .footable tbody td.width30 {
        width: 30%;
    }

    .footable tbody td.width40 {
        width: 40%;
    }

    .footable tbody td.width50 {
        width: 50%;
    }
}


/* .footable a{
    text-decoration: underline;
} */

/*fancyboxTB-雙欄-後台OpenData-詮釋資料填寫*/
.tableBox-DoubleColum {
    border-top: 1px dashed #468F74;
    margin-top: 0px;
    padding: 0;
    background: #fff;
}

.fancy-DoubleColumn th {
    width: 15%;
    min-height: 34px;
    padding: 12px 15px 0 15px;
    text-align: right;
    font-size: 1rem;
    font-weight: bold;
    vertical-align: top;
    background: rgb(199, 222, 231);
}

.fancy-DoubleColumn td {
    width: 40%;
    padding: 6px 15px;
    text-align: left;
    font-size: 1rem;
    vertical-align: top;
    background: #fff;
}

.fancy-DoubleColumn label,
.fancy-DoubleColumn input,
.fancy-DoubleColumn select {
    display: inline-block;
    vertical-align: middle;
}

.fancy-DoubleColumn label {
    width: 25%;
    margin-right: 0;
}

.fancy-DoubleColumn td[colspan="2"] .selectStyle {
    width: 74%;
}

.fancy-DoubleColumn input {
    width: 74%;
}

.fancy-DoubleColumn select,
.fancy-DoubleColumn .selectStyle {
    width: 74%;
}


@media (max-width: 1366px) {
    .fancy-DoubleColumn label {
        width: 30%;
    }

    .fancy-DoubleColumn select,
    .fancy-DoubleColumn .selectStyle {
        width: 69%;
    }

    .fancy-DoubleColumn td[colspan="2"] .selectStyle {
        width: 69.5%;
    }


    .fancy-DoubleColumn input {
        width: 69%;
    }
}

@media (max-width: 768px) {
    .fancy-DoubleColumn th {
        display: block;
        width: 100%;
        min-height: 34px;
        padding: 12px 15px 12px 15px;
        text-align: center;
        font-size: 1rem;
        font-weight: bold;
        vertical-align: top;
        background: rgb(199, 222, 231);
    }

    .fancy-DoubleColumn td {
        display: block;
        width: 100%;
    }

    .fancy-DoubleColumn label {
        width: 30%;
    }

    .fancy-DoubleColumn input {
        width: 68%;
    }

    .fancy-DoubleColumn select {
        width: 68%;
    }

    .fancy-DoubleColumn td[colspan="2"] .selectStyle {
        width: 100%;
    }

    .fancy-DoubleColumn td .selectStyle {
        width: 100%;
    }
}

.borderTop {
    border-top: 1px dashed #468F74;
}

/*fancyboxTB-多欄-後台*/
.tableBox-MultipleColumns {
    padding: 0;
}

.fancy-MultipleColumns th {
    padding: 15px 15px;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    background: rgb(199, 222, 231);
}

.fancy-MultipleColumns td {
    padding: 6px 15px;
    text-align: center;
    font-size: 1rem;
}

.fancy-MultipleColumns tbody tr {
    background: #fff;
}

    .fancy-MultipleColumns tbody tr:nth-child(even) {
        background: rgb(226, 226, 226);
    }

.fancy-MultipleColumns tbody tr {
    border-bottom: 1px dashed rgb(192, 192, 192);
}

    .fancy-MultipleColumns tbody tr:nth-last-child(1) {
        border-bottom: 0;
    }

    .fancy-MultipleColumns tbody tr:hover {
        background: rgb(221, 248, 255);
    }

.tableBox-MultipleColumns td > div {
    font-size: inherit;
}

.tableRwdGroup {
    max-height: 90vmin;
    max-width: 100vmax;
    overflow: auto;
}

    .tableRwdGroup .tr-info-summary th {
        font-weight: bold;
        font-size: 1.2rem;
        text-align: left;
    }

    .tableRwdGroup td,
    .tableRwdGroup th {
        white-space: nowrap;
    }

@media (max-width: 768px) {
    .tableRwdGroup {
        max-height: 210vmin;
        max-width: 100vmax;
        overflow: auto;
    }
}


table.text-left th, table.text-left td {
    text-align: left !important;
}