table {
    border-spacing: 0px;
}

/*RWD 表頭在上 深藍色表頭*/
.table_topHead {
    width: 100%;
    margin: 0px auto;
    /*padding: 0 5px;*/
}

    .table_topHead .rwd-table {
        margin: 0;
        width: 100%;
        color: #fff;
        border-radius: .4em;
        /*overflow: hidden;*/
    }

    .table_topHead tr {
        color: #000; /*#003567*/
        background-color: #fff;
    }

    .table_topHead .rwd-table tr:nth-child(odd) {
        background-color: #e5eaf0;
    }

    .table_topHead .rwd-table td {
        border-bottom: 1px solid #d7dfe7;
        border-right: 1px solid #d7dfe7;
        padding: 14px 20px;
    }

        .table_topHead .rwd-table td:first-child {
            border-left: 1px solid #d7dfe7;
        }

        .table_topHead .rwd-table td:last-child {
            border-right: 1px solid #d7dfe7;
        }

    .table_topHead .rwd-table th {
        display: none;
        text-align: center;
        background-color: #003567;
        border-right: 1px solid #003567;
        color: #ffffff;
    }

    .table_topHead .rwd-table td {
        display: block;
    }

        .table_topHead .rwd-table td:before {
            content: attr(data-th) " : ";
            font-weight: bold;
            width: 8em;
            display: table-cell;
            text-align: right;
        }

    .table_topHead .rwd-table td {
        text-align: left;
    }

    .table_topHead .rwd-table {
    }

        .table_topHead .rwd-table tr {
            /*border-color: #d7dfe7;*/
        }

        .table_topHead .rwd-table th, .table_topHead .rwd-table td {
            /*margin: 0.5em 0.5em;
  margin: 0.5em 0.5em 0em 0.5em;*/
        }

            .table_topHead .rwd-table td:before {
                color: #003567;
            }

@media (min-width: 767px) {
    .table_topHead .rwd-table td:before {
        display: none;
        color: #003567;
    }

    .table_topHead .rwd-table th, .table_topHead .rwd-table td {
        display: table-cell;
        padding: .20em .5em;
    }

        .table_topHead .rwd-table th:first-child, .table_topHead .rwd-table td:first-child {
            padding-left: 0;
        }

        .table_topHead .rwd-table th:last-child, .table_topHead .rwd-table td:last-child {
            padding-right: 0;
        }

    .table_topHead .rwd-table th, .table_topHead .rwd-table td {
        padding: 10px !important;
    }
}

@media (max-width: 766px) {
    .table_topHead td.NumberDisplayNone {
        display: none;
    }

    .table_topHead .rwd-table td {
        border-right: 0px solid #d7dfe7;
        padding: 14px 10px;
    }

        .table_topHead .rwd-table td:first-child {
            border-left: 0px solid #d7dfe7;
        }

        .table_topHead .rwd-table td:last-child {
            border-right: 0;
            border-bottom: 0;
        }

    .table_topHead .rwd-table span,
    .table_topHead .rwd-table a,
    .table_topHead .rwd-table > div {
        display: table-cell;
    }
}

/*土石流應變對策表格*/
.table_246Disaster th:nth-child(1) {
    width: 15%;
}

.table_246Disaster th:nth-child(2) {
    width: 30%;
}

.table_246Disaster th:nth-child(3) {
    width: 55%;
}

.table_246Disaster tr:nth-child(2) th {
    width: 20%;
}

.table_246Disaster tr:nth-child(1) th:nth-child(2) {
    border-right: 1px solid #d7dfe7;
}

.rightLine th {
    border-top: 1px solid #d7dfe7;
}

    .rightLine th:nth-child(1) {
        border-right: 1px solid #d7dfe7;
    }
/*防救災體系-group*/
.group1 .title, .group2 .title {
    padding: 20px 0;
    text-align: center;
    background-color: #004280;
    color: #ffffff;
    letter-spacing: 5px;
}

.group1 .rwd-table, .group2 .rwd-table {
    margin-top: 0;
    border-radius: 0 0 0.4em 0.4em;
}
/*防救災體系-group1*/
.group1 th:nth-child(1) {
    width: 16%;
}

.group1 th:nth-child(2) {
    width: 28%;
}

.group1 th:nth-child(3) {
    width: 28%;
}

.group1 th:nth-child(4) {
    width: 28%;
}


/*防救災體系-group2*/
.group2 th {
    width: 20%;
}

    .group2 th:nth-child(1) {
        width: 15%;
    }

.group2 .title {
    padding: 20px 0;
    text-align: center;
    background-color: #004280;
    color: #ffffff;
}

.group2 .rwd-table {
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 0;
}

    .group2 .rwd-table tr:first-child {
        background-color: #01529f;
        color: #ffffff;
    }

    .group2 .rwd-table td.TB_title {
        background-color: #01529f;
        border-left: 0px;
        border-right: 1px solid #01529f;
        text-align: center;
    }

    .group2 .rwd-table td {
        border-bottom: 0;
        border-right: 1px solid #d7dfe7;
        padding: 14px 20px;
    }

    .group2 .rwd-table tr:last-child td {
        border-bottom: 1px solid #d7dfe7;
    }

@media (max-width: 1023px) {
    .group2 .rwd-table td {
        border-right: 0px solid #d7dfe7;
    }

        .group2 .rwd-table td.TB_title:before {
            content: attr(data-th) " : ";
            width: 0em;
            display: inline-block;
            text-align: center;
        }
}

/*專有名詞*/
.propernoun th:nth-child(1) {
    width: 35%;
}

