/** {
    font-family: 'Noto Sans TC',
        sans-serif;
}*/



/*首長簡介 Start 舊版*/

/* 人物資訊欄 */
/*.principal {
    font-size: 1rem;
    width: 100%;
    color: #333;
    padding: 10px 0 0 0;
}

#ContentPlaceHolder1_Img {
    width: 100%;
    box-shadow: 3px 3px 12px gray;
}*/

/* 欄位上下框線 */
/*.principal .borderLine {
    border-top: #cccccc solid 2px;
    border-bottom: #cccccc solid 2px;

}*/

/* 欄位框線 */
/*.principal .borderthin {

    border-bottom: #cccccc dotted 1px;

}*/

/* 公司名稱 */
/*.principal .company {
    display: block;
    color: #001f58;
    font-weight: bold;
    line-height: 1.7;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 7px;
    font-size: 1.2rem;
}*/

/* 職稱 */
/*.principal .caption {
    text-align: left;
    padding: 0 0 3px 0;
    font-weight: bold;
    color: #001f58;
    line-height: 1.7;
    font-size: 1.1rem;
}


@media (min-width: 576px){

    .principal .company {
        font-size: 1.5rem;
        margin-top: 1rem;
    }
    
    .principal .caption {  
        font-size: 1.4rem;
    }
}

@media (min-width: 768px){

    .principal .company {
        font-size: 1.7rem;
    }
    
    .principal .caption {  
        font-size: 1.4rem;
    }
}
@media (min-width: 992px){
    .principal .company {
        font-size: 1.8rem;
    }
    
    .principal .caption {
        font-size: 1.4rem;
    }
}
@media (min-width: 1200px){
    .principal .company {
        font-size: 2rem;
    }
    .principal .caption {
        font-size: 1.5rem;
    }
   
}*/

/*首長簡介 End*/



/*首長簡介 Start 20240104 CHI給的新版*/

/* 人物資訊欄 */
.principal {
    font-size: 1.5rem;
    width: 100%;
    color: #333;
    padding: 10px 0 0 0;
    line-height: 2.5rem;
}

    /* 欄位上下框線 */
    .principal .borderLine {
        border-top: #cccccc solid 1px;
        border-bottom: #cccccc solid 1px;
    }

    /* 公司名稱 */
    .principal .company {
        display: block;
        color: #001f58;
        font-weight: bold;
        line-height: 1.7;
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 7px;
        font-size: 1.5rem;
    }

    /* 職稱 */
    .principal .caption {
        text-align: left;
        padding: 0 0 3px 0;
        font-weight: bold;
        color: #001f58;
        line-height: 3.7rem;
        font-size: 1.4rem;
    }

/* 組織遞嬗 */
.Hrow {
    font-size: 1rem;
}

#hisSwitchOrder {
    font-size: 1rem;
}
/* 大事紀要 */
#UP_Mome {
    font-size: 1rem;
}

@media (min-width: 1200px) {
    .principal .company {
        font-size: 2.5rem;
    }

    .principal .caption {
        font-size: 2rem;
    }
}

/*首長簡介 End*/




/*歷任部長 Start*/

/* @font-face { */
/* font-family: 'Oxygen-Regular'; */
/* src: url(../fonts/Oxygen-Regular.ttf) format("truetype"); */
/* } */

/* @font-face { */
/* font-family: 'Scada-Bold'; */
/* src: url(../fonts/Scada-Bold.ttf) format("truetype"); */
/* } */

/* @font-face { */
/* font-family: '華康圓緣體W2'; */
/* src: url(../font/華康圓緣體W2.ttf); */
/* } */

/* @font-face { */
/* font-family: 'wt034'; */
/* src: url(../font/wt034.ttf); */
/* } */


.thisPages > * {
    font-family: 'Noto Sans TC', sans-serif;
}

.thisPages > * {
    font-size: 1rem;
}

.thisPages a,
.thisPages p,
.thisPages span,
.thisPages li,
.thisPages input {
    font-family: Arial, 微軟正黑體, "Microsoft JhengHei", sans-seri;
    font-size: 1rem;
    line-height: 1.5rem;
}


