* {
     box-sizing: border-box;
 }
 
 html,
 body {
     height: 100%;
     width: 100%;
 }
 
 body {
     font-family: 'Microsoft JhengHei', 'Helvetica Neue', Arial, sans-serif;
 }
 
 hr {
     max-width: 50px;
     border: 1px solid #00AB7B !important;
 }
 
 hr.light {
     border-color: #fff !important;
    height: 2px;
    background-color: #fff;
 }
 
 a {
     -webkit-transition: all 0.35s;
     -moz-transition: all 0.35s;
     transition: all 0.35s;
     color: #00AB7B;
 }
 
 a:hover,
 a:focus {
     color: #00AB7B;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
     font-size: bold;
 }
 
 p {
     font-size: 16px;
     line-height: 1.5;
     margin-bottom: 20px;
 }
 
 .bg-primary {
     background-color: #00AB7B !important;
 }
 
 .text-faded {
     color: rgba(255, 255, 255, 0.7);
     text-align: left;
 }
 
 section {
     padding: 50px 0;
 }
 
.fa {
     padding-left: 0 !important;
}

.img-width {
  width: 100%;
}

 .header-race-bg {
     background-image: url(../img/landscape.jpg);
     background-repeat: no-repeat;
     background-position: center;
     background-attachment: fixed;
     background-size: cover;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     position: relative;
     width: 100%;
     min-height: 700px;
     text-align: center;
     color: #fff;
     margin-top: -40px;
 }
 
 .header-race-bg > .header-race-content {
     text-align: center;
     padding: 100px 15px 100px 15px;
     width: 100%;
 }
 
 .header-race-bg .header-race-inner {
     background-color: rgba(55, 59, 55, 0.6);
     padding: 40px 0 2px 0;
     border-radius: 5px;
 }
 
 .header-race-bg .header-race-inner h1 {
     font-size: 58.5px;
     font-weight: 700;
     font-family: 'Merriweather', 'Microsoft JhengHei', Arial, sans-serif;
     text-transform: uppercase;
     margin-top: 0;
     margin-bottom: 0;
 }
 
 .header-race-bg .header-race-inner hr {
     margin: 30px auto;
     border: 1px solid #00AB7B;
 }
 
 .header-race-bg .header-race-inner p {
     display: inline-block;
     /*background-color: rgba(0,0,0,0.3);*/
     /*padding: 5px 10px;*/
     font-size: 28px;
     font-weight: 500;
     text-shadow: 1px 1px 2px black;
     margin-left: auto;
     margin-right: auto;
 }
 
 .header-race-bg .header-race-inner p small {
     font-size: 65% !important;
 }

 .tag-name {
  margin-top: 10px;
  text-align: left;
 }
 
 @media(max-width:990px) {
     .tag-name {
      margin-bottom: 20px;
    }
 }

 .tag-top-title {
background-color: #00AB7B;
  font-weight: bold;
  font-size: 12px;
 }

 .tag-second-title {
background-color: #fff;
color: #00AB7B;
  font-weight: bold;
  font-size: 12px;
 }
 
 .data-box {
     width: 100%;
     display: inline-block;
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     bottom: -50%;
     padding-left: 8px;
 }
 
 .data-box br {
     display: none;
 }
 
 .data-box span {
     background-color: rgba(0, 0, 0, 0.5);
     padding: 10px;
     margin-right: 10px;
     font-size: 18px;
     font-weight: 500;
     text-shadow: 0 1px 5px black;
     color: #eee;
 }
 
 .data-box span i {
  padding-right: 3px;
 }
 
 .fa-star-o {
     padding: 0 !important;
     margin-right: 5px; 
 }
 
 .section-heading-function .btn-success:hover,
 .section-heading-function .btn-success:visited
 {
     color: #fff !important;
 }
 
 
 .fa-flag,
 .fa-plus-square,
 .fa-random,
 .fa-hand-o-right,
 .fa-trophy,
 .fa-child,
 .fa-exclamation-circle {
     color: #00AB7B;
 }
 
 .start-end-pic {
  position: relative;
 }
 
 .start-end-pic img {
     width: 100%;
     height: auto;
    /*-webkit-filter: grayscale(70%);*/
    /*filter: grayscale(70%);*/
 }
 
 .start-end-pic h3 {
    text-align: center;
    font-weight: bold;
 }
 
 .start-end-pic > p {
  position: absolute;
    bottom: 0;
    right: 20px;
    font-size: 14px;
    padding: 3px 8px;
    color: #fff;
    background-color: rgba(0,0,0,0.5);
 }
 
 .table>tbody>tr>td,
 .table>tbody>tr>th,
 .table>tfoot>tr>td,
 .table>tfoot>tr>th,
 .table>thead>tr>td,
 .table>thead>tr>th {
     vertical-align: middle;
     font-size: 16px;
 }
 
 .table>thead>tr>th {
     font-size: 22px;
 }
 
 .table>tbody>tr>td:first-child {
     font-size: 22px;
     font-weight: bold;
     color: #00AB7B;
     padding-left: 10px;
 }
 
 .table>tbody>tr>td>i {
     font-size: 28px;
     font-weight: bold;
 }
 
 .table>tbody>tr>td>.btn-default {
     border: 2px solid #00AB7B;
     margin-right: 5px;
 }
 
 .table>tbody>tr>td>.btn-danger:hover,
 .table>tbody>tr>td>.btn-danger:active,
 .table>tbody>tr>td>.btn-danger:visited {
     transition: all 0.5s;
     color: #fff !important;
 }
 
 .btn-cancel {
     background-color: #d9534f;
     border: 2px solid #d9534f !important;
     color: #fff;
 }
 
 .table>tbody>tr>td>.btn-default>i {
     display: none;
 }
 
 .table>tbody>tr:nth-child(1n+4)>td:first-child {
    padding-left: 18px;
    color: #00AB7B;
 }
 
 
 @media(max-width:568px) {
     .ranking-detail {
         display: none;
     }
     .table>tbody>tr>td,
     .table>tbody>tr>th,
     .table>tfoot>tr>td,
     .table>tfoot>tr>th,
     .table>thead>tr>td,
     .table>thead>tr>th {
         font-size: 13px;
         vertical-align: middle !important;
     }
     .table>thead>tr>th,
     .table>tbody>tr>td:first-child {
         font-size: 18px;
     }
     .table>tbody>tr>td>i {
         font-size: 22px;
     }
     .table>tbody>tr>td>i {
         font-size: 20px;
     }
     .table>tbody>tr>td>.btn-default
     {
        padding: 3px 7px;
     }
     .table>tbody>tr>td>.btn-default>span {
         font-size: 12px;
     }
     .btn-cancel {
         /*border: 0 !important;*/
         /*background-color: transparent;*/
         /*color: #00AB7B;*/
         padding: 3px 7px !important; 
     }
     .btn-cancel > span {
         font-size: 12px;
     }
      .gps-position p {
         font-size: 23px;
     }
 }
 
 .article-menu {
     list-style: none;
     padding: 0;
 }
 
 @media(max-width:568px) {
     .article-menu {
         text-align: center;
     }
 }
 
 .article-menu li {
     margin-bottom: 20px;
 }
 
 .race-toggle {
     position: fixed;
     right: 3%;
     bottom: 0;
     z-index: 11;
 }
 
  .btn-join {
    width: 100px;
    height: 100px;
    border: 1px solid lightgray;
    border-radius: 50%;
    background: #00AB7B;
    box-shadow: 0 5px 8px rgba(0,0,0,0.5);
 }
 
 .btn-join a {
    text-decoration: none !important;
    float: left;
    width: 100%;
    padding-top: 32%;
    padding-bottom: 0;
    line-height: 1.2em;
    margin-top: -0.5em;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    color: #fff !important;
 }
 .btn-join:hover a,
 .btn-join.blur a {
     transition: all 0.5s;
 }
 
 .btn-join:hover {
     box-shadow: 0 8px 8px rgba(0,0,0,0.5);
 }
 
 .btn-join:active {
     box-shadow: 0 5px 8px rgba(0,0,0,0.5);
     transform: translateY(3px)
 }
 
 .race-map iframe {
     width: 100%;
 }
 
 .race-map-download {
     padding-bottom: 5px;
 }
 
 .race-map-download a {
     padding: 7px 18px;
     background-color: #00AB7B;
     color: #fff;
 }

 .race-map-download a span {
     padding-left: 3px;
 }
 
 .race-map-download a:last-child {
     margin-right: 10px;
 }
 
 
 .race-map-download a:hover,
 .race-map-download a:active {
   background-color: #469525;
     transition: all 0.5s;
     color: #fff !important;
 }

 .race-map-download a:visited {
  color: #fff !important;
 }
 
 .carousel-control {
    height: 80%;
    margin-top: 50px;
 }
 
 @media (min-width: 768px) {
     .header-race-bg {
         height: 100%;
     }
     .header-race-bg .header-race-content {
         position: absolute;
         top: 38%;
         -webkit-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         transform: translateY(-50%);
         padding: 0 50px;
     }
     .header-race-bg .header-race-inner {
         max-width: 1000px;
         margin-left: auto;
         margin-right: auto;
     }
     .header-race-bg .header-race-inner h1 {
         font-size: 50px;
     }
     .btn-join {
     width: 80px;
     height: 80px;
     }
  
    .btn-join a {
    font-size: 18px;
     }
 }
 
 @media(max-width:767px) {
     .header-race-bg {
         background-attachment: initial;
     }
     .data-box {
         bottom: 15%;
     }
     .header-race-bg .header-race-inner h1 {
         font-size: 48.5px;
     }
 }
 
 @media(max-width:740px) {
     .header-race-bg .header-race-content {
         padding: 100px 15px 260px 15px;
         width: 100%;
         height: 100%;
     }
     .data-box {
         width: 100%;
     }
     .data-box span {
         width: 45%;
         display: inline-block;
         margin-bottom: 5px;
     }
 }
 
 @media(max-width:568px) {
     .header-race-bg .header-race-content .header-race-inner h1 {
         font-size: 32px;
     }
     .header-race-bg .header-race-content .header-race-inner p {
         padding: 6px 0;
         font-size: 22px;
         width: 60%;
     }
     .data-box br {
         display: block;
     }
     .btn-join {
     width: 70px;
     height: 70px;
     }
  
    .btn-join a {
    font-size: 17px;
     }
 }
 
 @media(max-width:350px) {
     .header-race-bg .header-race-content .header-race-inner h1 > span {
         display: block;
         line-height: 1.5em;
     }
 }
 
 .section-heading {
     text-align: center;
     margin-top: 0;
 }

 .section-heading span {
  display: inline-block;
  float: right;
  font-size: 16px;
 }
 
 .service-box {
     width: 88%;
     margin: 50px auto 0;
 }
 
 @media (min-width: 992px) {
     .service-box {
         margin: 20px auto;
     }
 }
 
 .service-box p {
     margin-bottom: 0;
 }
 
 .call-to-action h2 {
     margin: 0 auto 20px;
 }
 
 .text-primary {
     color: #F05F40;
 }
 
 .no-gutter > [class*='col-'] {
     padding-right: 0;
     padding-left: 0;
 }
 
 .btn {
     font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
     border: none;
     border-radius: 300px;
     font-weight: 700;
     /*text-transform: uppercase;*/
 }
 
 ::-moz-selection {
     color: white;
     text-shadow: none;
     background: #222222;
 }
 
 ::selection {
     color: white;
     text-shadow: none;
     background: #222222;
 }
 
 img::selection {
     color: white;
     background: transparent;
 }
 
 img::-moz-selection {
     color: white;
     background: transparent;
 }
 
 body {
     webkit-tap-highlight-color: #222222;
 }
 
 .embed-responsive-16by9 {
     height: 400px;
 }
 
 @media (max-width:768px) {
     .embed-responsive-16by9 {
         margin-bottom: 20px;
     }
 }
 
 @media (max-width:568px) {
     /*.btn-xl {
          margin-right: 10px;
          padding: 15px 20px;
      }*/
     .btn-right {
         padding: 15px 30px;
     }
 }
 
 .sr-icons {
     color: #00AB7B !important;
 }
 
 .result {
     padding: 0;
     margin-top: -20px;
 }
 
 .service-bgc {
     background-color: #E7F0E9;
 }
 
 .service-box > h3 > a {
     color: #00AB7B;
 }
 
 .service-box > div > a {
     color: #00AB7B;
 }
 
 .service-box img:hover {
     opacity: 0.6;
     transition: 0.5s all;
 }
 
 .runnerstory{
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: cover;
     -webkit-background-size: center center;
     background-size: center bottom;
     background-position: right top;
     
 }
 
 .runner-one {
     background-image: url(../img/run1.jpg);
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: cover;
     -webkit-background-size: center center;
     background-size: center bottom;
     background-position: right top;
 }
 
 .runner-two {
     background-image: url(../img/run3.jpg);
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: cover;
     -webkit-background-size: center center;
     background-size: center bottom;
     background-position: right top;
 }
 
 .runner-three {
     background-image: url(../img/run4.jpg);
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: cover;
     -webkit-background-size: center center;
     background-size: center bottom;
     background-position: right top;
 }
 
 @media(max-width:568px) {
     .runnerstory,
     .runner-one,
     .runner-two,
     .runner-three {
         background-attachment: initial;
         background-position: 0 50%;
     }
     .text-muted {
         display: none;
     }
 }
 
 .item {
     text-align: center;
     margin: 20px auto;
     height: 450px;
 }
 
 .item > h3 {
    display: inline-block;
    color: #fff;
    padding: 15px;
    margin-top: 80px;
    background-color: rgba(55, 118, 29, 0.8);
    text-shadow: 2px 2px 10px black;
    border-radius: 10px;
 }

 @media(max-width:375px) {
    .item {
        height: 500px;
    }
 }
 
 .item > p {
     display: inline-block;
     width: 80%;
     color: #fff;
     opacity: 0.8;
     background-color: rgba(0,0,0,0.5);
     padding: 15px;
     margin-top: 40px;
    text-shadow: 2px 2px 10px black;
 }
 
 .carousel-control.left,
  .carousel-control.right {
    background-image: none !important;
}
 
 .slide {
     width: 100%;
 }
 
 #articles {
     background-color: #E7F0E9;
 }
 
 .btn-press {
     background-color: rgba(55, 118, 29, 0.8);
     color: white;
     width: 100%;
 }
 
 .btn-press:hover {
     color: white;
     background-color: rgba(55, 118, 29, 1);
 }
 
 .contact-a {
     color: rgba(55, 118, 29, 1);
 }
 
 .img-size {
     width: 100%;
     height: auto;
 }
 
 .coach-text {
     font-size: 14px;
 }
 
 .singleTeam {
     position: relative;
     width: 100%;
 }
 
 @media(min-width:990px) {
     .singleTeam {
         height: 250px;
     }
 }
 
 @media(max-width:768px) {
     .singleTeam {
         margin-bottom: 20px;
     }
 }
 
 @media(max-width:552px) {
     .singleTeam {
         height: 205px;
     }
 }
 
 .teamThumb {
     text-align: center;
 }
 
 .teamThumb > a > img {
     display: inline-block;
     width: 70%;
     border-radius: 50%;
 }
 
 .teamThumb > a > img:hover {
     opacity: 0.6;
     transition: 0.5s all;
 }
 
 .teamDetails {
     margin: 0;
     padding-top: 20px;
     padding-bottom: 20px;
     position: relative;
 }
 
 .teamDetails h3 {
     font-size: 16px;
     font-weight: 600;
     letter-spacing: 1px;
     line-height: 0.8;
     margin: 0 0 6px;
 }
 
 .teamDetails span {
     color: #999;
     display: block;
     font-size: 14px;
     font-weight: 400;
     letter-spacing: 3px;
     line-height: 20px;
 }
 
 .list-group-item {
     padding: 0;
 }
 
 .list-group-item h4 {
     display: block;
     margin: 0;
     margin-bottom: 1px;
     padding: 10px 10px;
     font-size: 16px;
     font-weight: bold;
     background-color: #e7e7e7;
     cursor: pointer;
 }
 
 .list-group-item h4:hover {
     background-color: #9c9c9c;
     color: #fff;
 }
 
 .list-group-item > ul {
     margin-top: 10px;
     margin-bottom: 10px;
 }
 
 .list-group-item .fa-chevron-down {
     float: right;
     padding-right: 5px;
 }
 
 .list-group-item .fa-times {
     padding-left: 10px;
     color: rgba(255, 0, 0, 0.5);
 }
 
 .list-group-item .fa-times-circle {
     padding-left: 5px;
     color: rgba(255, 0, 0, 0.5);
 }
 
 @media (max-width:568px) {
     .item-none {
         display: none;
     }
 }
 
 .fb-insert {
     margin-top: 20px;
     text-align: center;
 }
 
 .fb-insert iframe {
     height: 300px;
     border: none;
     overflow: hidden;
 }
 
 @media(max-width:568px) {
     .fb-insert iframe {
         width: 280px;
     }
 }
 
 .contact-footer {
     margin-top: 20px;
 }
 
 .contact-footer > h4 {
     font-weight: bold;
     padding-top: 20px;
     padding-bottom: 5px;
 }
 
 .contact-footer > span {
     display: block;
     font-size: 14px;
     width: 80%;
     margin: 0 auto;
     margin-bottom: 30px;
 }
 
 .flipInX > a > img {
     margin-right: 10px;
 }
 
 .flipInX > a > img:hover {
     border-radius: 100%;
     box-shadow: 0px 5px 8px gray;
 }
 
 .contact-footer > a > img:active {
     transform: translateY(4px);
     box-shadow: 0px 1px 8px gray;
 }
 
 .aTitle {
     font-size: 30px;
 }
 
 .hidden-xs {
     margin-bottom: 20px;
     font-size: 22px;
     line-height: 1.5;
 }
 
 @media(max-width:768px) {
     .aTitle {
         margin-top: 0;
     }
 }
 
 @media(max-width:568px) {
     .aTitle {
         font-size: 22px;
         text-align: left;
     }
     .aTitle-detail {
         text-align: left;
     }
     
 }
 
 .race-precaution {
    width: 60%;
    margin: 0 auto;
 }
 .race-precaution li {
    font-size: 20px;
    border-bottom: 2px solid lightgray;
    margin-bottom: 15px;
    display: inline-block;
 }
 
 .race-precaution li span {
     font-style: italic;
     font-family: Trebuchet MS;
 }
 
 @media(max-width:767px) {
     .race-precaution {
        width: 100%;
        padding-left: 0;
     }
 }
 
 @media(max-width:568px) {
     .fb-insert {
         margin-bottom: 30px;
     }
     .race-precaution li {
        font-size: 16px;
     }
 }
 

