@charset "UTF-8";
/* ============ Common ============ */
html {
  font-size: 62.5%; }

body {
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  font-family: 'Noto Serif TC',Arial, monospace, sans-serif;
  background: #efefef;
  color: #e7ecfc; }

* {
  margin: 0;
  padding: 0; }

h1 {
  margin: 0; }

h2 {
  font-size: 5.0rem; }

h3 {
  font-size: 3.0rem; }

h4 {
  font-size: 2.4rem; }

h5 {
  font-size: 2.0rem; }

h6 {
  font-size: 1.8rem; }

p {
  font-size: 1.3rem; }

a {
  text-decoration: none;
  color: #464646; }

img {
  width: 100%; }

ul, li {
  list-style: none; }

.m,
a.play_icon.m {
  display: none; }

a:hover {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2); }

::-moz-selection {
  background: #efefef;
  color: #444255; }

::selection {
  background: #efefef;
  color: #444255; }

::-moz-selection {
  background: #efefef;
  color: #444255; }

.news_list_area .news_list ul.list li a p::-moz-selection {
  background: #dbe6d2; }

.news_list_area .news_list ul.list li a p::selection {
  background: #dbe6d2; }

.news_list_area .news_list ul.list li a p::-moz-selection {
  background: #dbe6d2; }

.news_list_area .news_detail p::-moz-selection {
  background: #dbe6d2; }

.news_list_area .news_detail p::selection {
  background: #dbe6d2; }

.news_list_area .news_detail p::-moz-selection {
  background: #dbe6d2; }

.page_numbe::-moz-selection, .page_number ul::-moz-selection,
.page_number ul a::-moz-selection, .page_number ul span::-moz-selection {
  background: none; }

.page_numbe::selection, .page_number ul::selection,
.page_number ul a::selection, .page_number ul span::selection {
  background: none; }

.page_numbe::-moz-selection, .page_number ul::-moz-selection,
.page_number ul a::-moz-selection, .page_number ul span::-moz-selection {
  background: none; }

.news_tab {
  position: relative;
  background: #7d8aa7;
  width: 100%;
  height: 6em; }
  .news_tab ul {
    position: absolute;
    bottom: 0;
    width: 100%; }
    .news_tab ul li {
      display: inline-block;
      width: 20%;
      height: 4em;
      line-height: 4em;
      margin-left: .5em;
      margin-right: .5em; }
      .news_tab ul li:hover {
        background: #efefef; }
        .news_tab ul li:hover a {
          color: #444255; }
      .news_tab ul li.active {
        background: #efefef; }
        .news_tab ul li.active a {
          color: #444255; }
      .news_tab ul li a {
        display: block;
        color: #FFF; }

.news_list_area {
  margin: 0 auto;
  width: 100%; }
  .news_list_area .news_list {
    position: relative;
    width: 100%;
    min-height: 56em;
    background: #efefef;
    padding-top: 4em; }
    .news_list_area .news_list ul.list li {
      position: relative;
      margin: 0 auto;
      width: calc( 100% - 8em);
      text-align: left;
      padding: .4em 0;
      border-bottom: 1px #ddd solid; }
      .news_list_area .news_list ul.list li a {
        position: relative;
        display: block;
        color: #444255; }
        .news_list_area .news_list ul.list li a span, .news_list_area .news_list ul.list li a p, .news_list_area .news_list ul.list li a b {
          display: inline-block;
          vertical-align: middle; }
        .news_list_area .news_list ul.list li a span {
          background: #9f9f9f;
          color: #FFF;
          width: 6em;
          font-size: .8em;
          line-height: 2.5em;
          text-align: center;
          border-radius: .5em; }
        .news_list_area .news_list ul.list li a p {
          font-size: 1.1em;
          line-height: 3em;
          width: 38em;
          height: 3em;
          padding-left: 1em;
          overflow: hidden; }
        .news_list_area .news_list ul.list li a b {
          position: absolute;
          right: 0;
          font-size: .7em;
          line-height: 4.5em; }
          .news_list_area .news_list ul.list li a b:before {
            content: '｜';
            display: inline; }
          .news_list_area .news_list ul.list li a b em {
            font-style: normal; }
    .news_list_area .news_list ul.list li.type_A span {
      background: #ca7373; }
    .news_list_area .news_list ul.list li.type_B span {
      background: #85acc7; }
    .news_list_area .news_list ul.list li.type_C span {
      background: #9f9f9f; }

.page_number {
  margin: 0 auto;
  width: 100%;
  padding: 5em 0; }
  .page_number ul {
    display: inline-block;
    vertical-align: middle;
    margin-left: .3em;
    margin-right: .3em; }
  .page_number ul > a {
    display: inline-block;
    background: #a4a2b4;
    width: 4em;
    height: 1.8em;
    line-height: 1.8em;
    color: #FFF; }
    .page_number ul > a.last {
      width: 1.8em; }
      .page_number ul > a.last span {
        display: inline;
        font-size: .5em;
        vertical-align: top; }
    .page_number ul > a:hover {
      -webkit-filter: brightness(1.2);
      filter: brightness(1.2); }
  .page_number ul.page_number_nav {
    position: relative; }
    .page_number ul.page_number_nav:before, .page_number ul.page_number_nav:after {
      content: '';
      display: inline-block;
      display: none;
      width: 2em;
      height: 1.5em;
      vertical-align: text-bottom; }
    .page_number ul.page_number_nav span {
      display: inline-block;
      width: 2em;
      height: 1.5em;
      vertical-align: text-bottom; }
    .page_number ul.page_number_nav li, .page_number ul.page_number_nav a.number {
      display: inline-block;
      width: 2em;
      height: 2em;
      line-height: 2em;
      background: none;
      color: #8a87a5; }
      .page_number ul.page_number_nav li a, .page_number ul.page_number_nav a.number a {
        color: #8a87a5; }
      .page_number ul.page_number_nav li.active, .page_number ul.page_number_nav a.number.active {
        background: #7890cb;
        font-size: 1.3em;
        width: 3em;
        height: 3em;
        line-height: 3em;
        border-radius: 100%;
        color: #FFF; }
        .page_number ul.page_number_nav li.active a, .page_number ul.page_number_nav a.number.active a {
          display: inline-block;
          width: 3em;
          color: #FFF;
          text-align: center; }
      .page_number ul.page_number_nav li:hover, .page_number ul.page_number_nav a.number:hover {
        -webkit-filter: brightness(1.1);
        filter: brightness(1.1);
        cursor: pointer; }
    .page_number ul.page_number_nav p {
      display: inline-block;
      color: #8a87a5;
      letter-spacing: -.5em; }

/* ============ news_in 新聞內頁 ============ */
.news_list_area .news_list_in {
  padding-bottom: 4em;
  min-height: auto; }
  .news_list_area .news_list_in:before, .news_list_area .news_list_in:after {
    background-position: 50% 1.9%; }
  .news_list_area .news_list_in span.color_line {
    position: absolute;
    display: block;
    top: 0;
    width: 100%;
    height: .5em;
    background: #ca7373; }
    .news_list_area .news_list_in span.color_line.color_red {
      background: #ca7373; }
    .news_list_area .news_list_in span.color_line.color_blue {
      background: #85acc7; }
    .news_list_area .news_list_in span.color_line.color_gray {
      background: #9f9f9f; }
  .news_list_area .news_list_in ul.list li a {
    padding-bottom: 2em; }
    .news_list_area .news_list_in ul.list li a p {
      height: auto;
      line-height: 1.6em;
      font-size: 1.3em;
      width: calc( 100% - 6em); }
    .news_list_area .news_list_in ul.list li a b {
      bottom: -1em;
      font-size: .9em; }

.news_list_area .news_detail {
  margin: 0 auto;
  width: calc(100% - 8em);
  font-size: 12pt;
  color: #444255;
  text-align: left;
  padding-top: 3em;
  padding-bottom: 3em; }
  .news_list_area .news_detail p, .news_list_area .news_detail a, .news_list_area .news_detail b, .news_list_area .news_detail span {
    font-size: 1em; }
  .news_list_area .news_detail img {
    max-width: 60%;
    height: auto !important; }

.news_list_area a.btn_prev_page {
  display: block;
  margin: 0 auto;
  background: #8c89a5;
  color: #FFF;
  width: 8em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: .5em; }
  .news_list_area a.btn_prev_page:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2); }
  .news_list_area a.btn_prev_page:active {
    background: #5a689a; }

/* ============================================================================= */
/* for 平板 */
/* =============================================================================

/* -------------- iPAD PRO -------------- */
@media screen and (max-device-width: 1024px) and (min-device-height: 1366px) {
  .news_list_area {
    font-size: 1.4em; }
    .news_list_area .news_list ul.list {
      padding-left: 4em;
      padding-right: 4em; }
      .news_list_area .news_list ul.list li {
        width: 100%; }
        .news_list_area .news_list ul.list li a p {
          width: calc( 100% - 8em);
          padding-left: .5em; }
    .news_list_area .news_list.news_list_in {
      padding-top: 2.5em; }
      .news_list_area .news_list.news_list_in:before, .news_list_area .news_list.news_list_in:after {
        font-size: .8em;
        background-position: 0 0; }
      .news_list_area .news_list.news_list_in ul.list li a span {
        display: block;
        width: 6em;
        line-height: 2.5em;
        margin-left: 1.5em;
        margin-bottom: .5em; }
      .news_list_area .news_list.news_list_in ul.list li a p {
        width: calc( 100% - 2em);
        padding: 0 1em;
        text-align: justify;
        line-height: 1.4em; }
    .news_list_area .news_detail {
      font-size: 1em;
      width: calc(100% - 10em); }
      .news_list_area .news_detail img {
        max-width: 100%; }
    .news_list_area a.btn_prev_page {
      font-size: 1.2em; }
  .news_tab ul li {
    margin-left: 0;
    margin-right: 0;
    width: 20%; } }

/* -------------- PAD -------------- */
@media screen and (max-width: 800px) {
  .news_list_area .news_list ul.list {
    padding-left: 3em;
    padding-right: 4em; }
    .news_list_area .news_list ul.list li {
      width: 100%; }
      .news_list_area .news_list ul.list li a p {
        width: calc( 100% - 8em);
        padding-left: .5em; }
  .news_list_area .news_list.news_list_in {
    padding-top: 2.5em; }
    .news_list_area .news_list.news_list_in:before, .news_list_area .news_list.news_list_in:after {
      font-size: .8em;
      background-position: 0 0; }
    .news_list_area .news_list.news_list_in ul.list li a span {
      display: block;
      width: 6em;
      line-height: 2.5em;
      margin-left: 1.5em;
      margin-bottom: .5em; }
    .news_list_area .news_list.news_list_in ul.list li a p {
      width: calc( 100% - 2em);
      padding: 0 1em;
      text-align: justify;
      line-height: 1.4em; }
  .news_list_area .news_detail img {
    max-width: 100%; }
  .news_list_area a.btn_prev_page {
    font-size: 1.2em; }
  .news_tab ul li {
    margin-left: 0;
    margin-right: 0;
    width: 20%; } }

/* -------------- Phone -------------- */
@media screen and (max-width: 480px) {
  .news_tab {
    height: 5em; }
    .news_tab ul li {
      width: 23%; }
  .news_list_area {
    width: 100%;
    font-size: .8em; }
    .news_list_area .news_list {
      padding-top: 2em;
      min-height: auto; }
      .news_list_area .news_list:before, .news_list_area .news_list:after {
        display: none; }
      .news_list_area .news_list ul.list {
        padding-left: 1.5em;
        padding-right: 1.5em;
        font-size: 1.2em; }
        .news_list_area .news_list ul.list li {
          width: 100%;
          padding: .2em 0; }
          .news_list_area .news_list ul.list li a span {
            width: 6.5em;
            line-height: 3em; }
          .news_list_area .news_list ul.list li a p {
            width: calc( 100% - 9em); }
    .news_list_area .news_detail {
      width: 80%;
      font-size: 1.2em; }
  .page_number {
    padding-top: 3em; } }

@media screen and (max-width: 375px) {
  .section.news_page1 {
    height: 35em; }
  .news_list_area {
    font-size: .7em; }
    .news_list_area .news_list ul.list {
      padding-left: 1em;
      padding-right: 1em;
      font-size: 1.4em; }
    .news_list_area a.btn_prev_page {
      font-size: 1.5em; } }

/* 長螢幕畫面 */
/* Pixel 2 XL 411x823 */
@media screen and (max-width: 414px) and (min-height: 823px) {
  .section.news_page1 {
    height: 28em; }
  .news_list_area .news_list ul.list li a p {
    width: calc( 100% - 9em); } }

/* iPhone X */
@media screen and (max-width: 375px) and (min-height: 812px) {
  .section.news_page1 {
    height: 28em; }
  .news_list_area {
    font-size: .8em; }
    .news_list_area .news_list ul.list {
      font-size: 1.1em; }
      .news_list_area .news_list ul.list li a p {
        width: calc( 100% - 9em); } }

/* iPhone SE */