#menu-bar .signup {
  width: 170px; }
  #menu-bar .signup a {
    width: 170px; }

#menu-bar nav .nav-pc {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

#logo-hero .city {
  max-width: 60px;
  position: absolute;
  left: 0;
  bottom: -10px; }

#logo-hero h2 {
  font-size: 4vw;
  margin-left: 55px; }

#hero .kv .title {
  top: 13%; }
  #hero .kv .title h2 {
    font-size: 8vw;
    margin-top: -30px;
    font-weight: 500 !important; }

#hero .kv .fromzero {
  top: 31%;
  left: 20%; }

#hero .kv .tohero {
  bottom: 48%; }

#hero .kv .people {
  top: 40vh; }

#kv-sponsor a {
  margin: 0; }

#kv-sponsor .logo div p {
  font-size: 18px; }

#kv-sponsor img {
  height: 60px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

#index-intro .container .image img {
  max-width: 230px;
  right: 200px; }

#index-intro h3 {
  font-size: 30px;
  width: 80%; }

#index-intro p {
  font-size: 16px; }

#index-intro hr {
  width: 100%;
  margin: 15px 0; }

#index-sponsor div img {
  margin: 15px 15px; }

#index-sponsor .container .fourlogo {
  width: 80%; }

#index-sponsor div .spcial-logo-01 {
  width: 245px;
  max-width: 281px;
  margin: 15px 0; }

#index-sponsor .container div {
  margin: 0 auto;
  width: 100%;
  padding: 1.5vh 0;
  text-align: center; }

#grc .title {
  height: 300px; }
  #grc .title h2 {
    font-size: 100px; }

#grc .title:before {
  content: '';
  height: 150px; }

#medal .container .info-award ol {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

#medal .container .info-award ol li h3 {
  font-size: 28px; }

#race-table .wrapper .list table thead tr:nth-child(1) {
  background: -webkit-gradient(linear, left top, right top, from(#70cff4), to(#20a0d2));
  background: -webkit-linear-gradient(left, #70cff4 0%, #20a0d2 100%);
  background: -o-linear-gradient(left, #70cff4 0%, #20a0d2 100%);
  background: linear-gradient(to right, #70cff4 0%, #20a0d2 100%); }

#pacer-content .container {
  height: 550px; }

#pacer-content .container div {
  width: calc(100% / 3); }

#pacer-content .container div .bg {
  height: 550px; }

.slider {
  margin: 2vw auto 2vw auto; }

#pacer-content .container .people01 .bg {
  background-image: url(../images/people-01.jpg); }

#pacer-content .container .people02 .bg {
  background-image: url(../images/people-02.jpg); }

#pacer-content .container .people03 .bg {
  background-image: url(../images/people-03.jpg); }

#pacer-content .container .people01 .bg:before,
#pacer-content .container .people02 .bg:before,
#pacer-content .container .people03 .bg:before,
#pacer-content .container .people04 .bg:before,
#pacer-content .container .people05 .bg:before,
#pacer-content .container .people06 .bg:before {
  height: 550px; }

#news-content p {
  text-align: center; }

#asia-series-info .container .medal {
  width: 50%; }

#route-content h3 {
  text-align: center; }

#route-content .container {
  padding: 0 0 5vw 0;
  width: 70% !important; }

#route-content .container img {
  padding: 0;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.about-group-table .wrapper .list table tbody tr:nth-child(1) {
  background-color: #333333; }

#asia-series-info p {
  width: 70%; }

#route-content {
  min-height: 60vh; }

.about-group-table .list table tbody tr td:nth-child(1) {
  width: 16%; }

.about-group-table .list table tbody tr td:nth-child(2),
.about-group-table .list table tbody tr td:nth-child(3),
.about-group-table .list table tbody tr td:nth-child(4) {
  width: 14%; }

