.fg-float {
    position: fixed;
    bottom: calc(50vh - 124px);
    right: 10px;
    display: flex;
    flex-direction: column;
    z-index: 777;
}

.fg-add-float {
    width: 50px;
    height: 50px;
    margin: 11px 0;
    background-color: #000000bb;
    color: #fff;
    border-radius: 6px;
    border: 1px solid #cccccc;
    text-align: center;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    line-height: 50px;
    font-size: 20px;
}

.fg-float a {
    position: relative;
}

.fg-float a p {
    font-size: 14px;
    letter-spacing: 0.5px;
    text-align: right;
    color: #ffffff;
    position: absolute;
    width: 100px;
    left: -110px;
    bottom: 9px;
    font-weight: 900;
    opacity: 0;
    text-shadow: 0px 0px 6px #000000;
    filter: drop-shadow(0px 0px 6px #000000);
}

.fg-float a:hover p {
    opacity: 1;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
}

@media(max-width: 991px) {
    .fg-float a {
        transform: scale(0.75);
        position: relative;
        right: -17px;
    }

    .fg-float a p {
        position: relative;
        opacity: 1;
        width: fit-content;
        left: -4px;
    }
}

/*------------------------------------------------------*/

@font-face {
    font-family: 'SweiSpringCJKtc-Regular';
    src: url(https://cdn.jsdelivr.net/gh/max32002/swei-spring@1.065/WebFont/CJK%20TC/SweiSpringCJKtc-Regular.woff2) format('woff2'),
        url(https://cdn.jsdelivr.net/gh/max32002/swei-spring@1.065/WebFont/CJK%20TC/SweiSpringCJKtc-Regular.woff) format('woff');
    font-display: swap;
}


.other-font {
    font-family: "SweiSpringCJKtc-Regular", "Noto Serif TC", serif;
}