/*大部分的字*/
body {
    font-size: 1.2rem;
}
body, h1, h2, h3, h4, h5, h6 {
    font-family: "Helvetica Neue",Helvetica, "LiHei Pro",Meiryo,"微軟正黑體","Microsoft JhengHei",sans-serif;
    /*font-size: 18px;*/    
    color: black;
}

/*導覽列,table文字*/
#topnav-menu-content ul li a, .table {
    color: black;
}

/*top底*/
#page-topbar {
    background-image: url('/layout/assets/images/top_bg1.gif'),url('/layout/assets/images/top_bg2.gif');
    background-position: left,right;
    background-repeat: no-repeat, repeat;
    /*background-position: 50% 50%;*/
}

/*top中間底*/
#layout-wrapper .navbar-header {
    height: 100px;
    background-image: url('/layout/assets/images/top_logo.gif');
    /*background-image: url('/layout/assets/images/webp/Top_logo.webp');*/
    background-repeat: no-repeat;
}

.topnav .navbar-nav .nav-link {
    font-size: 1.2rem;
}

.noti-icon i, .header-item, .header-item:hover {
    color: #fff;
}

#page-topbar {
    padding-left: 0px;
    padding-right: 0px;
}

.navbar-header {
    padding-left: 12px;
    padding-right: 12px;
}

/*.navbar-brand-box {
    margin-left: 14px;
    margin-right: 14px;
}*/

.top_link_bg {
    background: rgba(255,255,255,0.80);
}

.anim-opacity-height {
    opacity: 0;
    height: 0;
    animation: 2s opacity 0s 1;
}

.footer {
    position: relative;
    background-color: black;
}

    .footer, .footer h5 {
        color: white;
    }

@keyframes opacity {
    0% {
        height: initial;
    }

    5% {
        opacity: 1;
    }

    70% {
        opacity: 1;
    }

    85% {
        height: initial;
    }
}


@media (max-width: 768px) {
    .col-sm-6.col-md-3.middle {
        width: 100%;
    }
}