.propernoun th:nth-child(2) {
    width: 65%;
}

/*無RWD深藍色表頭*/
/*土石流風險等級評估-發生潛勢因子配分表*/
.table_noRwd {
    margin: 20px 50px;
}

    .table_noRwd table {
        width: 100%;
    }

    .table_noRwd th {
        padding: 10px;
        text-align: center;
        background-color: #004280;
        color: #ffffff;
    }

    .table_noRwd tr.title th,
    .table_noRwd .title {
        background-color: #003567;
        color: #ffffff;
    }

    .table_noRwd .text-center {
        text-align: center;
    }

    .table_noRwd td {
        padding: 10px 20px;
        border-left: 1px solid #d7dfe7;
        border-bottom: 1px solid #d7dfe7;
        background: #fff;
    }

        .table_noRwd td:last-child {
            border-right: 1px solid #d7dfe7;
        }

    .table_noRwd .odd {
        background-color: #e5eaf0;
    }

    .table_noRwd tr td:last-child {
        text-align: center;
        color: #000;
    }

    /*土石流潛勢溪流條數*/
    .table_noRwd .thirdTitle th {
        background-color: #01529f;
    }

.table_Potential td {
    text-align: center;
    color: #000;
}

    .table_Potential td:nth-child(1) {
        width: 30%;
    }

    .table_Potential td:last-child {
        color: #e60012;
    }

.table_Potential tr.title td:last-child {
    color: #e60012;
}
/*.table_Potential tr:last-child td:last-child{
  color: #ffffff;
}*/

/*下載表格*/
.table_download {
    width: 100%;
    margin: 0px auto;
    padding: 0;
    margin-bottom: 100px;
}

    .table_download table {
        width: 100%;
    }

    .table_download .rwd-table th {
        border-bottom: 1px solid #dcdcdc;
        padding: 10px 0;
        text-align: center;
        background-color: #ffffff;
        color: #666;
    }

    .table_download .rwd-table td {
        padding: 15px;
        text-align: center;
        border: 0;
    }

        .table_download .rwd-table td:first-child {
            border: 0;
        }

        .table_download .rwd-table td:last-child {
            border: 0;
        }

    .table_download .rwd-table tr:last-child td {
        border-bottom: 0px solid #d7dfe7;
    }

    .table_download .rwd-table tr:nth-child(even) td {
        background-color: #f7f7f7;
    }

    .table_download .rwd-table tr:nth-child(odd) td {
        background-color: #fff;
    }

    .table_download .rwd-table td.alignLeft {
        text-align: left;
    }

    .table_download .rwd-table th, .table_download .rwd-table td {
        margin: 1px;
        border-right: 0;
    }

@media (max-width: 766px) {
    .table_download .rwd-table tr:nth-child(odd) td {
        background-color: #fff;
        border-bottom: 0px solid #d7dfe7;
    }

        .table_download .rwd-table tr:nth-child(odd) td:last-child {
            border-bottom: 0;
        }

    .table_noRwd {
        margin: 20px 10px;
    }
}

@media (min-width: 767px) {
    .table_download .rwd-table th, .table_download .rwd-table td {
        display: table-cell;
        padding: 20px 10px;
    }
}

.table_download a img {
    width: auto;
    height: 50px;
}

.table_download .rwd-table th span {
    display: block;
    text-align: center;
    padding: 0 4px;
    border-radius: 3px;
    margin-bottom: 1px;
}

.table_download .rwd-table td span > span,
.table_download .rwd-table td span > a {
    display: block;
    text-align: center;
}

.table_download .rwd-table td span p {
    text-align: left;
}
/*防災監測資訊Map*/
.table_Map {
}

@media (max-width: 769px) {
    .table_download .rwd-table td.moreInfo > span > span:before {
        display: inline-block;
        width: 88px;
        text-align: left;
    }

    .AnnualBulletin:before {
        content: "公開年份-";
    }

    .table_download .rwd-table td.moreInfo > span .landmark:before {
        width: 50px;
        content: "地標-";
    }

    .preservation:before {
        content: "保全危害度-";
    }

    .risk:before {
        content: "風險潛勢-";
    }

    .occur:before {
        content: "發生潛勢-";
    }
}

.fusiontablesBox {
    overflow: auto;
    max-height: 350px;
    max-width: 300px;
}

@media(min-width:769px) {
    .fusiontablesBox {
        overflow: auto;
        max-height: 550px;
        max-width: 350px;
    }
}

.MapTip table th,
.MapTip table td {
    padding: 5px 5px;
}

.MapTip table tr {
    border-bottom: 1px solid #334973;
}

.MapTip table th {
    width: 20%;
    background-color: #4682b4;
    color: #fff;
    text-align: center;
}

.MapTip table td {
    /* width: 20%; */
    background-color: #ffffff;
    color: #000;
    font-weight: 800;
}

.MapTip table {
    border-bottom: 1px solid #343434;
}






/*潛勢溪流基本資料*/
.RainfallStations span {
    padding: 0 5px;
}

/*@media (max-width: 1023px){*/
.downloadMapBox {
    display: block;
    padding-right: 10px;
    text-align: left;
}

    .downloadMapBox span {
        display: inline-block;
        padding-right: 10px;
    }
/*}*/

/*成果報告書*/
@media (min-width: 1023px) {
    .table_download tr td:first-child {
        width: 60px;
    }

    .table_download tr td:last-child {
        width: 130px;
    }
}

