@charset "UTF-8";
/*===========================================
Sponsorship
===========================================*/
.sponsorship :is(p, h1, h2, h3, h4):first-of-type{
    margin-top:0;
}
/*-------------------------------------------
list
-------------------------------------------*/
.sponsor{
    list-style:none;
    margin:40px 0 0;
    padding:0;
    border-top:1px solid #e3e3e3;
    --chinse-font:700 1.125rem sans-serif;
    --chinse-color:#111;
    --chinse-margin:3px;
    --title-width:60%;
    --title-padding:10%;
    /* display:none; */
}
    .sponsor__item{
        position:relative;
        padding:20px 5%;
        border-bottom:1px solid #e3e3e3; 
        display:flex;
        color:#777;
        line-height:1.3;
    }
        .sponsor__item a{
            width:100%;
        }
        .sponsor__item a[href*="void"]{
            cursor:default;
        }
            .sponsor__logo{
                display:flex;
                align-items:center;
                margin:0;
                width:100%;
                transition:.2s;
            }
            .sideBySide .sponsor__logo{
                flex-wrap:wrap;
            }
                .sponsor__logo > div{
                    flex:1;
                }
                    .sponsor__logo img{
                        width:100%;
                    }
                .sponsor__logo figcaption{
                    width:var(--title-width);
                    padding-left:var(--title-padding);
                    color:var(--en-color);
                }
                .sideByside .sponsor__logo figcaption{
                    width:100%;
                    padding-left:0;
                    text-align:center;
                }
                    .sponsor__logo figcaption .chinese{
                        display:block;
                        margin-bottom:var(--chinse-margin);
                        color:var(--chinse-color);
                        font:var(--chinse-font);
                    }
                    .sponsor__item a:focus .chinese,
                    .sponsor__item a:hover .chinese{
                        color:var(--hover-color);
                    }
                    .sponsor__item a[href*="void"]:focus .chinese,
                    .sponsor__item a[href*="void"]:hover .chinese{
                        color:var(--chinse-color);
                    }
    .sideBySide{
        align-items:center;
    }
        .sideBySide > a{
            display:none;
        }
        .bySide__logo{
            flex:1;
            display:flex;
        }
            .bySide__logo a{
                width:50%;
                padding:0 10px;
            }
        .bySide__title{
            width:var(--title-width);
            padding-left:var(--title-padding);
            display:flex;
        }
            .bySide__title > a:nth-of-type(2){
                padding-left:15px;
            }
            .bySide__title .chinese{
                display:block;
                margin-bottom:var(--chinse-margin);
                color:var(--chinse-color);
                font:var(--chinse-font);
            }
@media screen and (max-width:1024px){
    .sponsor__item{
        padding:20px 15px;
    }
}
@media screen and (max-width:992px){
    .sponsor{
        --title-padding:5%;
    }
}
@media screen and (max-width:768px){
    .sponsor{
        --title-padding:0;
        --title-width:100%;
    }
        .sponsor__item{
            flex-wrap:wrap;
            padding:20px 15%;
        }
            .sponsor__item a:nth-of-type(2){
                margin-top:30px;
            }
            .sponsor__logo{
                flex-wrap:wrap;
                text-align:center;
            }
                .sponsor__logo > div{
                    flex-basis:100%;
                }
                    .sponsor__logo img{
                        width:100%;
                    }
            .sideBySide > a{
                display:inline;
            }
            .bySide__logo,
            .bySide__title{
                display:none;
            }
}
@media screen and (max-width:440px){/* i16 Pro Max */
    .sponsor__item{
        padding:20px 10%;
        text-align:center;
    }
        .sponsor__logo img{
            position:static;
            transform:none;
        }
}