@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&family=Noto+Serif+TC:wght@400;500;700;900&family=Roboto:wght@100;500&display=swap");

.s1 {
    margin-top: 70px;
    margin-bottom: 133px
}

    .s1 .editor_box > div:nth-child(3) {
        overflow-x: auto;
    }

        .s1 .editor_box > div:nth-child(3) > div {
            min-width: 551px;
        }

    .s1 .editor_box > div:nth-child(4) {
        overflow-x: auto;
    }

        .s1 .editor_box > div:nth-child(4) > div {
            min-width: 551px;
        }

    .s1 .editor_box > div:nth-child(5) {
        overflow-x: auto;
    }

        .s1 .editor_box > div:nth-child(5) > div {
            min-width: 551px;
        }
        

.d-flex {
    display: flex;
}

.s1 .tags {
    margin-bottom: 50px
}

    .s1 .tags.green .tag:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .s1 .tags.green .tag {
        background-color: rgba(106,215,142,0.8)
    }

    .s1 .tags.green .f18 {
        color: #09451d
    }

    .s1 .tags.red .tag:nth-child(2) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .s1 .tags.red .tag {
        background-color: rgba(244,190,154,0.8)
    }

    .s1 .tags.red .f18 {
        color: #ff2626
    }

    .s1 .tags.blue .tag:nth-child(3) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .s1 .tags.blue .tag {
        background-color: rgba(167,200,244,0.8)
    }

    .s1 .tags.blue .f18 {
        color: #123768
    }

.s1 .tag {
    border-radius: 0 15px 15px 0;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 17px 20px;
    margin-bottom: 23px;
    height: 68px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 198px
}

    .s1 .tag img {
        margin-right: 20px;
        width: 44px
    }

table td {
    /*border: 2px solid white;*/
    padding: 1%;
}

table tr:first-child, table tr:nth-child(2) td:first-child {
    background-color: #5B9BD5;
    color: white;
}

table > tbody > tr:nth-child(3) > td:first-child, table > tbody > tr:nth-child(4) > td:first-child, table > tbody > tr:nth-child(5) > td:first-child, table > tbody > tr:nth-child(6) > td:first-child {
    background-color: #B3EBFF;
}
table tr:nth-child(3) td:nth-child(2), table tr:nth-child(4) td:nth-child(2), table tr:nth-child(5) td:nth-child(2), table tr:nth-child(6) td:nth-child(2) {
    background-color: #FBE5D6;
}
table tr:nth-child(3) td:nth-child(3), table tr:nth-child(4) td:nth-child(3), table tr:nth-child(5) td:nth-child(3), table tr:nth-child(6) td:nth-child(3) {
    background-color: #E2F0D9;
}
.s1 .f36 {
    color: #1a3c76;
    font-family: "Noto Serif TC",serif;
    font-weight: 700;
    position: relative
}

    .s1 .f36:after {
        content: "";
        width: 100%;
        height: 5px;
        background-color: #ffd800;
        border-radius: 10px;
        display: block;
        position: absolute;
        bottom: -15px
    }

.s1 .content {
    margin-top: 90px
}

    .s1 .content .editor_Content {
        margin-bottom: 126px
    }

    .s1 .content .imgwrap {
        text-align: center;
        margin-bottom: 20px
    }

.s1 .pc_mo {
    display: flex;
    justify-content: center;
    color: black;
}

.s1 .fontweight {
    font-weight: bolder;
}

.s1 .txt {
    display: flex;
}

    .s1 .txt span:first-child {
        margin-right: 5px;
    }

.s1 .dis-flex {
    display: flex;
    justify-content: space-between;
}

    .s1 .dis-flex img {
        height: 100% !important;
    }

.dis-flex {
    display: flex;
    justify-content: space-between;
}

.s1 .maintable td {
    padding: 3% 1%;
}

