@charset "utf-8";
/*Google網路中文字型 – cwTeXFangSong (Chinese Traditional) 仿宋體字型*/
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');
@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=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');
/*英文手寫字*/
@import url('https://fonts.googleapis.com/css2?family=Happy+Monkey&display=swap');
*{-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:'Zen Maru Gothic','M PLUS Rounded 1c','jf-openhuninn','jf-openhuninn1.1','cwTeXYen',"Microsoft JhengHei","微軟正黑體","Heiti tc",  Arial, "新細明體", "PMingLiU", "細明體", "MingLiU", Helvetica, sans-serif;}
.font4{font-family:'cwtexfangsong',"Microsoft JhengHei","微軟正黑體","Heiti tc",  Arial, "新細明體", "PMingLiU", "細明體", "MingLiU", Helvetica, sans-serif;}
.font5{font-family: 'Happy Monkey',"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; */}
.fa-s{font-size: 1em}
.fa-bi{font-size: 1.5em}
.fa-sl{font-size: 1.5em}
.fa-jb{font-size: 1.75em}
.fa-lg{line-height: 1.25;}
.fw-bolder{font-weight: 900!important; }
.font-no-w{font-weight: normal;}
.text-justify{text-align:justify;text-justify: auto;}
.spac-_2xs{letter-spacing: -0.25em;}
.spac-2xs{letter-spacing: 0.25em;}
.spac-xs{letter-spacing: 0.5em;}
.spac-sm{letter-spacing: 0.75em;}
.spac-1x{letter-spacing: 1em;}

/*直式文字*/
.text_ver{
    writing-mode: tb-rl;
    /*direction: ltr;*/
    -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;
}