/* Buttons =================================================== */
.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 6px 11px 6px;
  margin-bottom: 0;
  font-family: 'Kanit', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  border-radius: 0px;
  cursor: pointer;
  *margin-left: .3em;
}
.btn:visited,
.btn:hover {
  color: #ffffff;
  text-decoration: none;
}
input[type="submit"].btn:hover {
  border-color: #a51d22;
}
.btn:first-child {
  *margin-left: 0;
}
.btn-disabled {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  cursor: default;
}
.btn-error {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2d353e), to(#c72f29));
  background-image: -webkit-linear-gradient(top, #2d353e, #c72f29);
  background-color: #c72f29;
  background-image: linear-gradient(top, #2d353e, #c72f29);
  background-repeat: repeat-x;
  border-color: #b22a24;
  border-bottom-color: #9d2520;
  color: #ffffff;
}
.btn-error:visited,
.btn-error:hover {
  color: #ffffff;
}
.btn-info {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d9edf7), to(#afd9ee));
  background-image: -webkit-linear-gradient(top, #d9edf7, #afd9ee);
  background-color: #afd9ee;
  background-image: linear-gradient(top, #d9edf7, #afd9ee);
  background-repeat: repeat-x;
  border-color: #9acfea;
  border-bottom-color: #85c5e5;
  color: #247fad;
}
.btn-info:visited,
.btn-info:hover {
  color: #247fad;
}
.btn-inverse {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#414141), to(#272727));
  background-image: -webkit-linear-gradient(top, #414141, #272727);
  background-color: #272727;
  background-image: linear-gradient(top, #414141, #272727);
  background-repeat: repeat-x;
  border-color: #1b1b1b;
  border-bottom-color: #0e0e0e;
  color: #ffffff;
}
.btn-inverse:visited,
.btn-inverse:hover {
  color: #ffffff;
}
.btn-primary {
  color: #ffffff;
}
.btn-primary:visited,
.btn-primary:hover {
  color: #ffffff;
}
.btn-success {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bb75b), to(#449b44));
  background-image: -webkit-linear-gradient(top, #5bb75b, #449b44);
  background-color: #449b44;
  background-image: linear-gradient(top, #5bb75b, #449b44);
  background-repeat: repeat-x;
  border-color: #3c893c;
  border-bottom-color: #347834;
}
.btn-warning {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#faa732), to(#f39106));
  background-image: -webkit-linear-gradient(top, #faa732, #f39106);
  background-color: #f39106;
  background-image: linear-gradient(top, #faa732, #f39106);
  background-repeat: repeat-x;
  border-color: #da8205;
  border-bottom-color: #c17305;
}
.btn-extlarge {
  padding: 11px 22px;
  font-size: 21px;
  font-size: 2.1rem;
  border-radius: 4px;
}
.btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
.btn-large {
  padding: 11px 22px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: normal;
  border-radius: 4px;
}
.btn-small {
  padding: 6px 10px;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 16px;
}
.btn-mini {
  padding: 3px 5px;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 14px;
}
.btn-group {
  position: relative;
  *zoom: 1;
  *margin-left: .3em;
  margin-bottom: 1.35em;
}
.btn-group .btn {
  position: relative;
  float: left;
  margin-left: -1px;
  border-radius: 0;
}
.btn-group .btn:first-child {
  margin-left: 0;
  border-radius: 2px 0 2px 0;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 0;
  background-clip: padding-box;
}
.btn-group .btn:last-child {
  border-radius: 0 2px 0 2px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 2px;
  background-clip: padding-box;
}
.btn-group .btn.large:first-child {
  margin-left: 0;
  border-radius: 4px 0 4px 0;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 0;
  background-clip: padding-box;
}
.btn-group .btn.large:last-child {
  border-radius: 0 4px 0 4px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 4px;
  background-clip: padding-box;
}
.btn-toolbar {
  clear: both;
  margin-top: 0.675em;
  margin-bottom: 0.675em;
}
.btn-toolbar .btn-group {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.btn {
  border: none;
  font-family: "Kanit";
  font-weight: normal;
  border-radius: 0px 0px 0px 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  background-clip: padding-box;
}
.btn.btn-lg {
  font-size: 20px;
  font-size: 2rem;
}
.selectpicker {
  font-size: 16px;
  font-size: 1.6rem;
}
.btn-primary {
  margin-top: 12px;
  margin-bottom: 12px;
  background: #d2232a;
  position: relative;
  padding: 0px 20px;
  height: 20px;
  text-transform: uppercase;
  max-width: 290px;
  min-width: 145px;
}
.btn-primary:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 0;
  border-bottom: 12px solid #d2232a;
  border-left: 12px solid #ffffff;
  border-right: 12px solid #ffffff;
  width: 100%;
  height: 0;
}
.btn-primary:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  border-top: 12px solid #d2232a;
  border-left: 12px solid #ffffff;
  border-right: 12px solid #ffffff;
  width: 100%;
  height: 0;
}
.btn-primary:hover,
.btn-primary:focus {
  background: #a61c21;
}
.btn-primary:hover:before,
.btn-primary:focus:before {
  border-bottom-color: #a61c21;
}
.btn-primary:hover:after,
.btn-primary:focus:after {
  border-top-color: #a61c21;
}
.btn-primary.bg-black:before {
  border-left: 12px solid #333;
  border-right: 12px solid #333;
}
.btn-primary.bg-black:after {
  border-left: 12px solid #333;
  border-right: 12px solid #333;
}
.btn-primary.bg-darkblack:before {
  border-left: 12px solid #000;
  border-right: 12px solid #000;
}
.btn-primary.bg-darkblack:after {
  border-left: 12px solid #000;
  border-right: 12px solid #000;
}
.btn-primary.bg-gray:before {
  border-left: 12px solid #ededed;
  border-right: 12px solid #ededed;
}
.btn-primary.bg-gray:after {
  border-left: 12px solid #ededed;
  border-right: 12px solid #ededed;
}
.btn-primary.bg-transparent {
  border-left-color: rgba(0, 0, 0, 0);
  border-right-color: rgba(0, 0, 0, 0);
}
.btn-primary.bg-transparent:before {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}
.btn-primary.bg-transparent:after {
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}
.btn-primary.btn-lg {
  margin-top: 14px;
  margin-bottom: 14px;
}
.btn-primary.btn-lg:before {
  border-bottom-width: 14px;
  border-left-width: 14px;
  border-right-width: 14px;
}
.btn-primary.btn-lg:after {
  border-top-width: 14px;
  border-left-width: 14px;
  border-right-width: 14px;
}
.btn-white {
  background-color: #ffffff;
  background-image: url(../images/img/btn_viewmore.png);
  width: 195px;
  height: 44px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  color: #666666;
  padding-top: 12px;
}
.btn-white:hover,
.btn-white:active {
  color: #d2232a;
  background-image: url(../images/img/btn_viewmore.png);
  background-position: 0 -44px;
}

.btn-viewmore {
  background-image: url(../images/img/btn_viewmore.png);
  width: 209px;
  height: 44px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  color: #d2232a !important;
  text-transform: uppercase;
  line-height: 38px;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: -20px;
}
.btn-viewmore:hover,
.btn-viewmore:focus,
.btn-viewmore:active {
  color: #ffffff !important;
  background-image: url(../images/img/btn_white.png);
  background-position: 0 -44px;
}
.btn-read {
  background-image: url(../images/img/btn_readmore.png);
  width: 128px;
  height: 40px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 30px;
}
.btn-read.border-white {
  background-image: url(../images/img/btn_readmore.png);
}
.btn-read.border-white:hover,
.btn-read.border-white:active {
  background-image: url(../images/img/btn_readmore.png);
}
.btn-viewmap {
  background-image: url(../images/img/btn_readmore.png);
  width: 175px;
  height: 40px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 30px;
}
.btn-viewmap:hover,
.btn-viewmap:active {
  color: #ffffff;
  background-image: url(../images/img/btn_readmore.png);
}
html.safari .btn-read {
  height: 41px;
  background-size: 128px 40px;
}
.btn-plus {
  background-color: #d2232a;
  width: 40px;
  height: 40px;
  padding: 0;
  padding-top: 3px;
}
.btn-plus:hover,
.btn-plus:active {
  background: #a61c21;
}
.btn-story:hover,
.btn-story:focus,
.btn-story:active {
  background-image: url('../img/btn_story@2x.png');
  background-position: 0 -44px;
}
.btn-browse,
.btn-verify {
  background-image: url('../img/btn_browse@2x.png');
  background-repeat: no-repeat;
  background-size: cover;
  color: #666666;
  width: 96px;
  height: 32px;
  font-size: 14px;
  font-size: 1.4rem;
  margin-left: 1px !important;
}
.btn-browse:hover,
.btn-verify:hover,
.btn-browse:focus,
.btn-verify:focus,
.btn-browse:active,
.btn-verify:active {
  color: #666666;
  background-position: 0 -32px;
}
.btn-browse .glyphicon,
.btn-verify .glyphicon {
  display: none;
}
.btn-verify {
  background-image: url('../img/btn_verify@2x.jpg');
  width: 129px;
  height: 32px;
}
.btn-verify:hover,
.btn-verify:focus,
.btn-verify:active {
  background-position: 0 -32px;
}
/* Tables =================================================== */
table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.35em;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
}
table th,
table td {
  padding: 8px;
  vertical-align: top;
  border-top: 1px solid #8c9bab;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.35em;
  text-align: left;
}
table th {
  font-weight: bold;
}
table thead th {
  vertical-align: bottom;
}
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-top: 0;
}
table tbody + tbody {
  border-top: 2px solid #8c9bab;
}
table tbody tr td,
table tbody tr th {
  -webkit-transition: background-color 0.25s 0 linear;
  transition: background-color 0.25s 0 linear;
}
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}
.table-bordered {
  border: 1px solid #8c9bab;
  border-left: 0;
  border-collapse: separate;
  *border-collapse: collapsed;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #8c9bab;
}
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #c7ced6;
}
.table-noborder th,
.table-noborder td {
  border: none;
}
.table-nonborder thead tr > th {
  border: none !important;
}
.table-nonborder tbody tr > th,
.table-nonborder tbody tr > td {
  border: none !important;
}
/*!
 * bootstrap-select v1.5.4
 * http://silviomoreto.github.io/bootstrap-select/
 *
 * Copyright 2013 bootstrap-select
 * Licensed under the MIT license
 */
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="span"] {
  float: none;
  display: inline-block;
  margin-bottom: 10px;
  margin-left: 0;
}
.form-search .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group {
  margin-bottom: 0;
}
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
.bootstrap-select.btn-group.pull-right,
.bootstrap-select.btn-group[class*="span"].pull-right,
.row-fluid .bootstrap-select.btn-group[class*="span"].pull-right {
  float: right;
}
.input-append .bootstrap-select.btn-group {
  margin-left: -1px;
}
.input-prepend .bootstrap-select.btn-group {
  margin-right: -1px;
}
.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select {
  /*width: 220px\9; IE8 and below*/
  width: 220px\0;
  /*IE9 and below*/
}
.bootstrap-select.form-control:not([class*="span"]) {
  width: 100%;
}
.bootstrap-select > .btn {
  width: 100%;
  padding-right: 25px;
  border: 1px solid #e7e7e7;
  height: 40px;
  color: #2d353e;
}
.error .bootstrap-select .btn {
  border: 1px solid #b94a48;
}
.bootstrap-select.show-menu-arrow.open > .btn {
  z-index: 2051;
}
.bootstrap-select .btn:focus {
  background-color: #f7f7f7;
}
.bootstrap-select.btn-group .btn .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  float: left;
  text-align: left;
}
.bootstrap-select.btn-group .btn .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
  color: #999999;
}
.bootstrap-select.btn-group > .disabled,
.bootstrap-select.btn-group .dropdown-menu li.disabled > a {
  cursor: not-allowed;
}
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.btn-group[class*="span"] .btn {
  width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  z-index: 2000;
  box-sizing: border-box;
  padding: 0;
  border-radius: 0;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu dt {
  display: block;
  padding: 3px 20px;
  cursor: default;
}
.bootstrap-select.btn-group .div-contain {
  overflow: hidden;
  height: 0;
}
.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li + li {
  border-top: 1px solid #cccccc;
}
.bootstrap-select.btn-group .dropdown-menu li > a.opt {
  position: relative;
  padding-left: 35px;
}
.bootstrap-select.btn-group .dropdown-menu li > a {
  cursor: pointer;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: 'Kanit';
  color: #2d353e;
  padding-left: 11px;
  padding-right: 11px;
}
.bootstrap-select.btn-group .dropdown-menu li > dt small {
  font-weight: normal;
}
.bootstrap-select .btn-group.open .dropdown-toggle,
.bootstrap-select .open > .dropdown-toggle.btn-default {
  color: #2d353e;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 2.5px;
}
.bootstrap-select.btn-group .dropdown-menu li a i.check-mark {
  display: none;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small,
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) > a small {
  color: #64b1d8;
  color: rgba(255, 255, 255, 0.4);
}
.bootstrap-select.btn-group .dropdown-menu li > dt small {
  font-weight: normal;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid #ccc;
  border-bottom: 0;
  border-top-color: rgba(0, 0, 0, 0.2);
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid #ffffff;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}
.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  box-sizing: border-box;
}
.mobile-device {
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 100% !important;
  opacity: 0;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select.btn-group.fit-width .btn .filter-option {
  position: static;
}
.bootstrap-select.btn-group.fit-width .btn .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.control-group.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select-searchbox,
.bootstrap-select .bs-actionsbox {
  padding: 4px 8px;
}
.bootstrap-select .bs-actionsbox {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.bootstrap-select-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bootstrap-select-searchbox input {
  margin-bottom: 0;
}
.bootstrap-select .bs-actionsbox .btn-group button {
  width: 50%;
}
.bootstrap-select.btn-group.open .dropdown-toggle {
  box-shadow: none;
}
.bootstrap-select.open > .dropdown-toggle.btn-default {
  background-color: #F7F7F7;
}
.bootstrap-select .btn:hover,
.bootstrap-select .btn:focus {
  background-color: #F7F7F7;
}
/* ***********************************************************
   ******************** CODETABS CORE ************************
   *********************************************************** */
/* BASIC STYLE
     * class ready --> element already loaded
     * Pagination co tinh nang tuong tu nhu viewport --> style giong nhau
    ---------------------------------------------------------- */
.ct {
  position: relative;
}
.ct-viewport,
.ct-pag {
  overflow: hidden;
}
.ct-ie7 .ct-viewport,
.ct-ie7 .ct-pag {
  position: relative;
}
.ct-hide {
  display: none !important;
}
.ct-noclip {
  overflow: visible !important;
}
.ct-ghost {
  visibility: hidden !important;
}
.ct-wfit > * {
  width: 100% !important;
}
.ct-hfit > * {
  height: 100% !important;
}
.ct-canvas,
.ct-paginner {
  overflow: visible !important;
  position: relative;
}
.ct.ct-ready .ct-canvas {
  height: 100%;
}
/* Awake setup */
.ct-slide {
  width: 100%;
}
.ct-slide.ct-sleep {
  height: 100%;
}
.ct-slide.ct-sleep > * {
  display: none;
}
/* CODE INITIALIZE + READY
    ---------------------------------------------------------- */
.ct-init {
  visibility: hidden;
  height: 0;
}
/* Not use display: none --> slider will get width-slide = 0 */
.ct-ready {
  visibility: visible;
}
.ct.ct-ready {
  height: auto;
}
.ct-ready .ct-slide,
.ct-ready .ct-pagitem,
.ct-outside .ct-pagitem {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
/* BOOTSTRAP FIXED
    ---------------------------------------------------------- */
.ct-viewport,
.ct-canvas,
.ct-slide,
.ct-pagitem {
  box-sizing: content-box;
}
/* HEIGHT TYPE
    ---------------------------------------------------------- */
/* Slide in height-fixed always == hCode */
.ct-height-fixed .ct-slide {
  height: 100%;
}
/* Image background: smooth move when have top value */
.ct-height-fixed .ct-slide > .ct-imgback {
  -webkit-transition: top .2s;
  transition: top .2s;
}
/* NAVIGATION
    ---------------------------------------------------------- */
.ct-next,
.ct-prev,
.ct-playpause {
  cursor: pointer;
  z-index: 3;
}
.ct-prev.ct-inactived,
.ct-next.ct-inactived {
  opacity: 0.25;
}
.ct-prev,
.ct-next {
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  top: 50%;
  margin-top: -25px;
  opacity: .2;
  background: url(@{path-img}icon_nav.png) no-repeat;
  text-indent: -9999px;
  cursor: pointer;
}
.ct-prev {
  left: 10px;
  background-position: 0 0;
}
.ct-next {
  right: 10px;
  background-position: -50px 0;
}
.ct-prev:hover,
.ct-next:hover {
  opacity: 1;
}
/* Auto hide when small screen */
@media only screen and (min-width: 1px) and (max-width: 320px) {
  .ct-nav {
    display: none;
  }
}
/* PAGINATION
     * Dat lai thuoc tinh width cho tung loai --> tab khong can width = 100%
    ---------------------------------------------------------- */
.ct-pag {
  z-index: 3;
}
.ct-pagitem {
  cursor: pointer;
}
/* PAGINATION TAB */
.ct-tab .ct-pagitem {
  padding-bottom: 5px;
  color: #bbb;
  white-space: nowrap;
}
.ct-tab .ct-pagitem.ct-cur {
  color: #111;
}
/* Tabs horizontal */
.ct-tab.ct-pag-hor.ct-pag-top {
  border-bottom: 1px solid #e5e5e5;
}
.ct-tab.ct-pag-hor.ct-pag-bottom {
  border-top: 1px solid #e5e5e5;
}
.ct-pag-hor > .ct-viewport {
  padding-top: 20px;
  padding-bottom: 10px;
}
.ct-tab.ct-pag-hor .ct-pagitem {
  padding: 10px 15px;
  text-align: center;
}
/* Tabs Vertical */
.ct-tab.ct-pag-ver.ct-pag-top {
  float: left;
}
.ct.ct-pag-ver.ct-pag-bottom {
  position: relative;
}
.ct-tab.ct-pag-ver.ct-pag-bottom {
  position: absolute;
  right: 0;
  top: 0;
}
.ct-pag-ver.ct-pag-top > .ct-viewport {
  padding-left: 30px;
  border-left: 1px solid #e5e5e5;
}
.ct-pag-ver.ct-pag-bottom > .ct-viewport {
  padding-right: 30px;
  border-right: 1px solid #e5e5e5;
}
.ct-tab.ct-pag-ver .ct-pagitem {
  padding: 10px 20px 10px 0;
}
/* Tabs Outside
        + Chua update trong code */
.ct-tab.ct-pag-ver.ct-pag-bottom.ct-outside {
  position: static;
}
/* PAGINATION LIST */
.ct-list .ct-pagitem {
  position: static;
  display: inline;
}
/* PAGINATION THUMBNAIL */
.ct-thumb .ct-pagitem {
  width: 75px;
  height: 75px;
}
.ct-thumbitem {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.ct-thumbitem > img {
  position: relative;
  -webkit-transform: translateZ(0);
  /* Chrome image fix */
}
/* CAPTION
    ---------------------------------------------------------- */
.ct-capinner {
  position: relative;
}
.ct-cap-last {
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
}
/* Clearfix for caption --> Lay kich thuoc chinh xac */
.ct-cap-last:after,
.ct-cap-cur:after {
  content: " ";
  display: table;
  clear: both;
}
.ct-cap-last,
.ct-cap-cur {
  *zoom: 1;
}
/* ICON LOADER
    ---------------------------------------------------------- */
.ct-slide.loading {
  position: relative;
  width: 100%;
  height: 100%;
}
.ct-loader {
  position: absolute;
  width: 54px;
  height: 54px;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  margin-top: -27px;
  text-indent: -999999px;
  background: #fff url(../img/loader.gif) no-repeat;
  border-radius: 50%;
}
/* TIMER
    ---------------------------------------------------------- */
/* TIMER BAR */
.ct-timer-bar {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.08);
}
.ct-timer-bar > .ct-timeritem {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.3);
}
/* TIMER ARC */
.ct-timer-arc {
  width: 40px;
  height: 40px;
}
/* TIMER NUMBER */
.ct-timer-number {
  font-size: 11px;
  text-align: center;
}
/* GRAB CURSOR
    ---------------------------------------------------------- */
.ct-grab,
.slide-as-pag .ct-grab .ct-cur {
  cursor: url(@{path-img}grab2.cur), move;
  /* For IE9-10. if css & html not in same folder -> setup parent folder */
  cursor: url(@{path-img}grab2.png) 12 10, url(@{path-img}grab2.cur), move;
  /* IE7-8 & Modern browser */
}
.ct-grabbing,
.ct-grabbing .ct-pagitem,
.slide-as-pag .ct-grabbing .ct-cur {
  cursor: url(@{path-img}grabbing2.cur), move;
  /* For IE9-10. if css & html not in same folder -> setup parent folder */
  cursor: url(@{path-img}grabbing2.png) 12 10, url(@{path-img}grabbing2.cur), move;
  /* IE7-8 & Modern browser */
}
/* IMAGE
        + Remove attribute max-width on image
    ---------------------------------------------------------- */
.ct-imgback > img {
  display: block;
  max-width: none !important;
}
/* LAYOUT LINE & DOT
    ---------------------------------------------------------- */
.ct-line .ct-slide,
.ct-dot .ct-slide {
  overflow: hidden;
}
/* Center imageBack */
.ct-line .ct-imgback,
.ct-dot .ct-imgback {
  position: relative;
  overflow: hidden;
}
.ct-line .ct-imgback > img,
.ct-dot .ct-imgback > img {
  position: relative;
  left: 0;
  top: 0;
}
/* Layout dot only */
.ct-dot > .ct-viewport > .ct-canvas {
  overflow: hidden;
}
.ct-dot > .ct-viewport > .ct-canvas > .ct-slide {
  visibility: hidden;
}
.ct-dot > .ct-viewport > .ct-canvas > .ct-slide.ct-cur {
  visibility: visible;
  z-index: 2;
}
/* HEIGHT NATIVE */
.ct-line > .ct-viewport.ct-hNative,
.ct-dot > .ct-viewport.ct-hNative {
  height: auto !important;
}
.ct-line > .ct-viewport.ct-hNative > .ct-canvas > .ct-slide.ct-cur,
.ct-dot > .ct-viewport.ct-hNative > .ct-canvas > .ct-slide.ct-cur {
  position: relative;
}
/* CODE NESTED -> hide/show nested
    ---------------------------------------------------------- */
.ct .ct,
.ct .ct .ct-cur {
  visibility: hidden;
}
.ct-slide.ct-cur .ct,
.ct-slide.ct-cur .ct .ct-cur {
  visibility: visible;
}
/* Nested level 2 */
.ct .ct-slide .ct .ct,
.ct .ct-slide .ct .ct .ct-cur {
  visibility: hidden;
}
.ct-slide.ct-cur .ct .ct,
.ct-slide.ct-cur .ct .ct .ct-cur {
  visibility: visible;
}
/* Fix layout line & dot khi fxRun van hien nested code */
.ct-line.ct-fxRun .ct,
.ct-line.ct-fxRun .ct .ct-cur,
.code-animated .ct,
.code-animated .ct .ct-cur {
  visibility: visible;
}
/* EFFECT - CORE
    ---------------------------------------------------------- */
.fx-overlay {
  position: absolute;
  left: 50%;
}
.fx-inner {
  position: relative;
  left: -50%;
}
.ct-dot .fx-front {
  overflow: hidden;
  position: absolute;
}
.fx-front .ct-imgback {
  overflow: hidden;
  position: absolute;
  left: 0;
}
.fx-front .ct-imgback > img {
  left: 0;
}
.fx-back {
  position: absolute;
  overflow: hidden;
  width: 100%;
}
.fx-back .ct-imgback,
.fx-back .ct-imgback > img {
  left: 0;
}
/* additional height-fixed */
.ct-height-fixed .fx-back {
  height: 100%;
}
/* SHADOW
    ---------------------------------------------------------- */
.ct-shadow {
  position: absolute;
  left: 0;
  top: 100%;
}
.ct-shadow > img {
  display: block;
  width: 100%;
  height: auto;
}
/* OTHERS
    ---------------------------------------------------------- */
/* tablist outside */
.ct-outside.ct-tab.ct-pag-ver.ct-pag-top {
  float: none;
}
/* Android native --> fixed imageBack khong chiu overflow:hidden */
.ct-androidNative.ct-line .ct-imgback {
  -webkit-transform: translateZ(0);
}
/* Firefox: Fixed smooth edge, checked in version 30 */
.ct-firefox .code-animated {
  outline: 1px solid transparent;
}
/* Fixed font ugly in safari 5.1 window */
.ct,
.ct-pag,
.ct-cap {
  -webkit-font-smoothing: antialiased;
}
/* Fixed IE mobile khong swipe duoc do xung dot voi scroll page */
.ct-swipe-on {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
/* Fixed 'Tap-highlight' tren mobile -- IE chua giai quyet */
.ct-viewport,
.ct-pag {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* ***********************************************************
   ******************** CODETABS STYLES **********************
   *********************************************************** */
/*  TABS STYLE
============================================================== */
/* STYLE FLAT & FLATBOX
    ---------------------------------------------------------- */
.ct-flatbox > .ct-tab {
  margin-bottom: 0;
}
.ct-flat > .ct-tab .ct-pagitem.ct-cur,
.ct-flatbox > .ct-tab .ct-pagitem.ct-cur {
  background-color: #705090;
  color: #fff;
}
/* FLAT HORIZONTAL */
.ct-flat > .ct-tab.ct-pag-hor.ct-pag-top,
.ct-flatbox > .ct-tab.ct-pag-hor.ct-pag-top {
  border-bottom: 2px solid #705090;
}
.ct-flat > .ct-tab.ct-pag-hor.ct-pag-bottom,
.ct-flatbox > .ct-tab.ct-pag-hor.ct-pag-bottom {
  border-top: 2px solid #705090;
}
.ct-flatbox.ct-pag-hor > .ct-viewport {
  padding: 20px;
  border: solid #e5e5e5;
  background-color: #fff;
}
.ct-flatbox.ct-pag-hor.ct-pag-top > .ct-viewport {
  border-width: 0 1px 1px 1px;
}
.ct-flatbox.ct-pag-hor.ct-pag-bottom > .ct-viewport {
  border-width: 1px 1px 0 1px;
}
/* FLAT VERTICAL */
.ct-flat > .ct-tab.ct-pag-ver .ct-pagitem,
.ct-flatbox > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 11px 20px 9px 20px;
  border-bottom: 1px dotted #ddd;
}
.ct-flat > .ct-tab.ct-pag-ver .ct-pagitem.ct-cur,
.ct-flatbox > .ct-tab.ct-pag-ver .ct-pagitem.ct-cur {
  margin-top: -1px;
  border-bottom-color: #705090;
}
.ct-flatbox.ct-pag-ver > .ct-viewport {
  padding: 25px;
  border: solid #e5e5e5;
}
.ct-flatbox.ct-pag-ver.ct-pag-top > .ct-viewport {
  border-width: 1px 1px 1px 0;
}
.ct-flatbox.ct-pag-ver.ct-pag-bottom > .ct-viewport {
  border-width: 1px 0 1px 1px;
}
.ct-flat.ct-pag-ver.ct-pag-top > .ct-viewport,
.ct-flatbox.ct-pag-ver.ct-pag-top > .ct-viewport {
  border-left: 2px solid #705090;
}
.ct-flat.ct-pag-ver.ct-pag-bottom > .ct-viewport,
.ct-flatbox.ct-pag-ver.ct-pag-bottom > .ct-viewport {
  border-right: 2px solid #705090;
}
/* FLAT VERTICAL OUTSIDE */
.ct-flat.ct-pag-ver.ct-outside.ct-pag-top > .ct-viewport {
  padding-left: 0;
  border-left: none;
}
.ct-flat .ct-tab.ct-pag-ver.ct-outside.ct-pag-top {
  border-right: 2px solid #705090;
}
.ct-flat.ct-pag-ver.ct-outside.ct-pag-bottom > .ct-viewport {
  padding-right: 0;
  border-right: none;
}
.ct-flat .ct-tab.ct-pag-ver.ct-outside.ct-pag-bottom {
  border-left: 2px solid #705090;
}
/* STYLE PILL
    ---------------------------------------------------------- */
.ct-pill > .ct-tab .ct-pagitem {
  background-color: #f0f0f0;
}
.ct-pill > .ct-tab .ct-pagitem.ct-cur {
  background-color: #705090;
  color: #fff;
}
/* PILL HORIZONTAL */
.ct-pill > .ct-tab.ct-pag-hor.ct-pag-top {
  border-bottom: none;
}
.ct-pill > .ct-tab.ct-pag-hor.ct-pag-bottom {
  border-top: none;
}
.ct-pill > .ct-pag-hor .ct-pagitem:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ct-pill > .ct-pag-hor .ct-pagitem:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ct-pill.ct-pag-hor > .ct-tab .ct-pagitem {
  margin-right: 0;
}
/* PILL VERTICAL */
.ct-pill.ct-pag-ver.ct-pag-top > .ct-viewport {
  border-left: none;
}
.ct-pill.ct-pag-ver.ct-pag-bottom > .ct-viewport {
  border-right: none;
}
.ct-pill > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 10px 20px;
}
.ct-pill > .ct-tab.ct-pag-ver .ct-pagitem:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.ct-pill > .ct-tab.ct-pag-ver .ct-pagitem:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* PILL VERTICAL OUTSIDE */
.ct-pill.ct-pag-ver.ct-outside.ct-pag-top > .ct-viewport {
  padding-left: 0;
}
.ct-pill.ct-pag-ver.ct-outside.ct-pag-bottom > .ct-viewport {
  padding-right: 0;
}
/* STYLE CLASSIC
    ---------------------------------------------------------- */
.ct-classic > .ct-tab .ct-pagitem.ct-cur:before,
.ct-classic > .ct-tab .ct-pagitem.ct-cur:after {
  content: '';
  display: block;
  position: absolute;
  background-color: #705090;
}
.ct-classic > .ct-tab .ct-pagitem.ct-cur {
  border-color: #705090 !important;
  z-index: 2;
}
/* CLASSIC HORIZONTAL */
.ct-classic > .ct-tab.ct-pag-hor.ct-pag-top {
  border-bottom: none;
}
.ct-classic > .ct-tab.ct-pag-hor.ct-pag-bottom {
  border-top: none;
}
.ct-classic > .ct-tab.ct-pag-hor .ct-pagitem {
  margin-left: 5px;
  margin-right: 5px;
  border: solid #e5e5e5;
}
.ct-classic > .ct-tab.ct-pag-hor.ct-pag-top .ct-pagitem.ct-cur {
  padding-top: 7px;
}
.ct-classic > .ct-tab.ct-pag-hor.ct-pag-bottom .ct-pagitem.ct-cur {
  padding-bottom: 7px;
}
.ct-classic > .ct-tab.ct-pag-hor.ct-pag-top .ct-pagitem {
  border-width: 1px 1px 0 1px;
}
.ct-classic > .ct-tab.ct-pag-hor.ct-pag-bottom .ct-pagitem {
  border-width: 0 1px 1px 1px;
}
.ct-classic > .ct-tab.ct-pag-hor.ct-pag-top .ct-pagitem.ct-cur {
  border-top-width: 4px;
}
.ct-classic > .ct-tab.ct-pag-hor.ct-pag-bottom .ct-pagitem.ct-cur {
  border-bottom-width: 4px;
}
.ct-classic > .ct-tab.ct-pag-hor .ct-pagitem.ct-cur:before,
.ct-classic > .ct-tab.ct-pag-hor .ct-pagitem.ct-cur:after {
  width: 20000px;
  height: 1px;
}
.ct-classic > .ct-tab.ct-pag-hor.ct-pag-top .ct-pagitem.ct-cur:before {
  bottom: 0;
  right: 100%;
}
.ct-classic > .ct-tab.ct-pag-hor.ct-pag-top .ct-pagitem.ct-cur:after {
  bottom: 0;
  left: 100%;
}
.ct-classic > .ct-tab.ct-pag-hor.ct-pag-bottom .ct-pagitem.ct-cur:before {
  top: 0;
  right: 100%;
}
.ct-classic > .ct-tab.ct-pag-hor.ct-pag-bottom .ct-pagitem.ct-cur:after {
  top: 0;
  left: 100%;
}
/* CLASSIC VERTICAL */
.ct-classic.ct-pag-ver.ct-pag-top > .ct-viewport {
  border-left: none;
}
.ct-classic.ct-pag-ver.ct-pag-bottom > .ct-viewport {
  border-right: none;
}
.ct-classic > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 10px 20px;
  margin-top: 3px;
  margin-bottom: 3px;
  border: solid #e5e5e5;
}
.ct-classic > .ct-tab.ct-pag-ver.ct-pag-top .ct-pagitem.ct-cur {
  padding-left: 17px;
}
.ct-classic > .ct-tab.ct-pag-ver.ct-pag-bottom .ct-pagitem.ct-cur {
  padding-right: 17px;
}
.ct-classic > .ct-tab.ct-pag-ver.ct-pag-top .ct-pagitem {
  border-width: 1px 0 1px 1px;
}
.ct-classic > .ct-tab.ct-pag-ver.ct-pag-bottom .ct-pagitem {
  border-width: 1px 1px 1px 0;
}
.ct-classic > .ct-tab.ct-pag-ver.ct-pag-top .ct-pagitem.ct-cur {
  border-left-width: 4px;
}
.ct-classic > .ct-tab.ct-pag-ver.ct-pag-bottom .ct-pagitem.ct-cur {
  border-right-width: 4px;
}
.ct-classic > .ct-tab.ct-pag-ver .ct-pagitem.ct-cur:before,
.ct-classic > .ct-tab.ct-pag-ver .ct-pagitem.ct-cur:after {
  width: 1px;
  height: 20000px;
}
.ct-classic > .ct-tab.ct-pag-ver.ct-pag-top .ct-pagitem.ct-cur:before {
  right: 0;
  bottom: 100%;
}
.ct-classic > .ct-tab.ct-pag-ver.ct-pag-top .ct-pagitem.ct-cur:after {
  right: 0;
  top: 100%;
}
.ct-classic > .ct-tab.ct-pag-ver.ct-pag-bottom .ct-pagitem.ct-cur:before {
  left: 0;
  bottom: 100%;
}
.ct-classic > .ct-tab.ct-pag-ver.ct-pag-bottom .ct-pagitem.ct-cur:after {
  left: 0;
  top: 100%;
}
/* CLASSIC VERTICAL OUTSIDE */
.ct-classic.ct-pag-ver.ct-outside.ct-pag-top > .ct-viewport {
  padding-left: 0;
}
.ct-classic.ct-pag-ver.ct-outside.ct-pag-bottom > .ct-viewport {
  padding-right: 0;
}
/* STYLE UNDERLINE
    ---------------------------------------------------------- */
/* UNDERLINE HORIZONTAL */
.ct-underline > .ct-tab.ct-pag-hor {
  overflow: visible;
}
.ct-underline > .ct-tab.ct-pag-hor.ct-pag-top .ct-paginner {
  top: 1px;
}
.ct-underline > .ct-tab.ct-pag-hor.ct-pag-bottom .ct-paginner {
  bottom: 1px;
}
.ct-underline > .ct-tab.ct-pag-hor .ct-pagitem {
  padding: 12px 0;
  margin: 0 15px;
}
.ct-underline > .ct-tab.ct-pag-hor.ct-pag-top .ct-pagitem.ct-cur {
  padding-bottom: 8px;
  border-bottom: 4px solid #705090;
}
.ct-underline > .ct-tab.ct-pag-hor.ct-pag-bottom .ct-pagitem.ct-cur {
  padding-top: 8px;
  border-top: 4px solid #705090;
}
/* UNDERLINE VERTICAL */
.ct-underline.ct-pag-ver.ct-pag-top > .ct-viewport {
  padding-left: 0;
  border-left: none;
}
/* min-width > 0 --> width khi switch to hor = 0 */
.ct-underline.ct-pag-ver.ct-pag-bottom > .ct-viewport {
  padding-right: 0;
  border-right-color: transparent;
}
.ct-underline > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 12px 0;
  border-bottom: 1px dotted #ddd;
}
.ct-underline > .ct-tab.ct-pag-ver .ct-pagitem.ct-cur {
  padding-bottom: 8px;
  border-bottom: 4px solid #705090;
}
.ct-underline > .ct-tab.ct-pag-ver.ct-pag-top .ct-pagitem {
  margin-right: 50px;
}
.ct-underline > .ct-tab.ct-pag-ver.ct-pag-bottom .ct-pagitem {
  margin-left: 50px;
}
/* UNDERLINE VERTICAL OUTSIDE */
.ct-underline > .ct-tab.ct-pag-ver.ct-outside.ct-pag-top .ct-pagitem {
  margin-right: 0;
}
.ct-underline > .ct-tab.ct-pag-ver.ct-outside.ct-pag-bottom .ct-pagitem {
  margin-left: 0;
}
/*  TABLIST SIZE
============================================================== */
/* SIZE DEFAULT - Xem tham chieu
    ---------------------------------------------------------- */
/* Basic */
/*.ct-tab.ct-pag-hor .ct-pagitem                                                      { padding: 10px 15px; }
    .ct-tab.ct-pag-ver .ct-pagitem                                                      { padding: 10px 20px 10px 0; }*/
/* FLAT */
/*.ct-flat    > .ct-tab.ct-pag-ver .ct-pagitem,
    .ct-flatbox > .ct-tab.ct-pag-ver .ct-pagitem                                        { padding: 11px 20px 9px 20px; }*/
/* Pill */
/*.ct-pill > .ct-tab.ct-pag-ver .ct-pagitem                                           { padding: 10px 20px; }*/
/* Classic */
/*.ct-classic > .ct-tab.ct-pag-hor.ct-pag-top    .ct-pagitem.ct-cur                   { padding-top: 7px; }
    .ct-classic > .ct-tab.ct-pag-hor.ct-pag-bottom .ct-pagitem.ct-cur                   { padding-bottom: 7px; }

    .ct-classic > .ct-tab.ct-pag-ver .ct-pagitem                                        { padding: 10px 20px; }
    .ct-classic > .ct-tab.ct-pag-ver.ct-pag-top    .ct-pagitem.ct-cur                   { padding-left: 17px; }
    .ct-classic > .ct-tab.ct-pag-ver.ct-pag-bottom .ct-pagitem.ct-cur                   { padding-right: 17px; }*/
/* Underline */
/*.ct-underline > .ct-tab.ct-pag-hor .ct-pagitem                                      { padding: 12px 0; }
    .ct-underline > .ct-tab.ct-pag-hor.ct-pag-top    .ct-pagitem.ct-cur                 { padding-bottom: 8px; }
    .ct-underline > .ct-tab.ct-pag-hor.ct-pag-bottom .ct-pagitem.ct-cur                 { padding-top: 8px; }

    .ct-underline > .ct-tab.ct-pag-ver .ct-pagitem                                      { padding: 12px 0; }
    .ct-underline > .ct-tab.ct-pag-ver .ct-pagitem.ct-cur                               { padding-bottom: 8px; }*/
/* SIZE XLARGE
    ---------------------------------------------------------- */
/* Basic */
.ct-size-xlarge > .ct-tab.ct-pag-hor .ct-pagitem {
  padding: 20px 32px;
}
.ct-size-xlarge > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 20px 36px 20px 0;
}
/* FLAT */
.ct-size-xlarge.ct-flat > .ct-tab.ct-pag-ver .ct-pagitem,
.ct-size-xlarge.ct-flatbox > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 21px 36px 19px 36px;
}
/* Pill */
.ct-size-xlarge.ct-pill > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 20px 36px;
}
/* Classic */
.ct-size-xlarge.ct-classic > .ct-tab.ct-pag-hor.ct-pag-top .ct-pagitem.ct-cur {
  padding-top: 17px;
}
.ct-size-xlarge.ct-classic > .ct-tab.ct-pag-hor.ct-pag-bottom .ct-pagitem.ct-cur {
  padding-bottom: 17px;
}
.ct-size-xlarge.ct-classic > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 20px 36px;
}
.ct-size-xlarge.ct-classic > .ct-tab.ct-pag-ver.ct-pag-top .ct-pagitem.ct-cur {
  padding-left: 33px;
}
.ct-size-xlarge.ct-classic > .ct-tab.ct-pag-ver.ct-pag-bottom .ct-pagitem.ct-cur {
  padding-right: 33px;
}
/* Underline */
.ct-size-xlarge.ct-underline > .ct-tab.ct-pag-hor .ct-pagitem {
  padding: 22px 0;
}
.ct-size-xlarge.ct-underline > .ct-tab.ct-pag-hor.ct-pag-top .ct-pagitem.ct-cur {
  padding-bottom: 18px;
}
.ct-size-xlarge.ct-underline > .ct-tab.ct-pag-hor.ct-pag-bottom .ct-pagitem.ct-cur {
  padding-top: 18px;
}
.ct-size-xlarge.ct-underline > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 22px 0;
}
.ct-size-xlarge.ct-underline > .ct-tab.ct-pag-ver .ct-pagitem.ct-cur {
  padding-bottom: 18px;
}
/* SIZE LARGE
    ---------------------------------------------------------- */
