@-webkit-keyframes carousel-scale {
  0% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes carousel-scale {
  0% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes scroll-dots {
  0% {
    opacity: .3; }
  100% {
    opacity: 1; } }

@keyframes scroll-dots {
  0% {
    opacity: .3; }
  100% {
    opacity: 1; } }

@-webkit-keyframes player-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 200% 0; } }

@keyframes player-move {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 200% 0; } }

#wrapper {
  min-height: 3000px; }
  #wrapper .floating-bg {
    height: 100%;
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    z-index: -1; }
    #wrapper .floating-bg img {
      display: inline-block;
      width: auto; }
  #wrapper .kv {
    height: calc(100vh - 50px);
    position: relative; }
    #wrapper .kv-carousel {
      width: 100%;
      height: 100%; }
      #wrapper .kv-carousel .item {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        overflow: hidden; }
        #wrapper .kv-carousel .item-pic {
          width: 100%;
          height: 100%;
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          position: absolute;
          top: 0;
          right: 0; }
        #wrapper .kv-carousel .item.-scale > div {
          -webkit-animation: carousel-scale 10s linear;
          animation: carousel-scale 10s linear; }
    #wrapper .kv-logo {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
      #wrapper .kv-logo .logo {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        #wrapper .kv-logo .logo img {
          width: 37%;
          max-width: 680px; }
          @media screen and (max-width: 1440px) {
            #wrapper .kv-logo .logo img {
              width: 59%; } }
          @media screen and (max-width: 1199px) {
            #wrapper .kv-logo .logo img {
              width: 41%;
              max-width: 490px; } }
          @media screen and (max-width: 992px) {
            #wrapper .kv-logo .logo img {
              width: 50%; } }
          @media screen and (max-width: 768px) {
            #wrapper .kv-logo .logo img {
              min-width: 300px; } }
      #wrapper .kv-logo .logo-bg {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        #wrapper .kv-logo .logo-bg img {
          width: 48%;
          max-width: 890px; }
          @media screen and (max-width: 1440px) {
            #wrapper .kv-logo .logo-bg img {
              width: 65%; } }
          @media screen and (max-width: 1199px) {
            #wrapper .kv-logo .logo-bg img {
              width: 59%;
              max-width: 700px; } }
          @media screen and (max-width: 992px) {
            #wrapper .kv-logo .logo-bg img {
              width: 71%; } }
          @media screen and (max-width: 768px) {
            #wrapper .kv-logo .logo-bg img {
              min-width: 450px; } }
    #wrapper .kv-cis-bg {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
      #wrapper .kv-cis-bg .cis-bg {
        position: absolute; }
        #wrapper .kv-cis-bg .cis-bg img {
          width: 100%; }
        #wrapper .kv-cis-bg .cis-bg.-righttop {
          width: 15%;
          max-width: 282px;
          top: -40px;
          right: 0; }
          @media screen and (max-width: 1199px) {
            #wrapper .kv-cis-bg .cis-bg.-righttop {
              width: 15%;
              max-width: 169px;
              top: 10px; } }
          @media screen and (max-width: 768px) {
            #wrapper .kv-cis-bg .cis-bg.-righttop {
              display: none; } }
        #wrapper .kv-cis-bg .cis-bg.-lefttop {
          width: 27%;
          max-width: 493px;
          top: -10px;
          left: 0; }
          @media screen and (max-width: 1199px) {
            #wrapper .kv-cis-bg .cis-bg.-lefttop {
              width: 25%;
              max-width: 298px;
              top: 60px; } }
          @media screen and (max-width: 768px) {
            #wrapper .kv-cis-bg .cis-bg.-lefttop {
              min-width: 199px;
              top: 72px; } }
        #wrapper .kv-cis-bg .cis-bg.-leftbottom {
          width: 24%;
          max-width: 451px;
          bottom: 32px;
          left: 100px; }
          @media screen and (max-width: 1199px) {
            #wrapper .kv-cis-bg .cis-bg.-leftbottom {
              width: 24%;
              max-width: 280px;
              bottom: -30px; } }
          @media screen and (max-width: 992px) {
            #wrapper .kv-cis-bg .cis-bg.-leftbottom {
              bottom: 10px; } }
          @media screen and (max-width: 768px) {
            #wrapper .kv-cis-bg .cis-bg.-leftbottom {
              display: none; } }
        #wrapper .kv-cis-bg .cis-bg.-rightbottom {
          width: 21%;
          max-width: 387px;
          right: 0;
          bottom: -55px; }
          @media screen and (max-width: 1199px) {
            #wrapper .kv-cis-bg .cis-bg.-rightbottom {
              width: 17%;
              max-width: 199px;
              bottom: 25px; } }
          @media screen and (max-width: 992px) {
            #wrapper .kv-cis-bg .cis-bg.-rightbottom {
              bottom: 54px; } }
          @media screen and (max-width: 768px) {
            #wrapper .kv-cis-bg .cis-bg.-rightbottom {
              min-width: 130px;
              bottom: 78px; } }
    #wrapper .kv-hill {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
      #wrapper .kv-hill-top {
        width: 100%;
        position: absolute;
        top: -35px;
        left: 0; }
        @media screen and (max-width: 992px) {
          #wrapper .kv-hill-top {
            top: -70px; } }
      #wrapper .kv-hill-bottom {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0; }
  #wrapper .main {
    width: 100%;
    position: relative;
    padding-top: 50px; }
    #wrapper .main-bg {
      width: 100%;
      position: absolute;
      top: 0; }
    #wrapper .main-content {
      width: 100%;
      position: relative;
      top: 0; }
      #wrapper .main-content .intro {
        padding-bottom: 40px; }
        @media screen and (max-width: 768px) {
          #wrapper .main-content .intro {
            padding-bottom: 30px; }
            #wrapper .main-content .intro .container {
              max-width: 600px; } }
        #wrapper .main-content .intro-content {
          background-color: rgba(255, 255, 255, 0.9);
          position: relative;
          border-radius: 50px; }
          @media screen and (max-width: 768px) {
            #wrapper .main-content .intro-content {
              border-radius: 20px; } }
        #wrapper .main-content .intro-inner {
          max-width: 770px;
          height: 780px;
          padding: 30px 0 80px;
          margin: 0 auto;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
          @media screen and (max-width: 1199px) {
            #wrapper .main-content .intro-inner {
              max-width: 720px;
              -webkit-box-pack: start;
              -ms-flex-pack: start;
              justify-content: flex-start;
              padding: 40px 0 80px; } }
          @media screen and (max-width: 992px) {
            #wrapper .main-content .intro-inner {
              max-width: 460px;
              padding: 100px 0 80px; } }
          @media screen and (max-width: 768px) {
            #wrapper .main-content .intro-inner {
              height: auto;
              padding: 91px 13px 60px; } }
        #wrapper .main-content .intro-title {
          text-align: center;
          line-height: 1.2;
          color: #006633;
          font-size: 100px;
          font-weight: bold; }
          @media screen and (max-width: 1199px) {
            #wrapper .main-content .intro-title {
              font-size: 90px; } }
          @media screen and (max-width: 992px) {
            #wrapper .main-content .intro-title {
              font-size: 60px; } }
          @media screen and (max-width: 768px) {
            #wrapper .main-content .intro-title {
              font-size: 46px; } }
          @media screen and (max-width: 414px) {
            #wrapper .main-content .intro-title {
              font-size: 35px; } }
        #wrapper .main-content .intro-subtitle {
          width: 100%;
          background-color: #EE5A24;
          position: relative;
          padding: 3px 0;
          border-radius: 18.5px;
          text-align: center;
          line-height: 1.2;
          color: #ffffff;
          font-size: 60px;
          font-weight: bold;
          letter-spacing: 2px;
          margin-top: 30px; }
          @media screen and (max-width: 992px) {
            #wrapper .main-content .intro-subtitle {
              padding: 13px 18px;
              margin-top: 40px;
              font-size: 53px; } }
          @media screen and (max-width: 768px) {
            #wrapper .main-content .intro-subtitle {
              width: auto;
              margin-top: 18px;
              font-size: 40px; } }
          @media screen and (max-width: 414px) {
            #wrapper .main-content .intro-subtitle {
              padding: 7px 18px;
              font-size: 25px; } }
          @media screen and (min-width: 993px) {
            #wrapper .main-content .intro-subtitle br.txt-wrap {
              display: none; } }
        #wrapper .main-content .intro-text {
          width: 100%;
          margin-top: 30px;
          line-height: 1.5;
          color: #707070;
          font-size: 30px;
          letter-spacing: 1px; }
          @media screen and (max-width: 992px) {
            #wrapper .main-content .intro-text {
              line-height: 1.7;
              font-size: 20px; } }
          @media screen and (max-width: 768px) {
            #wrapper .main-content .intro-text {
              margin-top: 25px; } }
        #wrapper .main-content .intro-cta {
          position: absolute;
          bottom: -40px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
          @media screen and (max-width: 768px) {
            #wrapper .main-content .intro-cta {
              bottom: -30px; } }
        #wrapper .main-content .intro .player-01 {
          width: 221px;
          position: absolute;
          bottom: calc(100% - 8px);
          left: 4%;
          background-image: url("../images/golf-2019/player-step-01.png");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          -webkit-animation: player-move 1s infinite steps(2);
          animation: player-move 1s infinite steps(2); }
          #wrapper .main-content .intro .player-01::before {
            content: '';
            display: block;
            padding-bottom: 78.28054%; }
          @media screen and (max-width: 992px) {
            #wrapper .main-content .intro .player-01 {
              position: absolute;
              right: 4%;
              bottom: calc(100% + 215px);
              left: auto; } }
          @media screen and (max-width: 768px) {
            #wrapper .main-content .intro .player-01 {
              width: 159px;
              bottom: calc(100% + 195px); } }
          #wrapper .main-content .intro .player-01-2023 {
			  width: 221px;
			  position: absolute;
			  bottom: calc(100% - 8px);
			  left: 4%;
			  background-image: url("../images/golf-2023/player-step-01.png");
			  background-position: center;
			  background-size: cover;
			  background-repeat: no-repeat;
			  -webkit-animation: player-move 1s infinite steps(2);
			  animation: player-move 1s infinite steps(2); }
			  #wrapper .main-content .intro .player-01-2023::before {
				content: '';
				display: block;
				padding-bottom: 78.28054%; }
			  @media screen and (max-width: 992px) {
				#wrapper .main-content .intro .player-01-2023 {
				  position: absolute;
				  right: 4%;
				  bottom: calc(100% + 215px);
				  left: auto; } }
			  @media screen and (max-width: 768px) {
				#wrapper .main-content .intro .player-01-2023 {
				  width: 159px;
				  bottom: calc(100% + 195px); } }
        #wrapper .main-content .intro .cup {
          width: 122px;
          position: absolute;
          top: -135px;
          left: calc((100% - 122px) / 2);
          background-image: url("../images/golf-2019/cup.png");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat; }
          #wrapper .main-content .intro .cup::before {
            content: '';
            display: block;
            padding-bottom: 118.03279%; }
          @media screen and (max-width: 992px) {
            #wrapper .main-content .intro .cup {
              display: none; } }
        #wrapper .main-content .intro .flag {
          width: 145px;
          position: absolute;
          right: -80px;
          bottom: 100%;
		  
          }
          #wrapper .main-content .intro .flag::before {
            content: '';
            display: block;
            padding-bottom: 86.2069%; }
          @media screen and (max-width: 1440px) {
            #wrapper .main-content .intro .flag {
              width: 120px;
              right: -50px; } }
          @media screen and (max-width: 1199px) {
            #wrapper .main-content .intro .flag {
              right: -80px; } }
          @media screen and (max-width: 992px) {
            #wrapper .main-content .intro .flag {
              right: -60px; } }
          @media screen and (max-width: 768px) {
            #wrapper .main-content .intro .flag {
              right: -30px;
              width: 50px; } }