.active-adjust > li.active > a, .active-adjust > li.active > a:hover, .active-adjust > li.active > a:focus {
    color: #fff !important;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-bottom: 1px solid #ddd !important;
    border-top: 0 !important;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle !important;
}

.table-personal-record {
    width: 80%;
    border: 3px solid #00AB7B;
    border-radius: 10px;
    padding: 10px; 
    position: relative;
    margin: 60px auto 30px auto;
}

img.icon{
 height: 1em;
}

.table-personal-record h3 {
    text-align: center;
    position: absolute;
    top: -33px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    padding: 0 30px;
    font-size: 28px;
    font-weight: bold;
}

.table-personal-record > .row {
    padding: 5px 2em 0 2em;
}

/*.table-box {*/
/*    margin-top: 24px;*/
/*}*/

.table-box > tr > td > span {
    display: block;
}

.table-personal-record .col-sm-6 .table td {
    font-size: 23px;
    padding-top: 20px;
    padding-bottom: 3px;
}

.table-personal-record .col-sm-6 .table td:first-child {
    font-size: 16px;
    color: gray;
    width: 33%;
    padding-left: 0;
}

.table-detail-inform {
    font-size: 8px;
}

.table-detail-inform {
    float: right;
}

.myGrade{
    background-color: lightyellow;
}

