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

@media screen and (max-width: 768px) {
  #wrapper br.txt-wrap {
    display: none; } }

#wrapper {
	min-width: 320px;
}
#wrapper .player {
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 2; }

#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-title {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    pointer-events: none; }
    #wrapper .kv-title .title {
      color: #ffffff;
      text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
      position: relative; }
      #wrapper .kv-title .title h1 {
        position: relative;
        line-height: 1.2;
		font-weight: 600;
        font-size: 100px;
        text-align: center; }
        @media screen and (max-width: 768px) {
          #wrapper .kv-title .title h1 {
            font-size: 60px; } }
      #wrapper .kv-title .title p {
        position: relative;
        line-height: 2;
        font-size: 26px;
        text-align: center; }
        @media screen and (max-width: 768px) {
          #wrapper .kv-title .title p {
            padding: 15px 50px 0;
            line-height: 1.4;
            font-size: 18px; } }
         @media screen and (max-width: 414px) {
          #wrapper .kv-title .title p {
            padding: 15px 20px 0;
			line-height: 30px;
            font-size: 16px; } }
      #wrapper .kv-title .title-bg {
        width: 60.6%;
        max-width: 727px;
        background-image: url("../images/index/title-bg.png");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        right: 50%;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        transform: translate(50%, -50%); }
        #wrapper .kv-title .title-bg::before {
          content: '';
          display: block;
          padding-bottom: 51.16919%; }
        @media screen and (max-width: 1440px) {
          #wrapper .kv-title .title-bg {
            width: 70%; } }
        @media screen and (max-width: 1199px) {
          #wrapper .kv-title .title-bg {
            width: 85%;
            top: 52%; } }
        @media screen and (max-width: 992px) {
          #wrapper .kv-title .title-bg {
            width: 125%;
            top: 50%; } }
        @media screen and (max-width: 768px) {
          #wrapper .kv-title .title-bg {
            width: 107%;
            top: 33%; } }
  #wrapper .kv-scrolldown {
    width: 100%;
    position: absolute;
    bottom: 5vh;
    z-index: 1; }
    @media screen and (max-width: 768px) {
      #wrapper .kv-scrolldown {
        display: none; } }
    #wrapper .kv-scrolldown .scrolldown {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #wrapper .kv-scrolldown .scrolldown span {
        margin-bottom: 6px;
        color: #ffffff;
        font-size: 18px;
        font-weight: 100; }
        @media screen and (max-width: 768px) {
          #wrapper .kv-scrolldown .scrolldown span {
            margin-bottom: 4px; } }
      #wrapper .kv-scrolldown .scrolldown .dot span {
        width: 6px;
        height: 6px;
        background-color: #ffffff;
        display: block;
        margin: 0 auto;
        border-radius: 99em;
        -webkit-animation: scroll-dots 1s linear infinite alternate;
        animation: scroll-dots 1s linear infinite alternate; }
        #wrapper .kv-scrolldown .scrolldown .dot span + span {
          margin-top: 6px; }
        @media screen and (max-width: 768px) {
          #wrapper .kv-scrolldown .scrolldown .dot span {
            width: 4px;
            height: 4px; }
            #wrapper .kv-scrolldown .scrolldown .dot span + span {
              margin-top: 4px; } }
        #wrapper .kv-scrolldown .scrolldown .dot span:nth-child(3) {
          -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }
        #wrapper .kv-scrolldown .scrolldown .dot span:nth-child(2) {
          -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
        #wrapper .kv-scrolldown .scrolldown .dot span:nth-child(1) {
          -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
  #wrapper .kv-hill {
    width: 100%;
    position: absolute;
    bottom: -174px; }

