@charset "UTF-8";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

html,
body {
  min-height: 100vh;
}

body {
  background: #fff;
  color: #333;
  line-height: 1.6;
  font-size: 15px;
  padding-top: 76px;
  font-family: Helvetica, Arial, SimSun-ExtB, "微軟正黑體", "細明體_HKSCS-ExtB", sans-serif;
  transition: all 0.3s ease;
}

body.subpage {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.flex-auto {
  flex: 1 0 auto;
}

td,
th,
caption {
  font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}

address,
caption,
cite,
code,
dfn,
strong,
th,
var {
  font-style: normal;
  font-weight: 800;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

img {
  border: none;
}

ol,
ul,
li {
  list-style: none;
}

input,
textarea,
select,
button {
  font: 14px Verdana, Helvetica, Arial, sans-serif;
}

table {
  border-collapse: collapse;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  *zoom: 1;
}

.content {
  margin: 0 auto;
  max-width: 1250px;
}

.container {
  padding: 0;
  width: 100%;
}

h2 {
  font-size: 3.5rem;
  font-weight: 400;
}

h2:after {
  display: block;
  width: 2px;
  height: 2px;
}

h2:before {
  display: block;
  width: 2px;
  height: 2px;
}

h2 i {
  width: 2px;
  height: 30px;
  display: inline-block;
  background: #dbdbdb;
  transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  -o-transform: rotate(20deg);
}

ul {
  list-style: none;
}

a:focus,
a:hover {
  color: inherit;
  outline: none;
}

.topBtn {
  display: none;
}

/*-------.subpage-----*/

.subpage {
  background: #fff;
}

.subpage .content {
  max-width: 100%;
}

.sub-banner img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.loogin {
  width: 100%;
  padding: 0 50px;
  font-size: 18px;
}

.loogin .emailing,
.loogin .phoning {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px 30px;
  border: 1px solid #eee;
}

.loogin .emailing:hover,
.loogin .phoning:hover {
  border: 1px solid #007897;
}

.loogin .emailing:hover .color,
.loogin .phoning:hover .color {
  color: #007897;
}

.loogin .emailing a,
.loogin .phoning a {
  text-decoration: none;
}

/* -------------------- table -------------------- */

table {
  width: 100%;
  margin: 15px auto;
  border-bottom: 1px solid #eee;
}

table th,
table td {
  text-align: left;
}

table tr {
  border-right: 0;
  border-left: 0;
  text-align: left;
}

table.sta {
  margin: 0;
  width: 100%;
  border-top: none;
}

table.win {
  margin: 0;
  width: 100%;
}

table img {
  width: 550px;
  height: 778px;
}

th {
  padding: 10px 15px;
  color: #007897;
  color: #fff;
  background: #1ac6e5;
  text-align: left;
}

.greenColor {
  background: #f8ab26;
}

.greenColorLight {
  background: #9bd767;
}

td {
  padding: 10px 15px;
}

td.group,
td.ye,
.timetable .ye {
  border-bottom: 1px dotted #fff;
}

.timetable .ye {
  background: #c0c0c0;
  border-bottom: 1px solid #eee;
}

.timetable tr {
  border-bottom: 1px solid #eee;
}

.timetable td {
  text-align: left;
}

td.group {
  border-bottom: 1px solid #007897;
}

td.ye {
  border-bottom: 1px solid #c0c0c0;
}

td.da {
  color: #007897;
  font-size: 1.2em;
  font-weight: 500;
  text-align: left;
}

.twoTable,
.threeTable {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  margin: 0 auto 20px auto;
}

.twoTable table,
.threeTable table {
  width: 32%;
  margin: 0;
  border-bottom: 2px solid #007897;
}

.twoTable .threeTableMl,
.threeTable .threeTableMl {
  margin-left: 10px;
}

.twoTable .threeTableMr,
.threeTable .threeTableMr {
  margin-right: 10px;
}

.twoTable .twoTableMr,
.threeTable .twoTableMr {
  width: 48%;
}

.twoTable table {
  width: 49%;
}

.borderWhite {
  border: 1px solid #fff;
}

.backgroundEee {
  background: #eee;
  color: #000;
  text-align: center;
}

.marginBottom-0 {
  margin-bottom: 0;
}

.borderEee {
  border-bottom: 1px solid #eee;
}

.timetable .ye {
  background: #eee;
}

.timetable .yes {
  border-bottom: 1px solid #c0c0c0;
}

.eventInformation th {
  border-bottom: 1px solid #199fc7;
}

.eventInformation td {
  border-bottom: 1px solid #eee;
}

.attach {
  margin-top: 15px;
}

.attach .ye {
  color: #007897;
}

.award2019 th {
  background: #eee;
  color: #000;
  border-bottom: 1px solid #fff;
  text-align: center;
}

.award2019 td {
  border-bottom: 1px solid #eee;
  text-align: center;
}

.award2019 .greenColor {
  background: #007897;
  color: #fff;
}

.award2019 .greenColorLight {
  background: #199fc7;
}

.award2019 .greenColorSleep {
  background: #199fc7;
  color: #fff;
}

.rule2019 .ye,
.rule2019-2 .ye,
.money2019 .ye {
  color: #007897;
}

.rule2019-2,
.rule2019 {
  margin-top: 15px;
}

.record2019 td {
  color: #007897;
}

.hotel tr,
.hotel td {
  border-bottom: 1px solid #eee;
}

.hotel .group {
  border-bottom: 1px solid #007897;
}

.hotel .bookingBtn {
  text-align: center;
  border-bottom: 1px solid #fff;
}

.hotel .bookingBtn .bookBtn {
  display: block;
  width: 200px;
  height: 50px;
  line-height: 50px;
  background: #199fc7;
  color: #fff;
  border: none;
  margin: 0 auto;
}

.hotel tr:nth-last-child(2) td {
  border-bottom: 1px solid #007897;
}

.hotelss tr,
.hotelss td {
  border-bottom: 1px solid #eee;
}

.hotelss .group {
  border-bottom: 1px solid #007897;
}

.hotelss .bookingBtn {
  text-align: center;
  border-bottom: 1px solid #fff;
}

.hotelss .bookingBtn .bookBtn {
  display: block;
  width: 200px;
  height: 50px;
  line-height: 50px;
  background: #199fc7;
  color: #fff;
  border: none;
  margin: 0 auto;
}

.hotelss tr:nth-last-child(2) td {
  border-bottom: 1px solid #007897;
}

.hotelss .ordering {
  width: 300px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #199fc7;
  text-align: center;
  margin: 0 auto;
}

.hotelss .ordering a {
  width: 100%;
  height: 100%;
  display: block;
}

.hotelss .ordering span {
  color: #199fc7;
}

.hotelss .ordering img {
  width: 27px;
  height: auto;
  vertical-align: middle;
  margin-right: 7px;
  margin-bottom: 5px;
}

.baoMing tr {
  border-bottom: 1px solid #eee;
}

.baoM {
  margin-top: 20px;
}

.baoM .ye {
  color: #007897;
  text-align: center;
}

.ruleing ul,
.ruleing ol,
.ruleing li,
.joining ul,
.joining ol,
.joining li,
.haveMoney ul,
.haveMoney ol,
.haveMoney li {
  list-style-type: decimal;
}

.ruleing ul,
.ruleing ol,
.joining ul,
.joining ol,
.haveMoney ul,
.haveMoney ol {
  padding-left: 40px;
  margin: 10px 0;
}

.ruleing ol,
.joining ol,
.haveMoney ol {
  counter-reset: item;
  list-style-type: none;
}

.ruleing ol .tableLi,
.joining ol .tableLi,
.haveMoney ol .tableLi {
  width: 100%;
}

.ruleing ol li,
.joining ol li,
.haveMoney ol li {
  list-style-type: none;
  counter-increment: item;
  display: table;
  width: 100%;
}

.ruleing ol li ul li::before,
.joining ol li ul li::before,
.haveMoney ol li ul li::before {
  content: "";
}

.ruleing ol > li::before,
.joining ol > li::before,
.haveMoney ol > li::before {
  content: counters(item, ".") ". ";
  display: table-cell;
  width: 20px;
  padding-right: 5px;
}

.ruleing ol > li li::before,
.joining ol > li li::before,
.haveMoney ol > li li::before {
  content: counters(item, ".");
}

.page-active-group-trophy ul,
.active-group-trophy ul {
  padding-left: 0px;
}

.page-active-group-trophy ul li,
.active-group-trophy ul li {
  list-style: none;
}

.page-active-group-trophy ul li .content-title,
.active-group-trophy ul li .content-title {
  background: #f4f4f4;
  border-bottom: 2px solid #00a755;
  padding: 16px;
}

.page-active-group-trophy ul li ol,
.active-group-trophy ul li ol {
  counter-reset: item;
  display: block;
  padding-left: 20px;
  margin-bottom: 50px;
}

.page-active-group-trophy ul li ol > li,
.active-group-trophy ul li ol > li {
  list-style-type: decimal;
  padding: 6px;
  border-bottom: 1px solid #eee;
  width: 100%;
}

/* ----------------- 各頁內容 ----------------- */

.TextBoldRedOr,
.TextBoldReds,
.awards-title {
  color: #dd7200;
  font-size: 16px;
}

.awards-title {
  display: block;
  border-bottom: 1px solid #dd7200;
}

.awards .haveMoney > ol > li {
  width: 100%;
}

.awards .haveMoney > ol > li ol li {
  width: 100%;
}

.regulation .ruleing > ol > li {
  width: 100%;
}

#marathonTab,
#resultTab {
  display: flex;
}

#marathonTab li,
#resultTab li {
  flex: 1;
  float: none;
}

#marathonTab li a,
#resultTab li a {
  padding: 0 10px;
  height: 100%;
  background: #277eeb;
  font-weight: bold;
  color: #fff;
  padding: 10px 40px;
  background: #d7d7d5;
  color: #333;
  border-color: transparent;
  border-bottom-color: #007897;
  border-radius: 0;
}

#marathonTab li a:hover,
#resultTab li a:hover {
  background: #007897;
  color: #fff;
}

#marathonTab li.active a,
#resultTab li.active a {
  background: #fff;
  color: #199fc7;
  border-color: #007897;
  border-radius: 0;
  background: #fff;
  border-bottom: 1px solid #fff;
}

#marathonTab li.active a:hover,
#resultTab li.active a:hover {
  background: #007897;
  color: #fff;
}

#marathonTab li:hover,
#resultTab li:hover {
  border-color: #00a755;
  border-bottom: none;
  margin-bottom: -2px;
  cursor: pointer;
}

#main-container #marathonTab li a {
  margin-right: 5px;
}

#main-container #marathonTab li a:hover {
  background: #007897;
  color: #fff;
}

#main-container #marathonTab .active a {
  border-bottom: 1px solid #fff;
  color: #199fc7;
}

#marathonTab li {
  text-align: center;
}

#marathonTab li a {
  margin-right: 5px;
}

#marathonTab li:last-child a {
  margin-right: 0;
}

#marathon_subTab li {
  margin-right: 5px;
  margin-bottom: 2px;
}

#marathon_subTab li a {
  width: 100%;
  height: auto;
  line-height: 1.5em;
  border: none;
  color: #fff;
  background: #007897;
  border-radius: 0;
}

#marathon_subTab li a:hover {
  cursor: pointer;
}

#marathon_subTab li a:hover {
  background: #d7d7d5;
  color: #007897;
  border-radius: 0;
}

#marathon_subTab li.active a {
  background: #007897;
  color: #fff;
}

#marathon_subTab li.active a:hover {
  cursor: pointer;
  background: #d7d7d5;
  color: #007897;
  border-radius: 0;
}

.travel-info table tr {
  border: none;
}

.travel-info-title {
  padding: 5px 15px;
  font-size: 1.2em;
  color: #fff;
  background-color: #007897;
}

.travel-info-content {
  margin: 20px 0 40px;
}

.travel-info-content p {
  margin-bottom: 20px;
}

/* ----------- 成绩页 ----------- */

.mselector {
  position: relative;
  margin-bottom: 15px;
  color: #c0c0c0;
  text-align: right;
  font-size: 1.5rem;
}

.mselector select {
  min-width: 300px;
  padding: 10px 20px;
  border-radius: 0;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #007897;
  border: 1px solid #d7d8d5;
}

.mselector select:focus {
  outline: none;
}

.mselector select:hover {
  cursor: pointer;
}

.mselector:after {
  content: "▼";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  display: block;
  line-height: normal;
  color: #007897;
}

#resultTab {
  display: flex;
}

#resultTab li {
  flex: 1;
  float: none;
  text-align: center;
}

#resultTab li:hover a {
  background: #007897;
  color: #fff;
}

#resultTab + .tab-content.M {
  border: 1px solid #007897;
  padding: 20px 30px;
}

#resultTab + .tab-content.M #marathon_subTab li {
  background: #007897;
  color: #007897;
}

#resultTab + .tab-content.M #marathon_subTab li a {
  color: #fff;
}

#resultTab + .tab-content.M th {
  background-color: #007897;
}

#resultTab + .tab-content.F {
  border: 1px solid #007897;
  padding: 20px 30px;
}

#resultTab + .tab-content.F #marathon_subTab li {
  background: #007897;
  color: #007897;
}

#resultTab + .tab-content.F #marathon_subTab li a {
  color: #fff;
}

#resultTab + .tab-content.F th {
  background-color: #007897;
}

#resultTab + .tab-content.G {
  border: 1px solid #007897;
  padding: 20px 30px;
}

#resultTab + .tab-content.G #marathon_subTab li {
  background: #007897;
  color: #007897;
}

#resultTab + .tab-content.G #marathon_subTab li a {
  color: #fff;
}

#resultTab + .tab-content.G th {
  background-color: #007897;
}

#resultTab .activing a {
  background: #fff;
  color: #199fc7;
  border: 1px solid #007897;
  border-bottom: 1px solid transparent;
}

#resultTab .activing:hover {
  margin-bottom: -1px;
}

#resultTab a {
  margin-right: 5px;
  border-radius: 0;
  border-bottom: 1px solid #007897;
}

#resultTab li:last-child a {
  margin-right: 0;
}

.tab-content #m,
.tab-content #hm,
.tab-content #mm {
  padding: 20px 30px;
  border: 1px solid #007897;
}

.tab-content .tab-pane tr {
  border-bottom: 1px solid #ddd;
  text-align: left;
}

.tab-content .tab-pane th {
  background: #fff !important;
  color: #007897;
  border-bottom: 1px solid #007897;
}

.tab-content .tab-pane table tbody tr th {
  border-top: none;
  vertical-align: middle;
  line-height: 20px;
}

.tab-content.way table {
  border: none;
}

.tab-content.way tr {
  border: none;
  text-align: center;
}

.tab-contenting {
  border: 1px solid #007897;
  padding: 20px 30px;
}

.nav-tabs {
  border: none;
}

.nav-tabs li {
  margin-bottom: -1px;
}

/* ----------- 銀娛回歸杯 ----------- */

.andover .title {
  text-align: center;
  margin-bottom: 20px;
}

.andover ol {
  margin: 10px 0 20px;
}

.andover ol li {
  width: 100%;
}

/* ----------- 历史页 ----------- */

.history {
  margin: 20px auto 40px;
  padding: 30px 20px 10px;
  background-color: #ebebeb;
}

.history .img {
  margin-bottom: 10px;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background: center -1px no-repeat;
  background-size: cover;
}

.history .img img {
  display: none;
}

.history > div:nth-child(1) .img {
  background-image: url("/images/history_photo1.gif");
}

.history > div:nth-child(2) .img {
  background-image: url("/images/history_photo2.gif");
}

.history > div:nth-child(3) .img {
  background-image: url("/images/history_photo3.gif");
}

.history > div:nth-child(4) .img {
  background-image: url("/images/history_photo4.gif");
}

.history + div p {
  margin-bottom: 25px;
  line-height: 2em;
}

/* ----------- 知识页 ----------- */

.card {
  margin-bottom: 20px;
}

.card p {
  padding: 20px 40px;
}

.card-header {
  border: 1px solid #ddd;
}

.card-header a {
  position: relative;
  display: block;
  padding: 15px 25px;
  width: 100%;
  color: #fff;
  background-color: #0094d2;
  transition: background-color 0.2s;
}

.card-header a:after {
  content: url("/images/2017/icon_minus.png");
  position: absolute;
  right: 25px;
}

.card-header a:hover,
.card-header a:focus {
  text-decoration: none;
}

.card-header a.collapsed {
  color: #333;
  background-color: #fff;
}

.card-header a.collapsed:after {
  content: url("/images/2017/icon_plus.png");
}

/* ----------- 链接页 ----------- */

.container .links {
  padding: 20px;
}

.container .links li {
  border-bottom: 1px solid #d2d2d2;
}

.container .links li a {
  position: relative;
  display: block;
  padding: 20px 55px 10px 30px;
  width: 100%;
  color: #333;
  text-decoration: none;
}

.container .links li a:after {
  content: url("/images/2017/link_2.png");
  position: absolute;
  right: 30px;
}

