.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; }

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(-61.25%);
    transform: translateX(-61.25%); } }
@keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(-61.25%);
    transform: translateX(-61.25%); } }
@media (max-width: 991px) {
  @-webkit-keyframes marquee {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0); }
    to {
      -webkit-transform: translateX(-191.5625%);
      transform: translateX(-191.5625%); } }
  @keyframes marquee {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0); }
    to {
      -webkit-transform: translateX(-191.5625%);
      transform: translateX(-191.5625%); } } }
main {
  width: 100%;
  overflow-x: hidden;
  position: relative;
  font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif, serif;
  /*
  body.scrolled{
  	.secAnchor{
  		position:absolute;
  		// width:90%;
  		width:1px;
  		height:1px;	
  		left:0;
  		// background-color:red;
  		// @media (max-width: 991px) {		
  			// top: -(100em/$size)*$mscale;	
  		// }
  		// @media (min-width: 992px) {		
  			// top: -(100em/$size)*$scale;
  		// }
  		// width:100%;
  		// background:red;
  	}
  }
  */ }
  @media (max-width: 991px) {
    main {
      background: url("../images/sec1/bga_m.jpg") center top no-repeat;
      background-size: 100% auto; } }
  @media (min-width: 992px) {
    main {
      background: url("../images/sec1/bga.jpg") center top;
      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;
    z-index: 2;
    width: 100%;
    display: flex !important;
    justify-content: center !important; }
    main .kv .inner {
      position: relative; }
    main .kv .taiwan_shadow {
      position: absolute; }
      @media (max-width: 991px) {
        main .kv .taiwan_shadow {
          display: none; } }
      @media (min-width: 992px) {
        main .kv .taiwan_shadow {
          left: 0em;
          top: 0em;
          width: 41.9375em;
          height: 35.8125em; } }
    main .kv .taiwan {
      position: absolute; }
      @media (max-width: 991px) {
        main .kv .taiwan {
          left: 2.8388em;
          top: 2.8388em;
          width: 13.41979em;
          height: 17.29089em; } }
      @media (min-width: 992px) {
        main .kv .taiwan {
          left: 11.9375em;
          top: 2.9375em;
          width: 16em;
          height: 20.625em; } }
    main .kv .slogan {
      position: absolute; }
      @media (max-width: 991px) {
        main .kv .slogan {
          left: 5.48405em;
          top: 15.03275em;
          width: 50.38874em;
          height: 33.29141em; } }
      @media (min-width: 992px) {
        main .kv .slogan {
          left: 34.75em;
          top: 9em;
          width: 50.4375em;
          height: 33.3125em; } }
    main .kv .p1 {
      position: absolute; }
      @media (max-width: 991px) {
        main .kv .p1 {
          left: 5.41953em;
          top: 60.06647em;
          width: 7.54863em;
          height: 32.77526em; } }
      @media (min-width: 992px) {
        main .kv .p1 {
          left: 7.625em;
          top: 47.4375em;
          width: 12.5625em;
          height: 27.75em; } }
    main .kv .p2 {
      position: absolute; }
      @media (max-width: 991px) {
        main .kv .p2 {
          left: 15.67793em;
          top: 68.00221em;
          width: 10.38743em;
          height: 29.35579em; } }
      @media (min-width: 992px) {
        main .kv .p2 {
          left: 41.8125em;
          top: 47.9375em;
          width: 15.8125em;
          height: 24.625em; } }
    main .kv .p3 {
      position: absolute; }
      @media (max-width: 991px) {
        main .kv .p3 {
          left: 32.38815em;
          top: 61.09876em;
          width: 9.93581em;
          height: 32.25911em; } }
      @media (min-width: 992px) {
        main .kv .p3 {
          left: 66.1875em;
          top: 49.25em;
          width: 15.125em;
          height: 24.75em; } }
    main .kv .p4 {
      position: absolute; }
      @media (max-width: 991px) {
        main .kv .p4 {
          left: 48.58223em;
          top: 68.06673em;
          width: 10.9681em;
          height: 30.13001em; } }
      @media (min-width: 992px) {
        main .kv .p4 {
          left: 92.5em;
          top: 49.6875em;
          width: 17.0625em;
          height: 24.25em; } }
  main .bga {
    position: relative; }
  main .bgb {
    position: relative; }
    @media (max-width: 991px) {
      main .bgb {
        background: url("../images/sec1/bgb_m.jpg") center top no-repeat;
        background-size: 100% auto; } }
    @media (min-width: 992px) {
      main .bgb {
        background: url("../images/sec1/bgb.jpg") center top no-repeat;
        background-size: 100% auto; } }
  main .bgc {
    position: relative; }
    @media (max-width: 991px) {
      main .bgc {
        background: url("../images/sec1/bgc_m.jpg") center bottom no-repeat;
        background-size: 100% auto;
        padding-bottom: 15.48438em; } }
    @media (min-width: 992px) {
      main .bgc {
        background: url("../images/sec1/bgc.jpg") center bottom no-repeat;
        background-size: 100% auto; } }
  main #sec1 {
    position: relative;
    z-index: 1;
    width: 100%; }
    main #sec1 .inner {
      position: relative; }
      @media (max-width: 991px) {
        main #sec1 .inner {
          padding-top: 1.3125em; } }
      @media (min-width: 992px) {
        main #sec1 .inner {
          padding-top: 1.25em; } }
    main #sec1 .sec-title {
      position: relative;
      display: flex !important;
      justify-content: center !important; }
      @media (max-width: 991px) {
        main #sec1 .sec-title img {
          width: 50.00163em; } }
      @media (min-width: 992px) {
        main #sec1 .sec-title img {
          width: 48.4375em;
          margin-left: -18.5em; } }
    main #sec1 .sec-short {
      position: relative;
      display: flex !important;
      justify-content: center !important; }
      @media (max-width: 991px) {
        main #sec1 .sec-short {
          padding-top: 3.74206em; } }
      @media (min-width: 992px) {
        main #sec1 .sec-short {
          padding-top: 5.75em; } }
  main #sec2 {
    position: relative;
    z-index: 1;
    width: 100%; }
    main #sec2 .inner {
      position: relative; }
      @media (max-width: 991px) {
        main #sec2 .inner {
          padding-top: 36.25924em; } }
      @media (min-width: 992px) {
        main #sec2 .inner {
          padding-top: 8.125em;
          padding-bottom: 15.9375em; } }
    main #sec2 .sec-title {
      position: relative;
      display: flex !important;
      justify-content: center !important; }
      @media (max-width: 991px) {
        main #sec2 .sec-title img {
          width: 44.125em; } }
      @media (min-width: 992px) {
        main #sec2 .sec-title img {
          width: 37.5em; } }
    main #sec2 .ls {
      position: relative;
      margin-left: auto;
      margin-right: auto; }
      @media (max-width: 991px) {
        main #sec2 .ls {
          width: 54.32435em;
          padding-top: 2.58073em; } }
      @media (min-width: 992px) {
        main #sec2 .ls {
          width: 98.75em;
          padding-top: 6.75em; } }
      main #sec2 .ls .item {
        position: relative; }
        @media (max-width: 991px) {
          main #sec2 .ls .item {
            width: 100%; } }
        @media (min-width: 992px) {
          main #sec2 .ls .item {
            width: 100%;
            display: flex !important;
            justify-content: center !important; } }
        main #sec2 .ls .item .item-pic {
          position: relative; }
          @media (max-width: 991px) {
            main #sec2 .ls .item .item-pic {
              width: 46.0015em;
              margin-left: auto;
              margin-right: auto;
              left: -0.64518em; } }
          @media (min-width: 992px) {
            main #sec2 .ls .item .item-pic {
              width: 37.5625em;
              margin-left: 2.25em;
              margin-right: 2.25em; } }
        main #sec2 .ls .item .item-details {
          position: relative; }
          @media (max-width: 991px) {
            main #sec2 .ls .item .item-details {
              width: 54.32435em;
              padding-bottom: 4.19368em;
              margin-left: auto;
              margin-right: auto; } }
          @media (min-width: 992px) {
            main #sec2 .ls .item .item-details {
              width: 44.375em;
              padding-top: 1.4375em;
              margin-left: 2.25em;
              margin-right: 2.25em; } }
          main #sec2 .ls .item .item-details .item-details-inner {
            position: relative; }
            main #sec2 .ls .item .item-details .item-details-inner .t1 {
              position: relative; }
              @media (max-width: 991px) {
                main #sec2 .ls .item .item-details .item-details-inner .t1 img {
                  height: 10.51647em; } }
              @media (min-width: 992px) {
                main #sec2 .ls .item .item-details .item-details-inner .t1 img {
                  height: 7.6875em; } }
            main #sec2 .ls .item .item-details .item-details-inner .t2 p {
              color: #262727; }
              @media (max-width: 991px) {
                main #sec2 .ls .item .item-details .item-details-inner .t2 p {
                  line-height: 1.6;
                  font-size: 2.25814em; } }
              @media (min-width: 992px) {
                main #sec2 .ls .item .item-details .item-details-inner .t2 p {
                  line-height: 1.68;
                  font-size: 1.5625em; } }
      @media (max-width: 991px) {
        main #sec2 .ls .item1 {
          margin-bottom: 6.77441em; } }
      @media (min-width: 992px) {
        main #sec2 .ls .item1 {
          margin-bottom: 2.5em; } }
      main #sec2 .ls .item1 .p1 {
        position: absolute; }
        @media (max-width: 991px) {
          main #sec2 .ls .item1 .p1 {
            width: 10.90358em;
            height: 7.22604em;
            left: 40.32389em;
            top: 30.96875em; } }
        @media (min-width: 992px) {
          main #sec2 .ls .item1 .p1 {
            width: 8.875em;
            height: 5.875em;
            left: 33em;
            top: 25em; } }
      @media (max-width: 991px) {
        main #sec2 .ls .item1 .item-details {
          padding-top: 1.48392em; } }
      @media (min-width: 992px) {
        main #sec2 .ls .item1 .item-details {
          padding-top: 1.4375em; } }
      main #sec2 .ls .item1 .item-details-inner {
        position: relative; }
        @media (min-width: 992px) {
          main #sec2 .ls .item1 .item-details-inner .t1 {
            margin-left: -1.5625em; } }
        @media (max-width: 991px) {
          main #sec2 .ls .item1 .item-details-inner .t2 {
            padding-left: 2.58073em;
            padding-top: 0em;
            margin-top: -0.64518em; } }
        @media (min-width: 992px) {
          main #sec2 .ls .item1 .item-details-inner .t2 {
            padding-top: 0em;
            margin-top: -0.625em; } }
      @media (max-width: 991px) {
        main #sec2 .ls .item2 {
          margin-bottom: 6.77441em; } }
      @media (min-width: 992px) {
        main #sec2 .ls .item2 {
          margin-bottom: 6.875em;
          flex-direction: row-reverse !important; } }
      @media (max-width: 991px) {
        main #sec2 .ls .item2 .item-pic {
          left: 3.48398em; } }
      main #sec2 .ls .item2 .p1 {
        position: absolute; }
        @media (max-width: 991px) {
          main #sec2 .ls .item2 .p1 {
            width: 14.25853em;
            height: 24.96855em;
            left: -6.06471em;
            top: 17.61348em; } }
        @media (min-width: 992px) {
          main #sec2 .ls .item2 .p1 {
            width: 11.625em;
            height: 20.375em;
            left: -4.875em;
            top: 14.375em; } }
      @media (max-width: 991px) {
        main #sec2 .ls .item2 .item-details {
          padding-top: 1.48392em; } }
      @media (min-width: 992px) {
        main #sec2 .ls .item2 .item-details {
          width: 46.875em;
          padding-top: 0.625em; } }
      main #sec2 .ls .item2 .item-details-inner {
        position: relative; }
        @media (min-width: 992px) {
          main #sec2 .ls .item2 .item-details-inner .t1 {
            margin-left: 0.375em; } }
        @media (max-width: 991px) {
          main #sec2 .ls .item2 .item-details-inner .t2 {
            padding-left: 2.58073em;
            padding-top: 0em;
            margin-top: -0.64518em; } }
        @media (min-width: 992px) {
          main #sec2 .ls .item2 .item-details-inner .t2 {
            padding-top: 0em;
            padding-left: 2.1875em;
            margin-top: -0.625em; } }
      @media (max-width: 991px) {
        main #sec2 .ls .item3 {
          margin-bottom: 6.77441em; } }
      @media (min-width: 992px) {
        main #sec2 .ls .item3 {
          margin-bottom: 4.375em; } }
      main #sec2 .ls .item3 .p1 {
        position: absolute; }
        @media (max-width: 991px) {
          main #sec2 .ls .item3 .p1 {
            width: 10.90358em;
            height: 7.22604em;
            left: -5.61309em;
            top: 31.1623em;
            z-index: 2; } }
        @media (min-width: 992px) {
          main #sec2 .ls .item3 .p1 {
            width: 8.875em;
            height: 5.875em;
            left: -4.625em;
            top: 25.3125em; } }
      main #sec2 .ls .item3 .p2 {
        position: absolute; }
        @media (max-width: 991px) {
          main #sec2 .ls .item3 .p2 {
            width: 13.0972em;
            height: 18.25866em;
            left: -8.19382em;
            top: 19.0974em;
            z-index: 1; } }
        @media (min-width: 992px) {
          main #sec2 .ls .item3 .p2 {
            width: 12.125em;
            height: 16.875em;
            left: -6.875em;
            top: -9.875em; } }
      @media (max-width: 991px) {
        main #sec2 .ls .item3 .item-pic {
          left: 3.48398em; } }
      @media (max-width: 991px) {
        main #sec2 .ls .item3 .item-details {
          padding-top: 1.48392em; } }
      @media (min-width: 992px) {
        main #sec2 .ls .item3 .item-details {
          padding-top: 0em;
          margin-top: -0.625em; } }
      main #sec2 .ls .item3 .item-details-inner {
        position: relative; }
        @media (min-width: 992px) {
          main #sec2 .ls .item3 .item-details-inner .t1 {
            margin-left: -1.5625em; } }
        @media (max-width: 991px) {
          main #sec2 .ls .item3 .item-details-inner .t2 {
            padding-left: 2.58073em;
            padding-top: 0em;
            margin-top: -0.64518em; } }
        @media (min-width: 992px) {
          main #sec2 .ls .item3 .item-details-inner .t2 {
            padding-top: 0em;
            padding-right: 1.5625em;
            margin-top: -0.875em; } }
      @media (min-width: 992px) {
        main #sec2 .ls .item4 {
          flex-direction: row-reverse !important; } }
      main #sec2 .ls .item4 .item-pic {
        position: relative; }
        @media (max-width: 991px) {
          main #sec2 .ls .item4 .item-pic {
            width: 52.71139em;
            left: 0.64518em; } }
        @media (min-width: 992px) {
          main #sec2 .ls .item4 .item-pic {
            width: 45.75em;
            margin-left: 2.25em;
            margin-right: 2.25em; } }
      main #sec2 .ls .item4 .p1 {
        position: absolute; }
        @media (max-width: 991px) {
          main #sec2 .ls .item4 .p1 {
            width: 13.58754em;
            height: 15.68438em;
            right: 0.64518em;
            top: -5.80664em; } }
        @media (min-width: 992px) {
          main #sec2 .ls .item4 .p1 {
            width: 10.125em;
            height: 11.6875em;
            left: 82.5em;
            top: 1.25em; } }
      @media (max-width: 991px) {
        main #sec2 .ls .item4 .item-details {
          padding-top: 0.64518em; } }
      @media (min-width: 992px) {
        main #sec2 .ls .item4 .item-details {
          padding-top: 4.6875em;
          padding-right: 3.125em; } }
      main #sec2 .ls .item4 .item-details-inner {
        position: relative; }
        @media (max-width: 991px) {
          main #sec2 .ls .item4 .item-details-inner .t1 {
            margin-left: 0.38711em; } }
        @media (min-width: 992px) {
          main #sec2 .ls .item4 .item-details-inner .t1 {
            margin-left: -1.5625em; } }
        @media (max-width: 991px) {
          main #sec2 .ls .item4 .item-details-inner .t2 {
            padding-left: 2.58073em;
            padding-top: 0em;
            margin-top: -0.64518em; } }
        @media (min-width: 992px) {
          main #sec2 .ls .item4 .item-details-inner .t2 {
            padding-top: 0em;
            padding-left: 0em;
            margin-top: -0.625em; } }
  main #sec3 {
    position: relative;
    z-index: 2;
    width: 100%;
    background: #ede1aa; }
    @media (max-width: 991px) {
      main #sec3 {
        min-height: 85.16406em; } }
    @media (min-width: 992px) {
      main #sec3 {
        min-height: 77.625em; } }
    main #sec3 .inner {
      position: relative; }
      @media (max-width: 991px) {
        main #sec3 .inner {
          padding-top: 1.48392em; } }
      @media (min-width: 992px) {
        main #sec3 .inner {
          padding-top: 1.4375em; } }
    main #sec3 .p1 {
      position: absolute; }
      @media (max-width: 991px) {
        main #sec3 .p1 {
          width: 28.58158em;
          height: 11.6778em;
          left: -2.25814em;
          top: 7.29056em; } }
      @media (min-width: 992px) {
        main #sec3 .p1 {
          width: 27.6875em;
          height: 11.3125em;
          left: -6.3125em;
          top: -0.5625em; } }
    main #sec3 .p2 {
      position: absolute; }
      @media (max-width: 991px) {
        main #sec3 .p2 {
          width: 28.58158em;
          height: 11.6778em;
          right: -6.06471em;
          top: 25.42018em; } }
      @media (min-width: 992px) {
        main #sec3 .p2 {
          width: 27.6875em;
          height: 9.1875em;
          right: -3.48398em;
          top: 3.6875em; } }
    main #sec3 .p3 {
      position: absolute; }
      @media (max-width: 991px) {
        main #sec3 .p3 {
          width: 17.48444em;
          height: 15.80697em;
          right: -4.00013em;
          top: 85.16406em; } }
      @media (min-width: 992px) {
        main #sec3 .p3 {
          width: 25.9375em;
          height: 23.5em;
          right: -6.5em;
          top: 69.25em; } }
    main #sec3 .sec-title {
      position: relative;
      display: flex !important;
      justify-content: center !important; }
      @media (max-width: 991px) {
        main #sec3 .sec-title {
          margin-top: -10.625em; } }
      @media (max-width: 991px) {
        main #sec3 .sec-title img {
          width: 44.125em; } }
      @media (min-width: 992px) {
        main #sec3 .sec-title img {
          width: 37.5em; } }
    main #sec3 .sec-short {
      position: relative;
      margin-left: auto;
      margin-right: auto; }
      @media (max-width: 991px) {
        main #sec3 .sec-short {
          width: 53.55013em;
          padding-top: 4.51628em;
          padding-bottom: 5.80664em; } }
      @media (min-width: 992px) {
        main #sec3 .sec-short {
          width: 75.625em;
          padding-top: 2.375em;
          padding-bottom: 2.875em; } }
      main #sec3 .sec-short p {
        color: #262727; }
        @media (max-width: 991px) {
          main #sec3 .sec-short p {
            font-size: 2.25814em;
            line-height: 1.6; } }
        @media (min-width: 992px) {
          main #sec3 .sec-short p {
            font-size: 1.625em;
            line-height: 1.730769230769231; } }
    main #sec3 .marquee {
      position: relative;
      margin-left: auto;
      margin-right: auto;
      width: 100%;
      height: 43.8724em; }
    @media (min-width: 992px) {
      main #sec3 .marquee {
        max-width: 1920px;
        height: 42.1875em; } }
    main #sec3 .marquee .view {
      overflow: hidden;
      width: 100%; }
    main #sec3 .marquee .pic-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-animation: marquee 60s infinite linear;
      animation: marquee 60s infinite linear; }
    main #sec3 .marquee .pic-container .pic {
      -ms-flex-preferred-size: 18.51673em;
      flex-basis: 18.51673em;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin-left: 0.77422em;
      margin-right: 0.77422em; }
    main #sec3 .marquee .pic-container .pic:nth-child(even) {
      margin-top: 2.90332em; }
    @media (min-width: 992px) {
      main #sec3 .marquee .pic-container .pic {
        -ms-flex-preferred-size: 20em;
        flex-basis: 20em;
        margin-left: 0.75em;
        margin-right: 0.75em; }
      main #sec3 .marquee .pic-container .pic:nth-child(even) {
        margin-top: 2.8125em; } }
    main #sec3 .marquee img {
      width: 100%;
      vertical-align: middle; }
  main #sec4 {
    position: relative;
    z-index: 1;
    width: 100%;
    background: #faf7ee; }
    @media (max-width: 991px) {
      main #sec4 {
        min-height: 98.71289em;
        background: url("../images/sec4/bg_m.jpg") center top no-repeat;
        background-size: 100% auto; } }
    @media (min-width: 992px) {
      main #sec4 {
        min-height: 55.625em;
        background: url("../images/sec4/bg.jpg") center top no-repeat;
        background-size: 100% auto; } }
    main #sec4 .inner {
      position: relative; }
      @media (max-width: 991px) {
        main #sec4 .inner {
          padding-top: 11.29069em; } }
      @media (min-width: 992px) {
        main #sec4 .inner {
          padding-top: 7.625em; } }
    main #sec4 .sec-title {
      position: relative;
      display: flex !important;
      justify-content: center !important; }
      @media (max-width: 991px) {
        main #sec4 .sec-title img {
          width: 44.125em; } }
      @media (min-width: 992px) {
        main #sec4 .sec-title img {
          width: 37.5em; } }
    main #sec4 .ls {
      position: relative;
      display: flex !important;
      justify-content: center !important; }
      @media (max-width: 991px) {
        main #sec4 .ls {
          margin-top: 3.41947em; } }
      @media (min-width: 992px) {
        main #sec4 .ls {
          margin-top: 4.5625em; } }
      main #sec4 .ls .item {
        position: relative; }
        main #sec4 .ls .item img {
          transition: transform 0.4s ease, opacity 0.4s ease; }
          @media (max-width: 991px) {
            main #sec4 .ls .item img {
              width: 52.71139em; } }
          @media (min-width: 992px) {
            main #sec4 .ls .item img {
              width: 67.5625em; } }
        main #sec4 .ls .item a:hover {
          opacity: 1; }
          main #sec4 .ls .item a:hover img {
            transform: scale(1.025);
            opacity: 0.85; }
  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; } }