html {
    scroll-behavior: smooth;
}

body {
    font-family: "Century Gothic", "微軟正黑體", sans-serif;
    background: #f3f3f3 url(../images/576030_bg_img.webp);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    overflow-x: hidden;
    color: #040000;
}

a {
    text-decoration: none;
}

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

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

.border-blue {
    border-color: #60c5d2 !important;
}

.text-style-times {
    font-family: Georgia, "Times New Roman", Times, serif, "新細明體", "PMingLiU";
}

.z-01 {
    z-index: -1;
}

.show-content {
    height: 550px;
}

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

.show-content::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #ffe450;
}

.show-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #4fc2f1;
}

.social-icon .btn{
    max-width: 60px;
}

[href="#top"] {
    max-width: 80px;
}


.line {
    border-bottom: 2px dotted #E49573;
    height: 1px;
}

.heading-img {
    width: 130px;
}

.text-gradient {
    background: linear-gradient(45deg, #2bb6eb, #623892);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.arrow svg {
    width: 18px;
}

.arrow-B {
    width: 80%;
}

.show-content p:not(:last-child) {
    text-indent: 2.25rem;
}

.active-arrow,
.right-arrow {
    width: 50px;
    position: absolute;
}

.active-arrow {
    animation: left-right 4s linear infinite;
}

.right-arrow {
    animation: right-left 6s ease-in-out infinite;
}

@keyframes left-right {
    0% {
        left: 0;
    }

    100% {
        left: 110%;
    }
}

@keyframes right-left {
    0% {
        right: -10%;
    }

    100% {
        right: 150%;
    }
}

@media (min-width:1200px) {

    .h2,
    h2 {
        font-size: 1.8rem;
    }
}

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

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

    hr {
        opacity: 1;
    }

}

@media (max-width:575px) {
    h2.display-5 {
        font-size: calc(1.425rem + 1.6vw);
    }
}