@charset "utf-8";

a {
  color: white;
  text-decoration: underline;
}

footer a {
  text-decoration: none;
}

/* Regional typography */
body.microsite.langTH {font-size: 14px;}
body.microsite.langKH {font-family: 'Khmer';}
body.microsite.langVN {font-family: 'Arial',Helvetica,Tahoma,sans-serif;}
/* /Regional typography */

body.microsite .container.w1024 {
  max-width: 1024px;
}

.static-title {
  margin: 20px 0;
}

.section-title {
  font-size: 1.5em;
  font-weight: 700;
}

/* code following this comment is for optimization */

.copy-title {
  font-weight: 900;
  line-height: 1;
}
.copy-sub-title {
  font-weight: 400;
  line-height: 1;
}
.copy-desc {
  line-height: 1;
  font-weight: 200;
}
.tv-image-bg {
  height: 500px;
}
.tv-image-bg .container {
  margin: 0 auto;
  min-width: 0px !important;
  max-width: 1440px;
  height: 100%;
}
header {
  height: 80px;
  background: #363636;
  border-bottom: 1px solid #ff9200;
}
header img {
  display: block;
  float:left;
  padding-top: 10px;
  margin-left:15px;
}
.btn {
  font-family: 'Lato';
  font-weight: 600;
}
#banner {
  height: 500px;
  background: #170906;
}
body {
  min-width: 300px !important;
  font-family: 'Lato';
  overflow-x: hidden;
}
.Terms-and-Condition {
  font-size: 20px;
  font-weight: 300;
  text-align: center;
  padding: 20px;
}
.steps {
  float: left;
  margin-top: 18px;
  padding-left: 10px;
}
.steps-no {
  font-size: 80px;
  font-weight: 900;
  color: #f4a900;
  margin-left: 16px;
  float: left;
}
.steps-title {
  letter-spacing: -2px;
  font-size: 30px;
  color: #f4a900;
  font-weight: 600;
  width: 100%;
  margin-bottom: -7px;
}
.steps-title a {
  color: #ff9200;
}
.steps-Description {
  font-size: 18px;
  font-weight: 200;
  color: #fff;
  letter-spacing: -1px;
}
.cta-big {
  width: 352px;
  height: 123px;
  background: #f4a900;
  float: left;
  margin-left: 3px;
  margin-right: 3px;
  margin-top: 10px;
  font-size: 32px;
  text-align: center;
  padding-top: 35px;
  border-radius: 3px;
  font-weight: 900;
  color: #202020;
}
#roe_tnc, #en_tnc, #uk_tnc, #ch_uk_tnc, #kh_tnc, #br_tnc, #ch_tnc, #id_tnc, #ja_tnc, #ko_tnc, #th_tnc, #vn_tnc {
  line-height: 1.5;
text-align:center;  
}
.steps-holder {
  background: #363636 url(../img/button.png) left no-repeat;
  width: 352px;
  height: 123px;
  float: left;
  margin-left: 3px;
  margin-right: 3px;
  margin-top: 10px;
}
.payment-logo-list, .trust-logo-list {
  padding-left: 0px !important;
}
.term-bg a {
  color: #262626;
  font-weight: 500;
}
.term-bg span {
  color: #262626;
  font-weight: 500;
}
.term-bg {
  background: #e1e1e1;
  height: 80px;
  vertical-align: middle;
  padding-top: 25px;
}
.tnc-content-wrap ol li {
  line-height: 1.8;
  font-size: 16px;
}
.tnc-content-wrap {
  display: none;
  font-size: 16px;
  line-height: 1.9;
  color: #6e6e6e;
  padding-top: 15px;
  padding-bottom: 30px;
      max-width: 1400px;
  margin: 0 auto;
}
.footer-address-text a {
  color: #6e6e6e !important;
}
footer-address-bg {
  font-size: 12px;
}
footer {
  background: #262626;
  padding: 20px;
  margin-top: 20px;
}
footer h6 {
  text-align: center;
}
footer ul {
  width: 218px;
  display: block;
  margin: 0 auto;
}

@media (max-width: 1440px) {
.tv-banner-wrap .tv-image-bg .container .tv-content {
  padding-right: 0px !important;
  
}

  .cta-big {
  width: 352px;
  height: 123px;
  background: #f4a900;
  float: left;
  margin-left: 1px;
  margin-right: 1px;
  }
}

@media (max-width: 1439px) {

.steps-container {
  width: 718px;
  display: block;
  margin: 0 auto;
}
}

@media (max-width: 717px) {
.steps-container {
  width: 100%;
}
.steps-holder {
  display: block;
  float: none;
  margin: auto;
  margin-top: 5px;
}
.cta-big {
  display: block;
  float: none;
  margin: auto;
  margin-top: 5px;
}
}

@media (max-width: 351px) {
.steps-holder {
  width: 100%;
}
.cta-big {
  width: 100%;
}
.steps-no {
  font-size: 60px;
  font-weight: 900;
  color: #f4a900;
  margin-left: 16px;
  float: left;
}
.steps-title {
  letter-spacing: -2px;
  font-size: 22px;
  color: #f4a900;
  font-weight: 600;
  width: 100%;
  margin-bottom: -7px;
}
.steps-Description {
  font-size: 16px;
  font-weight: 200;
  color: #fff;
  letter-spacing: -1px;
}
}

/*05182017 patch*/
ol > li {
  margin-bottom: 20px;
}

.main-title {
  font-size: 1.5em;
  font-weight: 700;
}

.copyline-list {
  font-size: 1.2em;
}

.copyline-list ul {
  list-style-type: disc;
}

img {
  margin: 10px 0 20px;
}

header img {
  margin: initial;
}

.term-bg {
  font-size: 32px;
  line-height: 80px;
  padding-top: 0;
  text-align: left;
}

.footer-logos-wrapper {
  text-align: center;
}

.footer-logo-raster, .box-logo {
  display: inline-block;
}

#main-footer{ position:absolute; bottom:0; width: 100%; }
#main-footer .container{ max-width:1000px; }