/* 標題 */
.thisPages .thisPagesTitle {
    color: #153162;
    font-size: 1.5rem;
    font-weight: 400;
    position: relative;
    margin-bottom: 1rem;
    margin-left: 0.5rem;
    padding: 1rem;
}


    .thisPages .thisPagesTitle:before {
        content: '';
        position: absolute;
        left: 0px;
        top: 1.2rem;
        width: 0.5rem;
        height: 54%;
        background-color: #153162;
        display: inline-block;
    }

/* 人物資訊-照片 */
.ministerwrap img {
    max-height: 151px;
    width: auto;
    margin-bottom: 8px;
}

.ministerwrap .column-block {
    text-align: center;
}

.ministerwrap p {
    text-align: center;
    font-size: 1rem;
    line-height: 27px;
    margin-bottom: 8px;
}


.thisPages .column-block {
    margin-bottom: 1.875rem;
}

.thisPages .column-block > :last-child {
    margin-bottom: 0;
}

.thisPages .row {
    max-width: 62.5rem;
    margin-right: auto;
    margin-left: auto;
}


    .thisPages .row.collapse > .column,
    .thisPages .row.collapse > .columns {
        padding-right: 0;
        padding-left: 0;
    }

    .thisPages .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem;
    }

        .thisPages .row .row.collapse {
            margin-right: 0;
            margin-left: 0;
        }

    .thisPages .row.expanded {
        max-width: none;
    }

        .thisPages .row.expanded .row {
            margin-right: auto;
            margin-left: auto;
        }

    .thisPages .row:not(.expanded) .row {
        max-width: none;
    }

.thisPages .column,
.thisPages .columns {
    width: 100%;
    float: left;
    padding-right: .9375rem;
    padding-left: .9375rem;
}

    .thisPages .column:last-child:not(:first-child),
    .columns:last-child:not(:first-child) {
        float: right;
    }

    .thisPages .column.end:last-child:last-child,
    .thisPages .end.columns:last-child:last-child {
        float: left;
    }

.thisPages .column.row.row,
.thisPages .row.row.columns {
    float: none;
}

.thisPages .row .column.row.row,
.thisPages .row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}


.small-up-2 > .column,
.small-up-2 > .columns {
    float: left;
    width: 50%;
}

    .small-up-2 > .column:nth-of-type(1n),
    .small-up-2 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .small-up-2 > .column:nth-of-type(2n+1),
    .small-up-2 > .columns:nth-of-type(2n+1) {
        clear: both;
    }

    .small-up-2 > .column:last-child,
    .small-up-2 > .columns:last-child {
        float: left;
    }





@media print, screen and (min-width: 40em) {
    .thisPages .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem;
    }


    .medium-up-3 > .column,
    .medium-up-3 > .columns {
        float: left;
        width: 33.33333%;
    }

        .medium-up-3 > .column:nth-of-type(1n),
        .medium-up-3 > .columns:nth-of-type(1n) {
            clear: none;
        }

        .medium-up-3 > .column:nth-of-type(3n+1),
        .medium-up-3 > .columns:nth-of-type(3n+1) {
            clear: both;
        }

        .medium-up-3 > .column:last-child,
        .medium-up-3 > .columns:last-child {
            float: left;
        }
}

@media print, screen and (min-width: 64em) {
    .thisPages .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem;
    }

    .large-up-5 > .column,
    .large-up-5 > .columns {
        float: left;
       /* width: 21%;*/
    }

        .large-up-5 > .column:nth-of-type(1n),
        .large-up-5 > .columns:nth-of-type(1n) {
            clear: none;
        }

        /* 所有.large-up-5>.columns下的元素，每1、6、11... 依序選取到的元素，使用這些css，禁止浮動到上層左右邊 */
        /* .large-up-5>.column:nth-of-type(5n+1),
    .large-up-5>.columns:nth-of-type(5n+1) {
        clear: both;
    } */

        .large-up-5 > .column:last-child,
        .large-up-5 > .columns:last-child {
            float: left;
        }
}

@media screen and (max-width: 360px) {
    .small-up-2 > .column {
        float: left;
        width: 100%;
    }
}


@media (min-width: 1000px) {
    .mobile {
        display: none;
    }
}

/*歷任部長 End*/