/* Scss Document */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400");
.slick-slide {
  outline: none; }

.img-max {
  width: 100%; }

.img-center {
  margin-left: auto;
  margin-right: auto; }

.p-0 {
  padding: 0 !important; }

.m-0 {
  margin: 0 !important; }

.icon-am {
  position: relative;
  top: -3px; }

.icon-section {
  max-height: 48px;
  margin-right: 20px !important; }

#main-wrapper {
  font-family: "Open Sans", "Microsoft JhengHei", "PingFang TC", "Heiti TC", sans-serif;
  /* slick dot style*/ }
  #main-wrapper .slick-slide img {
    margin: 0 auto; }
  #main-wrapper .slick-disabled {
    opacity: 0 !important; }
  #main-wrapper .slick-prev {
    width: 35px;
    height: 100%;
    background: url(../images/arrow-left.png) no-repeat center 200px;
    background-size: 14px 26px;
    z-index: 9; }
  #main-wrapper .slick-next {
    width: 35px;
    height: 100%;
    background: url(../images/arrow-right.png) no-repeat center 200px;
    background-size: 14px 26px;
    z-index: 9; }
  #main-wrapper .slick-prev::before, #main-wrapper .slick-next::before {
    display: none; }
  #main-wrapper .slick-dots {
    position: relative;
    padding: 20px 0 0;
    bottom: 0; }
    #main-wrapper .slick-dots li.slick-active button {
      opacity: 1; }
    #main-wrapper .slick-dots li {
      width: 12px;
      height: 12px;
      margin: 0 10px; }
      #main-wrapper .slick-dots li button {
        width: 12px;
        height: 12px;
        border-radius: 6px;
        transition: all 300ms ease-in-out;
        cursor: pointer;
        background: #313e48;
        opacity: 0.3; }
      #main-wrapper .slick-dots li button::before {
        font-size: 0; }
  #main-wrapper .slick-dotted.slick-slider {
    margin-bottom: 0; }
  #main-wrapper #section-kv {
    max-width: 870px;
    margin: 0px auto 0px; }
    #main-wrapper #section-kv #kv-slider {
      margin: 0; }
      #main-wrapper #section-kv #kv-slider .kv-stage {
        position: relative;
        margin-bottom: 15px; }
        #main-wrapper #section-kv #kv-slider .kv-stage .kv-tagline {
          font-size: 17px;
          font-weight: bold;
          line-height: 1.8;
          color: #272f38; }
          @media (max-width: 767px) {
            #main-wrapper #section-kv #kv-slider .kv-stage .kv-tagline {
              top: 20px;
              padding: 15px; } }
    @media (min-width: 992px) {
      #main-wrapper #section-kv .intro-stage {
        margin-top: 50px; }
        #main-wrapper #section-kv .intro-stage:lang(en) {
          margin-top: 10px; } }
    #main-wrapper #section-kv h1 {
      font-size: 30px;
      font-weight: bold;
      line-height: 1.4; }
      @media (max-width: 767px) {
        #main-wrapper #section-kv h1 {
          font-size: 24px; } }
    #main-wrapper #section-kv .single-col {
      padding-top: 20px;
      padding-bottom: 20px;
      border-top: 1px solid #c4c6c8;
      border-bottom: 1px solid #c4c6c8; }
      #main-wrapper #section-kv .single-col p {
        margin-bottom: 0; }
    @media (max-width: 991px) {
      #main-wrapper #section-kv p {
        padding-left: 15px;
        padding-right: 15px; } }
  #main-wrapper #section2 {
    overflow-x: hidden;
    margin: 25px auto;
    max-width: 870px; }
    #main-wrapper #section2 p {
      margin-bottom: 0; }
    #main-wrapper #section2 .single-col {
      padding-top: 20px;
      padding-bottom: 20px;
      border-top: 1px solid #c4c6c8;
      border-bottom: 1px solid #c4c6c8; }
      #main-wrapper #section2 .single-col p {
        margin-bottom: 0; }
    @media (max-width: 767px) {
      #main-wrapper #section2 {
        padding-left: 15px;
        padding-right: 15px; } }
  #main-wrapper #section3 {
    max-width: 1080px;
    margin: 0 auto; }
    #main-wrapper #section3 .destination-stage {
      position: relative;
      background-color: #f4f4f6;
      margin-bottom: 30px;
      cursor: pointer; }
      #main-wrapper #section3 .destination-stage img.on {
        display: none; }
      #main-wrapper #section3 .destination-stage img.off {
        display: inline; }
      #main-wrapper #section3 .destination-stage a.destination-cta {
        display: block;
        z-index: 3;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 300ms ease-in-out;
        border: 1px solid #ffffff;
        box-shadow: 5px 5px 8px rgba(0, 0, 0, 0); }
        #main-wrapper #section3 .destination-stage a.destination-cta:hover {
          color: #272f38;
          border: 1px solid #272f38;
          box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.2); }
      #main-wrapper #section3 .destination-stage .destination-desc {
        font-size: 18px;
        padding: 20px 25px 25px;
        width: 100%;
        background-color: #f4f4f6;
        transition: all 300ms ease-in-out; }
        #main-wrapper #section3 .destination-stage .destination-desc .btn-cta {
          background: #ffffff;
          border: 2px solid #facf00;
          padding: 10px 20px;
          display: inline-block;
          word-break: normal;
          text-align: center;
          font-size: 16px; }
        #main-wrapper #section3 .destination-stage .destination-desc .destination-desc-details {
          word-break: break-all;
          position: relative;
          margin-top: 15px;
          padding-top: 15px !important; }
          #main-wrapper #section3 .destination-stage .destination-desc .destination-desc-details::before {
            transition: all 300ms ease-in-out;
            position: absolute;
            top: 0;
            width: calc(100% - 30px);
            left: 15px;
            content: '';
            border-top: 1px solid #272f38; }
        #main-wrapper #section3 .destination-stage .destination-desc strong {
          font-weight: 700; }
        #main-wrapper #section3 .destination-stage .destination-desc h3 {
          margin-top: 0;
          font-weight: 700; }
        #main-wrapper #section3 .destination-stage .destination-desc p {
          margin-top: 10px;
          margin-bottom: 10px; }
        #main-wrapper #section3 .destination-stage .destination-desc .aml-miles {
          font-size: 36px;
          font-weight: bold;
          white-space: nowrap; }
          #main-wrapper #section3 .destination-stage .destination-desc .aml-miles img {
            position: relative;
            top: -3px;
            width: 25px;
            height: 30px; }
        @media (max-width: 991px) {
          #main-wrapper #section3 .destination-stage .destination-desc {
            font-size: 16px;
            padding: 15px;
            padding-bottom: 30px; }
            #main-wrapper #section3 .destination-stage .destination-desc .aml-miles {
              font-size: 30px; }
              #main-wrapper #section3 .destination-stage .destination-desc .aml-miles img {
                width: 20px;
                height: 25px; } }
      #main-wrapper #section3 .destination-stage .destination-image-stage {
        position: relative;
        overflow: hidden; }
        #main-wrapper #section3 .destination-stage .destination-image-stage .destination-name {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 2;
          width: 100%;
          height: 100%;
          color: #272f38;
          padding: 0;
          font-weight: bold; }
          #main-wrapper #section3 .destination-stage .destination-image-stage .destination-name .destination-name-stage {
            position: absolute;
            left: calc(50% - 160px);
            top: calc(50% - 105px);
            background: url(/content/dam/am-web/campaigns/grab-and-fly/images/bg-dest-overlay.png) no-repeat center center;
            background-size: contain;
            width: 320px;
            height: 210px;
            text-align: center; }
            #main-wrapper #section3 .destination-stage .destination-image-stage .destination-name .destination-name-stage .destination-new {
              position: absolute;
              top: -20px;
              right: -20px;
              width: 150px;
              z-index: 2; }
              @media (max-width: 768px) {
                #main-wrapper #section3 .destination-stage .destination-image-stage .destination-name .destination-name-stage .destination-new {
                  width: 100px;
                  top: -10px; } }
              @media (max-width: 767px) {
                #main-wrapper #section3 .destination-stage .destination-image-stage .destination-name .destination-name-stage .destination-new {
                  top: 0; } }
            #main-wrapper #section3 .destination-stage .destination-image-stage .destination-name .destination-name-stage .destination-name-content {
              font-size: 60px;
              line-height: 1;
              padding: 0 15px;
              width: 100%;
              top: 50%;
              position: absolute;
              -webkit-transform: translate3d(0, -50%, 0);
                      transform: translate3d(0, -50%, 0); }
              @media (max-width: 768px) {
                #main-wrapper #section3 .destination-stage .destination-image-stage .destination-name .destination-name-stage .destination-name-content {
                  padding: 5px; } }
              #main-wrapper #section3 .destination-stage .destination-image-stage .destination-name .destination-name-stage .destination-name-content span {
                font-size: 18px; }
                @media (max-width: 768px) {
                  #main-wrapper #section3 .destination-stage .destination-image-stage .destination-name .destination-name-stage .destination-name-content span {
                    font-size: 16px; } }
              #main-wrapper #section3 .destination-stage .destination-image-stage .destination-name .destination-name-stage .destination-name-content:lang(en) {
                font-size: 36px;
                line-height: 0.8; }
                #main-wrapper #section3 .destination-stage .destination-image-stage .destination-name .destination-name-stage .destination-name-content:lang(en) span {
                  font-size: 18px;
                  font-weight: 400;
                  position: relative;
                  padding-left: 5px;
                  padding-right: 5px;
                  margin-top: 10px;
                  display: inline-block;
                  line-height: 1.4; }
                  @media (max-width: 768px) {
                    #main-wrapper #section3 .destination-stage .destination-image-stage .destination-name .destination-name-stage .destination-name-content:lang(en) span {
                      font-size: 16px; } }
            @media (max-width: 991px) {
              #main-wrapper #section3 .destination-stage .destination-image-stage .destination-name .destination-name-stage {
                width: 280px;
                height: 180px;
                left: calc(50% - 140px);
                top: calc(50% - 90px); }
                #main-wrapper #section3 .destination-stage .destination-image-stage .destination-name .destination-name-stage .destination-name-content {
                  line-height: 0.8; }
                  #main-wrapper #section3 .destination-stage .destination-image-stage .destination-name .destination-name-stage .destination-name-content span {
                    font-size: 20px; } }
        #main-wrapper #section3 .destination-stage .destination-image-stage .destination-period {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          padding: 15px 15px;
          z-index: 3;
          color: #ffffff;
          font-size: 16px;
          text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); }
        #main-wrapper #section3 .destination-stage .destination-image-stage img {
          transition: all 300ms ease-in-out; }
      #main-wrapper #section3 .destination-stage.destination-feature .destination-image-stage .destination-name .destination-name-stage {
        left: calc(50% - 250px);
        top: calc(50% - 164px);
        width: 500px;
        height: 328px; }
        #main-wrapper #section3 .destination-stage.destination-feature .destination-image-stage .destination-name .destination-name-stage .destination-name-content {
          font-size: 60px; }
          #main-wrapper #section3 .destination-stage.destination-feature .destination-image-stage .destination-name .destination-name-stage .destination-name-content span {
            font-size: 28px !important; }
        @media (max-width: 991px) {
          #main-wrapper #section3 .destination-stage.destination-feature .destination-image-stage .destination-name .destination-name-stage {
            width: 280px;
            height: 180px;
            left: calc(50% - 140px);
            top: calc(50% - 90px); }
            #main-wrapper #section3 .destination-stage.destination-feature .destination-image-stage .destination-name .destination-name-stage .destination-name-content {
              line-height: 0.8; }
              #main-wrapper #section3 .destination-stage.destination-feature .destination-image-stage .destination-name .destination-name-stage .destination-name-content span {
                font-size: 20px; }
              #main-wrapper #section3 .destination-stage.destination-feature .destination-image-stage .destination-name .destination-name-stage .destination-name-content:lang(en) {
                font-size: 36px; }
                #main-wrapper #section3 .destination-stage.destination-feature .destination-image-stage .destination-name .destination-name-stage .destination-name-content:lang(en) span {
                  font-size: 16px !important; } }
      @media (min-width: 769px) {
        #main-wrapper #section3 .destination-stage.destination-feature .destination-desc .destination-desc-details .destination-desc-miles-details {
          text-align: center;
          position: relative;
          margin-top: 10px; }
          #main-wrapper #section3 .destination-stage.destination-feature .destination-desc .destination-desc-details .destination-desc-miles-details::before {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            transition: all 300ms ease-in-out;
            content: '';
            border-left: 1px solid #272f38; } }
      #main-wrapper #section3 .destination-stage:hover img.off {
        display: none; }
      #main-wrapper #section3 .destination-stage:hover img.on {
        display: inline; }
      #main-wrapper #section3 .destination-stage:hover .destination-image-stage img {
        -webkit-transform: scale(1.05);
                transform: scale(1.05); }
      #main-wrapper #section3 .destination-stage:hover .destination-desc {
        background-color: #facf00; }
        #main-wrapper #section3 .destination-stage:hover .destination-desc .destination-desc-details::before {
          border-top: 1px solid #ffffff; }
        #main-wrapper #section3 .destination-stage:hover .destination-desc .destination-desc-details .destination-desc-miles-details::before {
          border-left: 1px solid #ffffff; }
      @media (min-width: 768px) {
        #main-wrapper #section3 .destination-stage.feature .destination-image-stage .destination-name .destination-name-stage {
          left: calc(50% - 200px);
          top: calc(50% - 133px);
          width: 400px;
          height: 266px; }
          #main-wrapper #section3 .destination-stage.feature .destination-image-stage .destination-name .destination-name-stage .destination-name-content {
            font-size: 120px;
            line-height: 0.5; }
            #main-wrapper #section3 .destination-stage.feature .destination-image-stage .destination-name .destination-name-stage .destination-name-content span {
              font-size: 30px; } }
      @media (min-width: 992px) {
        #main-wrapper #section3 .destination-stage.feature .destination-image-stage .destination-name .destination-name-stage {
          left: calc(50% - 300px);
          top: calc(50% - 200px);
          width: 600px;
          height: 400px; }
          #main-wrapper #section3 .destination-stage.feature .destination-image-stage .destination-name .destination-name-stage .destination-name-content {
            font-size: 148px;
            line-height: 0.6; }
            #main-wrapper #section3 .destination-stage.feature .destination-image-stage .destination-name .destination-name-stage .destination-name-content span {
              font-size: 36px; }
            #main-wrapper #section3 .destination-stage.feature .destination-image-stage .destination-name .destination-name-stage .destination-name-content:lang(en) {
              font-size: 68px; }
              #main-wrapper #section3 .destination-stage.feature .destination-image-stage .destination-name .destination-name-stage .destination-name-content:lang(en) span {
                font-size: 28px; } }
    #main-wrapper #section3 .col-md-4 .destination-stage .destination-name .destination-name-stage {
      width: 280px;
      height: 180px;
      left: calc(50% - 140px);
      top: calc(50% - 90px); }
      #main-wrapper #section3 .col-md-4 .destination-stage .destination-name .destination-name-stage .destination-name-content {
        line-height: 0.8; }
        #main-wrapper #section3 .col-md-4 .destination-stage .destination-name .destination-name-stage .destination-name-content span {
          font-size: 18px; }
    #main-wrapper #section3 .col-md-4 .destination-stage .destination-desc {
      font-size: 16px; }
      #main-wrapper #section3 .col-md-4 .destination-stage .destination-desc .aml-miles {
        font-size: 30px; }
        #main-wrapper #section3 .col-md-4 .destination-stage .destination-desc .aml-miles img {
          width: 20px;
          height: 25px; }
  #main-wrapper #section-steps {
    padding: 30px 0 15px; }
    @media (max-width: 767px) {
      #main-wrapper #section-steps {
        padding-top: 15px; } }
    #main-wrapper #section-steps p {
      margin-top: 15px; }
    #main-wrapper #section-steps div {
      margin-bottom: 15px; }
      @media (max-width: 767px) {
        #main-wrapper #section-steps div {
          margin-top: 15px; } }
    #main-wrapper #section-steps img {
      margin-left: auto;
      margin-right: auto; }
      @media (max-width: 767px) {
        #main-wrapper #section-steps img {
          max-width: 116px; } }
    #main-wrapper #section-steps .step {
      border-radius: 15px;
      background: #272f38;
      color: #ffffff;
      font-weight: bold;
      display: block;
      width: 30px;
      height: 30px;
      font-size: 18px;
      padding-top: 4px;
      margin-left: auto;
      margin-right: auto; }
  #main-wrapper #section-tnc {
    overflow-x: hidden; }
    #main-wrapper #section-tnc .terms-collapse-expand-container {
      background: rgba(39, 47, 56, 0.05);
      padding-top: 20px;
      padding-bottom: 40px; }
    #main-wrapper #section-tnc .terms-collapse-item {
      border-bottom: 1px solid rgba(39, 47, 56, 0.2); }
      #main-wrapper #section-tnc .terms-collapse-item .terms-collapse-header {
        font-weight: 600;
        padding: 10px 50px 10px 25px;
        cursor: pointer;
        position: relative;
        outline: none; }
        @media only screen and (max-width: 767px) {
          #main-wrapper #section-tnc .terms-collapse-item .terms-collapse-header {
            padding: 15px 30px 15px 10px; } }
        #main-wrapper #section-tnc .terms-collapse-item .terms-collapse-header .custom-accordion-icon {
          position: absolute;
          right: 25px;
          top: 18px;
          width: 15px;
          height: 15px; }
          @media only screen and (max-width: 767px) {
            #main-wrapper #section-tnc .terms-collapse-item .terms-collapse-header .custom-accordion-icon {
              right: 5px;
              top: 20px; } }
      #main-wrapper #section-tnc .terms-collapse-item .custom-accordion-icon {
        background: url(../images/arrow_s_down.svg) 50% no-repeat;
        transition: all .15s ease-out; }
        #main-wrapper #section-tnc .terms-collapse-item .custom-accordion-icon.actived {
          /*background-image: url(../images/arrow_s_up.svg);*/
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg); }
      #main-wrapper #section-tnc .terms-collapse-item .terms-collapse-item-content {
        display: none; }

#main-wrapper.en {
  font-family: "Open Sans","Arial",sans-serif; }

#main-wrapper.tc {
  font-family: "Microsoft JhengHei","PingFang TC","Heiti TC",sans-serif; }

#main-wrapper.sc {
  font-family: "Microsoft JhengHei","PingFang SC","Heiti SC","Microsoft YaHei",sans-serif; }

/*# sourceMappingURL=main-201904.css.map */