@charset "UTF-8";
/*===========================================
Invited Speakers
===========================================*/
.speakers{
    display:flex;
    flex-wrap:wrap;
}
    .speaker__group{
        background-color:#fff;
        padding:30px;
        position:relative;
        display:flex;
        flex-wrap:wrap;
    }
        .speaker__category{
            width:100%;
        }
        .speaker__item{
            width:25%;
            padding:0 3% 30px;
        }
            .speaker__wrap{
                border-bottom:1px solid rgba(0,0,0,.1);
                height:100%;
                position:relative;
                padding-bottom:15px;
            }
                .speaker__photo{
                    margin:0 0 15px;
                    height:0;
                    position:relative;
                    padding-top:125%;
                }
                    .speaker__photo img{
                        position:absolute; top:0; left:0;
                        width:100%;
                        height:100%;
                        object-fit:cover;
                    }
                .speaker__info{
                    
                }
                    .speaker__name{
                        color:#111;
                        line-height:1.3;
                    }
                        .speaker__name .en{
                            font-size:1.125rem;
                        }
                        .speaker__name .tw{
                            color:#777;
                            margin-top:5px;
                        }
                    .speaker__title{
                        color:#999;
                        font-size:.875rem;
                        line-height:1.2;
                        margin-top:10px;
                    }
                    .speaker__cv{
                        display:block;
                        margin:15px 0 0 auto;
                        width:80px;
                    }
@media screen and (max-width:1180px){/* iPad Air Landscape */
    .speaker__item{
        padding-left:2%; padding-right:2%;
    }
        .speaker__name .en{
            font-size:1rem;
        }
        .speaker__name .tw{
            font-size:.875rem;
        }
}
@media screen and (max-width:820px){/* iPad Air and Portrait */
    .speaker__item{
        width:33.3333%;
        padding-left:3%; padding-right:3%;
    }
}
@media screen and (max-width:768px){
    .speaker__item{
        padding-left:2%; padding-right:2%;
    }
}
@media screen and (max-width:667px){/* i6, i7, i8 Landscape */
    .speaker__group{
        padding:30px 15px 25px;
        margin:10px -15px 0;
    }
        .speaker__item{
            width:100%;
            padding:0 0 20px;
        }
        .speaker__item:last-of-type{
            padding-bottom:0;
        }
            .speaker__wrap{
                display:flex;
                padding-bottom:10px;
            }
            .speaker__item:last-of-type .speaker__wrap{
                border-bottom:none;
            }
                .speaker__photo{
                    width:30%;
                    height:auto;
                    padding-top:0;
                }
                    .speaker__photo img{
                        position:static;
                        height:auto;
                    }
                .speaker__info{
                    flex:1;
                    padding-left:5%;
                }
                    .speaker__name .en{
                        font-size:1.125rem;
                    }
                    .speaker__name .tw{
                        font-size:1rem;
                    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .speaker__name .en{
        font-size:5vw;
    }
    .speaker__name .tw{
        font-size:4.5vw;
    }
    .speaker__title{
        font-size:3.75vw;
    }
}
@media screen and (max-width:320px){/* i5, SE */
    .speaker__group{
        padding-left:10px; padding-right:10px;
        margin-left:-10px; margin-right:-10px;
    }
}

/*-------------------------------------------
Plenary Lectures
-------------------------------------------*/
.plenary__lectures{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    margin:-20px;
}
    .lecture__item{
        width:50%;
        padding:20px;
    }
        .lecture__inner{
            background-color:#fff;
            border-left:3px solid var(--secondary-color);
            box-shadow:0 15px 15px -15px rgba(0, 0, 0, .1);
            height:100%;
            padding:0 30px 30px;
            display:flex;
            flex-wrap:wrap;
        }
        .mar3 .lecture__inner{
            border-color:var(--secondary-color);
        }
        .mar4 .lecture__inner{
            border-color:var(--orange);
        }
            .lecture__program{
                margin-top:0; margin-bottom:1em;
                width:100%;
            }
            .lecture__photo{
                width:180px;
            }
                .lecture__photo figure{
                    margin:0;
                    height:0;
                    position:relative;
                    padding-top:125%;
                }
                    .lecture__photo img{
                        display:block;
                        position:absolute; top:0; left:0;
                        width:100%;
                        height:100%;
                        object-fit:cover;
                        box-shadow:0 15px 20px -15px rgba(0,0,0,.4);
                    }
            .lecture__info{
                flex:1;
                padding-left:2em;
            }
                .lecture__time{
                    margin-bottom:5px;
                }
                    .lecture__time span{
                        font-weight:700;
                        margin-right:5px;
                    }
                .lecture__topic{
                    border-bottom:1px solid rgba(0,0,0,.1);
                    font-size:1.125rem; font-weight:700;
                    line-height:1.3;
                    margin-bottom:20px;
                    padding-bottom:20px;
                }
                .lecture__name{
                    font-size:1.5rem;
                }
                .lecture__affiliation{
                    color:#777;
                    line-height:1.3;
                    margin-top:5px;
                }
                    .lecture__affiliation ul{
                        list-style:none;
                        font-size:.875rem;
                        margin:0;
                        padding:0;
                    }
                        .lecture__affiliation ul li:nth-child(n+2){
                            margin-top:5px;
                        }
@media screen and (max-width:1280px){/* Air Mac */
    .lecture__name{
        font-size:1.25rem;
    }
}
@media screen and (max-width:1180px){/* iPad Air Landscape */
    .plenary__lectures{
        margin:-15px;
    }
        .lecture__item{
            padding:15px;
        }
            .lecture__inner{
                padding:0 20px 20px;
            }
                .lecture__photo{
                    width:160px;
                }
                .lecture__info{
                    padding-left:1.5em;
                }
}
@media screen and (max-width:1024px){
    .lecture__item{
        width:100%;
    }
        .lecture__inner{
            padding:0 30px 30px;
        }
            .lecture__photo{
                width:180px;
            }
            .lecture__info{
                padding-left:2em;
            }
}
@media screen and (max-width:667px){/* i6, i7, i8 Landscape */
    .lecture__item{
        margin-bottom:20px;
        padding:0;
    }
        .lecture__inner{
            padding:0 15px 20px;
        }
            .lecture__photo{
                margin:0 auto 20px;
            }
            .lecture__info{
                flex-basis:100%;
                padding-left:0;
            }
                .lecture__topic{
                    margin-bottom:10px;
                    padding-bottom:10px;
                }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .lecture__photo{
        width:45vw;
    }
    .lecture__topic{
        font-size:5vw;
    }
    .lecture__name{
        font-size:5.5vw;
    }
}