/*@import url("https://fonts.googleapis.com/css2?family=Andika+New+Basic:wght@400;700&display=swap");*/

/** {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    box-sizing: border-box;*/
/*}*/

body {
    height: 100vh;
    min-height: 100vh;
    /*background-image: linear-gradient(30deg, #ef008f, #6ec3f4, #7038ff, #ffba27);*/
    font-family: "Andika New Basic", sans-serif, "Microsoft YaHei", "Microsoft JhengHei";
    perspective: 1500px;
    overflow-x: hidden;
}

#collapsible_Navbar a, a:active, a:visited, a:link, a:focus {
    -webkit-tap-highlight-color: transparent;
    outline: none;
    background: none;
    text-decoration: none;
}

.dropdown-menu {
    background-color: rgb(255 255 255 / 70%);
    color: rgba(0, 0, 73, 0.644);
    min-width: 100%;
    border-radius: 10%;
    z-index: 999;
}

.nav-link {
    color: #999999;
}

.nav-link.show, .nav-link:hover {
    color: #cc0000;
}

.my_banner img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    vertical-align: middle;
    position: relative;
}

@media only screen and (max-width: 768px) {
    .my_banner img {
        height: 5rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .my_banner img {
        height: 7rem;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
    .my_banner img {
        height: 7rem;
    }
}

@media only screen and (min-width: 1201px) {
    .my_banner img {
        height: 9rem;
    }
}