/* Basic */
.ct-size-large > .ct-tab.ct-pag-hor .ct-pagitem {
  padding: 28px 18px;
  border-right: 1px solid #d7d6d6;
}
.ct-size-large > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 15px 26px 15px 0;
}
/* FLAT */
.ct-size-large.ct-flat > .ct-tab.ct-pag-ver .ct-pagitem,
.ct-size-large.ct-flatbox > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 16px 26px 14px 26px;
}
/* Pill */
.ct-size-large.ct-pill > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 15px 26px;
}
/* Classic */
.ct-size-large.ct-classic > .ct-tab.ct-pag-hor.ct-pag-top .ct-pagitem.ct-cur {
  padding-top: 12px;
}
.ct-size-large.ct-classic > .ct-tab.ct-pag-hor.ct-pag-bottom .ct-pagitem.ct-cur {
  padding-bottom: 12px;
}
.ct-size-large.ct-classic > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 15px 26px;
}
.ct-size-large.ct-classic > .ct-tab.ct-pag-ver.ct-pag-top .ct-pagitem.ct-cur {
  padding-left: 23px;
}
.ct-size-large.ct-classic > .ct-tab.ct-pag-ver.ct-pag-bottom .ct-pagitem.ct-cur {
  padding-right: 23px;
}
/* Underline */
.ct-size-large.ct-underline > .ct-tab.ct-pag-hor .ct-pagitem {
  padding: 16px 0;
}
.ct-size-large.ct-underline > .ct-tab.ct-pag-hor.ct-pag-top .ct-pagitem.ct-cur {
  padding-bottom: 12px;
}
.ct-size-large.ct-underline > .ct-tab.ct-pag-hor.ct-pag-bottom .ct-pagitem.ct-cur {
  padding-top: 12px;
}
.ct-size-large.ct-underline > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 16px 0;
}
.ct-size-large.ct-underline > .ct-tab.ct-pag-ver .ct-pagitem.ct-cur {
  padding-bottom: 14px;
}
/* SIZE SMALL
    ---------------------------------------------------------- */
