html {
    scroll-behavior: smooth;
}

body {
    background: #f5f3f2 url(../images/425162_bg_img.png) no-repeat bottom;
    background-attachment: fixed;
    overflow-x: hidden;
}

.fs-18 {
    font-size: 1.125rem;
}

.text-justify {
    text-align: justify;
}

.text-brown-c9 {
    color: #c9a063;
}

.text-brown-a0 {
    color: #a07f52;
}

.bg-orang-f5 {
    background-color: #f5f3f2;
}

.border-brown-b1 {
    border-color: #a07f52 !important;
}

.text-style-times {
    font-family: Georgia, "Times New Roman", Times, serif, "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU";
}

.show-content {
    height: 550px;
}

.show-content::-webkit-scrollbar {
    width: 12px;
}

.show-content::-webkit-scrollbar-track {
    border-radius: 10px;
    background: rgba(207,171,116,0.2);
}

.show-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(207,171,116, 0.5);
}


.social-icon .btn,
[href="#top"] {
    max-width: 60px;
}


@media (min-width:992px) {
    .bg-orang-f5 {
        box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.1);
    }
}

@media (max-width:991px) {
    header>div>.position-relative {
        position: static;
    }

    .offcanvas.offcanvas-top {
        height: 80vh;
    }

    hr {
        opacity: 1;
    }
    h2 span.position-absolute.top-0{
        top: auto !important;
        bottom: 100%;
        right: auto !important;
        left: 0 !important;
    }
}