@media (max-width: 768px) {
    .table-responsive {
     border: 0 !important; 
    }
    .table-personal-record h3 {
    font-size: 24px;
    }
    .table-personal-record .col-sm-6 .table td:first-child {
    width: 25%;
    }
    .table-personal-record .col-sm-6 .table td {
    font-size: 18px;
    }
    .table-personal-record .firstTable{
        margin-bottom: 0px;
    }
}

@media(max-width:568px) {
    .table-personal-record .col-sm-6 .table td {
    display: block;
    padding-left: 0;
    padding-top: 12px;
    }
    /*.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {*/
    /*border-bottom:  0 !important;*/
    /*}*/
    .table-personal-record .col-sm-6 .table tr {
    border-bottom: 1px solid #00AB7B;
    }
    .table-personal-record h3 {
    padding: 0px 10px;
    font-size: 22px;
    }
    .table-personal-record .col-sm-6 .table td:first-child {
    margin-bottom: -10px;
    }
    .table-box {
        margin-top: -14px;
    }
    .table-detail-inform {
        float: left;
    }
    .table-personal-record .firstTable{
        margin-bottom: 15px;
    }
}


/******* description => hide in description.php page********/

.race-descript {
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     background-attachment: fixed;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     position: relative;
     width: 100%;
     min-height: 737px;
}

