@charset "UTF-8";
/*===========================================
Program
===========================================*/
:root{
    --course:#d2e5f6;
    --highlights:#cef6d5;
    --plenary:#d1efb0;
    --AOSR2024:#f27314;
    --AORF2024:#f1defb;
    --lunch:#ffe5e5;
    --member:#fffde5;
    --ceremony:#ffe1be;
    --image:#c3edff;
}

/*-------------------------------------------
Date Tabs
-------------------------------------------*/
.date__tabs{
    position:relative;
    margin-bottom:15px;
}
    .date__tabs__list{
        list-style:none;
        margin:0;
        padding:0;
        display:flex;
        border-bottom:2px solid #ccc;
        font-size:1.5rem;
        line-height:1;
    }
        .date__tabs__item{
            width:50%;
            text-align:center;
        }
            .date__tabs__link{
                display:block;
                color:#555;
                padding:2px 5px 8px;
            }
            .date__tabs__link:focus,
            .date__tabs__link:hover{
                box-shadow:0 2px 0 var(--link-color);
                color:var(--link-color);
            }
            .tab--active .date__tabs__link{
                box-shadow:0 3px 0 var(--secondary-color);
                color:var(--primary-color);
                font-weight:700;
            }
                .date__tabs__week{
                    font-size:1rem; font-weight:400;
                    opacity:.6;
                    margin-left:5px;
                }
@media screen and (max-width:992px){
    .date__tabs__week{
        display:block;
        margin-left:0; margin-top:3px;
    }
}
@media screen and (max-width:576px){
    .date__tabs__list{
        font-size:1.125rem;
    }
        .date__tabs__week{
            font-size:.875rem;
        }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .date__tabs{
        margin:0 -15px 15px;
    }
        .date__tabs__list{
            font-size:4.5vw;
        }
            .date__tabs__link{
                padding-left:5vw; padding-right:5vw;
            }
                .date__tabs__week{
                    font-size:.875rem;
                }
}
@media screen and (max-width:320px){/* i5, SE */
    .date__tabs{
        margin:0 -10px 15px;
    }
}

/*-------------------------------------------
Program at a Glance
-------------------------------------------*/
.program__wrap{
    
}
    .program__container{
        position:relative;
    }
    .program__container.program--active{
        position:static;
        height:auto;
        overflow:initial;
        opacity:1;
        pointer-events:auto;
    }
    .program__container{
        position:absolute; top:0; left:0; z-index:-1;
        width:100%;
        height:0;
        overflow:hidden;
        opacity:0;
        transition:.3s;
        pointer-events:none;
    }
        .program__inner{
            position:relative;
        }
.program__table{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    border-top:1px solid #ccc;
    --th1-width:120px;
}
    .program__table thead th{
        background-color:rgba(var(--primary-rgb),.07);
        border-bottom:2px solid #aaa;
        color:var(--primary-color);
        font-size:.875rem;
        line-height:1;
        position:relative;
        padding:8px 2px;
    }
    .program__table thead th:nth-child(1){
        box-shadow:1px 0 0 #999;
        border-left:1px solid #ccc;
        background-color:#EEEFF1;
        background-image:url(../images/icon-right_triangle.svg);
        background-repeat:no-repeat;
        background-position:0 0;
        background-size:100% 100%;
        width:var(--th1-width);
        height:60px;
        position:sticky; left:0; z-index:15;
    }
        .program__table thead th:nth-child(1) .label-place{
            position:absolute; top:6px; right:4px; z-index:1;
        }
        .program__table thead th:nth-child(1) .label-time{
            position:absolute; bottom:6px; left:4px; z-index:1; 
        }
    .program__table thead th:nth-child(n+2){
        border-right:1px solid #ccc;
    }
    #day1 .program__table thead th:nth-child(n+2){
        width:calc((100vw - var( --th1-width)) / 8);
        /* calc((100vw - first th width) / room's count) */
    }
    #day2 .program__table thead th:nth-child(n+2){
        width:calc((100vw - var( --th1-width)) / 9);
        /* calc((100vw - first th width) / room's count) */
    }
        .program__table thead a{
            display:block;
            color:#111;
            font-size:1rem;
            transition:.2s;
            pointer-events:none;
        }
        .program__table thead a:focus,
        .program__table thead a:hover{
            color:var(--link-color);
        }
            .program__table thead a[href^='#']::after{
                content:"";
                display:inline-block;
                /* background:url(../images/icon-scroll-down.svg) no-repeat 100% 50%; */
                background-size:contain;
                width:14px;
                height:14px;
                position:absolute; bottom:2px; right:2px;
                transition:.2s;
            }
            .program__table thead a[href^='#']:hover::after{
                background-position:100% calc(50% + 3px);
            }
            .program__table thead .room{
                font-size:.875rem;
                margin-bottom:3px;
                opacity:.5;
            }
    .program__table tbody th,
    .program__table tbody td{
        background-color:#fff;
        color:#111;
        font-size:.875rem;
        line-height:1.3;
        padding:15px 3px;
        position:relative;
    }
    .program__table tbody th{
        box-shadow:1px 0 0 #aaa;
        border-left:1px solid #ccc;
        border-bottom:1px solid #ccc;
        font-size:.875rem;
        position:sticky; left:0; z-index:15;
    }
        .program__table tbody th time{
            color:var(--primary-color);
        }
            .program__table tbody th .time-min{
                color:#777;
                font-weight:400;
            }
    .program__table tbody td{
        border-right:1px solid #ccc;
        border-bottom:1px solid #ccc;
        font-size:1rem;
        text-align:center;
    }
    .program__table tbody tr:nth-child(1) td{
        
    }
    .program__table tbody td.course{background-color:var(--course);}
    .program__table tbody td.highlights{background-color:var(--highlights);}
    .program__table tbody td.plenary{background-color:var(--plenary);}
    .program__table tbody td.AOSR2024{color:var(--AOSR2024);}
    .program__table tbody td.AORF2024{background-color:var(--AORF2024);}
    .program__table tbody td.lunch{background-color:var(--lunch);}
    .program__table tbody td.member{background-color:var(--member);}
    .program__table tbody td.ceremony,
    .program__table tbody td.dinner{background-color:var(--ceremony);}
    .program__table tbody td.image{background-color:var(--image);}
    .program__table tbody td.trs{}

        .program__table tbody td .time{
            color:var(--primary-color);
            font-size:.875rem; font-weight:700;
        }