/*警戒值解說*/
.lavelinfo_tb {
    width: 100%;
}

    .lavelinfo_tb th {
        text-align: center;
        background-color: #95a2ae;
        padding: 5px;
        color: #fff;
    }

    .lavelinfo_tb td {
        padding: 10px 10px;
    }

        .lavelinfo_tb td:nth-child(2) {
            width: 15%;
        }

        .lavelinfo_tb td:nth-child(4) {
            width: 20%;
        }

        .lavelinfo_tb td:nth-child(2) span {
            display: block;
            padding: 10px;
            color: #ffffff;
            text-align: center;
        }

    .lavelinfo_tb .alert_Red {
        background-color: #e60012;
    }

    .lavelinfo_tb .alert_Yellow {
        background-color: #ff9800;
    }

    .lavelinfo_tb .alert_Blue {
        background-color: #00abd8;
    }

/*雨量 RWD 表頭在上 深藍色表頭*/
.table_Rainfall {
    width: 100%;
    margin: 10px auto;
    padding: 0px;
    margin-bottom: 20px;
}

    .table_Rainfall th a {
        display: block;
        width: 100%;
        height: 100%;
        color: #fff;
        padding-top: 2px;
        transition: all 0.5s;
    }

        .table_Rainfall th a:hover {
            background-color: #001a33;
        }

    .table_Rainfall .rwd-table tr td {
        text-align: center;
        border-bottom: 1px solid #d7dfe7;
    }

.fancybox_body .table_Rainfall table {
    border-radius: 0;
}

.table_Rainfall .title {
    background-color: #005bac;
    text-align: center;
    color: #fff;
    padding: 10px 0;
}
/*fancyBox彈跳出來的雨量表*/
@media (max-width: 1022px) {
    .fancybox_body .table_Rainfall .rwd-table td:last-child {
        border-bottom: 1px solid #d7dfe7;
    }
}
/*fancyBox彈跳出來的雨量表變手機板單雙行取消底線*/
@media (max-width: 748px) {
    .fancybox_body .table_Rainfall .rwd-table td:last-child {
        border-bottom: 0px solid #d7dfe7;
    }
}
/*rwd標頭*/
@media (max-width: 766px) {
    .table_Rainfall .rwd-table td:before {
        content: attr(data-th) " : ";
        font-weight: bold;
        width: 7em;
        display: table-cell;
        text-align: right;
        padding-right: 10px;
    }

    .table_Rainfall .rwd-table span, .table_Rainfall .rwd-table a {
        display: table-cell;
    }
}

@media (min-width: 767px) {
    .table_Rainfall .rwd-table td:before {
        display: none;
        color: #003567;
    }
}
/*土石流潛勢溪流統計明細表*/
.table_DervisInfo {
    width: 100%;
    margin: 10px auto;
    padding: 0px;
    margin-bottom: 20px;
}

    .table_DervisInfo .rwd-table tr td {
        text-align: center;
        border-bottom: 1px solid #d7dfe7;
    }

.fancybox_body .table_DervisInfo table {
    border-radius: 0;
}

.table_DervisInfo .title {
    background-color: #005bac;
    text-align: center;
    color: #fff;
    padding: 10px 0;
}

.table_DervisInfo .rwd-table tr td p {
    text-align: left;
}

.fancyBox_DebrisAlertValue .table_DervisInfo td.first-td {
    background-color: #fff;
}

    .fancyBox_DebrisAlertValue .table_DervisInfo td.first-td span {
        display: block;
        text-align: center;
    }

.fancyBox_DebrisAlertValue .table_DervisInfo .rwd-table tr td span, .table_DervisInfo .rwd-table tr th {
    font-size: 0.875em;
}

.fancyBox_DebrisAlertValue .table_DervisInfo .rwd-table tr td:nth-child(1) {
    width: 33%;
}

.fancyBox_DebrisAlertValue .table_DervisInfo .rwd-table tr td:nth-child(2) {
    width: 42%;
    text-align: center;
}

.fancyBox_DebrisAlertValue .table_DervisInfo .rwd-table tr td:nth-child(3) {
    width: 25%;
    text-align: center;
}

.fancyBox_DebrisAlertValue .table_DervisInfo .rwd-table tr td {
}
/*fancyBox彈跳出來的雨量表*/
@media (max-width: 1022px) {
    .fancybox_body .table_DervisInfo .rwd-table td:last-child {
        border-bottom: 1px solid #d7dfe7;
    }
}
/*fancyBox彈跳出來的雨量表變手機板單雙行取消底線*/
@media (max-width: 748px) {
    .fancybox_body .table_DervisInfo .rwd-table td:last-child {
        border-bottom: 0px solid #d7dfe7;
    }
}
/*rwd標頭*/
@media (max-width: 766px) {
    .table_DervisInfo .rwd-table td:before {
        content: attr(data-th) " : ";
        font-weight: bold;
        width: 7em;
        display: table-cell;
        text-align: right;
        padding-right: 10px;
    }

    .table_DervisInfo .rwd-table span, .table_DervisInfo .rwd-table a {
        display: table-cell;
    }
}

@media (min-width: 767px) {
    .table_DervisInfo .rwd-table td:before {
        display: none;
        color: #003567;
    }
}