#wrapper .main {
  width: 100%;
  position: relative; }
  #wrapper .main-bg {
    width: 100%;
    position: relative;
    top: 174px; }
    #wrapper .main-bg .bottom-bg {
      width: 100%;
      position: relative;
      top: -87px;
      z-index: -1; }
	@media screen and (max-width: 414px) {
		#wrapper .main-bg .bottom-bg {
			width: 80%;
			top:-5px;
		} }
	@media screen and (max-width: 320px) {
		#wrapper .main-bg .bottom-bg {
			width: 70%;
		} }

    #wrapper .main-bg .intro-bg {
      width: 1796px;
      background-image: url("../images/index/2019golf.png");
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      position: absolute;
      top: 378px;
      right: -13px; }
      #wrapper .main-bg .intro-bg::before {
        content: '';
        display: block;
        padding-bottom: 63.14031%; }
      #wrapper .main-bg .intro-bg::before {
        content: '';
        display: block; }
      @media screen and (max-width: 992px) {
        #wrapper .main-bg .intro-bg {
          background-image: url("../images/index/2019golf_mobile.png"); }
          #wrapper .main-bg .intro-bg::before {
            content: '';
            display: block;
            padding-bottom: 70%; } }
      @media screen and (max-width: 768px) {
        #wrapper .main-bg .intro-bg {
          display: none; } }
    #wrapper .main-bg .route {
      width: 100%;
      position: absolute;
      top: 306px;
      right: 0;
      z-index: 1;
      pointer-events: none; }
      #wrapper .main-bg .route svg {
        width: 1920px;
        height: 2693.7px; }
      #wrapper .main-bg .route #Car {
        will-change: transform; }
      @media screen and (max-width: 768px) {
        #wrapper .main-bg .route {
          display: none; } }
  #wrapper .main-content {
    width: 100%;
    position: absolute;
    top: 174px; }
    #wrapper .main-content .intro-inner {
      width: 700px; }
      @media screen and (max-width: 1199px) {
        #wrapper .main-content .intro-inner {
          width: 600px; } }
      @media screen and (max-width: 768px) {
        #wrapper .main-content .intro-inner {
          width: auto;
          max-width: 600px;
          margin: 0 auto; } }
    #wrapper .main-content .intro-title {
      width: 100%;
      position: relative; }
      #wrapper .main-content .intro-title img {
        width: 100%;
        display: block; }
      #wrapper .main-content .intro-title .player-01 {
        width: 388px;
        top: 0;
        left: calc(100% + 80px); }
        #wrapper .main-content .intro-title .player-01::before {
          content: '';
          display: block;
          padding-bottom: 65.72165%; }
        @media screen and (max-width: 1440px) {
          #wrapper .main-content .intro-title .player-01 {
            left: calc(100% - 35px); } }
        @media screen and (max-width: 768px) {
          #wrapper .main-content .intro-title .player-01 {
            width: 310.4px;
            top: auto;
            right: -40px;
            bottom: 110%;
            left: auto; } }
        #wrapper .main-content .intro-title .player-01 .player-1 {
          width: 30%;
          max-width: 97px;
          background-image: url("../images/index/player-01.png");
          background-size: cover;
          position: absolute;
          bottom: 0;
          left: 0; }
          #wrapper .main-content .intro-title .player-01 .player-1::before {
            content: '';
            display: block;
            padding-bottom: 162.8866%; }
        #wrapper .main-content .intro-title .player-01 .player-step-01 {
          width: 70%;
          max-width: 243px;
          background-image: url("../images/index/player-step-01.png");
          background-size: cover;
          position: absolute;
          top: 0;
          right: 0;
          -webkit-animation: player-move 1s infinite steps(2);
          animation: player-move 1s infinite steps(2); }
          #wrapper .main-content .intro-title .player-01 .player-step-01::before {
            content: '';
            display: block;
            padding-bottom: 70.78189%; }
    #wrapper .main-content .intro-text {
      width: 100%;
      margin-top: 50px; }
      @media screen and (max-width: 1440px) {
        #wrapper .main-content .intro-text {
          margin-top: 40px; } }
      @media screen and (max-width: 1199px) {
        #wrapper .main-content .intro-text {
          margin-top: 30px; } }
    #wrapper .main-content .golf-2019 {
      margin-top: 300px; }
      @media screen and (max-width: 1199px) {
        #wrapper .main-content .golf-2019 {
          margin-top: 400px; } }
      @media screen and (max-width: 768px) {
        #wrapper .main-content .golf-2019 {
          margin-top: 40px; } }
      #wrapper .main-content .golf-2019-inner {
		display: inline-block;
	    vertical-align: top;
        max-width: 520px; }
        @media screen and (max-width: 992px) {
          #wrapper .main-content .golf-2019-inner {
            max-width: none;
            position: relative; } }
		#wrapper .main-content .golf-2023-pic{ /*-- 中間圖片輪播 --*/
			display: inline-block;
			vertical-align: top;
			width: 51%;
			margin-left: 5%;
		}

		@media screen and (max-width: 1440px) {
			#wrapper .main-content .golf-2023-pic{ 
				width: 45%;
				margin-left: 4%;
			}
		}
		@media screen and (max-width: 1199px) {
			#wrapper .main-content .golf-2023-pic{ 
				width: 45%;
				margin-left: 1%;
			}
		}
		@media screen and (max-width: 992px) {
			#wrapper .main-content .golf-2023-pic{ 
				width: 90%;
				margin: 30px 5%;
			}
		}