@media screen and (max-width:1180px){/* iPad Air Landscape */
    .program__inner{
        overflow:hidden;
        overflow-x:auto;
    }
        .program__table tbody td{
            font-size:.875rem;
        }
}
@media screen and (max-width:1024px){
    .program__inner{
        margin-right:-20px;
        padding-right:20px;
    }
        .program__inner::before{
            display:block;
            content:"* you can left or right swipe program.";
            color:Chocolate;
            font-size:.875rem;
            padding-bottom:5px;
            position:sticky; top:0; left:0;
        }
    .program__table{
        --th1-width:110px;
        --day1-table-width:1140px;
        --day2-table-width:1240px;
    }
    #day1 .program__table{
        width:var(--day1-table-width);
    }
    #day2 .program__table{
        width:var(--day2-table-width);
    }
        .program__table thead th:nth-child(1){
            width:var(--th1-width);
        }
        #day1 .program__table thead th:nth-child(n+2){
            min-width:calc((var(--day1-table-width) - var(--th1-width)) / 8);
            /* calc((table width - first th width) / room's count) */
        }
        #day2 .program__table thead th:nth-child(n+2){
            min-width:calc((var(--day2-table-width) - var(--th1-width)) / 9);
            /* calc((table width - first th width) / room's count) */
        }
            .program__table tbody th::after{
                content:"";
                display:block;
                box-shadow:5px 0 8px rgba(0,0,0,.1);
                position:absolute; z-index:0;
                top:0; 
                right:0;
                height:100%;
                width:10px;
            }
}
@media screen and (max-width:992px){
    .program__inner{
        margin-right:-15px;
        padding-right:15px;
    }
        #day1 .program__table thead th:nth-child(n+2),
        #day2 .program__table thead th:nth-child(n+2){
            /* width:105px; */
        }
}
@media screen and (max-width:768px){
    .program__inner::before{
        font-size:.75rem;
    }
}
@media screen and (max-width:576px){
    .program__table{
        --th1-width:70px;
    }
        .program__table tbody th,
        .program__table tbody td{
            padding:8px 3px;
        }
            .program__table tbody th time i{
                display:block;
                font-style:normal;
                line-height:1;
                transform:rotate(90deg);
            }
            .program__table tbody th .time-min{
                font-size:.75rem;
            }
}
@media screen and (max-width:320px){/* i5, SE */
    .program__inner{
        margin-right:-10px;
        padding-right:10px;
    }
}

/*-------------------------------------------
Daily Scientific Program
-------------------------------------------*/
.daily__sticky{
    background-color:rgba(255,255,255,.8);
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
    box-shadow:0 15px 15px -15px rgba(0,0,0,.1);
    position:sticky; top:0; z-index:10;
    display:flex;
    line-height:1;
    padding:10px 0 15px;
}
    .daily__sticky .sticky__date{
        padding-right:15px;
    }
        .daily__sticky .sticky__date span{
            display:none;
            color:#777;
        }
    .daily__sticky ul{
        list-style:none;
        margin:-5px 0;
        padding:0;
        flex:1;
        display:flex;
        flex-wrap:wrap;
    }
        .daily__sticky ul li{
            padding:3px;
        }
            .daily__sticky a{
                display:inline-block;
                background-color:#fff;
                border:1px solid #ccc;
                border-radius:30px;
                padding:4px 10px;
            }
