@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=DotGothic16&family=Hachi+Maru+Pop&family=Hina+Mincho&family=Kaisei+Decol:wght@400;500;700&family=Kaisei+HarunoUmi:wght@400;500;700&family=Kaisei+Opti:wght@400;500;700&family=Kaisei+Tokumin:wght@400;500;700;800&family=Kiwi+Maru:wght@300;400;500&family=Klee+One:wght@400;600&family=Kosugi+Maru&family=Mochiy+Pop+One&family=Mochiy+Pop+P+One&family=New+Tegomin&family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Serif+TC:wght@200;400;500;600;700;900&family=Potta+One&family=Rampart+One&family=Reggae+One&family=RocknRoll+One&family=Stick&family=Yomogi&family=Yuji+Boku&family=Yuji+Mai&family=Yuji+Syuku&family=Yusei+Magic&family=ZCOOL+QingKe+HuangYou&family=Zen+Kurenaido&family=Kosugi&family=Liu+Jian+Mao+Cao&family=M+PLUS+1+Code:wght@100;200;300;400;500;600;700&family=M+PLUS+1:wght@100;200;300;400;500;600;700;800;900&family=M+PLUS+2:wght@100;200;300;400;500;600;700;800;900&family=Ma+Shan+Zheng&family=Murecho:wght@100;200;300;400;500;600;700;800;900&family=MuseoModerno:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Shippori+Antique&family=Shippori+Antique+B1&family=Shippori+Mincho+B1:wght@400;500;600;700;800&family=Shippori+Mincho:wght@400;500;600;700;800&family=Train+One&family=ZCOOL+KuaiLe&family=ZCOOL+XiaoWei&family=Zen+Antique&family=Zen+Antique+Soft&family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&family=Zen+Old+Mincho:wght@400;700;900&family=Zhi+Mang+Xing&display=swap');
.font1{font-family:'Noto Sans TC',"Microsoft JhengHei","微軟正黑體","Heiti tc",  Arial, "新細明體", "PMingLiU", "細明體", "MingLiU", Helvetica, sans-serif;}
.font2{font-family:'Noto Serif TC',"Microsoft JhengHei","微軟正黑體","Heiti tc",  Arial, "新細明體", "PMingLiU", "細明體", "MingLiU", Helvetica, sans-serif;}

/* --------------------華康黑體 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");
}



/* --------------------MElleHKXbold-------------------------- */
@font-face {
    font-family: "MElleHKXbold";
    src:
        url(../font/MElle\ HK\ Xbold.ttf);
}



/* --------------------字體大小-------------------------- */
body {
    --text-size-13: .794rem;
    --text-size-15: .9375rem;
    --text-size-18: 1.125rem;
    --text-size-20: 1.25rem;
    --text-size-22: 1.375rem;
    --text-size-24: 1.5rem;
    --text-size-30: 1.875rem;
    --text-size-32: 2rem;
    --text-size-36: 2.25rem;
    --text-size-40: 2.5rem;
    --text-size-64: 4rem;
}


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

    html,
    body {
        font-size: 1.6vw;
    }
}

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

    html,
    body {
        font-size: 14px;
    }
}

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

    html,
    body {
        font-size: 3.25vw;
    }
}
.fs-3xs{font-size:calc(1em / 3)}
.fs-2xs{font-size:calc(1em / 2)}
.fs-xs{ font-size:calc(0.75 * 1em)}
.fs-sm{ font-size:calc(0.875 * 1em)}
.fs-bi{ font-size:calc(1.25 * 1em)}
.fs-lg{ font-size:calc(1.5 * 1em)}
.fs-jb{ font-size:calc(1.75 * 1em)}
.fs-1x{ font-size:calc(1 * 1em)}
.fs-2x{ font-size:calc(2 * 1em)}
.fs-3x{ font-size:calc(3 * 1em)}
.fs-4x{ font-size:calc(4 * 1em)}
.fs-5x{ font-size:calc(5 * 1em)}
.fs-6x{ font-size:calc(6 * 1em)}
.fs-7x{ font-size:calc(7 * 1em)}
.fs-8x{ font-size:calc(8 * 1em)}
.fs-9x{ font-size:calc(9 * 1em)}
.fs-10x{ font-size:calc(10 * 1em)}