#wrapper .main-content .golf-2023-pic .slider_container{
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	
	animation:backopen 3s 1;
	-moz-animation:backopen 3s 1;
	-webkit-animation:backopen 3s 1;
}

@keyframes backopen{
	from{filter: opacity(0);}
	to{filter: opacity(1);}
}


#wrapper .main-content .golf-2023-pic .slider_container div { /* -- 圖片輪播部分 -- */
	width:100%;
	height: 0;
	padding-bottom: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
	
	-webkit-animation: round 20s linear infinite;
            animation: round 20s linear infinite;
}



@-webkit-keyframes round { /* 100%/20s=5%/1s */
    5% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 0 - 1秒 淡入*/
    }
    25% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 1- 5秒靜止*/
    }
    30% {
        opacity: 0;
        filter: alpha(opacity=0);
        /* 5-6秒淡出*/
    }
}
@keyframes round {
    5% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 0 - 1秒 淡入*/
    }
    25% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 1- 5秒靜止*/
    }
    30% {
        opacity: 0;
        filter: alpha(opacity=0);
        /* 5-6秒淡出*/
    }
}

#wrapper .main-content .golf-2023-pic .slider_container div:nth-child(1) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}

#wrapper .main-content .golf-2023-pic .slider_container div:nth-child(2) {
    -webkit-animation-delay: 5s;
            animation-delay: 5s;
}

#wrapper .main-content .golf-2023-pic .slider_container div:nth-child(3) {
    -webkit-animation-delay: 10s;
            animation-delay: 10s;
}

#wrapper .main-content .golf-2023-pic .slider_container div:nth-child(4) {
    -webkit-animation-delay: 15s;
            animation-delay: 15s;
}


