body {
    font-family: 'Abril Fatface', 'Noto Serif TC'; /* 'Abril Fatface', 'Limelight' */
}

/* Loading */
.loading div {
    color: #000;
    width: 100vw; /* calc(100vw - 24px); */
    height: 100vh; /* calc(100vh - 24px); */
    background-attachment: fixed;
}

.bootstrap div {
    margin-top: 0px;
    margin-bottom: 0px;
}
.bootstrap div:hover {
    transition: all .75s;
}

.bi, .loading div {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.rgba > div {
    width: 100%;
    height: 50vh;

    /*
    display: table-cell;
    vertical-align: middle;
    */
}



.rgba a {
    display: block;
}
.rgba p {
    margin: 0;
    padding-top: 35vh;
}

.rgba:hover div.bottom {
    border-right: none;
}

.rgba a, .rgba:hover p {
    color: transparent;
    font-size: 0px;
}
.rgba p, .rgba:hover a {
    font-size: 24px;
}

.rgba a.c004c61 {
    display: inline-block;
}
.rgba:hover a.c004c61 {
    padding: 6px 24px;
    border-radius: 7.5px;
}

/*
.rgba:hover a {
    display: inline-block;
    padding-bottom: 8px;
    border-bottom: 5px solid #006d8c;
}
*/

.header, .footer, .button {
    z-index: 999;
    position: fixed;
    font-size: 24px;
    font-weight: 100;
}

.header {
    top: 24px;
    left: 16px;
}
.footer {
    bottom: 24px;

    left: 16px;
    right: 16px;
}
.button {
    top: 24px;
    right: 16px;
}



/* 右上方按鍵，圖片 */
.header, .button, .button .fa-stack-1x {
    text-shadow: none;
}

.button:hover .fa-stack-2x, .button:hover .fa-stack-1x {
    transition: all .75s;
}

@media (max-width: 767px) {
    .bi {
        background-attachment: fixed;
    }

    .bi.b1, .bi.b2, .bi.b3, .bi.b4 {
        background-attachment: inherit;
    }

    .rgba > div {
        height: 100vh;
    }
    .rgba > div.bottom {
        height: 25vh;
    }
    .rgba > div.bottom p {
        padding-top: 15vh;
    }
    .rgba p {
        padding-top: 70vh;
    }

    .header, .button {
        font-size: 20px;
    }
}