@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700;900&display=swap");
#article { max-width: 1280px; padding-bottom: 50px; }

#article .middleBanner { margin: 0px auto; width: 98%; display: block; overflow: hidden; background-color: #eeeeee; }

#article .middleBanner .bannerImg { width: 100%; height: 100%; max-width: 970px; max-height: 250px; margin: 0 auto; background-size: cover; background-position: center; }

@media screen and (max-width: 48em) { #article .middleBanner { padding: 0 5px; } }

.pageTitlePart { position: relative; padding: 0 10px; }

@media screen and (max-width: 64em) { .pageTitlePart { padding: 0 25px; } }

@media screen and (max-width: 48em) { .pageTitlePart { padding: 0 15px; } }

.pageTitlePart .pageMainTitle { position: relative; font-size: 32px; font-size: 2rem; font-weight: bold; line-height: 43.2px; margin-bottom: 15px; }

.pageTitlePart .pageSecTitle { position: relative; font-size: 18px; font-size: 1.16667rem; line-height: 35px; margin-bottom: 25px; }

.pageTitlePart .articleInfoGroup { margin-bottom: 20px; line-height: 25px; }

.pageTitlePart .articleInfoGroup .articleDate { font-size: 16px; font-size: 1rem; display: inline-block; color: #666666; }

.pageTitlePart .articleInfoGroup .articleAuthor { font-size: 16px; font-size: 1rem; display: inline-block; margin-left: 10px; color: #fc391d; }

.pageTitlePart .fbLikeBtn { position: absolute; width: 100px; height: 28px; bottom: 0; right: 10px; cursor: pointer; }

.pageTitlePart .fbLikeBtn .fbLikeT { position: absolute; line-height: 28px; color: #fff; top: 0; left: 28px; font-size: 13px; font-size: 0.83333rem; letter-spacing: 0px; }

.pageTitlePart .fbLikeBtn .fbLikeCount { position: absolute; width: 45px; text-align: center; line-height: 28px; color: #fff; top: 0; left: 53px; font-size: 13px; font-size: 0.83333rem; letter-spacing: 0px; }

@media screen and (max-width: 64em) { .pageTitlePart .fbLikeBtn { right: 25px; } }

@media screen and (max-width: 48em) { .pageTitlePart { padding: 0 15px; }
  .pageTitlePart .pageSecTitle { font-size: 1.5rem; line-height: 45px; }
  .pageTitlePart .pageMainTitle { font-size: 1.66667rem; line-height: 44px; }
  .pageTitlePart .articleInfoGroup .articleDate, .pageTitlePart .articleInfoGroup .articleAuthor { font-size: 1.16667rem; }
  .pageTitlePart .fbLikeBtn { right: 15px; } }

.pageSliderPart { margin: 0 10px; }

@media screen and (max-width: 64em) { .pageSliderPart { margin: 0 25px; } }

@media screen and (max-width: 48em) { .pageSliderPart { margin: 0 15px; } }

.pageViewCoverGroup { position: relative; padding-bottom: 15px; }

.pageViewCoverGroup .viewItem { position: relative; height: 150px; padding: 10px; cursor: pointer; }

.pageViewCoverGroup .viewItem .viewCover { position: relative; background-size: cover; height: 100%; }

.pageViewCoverGroup .viewItem .viewCover .black_bg { position: absolute; opacity: 0.6; z-index: 1; }

.pageViewCoverGroup .viewItem .viewCover .more { position: relative; text-align: center; font-size: 34px; font-size: 2.16667rem; color: #fff; line-height: 130px; letter-spacing: 5px; z-index: 1; display: none; }

.pageViewCoverGroup .viewItem:first-child { padding-left: 0px; }

.pageViewCoverGroup .viewItem.last { padding-right: 0px; }

.pageViewCoverGroup .viewItem.last .viewCover .more { display: block; }

@media screen and (max-width: 63.99em) { .pageViewCoverGroup .viewItem { height: 110px; padding: 5px; }
  .pageViewCoverGroup .viewItem .viewCover .more { line-height: 90px; }
  .pageViewCoverGroup .viewItem:nth-child(3), .pageViewCoverGroup .viewItem:nth-child(4) { display: none; }
  .pageViewCoverGroup .viewItem.last:nth-child(3), .pageViewCoverGroup .viewItem.last:nth-child(4) { display: block; } }

.bigCoverGroup, .smallCoverGroup { position: relative; margin-top: 0px; overflow: hidden; }

.bigCoverGroup .sliderArrowGroup, .smallCoverGroup .sliderArrowGroup { position: absolute; left: 0; right: 0; margin: auto; padding: 0 10px; width: 100%; z-index: 2; }

.bigCoverGroup .sliderArrowGroup .arrowLeft, .smallCoverGroup .sliderArrowGroup .arrowLeft { position: absolute; cursor: pointer; opacity: 1; }

.bigCoverGroup .sliderArrowGroup .arrowRight, .smallCoverGroup .sliderArrowGroup .arrowRight { position: absolute; cursor: pointer; opacity: 1; }

.bigCoverGroup .bigCoverSlider, .smallCoverGroup .bigCoverSlider { position: relative; height: 100%; }

.bigCoverGroup .bigCoverSlider .sliderItem, .smallCoverGroup .bigCoverSlider .sliderItem { position: relative; }

.bigCoverGroup .bigCoverSlider .sliderItem .sliderItemContent, .smallCoverGroup .bigCoverSlider .sliderItem .sliderItemContent { position: relative; text-decoration: none; background-color: #f8f8f8; height: 500px; /*can be anything*/ width: 100%; /*can be anything*/ }

@media screen and (max-width: 63.99em) { .bigCoverGroup .bigCoverSlider .sliderItem .sliderItemContent, .smallCoverGroup .bigCoverSlider .sliderItem .sliderItemContent { height: 380px; } }

.bigCoverGroup .bigCoverSlider .sliderItem .sliderItemContent .sliderCover, .smallCoverGroup .bigCoverSlider .sliderItem .sliderItemContent .sliderCover { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.bigCoverGroup .bigCoverSlider .sliderItem .sliderItemContent .sliderCoverAll, .smallCoverGroup .bigCoverSlider .sliderItem .sliderItemContent .sliderCoverAll { background: #eee; background-size: contain; background-position: center; background-repeat: no-repeat; }

.bigCoverGroup .bigCoverSlider .sliderItem .sliderItemContent .slideText, .bigCoverGroup .bigCoverSlider .sliderItem .sliderItemContent .slideTextShow, .smallCoverGroup .bigCoverSlider .sliderItem .sliderItemContent .slideText, .smallCoverGroup .bigCoverSlider .sliderItem .sliderItemContent .slideTextShow { position: relative; font-size: 18px; font-size: 1.16667rem; line-height: 25.2px; max-height: 50.4px; overflow: hidden; color: #fff; padding: 0 20px; }

.bigCoverGroup .bigCoverSlider .sliderItem .sliderItemContent .slideText, .smallCoverGroup .bigCoverSlider .sliderItem .sliderItemContent .slideText { display: none; }

.smallCoverGroup { padding: 0 10px; width: 100%; height: 100%; overflow: hidden; margin-top: 20px; }

@media screen and (max-width: 64em) { .smallCoverGroup { padding: 0 25px; } }

@media screen and (max-width: 48em) { .smallCoverGroup { padding: 0 15px; } }

.smallCoverGroup .sliderArrowGroup { top: 80%; z-index: 5; }

.smallCoverGroup .sliderArrowGroup .arrowLeft { top: 3px; left: 30px; transform: rotate(90deg); }

.smallCoverGroup .sliderArrowGroup .morePic { top: 0; left: 150px; cursor: pointer; }

.smallCoverGroup .sliderArrowGroup .arrowRight { top: 3px; right: 30px; transform: rotate(90deg); }

.smallCoverGroup .smallCoverSlider { width: 100%; height: 100%; margin: 0 auto; z-index: 2; }

.smallCoverGroup .smallCoverSlider .sliderItem { position: relative; outline: none; padding: 0 2px; cursor: pointer; }

.smallCoverGroup .smallCoverSlider .sliderItem .sliderItemContent { text-decoration: none; width: 100%; }

.smallCoverGroup .smallCoverSlider .sliderItem .sliderItemContent .sliderCover { position: relative; width: 100%; height: 0; padding-top: 60%; background-size: cover; background-position: center; border: 2px #343333 solid; }

.smallCoverGroup .smallCoverSlider .sliderItem .sliderItemContent .redBorder { border: 2px #fc391d solid; }

@media screen and (max-width: 64em) { .smallCoverGroup { margin: 10px 0; }
  .smallCoverGroup .sliderArrowGroup { top: 30%; }
  .smallCoverGroup .sliderArrowGroup .arrowLeft { left: 15px; }
  .smallCoverGroup .sliderArrowGroup .arrowRight { right: 15px; }
  .smallCoverGroup .smallCoverSlider { width: 100%; }
  .smallCoverGroup .smallCoverSlider .sliderItem { padding: 0 10px; } }

@media screen and (max-width: 35.5em) { .smallCoverGroup .sliderArrowGroup { top: 20%; }
  .smallCoverGroup .sliderArrowGroup .arrowLeft { left: 5px; }
  .smallCoverGroup .sliderArrowGroup .arrowRight { right: 5px; }
  .smallCoverGroup .smallCoverSlider { width: 88%; }
  .smallCoverGroup .smallCoverSlider .sliderItem { padding: 0 2px; } }

.pageArticle { position: relative; top: 0; }

.pageArticleContent { padding: 0 10px; }

@media screen and (max-width: 64em) { .pageArticleContent { padding: 0 25px; } }

@media screen and (max-width: 48em) { .pageArticleContent { padding: 0 15px; } }

.pageArticleContent .articleExample { font-size: 18px; font-size: 1.16667rem; line-height: 30px; text-align: justify; }

.pageArticleContent .articleExample p { margin: 10px 0; }

@media screen and (max-width: 48em) { .pageArticleContent .articleExample { font-size: 1.375rem; line-height: 40px; }
  .pageArticleContent .articleExample iframe { width: 100%; } }

.extendedReadingGroup { position: relative; padding: 0 10px; margin: 30px 0; }

@media screen and (max-width: 64em) { .extendedReadingGroup { padding: 0 25px; } }

@media screen and (max-width: 48em) { .extendedReadingGroup { padding: 0 15px; } }

.extendedReadingGroup .extendedReadingContent { padding: 15px; border: 2px solid #fc391d; }

.extendedReadingGroup .extendedReadingContent .extendTitle { font-size: 20px; font-size: 1.25rem; line-height: 27px; color: #fc391d; font-weight: bold; }

.extendedReadingGroup .extendArticleGroup { padding: 0 20px; }

.extendedReadingGroup .extendArticleGroup .extendArticle { color: #333333; font-size: 18px; font-size: 1.16667rem; line-height: 25.2px; padding: 10px 0; text-align: justify; text-decoration: none; }

.extendedReadingGroup .extendArticleGroup .extendArticle p { position: relative; border-bottom: 1px solid #c7c7c7; margin: 15px 0; }

.extendedReadingGroup .extendArticleGroup .extendArticle:last-child { border-bottom: none; }

@media screen and (max-width: 64em) { .extendedReadingGroup .extendArticleGroup { padding-right: 0px; } }

@media screen and (max-width: 48em) { .extendedReadingGroup .extendArticleGroup { padding-right: 0px; }
  .extendedReadingGroup .extendArticleGroup .extendArticle { font-size: 1.5rem; line-height: 36px; } }

.extendArticle.mouseOver p { color: #fc391d; }

.keywordGroup { position: relative; padding: 0 10px; margin-top: 50px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 64em) { .keywordGroup { padding: 0 25px; } }

@media screen and (max-width: 48em) { .keywordGroup { padding: 0 15px; } }

.keywordGroup a { position: relative; text-decoration: none; color: #333; padding: 10px 15px; margin: 5px 0; margin-right: 10px; background-color: #d8d8d8; font-size: 16px; font-size: 1rem; line-height: 12px; }

.keywordGroup .keyPoint.mouseOver { color: #fc391d; }

@media screen and (max-width: 48em) { .keywordGroup a { font-size: 1.16667rem; } }

.shareGroup { position: relative; padding: 0 10px; margin: 30px 0; }

@media screen and (max-width: 64em) { .shareGroup { padding: 0 25px; } }

@media screen and (max-width: 48em) { .shareGroup { padding: 0 15px; } }

.shareGroup .shareBtn { position: relative; display: inline-block; margin-right: 15px; }

.shareGroupPC { position: absolute; width: 40px; z-index: 1; top: 0; left: -30px; }

.shareGroupPC a { width: 100%; }

.shareGroupMB { position: relative; width: 100%; height: 50px; z-index: 2; margin: 30px auto; text-align: center; }

.shareGroupMB a { height: 50px; }

.shareGroupMB .fbShare { background-color: #3c5b9b; }

.shareGroupMB .lineShare { background-color: #03c302; }

.shareGroupMB .mailShare { background-color: #eaeaea; }

@media screen and (max-width: 64em) { .wonderfulGroup .itemContentGroup:nth-child(9) { display: none; } }

.youIntoGroup { margin-top: -5px; margin-bottom: 20px; }

.otherArticleGroup { position: relative; margin: 0 auto; margin-bottom: 40px; max-width: 300px; padding: 0 10px; }

@media screen and (max-width: 64em) { .otherArticleGroup { padding: 0 25px; } }

@media screen and (max-width: 48em) { .otherArticleGroup { padding: 0 15px; } }

@media screen and (max-width: 64em) { .otherArticleGroup { margin: 40px 0; margin-bottom: 50px; max-width: 100%; } }

.block_pic div:first-child { padding-right: 5px; }

.block_pic div:last-child { padding-left: 5px; }