/* ======================================
test 
====================================== */
@font-face {
  font-family: 'Univers';
  src: url("/backend/themes/default/fonts/Univers/Univers.otf");
  src: url("/backend/themes/default/fonts/Univers/Univers.eot"), url("/backend/themes/default/fonts/Univers/Univers.eot.iefix") format("embedded-opentype"), url("/backend/themes/default/fonts/Univers/Univers.woff2") format("woff2"), url("/backend/themes/default/fonts/Univers/Univers.woff") format("woff"), url("/backend/themes/default/fonts/Univers/Univers.ttf") format("truetype"), url("/backend/themes/default/fonts/Univers/Univers.svg.svgFontName") format("svg");
}

@font-face {
  font-family: "Helvetica Neue LT Com 45 Light";
  src: url("/backend/themes/default/fonts/HV45L/417a37ea745b8907ba84753941bd8ccc.eot");
  src: url("/backend/themes/default/fonts/HV45L/417a37ea745b8907ba84753941bd8ccc.eot?#iefix") format("embedded-opentype"), url("/backend/themes/default/fonts/HV45L/417a37ea745b8907ba84753941bd8ccc.woff2") format("woff2"), url("/backend/themes/default/fonts/HV45L/417a37ea745b8907ba84753941bd8ccc.woff") format("woff"), url("/backend/themes/default/fonts/HV45L/417a37ea745b8907ba84753941bd8ccc.ttf") format("truetype"), url("/backend/themes/default/fonts/HV45L/417a37ea745b8907ba84753941bd8ccc.svg#Helvetica Neue LT Com 45 Light") format("svg");
}

.font_helvetica {
  font-family: "Helvetica Neue LT Com 45 Light" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.1px;
  -moz-osx-font-smoothing: grayscale;
}

.font_Univers {
  font-family: "Univers" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.1px;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 1px;
}

