@charset "utf-8";
/*Google網路中文字型 – cwTeXFangSong (Chinese Traditional) 仿宋體字型*/ @import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
/*黑體*/@import url('https://fonts.googleapis.com/css2?family=BIZ+UDGothic:wght@400;700&family=BIZ+UDPGothic:wght@400;700&family=Dela+Gothic+One&family=Kosugi&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+1p:wght@100;300;400;500;700;800;900&family=Mochiy+Pop+One&family=Mochiy+Pop+P+One&family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Rampart+One&family=Sawarabi+Gothic&family=Shippori+Antique&family=Shippori+Antique+B1&family=Stick&family=Train+One&family=ZCOOL+QingKe+HuangYou&family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&family=DotGothic16&display=swap');
/*https://fonts.google.com/share?selection.family=BIZ+UDGothic:wght@400;700|BIZ+UDPGothic:wght@400;700|Dela+Gothic+One|Kosugi|M+PLUS+1+Code:wght@100;200;300;400;500;600;700|M+PLUS+1:wght@100;200;300;400;500;600;700;800;900|M+PLUS+1p:wght@100;300;400;500;700;800;900|Mochiy+Pop+One|Mochiy+Pop+P+One|Nanum+Gothic:wght@400;700;800|Noto+Sans+TC:wght@100;300;400;500;700;900|Rampart+One|Sawarabi+Gothic|Shippori+Antique|Shippori+Antique+B1|Stick|Train+One|ZCOOL+QingKe+HuangYou|Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900|Zen+Kaku+Gothic+New:wght@300;400;500;700;900*/
/*襯線體*/@import url('https://fonts.googleapis.com/css2?family=BIZ+UDMincho:wght@400;700&family=BIZ+UDPMincho:wght@400;700&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=Noto+Serif+TC:wght@200;300;400;500;600;700;900&family=Reggae+One&family=RocknRoll+One&family=Sawarabi+Mincho&family=Shippori+Mincho+B1:wght@400;500;600;700;800&family=Shippori+Mincho:wght@400;500;600;700;800&family=ZCOOL+XiaoWei&family=Zen+Antique&family=Zen+Antique+Soft&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');
/*https://fonts.google.com/share?selection.family=BIZ%20UDMincho:wght@400;700%7CBIZ%20UDPMincho:wght@400;700%7CHina%20Mincho%7CKaisei%20Decol:wght@400;500;700%7CKaisei%20HarunoUmi:wght@400;500;700%7CKaisei%20Opti:wght@400;500;700%7CKaisei%20Tokumin:wght@400;500;700;800%7CNoto%20Serif%20TC:wght@200;300;400;500;600;700;900%7CReggae%20One%7CRocknRoll%20One%7CSawarabi%20Mincho%7CShippori%20Mincho%20B1:wght@400;500;600;700;800%7CShippori%20Mincho:wght@400;500;600;700;800%7CZCOOL%20XiaoWei%7CZen%20Antique%7CZen%20Antique%20Soft%7CZen%20Old%20Mincho:wght@400;500;600;700;900*/
/*圓體+手寫*/ @import url('https://fonts.googleapis.com/css2?family=Hachi+Maru+Pop&family=Kiwi+Maru:wght@300;400;500&family=Klee+One&family=Kosugi+Maru&family=Liu+Jian+Mao+Cao&family=Long+Cang&family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&family=New+Tegomin&family=Potta+One&family=RocknRoll+One&family=Yomogi&family=Yuji+Boku&family=Yuji+Mai&family=Yuji+Syuku&family=Yusei+Magic&family=ZCOOL+KuaiLe&family=Zen+Kurenaido&family=Zen+Maru+Gothic:wght@300;400;500;700;900&family=Zhi+Mang+Xing&display=swap');
/*https://fonts.google.com/share?selection.family=Hachi%20Maru%20Pop%7CKiwi%20Maru:wght@300;400;500%7CKlee%20One%7CKosugi%20Maru%7CLiu%20Jian%20Mao%20Cao%7CLong%20Cang%7CM%20PLUS%20Rounded%201c:wght@100;300;400;500;700;800;900%7CNew%20Tegomin%7CPotta%20One%7CRocknRoll%20One%7CYomogi%7CYuji%20Boku%7CYuji%20Mai%7CYuji%20Syuku%7CYusei%20Magic%7CZCOOL%20KuaiLe%7CZen%20Kurenaido%7CZen%20Maru%20Gothic:wght@300;400;500;700;900%7CZhi%20Mang%20Xing*/