@media (max-width: 699px) {
    .table_DervisInfo .rwd-table td.first-td:before {
        display: none;
    }

    .table_DervisInfo td.first-td {
        padding: 0;
    }

        .table_DervisInfo td.first-td span {
            padding: 1em 0;
            background-color: #003567;
            color: #fff;
        }

    .fancyBox_DebrisAlertValue .table_DervisInfo .rwd-table tr td:nth-child(1) {
        width: 100%;
    }

    .fancyBox_DebrisAlertValue .table_DervisInfo .rwd-table tr td:nth-child(2) {
        width: 100%;
    }

    .fancyBox_DebrisAlertValue .table_DervisInfo .rwd-table tr td:nth-child(3) {
        width: 100%;
    }
}

/*開課資訊 RWD 表頭在上 深藍色表頭*/
.table_CourseInfoDetail .title,
.table_CourseInfoSequence .title {
    background-color: #005bac;
    text-align: center;
    color: #fff;
    padding: 20px 10px;
}

.table_CourseInfoDetail,
.table_CourseInfoSequence {
    width: 100%;
    margin: 10px auto;
    padding: 0px;
    margin-bottom: 20px;
}

    .table_CourseInfoDetail .rwd-table tr td,
    .table_CourseInfoSequence .rwd-table tr td {
        text-align: center;
        border-bottom: 1px solid #d7dfe7;
    }

        .table_CourseInfoDetail .rwd-table tr td.alignLeft,
        .table_CourseInfoSequence .rwd-table tr td.alignLeft {
            text-align: left;
        }

.fancybox_body .table_CourseInfoDetail table,
.fancybox_body .table_CourseInfoSequence table {
    border-radius: 0;
}

/*fancyBox彈跳出來的雨量表*/
@media (max-width: 1022px) {
    .fancybox_body .table_CourseInfoDetail .rwd-table td:last-child,
    .fancybox_body .table_CourseInfoSequence .rwd-table td:last-child {
        border-bottom: 1px solid #d7dfe7;
    }
}
/*fancyBox彈跳出來的雨量表變手機板單雙行取消底線*/
@media (max-width: 748px) {
    .fancybox_body .table_CourseInfoDetail .rwd-table td:last-child,
    .fancybox_body .table_CourseInfoSequence .rwd-table td:last-child {
        border-bottom: 0px;
    }
}
/*rwd標頭*/
@media (max-width: 766px) {
    .table_CourseInfoDetail .rwd-table td:before,
    .table_CourseInfoSequence .rwd-table td:before {
        content: attr(data-th) " : ";
        font-weight: bold;
        width: 5.5em;
        display: table-cell;
        text-align: right;
        padding-right: 10px;
    }

    .table_CourseInfoDetail .rwd-table span, .table_CourseInfoDetail .rwd-table a,
    .table_CourseInfoSequence .rwd-table span, .table_CourseInfoDetail .rwd-table a {
        display: table-cell;
    }
}

@media (min-width: 767px) {
    .table_CourseInfoDetail .rwd-table td:before,
    .table_CourseInfoSequence .rwd-table td:before {
        display: none;
        color: #003567;
    }
}
/*講習課表*/
@media (min-width: 767px) {
    .table_CourseInfoSequence td:nth-child(1) {
        width: 25%;
    }

    .table_CourseInfoSequence td:nth-child(3) {
        width: 35%;
    }
}

/*線上課程*/
.WebCourseInfo .roundBox {
    padding-bottom: 20px;
}

@media (min-width: 767px) {
    .table_WebCourse table tr:last-child {
        border-bottom: 2px solid #d7dfe7;
    }

    .table_WebCourse table tr td:last-child {
        border-right: 2px solid #d7dfe7;
    }

    .table_WebCourse td:nth-child(1) {
        width: 30%;
    }
    /*.table_WebCourse td:nth-child(2){width: 30%;}*/
    .table_WebCourse td:nth-child(3) {
        width: 40%;
    }

    .table_WebCourse td:nth-child(4) {
        text-align: center;
    }
}

.table_WebCourse {
    margin-bottom: 0px;
}
/*年度培訓課程*/
.TrainingCourse .roundBox {
    padding-bottom: 20px;
}

.table_TrainingCourse table.rwd-table td {
    text-align: center;
}

@media (min-width: 767px) {
    .table_TrainingCourse table tr:last-child {
        border-bottom: 2px solid #d7dfe7;
    }

    .table_TrainingCourse table tr td:last-child {
        border-right: 2px solid #d7dfe7;
    }

    .table_TrainingCourse td:nth-child(1),
    .table_TrainingCourse td:nth-child(4),
    .table_TrainingCourse td:nth-child(5),
    .table_TrainingCourse td:nth-child(8) {
        width: 52px;
    }

    .table_TrainingCourse table.rwd-table td:nth-child(2) {
        width: 15%;
        text-align: left;
    }

    .table_TrainingCourse td:nth-child(3) {
        width: 23%;
    }

    .table_TrainingCourse td:nth-child(4) {
    }
}

.table_TrainingCourse {
    margin-bottom: 0px;
}

@media (max-width: 766px) {
    .table_topHead .rwd-table td:before {
        content: attr(data-th) " : ";
        font-weight: bold;
        width: 7em;
        display: table-cell;
        text-align: right;
    }

    .table_topHead .rwd-table td.nodatath:before {
        display: none;
    }
}
/*土石流防災教育宣導活動報名*/
.table_mudslidecourse {
    margin-bottom: 0;
}

    .table_mudslidecourse .rwd-table td {
        text-align: center;
    }
/*防災教育與訓練-防災教育創意教學成果*/
.table_Activities {
    margin-bottom: 0;
}

    .table_Activities .rwd-table td {
        text-align: center;
    }