/*.race-descript-one {*/
/*    background-image: url(https://s3-ap-northeast-1.amazonaws.com/rq-race/1-min.jpg);*/
/*    margin-top: -40px;*/
/*}*/

/*.race-descript-two {*/
/*    background-image: url(https://s3-ap-northeast-1.amazonaws.com/rq-race/2-min.jpg);*/
/*}*/
/*.race-descript-three {*/
/*    background-image: url(https://s3-ap-northeast-1.amazonaws.com/rq-race/3-min.jpg);*/
/*}*/

/*.race-text {*/
/*    background-color: rgba(0,0,0,0.55);*/
/*    color: #fff;*/
/*    font-size: 46px;*/
/*    font-weight: bold;*/
/*    padding: 40px;*/
/*    line-height: 0.9;*/
/*}*/

/*.race-text-one {*/
/*    position: absolute;*/
/*    right: 35px;*/
/*    top: 16px;*/
/*    width: 45%;*/
/*}*/

/*.race-text-two {*/
/*    position: absolute;*/
/*    left: 125px;*/
/*    bottom: 100px;*/
/*    width: 40%;*/
/*}*/

/*.race-text-three {*/
/*    position: absolute;*/
/*    right: 90px;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    width: 40%;*/
/*}*/

/*.race-text small {*/
/*    color: #fff;*/
/*    font-weight: bold;*/
/*}*/

