@charset "UTF-8";
/* CSS Document */
/*****banner*****/
.bannerBox {
  position: relative; }
  .bannerBox .bannerTxtList {
    position: absolute;
    top: 50%;
    z-index: 5;
    width: 440px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (min-width: 1301px) {
      .bannerBox .bannerTxtList {
        left: calc((100% - 1200px) / 2); } }
    @media (max-width: 1300px) {
      .bannerBox .bannerTxtList {
        left: 50px; } }
    @media (max-width: 1000px) {
      .bannerBox .bannerTxtList {
        display: none; } }
    .bannerBox .bannerTxtList li {
      padding: 10px 0; }
    .bannerBox .bannerTxtList .Txt {
      position: relative;
      width: 100%;
      padding: 40px 40px 80px;
      background-color: rgba(255, 255, 255, 0.4); }
      @media (max-width: 1300px) {
        .bannerBox .bannerTxtList .Txt {
          padding-bottom: 60px; } }
      .bannerBox .bannerTxtList .Txt::before {
        content: '';
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: -1;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        background-color: #fff; }
    .bannerBox .bannerTxtList .titleTab {
      position: absolute;
      top: -10px;
      left: 40px;
      display: inline-block;
      padding: 5px 15px;
      color: #fff;
      background-color: #af8442; }
    @media (min-width: 1501px) {
      .bannerBox .bannerTxtList .titleEnMark {
        font-size: 35px; } }
    @media (min-width: 1301px) and (max-width: 1500px) {
      .bannerBox .bannerTxtList .titleEnMark {
        font-size: 20px; } }
    @media (max-width: 1300px) {
      .bannerBox .bannerTxtList .titleEnMark {
        font-size: 18px; } }
    .bannerBox .bannerTxtList .titleEnMark::after {
      content: '';
      display: block;
      width: 25px;
      height: 1px;
      border-bottom: 1px solid #d2d2d2; }
      @media (min-width: 1501px) {
        .bannerBox .bannerTxtList .titleEnMark::after {
          margin: 15px 0; } }
      @media (min-width: 1301px) and (max-width: 1501px) {
        .bannerBox .bannerTxtList .titleEnMark::after {
          margin: 10px 0; } }
      @media (max-width: 1300px) {
        .bannerBox .bannerTxtList .titleEnMark::after {
          display: none; } }
    .bannerBox .bannerTxtList .titleMark {
      font-weight: 400;
      color: #191919;
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis; }
      @media (min-width: 1301px) {
        .bannerBox .bannerTxtList .titleMark {
          font-size: 22px; } }
      @media (max-width: 1300px) {
        .bannerBox .bannerTxtList .titleMark {
          font-size: 20px; } }
    .bannerBox .bannerTxtList .txtExp {
      font-size: 14px;
      line-height: 23px;
      height: 70px; }
      @media (min-width: 1301px) {
        .bannerBox .bannerTxtList .txtExp {
          margin-top: 15px; } }
      @media (max-width: 1300px) {
        .bannerBox .bannerTxtList .txtExp {
          margin-top: 10px; } }
    .bannerBox .bannerTxtList .dots {
      left: 40px; }
      @media (min-width: 1301px) {
        .bannerBox .bannerTxtList .dots {
          bottom: 40px; } }
      @media (max-width: 1300px) {
        .bannerBox .bannerTxtList .dots {
          bottom: 30px; } }

/*****列表*****/
.facList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (min-width: 1401px) {
    .facList {
      margin: 0 -60px; } }
  @media (min-width: 1251px) and (max-width: 1400px) {
    .facList {
      margin: 0 -40px; } }
  @media (min-width: 1181px) and (max-width: 1250px) {
    .facList {
      margin: 0 -30px; } }
  @media (min-width: 961px) and (max-width: 1180px) {
    .facList {
      margin: 0 -15px; } }
  @media (min-width: 1181px) {
    .facList {
      padding-bottom: 50px; } }
  @media (min-width: 1401px) {
    .facList li {
      padding: 0 60px; } }
  @media (min-width: 1251px) and (max-width: 1400px) {
    .facList li {
      padding: 0 40px; } }
  @media (min-width: 1181px) and (max-width: 1250px) {
    .facList li {
      padding: 0 30px; } }
  @media (min-width: 961px) and (max-width: 1180px) {
    .facList li {
      width: 50%;
      padding: 30px 15px 40px; } }
  @media (max-width: 960px) {
    .facList li {
      padding: 20px 0;
      margin-top: 20px; } }
  @media (max-width: 500px) {
    .facList li:first-of-type {
      margin-top: 0; } }
  @media (min-width: 1181px) {
    .facList li:nth-of-type(even) {
      padding-top: 80px; } }
  @media (min-width: 1181px) {
    .facList li:nth-of-type(odd) {
      padding-bottom: 80px; } }
  .facList .Img img {
    display: block;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  @media (min-width: 501px) {
    .facList .Txt {
      padding-top: 20px; } }
  @media (max-width: 500px) {
    .facList .Txt {
      padding-top: 15px; } }
  .facList .classTitle {
    font-size: 13px;
    font-weight: 300;
    color: #808080; }
    @media (max-width: 1180px) {
      .facList .classTitle {
        display: none; } }
  .facList .top {
    padding-bottom: 15px;
    border-bottom: 1px solid #eaeaea; }
    @media (min-width: 501px) {
      .facList .top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
    @media (max-width: 500px) {
      .facList .top {
        text-align: center; } }
    @media (max-width: 1180px) {
      .facList .top {
        border-color: #af8442; } }
  .facList h3 {
    font-size: 18px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
    @media (min-width: 501px) {
      .facList h3 {
        margin-right: 20px; } }
  .facList .floorBox {
    padding-top: 5px;
    color: #af8442; }
  .facList .txtExp {
    margin-top: 15px;
    max-height: 50px;
    color: #454545; }
  .facList .timeBox {
    margin-top: 10px;
    color: #959595; }

/*****內頁*****/
.titleArea {
  margin-bottom: 40px; }
  @media (min-width: 641px) {
    .titleArea {
      padding-bottom: 40px;
      border-bottom: 1px solid #e5e5e5; } }
  @media (min-width: 1301px) {
    .titleArea .articleTitle {
      padding-top: 40px; } }
  @media (max-width: 1180px) {
    .titleArea .articleTitle {
      text-align: center; } }
  .titleArea .Img {
    position: relative; }
    @media (min-width: 1181px) {
      .titleArea .Img {
        margin-top: 45px; } }
    @media (max-width: 1180px) {
      .titleArea .Img {
        margin-top: 30px; } }
    .titleArea .Img img {
      display: block;
      width: 100%;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
  .titleArea .albumBtnBox {
    position: absolute;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .titleArea .side_album {
    display: none; }