@charset "UTF-8";
/*===========================================
入口頁
===========================================*/

/*-------------------------------------------
Index
-------------------------------------------*/
.index{
    display:flex;
    flex-direction:column;
    justify-content:center;
    position:fixed; top:0;
    width:100vw;
    height:100vh;
    padding-bottom:100px;
}
@media screen and (max-height:440px){
    .index{
        padding-bottom:60px;
    }
}

/*-------------------------------------------
Title
-------------------------------------------*/
.index__title{
    flex-direction:column;
    text-align:center;
}
    .index__logo{
        margin:0 auto;
        position:relative;
        width:240px;
        transition:.2s;
    }
        .index__logo::before{
            content:"";
            display:block;
            width:100%;
            height:0;
            padding-bottom:103.64%;
            background-image:url(../images/index_logo.png);
            background-repeat:no-repeat;
            background-position:50% 50%;
            background-size:contain;
            transition:.2s;
        }
    .index__society{
        position:relative;
    }
        .index__society .tw,
        .index__society .en{
            margin:0;
            line-height:1;
            transition:.2s;
        }
        .index__society .tw{
            color:#111;
            font-size:3rem;
            letter-spacing:2px;
            margin:10px 0 3px;
        }
        .index__society .en{
            color:#999;
            font-size:1.5rem; font-weight:400;
        }
@media screen and (max-width:440px){/* i16 Pro Max */
    .index__logo{
        width:42vw;
    }
        .index__society .tw{
            font-size:8vw;
        }
        .index__society .en{
            font-size:4.125vw;
        }
}
@media screen and (max-height:440px){
    .index__logo{
        width:20vw;
    }
        .index__society .tw{
            font-size:2rem;
        }
        .index__society .en{
            font-size:1rem;
        }
}
@media screen and (max-height:360px){
    .index__logo{
        width:18vw;
    }
        .index__society .tw{
            font-size:1.75rem;
            letter-spacing:5px;
        }
        .index__society .en{
            font-size:1rem;
        }
}

/*-------------------------------------------
Language Switch
-------------------------------------------*/
.language__switch{
    padding-top:40px;
    text-align:center;
}
    .btn{
        background-color:rgba(var(--primary-rgb),.1);
        color:var(--primary-color);
        font-size:1.5rem;
        min-width:8em;
        margin:0 10px;
        padding:.75em 1.5em;
    }
@media screen and (max-width:440px){/* i16 Pro Max */
    .btn{
        font-size:5vw;
        min-width:7em;
        margin:0 5px;
        padding:.75em 1.25em;
    }
}
@media screen and (max-height:440px){
    .language__switch{
        padding-top:20px;
    }
        .btn{
            font-size:1.25rem;
            min-width:7em;
        }
}
@media screen and (max-height:360px){
    .btn{
        font-size:1.125rem;
        margin:0 5px;
        padding:.5em 1.5em;
    }
}

/*-------------------------------------------
Banners
-------------------------------------------*/
.footer__banners{
    display:none;
}

/*-------------------------------------------
Footer Info
-------------------------------------------*/
.footer__info{
    display:none;
}

/*-------------------------------------------
Footer
-------------------------------------------*/
footer{
    position:fixed; bottom:0;
    width:100%;
    text-align:center;
}
    footer a{
        color:#666;
    }
    .huaweb{
        display:block;
        margin:0 auto;
    }