.container .links li:hover {
  border-color: #dd7200;
}

.container .links li:hover a {
  color: #dd7200;
  cursor: pointer;
}

.container .links li:hover a:after {
  content: url("/images/2017/link_1.png");
}

/* ----------- 图片 ----------- */

.photolist {
  padding: 15px 0;
  text-align: center;
}

.photolist li {
  display: inline-block;
  margin: 2px;
}

.photolist li a {
  display: block;
}

.photolist li a img {
  width: 110px;
  height: 100px;
}

/* ----------- 新闻页 ----------- */

.newslist {
  padding: 0;
}

.newslist .news {
  margin: 10px 0;
  width: 100%;
  border-bottom: 1px solid #aaa;
}

.newslist .news:hover {
  background-color: #eee;
  border-color: #fff;
}

.newslist .news a {
  display: block;
  padding: 15px 10px;
  width: 100%;
  color: #333;
  letter-spacing: 1px;
  text-decoration: none;
}

.newslist .news p {
  color: #dd7200;
}

.pagination {
  float: right;
}

.pagination li a {
  color: #000;
  border: none;
}

.pagination li a:hover,
.pagination li a:focus {
  background-color: #fff;
  color: #237eee;
}

.pagination li.active a,
.pagination li.active a:hover {
  background-color: #fff;
  color: #237eee;
  border-bottom: 0;
}

.pagination li:first-child a,
.pagination li:last-child a {
  padding: 6px 8px;
  background-color: #eee;
  border-radius: 50%;
}

.pagination li:first-child a,
.pagination li:last-child a,
.pagination li:nth-child(2) a,
.pagination li:nth-last-child(-n+2) a {
  margin: 0 5px;
  border-radius: 50%;
  background-color: #eee;
}

.pagination li.disabled a:hover {
  background-color: #eee;
}

/* --- 隱藏2017表格沒有的內容 --- */

.backup2016 {
  display: none;
}

/* --------- 服务器繁忙 -------- */

.busy {
  margin: 150px auto;
  padding: 150px 50px 40px;
  width: 40%;
  min-width: 320px;
  background: center no-repeat url("/images/2017/busy.png");
  background-size: contain;
  color: #fff;
  font-size: 1.2em;
}

/* ----------- 404 ----------- */

.not-found-page {
  max-width: 100% !important;
  background: #199fc7;
  margin: 0 !important;
  min-height: 73vh;
}

.not-found-page .not-found-content {
  max-width: 1250px;
  margin: 0 50px;
  padding: 0 10%;
}

.not-found-page .not-found-title {
  font-size: 80px;
  color: #fff;
  margin: 0 auto;
  padding: 0 80px;
  max-width: 1250px;
  line-height: 1.8em;
  text-align: left;
}

.not-found-page .not-found {
  margin: 50px;
  line-height: 1.4em;
  color: #fff;
}

.not-found-page .not-found:first-child {
  margin-top: 20px;
}

.not-found-page .not-found p:first-child {
  color: #000;
}

.not-found-page .not-found a {
  color: #fff;
}

@media screen and (max-width: 1150px) {
  .attach .margin-020,
  .record2019 .margin-020,
  .rule2019 .margin-020 {
    margin: 0;
    margin-top: 15px;
  }

  .attach table,
  .record2019 table,
  .rule2019 table {
    width: 48%;
    margin-top: 15px;
  }

  .information .ruleing .margin-020 {
    margin: 0;
    margin-top: 15px;
  }

  .information .ruleing .threeTable table {
    width: 47%;
    margin-top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .not-found-page {
    background-color: #199fc7;
    background-size: 15% auto, 30% auto;
    min-height: auto;
  }

  .not-found-page .not-found-title {
    padding: 0 20px;
  }

  .not-found-page .not-found {
    margin: 10px;
    line-height: 1.4em;
    color: #fff;
  }

  .not-found-page .not-found:first-child {
    margin-top: 20px;
  }

  .not-found-page .not-found p:first-child {
    color: #000;
  }

  .not-found-page .not-found a {
    color: #fff;
  }
}

/* ----------- APP页 ----------- */

.app {
  background-color: #f9f8f8;
  padding-top: 0 !important;
}

.app .promo .content {
  width: 100%;
  max-width: 1000px;
  padding: 0 10px;
  margin: 0 auto;
  text-align: left;
  line-height: 1.8em;
}

.app .promo .content .row {
  margin: 0;
  display: flex;
  align-items: center;
}

.app .promo .content .row > div {
  padding: 0;
}

.app .promo .content .row > div .app-phone {
  display: flex;
  align-items: center;
}

.app .promo .content .row > div.col-sm-4 img {
  width: 100%;
}

.app .promo .content .row > div.col-sm-8 > *:not(:last-child) {
  margin-bottom: 10px;
}

.app .promo .content .row > div.col-sm-8 p a {
  color: #237eee;
}

.app .promo .content .row > div img {
  width: 100%;
}

.app .promo .content .row > div a {
  display: inline-block;
}

.app .promo .content .row > div a.qrcode {
  display: flex;
  flex-direction: column;
  background: #00a2cc;
  border: 10px solid #00a2cc;
  margin: 0 8px;
}

.app .promo .content .row > div a.qrcode.yel {
  background: #eaac2b;
  border: 10px solid #eaac2b;
}

.app .promo .content .app-mobile {
  display: none;
}

.app .promo .content .lang {
  text-align: right;
}

.app .promo .content .lang a {
  color: #007897;
  padding: 5px;
  position: relative;
}

.app .promo .content .lang a:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background-color: #007897;
}

.app .promo .content .introduce {
  color: #000000;
}

.app .promo .content .logo {
  display: flex;
  align-items: center;
}

.app .promo .content .logo .title {
  padding: 0 10px;
}

.app .promo .content .qr {
  padding: 30px 45px !important;
  text-align: left;
  color: #008eb3;
  font-size: 18px;
}

.app .promo .content .qr p {
  margin-bottom: 8px;
}

.app .promo .content .qr p .org {
  color: #f48f0b;
}

.app .promo footer .screenshot {
  padding: 40px 40px 60px;
  background-position: right bottom;
  background-size: 35% auto;
}

.app .promo footer .screenshot .screenshotss {
  margin: 0 auto;
  max-width: 1000px;
}

.app .promo footer .screenshot img {
  margin: 10px;
  width: 30%;
  border: 10px solid #dadada;
}

.app .promo footer p {
  padding: 20px 0;
  color: #666c77;
  text-align: center;
  background-color: #fff;
}

.app .promo footer .slick-list {
  padding: 0 50px 0 28px !important;
}

.app .promo footer .slick-initialized .slick-slide {
  padding: 15px;
}

@media screen and (max-width: 980px) {
  .app .promo .content .app-pc {
    display: none;
  }

  .app .promo .content .app-mobile {
    display: block;
  }

  .app .promo .content .app-mobile .app-phone {
    display: flex;
    align-items: center;
  }

  .app .promo .content .app-mobile > div {
    text-align: center;
  }

  .app .promo .content .app-mobile p {
    text-align: left;
  }

  .app .promo .content .app-mobile p a {
    color: #237eee;
  }

  .app .promo .content .app-mobile > * {
    margin: 20px 10px;
  }

  .app .promo .content .lang {
    text-align: center;
    display: flex;
  }

  .app .promo .content .lang a {
    flex: 1;
    display: inline-block;
  }

  .app .promo .content .logo img {
    width: 100%;
  }

  .app .promo .content .app-phone {
    text-align: center;
  }

  .app .promo .content .img-phone img {
    width: 100%;
  }

  .app .promo .content .qr {
    padding: 20px 10px !important;
    margin: 0;
  }

  .app .promo .content .screenshot {
    padding: 10px;
  }

  .app .promo .content .screenshot img {
    margin: 0;
    border-width: 5px;
  }
}

@media screen and (max-width: 1200px) {
  h2 {
    font-size: 3rem;
    text-align: center;
  }
}

.white-popup-block {
  background: #fff;
  padding: 20px 30px;
  text-align: left;
  max-width: 650px;
  margin: 40px auto;
  position: relative;
}

.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.check-result .bib-search {
  position: relative;
  padding: 50px 0;
  background-color: #f2f2f2;
  text-align: center;
  font-size: 20px;
  color: #528f9d;
}

.check-result .bib-search .search-box {
  position: relative;
  display: inline-block;
}

.check-result .bib-search .search-box input {
  font-size: 20px;
  text-indent: 5px;
  border: 1px solid #96d6e3;
  line-height: 28px;
}

.check-result .bib-search .search-box button {
  position: absolute;
  right: 0;
  top: 50%;
  width: 28px;
  height: 28px;
  transform: translateY(-50%);
  padding: 0;
  background-color: transparent;
  border: none;
}

.check-result .bib-search .search-box button img {
  width: 100%;
  display: block;
}

.check-result .download-btn {
  display: flex;
  justify-content: center;
}

.check-result .download-btn .download-cert {
  background-color: #528f9d;
  padding: 15px 30px;
  color: #fff;
}

@media (min-width: 991px) {
  .login-btn-group .btn-list {
    max-width: 48%;
    justify-content: flex-end;
  }
}

.group-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.group-list .Sanctioned-by {
  display: flex;
  align-items: center;
  margin-right: 30px;
}

.group-list .Organizers {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .group-list {
    justify-content: start;
  }

  .group-list .Sanctioned-by {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;
    margin-right: 0;
  }

  .group-list .Sanctioned-by p {
    color: #333;
    width: 100%;
    margin-bottom: 10px;
  }

  .group-list .Organizers {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .group-list .Organizers p {
    color: #333;
    width: 100%;
    margin-bottom: 10px;
  }
}

/*---header---*/

#dragons {
  display: flex;
  min-height: 400px;
  background: #fff url("/images/2026/slgo/web_bgnew3.png") no-repeat;
  background-size: cover;
  background-position: center center;
}

@media screen and (max-width: 1060px) {
  #dragons {
    display: none;
  }
}

#dragons > .header-container {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 1300px) {
  .lang_en #dragons .btn-list,
  .lang_pt #dragons .btn-list,
  .lang_zh #dragons .btn-list {
    flex-direction: column;
    max-width: 100%;
  }
}

.lang_en #dragons-mob,
.lang_zh #dragons-mob {
  min-height: 460px !important;
}

.lang_pt #dragons-mob {
  min-height: 500px !important;
}

@media screen and (max-width: 500px) {
  .lang_pt #dragons-mob {
    min-height: 595px !important;
  }
}

@media screen and (max-width: 500px) {
  .lang_pt #dragons-mob .btn-list > .btn {
    width: 100%;
  }
}

.lang_zh #dragons-mob {
  min-height: 520px !important;
}

@media screen and (max-width: 500px) {
  .lang_zh #dragons-mob {
    min-height: 580px !important;
  }
}

@media screen and (max-width: 500px) {
  .lang_zh #dragons-mob .btn-list > .btn {
    width: 100%;
  }
}

.lang_en #dragons-mob {
  min-height: 480px !important;
}

@media screen and (max-width: 500px) {
  .lang_en #dragons-mob {
    min-height: 530px !important;
  }
}

@media screen and (max-width: 500px) {
  .lang_en .btn-list > .btn {
    width: 100% !important;
  }
}

@media screen and (max-width: 1060px) {
  .lang_en .btn-list > .btn {
    width: 60%;
  }
}

#dragons-mob {
  min-height: 400px;
  /* 加上渐变 */
  background: linear-gradient(to bottom, #fef687, #fff9ef);
}

@media screen and (min-width: 1060px) {
  #dragons-mob {
    display: none;
  }
}

@media screen and (max-width: 400px) {
  #dragons-mob .mob_slogn {
    width: 100% !important;
  }
}

#dragons-mob .btn-list {
  width: 314px;
  margin-left: 20px;
}

@media screen and (max-width: 1060px) {
  #dragons-mob .btn-list {
    flex-direction: column !important;
  }

  #dragons-mob .btn-list > .btn {
    white-space: normal;
    width: 314px;
  }
}

#dragons-mob > .header-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center;
}

header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

header .topbar {
  position: relative;
  margin: 0 auto;
  min-width: 768px;
  background: 0 0;
  color: #fff;
  background: #fff;
  transition: background 1s, width 0.3s;
  border-bottom: 3px solid #f6a700;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 768px) {
  header .topbar .langs,
  header .topbar .account,
  header .topbar .navbar-header {
    height: 90px;
    transition: height 0.3s ease;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  header .topbar .nav > li > a {
    height: 90px;
    line-height: 90px;
    transition: height 0.3s ease;
  }
}

@media screen and (min-width: 768px) {
  header .topbar #navbar-collapse .dropdown-menu {
    top: 90px;
  }

  header .topbar .logo {
    padding: 10px 0;
    height: 90px;
    display: block;
    transition: height 0.3s ease;
  }

  header .topbar .logo img {
    transition: all 0.5s ease;
  }

  header .topbar.scroll .langs,
  header .topbar.scroll .account,
  header .topbar.scroll .navbar-header {
    height: 76px;
    transition: height 0.3s ease;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  header .topbar.scroll .nav > li > a {
    height: 76px;
    line-height: 76px;
    transition: height 0.3s ease;
  }
}

@media screen and (min-width: 768px) {
  header .topbar.scroll #navbar-collapse .dropdown-menu {
    top: 76px;
  }

  header .topbar.scroll .logo {
    padding: 10px 0;
    height: 76px;
    display: block;
    transition: height 0.3s ease;
  }

  header .topbar.scroll .logo img {
    transition: all 0.5s ease;
  }
}

header .logo img {
  width: auto;
  height: 100%;
}

header .langbar div {
  display: inline-block;
}

header .btn-group.open .dropdown-toggle {
  box-shadow: none !important;
}

header .navbar {
  border: none;
}

header .langs,
header .account {
  display: flex;
  align-items: center;
  padding: 0 10px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

header .langs .dropdown-toggle,
header .account .dropdown-toggle {
  width: 50px;
  height: 50px;
  background: url("/images/build/icon_user1.png") center !important;
  background-size: cover;
  background-position: center;
  padding: 0;
  border: none;
  outline: none;
}

header .langs {
  border-left: none;
}

header .langs .dropdown-toggle {
  background: url("/images/build/icon_lang1.png") center !important;
}

header .btn-features {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  flex-wrap: nowrap;
}

header .line {
  display: none;
}

header .langbar {
  background: #007897;
}

header .langbar .langWrapper {
  max-width: 1054px;
  text-align: center;
  letter-spacing: 1px;
  margin: 0 auto;
  display: block;
  text-align: right;
}

@media screen and (min-width: 768px) {
  header .langbar .langWrapper {
    line-height: 35px;
    min-height: 35px;
  }
}

header .langbar .langWrapper a {
  padding: 0 5px;
}

header .langbar .langWrapper a.active {
  text-decoration: underline;
}

header a {
  color: #fff;
  cursor: pointer;
}

header .navbar {
  margin: 0 auto;
  max-width: 1500px;
  background: #fff;
}

header .container-fluid,
header .navbar-collapse {
  padding-right: 0;
  padding-left: 0;
}

header .nav {
  padding: 0;
}

@media screen and (min-width: 992px) and (max-width: 1300px) {
  header .nav > li > a {
    padding: 0 10px !important;
    box-sizing: unset;
    color: transparent;
    user-select: none;
  }
}

@media screen and (min-width: 768px) {
  header .nav > li > a {
    padding: 0 20px;
    box-sizing: unset;
    color: transparent;
    user-select: none;
  }
}

header .nav li a:hover,
header .nav li a:focus,
header .nav .open > a,
header .nav .open > a:focus,
header .nav .open > a:hover {
  background-color: #00a2cc;
  color: #fff;
}

header .nav .open ul li a:hover,
header .nav .open ul li a:focus {
  text-align: left;
}

header .nav > li > a > span {
  color: #154478;
  font-weight: bold;
}

header .nav.navbar-nav {
  padding-left: 15px;
}

header .nav.navbar-nav .menu_level_1 li a span {
  font-size: 14px;
}

header .nav.navbar-nav li a {
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  header .nav.navbar-nav li a {
    justify-content: center;
  }
}

header .nav.navbar-nav li a span {
  display: inline-block;
  max-width: 87px;
  padding: 1px;
  line-height: normal;
  font-size: 18px;
}

@media screen and (min-width: 992px) and (max-width: 1350px) {
  header .nav.navbar-nav li a span {
    font-size: 15px;
  }
}

header .nav.navbar-nav li ul li a span {
  max-width: 100%;
}

header #navbar-collapse .dropdown-menu {
  padding: 0;
  left: 0px;
  min-width: 240px;
  border-top: none;
}

header #navbar-collapse .dropdown-menu li {
  width: 100%;
  background: #00a2cc;
}

header #navbar-collapse .dropdown-menu li:last-child {
  border-bottom: none;
}

header #navbar-collapse .dropdown-menu li a {
  position: relative;
  padding: 10px 15px 10px 15px;
  white-space: pre-wrap;
  color: #fff;
}