#wrapper .main-content .intro .australia{
	background: url("../images/golf-2019/flag.png") no-repeat top left;
	background-position: center;
	background-size: cover;
}

#wrapper .main-content .intro .vietnam{
	background: url("../images/golf-2023/flag.png") no-repeat top left;
	background-position: center;
	background-size: cover;
}
        #wrapper .main-content .intro .earlybird {
          width: 280px;
          background-image: url("../images/golf-2019/earlybird.png");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          position: absolute;
          top: -140px;
          right: -140px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          #wrapper .main-content .intro .earlybird::before {
            content: '';
            display: block;
            padding-bottom: 100%; }
          @media screen and (max-width: 1440px) {
            #wrapper .main-content .intro .earlybird {
              top: -140px;
              right: -57px; } }
          @media screen and (max-width: 1199px) {
            #wrapper .main-content .intro .earlybird {
              width: 200px;
              top: -100px;
              right: -80px; } }
          @media screen and (max-width: 992px) {
            #wrapper .main-content .intro .earlybird {
              top: -130px;
              right: 50%;
              -webkit-transform: translateX(50%);
              -ms-transform: translateX(50%);
              transform: translateX(50%); } }
          #wrapper .main-content .intro .earlybird-txt {
            width: 100%;
            position: absolute;
            top: 50%;
            right: 50%;
            -webkit-transform: translate(50%, -50%);
            -ms-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
            text-align: center;
            line-height: 1.3;
            color: #ffffff;
            font-size: 42px; }
            @media screen and (max-width: 1199px) {
              #wrapper .main-content .intro .earlybird-txt {
                font-size: 30px; } }
        #wrapper .main-content .intro .hole {
          width: 113px;
          position: absolute;
          bottom: -80px;
          left: -120px;
          background-image: url("../images/golf-2019/hole.png");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat; }
          #wrapper .main-content .intro .hole::before {
            content: '';
            display: block;
            padding-bottom: 153.09735%; }
          @media screen and (max-width: 1440px) {
            #wrapper .main-content .intro .hole {
              top: calc(100% + 80px);
              bottom: auto;
              left: 60px; } }
          @media screen and (max-width: 1199px) {
            #wrapper .main-content .intro .hole {
              left: 0; } }
          @media screen and (max-width: 768px) {
            #wrapper .main-content .intro .hole {
              display: none; } }
        #wrapper .main-content .intro .player-02 {
          width: 223px;
          position: absolute;
          top: calc(100% + 40px);
          left: calc(100% + 40px); }
          #wrapper .main-content .intro .player-02::before {
            content: '';
            display: block;
            padding-bottom: 154.70852%; }
          @media screen and (max-width: 1440px) {
            #wrapper .main-content .intro .player-02 {
              display: none; } }
          @media screen and (max-width: 768px) {
            #wrapper .main-content .intro .player-02 {
              width: 134px;
              top: calc(100% + 80px);
              right: 0;
              left: auto;
              display: block; } }
          #wrapper .main-content .intro .player-02 .player-2 {
            width: 50%;
            max-width: 83px;
            background-image: url("../images/golf-2019/player-02.png");
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            position: absolute;
            right: 0;
            bottom: 0; }
            #wrapper .main-content .intro .player-02 .player-2::before {
              content: '';
              display: block;
              padding-bottom: 196.38554%; }
          #wrapper .main-content .intro .player-02 .player-step-02 {
            width: 50%;
            max-width: 99px;
            background-image: url("../images/golf-2019/player-step-02.png");
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            position: absolute;
            top: 0;
            left: 0;
            -webkit-animation: player-move 1s infinite steps(2);
            animation: player-move 1s infinite steps(2); }
            #wrapper .main-content .intro .player-02 .player-step-02::before {
              content: '';
              display: block;
              padding-bottom: 158.58586%; }
      #wrapper .main-content .course {
        position: relative;
        margin: 0 auto; }
        /*@media screen and (max-width: 1199px) {
          #wrapper .main-content .course {
            margin: 130px 0 0; } }
        @media screen and (max-width: 992px) {
          #wrapper .main-content .course {
            margin: 90px 0 0; } }
        @media screen and (max-width: 768px) {
          #wrapper .main-content .course {
            margin: 269px 0 0; } }*/
        #wrapper .main-content .course-inner {
          text-align: center; }
        #wrapper .main-content .course-title {
          display: inline-block; }
          #wrapper .main-content .course-title::after {
            content: '';
            width: 100%;
            height: 3px;
            background: -webkit-linear-gradient(left, #fff, #fff 12px, transparent 12px, transparent);
            background: -o-linear-gradient(left, #fff, #fff 12px, transparent 12px, transparent);
            background: linear-gradient(to right, #fff, #fff 12px, transparent 12px, transparent);
            background-size: 23px 100%;
            display: block;
            margin-top: 25px; }
        #wrapper .main-content .course-tab {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          margin-top: 58px; }
          #wrapper .main-content .course-tab input[type='radio'] {
            display: none; }
            #wrapper .main-content .course-tab input[type='radio']:checked + label {
              background-color: #009933;
              color: #ffffff; }
            #wrapper .main-content .course-tab input[type='radio']#course-1:checked ~ .course-1 {
              display: block; }
            #wrapper .main-content .course-tab input[type='radio']#course-2:checked ~ .course-2 {
              display: block; }
            #wrapper .main-content .course-tab input[type='radio']#course-3:checked ~ .course-3 {
              display: block; }
            #wrapper .main-content .course-tab input[type='radio']#course-4:checked ~ .course-4 {
              display: block; }
            #wrapper .main-content .course-tab input[type='radio']#course-5:checked ~ .course-5 {
              display: block; }
            #wrapper .main-content .course-tab input[type='radio']#course-6:checked ~ .course-6 {
              display: block; }
          #wrapper .main-content .course-tab label {
            -webkit-box-flex: 1;
            -ms-flex: 1 1;
            flex: 1 1;
            /*-- height: 57px;--*/
			padding: 10px 20px;
            background-color: #ffffff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: 99em;
            font-size: 24px;
            color: #009933;
            cursor: pointer; }
            @media screen and (max-width: 1440px) {
              #wrapper .main-content .course-tab label {
                font-size: 18px; } }
            @media screen and (max-width: 1199px) {
              #wrapper .main-content .course-tab label {
                font-size: 16px; } }
            @media screen and (min-width: 769px) and (max-width: 992px) {
              #wrapper .main-content .course-tab label {
                font-size: 18px; } }
            @media screen and (max-width: 768px) {
              #wrapper .main-content .course-tab label {
                -webkit-box-flex: 1;
                -ms-flex: 1 1 100%;
                flex: 1 1 100%;
                font-size: 20px; } }
            @media screen and (min-width: 1441px) {
              #wrapper .main-content .course-tab label ~ label {
                margin-left: 12px; } }
            @media screen and (min-width: 1200px) and (max-width: 1440px) {
              #wrapper .main-content .course-tab label ~ label {
                margin-left: 10px; } }
            @media screen and (min-width: 769px) and (max-width: 1199px) {
              #wrapper .main-content .course-tab label ~ label {
                margin-left: 8px; } }
            @media screen and (max-width: 768px) {
              #wrapper .main-content .course-tab label ~ label {
                margin-top: 28px; } }
          #wrapper .main-content .course-tab-content {
            width: 100%;
            display: none; }
            #wrapper .main-content .course-tab-content .tab-inner {
              margin-top: 58px; }
              @media screen and (max-width: 768px) {
                #wrapper .main-content .course-tab-content .tab-inner {
                  margin-top: 40px; } }
            #wrapper .main-content .course-tab-content .tab-pic {
              width: 100%;
              height: 780px;
              background-position: center;
              background-size: cover;
              background-repeat: no-repeat;
              border-radius: 50px; }
              @media screen and (max-width: 1199px) {
                #wrapper .main-content .course-tab-content .tab-pic {
                  height: 500px; } }
              @media screen and (max-width: 992px) {
                #wrapper .main-content .course-tab-content .tab-pic {
                  height: auto; }
                  #wrapper .main-content .course-tab-content .tab-pic::before {
                    content: '';
                    display: block;
                    padding-bottom: 60.60606%; } }
              @media screen and (max-width: 768px) {
                #wrapper .main-content .course-tab-content .tab-pic {
                  border-radius: 20px; } }
            #wrapper .main-content .course-tab-content .tab-content {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: start;
              -ms-flex-align: start;
              align-items: flex-start;
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              padding-top: 25px; }
              @media screen and (max-width: 992px) {
                #wrapper .main-content .course-tab-content .tab-content {
                  padding-top: 40px; } }
            #wrapper .main-content .course-tab-content .tab-txt {
              width: calc(100% - 315px);
              min-height: 400px;
              padding-right: 70px; }
              @media screen and (max-width: 1440px) {
                #wrapper .main-content .course-tab-content .tab-txt {
                  padding-right: 30px; } }
              @media screen and (max-width: 992px) {
                #wrapper .main-content .course-tab-content .tab-txt {
                  width: 100%;
                  min-height: 320px;
                  padding-right: 0; } }
              @media screen and (max-width: 768px) {
                #wrapper .main-content .course-tab-content .tab-txt {
                  min-height: auto; } }
              @media screen and (max-width: 414px) {
                #wrapper .main-content .course-tab-content .tab-txt {
                  min-height: 420px; } }
              #wrapper .main-content .course-tab-content .tab-txt-title {
                color: #ffffff;
                line-height: 1;
                font-size: 46px;
                text-align: left; }
                @media screen and (max-width: 1440px) {
                  #wrapper .main-content .course-tab-content .tab-txt-title {
                    font-size: 36px; } }
                @media screen and (min-width: 993px) and (max-width: 1199px) {
                  #wrapper .main-content .course-tab-content .tab-txt-title {
                    font-size: 32px; } }
                @media screen and (max-width: 992px) {
                  #wrapper .main-content .course-tab-content .tab-txt-title {
                    display: inline-block; } }
                @media screen and (max-width: 768px) {
                  #wrapper .main-content .course-tab-content .tab-txt-title {
                    font-size: 30px; } }
			  #wrapper .main-content .course-tab-content .tab-txt-title span{
				 font-size: 18px;
				 letter-spacing: 2px;
			  }

               @media screen and (max-width: 768px) {
                  #wrapper .main-content .course-tab-content .tab-txt-title span{
                    font-size: 14px; } }
              #wrapper .main-content .course-tab-content .tab-txt-content {
                margin-top: 30px;
                text-align: left; }
                @media screen and (max-width: 992px) {
                  #wrapper .main-content .course-tab-content .tab-txt-content {
                    margin-top: 40px;
                    line-height: 1.7; } }
            #wrapper .main-content .course-tab-content .tab-info {
              width: 315px;
              border: 1px solid #ffffff;
              padding: 20px 30px;
              margin-top: 15px;
              color: #ffffff;
              text-align: left;
              font-size: 18px;
              letter-spacing: 1px; }
              @media screen and (max-width: 992px) {
                #wrapper .main-content .course-tab-content .tab-info {
                  width: 100%;
                  margin-top: 50px;
                  font-size: 20px; }
                  #wrapper .main-content .course-tab-content .tab-info-title {
                    text-align: center; } }
              #wrapper .main-content .course-tab-content .tab-info-content {
                margin-top: 13px; }
                @media screen and (min-width: 769px) and (max-width: 992px) {
                  #wrapper .main-content .course-tab-content .tab-info-content {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    margin-top: 8px; } }
                #wrapper .main-content .course-tab-content .tab-info-content > span {
                  display: block;
                  margin-top: 5px; }
                  @media screen and (min-width: 769px) and (max-width: 992px) {
                    #wrapper .main-content .course-tab-content .tab-info-content > span {
                      width: 50%;
                      margin-top: 10px; } }
            #wrapper .main-content .course-tab-content .tab-link {
              margin-top: 40px; }
              @media screen and (max-width: 1199px) {
                #wrapper .main-content .course-tab-content .tab-link {
                  margin-top: 85px; } }
              @media screen and (max-width: 992px) {
                #wrapper .main-content .course-tab-content .tab-link {
                  margin-top: 95px; } }
              @media screen and (max-width: 768px) {
                #wrapper .main-content .course-tab-content .tab-link {
                  margin-top: 43px; } }
              #wrapper .main-content .course-tab-content .tab-link-btn a {
                display: block;
                margin: 0 auto; }
          #wrapper .main-content .course-tab .cart {
            width: 182px;
            position: absolute;
            bottom: -60px;
            left: 100%;
            background-image: url("../images/golf-2019/cart.png");
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat; }
            #wrapper .main-content .course-tab .cart::before {
              content: '';
              display: block;
              padding-bottom: 80.21978%; }
            @media screen and (max-width: 1440px) {
              #wrapper .main-content .course-tab .cart {
                right: 0;
                bottom: 0;
                left: auto; } }
            @media screen and (max-width: 992px) {
              #wrapper .main-content .course-tab .cart {
                top: calc(100% + 60px);
                right: 0;
                bottom: auto;
                left: auto; } }
            @media screen and (max-width: 768px) {
              #wrapper .main-content .course-tab .cart {
                top: calc(100% + 85px);
                right: 40px;
                bottom: auto;
                left: auto; } }
            @media screen and (max-width: 414px) {
              #wrapper .main-content .course-tab .cart {
                width: 150px;
                top: calc(100% + 150px);
                right: 15px;
                bottom: auto;
                left: auto; } }
      #wrapper .main-content .tour{
        background-color: #cce8eb;
        position: relative;
        z-index: -1;
        padding-top: 350px;
        padding-bottom: 50px; }
        @media screen and (max-width: 1199px) {
          #wrapper .main-content .tour {
            padding-top: 500px; } 
		  #wrapper .main-content .tour-short {
            padding-top: 300px; } 
        }
        @media screen and (max-width: 768px) {
          #wrapper .main-content .tour {
            padding-top: 550px; }
		  #wrapper .main-content .tour-short {
            padding-top: 300px; } 
        }
        #wrapper .main-content .tour::before,#wrapper .main-content .tour02::before {
          content: '';
          width: 1920px;
          height: 190px;
          background-image: url("../images/golf-2019/tour-bottom.png");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          position: absolute;
          top: 100%;
          right: 50%;
          -webkit-transform: translateX(50%);
          -ms-transform: translateX(50%);
          transform: translateX(50%);
          z-index: -1; }

        #wrapper .main-content .tour .floating-bg {
          padding: 200px 0 100px; }
          #wrapper .main-content .tour .floating-bg .tour-cis-01 {
            text-align: right; }
          #wrapper .main-content .tour .floating-bg .tour-cis-02 {
            text-align: left; }
          #wrapper .main-content .tour .floating-bg .tour-cis-03 {
            text-align: right; }
        #wrapper .main-content .tour-inner {
          text-align: center; }
        #wrapper .main-content .tour-title {
          display: inline-block;
          color: #333399; }
          #wrapper .main-content .tour-title::after {
            content: '';
            width: 100%;
            height: 3px;
            background: -webkit-linear-gradient(left, #333399, #333399 12px, transparent 12px, transparent);
            background: -o-linear-gradient(left, #333399, #333399 12px, transparent 12px, transparent);
            background: linear-gradient(to right, #333399, #333399 12px, transparent 12px, transparent);
            background-size: 23px 100%;
            display: block;
            margin-top: 25px; }
        #wrapper .main-content .tour-content {
          margin-top: 120px; }
          @media screen and (max-width: 992px) {
            #wrapper .main-content .tour-content {
              margin-top: 40px; } }
          @media screen and (max-width: 768px) {
            #wrapper .main-content .tour-content {
              margin-top: 60px; } }
          #wrapper .main-content .tour-content .item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            position: relative; }
            @media screen and (max-width: 992px) {
              #wrapper .main-content .tour-content .item {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center; } }
            #wrapper .main-content .tour-content .item + .item {
              margin-top: 140px; }
              @media screen and (max-width: 1440px) {
                #wrapper .main-content .tour-content .item + .item {
                  margin-top: 225px; } }
              @media screen and (max-width: 1199px) {
                #wrapper .main-content .tour-content .item + .item {
                  margin-top: 260px; } }
              @media screen and (max-width: 992px) {
                #wrapper .main-content .tour-content .item + .item {
                  margin-top: 45px; } }
            #wrapper .main-content .tour-content .item .tourist {
              background-position: center;
              background-size: cover;
              background-repeat: no-repeat; }
            @media screen and (min-width: 769px) and (max-width: 992px) {
              #wrapper .main-content .tour-content .item br.txt-wrap {
                display: none; } }
            #wrapper .main-content .tour-content .item.t-01-brisbane .item-pic-txt {
              width: 82.5%;
              max-width: 425px;
              right: -25px;
              bottom: -25px; }
            #wrapper .main-content .tour-content .item.t-01-brisbane .tourist {
              width: 222px;
              position: absolute;
              top: calc(100% - 25px);
              right: calc(100% + 56px);
              -webkit-animation: player-move 1s infinite steps(2);
              animation: player-move 1s infinite steps(2); }
              #wrapper .main-content .tour-content .item.t-01-brisbane .tourist::before {
                content: '';
                display: block;
                padding-bottom: 91.89189%; }
              @media screen and (max-width: 1440px) {
                #wrapper .main-content .tour-content .item.t-01-brisbane .tourist {
                  width: 136px;
                  top: calc(100% + 44px);
                  right: calc(100% - 82px); } }
              @media screen and (max-width: 992px) {
                #wrapper .main-content .tour-content .item.t-01-brisbane .tourist {
                  top: auto;
                  right: auto;
                  bottom: -60px;
                  left: -64px; } }
              @media screen and (max-width: 768px) {
                #wrapper .main-content .tour-content .item.t-01-brisbane .tourist {
                  display: none; } }
            #wrapper .main-content .tour-content .item.t-02-goldcoast .item-pic-txt {
              width: 94.9%;
              max-width: 489px;
              right: -70px;
              bottom: -23px; }
            #wrapper .main-content .tour-content .item.t-02-goldcoast .tourist {
              width: 336px;
              position: absolute;
              top: calc(100% + 40px);
              left: calc(100% - 50px); }
              #wrapper .main-content .tour-content .item.t-02-goldcoast .tourist::before {
                content: '';
                display: block;
                padding-bottom: 50.29762%; }
              @media screen and (max-width: 1440px) {
                #wrapper .main-content .tour-content .item.t-02-goldcoast .tourist {
                  width: 243px;
                  top: calc(100% + 50px);
                  right: -80px;
                  left: auto; } }
              @media screen and (max-width: 992px) {
                #wrapper .main-content .tour-content .item.t-02-goldcoast .tourist {
                  top: auto;
                  right: -163px;
                  bottom: -40px; } }
              @media screen and (max-width: 768px) {
                #wrapper .main-content .tour-content .item.t-02-goldcoast .tourist {
                  display: none; } }
            #wrapper .main-content .tour-content .item.t-03-currumbin .item-pic-txt {
              width: 82.5%;
              max-width: 425px;
              right: -25px;
              bottom: -39px; }
            #wrapper .main-content .tour-content .item.t-03-currumbin .tourist {
              width: 107px;
              position: absolute;
              top: calc(100% - 65px);
              right: calc(100% + 110px); }
              #wrapper .main-content .tour-content .item.t-03-currumbin .tourist::before {
                content: '';
                display: block;
                padding-bottom: 158.8785%; }
              @media screen and (max-width: 1440px) {
                #wrapper .main-content .tour-content .item.t-03-currumbin .tourist {
                  width: 84px;
                  top: calc(100% + 66px);
                  right: auto;
                  left: 0; } }
              @media screen and (max-width: 992px) {
                #wrapper .main-content .tour-content .item.t-03-currumbin .tourist {
                  top: calc(100% - 47px);
                  right: auto;
                  left: -25px; } }
              @media screen and (max-width: 768px) {
                #wrapper .main-content .tour-content .item.t-03-currumbin .tourist {
                  display: none; } }
            #wrapper .main-content .tour-content .item.t-04-naturalbridge .item-pic-txt {
              width: 73%;
              max-width: 376px;
              right: -55px;
              bottom: -30px; }
            #wrapper .main-content .tour-content .item.t-05-skypoint .item-pic-txt {
              width: 94.2%;
              max-width: 486px;
              right: -50px;
              bottom: -40px; }
            #wrapper .main-content .tour-content .item.t-05-skypoint .tourist {
              width: 180px;
              position: absolute;
              bottom: -90px;
              left: calc(100% + 75px);
              -webkit-animation: player-move 1s infinite steps(2);
              animation: player-move 1s infinite steps(2); }
              #wrapper .main-content .tour-content .item.t-05-skypoint .tourist::before {
                content: '';
                display: block;
                padding-bottom: 111.11111%; }
              @media screen and (max-width: 1440px) {
                #wrapper .main-content .tour-content .item.t-05-skypoint .tourist {
                  width: 131px;
                  top: 100%;
                  right: 0;
                  bottom: auto;
                  left: auto; } }
              @media screen and (max-width: 992px) {
                #wrapper .main-content .tour-content .item.t-05-skypoint .tourist {
                  top: auto;
                  right: auto;
                  bottom: 0;
                  left: calc(100% - 70px); } }
              @media screen and (max-width: 768px) {
                #wrapper .main-content .tour-content .item.t-05-skypoint .tourist {
                  display: none; } }
            #wrapper .main-content .tour-content .item:nth-child(even) {
              -webkit-box-orient: horizontal;
              -webkit-box-direction: reverse;
              -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; }
            #wrapper .main-content .tour-content .item-pic {
              max-width: 575px;
              width: 43%;
              background-position: center;
              background-size: cover;
              background-repeat: no-repeat;
              position: relative;
              border-radius: 20px; }
              #wrapper .main-content .tour-content .item-pic::before {
                content: '';
                display: block;
                padding-bottom: 69.56522%; }
              @media screen and (max-width: 992px) {
                #wrapper .main-content .tour-content .item-pic {
                  max-width: 425px;
                  width: 100%; } }
              #wrapper .main-content .tour-content .item-pic-txt {
                position: absolute; }
                #wrapper .main-content .tour-content .item-pic-txt img {
                  width: 100%; }
            #wrapper .main-content .tour-content .item-txt {
              max-width: 535px;
              width: 50%;
              text-align: left; }
              @media screen and (max-width: 992px) {
                #wrapper .main-content .tour-content .item-txt {
                  max-width: 425px;
                  width: 100%;
                  margin-top: 40px;
                  text-align: center; } }
              #wrapper .main-content .tour-content .item-txt-title {
                position: relative;
                display: inline-block;
                padding-left: 20px;
                color: #333399;
                line-height: 1.3;
                font-size: 50px;
                font-weight: bold; }
                @media screen and (max-width: 1440px) {
                  #wrapper .main-content .tour-content .item-txt-title {
                    font-size: 40px; } }
                @media screen and (max-width: 1199px) {
                  #wrapper .main-content .tour-content .item-txt-title {
                    font-size: 32px; } }
                @media screen and (max-width: 992px) {
                  #wrapper .main-content .tour-content .item-txt-title {
                    padding-left: 0;
                    line-height: 1.5;
                    font-size: 26px; } }
                #wrapper .main-content .tour-content .item-txt-title::before {
                  content: '';
                  width: 5px;
                  height: 90%;
                  position: absolute;
                  top: 9%;
                  left: 0;
                  background-color: #896239; }
                  @media screen and (max-width: 992px) {
                    #wrapper .main-content .tour-content .item-txt-title::before {
                      width: 100%;
                      height: 3px;
                      position: absolute;
                      top: calc(100% + 3px);
                      left: 0; } }
              #wrapper .main-content .tour-content .item-txt-content {
                margin-top: 40px;
                color: #333;
                line-height: 1.7;
                font-size: 22px;
                letter-spacing: 1px;
                text-align: left; }
                @media screen and (max-width: 1440px) {
                  #wrapper .main-content .tour-content .item-txt-content {
                    font-size: 18px;
                    line-height: 1.8; } }
                @media screen and (max-width: 1199px) {
                  #wrapper .main-content .tour-content .item-txt-content {
                    margin-top: 50px;
                    font-size: 18px; } }
                @media screen and (max-width: 992px) {
                  #wrapper .main-content .tour-content .item-txt-content {
                    margin-top: 16px;
                    line-height: 1.5; } }
                @media screen and (max-width: 768px) {
                  #wrapper .main-content .tour-content .item-txt-content {
                    font-size: 16px; } }
				#wrapper .main-content .tour-content .item-txt-content span{
					color:rgba(224,3,7,1.00);
				}
      #wrapper .main-content .sponsor {
        background-color: #5fa245;
        position: relative;
        padding: 230px 0 230px;
        z-index: -2; }
			@media screen and (max-width: 768px) {
				#wrapper .main-content .sponsor {
					padding: 120px 0 130px;
				}
			}
        #wrapper .main-content .sponsor::before {
          content: '';
          width: 1920px;
          height: 269px;
          background-image: url("../images/golf-2019/footer-top.png");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          position: absolute;
          right: 50%;
          bottom: 0;
          -webkit-transform: translateX(50%);
          -ms-transform: translateX(50%);
          transform: translateX(50%); }
        #wrapper .main-content .sponsor .container {
          display: none; }
        #wrapper .main-content .sponsor .floating-bg {
          padding: 300px 0 350px; }
          #wrapper .main-content .sponsor .floating-bg .sponsor-cis-01 {
            text-align: left; }
          #wrapper .main-content .sponsor .floating-bg .sponsor-cis-02 {
            text-align: right; }
        #wrapper .main-content .sponsor-inner {
          position: relative;
          text-align: center; }
        #wrapper .main-content .sponsor-title {
          display: inline-block; }
          #wrapper .main-content .sponsor-title::after {
            content: '';
            width: 100%;
            height: 3px;
            background: -webkit-linear-gradient(left, #fff, #fff 12px, transparent 12px, transparent);
            background: -o-linear-gradient(left, #fff, #fff 12px, transparent 12px, transparent);
            background: linear-gradient(to right, #fff, #fff 12px, transparent 12px, transparent);
            background-size: 23px 100%;
            display: block;
            margin-top: 25px; }
        #wrapper .main-content .sponsor-content {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          margin-top: 150px; }
          @media screen and (max-width: 992px) {
            #wrapper .main-content .sponsor-content {
              margin-top: 90px; } }
          @media screen and (max-width: 768px) {
            #wrapper .main-content .sponsor-content {
              margin-top: 50px; } }
          #wrapper .main-content .sponsor-content .item {
            width: 25%; }
            @media screen and (min-width: 993px) {
              #wrapper .main-content .sponsor-content .item:nth-child(4) ~ .item {
                margin-top: 100px; } }
            @media screen and (max-width: 992px) {
              #wrapper .main-content .sponsor-content .item {
                width: 33.33%; } }
            @media screen and (min-width: 993px) and (max-width: 1199px) {
              #wrapper .main-content .sponsor-content .item:nth-child(4) ~ .item {
                margin-top: 80px; } }
            @media screen and (min-width: 769px) and (max-width: 992px) {
              #wrapper .main-content .sponsor-content .item:nth-child(3) ~ .item {
                margin-top: 70px; } }
            @media screen and (max-width: 768px) {
              #wrapper .main-content .sponsor-content .item {
                width: 50%; }
                #wrapper .main-content .sponsor-content .item:nth-child(2) ~ .item {
                  margin-top: 50px; } }
            #wrapper .main-content .sponsor-content .item-inner {
              width: 100%;
              max-width: 220px;
              margin: 0 auto; }
              @media screen and (max-width: 1199px) {
                #wrapper .main-content .sponsor-content .item-inner {
                  max-width: 160px; } }
              @media screen and (max-width: 992px) {
                #wrapper .main-content .sponsor-content .item-inner {
                  max-width: 150px; } }
              @media screen and (max-width: 768px) {
                #wrapper .main-content .sponsor-content .item-inner {
                  max-width: 134px; } }
            #wrapper .main-content .sponsor-content .item-pic {
              width: 100%;
              max-width: 200px;
              margin: 0 auto; }
              @media screen and (max-width: 1199px) {
                #wrapper .main-content .sponsor-content .item-pic {
                  max-width: 155px; } }
              @media screen and (max-width: 992px) {
                #wrapper .main-content .sponsor-content .item-pic {
                  max-width: 140px; } }
              @media screen and (max-width: 768px) {
                #wrapper .main-content .sponsor-content .item-pic {
                  max-width: 110px; } }
              #wrapper .main-content .sponsor-content .item-pic div {
                width: 100%;
                background-color: #ffffff;
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
                border-radius: 99em; }
                #wrapper .main-content .sponsor-content .item-pic div::before {
                  content: '';
                  display: block;
                  padding-bottom: 100%; }
            #wrapper .main-content .sponsor-content .item-txt {
              margin-top: 10px;
              color: #ffffff;
              font-size: 26px;
              line-height: 1.4;
              letter-spacing: 1px; }
              @media screen and (max-width: 1199px) {
                #wrapper .main-content .sponsor-content .item-txt {
                  font-size: 19px; } }
              @media screen and (max-width: 992px) {
                #wrapper .main-content .sponsor-content .item-txt {
                  font-size: 18px; } }
              @media screen and (max-width: 768px) {
                #wrapper .main-content .sponsor-content .item-txt {
                  font-size: 16px; } }
        #wrapper .main-content .sponsor .player-03 {
          width: 105px;
          position: absolute;
          top: 44%;
          left: calc(100% + 110px);
          background-image: url("../images/golf-2019/player-03.png");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat; }
          #wrapper .main-content .sponsor .player-03::before {
            content: '';
            display: block;
            padding-bottom: 161.90476%; }
          @media screen and (max-width: 1440px) {
            #wrapper .main-content .sponsor .player-03 {
              display: none; } }
        #wrapper .main-content .sponsor .player-04 {
          width: 106px;
          position: absolute;
          top: 74%;
          right: calc(100% + 100px);
          background-image: url("../images/golf-2019/player-step-05.png");
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          -webkit-animation: player-move 1s infinite steps(2);
          animation: player-move 1s infinite steps(2); }
          #wrapper .main-content .sponsor .player-04::before {
            content: '';
            display: block;
            padding-bottom: 142.45283%; }
          @media screen and (max-width: 1440px) {
            #wrapper .main-content .sponsor .player-04 {
              top: 106%;
              right: auto;
              left: 5%; } }
          @media screen and (max-width: 1199px) {
            #wrapper .main-content .sponsor .player-04 {
              top: 107%;
              right: auto;
              left: 0; } }
          @media screen and (max-width: 768px) {
            #wrapper .main-content .sponsor .player-04 {
              top: 102%;
              right: auto;
              left: 6%; } }
      #wrapper .main-content .action {
        padding: 75px 0 75px; }
        @media screen and (max-width: 768px) {
          #wrapper .main-content .action {
            padding: 20px 0 40px; } }
        #wrapper .main-content .action-inner {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          @media screen and (max-width: 992px) {
            #wrapper .main-content .action-inner {
              -ms-flex-wrap: wrap;
              flex-wrap: wrap;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center; } }
        #wrapper .main-content .action-title {
          text-align: left;
          line-height: 1.4;
          color: #006837;
          font-size: 50px;
          font-weight: bold; }
          @media screen and (max-width: 1199px) {
            #wrapper .main-content .action-title {
              font-size: 40px; } }
          @media screen and (max-width: 992px) {
            #wrapper .main-content .action-title {
              width: 100%;
              margin-bottom: 35px;
              line-height: 1.7;
              text-align: center; } }
          @media screen and (max-width: 768px) {
            #wrapper .main-content .action-title {
              font-size: 32px; } }
          @media screen and (max-width: 414px) {
            #wrapper .main-content .action-title {
              font-size: 26px; } }