@media (max-width: 766px) {
    .table_Activities .rwd-table td {
        text-align: left;
    }

        .table_Activities .rwd-table td:before {
            content: attr(data-th) " : ";
            font-weight: bold;
            width: 5em;
        }

        .table_Activities .rwd-table td.displayNone {
            display: none;
        }
}

@media (max-width: 320px) {
    .table_Activities .rwd-table td[data-th*="課程主題"] a {
        display: block;
        margin-bottom: 0.2em;
    }
}

@media (min-width: 767px) {
    .table_Activities .rwd-table td {
        background-color: #fff;
    }

        .table_Activities .rwd-table td[data-th*="課程主題"] {
            width: 23%;
        }

        .table_Activities .rwd-table td[data-th*="說明"] {
            width: 30%;
            text-align: left;
        }

        .table_Activities .rwd-table td[data-th*="主持人"] {
            width: 30%;
            text-align: left;
        }

    .table_Activities .rwd-table tr.odd td {
        background-color: #e5eaf0;
    }
}
/*fancy-Box防災教育與訓練-防災教育創意教學成果*/
.table_Activities_fancyBox {
    width: 100%;
    margin: 0px auto;
    padding: 0;
    margin-bottom: 100px;
}

    .table_Activities_fancyBox table {
        width: 100%;
    }

    .table_Activities_fancyBox .rwd-table th {
        border-bottom: 1px solid #dcdcdc;
        padding: 10px 0;
        text-align: center;
        background-color: #ffffff;
        color: #666;
    }

    .table_Activities_fancyBox .rwd-table td {
        padding: 15px;
        text-align: left;
        border: 0;
    }

        .table_Activities_fancyBox .rwd-table td:first-child,
        .table_Activities_fancyBox .rwd-table td:last-child {
            border: 0;
        }

    .table_Activities_fancyBox .rwd-table tr:last-child td {
        border-bottom: 0;
        text-align: left;
    }

    .table_Activities_fancyBox .rwd-table tr:nth-child(even) td {
        background-color: #f7f7f7;
    }

    .table_Activities_fancyBox .rwd-table tr:nth-child(odd) td {
        background-color: #fff;
    }

    .table_Activities_fancyBox .rwd-table th, .table_Activities_fancyBox .rwd-table td {
        margin: 1px;
        border-right: 0;
    }

@media (max-width: 766px) {
    .table_Activities_fancyBox .rwd-table tr:nth-child(odd) td {
        background-color: #fff;
        border-bottom: 0px solid #d7dfe7;
    }

        .table_Activities_fancyBox .rwd-table tr:nth-child(odd) td:last-child {
            border-bottom: 0;
        }
}

@media (min-width: 767px) {
    .table_Activities_fancyBox .rwd-table th, .table_Activities_fancyBox .rwd-table td {
        display: table-cell;
        padding: 20px 10px;
    }

        .table_Activities_fancyBox .rwd-table td:nth-child(1) {
            width: 70%;
        }
}


/*推動程序推動自主防災社區-推動程序*/
.table_Disastergroup .rwd-table tr th {
    background-color: #003567;
    color: #fff;
}

@media (min-width: 767px) {
    .table_Disastergroup .rwd-table td:nth-child(3) {
        width: 60%;
    }

    .table_Disastergroup {
        margin-bottom: 0;
    }
}

/*推動程序推動自主防災社區-防災整備*/
.table_community ul.number li {
    text-indent: -0.05em;
    padding-left: 0.2em;
    margin-bottom: 1em;
}

.table_community ul.number {
    margin-bottom: 0;
}

    .table_community ul.number li:last-child {
        margin-bottom: 0;
    }

@media (max-width: 766px) {
    .table_community .rwd-table td:before {
        width: 5em;
    }
}

/*推動程序推動自主防災社區-自主檢核表*/
.table_checklist {
    width: 100%;
    border: 1px solid #004280;
}

    .table_checklist thead {
        background-color: #003567;
        color: #fff;
        text-align: center;
        padding: 1em 0;
    }

        .table_checklist thead th {
            text-align: center;
            padding: 0.5em 0;
        }

    .table_checklist tbody tr td {
        border-bottom: 1px solid #d3e2ff;
        padding: 0.5em;
    }

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

    .table_checklist tbody tr td:nth-child(2),
    .table_checklist tbody tr td:nth-child(3) {
        width: 10%;
        text-align: center;
        border-left: 1px solid #d3e2ff;
    }

    .table_checklist tbody tr.tb_title td {
        background-color: #004280;
        color: #fff;
        border-left: 0;
    }

/*防災任務-災前整備-自主檢查*/
.table_StacticPrepare {
}

.chickTitle {
    background-color: #fff;
}

    .chickTitle span {
        display: block;
        text-indent: -1.1em;
        padding-left: 2em;
    }

.chickLine {
    display: block;
}

    .chickLine:after {
        content: "";
        display: inline-block;
        width: 100px;
        height: 30px;
        border-bottom: 1px solid #999;
    }

@media (max-width: 766px) {
    .table_StacticPrepare td span {
        display: block;
        text-indent: 0em;
        padding-left: 2em;
    }

    td.chickTitle span {
        display: block;
        text-indent: -1.1em;
        padding-left: 2em;
    }

    .table_StacticPrepare .rwd-table td:before {
        content: attr(data-th) "";
        font-weight: bold;
        width: 4em;
        display: table-cell;
        text-align: right;
    }
}

/*災前整備-疏散避難演練*/
.table_EvacuationDrills .rwd-table tr.odd td {
    background-color: #fff;
    margin: 0;
}