@media screen and (min-width: 768px) {
  header #navbar-collapse .dropdown-menu li:hover {
    background: #007897;
  }

  header #navbar-collapse .dropdown-menu li:hover a {
    color: #003c4b;
    background: #fff;
  }
}

header .navbar-right {
  z-index: 10;
}

header .navbar-right .account ul {
  background: #00a2cc;
  left: 0;
  border: none;
  border-radius: 0;
  padding: 0;
  margin-top: -1px;
}

header .navbar-right .account ul li a {
  color: #fff;
  padding: 10px 15px;
}

header .navbar-right .account ul li a:hover {
  background: #fff;
  color: #007897;
}

header .navbar-right .langs ul {
  background: #00a2cc;
  right: 0;
  border: none;
  border-radius: 0;
  padding: 0;
  margin-top: -1px;
}

header .navbar-right .langs ul li a {
  color: #fff;
  padding: 10px 15px;
}

header .navbar-right .langs ul li a:hover {
  background: #fff;
  color: #007897;
}

header .navbar-right .account.open {
  background: #00a2cc;
}

header .navbar-right .account.open .dropdown-toggle {
  background: url("/images/build/icon_user2.png") center !important;
}

header .navbar-right .langs.open {
  background: #00a2cc;
}

header .navbar-right .langs.open .dropdown-toggle {
  background: url("/images/build/icon_lang2.png") center !important;
}

#notice {
  position: relative;
  padding: 16px 0;
  background-color: #f57b04;
  text-align: center;
  color: #015062;
  font-size: 17px;
  border-bottom: 1px solid #fff;
}

#notice p {
  margin: 0 50px;
  color: #ff0;
  font-weight: bold;
  text-align: center;
}

#close {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 0 7px;
  transform: translateY(-50%);
  -webkit-text-stroke: 2px #d20004;
  background-color: transparent;
  border: none;
  line-height: inherit;
}

#close:focus {
  outline: none;
}

.lang_pt .nav {
  padding-left: 15px;
}

.lang_pt .nav.nav-tabs {
  padding: 0;
}

.lang_pt .navbar .navbar-header .logo {
  height: 90%;
}

.lang_en .nav {
  padding-left: 15px;
}

.lang_en .nav.nav-tabs {
  padding: 0;
}

.lang_en .navbar .navbar-header .logo {
  height: 90%;
}

@media screen and (min-width: 992px) and (max-width: 1350px) {
  .lang_en .navbar .navbar-header .logo {
    height: 80%;
  }
}

@media screen and (max-width: 1650px) {
  header .topbar .logo {
    padding-left: 50px;
  }

  header .topbar.scroll .logo {
    padding-left: 50px;
  }
}

@media screen and (max-width: 1200px) {
  header .topbar .logo {
    padding-left: 30px;
  }
}

@media screen and (max-width: 950px) {
  header .topbar .logo {
    padding-left: 20px;
  }

  header .topbar.scroll .logo {
    padding-left: 20px;
  }

  header #navbar-collapse .nav > li {
    padding: 0;
  }

  header #navbar-collapse .dropdown-menu {
    left: 0;
  }
}

@media screen and (max-width: 930px) {
  .creative-costume2019 .page-title span,
  .luckydraw2019 .page-title span {
    max-width: 365px;
  }

  .creative-costume2019 .sub-banner .sub-topTu .slogn_sub,
  .luckydraw2019 .sub-banner .sub-topTu .slogn_sub {
    top: 8px;
    width: 330px;
  }

  .lang_pt.luckydraw2019 .sub-banner .sub-topTu .slogn_sub,
  .lang_pt.creative-costume2019 .sub-banner .sub-topTu .slogn_sub {
    top: -2px;
  }

  .lang_en.luckydraw2019 .sub-banner .sub-topTu .slogn_sub,
  .lang_en.creative-costume2019 .sub-banner .sub-topTu .slogn_sub {
    top: -6px;
  }

  .luckydraw2019 .page-title span {
    font-size: 20px;
  }

  .lang_zh.luckydraw2019 .page-title span {
    font-size: 26px;
  }
}

@media screen and (max-width: 900px) {
  .lang_pt header .nav > li > a,
  .lang_en header .nav > li > a {
    padding: 0 10px;
  }
}

