@charset "utf-8";
/*Google網路中文字型 – Noto+Serifg (Chinese Traditional) 黑體*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:200,300,400,500,600,700,900');
/*Google網路中文字型 – Noto+Serifg (Chinese Traditional) 明體*/
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+TC:200,300,400,500,600,700,900');
/*Google網路中文字型 – cwTeXYen (Chinese Traditional) 圓體字型*/
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
/*Google網路中文字型 – cwTeXFangSong (Chinese Traditional) 仿宋體字型*/
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
@font-face {
  font-family: "jf-openhuninn";
  src: url('https://justfont.com/huninn/fonts/kosugi-maru.woff') format("woff"),
  url('https://github.com/justfont/open-huninn-font/raw/master/font/jf-openhuninn-1.0.ttf') format("ttf");
  font-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;}
.font3{font-family:'cwTeXYen',"Microsoft JhengHei","微軟正黑體","Heiti tc",  Arial, "新細明體", "PMingLiU", "細明體", "MingLiU", Helvetica, sans-serif;font-weight: 700;}
.font3-2{font-family:'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;}
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,
.font1 h1,.font1 h2,.font1 h3,.font1 h4,.font1 h5,.font1 h6,.font2 h1,.font2 h2,.font2 h3,.font2 h4,.font2 h5,.font2 h6{font-weight:500;}
h1.font1,h1 .font1,.font1 h1,h1.font2,h1 .font2,.font2 h1{font-weight: 900}
h2.font1,h2 .font1,.font1 h2,h2.font2,h2 .font2,.font2 h2{font-weight: 700}
@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-2xs{font-size: .5em}
.fa-bi{font-size: 1.25em}
.fa-lg{line-height: 1.25;}
.fw-bolder{font-weight: 900!important;}
.font-no-w{font-weight: normal;}
.padding-100{padding-bottom: 100px!important;}
/*不換行*/
.word-keep{-ms-word-break: keep-all; word-break: keep-all;}
/*直式文字*/
.text_ver{
    writing-mode: tb-rl;
    /*direction: ltr;*/
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    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;
}