/* for login, register page etc. */

#extr-page .uila-cover #header #logo{
    width: auto;
    margin: 15px 0;
}
#extr-page .uila-cover #header #logo img {
    width: auto;
    height: 39px;
}
#extr-page .uila-cover #main{
    background-size: cover;
    padding: 20px;
    display: flex;
    align-items:center;
    justify-content:center;
    min-height: calc(100vh - 71px);
}

#extr-page .en.uila-cover #main .hero{
    background-image: url(../images/languages/en/uila-cover-text.png);
    min-width: 700px;
}
#extr-page .ja.uila-cover #main .hero{
    background-image: url(../images/languages/ja/uila-cover-text.png);
    min-width: 700px;
}
#extr-page .ko.uila-cover #main .hero{
    background-image: url(../images/languages/ko/uila-cover-text.png);
    min-width: 700px;
}
#extr-page .tw.uila-cover #main .hero{
    background-image: url(../images/languages/tw/uila-cover-text.png);
    min-width: 700px;
}
#extr-page .zh.uila-cover #main .hero{
    background-image: url(../images/languages/zh/uila-cover-text.png);
    min-width: 700px;
}

#extr-page .uila-cover #main{
    background-image: url(../images/uila-cover.jpg);
    overflow: hidden;
}
#extr-page .uila-cover #main.no-bg{
    background: #fafafa;
}

@media (max-width: 767px){
    #header>:first-child{
        width: unset;
    }
    #extr-page .uila-cover #content{
        width: 100%;
    }

    #extr-page-header-space .hidden-mobile{
        display: none;
    }
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}