@media screen and (width: 768px) {
  header .nav.navbar-nav {
    padding-left: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  header .account,
  header .langs {
    display: flex;
    align-items: center;
    padding: 0 10px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    width: 50%;
    height: 50px !important;
    justify-content: center;
  }

  header .account ul,
  header .langs ul {
    background: #007897;
    right: 0;
    border: none;
    border-radius: 0;
    padding: 0;
    margin-top: -1px;
    width: 100%;
    text-align: center;
  }

  header .btn-features {
    position: relative !important;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    width: 100%;
    border-bottom: 1px solid #eee;
  }

  header .btn-features li:first-child {
    border-left: none;
  }
}

.main_banner_bg1 {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
  max-width: 60%;
}

.dropdown-menu > li > a {
  white-space: normal !important;
}

@media screen and (min-width: 992px) and (max-width: 1350px) {
  .lang_en header .topbar .logo,
  .lang_en header .topbar.scroll .logo {
    padding-left: 20px;
    margin-top: 10px;
  }
}

.lang_en header .nav.navbar-nav > li > a > span {
  display: inline-block;
  max-width: 100%;
  padding: 1px;
  line-height: normal;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .lang_en header .nav.navbar-nav > li > a > span {
    max-width: 87px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .lang_pt header .topbar .logo {
    padding-left: 10px;
    margin-top: 15px;
  }

  .lang_pt .navbar .navbar-header .logo {
    height: 74%;
    font-size: 16px;
  }
}

footer {
  position: relative;
  width: 100%;
}

footer .download {
  background: #f0f0f0;
  padding: 30px 0;
}

footer .download .row {
  margin: 0;
}

footer .download .col-sm-3 {
  padding: 0;
}

footer .download .content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 100%;
}

footer .download .content a {
  position: relative;
  color: #333;
  text-decoration: none;
  display: block;
  width: 180px;
  height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
  cursor: pointer;
}

footer .download .content a img {
  max-height: 60px;
  position: relative;
  z-index: 2;
  margin: 0;
}

footer .download .content span {
  display: block;
  margin-top: 10px;
  text-align: center;
  max-width: 150px;
  margin: 10px auto 0;
  position: relative;
  z-index: 2;
}

footer .download .thumbnail {
  position: relative;
  border: none;
  background: transparent;
  transition: all 0.5s ease;
  text-align: center;
  border-radius: 0;
}

footer .download .thumbnail::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 120px;
  border: 1px solid #007897;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

footer .download .thumbnail:nth-last-child(1)::before {
  display: none;
}

footer .download .thumbnail.traffic {
  border-right: 0;
}

footer .download .thumbnail:hover a {
  background: #fff;
  border-radius: 50% 50%;
}

footer .download .thumbnail:hover a img {
  margin-bottom: 10px;
  width: auto;
}

footer .download .thumbnail a img {
  margin-bottom: 10px;
}

footer .group {
  background: #fff;
  margin: auto;
  padding: 20px 0;
}

footer .group > div {
  max-width: 1240px;
  margin: auto;
}

footer .group img {
  height: 64px;
}

footer .group .wrapLog1 {
  width: 28%;
  display: flex;
  align-items: center;
}

footer .group .wrapLog3 {
  width: 20%;
  display: flex;
  align-items: center;
}

footer .group .wrapLog2 {
  width: 51%;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1134px) {
  footer .group .wrapLog1,
  footer .group .wrapLog3 {
    width: 27%;
    display: block;
  }

  footer .group .wrapLog2 {
    width: 39%;
    display: block;
  }

  footer .group .wrapLog2 img {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 991px) {
  footer .group .wrapLog2 {
    width: 44%;
  }

  footer .group .wrapLog1,
  footer .group .wrapLog3 {
    width: 26%;
  }
}

footer .copyright {
  padding: 15px 5px;
  width: 100%;
  color: #fff;
  background: #199fc7;
}

footer .copyright .row {
  margin: 0 auto;
  max-width: 1020px;
}

footer .copyright p {
  margin: 0;
}

footer .copyright a {
  color: #fff;
}

.lang_pt footer .download .content a {
  width: 210px;
  height: 210px;
}

.lang_pt footer .download .content span {
  font-size: 13px;
}

@media screen and (max-width: 890px) {
  .lang_pt footer .download .content a {
    width: 180px;
    height: 180px;
  }

  .lang_pt footer .download .content span {
    font-size: 12px;
  }
}

@media screen and (min-width: 768px) {
  .lang_zh header .nav > li.home.open > a,
  .lang_zh header .nav > li.home.open > a:hover,
  .lang_zh header .nav > li.home.open > a:focus,
  .lang_zh header .nav > li.home > a:hover {
    background: #00a2cc;
  }

  .lang_zh header .nav > li.home.open > a span,
  .lang_zh header .nav > li.home.open > a:hover span,
  .lang_zh header .nav > li.home.open > a:focus span,
  .lang_zh header .nav > li.home > a:hover span {
    color: #fff !important;
  }

  .lang_zh header .nav > li.home > a {
    background-color: transparent;
  }

  .lang_zh header .nav > li.events.open > a,
  .lang_zh header .nav > li.events.open > a:hover,
  .lang_zh header .nav > li.events.open > a:focus,
  .lang_zh header .nav > li.events > a:hover {
    background: #00a2cc;
  }

  .lang_zh header .nav > li.events.open > a span,
  .lang_zh header .nav > li.events.open > a:hover span,
  .lang_zh header .nav > li.events.open > a:focus span,
  .lang_zh header .nav > li.events > a:hover span {
    color: #fff !important;
  }

  .lang_zh header .nav > li.events > a {
    background-color: transparent;
  }

  .lang_zh header .nav > li.aboutus.open > a,
  .lang_zh header .nav > li.aboutus.open > a:hover,
  .lang_zh header .nav > li.aboutus.open > a:focus,
  .lang_zh header .nav > li.aboutus > a:hover {
    background: #00a2cc;
  }

  .lang_zh header .nav > li.aboutus.open > a span,
  .lang_zh header .nav > li.aboutus.open > a:hover span,
  .lang_zh header .nav > li.aboutus.open > a:focus span,
  .lang_zh header .nav > li.aboutus > a:hover span {
    color: #fff !important;
  }

  .lang_zh header .nav > li.aboutus > a {
    background-color: transparent;
  }

  .lang_zh header .nav > li.travelinfo.open > a,
  .lang_zh header .nav > li.travelinfo.open > a:hover,
  .lang_zh header .nav > li.travelinfo.open > a:focus,
  .lang_zh header .nav > li.travelinfo > a:hover {
    background: #00a2cc;
  }

  .lang_zh header .nav > li.travelinfo.open > a span,
  .lang_zh header .nav > li.travelinfo.open > a:hover span,
  .lang_zh header .nav > li.travelinfo.open > a:focus span,
  .lang_zh header .nav > li.travelinfo > a:hover span {
    color: #fff !important;
  }

  .lang_zh header .nav > li.travelinfo > a {
    background-color: transparent;
  }

  .lang_zh header .nav > li.showroom.open > a,
  .lang_zh header .nav > li.showroom.open > a:hover,
  .lang_zh header .nav > li.showroom.open > a:focus,
  .lang_zh header .nav > li.showroom > a:hover {
    background: #00a2cc;
  }

  .lang_zh header .nav > li.showroom.open > a span,
  .lang_zh header .nav > li.showroom.open > a:hover span,
  .lang_zh header .nav > li.showroom.open > a:focus span,
  .lang_zh header .nav > li.showroom > a:hover span {
    color: #fff !important;
  }

  .lang_zh header .nav > li.showroom > a {
    background-color: transparent;
  }

  .lang_zh header .nav > li.news.open > a,
  .lang_zh header .nav > li.news.open > a:hover,
  .lang_zh header .nav > li.news.open > a:focus,
  .lang_zh header .nav > li.news > a:hover {
    background: #00a2cc;
  }

  .lang_zh header .nav > li.news.open > a span,
  .lang_zh header .nav > li.news.open > a:hover span,
  .lang_zh header .nav > li.news.open > a:focus span,
  .lang_zh header .nav > li.news > a:hover span {
    color: #fff !important;
  }

  .lang_zh header .nav > li.news > a {
    background-color: transparent;
  }

  .lang_zh header .nav > li.newsroom.open > a,
  .lang_zh header .nav > li.newsroom.open > a:hover,
  .lang_zh header .nav > li.newsroom.open > a:focus,
  .lang_zh header .nav > li.newsroom > a:hover {
    background: #00a2cc;
  }

  .lang_zh header .nav > li.newsroom.open > a span,
  .lang_zh header .nav > li.newsroom.open > a:hover span,
  .lang_zh header .nav > li.newsroom.open > a:focus span,
  .lang_zh header .nav > li.newsroom > a:hover span {
    color: #fff !important;
  }

  .lang_zh header .nav > li.newsroom > a {
    background-color: transparent;
  }

  .lang_zh header .nav > li.download.open > a,
  .lang_zh header .nav > li.download.open > a:hover,
  .lang_zh header .nav > li.download.open > a:focus,
  .lang_zh header .nav > li.download > a:hover {
    background: #00a2cc;
  }

  .lang_zh header .nav > li.download.open > a span,
  .lang_zh header .nav > li.download.open > a:hover span,
  .lang_zh header .nav > li.download.open > a:focus span,
  .lang_zh header .nav > li.download > a:hover span {
    color: #fff !important;
  }

  .lang_zh header .nav > li.download > a {
    background-color: transparent;
  }

  .lang_zh header .nav > li.historys.open > a,
  .lang_zh header .nav > li.historys.open > a:hover,
  .lang_zh header .nav > li.historys.open > a:focus,
  .lang_zh header .nav > li.historys > a:hover {
    background: #00a2cc;
  }

  .lang_zh header .nav > li.historys.open > a span,
  .lang_zh header .nav > li.historys.open > a:hover span,
  .lang_zh header .nav > li.historys.open > a:focus span,
  .lang_zh header .nav > li.historys > a:hover span {
    color: #fff !important;
  }

  .lang_zh header .nav > li.historys > a {
    background-color: transparent;
  }

  .lang_zh .page-title {
    font-size: 28px;
  }
}

@media screen and (max-width: 767px) {
  .lang_zh .banner-left {
    max-width: 90%;
  }

  .lang_zh .banner-day {
    max-width: 70%;
  }

  .lang_zh .banner-day img:first-child {
    margin-left: 8%;
  }

  .lang_zh .banner-day img:last-child {
    margin-left: 0%;
  }

  .lang_zh .banner-btn {
    max-width: 200px;
    margin: 0 auto;
  }

  .lang_zh .banner-day {
    max-width: 64%;
  }
}

@media screen and (max-width: 767px) {
  .lang_zh.subpage .content .page-title span {
    max-width: 150px;
    font-size: 18px;
  }
}

@media screen and (min-width: 768px) {
  .lang_en header .nav > li.home.open > a,
  .lang_en header .nav > li.home.open > a:hover,
  .lang_en header .nav > li.home.open > a:focus,
  .lang_en header .nav > li.home > a:hover {
    background: #00a2cc;
  }

  .lang_en header .nav > li.home.open > a span,
  .lang_en header .nav > li.home.open > a:hover span,
  .lang_en header .nav > li.home.open > a:focus span,
  .lang_en header .nav > li.home > a:hover span {
    color: #fff !important;
  }

  .lang_en header .nav > li.home > a {
    background-color: transparent;
  }

  .lang_en header .nav > li.events.open > a,
  .lang_en header .nav > li.events.open > a:hover,
  .lang_en header .nav > li.events.open > a:focus,
  .lang_en header .nav > li.events > a:hover {
    background: #00a2cc;
  }

  .lang_en header .nav > li.events.open > a span,
  .lang_en header .nav > li.events.open > a:hover span,
  .lang_en header .nav > li.events.open > a:focus span,
  .lang_en header .nav > li.events > a:hover span {
    color: #fff !important;
  }

  .lang_en header .nav > li.events > a {
    background-color: transparent;
  }

  .lang_en header .nav > li.aboutus.open > a,
  .lang_en header .nav > li.aboutus.open > a:hover,
  .lang_en header .nav > li.aboutus.open > a:focus,
  .lang_en header .nav > li.aboutus > a:hover {
    background: #00a2cc;
  }

  .lang_en header .nav > li.aboutus.open > a span,
  .lang_en header .nav > li.aboutus.open > a:hover span,
  .lang_en header .nav > li.aboutus.open > a:focus span,
  .lang_en header .nav > li.aboutus > a:hover span {
    color: #fff !important;
  }

  .lang_en header .nav > li.aboutus > a {
    background-color: transparent;
  }

  .lang_en header .nav > li.travelinfo.open > a,
  .lang_en header .nav > li.travelinfo.open > a:hover,
  .lang_en header .nav > li.travelinfo.open > a:focus,
  .lang_en header .nav > li.travelinfo > a:hover {
    background: #00a2cc;
  }

  .lang_en header .nav > li.travelinfo.open > a span,
  .lang_en header .nav > li.travelinfo.open > a:hover span,
  .lang_en header .nav > li.travelinfo.open > a:focus span,
  .lang_en header .nav > li.travelinfo > a:hover span {
    color: #fff !important;
  }

  .lang_en header .nav > li.travelinfo > a {
    background-color: transparent;
  }

  .lang_en header .nav > li.showroom.open > a,
  .lang_en header .nav > li.showroom.open > a:hover,
  .lang_en header .nav > li.showroom.open > a:focus,
  .lang_en header .nav > li.showroom > a:hover {
    background: #00a2cc;
  }

  .lang_en header .nav > li.showroom.open > a span,
  .lang_en header .nav > li.showroom.open > a:hover span,
  .lang_en header .nav > li.showroom.open > a:focus span,
  .lang_en header .nav > li.showroom > a:hover span {
    color: #fff !important;
  }

  .lang_en header .nav > li.showroom > a {
    background-color: transparent;
  }

  .lang_en header .nav > li.news.open > a,
  .lang_en header .nav > li.news.open > a:hover,
  .lang_en header .nav > li.news.open > a:focus,
  .lang_en header .nav > li.news > a:hover {
    background: #00a2cc;
  }

  .lang_en header .nav > li.news.open > a span,
  .lang_en header .nav > li.news.open > a:hover span,
  .lang_en header .nav > li.news.open > a:focus span,
  .lang_en header .nav > li.news > a:hover span {
    color: #fff !important;
  }

  .lang_en header .nav > li.news > a {
    background-color: transparent;
  }

  .lang_en header .nav > li.newsroom.open > a,
  .lang_en header .nav > li.newsroom.open > a:hover,
  .lang_en header .nav > li.newsroom.open > a:focus,
  .lang_en header .nav > li.newsroom > a:hover {
    background: #00a2cc;
  }

  .lang_en header .nav > li.newsroom.open > a span,
  .lang_en header .nav > li.newsroom.open > a:hover span,
  .lang_en header .nav > li.newsroom.open > a:focus span,
  .lang_en header .nav > li.newsroom > a:hover span {
    color: #fff !important;
  }

  .lang_en header .nav > li.newsroom > a {
    background-color: transparent;
  }

  .lang_en header .nav > li.download.open > a,
  .lang_en header .nav > li.download.open > a:hover,
  .lang_en header .nav > li.download.open > a:focus,
  .lang_en header .nav > li.download > a:hover {
    background: #00a2cc;
  }

  .lang_en header .nav > li.download.open > a span,
  .lang_en header .nav > li.download.open > a:hover span,
  .lang_en header .nav > li.download.open > a:focus span,
  .lang_en header .nav > li.download > a:hover span {
    color: #fff !important;
  }

  .lang_en header .nav > li.download > a {
    background-color: transparent;
  }

  .lang_en header .nav > li.historys.open > a,
  .lang_en header .nav > li.historys.open > a:hover,
  .lang_en header .nav > li.historys.open > a:focus,
  .lang_en header .nav > li.historys > a:hover {
    background: #00a2cc;
  }

  .lang_en header .nav > li.historys.open > a span,
  .lang_en header .nav > li.historys.open > a:hover span,
  .lang_en header .nav > li.historys.open > a:focus span,
  .lang_en header .nav > li.historys > a:hover span {
    color: #fff !important;
  }

  .lang_en header .nav > li.historys > a {
    background-color: transparent;
  }

  .lang_en .banner-btn a:last-child {
    max-width: 90%;
    margin-top: -25%;
  }

  .lang_en .page-title {
    font-size: 23px;
  }
}

@media screen and (max-width: 1200px) {
  .lang_en .banner-btn {
    max-width: 80%;
  }

  .lang_en .banner-day {
    max-width: 80%;
  }

  .lang_en .banner-day img {
    display: block;
  }

  .lang_en .banner-day img:first-child {
    max-width: 75%;
  }

  .lang_en .banner-day img:last-child {
    max-width: 90%;
  }
}

@media screen and (max-width: 900px) {
  .lang_en .banner-btn a:last-child {
    margin-top: -27%;
  }

  .lang_en .banner-day img:first-child {
    max-width: 75%;
  }

  .lang_en .banner-day img:last-child {
    max-width: 85%;
  }

  .lang_en .banner-left {
    max-width: 69%;
  }
}

@media screen and (max-width: 767px) {
  .lang_en .headtitle .headtitless .slognMob {
    width: 75%;
  }

  .lang_en .banner-left {
    max-width: 90%;
  }

  .lang_en .banner-day {
    max-width: 70%;
  }

  .lang_en .banner-day img:first-child {
    margin-left: 8%;
  }

  .lang_en .banner-day img:last-child {
    margin-left: 0%;
  }

  .lang_en .banner-btn {
    max-width: 200px;
    margin: 0 auto;
  }

  .lang_en header .langbar .account a {
    font-size: 1.3rem;
  }

  .lang_en .page-title {
    font-size: 2rem;
  }

  .lang_en .subpage .content .page-title span {
    font-size: 2.5rem;
  }

  .lang_en .banner .transition {
    right: 160px;
    bottom: 80px;
  }
}

@media screen and (max-width: 767px) {
  .lang_en.subpage .content .page-title span {
    max-width: 150px;
    font-size: 15px;
  }
}

@media screen and (min-width: 768px) {
  .lang_pt header .nav > li.home.open > a,
  .lang_pt header .nav > li.home.open > a:hover,
  .lang_pt header .nav > li.home.open > a:focus,
  .lang_pt header .nav > li.home > a:hover {
    background: #00a2cc;
  }

  .lang_pt header .nav > li.home.open > a span,
  .lang_pt header .nav > li.home.open > a:hover span,
  .lang_pt header .nav > li.home.open > a:focus span,
  .lang_pt header .nav > li.home > a:hover span {
    color: #fff !important;
  }

  .lang_pt header .nav > li.home > a {
    background-color: transparent;
  }

  .lang_pt header .nav > li.events.open > a,
  .lang_pt header .nav > li.events.open > a:hover,
  .lang_pt header .nav > li.events.open > a:focus,
  .lang_pt header .nav > li.events > a:hover {
    background: #00a2cc;
  }

  .lang_pt header .nav > li.events.open > a span,
  .lang_pt header .nav > li.events.open > a:hover span,
  .lang_pt header .nav > li.events.open > a:focus span,
  .lang_pt header .nav > li.events > a:hover span {
    color: #fff !important;
  }

  .lang_pt header .nav > li.events > a {
    background-color: transparent;
  }

  .lang_pt header .nav > li.aboutus.open > a,
  .lang_pt header .nav > li.aboutus.open > a:hover,
  .lang_pt header .nav > li.aboutus.open > a:focus,
  .lang_pt header .nav > li.aboutus > a:hover {
    background: #00a2cc;
  }

  .lang_pt header .nav > li.aboutus.open > a span,
  .lang_pt header .nav > li.aboutus.open > a:hover span,
  .lang_pt header .nav > li.aboutus.open > a:focus span,
  .lang_pt header .nav > li.aboutus > a:hover span {
    color: #fff !important;
  }

  .lang_pt header .nav > li.aboutus > a {
    background-color: transparent;
  }

  .lang_pt header .nav > li.travelinfo.open > a,
  .lang_pt header .nav > li.travelinfo.open > a:hover,
  .lang_pt header .nav > li.travelinfo.open > a:focus,
  .lang_pt header .nav > li.travelinfo > a:hover {
    background: #00a2cc;
  }

  .lang_pt header .nav > li.travelinfo.open > a span,
  .lang_pt header .nav > li.travelinfo.open > a:hover span,
  .lang_pt header .nav > li.travelinfo.open > a:focus span,
  .lang_pt header .nav > li.travelinfo > a:hover span {
    color: #fff !important;
  }

  .lang_pt header .nav > li.travelinfo > a {
    background-color: transparent;
  }

  .lang_pt header .nav > li.showroom.open > a,
  .lang_pt header .nav > li.showroom.open > a:hover,
  .lang_pt header .nav > li.showroom.open > a:focus,
  .lang_pt header .nav > li.showroom > a:hover {
    background: #00a2cc;
  }

  .lang_pt header .nav > li.showroom.open > a span,
  .lang_pt header .nav > li.showroom.open > a:hover span,
  .lang_pt header .nav > li.showroom.open > a:focus span,
  .lang_pt header .nav > li.showroom > a:hover span {
    color: #fff !important;
  }

  .lang_pt header .nav > li.showroom > a {
    background-color: transparent;
  }

  .lang_pt header .nav > li.news.open > a,
  .lang_pt header .nav > li.news.open > a:hover,
  .lang_pt header .nav > li.news.open > a:focus,
  .lang_pt header .nav > li.news > a:hover {
    background: #00a2cc;
  }

  .lang_pt header .nav > li.news.open > a span,
  .lang_pt header .nav > li.news.open > a:hover span,
  .lang_pt header .nav > li.news.open > a:focus span,
  .lang_pt header .nav > li.news > a:hover span {
    color: #fff !important;
  }

  .lang_pt header .nav > li.news > a {
    background-color: transparent;
  }

  .lang_pt header .nav > li.newsroom.open > a,
  .lang_pt header .nav > li.newsroom.open > a:hover,
  .lang_pt header .nav > li.newsroom.open > a:focus,
  .lang_pt header .nav > li.newsroom > a:hover {
    background: #00a2cc;
  }

  .lang_pt header .nav > li.newsroom.open > a span,
  .lang_pt header .nav > li.newsroom.open > a:hover span,
  .lang_pt header .nav > li.newsroom.open > a:focus span,
  .lang_pt header .nav > li.newsroom > a:hover span {
    color: #fff !important;
  }

  .lang_pt header .nav > li.newsroom > a {
    background-color: transparent;
  }

  .lang_pt header .nav > li.download.open > a,
  .lang_pt header .nav > li.download.open > a:hover,
  .lang_pt header .nav > li.download.open > a:focus,
  .lang_pt header .nav > li.download > a:hover {
    background: #00a2cc;
  }

  .lang_pt header .nav > li.download.open > a span,
  .lang_pt header .nav > li.download.open > a:hover span,
  .lang_pt header .nav > li.download.open > a:focus span,
  .lang_pt header .nav > li.download > a:hover span {
    color: #fff !important;
  }

  .lang_pt header .nav > li.download > a {
    background-color: transparent;
  }

  .lang_pt header .nav > li.historys.open > a,
  .lang_pt header .nav > li.historys.open > a:hover,
  .lang_pt header .nav > li.historys.open > a:focus,
  .lang_pt header .nav > li.historys > a:hover {
    background: #00a2cc;
  }

  .lang_pt header .nav > li.historys.open > a span,
  .lang_pt header .nav > li.historys.open > a:hover span,
  .lang_pt header .nav > li.historys.open > a:focus span,
  .lang_pt header .nav > li.historys > a:hover span {
    color: #fff !important;
  }

  .lang_pt header .nav > li.historys > a {
    background-color: transparent;
  }

  .lang_pt .banner-btn a:last-child {
    max-width: 90%;
    margin-top: -29%;
  }

  .lang_pt .page-title {
    font-size: 23px;
  }
}

@media screen and (max-width: 1200px) {
  .lang_pt .banner-btn {
    max-width: 80%;
  }

  .lang_pt .banner-day {
    max-width: 80%;
  }

  .lang_pt .banner-day img {
    display: block;
  }

  .lang_pt .banner-day img:first-child {
    max-width: 75%;
  }

  .lang_pt .banner-day img:last-child {
    max-width: 90%;
  }
}

@media screen and (max-width: 900px) {
  .lang_pt .banner-btn a:last-child {
    margin-top: -31%;
  }

  .lang_pt .banner-day img:first-child {
    max-width: 71%;
  }

  .lang_pt .banner-day img:last-child {
    max-width: 75%;
  }

  .lang_pt .banner-left {
    max-width: 69%;
  }
}

@media screen and (max-width: 767px) {
  .lang_pt .headtitle .headtitless .slognMob {
    width: 75%;
  }

  .lang_pt .banner-left {
    max-width: 90%;
  }

  .lang_pt .banner-day {
    max-width: 70%;
  }

  .lang_pt .banner-day img:first-child {
    margin-left: 8%;
  }

  .lang_pt .banner-day img:last-child {
    margin-left: 0%;
  }

  .lang_pt .banner-btn {
    max-width: 200px;
    margin: 0 auto;
  }

  .lang_pt header .langbar .account a {
    font-size: 1.3rem;
  }

  .lang_pt .page-title {
    font-size: 2rem;
  }

  .lang_pt .subpage .content .page-title span {
    font-size: 2.5rem;
  }

  .lang_pt .banner .transition {
    right: 160px;
    bottom: 80px;
  }
}

@media screen and (max-width: 767px) {
  .lang_pt.subpage .content .page-title span {
    max-width: 150px;
    font-size: 15px;
  }
}

* {
  touch-action: pan-y;
}

.parallax-image-wrapper {
  position: absolute;
  left: 0;
  width: 100%;
  overflow: hidden;
}

.content-full {
  height: 100vh;
}

.parallax-image-wrapper-50 {
  height: 50vh;
  top: -50vh;
}

.parallax-image-wrapper-100 {
  height: 100vh;
  top: -100vh;
}

.parallax-image-wrapper-150 {
  height: 150vh;
  top: -150vh;
}

.parallax-image-wrapper-180 {
  height: 180vh;
  top: -180vh;
}

.parallax-image {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.parallax-image-50 {
  height: 200vh;
  top: -50vh;
}

.parallax-image-100 {
  height: 100%;
  top: 0;
}

.parallax-image-180 {
  height: 180%;
  top: 0;
}

.parallax-image.skrollable-between {
  display: block;
}

.no-skrollr .parallax-image-wrapper {
  display: none !important;
}

#skrollr-body {
  overflow: visible;
  position: relative;
  background: #88cedb;
}

.gap {
  background: transparent center no-repeat;
  background-size: cover;
}

.skrollr .gap {
  background: transparent !important;
}

.skrollr body {
  background: #88cedb;
}

.gap-20 {
  height: 20%;
}

.gap-50 {
  height: 50%;
}

.gap-100 {
  height: 100%;
}

.gap-150 {
  height: 150%;
}

.btn-line,
.btn-while {
  color: #fff;
  border: 1px solid #fff;
  margin-right: 10px;
  padding: 12px 50px;
  position: relative;
  border-radius: 0;
  background-color: #ee5b28;
}

.btn-line:after,
.btn-while:after {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 20%;
  opacity: 0;
  top: 50%;
  margin-top: -10px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: url("/images/build/icon_arrow1.png");
  background-size: cover;
  transition: all 0.3s;
}

.btn-line .imgS2,
.btn-while .imgS2 {
  display: none;
}

.btn-line:hover,
.btn-while:hover {
  color: #fff;
}

.btn-line:hover:after,
.btn-while:hover:after {
  right: 6%;
  opacity: 1;
}

.date li {
  font-size: 20px;
  color: #fff;
  margin: 10px 0;
}

.date li span:last-child {
  color: #d5ffaa;
}

.popTitle {
  color: #199fc7;
  font-size: 25px;
  padding-right: 40px;
}

.popContent {
  border-top: 1px solid #199fc7;
  border-bottom: 1px solid #199fc7;
  padding: 10px 20px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.close-btn {
  border-radius: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 16px;
  line-height: 1.5;
  opacity: 1;
  color: rgb(255, 255, 255);
  background-color: rgb(217, 119, 6);
  text-align: center;
  margin: 0 auto;
  width: 40%;
  cursor: pointer;
}

.close-btn.disable {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

#model-homepage,
#model-homepage2 {
  position: relative;
  border-radius: 10px;
}

#model-homepage .mfp-close,
#model-homepage2 .mfp-close {
  display: none;
}

#model-homepage .popColse,
#model-homepage2 .popColse {
  position: absolute;
  right: 0;
  top: 22px;
  right: 30px;
}

/*-----bannner------*/

.banner {
  overflow: hidden;
}

.banner-swiper .swiper-pagination-bullet {
  margin: 0 6px;
  width: 12px;
  height: 12px;
  background: #fff;
  opacity: 0.5;
}

.banner-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #007897;
}

.banner-swiper img {
  width: 100%;
}

#skrollr-body {
  overflow: hidden;
  position: relative;
  background: #88cedb;
}

.headtitle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: left;
}

.headtitle .headtitless {
  max-width: 1420px;
  margin: 0 auto;
  padding: 0 50px;
}

.headtitle .headtitless .slognMain {
  display: block;
}

.headtitle .headtitless .slognMob {
  display: none;
}

.headtitle .headtitless .tipDiv {
  display: inline-block;
}

.headtitle .headtitless .tipDiv .logining {
  color: #f6ad2d;
  margin-left: 5px;
}

.headtitle .headtitless .btn-line:hover .logining {
  color: #fff;
}

.headtitle p,
.headtitle h2 {
  color: #fff;
}

.headtitle p {
  font-size: 30px;
}

.headtitle h2 {
  margin-top: 0;
  font-size: 50px;
  font-weight: 400;
}