#wrapper .main-content .golf-2023-pic .slider_container div img{
	width:100%;
	height:auto;
	display: block;
}

      #wrapper .main-content .golf-2019-pic-m {
        margin-bottom: 20px; }
        @media screen and (min-width: 769px) {
          #wrapper .main-content .golf-2019-pic-m {
            display: none; } }
        #wrapper .main-content .golf-2019-pic-m > img {
          width: 100%; }
      #wrapper .main-content .golf-2019-title {
        position: relative;
        padding: 10px 80px 0 0; }
        @media screen and (min-width: 769px) {
          #wrapper .main-content .golf-2019-title .br-wrap {
            display: none; } }
        @media screen and (max-width: 992px) {
          #wrapper .main-content .golf-2019-title {
            position: static;
            padding: 0;
            text-align: center; } }
      #wrapper .main-content .golf-2019-text {
        margin: 30px 0 45px; }
        @media screen and (max-width: 992px) {
          #wrapper .main-content .golf-2019-text {
            margin: 30px 0 230px; } }
        @media screen and (max-width: 768px) {
          #wrapper .main-content .golf-2019-text {
            margin: 30px 0 45px; } }
      #wrapper .main-content .golf-2019-more {
        margin: 0 auto; }
      #wrapper .main-content .golf-2019 .player-02 {
        width: 101px;
        top: 0;
        right: 0;
        background-image: url("../images/index/player-02.png"); }
        #wrapper .main-content .golf-2019 .player-02::before {
          content: '';
          display: block;
          padding-bottom: 166.33663%; }
        @media screen and (max-width: 1440px) {
          #wrapper .main-content .golf-2019 .player-02 {
            right: 10%; } }
        @media screen and (max-width: 992px) {
          #wrapper .main-content .golf-2019 .player-02 {
            top: auto;
            right: auto;
            bottom: 0;
            left: 0; } }
        @media screen and (max-width: 768px) {
          #wrapper .main-content .golf-2019 .player-02 {
            width: 80.8px;
            bottom: -20%; } }
         @media screen and (max-width: 330px) {
          #wrapper .main-content .golf-2019 .player-02 {
            width: 70px;
            bottom: -25%; } }
    #wrapper .main-content .history {
      position: relative;
      margin-top: 450px; }
      @media screen and (max-width: 992px) {
        #wrapper .main-content .history {
          margin-top: 300px; } }
      @media screen and (max-width: 768px) {
        #wrapper .main-content .history {
          margin-top: 250px; } }
      #wrapper .main-content .history .route-m {
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute; }
        @media screen and (min-width: 769px) {
          #wrapper .main-content .history .route-m {
            display: none; } }
        #wrapper .main-content .history .route-m::before {
          content: '';
          display: block; }
        #wrapper .main-content .history .route-m.-top {
          width: 796px;
          bottom: 110%;
          left: 50%;
          background-image: url("../images/index/mobile_cart_top.png");
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
          #wrapper .main-content .history .route-m.-top::before {
            content: '';
            display: block;
            padding-bottom: 49.49749%; }
          @media screen and (max-width: 414px) {
            #wrapper .main-content .history .route-m.-top {
              width: 636.8px; } }
          @media screen and (max-width: 330px) {
            #wrapper .main-content .history .route-m.-top {
              width: 350px;
			  bottom: 105%;} }
        #wrapper .main-content .history .route-m.-bottom {
          width: 955px;
          top: 100%;
          left: 50%;
          background-image: url("../images/index/mobile_cart_bottom.png");
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
          #wrapper .main-content .history .route-m.-bottom::before {
            content: '';
            display: block;
            padding-bottom: 35.18325%; }
          @media screen and (max-width: 414px) {
            #wrapper .main-content .history .route-m.-bottom {
              width: 764px; } }
          @media screen and (max-width: 330px) {
            #wrapper .main-content .history .route-m.-bottom {
              width: 550px; } }
      #wrapper .main-content .history-inner {
        position: relative; }
        #wrapper .main-content .history-inner .player-03 {
          width: 224px;
          bottom: 0;
          left: -100px;
          background-image: url("../images/index/player-03.png"); }
          #wrapper .main-content .history-inner .player-03::before {
            content: '';
            display: block;
            padding-bottom: 154.01786%; }
          @media screen and (max-width: 1440px) {
            #wrapper .main-content .history-inner .player-03 {
              left: -200px; } }
          @media screen and (max-width: 992px) {
            #wrapper .main-content .history-inner .player-03 {
              display: none; } }
      #wrapper .main-content .history-text {
        text-align: center; }
        #wrapper .main-content .history-text-title {
          display: inline-block; }
          #wrapper .main-content .history-text-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 .history-text-content {
          max-width: 692px;
          margin: 30px auto 0; }
      #wrapper .main-content .history-year {
        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;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        margin: 110px -40px 88px; }
        @media screen and (max-width: 1440px) {
          #wrapper .main-content .history-year {
            margin: 110px -50px 88px; } }
        @media screen and (max-width: 1199px) {
          #wrapper .main-content .history-year {
            margin: 110px -15px 88px; } }
        @media screen and (max-width: 992px) {
          #wrapper .main-content .history-year {
            margin: 70px -20px 88px; } }
        @media screen and (max-width: 768px) {
          #wrapper .main-content .history-year {
            margin: 70px -12px  88px; } }
        #wrapper .main-content .history-year .y-2012 .ball-front {
          background-image: url("../images/index/history-2012.png"); }
        #wrapper .main-content .history-year .y-2013 .ball-front {
          background-image: url("../images/index/history-2013.png"); }
        #wrapper .main-content .history-year .y-2014 .ball-front {
          background-image: url("../images/index/history-2014.png"); }
        #wrapper .main-content .history-year .y-2015 .ball-front {
          background-image: url("../images/index/history-2015.png"); }
        #wrapper .main-content .history-year .y-2016 .ball-front {
          background-image: url("../images/index/history-2016.png"); }
        #wrapper .main-content .history-year .y-2017 .ball-front {
          background-image: url("../images/index/history-2017.png"); }
        #wrapper .main-content .history-year .y-2018 .ball-front {
          background-image: url("../images/index/history-2018.png"); }
        #wrapper .main-content .history-year .y-2019 .ball-front {
          background-image: url("../images/index/history-2019.png"); }
        #wrapper .main-content .history-year a {
          display: block;
          cursor: pointer; }
        #wrapper .main-content .history-year .ball {
          margin: 17px 40px;
          width: 200px;
          height: 200px;
          display: block;
          position: relative;
          z-index: 4;
          cursor: pointer;
          border-radius: 99em; }
          @media screen and (max-width: 1440px) {
            #wrapper .main-content .history-year .ball {
              width: 170px;
              height: 170px;
              margin: 32px 50px; } }
          @media screen and (max-width: 1199px) {
            #wrapper .main-content .history-year .ball {
              margin: 32px 15px; } }
          @media screen and (max-width: 992px) {
            #wrapper .main-content .history-year .ball {
              margin: 28px 20px; } }
          @media screen and (max-width: 768px) {
            #wrapper .main-content .history-year .ball {
              margin: 20px 12px;
              width: 150px;
              height: 150px; } }
          @media screen and (max-width: 330px) {
            #wrapper .main-content .history-year .ball {
              width: 100px;
              height: 100px; } }
          #wrapper .main-content .history-year .ball-front, #wrapper .main-content .history-year .ball-back {
            width: 100%;
            height: 100%;
            position: absolute;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transition: -webkit-transform 500ms;
            transition: -webkit-transform 500ms;
            -o-transition: transform 500ms;
            transition: transform 500ms;
            transition: transform 500ms, -webkit-transform 500ms;
            border-radius: 99em;
            overflow: hidden; }
            @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
              #wrapper .main-content .history-year .ball-front, #wrapper .main-content .history-year .ball-back {
                -webkit-transition: none;
                -o-transition: none;
                transition: none; } }
          #wrapper .main-content .history-year .ball-front {
            -webkit-transform: perspective(400) rotateY(0);
            transform: perspective(400) rotateY(0);
            z-index: 2;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat; }
          #wrapper .main-content .history-year .ball-back {
            -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
            z-index: 1;
            background-color: #006633;
            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;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            justify-content: center; }
            #wrapper .main-content .history-year .ball-back span {
              display: block;
              color: #fff;
              font-size: 24px;
              font-weight: 100;
              line-height: 1; }
              #wrapper .main-content .history-year .ball-back span + span {
                margin-top: 30px; }
          #wrapper .main-content .history-year .ball:hover .ball-front {
            -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
            -webkit-transform: perspective(400) rotateY(180deg);
            transform: perspective(400) rotateY(180deg); }
          #wrapper .main-content .history-year .ball:hover .ball-back {
            z-index: 3;
            -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
            -webkit-transform: perspective(400) rotateY(0deg);
            transform: perspective(400) rotateY(0deg); }
      #wrapper .main-content .history-more {
        margin: 0 auto; }
    #wrapper .main-content .action {
      margin-top: 550px; }
      @media screen and (max-width: 992px) {
        #wrapper .main-content .action {
          margin-top: 450px; } }
      @media screen and (max-width: 768px) {
        #wrapper .main-content .action {
          margin-top: 300px; } }
      #wrapper .main-content .action-inner {
        position: relative; }
        #wrapper .main-content .action-inner .player-04 {
          width: 237px;
          top: 52%;
          right: 101%;
          background-image: url("../images/index/player-04.png"); }
          #wrapper .main-content .action-inner .player-04::before {
            content: '';
            display: block;
            padding-bottom: 143.88186%; }
          @media screen and (max-width: 1440px) {
            #wrapper .main-content .action-inner .player-04 {
              right: 105%; } }
          @media screen and (max-width: 992px) {
            #wrapper .main-content .action-inner .player-04 {
              display: none; } }
        #wrapper .main-content .action-inner .player-05 {
          width: 99px;
          top: 60%;
          left: 100%;
          background-image: url("../images/index/player-step-02.png");
          -webkit-animation: player-move 1s infinite steps(2);
          animation: player-move 1s infinite steps(2); }
          #wrapper .main-content .action-inner .player-05::before {
            content: '';
            display: block;
            padding-bottom: 158.58586%; }
          @media screen and (max-width: 1440px) {
            #wrapper .main-content .action-inner .player-05 {
              display: none; } }
          @media screen and (max-width: 992px) {
            #wrapper .main-content .action-inner .player-05 {
              display: block;
              top: auto;
              right: 0;
              bottom: -20%;
              left: auto; } }
          @media screen and (max-width: 768px) {
            #wrapper .main-content .action-inner .player-05 {
              display: none; } }
        #wrapper .main-content .action-inner .player-06 {
          width: 97px;
          bottom: -40px;
          left: calc(100% + 130px);
          background-image: url("../images/index/player-06.png"); }
          #wrapper .main-content .action-inner .player-06::before {
            content: '';
            display: block;
            padding-bottom: 162.8866%; }
          @media screen and (max-width: 1440px) {
            #wrapper .main-content .action-inner .player-06 {
              display: none; } }
      #wrapper .main-content .action-text {
        text-align: center; }
        #wrapper .main-content .action-text-title {
          display: inline-block; }
          #wrapper .main-content .action-text-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 .action-text-content {
          max-width: 692px;
          margin: 30px auto 0; }
      #wrapper .main-content .action-content {
        margin-top: 128px; }
        @media screen and (max-width: 414px) {
          #wrapper .main-content .action-content {
            margin-top: 30px; } }
      #wrapper .main-content .tour_list {/* 20221215修改成按鈕連結 */
	     width: 95%;
		 margin: 0 auto;
      }

		#wrapper .main-content .tour_list a.tour_btn{
			display: inline-block;
			vertical-align: top;
			text-align: center;
			width: 22.5%;
			height: 0;
			padding-bottom: 22.5%;
			margin: 20px 1%;
			text-indent: -9999px;
			-webkit-transition: 400ms all;
			-o-transition: 400ms all;
			transition: 400ms all;
		}

        @media screen and (max-width: 414px) {
          #wrapper .main-content .tour_list a.tour_btn{
            width: 40%;
			height: 0;
			padding-bottom: 40%;
			margin: 20px 5%; } }
		
		#wrapper .main-content .tour_list a.btn_01{
			background:url("../images/index/tour_btn0101.png") no-repeat left top;
			background-size: 100%;
		}

		#wrapper .main-content .tour_list a.btn_01:hover{
			background:url("../images/index/tour_btn0102.png") no-repeat left top;
			background-size: 100%;
		}
	
		#wrapper .main-content .tour_list a.btn_02{
			background:url("../images/index/tour_btn0201.png") no-repeat left top;
			background-size: 100%;
		}
		#wrapper .main-content .tour_list a.btn_02:hover{
			background:url("../images/index/tour_btn0202.png") no-repeat left top;
			background-size: 100%;
		}

		#wrapper .main-content .tour_list a.btn_03{
			background:url("../images/index/tour_btn0301.png") no-repeat left top;
			background-size: 100%;
		}
		#wrapper .main-content .tour_list a.btn_03:hover{
			background:url("../images/index/tour_btn0302.png") no-repeat left top;
			background-size: 100%;
		}

		#wrapper .main-content .tour_list a.btn_04{
			background:url("../images/index/tour_btn0401.png") no-repeat left top;
			background-size: 100%;
		}

		#wrapper .main-content .tour_list a.btn_04:hover{
			background:url("../images/index/tour_btn0402.png") no-repeat left top;
			background-size: 100%;
		}

      #wrapper .main-content .action-btn {
        max-width: 1000px;
        display: block;
        background-color: #ffffff;
        border-radius: 99em;
        margin: 0 auto;
        padding: 35px 0;
        text-align: center;
        color: #009933;
        -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        cursor: pointer;
        -webkit-transition: 200ms all;
        -o-transition: 200ms all;
        transition: 200ms all; }
        #wrapper .main-content .action-btn:hover {
          color: #ffffff;
          background-color: #009933; }
        @media screen and (max-width: 1440px) {
          #wrapper .main-content .action-btn {
            max-width: 1000px;
            padding: 42px 30px; } }
        #wrapper .main-content .action-btn + .action-btn {
          margin-top: 50px; }
          @media screen and (max-width: 768px) {
            #wrapper .main-content .action-btn + .action-btn {
              margin-top: 34px; } }
        #wrapper .main-content .action-btn h1 {
          font-size: 40px;
          font-weight: bold; }
          @media screen and (max-width: 1440px) {
            #wrapper .main-content .action-btn h1 {
              font-size: 35px; } }
          @media screen and (max-width: 992px) {
            #wrapper .main-content .action-btn h1 {
              font-size: 28px; } }
          @media screen and (max-width: 768px) {
            #wrapper .main-content .action-btn h1 {
              font-size: 22px; } }
        #wrapper .main-content .action-btn p {
          margin-top: 5px;
          font-size: 30px;
          font-weight: bold; }
          @media screen and (max-width: 1440px) {
            #wrapper .main-content .action-btn p {
              font-size: 26px; } }
          @media screen and (max-width: 992px) {
            #wrapper .main-content .action-btn p {
              font-size: 24px; } }
          @media screen and (max-width: 768px) {
            #wrapper .main-content .action-btn p {
              font-size: 18px; } }

#wrapper .footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0; }
  #wrapper .footer .player-07-mobile {
    width: 215px;
    right: 100px;
    bottom: 100%;
    background-image: url("../images/index/player-07-mobile.png"); }
    @media screen and (min-width: 769px) {
      #wrapper .footer .player-07-mobile {
        display: none; } }
    #wrapper .footer .player-07-mobile::before {
      content: '';
      display: block;
      padding-bottom: 67.44186%; }
    @media screen and (max-width: 414px) {
      #wrapper .footer .player-07-mobile {
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%); } }