/* Basic */
.ct-size-small > .ct-tab.ct-pag-hor .ct-pagitem {
  padding: 8px 12px;
}
.ct-size-small > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 8px 15px 8px 0;
}
/* FLAT */
.ct-size-small.ct-flat > .ct-tab.ct-pag-ver .ct-pagitem,
.ct-size-small.ct-flatbox > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 9px 15px 7px 15px;
}
/* Pill */
.ct-size-small.ct-pill > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 8px 15px;
}
/* Classic */
.ct-size-small.ct-classic > .ct-tab.ct-pag-hor.ct-pag-top .ct-pagitem.ct-cur {
  padding-top: 5px;
}
.ct-size-small.ct-classic > .ct-tab.ct-pag-hor.ct-pag-bottom .ct-pagitem.ct-cur {
  padding-bottom: 5px;
}
.ct-size-small.ct-classic > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 8px 15px;
}
.ct-size-small.ct-classic > .ct-tab.ct-pag-ver.ct-pag-top .ct-pagitem.ct-cur {
  padding-left: 12px;
}
.ct-size-small.ct-classic > .ct-tab.ct-pag-ver.ct-pag-bottom .ct-pagitem.ct-cur {
  padding-right: 12px;
}
/* Underline */
.ct-size-small.ct-underline > .ct-tab.ct-pag-hor .ct-pagitem {
  padding: 10px 0;
}
.ct-size-small.ct-underline > .ct-tab.ct-pag-hor.ct-pag-top .ct-pagitem.ct-cur {
  padding-bottom: 6px;
}
.ct-size-small.ct-underline > .ct-tab.ct-pag-hor.ct-pag-bottom .ct-pagitem.ct-cur {
  padding-top: 6px;
}
.ct-size-small.ct-underline > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 10px 0;
}
.ct-size-small.ct-underline > .ct-tab.ct-pag-ver .ct-pagitem.ct-cur {
  padding-bottom: 6px;
}
/* SIZE MINI
    ---------------------------------------------------------- */
