html{
    height: 100%;
    min-height: 100vh;
}

body {
    width:100%;
    height:100%;
    min-height: 100vh;
    /*background-image: linear-gradient(30deg, #ef008f, #6ec3f4, #7038ff, #ffba27);*/
    font-family: "Microsoft YaHei", "Microsoft JhengHei",sans-serif;
    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 / 60%);
    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;
    }
}