.headtitle .date-time {
  font-size: 50px;
  text-align: left;
}

.headtitle .date-time span {
  color: #d5ffaa;
}

.headtitle .slogMainJpg {
  padding: 20px 0;
}

.home-link {
  background-color: #e2e2e2;
}

.home-link .d-flex {
  display: flex;
}

.home-link .d-flex .flex-item {
  flex: 1;
}

.home-link .d-flex .flex-left {
  padding: 50px 0;
}

.home-link .d-flex img:not(:last-child) {
  margin-right: 20px;
}

.home-link img {
  max-width: 100%;
}

.home-link .link-img {
  margin-right: 10px;
}

.home-link .link-img img {
  min-width: 100px;
}

.home-link .link-content .content-text {
  position: relative;
  margin-bottom: 30px;
}

.home-link .link-content .content-text p {
  color: #000;
  text-align: justify;
}

.home-link .link-content .content-text a {
  text-decoration: none;
  position: relative;
  right: 0;
  bottom: -10px;
  background-color: #fff;
  color: #0e4930;
  padding: 5px 20px;
  border-radius: 50px;
}

.home-link .link-content .content-applink a:not(:last-child) {
  margin-right: 10px;
}

.home-link .qrcode {
  justify-content: flex-end;
}

.home-link .qrcode div {
  justify-content: center;
  min-width: 300px;
  align-items: center;
  width: 50%;
  height: 100%;
  background-color: #199fc7;
  padding: 0 20px;
}

.home-link .link-container {
  max-width: 1420px;
  margin: 0 auto;
  padding: 0 50px;
}

/* -------------------- animation -------------------- */

/* -------------------- content -------------------- */

/* -------------------- video -------------------- */

.video {
  padding: 50px 0;
  background: #e44b87;
}

.video.publicityVideo {
  background: transparent;
}

.video h2 {
  margin-bottom: 30px;
  color: #fff;
}

.video div {
  padding: 0 10px;
}

.video .row {
  margin: 20px 0;
  padding: 0;
  width: 100%;
}

.video img {
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease;
}

.video a span {
  display: block;
  max-height: 72px;
  position: relative;
  bottom: 0;
  margin: 0;
  color: #007897;
  border-bottom: 2px solid #007897;
  background: #fff;
  font-size: 1.2em;
  font-weight: 300;
  text-align: center;
  padding: 10px 0;
}

.video a span i {
  position: absolute;
  left: 0;
  background-size: 100%;
  display: inline-block;
  width: 72px;
  height: 54px;
}

.video a span b {
  height: 25px;
  display: block;
}

.video a span em {
  display: block;
  font-weight: normal;
  color: red;
  height: 25px;
  font-style: normal;
}

.video a {
  padding: 0;
  overflow: hidden;
  text-decoration: none;
  border-radius: 0;
}

.video a:hover span {
  background: #01a856;
  color: #fff;
}

.video a:hover em {
  color: #fff;
}

.video .thumbnail {
  border: none;
}

.video .thumbnails {
  display: block;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
  border: none;
}

.video a:hover img {
  transform: scale(1.1);
}

.publicityVideo .thumbnails span {
  background: #f0f0f0;
  border: none;
  color: #000;
  position: relative;
  padding-left: 75px;
  text-align: left;
  max-height: 85px;
}

.publicityVideo .thumbnails .videoIcon {
  position: absolute;
  left: 0;
  top: 0;
  background: url("/images/video1-02.png") center center no-repeat;
  height: 84px;
}

.publicityVideo .thumbnails b {
  height: 70px;
  display: flex;
  align-items: center;
  line-height: 20px;
}

.publicityVideo .thumbnails .iframeC {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  pointer-events: none;
}

.publicityVideo .thumbnails .iframeC .iframeD {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.publicityVideo a:hover span {
  background: #259ed3;
  color: #000;
  transition: all 0.5s linear;
}

.publicityVideo a:hover span .videoIcon {
  background: url("/images/video1.png") center center no-repeat;
  background-repeat: no-repeat;
}

/* -------------------- notice -------------------- */

.notice h2 {
  color: #007897;
  margin-bottom: 10px;
}

.notice p {
  padding: 20px 0;
  color: #333333;
  font-size: 2rem;
  background: #fff;
  border-bottom: 2px solid #007897;
}

/* -------------------- time -------------------- */

.time-box {
  position: relative;
  padding: 5vh 0;
  background-color: #FFFDE8;
}

.time-box .time-box-content {
  margin: 0 auto;
  right: 0;
  left: 0;
  width: 85%;
  background: #fff;
  padding: 4%;
  z-index: 4;
  position: relative;
  max-width: 1320px;
}

.time-box .time .content {
  background: #fff;
  padding: 30px;
}

.time-box .time h2 {
  margin-bottom: 30px;
  color: #2da9d3;
  text-align: left;
}

.time-box .time p {
  display: flex;
  max-width: 100%;
  margin-bottom: 30px;
  font-size: 20px;
  color: #217D9C;
  border-bottom: 1px solid #299BC2;
  line-height: 40px;
}

.time-box .time p .date {
  display: inline-block;
  padding: 0 20px 0 25px;
  margin-right: 10px;
  font-weight: 600;
  letter-spacing: 3px;
  min-width: 200px;
  position: relative;
  color: #2da9d3;
  font-size: 23px;
}

.time-box .time p .date:after {
  content: "";
  background: url("/images/build/line.png");
  background-size: cover;
  position: absolute;
  bottom: -8px;
  height: 10px;
  width: 100%;
  left: -1px;
}

.cookiess {
  width: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  bottom: 0;
  color: #fff;
  z-index: 999;
}

.cookiess a {
  color: #007897;
  border-bottom: 1px solid #007897;
  text-decoration: none;
}

.cookiess button {
  background: #f6ad2d;
  padding: 10px 20px;
  border: none;
  border-radius: 8px;
  opacity: 1;
  white-space: nowrap;
  margin-left: 10px;
  outline: none;
}

.sr_bottom {
  width: 100%;
  margin: 0 auto;
}

.sr_bottom h3,
.sr_bottom strong {
  color: #000;
  font-size: 18px;
  font-weight: bold;
}

.sr_bottom ul,
.sr_bottom ol {
  padding-left: 40px;
  line-height: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.sr_bottom p {
  line-height: 30px;
}

.sr_bottom p em {
  display: block;
  padding-top: 50px;
}

.sr_bottom h3 {
  margin-bottom: 20px;
  font-size: 23px;
  margin-top: 10px;
  text-align: center;
}

.sr_bottom h4 {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  line-height: 30px;
  margin: 10px 0 10px 0;
}

/* -------------------- content -------------------- */

@media screen and (min-width: 768px) {
  .mobile {
    display: none;
  }

  .pc {
    display: block;
  }

  .banner-btn {
    position: relative;
  }

  .banner-btn a {
    display: block;
  }

  .banner-btn a:first-child {
    position: relative;
    z-index: 88;
    margin-left: 12%;
  }

  .banner-btn a:nth-child(2) {
    position: relative;
    z-index: 89;
    margin-top: -31%;
    margin-left: -25%;
    max-width: 95%;
  }

  .banner-day {
    position: relative;
    margin-left: -12%;
  }

  .banner-day img:first-child {
    transform: translateX(22%);
    -webkit-transform: translateX(22%);
    -o-transform: translateX(22%);
    -moz-transform: translateX(22%);
  }

  .banner-day img:nth-child(2) {
    transform: translateX(6%);
    -webkit-transform: translateX(6%);
    -o-transform: translateX(6%);
    -moz-transform: translateX(6%);
    max-width: 85%;
  }
}

@media screen and (max-width: 1200px) {
  .banner-btn {
    max-width: 80%;
  }

  .banner-btn a:last-child {
    max-width: 100%;
  }

  .banner-day {
    max-width: 80%;
  }

  .banner-day img {
    display: block;
  }

  .banner-day img:last-child {
    margin-top: 20px;
    -webkit-transform: translateX(8%);
    -o-transform: translateX(8%);
    -moz-transform: translateX(8%);
    max-width: 85%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #kittens .parallax-foot div {
    top: auto !important;
    bottom: 0 !important;
  }

  #dragons .parallax-image-wrapper div {
    position: absolute;
    right: -16% !important;
    top: auto !important;
    bottom: -58% !important;
    width: 35% !important;
  }
}

@media screen and (max-width: 900px) {
  .banner-info {
    transform: translateX(126%);
    -webkit-transform: translateX(126%);
    -o-transform: translateX(126%);
    -moz-transform: translateX(126%);
    -ms-transform: translateX(126%);
  }

  .banner-info-day {
    transform: translateX(110%);
    -webkit-transform: translateX(110%);
    -o-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
  }

  .banner-left {
    max-width: 67%;
  }

  .banner-right {
    max-width: 75%;
  }

  .banner-info {
    top: 2%;
  }

  .banner-btn {
    max-width: 73%;
  }

  .banner-btn a:last-child {
    max-width: 96%;
  }

  .banner-day {
    max-width: 70%;
  }

  .banner-day img:last-child {
    margin-left: 3%;
    max-width: 80%;
  }
}

@media screen and (max-width: 800px) {
  .banner-day img:last-child {
    max-width: 73%;
  }
}

@media screen and (max-width: 1023px) {
  .btn-line:after,
  .btn-while:after {
    right: 3%;
    opacity: 1;
  }
}

@media screen and (max-width: 1050px) {
  .btn-list .btn {
    margin-bottom: 2%;
    margin-right: 10px !important;
  }

  .btn-list .btn:last-child {
    margin-bottom: none;
  }

  .header {
    min-height: 50vh;
    text-align: left;
    background: #01a856;
  }

  .header .headtitle {
    left: 5%;
  }

  .header .headtitle .headtitless {
    padding: 0;
  }

  .header .headtitle p {
    font-size: 1.8rem;
  }

  .header .headtitle h2 {
    font-size: 4rem;
    margin-top: 0;
    font-weight: 400;
    text-align: left;
  }

  .header .headtitle .date-time {
    margin-bottom: 3%;
  }

  .slognMain {
    max-width: 50%;
  }

  #kittens .parallax-mid div {
    transform: translate3d(0px, 0, 0px) !important;
  }

  #kittens .parallax-foot div {
    top: auto !important;
    bottom: 0px !important;
    transform: translate3d(0px, 0, 0px) !important;
  }
}

@media screen and (max-width: 900px) {
  .lang_pt .btn-list {
    display: flex;
    flex-direction: column;
  }

  .lang_pt .btn-list .btn {
    width: 70%;
  }

  .home-link .link-container {
    padding: 0 5%;
  }

  .home-link .link-container p {
    margin-bottom: 10px;
  }

  .home-link .link-container .content-text {
    margin-bottom: 30px;
  }

  .home-link .link-container .content-text a {
    position: static;
    padding: 5px 20px;
  }

  .home-link .qrcode {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #skrollr-body {
    overflow: hidden;
    position: relative;
    background: #88cedb;
  }

  .skrollr body {
    overflow: auto !important;
  }

  .time-box .time-box-content {
    position: relative;
  }

  .time-box .time h2 {
    margin-bottom: 15px;
  }

  .video h2 {
    padding: 5% 0;
  }

  .btn span {
    display: block;
  }

  .banner-day {
    position: relative;
    margin-left: -12%;
  }

  .banner-day img:first-child {
    -webkit-transform: translateX(21%);
    -o-transform: translateX(21%);
    -moz-transform: translateX(21%);
    max-width: 85%;
  }

  .banner-day img:nth-child(2) {
    margin-left: 0%;
    max-width: 85%;
  }

  .banner-info-day {
    position: absolute;
    top: 30%;
    right: 32%;
    z-index: 99;
    transform: translateX(85%);
    -webkit-transform: translateX(85%);
    -o-transform: translateX(85%);
    -moz-transform: translateX(85%);
    -ms-transform: translateX(85%);
  }

  .banner-btn {
    max-width: 73%;
  }

  .banner-btn a {
    display: block;
  }

  .banner-btn a:first-child {
    margin-left: 40%;
    max-width: 60%;
  }

  .banner-btn a:last-child {
    max-width: 60%;
    margin-left: 20%;
    margin-top: 0 !important;
    top: -22px !important;
  }

  #dragons {
    height: auto !important;
    background-position-x: 30%;
  }

  #dragons .parallax-image-wrapper div {
    position: absolute;
    right: -50px !important;
    top: 45% !important;
    bottom: -18% !important;
    width: 100px !important;
    transform: translate3d(0px, 0, 0px) !important;
  }

  #kittens .parallax-mid div {
    transform: translate3d(0px, 0, 0px) !important;
  }

  #kittens .parallax-foot div {
    top: auto !important;
    bottom: 0px !important;
    transform: translate3d(0px, 0, 0px) !important;
  }

  .date li {
    display: flex;
  }

  .lang_zh .btn-list {
    display: flex;
    flex-direction: column;
  }

  .lang_zh .btn-list .btn {
    width: 50%;
  }

  .lang_pt .btn-list {
    display: flex;
    flex-direction: column;
  }

  .lang_pt .btn-list .btn {
    width: 50%;
  }

  .lang_en .btn-list {
    display: flex;
    flex-direction: column;
  }

  .lang_en .btn-list .btn {
    width: 50%;
  }
}

.ab-bg_3 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -28%) scale(0.8);
}

@media (min-width: 992px) {
  .ab-bg_3 {
    transform: translate(-57%, -25%) scale(0.8);
  }
}

@media (min-width: 1200px) {
  .ab-bg_3 {
    transform: translate(-62%, -25%) scale(0.8);
  }
}

@media (min-width: 1440px) {
  .ab-bg_3 {
    transform: translate(-73%, -25%) scale(0.8);
  }
}

.mobile-activity {
  background: transparent !important;
}

.subpage .content {
  max-width: 100%;
}

.subpage .content .sub-content {
  min-height: 300px;
  background-color: #fff;
}

.subpage footer .group {
  background: #fff;
}

.subpage .container ul[type=disc] {
  list-style: disc;
}

.sub-banner {
  position: relative;
  height: 100px;
  background: #f1f1f1 right no-repeat;
  background-size: contain;
}

@media screen and (max-width: 767px) {
  .sub-banner {
    background: #f1f1f1 right no-repeat;
  }
}

.sub-banner .sub-topTu {
  display: block;
}

.sub-banner .sub-topTu .slogn_sub {
  display: block;
  right: 0;
  left: auto;
  margin-right: 28px;
  height: auto;
  margin-top: 10px;
}

.sub-banner .sub-topTu-mob {
  display: none;
}

.history-data .sub-content .history-content .d-flex {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.history-data .sub-content .history-content .d-flex li {
  margin: 10px;
}

.history-data .sub-content .history-content .d-flex a {
  text-align: center;
  white-space: nowrap;
  width: 160px;
  line-height: 160px;
  display: block;
  border: 2px solid #eee;
  border-radius: 5px;
  text-decoration: none;
  color: #007897;
  font-size: 25px;
}

@media screen and (max-width: 767px) {
  .history-data .sub-content .history-content .d-flex a {
    width: 120px;
    line-height: 120px;
  }
}

.history-data .sub-content .history-content .d-flex a:hover {
  color: #007897;
  border-color: #1ac6e5;
}

.page-title {
  position: relative;
  z-index: 88;
  margin: 0 auto;
  padding: 0 30px;
  max-width: 1024px;
  max-width: 1250px;
  height: 100%;
  font-weight: lighter;
  font-size: 32px;
}

.page-title span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  max-width: 456px;
  color: #e99015;
  font-weight: 400;
}

.sub-content {
  margin: auto;
  padding: 10px 0 50px;
  max-width: 1250px;
  text-align: left;
  line-height: normal;
}

.sub-content .container {
  padding: 0 30px;
  max-width: 1250px;
  line-height: 1.8em;
}

.breadcrumb {
  padding: 10px 0;
  background: none;
  color: #aaa;
}

.remark {
  color: #c00;
  font-size: 12px;
}

#marathonTab,
#resultTab {
  display: flex;
}

#marathonTab li,
#resultTab li {
  flex: 1;
  float: none;
}

#marathonTab li a,
#resultTab li a {
  padding: 0 10px;
  background: #277eeb;
  font-weight: bold;
  color: #fff;
  padding: 10px 40px;
  background: #d7d7d5;
  color: #333;
  border-color: transparent;
  border-bottom-color: #007897;
  border-radius: 0;
  height: 100%;
  flex: 1;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

#marathonTab li a:hover,
#resultTab li a:hover {
  background: #007897;
  color: #fff;
}

#marathonTab li.active a,
#resultTab li.active a {
  background: #fff;
  color: #199fc7;
  border-color: #007897;
  border-radius: 0;
  background: #fff;
  border-bottom: 1px solid #fff;
}

#marathonTab li.active a:hover,
#resultTab li.active a:hover {
  background: #007897;
  color: #fff;
}

#marathonTab li:hover,
#resultTab li:hover {
  border-color: #00a755;
  border-bottom: none;
  margin-bottom: -2px;
  cursor: pointer;
}

