body {
    padding-bottom: 20px;
    font-family: custom-sans-serif;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/*EOI Customization*/
.fontsize10 {
    font-family: custom-sans-serif;
    font-size: 10px;
}
.fontsize10_Eng {
    font-family: Roboto;
    font-size: 10px;
}

.fontsize12 {
    font-family: custom-sans-serif;
    font-size: 12px;
}

.fontsize12_Eng {
    font-family: Roboto;
    font-size: 12px;
}

.fontsize14 {
    font-family: custom-sans-serif;
    font-size: 14px;
}

.fontsize14_Eng {
    font-family: Roboto;
    font-size: 14px;
}

.fontsize16 {
    font-family: custom-sans-serif;
    font-size: 16px;
}

.fontsize16_Eng {
    font-family: Roboto;
    font-size: 16px;
}

.fontsize18 {
    font-family: custom-sans-serif;
    font-size: 18px;
}

.fontsize18_Eng {
    font-family: Roboto;
    font-size: 18px;
}

.fontsize20 {
    font-family: custom-sans-serif;
    font-size: 20px;
}

.fontsize20_Eng {
    font-family: Roboto;
    font-size: 20px;
}

.fontsize22 {
    font-family: custom-sans-serif;
    font-size: 22px;
}

.fontsize22_Eng {
    font-family: Roboto;
    font-size: 22px;
}

.fontsize24 {
    font-family: custom-sans-serif;
    font-size: 24px;
}
.fontsize24_Eng {
    font-family: Roboto;
    font-size: 24px;
}

.fontsize26 {
    font-family: custom-sans-serif;
    font-size: 26px;
}

.fontsize26_Eng {
    font-family: Roboto;
    font-size: 26px;
}

.fontsize28 {
    font-family: custom-sans-serif;
    font-size: 28px;
}

.fontsize28_Eng {
    font-family: Roboto;
    font-size: 28px;
}

.fontsize30 {
    font-family: custom-sans-serif;
    font-size: 30px;
}

.fontsize30_Eng {
    font-family: Roboto;
    font-size: 30px;
}

.fontsize32 {
    font-family: custom-sans-serif;
    font-size: 32px;
}

.fontsize32_Eng {
    font-family: Roboto;
    font-size: 32px;
}

.fontsize34 {
    font-family: custom-sans-serif;
    font-size: 34px;
}

.fontsize34_Eng {
    font-family: Roboto;
    font-size: 34px;
}

.fontsize36 {
    font-family: custom-sans-serif;
    font-size: 36px;
}

.fontsize36_Eng {
    font-family: Roboto;
    font-size: 36px;
}

/*Breadcrumb Navigation*/
ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    background-color: #eee;
}

    ul.breadcrumb li {
        display: inline;
    }

        ul.breadcrumb li + li:before {
            padding: 8px;
            color: black;
            content: "/\00a0";
        }

        ul.breadcrumb li a {
            color: #0275d8;
            text-decoration: none;
        }

            ul.breadcrumb li a:hover {
                color: #01447e;
                text-decoration: underline;
            }

@media screen and (max-width: 768px) {
    .breadcrumb {
        font-size: 22px;
    }
}

@font-face {
    font-family: custom-sans-serif;
    font-size: 20px;
    src: url('../fonts/微軟正黑體-1.ttf') format('truetype');
    unicode-range: U+4E00-9FFF;
}

@font-face {
    font-family: "custom-sans-serif";
    font-size: 20px;
    src: url('/fonts/Microsoft JhengHei.eot');
    src: url('/fonts/Microsoft JhengHei.eot?#iefix') format("embedded-opentype"), url('/fonts/Microsoft JhengHei.woff2') format("woff2"), url('/fonts/Microsoft JhengHei.woff') format("woff"), url("/fonts/Microsoft JhengHei.svg#Microsoft JhengHei") format("svg");
    unicode-range: U+4E00-9FFF;
}

@font-face {
    font-family: custom-sans-serif;
    font-size: 20px;
    src: local('Microsoft JhengHei') format('opentype');
    unicode-range: U+4E00-9FFF;
}

@font-face {
    font-family: custom-sans-serif;
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
    unicode-range: U+00-024F
}

.custom-sans-serif {
    font-family: custom-sans-serif;
}