#series .container {
  width: 100% !important;
  margin: 30px auto; }
  #series .container .all-grpup {
    width: 100%;
    margin: 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  #series .container .group:nth-child(1) {
    width: auto;
    margin: 10px 10px; }
  #series .container .group {
    max-width: 500px;
    margin: 10px 30px; }
  #series .container .group ol {
    padding: 0; }
  #series .container .group h3 {
    max-width: 500px;
    font-size: 13px; }
    #series .container .group h3 hr {
      max-width: 15px; }
  #series .container .group li {
    width: auto;
    padding: 0 20px; }
    #series .container .group li h3 {
      font-size: 18px; }
    #series .container .group li a {
      font-size: 12px;
      padding: 0.3rem 1rem;
      margin-top: 10px; }
  #series .container .group li img {
    max-width: 210px; }
  #series .container li h3 {
    margin-bottom: 10px;
    font-weight: normal !important; }
  #series .container a p {
    margin: 30px auto 0 auto;
    font-size: 16px; }

#gift .list .completed .award h5 {
  margin-bottom: 15px; }

#gift .list .completed .award .small {
  margin: 0 auto 0 auto;
  color: #999999; }

#gift .list .completed .award img {
  width: 100%;
  max-width: 350px;
  margin: 15px 0; }

#gift .list .completed .award {
  width: calc(100% / 2);
  max-width: 500px;
  min-height: 500px; }

#gift .list .gift .award {
  width: calc(100% / 2);
  max-width: 500px;
  min-height: 500px; }

#gift .list .gift .p01 img {
  max-width: 230px; }

@media (max-width: 1680px) {
  #index-intro h3 {
    font-size: 30px;
    width: 100%; }
  #hero .kv .people {
    top: 35vh; } }

@media (max-width: 1440px) {
  #hero .kv .title {
    top: 14%; }
  #index-intro h3 {
    font-size: 21px; }
  #index-intro p {
    font-size: 13px; }
  #index-intro .container .image img {
    max-width: 190px;
    bottom: -30px; }
  #index-intro .container .image img {
    max-width: 150px;
    bottom: 0; }
  #pacer-content .container {
    height: 400px; }
    #pacer-content .container div .bg {
      height: 400px; }
  #grc .title h2 {
    font-size: 85px; }
  #index-sponsor h2 {
    font-size: 21px; }
  #reward .list .completed .award img {
    margin: 0 15px;
    max-width: 250px; }
  #route-content .container img {
    max-width: 620px; }
  #asia-series-info p {
    font-size: 18px;
    width: 80%; }
  #asia-race .wrapper {
    padding: 0; }
  #series .container .group {
    max-width: 400px; }
  #series .container h3 {
    margin-bottom: 20px; }
  #series .container .group li img {
    max-width: 190px; }
  #series .container .group h3 {
    font-size: 12px; }
  #series .container .group h3 hr {
    max-width: 14px; } }

@media (max-width: 1368px) {
  #hero .kv .people {
    top: 40vh; }
  #gift .list .completed .award img {
    max-width: 250px;
    margin: 15px 0; }
  #gift .list .completed .award {
    width: calc(100% / 2);
    max-width: 400px;
    min-height: 420px; }
  #gift .list .gift .award {
    width: calc(100% / 2);
    max-width: 400px;
    min-height: 400px; }
  #gift .list .gift .p01 img {
    max-width: 160px; } }

@media (max-width: 1280px) {
  #hero .kv .people {
    top: 32vh; }
  #index-intro a {
    margin-top: 15px;
    font-size: 12px !important; } }

@media (max-width: 1024px) {
  #menu-bar .signup {
    width: 200px; }
    #menu-bar .signup a {
      width: 200px; }
  #hero .kv .title {
    top: 110px; }
    #hero .kv .title h3 {
      font-size: 16px; }
    #hero .kv .title h2 {
      margin-top: -15px; }
  #hero .kv .people {
    top: 170px; }
  #index-intro .container .image img {
    right: 70px; }
  .slider .slide {
    height: 70px; }
  #grc .title {
    height: 200px; }
  #grc .title h2 {
    font-size: 75px; }
  #grc .title:before {
    content: '';
    height: 100px; }
  #asia-series-info .container .medal {
    width: 100%; }
  #asia-series-info p {
    width: 90%; }
  #info-main-content .headerdivider {
    height: 80px; }
  #reward .list .completed .award img {
    margin: 0 5px;
    max-width: 190px; }
  #route-content .container {
    padding-bottom: 100px; }
  #series .container .group h3 {
    min-width: 200px;
    height: 42px; }
  #series .container .all-grpup {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  #series .container .group h3 {
    min-width: 200px;
    height: 42px; }
  #series .container .group {
    margin: 10px 10px;
    max-width: 450px; }
  #series .container .group li {
    width: auto;
    padding: 0; } }