.lang_pt .sub-banner .sub-topTu .slogn_sub,
.lang_en .sub-banner .sub-topTu .slogn_sub {
  margin-top: 10px;
}

#main-container #marathonTab li a:hover {
  background: #007897;
  color: #fff;
}

#main-container #marathonTab .active a {
  border-bottom: 1px solid #fff;
  color: #199fc7;
}

#marathonTab li {
  text-align: center;
}

#marathonTab li a {
  margin-right: 5px;
}

#marathonTab li:last-child a {
  margin-right: 0;
}

#marathon_subTab {
  margin: 10px 0;
}

#marathon_subTab li a {
  width: 100%;
  height: auto;
  line-height: 1.5em;
  border: none;
  color: #fff;
  background: #007897;
  border-radius: 0;
}

#marathon_subTab li a:hover {
  cursor: pointer;
}

#marathon_subTab li a:hover {
  background: #d7d7d5;
  color: #007897;
  border-radius: 0;
}

#marathon_subTab li.active a {
  background: #007897;
  color: #fff;
}

#marathon_subTab li.active a:hover {
  cursor: pointer;
  background: #d7d7d5;
  color: #007897;
  border-radius: 0;
}

.date-table table {
  border: none;
}

.date-table tr th,
.date-table tr td {
  text-align: left;
}

.date-table tr .t-content.ye {
  background: #eee;
  border: none;
}

.date-table tr .t-1-2 {
  padding-left: 15px;
}

.date-table tr .t-1-3 {
  padding-left: 15px;
}

.tab-content table tr {
  border-left: none;
  border-right: none;
  padding: 5px;
}

.tab-content table tr td {
  text-align: center;
  border-top: none;
}

.tab-content tr:nth-child(1) {
  border-top: none;
  text-align: left;
}

.luckydraw2019 .sub-content,
.creative-costume2019 .sub-content {
  max-width: inherit;
  background-position: left center, right top;
  background-repeat: no-repeat, no-repeat;
}

.luckydraw2019 .sub-content ol li,
.creative-costume2019 .sub-content ol li {
  list-style-type: decimal;
}

.lucks {
  width: 100%;
  text-align: center;
}

.lucks .txt {
  font-weight: 800;
  font-size: 19px;
  margin: 50px;
}

.results .tab-content table tr th,
.results .tab-content table tr td {
  text-align: center;
}

.formerwinners .tab-content table tr th,
.formerwinners .tab-content table tr td,
.statistics .tab-content table tr th,
.statistics .tab-content table tr td {
  text-align: left;
}

.iframeB {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.iframeB .iframeC {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.payment-confirm .pay-list .input-group label {
  cursor: pointer;
  background-color: white;
  margin-right: 10px;
  padding: 10px;
  border-radius: 5px;
}

.payment-confirm .pay-list .input-group img {
  height: 40px;
  margin-left: 10px;
}

.payment-confirm .pay-list .input-group input {
  cursor: pointer;
}

.payment-confirm .pay-list .pay-list .input-group {
  margin-top: 20px;
  margin-bottom: 20px;
}

.payment-confirm .pay-tips {
  font-size: medium;
  color: #e24d4d;
  font-weight: bolder;
  margin-top: 10px;
  margin-bottom: 20px;
}

@media screen and (width: 768px) {
  .creative-costume2019 .sub-content,
  .luckydraw2019 .sub-content {
    background-position: -6% 17%, 65% -1000%, 132% 120%;
  }
}

@media screen and (max-width: 767px) {
  .lang_pt.subpage .content .page-title span,
  .lang_en.subpage .content .page-title span {
    max-width: 150px;
    font-size: 15px;
  }

  .lucks img {
    width: 100%;
  }

  .payment-confirm .pay-list .input-group label {
    max-width: 100%;
    display: block;
  }

  .payment-confirm .pay-list .input-group img {
    height: 40px;
  }
}

@media screen and (min-width: 1024px) {
  .td-code {
    width: 13%;
  }

  .td-name {
    width: 20%;
  }

  #marathon_subTab li {
    margin-right: 5px;
    margin-bottom: 2px;
  }
}

@media screen and (max-width: 1024px) {
  .date-table tr {
    border: none;
    overflow: hidden;
  }

  .date-table tr td {
    border: none;
  }

  .date-table tr .t-1-2 {
    padding-left: 42%;
  }

  .date-table tr .t-1-3 {
    padding-left: 12%;
  }

  .date-table ul,
  .date-table li {
    text-align: left;
  }

  .date-table .da {
    text-align: left;
    background: #1ac6e5;
    color: #fff;
  }

  .date-table .da::before {
    display: none;
  }

  .date-table .pa {
    margin-top: 10px;
    padding: 0px;
    border-bottom: 2px solid #007897;
  }

  .date-table .pa::before,
  .date-table .t-content::before,
  .date-table .t-time::before {
    display: block;
    text-align: left;
    float: none;
    padding: 10px 15px;
    background: #eee;
  }

  .date-table .pa span,
  .date-table .t-content span,
  .date-table .t-time span {
    padding: 10px;
    display: block;
    text-align: left;
  }

  .date-table .t-time {
    width: 40%;
    float: left;
    padding: 0px;
    text-align: left;
  }

  .date-table .t-content {
    width: 60%;
    float: left;
    padding: 0px;
    text-align: left;
  }

  .date-table .t-c::before,
  .date-table .t-t::before {
    display: none;
  }

  .date-table ul li {
    list-style-type: decimal;
  }

  #marathon_subTab {
    justify-content: space-between;
  }

  #marathon_subTab li {
    flex: 1;
    text-align: center;
  }
}

.newspage ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  margin: 10px 10%;
}

.newspage li {
  position: relative;
  margin: 8px 0 !important;
  border: 1px solid #c2c2c2 !important;
  padding: 0 0;
  cursor: pointer;
}

.newspage li:hover {
  background: #f4f4f4;
  border: 1px solid #199fc7 !important;
}

.newspage li a {
  color: #015062 !important;
  padding: 16px 25px !important;
  width: 100%;
  display: inline-block;
  text-decoration: none;
}

.newspage li a:hover，.newspage li a:focus {
  color: #00a855 !important;
  text-decoration: none !important;
}

.newspage li::after {
  content: "";
  background: url("/images/build/icon_next.png") no-repeat;
  background-size: cover;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 2%;
  top: 50%;
  transform: translateY(-50%);
}

.main_bg1 {
  display: none;
}

@media (min-width: 1100px) {
  .main_bg1 {
    display: block;
  }
}

/* ----------- 登录页 ----------- */

.msg-apply-btn {
  margin: 0 5px;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #237eee;
  color: #fff;
}

.msg-apply-btn:hover {
  color: #fff;
  text-decoration: none;
}

.login,
.quick-register,
.forgot-password,
.email-confirm,
.creat-login,
.race-change {
  margin-top: 30px;
  text-align: center;
}

.login form,
.quick-register form,
.forgot-password form,
.email-confirm form,
.creat-login form,
.race-change form {
  margin: 30px auto;
  padding: 30px 30px 20px;
  width: 60%;
  border-radius: 20px;
  background-color: #eee;
}

.login form .form-group,
.quick-register form .form-group,
.forgot-password form .form-group,
.email-confirm form .form-group,
.creat-login form .form-group,
.race-change form .form-group {
  margin-bottom: 15px;
  overflow: hidden;
}

.login form .control-label,
.quick-register form .control-label,
.forgot-password form .control-label,
.email-confirm form .control-label,
.creat-login form .control-label,
.race-change form .control-label {
  margin: 0;
  padding-right: 15px;
  width: 20%;
  float: left;
  line-height: 2rem;
  text-align: right;
}

.login form .controls,
.quick-register form .controls,
.forgot-password form .controls,
.email-confirm form .controls,
.creat-login form .controls,
.race-change form .controls {
  width: 70%;
  float: left;
}

.login form .help-block,
.quick-register form .help-block,
.forgot-password form .help-block,
.email-confirm form .help-block,
.creat-login form .help-block,
.race-change form .help-block {
  padding-left: 20%;
  word-break: keep-all;
  text-align: left;
}

.login form .btn,
.quick-register form .btn,
.forgot-password form .btn,
.email-confirm form .btn,
.creat-login form .btn,
.race-change form .btn {
  padding: 5px 30px;
  background-color: #237eee;
  color: #fff;
}

.login form .btn:hover,
.quick-register form .btn:hover,
.forgot-password form .btn:hover,
.email-confirm form .btn:hover,
.creat-login form .btn:hover,
.race-change form .btn:hover {
  color: #237eee;
  background-color: #fff;
  border-color: #237eee;
}

.lang_en .quick-register form .control-label {
  line-height: 1.3rem;
}

.creat-login form .form-group,
.email-confirm form .form-group,
.forgot-password form .form-group,
.login form .form-group,
.quick-register form .form-group,
.race-change form .form-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.creat-login form .form-group .help-block,
.email-confirm form .form-group .help-block,
.forgot-password form .form-group .help-block,
.login form .form-group .help-block,
.quick-register form .form-group .help-block,
.race-change form .form-group .help-block {
  width: 100%;
}

.quick-register form .control-label,
.email-confirm form .control-label {
  width: 25%;
}

.quick-register form .help-block,
.email-confirm form .help-block {
  padding-left: 26%;
}

.login div.help-block {
  color: red;
}

.email-confirm form > label {
  width: 100%;
  text-align: left;
  padding-left: 26%;
}

/* ----------- 用户页 ----------- */

.home-menu {
  text-align: left;
  margin-bottom: 20px;
}

.home-menu .welcome {
  font-size: 16px;
}

.home-menu .btns {
  padding: 10px;
  border: solid #aaa;
  border-width: 1px 0;
}

.home-menu .btns a {
  display: inline-block;
  padding: 5px 15px;
  border-radius: 5px;
  border: 1px solid #199fc7;
  color: #fff;
  background-color: #199fc7;
  text-decoration: none;
}

.home-menu .btns a:hover {
  color: #007897;
  background-color: #fff;
  cursor: pointer;
}

.home-menu .btns a:last-child {
  float: right;
  background-color: #d20004;
  border-color: #d20004;
}

.home-menu .btns a:last-child:hover {
  color: #d20004;
  background-color: #fff;
}

/* ----------- 报名表 ----------- */

.has-error .control-label {
  color: red;
}

.join-form {
  margin-top: 30px;
  text-align: left;
  background-color: #ebebeb;
}

.join-form .help-block {
  color: red;
}

.join-form .hints {
  color: #dd7200;
}