.daily__room{
    background-color:#fff;
    /* border:1px solid rgba(var(--primary-rgb),.3); */
    position:relative;
    margin-bottom:30px;
}
    .daily__room__name{
        background-color:rgba(var(--primary-rgb),.07);
        border-bottom:1px solid rgba(0,0,0,.2);
        color:var(--primary-color);
        font-size:1.25rem;
        line-height:1.2;
        margin:0;
        padding:10px;
        text-align:center;
    }
    .daily__table{
        width:100%;
        border-top:1px solid rgba(0,0,0,.2);
        border-collapse:separate;
        border-spacing:0;
    }
        .daily__table th,
        .daily__table td{
            line-height:1.3;
            padding:10px 5px;
            vertical-align:top;
        }
        .daily__table thead tr{
            background-color:rgba(var(--primary-rgb),.1);
        }
        #day1 .daily__table thead tr{
            background-color:rgba(var(--primary-rgb),.1);
        }
        #day2 .daily__table thead tr{
            background-color:rgba(var(--primary-rgb),.1);
        }
        .daily__table thead th{
            text-align:left;
        }
        .daily__table thead th:first-child{
            width:150px;
            text-align:center;
        }
            .daily__topic{
                color:var(--primary-color);
                font-size:1.25rem;
            }
        .daily__table thead td{
            padding-top:0;
        }
        .daily__table thead td:first-child{
            text-align:center;
        }
            .daily__table thead th time{
                color:var(--primary-color);
            }
        .daily__table tbody th,
        .daily__table tbody td{
            border-top:1px solid rgba(0,0,0,.07);
        }
        .daily__table tbody td[colspan="2"]{
            text-align:center;
        }
        .daily__table tbody td[colspan="2"] .explanation{
            text-align:left;
        }
            .daily__table tbody th time{
                /* color:#111; */
            }
            .daily__title{
                color:#000;
                font-size:1.125rem;
                font-style:italic;
            }
            .daily__speaker{
                color:#666;
                margin-top:5px;
            }
@media screen and (max-width:992px){
    .daily__sticky{
        font-size:.875rem;
        margin:0 -15px;
        padding:15px 65px 15px 15px;
    }
        .daily__sticky .sticky__date{
            margin-top:-5px;
            padding-right:5px;
        }
            .daily__sticky .sticky__date span{
                display:block;
            }
        .daily__sticky ul li{
            padding:2px;
        }
            .daily__sticky a{
                padding:5px 12px;
            }
                .daily__sticky a span{
                    display:none;
                }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .daily__sticky{
        box-shadow:0 15px 15px -15px rgba(0, 0, 0, .2);
        font-size:.75rem;
    }
        .daily__sticky .sticky__date span{
            margin-top:5px;
        }
        .daily__sticky a{
            padding:5px 2.5vw;
        }
    .daily__room__name{
        font-size:1.25rem;
        text-align:left;
    }
    .daily__table thead th:first-child{
        width:24vw;
    }
    .daily__table thead th time,
    .daily__table thead td{
        font-size:3.75vw;
    }
    .daily__table tbody th time{
        font-size:3.5vw;
    }
        .daily__topic{
            color:#000;
            font-size:4.75vw;
        }
        .daily__title{
            font-size:4.25vw;
        }
        .daily__speaker{
            font-size:3.5vw;
        }
}
@media screen and (max-width:360px){
    .daily__sticky{
        margin:0 -10px;
        padding:10px 70px 15px 10px;
    }
        .daily__sticky a{
            padding:5px 1.875vw;
        }
}

/*-------------------------------------------
Program Notice
-------------------------------------------*/
.glance__notice{
    display:flex;
    flex-wrap:wrap;
    margin:15px -10px 0;
}
    .notice__bgcolor{
        width:33.3333%;
        padding:5px 10px;
    }
        .notice__bgcolor > div{
            display:block;
            height:100%;
            color:#111;
            font-size:.875rem;
            line-height:1;
        }
            .notice__bgcolor > div::before{
                content:"";
                display:inline-block;
                box-shadow:0 1px 5px rgba(0,0,0,.1), inset 0 0 0 1px rgba(0,0,0,.15);
                margin-right:5px;
                width:20px;
                height:20px;
                vertical-align:-4px;
            }
            .notice__bgcolor.course > div::before{
                background-color:var(--course);
            }
            .notice__bgcolor.highlights > div::before{
                background-color:var(--highlights);
            }
            .notice__bgcolor.plenary > div::before{
                background-color:var(--plenary);
            }
            .notice__bgcolor.image > div::before{
                background-color:var(--image);
            }
