@charset "utf-8";

/* ==================================================
CD:17-11-2011
UD:17-11-2011
====================================================
Editor:1.Recca
2.
3.
====================================================
Content:1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
=================================================== */

body {
    color: #212529;
    font-family: "新細明體";
    font-size: 12pt;
    line-height: 16pt;
}
.hidden-for-searchText {
    color: rgb(200, 220, 20);
}

#header a,
#footer a {
    color: #fff;
    font-size: 10pt;
}

#content #left a,
.white {
    color: #fff;
    font-size: 10pt;
}

#footer {
    color: #fff;
    font-size: 12pt;
    line-height: 13pt;
}

#header a:hover {
    color: #FECFB4;
}

#content #left a {
    font-size: 12pt;
    line-height: 13pt;
}

#content #left a:hover {
    color: #FECFB4;
}

#content #right #breadcrumb,
#content #right #breadcrumb a {
    color: #004757;
    font-size: 8pt;
}

#content #right #breadcrumb .bread2 {
    color: #8B3502;
    font-size: 8pt;
}

#content #right h1 {
    color: #004757;
    font-size: 12pt;
}

#content #more,
#more a {
    color: #732D02;
    font-size: 12pt;
}

#content #right h2 {
    color: #004757;
    font-size: 12pt;
}

.brown_txt {
    color: #8A3502;
    font-size: 12pt;
}

#content #right h3 {
    color: #8A3502;
    font-size: 12pt;
    font-weight: normal;
}

#more a {
    font-size: 8pt;
}

#more a:hover {
    color: #732D02;
}

#footer,
#footer a {
    font-size: 9pt;
}

.chairname {
    line-height: 13pt;
    font-size: 12pt;
    margin-bottom: 0px;
    color: #FFFFFF;
}

#chair {
    position: absolute;
    top: 180px;
    padding-left: 152px;
    *padding-left: 0px;
    _padding-left: 0px;
}

.darkblue {
    margin-top: 0px;
    color: #004757;
    font-size: 12pt;
    line-height: 14pt;
    text-align: justify;
    margin-bottom: 0px;
}

.rightp {
    color: #8A3502;
    font-size: 8pt;
    float: right;
}

.rightp a {
    color: #8A3502;
}

.rightp a:hover {
    color: #004757;
}

#footer a:hover {
    color: #FECFB4;
    margin-top: 0px;
}

.toc {
    font-size: 8pt;
    font-weight: bolder;
    line-height: 10pt;
}

#content #right #lastnews h2 {
    color: #036;
    font-size: 14pt;
}

#content #right #lastnews .news a {
    color: #333;
}

#content #right #lastnews .news a:hover {
    color: #0291AF;
}

.date {
    color: #8A3502;
}

.news {
    color: #333;
    font-size: 9pt;
    line-height: 9pt;
}

#content #right #lastnews .news strong {
    line-height: 14pt;
}

#header #tools {
    width: auto;
}

#header #tools .searchtxt {
    margin-top: -2px;
    margin-top: 3px\9;
    *margin-top: 0px;
}

#header #tools #search {
    font-size: 8pt;
    line-height: 9pt;
}

.link {
    color: #004757;
    font-size: 12pt;
    line-height: 14pt;
    text-decoration: none;
}

.link:hover {
    color: #8A3502;
}

.pic {
    border: #CCCCCC solid 1px;
}

.schemetxt {
    margin: 10px;
}

#content #right #lastnews ul {
    padding: 10px 7px 5px 12px;
}

#content #right #lastnews ul li {
    margin: 1em 0 0;
}

.mandatory {
    color: #E01110;
}

