@media (min-width: 1200px) {
  .header {
    background-image: url("https://www.chinatravel.com.tw/images_2024/head-left-ap.jpg"), url("https://www.chinatravel.com.tw/images_2024/head-right-ap.jpg"), url("https://www.chinatravel.com.tw/images_2024/red-ap.jpg"), url("https://www.chinatravel.com.tw/images_2024/red-ap.jpg"), url("https://www.chinatravel.com.tw/images_2024/red-ap.jpg");
    background-position: left top ,right top,left bottom,center bottom,right bottom; } }

main {
  position: relative;
  width: 100%;
  overflow-x: hidden;
  position: relative;
  font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif, serif; }
  @media (max-width: 991px) {
    main {
      background: url("../images/chengdu/sec2/bg_m.jpg") center top repeat-y;
      background-size: 100% auto; } }
  @media (min-width: 992px) {
    main {
      background: url("../images/chengdu/sec2/bg.jpg") center top repeat-y;
      background-size: 100% auto; } }
  main .img-fluid {
    max-width: 100%;
    height: auto; }
  main .d-none {
    display: none !important; }
  main .d-block {
    display: block !important; }
  main .w-100 {
    width: 100% !important; }
  main .d-flex {
    display: flex !important; }
  main .justify-content-center {
    justify-content: center !important; }
  main .flex-wrap {
    flex-wrap: wrap !important; }
  @media (min-width: 992px) {
    main .d-lg-block {
      display: block !important; }
    main .d-lg-none {
      display: none !important; } }
  main .part, main .parts {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
  main .btn-animate:hover {
    transform: translatey(-4px); }
  main .btn-animateX:hover {
    transform: translatex(4px); }
  main .btn-animateY:hover {
    transform: translatey(-4px); }
  main a {
    text-decoration: none; }
    main a:hover {
      opacity: 0.8; }
  main .kv {
    position: relative;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    display: flex !important;
    justify-content: center !important; }
    main .kv .inner {
      position: relative; }
  main .tabs {
    position: relative;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    background: #e2dedd; }
    main .tabs .inner {
      position: relative;
      max-width: 1920px;
      margin-left: auto;
      margin-right: auto;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important; }
      @media (max-width: 991px) {
        main .tabs .inner {
          height: 7.09701em; } }
      @media (min-width: 992px) {
        main .tabs .inner {
          height: 5.9375em;
          left: -0.625em; } }
    main .tabs a {
      font-family: "Noto Serif TC", sans-serif, serif !important;
      color: #713425;
      font-weight: bold; }
      @media (max-width: 991px) {
        main .tabs a {
          font-size: 2.19362em;
          padding: 0 0.4em; } }
      @media (min-width: 992px) {
        main .tabs a {
          font-size: 1.625em;
          padding: 0 0.95em; } }
    main .tabs i {
      font-family: "Noto Serif TC", sans-serif, serif !important;
      color: #713425;
      font-weight: bold; }
      @media (max-width: 991px) {
        main .tabs i {
          font-size: 3.03236em; } }
      @media (min-width: 992px) {
        main .tabs i {
          font-size: 2.25em; } }
  main .sec {
    position: relative; }
  main .sec1 {
    position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden; }
    main .sec1 .inner {
      position: relative;
      max-width: 1920px;
      margin-left: auto;
      margin-right: auto; }
    main .sec1 .p1 {
      position: absolute; }
      @media (max-width: 991px) {
        main .sec1 .p1 {
          left: 3.5485em;
          top: 19.35547em; } }
      @media (min-width: 992px) {
        main .sec1 .p1 {
          left: 11.125em;
          top: 18.4375em; } }
      main .sec1 .p1 .title span {
        font-family: "Noto Serif TC", sans-serif, serif !important;
        font-weight: 500;
        line-height: 0.623;
        background: linear-gradient(44deg, #f6e7b1 0%, #f6e7b1 5%, #af8855 12%, #f6e7b1 19%, #f6e7b1 45%, #af8855 50%, #f6e7b1 60%, #f6e7b1 77%, #af8855 89%, #f6e7b1 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
        @media (max-width: 991px) {
          main .sec1 .p1 .title span {
            font-size: 8.38737em; } }
        @media (min-width: 992px) {
          main .sec1 .p1 .title span {
            font-size: 8.125em; } }
      @media (max-width: 991px) {
        main .sec1 .p1 .subtitle {
          padding-top: 0.64518em; } }
      @media (min-width: 992px) {
        main .sec1 .p1 .subtitle {
          padding-top: 1.25em; } }
      main .sec1 .p1 .subtitle span {
        font-family: "Noto Serif TC", sans-serif, serif !important;
        color: #fff;
        font-weight: 500;
        letter-spacing: 0.2em; }
        @media (max-width: 991px) {
          main .sec1 .p1 .subtitle span {
            font-size: 3.74206em; } }
        @media (min-width: 992px) {
          main .sec1 .p1 .subtitle span {
            font-size: 3.625em; } }
      @media (max-width: 991px) {
        main .sec1 .p1 .short {
          padding-top: 4.19368em; } }
      @media (min-width: 992px) {
        main .sec1 .p1 .short {
          padding-top: 4.0625em; } }
      main .sec1 .p1 .short p {
        font-family: "Noto Sans TC", sans-Sans, serif !important;
        color: #000000; }
        @media (max-width: 991px) {
          main .sec1 .p1 .short p {
            font-size: 2.25814em;
            letter-spacing: -0.025em;
            line-height: 1.75; } }
        @media (min-width: 992px) {
          main .sec1 .p1 .short p {
            font-size: 1.4375em;
            letter-spacing: 0.05em;
            line-height: 1.925; } }
    main .sec1 .p2 {
      position: absolute; }
      @media (max-width: 991px) {
        main .sec1 .p2 {
          left: 3.87109em;
          top: 33.22689em; } }
      @media (min-width: 992px) {
        main .sec1 .p2 {
          left: 56.5625em;
          top: 5.125em; } }
      @media (max-width: 991px) {
        main .sec1 .p2 .short {
          padding-top: 0em;
          padding-right: 2.58073em; } }
      @media (min-width: 992px) {
        main .sec1 .p2 .short {
          padding-top: 0em;
          padding-right: 11.25em; } }
      main .sec1 .p2 .short p {
        font-family: "Noto Sans TC", sans-Sans, serif !important;
        color: #fff; }
        @media (max-width: 991px) {
          main .sec1 .p2 .short p {
            font-size: 2.25814em;
            letter-spacing: -0.025em;
            line-height: 1.6; } }
        @media (min-width: 992px) {
          main .sec1 .p2 .short p {
            font-size: 1.4375em;
            letter-spacing: -0.04em;
            line-height: 1.925; } }
    main .sec1 .p3 {
      position: absolute; }
      @media (max-width: 991px) {
        main .sec1 .p3 {
          left: -0.32259em;
          bottom: -0.35485em; } }
      @media (min-width: 992px) {
        main .sec1 .p3 {
          left: -0.3125em;
          bottom: -0.34375em; } }
      main .sec1 .p3 .title span {
        font-family: "Noto Serif TC", sans-serif, serif !important;
        font-weight: 700;
        line-height: 0.623;
        background: linear-gradient(44deg, #f6e7b1 0%, #f6e7b1 5%, #af8855 12%, #f6e7b1 19%, #f6e7b1 45%, #af8855 50%, #f6e7b1 60%, #f6e7b1 77%, #af8855 89%, #f6e7b1 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        letter-spacing: 0.105em; }
        @media (max-width: 991px) {
          main .sec1 .p3 .title span {
            font-size: 8.38737em; } }
        @media (min-width: 992px) {
          main .sec1 .p3 .title span {
            font-size: 8.125em; } }
  main .sec2 {
    position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden; }
    main .sec2 .inner {
      position: relative;
      max-width: 1920px;
      margin-left: auto;
      margin-right: auto; }
      @media (max-width: 991px) {
        main .sec2 .inner {
          padding-bottom: 10.19388em; } }
      @media (min-width: 992px) {
        main .sec2 .inner {
          padding-bottom: 8.75em; } }
    main .sec2 .block {
      position: relative; }
    main .sec2 .title {
      display: flex !important;
      justify-content: center !important; }
      main .sec2 .title > div {
        position: relative; }
        @media (max-width: 991px) {
          main .sec2 .title > div {
            width: 46.45313em; } }
        @media (min-width: 992px) {
          main .sec2 .title > div {
            width: 44.875em; } }
        main .sec2 .title > div .t_txt {
          position: absolute;
          width: 100%;
          left: 0;
          top: 0; }
          main .sec2 .title > div .t_txt .t_a {
            display: flex !important; }
            main .sec2 .title > div .t_txt .t_a .t_a1 {
              padding-left: 4.75em;
              letter-spacing: 0.4em; }
              main .sec2 .title > div .t_txt .t_a .t_a1 span {
                font-family: "Noto Serif TC", sans-serif, serif !important;
                color: red;
                font-weight: 700;
                line-height: 0.9;
                background: linear-gradient(44deg, #f6e7b1 0%, #af8855 12%, #53260d 29%, #53260d 40%, #e8d79a 50%, #53260d 60%, #53260d 71%, #ab8452 87%, #f6dea5 97%, #f6dea5 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent; }
                @media (max-width: 991px) {
                  main .sec2 .title > div .t_txt .t_a .t_a1 span {
                    font-size: 4.51628em; } }
                @media (min-width: 992px) {
                  main .sec2 .title > div .t_txt .t_a .t_a1 span {
                    font-size: 4.375em; } }
            main .sec2 .title > div .t_txt .t_a .t_a2 {
              flex: 1 1 auto !important; }
              @media (max-width: 991px) {
                main .sec2 .title > div .t_txt .t_a .t_a2 {
                  margin-top: 1.16133em;
                  border-top: 0.19355em solid #412210; } }
              @media (min-width: 992px) {
                main .sec2 .title > div .t_txt .t_a .t_a2 {
                  margin-top: 1.125em;
                  border-top: 0.1875em solid #412210; } }
          main .sec2 .title > div .t_txt .t_b {
            display: flex !important; }
            main .sec2 .title > div .t_txt .t_b .t_b1 {
              padding-left: 5em;
              padding-top: 1.25em;
              letter-spacing: 0.175em; }
              main .sec2 .title > div .t_txt .t_b .t_b1 span {
                font-family: "Noto Serif TC", sans-serif, serif !important;
                color: #52250d;
                font-weight: 700;
                line-height: 0.9; }
                @media (max-width: 991px) {
                  main .sec2 .title > div .t_txt .t_b .t_b1 span {
                    font-size: 1.93555em; } }
                @media (min-width: 992px) {
                  main .sec2 .title > div .t_txt .t_b .t_b1 span {
                    font-size: 1.875em; } }
            main .sec2 .title > div .t_txt .t_b .t_b2 {
              padding-left: 1.75em;
              margin-top: -0.2em;
              letter-spacing: 0.25em; }
              main .sec2 .title > div .t_txt .t_b .t_b2 span {
                font-family: "Noto Serif TC", sans-serif, serif !important;
                font-weight: 700;
                line-height: 0.9;
                background: linear-gradient(44deg, #f6e7b1 0%, #af8855 12%, #53260d 29%, #53260d 40%, #e8d79a 50%, #53260d 60%, #53260d 71%, #ab8452 87%, #f6dea5 97%, #f6dea5 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent; }
                @media (max-width: 991px) {
                  main .sec2 .title > div .t_txt .t_b .t_b2 span {
                    font-size: 3.09688em; } }
                @media (min-width: 992px) {
                  main .sec2 .title > div .t_txt .t_b .t_b2 span {
                    font-size: 3em; } }
      @media (max-width: 991px) {
        main .sec2 .title img {
          width: 46.45313em; } }
      @media (min-width: 992px) {
        main .sec2 .title img {
          width: 44.875em; } }
    @media (max-width: 991px) {
      main .sec2 .block1 .title {
        padding-top: 7.74219em;
        padding-bottom: 4.45176em; } }
    @media (min-width: 992px) {
      main .sec2 .block1 .title {
        padding-top: 8.9375em;
        padding-bottom: 3.4375em; } }
    main .sec2 .block1 .slide {
      position: relative;
      margin-bottom: 0;
      margin-left: auto;
      margin-right: auto; }
      main .sec2 .block1 .slide .item {
        position: relative; }
        main .sec2 .block1 .slide .item .txt {
          position: absolute; }
          @media (max-width: 991px) {
            main .sec2 .block1 .slide .item .txt {
              left: 10.19388em;
              top: 40.32389em; } }
          @media (min-width: 992px) {
            main .sec2 .block1 .slide .item .txt {
              left: 67.8125em;
              top: 12.8125em; } }
          main .sec2 .block1 .slide .item .txt .txt-t {
            display: flex !important;
            align-items: center !important; }
            main .sec2 .block1 .slide .item .txt .txt-t .txt-t1 {
              letter-spacing: 0.25em;
              padding-right: 0.5em; }
              main .sec2 .block1 .slide .item .txt .txt-t .txt-t1 span {
                font-family: "Noto Serif TC", sans-serif, serif !important;
                font-weight: 700; }
                @media (max-width: 991px) {
                  main .sec2 .block1 .slide .item .txt .txt-t .txt-t1 span {
                    font-size: 3.87109em; } }
                @media (min-width: 992px) {
                  main .sec2 .block1 .slide .item .txt .txt-t .txt-t1 span {
                    font-size: 2.5em; } }
            main .sec2 .block1 .slide .item .txt .txt-t .txt-t2 {
              background-color: #aa9a80;
              padding: 0.1em 0.25em; }
              main .sec2 .block1 .slide .item .txt .txt-t .txt-t2 span {
                font-family: "Noto Serif TC", sans-serif, serif !important;
                font-weight: 700; }
                @media (max-width: 991px) {
                  main .sec2 .block1 .slide .item .txt .txt-t .txt-t2 span {
                    font-size: 2.22588em; } }
                @media (min-width: 992px) {
                  main .sec2 .block1 .slide .item .txt .txt-t .txt-t2 span {
                    font-size: 1.4375em; } }
          main .sec2 .block1 .slide .item .txt table tr td {
            line-height: 2;
            letter-spacing: 0;
            padding-right: 1.75em; }
            @media (max-width: 991px) {
              main .sec2 .block1 .slide .item .txt table tr td {
                font-size: 2.1291em; } }
            @media (min-width: 992px) {
              main .sec2 .block1 .slide .item .txt table tr td {
                font-size: 1.375em; } }
    main .sec2 .block1 .slick-prev,
    main .sec2 .block1 .slick-next {
      position: absolute;
      z-index: 1;
      display: block;
      color: transparent; }
      @media (max-width: 991px) {
        main .sec2 .block1 .slick-prev,
        main .sec2 .block1 .slick-next {
          width: 2.45169em !important;
          height: 4.19368em !important;
          top: 46.13053em; } }
      @media (min-width: 992px) {
        main .sec2 .block1 .slick-prev,
        main .sec2 .block1 .slick-next {
          width: 3em !important;
          height: 5.125em !important;
          top: 24.3125em; } }
    main .sec2 .block1 .slick-prev {
      left: 3.22591em;
      background: url("../images/chengdu/sec2/room/btn-prev.png") center center no-repeat;
      background-size: 99% 99%; }
      @media (min-width: 992px) {
        main .sec2 .block1 .slick-prev {
          left: 4.9375em; } }
    main .sec2 .block1 .slick-next {
      right: 3.22591em;
      background: url("../images/chengdu/sec2/room/btn-next.png") center center no-repeat;
      background-size: 99% 99%; }
      @media (min-width: 992px) {
        main .sec2 .block1 .slick-next {
          right: 4.9375em; } }
    main .sec2 .block1 .slick-dots {
      position: absolute;
      bottom: -3.03236em;
      list-style: none;
      display: block;
      text-align: center;
      padding: 0;
      margin: 0;
      width: 100%;
      z-index: 9; }
      @media (min-width: 992px) {
        main .sec2 .block1 .slick-dots {
          bottom: 1.875em; } }
    main .sec2 .block1 .slick-dots li {
      position: relative;
      display: inline-block;
      width: 1.67747em;
      height: 1.67747em;
      margin: 0 0.64518em;
      border-radius: 0.96777em;
      padding: 0;
      cursor: pointer;
      background: #aa9a80;
      overflow: hidden; }
      @media (min-width: 992px) {
        main .sec2 .block1 .slick-dots li {
          width: 1.125em;
          height: 1.125em;
          margin: 0 0.625em;
          border-radius: 0.9375em; } }
    main .sec2 .block1 .slick-dots li button {
      border: 0;
      background: #aa9a80;
      display: block;
      width: 1.67747em;
      height: 1.67747em;
      outline: none;
      line-height: 0px;
      font-size: 16px;
      color: transparent;
      padding: 0 0.625em;
      cursor: pointer; }
      @media (min-width: 992px) {
        main .sec2 .block1 .slick-dots li button {
          width: 1.625em;
          height: 1.625em; } }
    main .sec2 .block1 .slick-dots li button:hover, main .sec2 .block1 .slick-dots li button:focus {
      outline: none; }
    main .sec2 .block1 .slick-dots li button:hover:before, main .sec2 .block1 .slick-dots li button:focus:before {
      opacity: 1; }
    main .sec2 .block1 .slick-dots li button:before {
      position: absolute;
      top: 0;
      left: 0;
      content: "";
      width: 1.67747em;
      height: 1.67747em;
      font-family: "slick";
      font-size: 16px;
      line-height: 0.625em;
      text-align: center;
      color: black;
      opacity: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      @media (min-width: 992px) {
        main .sec2 .block1 .slick-dots li button:before {
          width: 1.625em;
          height: 1.625em; } }
    main .sec2 .block1 .slick-dots li.slick-active {
      background: #d29c09; }
    main .sec2 .block1 .slick-dots li.slick-active button {
      background: #d29c09; }
    main .sec2 .block1 .slick-dots li.slick-active button:before {
      color: black;
      opacity: 1; }
    @media (max-width: 991px) {
      main .sec2 .block2 .title {
        padding-top: 17.22637em;
        padding-bottom: 4.70983em; } }
    @media (min-width: 992px) {
      main .sec2 .block2 .title {
        padding-top: 5.1875em;
        padding-bottom: 4.375em; } }
    main .sec2 .block2 .ls .item {
      position: relative;
      background-color: rgba(215, 207, 172, 0.702); }
      @media (min-width: 992px) {
        main .sec2 .block2 .ls .item {
          display: flex !important; } }
      main .sec2 .block2 .ls .item .pic img {
        display: block; }
        @media (max-width: 991px) {
          main .sec2 .block2 .ls .item .pic img {
            width: 61.9375em; } }
        @media (min-width: 992px) {
          main .sec2 .block2 .ls .item .pic img {
            width: 65.125em; } }
      main .sec2 .block2 .ls .item .txt .txt-t {
        display: flex !important;
        align-items: center !important; }
        main .sec2 .block2 .ls .item .txt .txt-t .txt-t1 {
          letter-spacing: 0.25em;
          padding-right: 0.5em; }
          main .sec2 .block2 .ls .item .txt .txt-t .txt-t1 span {
            font-family: "Noto Serif TC", sans-serif, serif !important;
            font-weight: 700; }
            @media (max-width: 991px) {
              main .sec2 .block2 .ls .item .txt .txt-t .txt-t1 span {
                font-size: 3.87109em; } }
            @media (min-width: 992px) {
              main .sec2 .block2 .ls .item .txt .txt-t .txt-t1 span {
                font-size: 2.5em; } }
        main .sec2 .block2 .ls .item .txt .txt-t .txt-t2 {
          background-color: #aa9a80;
          padding: 0.1em 0.25em; }
          main .sec2 .block2 .ls .item .txt .txt-t .txt-t2 span {
            font-family: "Noto Serif TC", sans-serif, serif !important;
            font-weight: 700; }
            @media (max-width: 991px) {
              main .sec2 .block2 .ls .item .txt .txt-t .txt-t2 span {
                font-size: 2.22588em; } }
            @media (min-width: 992px) {
              main .sec2 .block2 .ls .item .txt .txt-t .txt-t2 span {
                font-size: 1.4375em; } }
      main .sec2 .block2 .ls .item .txt .txt-short p {
        line-height: 2;
        letter-spacing: 0; }
        @media (max-width: 991px) {
          main .sec2 .block2 .ls .item .txt .txt-short p {
            font-size: 2.1291em; } }
        @media (min-width: 992px) {
          main .sec2 .block2 .ls .item .txt .txt-short p {
            font-size: 1.375em; } }
      main .sec2 .block2 .ls .item .txt table tr td {
        line-height: 2;
        letter-spacing: 0;
        padding-right: 1.75em; }
        @media (max-width: 991px) {
          main .sec2 .block2 .ls .item .txt table tr td {
            font-size: 2.1291em; } }
        @media (min-width: 992px) {
          main .sec2 .block2 .ls .item .txt table tr td {
            font-size: 1.375em; } }
      @media (min-width: 992px) {
        main .sec2 .block2 .ls .item:nth-child(1) {
          flex-direction: row-reverse !important; } }
      @media (max-width: 991px) {
        main .sec2 .block2 .ls .item:nth-child(1) .txt {
          padding-left: 10em;
          padding-top: 6.875em;
          padding-bottom: 7.5em; } }
      @media (min-width: 992px) {
        main .sec2 .block2 .ls .item:nth-child(1) .txt {
          padding-right: 16em;
          padding-top: 13.125em; } }
      @media (max-width: 991px) {
        main .sec2 .block2 .ls .item:nth-child(1) .txt img {
          width: 34.25918em; } }
      @media (min-width: 992px) {
        main .sec2 .block2 .ls .item:nth-child(1) .txt img {
          width: 22.875em; } }
      @media (max-width: 991px) {
        main .sec2 .block2 .ls .item:nth-child(2) .txt {
          padding-left: 9.75em;
          padding-top: 6.875em;
          padding-bottom: 7.5em; } }
      @media (min-width: 992px) {
        main .sec2 .block2 .ls .item:nth-child(2) .txt {
          padding-left: 9.3125em;
          padding-top: 14.8125em; } }
      @media (max-width: 991px) {
        main .sec2 .block2 .ls .item:nth-child(2) .txt img {
          width: 40.0625em; } }
      @media (min-width: 992px) {
        main .sec2 .block2 .ls .item:nth-child(2) .txt img {
          width: 27.5625em; } }
    @media (max-width: 991px) {
      main .sec2 .block3 .title {
        padding-top: 9.80677em;
        padding-bottom: 5.80664em; } }
    @media (min-width: 992px) {
      main .sec2 .block3 .title {
        padding-top: 7.4375em;
        padding-bottom: 4.5em; } }
    main .sec2 .block3 .content {
      display: flex !important;
      justify-content: center !important; }
      main .sec2 .block3 .content > div {
        position: relative; }
      @media (max-width: 991px) {
        main .sec2 .block3 .content img {
          width: 55.48568em; } }
      @media (min-width: 992px) {
        main .sec2 .block3 .content img {
          width: 98.75em; } }
      main .sec2 .block3 .content .txt {
        position: absolute; }
        @media (max-width: 991px) {
          main .sec2 .block3 .content .txt {
            left: 0.77422em;
            top: 42.58203em; } }
        @media (min-width: 992px) {
          main .sec2 .block3 .content .txt {
            left: 35.5625em;
            top: 32.5em;
            width: 29.375em; } }
        main .sec2 .block3 .content .txt .txt-t {
          display: flex !important;
          align-items: center !important; }
          @media (min-width: 992px) {
            main .sec2 .block3 .content .txt .txt-t .txt-t1 {
              letter-spacing: 0.55em; } }
          main .sec2 .block3 .content .txt .txt-t .txt-t1 span {
            font-family: "Noto Serif TC", sans-serif, serif !important;
            font-weight: 700; }
            @media (max-width: 991px) {
              main .sec2 .block3 .content .txt .txt-t .txt-t1 span {
                font-size: 3.87109em; } }
            @media (min-width: 992px) {
              main .sec2 .block3 .content .txt .txt-t .txt-t1 span {
                font-size: 2.8125em; } }
        main .sec2 .block3 .content .txt .txt-short p {
          line-height: 2;
          letter-spacing: 0; }
          @media (max-width: 991px) {
            main .sec2 .block3 .content .txt .txt-short p {
              font-size: 2.1291em; } }
          @media (min-width: 992px) {
            main .sec2 .block3 .content .txt .txt-short p {
              font-size: 1.375em; } }
    @media (max-width: 991px) {
      main .sec2 .block4 .title {
        padding-top: 10.58099em;
        padding-bottom: 6.77441em; } }
    @media (min-width: 992px) {
      main .sec2 .block4 .title {
        padding-top: 11em;
        padding-bottom: 7.6875em; } }
    main .sec2 .block4 .slide {
      position: relative;
      margin-bottom: 0;
      margin-left: auto;
      margin-right: auto; }
      @media (max-width: 991px) {
        main .sec2 .block4 .slide {
          width: 107.61641em;
          margin-left: -22.83945em; } }
      @media (min-width: 992px) {
        main .sec2 .block4 .slide {
          width: 98em; } }
      @media (max-width: 991px) {
        main .sec2 .block4 .slide .item {
          width: 35.87214em !important; } }
      @media (min-width: 992px) {
        main .sec2 .block4 .slide .item {
          width: 22.375em;
          margin: 0 1.0625em; } }
      @media (max-width: 991px) {
        main .sec2 .block4 .slide .item img {
          width: 30.32357em !important;
          position: relative;
          margin: 0 auto;
          border-radius: 0 38% 0 38%; } }
      @media (min-width: 992px) {
        main .sec2 .block4 .slide .item img {
          width: 22.375em;
          border-radius: 0 38% 0 38%; } }
      main .sec2 .block4 .slide .item .txt {
        text-align: center;
        padding: 0.75em 0; }
        main .sec2 .block4 .slide .item .txt span {
          font-family: "Noto Serif TC", sans-serif, serif !important;
          font-weight: 700; }
          @media (max-width: 991px) {
            main .sec2 .block4 .slide .item .txt span {
              font-size: 3.09688em; } }
          @media (min-width: 992px) {
            main .sec2 .block4 .slide .item .txt span {
              font-size: 2.1875em; } }
    main .sec2 .block4 .slick-prev,
    main .sec2 .block4 .slick-next {
      position: absolute;
      z-index: 1;
      display: block;
      color: transparent; }
      @media (max-width: 991px) {
        main .sec2 .block4 .slick-prev,
        main .sec2 .block4 .slick-next {
          width: 2.64525em !important;
          height: 4.2582em !important;
          top: 12.25846em; } }
      @media (min-width: 992px) {
        main .sec2 .block4 .slick-prev,
        main .sec2 .block4 .slick-next {
          width: 3em !important;
          height: 5.125em !important;
          top: 7.125em; } }
    main .sec2 .block4 .slick-prev {
      left: 34.58177em;
      background: url("../images/chengdu/sec2/attractions/btn-prev.png") center center no-repeat;
      background-size: 99% 99%; }
      @media (min-width: 992px) {
        main .sec2 .block4 .slick-prev {
          left: -3.3125em; } }
    main .sec2 .block4 .slick-next {
      right: 34.58177em;
      background: url("../images/chengdu/sec2/attractions/btn-next.png") center center no-repeat;
      background-size: 99% 99%; }
      @media (min-width: 992px) {
        main .sec2 .block4 .slick-next {
          right: -3.3125em; } }
    main .sec2 .block4 .slick-dots {
      position: absolute;
      bottom: 1.93555em;
      list-style: none;
      display: block;
      text-align: center;
      padding: 0;
      margin: 0;
      width: 100%;
      z-index: 9; }
      @media (min-width: 992px) {
        main .sec2 .block4 .slick-dots {
          bottom: 1.875em; } }
    main .sec2 .block4 .slick-dots li {
      position: relative;
      display: inline-block;
      width: 1.67747em;
      height: 1.67747em;
      margin: 0 0.64518em;
      border-radius: 0.96777em;
      padding: 0;
      cursor: pointer;
      background: #aa9a80;
      overflow: hidden; }
      @media (min-width: 992px) {
        main .sec2 .block4 .slick-dots li {
          width: 1.125em;
          height: 1.125em;
          margin: 0 0.625em;
          border-radius: 0.9375em; } }
    main .sec2 .block4 .slick-dots li button {
      border: 0;
      background: #aa9a80;
      display: block;
      width: 1.67747em;
      height: 1.67747em;
      outline: none;
      line-height: 0px;
      font-size: 16px;
      color: transparent;
      padding: 0 0.625em;
      cursor: pointer; }
      @media (min-width: 992px) {
        main .sec2 .block4 .slick-dots li button {
          width: 1.625em;
          height: 1.625em; } }
    main .sec2 .block4 .slick-dots li button:hover, main .sec2 .block4 .slick-dots li button:focus {
      outline: none; }
    main .sec2 .block4 .slick-dots li button:hover:before, main .sec2 .block4 .slick-dots li button:focus:before {
      opacity: 1; }
    main .sec2 .block4 .slick-dots li button:before {
      position: absolute;
      top: 0;
      left: 0;
      content: "";
      width: 1.67747em;
      height: 1.67747em;
      font-family: "slick";
      font-size: 16px;
      line-height: 0.625em;
      text-align: center;
      color: black;
      opacity: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
      @media (min-width: 992px) {
        main .sec2 .block4 .slick-dots li button:before {
          width: 1.625em;
          height: 1.625em; } }
    main .sec2 .block4 .slick-dots li.slick-active {
      background: #d29c09; }
    main .sec2 .block4 .slick-dots li.slick-active button {
      background: #d29c09; }
    main .sec2 .block4 .slick-dots li.slick-active button:before {
      color: black;
      opacity: 1; }
  main .sec3 {
    position: relative;
    z-index: 2;
    width: 100%;
    overflow: hidden; }
    main .sec3 .inner {
      position: relative;
      max-width: 1920px;
      margin-left: auto;
      margin-right: auto; }
    main .sec3 .title {
      position: absolute; }
      @media (max-width: 991px) {
        main .sec3 .title {
          left: 11.54876em;
          /* top: 16.25859em; */
          top: 10.25859em;
          width: 38.71094em; } }
      @media (min-width: 992px) {
        main .sec3 .title {
          left: 10.8125em;
          /* top: 15.625em; */
          top: 7.625em;
          width: 37.5em; } }
    main .sec3 .title {
      display: flex !important;
      justify-content: center !important; }
      main .sec3 .title > div {
        position: relative; }
        @media (max-width: 991px) {
          main .sec3 .title > div {
            width: 46.45313em; } }
        @media (min-width: 992px) {
          main .sec3 .title > div {
            width: 44.875em; } }
        main .sec3 .title > div .t_txt {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          display: flex !important;
          justify-content: center !important;
          align-items: center !important; }
          main .sec3 .title > div .t_txt .t_a .t_a1 {
            letter-spacing: 0.4em; }
            main .sec3 .title > div .t_txt .t_a .t_a1 span {
              font-family: "Noto Serif TC", sans-serif, serif !important;
              color: red;
              font-weight: 700;
              line-height: 0.9;
              background: linear-gradient(44deg, #f6e7b1 0%, #f6e7b1 5%, #af8855 12%, #f6e7b1 19%, #f6e7b1 45%, #af8855 50%, #f6e7b1 60%, #f6e7b1 77%, #af8855 89%, #f6e7b1 100%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent; }
              @media (max-width: 991px) {
                main .sec3 .title > div .t_txt .t_a .t_a1 span {
                  font-size: 4.83887em; } }
              @media (min-width: 992px) {
                main .sec3 .title > div .t_txt .t_a .t_a1 span {
                  font-size: 4.6875em; } }
    main .sec3 .map {
      position: absolute; }
      @media (max-width: 991px) {
        main .sec3 .map {
          left: 3.22591em;
          top: 29.0332em;
          width: 55.87279em; } }
      @media (min-width: 992px) {
        main .sec3 .map {
          left: 30.5625em;
          top: 15.625em;
          width: 75.875em; } }
  main .sec4 {
    position: relative;
    z-index: 1;
    width: 100%;
    background: #fff;
    overflow: hidden; }
    main .sec4 .inner {
      position: relative;
      max-width: 1920px;
      margin-left: auto;
      margin-right: auto; }
      @media (max-width: 991px) {
        main .sec4 .inner {
          padding-bottom: 9.5487em; } }
      @media (min-width: 992px) {
        main .sec4 .inner {
          padding-bottom: 10.625em; } }
    main .sec4 .title {
      display: flex !important;
      justify-content: center !important; }
      @media (max-width: 991px) {
        main .sec4 .title {
          padding-top: 6.06471em;
          padding-bottom: 4.32272em; } }
      @media (min-width: 992px) {
        main .sec4 .title {
          padding-top: 6.25em;
          padding-bottom: 6.875em; } }
      @media (max-width: 991px) {
        main .sec4 .title img {
          width: 46.45313em; } }
      @media (min-width: 992px) {
        main .sec4 .title img {
          width: 44.875em; } }
    main .sec4 .title {
      display: flex !important;
      justify-content: center !important; }
      main .sec4 .title > div {
        position: relative; }
        @media (max-width: 991px) {
          main .sec4 .title > div {
            width: 46.45313em; } }
        @media (min-width: 992px) {
          main .sec4 .title > div {
            width: 44.875em; } }
        main .sec4 .title > div .t_txt {
          position: absolute;
          width: 100%;
          left: 0;
          top: 0; }
          main .sec4 .title > div .t_txt .t_a {
            display: flex !important; }
            main .sec4 .title > div .t_txt .t_a .t_a1 {
              padding-left: 4.75em;
              letter-spacing: 0.4em; }
              main .sec4 .title > div .t_txt .t_a .t_a1 span {
                font-family: "Noto Serif TC", sans-serif, serif !important;
                color: red;
                font-weight: 700;
                line-height: 0.9;
                background: linear-gradient(44deg, #f6e7b1 0%, #af8855 12%, #53260d 29%, #53260d 40%, #e8d79a 50%, #53260d 60%, #53260d 71%, #ab8452 87%, #f6dea5 97%, #f6dea5 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent; }
                @media (max-width: 991px) {
                  main .sec4 .title > div .t_txt .t_a .t_a1 span {
                    font-size: 4.51628em; } }
                @media (min-width: 992px) {
                  main .sec4 .title > div .t_txt .t_a .t_a1 span {
                    font-size: 4.375em; } }
            main .sec4 .title > div .t_txt .t_a .t_a2 {
              flex: 1 1 auto !important; }
              @media (max-width: 991px) {
                main .sec4 .title > div .t_txt .t_a .t_a2 {
                  margin-top: 1.16133em;
                  border-top: 0.19355em solid #412210; } }
              @media (min-width: 992px) {
                main .sec4 .title > div .t_txt .t_a .t_a2 {
                  margin-top: 1.125em;
                  border-top: 0.1875em solid #412210; } }
          main .sec4 .title > div .t_txt .t_b {
            display: flex !important; }
            main .sec4 .title > div .t_txt .t_b .t_b1 {
              padding-left: 5em;
              padding-top: 1.25em;
              letter-spacing: 0.175em; }
              main .sec4 .title > div .t_txt .t_b .t_b1 span {
                font-family: "Noto Serif TC", sans-serif, serif !important;
                color: #52250d;
                font-weight: 700;
                line-height: 0.9; }
                @media (max-width: 991px) {
                  main .sec4 .title > div .t_txt .t_b .t_b1 span {
                    font-size: 1.93555em; } }
                @media (min-width: 992px) {
                  main .sec4 .title > div .t_txt .t_b .t_b1 span {
                    font-size: 1.875em; } }
            main .sec4 .title > div .t_txt .t_b .t_b2 {
              padding-left: 1.75em;
              margin-top: -0.2em;
              letter-spacing: 0.25em; }
              main .sec4 .title > div .t_txt .t_b .t_b2 span {
                font-family: "Noto Serif TC", sans-serif, serif !important;
                font-weight: 700;
                line-height: 0.9;
                background: linear-gradient(44deg, #f6e7b1 0%, #af8855 12%, #53260d 29%, #53260d 40%, #e8d79a 50%, #53260d 60%, #53260d 71%, #ab8452 87%, #f6dea5 97%, #f6dea5 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent; }
                @media (max-width: 991px) {
                  main .sec4 .title > div .t_txt .t_b .t_b2 span {
                    font-size: 3.09688em; } }
                @media (min-width: 992px) {
                  main .sec4 .title > div .t_txt .t_b .t_b2 span {
                    font-size: 3em; } }
      @media (max-width: 991px) {
        main .sec4 .title img {
          width: 46.45313em; } }
      @media (min-width: 992px) {
        main .sec4 .title img {
          width: 44.875em; } }
    main .sec4 .content {
      position: relative;
      display: flex !important;
      justify-content: center !important;
      margin-left: auto;
      margin-right: auto;
      border-bottom: 1px solid #bfb1b1; }
      @media (max-width: 991px) {
        main .sec4 .content {
          width: 55.48568em;
          padding-bottom: 4.70983em; } }
      @media (min-width: 992px) {
        main .sec4 .content {
          width: 86.25em;
          padding-bottom: 5.4375em; } }
      @media (min-width: 992px) {
        main .sec4 .content .item {
          display: flex !important;
          justify-content: center !important;
          margin-left: -6.25em; } }
      @media (min-width: 992px) {
        main .sec4 .content .item > div {
          margin-left: 2.5em;
          margin-right: 2.5em; } }
      main .sec4 .content .pic {
        position: relative; }
        @media (max-width: 991px) {
          main .sec4 .content .pic img {
            width: 46.45313em; } }
        @media (min-width: 992px) {
          main .sec4 .content .pic img {
            width: 37.5em; } }
      main .sec4 .content .txt {
        position: relative; }
        @media (max-width: 991px) {
          main .sec4 .content .txt {
            top: 0.64518em;
            left: 0.64518em; } }
        main .sec4 .content .txt .txt-t {
          padding-top: 0.5em; }
          main .sec4 .content .txt .txt-t .txt-t1 {
            letter-spacing: 0.24em;
            white-space: nowrap; }
            main .sec4 .content .txt .txt-t .txt-t1 span {
              font-family: "Noto Serif TC", sans-serif, serif !important;
              font-weight: 700;
              line-height: 1.15;
              color: #000; }
              @media (max-width: 991px) {
                main .sec4 .content .txt .txt-t .txt-t1 span {
                  font-size: 2.61299em; } }
              @media (min-width: 992px) {
                main .sec4 .content .txt .txt-t .txt-t1 span {
                  font-size: 1.6875em; } }
        main .sec4 .content .txt .txt-short {
          margin-left: -0.75em; }
          main .sec4 .content .txt .txt-short p {
            line-height: 2;
            letter-spacing: 0.1em;
            font-weight: bold;
            color: #000;
            padding-top: 0.5em;
            padding-bottom: 0.3em; }
            @media (max-width: 991px) {
              main .sec4 .content .txt .txt-short p {
                font-size: 2.1291em; } }
            @media (min-width: 992px) {
              main .sec4 .content .txt .txt-short p {
                font-size: 1.375em; } }
        main .sec4 .content .txt table tr td {
          line-height: 2;
          letter-spacing: 0.1em;
          font-weight: bold;
          color: #000;
          border-bottom: 0.4em solid #fff; }
          @media (max-width: 991px) {
            main .sec4 .content .txt table tr td {
              font-size: 2.1291em; } }
          @media (min-width: 992px) {
            main .sec4 .content .txt table tr td {
              font-size: 1.375em; } }
          main .sec4 .content .txt table tr td:nth-child(1) {
            text-align: center;
            background: #d4bd90; }
            @media (max-width: 991px) {
              main .sec4 .content .txt table tr td:nth-child(1) {
                width: 7.272727272727273em; } }
            @media (min-width: 992px) {
              main .sec4 .content .txt table tr td:nth-child(1) {
                width: 7.272727272727273em; } }
          main .sec4 .content .txt table tr td:nth-child(2) {
            padding-left: 0.75em; }
        @media (max-width: 991px) {
          main .sec4 .content .txt .btns {
            padding-top: 1.61296em; } }
        @media (min-width: 992px) {
          main .sec4 .content .txt .btns {
            padding-top: 1.5625em; } }
        main .sec4 .content .txt .btns > a {
          display: block;
          text-align: center;
          background: black;
          border-radius: 2em; }
          main .sec4 .content .txt .btns > a:hover {
            transform: scale(1.1);
            opacity: 0.85; }
          @media (max-width: 991px) {
            main .sec4 .content .txt .btns > a {
              width: 15.48438em; } }
          @media (min-width: 992px) {
            main .sec4 .content .txt .btns > a {
              width: 10em; } }
        main .sec4 .content .txt .btns span {
          line-height: 2;
          letter-spacing: 0.1em;
          color: #fff;
          font-weight: bold; }
          @media (max-width: 991px) {
            main .sec4 .content .txt .btns span {
              font-size: 2.1291em; } }
          @media (min-width: 992px) {
            main .sec4 .content .txt .btns span {
              font-size: 1.375em; } }
  main .nav-right {
    position: fixed;
    display: none;
    z-index: 99;
    opacity: 0.9; }
    @media (max-width: 991px) {
      main .nav-right {
        right: 0.64518em;
        bottom: 20.90391em;
        width: 3.35495em;
        height: 3.35495em; } }
    @media (min-width: 992px) {
      main .nav-right {
        right: 1.4375em;
        bottom: 16.625em;
        width: 3.75em;
        height: 3.75em; } }
  main .btn-scrolltop {
    position: relative; }
    @media (max-width: 991px) {
      main .btn-scrolltop {
        width: 3.35495em;
        height: 3.35495em; } }
    @media (min-width: 992px) {
      main .btn-scrolltop {
        width: 3.75em;
        height: 3.75em; } }
  main .secAnchor {
    position: absolute;
    width: 1px;
    height: 1px;
    left: 0; }
    @media (max-width: 991px) {
      main .secAnchor {
        top: -8.70996em; } }
    @media (min-width: 992px) {
      main .secAnchor {
        top: -5.9375em; } }