@charset "UTF-8";
/*===========================================
學會簡介
===========================================*/
/*-------------------------------------------
組織緣由
-------------------------------------------*/
.about__cause{
    position:relative;
    padding:0 50px;
}
    .endocrine__logo{
        margin:0 70px 30px 0;
        float:left;
        position:relative;
        width:240px;
    }
        .endocrine__logo img{
            width:100%;
        }
    .about__cause p{
        text-indent:2em;
    }
    .about__cause p:nth-of-type(n+2){
        margin-top:2em;
    }
@media screen and (max-width:992px){
    .about__cause{
        padding:0;
    }
        .endocrine__logo{
            margin:0 40px 20px 0;
            width:20%;
        }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .endocrine__logo{
        float:none;
        margin:0 auto;
        width:30%;
    }
}

/*-------------------------------------------
學會章程
-------------------------------------------*/
.constitution__chapter{
    padding-bottom:1em;
}
    .constitution__chapter dt{
        float:left;
        font-weight:700;
    }
    .constitution__chapter dd{
        margin-left:5em; margin-bottom:10px;
        padding-bottom:10px;
        border-bottom:1px dashed rgba(0,0,0,.15);
    }
    .constitution__chapter:nth-of-type(2) dd:nth-of-type(n+5),
    .constitution__chapter:nth-of-type(3) dd{
        margin-left:6em;
    }
    .constitution__chapter:nth-of-type(3) dd:nth-of-type(n+8),
    .constitution__chapter:nth-of-type(4) dd,
    .constitution__chapter:nth-of-type(5) dd,
    .constitution__chapter:nth-of-type(6) dd{
        margin-left:7em;
    }
        .constitution__chapter ul{
            margin:0;
            padding-left:1.4em;
        }
        .constitution__chapter .chinese-num-brackets{
            list-style:none;
            margin:0;
            padding-left:3em;
            text-indent:-3em;
        }
        .constitution__chapter .constitution__update{
            list-style:none;
            margin:0;
            padding-left:1.5em;
        }
            .constitution__chapter .constitution__update li{
                position:relative;
            }
            .constitution__chapter .constitution__update li::before{
                content:"";
                display:inline-block;
                background:url(../images/icon_edit_calendar.svg) no-repeat 0 0;
                background-size:cover;
                width:18px;
                height:18px;
                position:absolute; left:-1.5em;
                margin-top:2px;
            }