/* Basic */
.ct-size-mini > .ct-tab.ct-pag-hor .ct-pagitem {
  padding: 5px 8px;
}
.ct-size-mini > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 5px 8px 5px 0;
}
/* FLAT */
.ct-size-mini.ct-flat > .ct-tab.ct-pag-ver .ct-pagitem,
.ct-size-mini.ct-flatbox > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 6px 8px 4px 8px;
}
/* Pill */
.ct-size-mini.ct-pill > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 5px 10px;
}
/* Classic */
.ct-size-mini.ct-classic > .ct-tab.ct-pag-hor.ct-pag-top .ct-pagitem.ct-cur {
  padding-top: 2px;
}
.ct-size-mini.ct-classic > .ct-tab.ct-pag-hor.ct-pag-bottom .ct-pagitem.ct-cur {
  padding-bottom: 2px;
}
.ct-size-mini.ct-classic > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 5px 10px;
}
.ct-size-mini.ct-classic > .ct-tab.ct-pag-ver.ct-pag-top .ct-pagitem.ct-cur {
  padding-left: 7px;
}
.ct-size-mini.ct-classic > .ct-tab.ct-pag-ver.ct-pag-bottom .ct-pagitem.ct-cur {
  padding-right: 7px;
}
/* Underline */
.ct-size-mini.ct-underline > .ct-tab.ct-pag-hor .ct-pagitem {
  padding: 6px 0;
}
.ct-size-mini.ct-underline > .ct-tab.ct-pag-hor.ct-pag-top .ct-pagitem.ct-cur {
  padding-bottom: 2px;
}
.ct-size-mini.ct-underline > .ct-tab.ct-pag-hor.ct-pag-bottom .ct-pagitem.ct-cur {
  padding-top: 2px;
}
.ct-size-mini.ct-underline > .ct-tab.ct-pag-ver .ct-pagitem {
  padding: 6px 0;
}
.ct-size-mini.ct-underline > .ct-tab.ct-pag-ver .ct-pagitem.ct-cur {
  padding-bottom: 4px;
}
/*  TABLIST COLOR
============================================================== */
/*  TIMER STYLE
============================================================== */
/* BASIC */
.ct-media {
  position: absolute;
  z-index: 3;
}
/* PLAYPAUSE BUTTON
    ---------------------------------------------------------- */
.ct-playpause {
  position: absolute;
  width: 26px;
  height: 26px;
  background: transparent url(@{path-img}icon_playpause.png) no-repeat -12px -12px;
  text-indent: -99999px;
}
.ct-playpause.ct-actived {
  background-position: -60px -12px;
}
/* ARC LINE
    ---------------------------------------------------------- */
.ct-arcline .ct-media {
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
}
.ct-arcline .ct-playpause {
  left: 7px;
  top: 7px;
  border-radius: 50%;
}
.ct-arcline .ct-timer {
  position: absolute;
}
/* Fallback for old browser */
.ct-arcline.ct-old .ct-timer.ct-timer-bar {
  background-color: #e5e5e5;
}
/* TIMER BAR LESS
    ---------------------------------------------------------- */
.ct-barless .ct-media {
  position: relative;
}
.ct-barless .ct-playpause {
  right: 4px;
  bottom: 4px;
}
.ct-barless .ct-timer-bar {
  margin-top: -1px;
  background-color: #e5e5e5;
}
/* TIMER BAR SHORT
    ---------------------------------------------------------- */
.ct-barshort .ct-media {
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
}
.ct-barshort .ct-playpause {
  left: 7px;
  top: 7px;
}
.ct-barshort .ct-timer {
  position: absolute;
}
/* TIMER NUMBER LESS
    ---------------------------------------------------------- */
.ct-numless .ct-media {
  right: 5px;
  top: 5px;
  width: 60px;
  height: 30px;
}
.ct-numless .ct-timer-number {
  position: absolute;
  width: 30px;
  height: 30px;
  color: #999;
  line-height: 30px;
  border-right: 1px dotted rgba(0, 0, 0, 0.15);
}
.ct-numless .ct-playpause {
  left: 32px;
  top: 2px;
}
/*  BULLET STYLE
============================================================== */
/* BULLET CORE
    ---------------------------------------------------------- */
.ct-bullet,
.ct-hover {
  padding-top: 10px;
  padding-bottom: 10px;
}
.ct-bullet .ct-pagitem,
.ct-hover .ct-pagitem {
  display: block;
  float: left;
  width: 7px;
  height: 7px;
  margin-left: 6px;
  margin-right: 6px;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  text-indent: -99999px;
}
.ct-bullet .ct-pagitem:hover,
.ct-bullet .ct-pagitem.ct-cur,
.ct-hover .ct-pagitem:hover,
.ct-hover .ct-pagitem.ct-cur {
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
}
/* BULLET FLAT
    ---------------------------------------------------------- */