@media (max-width: 820px) {
  #hero .kv .people {
    top: 130px; }
  #hero .kv .title {
    top: 80px; }
  #hero .kv .tohero {
    bottom: 49%; }
  #hero .kv .scene {
    left: 0 !important;
    bottom: 5% !important; }
  #kv-sponsor img {
    height: 40px; }
  #hero .kv .fromzero {
    top: 29%;
    left: 20%; }
  #index-intro .container {
    width: 80% !important; }
  #index-intro h3 {
    font-size: 13px; }
  #index-intro p {
    font-size: 12px; }
  #index-intro .container .image img {
    max-width: 250px;
    right: 65px;
    bottom: 0; }
  #index-intro h3 {
    font-size: 14px; }
  #index-intro p {
    font-size: 12px; }
  #grc .title h2 {
    font-size: 60px; }
  #index-intro .container .image img {
    right: 61px;
    max-width: 140px; }
  #reward .list .completed .award img {
    margin: 0 5px;
    max-width: 150px; } }

@media (max-width: 599px) {
  #hero .kv .title {
    top: 100px; }
  #hero .kv .title h3 {
    font-size: 18px; }
  #hero .kv .title h2 {
    font-size: 15vw; }
  #hero .kv .fromzero {
    top: 315px;
    left: 0; }
  #hero .kv .tohero {
    bottom: 38%;
    left: 5%; }
  #hero .kv .people {
    width: 180%;
    z-index: 5;
    top: 170px; }
    #hero .kv .people .subject {
      left: 3%; }
      #hero .kv .people .subject img {
        width: 100%; }
  #hero .kv .people .subject img:nth-child(2), #hero .kv .people .subject img:nth-child(3), #hero .kv .people .subject img:nth-child(4), #hero .kv .people .subject img:nth-child(5) {
    -webkit-animation: none;
    animation: none; }
  #hero .kv .people .subject img:nth-child(1) {
    display: none; }
  #hero .kv .people .subject img:nth-child(3) {
    display: block;
    visibility: visible; }
  #kv-sponsor .logo div p {
    font-size: 12px;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    margin-right: 0; }
  #kv-sponsor .logo div {
    margin: 5px 0px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center; }
  #kv-sponsor img {
    height: 40px;
    padding: 0 2px;
    margin: 5px 0; }
  #index-intro .container {
    width: 85% !important; }
    #index-intro .container .image img {
      right: auto;
      left: 150px;
      max-width: 120px; }
  #index-intro h3 {
    font-size: 15px; }
  #grc {
    padding: 0 0 30px 0; }
    #grc .title h2 {
      font-size: 8vw;
      line-height: 1 !important; }
    #grc h3 {
      line-height: 1.2 !important;
      width: 85%;
      margin: 0 auto 30px auto;
      font-size: 24px; }
    #grc .title {
      height: 120px; }
  #grc .title:before {
    content: '';
    height: 60px; }
  #pacer-content .container {
    height: 180vw; }
    #pacer-content .container div {
      width: 100%; }
    #pacer-content .container div .bg {
      height: 60vw; }
  #asia-series-info p {
    width: 95%; }
  #index-intro h3 {
    font-size: 16px; }
  #index-sponsor .container {
    padding: 15vw 0 5vw 0; }
  #index-sponsor h2 {
    font-size: 24px; }
  #index-sponsor .container div {
    width: 100%;
    padding: 2vh 0; }
  #index-sponsor div img {
    margin: 15px 0;
    width: 40%;
    max-width: 200px;
    margin: 10px 0; }
  #index-sponsor .twologo img {
    width: 40%;
    height: auto; }
  #index-sponsor .twologo {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  #index-sponsor .training {
    margin-bottom: 30px !important; }
  #index-sponsor div .spcial-logo-02 {
    width: 100%;
    height: auto; }
  #info-link-group h3 {
    font-size: 24px;
    margin-top: 15px; }
  #info-link-group .container .list a {
    margin: 10px 5px;
    max-width: 250px; }
  #index-sponsor .container .fourlogo {
    width: 100%; }
  #medal .container .info-award ol li h3 {
    font-size: 28px; }
  .hvr-sweep-to-right {
    max-width: 180px;
    font-size: 14px !important; }
  #route-content .container {
    padding-bottom: 60px; }
    #route-content .container img {
      max-width: 400px; }
  #info-main-content .headerdivider {
    height: 0; }
  #series .container .group h3 {
    min-width: 200px;
    height: auto; }
  #series .container h3 {
    font-size: 20px; }
  #series .container .group li {
    padding: 0;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 150px; }
  #series .container .product {
    overflow: hidden; }
  #series .container .group {
    min-width: auto;
    width: 80%;
    margin: 15px auto; }
  #series .container .group li img {
    max-width: 150px; }
  #series .container .group li p {
    font-size: 12px; }
  #rule-content h3, #faq-content h3, #terms-content h3 {
    line-height: 1.4 !important; }
  #gift .list .completed .award {
    width: 100%;
    min-height: auto; }
  #gift .list .completed .award img {
    max-width: 200px;
    margin: 0 10px 0 10px; }
  #gift .list .gift .p01 img {
    max-width: 125px; }
  #gift .list .completed .award h5 {
    margin-bottom: 5px;
    font-size: 21px; }
  #gift .list .completed .award .small {
    padding: 0 10px;
    font-size: 10px; }
  .about-group-table-2 .wrapper {
    width: 90%; } }

