/***************************************/
/* FONT.CSS 主要放置共用之字型設定 CSS */
/***************************************/


/*
@font-face {
    font-family: 'DFUDGothicStd-W6';
    src: url('font/DFUDGothicStd-W6.eot');
    src: url('font/DFUDGothicStd-W6.eot?#iefix') format('embedded-opentype'), 
    url('font/DFUDGothicStd-W6.woff') format('woff'), 
    url('font/DFUDGothicStd-W6.ttf') format('truetype');
}
*/

@font-face {
    font-family: DFUDGothicStd-W6;
    src: url('font/DFUDGothicStd-W6.eot'); /* IE9 Compat Modes */
    src: url('font/DFUDGothicStd-W6.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/DFUDGothicStd-W6.woff') format('woff'); /* Pretty Modern Browsers */
}
@font-face {
    font-family: DFUDGothicStd-W6-Server;
    src: url('font/DFUDGothicStd-W6-Server.eot'); /* IE9 Compat Modes */
    src: url('font/DFUDGothicStd-W6-Server.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/DFUDGothicStd-W6-Server.woff') format('woff'); /* Pretty Modern Browsers */
}

/* ________________________________________________________________________________ */
/* XS 超小屏幕（手机，大於 0px） 及共用 ___________________________________________ */
/* ________________________________________________________________________________ */
@media (min-width: 0px) {

    body {
        font-family: Meiryo, Apple LiGothic Medium, '蘋果儷中黑', Microsoft JhengHei, '微軟正黑體', Arial, Helvetica, sans-serif;
    }

    h1 {
        font-family:'DFUDGothicStd-W6','DFUDGothicStd-W6-Server';
        font-size: 20px;
    }

    h2 {
        font-family:'DFUDGothicStd-W6','DFUDGothicStd-W6-Server';
        font-size: 18px;
    }

    h3 {
        font-family:'DFUDGothicStd-W6','DFUDGothicStd-W6-Server';
        font-size: 14px;
    }

    /*span {
        font-size: 12px;
    }*/

    .breadcrumb,
    .crumb {
        font-size: 12px;
    }

    .topnav {
        font-size: 11px;
    }

    .mainmeun {
        font-size: 12px;
    }

    #banner .item .container {
        font-size: 32px;
        color: #333;
    }

    #banner a {
        text-decoration: none;
    }
}

/* ________________________________________________________________________________ */
/* SM 小屏幕（平板，大於等於 768px） ______________________________________________ */
/* ________________________________________________________________________________ */
@media (min-width: 768px) {

    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 21px;
    }

    h3 {
        font-size: 18px;
    }

    /*span {
        font-size: 16px;
    }*/
    .pagination-sm span {
        font-size: 12px;
    }


    .topnav {
        font-size: 11px;
    }

    .mainmeun {
        font-size: 13px;
    }

    #banner .item .container {
        font-size: 62px;
    }

    #banner a {
        text-decoration: none;
    }

    #banner .item .container {
        font-size: 42px;
        color: #333;
    }
}

/* ________________________________________________________________________________ */
/* MD 中等屏幕（桌面显示器，大於等於 992px） ______________________________________ */
/* ________________________________________________________________________________ */
@media (min-width: 992px) {

    #banner .item .container {
        font-size: 62px;
        color: #333;
    }
}

/* ________________________________________________________________________________ */
/* LG 大屏幕（大桌面显示器，大於等於 1200px） _____________________________________ */
/* ________________________________________________________________________________ */
@media (min-width: 1200px) {
}