@charset "utf-8";

/* --------------------華康黑體 Std-------------------------- */
@font-face {
    font-family: "DFHeiStd5";
    src:
        url(../font/DFHeiStd-W5_0.otf) format("opentype"),
        url(../font/DFHeiStd-W5_0woff.woff) format("woff"),
        url(../font/DFHeiStd-W5_0ttf.ttf) format("truetype");
}

@font-face {
    font-family: "DFHeiStd7";
    src:
        url(../font/DFHeiStd-W7_0.otf) format("opentype"),
        url(../font/DFHeiStd-W7_0woff.woff) format("woff"),
        url(../font/DFHeiStd-W7_0ttf.ttf) format("truetype");
}

@font-face {
    font-family: "DFHeiStd9";
    src:
        url(../font/DFHeiStd-W9_0.otf) format("opentype"),
        url(../font/DFHeiStd-W9_0woff.woff) format("woff"),
        url(../font/DFHeiStd-W9_0ttf.ttf) format("truetype");
}


/* --------------------華康圓體 Std-------------------------- */
@font-face {
    font-family: "DFYuanStd5";
    src:
        url(../font/DFYuanStd-W5_0.otf) format("opentype"),
        url(../font/DFYuanStd-W5_0woff.woff) format("woff"),
        url(../font/DFYuanStd-W5_0ttf.ttf) format("truetype");
}

@font-face {
    font-family: "DFYuanStd7";
    src:
        url(../font/DFYuanStd-W7_0.otf) format("opentype"),
        url(../font/DFYuanStd-W7_0woff.woff) format("woff"),
        url(../font/DFYuanStd-W7_0ttf.ttf) format("truetype");
}

@font-face {
    font-family: "DFYuanStd8";
    src:
        url(../font/DFYuanStd-W8_0.otf) format("opentype"),
        url(../font/DFYuanStd-W8_0woff.woff) format("woff"),
        url(../font/DFYuanStd-W8_0ttf.ttf) format("truetype");
}

@font-face {
    font-family: "DFYuanStd9";
    src:
        url(../font/DFYuanStd-W9_0.otf) format("opentype"),
        url(../font/DFYuanStd-W9_0woff.woff) format("woff"),
        url(../font/DFYuanStd-W9_0ttf.ttf) format("truetype");
}



/* --------------------MStiffHeiHK-------------------------- */
@font-face {
    font-family: "MStiffHeiHK";
    src:
        url(../font/MStiffHeiHK-UltraBold.ttf);
}



/* --------------------字體大小-------------------------- */

@media all and (max-width: 990px) and (min-width: 576px) {

    html,
    body {
        font-size: 1.6vw;
        /*rem - 990(15.84px) ~ 576(9.2px) */
    }

    .fs-1 {
        font-size: calc(1.8rem + 1.5vw) !important;
        /* 990(25.512+14.85=40.362) ~ 576(16.56+8.64=25.2) */
    }

}

@media screen and (max-width:575px) {

    html,
    body {
        font-size: 3vw;
        /* rem - 575(17.25px) */
    }
}