.ct-bulletflat .ct-pag {
  padding-left: 10px;
  padding-right: 10px;
  background-color: #705090;
}
.ct-bulletflat .ct-viewport {
  padding: 20px;
  background-color: #fff;
  border: solid #e5e5e5;
  border-width: 0 1px 1px 1px;
}
/*wwf*/
.ct-tab.ct-pag-hor.ct-pag-top {
  border-bottom: none;
}
@media only screen and (max-width: 767px) {
  .ct-size-mini > .ct-tab.ct-pag-hor .ct-pagitem {
    padding: 5px 2px;
  }
}
.center-block {
  display: block;
  margin: 0 auto;
}
.bg-cover {
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.show {
  display: block !important;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.invisible {
  visibility: hidden;
}
.non-bg {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
}
.non-bg .control-label {
  border-right: none!important;
}
.non-border {
  border: none !important;
}
.non-margin {
  margin: 0 !important;
}
.non-margin-b {
  margin-bottom: 0 !important;
}
.non-padding {
  padding: 0 !important;
}
.no-padding-r {
  padding-right: 0;
}
.no-padding-l {
  padding-left: 0;
}
.text-danger {
  color: #d2232a;
}
.parent {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.table-row {
  display: table-row;
}
.table-cell {
  display: table-cell;
}
.child {
  display: table-cell;
  vertical-align: top;
  float: none;
}
.middle {
  vertical-align: middle;
}
.uppercase {
  text-transform: uppercase;
}
.big {
  font-size: 40px !important;
  font-size: 4rem !important;
}
.p-relative {
  position: relative;
}
.list-inside {
  margin-left: -6px;
}
.no-gutter {
  margin-left: 0;
  margin-right: 0;
}
.no-gutter > * {
  padding-left: 0;
  padding-right: 0;
}
.ic-menu,
.ic-close {
  background-image: url('../img/ic_menu@2x.png');
  width: 36px;
  height: 31px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.ic-close {
  background-image: url('../img/ic_menu_close@2x.png');
}
.ic-close-red,
.ic-close-white {
  background-image: url('../img/btn_close_red@2x.jpg');
  width: 40px;
  height: 40px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.ic-close-red:hover,
.ic-close-white:hover {
  background-position: 0 -40px;
  background-color: none;
}
.ic-close-white {
  background-image: url('../img/btn_close_white@2x.jpg');
}
.ic-pin {
  background-image: url('../img/icon_pin@2x.png');
  width: 25px;
  height: 33px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.ic-pin-small {
  background-image: url('../img/icon_pin_small@2x.png');
  width: 18px;
  height: 25px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.ic-call {
  background-image: url('../img/icon_24hr@2x.png');
  width: 32px;
  height: 32px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.icon-carlendar {
  background-image: url('../img/icon_carlendar@2x.png');
  width: 22px;
  height: 22px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.icon-plus {
  background-image: url('../img/icon_plus.png');
  background-repeat: no-repeat;
  display: inline-block;
  width: 33px;
  height: 33px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), only screen and (max-width: 767px) {
  .icon-plus {
    background-image: url("../img/icon_plus@2x.png");
    background-size: 33px 33px;
  }
}
.icon-ig {
  background-image: url('../img/ic_ig@2x.png');
  width: 28px;
  height: 28px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.icon-mg {
  background-image: url('../img/pin_mg@2x.png');
  width: 45px;
  height: 45px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.icon-collapse {
  width: 29px;
  height: 29px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.icon-collapse.icon-collapse-open {
  background-image: url('../img/icon_panel_open@2x.png');
}
.icon-collapse.icon-collapse-close {
  background-image: url('../img/icon_panel_close@2x.png');
}
.icon-phone,
.icon-mobile {
  background-image: url('../img/icon_phone@2x.png');
  width: 34px;
  height: 34px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.icon-mobile {
  background-image: url('../img/icon_mobile@2x.png');
}
.icon-email {
  background-image: url('../img/icon_email@2x.png');
  width: 34px;
  height: 34px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.icon-file {
  background-image: url('../img/icon_file@2x.png');
  width: 23px;
  height: 26px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.icon-periodic {
  background-image: url('../img/icon_periodic_red@2x.png');
  width: 49px;
  height: 36px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.icon-carprice {
  background-image: url('../img/icon_price_red@2x.png');
  width: 49px;
  height: 36px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.icon-perfor {
  background-image: url('../img/ic_perfor@2x.png');
}
.icon-handling {
  background-image: url('../img/ic_handling@2x.png');
}
.icon-design {
  background-image: url('../img/ic_design@2x.png');
}
.icon-safety {
  background-image: url('../img/ic_safety@2x.png');
}
.icon-perfor-s {
  background-image: url('../img/ic_perfor_s@2x.png');
  width: 24px;
  height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.icon-handling-s {
  background-image: url('../img/ic_handling_s@2x.png');
  width: 26px;
  height: 26px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.icon-design-s {
  background-image: url('../img/ic_design_s@2x.png');
  width: 70px;
  height: 25px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.icon-safety-s {
  background-image: url('../img/ic_safety_s@2x.png');
  width: 25px;
  height: 25px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.icon-polygon {
  background-image: url('../img/pin.gif');
  width: 29px;
  height: 27px;
}
.icon-waiting {
  background-image: url('../img/icon_waiting@2x.png');
  width: 83px;
  height: 83px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.icon-bullet {
  width: 15px;
  height: 15px;
  background-image: url('../img/border_radius@2x.png');
  display: block;
  background-size: 15px 15px;
}
.ic-calendar {
  width: 28px;
  height: 27px;
  background-image: url('../img/icon_date@2x.png');
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 28px 27px;
}
.backdrop {
  background-size: cover;
  background-position: center top;
  display: block;
  position: relative;
  z-index: -1;
}
.backdrop span {
  background-color: #ffffff;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.backdrop + .content {
  padding-top: 0;
}
.content {
  padding-top: 25px;
  padding-bottom: 30px;
}
.content.bg-pattern {
  background: #333333 url('../img/bg_pattern.png');
}
#testdrive.backdrop {
  background-image: url('../img/lead_testdrive_newmg_.jpg');
  background-size: contain;
  background-repeat: no-repeat;
}
#testdrivemggs.backdrop {
  background-image: url('../img/lead_testdrive_mggs.jpg');
  background-size: contain;
  background-repeat: no-repeat;
}
#testdrivemggs.backdrop + .content{
  margin-top: -230px;
}
#testdrivemggs.backdrop span{
  height: 130px;
}
#contactus.backdrop {
  background-image: url('../img/lead_contactus.jpg');
}
#lead-news.backdrop {
  background-image: url('../img/lead_news.jpg');
}
#fleetsale.backdrop {
  background-image: url('../img/lead_fleet_about.jpg');
}
#innovation.backdrop {
  background-image: url('../img/lead_innovation.jpg');
}
#fleet-regis.backdrop {
  background-image: url('../img/lead_fleetregis.jpg');
}
#dealers.backdrop {
  background-image: url('../img/lead_dealers.jpg');
}
#dealers.backdrop.find {
  background-image: url('../img/lead_map_dealer.jpg');
}
#overview.backdrop {
  background-image: url('../img/lead_overview.jpg');
}
#language {
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding-left: 30px;
}
#language li {
  padding-left: 10px;
  display: inline-table;
  margin: 0;
  padding: 0;
  float: left;
}
#language li:first-child {
  padding-right: 10px;
  padding-left: 0;
}
#language li.current a {
  color: #333333;
  border-bottom: none !important;
}
#language li a {
  color: #d2232a;
  vertical-align: middle;
  display: table-cell;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
body.th #language li a {
  font-size: 14px !important;
  font-size: 1.4rem !important;
}
#language li a:hover,
#language li a:focus {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
}
#language li + li {
  padding-right: 0;
  box-shadow: -1px 0 0 rgba(255, 255, 255, 0.09);
}
.follow-us {
  overflow: hidden;
  padding-left: 1px;
  margin-top: 20px;
}
.follow-us p {
  margin-bottom: 5px;
  color: #000000;
}
.follow-us i {
  color: #999999;
  font-size: 20px;
  vertical-align: middle;
  display: table-cell;
  padding-top: 2px;
}
.follow-us i[rel="fb"] {
  color: #3B5998;
}
.follow-us i[rel="youtube"] {
  color: #E22B27;
}
.follow-us i[rel="ig"] {
  color: #5B3B2A;
}
.follow-us [rel="octagon"] {
  float: left;
  margin-left: -1px;
}
.follow-us .ic-fb:hover {
  background-image: url('../img/bg_octagon_blue@2x.png');
  z-index: 10;
  position: relative;
}
.follow-us .ic-ig:hover {
  background-image: url('../img/bg_octagon_brown@2x.png');
  z-index: 10;
  position: relative;
}
.follow-us .ic-youtube:hover {
  background-image: url('../img/bg_octagon_red@2x.png');
  z-index: 10;
  position: relative;
}
a.subscribe,
a.subscribe-xs {
  white-space: nowrap;
  color: #666666;
  font-size: 14px;
  font-size: 1.4rem;
}
a.subscribe:hover,
a.subscribe-xs:hover,
a.subscribe:focus,
a.subscribe-xs:focus {
  color: #000000;
}
a.subscribe:hover i,
a.subscribe-xs:hover i,
a.subscribe:focus i,
a.subscribe-xs:focus i {
  color: #000000;
}
a.subscribe i,
a.subscribe-xs i {
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -3px;
  padding-top: 8px;
  font-size: 22px;
  font-size: 2.2rem;
  color: #999999;
}
a.subscribe-xs {
  color: #ffffff;
}
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 20px;
  font-family: "Kanit";
}
#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 370px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
  font-family: 'Kanit';
}
#logo {
  background-image: url('../img/logo_mg_sm@2x.png');
  width: 160px;
  height: 52px;
  background-size: 160px 52px;
  background-position: left center;
  background-repeat: no-repeat;
  display: block;
  line-height: 9999px;
  overflow: hidden;
}
#content {
  min-width: 320px;
}
#header {
  position: relative;
  z-index: 99999;
  height: 120px;
}
#header .group-header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}
#header .secondary {
  background-color: #ededed;
  background-image: url('../img/bg_patter.png');
  background-image: url('../img/bg_pattern.png');
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), only screen and (max-width: 767px) {
  #header .secondary {
    background-image: url("../img/bg_pattern@2x.png");
    background-size: 67px 39px;
  }
}
#header .secondary .ic-menu {
  margin-top: 9px;
  position: relative;
  z-index: 9999;
}
#header .secondary .feature {
  float: right;
  padding: 3px 0px 3px 30px;
}
#header .secondary .feature ul {
  margin-bottom: 0;
  padding-left: 5px;
}
#header .secondary .feature li {
  display: inline-block;
  vertical-align: middle;
  float: left;
}
#header .secondary .feature li:first-child {
  margin-right: 10px;
}
#header .secondary .feature a {
  text-transform: uppercase;
}
#header .secondary .feature .btn {
  font-size: 14px;
  font-size: 1.4rem;
}
#header .secondary .feature .btn-primary {
  height: 20px;
  min-width: 120px;
}
#header .secondary .feature .btn-primary:before {
  border-left: 8px solid #ededed;
  border-right: 8px solid #ededed;
  border-bottom-width: 8px;
  top: -8px;
}
#header .secondary .feature .btn-primary:after {
  border-left: 8px solid #ededed;
  border-right: 8px solid #ededed;
  border-top-width: 8px;
  bottom: -8px;
}
#header .secondary .feature ul#language li {
  display: inline-table;
  float: left;
}
#header .secondary .feature ul#language li:first-child {
  margin-right: 0px;
}
#header .primary {
  height: 70px;
  box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}
#header .primary #logo {
  display: block;
  margin: 0 auto;
  margin-top: 9px;
}
#header .primary #logo-md {
  position: absolute;
  z-index: 9999;
  top: -50px;
}
nav#menu {
  position: absolute;
  right: 0;
  width: 100%;
}
nav#menu ul.main-menu {
  margin-bottom: 0;
  display: table;
  float: right;
}
nav#menu ul.main-menu li {
  margin-left: 30px;
  padding: 0;
}
nav#menu ul.main-menu li:first-child {
  margin-left: 0;
}
nav#menu ul.main-menu li.current a {
  margin: 0;
  color: #d2232a;
  border-bottom: 3px solid #d2232a;
}
nav#menu ul.main-menu li.current ul.sub-menu a {
  border-bottom: none;
  color: #333333;
}
nav#menu ul.main-menu li.current ul.sub-menu a.active span,
nav#menu ul.main-menu li.current ul.sub-menu a:hover span {
  color: #d2232a;
}
nav#menu ul.main-menu li.current ul.sub-menu a:visited {
  color: #333333;
  text-decoration: none;
}
nav#menu ul.main-menu li.current ul.sub-menu li.active a {
  color: #d2232a;
}
nav#menu ul.main-menu li.border-left {
  border-left: 1px solid #e8e8e8;
}
nav#menu ul.main-menu li a:hover {
  color: #d2232a;
  text-decoration: none;
}
nav#menu ul.main-menu a {
  font-size: 14px;
  font-size: 1.4rem;
  color: #333333;
  text-transform: uppercase;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
}
nav#menu ul.main-menu a:hover {
  color: #d2232a;
  text-decoration: none;
}
nav#menu ul.main-menu a:visited {
  color: #333333;
}
nav#menu ul#language li {
  margin: 0;
  padding: 0;
}
nav#menu ul#language li:first-child {
  padding-right: 10px;
  padding-left: 0;
}
nav#menu .dropdown,
nav#menu .wrapper {
  position: static;
}
nav#menu .full-width {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  z-index: 999;
  background-color: #ECECEC;
  display: none;
  padding: 20px 0px;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.4);
}
nav#menu .dropdown-toggle i {
  position: absolute;
  bottom: -66px;
  left: 50%;
  font-size: 50px;
  width: 100%;
  color: #ECECEC;
  display: none;
  margin-left: -38px;
}
nav#menu ul.sub-menu {
  text-align: left;
}
nav#menu ul.sub-menu li {
  margin-left: 22px;
  padding: 0px !important;
}
nav#menu ul.sub-menu a {
  text-transform: none;
}
nav#menu ul.show-model {
  margin: 10px 0px;
}
nav#menu ul.show-model li {
  text-align: center;
}
body.th .dropdown-toggle i {
  margin-left: -15px;
}
.dropdown .icon-up-micro:before {
  content: '';
}
.dropdown.open .icon-up-micro:before {
  content: '\e805';
}
.namemodel {
  font-size: 30px;
  font-size: 3rem;
  color: #d2232a;
}
.namemodel img {
  max-width: 93px;
}
.sub-menu .logo {
  margin-bottom: 5px;
  max-width: 155px;
}
.sub-menu .logo.new-mg6,
.sub-menu .logo.new-mg5 {
  margin-top: -17px;
}
.sub-menu span {
  display: block;
}
.group-model span {
  display: block;
  text-transform: none;
  font-size: 14px;
  font-size: 1.4rem;
}
.group-model span img {
  max-width: 165px;
}
.group-model small {
  display: block;
}
.white-layout {
  background-color: #ffffff;
  padding: 40px 40px 30px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}