.s1 .maintable tr:first-child td:first-child {
    background-color: #2196d3;
    color: white;
    font-weight: 600;
}
.s1 .maintable tr:nth-child(2) >td:first-child {
    background-color: #00B0F0;
    color: black;
    font-weight: 600;
}
.s1 .maintable tr:nth-child(2) >td:nth-child(2) {
    background-color: #F4B183;
    color: black;
    font-weight: 600;
}
.s1 .maintable tr:nth-child(2) > td:nth-child(3) {
    background-color: #A9D18E;
    color: black;
    font-weight: 600;
}
.s1 .maintable tr:nth-child(2) >td:last-child {
    background-color: #A9D18E;
    color: black;
    font-weight: 600;
}


.s1 .maintable tr:first-child td:nth-child(2) {
    background-color: #F4DAE9;
    color: black;
    font-weight: 600;
}

/*.s1 .maintable tr:not(:nth-of-type(1)) td:nth-child(2) {
    background-color: #FAF5F6;
}*/

.s1 .text-black {
    color: black !important;
}

.s1 .maintable .bluetext {
    color: #2F5597;
}

.s1 .maintable tr:first-child td:nth-child(3) {
    background-color: #DBE6D9;
    color: black;
    font-weight: 600;
}
/*
.s1 .maintable tr:not(:nth-of-type(1)) td:nth-child(3) {
    background-color: #F4F8F6;
}*/

.margin-auto {
    margin: auto;
}

.s1 img {
    margin-top: 30px;
}

.h-443 {
    height: 443px;
    margin-bottom: 30px;
}

.marginLR-41 {
    margin: 0 41px;
}

.border {
    border: 1px solid #DEEBF7;
    padding: 10px;
}

.width30 {
    width: 34%;
}

.fontsize18 {
    font-size: 18px;
}
.width100>img{
   margin-top:0;
}

.margin-b40 {
    margin-bottom: 40px;
}
.Education6 table > tbody > tr:first-child > td,
.Education6 table > tbody > tr:nth-child(2) > td:first-child,
.Education6 table > tbody > tr:last-child > td:first-child {
    background-color: #5B9BD5;
    color: white;
}
.Education6 table > tbody > tr:nth-child(2) > td:not(:first-child),
.Education6 table > tbody > tr:nth-child(4) > td,
.Education6 table > tbody > tr:nth-child(6) > td {
    background-color: #D2DEEF;
}
.Education6 table > tbody > tr:nth-child(3) > td,
.Education6 table > tbody > tr:nth-child(5) > td {
    background-color: #EAEFF7;
}
    @media(max-width:1334px) {
        .s1 .schooltable {
            width: 100% !important;
        }
    }

    @media (max-width:991px) {
        .s1 .flex-column {
            flex-direction: column;
        }

            .s1 .flex-column > div {
                width: 100% !important;
            }

        .s1 .Scholarship6 {
            flex-direction: column;
        }

            .s1 .Scholarship6 div {
                width: 100% !important;
            }
    }

    @media (max-width:767px) {
        .s1 {
            margin-top: 56px;
            margin-bottom: 66px
        }

            .s1 .content {
                margin-top: 45px
            }

                .s1 .content .editor_Content {
                    margin-bottom: 63px
                }


            .s1 .pc_mo .imgwrap img:not(:last-child) {
                margin-bottom: 20px
            }

            .s1 .residents4 {
                flex-direction: column;
                min-width: 413px;
            }

                .s1 .residents4 div {
                    width: 100% !important;
                }

        .h-73 {
            height: 73%;
            margin-bottom: 20px;
        }

        .margin-bottom {
            margin-bottom: 20px;
        }

        .s1 .dis-flex {
            display: block;
        }

        .width30 {
            width: auto;
        }

        .s1 .width100 {
            width: 100% !important;
        }

        .s1 .overflow {
            overflow-x: auto;
        }
    }

    @media (max-width:1340px) {
        .h-73 {
            height: 73%;
        }
    }


.Detail4 > .container > .content > .editor_Content > .editor_box> .pc_mo:nth-child(3)> div {
    min-width: 0 !important;
}