@media (max-width: 430px) {
  #index-award h2 {
    margin: 30px auto 60px auto;
    width: 90%; }
  #index-award .photo .cloth img {
    min-width: 390px; }
  #index-award .container .photo {
    height: 280px;
    width: 100%; }
    #index-award .container .photo p {
      width: 90%;
      margin: 0 auto;
      position: relative;
      margin-top: 260px; } }

@media (max-width: 390px) {
  #gift .list .completed .award img {
    max-width: 180px; }
  #gift .list .gift .p01 img {
    max-width: 120px; } }

@media (max-width: 360px) {
  #hero .kv .fromzero {
    top: 285px;
    left: 0; }
  #kv-sponsor img {
    height: 30px; }
  #index-award .photo .cloth img {
    min-width: 320px; }
  #index-award .container .photo p {
    margin-top: 210px;
    font-size: 12px; }
  #rule-content h3, #faq-content h3, #terms-content h3 {
    font-size: 21px; }
  #rule-content, #scientific-training-content, #faq-content, #terms-content {
    padding: 10vw 0; } }

@media (max-width: 320px) {
  #index-intro .container .image img {
    right: auto;
    left: 110px;
    max-width: 120px; }
  #menu-bar #brand #logo {
    width: 100px;
    background-size: 100px 32px; }
  #menu-bar .signup {
    width: 160px; }
    #menu-bar .signup a {
      width: 160px;
      font-size: 13px; }
  #hero .kv .fromzero {
    top: 250px;
    left: 0; }
  #hero .kv .tohero {
    bottom: 45%;
    left: 5%; }
  #grc h3 {
    line-height: 1.2 !important;
    width: 85%;
    margin: 0 auto 15px auto;
    font-size: 21px; }
  #asia-series-info {
    padding-bottom: 40px; }
  #pacer-content h2 {
    font-size: 21px; }
  #series .container .group {
    min-width: 100%; }
  #series .container .group li {
    margin-left: 5px;
    margin-right: 5px;
    max-width: 120px; }
  #series .container .group li img {
    max-width: 130px; }
  #series .container .group li h3 {
    font-size: 16px; }
  #gift .list .completed .award img {
    max-width: 160px;
    margin: 0 5px 0 10px; }
  #gift .list .gift .p01 img {
    max-width: 100px; }
  #gift .list .completed .award h5 {
    font-size: 18px; } }

#watchface-content a.guide {
  color: #ccf0ff;
  font-size: 14px;
  border-bottom: 1px solid; }

#watchface-content .text p {
  margin: 10px auto 0px auto; }

#watchface-content .btn-white-fill {
  margin-top: 15px; }

@media (max-width: 599px) {
  #watchface-content a.guide {
    font-size: 14px; } }