#card-news,
#card-events,
#card-inno,
#card-promotions,
#card-model,
#card-aboutus {
  overflow: hidden;
  position: relative;
}
#mg-page {
  position: relative;
  z-index: 10;
  padding-top: 30px;
}
#mg-page .btn-plus {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9999;
}
#mg-page .first-card {
  margin-right: 1px;
}
#mg-page .secondary-card {
  margin-right: 1px;
}
#mg-page .no-gutter + .no-gutter {
  margin-top: 10px;
}
.card-pr {
  overflow: hidden;
}
.card-pr .view {
  position: relative;
}
.card-pr .cardSlide img.rsImg {
  max-height: 253px;
}
#card-heritage {
  background-color: #eeeeee;
  padding: 15px 10px 10px;
  color: #ffffff;
  height: 373px;
  width: 100%;
  display: table;
}
#card-heritage header {
  position: relative;
  z-index: 99;
  text-align: center;
  margin-top: -20px;
}
#card-heritage header .title {
  margin: 0px;
  color: #d2232a;
  background-color: #eeeeee;
  text-align: center;
  display: inline-block;
  padding: 0px 20px;
}
#card-heritage .info {
  position: relative;
}
#card-heritage .info .title {
  font-size: 26px;
  font-size: 2.6rem;
  margin-bottom: 0;
}
#card-heritage .info p {
  color: #333333;
}
#card-heritage .info .pic {
  position: absolute;
  display: block;
  max-width: 100%;
  left: 0;
  margin-top: -9px;
}
#card-heritage .founder {
  width: 135px;
  height: 135px;
  display: block;
  margin: 0 auto;
  margin-top: 35px;
}
#card-heritage .founder img {
  border-radius: 50% 50% 50% 50%;
  -webkit-border-top-right-radius: 50%;
  -webkit-border-bottom-right-radius: 50%;
  -webkit-border-bottom-left-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topright: 50%;
  -moz-border-radius-bottomright: 50%;
  -moz-border-radius-bottomleft: 50%;
  -moz-border-radius-topleft: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  background-clip: padding-box;
  border: 3px solid #ffffff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}
#card-heritage .double-border {
  background-image: url('../img/bg_heritage@2x.jpg');
  background-position: 11px 10px;
  background-repeat: no-repeat;
}
#card-heritage footer {
  padding: 0px 10px;
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 30px;
  left: 0;
}
#card-heritage footer .line {
  padding-left: 20px;
  padding-right: 20px;
  border-color: rgba(255, 255, 255, 0.3);
}
#card-heritage footer .line .title {
  background-color: #d2232a;
  float: none;
  font-size: 24px;
  font-size: 2.4rem;
  color: rgba(255, 255, 255, 0.5);
  padding: 0 5px;
  text-transform: none;
}
#card-heritage footer blockquote {
  margin-bottom: 0;
  margin-left: 0;
  padding: 0px 10px;
  line-height: 1.2;
}
#card-instagram {
  background-color: #f7f7f7;
  text-align: center;
}
#card-instagram > img {
  min-width: 186px;
  width: 100%;
}
#card-instagram .card {
  padding-top: 30px;
}
#card-instagram .card .line {
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 30px;
  margin-top: 15px;
}
#card-instagram .card .title {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
#card-instagram .card p {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
#card-instagram [rel="icon"] {
  background-color: #f7f7f7;
}
#card-instagram .div-loading {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 99;
  margin-left: -12px;
  margin-top: -12px;
}
#our-heritage {
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e8e8e8;
  background-image: url('../img/bg_flag_heri@2x.jpg');
  background-size: 260px 129px;
  background-position: right 15px;
  background-repeat: no-repeat;
}
#our-heritage .line .title {
  font-size: 26px;
  font-size: 2.6rem;
}
#our-heritage .line.heading {
  margin-bottom: 10px;
}
#our-heritage .line.heading span .title {
  margin-top: -12px;
}
#our-heritage .title {
  margin-bottom: 0;
  font-size: 30px;
  font-size: 3rem;
}
#our-heritage p {
  font-size: 18px;
  font-size: 1.8rem;
}
#our-heritage .car {
  max-width: 589px;
  position: absolute;
}
#our-heritage .btn {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: 26px;
}
.double-border {
  border: 1px solid #d2232a;
  padding: 10px;
  position: relative;
  display: table-cell;
  width: 100%;
  height: 100%;
}
.double-border:before {
  border: 1px solid #d2232a;
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 9px;
  right: 9px;
  bottom: 9px;
  pointer-events: none;
}
html.ie .double-border:before {
  height: 325px;
}
.share-this {
  position: absolute;
  right: 0;
  top: -3px;
  background-color: #ffffff;
  padding-left: 10px;
}
time {
  color: #d2232a;
  font-size: 14px;
  font-size: 1.4rem;
}
.list-card.first {
  margin-bottom: 40px;
}
.list-card .group {
  margin-bottom: 10px;
}
.list-card .group .thumb {
  position: relative;
}
.list-card .group .title {
  line-height: 1.2;
  margin-bottom: 10px;
  max-height: 50px;
  height: 50px;
  overflow: visible;
  text-overflow: ellipsis;
  font-family: 'kanit';
}
.list-card .group .info {
  padding: 0px;
  background-color: #f7f7f7;
}
.list-card .min-gutter {
  margin-left: -5px;
  margin-right: -5px;
}
.list-card .min-gutter [rel="gutter-10"] {
  padding-left: 5px;
  padding-right: 5px;
}
#content-detail ul.location {
  display: table;
}
#content-detail ul.location li {
  padding: 0;
}
#content-detail ul.location li i {
  margin-left: -7px;
}
@media only screen and (max-width: 767px) {
  #content-detail ul.location li {
    display: table-cell;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 992px) {
  #content-detail ul.location {
    width: 100%;
  }
  #content-detail ul.location li:first-child {
    width: 40px;
  }
  #content-detail ul.location li:first-child + li {
    width: 90%;
  }
}
#content-detail .info {
  overflow: hidden;
}
#content-detail .info header {
  margin-bottom: 20px;
}
#content-detail .info .title {
  margin-bottom: 5px;
  padding-top: 6px;
}
#content-detail .info .share-this {
  position: relative;
  padding-left: 0;
  margin-top: 10px;
  top: 0;
}
#content-detail .info p,
#content-detail .info ul {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: 'kanit';
}
#content-detail .info strong,
#content-detail .info b {
  font-family: 'kanit', Helvetica, Arial, sans-serif;
  font-weight: bold;
}
#content-detail .info ul {
  margin: 0;
}
#content-detail .info a {
  color: #d2232a;
}
#content-detail .info ul.group-time {
  margin-bottom: 2;
  margin-top: 10px;
}
#content-detail .info ul.group-time li {
  padding: 5;
}
#content-detail .info ul.group-time i {
  width: 36px;
  vertical-align: middle;
  margin-left: 0;
}
#content-detail .info ul.group-time time {
  color: #333;
}
.address-info {
  margin-top: 20px;
}
.address-info .title {
  color: #000000;
  margin-bottom: 5px;
}
.address-info p {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: 'kanit';
}
#info-overview p,
#info-whymg p {
  font-family: 'kanit';
}
#lead-events.backdrop {
  background-image: url('../img/lead_events.jpg');
}
#lead-events-detail.backdrop {
  background-image: url('../img/lead_events_detail.jpg');
}
#events.white-layout {
  padding-top: 20px;
}
#events .min-gutter {
  margin-left: -5px;
  margin-right: -5px;
}
#events .min-gutter [rel="gutter-10"] {
  padding-left: 5px;
  padding-right: 5px;
}
#events .heading .title {
  margin-bottom: 10px;
  color: #d2232a;
}
#events .heading .btn-primary {
  min-width: 100px;
}
#events .heading [rel="group-select"] {
  height: 80px;
  margin-top: -20px;
  margin-left: -5px;
  padding-top: 18px;
  padding-right: 40px;
  background-color: #ededed;
}
#events .heading [rel="group-select"] input.form-control {
  height: 46px;
  padding-left: 20px;
  box-shadow: none;
  border: none;
  border-radius: 0 0 0 0;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: 'kanit';
}
#events .heading [rel="group-select"] .input-append.date .add-on {
  right: 20px;
}
#events .heading .btn-primary[type="button"],
#events .heading .btn-primary[type="submit"] {
  height: 44px;
  margin: 0;
}
#events .heading .btn-primary[type="button"]:before,
#events .heading .btn-primary[type="submit"]:before {
  top: 0;
}
#events .heading .btn-primary[type="button"]:after,
#events .heading .btn-primary[type="submit"]:after {
  bottom: 0;
}
#events .listing {
  overflow: hidden;
}
#events .listing .row {
  border-bottom: 1px solid #d7d7d7;
  padding: 20px 0px;
}
#events .listing .row.no-gutter {
  border-bottom: none;
  padding: 0;
}
#events .listing ul {
  margin: 0;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
#events .listing li {
  padding: 0;
  float: left;
}
#events .listing [data-mh="group-height"] {
  display: table;
}
#events .listing .title {
  margin-bottom: 0;
  font-size: 26px;
  font-size: 2.6rem;
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #events .listing .title {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
#events .listing .title a {
  color: #333333;
}
#events .listing .title a:hover {
  color: #d2232a;
}
#events .listing .location i {
  color: #d2232a;
  font-size: 30px;
}
#events .listing .location li + li {
  width: 80%;
}
#events .listing .location span {
  font-size: 18px;
  font-size: 1.8rem;
  color: #666666;
  display: block;
  font-family: 'kanit';
}
#events .listing .location .where:after {
  content: ",";
}
#events .listing .group-time i {
  margin-right: 10px;
}
#events .listing .group-time time {
  font-size: 18px;
  font-size: 1.8rem;
  color: #666666;
  font-family: 'kanit';
}
#events .listing .group-time time:after {
  content: "-";
}
#events .listing .group-time time + time:after {
  content: none;
}
#listing-block .item {
  margin-bottom: 10px;
}
#listing-block .item .thumb img {
  width: 100%;
}
#listing-block .item .info {
  margin-top: -70px;
  position: relative;
  z-index: 2;
}
#listing-block .item .info .title {
  margin-bottom: 0;
  font-size: 18px;
  font-size: 1.8rem;
}
#listing-block .item .info p {
  font-family: 'kanit';
}
#listing-block .item.is-expanded .info {
  background-color: #ffffff;
  position: absolute;
  bottom: 20px;
  padding: 30px 20px;
}
#listing-block .item.is-expanded .info .show-date {
  padding: 10px 0px;
}
#listing-block .item.is-expanded .info .title {
  font-size: 20px;
  font-size: 2rem;
}
#listing-block .show-date {
  margin: 0;
  display: inline-block;
  padding: 10px 10px 5px;
  background-color: #ffffff;
}
#listing-block .show-date li {
  padding: 0;
  vertical-align: top;
}
#listing-block .show-date span {
  display: block;
}
#listing-block .show-date .time {
  color: #d2232a;
  font-weight: bold;
  letter-spacing: -1px;
}
#listing-block .show-date .time sup {
  float: right;
  top: 0;
  text-transform: uppercase;
  letter-spacing: normal;
}
#listing-block .show-date .dash {
  color: #ededed;
  font-size: 90px;
  font-size: 9rem;
}
.time-event .show-date {
  margin: 0;
  padding: 0;
  display: inline-block;
  background-color: #ffffff;
}
.time-event .show-date li {
  padding: 0;
  vertical-align: top;
  line-height: 75px;
}
.time-event .show-date span {
  display: block;
}
.time-event .show-date .time {
  color: #d2232a;
  font-weight: bold;
  letter-spacing: -1px;
  font-size: 90px;
  font-size: 9rem;
  font-family: 'kanit', Helvetica, Arial, sans-serif;
}
.time-event .show-date .time sup {
  font-size: 20px;
  font-size: 2rem;
  line-height: 20px;
  float: right;
  top: 0;
  text-transform: uppercase;
  letter-spacing: normal;
}
.time-event .show-date .dash {
  color: #ededed;
  font-size: 90px;
  font-size: 9rem;
  font-weight: bold;
  font-family: 'kanit', Helvetica, Arial, sans-serif;
}
.time-event .location-address {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #cccccc;
  color: #333333;
  font-family: 'kanit';
}
.time-event .location-address i {
  font-size: 30px;
  font-size: 3rem;
  color: #d2232a;
  margin-left: -8px;
}
#contact-us {
  margin-top: 40px;
}
#form-contact .fix-textarea {
  height: 136px;
}
#form-contact .fix-textarea .control-label {
  height: 100%;
}
#form-contact .group-button {
  margin-top: 10px;
}
#address strong {
  font-size: 20px;
  font-size: 2rem;
  font-weight: normal;
  color: #333333;
}
#address span {
  font-family: 'kanit', Helvetica, Arial, sans-serif;
}
#address table td:first-child {
  padding: 0;
  text-align: center;
  width: 5%;
}
#map-canvas,
#map-dealer {
  margin-bottom: 30px;
  width: 100%;
  height: 206px;
}
#map-canvas .gm-style img,
#map-dealer .gm-style img {
  max-width: none;
}
.form-thank {
  height: 530px;
}
.form-thank .title {
  color: #d2232a;
  margin-bottom: 10px;
}
.form-thank p {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 30px;
}
.form-thank footer .btn {
  margin-left: 5px;
  margin-right: 5px;
}
.group-muti-button {
  margin-left: -5px;
}
.group-muti-button .btn {
  margin-left: 5px;
  margin-right: 5px;
}
#form-regis form fieldset:first-child {
  margin-top: 20px;
}
.model-car img {
  max-width: 400px;
  max-height: 160px;
}
.fix-model {
  margin-top: 60px;
}
.subscribe-box label,
.subscribe-box p {
  font-size: 16px;
  font-size: 1.6rem;
}
.icon-career {
  width: 35px;
  height: 35px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}