.join-form div.upload {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

.join-form div.upload p {
  color: #d20004;
}

.join-form div.upload .ajax-uploader-view {
  display: inline-block;
}

.join-form div.upload .ajax-uploader-view a {
  padding: 8px 12px;
  background-color: rgb(192, 192, 192);
  border: 1px solid transparent;
  border-radius: 4px;
  vertical-align: middle;
  text-decoration: none;
}

.join-form > div > .hints:first-of-type {
  padding-top: 20px;
  padding-left: 20px;
  font-size: 16px;
}

.join-form fieldset {
  margin-top: 30px;
}

.join-form fieldset > div {
  padding: 0 25px;
}

.join-form fieldset legend {
  background-color: #199fc7;
  margin-bottom: 20px;
  padding: 10px 15px;
  color: #fff;
}

.join-form fieldset input[type=text],
.join-form fieldset input[type=email],
.join-form fieldset select {
  padding: 2px 10px;
  width: 280px;
}

.join-form fieldset input[type=text].hasDatepicker,
.join-form fieldset input[type=email].hasDatepicker,
.join-form fieldset select.hasDatepicker {
  width: 242px;
}

.join-form fieldset input:disabled {
  color: #aaa;
}

.join-form fieldset h5 {
  margin: 30px 0 20px;
  border-bottom: 1px dashed rgb(9, 82, 206);
  font-size: 18px;
  color: rgb(9, 82, 206);
}

.join-form fieldset .race-type {
  overflow: hidden;
  margin-left: 20px;
}

.join-form fieldset .race-type .radio-inline,
.join-form fieldset .race-type span {
  display: inline-block;
  width: 48%;
}

.join-form fieldset .race-type span {
  margin-right: 8px;
  padding-left: 20px;
}

.join-form fieldset .race-type + .help-block {
  margin: 15px 20px 0;
}

.join-form fieldset .yellow-chip .form-group {
  padding: 5px 20px;
}

.join-form fieldset .athlete-type label {
  width: 49%;
}

.join-form fieldset .athlete-type .hints {
  padding-left: 20px;
}

.join-form fieldset .athlete-type .form-group {
  margin-bottom: 0;
}

.join-form fieldset .athlete-type .isMember {
  margin: 10px 20px;
}

.join-form fieldset .athlete-type .isMember .isMember-form {
  margin: 10px 5px;
}

.join-form fieldset .athlete-type .isMember .isMember-form .form-group {
  margin-bottom: 10px;
}

.join-form fieldset .athlete-type .isMember .isMember-form .hints,
.join-form fieldset .athlete-type .isMember .isMember-form .help-block {
  padding-left: 49%;
}

.join-form fieldset .athlete-type .isMember .isMember-form:first-child input {
  width: 280px;
}

.join-form fieldset .personal-info .control-label {
  width: 33%;
  margin-left: 10px;
}

.join-form fieldset .personal-info .controls {
  display: inline-block;
  padding-left: 3px;
  width: 60%;
  vertical-align: top;
}

.join-form fieldset .personal-info .help-block {
  margin-left: 33%;
  padding-left: 15px;
}

.join-form fieldset .declare {
  margin-bottom: 20px;
}

.join-form fieldset .declare button {
  display: inline-block;
  margin-top: 20px;
  padding: 5px 15px;
  background-color: #237eee;
  color: #fff;
}

.join-form fieldset .declare .btn {
  display: inline-block;
  margin-top: 20px;
  padding: 5px 15px;
}

/* ----------- 状态表 ----------- */

.status {
  margin: 30px 20px;
  text-align: left;
}

.status p {
  font-size: 16px;
}

.status p span {
  color: #d20004;
}

.status button {
  color: #fff;
}

.status button:first-child {
  background-color: gray;
  border: 1px solid gray;
}

.status button:first-child:hover {
  color: gray;
  background-color: #fff;
}

.status button:last-child {
  background-color: #d20004;
  border: 1px solid #d20004;
}

.status button:last-child:hover {
  color: #d20004;
  background-color: #fff;
}

.status .payment-info {
  margin-top: 20px;
  padding: 30px 20px;
  border-top: 1px dashed rgb(9, 82, 206);
}

/* ----------- 付款页 ----------- */

.payment-confirm {
  margin: 40px 10px;
  padding: 30px;
  background: #ebebeb;
  text-align: left;
  font-size: 16px;
}

.payment-confirm span {
  padding-left: 10px;
  color: rgb(9, 82, 206);
}

.payment-confirm .total-payment {
  padding: 10px 20px 0;
  text-align: right;
  border-top: 1px dashed rgb(9, 82, 206);
}

.payment-confirm .total-payment span {
  font-size: 18px;
}

.payment-confirm .btns {
  margin: 20px 10px;
  text-align: right;
}

.payment-confirm a {
  color: #fff;
  padding: 5px 15px;
  border-radius: 5px;
}

.payment-confirm a:hover {
  text-decoration: none;
  cursor: pointer;
}

.payment-confirm a:first-of-type {
  background-color: gray;
  border: 1px solid gray;
}

.payment-confirm a:first-of-type:hover {
  color: gray;
  background-color: #fff;
}

.payment-confirm a:nth-of-type(2) {
  background-color: #d20004;
  border: 1px solid #d20004;
}

.payment-confirm a:nth-of-type(2):hover {
  color: #d20004;
  background-color: #fff;
}

.payment-confirm .remark {
  color: #dd7200;
}

.payment-confirm .remark ul {
  padding-left: 20px;
  list-style: circle;
}

/* ----------- 注册页 ----------- */

.email-confirm p {
  margin: 0;
  text-align: left;
}

.email-confirm .declare {
  margin-bottom: 40px;
}

.email-confirm .declare .help-block {
  padding: 0;
  text-align: center;
  color: red;
}

.email-confirm .hints {
  margin: auto;
  padding: 0 30px;
  width: 60%;
  color: #dd7200;
}

/* ----------- 换组页 ----------- */

.race-change p {
  color: #dd7200;
}

.race-change div {
  margin-top: 15px;
  text-align: left;
}

.race-change div label {
  width: 25%;
}

.race-change div .form-control {
  display: inline-block;
  width: 80%;
  vertical-align: top;
}

.race-change .btn {
  display: block;
  margin: 30px auto;
}

.change-payment {
  margin: 30px 20px;
}

.change-payment .controls {
  display: inline-block;
  margin-left: 50px;
  vertical-align: top;
}

.change-payment .payment-confirm {
  margin-top: 20px;
}

.change-payment .payment-confirm h3 {
  margin: 0 0 30px;
}

.change-payment .payment-confirm h3 span {
  padding: 0;
}

.change-payment .payment-confirm .total-payment {
  padding-left: 0;
  text-align: left;
}

.change-payment .payment-confirm .remark {
  margin: 20px 0;
  font-size: 14px;
}

.change-payment .payment-confirm .btn {
  background-color: #d20004;
  border-color: #d20004;
}

.change-payment .payment-confirm .btn:hover {
  color: #d20004;
}

@media screen and (max-width: 1024px) {
  .creat-login form,
  .email-confirm form,
  .forgot-password form,
  .login form,
  .quick-register form,
  .race-change form {
    width: 80%;
  }
}

@media screen and (max-width: 768px) {
  .sub-banner {
    background-position-x: 0px;
    background-position-y: -21px;
  }

  .app .promo {
    background-position: right;
  }
}

/* @media screen and (min-width: 768px) and (max-width: 1023px){
    header {
        .btn-features{
            position: fixed;
            display: block;
            background: #fff;
            right: 0;
            top: 180px;
        }
        .account, header .langs {
            display: flex;
            align-items: center;
            padding: 0 10px;
            border-left: 1px solid #eee;
            border-bottom: 1px solid #eee;
        }
        .navbar-right .account ul, .navbar-right .langs ul {
            background: #007897;
            top: -2px;
            right: 70px;
            border: none;
            border-radius: 0;
            left:auto;
            padding: 0;
        }
    }
} */

@media screen and (max-width: 767px) {
  .lang_en .navbar .navbar-header .logo,
  .lang_pt .navbar .navbar-header .logo {
    height: 80% !important;
  }

  .mselector select {
    min-width: 100%;
  }

  body {
    font-size: 14px;
    padding-top: 66px;
  }

  .pc {
    display: none;
  }

  .mobile {
    display: block;
  }

  /* -------------------- header -------------------- */

  header .topbar {
    width: 100%;
    min-width: 100%;
  }

  header .container-fluid {
    padding: 0;
  }

  header .navbar {
    background: #fff;
    border: none;
  }

  header .navbar .navbar-header {
    height: 66px;
    background: #fff;
    display: flex;
    align-items: center;
  }

  header .navbar .navbar-header .logo {
    padding-left: 20px;
    display: block;
    height: 60px;
    padding: 10px 20px;
  }

  header .navbar .navbar-header .logo span {
    background-position: center;
    background-size: contain;
  }

  header .navbar .navbar-header button {
    position: absolute;
    top: 5px;
    right: 0;
  }

  header .navbar .navbar-header button .icon-bar {
    width: 30px;
    height: 4px;
    background-color: #00a2cc;
  }

  header .navbar .navbar-header button .icon-bar + .icon-bar {
    margin-top: 5px;
  }

  header .nav {
    background: #00a2cc;
  }

  header .nav > li > a span {
    color: #fff;
    max-width: 100% !important;
  }

  header .nav > li > a span:hover {
    text-align: center;
  }

  header .nav > li > a:hover {
    text-align: center;
  }

  header .nav .open ul li a:hover {
    text-align: center;
  }

  header .nav .open ul li a:hover,
  header .nav .open ul li a:focus {
    text-align: center;
  }

  header #navbar-collapse {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  header #navbar-collapse ul {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  header #navbar-collapse ul li {
    padding: 0;
    text-align: center;
    font-size: 1.5rem;
    border-bottom: 1px solid #ddd;
  }

  header #navbar-collapse ul li:last-child {
    border-bottom: none;
  }

  header #navbar-collapse ul li a {
    padding: 20px;
    color: #000;
  }

  header #navbar-collapse ul li .dropdown-menu {
    transform: translateX(0);
    padding: 0 0px;
  }

  header #navbar-collapse ul li .dropdown-menu li {
    border: none;
  }

  header #navbar-collapse ul li .dropdown-menu li a {
    border-bottom: 1px solid #b5e4f0;
  }

  header #navbar-collapse ul li .dropdown-menu a {
    padding: 15px 0;
    background-color: #fff;
    color: #003c4b;
  }

  header #navbar-collapse ul li .dropdown-menu a:focus {
    background-color: #fff;
  }

  header #navbar-collapse ul li .dropdown-menu:before {
    top: -16px;
    border-width: 8px;
    border-bottom-color: #007897;
  }

  header #navbar-collapse ul li.open > ul {
    background: #199fc7;
  }

  header #navbar-collapse ul li.open > a {
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #fff;
  }

  header ul.navbar-nav {
    max-height: 365px;
    overflow: scroll;
  }

  header .btn-features {
    right: 80px;
  }

  header .btn-features .dropdown-menu {
    left: 0;
    right: 0;
    float: right;
    transform: translateX(-50%);
  }

  #close {
    top: 30px;
    right: 0px;
  }

  header .topbar .account,
  header .topbar .langs {
    height: 66px;
  }

  #dragons {
    min-height: auto;
    background: #fff url("/images/2025/mob_bg.jpg") no-repeat bottom right;
    background-size: 100% auto;
    background-position: right 0 bottom 16px;
  }

  .page-title {
    padding-right: 0;
    padding-left: 10px;
    font-size: 20px;
    margin: 0;
    width: 94%;
  }

  .page-title span {
    transform: translateY(-50%);
  }

  .topBtn {
    position: fixed;
    bottom: 10%;
    right: 0;
    width: 8%;
  }

  .topBtn img {
    width: 100%;
  }

  /* -------------------- header -------------------- */

  /* -------------------- banner -------------------- */

  .banner-left {
    max-width: 95%;
    position: relative;
    z-index: 88;
  }

  .banner-right {
    max-width: 90%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
  }

  .banner-bottom {
    max-width: 85%;
    position: relative;
    z-index: 88;
  }

  .banner {
    height: auto;
  }

  .banner .banner-container .banner-info {
    width: 100%;
    position: absolute;
    top: 12%;
    left: 0%;
    z-index: 99;
    transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
    -ms-transform: none;
  }

  .headtitle {
    position: relative;
    left: auto !important;
    top: auto;
    padding: 5% 5% 5% 5%;
    transform: translateY(0%);
  }

  .headtitle .headtitless {
    padding: 0;
  }

  .headtitle .headtitless .slogMainJpg {
    padding: 0px 0 60px;
  }

  .headtitle .headtitless .slognMain {
    display: none;
  }

  .headtitle .headtitless .slognMob {
    display: block;
    width: 70%;
  }

  .headtitle .headtitless .btn-line {
    padding: 25px 68px;
  }

  .headtitle .headtitless .btn-line span {
    display: inline-block;
  }

  .headtitle .headtitless .btn-line .logining {
    text-align: left;
  }

  .headtitle .headtitless .btn-while {
    padding: 37px 50px;
    margin-right: 5px;
  }

  /* -------------------- banner -------------------- */

  /* -------------------- content -------------------- */

  .homeVideo {
    padding: 50px 30px 40px !important;
  }

  .video {
    margin: 0 auto;
    padding: 10px 30px 40px;
  }

  .video h2 {
    margin: 0;
  }

  .video div {
    padding: 0;
  }

  .video a {
    height: auto;
    position: relative;
  }

  .video a span {
    position: absolute;
    bottom: 0;
    width: 100%;
  }

  .video .row {
    margin: 0 auto;
  }

  .notice .notice-container {
    padding: 0 30px;
  }

  .notice p {
    padding: 15px;
    width: 90%;
    margin: auto;
    text-align: center;
  }

  .publicityVideo .thumbnails span {
    max-height: 100px;
  }

  .publicityVideo .thumbnails span .videoIcon {
    height: 100px;
  }

  .publicityVideo .thumbnails span b {
    height: 80px;
  }

  .time .time-container h2 span {
    font-size: 19px;
  }

  .time .time-container div p {
    padding: 45px 10px 10px 10px;
    margin: 10px 0;
    font-size: 1.8rem;
    text-align: center;
    position: relative;
    text-align: left;
    line-height: 30px;
  }

  .time .time-container div p i {
    width: 100%;
    display: inline-block;
  }

  .time .time-container div p .date {
    position: absolute;
    left: 0;
    top: 8px;
    height: 26px;
    line-height: 26px;
    margin-right: 0px;
    padding: 0 10px;
    display: inline-block;
  }

  .time .time-container div p .date::after {
    width: 75%;
  }

  .time .time-container div p .circle {
    width: 30px;
    height: 30px;
    position: absolute;
    left: -33px;
    top: -10px;
    border-width: 5px;
  }

  .time .time-container div p:last-child .circle {
    padding-bottom: 70px;
  }

  .table-responsive {
    border: none;
  }

  .subpage .at-header {
    position: fixed;
    top: 0px;
  }

  .subpage .activity {
    position: fixed;
    bottom: 10px;
    top: 20px;
    left: 0;
    right: 0;
    margin-top: 20px;
    background: transparent;
    overflow: scroll;
  }

  .subpage .at-content {
    position: fixed;
    bottom: 0px;
    top: 20px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px 10px 0 0;
    margin: 0 15px;
    margin-top: 20px;
    padding: 15px;
    font-size: 16px;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.2);
    overflow: scroll;
  }

  .subpage .at-content .history-content .d-flex {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
  }

  .subpage .at-content .history-content .d-flex li {
    margin: 10px;
  }

  .subpage .at-content .history-content .d-flex a {
    white-space: nowrap;
    width: 100px;
    line-height: 100px;
    text-align: center;
    display: block;
    border: 2px solid #eee;
    border-radius: 5px;
    text-decoration: none;
    color: #007897;
    font-size: 25px;
  }

  .subpage .at-content .history-content .d-flex a:hover {
    color: #007897;
    border-color: #9acb67;
  }

  .subpage .time .time-container {
    padding: 0;
  }

  .subpage .time .time-container .date {
    position: relative;
    margin-right: 10px;
  }

  .subpage .time .time-container > div p {
    padding: 0 0 10px 0;
    margin-left: 10px;
    border-bottom: 1px solid #007897;
  }

  .subpage .time .time-container > div p .date {
    white-space: nowrap;
    padding-left: 0;
    margin-bottom: 5px;
  }

  .subpage .time .time-container > div p span {
    display: block;
    line-height: 22px;
  }

  .subpage .date-table .icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url("/images/build/cut_95.png");
    background-size: cover;
    vertical-align: middle;
    margin-left: 5px;
  }

  /* -------------------- content -------------------- */

  /* -------------------- footer -------------------- */

  footer {
    background: #fff;
  }

  footer .download .thumbnail {
    margin: 0% 10%;
    padding: 3.5%;
    border: none;
    border-bottom: 1px solid #007897;
  }

  footer .download .thumbnail:nth-last-child(1) {
    border-bottom: none;
  }

  footer .download .thumbnail::before {
    display: none;
  }

  footer .group {
    padding: 10px 20px 25px;
    color: #888;
  }

  footer .group p {
    margin: 15px 0 0;
  }

  footer .group .wrapLog1,
  footer .group .wrapLog2,
  footer .group .wrapLog3 {
    width: 80%;
  }

  footer .group .wrapLog1 img {
    height: 45px;
  }

  footer .copyright {
    position: static;
  }

  footer .copyright .row {
    display: flex;
    flex-direction: column-reverse;
  }

  footer .copyright .row p {
    padding: 0 15px;
    font-weight: 300;
    text-align: left;
  }

  /* -------------------- footer -------------------- */

  /* -------------------- subpage -------------------- */

  .subpage .content .page-title {
    background: none;
    padding: 0 15px 0 15px;
    height: 144px;
  }

  .subpage .content .page-title span {
    max-width: 150px;
    font-size: 25px;
  }

  .subpage .content .container {
    padding: 0 15px;
  }

  .subpage .content .container ol {
    padding-left: 15px;
  }

  .subpage .content .breadcrumb {
    margin-bottom: 10px;
  }

  .sub-banner {
    margin: 0;
    height: 120px;
    background-position-x: 0px;
    background-position-y: 0px;
  }

  .sub-banner img {
    width: 100%;
    display: block;
  }

  .sub-banner .sub-topTu {
    display: none;
  }

  .sub-banner .sub-topTu-mob {
    display: block;
  }

  .sub-banner .sub-topTu-mob .slogn_sub {
    width: 140px;
    height: auto;
    left: auto;
    right: 10px;
    top: 9px;
  }

  .lang_pt .sub-banner .sub-topTu-mob .slogn_sub,
  .lang_en .sub-banner .sub-topTu-mob .slogn_sub {
    width: 140px;
  }

  table {
    width: 100%;
    font-size: 1rem;
  }

  table td.da {
    font-size: 15px;
  }

  table th {
    padding: 10px 15px;
  }

  table img {
    width: 100%;
    height: auto;
  }

  table ul {
    padding: 0;
  }

  table .group {
    width: 100px;
  }

  .twoTable,
  .threeTable {
    flex-wrap: wrap;
    width: 100%;
  }

  .twoTable table,
  .threeTable table {
    width: 100%;
  }

  .twoTable .margin-020,
  .threeTable .margin-020 {
    margin: 20px 0;
  }

  .twoTable .threeTableMl,
  .threeTable .threeTableMl {
    margin-left: 0px;
    margin-top: 20px;
  }

  .twoTable .threeTableMr,
  .threeTable .threeTableMr {
    margin-right: 0px;
  }

  .twoTable .twoTableMr,
  .threeTable .twoTableMr {
    width: 100%;
  }

  .attach table,
  .record2019 table,
  .rule2019 table {
    width: 100%;
  }

  .information .ruleing .threeTable table {
    width: 100%;
  }

  #marathonTab li a,
  #resultTab li a {
    padding: 10px 5px;
    word-break: break-word;
  }

  #marathon_subTab {
    display: flex;
    justify-content: space-between;
    padding: 0;
  }

  #marathon_subTab li {
    padding: 0;
    text-align: center;
  }

  #marathon_subTab li a {
    margin: 0;
    padding: 10px 5px;
    word-break: break-word;
  }

  .card p {
    padding: 10px 20px;
  }

  /* -------------------- subpage -------------------- */

  /* --------------------- forms -------------------- */

  .login a,
  .forgot-password a,
  .quick-register a,
  .email-confirm a,
  .race-change a {
    word-break: keep-all;
  }

  .login form,
  .forgot-password form,
  .quick-register form,
  .email-confirm form,
  .race-change form {
    width: 100%;
  }

  .login form .control-label,
  .forgot-password form .control-label,
  .quick-register form .control-label,
  .email-confirm form .control-label,
  .race-change form .control-label {
    width: 30%;
  }

  .email-confirm .hints {
    width: auto;
  }

  .race-change div {
    margin: 10px 0;
  }

  .race-change div label,
  .race-change div .form-control {
    width: 100%;
  }

  .race-change div .radio-inline {
    width: 40%;
  }

  .home-menu .btns a {
    margin: 5px 0;
    padding: 5px 10px;
  }

  .status .payment-info {
    padding: 20px 0;
    line-height: 2em;
  }

  .join-form fieldset input[type=text],
  .join-form fieldset input[type=email] {
    width: 60%;
    vertical-align: top;
  }

  .join-form fieldset input[type=text].hasDatepicker,
  .join-form fieldset input[type=email].hasDatepicker {
    width: 100%;
  }

  .join-form fieldset .controls select,
  .join-form fieldset .controls input {
    width: 100%;
  }

  .join-form fieldset .race-type {
    padding-right: 0;
  }

  .join-form fieldset .race-type .row {
    display: inline-block;
    width: 45%;
  }

  .join-form fieldset .race-type .row .radio-inline,
  .join-form fieldset .race-type .row span {
    margin: 0;
    width: 100%;
  }

  .join-form fieldset .athlete-type label {
    margin: 0;
    width: 100%;
  }

  .join-form fieldset .athlete-type .isMember-form label {
    padding: 0;
  }

  .join-form fieldset .personal-info .control-label {
    margin-left: 0;
  }

  .join-form fieldset .personal-info .hints {
    padding: 0 15px 0 5px;
    font-size: 12px;
  }

  .join-form fieldset .personal-info .help-block {
    padding: 0;
  }

  .mselector select {
    min-width: 150px;
  }

  .sub-content .container {
    padding: 0 10px;
  }

  .sub-content .container .haveMoney ol li table tr th,
  .sub-content .container .andover ol li table tr th {
    padding: 10px 4px;
  }

  /* --------------------- forms -------------------- */

  .busy {
    padding: 120px 10px 50px;
    font-size: small;
    line-height: 1em;
  }

  .busy p {
    margin-bottom: 5px;
  }

  .lang_zh .nav .home,
  .lang_pt .nav .home,
  .lang_en .nav .home {
    width: 100%;
  }

  .lang_zh .nav .events,
  .lang_pt .nav .events,
  .lang_en .nav .events {
    width: 100%;
  }

  .lang_zh .nav .aboutus,
  .lang_pt .nav .aboutus,
  .lang_en .nav .aboutus {
    width: 100%;
  }

  .lang_zh .nav .travelinfo,
  .lang_pt .nav .travelinfo,
  .lang_en .nav .travelinfo {
    width: 100%;
  }

  .lang_zh .nav .showroom,
  .lang_pt .nav .showroom,
  .lang_en .nav .showroom {
    width: 100%;
  }

  .lang_zh .nav .newsroom,
  .lang_pt .nav .newsroom,
  .lang_en .nav .newsroom {
    width: 100%;
  }

  .lang_zh .app footer .screenshot,
  .lang_pt .app footer .screenshot,
  .lang_en .app footer .screenshot {
    padding: 40px 0;
  }

  .lang_zh .lang_pt .sub-banner .sub-topTu-mob .slogn_sub,
  .lang_zh .lang_en .sub-banner .sub-topTu-mob .slogn_sub,
  .lang_pt .lang_pt .sub-banner .sub-topTu-mob .slogn_sub,
  .lang_pt .lang_en .sub-banner .sub-topTu-mob .slogn_sub,
  .lang_en .lang_pt .sub-banner .sub-topTu-mob .slogn_sub,
  .lang_en .lang_en .sub-banner .sub-topTu-mob .slogn_sub {
    width: 140px;
    top: 6px;
    right: 8px;
  }

  .app .promo footer .screenshot {
    background-position: left bottom;
    background: none;
    padding: 30px 0;
  }

  .creative-costume2019 .sub-content,
  .luckydraw2019 .sub-content {
    background: none;
  }

  .creative-costume2019 .sub-content ol,
  .luckydraw2019 .sub-content ol {
    padding-left: 15px;
  }

  .luckydraw2019 .page-title span {
    font-size: 15px;
  }

  .lang_zh.luckydraw2019 .page-title span {
    font-size: 16px;
  }

  .mobile-activity .haveMoney ol {
    padding-left: 20px;
  }

  .haveMoney ol,
  .joining ol,
  .ruleing ol {
    padding-left: 0px;
  }

  .loogin {
    padding: 0;
  }

  .mobile-activity {
    padding-top: 0px !important;
  }

  .mobile-activity .at-header p {
    font-size: 22px;
  }

  .mobile-activity .at-content {
    width: 92%;
  }

  .lang_pt.mobile-activity .page-andover .at-header p {
    font-size: 17px;
    line-height: 19px;
    max-width: 300px;
  }

  * {
    touch-action: auto;
  }

  .mobile-activity .ruleing ol,
  .mobile-activity .joining ol,
  .mobile-activity .haveMoney ol {
    padding-left: 0;
  }

  .mobile-activity .ruleing ol > li::before,
  .mobile-activity .joining ol > li::before,
  .mobile-activity .haveMoney ol > li::before {
    display: initial;
  }

  .creat-login form .form-group,
  .email-confirm form .form-group,
  .forgot-password form .form-group,
  .login form .form-group,
  .quick-register form .form-group,
  .race-change form .form-group {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
  }

  .creat-login form .form-group .control-label,
  .email-confirm form .form-group .control-label,
  .forgot-password form .form-group .control-label,
  .login form .form-group .control-label,
  .quick-register form .form-group .control-label,
  .race-change form .form-group .control-label {
    width: 100%;
    text-align: left;
    padding: 0 5px;
  }

  .creat-login form .form-group .controls,
  .email-confirm form .form-group .controls,
  .forgot-password form .form-group .controls,
  .login form .form-group .controls,
  .quick-register form .form-group .controls,
  .race-change form .form-group .controls {
    width: 100%;
  }

  .creat-login form .help-block,
  .email-confirm form .help-block,
  .forgot-password form .help-block,
  .login form .help-block,
  .quick-register form .help-block,
  .race-change form .help-block {
    padding-left: 0;
  }

  .email-confirm form > label {
    padding-left: 0;
  }

  .iframeC {
    width: 100%;
  }
}

