body {
    font-family: Helvetica, Arial, "Microsoft JhengHei", "微軟正黑體", "Microsoft YaHei New", "微軟雅黑體", "Microsoft Yahei", SimSun, "中易宋體", NSimSun, "新宋體", STXihei, "華文細黑", sans-serif;
}

/*
#main_menu .btn {
    letter-spacing: 0.1rem;
}
*/
/*
@font-face {
  font-family: DFHeiMedium-B5;
  src: url(../webfont/DFT_R5.TTF);
}

body {
font-family: DFHeiMedium-B5, Arial, sans-serif;
}
*/

/* ============ mobile view ============ */
@media all and (max-width: 767px) { /* tc fit with navbar-expand-md */
    /* word wrap in dropdown-item */
    .dropdown-item {
        white-space: normal;
    }

    /* responsive table */
    .responsive table, .responsive thead, .responsive tbody, .responsive th, .responsive td, .responsive tr {
        display: block;
    }

        .responsive thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .responsive td, .responsive th {
        position: relative;
        padding-left: 5rem !important;
    }

        .responsive td:before, .responsive th:before {
            position: absolute;
            left: 0.5rem;
        }
}
/* ============ mobile view .end// ============ */

/* ============ desktop view ============ */
@media all and (min-width: 768px) { /* tc fit with navbar-expand-md */
    /* disabled for web accessibility - mouse over effect for dropdown
    .navbar .nav-item .dropdown-menu {
        display: none;
    }

    .navbar .nav-item:hover .nav-link {
    }

    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }

    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
    */
}
/* ============ desktop view .end// ============ */