/* CSS Document */
.packageArea .trafficBox .Img, .packageArea .trafficBox .Img img {
  transition: all .5s; }

.contentBox .leftBox {
  padding: 0 50px 0 0; }
  @media (max-width: 1023px) {
    .contentBox .leftBox {
      padding: 0; } }

.contentBox .rightBox {
  padding: 0; }

.shareBox {
  float: right; }

.packageArea {
  position: relative;
  background-color: #f2f2ee;
  z-index: 2;
  padding: 0 0 90px 0; }
  @media (max-width: 1366px) {
    .packageArea {
      padding: 0 20px 90px 20px; } }
  .packageArea .titleBox {
    position: relative;
    padding: 60px 0 30px 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #f2f2ee;
    top: -70px;
    border-bottom: 1px solid #dddddd; }
    .packageArea .titleBox .titleEn {
      font-weight: 400;
      font-size: 46px;
      text-transform: uppercase;
      letter-spacing: 1.76px;
      font-family: "DM Serif Display";
      font-style: italic;
      color: #222; }
      .packageArea .titleBox .titleEn span {
        color: #b1ab6f; }
      @media (max-width: 960px) {
        .packageArea .titleBox .titleEn {
          font-size: 30px; } }
    .packageArea .titleBox .titleTw {
      font-weight: 500;
      font-size: 22px;
      letter-spacing: 4px;
      color: #222;
      font-family: "Noto Serif TC"; }
      @media (max-width: 960px) {
        .packageArea .titleBox .titleTw {
          font-size: 22px; } }
  .packageArea .articleTitle {
    text-align: center;
    border-bottom: unset;
    margin: -25px 0 0 0; }
  .packageArea .subtitle {
    text-align: center; }
  .packageArea .trafficBox {
    width: 100%;
    margin-top: 40px; }
    .packageArea .trafficBox .trafficItem {
      width: 100%;
      cursor: pointer;
      margin: 0 0 30px 0; }
      .packageArea .trafficBox .trafficItem:hover .Img {
        background-color: #beb98b;
        border: 1px solid #beb98b; }
        .packageArea .trafficBox .trafficItem:hover .Img img {
          filter: grayscale(100%);
          filter: brightness(0) invert(1); }
    .packageArea .trafficBox .item {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      width: 100%; }
    .packageArea .trafficBox .Img {
      border: 1px solid #c8c8c8;
      width: 50px;
      height: 50px;
      border-radius: 50%; }
      .packageArea .trafficBox .Img img {
        width: 100%;
        display: block;
        backface-visibility: hidden; }
    .packageArea .trafficBox .Txt {
      width: calc(100% - 50px);
      padding: 0 0 0 20px; }
      .packageArea .trafficBox .Txt .title {
        font-size: 20px;
        color: #222;
        font-family: "Noto Serif TC"; }

iframe {
  width: 100%;
  height: 590px; }