@font-face {
  font-family: 'Kanit';
  src: url("/assets/fonts/Kanit/Kanit-ExtraLightItalic.eot");
  src: url("/assets/fonts/Kanit/Kanit-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Kanit/Kanit-ExtraLightItalic.woff2") format("woff2"), url("/assets/fonts/Kanit/Kanit-ExtraLightItalic.woff") format("woff"), url("/assets/fonts/Kanit/Kanit-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'Kanit';
  src: url("/assets/fonts/Kanit/Kanit-Black.eot");
  src: url("/assets/fonts/Kanit/Kanit-Black.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Kanit/Kanit-Black.woff2") format("woff2"), url("/assets/fonts/Kanit/Kanit-Black.woff") format("woff"), url("/assets/fonts/Kanit/Kanit-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Kanit';
  src: url("/assets/fonts/Kanit/Kanit-Light.eot");
  src: url("/assets/fonts/Kanit/Kanit-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Kanit/Kanit-Light.woff2") format("woff2"), url("/assets/fonts/Kanit/Kanit-Light.woff") format("woff"), url("/assets/fonts/Kanit/Kanit-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Kanit';
  src: url("/assets/fonts/Kanit/Kanit-SemiBoldItalic.eot");
  src: url("/assets/fonts/Kanit/Kanit-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Kanit/Kanit-SemiBoldItalic.woff2") format("woff2"), url("/assets/fonts/Kanit/Kanit-SemiBoldItalic.woff") format("woff"), url("/assets/fonts/Kanit/Kanit-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Kanit';
  src: url("/assets/fonts/Kanit/Kanit-Medium.eot");
  src: url("/assets/fonts/Kanit/Kanit-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Kanit/Kanit-Medium.woff2") format("woff2"), url("/assets/fonts/Kanit/Kanit-Medium.woff") format("woff"), url("/assets/fonts/Kanit/Kanit-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Kanit';
  src: url("/assets/fonts/Kanit/Kanit-ThinItalic.eot");
  src: url("/assets/fonts/Kanit/Kanit-ThinItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Kanit/Kanit-ThinItalic.woff2") format("woff2"), url("/assets/fonts/Kanit/Kanit-ThinItalic.woff") format("woff"), url("/assets/fonts/Kanit/Kanit-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: 'Kanit';
  src: url("/assets/fonts/Kanit/Kanit-BoldItalic.eot");
  src: url("/assets/fonts/Kanit/Kanit-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Kanit/Kanit-BoldItalic.woff2") format("woff2"), url("/assets/fonts/Kanit/Kanit-BoldItalic.woff") format("woff"), url("/assets/fonts/Kanit/Kanit-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Kanit';
  src: url("/assets/fonts/Kanit/Kanit-ExtraBoldItalic.eot");
  src: url("/assets/fonts/Kanit/Kanit-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Kanit/Kanit-ExtraBoldItalic.woff2") format("woff2"), url("/assets/fonts/Kanit/Kanit-ExtraBoldItalic.woff") format("woff"), url("/assets/fonts/Kanit/Kanit-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Kanit';
  src: url("/assets/fonts/Kanit/Kanit-ExtraLight.eot");
  src: url("/assets/fonts/Kanit/Kanit-ExtraLight.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Kanit/Kanit-ExtraLight.woff2") format("woff2"), url("/assets/fonts/Kanit/Kanit-ExtraLight.woff") format("woff"), url("/assets/fonts/Kanit/Kanit-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Kanit';
  src: url("/assets/fonts/Kanit/Kanit-LightItalic.eot");
  src: url("/assets/fonts/Kanit/Kanit-LightItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Kanit/Kanit-LightItalic.woff2") format("woff2"), url("/assets/fonts/Kanit/Kanit-LightItalic.woff") format("woff"), url("/assets/fonts/Kanit/Kanit-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Kanit';
  src: url("/assets/fonts/Kanit/Kanit-Thin.eot");
  src: url("/assets/fonts/Kanit/Kanit-Thin.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Kanit/Kanit-Thin.woff2") format("woff2"), url("/assets/fonts/Kanit/Kanit-Thin.woff") format("woff"), url("/assets/fonts/Kanit/Kanit-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Kanit';
  src: url("/assets/fonts/Kanit/Kanit-Bold.eot");
  src: url("/assets/fonts/Kanit/Kanit-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Kanit/Kanit-Bold.woff2") format("woff2"), url("/assets/fonts/Kanit/Kanit-Bold.woff") format("woff"), url("/assets/fonts/Kanit/Kanit-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Kanit';
  src: url("/assets/fonts/Kanit/Kanit-MediumItalic.eot");
  src: url("/assets/fonts/Kanit/Kanit-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Kanit/Kanit-MediumItalic.woff2") format("woff2"), url("/assets/fonts/Kanit/Kanit-MediumItalic.woff") format("woff"), url("/assets/fonts/Kanit/Kanit-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Kanit';
  src: url("/assets/fonts/Kanit/Kanit-ExtraBold.eot");
  src: url("/assets/fonts/Kanit/Kanit-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Kanit/Kanit-ExtraBold.woff2") format("woff2"), url("/assets/fonts/Kanit/Kanit-ExtraBold.woff") format("woff"), url("/assets/fonts/Kanit/Kanit-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Kanit';
  src: url("/assets/fonts/Kanit/Kanit-SemiBold.eot");
  src: url("/assets/fonts/Kanit/Kanit-SemiBold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Kanit/Kanit-SemiBold.woff2") format("woff2"), url("/assets/fonts/Kanit/Kanit-SemiBold.woff") format("woff"), url("/assets/fonts/Kanit/Kanit-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Kanit';
  src: url("/assets/fonts/Kanit/Kanit-Italic.eot");
  src: url("/assets/fonts/Kanit/Kanit-Italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Kanit/Kanit-Italic.woff2") format("woff2"), url("/assets/fonts/Kanit/Kanit-Italic.woff") format("woff"), url("/assets/fonts/Kanit/Kanit-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Kanit';
  src: url("/assets/fonts/Kanit/Kanit-Regular.eot");
  src: url("/assets/fonts/Kanit/Kanit-Regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Kanit/Kanit-Regular.woff2") format("woff2"), url("/assets/fonts/Kanit/Kanit-Regular.woff") format("woff"), url("/assets/fonts/Kanit/Kanit-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Kanit';
  src: url("/assets/fonts/Kanit/Kanit-BlackItalic.eot");
  src: url("/assets/fonts/Kanit/Kanit-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Kanit/Kanit-BlackItalic.woff2") format("woff2"), url("/assets/fonts/Kanit/Kanit-BlackItalic.woff") format("woff"), url("/assets/fonts/Kanit/Kanit-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

/*==============================
Effect: text Shadow,  box shadow
==============================*/
/* ===========================================
Defautl CSS
============================================*/
html, body, ul, ol, p {
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
}

body {
  font-family: "Kanit";
  font-style: normal;
  font-weight: 500;
  background-color: #DDD;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  font-family: "Kanit";
  font-style: normal;
  font-weight: 200;
  padding: 0px;
  margin: 0px;
  color: #000;
}

img {
  border: 0px;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.semulate-bt {
  background: #000;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  padding: 5px;
  padding-left: 14px;
  padding-right: 12px;
  font-weight: 100;
  font-size: 80%;
}

.semulate-bt:hover {
  background: #F00;
  color: #FFF !important;
}

/* ===========================================
common used Eliment "No flex"
============================================*/
.border {
  border: dashed 1px #666;
}

.txt-left {
  text-align: left;
}

.txt-right {
  text-align: right;
}

.txt-center {
  text-align: center;
}

.left, .Left {
  float: left;
}

.right, .Right {
  float: right;
}

.clearAll, .ClearAll {
  clear: both;
}

.clear-left, .Clear-Left {
  clear: left;
}

.clear-right, .Clear-Right {
  clear: right;
}

.hidden, .Hidden {
  display: none;
  visibility: hidden;
}

.show, .Show {
  visibility: visible;
}

.no-padding, .No-padding {
  padding: 0px;
}

.resize {
  resize: both;
  overflow: auto;
}

/* ===========================================
Default Navigator Set list-style
============================================*/
nav ul {
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  list-style: none;
}

nav li {
  display: inline-block;
}

nav a {
  padding-top: 12px;
  padding-left: 12px;
  padding-bottom: 12px;
  padding-right: 18px;
  display: block;
  text-decoration: none;
  color: #FFF;
}

nav a:hover {
  color: #FFF;
}

.topbar, .sub-menu, .contents, .footer {
  width: 100% !important;
}

.navbar, .content, .footbar, .owner-info, .content-menu {
  /* common config */
  width: 980px !important;
  margin-left: auto;
  margin-right: auto;
}

.topbar {
  position: relative;
  z-index: 100;
  background-color: #FFCE00;
}

/* ===========================================
Main menu
============================================*/
.navbar > ul {
  float: right;
  width: auto;
}

.navbar > ul > li {
  padding-top: 20px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  margin-top: 0px;
  margin-left: -5px;
  margin-bottom: 10px;
  margin-right: 0px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
  -webkit-text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
  -moz-text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
  height: 52px;
}

.navbar > ul > li > a {
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  margin-top: -20px;
  margin-left: -2px;
  margin-bottom: 0px;
  margin-right: 0px;
  font-family: "Kanit";
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  height: 42px;
  color: #000;
  text-decoration: none;
}

.navbar > ul > li > a.active,
.navbar > ul > li > a:hover {
  color: #F00;
  background-color: #ccc;
  text-decoration: none;
}

.brand-logo {
  padding-top: 14px;
  padding-left: 20px;
  padding-bottom: 10px;
  padding-right: 0px;
  float: left;
  width: 294px;
}

.brand-logo a {
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
}

/* ===========================================
Sub-menu ( Visible:none )
============================================*/
.sub-menu {
  padding: 0px;
  height: auto;
  display: none;
  padding-top: 40px;
  padding-bottom: 40px;
  width: 100% !important;
  overflow: auto;
}

.sub-menu > .content-menu {
  min-height: 160px;
  /*border: solid 1px #999;*/
  width: 980px;
  height: auto;
  overflow: visible;
  color: #666;
  overflow: visible;
}

.sub-menu > .content-menu ul.section {
  width: auto;
  float: left;
  overflow: visible;
  list-style: none;
  margin-top: 0px;
  margin-left: 20px;
  margin-bottom: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
}

.sub-menu > .content-menu li.name {
  display: block;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
  -webkit-text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
  -moz-text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
  font-family: "Kanit";
  font-style: normal;
  font-weight: 600;
  font-size: 13pt;
  padding-bottom: 10px;
}

.sub-menu > .content-menu a {
  text-decoration: none;
  color: #a00;
}

.sub-menu > .content-menu a:hover {
  color: #F00;
}

.sub-menu > .content-menu li.items {
  list-style: none;
  display: block;
  width: 100%;
  overflow: visible;
}

.sub-menu > .content-menu li.items > ul {
  width: 100%;
  list-style: none;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  overflow: visible;
}

.sub-menu > .content-menu li.items > ul > li {
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
  -webkit-text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
  -moz-text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
  padding-top: 5px;
  padding-left: 0px;
  padding-bottom: 5px;
  padding-right: 0px;
  font-family: "Kanit";
  font-style: normal;
  font-weight: 400;
  font-size: 13pt;
  list-style: none;
  display: block;
  width: 100%;
  overflow: visible;
}

.sub-menu > .content-menu li.items > ul > li > a {
  display: block;
  text-decoration: none;
  color: #000;
}

.sub-menu > .content-menu li.items > ul > li > a:hover {
  color: #F00;
}

/* ===========================================
Contents block
============================================*/
.contents {
  background-color: #FFF;
  padding: 0px;
  height: auto;
  padding-bottom: 50px;
}

.content {
  background-color: #FFF;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  text-shadow: 1px 1px 1px rgba(100, 100, 100, 0.4);
  -webkit-text-shadow: 1px 1px 1px rgba(100, 100, 100, 0.4);
  -moz-text-shadow: 1px 1px 1px rgba(100, 100, 100, 0.4);
}

.content div.h3 {
  text-align: center;
  float: left;
  width: 735px;
  padding-top: 10px;
  padding-left: 0px;
  padding-bottom: 20px;
  padding-right: 0px;
  font-size: 15pt;
  font-weight: 600;
}

.content .title-2 {
  border-top: solid 1px #aaa !important;
  border-bottom: solid 1px #aaa !important;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* ===========================================
Footer
============================================*/
.footer {
  margin-top: 20px !important;
}

.footer .footbar {
  text-align: center;
  color: #333;
  font-family: "Kanit";
  font-style: normal;
  font-weight: 400;
  font-size: 11pt;
  width: 980px !important;
  margin-left: auto;
  margin-right: auto;
}

.footer .footbar a {
  color: #333;
}

.footer .footbar a:hover {
  color: #000;
  text-decoration: none;
}

.footer .owner-info, .footer .copy-right {
  width: 980px !important;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-left: 0px;
  padding-bottom: 10px;
  padding-right: 0px;
  text-align: center;
  font-family: "Kanit";
  font-style: normal;
  font-weight: 400;
  font-size: 11pt;
  color: #222;
}

.footer .copy-right {
  padding-top: 10px;
  padding-left: 0px;
  padding-bottom: 40px;
  padding-right: 0px;
  color: #000;
}

/* ===========================================
Common Form Eliment
============================================*/
input[type="text"], textarea,
select, select:focus, option, option:active, option:focus, optgroup {
  font-family: 'Kanit';
  font-size: 11pt;
  background-color: #DDD;
  outline: none;
  padding: 8px;
  border: 1px transparent;
  border-bottom: solid 1px #333;
  width: 200px;
}

select, option, option:active, option:focus, optgroup {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("/images/commons/arrow-down-light.png");
  background-position: center right;
  background-repeat: no-repeat;
  cursor: pointer;
}

/* CAUTION: IE hackery ahead */
@media screen and (min-width: 0\0) {
  select {
    background: none\9;
    padding: 5px\9;
  }
}

/*=========================================
 Content Detail : Cover Slide
 ========================================*/
.cover-slide {
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  width: auto;
  height: 536px;
  background-color: #FFF;
}

.cover-slide > .slide {
  width: 980px;
  height: 536px;
  margin-top: 0px;
  margin-left: auto;
  margin-bottom: 0px;
  margin-right: auto;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  overflow: hidden !important;
}

.cover-slide > .slide > .carousel {
  margin-left: 0px;
}

.cover-slide > .slide > .carousel ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.cover-slide > .slide > .carousel ul li {
  display: block !important;
  width: 980px;
  height: 536px;
  float: left;
}

.cover-slide > .slide > .carousel ul li img {
  width: 980px;
  height: 536px;
}

.cover-slide > .slide > .carousel .button-next-on:active, .cover-slide > .slide > .carousel .button-prev-on:active,
.cover-slide > .slide > .carousel .button-next-on:focus, .cover-slide > .slide > .carousel .button-prev-on:focus,
.cover-slide > .slide > .carousel .button-next-on:focus, .cover-slide > .slide > .carousel .button-prev-on:focus,
.cover-slide > .slide > .carousel .button-next-on, .cover-slide > .slide > .carousel .button-prev-on {
  z-index: 20;
  cursor: pointer;
  width: 51px;
  height: 51px;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

.cover-slide > .slide > .carousel .slide-nav-left {
  position: absolute;
  float: left;
  z-index: 100;
  top: 235px;
  left: 30px;
}

.cover-slide > .slide > .carousel .slide-nav-right {
  position: absolute;
  float: right;
  z-index: 100;
  top: 235px;
  left: 899px;
}

.cover-slide > .slide > .carousel .button-next-on {
  background: url("/images/commons/circle-next.png") center center no-repeat;
}

.cover-slide > .slide > .carousel .button-prev-on {
  background: url("/images/commons/circle-prev.png") center center no-repeat;
}

/* ===========================================
Common Thumbnail List (Left)
============================================*/
ul.thumb-lists {
  float: left;
  width: 735px;
  list-style: none;
  text-align: left;
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
}

ul.thumb-lists li {
  text-align: center;
  width: 245px;
  display: inline-block;
  margin-top: -2px;
  margin-left: -4px;
  margin-bottom: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
}

ul.thumb-lists li > .item {
  vertical-align: top;
  display: block;
  width: 235px;
  text-align: center;
  min-height: 20px;
  font-size: 9pt;
  padding-bottom: 30px;
}

ul.thumb-lists li > .item .img, ul.thumb-lists li > .item .brand, ul.thumb-lists li > .item .model, ul.thumb-lists li > .item .year, ul.thumb-lists li > .item .price {
  width: 100%;
  text-align: left;
}

ul.thumb-lists li > .item .img {
  text-align: center;
  overflow: hidden;
  width: 235px;
}

ul.thumb-lists li > .item .pix {
  width: 235px !important;
}

ul.thumb-lists li > .item .brand {
  margin-top: 10px;
  text-align: left;
  font-weight: bold;
  height: 40px;
}

ul.thumb-lists li > .item .model {
  margin-top: 10px;
}

ul.thumb-lists li > .item .no-height {
  height: auto;
}

/* ===========================================
Sidebar (right)
============================================*/
div.side-bar {
  margin-top: 58px;
  float: right;
  width: 245px;
  min-height: 260px;
  height: auto;
  display: block;
}

div.side-bar .direct-link {
  margin-top: 10px;
  width: 240px;
  height: 60px;
  text-align: center;
  background-color: #444;
  color: #FFF;
}

div.side-bar .promo {
  background-color: #C00;
  color: #FFF;
  font-size: 120%;
}

div.side-bar .first {
  margin-top: 0px;
}

div.side-bar .demo-1 {
  font-size: 160%;
  line-height: 120%;
}

div.side-bar .demo-2 {
  font-size: 140%;
  line-height: 140%;
}

div.side-bar .demo-3 {
  font-size: 150%;
  line-height: 140%;
}

div.side-bar .demo-4 {
  font-size: 150%;
  line-height: 140%;
}

div.side-bar .qr-code {
  font-size: 150%;
  line-height: 140%;
}

div.side-bar a {
  display: block;
  width: 240px;
  height: 60px;
  padding-top: 8%;
  text-decoration: none;
  color: #FFF;
}

div.side-bar a:hover {
  background-color: #F00;
  color: #FFF;
  height: 40px;
}

.promo_menu {
  margin-left: 10px;
  background-color: #AAA;
  color: #FFF;
  font-size: 120%;
  text-align: center;
  width: 230px !important;
  border-bottom: solid 1px #FFF;
}

.promo_menu a {
  display: block;
  width: 230px !important;
  height: 26px !important;
  padding-bottom: 6px;
  text-decoration: none;
  color: #FFF;
}

.promo_menu a:hover {
  background-color: #F00;
  color: #FFF;
  height: 26px !important;
}

/*========================
--- Start|Pagination Default -
========================*/
.pagination {
  width: 100%;
  height: auto;
  margin-top: 20px;
  text-align: center;
}

.pagination span, .pagination .go {
  vertical-align: top;
  font-size: 9pt;
  font-weight: bold;
  font-variant: normal;
}

.pagination .text, .pagination .go, .pagination select {
  vertical-align: top;
}

.pagination .text {
  width: 60px;
  text-align: center;
  border-radius: 4px;
  border: solid 1px #BBB;
  height: 17px;
}

.pagination .go {
  color: #FFF;
  font-weight: bold;
  background: #000;
  border: none;
  border-radius: 4px;
  padding: 3px;
  padding-left: 10px;
  padding-right: 10px;
  height: 21px;
  cursor: pointer;
}

.pagination span {
  padding-left: 10px;
  padding-right: 10px;
}

.pagination select {
  height: 22px;
  border-radius: 4px;
  border: solid 1px #BBB;
}

.pagination .no-side-space {
  padding-left: 0px;
  padding-right: 0px;
}

.pagination input[type="text"] {
  padding: 1px;
  width: 50px;
}

.red {
  color: #F00 !important;
}

.search {
  margin: 0px;
  padding: 0px;
  padding-top: 40px;
  width: 235px;
}

.search ul {
  margin: 0px;
  padding: 0px;
}

.search ul li {
  width: 235px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 120%;
}

.search ul li input[type="search"] {
  width: 100%;
  padding: 3px;
}

.search ul li input[type="button"] {
  padding: 5px;
}

.search .promotion_items a {
  background-color: #FFB600;
  color: #000 !important;
  text-align: center;
  height: auto !important;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 600;
  width: 235px;
}

.search .promotion_items a:hover {
  background-color: #F00;
  color: #FFF !important;
  text-align: center;
  height: auto !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn-search {
  background-color: #000;
  color: #FFF;
  border-radius: 5px;
  border: none;
  padding: 10px;
  width: 80px;
  font-size: 9pt;
  font-weight: 600;
  cursor: pointer;
}

.announce {
  width: 940px !important;
  background: #E00;
  color: #FFF;
  padding: 20px;
  font-size: 105%;
  font-weight: 400;
}

.announce h3 {
  color: #FFF !important;
  font-size: 115%;
  font-weight: 800;
}

.clips {
  margin-top: 20px;
}

.clips .clips-title {
  font-size: 120%;
  font-weight: 600;
  color: #F00;
  width: 240px;
  text-align: center;
  padding-bottom: 10px;
}

.clips .clips-title a {
  display: contents;
  width: auto;
  height: auto;
  text-decoration: none;
  color: #F00;
  font-size: 120%;
  font-weight: 600;
  color: #F00;
  padding: 0px;
}

.clips .clips-title a:hover {
  color: #F00;
  text-decoration: underline;
}

.clips .video {
  width: 240px;
  height: auto;
  margin-top: 10px;
  float: left;
  margin-left: 0px;
  background-image: url(/images/commons/preload.svg);
  background-position: center 50px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}

.clips .video .fb-video {
  width: 240px;
  text-align: center;
  margin: 0px;
  padding: 0px;
}

.clips .video .fb-video blockquote {
  margin: 0px;
  padding: 0px;
  text-align: center;
  padding-bottom: 20px;
}

.clips .video img {
  float: left;
  width: 237px;
  margin-left: -238px;
  height: 126px;
  z-index: 9999;
  position: absolute;
  cursor: pointer;
}

.dealers a, .dealers a:hover {
  margin-top: 0px !important;
  height: auto !important;
  background-color: #FFF !important;
}

.dealers .title {
  font-size: 120%;
  font-weight: 600;
  color: #F00;
  width: 240px;
  text-align: center;
  padding-bottom: 0px;
}

.dealers .title a, .dealers .title a:hover {
  color: #F00;
  margin-top: 10px;
}

.dealers .item {
  text-align: center;
}