html, body {
  background: #06132f;
  color: #000;
}



/* button and form */
.button-solid {
  background: rgb(63,199,237);
  background: -moz-linear-gradient(180deg, rgba(63,199,237,1) 0%, rgba(10,41,95,1) 34%, rgba(3,21,80,1) 66%, rgba(14,51,129,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(63,199,237,1) 0%, rgba(10,41,95,1) 34%, rgba(3,21,80,1) 66%, rgba(14,51,129,1) 100%);
  background: linear-gradient(180deg, rgba(63,199,237,1) 0%, rgba(10,41,95,1) 34%, rgba(3,21,80,1) 66%, rgba(14,51,129,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3fc7ed",endColorstr="#0e3381",GradientType=1);
  color: #fff !important;
}

.button-outline {
  border: 1px solid #42b7e9;
  color: #fff !important;
}

.button-outline:hover {
  color: #fff !important;
  background: #42b7e9;
}

.formcol-a input {
  color: #fff;
  border: #42b7e9 1px solid;
}

/* Modal */
.modal-body {
  background: #06132F;
  border: 1px solid #42b7e9;
}

.close {
  color: #fff;
  opacity: .8;
}



/* header */
.header-nav .aflogin li .btn2 {
  background-color: #3A9DFC;
}

.header-nav .aflogin li .btn2:hover, .header-nav .aflogin li .btn2.active {
  background: #e7bd4f;
}

header > .main-nav {
  border-top: 3px solid #e7bd4f;
  background: rgb(23,81,161);
  background: -moz-linear-gradient(180deg, rgba(23,81,161,1) 0%, rgba(20,64,143,1) 41%, rgba(7,37,93,1) 50%, rgba(16,69,128,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(23,81,161,1) 0%, rgba(20,64,143,1) 41%, rgba(7,37,93,1) 50%, rgba(16,69,128,1) 100%);
  background: linear-gradient(180deg, rgba(23,81,161,1) 0%, rgba(20,64,143,1) 41%, rgba(7,37,93,1) 50%, rgba(16,69,128,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1751a1",endColorstr="#104580",GradientType=1);
  color: #fff;
  background: #e7bd4f;
  background: rgb(230,188,89);
  background: linear-gradient(180deg, rgba(230,188,89,1) 0%, rgba(186,132,4,1) 100%);
}

.btn3 {
  border: 1px solid #42B7E9;
}

/* side push menu */
.c-menu {
  background: #1C3E73;
}

.c-menu__close {
  color: #ffb330;
}

.sidepush-nav .slide-list.active, .sidepush-nav .slide-list:hover {
  color: #e7bd4f;
}

.slide-btm {
  border-top: 1px solid #3A9DFC;
}

/* Promotion */
.promo-nav li {
  background: #06132F;
}

.promo-info2 h3 {
  color: #e7bd4f;
}

.promo-box {
  background: #1c3e73;
  color: #fff;
}

.promo-name {
  color: #e7bd4f;
}

.promo-detail {
  color: #fff;
}

.promo-nav li.active, .promo-nav li:hover {
  color: #000;
  background: #E7BD4F;
  font-weight: bold;
}

.promo-info2 a {
    background: #e7bd4f;
  }


@media (max-width: 1024px) {
  .promo-nav li.active, .promo-nav li:hover {
      color: #e7bd4f;
      background: transparent;
  }
}
/* subpage */
.subpage-wrap h2 {
  color: #e7bd4f
}

.spbox > * {
  background: #ccc;
  color: #000;
}

.spbox .active, .spbox div:hover {
    background: #3A9DFC;
    font-weight: bold;
    color: #fff;
}

.inbox-wrap {
  border-bottom: #3A9DFC 2px solid;
}

.inbox-col.header {
  color: #3A9DFC;
  border-left: #3A9DFC 2px solid;
  border-right: #3A9DFC 2px solid;
  border-top: #3A9DFC 2px solid;
}

.inbox-col {
  border-left: #3A9DFC 2px solid;
  border-right: #3A9DFC 2px solid;
  border-top: #3A9DFC 2px solid;
}

.inbox-msg {
  border-left: 2px solid #3A9DFC;
  border-right: 2px solid #3A9DFC;
}

.mbbox .mbbox1 {
  background: #1c3e73;
}

.mbbox .mbbox1 .mdl-box {
  background: #28559C;
}

.mbbox .mbbox1 .mdl-box .mdl-box-row span {
  color: #fff;
}

.mbbox .mbbox1 .mdl-box .mdl-box-row p {
  color: #fdb33b;
}

.mbbox .mbbox1 .mdl-txt {
  color: #fff;
}

.mbbox .mbbox1 .mdl-txt .mdl-row h4 {
  color: #fdb33b;
}

.mbbox .mbbox1 .btn-wrap .btn-mdl {
  background: #3A9DFC;
  color: #FFF;
  border-bottom: 3px solid #2078cc;
}

/* footer */
.foot-map {
  color: #FFF;
  border-top: 3px solid #e7bd4f;
  background: rgb(23,81,161);
  background: -moz-linear-gradient(180deg, rgba(23,81,161,1) 0%, rgba(20,64,143,1) 41%, rgba(7,37,93,1) 50%, rgba(16,69,128,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(23,81,161,1) 0%, rgba(20,64,143,1) 41%, rgba(7,37,93,1) 50%, rgba(16,69,128,1) 100%);
  background: linear-gradient(180deg, rgba(23,81,161,1) 0%, rgba(20,64,143,1) 41%, rgba(7,37,93,1) 50%, rgba(16,69,128,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1751a1",endColorstr="#104580",GradientType=1);
}

.footer-nav {
  color: #fff;
}

.footer-nav a.active, .footer-nav a:hover {
    color: #e7bd4f;
}

@media (max-width: 1024px) {
  .header-right {
    color: #42B7E9;
  }

  .expan {
    color: #42B7E9;
  }

  .mfooter {
    border-top: 2px solid #e7bd4f;
    background: rgb(23,81,161);
    background: -moz-linear-gradient(180deg, rgba(23,81,161,1) 0%, rgba(20,64,143,1) 41%, rgba(7,37,93,1) 50%, rgba(16,69,128,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(23,81,161,1) 0%, rgba(20,64,143,1) 41%, rgba(7,37,93,1) 50%, rgba(16,69,128,1) 100%);
    background: linear-gradient(180deg, rgba(23,81,161,1) 0%, rgba(20,64,143,1) 41%, rgba(7,37,93,1) 50%, rgba(16,69,128,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1751a1",endColorstr="#104580",GradientType=1);
  }

  .sidepush-nav .slide-list {
    color: #fff;
  }

  .lang-list, .sideflag {
    background: #28559C;
  }
}