.table_EvacuationDrills .rwd-table tr.even td {
    background-color: #e5eaf0;
    margin: 0;
}

@media (min-width: 767px) {
    .table_EvacuationDrills .rwd-table td.NumberDisplayNone {
        width: 7%;
        text-align: center;
    }

    .table_EvacuationDrills .rwd-table td:last-child {
        width: 50%;
    }
}

@media (max-width: 766px) {
    .table_EvacuationDrills .rwd-table td:before {
        content: attr(data-th)"";
        font-weight: bold;
        width: 4.5em;
        padding-right: 5px;
        display: table-cell;
        text-align: right;
    }
}

/*災前整備-疏散避難演練-土石流災害通報表*/
.table_SchoolDrill .rwd-table td {
    /*vertical-align: top;*/
}

.bulletin {
    display: block;
    width: 100%;
    border-bottom: 1px dashed #999;
    margin-bottom: 10px;
}

    .bulletin > span {
        display: table-cell;
    }

        .bulletin > span:nth-child(1) {
            width: 150px;
            text-align: right;
            padding-right: 20px;
        }

.table_SchoolDrill .rwd-table td:nth-child(2) span > span:last-child {
    border: 0;
}

.table_SchoolDrill .rwd-table ul.number {
    margin-right: 0;
    padding-right: 0;
}

@media (min-width: 767px) {
    .table_SchoolDrill .rwd-table td:nth-child(2) {
        width: 40%;
    }
}

@media (max-width: 766px) {
    .table_SchoolDrill .rwd-table td:before {
        content: attr(data-th) "";
        font-weight: bold;
        width: 4em;
        display: table-cell;
        text-align: right;
    }

    .table_SchoolDrill .rwd-table td.noData-th:before {
        display: none;
    }

    .table_SchoolDrill .rwd-table td span {
        display: block;
        width: 100%;
    }

        .table_SchoolDrill .rwd-table td span > span.bulletin span:nth-child(1) {
            display: block;
            text-align: left;
            background-color: #e5eaf0;
            padding: 0 10px;
        }

        .table_SchoolDrill .rwd-table td span > span.bulletin span:nth-child(2) {
            padding: 0 10px;
        }

    .table_SchoolDrill .rwd-table td .bulletin > span:before {
        content: attr(data-th) "：";
        font-weight: bold;
        width: 100%;
        display: table-cell;
        text-align: left;
    }
}

/* 防災任務-災前整備-更新避散計畫 */
@media (min-width: 767px) {
    .table_Evacuation {
        padding: 0 200px;
    }

        .table_Evacuation .rwd-table td:first-child {
            text-align: center;
        }
}


/*防災策略-軟體、硬體、管理*/
.table_PreventionStrategy .rwd-table td[data-th*="評估因子"] {
    color: #f00;
}

@media (min-width: 767px) {
    .table_PreventionStrategy .rwd-table td[data-th*="主要定義"] {
        width: 25%;
    }

    .table_PreventionStrategy .rwd-table td[data-th*="評估因子"] {
        width: 14%;
        text-align: center;
    }

    .table_PreventionStrategy .rwd-table td[data-th*="配合措施"] {
        width: 30%;
    }
}

@media (max-width: 766px) {
    .table_PreventionStrategy .rwd-table td:before {
        content: attr(data-th) "：";
        font-weight: bold;
        width: 5em;
        display: table-cell;
        text-align: right;
    }
}

/*防災業務-相關規定*/

/*防救災體系-檔案下載-table_ProvisionDownload*/
.chagePage {
    padding: 0.5em 1em;
}

    .chagePage > div {
        padding: 0.5em 0;
    }

.table_ProvisionDownload .rwd-table th {
    background-color: #e5eaf0;
    border-right: 1px solid #e5eaf0;
    color: #01529f;
}

.table_ProvisionDownload .rwd-table .download a {
    display: inline-block;
}

@media (max-width: 766px) {
    .table_ProvisionDownload .rwd-table td.noBefore:before {
        display: none;
    }
}
/*防救災體系-table_Provision*/
.table_Provision .title {
    padding: 10px 0;
    text-align: center;
    background-color: #334973;
    color: #ffffff;
    letter-spacing: 4px;
}

.table_Provision .rwd-table td:nth-child(1) {
    width: 14%;
    text-align: left;
}

.table_Provision .rwd-table tr.ProvisionInfo td {
    background-color: #8a9daf;
    color: #ffffff;
    border-right: 1px solid #8a9daf;
    border-left: 1px solid #8a9daf;
}

.table_Provision .rwd-table tr.ProvisionInfo ul.number {
    color: #ffffff;
    padding: 0 10px 0 30px;
}

.table_Provision .rwd-table tr.ProvisionInfo td:nth-child(1) {
    border-right: 1px solid #fff;
}

.table_Provision .rwd-table tr.ProvisionInfo ul li {
    padding: 0.5em;
}

.table_Provision .rwd-table ul {
    width: 100%;
    padding: 0.5em 1em;
}

    .table_Provision .rwd-table ul > li {
        line-height: 1.5em;
        font-weight: 900;
        color: #272727;
    }

    .table_Provision .rwd-table ul ul {
        padding-left: 2.5em;
    }

        .table_Provision .rwd-table ul ul > li {
            border-bottom: 1px dashed #707070;
            padding: 1em 0 1em 0.2em;
            color: #4F4F4F;
            line-height: 1.5em;
            font-weight: 700;
        }

.table_Provision .rwd-table td.TB_title {
    background-color: #01529f;
    border-left: 0px;
    border-right: 1px solid #01529f;
    text-align: center;
}