.race-descript-bg {
    background-image: url('https://d2w9stgkf6ioj9.cloudfront.net/racing.jpg');
    margin-top: -40px;
    margin-bottom: -90px;
    min-height: 900px;
    text-align: center;
    color: #fff;
}

.race-descript-content {
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 50px;
    width: 100%;
}

.race-descript-inner {
    background-color: rgba(55, 59, 55, 0.6);
    padding: 20px;
    border-radius: 5px;
}

.race-descript-inner h1 {
    font-size: 48px;
    font-weight: bold;
    padding-bottom: 20px;
}

.race-descript-inner i {
    font-family: "Trebuchet MS";
}

.race-descript-inner p {
    font-size: 26px;
    color: lightgray;
    padding-top: 20px;
}

.race-descript-inner h2 {
    font-size: 28px;
    line-height: 1.3em;
}

.race-inner-btn {
    padding: 30px 0;
}

.race-inner-btn a {
    display: inline-block;
    margin-right: 20px;
    padding: 15px 80px;
} 

.race-inner-btn a:hover {
    color: #fff !important;
}

@media (min-width:1440px){
    .race-descript-bg {
        min-height: 1115px;
    }
}

@media(max-width:768px) {
    .race-descript-inner h1 {
        font-size: 32px;
        padding-bottom: 15px;
    }
    .race-descript-inner p {
        font-size: 18px;
        padding-top: 15px;
    }
    .race-inner-btn a {
        padding: 12px 80px;
    }
    .race-descript-inner h2 {
        font-size: 19px;
        line-height: 1.3em;
    }
}