.icon-automove {
  background-image: url('../img/icon_mission2@2x.png');
  width: 122px;
  height: 122px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.icon-carry {
  background-image: url('../img/icon_mission3@2x.png');
  width: 122px;
  height: 122px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
#tab-career {
  border-bottom: 2px solid #d2232a;
  margin: 0px -40px 40px;
  padding: 0px 40px;
}
#tab-career i {
  vertical-align: middle;
  margin-right: 10px;
}
#tab-career a {
  text-align: center;
  display: block;
  height: 68px;
  line-height: 68px;
  background-color: #eaeaea;
  color: #333333;
  border-right: 1px solid #ffffff;
}
#tab-career a.active {
  background-color: #d2232a;
  color: #ffffff;
  border-right: none;
}
#tab-career a.active i {
  background-position: 0 -35px;
}
#tab-career a.active:hover,
#tab-career a.active:active {
  background: #a61c21;
}
#tab-career a:hover,
#tab-career a:active {
  background: #d1d1d1;
}
#tab-career a span {
  font-size: 20px;
  font-size: 2rem;
}
.panel-group .panel {
  border-radius: 0 0 0 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background-clip: padding-box;
  border: none;
  border-bottom: 1px solid #cccccc;
}
.panel-group .panel + .panel {
  margin-top: 0;
}
.panel {
  border-color: #cccccc;
  border-left: 0;
  border-right: 0;
  box-shadow: none;
}
.panel-body {
  padding: 10px 20px 20px 60px;
}
.panel-heading {
  border-radius: 0 0 0 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background-clip: padding-box;
  padding: 20px 0px;
}
.panel-heading .h3 {
  margin-bottom: 0px;
  line-height: 1;
}
.panel-default > .panel-heading {
  background-color: #ffffff;
  text-transform: uppercase;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top: 0;
}
#career .panel:first-child,
#show-address .panel:first-child,
#div-address-mobile .panel:first-child {
  border-top: none;
}
#career .panel-heading,
#show-address .panel-heading,
#div-address-mobile .panel-heading {
  padding-left: 60px;
  position: relative;
}
#career .panel-heading .icon-collapse,
#show-address .panel-heading .icon-collapse,
#div-address-mobile .panel-heading .icon-collapse {
  position: absolute;
  left: 0;
  margin-top: -5px;
}
#career .panel-body section + section,
#show-address .panel-body section + section,
#div-address-mobile .panel-body section + section {
  margin-top: 30px;
}
#career .panel-body ul,
#show-address .panel-body ul,
#div-address-mobile .panel-body ul {
  margin-top: 5px;
  margin-left: -5px;
  font-size: 16px;
  font-size: 1.6rem;
}
#career .panel-body blockquote,
#show-address .panel-body blockquote,
#div-address-mobile .panel-body blockquote,
#career .panel-body p,
#show-address .panel-body p,
#div-address-mobile .panel-body p {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: 'kanit';
}
#career .panel-body blockquote,
#show-address .panel-body blockquote,
#div-address-mobile .panel-body blockquote {
  margin-bottom: 0px;
}
#career .panel-body blockquote strong,
#show-address .panel-body blockquote strong,
#div-address-mobile .panel-body blockquote strong {
  font-family: "kanit";
}
#career .panel-body .topic,
#show-address .panel-body .topic,
#div-address-mobile .panel-body .topic {
  margin-bottom: 0;
}
#career .panel-body .remark p,
#show-address .panel-body .remark p,
#div-address-mobile .panel-body .remark p {
  margin-bottom: 0;
}
#career .panel-title a,
#show-address .panel-title a,
#div-address-mobile .panel-title a {
  color: #d2232a;
  display: block;
}
#career .panel-title a.collapsed,
#show-address .panel-title a.collapsed,
#div-address-mobile .panel-title a.collapsed {
  color: #333333;
}
#career .filter-view,
#show-address .filter-view,
#div-address-mobile .filter-view {
  max-width: 250px;
  width: 100%;
  padding-left: 20px;
  background-color: #ffffff;
  position: absolute;
  right: 0;
  top: -8px;
}
#career .filter-view .bootstrap-select.btn-group,
#show-address .filter-view .bootstrap-select.btn-group,
#div-address-mobile .filter-view .bootstrap-select.btn-group {
  margin-bottom: 0;
}
#career .line.view-more,
#show-address .line.view-more,
#div-address-mobile .line.view-more {
  margin-top: 50px;
  margin-bottom: 20px;
}
#div-address-mobile {
  min-height: 200px;
  border-top: 1px solid #ccc;
  margin-top: 20px;
}
#career .button-apply {
  margin-top: 30px;
}
#career .filter-view {
  max-width: 200px;
}
#career .mission {
  background: #d2232a url('../img/bg_pattern_red.png');
  padding: 60px 40px;
  margin: 0px -40px;
}
#career .mission .line.heading span {
  border-bottom-color: #ffffff;
}
#career .mission .line.heading span .title {
  background-color: #d2232a;
  color: #ffffff;
}
#career .mission .row {
  margin-top: 80px;
}
#career .mission .group {
  text-align: center;
}
#career .mission .group i {
  margin-bottom: 30px;
}
#career .mission .group p {
  color: #ffffff;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
}
#career .vision {
  background: url('../img/ex_aboutcaree@2x.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  height: 485px;
  display: block;
  margin-left: -40px;
  margin-right: -40px;
}
#career .vision article {
  max-width: 600px;
  margin: 0 auto;
  color: #ffffff;
  padding-top: 150px;
}
#career .vision article .group-title .title {
  color: #ffffff;
  font-size: 36px;
  font-size: 3.6rem;
  margin-bottom: 0;
  text-align: center;
}
#career .vision article .group-title span.line {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  position: relative;
  height: 5px;
  display: block;
  margin-bottom: 0;
}
#career .vision article .group-title td {
  vertical-align: middle;
}
#career .vision article .group-title td:first-child {
  padding-left: 0;
}
#career .vision article blockquote {
  text-align: center;
}
#career .vision article blockquote p {
  font-size: 40px;
  font-size: 4rem;
}
#career .vision article blockquote strong {
  display: block;
  font-size: 60px;
  font-size: 6rem;
  font-weight: normal;
}
#career .core-value {
  margin-top: 60px;
}
#career .core-value blockquote {
  margin-bottom: 40px;
}
#career .core-value blockquote p {
  font-family: 'kanit';
  font-size: 16px;
  font-size: 1.6rem;
}
#career .core-value .column {
  max-width: 210px;
  text-align: center;
  float: left;
}
#career .core-value .column:last-child .list {
  border-right: 0;
}
#career .core-value .group {
  margin-bottom: 25px;
}
#career .core-value .group i {
  background-image: url('../img/circle_red@2x.png');
  width: 96px;
  height: 96px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  color: #ffffff;
  font-size: 73px;
  font-size: 7.3rem;
  line-height: 115px;
  text-align: center;
  margin: 0 auto 10px;
  font-style: normal;
}
#career .core-value .group span {
  display: block;
  color: #d2232a;
  font-size: 20px;
  font-size: 2rem;
}
#career .core-value .list-inside {
  margin-left: 0;
}
#career .core-value .list {
  border-right: 1px solid #ebebeb;
  padding: 0px 20px;
}
#career .core-value .list ul li {
  font-family: 'kanit';
}
#career .core-value .list ul li:first-child {
  margin-top: 0;
}
#career .core-value .list ul li + li {
  margin-top: 20px;
}
.core-value-intro blockquote {
  margin-top: 40px;
  margin-bottom: 60px;
}
.core-value-intro blockquote p {
  font-family: 'kanit';
  font-size: 16px;
  font-size: 1.6rem;
}
#form-internship .padding-radio {
  padding-top: 8px;
}
#form-internship .intro {
  margin-bottom: 40px;
}
#form-internship .intro .title {
  font-size: 24px;
  font-size: 2.4rem;
}
#form-internship .intro p {
  font-family: 'kanit';
  font-size: 16px;
  font-size: 1.6rem;
}
#form-internship .fix-textarea {
  height: 136px;
}
#form-internship .fix-textarea .control-label {
  height: 100%;
}
#form-internship .group-button {
  margin-top: 10px;
}
#form-apply .padding-radio {
  padding-top: 8px;
}
#form-apply .fix-textarea {
  height: 136px;
}
#form-apply .fix-textarea .control-label {
  height: 100%;
}
#form-apply .group-button {
  margin-top: 10px;
}
#form-apply .group-button .btn {
  margin-right: 5px;
}
#form-apply .radio .group-working {
  margin-top: -8px;
}
#form-apply .radio .group-working label {
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  margin-bottom: 8px;
}
#form-apply .radio .group + .group {
  margin-top: 5px;
}
#form-apply .radio + .btn-verify {
  margin-top: 10px;
}
#form-apply .btn-white {
  color: #666666;
}
#form-apply .btn-white:hover {
  color: #d2232a;
}
.error-message {
  font-size: 16px;
  font-size: 1.6rem;
  color: #d2232a;
  font-family: 'kanit';
}

#footer {
  background-color: #ffffff;
}
#footer .container {
  position: relative;
}
#footer .primary {
  padding: 30px 0px;
  border-bottom: 1px solid #eeeeee;
  text-transform: uppercase;
}
#footer .primary ul.link {
  list-style-position: inside;
  margin-bottom: 0;
  line-height: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
#footer .primary ul.link li {
  white-space: nowrap;
}
#footer .primary ul.link li + li {
  margin-top: 20px;
}
#footer .primary ul.link li:hover {
  color: #000000;
}
#footer .primary ul.link a {
  color: #666666;
}
#footer .primary ul.link a:hover {
  color: #000000;
}
#footer .primary .find-us {
  min-width: 250px;
  float: right;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
#footer .secondary {
  padding: 15px 0px 0px;
  color: #000000;
  text-transform: uppercase;
}
#footer .secondary ul,
#footer .secondary p {
  margin-bottom: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
#footer .secondary .btn {
  margin-top: -10px;
}
#footer .secondary .follow-us {
  display: inline-block;
  width: auto;
  margin: 10px auto;
  overflow: visible;
}
#footer .secondary .link {
  float: right;
  color: #999999;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
#footer .secondary .link li + li {
  padding-left: 0;
}
#footer .secondary .link li + li:before {
  content: "|";
  padding-right: 10px;
}
#footer .secondary .link a {
  color: #999999;
}
#footer .secondary .link a:hover {
  color: #000000;
}
#footer a:hover {
  text-decoration: none;
}
#footer .third {
  border-bottom: 1px solid #eeeeee;
  padding: 10px 0px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
#footer .third .group-button {
  float: right;
}
#footer .third .btn {
  margin-left: 5px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