@media screen and (max-width: 991px) {
    body {
        color: #212529;
        font-family: "新細明體";
        --main-fontsize: 1rem;
        --sub-fontsize: .7rem;
        --main-lineheight: 1.5rem;
        --sub-lineheight: 1.2rem;
        font-size: 1rem;
        line-height: 1.5rem;
        line-height: var(--main-lineheight);
        font-size: var(--main-fontsize);
        line-height: var(--main-lineheight);
    }

    /* #upper_mmenu li.fontsize #font2m {
        margin-bottom: .15rem;
    }
    #upper_mmenu li.fontsize #font3m {
        margin-bottom: .4rem;
    } */
    #header a,
    #footer,
    #footer a,
    #content #left a,
    .white {
        color: #fff;
    }
    #header a,
    #content #left a,
    .white,
    #content #more,
    #more a,
    .brown_txt,
    .chairname,
    .darkblue,
    .link,
    #content #right #youtube .promotion-video,
    #content #right #ind_chairman .darkblue,
    .chairname,
    th,
    input,
    textarea {
        font-size: 1rem;
        line-height: 1.5rem;
        font-size: var(--main-fontsize);
        line-height: var(--main-lineheight);
    }
    #content #right #breadcrumb,
    #content #right #breadcrumb a {
        color: #004757;
    }
    #content #right #breadcrumb .bread2 {
        color: #8B3502;
    }
    #content #right #breadcrumb,
    #content #right #breadcrumb a,
    #content #right #breadcrumb .bread2,
    #more a,
    #footer,
    #footer p,
    #footer a,
    .rightp,
    .toc,
    .news,
    #header #tools #search {
        font-size: .8rem;
        line-height: 1.6rem;
        font-size: var(--sub-fontsize);
        line-height: var(--sub-lineheight);
    }
    .news {
        color: #333;
    }
    #content #right h1 {
        font-size: 2.5rem;
        line-height: 3rem;
    }
    #content #right h2 {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    #content #right #lastnews h2 {
        /* font-size: 14pt; */
        font-size: 2rem;
        line-height: 2.5rem;
    }
    #content #right h3 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    h1::before {
        height: 2.5rem;
    }
    #content #right h1 {
        margin-top: 2rem;
    }
    /* _l only */
    #footer {
        height: auto;
    }
    #footer div.none_m {
        display: none;
    }
    #root {
        overflow-x: hidden;
    }
    #content #right .slider-container {
        margin: 0rem 1rem 0 1rem;
    }
    #content #right #youtube .promotion-video {
        height: auto;
    }
    /* #footer div {
display: inherit;
} */
    #mmenu_main {
        font-size: 2.5rem;
        line-height: 3rem;
        /* font-size: var(--main-fontsize_m);
    line-height: var(--main-lineheight_m); */
    }
    #searchTextm {
        font-size: 3rem;
        line-height: 3rem;
    }
    @media only screen and (hover: none) and (pointer: coarse) {
        /* mobile only */
        body {
            --main-fontsize_m: 2.5rem;
            --main-lineheight_m: 2.5rem;
            --sub-fontsize_m: 1.5rem;
            --sub-lineheight_m: 2rem;
            font-size: 2rem;
            line-height: 2.5rem;
            font-size: var(--main-fontsize_m);
            line-height: var(--main-lineheight_m);
        }
        #header a,
        #content #left a,
        .white,
        #content #more,
        #more a,
        .brown_txt,
        .chairname,
        .darkblue,
        .link,
        #content #right #youtube .promotion-video,
        #content #right #ind_chairman .darkblue,
        .chairname,
        th,
        input,
        textarea {
            font-size: 2rem;
            line-height: 2.5rem;
            font-size: var(--main-fontsize_m);
            line-height: var(--main-lineheight_m);
        }
        #content #right #breadcrumb,
        #content #right #breadcrumb a,
        #content #right #breadcrumb .bread2,
        #more a,
        #footer,
        #footer p,
        #footer a,
        .rightp,
        .toc,
        .news,
        #header #tools #search {
            font-size: 1.5rem;
            line-height: 2rem;
            font-size: var(--sub-fontsize_m);
            line-height: var(--sub-lineheight_m);
        }
        #content #right #youtube .promotion-video>div {
            padding-top: 4rem;
        }
        #content #right .slider-container {
            padding-top: 2rem;
        }
        #content #right h1 {
            font-size: 3.5rem;
            line-height: 4rem;
        }
        #content #right h2 {
            font-size: 3rem;
            line-height: 3.5rem;
        }
        #content #right #lastnews h2 {
            /* font-size: 14pt; */
            font-size: 3rem;
            line-height: 3.5rem;
        }
        #content #right h3 {
            font-size: 2.5rem;
            line-height: 3rem;
        }
        h1::before {
            height: 4rem;
        }
        #content #right h1 {
            margin-top: 2rem;
        }
    }
    @supports not (-webkit-touch-callout: none) {
        /* CSS for other than iOS devices */
        #footer a {
            display: contents;
        }
        #mmenu_bar {
            font-size: 3rem;
            line-height: 3.5rem;
            font-size: var(--main-fontsize_m);
            line-height: var(--main-lineheight_m);
        }
    }
}