@media(max-width:568px) {
    .race-descript {
         background-attachment: initial;
    }
    .race-descript-content {
        padding: 0px 15px;
    }
    .race-descript-inner h1 {
        font-size: 28px;
        padding-bottom: 5px;
        line-height: 1.3em;
    }
    .race-descript-inner h1 i {
        display: block;
    }
    hr.light {
        height: 0;
    }
    .race-descript-inner p {
        font-size: 16px;
        padding-top: 5px;
    }
    .race-inner-btn a {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .race-descript-inner h2 {
        font-size: 16px;
    }
    /*.race-text {*/
    /*    width: 50%;*/
    /*    font-size: 30px;*/
    /*    padding: 18px;*/
    /*    top: 50%;*/
    /*    transform: translateY(-50%);*/
    /*}*/
    /*.race-text-one,.race-text-three {*/
    /*    right: 0;*/
    /*}*/
    /*.race-text-two {*/
    /*    bottom: initial;*/
    /*    left: 0;*/
    /*}*/
}

/*.race-descript-four::before {*/
/*    background-color: rgba(0,0,0,0.45);*/
/*}*/

/*.race-foot {*/
/*    position: absolute;*/
/*    color: #fff;*/
/*    font-weight: bold;*/
/*    line-height: 1.3em;*/
/*    text-align: center;*/
/*}    */

/*.race-text-four {*/
/*    right: 32%;*/
/*    transform: translateX(26%);*/
/*    top: 35px;*/
/*    width: 70%;*/
/*    font-size: 32px;*/
/*}*/

/*.race-text-five {*/
/*    right: 32%;*/
/*    transform: translateX(26%);*/
/*    bottom: 145px;*/
/*    width: 70%;*/
/*    font-size: 26px;*/
/*}*/

/*.race-text-four i,*/
/*.race-text-five i {*/
/*    font-family: "Trebuchet MS";*/
/*}*/

/*.race-inner-btn {*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    text-align: center;*/
/*    top: 40%;*/
/*    transform: translateY(-50%);*/
/*}*/

/*.race-inner-btn a {*/
/*    display: inline-block;*/
/*    margin-right: 10px;*/
/*    margin-left: 10px;*/
/*    box-shadow: 0 0 1px 1px lightgrey;*/
/*    font-family: 'Microsoft JhengHei';*/
/*    font-size: 20px;*/
/*    width: 25%;*/
/*    padding-top: 15px;*/
/*    padding-bottom: 15px;*/
/*}*/

.grayFilter { 
 -webkit-filter: grayscale(100%); 
 -moz-filter: grayscale(100%); 
 -ms-filter: grayscale(100%); 
 -o-filter: grayscale(100%); 
 filter: grayscale(100%); 
 filter: gray; 
}