@charset "utf-8";
/*===========================================
本會介紹
===========================================*/
.rosters{}
    .rosters ul{
        list-style:none;
        margin:-2px -2px 10px;
        padding:0 0 10px;
        display:flex;
        flex-wrap:wrap;
    }
        .rosters ul li{
            padding:3px;
            width:calc(100% / 10);
        }
            .rosters ul li a{
                display:block;
                border:1px solid #ccc;
                border-radius:5px;
                color:#333;
                font-size:.875rem;
                line-height:1;
                padding:8px 5px;
                text-align:center;
                transition:.2s;
            }
            .rosters ul li a:focus,
            .rosters ul li a:hover{
                border-color:var(--hover-color);
                color:var(--hover-color);
            }
            .rosters ul li a.active{
                border-color:var(--primary-color);
                color:var(--primary-color);
                font-weight:700;
            }

/*-------------------------------------------
chairmanWords
-------------------------------------------*/
.chairmanWords h3{
    color:var(--primary-color);
    font-size:1.5rem;
    text-align:center;
}
.chairmanWords h4{
    color:#111;
    font-size:1.125rem;
    position:relative;
    padding-left:28px;
}
    .chairmanWords h4::before{
        content:"";
        display:inline-block;
        background-color:var(--primary-color);
        width:16px;
        height:16px;
        margin-right:10px;
        position:absolute; left:0; top:7px;
    }
.chairmanWords p{
    text-indent:2em;
}
.chairmanWords .chairman{
    text-align:right;
    padding-top:3em;
}
    .chairmanWords .chairmanName{
        color:#111;
        font-size:1.5rem;
        margin-left:10px;
    }
    .chairmanWords img{
        float:right;
        margin-left:1em;
    }

/*-------------------------------------------
constitution章程
-------------------------------------------*/
.constitution{ position:relative;}
.constitution div.timeDate{
    font-size:11px;
    color:#888;
    text-align:right;
}
    .constitution div.timeDate ul{margin-top:25px;}
    .constitution div.timeDate ul li{
        list-style:none;
    }
.constitution h4.constitutionTitle{
    background-color:rgba(var(--primary-rgb),.1);
    font-size:18px;
    padding:6px 5px;
    color:#333;
}
.constitution dl{}
    .constitution dl dt{
        float:left;
        width:90px;
        color:var(--primary-color);
        padding:10px 0;
        padding-left:5px;
    }
    .constitution dl dd{
        padding:10px 5px 10px 60px;
    }
        .constitution dl dd span.level1{
            color:var(--secondary-color);
        }
        .constitution dl dd span.level2{
            color:#000;
        }
            .constitution dl dd dl{
                margin:2px 0;
            }
                .constitution dl dd dl dd{
                    padding:0;
                }
.fileFormatConstitution{
    position:absolute; top:15px; left:20px;
}
.fileFormatConstitution a{box-shadow:none;}

/*-------------------------------------------
historyRosters本屆理監事名單
-------------------------------------------*/
h3.historyRostersH3{
    font-size:24px;
    background-color:rgba(var(--primary-rgb),.1);
    border-radius:5px;
    padding:0 10px;
    margin-bottom:0;
}
table.historyRosters{
    /* margin-top:20px; */
}
    table.historyRosters tr:nth-child(even){
        background-color:#f5f5f5;
    }
        table.historyRosters tr th{
            width:180px;
            font-weight:700;
            text-align:left;
            font-size:16px; color:var(--primary-color);
            padding:12px 8px;
        }
        table.historyRosters tr td{
            line-height:1.8;
            padding:12px 8px;
            font-size:14px;
        }
        
/*-------------------------------------------
committee歷屆
-------------------------------------------*/
#mainContent.committeeContentHeight{
    height:auto!important;
    min-height:740px;
}
h3.committeeH3{
    font-size:24px;
    margin-top:30px;
    margin-bottom:0;
}
    h3.committeeH3 span{
        color:var(--primary-color);
        margin:0 2px;
        font-size:26px;
    }
table.committee{
    /* margin-top:20px; */
}
    table.committee thead th{
        text-align:left;
        color:var(--secondary-color);
        border-bottom:1px solid #ddd;
    }
    table.committee tbody tr:nth-child(even){
        background-color:#f5f5f5;
    }
        table.committee tbody tr th{
            width:180px;
            font-weight:700;
            text-align:left;
            font-size:16px; color:var(--primary-color);
            padding:15px 8px;
            vertical-align:top;
        }
        table.committee tbody tr td{
            line-height:1.7;
            padding:12px 8px;
            font-size:14px;
            vertical-align:top;
            position:relative;
        }
            .committeeRosters{
                position:relative;
                padding-left:7.15em;
                line-height:1.5;
            }
            .committeeRosters:nth-of-type(n+2){
                border-top:1px dotted rgba(0,0,0,.15);
                margin-top:3px;
                padding-top:3px;
            }
                .committeeRosters .label{
                    color:var(--secondary-color);
                    position:absolute; left:0;
                }
                .rostersContent span{
                    white-space:nowrap;
                }

/*-------------------------------------------
organization
-------------------------------------------*/
div.organization1{
    margin-bottom:50px;
}
div.organization2{
    background-color:#f6f6f6;
    margin:0 -20px;
    padding:70px 0;
}