*{-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
.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;}
.font3{font-family:'Hachi Maru Pop', 'Kiwi Maru', 'Klee One', 'Kosugi Maru', 'Liu Jian Mao Cao', 'Long Cang', 'M PLUS Rounded 1c', 'New Tegomin', 'Potta One', 'RocknRoll One', 'Yomogi', 'Yuji Boku', 'Yuji Mai', 'Yuji Syuku', 'Yusei Magic', 'ZCOOL KuaiLe', 'Zen Kurenaido', 'Zen Maru Gothic', 'Zhi Mang Xing', cursive, sans-serif;}
.font4{font-family: 'CHei3HK','CHei3HK-Bold','BIZ UDPMincho','Shippori Mincho B1','Noto Sans TC',"Microsoft JhengHei","微軟正黑體","Heiti tc",  Arial, "新細明體", "PMingLiU", "細明體", "MingLiU", Helvetica, sans-serif;;}
.fontSR{font-family: '【诺诺】青柳体 Regular','Yusei Magic','Noto Sans TC',"Microsoft JhengHei","微軟正黑體","Heiti tc",  Arial, "新細明體", "PMingLiU", "細明體", "MingLiU", Helvetica, sans-serif;}

b.font1,b .font1,.font1 b,b.font2,b .font2,.font2 b{font-weight: 700;}
h1.font1,h2.font1,h3.font1,h4.font1,h5.font1,h6.font1,h1.font2,h2.font2,h3.font2,h4.font2,h5.font2,h6.font2,
h1 .font1,h2 .font1,h3 .font1,h4 .font1,h5 .font1,h6 .font1,h1 .font2,h2 .font2,h3 .font2,h4 .font2,h5 .font2,h6 .font2,
h2.font1,h2 .font1,.font1 h2,h2.font2,h2 .font2,.font2 h2{font-weight: 700}
h3.font1,h3 .font1,.font1 h3,h3.font2,h3 .font2,.font2 h3{font-weight: 600}
@media screen and (max-width:991px){html,body{font-size:1.6vw;}}
@media screen and (max-width:768px){html,body{font-size:2vw;}}
@media screen and (max-width:576px){html,body{font-size:3.25vw;}}
a:hover {text-decoration: none!important;}
a{text-decoration: none;}
ol,ul{    padding-left: 1.5em;margin: 0;/*     display: inline-block; */}
:root{--unit:1em; }
.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)}
.fw-bolder{font-weight: 900!important}
.font-no-w{font-weight: normal;}
.pre-line{overflow-wrap : anywhere; /*word-break : break-all;*/ /*word-wrap: break-word;      /* IE 5.5-7 */ white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */ white-space: pre-wrap; -ms-word-break: keep-all; word-break: keep-all;}

.spac-_2xs{letter-spacing:calc( -0.25 * 1em);}
.spac-0{letter-spacing:calc( 0 * 1em);}
.spac-3xs{letter-spacing:calc( 0.125 * 1em);}
.spac-2xs{letter-spacing:calc( 0.25 * 1em);}
.spac-xs{letter-spacing:calc( 0.5 * 1em);}
.spac-sm{letter-spacing:calc( 0.75 * 1em);}
.spac-1x{letter-spacing:calc( 1 * 1em);}

.bordered{border:0.125rem solid}
.bordered-2xs{border:0.25rem solid}
.bordered-xs{border:0.5rem solid}
.bordered-lg{border:0.75rem solid}
.pre-line{white-space: pre-line;word-break:kee}
/*直式文字*/
.text_ver{
    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
 }
/*隱藏姓名*/
.Vname{position: relative;color: transparent;width: 1em;}
.Vname:before{
position: absolute;
content: "○";
left: 0;
color: initial;
visibility: visible;
}
.ellipsis{
    overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display:-moz-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
    position: relative;
    padding: 0;
    padding-right: 3em;
    margin-bottom: 0.75em;
}
.ellipsis-btn {
    position:absolute;
    bottom:0em;
    right:0em;
    padding:0 0.5em;
    cursor: pointer;
    border-radius: 2em;
    background: white;
}
.ellipsis.none{
    display: block;
}