body {
    margin: 0;
    font-family: 'PingFangTC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', serif !important;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-top: 57.5px;
    text-align: justify;
}

@media (max-width: 767px) {
    #navbarScroll {
        height: calc(100vh - 56px);
    }

        #navbarScroll ul {
            height: calc(100vh);
        }
}

main > .container-fluid > div > .row:first-child {
    padding: 1rem 3rem;
    margin: 0;
}

/*#region header */

#headerArea nav a.navbar-brand {
    font-size: 1.25rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    /*margin-left: 40px;*/
    color: #02537a;
}

#headerArea ul li a {
    color: #02537a;
    padding: 16px;
    cursor: pointer;
}

@media (max-width: 768px) {
    #headerArea #navbarScroll ul li a {
        padding: 16px;
        text-align: center;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        border-bottom: 1px solid #e3e7ed;
        cursor: pointer;
    }

    #headerArea #navbarScroll ul li:last-child a {
        border-bottom: none;
    }

    #headerArea #navbarScroll.show ul li:hover a {
        background-color: #e3e7ed;
    }
}


/*#endregion */
/*#region footer */
#footerArea {
    padding: 22px 20px;
    color: #fff;
    font-size: 1rem;
}

@media (min-width: 992px) {
    #footerArea .row > div:last-child {
        width: 265px;
    }
}

/*#endregion */

.line-it-button,
.fb-share-button {
    display: inline-block;
    position: relative;
}

    .line-it-button:hover,
    .fb-share-button :hover {
        opacity: .5;
    }

    .line-it-button a,
    .fb-share-button a {
        text-decoration: none;
    }

    .line-it-button i {
        color: #06c755 !important;
        margin: 0 3px 3px 0;
    }

    .fb-share-button i {
        color: #1877f2 !important;
        margin: 0 3px 3px 0;
    }

/*#region 版型 */
.text-main {
    color: #02537a !important;
}

.bg-main {
    background-color: #02537a !important;
}

.btn-main {
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 rgb(53 62 77 / 10%), 0 0 0 1px rgb(53 62 77 / 10%);
    background-color: #02537a;
    padding: 10px 15px;
    font-size: 0.875rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    cursor: pointer;
    min-width: 110px;
}

    .btn-main:hover {
        background-color: #038acb;
        color: #fff;
    }

.disabled {
    color: #b9c4d1;
}
/*#endregion */