@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
}
.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
        }

    .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;
}
.whitenowrap{
    white-space:nowrap;
}

.s1 .maintable td {
    padding: 4.5% 1%;
}
.s1 .maintable tr:first-child td:first-child {
    background-color: #2196d3;
    color: white;
    font-weight: 600;
}
.s1 .maintable tr:not(:nth-of-type(1)) td:first-child {
    background-color: #B3EBFF;
}
.s1 .maintable tr:nth-child(2) td:first-child {
    background-color: #00B0F0;
    color: black;
    font-weight: 600;
}
.s1 .maintable tr:not(:nth-of-type(1)) td:nth-child(2) {
    background-color: #FBE5D6;
}
.s1 .maintable tr:nth-child(2) td:nth-child(2) {
    background-color: #F4B183;
    color: black;
    font-weight: 600;
}

.s1 .text-black{
    color:black !important;
}
.s1 .maintable .bluetext {
    color: #2F5597;
}
.s1 .maintable tr:not(:nth-of-type(1)) td:nth-child(3) {
    background-color: #E2F0D9;
}
.s1 .maintable tr:nth-child(2) td:nth-child(3) {
    background-color: #A9D18E;
    color: black;
    font-weight: 600;
}

.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%;
}
.img100{
    width:100%;
}
.fontsize18{
    font-size:18px;
}

.margin-b40{
    margin-bottom:40px;
}

@media (max-width:767px) {
    .s1 {
        margin-top: 56px;
        margin-bottom: 66px
    }
        .s1 .flex-column {
            flex-direction: column;
        }
        .s1 .flex-column>div {
            width:100% !important;
        }
        .s1 .width70 {
            width: 70% !important;
        }
        .s1 .maintable {
            width: 100% !important;
        }
        .s1 .overflow{
            overflow-x:auto;
        }
        .s1 .width100 {
            width: 100% !important;
        }
        .s1 .content {
            margin-top: 45px
        }

            .s1 .content .editor_Content {
                margin-bottom: 63px
            }
            .s1 .content .editor_Content>div:nth-child(6)>div:nth-child(2){
                width:100%!important;
                /*min-width:430px;*/
            }


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

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

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

   .s1  .dis-flex{
        display:block;
    }
   .width30{
       width:auto;
   }

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

}