@media screen and (max-width: 760px) {
  .luckydraw2019 .on-event table {
    border-collapse: collapse;
  }

  .luckydraw2019 .on-event table tr {
    border: 0;
  }

  .luckydraw2019 .on-event table tr td {
    padding: 0;
  }

  .luckydraw2019 .on-event table tr td::before {
    color: #fff;
    border-bottom: 1px solid #fff;
  }

  .luckydraw2019 .on-event table tr td:not(:first-child) div {
    border-top: 0;
  }
}

@media screen and (max-width: 414px) {
  .sub-banner {
    background-position-y: 0;
    background-position-x: 45vw;
  }

  .headtitle .headtitless .btn-lg {
    margin-bottom: 20px;
  }

  .lang_pt.luckydraw2018 .page-title,
  .lang_pt.luckydraw2019 .page-title,
  .lang_en.luckydraw2018 .page-title {
    font-size: 15px;
    width: 45%;
  }

  .lang_pt.creative-costume2018 .page-title,
  .lang_pt.creative-costume2019 .page-title {
    font-size: 16px;
    width: 45%;
  }

  .lang_en.creative-costume2018 .page-title,
  .lang_en.creative-costume2019 .page-title {
    font-size: 16px;
    width: 47%;
  }

  .sub-content .tab-content .active {
    padding: 0 !important;
    width: 100%;
    overflow: auto;
  }

  .lang_pt.download-certificate .page-title span,
  .lang_en.download-certificate .page-title span {
    top: 55px;
  }

  .travel-info-content table {
    margin-left: 0 !important;
  }

  footer .group p {
    width: 200px;
  }

  footer .group .wrapLog1,
  footer .group .wrapLog2,
  footer .group .wrapLog3 {
    width: 100%;
  }

  .lang_pt.mobile-activity table th {
    padding: 10px;
  }

  .lang_pt.mobile-activity .attach table tr th,
  .lang_pt.mobile-activity .attach table tr td {
    padding: 5px;
  }

  table th {
    text-transform: none;
  }

  .mobile-activity .at-content {
    width: 92%;
  }

  .mobile-activity table th {
    text-transform: none;
    padding: 10px;
  }

  .mobile-activity .awardtotal {
    margin: 15px 0;
  }
}

@media screen and (max-width: 375px) {
  .creative-costume2019 .sub-content,
  .luckydraw2019 .sub-content {
    background-position: 0% 18%, 65% -1000%, 133% 100%;
  }

  .lang_pt .sub-banner .sub-topTu-mob .slogn_sub,
  .lang_en .sub-banner .sub-topTu-mob .slogn_sub {
    top: 9px;
  }

  .tab-content #hm,
  .tab-content #m,
  .tab-content #mm {
    padding: 20px 0;
  }

  .tab-content #hm table th,
  .tab-content #m table th,
  .tab-content #mm table th {
    padding: 10px 12px;
  }

  .lang_en.download-certificate .page-title span,
  .lang_pt.download-certificate .page-title span {
    top: 48px;
  }

  .lang_pt .baoMing th,
  .lang_en .baoMing th {
    padding: 10px 5px;
  }

  footer .group img {
    height: 50px;
  }
}

@media screen and (max-width: 320px) {
  .app .content .app-mobile .img-phone img {
    width: 100%;
  }

  .creative-costume2019 .sub-content,
  .luckydraw2019 .sub-content {
    background-position: 0% 25%, 65% -1000%, 143% 100%;
  }

  header .langbar .account a span {
    display: block;
    margin: 0 auto;
  }

  header .langbar .account a {
    line-height: 20px;
    padding: 5px 0;
  }

  header .langbar .line {
    margin-top: -20px;
    height: 37px;
  }

  .headtitle .headtitless .btn-while {
    display: block;
    margin-bottom: 20px;
  }

  .awards .award2019 tbody th {
    font-size: 12px;
  }

  .headtitle .headtitless .date li {
    font-size: 16px;
  }

  .headtitle .headtitless .btn-lg {
    padding: 25px 22px;
  }

  .headtitle .headtitless .btn-line {
    padding: 25px 44px;
  }

  .sub-banner .sub-topTu-mob .slogn_sub {
    height: auto;
    left: auto;
    right: 10px;
  }

  .lang_en .sub-banner .sub-topTu-mob .slogn_sub {
    right: 8px;
  }

  .lang_pt.download-certificate .page-title,
  .lang_en.download-certificate .page-title {
    font-size: 15px;
    width: 37%;
  }

  .lang_pt.download-certificate .page-title span,
  .lang_en.download-certificate .page-title span {
    top: 50px;
  }

  .lang_pt.information .ruleing table th,
  .lang_en.information .ruleing table th {
    padding: 10px 5px;
  }

  .lang_pt.travelinformation .page-title {
    font-size: 15px;
  }

  .lang_pt.healthcorner .page-title,
  .lang_en.healthcorner .page-title {
    font-size: 15px;
    width: 38%;
  }

  .lang_pt.mobile-activity table th,
  .lang_pt.mobile-activity table td {
    padding: 10px 5px;
    font-size: 12px;
  }

  .card-header a:after {
    right: 5px;
    top: 17px;
  }

  .headtitle .headtitless .btn-line .logining {
    text-align: center;
  }

  .lang_en.mobile-activity .haveMoney table th {
    letter-spacing: 0;
  }

  .lang_en .btn-list .btn,
  .lang_pt .btn-list .btn {
    width: 100%;
  }
}

.activity a {
  color: #3bbdf1;
}

.activity .icon_1 {
  background: url("images/2018/icon/sub_icon_1_2.png?v=2020");
  background-size: cover;
}

.activity .collapsed {
  color: #214575;
}

.activity .collapsed .icon_1 {
  background: url("/images/2019/icon/sub_icon_1.png?v=2020");
  background-size: cover;
}

.activity .collapsed .icon_right {
  background: url("/images/2019/icon/cut_120.png") no-repeat;
  background-size: contain;
  right: 0;
  left: auto;
  width: 14px;
  height: 21px;
}

.activity .collapsed #icon_middle {
  display: inline-block;
  max-width: 195px;
}

.activity a {
  color: #3bbdf1;
}

.activity .icon_2 {
  background: url("images/2018/icon/sub_icon_2_2.png?v=2020");
  background-size: cover;
}

.activity .collapsed {
  color: #214575;
}

.activity .collapsed .icon_2 {
  background: url("/images/2019/icon/sub_icon_2.png?v=2020");
  background-size: cover;
}

.activity .collapsed .icon_right {
  background: url("/images/2019/icon/cut_120.png") no-repeat;
  background-size: contain;
  right: 0;
  left: auto;
  width: 14px;
  height: 21px;
}

.activity .collapsed #icon_middle {
  display: inline-block;
  max-width: 195px;
}

.activity a {
  color: #3bbdf1;
}

.activity .icon_3 {
  background: url("images/2018/icon/sub_icon_3_2.png?v=2020");
  background-size: cover;
}

.activity .collapsed {
  color: #214575;
}

.activity .collapsed .icon_3 {
  background: url("/images/2019/icon/sub_icon_3.png?v=2020");
  background-size: cover;
}

.activity .collapsed .icon_right {
  background: url("/images/2019/icon/cut_120.png") no-repeat;
  background-size: contain;
  right: 0;
  left: auto;
  width: 14px;
  height: 21px;
}

.activity .collapsed #icon_middle {
  display: inline-block;
  max-width: 195px;
}

.activity a {
  color: #3bbdf1;
}

.activity .icon_4 {
  background: url("images/2018/icon/sub_icon_4_2.png?v=2020");
  background-size: cover;
}

.activity .collapsed {
  color: #214575;
}

.activity .collapsed .icon_4 {
  background: url("/images/2019/icon/sub_icon_4.png?v=2020");
  background-size: cover;
}

.activity .collapsed .icon_right {
  background: url("/images/2019/icon/cut_120.png") no-repeat;
  background-size: contain;
  right: 0;
  left: auto;
  width: 14px;
  height: 21px;
}

.activity .collapsed #icon_middle {
  display: inline-block;
  max-width: 195px;
}

.activity a {
  color: #3bbdf1;
}

.activity .icon_5 {
  background: url("images/2018/icon/sub_icon_5_2.png?v=2020");
  background-size: cover;
}

.activity .collapsed {
  color: #214575;
}

.activity .collapsed .icon_5 {
  background: url("/images/2019/icon/sub_icon_5.png?v=2020");
  background-size: cover;
}

.activity .collapsed .icon_right {
  background: url("/images/2019/icon/cut_120.png") no-repeat;
  background-size: contain;
  right: 0;
  left: auto;
  width: 14px;
  height: 21px;
}

.activity .collapsed #icon_middle {
  display: inline-block;
  max-width: 195px;
}

.activity a {
  color: #3bbdf1;
}

.activity .icon_6 {
  background: url("images/2018/icon/sub_icon_6_2.png?v=2020");
  background-size: cover;
}

.activity .collapsed {
  color: #214575;
}

.activity .collapsed .icon_6 {
  background: url("/images/2019/icon/sub_icon_6.png?v=2020");
  background-size: cover;
}

.activity .collapsed .icon_right {
  background: url("/images/2019/icon/cut_120.png") no-repeat;
  background-size: contain;
  right: 0;
  left: auto;
  width: 14px;
  height: 21px;
}

.activity .collapsed #icon_middle {
  display: inline-block;
  max-width: 195px;
}

.activity a {
  color: #3bbdf1;
}

.activity .icon_7 {
  background: url("images/2018/icon/sub_icon_7_2.png?v=2020");
  background-size: cover;
}

.activity .collapsed {
  color: #214575;
}

.activity .collapsed .icon_7 {
  background: url("/images/2019/icon/sub_icon_7.png?v=2020");
  background-size: cover;
}

.activity .collapsed .icon_right {
  background: url("/images/2019/icon/cut_120.png") no-repeat;
  background-size: contain;
  right: 0;
  left: auto;
  width: 14px;
  height: 21px;
}

.activity .collapsed #icon_middle {
  display: inline-block;
  max-width: 195px;
}

.activity a {
  color: #3bbdf1;
}

.activity .icon_8 {
  background: url("images/2018/icon/sub_icon_8_2.png?v=2020");
  background-size: cover;
}

.activity .collapsed {
  color: #214575;
}

.activity .collapsed .icon_8 {
  background: url("/images/2019/icon/sub_icon_8.png?v=2020");
  background-size: cover;
}

.activity .collapsed .icon_right {
  background: url("/images/2019/icon/cut_120.png") no-repeat;
  background-size: contain;
  right: 0;
  left: auto;
  width: 14px;
  height: 21px;
}

.activity .collapsed #icon_middle {
  display: inline-block;
  max-width: 195px;
}

.activity a {
  color: #3bbdf1;
}

.activity .icon_9 {
  background: url("images/2018/icon/sub_icon_9_2.png?v=2020");
  background-size: cover;
}

.activity .collapsed {
  color: #214575;
}

.activity .collapsed .icon_9 {
  background: url("/images/2019/icon/sub_icon_9.png?v=2020");
  background-size: cover;
}

.activity .collapsed .icon_right {
  background: url("/images/2019/icon/cut_120.png") no-repeat;
  background-size: contain;
  right: 0;
  left: auto;
  width: 14px;
  height: 21px;
}

.activity .collapsed #icon_middle {
  display: inline-block;
  max-width: 195px;
}

.panel-group .panel + .panel {
  margin-top: 0px;
  margin-bottom: 10px;
  border-radius: 15px;
}

.panel-group {
  padding: 0 10px;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #3bbdf1;
}

.activity .panel,
.activity .panel-default {
  border: none;
}

.activity .panel {
  margin-bottom: 10px;
  border-radius: 15px;
}

.activity span[class^=icon_] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  display: block;
  width: 35px;
  height: 33px;
}

.activity .panel-default > .panel-heading {
  box-shadow: 6px 5px 5px #eee;
  border-radius: 15px;
  background-color: #fff;
  border-bottom: none;
}

.activity .panel-default a[role=button] {
  display: block;
  position: relative;
  padding-left: 59px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
}

.activity .panel-default a[role=button]::before {
  width: 1px;
  height: 80%;
  background: #ddd;
  left: 45px;
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.activity .panel-body {
  font-size: 16px;
}

.activity .panel-body .title {
  padding-bottom: 5px;
  border-bottom: 1px solid #3bbdf1;
}

.subpage .time .time-container > h2 span {
  display: none;
}

.subpage .time .time-container .date {
  color: #007897;
}

footer .group {
  border-top: 0px;
}

@media (max-width: 768px) {
  .mobile-td-center {
    padding: 0 !important;
    min-height: 40px;
    display: flex !important;
    align-items: center !important;
    justify-content: start !important;
  }

  .mobile-td-center span {
    padding: 0 !important;
  }

  .mobile-mb-0 {
    margin-bottom: 0 !important;
  }

  .mobile-mb-0 .pa::before {
    display: none;
  }
}

#dragons > .header-container {
  max-width: 1420px;
  margin: 0 auto;
  padding: 0 50px;
}

#dragons-mob > .header-container {
  max-width: 1420px;
  margin: 0 auto;
  padding: 0 50px;
}

.b-fff {
  border-bottom: 1px solid #fff !important;
}

.bg-1ac6e5,
.A10k {
  background-color: #1ac6e5 !important;
}

.bg-f8ab26,
.B10k {
  background-color: #f8ab26 !important;
}

.bg-878787,
.C10k {
  background-color: #154478 !important;
}

@media screen and (max-width: 1024px) {
  .C10k-media-1024 {
    background-color: #154478 !important;
  }
}