.fb-share {
  position: fixed;
  right: 0;
  top: 50%;
  width: 70px;
  cursor: pointer;
  z-index: 999999;
}

#main {
  padding-top: 57px;
}

@media only screen and (max-width: 767px) {
  #main {
    padding-top: 0px;
  }
}

/* Break Set */
.related-articles__container {
  padding: 3.5rem 4.7rem 5rem 4.99rem;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .related-articles__container {
    padding: 0 2.1rem;
  }
}

.related-article {
  width: 48.75%;
}

@media only screen and (max-width: 767px) {
  .related-article {
    width: 100%;
    margin-bottom: 2rem;
  }
}

.related-article__image {
  width: 37.1%;
}

.related-article__text-wrapper {
  width: 58.1%;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .related-article__text-wrapper {
    background: transparent;
  }
}

.dairy {
  padding: 0 0.9rem 0 1.1rem;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .dairy {
    padding: 0 2rem 0 2rem;
  }
}

@media only screen and (max-width: 425px) {
  .dairy {
    padding: 0 1.2rem 0 1.2rem;
  }
}

.dairy__author-image {
  position: relative;
  width: 50%;
  margin: 0 auto;
}

@media only screen and (max-width: 940px) {
  .dairy__author-image {
    width: 60%;
  }
}

@media only screen and (max-width: 767px) {
  .dairy__author-image {
    width: 75%;
    margin-bottom: 2rem;
  }
}

@media only screen and (max-width: 425px) {
  .dairy__author-image {
    width: 90%;
  }
}

.text__author-intro {
  font-family: "LibreFranklin-Regular", ReaderMedium, "Microsoft JhengHei UI","Microsoft JhengHei","Microsoft YaHei UI","Microsoft YaHei",Medium,sans-serif;
  text-align: center;
  font-size: 18px;
  line-height: 2;
  position: absolute;
  top: 1rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 150%;
}

@media only screen and (max-width: 768px) {
  .text__author-intro--mb {
    position: relative;
    width: 150%;
    top: -1rem;
  }
}

@media only screen and (max-width: 500px) {
  .text__author-intro {
    top: -2rem;
    font-size: 16px;
  }
  .text__author-intro--mb {
    top: -1rem;
  }
}

.text__related-articles-header {
  font-family: "LibreFranklin-Regular", ReaderMedium, "Microsoft JhengHei UI","Microsoft JhengHei","Microsoft YaHei UI","Microsoft YaHei",Medium,sans-serif;
  font-size: 14px;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid black;
  width: 28.4%;
  margin-bottom: 4rem;
}

@media only screen and (max-width: 768px) {
  .text__related-articles-header {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 23px;
  }
  .text__related-articles-header-en {
    font-size: 14px;
  }
  .text__related-articles-header--mb {
    margin-bottom: 2rem;
  }
}

.text__related-articles-title {
  font-family: "LibreFranklin-Regular", ReaderMedium, "Microsoft JhengHei UI","Microsoft JhengHei","Microsoft YaHei UI","Microsoft YaHei",Medium,sans-serif;
  font-size: 15px;
}

@media only screen and (max-width: 768px) {
  .text__related-articles-title {
    font-size: 18px;
  }
}

@media only screen and (max-width: 425px) {
  .text__related-articles-title {
    font-size: 14px;
  }
}

.text__related-articles-sub-title {
  font-family: "LibreFranklin-Regular", ReaderMedium, "Microsoft JhengHei UI","Microsoft JhengHei","Microsoft YaHei UI","Microsoft YaHei",Medium,sans-serif;
  color: #989898;
  font-size: 14px;
}

@media only screen and (max-width: 768px) {
  .text__related-articles-sub-title {
    font-size: 16px;
  }
}

@media only screen and (max-width: 425px) {
  .text__related-articles-sub-title {
    font-size: 12px;
  }
}

.text__related-articles-desc {
  font-family: "LibreFranklin-Regular", ReaderMedium, "Microsoft JhengHei UI","Microsoft JhengHei","Microsoft YaHei UI","Microsoft YaHei",Medium,sans-serif;
  font-size: 14px;
  padding-bottom: 25px;
}

@media only screen and (max-width: 768px) {
  .text__related-articles-desc {
    font-size: 18px;
  }
}

@media only screen and (max-width: 425px) {
  .text__related-articles-desc {
    font-size: 14px;
  }
}

.text__related-articles-read-more {
  font-family: "LibreFranklin-Regular", ReaderMedium, "Microsoft JhengHei UI","Microsoft JhengHei","Microsoft YaHei UI","Microsoft YaHei",Medium,sans-serif;
  color: #989898;
  font-size: 14px;
  border-bottom: 1px solid black;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50%;
  text-align: right;
  padding-bottom: 0.5rem;
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  .text__related-articles-read-more {
    font-size: 16px;
  }
}

@media only screen and (max-width: 425px) {
  .text__related-articles-read-more {
    font-size: 12px;
  }
}

.text--hardwriting {
  font-family: "mlingwaimediumTC";
}

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

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

@media only screen and (max-width: 767px) {
  .text--md-center {
    text-align: center;
  }
  .text--md-left {
    text-align: left;
  }
}

.text-color--black {
  color: #000000;
}

.text-color--gray {
  color: #808080;
}

.text-color--red {
  color: #c1272d;
}

.text-color--white {
  color: #ffffff;
}

.text-color--gold {
  color: #85754e;
}

.floating__box {
  position: fixed;
  right: 0;
  z-index: 99999999999;
  top: 20%;
}

@media only screen and (max-width: 767px) {
  .floating__box {
    display: none;
  }
}

.floating__wrapper {
  padding: 15px 0 15px 15px;
}

