@charset "utf-8";
/*Noto Sans TC-黑體*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&display=swap');
/*Noto Serif TC-明體*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;700;900&display=swap');
/*cwTeXYen 圓體字型*/
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
/*cwTeXKai 楷體字體*/
@import url(https://fonts.googleapis.com/earlyaccess/cwtexkai.css);

/*台灣圓體*//*引自:https://max-everyday.com/2020/06/taiwanpearl/*/
@font-face {
  font-family: 'TaiwanPearl';
  src: url(https://cdn.jsdelivr.net/gh/max32002/TaiwanPearl@2.125/webfont/TaiwanPearl-Regular.woff2) format("woff2")
, url(https://cdn.jsdelivr.net/gh/max32002/TaiwanPearl@2.125/webfont/TaiwanPearl-Regular.woff) format("woff");
}


.f-family01{font-family: "Noto Sans TC", sans-serif!important;}
.f-family02{font-family: "Noto Serif TC", sans-serif!important;}
.f-family03{font-family: "JasonHandwriting1-Medium", sans-serif!important;}

.lh-1d3{line-height: 1.3!important;}
.lh-1d5{line-height: 1.5!important;}

/*font-size*/
.f-1em{ font-size:1em!important;}
.f-1d2em{ font-size:1.2em!important;}
.f-1d4em{ font-size:1.4em!important;}
.f-1d6em{ font-size:1.6em!important;}
.f-1d8em{ font-size:1.8em!important;}
.f-2em{ font-size: 2em!important;}
.f-2d2em{ font-size: 2.2em!important;}
.f-2d4em{ font-size: 2.4em!important;}
.f-2d6em{ font-size: 2.6em!important;}
.f-2d8em{ font-size: 2.8em!important;}
.f-3em{ font-size: 3em!important;}
.f-3d6em{ font-size: 3.6em!important;}
.f-4em{ font-size: 4em!important;}
.f-4d6em{ font-size: 4.6em!important;}
.f-5em{ font-size: 5em!important;}

.fw_500{font-weight: 500!important;}
.fw_700{font-weight: 700!important;}
.fw_900{font-weight: 900!important;}

@media (min-width: 576px) {
.f-sm-1em{ font-size:1em!important;}
.f-sm-1d2em{ font-size:1.2em!important;}
.f-sm-1d4em{ font-size:1.4em!important;}
.f-sm-1d6em{ font-size:1.6em!important;}
.f-sm-1d8em{ font-size:1.8em!important;}
.f-sm-2em{ font-size: 2em!important;}
.f-sm-2d2em{ font-size: 2.2em!important;}
.f-sm-2d4em{ font-size: 2.4em!important;}
.f-sm-2d6em{ font-size: 2.6em!important;}
.f-sm-2d8em{ font-size: 2.8em!important;}
.f-sm-3em{ font-size: 3em!important;}
.f-sm-3d6em{ font-size: 3.6em!important;}
.f-sm-4em{ font-size: 4em!important;}
.f-sm-4d6em{ font-size: 4.6em!important;}
.f-sm-5em{ font-size: 5em!important;}  
   
}@media (min-width: 768px) {
.f-md-1em{ font-size:1em!important;}
.f-md-1d2em{ font-size:1.2em!important;}
.f-md-1d4em{ font-size:1.4em!important;}
.f-md-1d6em{ font-size:1.6em!important;}
.f-md-1d8em{ font-size:1.8em!important;}
.f-md-2em{ font-size: 2em!important;}
.f-md-2d2em{ font-size: 2.2em!important;}
.f-md-2d4em{ font-size: 2.4em!important;}
.f-md-2d6em{ font-size: 2.6em!important;}
.f-md-2d8em{ font-size: 2.8em!important;}
.f-md-3em{ font-size: 3em!important;}
.f-md-3d6em{ font-size: 3.6em!important;}
.f-md-4em{ font-size: 4em!important;}
.f-md-4d6em{ font-size: 4.6em!important;}
.f-md-5em{ font-size: 5em!important;}  
   
 }@media (min-width: 992px) {
.f-lg-1em{ font-size:1em!important;}
.f-lg-1d2em{ font-size:1.2em!important;}
.f-lg-1d4em{ font-size:1.4em!important;}
.f-lg-1d6em{ font-size:1.6em!important;}
.f-lg-1d8em{ font-size:1.8em!important;}
.f-lg-2em{ font-size: 2em!important;}
.f-lg-2d2em{ font-size: 2.2em!important;}
.f-lg-2d4em{ font-size: 2.4em!important;}
.f-lg-2d6em{ font-size: 2.6em!important;}
.f-lg-2d8em{ font-size: 2.8em!important;}
.f-lg-3em{ font-size: 3em!important;}
.f-lg-3d6em{ font-size: 3.6em!important;}
.f-lg-4em{ font-size: 4em!important;}
.f-lg-4d6em{ font-size: 4.6em!important;}
.f-lg-5em{ font-size: 5em!important;}     
}@media (min-width: 1200px) {
.f-xl-1em{ font-size:1em!important;}
.f-xl-1d2em{ font-size:1.2em!important;}
.f-xl-1d4em{ font-size:1.4em!important;}
.f-xl-1d6em{ font-size:1.6em!important;}
.f-xl-1d8em{ font-size:1.8em!important;}
.f-xl-2em{ font-size: 2em!important;}
.f-xl-2d2em{ font-size: 2.2em!important;}
.f-xl-2d4em{ font-size: 2.4em!important;}
.f-xl-2d6em{ font-size: 2.6em!important;}
.f-xl-2d8em{ font-size: 2.8em!important;}
.f-xl-3em{ font-size: 3em!important;}
.f-xl-3d6em{ font-size: 3.6em!important;}
.f-xl-4em{ font-size: 4em!important;}
.f-xl-4d6em{ font-size: 4.6em!important;}
.f-xl-5em{ font-size: 5em!important;}    
}/*#font-size*/