@media screen and (max-width:768px){
    .notice__bgcolor{
        width:100%;
    }
}

/*-------------------------------------------
AI
-------------------------------------------*/
.section__block{
    background-color:#fff;
    color:#111;
    /* font-size:1.125rem; */
    padding:30px;
}
    .section__block [href^="http"]{
        word-break:break-word;
    }
    .challenge__prizes{
        list-style:none;
        margin-top:0;
        padding:0;
        line-height:1.3;
    }
        .challenge__prizes li{
            position:relative;
            padding-left:100px;
            margin:.5em 0;
        }
            .challenge__prizes li > strong{
                position:absolute; left:0;
            }
            .challenge__prizes .taxes{
                color:#999;
                font-size:.875rem;
            }
    .challenge__timeline{
        list-style:none;
        margin-top:0;
        padding:0;
        line-height:1.3;
    }
        .challenge__timeline li{
            position:relative;
            padding-left:180px;
            margin:.875em 0;
        }
            .challenge__timeline li > strong{
                position:absolute; left:0;
            }
    .criteria__part{
        padding-left:1.5em;
        text-indent:-1.5em;
    }
@media screen and (max-width:576px){
    .challenge__prizes .taxes{
        display:block;
    }
    .challenge__timeline li{
        padding-left:0;
    }
        .challenge__timeline li > strong{
            display:block;
            position:static;
            margin-bottom:3px;
        }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .section__block{
        font-size:1rem;
        padding:20px;
    }
        .challenge__prizes li{
            padding-left:90px;
        }
}

/*-------------------------------------------
Thyroid Workshop
-------------------------------------------*/
.thyroid__workshop__program{
    text-align:center;
}
    .thyroid__workshop__program img{
        display:inline-block;
        margin:0 auto;
        max-width:100%;
        transition:.2s;
    }
    .thyroid__workshop__program  a:focus img,
    .thyroid__workshop__program  a:hover img{
        box-shadow:0 5px 20px rgba(0,0,0,.2);
    }
    .thyroid__workshop__program figcaption{
        font-size:.875rem;
    }

/*-------------------------------------------
VBR Workshop
-------------------------------------------*/
.vbr__flex{
    display:flex;
    flex-wrap:wrap;
    padding:10px 0;
}
    .vbr__flex__pic{
        margin:0;
        padding-right:40px;
        text-align:center;
    }
        .vbr__flex__pic img{
            display:inline-block;
            height:12em;
        }
    .vbr__flex__text{
        flex:1;
    }
        .vbr__flex ul{
            list-style:none;
            margin:0;
            padding:0;
        }
            .vbr__flex ul > li{
                margin-bottom:1em;
                position:relative;
                padding-left:30px;
            }
                .vbr__flex ul > li::before{
                    content:"";
                    display:inline-block;
                    background:url(../images/icon_lightbulb.svg) no-repeat 50% 50%;
                    background-size:contain;
                    width:24px;
                    height:24px;
                    position:absolute; left:0;
                }
    .vbr__faculty{
        display:flex;
        flex-wrap:wrap;
    }
        .vbr__faculty__video{
            position:relative;
            width:35%;
        }
            .vbr__faculty__video > video{
                display:block;
                width:100%;
            }
        .vbr__faculty__intro{
            flex:1;
            padding-left:50px;
        }
            .vbr__faculty__name{
                font-size:1.125rem;
                margin-top:0;
            }
            .vbr__faculty__intro p:first-of-type{
                margin-top:0;
            }
        .vbr__faculty + hr{
            opacity:.4;
        }
@media screen and (max-width:1024px){
    .vbr__faculty__video{
        width:40%;
    }
    .vbr__faculty__intro{
        padding-left:35px;
    }
}
@media screen and (max-width:820px){/* iPad Air and Portrait */
    .vbr__faculty__video{
        width:100%;
    }
    .vbr__faculty__intro{
        padding-left:0;
        margin-top:20px;
    }
}
@media screen and (max-width:768px){
    .vbr__flex__pic{
        padding-right:25px;
    }
}
@media screen and (max-width:667px){/* i6, i7, i8 Landscape */
    .vbr__flex__pic{
        padding-right:0; padding-bottom:15px;
        width:100%;
    }
        .vbr__flex__pic img{
            height:auto;
            width:60%;
        }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .vbr__flex__pic img{
        width:100%;
    }
    .vbr__faculty__video{
        width:calc(100% + 40px);
        margin:0 -20px;
    }
}