/*===========================================
About
===========================================*/

/*-------------------------------------------
welcome
-------------------------------------------*/
.welcome{
    
}
    .welcome .photo{
        float:right;
        margin:6px 0 20px 45px;
        width:265px;
        overflow:hidden;
        background-color:#fff;
        box-shadow:0 3px 8px rgba(0,0,0,.15);
    }
        .welcome .photo img{
            width:100%;
        }
    .welcome p{
        line-height:1.7;
    }
    .welcome .footer-sign{
        margin:0;
        font-size:1.25rem;
        text-align:right;
    }
    .en .welcome .footer-sign{
        text-align:left;
    }
@media screen and (max-width:440px){/* i16 Pro Max */
    .welcome .photo{
        float:none;
        margin:0 auto;
        text-align:center;
    }
}
@media screen and (max-width:375px){/* i6 ~ iX */
    .welcome .photo{
        width:80%;
    }
        .welcome .photo img{
            width:100%;
        }
}
/*-------------------------------------------
Organizing Committee
-------------------------------------------*/
.organizedBy ul, .congressChairmen ul, .committee ul{
    list-style:none;
    margin:0;
    padding:0;
}
.organizedBy li{
    float:left;
    width:50%;
    text-align:center;
}
    .organizedBy li figure{
        margin:0;
    }
        .organizedBy li figcaption{
            margin-top:5px;
        }
.congressChairmen{
    margin-top:15px;
}
    .congressChairmen .chairmenList li{
        float:left;
        width:33.33333%;
        text-align:center;
    }
    .congressChairmen .chairmenList > li:nth-child(4){
        width:100%;
        margin-top:30px;
        border-top:1px solid rgba(0,0,0,.1);
        padding-top:30px;
    }
        .congressChairmen .chairmenList ul li{
            width:25%;
        }
        .congressChairmen h4{
            margin:0;
            font-size:1rem;
            color:#006bab;
        }
        .congressChairmen .photoThumb{
            position:relative;
            margin:10px auto 0;
            width:140px;
            height:162px;
            overflow:hidden;
            box-shadow:0 3px 8px rgba(0,0,0,.15);
        }
            .congressChairmen .photoThumb img{
                width:100%;
            }
        .congressChairmen li strong{
            display:block;
            position:relative; z-index:2;
            background-color:#fff;
            width:140px;
            margin:0 auto;
            padding:15px 10px;
            color:#111;
            font-size:.85rem;
            text-align:left;
            box-shadow:0 3px 8px rgba(0,0,0,.15);
        }
.committee{
    margin-top:15px;
}
    .committee li{
        float:left;
        width:25%;
        margin-bottom:5px;
        color:#111;
    }
        .committee li .otherName{
            color:#777;
            font-size:13px; line-height:14px; font-weight:400;
        }
@media screen and (max-width:992px){
    .committee li{
        width:33.33333%;
    }
}
@media screen and (max-width:667px){/* i6 ~ i8 Landscape */
    .congressChairmen .photoThumb{
        transform:scale(.9);
    }
    .countryIntro p{
        padding-left:210px;
    }
    .countryIntro .pic{
        width:180px; height:120px;
    }
}
@media screen and (max-width:576px){
    .congressChairmen .photoThumb{
        transform:scale(.8);
        margin:0 auto;
    }
    .congressChairmen li strong{
        margin-top:-10px;
    }
    .committee li{
        width:50%;
    }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .organizedBy li img{
        height:60px;
    }
    .congressChairmen .chairmenList > li{
        float:none;
        width:100%;
        text-align:center;
        border-top:1px solid rgba(0,0,0,.1);
        padding-top:15px; padding-bottom:15px;
    }
    .congressChairmen .chairmenList > li:nth-child(1){
        border:none;
        padding-top:0;
    }
    .congressChairmen .chairmenList > li:nth-child(4){
        margin-top:0;
    }
        .congressChairmen h4{
            font-size:100%;
        }
        .congressChairmen .photoThumb{
            margin:0 auto;
        }
            .congressChairmen .chairmenList ul li{
                width:50%;
            }
    .committee li{
        padding:3px 0;
    }
        .committee li .otherName{
            display:block;
            font-size:12px;
        }
    .countryIntro p{
        padding:0;
    }
    .countryIntro .pic{
        float:right;
        margin:0 0 1em 1em;
        width:40%; height:auto;
    }
}
/*-------------------------------------------
Veneu
-------------------------------------------*/
.venue :is(ol, ul){
    padding-left:1.4em;
}
.venue a{
    word-break:break-all;
}
.venue a[href*="http"]{
    font-size:.875rem;
}
.venue img{
    display:block;
    max-width:100%;
    margin:0 auto;
}
.venue p [class*='material-symbols']{
    vertical-align:top;
    margin-right:5px;
    font-size:18px; line-height:1;
}
    .venue .thsrc, .venue .highwayBus{
        margin-top:20px;
    }
/*-------------------------------------------
Accommodation
-------------------------------------------*/
.accommodation{
    
}
    .hotelItem{
        background-color:#fff;
        box-shadow:0 10px 10px -10px rgba(0,0,0,.2);
        display:flex;
        flex-wrap:wrap;
        margin-bottom:20px;
        padding:30px;
        position:relative;
    }
    .hotelItem:last-of-type{
        margin-bottom:0;
    }
        .hotelImg{
            position:relative;
            margin:0;
            width:30%;
        }
            .hotelImg img{
                display:block;
                width:100%;
            }
        .hotelData{
            flex:1;
            padding-left:50px;
        }
            .hotelName{
                border-bottom:none;
            }
            .hotelInfo{
                list-style:none;
                margin:-10px -10px 0;
                padding:0;
                display:flex;
            }
                .hotelInfo > li{
                    position:relative;
                    padding:10px;
                }
                    .hotelInfo .btn{
                        display:inline-block;
                        background-position:left 15px center;
                        background-repeat:no-repeat;
                        background-size:16px auto;
                        color:#111;
                        word-break:break-all;
                    }
                    .hotelInfo .btn span[class*="material-symbols"]{
                        vertical-align:-7px;
                    }
                    .hotelInfo .btn[href*=".pdf"]{
                        background-image:url(../images/icon_pdf.png);
                        padding-left:36px;
                    }
                    .hotelInfo .btn:focus,
                    .hotelInfo .btn:hover{
                        color:var(--hover-color);
                    }
@media screen and (max-width:667px){/* i6, i7, i8 Landscape */
    .hotelItem{
        margin-bottom:30px;
        padding:20px;
    }
        .hotelData{
            padding-left:40px;
        }
}
@media screen and (max-width:576px){
    .hotelItem{
        padding:0 0 15px;
    }
        .hotelImg{
            width:100%;
            margin-bottom:15px;
        }
        .hotelData{
            padding:0;
        }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .hotelInfo{
        justify-content:space-between;
    }
}