#footer .third a {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
#footer .third .btn-white {
  color: #666666;
}
#footer .third .btn-white:hover {
  color: #d2232a;
}
.mg-global {
  background-image: url('../img/logo_mgglobal@2x.png');
  width: 106px;
  height: 47px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  margin-top: -4px;
  margin-left: 5px;
}
body.th #footer .primary ul.link,
body.th #footer .secondary .link a {
  font-size: 16px;
  font-size: 1.6rem;
}
body.th #footer .secondary {
  padding-bottom: 15px;
}
body.th .follow-us p,
body.th a.subscribe {
  font-size: 16px;
  font-size: 1.6rem;
}
body.th small {
  font-size: 14px;
  font-size: 1.4rem;
}
#show-relate {
  margin-top: 10px;
}
#show-relate.white-layout {
  min-height: inherit;
}
#show-relate .line {
  margin-bottom: 20px;
}
#show-relate .line .title {
  color: #333333;
}
#show-relate .item-car {
  text-align: center;
}
#show-relate .item-car ul {
  text-align: left;
  margin-bottom: 0;
}
#show-relate .item-car ul li {
  text-align: center;
}
#show-relate .item-car ul li a {
  color: #333333;
  white-space: nowrap;
  display: block;
}
#show-relate .item-car ul li a:hover,
#show-relate .item-car ul li a:active {
  color: #d2232a;
}
#show-relate .item-car span {
  width: 165px;
  display: block;
  margin: 0 auto;
}
#form-subscribe {
  max-width: 490px;
  width: 100%;
  height: 242px;
  padding: 20px;
  background-color: #ffffff;
  border: 1px solid #d4d4d4;
  position: absolute;
  top: -255px;
  right: 15px;
  z-index: 999;
  display: none;
}
#form-subscribe .title {
  margin-bottom: 0;
  margin-top: 0;
  color: #d2232a;
}
#form-subscribe form {
  margin-bottom: 20px;
}
#form-subscribe .btn-close-block {
  position: absolute;
  right: -1px;
  top: -1px;
}
#form-subscribe.code-animated {
  display: block;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.div-subscribe-thankyou {
  margin-top: 35px;
  text-align: center;
}
.div-subscribe-thankyou .title {
  margin-bottom: 0;
}
.div-subscribe-thankyou p {
  font-size: 20px;
  font-size: 2rem;
}
#subscribe-modal .modal-content {
  max-width: 490px;
  margin: 0 auto;
  padding: 20px;
}
#subscribe-modal .modal-content header {
  padding-right: 40px;
}
#subscribe-modal .modal-content header .h3 {
  font-family: 'kanit';
}
#subscribe-modal p {
  font-family: 'kanit';
}
#subscribe-modal .title {
  color: #d2232a;
  margin-bottom: 0;
}
#subscribe-modal form {
  margin-bottom: 20px;
}
.call {
  padding-left: 40px;
  position: relative;
  margin-bottom: 0;
  margin-top: 4px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  color: #333333;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
.call i {
  position: absolute;
  left: 0;
  margin-top: 2px;
  background-image: url('../img/icon_24hr@2x.png');
  width: 32px;
  height: 32px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.call em {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: 'kanit';
  font-style: normal;
  color: #666666;
  white-space: nowrap;
}
#sitemap a {
  text-transform: uppercase;
}
#sitemap .sup-menu a {
  text-transform: none;
}
.bootstrap-select {
  height: 100%;
}
.bootstrap-select .btn-group .btn:first-child {
  border-radius: 0 0 0 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background-clip: padding-box;
}
.bootstrap-select > .btn {
  padding-left: 15px;
  padding-right: 25px;
  height: 44px;
  border: none;
  background-color: #f7f7f7;
  font-family: 'kanit';
}
.bootstrap-select .dropdown-menu {
  padding: 0;
}
.bootstrap-select .dropdown-menu > li > a {
  padding: 6px 15px;
}
form {
  margin-bottom: 0;
}
form fieldset {
  margin-bottom: 40px;
}
form legend {
  border: none;
}
form label {
  font-weight: normal;
}
form label span {
  color: #d2232a;
  margin-right: 5px;
}
blockquote p {
  font-size: 18px;
  font-size: 1.8rem;
}
.form-horizontal .form-group {
  background-color: #f7f7f7;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
}
.form-horizontal .form-group.show-info {
  background-color: #E7E7E7;
}
.form-horizontal .form-group.show-info .control-label {
  border-right: none;
}
.form-horizontal .form-group.show-info .control-label span {
  position: absolute;
  right: 0;
  color: #666666;
}
.form-horizontal .form-group.show-info p {
  padding-top: 11px;
  display: block;
  margin-bottom: 0;
  font-family: 'kanit';
}
.form-horizontal .form-group .form-control {
  margin-bottom: 5px;
  margin-top: 5px;
  color: #333333;
  padding-left: 0;
  padding-right: 0;
  border: none;
  box-shadow: none;
  border-radius: 0 0 0 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background-clip: padding-box;
  background-color: #f7f7f7;
  font-family: 'kanit';
}
.form-horizontal .form-group .form-control.input-padding {
  padding-left: 15px;
  padding-right: 15px;
}
.form-horizontal .form-group .line {
  margin-bottom: 0;
}
.form-horizontal .form-group .radio-inline,
.form-horizontal .form-group .checkbox-inline {
  position: relative;
}
.form-horizontal .form-group.has-error {
  border: 1px solid #d2232a;
}
.form-horizontal .form-group.has-error input::-webkit-input-placeholder,
.form-horizontal .form-group.has-error textarea::-webkit-input-placeholder {
  color: #d2232a;
}
.form-horizontal .form-group.has-error input:-moz-placeholder,
.form-horizontal .form-group.has-error textarea:-moz-placeholder {
  color: #d2232a;
}
.form-horizontal .form-group.has-error input::-moz-placeholder,
.form-horizontal .form-group.has-error textarea::-moz-placeholder {
  color: #d2232a;
}
.form-horizontal .form-group.has-error input:-ms-input-placeholder,
.form-horizontal .form-group.has-error textarea:-ms-input-placeholder {
  color: #d2232a;
}
.form-horizontal .form-group.has-success {
  border: 1px solid green;
}
.form-horizontal .form-group .bootstrap-select {
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .form-group.fix-textarea .control-label {
  white-space: normal;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  padding-top: 4px;
}
.form-horizontal .control-label,
.form-horizontal .form-control {
  font-size: 16px;
  font-size: 1.6rem;
}
.form-horizontal .control-label {
  text-align: left;
  border-right: 1px solid #ffffff;
  color: #666666;
  height: 44px;
  white-space: nowrap;
  padding-top: 11px;
  background-color: #e7e7e7;
}
.note {
  font-family: 'kanit';
  margin-bottom: 0;
}
.note small i {
  color: #d2232a;
  margin-right: 5px;
  font-size: 16px;
  font-size: 1.6rem;
  font-style: normal;
}
.captchar p {
  margin-top: 10px;
  margin-bottom: 0px;
  font-family: 'kanit';
}
.view .mask {
  opacity: 0;
  overflow: visible;
  background-color: rgba(0, 0, 0, 0.3);
  height: 100%;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100%;
}
.view .mask.non-bg {
  background-color: transparent;
}
.view a.btn-read {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -66px;
  -webkit-transition: all 0.5s 0s ease-in-out;
  transition: all 0.5s 0s ease-in-out;
}
.view a.btn-read:hover,
.view a.btn-read:focus {
  background-image: url(../images/img/btn_readmore.png);
}
.view:hover .mask,
.view:focus .mask,
.view:active .mask,
.view:hover a.btn-read,
.view:focus a.btn-read,
.view:active a.btn-read {
  opacity: 1;
}
.line {
  margin-bottom: 35px;
  display: block;
  width: 100%;
  overflow: visible;
}
.line.heading {
  margin-top: 10px;
  margin-bottom: 50px;
}
.line.heading span .title {
  margin-top: -18px;
}
.line.heading.have-blockquote {
  margin-bottom: 10px;
}
.line.have-blockquote {
  margin-bottom: 20px;
}
.line span {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  position: relative;
  height: 5px;
  display: block;
}
.line span .title {
  display: inline-block;
  background-color: #ffffff;
  margin-bottom: 0;
  float: left;
  position: relative;
  margin-top: -8px;
  padding-right: 20px;
  color: #666666;
  font-family: "kanit";
  font-weight: normal;
  text-transform: uppercase;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}
.line span .title.h1 {
  margin-top: -18px;
}
.line span .btn {
  margin-top: -8px;
}
.line span .btn.btn-viewmore {
  margin-top: -20px;
}
.line.heading span,
.line.group-button span {
  border-top: 1px solid #d2232a;
  border-bottom: 1px solid #d2232a;
}
.line.heading span .title,
.line.group-button span .title {
  color: #d2232a;
}
.line.group-button,
.line.view-more {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 40px;
}
.line.group-button .border,
.line.view-more .border {
  width: 100%;
  max-width: 310px;
  height: 50px;
  display: inline-block;
  position: absolute;
  top: -23px;
  left: 50%;
  margin-left: -155px;
  background-color: #ffffff;
}
.line.view-more {
  padding-top: 20px;
  margin-top: 30px;
}
.line.view-more .border {
  max-width: 230px;
  margin-left: -115px;
}
.line.have-icon {
  text-align: center;
}
.line.have-icon [rel="icon"] {
  top: -10px;
  background-color: #ffffff;
  padding: 0px 10px;
  display: inline-block;
  position: relative;
}
.line.one-line {
  margin-bottom: 20px;
}
.line.one-line span {
  float: none;
  border-top: none;
  height: 8px;
}
.line.align-center {
  text-align: center;
}
.line.align-center span .title {
  float: none;
  padding-left: 20px;
}
.group-button + .note {
  margin-top: 50px;
}
#video {
  max-width: 100%;
  height: 100%;
  position: relative;
  z-index: 9999;
}
.video-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 100%;
  background-color: #000000;
}
.video-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
.modal-dialog-center {
  margin: 0;
  position: absolute;
  z-index: 99999;
  top: 50%;
  left: 50%;
}
.modal-content {
  border: none;
  border-radius: 0 0 0 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background-clip: padding-box;
}
.modal-body {
  overflow-y: auto;
}
.modal-body img {
  margin: 0 auto;
}
.modal-footer {
  margin-top: 0;
}
@media (max-width: 767px) {
  .modal-dialog-center {
    width: 100%;
  }
}
.icon-close {
  background-image: url('../img/btn_close_modal.png');
  background-repeat: no-repeat;
  display: block;
  width: 33px;
  height: 33px;
  margin: 0 auto;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), only screen and (max-width: 767px) {
  .icon-close {
    background-image: url("../img/btn_close_modal@2x.png");
    background-size: 33px 33px;
  }
}
.modal {
  z-index: 99999;
}
.modal .modal-body {
  overflow: hidden;
  padding: 0;
}
.modal button.close {
  position: absolute;
  z-index: 99999;
  right: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
  text-align: right;
  background-color: #d2232a;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.modal button.close:hover {
  background-color: #a61c21;
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
#why-mg.backdrop {
  background-image: url('../img/lead_whymg.jpg');
}
#lead-regis.backdrop {
  background-image: url('../img/lead_regis.jpg');
}
#close-youtube {
  width: inherit !important;
  height: inherit !important;
  background: none !important;
}
#tvc li .link-player {
  background-image: url('../img/play@2x.png') !important;
  background-size: cover;
}
#tvc li .link-player:hover,
#tvc li .link-player:focus {
  background-position: 0 -66px;
}
.tooltip {
  font-family: 'kanit', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
}
.tooltip .before,
.tooltip .after {
  background-image: url('../img/tootip_before@2x.png');
  width: 15px;
  height: 40px;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
}
.tooltip .after {
  background-image: url('../img/tootip_after@2x.png');
  margin-left: -1px;
}
.tooltip .tooltip-inner {
  background-image: url('../img/bg_tootip@2x.png');
  background-size: 8px 40px;
  background-repeat: repeat-x;
  height: 40px;
  border-radius: 0 0 0 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background-clip: padding-box;
  display: inline-block;
  vertical-align: top;
  padding-top: 10px;
  max-width: inherit;
  background-color: inherit;
}
#privacy p {
  font-family: 'kanit';
}
#section-container-1 p,
#section-container-2 p,
#section-container-3 p {
  font-family: 'kanit' !important;
}
.safari #heritage-fullpage .nav-scroll li a::after {
  width: 10px;
  height: 10px;
  margin-left: 0px;
}
.safari #heritage-fullpage .nav-scroll li a:hover:after {
  left: 0;
  top: 0;
  background-size: cover;
  margin-left: 11px;
  margin-top: 11px;
}
.safari #heritage-fullpage .nav-scroll li.active a::after {
  margin-left: 11px;
  margin-top: 11px;
  left: 0;
  top: 0;
}
.en .show-room {
  background-image: url('../img/test-drive/show-room.png');
  width: 168px;
  height: 36px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), only screen and (max-width: 767px) {
  .en .show-room {
    background-image: url("../img/test-drive/show-room@2x.png");
    background-size: 168px 36px;
  }
}
.th .show-room {
  background-position: 0 0px;
  width: 148px;
  height: 36px;
}
#performance_wrapper .h1 {
  margin-bottom: 10px;
  margin-top: 30px;
  font-weight: bold;
}
#performance_wrapper .h2 {
  margin-top: -10px;
  color: #d2232a;
}
#safety_wrapper .container-safety .h1 {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 40px;
  font-size: 4rem;
}
#safety_wrapper .container-safety .h2 {
  line-height: 1;
  font-size: 30px;
  font-size: 3rem;
  color: #d2232a;
}
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
}
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), only screen and (max-width: 767px) {
  .th .show-room {
    background-image: url('../img/test-drive/th/show-room@2x.png') !important;
    background-size: 148px 72px !important;
  }
}
.baht-format {
  display: block;
  color: #d2232a;
  font-size: 20px;
  font-size: 2rem;
}
.baht-format:after {
  content: "฿";
  margin-left: 5px;
}
.submodel {
  background-color: #ECECEC;
  padding: 5px 0px;
  position: fixed;
  z-index: 9999;
  width: 100%;
  top: 120px;
  height: 60px;
}
.submodel .name {
  margin-bottom: 0;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1;
  white-space: nowrap;
  padding-top: 14px;
}
.submodel .name .logo {
  max-width: 105px;
  margin-right: 20px;
  vertical-align: top;
  float: left;
}
.submodel .name .logo.mg3 {
  font-size: 48px;
  font-size: 4.8rem;
  padding: 0;
  margin: 0px 10px 0px 0px;
}
.submodel .name span {
  display: inline-block;
}
.submodel ul.list {
  margin-bottom: 0;
  margin-top: 16px;
  text-align: right;
}
.submodel ul.list a {
  text-transform: uppercase;
  color: #333333;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  font-size: 14px;
  font-size: 1.4rem;
}
.submodel ul.list a:hover {
  color: #d2232a;
}
.submodel ul.list li + li {
  margin-left: 40px;
  padding: 0;
}
.submodel ul.list li.active a {
  border-bottom: 2px solid #333333;
  display: block;
}