@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
body
{
    /* padding-top: 5em; */
    padding-top:0;
    font-family: 'Noto Sans TC',Helvetica, sans-serif !important;
    font-weight:400;
}
#main
{
    position:relative;
}
#searchCol{
    margin-top:1em;
}
#accesskey_c{
    position:absolute;
    left:0;
    top:0;
}
.content table tbody tr td{
    border-bottom:1px solid #E1DCD9;
}
*:focus {
    outline: 4px dotted red !important;
}
#logo{
    position:absolute; height:100px;bottom:0;left:5em;
}
#otherNav {
    flex: 0 0 70%;
    display: flex;
    justify-content: flex-end;
    padding-right: 2em;
}
#openDiv{
    position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width:100%;
}
.header .item-left {
    padding: 0 0 0 4em;
}
.header h1{
    margin:0;
}
.header .item-right {
    padding-right: 3em;
}
#otherItems
{
    margin-top:auto;
    margin-bottom:1em;
}
#accesskey_c, .accesskey {
    color: transparent!important;
}
.major
{
    text-align:center;
    padding: 2em;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    background-color:#E1DCD9;
}
.content{
    border: 1px solid #31435F;
    padding: 1em;
    border-radius:1em;
    -webkit-box-shadow: 0 -2.5em 0px 0.5em #E1DCD9, 0 0.2em 0px 0.5em #E1DCD9;
    -moz-box-shadow: 0 -2.5em 0px 0.5em #E1DCD9, 0 0.2em 0px 0.5em #E1DCD9;
    box-shadow: 0 -2.5em 0px 0.5em #E1DCD9, 0 0.2em 0px 0.5em #E1DCD9;
}
#main2
{
    background-color: #E1DCD9;
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 2em;
}

#ith_logo{
    position: absolute; top: 0%; left: 0%; width: 13vw; height: 5vw; /* border:1px red solid;*/
}

#ios_logo{
    position: absolute; top: 0%; left: 15vw; width: 13vw; height: 5vw; /* border:1px red solid;*/
}

#ling_logo{
    position: absolute; top: 5vw; left: 9vw; width: 12vw; height: 5vw; /* border:1px red solid;*/
}

#ipsas_logo{
    position: absolute; top: 10vw; left: 0; width: 20vw; height: 5vw; /* border:1px red solid;*/
}

#iias_logo{
    position: absolute; top: 10vw; left: 21vw; width: 8vw; height: 5vw; /* border:1px red solid;*/
}
/*
table {
border-collapse: unset;
}

tr td:first-child {
border-bottom-left-radius: 1.5em !important;
border-top-left-radius: 1.5em !important;
}

tr td:last-child {
border-bottom-right-radius: 1.5em !important;
border-top-right-radius: 1.5em !important;
}
tr th:first-child {
border-bottom-left-radius: 1.5em !important;
border-top-left-radius: 1.5em !important;
}

tr th:last-child {
border-bottom-right-radius: 1.5em !important;
border-top-right-radius: 1.5em !important;
}
table.dataTable.no-footer {
border-bottom:none;   
}
*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    /*
    border: 1px solid #E1DCD9;
    background: #fff;
    border-radius: 1em;
    */
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #31435F;
    background: #31435F;
    font-weight: normal;
    color: #ffffff;
}
.ui-tabs .ui-tabs-nav {
    background-color: #E1DCD9;
    /*background-color: #fff;*/
}
.ui-widget-header {
    border: none;
}
.ui-tabs .ui-tabs-nav li{
    border-bottom-width: 1px;
}

*:focus {
    outline: 4px dotted red !important;
}
#logoString{
    max-width:100%;
}
hr{
    border-bottom-color:#000;
}
h1,h2,h3,h4,h5,h6
{
    padding-bottom:0;
}
#main{
    padding:0;
}
#main > .inner > header.major:first-child {
    margin-bottom: 4.5em;
}
a{
    border-bottom: none;   
    color:#321E17;
}
h1
{
    font-size:1.6em;
}
h2
{
    font-size:1.4em;
}
.leftMenu
{
    font-size:1.2em;
}
.btn-mod {
    background-color: transparent;
    color: #0ff !important;
    box-shadow: inset 0 0 0 1px #444;
}
.btn-mod
{
    background-color: #FFF;
    color:orange !important; 
    font-size:1em;
    box-shadow: inset 0 0 0 1px orange !important;
    margin: 0.5em;
}
.btn-add
{
    background-color: #FFF;
    color:#0053a0 !important; 
    font-size:1em;
    box-shadow: inset 0 0 0 1px #0053a0 !important;
    margin: 0.5em;
}
.btn-suc
{
    background-color: #FFF;
    color:#198754 !important; 
    font-size:1em;
    box-shadow: inset 0 0 0 1px #0053a0 !important;
    margin: 0.5em;
}
#main img
{
    max-width:100%;
    height:auto !important;
}
.blockDiv{
    padding:2em;
    border-radius: 25px;
    background-color: #fff;
    margin-bottom:100px;
}
.tb
{
    display: table;
    width:100%;
}
.trow
{
    display: table-row;
}
.tcell
{
    display: table-cell;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight:300;
}
.cell12_5
{
    width:12.5%;
}
td
{
    vertical-align: top;
}
.ui-widget-content a {
    color: #0d6efd; 
}

.content ul{
    /*
    padding-left:0;
    list-style-position: inside;
    */
}
.content li{
    padding-left:0;
}
.content{
    margin-bottom:4em;
}
/*
.content table tbody tr:nth-child(2n + 1) {
background-color: #fff;
}
.content table tbody tr {
border-color: #000;
border-left: 1px;
border-right: 1px;
}

.content table tbody td {
border-color: #000;
border: solid 1px;
padding: 1em;
}
*/
.logo5
{
    max-width:100%;
    height:50px;
    width:auto;
}


@media screen and (max-width: 991px) {

    #logo{
        display:none;
    }
    #logoString {
        max-width: 95%;
    }
    #otherNav
    {
        display:none;
    }
}

@media screen and (max-width: 736px) {

    #logo{
        display:none;
    }
    .header .item-left {
        padding: 0em;
    }
    #searchCol{
        display:none;
    }

    #openDiv{
        position: relative;
        top: unset;
        left: unset;
        transform: none;
    }
    .logo5
    {
        width:auto; height:60px;
        margin-bottom:10px;
    }
    #main2 .inner{
        display:none;
    }
    
    

#ith_logo{
    position: absolute; top: 0%; left: 0%; width: 45vw; height: 18vw; /* border:1px red solid;*/
}

#ios_logo{
    position: absolute; top: 0%; left: 45vw; width: 45vw; height: 18vw; /* border:1px red solid;*/
}

#ling_logo{
    position: absolute; top: 18vw; left: 25vw; width: 45vw; height: 14vw; /* border:1px red solid;*/
}

#ipsas_logo{
    position: absolute; top: 32vW; left: 0; width: 63vw; height: 18vw; /* border:1px red solid;*/
}

#iias_logo{
    position: absolute; top: 32vW; left: 70vw; width: 20vw; height: 18vw; /* border:1px red solid;*/
}
}
table > thead{
    background-color: #E1DCD9;
}

            .content a{
             color:var(--bs-link-color);   
            }