.f-s-normal {
  font-family: "Microsoft JhengHei";
}

.font-bold {
  font-weight: bold;
}

.font-bolder {
  font-weight: bolder;
}

.font-lighter {
  font-weight: lighter;
}

.font-italic {
  font-style: italic;
}

.font-line {
  text-decoration: underline;
}

.font-line-through {
  text-decoration: line-through;
}

.font-shadow1 {
  text-shadow: 0.1em 0.1em 0.1em #272727;
}

.line-h2 {
  line-height: 2;
}

.line-h3 {
  line-height: 3;
}

.font-0 {
  font-size: 0;
}

.font-sz-10 {
  font-size: 0.1rem;
}

.font-sz-20 {
  font-size: 0.2rem;
}

.font-sz-30 {
  font-size: 0.3rem;
}

.font-sz-40 {
  font-size: 0.4rem;
}

.font-sz-50 {
  font-size: 0.5rem;
}

.font-sz-60 {
  font-size: 0.6rem;
}

.font-sz-70 {
  font-size: 0.7rem;
}

.font-sz-80 {
  font-size: 0.8rem;
}

.font-sz-90 {
  font-size: 0.9rem;
}

.font-sz-100 {
  font-size: 1rem;
}

.font-sz-110 {
  font-size: 1.1rem;
}

.font-sz-120 {
  font-size: 1.2rem;
}

.font-sz-130 {
  font-size: 1.3rem;
}

.font-sz-140 {
  font-size: 1.4rem;
}

.font-sz-150 {
  font-size: 1.5rem;
}

.font-sz-160 {
  font-size: 1.6rem;
}

.font-sz-170 {
  font-size: 1.7rem;
}

.font-sz-180 {
  font-size: 1.8rem;
}

.font-sz-190 {
  font-size: 1.9rem;
}

.font-sz-200 {
  font-size: 2rem;
}

.font-sz-210 {
  font-size: 2.1rem;
}

.font-sz-220 {
  font-size: 2.2rem;
}

.font-sz-230 {
  font-size: 2.3rem;
}

.font-sz-240 {
  font-size: 2.4rem;
}

.font-sz-250 {
  font-size: 2.5rem;
}

.font-sz-260 {
  font-size: 2.6rem;
}

.font-sz-270 {
  font-size: 2.7rem;
}

.font-sz-280 {
  font-size: 2.8rem;
}

.font-sz-290 {
  font-size: 2.9rem;
}

.font-sz-300 {
  font-size: 3rem;
}

.font-sz-310 {
  font-size: 3.1rem;
}

.font-sz-320 {
  font-size: 3.2rem;
}

.font-sz-330 {
  font-size: 3.3rem;
}

.font-sz-340 {
  font-size: 3.4rem;
}

.font-sz-350 {
  font-size: 3.5rem;
}

.font-sz-360 {
  font-size: 3.6rem;
}

.font-sz-370 {
  font-size: 3.7rem;
}

.font-sz-380 {
  font-size: 3.8rem;
}

.font-sz-390 {
  font-size: 3.9rem;
}

.font-sz-400 {
  font-size: 4rem;
}

.font-sz-410 {
  font-size: 4.1rem;
}

.font-sz-420 {
  font-size: 4.2rem;
}

.font-sz-430 {
  font-size: 4.3rem;
}

.font-sz-440 {
  font-size: 4.4rem;
}

.font-sz-450 {
  font-size: 4.5rem;
}

.font-sz-460 {
  font-size: 4.6rem;
}

.font-sz-470 {
  font-size: 4.7rem;
}

.font-sz-480 {
  font-size: 4.8rem;
}

.font-sz-490 {
  font-size: 4.9rem;
}

.font-sz-500 {
  font-size: 5rem;
}

.word-breakend {
  word-wrap: break-word;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-dispersion {
  text-align: justify;
  text-justify: distribute-all-lines;
  text-align-last: justify;
}

.writing-lr {
  writing-mode: vertical-lr;
}

.writing-rl {
  writing-mode: vertical-rl;
}

.writing-upright {
  -webkit-text-orientation: upright;
          text-orientation: upright;
}

.writing-sideways-l {
  -webkit-text-orientation: sideways;
          text-orientation: sideways;
}

.writing-sideways-r {
  -webkit-text-orientation: sideways;
          text-orientation: sideways;
  transform: rotate(-180deg);
}

.writing-upright-align {
  -webkit-text-orientation: upright;
          text-orientation: upright;
  transform: rotate(-90deg);
}

.font-dis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.font-dis2 {
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.font-dis3 {
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.font-dis4 {
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}