.table_Provision .rwd-table td {
    border-bottom: 0;
    border-right: 1px solid #d7dfe7;
    padding: 14px 20px;
}

.table_Provision .rwd-table tr:last-child td {
    border-bottom: 1px solid #d7dfe7;
}

.cjk-ideographic {
    list-style-type: cjk-ideographic;
}

@media (max-width: 766px) {
    .table_Provision .rwd-table tr td:nth-child(1) {
        display: none;
    }

    .table_Provision .rwd-table tr td {
        margin: 0;
        padding: 14px 10px;
    }

    .table_Provision .rwd-table tr.ProvisionInfo td:before {
        display: none;
    }

    .table_Provision .rwd-table td:before {
        content: attr(data-th) " : ";
        width: 6em;
        display: table-cell;
        text-align: right;
    }

    .table_Provision .rwd-table ul ul {
        padding-left: 1.5em;
    }
}

/*相關規定-崩塌權責分工表-table_DisasterCollapse*/
.table_DisasterCollapse .title {
    padding: 10px 0;
    text-align: center;
    background-color: #334973;
    color: #ffffff;
    letter-spacing: 4px;
}

@media (min-width: 767px) {
    .table_DisasterCollapse .rwd-table td:nth-child(1) {
        width: 13%;
    }

    .table_DisasterCollapse .rwd-table td:nth-child(2) {
        width: 15%;
    }

    .table_DisasterCollapse .rwd-table td:nth-child(3) {
        width: 15%;
    }

    .table_DisasterCollapse .rwd-table td:nth-child(4) {
        width: 47%;
    }

    .table_DisasterCollapse .rwd-table td:nth-child(5) {
        width: 10%;
    }

    .table_DisasterCollapse .rwd-table td[data-th*="項目"] span {
        display: block;
        padding-left: 1em;
        text-indent: -0.6em;
    }

    .table_DisasterCollapse .rwd-table td.listName {
        background-color: #fff;
        color: #334973;
    }
}

@media (max-width: 766px) {
    .table_DisasterCollapse .rwd-table td.displayNone {
        display: none;
    }

    .table_DisasterCollapse .rwd-table tr td:last-child {
        border-bottom: 0;
    }

    .table_DisasterCollapse .rwd-table td:before {
        content: attr(data-th) " : ";
        width: 4em;
        display: table-cell;
        text-align: right;
    }

    .table_DisasterCollapse .rwd-table tr td.listName {
        background-color: #005bac;
        color: #fff;
    }

        .table_DisasterCollapse .rwd-table tr td.listName span {
            display: block;
            text-align: center;
        }

    .table_DisasterCollapse .rwd-table td.listName:before {
        display: none;
    }
}

/*宣傳品申請*/
@media (min-width: 767px) {
    .table_applicationList .rwd-table td span {
        display: block;
        font-size: 1em;
        text-align: center;
    }

    .table_applicationList .rwd-table td[data-th*="項次"] {
        width: 7%;
    }

    .table_applicationList .rwd-table td[data-th*="學校"] {
        width: 19%;
    }

    .table_applicationList .rwd-table td[data-th*="姓名"] {
        width: 11%;
    }

    .table_applicationList .rwd-table td[data-th*="申請數量"] {
        width: 7%;
    }

    .table_applicationList .rwd-table td[data-th*="推廣對象"] {
        width: 11%;
    }

    .table_applicationList .rwd-table td[data-th*="教學用途"] {
        width: 11%;
    }

    .table_applicationList .rwd-table td[data-th*="處理狀態"],
    .table_applicationList .rwd-table td[data-th*="申請時間"],
    .table_applicationList .rwd-table td[data-th*="寄送時間"] {
        width: 7%;
    }

        .table_applicationList .rwd-table td[data-th*="處理狀態"] span,
        .table_applicationList .rwd-table td[data-th*="申請時間"] span,
        .table_applicationList .rwd-table td[data-th*="寄送時間"] span {
            font-size: 12px;
        }
}

/*雨量顏色表*/
#tbQPFcolor {
    width: 100%;
}

    #tbQPFcolor th {
        width: 100%;
        padding: 10px 0;
        background-color: #012e59;
        color: #fff;
        text-align: center;
    }

    #tbQPFcolor td[data-td="300mm"] {
        background-color: #FECDFC;
    }

    #tbQPFcolor td[data-td="200mm"] {
        background-color: #FF00FA;
    }

    #tbQPFcolor td[data-td="150mm"] {
        background-color: #CB00C9;
    }

    #tbQPFcolor td[data-td="130mm"] {
        background-color: #900500;
    }

    #tbQPFcolor td[data-td="110mm"] {
        background-color: #9A0000;
    }

    #tbQPFcolor td[data-td="90mm"] {
        background-color: #CD0000;
    }

    #tbQPFcolor td[data-td="70mm"] {
        background-color: #FA0400;
    }

    #tbQPFcolor td[data-td="50mm"] {
        background-color: #FE9900;
    }

    #tbQPFcolor td[data-td="40mm"] {
        background-color: #FFCB00;
    }

    #tbQPFcolor td[data-td="30mm"] {
        background-color: #FFFF00;
    }

    #tbQPFcolor td[data-td="20mm"] {
        background-color: #35FF00;
    }

    #tbQPFcolor td[data-td="15mm"] {
        background-color: #339800;
    }

    #tbQPFcolor td[data-td="10mm"] {
        background-color: #0067FF;
    }

    #tbQPFcolor td[data-td="5mm"] {
        background-color: #009BF8;
    }

    #tbQPFcolor td[data-td="2mm"] {
        background-color: #00CFFF;
    }

    #tbQPFcolor td[data-td="1mm"] {
        background-color: #A1FDFC;
    }

    #tbQPFcolor td[data-td="05mm"] {
        background-color: #C5BEC5;
    }

    #tbQPFcolor td[data-td="clearColor"] {
        background-color: #FFFFFF;
        text-shadow: none;
    }