.floating__title {
  font-family: "LibreFranklin-Regular", ReaderMedium, "Microsoft JhengHei UI","Microsoft JhengHei","Microsoft YaHei UI","Microsoft YaHei",Medium,sans-serif;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  display: inline-block;
  font-size: 16px;
}

.floating__title--en {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.floating__title-wrapper {
  cursor: pointer;
}

.floating__title--open {
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.floating__icon {
  width: 15px;
}

.floating__icon img {
  margin: 10px 0;
}

.floating__icon--open {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.floating__list {
  display: none;
  height: 420px;
  overflow: auto;
}

.floating__list--open {
  display: block;
}

.floating__list-item {
  margin-bottom: 30px;
}

.floating__list-image {
  width: 100px;
}

.floating__list-title {
  font-family: "LibreFranklin-Regular", ReaderMedium, "Microsoft JhengHei UI","Microsoft JhengHei","Microsoft YaHei UI","Microsoft YaHei",Medium,sans-serif;
  color: #808080;
  margin: 10px 0;
  font-size: 14px;
}

.floating__list-link {
  font-family: "LibreFranklin-Regular", ReaderMedium, "Microsoft JhengHei UI","Microsoft JhengHei","Microsoft YaHei UI","Microsoft YaHei",Medium,sans-serif;
  color: #c0272d;
  padding-bottom: 10px;
  border-bottom: 1px solid #808080;
  display: block;
  cursor: pointer;
  text-decoration: none;
  font-size: 14px;
}

.bg--white {
  background: #ffffff;
}

.bg--black {
  background: #000000;
}

/* Break Set */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.page-wrapper {
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}

.page-wrapper__content {
  margin: 0 auto;
  max-width: 940px;
}

/* Break Set */
.br1070 {
  display: block !important;
}

.view1070 {
  display: none !important;
}

@media only screen and (max-width: 1070px) {
  .br1070 {
    display: none !important;
  }
  .view1070 {
    display: block !important;
  }
}

.br1024 {
  display: block !important;
}

.view1024 {
  display: none !important;
}

@media only screen and (max-width: 1024px) {
  .br1024 {
    display: none !important;
  }
  .view1024 {
    display: block !important;
  }
}

.br960 {
  display: block !important;
}

.view960 {
  display: none !important;
}

@media only screen and (max-width: 960px) {
  .br960 {
    display: none !important;
  }
  .view960 {
    display: block !important;
  }
}

.br940 {
  display: block !important;
}

.view940 {
  display: none !important;
}

@media only screen and (max-width: 940px) {
  .br940 {
    display: none !important;
  }
  .view940 {
    display: block !important;
  }
}

.br892 {
  display: block !important;
}

.view892 {
  display: none !important;
}

@media only screen and (max-width: 892px) {
  .br892 {
    display: none !important;
  }
  .view892 {
    display: block !important;
  }
}

.br860 {
  display: block !important;
}

.view860 {
  display: none !important;
}

@media only screen and (max-width: 860px) {
  .br860 {
    display: none !important;
  }
  .view860 {
    display: block !important;
  }
}

.br800 {
  display: block !important;
}

.view800 {
  display: none !important;
}

@media only screen and (max-width: 800px) {
  .br800 {
    display: none !important;
  }
  .view800 {
    display: block !important;
  }
}

.br768 {
  display: block !important;
}

.view768 {
  display: none !important;
}

@media only screen and (max-width: 768px) {
  .br768 {
    display: none !important;
  }
  .view768 {
    display: block !important;
  }
}

.br767 {
  display: block !important;
}

.view767 {
  display: none !important;
}

@media only screen and (max-width: 767px) {
  .br767 {
    display: none !important;
  }
  .view767 {
    display: block !important;
  }
}

.br700 {
  display: block !important;
}

.view700 {
  display: none !important;
}

@media only screen and (max-width: 700px) {
  .br700 {
    display: none !important;
  }
  .view700 {
    display: block !important;
  }
}

.br650 {
  display: block !important;
}

.view650 {
  display: none !important;
}

@media only screen and (max-width: 650px) {
  .br650 {
    display: none !important;
  }
  .view650 {
    display: block !important;
  }
}

.br600 {
  display: block !important;
}

.view600 {
  display: none !important;
}

@media only screen and (max-width: 600px) {
  .br600 {
    display: none !important;
  }
  .view600 {
    display: block !important;
  }
}

.br550 {
  display: block !important;
}

.view550 {
  display: none !important;
}

@media only screen and (max-width: 550px) {
  .br550 {
    display: none !important;
  }
  .view550 {
    display: block !important;
  }
}

.br520 {
  display: block !important;
}

.view520 {
  display: none !important;
}

@media only screen and (max-width: 520px) {
  .br520 {
    display: none !important;
  }
  .view520 {
    display: block !important;
  }
}

.br480 {
  display: block !important;
}

.view480 {
  display: none !important;
}

@media only screen and (max-width: 480px) {
  .br480 {
    display: none !important;
  }
  .view480 {
    display: block !important;
  }
}

.br450 {
  display: block !important;
}

.view450 {
  display: none !important;
}

@media only screen and (max-width: 450px) {
  .br450 {
    display: none !important;
  }
  .view450 {
    display: block !important;
  }
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  margin: 0;
}

embed,
iframe,
img,
object,
video {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

/*app css*/
@media only screen and (min-width: 640px) {
  .footer_back_to_top {
    position: fixed;
    right: 0%;
    margin-right: 0px;
    bottom: 0px;
    z-index: 3;
  }
}

@media only screen and (max-width: 979px) and (min-width: 641px) {
  .overlay-sidebar {
    z-index: 3;
  }
}

iframe {
  border: none;
}

div,
p {
  font-size: inherit;
}
/*# sourceMappingURL=main.css.map */