@media screen and (max-width:992px){
    .constitution__chapter{
        font-size:.875rem;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .constitution__chapter dd{
        margin-left:4em;
    }
    .constitution__chapter:nth-of-type(2) dd:nth-of-type(n+5),
    .constitution__chapter:nth-of-type(3) dd{
        margin-left:5em;
    }
    .constitution__chapter:nth-of-type(3) dd:nth-of-type(n+8),
    .constitution__chapter:nth-of-type(4) dd,
    .constitution__chapter:nth-of-type(5) dd,
    .constitution__chapter:nth-of-type(6) dd{
        margin-left:6em;
    }
}

/*-------------------------------------------
組織成員
-------------------------------------------*/
.organization__period{
    border-bottom:1px solid #ddd;
}
    .organization__period__title{
        margin:0;
        background-color:#f5f5f5;
        color:var(--main-color);
        font-size:1.5rem;
        line-height:1;
        position:relative;
        padding:15px;
        transform-origin:left center;
        transition:.2s;
        cursor:pointer;
    }
    .roster--active .organization__period__title{
        font-size:1.875rem;
    }
        .organization__period__title strong{
            color:var(--secondary-color);
        }
        .organization__period__title::after{
            content:"";
            display:inline-block;
            background:url(../images/icon_menu-arrow.svg) no-repeat 50% 50%;
            background-size:contain;
            width:32px;
            height:32px;
            transform-origin:center;
            position:absolute; top:50%; right:10px;
            transform:translateY(-50%);
            transition:.2s;
        }
        .roster--active .organization__period__title::after{
            transform:translateY(-50%) rotate(-180deg);
            opacity:.6;
        }
    .organization__inner{
        display:none;
        padding-top:20px;
    }
        .organization__roster{
            padding-left:30px; padding-bottom:.75em;
        }
            .organization__roster dt{
                float:left;
                color:var(--main-color);
                font-weight:700;
                line-height:1.2;
                padding-top:5px;
            }
                .organization__roster dt br{
                    display:none;
                }
            .organization__roster dd{
                line-height:1.2;
                margin-left:6em; margin-bottom:10px;
                padding-bottom:10px;
                border-bottom:1px dashed rgba(0,0,0,.15);
            }
            .organization__roster.committee dd{
                margin-left:12em;
            }
                .organization__roster dd span{
                    display:inline-block;
                    vertical-align:top;
                    margin-right:1.5em;
                    padding:5px 0;
                }
                .organization__roster dd span:last-of-type{
                    margin-right:0;
                }
@media screen and (max-width:568px){/* i5 Landscape */
    .organization__roster{
        padding-left:0;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .organization__period__title{
        font-size:5vw;
    }
    .roster--active .organization__period__title{
        font-size:6vw;
    }
    .organization__roster dt br{
        display:block;
    }
    .organization__roster dd{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        display:-webkit-flex;
        flex-wrap:wrap;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
    }
    .organization__roster.committee dd{
        margin-left:8.5em;
    }
        .organization__roster dd span{
            margin-right:0;
            flex:0 1 auto;
            width:33%;
        }
        .organization__roster.committee dd span{
            margin-right:0;
        }
}

/*-------------------------------------------
歷屆理事長
-------------------------------------------*/
.about__presidents{
    --before-line-s:58px;
    --name-term-gap:180px;
    --name-fs:1.25rem;
    --term-fs:1.5rem;
}
    .about__presidents > p:first-of-type{
        margin-top:0;
    }
    .presidents__list{
        list-style:none;
        margin:0;
        padding:0;
        position:relative;
        line-height:1;
    }
        .presidents__list::before{
            display:block;
            content:"";
            border-left:1px solid rgba(0, 0, 0, .15);
            position:absolute; top:15px; bottom:15px; left:var(--before-line-s);
            pointer-events:none;
        }
        .presidents__list > li{
            border-bottom:1px dashed rgba(0, 0, 0, .15);
            position:relative;
            margin-left:var(--name-term-gap);
            padding:15px 0;
        }
            .presidents__list .name{
                color:#000;
                font-size:var(--name-fs);
            }
            .presidents__list .term{
                display:inline-block;
                background-color:#fff;
                color:var(--secondary-color);
                font-size:var(--term-fs);
                padding:5px 0;
                margin-top:-5px;
                position:absolute; left:calc(0px - var(--name-term-gap));
                z-index:2;
            }
@media screen and (max-width:576px){
    .about__presidents{
        --before-line-s:49px;
        --name-term-gap:130px;
        --name-fs:1.125rem;
        --term-fs:1.25rem;
    }
}

/*-------------------------------------------
季會
-------------------------------------------*/
.meetings .part__title .en{
    display:none;
}
.meetings__speakers{
    
}
    .speakers__list tbody td:nth-child(2){
        font-weight:700;
        white-space:nowrap;
    }
        .speakers__list .year{
            color:var(--secondary-color);
            font-weight:700;
        }
            .speakers__list .year + i{
                margin:0 5px;
                color:#ccc;
            }
        .speakers__list .venue{
            
        }
        .speakers__list .country{
            display:block;
            font-size:.9em; font-weight:400;
            opacity:.6;
        }
.meetings__records{
    margin-top:30px;
}
    .records__list tbody td:nth-child(1){
        color:var(--secondary-color);
        font-weight:700;
        white-space:nowrap;
    }
@media screen and (max-width:992px){
    .speakers__list tbody td,
    .records__list tbody td{
        font-size:1rem;
    }
}
@media screen and (max-width:667px){/* i6, i7, i8 Landscape */
    .speakers__list{
        width:calc(100% + 30px);
        margin:-10px -15px 0;
    }
        .speakers__list thead{
            display:none;
        }
        .speakers__list tbody tr{
            display:flex;
            flex-wrap:wrap;
            padding:10px;
        }
            .speakers__list tbody tr td{
                border:none;
                padding:3px 5px;
            }
            .speakers__list tbody td:nth-child(1){
                width:80px;
            }
            .speakers__list tbody td:nth-child(2){
                flex:1;
            }
            .speakers__list tbody td:nth-child(3){
                width:100%;
                padding-left:85px; padding-top:0;
            }
                .speakers__list .year{
                    font-size:1rem;
                }
                    .speakers__list .year + i{
                        display:none;
                    }
                .speakers__list .venue{
                    display:block;
                    position:absolute;
                }
                .speakers__list .country{
                    float:right;
                }
                .speakers__list tbody td:nth-child(n+3)::before{
                    content:attr(aria-label);
                    display:block;
                    font-size:.75rem; font-weight:400;
                    color:#aaa;
                }
    .records__list{
        width:calc(100% + 30px);
        margin:-10px -15px 0;
    }
        .records__list thead{
            display:none;
        }
        .records__list tbody tr{
            display:flex;
            flex-wrap:wrap;
            padding:10px;
        }
            .records__list tbody tr td{
                border:none;
                padding:3px 5px;
            }
            .records__list tbody tr td:nth-child(1){
                width:80px;
                font-size:1rem;
            }
            .records__list tbody tr td:nth-child(2){
                width:35%;
                padding-right:10px;
            }
                .records__list tbody td:nth-child(n+2)::before{
                    content:attr(aria-label);
                    display:block;
                    font-size:.75rem; font-weight:400;
                    color:#aaa;
                }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .speakers__list tbody td:nth-child(1){
        width:60px;
    }
    .speakers__list tbody td:nth-child(3){
        padding-left:65px;
    }
    .records__list tbody tr td:nth-child(1){
        width:75px;
    }
    .records__list tbody tr td:nth-child(2){
        flex:1;
    }
    .records__list tbody tr td:nth-child(3){
        width:100%;
        padding-left:80px;
    }
}

/*-------------------------------------------
聯絡我們
-------------------------------------------*/
#content__container.is-contact{
    padding-bottom:0;
}
.contact__information{
    padding-bottom:50px;
}
    .contact__information ul{
        list-style:none;
        margin:0;
        padding:0;
    }
        .contact__information ul li{
            border-bottom:1px dashed rgba(0,0,0,.15);
            padding:10px 0;
        }
            .contact__information ul li label{
                display:inline-block;
                width:8em;
                color:#777;
                font-size:.875rem; font-weight:700;
            }
            .contact__information .item-line a{
                color:#07B53B;
                font-weight:700;
            }
            .contact__information .item-line small{
                color:#333;
            }
            .contact__information .item-line .line__link,
            .touch .contact__information  .item-line .line__qr{
                display:none;
            }
            .touch .contact__information .item-line .line__link{
                display:inline-block;
            }
.contact__map{
    position:relative;
    height:350px;
    overflow:hidden;
    
}
    .contact__map iframe{
        position:absolute; top:0; left:0;
        width:100%;
        height:100%;
    }
@media screen and (max-width:440px){/* i16 Pro Max */
    .contact__information ul li label{
        display:block;
    }
        .contact__information .item-line small{
            display:block;
        }
}