#trQPFcontext td {
    cursor: pointer;
    color: #fff;
    padding: 5px 8px;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0,0,0,1);
}

    #trQPFcontext td:last-child {
        color: #000;
    }

#tbQPFcolor tbody tr td {
    width: 5%;
}

@media (max-width: 1024px) {
    #tbQPFcolor tbody tr td {
        display: inline-block;
        width: 20%;
    }

        #tbQPFcolor tbody tr td span {
            display: block;
            font-size: 12px;
            line-height: 12px;
            text-align: center;
        }
}

/*自主防災2.0介紹*/
.roundBox .table_topHead .rwd-table td p {
    padding: 0 0 0 0;
}

.roundBox .table_topHead .rwd-table td[data-th="風險等級"] {
    text-align: center;
}

.roundBox .table_noRwd td {
    text-align: center;
}

    .roundBox .table_noRwd td[data-td="保全人數"] {
        width: 20%;
    }

@media (min-width: 769px) {
    .roundBox .table_topHead .rwd-table td[data-th="風險等級"] {
        width: 20%;
        text-align: center;
    }
}

.crimson, .table_noRwd .crimson {
    background-color: #dc143c;
    color: #fff;
}

.gold, .table_noRwd .gold {
    background-color: #ffd700;
}

.seagreen, .table_noRwd .seagreen {
    background-color: #2e8b57;
    color: #fff;
}

.roundBox .table_noRwd {
    margin: 20px 0px;
}

@media (max-width: 768px) {
    .roundBox .table_noRwd {
        margin: 20px 0px;
    }

    .table_noRwd {
        margin: 20px 0px;
    }
}



/*fancyBox*/
.alignLeft, .alignLeft td, .alignLeft td span {
    text-align: left;
}

.alignCenter, .alignCenter td, .alignCenter td span {
    text-align: center;
}

@media (min-width: 700px) {
    .fancybox_body .table_topHead .rwd-table th, .fancybox_body .table_topHead .rwd-table td {
        display: table-cell;
        padding: 10px 10px;
    }

        .fancybox_body .table_topHead .rwd-table td:before {
            display: none;
        }
}

.fancybox_body .table_download {
    margin-bottom: 0;
}

/*首頁報名表*/
.table_AnnualCourse {
}

.roundBox .table_noRwd td[data-td="保全人數"] {
    width: 20%;
}

@media (min-width: 767px) {
    .table_AnnualCourse .rwd-table td[data-th="課程名稱"] {
        width: 20%;
    }

    .table_AnnualCourse .rwd-table td[data-th="日期/地點"] {
        width: 20%;
    }

    .table_AnnualCourse .rwd-table td[data-th="開放報名"] {
        width: 30%;
    }

    .table_AnnualCourse .rwd-table td[data-th="狀態"] {
        width: 8%;
        text-align: center;
    }
}

@media (max-width: 766px) {
    .table_AnnualCourse .rwd-table td:before {
        content: attr(data-th) " ";
        font-weight: bold;
        width: 5em;
        display: table-cell;
        text-align: right;
        padding-right: 4px;
    }
}

/*土石流生存遊戲*/
@media (min-width: 767px) {
    .table_ALandslideInfo .rwd-table td[data-th="卡牌類別"] {
        width: 15%;
        text-align: center;
    }

    .table_ALandslideInfo .rwd-table td[data-th="境況"] {
        width: 25%;
        text-align: center;
    }

    .table_ALandslideInfo .rwd-table td[data-th="張數"] {
        width: 10%;
        text-align: center;
    }

    .table_ALandslideInfo .rwd-table td[data-th="專有名詞"] {
        width: 30%;
    }
}

/*土石流潛勢溪流各區段之適用工法*/

.DebrisDisaster .rwd-table td.title:before {
    content: attr(data-th) " : ";
    display: none;
}

.DebrisDisaster .rwd-table td.title span {
    display: block;
    width: 100%;
    text-align: center;
}

.DebrisDisaster tr:nth-child(2) th {
    width: 20%;
}

.DebrisDisaster tr:nth-child(1) th:nth-child(2) {
    border-right: 1px solid #d7dfe7;
}

.DebrisDisaster .rwd-table .title {
}


/*footable*/
table {
    border-collapse: collapse;
    width: 100%;
    word-wrap: break-word;
    word-break: break-all;
    text-align: justify;
    font-size: 1.6rem;
    border: 0;
}

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

.tableBox {
    padding: 0;
    border: 1px solid #d7dfe7;
}

.footable {
}

.tableBox .title {
    padding: 10px;
    text-align: center;
    background-color: #003567;
    color: #ffffff;
    font-size: 2rem;
}

.footable th,
.footable td {
    /* font-size: 1.6rem; */
}

.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;
    text-align: left;
    padding: 14px 10px;
    font-weight: 900;
    /* font-size: 1.4rem; */
    background-color: #004280;
    color: #ffffff;
}

.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%;
    }
}


/*地圖雙欄表格-RWD*/
@media (max-width: 576px) {
    .doubleCol-rwd td {
        display: block;
    }
}