@charset "UTF-8";
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
    font-family: 'kt_smarn-tabianregular';
    src: url("../fonts/kt_smarn-tabian-webfont.woff2") format('woff2'),
         url("../fonts/kt_smarn-tabian-webfont.woff") format('woff'),
         url("../fonts/kt_smarn-tabian-webfont.ttf") format('truetype');
    font-display: swap;
    /*font-weight:normal;*/
    /*font-style:normal;*/
    /*font-variant-caps: all-small-caps;*/

}

html {
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background-color: transparent;
  color:#381801; /*ไม่ให้ลิ้ง link เปลี่ยนสีข้อความ*/
  text-decoration:none;
 }

a:active, a:hover {
  outline: 0;
  text-decoration:none;}

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

hr.border {
  /*border-top: 1px dashed red;*/
  border: 1px solid rgb(97, 97, 97);
}

hr.borderdash {
  border-top: 1px dashed rgb(97, 97, 97);
}

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *, *:before, *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }

  a, a:visited {
    text-decoration: underline;}

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  a[href^="#"]:after, a[href^="javascript:"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; }

  .navbar {
    display: none;}

  .btn > .caret, .dropup > .btn > .caret {
    border-top-color: #000 !important; }

  .label {
    border: 1px solid #000; }

  .table {
    border-collapse: collapse !important; }
  .table td, .table th {
    background-color: #fff !important; }

  .table-bordered th, .table-bordered td {
    border: 1px solid #ddd !important; } }
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot");
  src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); }
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

* {
  box-sizing: border-box; }

*:before, *:after {
  box-sizing: border-box; }

html {
  -webkit-tap-highlight-color: transparent; }

body {
  background-color: #fff; }

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  /*color: #FBB040;*/
  text-decoration: none;}
a:hover, a:focus {
  color: #ea8e05;
  text-decoration: underline; }
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

[role="button"] {
  cursor: pointer; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }
h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777; }

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small {
  font-size: 65%; }

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small {
  font-size: 75%; }

h1, .h1 {
  font-size: 36px; }

h2, .h2 {
  font-size: 30px; }

h3, .h3 {
  font-size: 24px; }

h4, .h4 {
  font-size: 18px; }

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 12px; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4; }
@media (min-width: 768px) {
  .lead {
    font-size: 21px; } }

small, .small {
  font-size: 85%; }

mark, .mark {
  background-color: #fcf8e3;
  padding: .2em; }

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

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

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

abbr[title], abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee; }
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
  margin-bottom: 0; }
blockquote footer, blockquote small, blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857;
  color: #777777; }
blockquote footer:before, blockquote small:before, blockquote .small:before {
  content: '\2014 \00A0'; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857; }

code, kbd, pre, samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none; }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px; }
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px; }
.container:before, .container:after {
  content: " ";
  display: table; }
.container:after {
  clear: both; }
@media (min-width: 768px) {
  .container {
    width: 760px; }
	.container1 {
    width: 760px; } }
@media (min-width: 992px) {
  .container {
    width: 980px; } 
	.container1 {
    width: 980px; }}
@media (min-width: 1200px) {
  .container {
    width: 1100px; } 
	.container1 {
    width: 1200px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;}
.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table; }
.container-fluid:after {
  clear: both; }

.row {
  margin-left: -20px;
  margin-right: -20px; }
.row:before, .row:after {
  content: " ";
  display: table; }
.row:after {
  clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;}

.col-md-4-radius {
	border-radius: 10px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }

  .col-sm-1 {
    width: 8.33333%; }

  .col-sm-2 {
    width: 16.66667%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-4 {
    width: 33.33333%; }

  .col-sm-5 {
    width: 41.66667%; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-7 {
    width: 58.33333%; }

  .col-sm-8 {
    width: 66.66667%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-10 {
    width: 83.33333%; }

  .col-sm-11 {
    width: 91.66667%; }

  .col-sm-12 {
    width: 100%; }

  .col-sm-pull-0 {
    right: auto; }

  .col-sm-pull-1 {
    right: 8.33333%; }

  .col-sm-pull-2 {
    right: 16.66667%; }

  .col-sm-pull-3 {
    right: 25%; }

  .col-sm-pull-4 {
    right: 33.33333%; }

  .col-sm-pull-5 {
    right: 41.66667%; }

  .col-sm-pull-6 {
    right: 50%; }

  .col-sm-pull-7 {
    right: 58.33333%; }

  .col-sm-pull-8 {
    right: 66.66667%; }

  .col-sm-pull-9 {
    right: 75%; }

  .col-sm-pull-10 {
    right: 83.33333%; }

  .col-sm-pull-11 {
    right: 91.66667%; }

  .col-sm-pull-12 {
    right: 100%; }

  .col-sm-push-0 {
    left: auto; }

  .col-sm-push-1 {
    left: 8.33333%; }

  .col-sm-push-2 {
    left: 16.66667%; }

  .col-sm-push-3 {
    left: 25%; }

  .col-sm-push-4 {
    left: 33.33333%; }

  .col-sm-push-5 {
    left: 41.66667%; }

  .col-sm-push-6 {
    left: 50%; }

  .col-sm-push-7 {
    left: 58.33333%; }

  .col-sm-push-8 {
    left: 66.66667%; }

  .col-sm-push-9 {
    left: 75%; }

  .col-sm-push-10 {
    left: 83.33333%; }

  .col-sm-push-11 {
    left: 91.66667%; }

  .col-sm-push-12 {
    left: 100%; }

  .col-sm-offset-0 {
    margin-left: 0%; }

  .col-sm-offset-1 {
    margin-left: 8.33333%; }

  .col-sm-offset-2 {
    margin-left: 16.66667%; }

  .col-sm-offset-3 {
    margin-left: 25%; }

  .col-sm-offset-4 {
    margin-left: 33.33333%; }

  .col-sm-offset-5 {
    margin-left: 41.66667%; }

  .col-sm-offset-6 {
    margin-left: 50%; }

  .col-sm-offset-7 {
    margin-left: 58.33333%; }

  .col-sm-offset-8 {
    margin-left: 66.66667%; }

  .col-sm-offset-9 {
    margin-left: 75%; }

  .col-sm-offset-10 {
    margin-left: 83.33333%; }

  .col-sm-offset-11 {
    margin-left: 91.66667%; }

  .col-sm-offset-12 {
    margin-left: 100%; } }
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }

  .col-md-1 {
    width: 8.33333%; }

  .col-md-2 {
    width: 16.66667%; }

  .col-md-3 {
    width: 25%; }

  .col-md-4 {
    width: 33.33333%; }

  .col-md-5 {
    width: 41.66667%; }

  .col-md-6 {
    width: 50%; }

  .col-md-7 {
    width: 58.33333%; }

  .col-md-8 {
    width: 66.66667%; }

  .col-md-9 {
    width: 75%; }

  .col-md-10 {
    width: 83.33333%; }

  .col-md-11 {
    width: 91.66667%; }

  .col-md-12 {
    width: 100%; }

  .col-md-pull-0 {
    right: auto; }

  .col-md-pull-1 {
    right: 8.33333%; }

  .col-md-pull-2 {
    right: 16.66667%; }

  .col-md-pull-3 {
    right: 25%; }

  .col-md-pull-4 {
    right: 33.33333%; }

  .col-md-pull-5 {
    right: 41.66667%; }

  .col-md-pull-6 {
    right: 50%; }

  .col-md-pull-7 {
    right: 58.33333%; }

  .col-md-pull-8 {
    right: 66.66667%; }

  .col-md-pull-9 {
    right: 75%; }

  .col-md-pull-10 {
    right: 83.33333%; }

  .col-md-pull-11 {
    right: 91.66667%; }

  .col-md-pull-12 {
    right: 100%; }

  .col-md-push-0 {
    left: auto; }

  .col-md-push-1 {
    left: 8.33333%; }

  .col-md-push-2 {
    left: 16.66667%; }

  .col-md-push-3 {
    left: 25%; }

  .col-md-push-4 {
    left: 33.33333%; }

  .col-md-push-5 {
    left: 41.66667%; }

  .col-md-push-6 {
    left: 50%; }

  .col-md-push-7 {
    left: 58.33333%; }

  .col-md-push-8 {
    left: 66.66667%; }

  .col-md-push-9 {
    left: 75%; }

  .col-md-push-10 {
    left: 83.33333%; }

  .col-md-push-11 {
    left: 91.66667%; }

  .col-md-push-12 {
    left: 100%; }

  .col-md-offset-0 {
    margin-left: 0%; }

  .col-md-offset-1 {
    margin-left: 8.33333%; }

  .col-md-offset-2 {
    margin-left: 16.66667%; }

  .col-md-offset-3 {
    margin-left: 25%; }

  .col-md-offset-4 {
    margin-left: 33.33333%; }

  .col-md-offset-5 {
    margin-left: 41.66667%; }

  .col-md-offset-6 {
    margin-left: 50%; }

  .col-md-offset-7 {
    margin-left: 58.33333%; }

  .col-md-offset-8 {
    margin-left: 66.66667%; }

  .col-md-offset-9 {
    margin-left: 75%; }

  .col-md-offset-10 {
    margin-left: 83.33333%; }

  .col-md-offset-11 {
    margin-left: 91.66667%; }

  .col-md-offset-12 {
    margin-left: 100%; } }
	
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }

  .col-lg-1 {
    width: 8.33333%; }

  .col-lg-2 {
    width: 16.66667%; }

  .col-lg-3 {
    width: 25%; }

  .col-lg-4 {
    width: 33.33333%; }

  .col-lg-5 {
    width: 41.66667%; }

  .col-lg-6 {
    width: 50%; }

  .col-lg-7 {
    width: 58.33333%; }

  .col-lg-8 {
    width: 66.66667%; }

  .col-lg-9 {
    width: 75%; }

  .col-lg-10 {
    width: 83.33333%; }

  .col-lg-11 {
    width: 91.66667%; }

  .col-lg-12 {
    width: 100%; }

  .col-lg-pull-0 {
    right: auto; }

  .col-lg-pull-1 {
    right: 8.33333%; }

  .col-lg-pull-2 {
    right: 16.66667%; }

  .col-lg-pull-3 { 
    right: 25%; }

  .col-lg-pull-4 {
    right: 33.33333%; }

  .col-lg-pull-5 {
    right: 41.66667%; }

  .col-lg-pull-6 {
    right: 50%; }

  .col-lg-pull-7 {
    right: 58.33333%; }

  .col-lg-pull-8 {
    right: 66.66667%; }

  .col-lg-pull-9 {
    right: 75%; }

  .col-lg-pull-10 {
    right: 83.33333%; }

  .col-lg-pull-11 {
    right: 91.66667%; }

  .col-lg-pull-12 {
    right: 100%; }

  .col-lg-push-0 {
    left: auto; }

  .col-lg-push-1 {
    left: 8.33333%; }

  .col-lg-push-2 {
    left: 16.66667%; }

  .col-lg-push-3 {
    left: 25%; }

  .col-lg-push-4 {
    left: 33.33333%; }

  .col-lg-push-5 {
    left: 41.66667%; }

  .col-lg-push-6 {
    left: 50%; }

  .col-lg-push-7 {
    left: 58.33333%; }

  .col-lg-push-8 {
    left: 66.66667%; }

  .col-lg-push-9 {
    left: 75%; }

  .col-lg-push-10 {
    left: 83.33333%; }

  .col-lg-push-11 {
    left: 91.66667%; }

  .col-lg-push-12 {
    left: 100%; }

  .col-lg-offset-0 {
    margin-left: 0%; }

  .col-lg-offset-1 {
    margin-left: 8.33333%; }

  .col-lg-offset-2 {
    margin-left: 16.66667%; }

  .col-lg-offset-3 {
    margin-left: 25%; }

  .col-lg-offset-4 {
    margin-left: 33.33333%; }

  .col-lg-offset-5 {
    margin-left: 41.66667%; }

  .col-lg-offset-6 {
    margin-left: 50%; }

  .col-lg-offset-7 {
    margin-left: 58.33333%; }

  .col-lg-offset-8 {
    margin-left: 66.66667%; }

  .col-lg-offset-9 {
    margin-left: 75%; }

  .col-lg-offset-10 {
    margin-left: 83.33333%; }

  .col-lg-offset-11 {
    margin-left: 91.66667%; }

  .col-lg-offset-12 {
    margin-left: 100%; } }
table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left; }

th {
  text-align: left; }

/*.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }
.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857;
  vertical-align: top;
  border-top: 1px solid #ddd; }
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd; }
.table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .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 #ddd; }
.table .table {
  background-color: #fff; }

.table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
  border: 1px solid #ddd; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
  border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"], table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd; }
  .table-responsive > .table {
    margin-bottom: 0; }
  .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap; }
  .table-responsive > .table-bordered {
    border: 0; }
  .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0; } }*/

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"], input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple], select[size] {
  height: auto; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 15px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555; }

.form-control {
  display: block;
  width: 100%;
  height: 50px;
  padding: 14px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

.form-control:focus {
  border-color: #FBB040;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(251, 176, 64, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(251, 176, 64, 0.6); }
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1; }
.form-control:-ms-input-placeholder {
  color: #999; }
.form-control::-webkit-input-placeholder {
  color: #999; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1; }
.form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed; }
  
textarea.form-control {
  height: auto; }

input[type="search"] {
  -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
    line-height: 50px; }
  input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control, .input-group-sm > input[type="date"].input-group-addon, .input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm > input[type="time"].form-control, .input-group-sm > input[type="time"].input-group-addon, .input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm > input[type="datetime-local"].form-control, .input-group-sm > input[type="datetime-local"].input-group-addon, .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm > input[type="month"].form-control, .input-group-sm > input[type="month"].input-group-addon, .input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control, .input-group-lg > input[type="date"].input-group-addon, .input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg > input[type="time"].form-control, .input-group-lg > input[type="time"].input-group-addon, .input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg > input[type="datetime-local"].form-control, .input-group-lg > input[type="datetime-local"].input-group-addon, .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg > input[type="month"].form-control, .input-group-lg > input[type="month"].input-group-addon, .input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg input[type="month"] {
    line-height: 46px; } }
.form-group {
  margin-bottom: 30px; }

.radio, .checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
.radio label, .checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer; }

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9; }

.radio + .radio, .checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline, .checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label {
  cursor: not-allowed; }

.form-control-static {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
  min-height: 34px; }
.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-left: 0;
  padding-right: 0; }

.input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, select[multiple].input-sm, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto; }

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px; }
.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
  height: auto; }
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5; }

.input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px; }

textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, select[multiple].input-lg, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto; }

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px; }
.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {
  height: auto; }
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.33333; }

.has-feedback {
  position: relative; }
.has-feedback .form-control {
  padding-right: 62.5px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  pointer-events: none; }

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px; }

/*.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #3c763d; }
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }
.has-success .form-control-feedback {
  color: #3c763d; }*/

/*.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #8a6d3b; }
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }
.has-warning .form-control-feedback {
  color: #8a6d3b; }*/

/*.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #a94442; }
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede; }
.has-error .form-control-feedback {
  color: #a94442; }*/

/*.has-feedback label ~ .form-control-feedback {
  top: 25px; }
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }*/

/*.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }*/

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
  .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
    width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio, .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio label, .form-inline .checkbox label {
    padding-left: 0; }
  .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 15px; }
.form-horizontal .radio, .form-horizontal .checkbox {
  min-height: 35px; }
.form-horizontal .form-group {
  margin-left: -20px;
  margin-right: -20px; }
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  content: " ";
  display: table; }
.form-horizontal .form-group:after {
  clear: both; }
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 15px; } }
.form-horizontal .has-feedback .form-control-feedback {
  right: 20px; }
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.33333px;
    font-size: 18px; } }
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px; } }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 14px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.btn_show {
  width:90%;
  margin-left::auto;
  margin-right:auto;
  font-weight: normal;
  align-items: center;
  text-align: center;
  cursor: pointer;
  /*display: inline-block;
  margin-bottom: 0;*/
  /*vertical-align: middle;
  touch-action: manipulation;*/
  /*background-image: none;
  border: 1px solid transparent;*/
  border: 2px solid #000000;
  background-color:#FFCCE5;
  color:#000000;
  font-size: 16px;
  border-radius: 12px;
  /*white-space: nowrap;*/
  /*padding: 4px 30px;*/
  /*line-height: 1.42857;*/
  /*-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; */}
  
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }
.btn:hover, .btn:focus, .btn.focus {
  color: #333;
  text-decoration: none; }
.btn:active, .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none; }

a.btn.disabled, fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
.btn-default:focus, .btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c; }
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad; }
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad; }
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c; }
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  background-image: none; }
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc; }
.btn-default .badge {
  color: #fff;
  background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #FBB040;
  border-color: #faa627; }
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #fa9b0e;
  border-color: #9f6003; }
.btn-primary:hover {
  color: #fff;
  background-color: #fa9b0e;
  border-color: #e08805; }
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #fa9b0e;
  border-color: #e08805; }
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #e08805;
  border-color: #9f6003; }
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  background-image: none; }
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
  background-color: #FBB040;
  border-color: #faa627; }
.btn-primary .badge {
  color: #FBB040;
  background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625; }
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439; }
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  border-color: #398439; }
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625; }
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  background-image: none; }
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c; }
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85; }
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc; }
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc; }
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85; }
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  background-image: none; }
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da; }
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d; }
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512; }
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512; }
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d; }
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  background-image: none; }
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236; }
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19; }
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925; }
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925; }
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19; }
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  background-image: none; }
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a; }
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff; }

.btn-link {
  color: #FBB040;
  font-weight: normal;
  border-radius: 0; }
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent; }
.btn-link:hover, .btn-link:focus {
  color: #ea8e05;
  text-decoration: underline;
  background-color: transparent; }
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
.fade.in {
  opacity: 1; }

.collapse {
  display: none; }

.collapse_linkgroup{
  display: none; }

.collapse.in {
  display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropup, .dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }
.dropdown-menu.pull-right {
  right: 0;
  left: auto; }
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  color: #333333;
  white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #FBB040; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777; }
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }
.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #777777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: ""; }
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

/*@media (min-width: 768px) {*/
@media (min-width: 1200px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;}
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }
.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
.btn-group > .btn, .btn-group-vertical > .btn {
  position: relative;
  float: left; }
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
  z-index: 2; }

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }
.btn-toolbar:before, .btn-toolbar:after {
  content: " ";
  display: table; }
.btn-toolbar:after {
  clear: both; }
.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
  float: left; }
.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
  margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table; }
.btn-group-vertical > .btn-group:after {
  clear: both; }
.btn-group-vertical > .btn-group > .btn {
  float: none; }
.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
.btn-group-justified > .btn, .btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%; }
.btn-group-justified > .btn-group .btn {
  width: 100%; }
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto; }

[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0; }
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0; }

.input-group-addon, .input-group-btn, .input-group .form-control {
  display: table-cell; }
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0; }

.input-group-addon, .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 14px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px; }
.input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px; }
.input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px; }
.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
  margin-top: 0; }

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
.input-group-btn > .btn {
  position: relative; }
.input-group-btn > .btn + .btn {
  margin-left: -1px; }
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
  z-index: 2; }
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
  margin-right: -1px; }
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
.nav:before, .nav:after {
  content: " ";
  display: table; }
.nav:after {
  clear: both; }
.nav > li {
  position: relative;
  display: block; }
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px; }
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee; }
.nav > li.disabled > a {
  color: #777777; }
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #FBB040; }
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }
.nav > li > a > img {
  max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
.nav-tabs > li {
  float: left;
  margin-bottom: -1px; }
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0; }
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default; }

.nav-pills > li {
  float: left; }
.nav-pills > li > a {
  border-radius: 4px; }
.nav-pills > li + li {
  margin-left: 2px; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #FBB040; }

.nav-stacked > li {
  float: none; }
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none; }
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px; }
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto; }
@media (min-width: 768px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%; }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px; }
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd; }
@media (min-width: 768px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff; } }

.tab-content > .tab-pane {
  display: none; }
.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

/*.navbar {
  position: relative;
  min-height: 60px;
  margin-bottom: 20px;
  border: 1px solid transparent;
 }*/
 
.navbar {
   	/*padding-left:10;
   	padding-right:10;*/
   	position:fixed;
	right:0;
	left:0;
	z-index:1030;
	top:0;
	border-width:0 0 1px;
	height: 50px;    /*ความสูง menu จอขนาดใหญ่*/
	}
	/*@media (min-width:768px) {*/
	@media (min-width:1200px) {
	.navbar{
	border-radius:0}
	}

.navbar:before, .navbar:after {
  content: " ";
  display: table; }
.navbar:after {
  clear: both; }
/*@media (min-width: 768px) {*/
@media (min-width: 1200px) {
  .navbar {
    border-radius: 4px; } }

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }
.navbar-header:after {
  clear: both; }
/*@media (min-width: 768px) {*/
@media (min-width: 1200px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  overflow-x: visible;
  padding-right: 20px;
  padding-left: 20px;
  margin-top:-8px;
  /*margin:auto;*/
  /*border-top: 1px solid transparent;*/
  /*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);*/
/*background: #808080;*/
  -webkit-overflow-scrolling: touch; }
  @media (max-width: 1199px) {
  .navbar-collapse {
  /*แถบสีเมนูหน้าจอเล็ก*/
  background: #808080;}
  }
.navbar-collapse:before, .navbar-collapse:after {
  content: " ";
  display: table;}
.navbar-collapse:after {
  clear: both; }
.navbar-collapse.in {
  background: #808080;  /*background ตอนกดแถบ menu*/
  font-size:18px;
  overflow-y: auto;}
/*@media (min-width: 768px) {*/
@media (min-width: 1200px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none; }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important; }
  .navbar-collapse.in {
    overflow-y: visible; }
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0; } }

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px; } }

.container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
  margin-right: -20px;
  margin-left: -20px; }
/*@media (min-width: 768px) {*/
@media (min-width: 1200px) {
  .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0; } }

.navbar-fixed-top, .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
@media (min-width: 768px) {
  .navbar-fixed-top, .navbar-fixed-bottom {
    border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand, .navbar-brand1 {
	display: block;
  float: left;
  padding: 8px 15px;
  /*border: 1px solid #FF0000;*/
  font-size: 18px;
  line-height: 25px;}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none; }
.navbar-brand > img {
  display: block; }
/*@media (min-width: 768px) {*/
@media (min-width: 1200px) {
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -20px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 20px;
  padding: 9px 10px;
  margin-top: 13px;
  margin-bottom: 13px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }
.navbar-toggle:focus {
  outline: 0; }
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px; }
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px; }
/*@media (min-width: 768px) {*/
@media (min-width: 1200px) {
  .navbar-toggle {
    display: none; } }

.navbar-nav {
  margin: 10px -20px; }
.navbar-nav > li > a {
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 25px; /*ความสูงตัวเลือก menu*/
   }
/*@media (max-width: 767px) {*/
@media (max-width: 1199px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none; }
  .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px; }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px; }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none; } }
/*@media (min-width: 768px) {*/
@media (min-width: 1200px) {
  .navbar-nav {
    float: left;
    margin: 0; }
  .navbar-nav > li {
    float: left; }
  .navbar-nav > li > a {
    padding-top: 20px;
    padding-bottom: 20px; } }

.navbar-form {
  margin-left: -20px;
  margin-right: -20px;
  padding: 10px 20px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 5px;
  margin-bottom: 5px; }
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .navbar-form .form-control-static {
    display: inline-block; }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle; }
  .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
    width: auto; }
  .navbar-form .input-group > .form-control {
    width: 100%; }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .radio, .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .radio label, .navbar-form .checkbox label {
    padding-left: 0; }
  .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0; } }
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px; }
  .navbar-form .form-group:last-child {
    margin-bottom: 0; } }
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 5px;
  margin-bottom: 5px; }
.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
  margin-top: 15px;
  margin-bottom: 15px; }
.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
  margin-top: 19px;
  margin-bottom: 19px; }

.navbar-text {
  margin-top: 20px;
  margin-bottom: 20px; }
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 20px;
    margin-right: 20px; } }

/*@media (min-width: 768px) {*/
@media (min-width: 1200px) {
  .navbar-left {
    float: left !important; }

  .navbar-right {
    float: right !important;
    margin-right: -20px;
	margin-top: -8px; /*ความสูงตัวเลือกแถบ menu */
	}
  .navbar-right ~ .navbar-right {
    margin-right: 0; } }
.navbar-default {
  /*background-color: #f8f8f8;*/
  background-color: #777;
  border-color: #e7e7e7; }
.navbar-default .navbar-brand {
	/*สีพื้น navbar brand logo tabien2you*/
  color: #777;}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
/* color: #5e5e5e;*/
  color: #777;
  background-color: transparent; }
.navbar-default .navbar-text {
  color: #777; }
.navbar-default .navbar-nav > li > a {
/*สีพื้นของแถบ menu หน้าจอใหญ่*/
  color: #777; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  /*color: #333;*/
  color: #777;
  background-color: transparent; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  /*color: #555;*/
  color: #777;
  background-color: #e7e7e7;}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  /*color: #ccc;*/
  color: #777;
  background-color: transparent; }
.navbar-default .navbar-toggle {
  border-color: #ddd; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  /*background-color: #ddd;*/
  background-color: #777; }
.navbar-default .navbar-toggle .icon-bar {
  /*background-color: #888; */
  background-color: #777;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #e7e7e7; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  /*background-color: #e7e7e7;
  color: #555; */
  color: #777;}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    /*color: #333;*/
	color: #777;
    background-color: transparent; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    /*color: #555;
    background-color: #e7e7e7;*/
	color: #777;
    background-color: #777; }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    /*color: #ccc;*/
	background-color: transparent; 
	color: #777;} }
.navbar-default .navbar-link {
  color: #777; }
.navbar-default .navbar-link:hover {
  /*color: #333;*/
  color: #777; }
.navbar-default .btn-link {
  color: #777; }
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
 /*color: #333;*/
  color: #777; }
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
  /*color: #ccc;*/
  color: #777; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
.navbar-inverse .navbar-brand {
  color: #9d9d9d; }
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;}
.navbar-inverse .navbar-text {
  color: #9d9d9d; }
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d; }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #090909; }
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent; }
.navbar-inverse .navbar-toggle {
  border-color: #333; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333; }
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: #101010; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #090909;
  color: #fff; }
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090909; }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #090909; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent; } }
.navbar-inverse .navbar-link {
  color: #9d9d9d; }
.navbar-inverse .navbar-link:hover {
  color: #fff; }
.navbar-inverse .btn-link {
  color: #9d9d9d; }
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: #fff; }
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px; }
.breadcrumb > li {
  display: inline-block; }
.breadcrumb > li + li:before {
  content: "/ ";
  padding: 0 5px;
  color: #ccc; }
.breadcrumb > .active {
  color: #777777; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }
.pagination > li {
  display: inline; }
.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 14px 12px;
  line-height: 1.42857;
  text-decoration: none;
  color: #FBB040;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px; }
.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
  z-index: 3;
  color: #ea8e05;
  background-color: #eeeeee;
  border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #FBB040;
  border-color: #FBB040;
  cursor: default; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed; }

.pagination-lg > li > a, .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.pagination-sm > li > a, .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center; }
.pager:before, .pager:after {
  content: " ";
  display: table; }
.pager:after {
  clear: both; }
.pager li {
  display: inline; }
.pager li > a, .pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px; }
.pager li > a:hover, .pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee; }
.pager .next > a, .pager .next > span {
  float: right; }
.pager .previous > a, .pager .previous > span {
  float: left; }
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
  color: #777777;
  background-color: #fff;
  cursor: not-allowed; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }
.label:empty {
  display: none; }
.btn .label {
  position: relative;
  top: -1px; }

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-default {
  background-color: #777777; }
.label-default[href]:hover, .label-default[href]:focus {
  background-color: #5e5e5e; }

.label-primary {
  background-color: #FBB040; }
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #fa9b0e; }

.label-success {
  background-color: #5cb85c; }
.label-success[href]:hover, .label-success[href]:focus {
  background-color: #449d44; }

.label-info {
  background-color: #5bc0de; }
.label-info[href]:hover, .label-info[href]:focus {
  background-color: #31b0d5; }

.label-warning {
  background-color: #f0ad4e; }
.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #ec971f; }

.label-danger {
  background-color: #d9534f; }
.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #c9302c; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px; }
.badge:empty {
  display: none; }
.btn .badge {
  position: relative;
  top: -1px; }
.btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px; }
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
  color: #FBB040;
  background-color: #fff; }
.list-group-item > .badge {
  float: right; }
.list-group-item > .badge + .badge {
  margin-right: 5px; }
.nav-pills > li > a > .badge {
  margin-left: 3px; }

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee; }
.jumbotron h1, .jumbotron .h1 {
  color: inherit; }
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200; }
.jumbotron > hr {
  border-top-color: #d5d5d5; }
.container .jumbotron, .container-fluid .jumbotron {
  border-radius: 6px; }
.jumbotron .container {
  max-width: 100%; }
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px; }
  .container .jumbotron, .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px; }
  .jumbotron h1, .jumbotron .h1 {
    font-size: 63px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out; }
.thumbnail > img, .thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto; }
.thumbnail .caption {
  padding: 9px;
  color: #333333; }

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
  border-color: #FBB040; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }
.alert h4 {
  margin-top: 0;
  color: inherit; }
.alert .alert-link {
  font-weight: bold; }
.alert > p, .alert > ul {
  margin-bottom: 0; }
.alert > p + p {
  margin-top: 5px; }

.alert-dismissable, .alert-dismissible {
  padding-right: 35px; }
.alert-dismissable .close, .alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }
.alert-success hr {
  border-top-color: #c9e2b3; }
.alert-success .alert-link {
  color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }
.alert-info hr {
  border-top-color: #a6e1ec; }
.alert-info .alert-link {
  color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }
.alert-warning hr {
  border-top-color: #f7e1b5; }
.alert-warning .alert-link {
  color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
.alert-danger hr {
  border-top-color: #e4b9c0; }
.alert-danger .alert-link {
  color: #843534; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #FBB040;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease; }

.progress-striped .progress-bar, .progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar, .progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #5cb85c; }
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
  background-color: #5bc0de; }
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
  background-color: #f0ad4e; }
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
  background-color: #d9534f; }
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.media {
  margin-top: 15px; }
.media:first-child {
  margin-top: 0; }

.media, .media-body {
  zoom: 1;
  overflow: hidden; }

.media-body {
  width: 10000px; }

.media-object {
  display: block; }
.media-object.img-thumbnail {
  max-width: none; }

.media-right, .media > .pull-right {
  padding-left: 10px; }

.media-left, .media > .pull-left {
  padding-right: 10px; }

.media-left, .media-right, .media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  margin-bottom: 20px;
  padding-left: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px; }
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

a.list-group-item, button.list-group-item {
  color: #555; }
a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
  color: #333; }
a.list-group-item:hover, a.list-group-item:focus, button.list-group-item:hover, button.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;}

button.list-group-item {
  width: 100%;
  text-align: left; }

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed; }
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit; }
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
  color: #777777; }
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #FBB040;
  border-color: #FBB040; }
.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit; }
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  color: white; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success, button.list-group-item-success {
  color: #3c763d; }
a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
  color: inherit; }
a.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:hover, button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6; }
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active, button.list-group-item-success.active:hover, button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info, button.list-group-item-info {
  color: #31708f; }
a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
 color: inherit;}
a.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:hover, button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3; }
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active, button.list-group-item-info.active:hover, button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning, button.list-group-item-warning {
  color: #8a6d3b; }
a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
  color: inherit; }
a.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:hover, button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc; }
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active, button.list-group-item-warning.active:hover, button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger, button.list-group-item-danger {
  color: #a94442; }
a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
  color: inherit; }
a.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:hover, button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc; }
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active, button.list-group-item-danger.active:hover, button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }
.panel-body:before, .panel-body:after {
  content: " ";
  display: table; }
.panel-body:after {
  clear: both; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
  color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .list-group, .panel > .panel-collapse > .list-group {
  margin-bottom: 0; }
.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0; }
.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table {
  margin-bottom: 0; }
.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px; }
.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
.panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px; }
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px; }
.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }
.panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px; }
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px; }
.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd; }
.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }
.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
  border: 0; }
.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0; }
.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0; }
.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0; }
.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0; }
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0; }

.panel-group {
  margin-bottom: 20px; }
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px; }
.panel-group .panel + .panel {
  margin-top: 5px; }
.panel-group .panel-heading {
  border-bottom: 0; }
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd; }
.panel-group .panel-footer {
  border-top: 0; }
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd; }
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd; }
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333; }
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd; }

.panel-primary {
  border-color: #FBB040; }
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #FBB040;
  border-color: #FBB040; }
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #FBB040; }
.panel-primary > .panel-heading .badge {
  color: #FBB040;
  background-color: #fff; }
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #FBB040; }

.panel-success {
  border-color: #d6e9c6; }
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; }
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6; }
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d; }
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6; }

.panel-info {
  border-color: #bce8f1; }
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1; }
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1; }
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f; }
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1; }

.panel-warning {
  border-color: #faebcc; }
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc; }
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc; }
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b; }
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1; }
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442; }
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20); }
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out; }
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0); }
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857px; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table; }
.modal-footer:after {
  clear: both; }
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0; }
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }
.modal-footer .btn-block + .btn-block {
  margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }

  .modal-sm {
    width: 300px; } }
@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0); }
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90); }
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0; }
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px; }
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0; }
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000; }
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000; }
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
.popover.top {
  margin-top: -10px; }
.popover.right {
  margin-left: 10px; }
.popover.bottom {
  margin-top: 10px; }
.popover.left {
  margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff; }
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff; }
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff; }
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1; }
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px; }
  .carousel-inner > .item.next, .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0; }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0; }
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0; } }
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
  display: block; }
.carousel-inner > .active {
  left: 0; }
.carousel-inner > .next, .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%; }
.carousel-inner > .next {
  left: 100%; }
.carousel-inner > .prev {
  left: -100%; }
.carousel-inner > .next.left, .carousel-inner > .prev.right {
  left: 0; }
.carousel-inner > .active.left {
  left: -100%; }
.carousel-inner > .active.right {
  left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
.carousel-control:hover, .carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90); }
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block; }
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px; }
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px; }
.carousel-control .icon-prev, .carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif; }
.carousel-control .icon-prev:before {
  content: '\2039'; }
.carousel-control .icon-next:before {
  content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: transparent; }
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-caption .btn {
  text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -15px; }
  .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -15px; }

  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }

  .carousel-indicators {
    bottom: 20px; } }
.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }
.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }

  table.visible-xs {
    display: table !important; }

  tr.visible-xs {
    display: table-row !important; }

  th.visible-xs, td.visible-xs {
    display: table-cell !important; } }
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }

  table.visible-sm {
    display: table !important; }

  tr.visible-sm {
    display: table-row !important; }

  th.visible-sm, td.visible-sm {
    display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }

  table.visible-md {
    display: table !important; }

  tr.visible-md {
    display: table-row !important; }

  th.visible-md, td.visible-md {
    display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }

  table.visible-lg {
    display: table !important; }

  tr.visible-lg {
    display: table-row !important; }

  th.visible-lg, td.visible-lg {
    display: table-cell !important; } }
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }
.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }

  table.visible-print {
    display: table !important; }

  tr.visible-print {
    display: table-row !important; }

  th.visible-print, td.visible-print {
    display: table-cell !important; } }
.visible-print-block {
  display: none !important; }
@media print {
  .visible-print-block {
    display: block !important; } }

.visible-print-inline {
  display: none !important; }
@media print {
  .visible-print-inline {
    display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
@media print {
  .visible-print-inline-block {
    display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }
/* Template Style =========== */
body {
  font-family: "Roboto", arial, sans-serif;
  font-weight: 300;
  font-size: 15px;
  line-height: 26px;
  color: #818892; }

a {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
a:hover, a:active, a:focus {
  outline: none;
text-decoration:none; }

p {
  margin-bottom: 1.5em; }

h1, h2, h3, h4, h5, h6 {
  color: #000;
  font-family: "Montserrat", arial, sans-serif; }

::-webkit-selection {
  color: #818892;
  background: #f9f6f0; }

::-moz-selection {
  color: #818892;
  background: #f9f6f0; }

::selection {
  }

#fh5co-header {
  /*background: #000000;*/
  float: left;
  width: 100%;
  position: relative;
  position: absolute;
  z-index: 99;
  top: 0;
 }
 
#fh5co-header > .navbar {
  /*position: fixed;
  height:10px;*/
  /*background: rgb(0,0,0);/*สีแถบ navbar gradient 
  background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(36,36,36,1) 50%, rgba(119,119,119,1) 100%);/*สีแถบ navbar gradient */
  background: rgb(0,0,0);/*สีแถบ navbar gradient */
  background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(36,36,36,1) 30%, rgba(119,119,119,1) 100%);/*สีแถบ navbar gradient */
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 0;
  /*background: #808080;     /*background navbar*/
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  font-size: 13px;
  border: transparent;}
/*@media screen and (max-width: 480px) {*/
@media screen and (max-width: 1200px) {
  #fh5co-header > .navbar {
    padding-left: 0px;
    padding-right: 0px; } }
#fh5co-header > .navbar li a {
  text-transform: uppercase;
  color: #fff; /*font color header*/
  font-weight: normal;
  font-family: "Montserrat", arial, sans-serif; }
#fh5co-header > .navbar li a > span .border {
  display: block;
  height: 3px;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; }
#fh5co-header > .navbar li a > span .border:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FBB040;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
#fh5co-header > .navbar li a:hover, #fh5co-header > .navbar li a:focus {
  outline: none;}
#fh5co-header > .navbar li a:hover > span, #fh5co-header > .navbar li a:focus > span {
  outline: none; }
#fh5co-header > .navbar li a:hover > span .border:before, #fh5co-header > .navbar li a:focus > span .border:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1); }
#fh5co-header > .navbar li.active a {
  background: transparent; }
#fh5co-header > .navbar li.active a > span .border {
  background: #FBB040; }
#fh5co-header .navbar-brand .navbar-brand1 .navbar-sticky {
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 20px;
  font-family: "Montserrat", arial, sans-serif;
  color: #000;
  /*position: fixed;*/
 /* height:50px; */}
#fh5co-header .navbar-brand:hover {
  color: #ccc; }

#fh5co-hero, .fh5co-bg-section {
  color: #fff;
  background-color: #e9e9e9;
  background-size: cover;
  background-position: center center;
  margin-top: 0px;
  z-index: 10;
  position: relative; }
#fh5co-hero .fh5co-overlay, .fh5co-bg-section .fh5co-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 1;
  z-index: 11; }

#fh5co-hero, .fh5co-hero-wrap, .fh5co-bg-section {
  height: 700px; }
@media screen and (max-width: 768px) {
  #fh5co-hero, .fh5co-hero-wrap, .fh5co-bg-section {
    height: inherit;
    padding: 3em 0; } }

#fh5co-hero .fh5co-hero-wrap, .fh5co-bg-section .fh5co-hero-wrap {
  display: table;
  width: 100%;
  z-index: 12;
  position: relative; }
#fh5co-hero .fh5co-hero-wrap .fh5co-hero-intro, .fh5co-bg-section .fh5co-hero-wrap .fh5co-hero-intro {
  display: table-cell;
  vertical-align: middle; }
#fh5co-hero .fh5co-hero-wrap .fh5co-hero-intro .fh5co-lead, #fh5co-hero .fh5co-hero-wrap .fh5co-hero-intro .fh5co-sub-lead, .fh5co-bg-section .fh5co-hero-wrap .fh5co-hero-intro .fh5co-lead, .fh5co-bg-section .fh5co-hero-wrap .fh5co-hero-intro .fh5co-sub-lead {
  color: #fff;
  margin: 0;
  padding: 0;
  line-height: 1.5; }
#fh5co-hero .fh5co-hero-wrap .fh5co-hero-intro .fh5co-lead, .fh5co-bg-section .fh5co-hero-wrap .fh5co-hero-intro .fh5co-lead {
  margin-bottom: 30px; }

.fh5co-bg-section, .fh5co-hero-wrap {
  height: 400px; }
@media screen and (max-width: 768px) {
  .fh5co-bg-section, .fh5co-hero-wrap {
    height: inherit;
    padding: 3em 0; } }

.fh5co-bg-section .fh5co-overlay {
  background: #000;
  opacity: .3; }
.fh5co-bg-section .author {
  font-size: 20px;
  margin-bottom: 0; }

.fh5co-section-lead {
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 45px; }
  
.fh5co-section-lead11 {
  /*border: 1px solid red;
  width:100%*/
  margin-top : 8px;
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 40px; }
  
.fh5co-section-lead13 {
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0px;
  line-height: 30px;
  margin-left: 10px;
  margin-right: 10px; }
  
.fh5co-section-lead14 {
  font-family: "Angsana New";
  font-size: 55px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 40px;
 }
 
.fh5co-section-lead15 {
  padding : 3em 0;
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 45px; }

.fh5co-section-sub-lead {
  font-size: 20px;
  font-family: "Tahoma";
  font-weight: 50;
  line-height: 30px; }

.fh5co-post {
  padding: 0;
  margin: 0; }
.fh5co-post li {
  padding: 0;
  margin: 0;
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e9e9e9; }
.fh5co-post a {
  display: block;
  width: 100%;
  font-family: "Montserrat", arial, sans-serif; }
.fh5co-post a img {
  max-width: 100%;
  float: left;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }
.fh5co-post a .fh5co-post-media {
  float: left;
  width: 20%;
  margin-right: 5%;
  margin-top: 5px; }
.fh5co-post a .fh5co-post-blurb {
  float: right;
  width: 75%;
  color: #000;
  line-height: 1.5; }
.fh5co-post a .fh5co-post-meta {
  font-family: "Roboto", arial, sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ccc;
  display: block; }
.fh5co-post a:hover, .fh5co-post a:active, .fh5co-post a:focus {
  text-decoration: none; }
.fh5co-post a:hover .fh5co-post-blurb, .fh5co-post a:active .fh5co-post-blurb, .fh5co-post a:focus .fh5co-post-blurb {
 color: #FBB040;}
.fh5co-post a:hover .fh5co-post-media, .fh5co-post a:hover .fh5co-post-blurb, .fh5co-post a:hover .fh5co-post-meta, .fh5co-post a:active .fh5co-post-media, .fh5co-post a:active .fh5co-post-blurb, .fh5co-post a:active .fh5co-post-meta, .fh5co-post a:focus .fh5co-post-media, .fh5co-post a:focus .fh5co-post-blurb, .fh5co-post a:focus .fh5co-post-meta {
  text-decoration: none;}

pre {
  background: #e9e9e9;
  border: 1px solid #ccc; }

/* Buttons */
.btn {
  border-bottom: none !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: 10px;
  height: 30px ;
  /*height: 20px ;*/
   }
.btn:hover, .btn:focus, .btn:active {
  box-shadow: none;
  outline: none !important;
  border-color: transparent; }
.btn.fh5co-btn-icon {
  text-transform: none !important;
  letter-spacing: normal !important;
  padding-left: 15px;
  padding-right: 15px; }

.btn-outline {
  border: 2px solid #ccc !important;
  background: transparent;
  color: #2a2e37; }
.btn-outline:hover, .btn-outline:active, .btn-outline:focus {
  border: 2px solid #FBB040 !important;
  background: #FBB040 !important;
  color: #fff; }

.btn-primary {
  background: #FBB040;
  border: 2px solid #FBB040; }

.btn-success {
  background: #5cb85c;
  border: 2px solid #5cb85c; }

.btn-danger {
  background: #d9534f;
  border: 2px solid #d9534f; }

.btn-info {
  background: #5bc0de;
  border: 2px solid #5bc0de; }

.btn-warning {
  background: #f0ad4e;
  border: 2px solid #f0ad4e; }

.btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
  border-color: transparent; }

.btn-default:hover, .btn-default:active, .btn-default:focus, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-success:hover, .btn-success:active, .btn-success:focus, .btn-info:hover, .btn-info:active, .btn-info:focus, .btn-warning:hover, .btn-warning:active, .btn-warning:focus, .btn-danger:hover, .btn-danger:active, .btn-danger:focus {
  background: #444;
  color: #fff; }

.form-control {
  box-shadow: none !important;
  border: 2px solid #ccc; }
.form-control:hover, .form-control:focus, .form-control:active {
  outline: none;
  box-shadow: none !important;
  border: 2px solid #FBB040; }

.fh5co-nav-toggle {
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-decoration: none; }
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {
  background: #000;}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active {
  outline: none;
  border-bottom: none !important; }
.fh5co-nav-toggle i {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 25px;
  height: 3px;
  color: #000;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #fff; /*color menu*/
  transition: all .2s ease-out; }
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
  content: '';
  width: 25px;
  height: 3px;
  background: #fff; /*color menu*/
  position: absolute;
  left: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s; }

.fh5co-nav-toggle i::before {
  top: -7px; }

.fh5co-nav-toggle i::after {
  bottom: -7px; }

.fh5co-nav-toggle:hover i::before {
  top: -10px; }

.fh5co-nav-toggle:hover i::after {
  bottom: -10px; }

.fh5co-nav-toggle.active i {
  background: transparent; }

.fh5co-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg); }

.fh5co-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg); }

.fh5co-nav-toggle {
  position: absolute;
  top: 7px;
  right: 0px;
  z-index: 21;
  padding: 6px 0 0 0;
  display: block;
  margin: 0 auto;
  display: none;
  height: 44px;
  width: 44px;
  border-bottom: none !important; }
/*@media screen and (max-width: 768px) {*/
@media screen and (max-width: 1200px) {
  .fh5co-nav-toggle {
    display: block; } }

#fh5co-features {
  padding: 0em 0;
  /*margin: auto;*/
 /* background: rgba(0, 0, 0, 0.04); */
  background-color: black;
 /* background: url(../images/logo_t2y.png);*/
  /*width: 100%;*/
    height: auto!important;*/
	/*height:300px;
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;*/
	/*position: Absolute;*/}

#fh5co-features_head {
	padding: 0em 0;
	margin-top : -7px;  /*ความสูงพื้นล่าง*/
	margin-bottom : 5px;  /*ความสูงพื้นล่าง*/
 /* background: rgba(0, 0, 0, 0.04); */
  	background-color: #99CCFF;
  }

#fh5co-features_office {
	padding: 0em 0;
	margin-top : -7px;  /*ความสูงพื้นล่าง*/
	margin-bottom : 5px;  /*ความสูงพื้นล่าง*/
 /* background: rgba(0, 0, 0, 0.04); */
  	background-color:#FBB040 ;
}

#fh5co-features_head_sale {
	padding: 0em 0;
	margin-top : -7px;  /*ความสูงพื้นล่าง*/
	margin-bottom : 5px;  /*ความสูงพื้นล่าง*/
 /* background: rgba(0, 0, 0, 0.04); */
  	background-color: #FF9AEC;
  }

#fh5co-features1 {
  margin-top : -7px;  /*ความสูงพื้นล่าง ทะเบียนทูยู*/
  /*width:100%;
  margin: auto;*/
  padding: 0em 0;
  /*position: fixed;*/
  /*background: hsla(0, 100%, 80%, 0.2);*/
 	background: hsl(10, 1%, 86%); /*background search*/
  }
 
#search_aisumtabien {
  margin-top : -7px;  /*ความสูงพื้นล่าง ทะเบียนทูยู*/
  padding: 0em 0;
  /*background: hsla(0, 100%, 80%, 0.2);*/
 	/*background: #FAFAFA; /*background search*/
	background: #FFFFEC;
}

#search_tabienindex {
  margin-top : -7px;  /*ความสูงพื้นล่าง ทะเบียนทูยู*/
  padding: 0em 0;
  background: hsl(10, 1%, 86%); /*background search*/
}

#fh5co-cs {
  margin-top : -7px;  /*ความสูงพื้นล่าง ทะเบียนทูยู*/
  padding: 0em 0;
  /*background: hsla(0, 100%, 80%, 0.2);*/
  background: #DCEEFF;
  }

#fh5co-sale {
  margin-top : -7px;  /*ความสูงพื้นล่าง ทะเบียนทูยู*/
  padding: 0em 0;
  /*background: hsla(0, 100%, 80%, 0.2);*/
  background: #FFE4FA;
  }
  
#fh5co-features2 {
  padding: 5em 0;
  background: rgba(0, 0, 0, 0.04); }

#fh5co-features3 {
  padding: 1em 0;
  background: #878686; }
  
#fh5co-features4 {
  padding: 1em 0;
  background: #878686; }
  
.fh5co-feature-border {
  border-right: 1px solid #e9e9e9; }

.fh5co-feature {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e9e9e9; }
.fh5co-feature.no-border {
  border-bottom: none; }
@media screen and (max-width: 768px) {
  .fh5co-feature.no-border {
    border-bottom: 1px solid #e9e9e9; } }
.fh5co-feature .fh5co-feature-icon, .fh5co-feature .fh5co-feature-text {
  float: left; }
.fh5co-feature .fh5co-feature-icon {
  margin-right: 10px; }
@media screen and (max-width: 768px) {
  .fh5co-feature .fh5co-feature-icon {
    margin-right: 10px;
    margin-top: 10px; } }
.fh5co-feature .fh5co-feature-icon i {
  font-size: 100px;
  color: #FBB040; }
.fh5co-feature .fh5co-feature-icon z {
  font-size: 100px;
  color: #000000; }
.fh5co-feature .fh5co-feature-icon y {
  font-size: 100px;
  color: #2D0045; }
.fh5co-feature .fh5co-feature-icon w {
  font-size: 100px;
  color: #034500; } 
.fh5co-feature .fh5co-feature-icon q {
  font-size: 100px;
  color: #450000; }
.fh5co-feature .fh5co-feature-icon u {
  font-size: 100px;
  color: #610056; } 
.fh5co-feature .fh5co-feature-icon k {
  font-size: 100px;
  color: #000861; }
.fh5co-feature .fh5co-feature-icon j {
  font-size: 100px;
  color: #381700; }
  
@media screen and (max-width: 768px) {
  .fh5co-feature .fh5co-feature-icon i {
    font-size: 50px;
    margin-top: 10px; }
  .fh5co-feature .fh5co-feature-icon z {
    font-size: 50px;
    margin-top: 10px; }
  .fh5co-feature .fh5co-feature-icon y {
    font-size: 50px;
    margin-top: 10px; }
  .fh5co-feature .fh5co-feature-icon w {
    font-size: 50px;
    margin-top: 10px; }
  .fh5co-feature .fh5co-feature-icon q {
    font-size: 50px;
    margin-top: 10px; }
  .fh5co-feature .fh5co-feature-icon u {
    font-size: 50px;
    margin-top: 10px; }
  .fh5co-feature .fh5co-feature-icon k {
    font-size: 50px;
    margin-top: 10px; }
  .fh5co-feature .fh5co-feature-icon j {
    font-size: 50px;
    margin-top: 10px; }
	 }
.fh5co-feature .fh5co-feature-text {
  width: 70%; }
@media screen and (max-width: 768px) {
  .fh5co-feature .fh5co-feature-text {
    width: 60%; } }

#fh5co-clients {
  padding: 3em 0;
  background: #512814; }
#fh5co-clients .fh5co-client-logo {
  text-align: center;
  margin-bottom: 0; }
@media screen and (max-width: 992px) {
  #fh5co-clients .fh5co-client-logo {
    margin-bottom: 30px; } }

.fh5co-social {
  padding: 0;
  margin: 0; }
.fh5co-social li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block; }
.fh5co-social li a {
  display: block;
  float: left;
  margin-right: 10px; }
.fh5co-social li a:hover, .fh5co-social li a:active, .fh5co-social li a:focus {
  outline: none;
  text-decoration: none; }
.fh5co-social li a i {
  font-size: 30px; }

#fh5co-footer {
  padding: 5em 0;
  border-top: 1px solid #e9e9e9; }
#fh5co-footer .fh5co-footer-widget {
  float: left;
  width: 100%; }
#fh5co-footer .fh5co-footer-widget.top-level {
  margin-top: 70px !important; }
#fh5co-footer .fh5co-footer-widget .fh5co-footer-lead {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px; }
#fh5co-footer .fh5co-footer-logo {
  font-family: "Montserrat", arial, sans-serif;
  font-size: 50px;
  letter-spacing: 2px;
  color: #ccc; }
#fh5co-footer ul {
  padding: 0;
  margin: 0; }
#fh5co-footer ul li {
  list-style: none;
  padding: 0;
  margin: 0; }

.fh5co-list-check {
  position: relative;
  padding: 0;
  margin: 0;
  clear: both; }
.fh5co-list-check li {
  padding-left: 25px !important;
  position: relative;
  display: block;
  margin-bottom: 10px !important;
  line-height: 20px;
  color: #301000; }
.fh5co-list-check li:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*content: "\ea0b";*/
  /*content: "\e611";*/
  /*content: "\e035";*/
  content: "\e005";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  color: #262625; }

.fh5co-page-heading {
  text-align: center;
  padding: 40px 0 40px 0;
  letter-spacing: 2px;
  text-transform: uppercase; }
.fh5co-page-heading .fh5co-page-heading-lead {
  position: relative;
  padding-bottom: 10px;
  margin-top:-10px;
  margin-bottom:-20px;}
.fh5co-page-heading .fh5co-page-heading-lead .fh5co-border {
  width: 50px;
  height: 3px;
  background: #000;
  margin-left: -25px;
  left: 50%;
  bottom: 0;
  position: absolute;}

.fh5co-sidebox {
  float: left;
  width: 100%; }
.fh5co-sidebox .fh5co-sidebox-lead {
  font-size: 16px;
  letter-spacing: 1px;
  margin-bottom: 20px;
  margin-top:-10px;
  float: left;
  width: 100%;
  display: block;
  text-transform: uppercase; }

/* Helper Classes */
/* Spacer */
.fh5co-spacer {
  clear: both;
  position: relative;
  border: none;
  padding: 0;
  margin: 0; }

.fh5co-spacer-xlg {
  height: 150px; }
@media screen and (max-width: 768px) {
  .fh5co-spacer-xlg {
    height: 70px; } }

.fh5co-spacer-lg {
  height: 10px; }
@media screen and (max-width: 768px) {
  .fh5co-spacer-lg {
    height: 10px; } }

.fh5co-spacer-md {
  height: 20px; }
@media screen and (max-width: 768px) {
  .fh5co-spacer-md {
    height: 30px; } }

.fh5co-spacer-sm {
  height: 50px; }
@media screen and (max-width: 768px) {
  .fh5co-spacer-sm {
    height: 20px; } }

.fh5co-spacer-xs {
  height: 30px; }
@media screen and (max-width: 768px) {
  .fh5co-spacer-xs {
    height: 20px; } }

.fh5co-spacer-xxs {
  height: 20px; }

@media screen and (max-width: 480px) {
  .col-xxs-12 {
    float: none;
    width: 100%; } }

.fh5co-mb30 {
  margin-bottom: 30px; }

.fh5co-row-padded {
  padding: 10px 0; }

.owl-carousel .owl-controls, .owl-carousel-posts .owl-controls {
  margin-top: 0; }

@media screen and (max-width: 768px) {
  .owl-carousel .owl-controls .owl-nav {
    display: none; } }

.owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel-posts .owl-controls .owl-nav .owl-next, .owl-carousel-posts .owl-controls .owl-nav .owl-prev {
  top: 50%;
  margin-top: -29px;
  z-index: 9999;
  position: absolute;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s; }

.owl-carousel-posts .owl-controls .owl-nav .owl-next, .owl-carousel-posts .owl-controls .owl-nav .owl-prev {
  top: 24%; }

.owl-carousel .owl-controls .owl-nav .owl-next {
  left: 0;
  left: -70px;
  margin-top: -60px; }
.owl-carousel .owl-controls .owl-nav .owl-next:hover {
  margin-top: -65px; }
.owl-carousel .owl-controls .owl-nav .owl-next:hover i:before {
  color: #FBB040; }

.owl-carousel .owl-controls .owl-nav .owl-prev {
  left: -70px;
  margin-top: 0px; }
.owl-carousel .owl-controls .owl-nav .owl-prev:hover {
  margin-top: 5px; }
.owl-carousel .owl-controls .owl-nav .owl-prev:hover i:before {
  color: #FBB040; }

.owl-carousel-posts .owl-controls .owl-nav .owl-next i, .owl-carousel-posts .owl-controls .owl-nav .owl-prev i, .owl-carousel-fullwidth .owl-controls .owl-nav .owl-next i, .owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev i {
  color: #444; }
.owl-carousel-posts .owl-controls .owl-nav .owl-next:hover i, .owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover i, .owl-carousel-fullwidth .owl-controls .owl-nav .owl-next:hover i, .owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev:hover i {
  color: #000; }

.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next i, .owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev i {
  color: #fff; }
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next:hover i, .owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev:hover i {
  color: #fff; }

@media screen and (max-width: 768px) {
  .owl-theme .owl-controls .owl-nav {
    display: none; } }

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
  background: none !important; }
.owl-theme .owl-controls .owl-nav [class*="owl-"] i {
  font-size: 30px; }
.owl-theme .owl-controls .owl-nav [class*="owl-"] i:hover, .owl-theme .owl-controls .owl-nav [class*="owl-"] i:focus {
  background: none !important; }
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover, .owl-theme .owl-controls .owl-nav [class*="owl-"]:focus {
  background: none !important; }

.owl-theme .owl-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center; }

.owl-carousel-fullwidth.owl-theme .owl-dots {
  bottom: 0;
  margin-bottom: 2.5em; }

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.4);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  border: 2px solid transparent; }
.owl-theme .owl-dots .owl-dot span:hover {
  background: none;
  background: white; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: white;
  border: 2px solid transparent; }

.owl-carousel-fullwidth .item, .owl-carousel-fullwidth .fh5co-owl-text-wrap {
  height: 5px;
  display: table;
  width: 100%; }
.owl-carousel-fullwidth .item {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top left;
  position: relative; }
.owl-carousel-fullwidth .item .fh5co-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: .3;
  z-index: 8; }
.owl-carousel-fullwidth .item img {
  max-width: 100%; }
.owl-carousel-fullwidth .item .fh5co-owl-text {
  display: table-cell;
  vertical-align: middle;
  z-index: 10;
  position: relative; }
.owl-carousel-fullwidth .item .fh5co-owl-text a {
  color: white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.owl-carousel-fullwidth .item .fh5co-owl-text a:hover {
  text-decoration: none;
  color: white;
  border-bottom: 1px solid white; }
.owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-lead, .owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-sub-lead {
  color: #fff;
  margin: 0;
  padding: 0;
  font-weight: 100; }
.owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-lead {
  font-weight: 300;
  margin-bottom: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Montserrat", arial, sans-serif; }
.owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-sub-lead {
  font-size: 30px;
  line-height: 42px;
  font-weight: 100;
  font-family: "Roboto", arial, sans-serif; }

.js .to-animate {
  opacity: 0; }

.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1; }

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0; }

/* Image Alignment */
img.fh5co-align-right {
  float: right;
  margin: 0 0 .5em 1em; }
@media screen and (max-width: 480px) {
  img.fh5co-align-right {
    width: 100%;
    margin: 0 0 .5em 0; } }
img.fh5co-align-left {
  float: left;
  margin: 0 1em .5em 0; }
@media screen and (max-width: 480px) {
  img.fh5co-align-left {
    width: 100%;
    margin: 0 0 .5em 0; } }
img.fh5co-align-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

a > img.fh5co-align-right {
  float: right;
  margin: 0 0 .5em 1em; }
@media screen and (max-width: 480px) {
  a > img.fh5co-align-right {
    width: 100%;
    margin: 0 0 .5em 0; } }
a > img.fh5co-align-left {
  float: left;
  margin: 0 1em .5em 0; }
@media screen and (max-width: 480px) {
  a > img.fh5co-align-left {
    width: 100%;
    margin: 0 0 .5em 0; } }
a > img.fh5co-align-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.product_box {
	float: left;
	width: 160px;
	text-align: center;
	margin: 0 10px 2px 0;
  position: relative;            /* จำเป็นเพื่อให้ badge ใช้ absolute positioning */
  display: inline-block;
}

.product_box_mosai {
	float: left;
	width: 130px;
	text-align: center;
	margin: 0 20px 2px 0;
}

/* พื้นฐาน badge */
.badge{
  position: absolute;
  top: -0px;       /* ดันขึ้นเหนือกรอบ */
  right: -3px;     /* ดันออกนอกขอบขวา */
  /*background: #ff4d4f;*/
  /*padding: 6px 10px;*/
  /*font-size: 13px;*/
  font-weight: 700;
  /*border-radius: 10px;*/
  white-space: nowrap;
  z-index: 5;       /* ให้อยู่เหนือภาพ */
}

/* แบบ pill คลาสเริ่มต้น เหมาะกับคำสั้น เช่น NEW */
.badge-new{
  background: linear-gradient(180deg,#66b2ff,#0080ff); /* ใช้สีแดงแบบไล่โทน */
  font-size: 13px;
  color: white;
  padding: 5px 8px;
  border-radius: 9px;
  letter-spacing : 1px;
}

.badge-pro{
  background: linear-gradient(180deg,#ffb266,#ff8000); /* ใช้สีแดงแบบไล่โทน */
  font-size: 16px;
  color: black;
  padding: 4px 6px;
  border-radius: 9px;
  letter-spacing : 1px;
}

.badge-hot{
  background: linear-gradient(180deg,#ff6666,#ff0000); /* ใช้สีแดงแบบไล่โทน */
  font-size: 13px;
  color: white;
  padding: 5px 8px;
  border-radius: 9px;
  letter-spacing : 1px;
}

.badge-vip{
  background: linear-gradient(180deg,#ffff99,#ffff00); /* ใช้สีแดงแบบไล่โทน */
  font-size: 16px;
  color: black;
  padding: 4px 8px;
  border-radius: 9px;
  letter-spacing : 1px;
}

/* ปรับขนาด responsive: badge เล็กลงเมื่อ card เล็ก */
@media (max-width: 360px){
  .badge{ top: -0px; right: -3px; }
  .badge-new{ font-size: 10px; padding: 5px 8px; border-radius: 9px; letter-spacing : 1px;}
  .badge-pro{ font-size: 11px; padding: 4px 6px; border-radius: 9px; letter-spacing : 1px;}
  .badge-hot{ font-size: 10px; padding: 5px 8px; border-radius: 9px; letter-spacing : 1px;}
  .badge-vip{ font-size: 11px; padding: 4px 8px; border-radius: 9px; letter-spacing : 1px;}
}

.line-btn-mobile {
  display: inline-block;
  padding: 4px;
  border-radius: 10px;

  /* พื้นหลังแบบนูนกำลังพอดี */
  background: linear-gradient(180deg, #97e98d, #f0f0f0);

  /* Drop shadow เพื่อความเด่น (เหมาะกับ Mobile) */
  box-shadow:
    0 6px 14px rgba(0,0,0,0.18), 
    inset 0 5px 0 rgba(255,255,255,0.10); /* Inner highlight ให้ดูนูน */

  border: 1px solid rgba(0,0,0,0.05);
}

/* ควบคุมรูปภาพไม่ให้ใหญ่เกิน */
.line-btn-mobile img {
  display: block;
  height: 55px;    /* ปรับได้ตามดีไซน์ */
  width: auto;
  border-radius: 10px;
}

/* กรณีผู้ใช้ "แตะ" (มือถือมี active state) */
.line-btn-mobile:active {
  box-shadow:
    0 3px 8px rgba(0,0,0,0.15),
    inset 0 2px 5px rgba(0,0,0,0.15); /* เวลาจิ้มให้ดูเหมือนยุบลงเล็กน้อย */
  transform: scale(0.97);
}

.bkk, .bkk_detail { 
	/*กราฟฟิคชมพูม่วง*/
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/background.jpg);
  /*background:url(../images/background.png);*/
	width:160px; 
	height:80px;
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:18px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}

.chonburi_bg { 
	/*กราฟฟิคชมพูม่วง*/
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/chonburi.jpg);
	width:160px; 
	height:80px;
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:18px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}

.phuket_bg { 
	/*กราฟฟิคชมพูม่วง*/
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/phuket.jpg);
	width:160px; 
	height:80px;
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:18px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
	.rayong_bg { 
	/*กราฟฟิคชมพูม่วง*/
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/rayong.jpg);
	width:160px; 
	height:80px;
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:18px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}

.bkk_pro{
	/*กราฟฟิคชมพูม่วง*/
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/background_pro.jpg);
	width:160px; 
	height:80px;
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:18px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}

.bkk8, .bkk8_detail{ 
	/*ระฆังทอง*/
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/background5.jpg);
	width:160px; 
	height:80px; 
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:18px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}

.bkk8_pro{
	/*ระฆังทอง*/
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/background5_pro.jpg);
	width:160px; 
	height:80px; 
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:18px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}

.white, .white_detail{ 
	font-family: "Angsana New";
	display:inline-block;
	/*background-color: #FFFFFF;*/
  background:url(../images/white.jpg);
	width:160px; 
	height:80px; 
	line-height:20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:18px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}

.white_pro{
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/white_pro.jpg);
	width:160px; 
	height:80px; 
	line-height:20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:18px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
.pickup, .pickup_detail{ 
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/background2.jpg);
	width:160px; 
	height:80px; 
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:18px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	/*border-color:#006600;*/
	border: 3px solid #006600;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}

.pickup_pro{
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/background2_pro.jpg);
	width:160px; 
	height:80px; 
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:18px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	/*border-color:#006600;*/
	border: 3px solid #006600;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
.van, .van_detail{ 
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/background3.jpg);
	width:160px; 
	height:80px; 
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:18px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	/*border-color:#001245;*/
	border: 3px solid #0066CC;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}

.van_pro{
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/background3_pro.jpg);
	width:160px; 
	height:80px; 
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:18px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	/*border-color:#001245;*/
	border: 3px solid #0066CC;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}

.van_wb, .van_wb_detail{ 
	font-family: "Angsana New";
	display:inline-block;
	/*background-color:#FFFFFF;*/
  background:url(../images/white.jpg);
	width:160px; 
	height:80px; 
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:18px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	/*border-color:#001245;*/
	border: 3px solid #0066CC;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}

.mosai{ 
	font-family: "Angsana New";
	display:inline-block;
	background-color: #FFFFFF;
	width:130px; 
	height:103px; 
	line-height:20px;
	background-repeat:no-repeat;  
	margin-top:10px;
	margin-bottom:25px; 
	font-size:18px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
.product_tabian{
  margin-top: 20px;
  text-align:center;
  /*font-family: "Montserrat", arial, sans-serif;
	color: #000000;
	font-size: 24px;
	font-weight: 600;*/
	font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
    text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
    font-weight:normal;
    letter-spacing:1px;
    font-size: 42px; }

.tabian_char_mosai{
  /*font-family: "Montserrat", arial, sans-serif;*/
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
    text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
    font-weight:normal;
    font-size: 50px;
	/*margin-left: 7px;*/
	margin-top: 10px;
	color: #000000;
	/*font-size: 42px;
	font-weight:bold;*/
	text-align:center;
	letter-spacing:7px;}

.tabian_number_mosai{
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
    text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
    font-weight:normal;
    font-size: 50px;
	/*margin-left: 7px;*/
	margin-top: 7px;
	color: #000000;
	/*font-size: 25px;
	font-weight: 600;*/
	text-align:center;
	letter-spacing:7px;}

.province{
  margin-top: 10px;
	color: #000000;
  /*font-family: "Montserrat", arial, sans-serif;
	font-size: 12px; 
	font-weight: 600;*/
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.3px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  letter-spacing:2px;
  font-size: 20px;}

.province_mosai{
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
    /*font-size: 58px;*/
	margin-top: 10px;
	color: #000000;
	font-size: 27px;   /*ขนาด กทม */
  letter-spacing:1.5px;
  text-align:center;
	/*font-weight: 600;*/}

.detail-sumtabien{
  font-family: "Montserrat", arial, sans-serif;
	font-weight: 550;
	float: right;
	font-size: 11px;
	color: #FFFFFF;}
	
.sumberdee{
  font-family: "Montserrat", arial, sans-serif;
	margin-top: -18px;
	float: right;
	margin-right: 5px;
	width: 20px; /* ความกว้าง */
	height: 20px; /* ความสูง */
	background: #FF0000; /* สี */
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 70px;}
	
.detail-levelsum{
  font-family: "Montserrat", arial, sans-serif;
	margin-left: 5px;
	/*padding-top:-100px;*/
	/*margin-right: 5px;*/
	font-weight: 550;
	float: left;
	font-size: 15px;
	color: #FF0000;}

.button_collapse_head{
    /*appearance: none;*/
      /*background-color: #FFFFFF;*/
    background-color: transparent; /*ไม่ใส่สีปุ่ม button */
      border-width: 0;
     box-sizing: border-box;
    font-size: 25px;
    color:#000000;
    text-transform: uppercase;
    text-decoration: underline;
    letter-spacing: 2px;
    line-height: 40px;
   margin-top: 5px;
    margin-bottom:5px;
    margin-left: -5px;
    font-weight:bold;}
  
.subsection{
    font-size: 20px;
    font-family: "Tahoma";
    font-weight: 50;
    font-weight: bold;
    line-height: 30px; 
    margin-top: 10px; }

.salecar{
	color: #888888;}

.saleemtry{
	color: #FF5050;
	font-size: 14px;}

.salepickup{
	color: #004400;}

.salevan{
	color: #000099;}

.d_block{
	clear: left;}
	
.detail-price {
	float: left;
	display: block;
	color: #000000;
	font-size: 15px;
	margin-top: 2px;
	width: 160px;
	height: 22px;
	line-height: 21px;
	font-weight: 600;
	text-align: center;	
	/*background: url(../images/detail_1.jpg);*/}

.detail-price_mosai {
  font-family: "Montserrat", arial, sans-serif;
	float: left;
	display: block;
	color: #000000;
	font-size: 15px;
	margin-top: 15px;
	width: 130px;
	height: 103px;
	line-height: 21px;
	font-weight: 600;
	text-align: center;	
	/*background: url(../images/detail_1.jpg);*/}

.detail-price .sale {
	color: #888888;}

  .santa{
    margin-left:-32px;
    margin-top: -6px;
    /*border: 3px solid #000000;*/
    width : 37px;
  }

.search {
    background: white;
    /*border: 2em #FFBDF7;*/
    border-radius: 1em;
    /*box-shadow: 0 0 1em 1em #FFBDF7;*/
	/*box-shadow: 5px 5px 10px #FFBDF7;;*/
    color: #8C8C8C;
                            
    /*padding: 2px 1px;*/
    width: 13em;
    /*outline: none;
	text-align: left;	*/
}
						
.loader {
    position: relative;
	margin: auto auto;
	margin-top:20px;
    width: 85px;
    height: 50px;
    background-repeat: no-repeat;
    background-image: linear-gradient(#808080 50px, transparent 0),
                      linear-gradient(#808080 50px, transparent 0),
                      linear-gradient(#808080 50px, transparent 0),
                      linear-gradient(#808080 50px, transparent 0),
                      linear-gradient(#808080 50px, transparent 0),
                      linear-gradient(#808080 50px, transparent 0);
    background-position: 0px center, 15px center, 30px center, 45px center, 60px center, 75px center, 90px center;
    animation: rikSpikeRoll 0.65s linear infinite alternate;
  }
@keyframes rikSpikeRoll {
  0% { background-size: 10px 3px;}
  16% { background-size: 10px 50px, 10px 3px, 10px 3px, 10px 3px, 10px 3px, 10px 3px}
  33% { background-size: 10px 30px, 10px 50px, 10px 3px, 10px 3px, 10px 3px, 10px 3px}
  50% { background-size: 10px 10px, 10px 30px, 10px 50px, 10px 3px, 10px 3px, 10px 3px}
  66% { background-size: 10px 3px, 10px 10px, 10px 30px, 10px 50px, 10px 3px, 10px 3px}
  83% { background-size: 10px 3px, 10px 3px,  10px 10px, 10px 30px, 10px 50px, 10px 3px}
  100% { background-size: 10px 3px, 10px 3px, 10px 3px,  10px 10px, 10px 30px, 10px 50px}
}
  

.block1{
	font-size: 18px; 
	line-height: 25px;
	color: #000000;
}

.sum_pic{ 
	height: 170px; 
	line-height: 40px;
	margin-top: 15px; 
	font-size: 18px;
	color: #000000;
	background: #EBEBEB;
}

.copyright1{ 
	height: 30px; 
	font-size: 18px;
	color: #000000;
	background: #512814;
  	font-family: "Tahoma";
  	font-weight: 50;
	font-family: inherit;
  	font-weight: 500;
  	line-height: 1.8;
  	color: inherit;
	text-align:center;
}

.date_index{ 
	height: 30px; 
	font-size: 18px;
	color: #606060;
	/*background: #512814;*/
  	font-family: "Tahoma";
  	font-weight: 50;
	font-family: inherit;
  	font-weight: 500;
  	line-height: 0.5;
  	color: inherit;
	text-align:center;
}


.whitetabien{ 
	height: 240px; 
	background: #feedfe;
}
	
.header-top {
	padding: 0px 0;
	font-weight: bold;
  	letter-spacing: 2px;
  	font-size: 25px;
  	font-family: "Montserrat", arial, sans-serif;
  	color: #ffffff;
	height: 20px;
	text-align: center;
}

.banner {
  display: block;
  /*margin: 0;*/
  top: 350px;
  /*font-size: 80%;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;*/
  position: fixed;
  padding: 8px 0;
  /*left: auto;*/
  /*width: 8.5em;*/
  right: 0.05em;
}

.linedown {
  display: block;
  /*margin: 0;*/
  bottom : 0;
  /*font-size: 80%;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;*/
  position: fixed;
  padding: 10px 15px;
  /*left: 0.05em;*/
  vertical-align: bottom;
  
}

a:link {
  color: #512400;
  text-decoration: none;
}

.my_float_div{
	bottom: 20px;
}

.t2y{
	width: 335px ;
	height: 235px ;
	text-align:center ;
}
.addline{
	width: 335px ;
	height: 100px ;
	text-align:center ;
	
}
.callnow{
	width: 335px ;
	height: 110px ;
	text-align:center ;
	
}


.topsearch{
  float: right;
  padding: 6px;
  margin-top: 8px;
  margin-right: 55px;
}

.desktop{
  float: right;
  padding: 6px;
  margin-top: 8px;
  margin-right: -110px;
}

.facebook{
	text-align:center ;
}

.button {
	border-color:#000000 !important ;
	background-color: #E4C7FF ;
    /*color: white;*/
    padding:  0px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
	border-radius: 12px;
	box-shadow: 0 2px 16px 0 rgba(25, 39, 41, 0.78), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.page-content {
    width: 100%;
   /* height: auto!important;*/
	height:70px;
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	background: url(../images/logo_t2y.png);
	position: relative;}
	
/*table, td, th {    
    /*border: 1px solid #000000;
    text-align: left;
}*/
/*table {
    border-collapse: collapse;
    width: 100%;
}*/

/*th, td {
	color:#000000;
	font-weight: 400;
    padding: 8px;
    text-align: left;
    /*border-bottom: 1px solid #000000;
}*/

.table_detail{
	border: 1px solid #000000;
	text-align: left;
	border-collapse: collapse;
    width: 100%;}

.table_uploadpic{
	border: 1px solid #ffffff;
	text-align: left;
	border-collapse: collapse;
    width: 100%;}
	
.table_detail_reserve{
	border: 1px solid #000000;
	text-align: left;
	border-collapse: collapse;
    width: 100%;
	background-color:#FF3333;}

.table_detail_sale{
	border: 1px solid #000000;
	text-align: left;
	border-collapse: collapse;
    width: 100%;
	background-color:#F0F0F0;}

.table_detail_sale_7d{
	border: 1px solid #000000;
	text-align: left;
	border-collapse: collapse;
    width: 100%;
	background-color:#FF9999;}
	
.table_detail_sale_14d{
	border: 1px solid #000000;
	text-align: left;
	border-collapse: collapse;
    width: 100%;
	background-color:#FF0000;}
	
.table_detail_sold{
	border: 1px solid #000000;
	text-align: left;
	border-collapse: collapse;
    width: 100%;
	background-color:#99FF99;}

.th_td_detail{
	color:#000000;
	font-weight: 400;
    padding: 8px;
    text-align: left;
	border: 1px solid #000000;
    border-bottom: 1px solid #000000;}

.img_aisumtabien{
	/*color:#000000;*/
	width:45%;
	/*font-weight: 400;
    padding: 8px;*/
    text-align:right;}

.text_aisumtabien{
	/*color:#000000;*/
	width:55%;
	font-weight: 400;
    padding: 8px;
    text-align: left;}

.cus_re_detail{
	color:#000000;
	font-weight: 400;
    padding: 8px;
    text-align: center;
	border: 1px solid #000000;
    border-bottom: 1px solid #000000;}

.headtable{
	font-size:18px;
	color:#000000;
	font-weight: 700;
	text-align:center;}

.subtable{
	color:#000000;
	font-weight: 700;}
	
.table_navbottom{
	/*border-collapse: collapse;*/
    width: 100%;}

.table_navbottom_line{
    width: 40%;}

.table_navbottom_tel{
    width: 25%;}

.nav_bottom_line{
	/*float: left;*/
  	width: auto;
    height: auto;
	text-align:center;
	color:#FFFFFF;}

.social_bottom{
  opacity: 0;
  /*transform: translateY(20px);*/
  transition: opacity 0.6s ease, transform 0.6s ease;
  transform: none; /* ป้องกันขยับตอนหาย */
}
.social_bottom.show {
  opacity: 1;
  transform: translateY(0);
}

/*css ลูกศรขึ้นลง*/
/* ปุ่มเลื่อน */
.scroll-btn {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
  position: fixed;
  /*right: 20px;
  bottom: 35px;
  display: flex;
  flex-direction: column;
  gap: 10px;*/
  z-index: 9999;
}

.scroll-btn.show {
  opacity: 1;
  pointer-events: auto;
}

.scroll-btn button {
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 50%;
  background: #000;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.scroll-btn button:hover {
  background: #333;
}

/* ตัวอย่าง section */
section {
  /*height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  border-bottom: 1px solid #ccc;*/
}
/*css ลูกศรขึ้นลง*/

.searchtabien {
  table-layout: fixed;
	/*border: 1px solid red;*/
  /*position: relative;*/
  display:block;
  width:100%;
  /*position: absolute;  */
	background: hsl(10, 1%, 86%); /*background search*/
  z-index: 1;
	/*background-color: #FFFF00;*/
}

.filter-bar {
  background: #f4f4f4;
  border-radius: 8px;
  padding: 6px 8px;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Toggle button + badge */
.filter-toggle{
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px 6px;
  border-radius: 12px;
  background: linear-gradient(180deg,#ff6b6b,#e04b4b);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  border: none;
  box-shadow: 0 2px 4px rgba(0,0,0,0.15);
  cursor: pointer;
}

.filter-toggle-wrapper {
  display: flex;
  /*justify-content: flex-start; */  /* ชิดซ้าย */
  justify-content: flex-end;  /*ชิดขวา */
}
.filter-count{
  display: inline-block;
  min-width: 22px;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  text-align: center;
  background: rgba(255,255,255,0.95);
  color: #e04b4b;
  border-radius: 999px;
  padding: 0 6px;
  font-weight: 800;
}
.hide{ display:none !important; } /* ถ้าโปรเจคมีคลาส hide อยู่แล้ว ให้คอมเมนต์บรรทัดนี้ */

.sticky_search {
  position: sticky;
  /*position: -webkit-sticky;*/
  top:50px;
  /*animation: mymove 1s infinite;*/
  animation-name: mymove;
  animation-duration: 3s;  
  animation-delay: 0.5s;
  animation-fill-mode: both;
  z-index:50;
  /*position: fixed;*/
  /*padding: 5px;
  background-color: #cae8ca;
  border: 2px solid #4CAF50;*/
}

@keyframes mymove {
  from {top: 0px;}
  to {top: 50px;}
}

.searchaisum {
	/*border: 1px solid red;*/
  	width:100%;
	/*background: hsl(10, 1%, 86%); /*background search*/
	/*background-color: #FAFAFA;*/
	background-color: #FFFFEC;
}

.searchtabien_cs {
	/*border: 1px solid red;*/
  	width:100%;
	/*background: hsl(10, 1%, 86%); /*background search*/
	/*background-color: #FFFFFF;*/
}

.searchtabien_bank {
	/*border: 1px solid red;*/
  	width:100%;
	/*background: hsl(10, 1%, 86%); /*background search*/
	background-color :#EBEBEB ;
}
	
.table_searchtabien{
  /*table-layout: fixed;*/
	border-collapse: collapse;
    width: 90%;
	margin: auto;
	/*border: 1px solid red;*/}

.table_searchtabien_cs{
	border-collapse: collapse;
    width: 90%;
	margin: auto;
	/*padding-top: 20px;*/
	/*border: 1px solid black;*/
	/*align-items: center;
  	text-align: center;*/}

.head_searchtabien{
	font-size: 28px;/*32*/
	color:#000000;
	text-shadow: 2px 2px 4px #808080;
	padding-top:3px;/*10*/
  	text-transform: uppercase;
  	letter-spacing: 2px;
  	line-height: 40px; 
	text-align:center;
}

.head_aisumtabien{
	font-size: 20px;/*32*/
	color:#000000;
	/*text-shadow: 2px 2px 4px #808080;*/
	padding-top:3px;/*10*/
  	text-transform: uppercase;
  	letter-spacing: 2px;
  	line-height: 40px; 
	text-align:center;
}

.head_searchtabien_cs{
	/*font-size: 25px;
	color:#000000;*/
	/*padding-bottom:10px;
	text-shadow: 2px 2px 4px #808080;
	/*margin-top:-20px;
  	text-transform: uppercase;
  	letter-spacing: 2px;
  	line-height: 40px; */
	text-align:center;
}

.char_front, .num_tabien{
  /*position: fixed;*/
	width: 95%;
  /*z-index:0;*/
  /*position: absolute;*/
	margin-top:10px; /*7*/
	/*padding-top:1px;*/
	padding-left: 10px;
	height: 50px;
  box-sizing: border-box;
  	/*border: 2px solid #ccc;*/
	border: 4px solid #606060;
  border-radius: 5px;
  background-color: #f8f8f8;
  font-size: 40px;
	font-weight: bold;
	color:#000000;
  /*outline: none;*/
  	/*padding: 12px 20px 12px 40px;*/
}

.char_front_cs, .num_tabien_cs{
	width: 95%;
	box-sizing: border-box;
	height: 40px;
	border: 4px solid #606060;
  	border-radius: 8px;
  	background-color: #f8f8f8;
  	font-size: 35px;
	font-weight: bold;
	color:#000000;
}

.front_add_cs{
	width: 95%;
	box-sizing: border-box;
	height: 35px;
	border: 2px solid #606060;
  	border-radius: 8px;
  	background-color: #f8f8f8;
  	font-size: 20px;
	font-weight: bold;
	color:#000000;
}

.login_user_form{
	width: 100%;
	box-sizing: border-box;
	height: 35px;
	border: 1px solid #C0C0C0;
  	border-radius: 4px;
  	background-color: #ffffff;
  	font-size: 15px;
	/*font-weight: bold;*/
	color:#000000;
}

.login_pass_form{
  position: relative;
	width: 100%;
	height: 35px;
  font-size: 15px;
	color:#000000;
	margin-top:15px;
}

.login_pass_form input {
  width: 100%;
  height: 35px;
  padding-right: 35px; /* กันพื้นที่ให้ไอคอนอยู่ในช่อง */
  box-sizing:border-box;
  /*border: 0px;*/
  border-radius: 4px;
  border: 1px solid #C0C0C0;
	/*border-style: solid solid solid solid ;*/
}

.login_pass_form i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #888;
}

.login_pass_check{
	width:100%;
	/*box-sizing: border-box;*/
	height: 35px;
	border: 1px solid #C0C0C0;
	border-style: none;
  	border-radius: 2px;
  	background-color: #ffffff;
  	/*font-size: 15px;*/
	/*margin-left:-5px;*/
	margin-top:15px;
	/*font-weight: bold;*/
	/*color:#000000;*/
}

.sortdata, .sortsum, .sorttabien{
	width: 95%;
	margin:auto;
	margin-top:8px;
 	padding-top:1px;
	/*padding-bottom:5px;*/
 	padding-left: 7px;
	height: 45px;
  	/*box-sizing: border-box*/
  	/*border: 2px solid #ccc;*/
	border: 4px solid #606060;
  	border-radius: 5px;
  	background-color: #00000;
  	font-size: 16px;
	color:#000000;
  	/*padding: 12px 20px 12px 40px;*/	
}

.sortdata_select, .sortsum_select, .sorttabien_select{
	width: 95%;
	margin:auto;
	margin-top:8px;
 	padding-top:1px;
	/*padding-bottom:5px;*/
 	padding-left: 7px;
	height: 45px;
  	/*box-sizing: border-box*/
  	/*border: 2px solid #ccc;*/
	border: 4px solid #606060;
  	border-radius: 5px;
  	background-color: #FFFFCC;
  	font-size: 16px;
	color:#000000;
}

.sort_type{
	width: 100%;
	margin-top:5px;
	margin-bottom:10px;
 	padding-top:1px;
	/*padding-bottom:5px;*/
 	padding-left: 7px;
	height: 45px;
  	/*box-sizing: border-box*/
  	/*border: 2px solid #ccc;*/
	border: 4px solid #606060;
  	border-radius: 5px;
  	background-color: #00000;
  	font-size: 16px;
	color:#000000;}

.sorttabien, .sorttabien_select{
	width: 97.5%;}

.char_front:focus, .num_tabien:focus, .sortdata:focus, .sortsum:focus, .sorttabien:focus{
	background-color: #F8EFFF;
  
  /*box-sizing: border-box;*/
  /*margin: auto;*/
  /*display: inline-block;*/
}
	
.button_searchtabien{
	width: 97.5%;
	margin:auto;
	margin-top:8px;
	margin-bottom:10px;
 	padding: 5px 10px;
  	box-sizing: border-box;
  	/*border: 2px solid #ccc;*/
	border: 4px solid #000000;
  	border-radius: 5px;
  	/*background-color: #E4C7FF;*/
    /*background-image: -moz-radial-gradient(center,ellipse cover,#FFFFFF ,#C581FF);
    background-image: -webkit-radial-gradient(center,ellipse cover,#FFFFFF ,#C581FF);*/
    /*background-image: -moz-radial-gradient(center,ellipse closest-corner,#cc99ff ,#f8f0ff );
    background-image: -webkit-radial-gradient(center,ellipse closest-corner,#cc99ff ,#f8f0ff );*/
    /*background-image: -moz-radial-gradient(center,ellipse closest-corner,#e0e0e0,#ffff00 ,#ff0000 );
    background-image: -webkit-radial-gradient(center,ellipse closest-corner,#e0e0e0 ,#ffff00,#ff0000 );*/
    background: -webkit-linear-gradient(#c0c0c0,#DAAEFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#c0c0c0,#DAAEFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#c0c0c0,#DAAEFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#c0c0c0,#DAAEFF); /* Standard syntax */
  	font-size: 25px;
	color:#000000;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
	display: flex;
	justify-content: center;
	align-items: center;
	
}

.button_searchtabienhigh{
	width: 97.5%;
	margin:auto;
	margin-top:8px;
	/*margin-bottom:10px;*/
 	padding: 3px 10px;
  	box-sizing: border-box;
  	/*border: 2px solid #ccc;*/
	border: 4px solid #000000;
  	border-radius: 5px;
  	background-color: #C0C0C0;
	/*background: hsl(10, 1%, 86%); /*background search*/
  	font-size: 19px;
	font-style: italic;
	color:#000000;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
  	transition-duration: 0.4s;
	display: flex;
	justify-content: center;
	align-items: center;
	
}

.button_searchtabien_cs{
	width: 50%;
	margin:auto;
	/*margin-top:8px;*/
	height:35px;
 	/*padding: 5px 10px;*/
  	box-sizing: border-box;
  	/*border: 2px solid #ccc;*/
	border: 4px solid #000000;
  	border-radius: 10px;
  	background-color: #DCEEFF;
  	font-size: 20px;
	color:#000000;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
  	transition-duration: 0.4s;
	display: flex;
	justify-content: center;
	align-items: center;
	
}

.button_cusreserve{
	width: 80%;
	margin:auto;
	/*margin-top:8px;*/
	height:35px;
 	/*padding: 5px 10px;*/
  	box-sizing: border-box;
  	/*border: 2px solid #ccc;*/
	border: 4px solid #000000;
  	border-radius: 10px;
  	background-color: #1AC91A;
  	font-size: 20px;
	text-decoration: none;
	color:#000000;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
  	transition-duration: 0.4s;
	display: flex;
	justify-content: center;
	align-items: center;
	
}

.button_searchtabien_sale{
	width: 50%;
	margin:auto;
	/*margin-top:8px;*/
	height:35px;
 	/*padding: 5px 10px;*/
  	box-sizing: border-box;
  	/*border: 2px solid #ccc;*/
	border: 4px solid #000000;
  	border-radius: 10px;
  	background-color: #FFE4FA;
  	font-size: 20px;
	color:#000000;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
  	transition-duration: 0.4s;
	display: flex;
	justify-content: center;
	align-items: center;
}


.button_img_cs{
	width: 100%;
	margin:auto;
	/*margin-top:8px;*/
	height:25px;
 	/*padding: 5px 10px;*/
  	box-sizing: border-box;
  	/*border: 2px solid #ccc;*/
	/*border: 1px solid #000000;*/
  	border-radius: 5px;
  	/*background-color: #DCEEFF;*/
  	font-size: 15px;
	/*color:#000000;*/
	cursor: pointer;
	/*-webkit-transition-duration: 0.4s; /* Safari */
  	/*transition-duration: 0.4s;*/
	display: flex;
	/*justify-content: center;
	align-items: center;*/
	
}

.button_searchtabien:hover{
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}

.show_search{
	border-bottom: 3px dashed #202020;
	margin-bottom:20px;
}
.aisum_search{
    /*background-color: #FFFFEC;*/
}

.btnSearchClose, .tabienSearchClose, .fileSearchClose, .deletelogClose, .userSearchClose, .userreserveClose, .aisearchsumclosed{
	width: 50%;
	margin:auto;
	margin-top:8px;
 	padding: 3px 10px;
  	box-sizing: border-box;
  	/*border: 2px solid #ccc;*/
	border: 4px solid #000000;
  	border-radius: 5px;
  	background-color: #FF9999;
  	font-size: 25px;
	color:#000000;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
  	transition-duration: 0.4s;
	display: flex;
	justify-content: center;
	align-items: center;
}

.btnSearchClose_cs, .btnSearchClose_cs1{
	width: 50%;
	margin:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:8px;
 	padding: 3px 10px;
  	box-sizing: border-box;
  	/*border: 2px solid #ccc;*/
	border: 4px solid #000000;
  	border-radius: 10px;
  	background-color: #FF9999;
  	font-size: 15px;
	color:#000000;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
  	transition-duration: 0.4s;
	/*display: flex;
	justify-content: center;*/
	align-items: center;
}

.cross_searchtabien{
	/*margin-left:17px;*/
	font-size: 30px;
	color:#000000;
	text-shadow: 2px 2px 4px #808080;
	padding-top:2px;
	padding-bottom:5px;
  	text-transform: uppercase;
  	letter-spacing: 2px;
  	line-height: 40px; 
	text-align:center;
}

.cross_table{
	width: 45%;
	margin:auto;
	/*border: 1px solid #000000;*/
	/*border: solid;*/
  	/*border-right-style: solid;
 	border-bottom-style: solid;
  	border-left-style: solid;*/
  /*border-radius: 12px;*/
	padding: 5px 10px;
	margin-bottom:10px;
	/*border-collapse: collapse;*/
    }
	
.cross_head{
	font-size:25px;
	padding-top:10px;
	/*padding-left:25px;*/
  letter-spacing: 2px;
	padding-bottom:5px;
	color:#000000;
	font-weight: 700;
	text-align:center;
	/*text-decoration:underline;*/
	display: flex;
 	justify-content: center;}

.cross_telline{
	padding-top:2px;
	/*padding-left:50px;*/
	padding-bottom:5px;
	display: flex;
 	justify-content: center;}
	
.show_searchtabien{
	margin-left:17px;
	font-size: 30px;
	color:#000000;
	text-shadow: 2px 2px 4px #808080;
	padding-top:5px; /*10*/
  	text-transform: uppercase;
  	letter-spacing: 2px;
  	line-height: 20px;  /*40*/
	/*text-align:center;*/
}

.image_resize_detail {
	margin-left: -5px;
	float:left;
	width: 250px ;
	height: auto ;
	text-align:center ;}

.reservetable{
	font-size:30px;
	letter-spacing: 3px;
	color:#000000;
	font-weight: 700;
	
	text-align:center;
	/*text-decoration:blink;
	text-shadow: 5px 5px 5px white;*/
	font-weight: bold;
  }
	
.detailtabien {
 /*margin-left: 13%;
  margin-right: -10px;*/
  margin-bottom:auto;
  display: flex;
 justify-content: center;
  /*padding: 50px;*/}
 
 /*.detailtabien:hover{
  transition: all 15s;
  transform: rotateY(-360deg);}*/
  
  .product_box_detail {
  	float: left;
	text-align: center;
	margin: 0 10px 2px 0
	/*width: 200px;*/
	margin-bottom:-1px;
	/*margin-right:2%;*/}
	
  .bkk_detail{ 
	width:250px; 
	height:130px;}

  .bkk8_detail{ 
	width:250px; 
	height:130px;}

  .white_detail{ 
	width:250px; 
	height:130px;}
	
  .pickup_detail{ 
	width:250px; 
	height:130px;}
	
  .van_detail{ 
	width:250px; 
	height:130px;}

  .van_wb_detail{ 
	width:250px; 
	height:130px;}
	
   .detail-levelsum_detail{
   	margin-top: 4px;
	margin-left:3px;
	font-size: 20px;
	font-weight: 550;
	float: left;
	color: #FF0000;}
	
  .product_tabian_detail {
    margin-top: 45px;
	/*font-size: 52px;*/
	font-size: 50px;
	color: #000000;
	font-weight: 600;
	text-align:center;}

  .province_detail {
	margin-top: 32px;
	color: #000000;
	font-size: 20px;   /*ขนาด กทม */
	font-weight: 600;}
	
  .sumberdee_detail{
  	float:right;
	margin-top: -30px;
	margin-right: 10px;
	width: 28px; /* ความกว้าง */
	height: 28px; /* ความสูง */
	background: #FF0000; /* สี */
	/*-moz-border-radius: 80px;
	-webkit-border-radius: 80px;*/
	border-radius: 80px;
	font-size: 18px;
	padding-top:4px;
	font-weight: 550;
	text-align:center;}
	
.nav_bottom{
  /*overflow: hidden;*/
  /*background-color: #333;*/
  /*position: absolute; */
  /*z-index: 9999;*/
  z-index: 1000; 
  position: fixed;
  bottom: 0px;
  width: 100%;
}

.nav_right{
    /*overflow: hidden;*/
    /*border: 2px solid #606060;*/
    right: 10px;
    /*background-color: #333;*/
    /*position: absolute;*/ 
    position: fixed;
    bottom:160px;
    width: auto;
    z-index: 1;
  }

/*.nav_bottom li{
list-style:none;
display:inline-block;
text-align:center;
border-left:1px solid #ff0000;
font-size:18px;
padding: 10px 40px;
}

.nav_bottom li a{
color:#FFFFFF;
text-decoration:none;}*/

/*.tabien{
margin-left:38px;
   margin-right:25px;
  display: flex;
  flex-direction:row;
  flex-wrap:wrap;
  /*justify-content:space-around;*/
/* right:10%;*/
 /*transform: translate(-50%, -50%);*/
 	/*position: relative;
 	margin-left: 50px;
 	margin-right: 10px; }*/
	
#nav_brand,
#nav_brand_tel,
#nav_line_id{
    opacity:0;
    transition:opacity .35s ease;
    pointer-events:none;
}

#nav_brand.nav-visible,
#nav_brand_tel.nav-visible,
#nav_line_id.nav-visible{
    opacity:1;
    pointer-events:auto;
}

#search_sticky_button{
    opacity: 0;
    transform: translateY(-30px); /* ขยับขึ้นไป 30px */
    transition: opacity 1s ease, transform 1s ease;
    pointer-events: none;
}

#search_sticky_button.show{
		opacity: 1;
    transform: translateY(0); /* เลื่อนลงมาในตำแหน่งปกติ */
    pointer-events: auto;
}

.table_dbd{
    width: 100%;
	/*border: 2px solid #606060;*/}
	
.table1_dbd{
    width: 100%;
	/*margin:auto;*/
	/*border: 2px solid #606060;*/}

.table_show{
    width: 100%;
   	/*border: 2px solid #606060;*/
	text-align:center;
	/*display: flex;
	justify-content: center;
	align-items: center;*/}

.image_td{
	width:80%;
	/*margin-top:10px;*/
	text-align:center;
}
	
.image_dbd {
	/*margin-left: -5px;*/
	/*float:left;*/
	display: block;
	margin-top:10px;   
   margin-right: auto; 
   margin-left: auto;
	width: 100% ;
	height: auto ;}

.map_dbd{
	display: block;
	margin-top:10px;   
   margin-right: auto; 
   margin-left: auto;
	width: 100% ;
	height: 300px ;
}

.customer_dbd{
	display: block;
	width: 95%;
	height: auto;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;}
	/*cursor: pointer;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;*/
	
/*.customer_dbd:hover {
    	transform: scale(2);
	}  */

.customer_all{
	/*border: 1px solid #000000;*/
	text-align:center;
	}

.customer_dbd_all{
	/*border: 1px solid #000000;*/
	margin-top:5px;
	width:100px;
	height:133px;
	/*display: flex;
  	flex-direction:row;
  	flex-wrap:wrap;
  	justify-content:flex-start;
	/*height:auto;*/
	position:relative;
	margin-bottom:5px;
    margin-left:1.5%;
    /*float: left;*/
	}

	.customer_dbd_watermark {
        position: absolute;
		width:100px;
		height:133px;
		/*margin-top:5px;*/
        color: blue;
        font-size: 15px;
        /*margin-bottom:5px;
    	margin-left:1.5%;*/
        text-align: center;
        font-weight: bold;
		/*margin-top:-100%;    
        width: 100%;    */
        pointer-events: none;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);  
    } 

.subsection_dbd{
  font-size: 20px;
  font-family: "Tahoma";
  font-weight: 50;
  line-height: 30px; 
  margin-top: 2px; 
  color:#606060;}   
  
.image_dbd_promotion {
	/*margin-left: -5px;*/
	/*float:left;*/
	display: block;
	margin-top:20px;   
   margin-right: auto; 
   margin-left: auto;
	width: 100% ;
	height: auto ;}
  
.sumtabien{
	width: 100%;
	margin-top:7px;
	/*padding-top:1px;*/
	padding-left: 10px;
	height: 45px;
  	box-sizing: border-box;
  	/*border: 2px solid #ccc;*/
	border: 2px solid #606060;
  	border-radius: 7px;
  	background-color: #f8f8f8;
  	font-size: 40px;
	font-weight: bold;
	color:#000000;
  	/*padding: 12px 20px 12px 40px;*/
}

.button_sumtabien{
	width: 85%;
	margin:auto;
	margin-top:8px;
 	padding: 5px 10px;
  	box-sizing: border-box;
  	/*border: 2px solid #ccc;*/
	border: 2px solid #000000;
  	border-radius: 7px;
  	background-color: #009A00;
  	font-size: 18px;
	color:#ffffff;
	/*cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari
  	transition-duration: 0.4s;*/
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2);
	box-shadow: 0 5px 20px rgba(0,0,0,.2);
}

.sumtabien_box {
	/*border: 3px solid black;*/
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	margin-bottom: 15px;
}

.pic_sumtabien{
	width:100%;
	display:block;
	background:url(../images/sumtabien1.png);
	background-size: cover;
	width:320px; 
	height:318px;
	margin-left:auto;
	margin-right:auto;
	/*border: 3px solid black;*/
  	padding: -2px;
	filter :drop-shadow(2px 2px 2px #606060);
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);*/
}

.show_tabien_sumtabien{
	display:block;
	width:320px; 
	height:318px;
	margin-left:auto;
	margin-right:auto;
	padding-top:95px;
	padding-left:3px;
	/*border: 3px solid black;*/
	/*font-family: "Angsana New";*/
	font-family: "Arial";
	text-align:center;
	font-weight:550;
	/*float: left;*/
	font-size: 32px;
	color: #000000;
}

.show_tabien_sumtabien_shadow{
	text-shadow: 1px 1px 2px pink;
	/*text-shadow: 1px 1px 2px #606060;*/
}

.show_text_sumtabien{
	padding-top:25px;
	padding-left:3px;
	/*border: 3px solid black;*/
	font-family: "Arial";
	text-align:center;
	font-weight:550;
	/*float: left;*/
	font-size: 18px;
	color: #ff0000;
}

.show_sum_sumtabien{
	padding-top:20px;
	padding-left:3px;
	/*border: 3px solid black;*/
	font-family: "Arial";
	text-align:center;
	font-weight:550;
	/*float: left;*/
	font-size: 45px;
	color: #0000ff;
}

.show_sum_sumtabien_shadow{
	text-shadow: 1px 1px 2px #606060;
}

.show_sumtext{
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 25px;
	color: #000000;
	text-align:center;
	font-weight: bold;
}

.show_level_sum{
	/*margin-left:auto;
	margin-right:auto;*/
	padding-top:5px;
	padding-bottom:5px;
	font-size: 18px;
	color: #ff0000;
	/*text-align:center;*/
	font-weight: bold;
}
.sum2{
	display: block;
	/*margin-top:10px;   */
   margin-right: auto; 
   margin-left: auto;
	width: 100% ;
	height: auto ;}
	
.youtube_tabien{
	display: block;
	/*margin-top:10px;   */
   margin-right: auto; 
   margin-left: auto;
	width: 100% ;
	/*height: auto ;*/}

.plate{
	display: block;
	/*margin-top:10px;   */
   margin-right: auto; 
   margin-left: auto;
	width: 50% ;
	height: auto ;}
	
.link_pdf{
	/*margin-top:10px;   */
   margin-right: auto; 
   margin-left: auto;
   text-align:center;
   font-size:16px;
   color:#000000;
   font-weight:bold;}

.button_alltabien, .button_alltabien1{
	display: block;
	margin-top: 15px;
	margin-bottom:15px;
   	margin-right: auto; 
   	margin-left: auto;
	border: 2px solid #000000;
  	border-radius: 7px;
  	background-color: #C0C0C0;
  	font-size: 18px;
	color:#000000;
	padding: 5px 10px;
  	box-sizing: border-box;
	-webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2);
	box-shadow: 0 5px 20px rgba(0,0,0,.2);
}

.reserve_date{
	/*margin-left:auto;
	margin-right:auto;*/
	padding-top:5px;
	padding-bottom:5px;
	font-size: 18px;
	color:#606060;
	/*text-align:center;*/
	font-weight: bold;
}

.reserve_pdf{
	display: block;
	margin-top:10px;   
   margin-right: auto; 
   margin-left: auto;
	width: 100% ;
	height: 500px ;
}

.subsection_document_head{
  font-size: 24px;
  font-family: "Tahoma";
  font-weight: 50;
  line-height: 35px; 
  margin-top: 3px; 
  margin-left:7px;
  padding-bottom:20px;
  color:#000000;
  text-decoration:underline;} 
  
.subsection_document{
  font-size: 22px;
  font-family: "Tahoma";
  font-weight: 50;
  margin-left:7px;
  line-height: 30px; 
  margin-top: 3px; 
  color:#000000;}  
  
.image_pen, .image_question{
	margin-left: -5px;
	float:left;
	display: block;
	/*margin-top:10px;  */ 
   	margin-right: auto; 
   	margin-left: auto;
	width: 30px;
	height: auto ;}

.button_collapse_question{
/*appearance: none;*/
  	background-color: #FFFFFF;
  	border-width: 0;
 	box-sizing: border-box;
	font-size: 20px;
	color:#000000;
  	/*text-transform: uppercase;*/
  	text-decoration: underline;
  	letter-spacing: 1px;
  	line-height: 40px;
  	/*margin-top: 1px;*/
  	margin-bottom:5px;
  	/*padding-left: 10px;*/
	/*padding-top:35px;*/
 	font-weight:bold;
	float:left;
	text-align:left;
  	/*text-align:center;*/}

.other_border{
	width:97%;
	border: 2px solid #000000;
	margin-left:auto;
	margin-right:auto;}

.other_bag{
	display: block;
	width: 95%;
	height: auto;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;}

.other_bag_detail, .other_bag_size, .other_bag_price{
	display: block;
	width: 95%;
	height: auto;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	font-size: 18px;
	color:#000000;}

.other_bag_detail{
	font-weight:bold;}

.other_bag_size{
	margin-top:-10px;
	font-size: 15px;}
	
.other_bag_price{
	margin-top:-10px;
	font-size: 17px;}

.button_buy{
	  align-items: center;
	  display: block;
	  margin-left:auto;
	  margin-right:auto;
	  margin-bottom:10px;
	  /*appearance: none;*/
	  background-image: radial-gradient(100% 100% at 100% 0, #5adaff 0, #5468ff 100%);
	  border: 0;
	  border-radius: 6px;
	  box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
	  box-sizing: border-box;
	  color: #000000;
	  cursor: pointer;
	  width:122px;;
	  height: 36px;
	  justify-content: center;
	  line-height: 1;
	  list-style: none;
	  overflow: hidden;
	  padding-left: 22px;
	  padding-right: 20px;
	  padding-top:10px;
	  position: relative;
	  text-align: left;
	  text-decoration: none;
	  font-size: 18px;
	  font-weight:bold;}
	
.subsection_question{
  font-size: 20px;
  font-family: "Tahoma";
  font-weight: 50;
  line-height: 30px; 
  margin-top: 10px; 
  color : #000000;
  font-style:italic;}
 
.button_collapse{
	/*appearance: none;*/
  	background-color: #FAFAFA;
  	border-width: 0;
 	box-sizing: border-box;
	/*font-size: 20px;*/
	color:#000000;
  	/*text-transform: uppercase;*/
  	text-decoration: underline;
  	/*letter-spacing: 1px;*/
  	/*line-height: 40px;*/
  	/*margin-top: 1px;*/
  /*margin-bottom:5px;*/
  	margin-left: -5px;
  	/*font-weight:bold; */
  	/*text-align:center;*/}

  .menushow {
    visibility: hidden;
    display: none;
  }

  .menumobile_show {
    visibility: visible;
  }

  .button_office{
    background-color:rgba(255, 0, 0, 0);
    position: absolute;
    display:block;
    border:none;
    margin-top:-90px;
    z-index:1; 
    padding: 25px 75px;
  }

  .font_style_positionno{
    font-weight:bold;
    margin-top:10px;
    font-size:25px;
    text-shadow: 2px 2px 5px #AEAEAE;
    letter-spacing:1px;
    color: #000000;
    background-color: #97e98d ;
  }

  .font_style_position{
    font-weight:bold;
    margin-top:10px;
    font-size:25px;
    text-shadow: 2px 2px 5px #AEAEAE;
    letter-spacing:1px;
    color: #000000;
    background-color: #14c300 ;
  }

  .font_style_borrow{
    font-weight:bold;
    margin-top:10px;
    font-size:25px;
    text-shadow: 2px 2px 5px #AEAEAE;
    letter-spacing:1px;
    color: #000000;
    background-color: #ffff00 ;
  }

  .font_style_out{
    font-weight:bold;
    margin-top:10px;
    font-size:25px;
    text-shadow: 2px 2px 5px #AEAEAE;
    letter-spacing:1px;
    color: #000000;
    background-color:#FF9999;
  }

@media only screen and (max-device-width: 359px){
/*============================================================================== 
Galaxy Fold
================================================================================ */
/*.dropdownsection {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 250px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

.dropdownsection:hover .dropdown-content {
  display: block;
}*/

h1 {
  font-size: 29px;}
  
 .fh5co-section-lead11 {
 /*ค้นหาทะเบียน*/
  margin-top : 5px;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 30px; }
  
  .head-section {
  font-size: 20px;
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 1px;
  line-height: 40px;
  margin-top: 10px;
  margin-left: 15px; 
  /*text-align:center;*/}

  .navbar_head_tel{
    background: linear-gradient(to right, #a0a0a0, #c0c0c0 , #ffffff);
     background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-weight:bold;
    /*font-size: 20px;*/
    margin-left:-25px;
    }
  
  .button_collapse_head{
	/*appearance: none;*/
  	/*background-color: #FFFFFF;*/
	background-color: transparent; /*ไม่ใส่สีปุ่ม button */
  	border-width: 0;
 	box-sizing: border-box;
	font-size: 20px;
	color:#000000;
  	text-transform: uppercase;
  	text-decoration: underline;
  	letter-spacing: 1px;
  	line-height: 40px;
  	/*margin-top: 1px;*/
  margin-bottom:5px;
  margin-left: -5px;
  font-weight:bold; 
  	text-align:center;}
	
	
.btn_show {
  width:92%;
  margin-left::auto;
  margin-right:auto;
  font-weight: normal;
  align-items: center;
  text-align: center;
  cursor: pointer;
  border: 2px solid #000000;
  background-color:#FFCCE5;
  color:#000000;
  font-size: 14px;
  border-radius: 12px;}
  
   .subsection{
  font-size: 15px;
  font-family: "Tahoma";
  font-weight: 50;
  line-height: 30px; 
  font-weight: bold;
  margin-top: 10px; }
  
   .tabien{
	  margin-left:10%;
   	margin-right:-0.1%;
    /*margin: auto;*/
  	display: flex;
  	flex-direction:row;
  	flex-wrap:wrap;
  	/*justify-content:space-between;*/
  	/*justify-content:space-around;
 	margin-left: 50px;
 	margin-right: 10px; */}
	
   .wrapper{
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .wrapper::-webkit-scrollbar{
    width:0;
  }
  
  .tabienslide{
  min-width: 300px;
	margin-left:3%;
  margin-right:-4%;
  /*margin: auto;*/
  	/*display: flex;
  	/*flex-direction:row;*/
  	flex-wrap:wrap;
  	/*justify-content:space-between;*/
    /*border: 3px solid #ff0000;*/
 }

  .tabienslideend{
    min-width: 300px;
    /*margin-left:-1%;*/
    flex-wrap:wrap;
    /*border: 3px solid #ff0000;*/
  }
  
  .icon_pic_office{
   	margin-top: -5px;
	  margin-left:3px;
    float: left;
    font-size:10px;}

	.tabien_mosai{
	margin-left:10%;
   	margin-right:3%;
  	display: flex;
  	flex-direction:row;
  	flex-wrap:wrap;
  	justify-content:space-between;}
	
	@media only screen and (min-width: 350px) and (max-width: 359px){
	.tabien{
	margin-left:12%;
   	margin-right:10%;}
	}
  
  	.product_box {
	width: 125px;
	margin-bottom:-5px;}

	.product_box_mosai {
	width: 100px;
	margin-bottom:-5px;}
	
	.mosai{ 
	/*font-family: "Angsana New";*/
	display:inline-block;
	background-color: #FFFFFF;
	width:100px; 
	height:79px; 
	line-height:20px;
	background-repeat:no-repeat;  
	margin-top:10px;
	margin-bottom:25px; 
	font-size:18px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
	.bkk{
	/*กราฟฟิคชมพูม่วง*/
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/background.jpg);
	width:125px; 
	height:70px;
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:17px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
	.chonburi_bg {
	/*กราฟฟิคชมพูม่วง*/
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/chonburi.jpg);
	width:125px; 
	height:70px;
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:17px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
	.phuket_bg {
	/*กราฟฟิคชมพูม่วง*/
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/phuket.jpg);
	width:125px; 
	height:70px;
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:17px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
	.rayong_bg {
	/*กราฟฟิคชมพูม่วง*/
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/rayong.jpg);
	width:125px; 
	height:70px;
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:17px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
  .bkk_pro{
	/*กราฟฟิคชมพูม่วง*/
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/background_pro_fold.jpg);
	width:125px; 
	height:70px;
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:17px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
	.bkk8{
	/*ระฆังทอง*/
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/background5.jpg);
	width:125px; 
	height:70px;
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:17px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
	.bkk8_pro{
	/*ระฆังทอง*/
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/background5_pro_fold.jpg);
	width:125px; 
	height:70px;
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:17px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
	.white{
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/white.jpg);
	width:125px; 
	height:70px;
	line-height:20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:17px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
	.white_pro{
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/white_pro_fold.jpg);
	width:125px; 
	height:70px;
	line-height:20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:17px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
	.pickup{
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/background2.jpg);
	width:125px; 
	height:70px; 
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:17px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	/*border-color:#006600;*/
	border: 3px solid #006600;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
	.pickup_pro{
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/background2_pro_fold.jpg);
	width:125px; 
	height:70px; 
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:17px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	/*border-color:#006600;*/
	border: 3px solid #006600;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
	.van{
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/background3.jpg);
	width:125px; 
	height:70px; 
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:17px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	/*border-color:#001245;*/
	border: 3px solid #0066CC;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
	.van_pro{
	font-family: "Angsana New";
	display:inline-block;
	background:url(../images/background3_pro_fold.jpg);
	width:125px; 
	height:70px; 
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:17px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	/*border-color:#001245;*/
	border: 3px solid #0066CC;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
	.van_wb{ 
	font-family: "Angsana New";
	display:inline-block;
	background-color:#FFFFFF;
	width:125px; 
	height:70px; 
	line-height: 20px;
	background-repeat:no-repeat;  
	margin-top:10px; 
	font-size:18px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	/*border-color:#001245;*/
	border: 3px solid #0066CC;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
   .detail-levelsum{
    font-family: "Angsana New";
   	margin-top:-2px;
	margin-left:2px;
	font-size: 14px;}
	
  .product_tabian {
    /*font-family: "Angsana New";
	font-size: 23px;*/
  margin-top: 18px;
    font-family: "kt_smarn-tabianregular" , sans-serif;
    -webkit-text-stroke-width:0.5px;
    text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
    font-weight:normal;
    letter-spacing:1px;
    font-size: 42px; }

	.tabian_char_mosai {
   font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  font-size: 32px;
  margin-top: 6px;
	/*font-size: 25px;*/}
	
	.tabian_number_mosai {
   font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  font-size: 32px;
  margin-top: 0px;
	/*font-size: 25px;*/}

  .province {
  margin-top: 5px;  
  /*font-family: "Angsana New";
	font-size: 12px;   /*ขนาด กทม */
	font-weight: 600;*/
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.3px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  letter-spacing:2px;
  font-size: 14px;}

	.province_mosai {
   font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  /*font-size: 32px;*/
	margin-top: 2px;
	/*color: #000000;*/
	font-size: 20px;   /*ขนาด กทม */
  letter-spacing:1.5px;
	/*font-weight: 600;*/}
	
  .detail-sumtabien {
    font-family: "Angsana New";
	font-size: 12px;
	/*margin-top:-10px;
	padding-bottom:30px;*/}
	
  .sumberdee{
    font-family: "Angsana New";
	padding-bottom:5px;
	margin-top: -20px;
	float: right;
	margin-right: 3px;
	width: 17px; /* ความกว้าง */
	height: 17px; /* ความสูง */
	background: #FF0000; /* สี */
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 70px;}
	
  .detail-price {
	font-family: "Inter", "Kanit", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #0b0b0b;
	/*color: #000000;
	font-size: 17px;*/
	margin-top: 5px;
  margin-bottom: 8px;
	/*line-height: 21px;
	font-weight: 600;*/
	margin-left: -17px;
  font-weight: 700;
  /* ขนาดตอบสนอง: โตขึ้นบนจอใหญ่ แต่ไม่เล็กเกินบนมือถือ */
  font-size: clamp(14px, 2.0vw, 17px);
  /* ระยะบรรทัดกระทัดรัดเพื่อให้ตัวเลขดูเป็นก้อนเดียว */
  line-height: 1.05;
  /* spacing เล็กน้อยระหว่างตัวอักษร ช่วยให้ตัวเลขอ่านง่ายขึ้น */
  letter-spacing: 0.2px;
  /* ปรับแต่งการแสดงผลตัวอักษรให้คมบนหน้าจอ */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  /* subtle outline to improve contrast on busy backgrounds (fallback if supported) */
  -webkit-text-stroke: 0.35px rgba(0,0,0,0.18);
  /* กรณีพื้นหลังติดภาพมากๆ: ให้บล็อกเล็กๆ ช่วยอ่าน (ใส่ class .has-overlay เมื่อจำเป็น) */
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;}
	
	.detail-price_mosai {
    font-family: "Angsana New";
	color: #000000;
	font-size: 14px;
	margin-top: 5px;
	line-height: 21px;
	font-weight: 800;
	margin-left: -17px;}
	  
  .detail-levelsum_detail{
   	margin-top: 4px;
	margin-left:3px;
	font-size: 18px;
	font-weight: 550;
	float: left;
	color: #FF0000;}
	
  .bkk_detail, .bkk8_detail, .white_detail, .pickup_detail, .van_detail, .van_wb_detail
  { 
	/*width:280px; 
	  height:145px;*/
    width:260px; 
	  height:123px;
  }
  
  .product_tabian_detail {
  /*margin-top: 45px;*/
  margin-top: 39px;
  color: #000000;
	/*font-size: 43px;
	font-weight: 600;*/
	text-align:center;
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
    text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
    font-weight:normal;
    letter-spacing:1px;
    font-size: 98px;}

  .province_detail {
	/*margin-top: 32px;*/
  margin-top: 29px;
	color: #000000;
	/*font-size: 20px;
	font-weight: 600;*/
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.3px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  letter-spacing:2px;
  font-size: 35px;}
	
  .sumberdee_detail{
  	float:right;
	margin-top: -30px;
	margin-right: 10px;
	width: 28px; /* ความกว้าง */
	height: 28px; /* ความสูง */
	background: #FF0000; /* สี */
	/*-moz-border-radius: 80px;
	-webkit-border-radius: 80px;*/
	border-radius: 80px;
	font-size: 16px;
	padding-top:4px;
	font-weight: 550;
	text-align:center;}

  .santa{
    margin-left:-29px;
    margin-top: -6px;
    /*border: 3px solid #000000;*/
    width : 30px;
  }
  
  .image_banner {
	/*margin-top: -5px;*/
	width: 100% ;
	height: auto ;
	text-align:center ;}
	
  .button_banner{
	width: 70%;
	margin:auto;
	margin-top:8px;
 	padding: 5px 10px;
  	box-sizing: border-box;
  	/*border: 2px solid #ccc;*/
	border: 2px solid #000000;
	border-radius: 20px;
  	background-color: #CCE5FF;
  	font-size: 20px;
	color:#000000;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
  	transition-duration: 0.4s;
	display: flex;
	justify-content: center;
	align-items: center;}
	
	.image_resize {
    /*background: url(../images/logo_t2y.png);*/
	margin-top: -5px;
	width: 200px ;
	height: auto ;
	text-align:center ;}
	
	.image_resize_santaclaus {
	position: absolute;
	width: 400px ;
	height: auto ;
	text-align:center ;
	margin-top:-15px;
	/*margin-bottom:-55px;*/} 
	
	.image_tel {
	text-align:center;}
	
	.image_resize_tel {
	width:190px;}
	
	.image_line {
	margin-top: 5px;
	margin-right: 32px;
	float: right;}
	
	.image_resize_line {
	width: 175px ;}

.other_bag_detail, .other_bag_size, .other_bag_price{
	display: block;
	width: 95%;
	height: auto;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	font-size: 14px;
	color:#000000;}

.other_bag_detail{
	font-weight:bold;}

.other_bag_size{
	margin-top:-10px;
	font-size: 12px;}
	
.other_bag_price{
	margin-top:-10px;
	font-size: 13px;}
  
  .button_buy{
	  align-items: center;
	  display: block;
	  margin-left:auto;
	  margin-right:auto;
	  margin-bottom:10px;
	  /*appearance: none;*/
	  background-image: radial-gradient(100% 100% at 100% 0, #5adaff 0, #5468ff 100%);
	  border: 0;
	  border-radius: 6px;
	  box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
	  box-sizing: border-box;
	  color: #000000;
	  cursor: pointer;
	  width:100px;;
	  height: 36px;
	  justify-content: center;
	  line-height: 1;
	  list-style: none;
	  overflow: hidden;
	  padding-left: 15px;
	  padding-right: 15px;
	  padding-top:10px;
	  position: relative;
	  text-align: left;
	  text-decoration: none;
	  font-size: 14px;
	  font-weight:bold;}
	  
	.button_alltabien, .button_alltabien1{
	display: block;
	margin-top: 15px;
	margin-bottom:15px;
   	margin-right: auto; 
   	margin-left: auto;
	border: 2px solid #000000;
  	border-radius: 7px;
  	background-color: #C0C0C0;
  	font-size: 14px;
	color:#000000;
	padding: 5px 10px;
  	box-sizing: border-box;
	-webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2);
	box-shadow: 0 5px 20px rgba(0,0,0,.2);}

}

@media only screen and (min-width: 360px) and (max-width: 389px){
/*============================================================================== 
iPhone 6/7/8, SE , X
================================================================================ */
  .fh5co-section-lead11 {
 /*ค้นหาทะเบียน*/
  margin-top : 5px;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 30px; }
  
 .btn_show {
  width:90%;
  margin-left::auto;
  margin-right:auto;
  font-weight: normal;
  align-items: center;
  text-align: center;
  cursor: pointer;
  border: 2px solid #000000;
  background-color:#FFCCE5;
  color:#000000;
  font-size: 15px;
  border-radius: 12px;}
  
.head-section {
  font-size: 22px;
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 1px;
  line-height: 40px;
  margin-top: 10px; 
  text-align:center;}

  .navbar_head_tel{
    background: linear-gradient(to right, #a0a0a0, #c0c0c0 , #ffffff);
     background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-weight:bold;
    /*font-size: 20px;*/
    margin-left:-25px;
    }
  
  .button_collapse_head{
	/*appearance: none;*/
  	/*background-color: #FF0000;*/
	background-color: transparent; /*ไม่ใส่สีปุ่ม button */
  	border-width: 0;
 	box-sizing: border-box;
	font-size: 22px;
	color:#000000;
  	text-transform: uppercase;
  	text-decoration: underline;
  	letter-spacing: 1px;
 	 line-height: 40px;
  margin-bottom:5px;
  margin-left: -5px;
  font-weight:bold;
  	text-align:center;}
  
   .subsection{
  font-size: 20px;
  font-family: "Tahoma";
  font-weight: 50;
  line-height: 30px; 
  font-weight: bold;
  margin-top: 10px; }

  .wrapper{
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .wrapper::-webkit-scrollbar{
    width:0;
  }
  
  .tabienslide{
  min-width: 340px;
	margin-left:2%;
  /*margin-right:6%;*/
  /*margin: auto;*/
  	/*display: flex;
  	/*flex-direction:row;*/
  	flex-wrap:wrap;
  	/*justify-content:space-between;*/
    /*border: 3px solid #ff0000;*/
 }

  .icon_pic_office{
   	margin-top: -3px;
	  margin-left:5px;
    float: left;
  font-size:15px;}

  .tabienslideend{
    min-width: 340px;
    /*margin-left:-1%;*/
    flex-wrap:wrap;
    /*border: 3px solid #ff0000;*/
  }
  
   .tabien{
	/*margin-left:6%;
   	margin-right:3%;*/
	width : 100%;
	/*border: 1px solid red;*/
	margin:auto;
	padding-left:4%;
  	display: flex;
  	flex-direction:row;
  	flex-wrap:wrap;
  	/*justify-content:space-between;*/
	/*right:10%;
 transform: translate(-50%, -50%);
 	position: relative;
 	margin-left: 20px;
 	margin-right: -10px; */}
	
	.tabien_mosai{
	margin-left:12%;
   	margin-right:8%;
  	display: flex;
  	flex-direction:row;
  	flex-wrap:wrap;
	justify-content:space-between;}

  .santa{
    margin-left:-32px;
    margin-top: -6px;
    /*border: 3px solid #000000;*/
    width : 32px;}
	
	@media only screen and (min-width: 375px) and (max-width: 389px){
	.tabien{
	width : 100%;
	/*border: 1px solid red;*/
   	/*margin-left:5%;
	margin-right:2%;*/
	margin:auto;
	padding-left:5.9%;}

  .santa{
    margin-left:-32px;
    margin-top: -6px;
    /*border: 3px solid #000000;*/
    width : 35px;}

	}

  .product_box {
	width: 160px;
	margin-bottom:-1px;}
	
	.product_box_mosai {
	width: 130px;
	margin-bottom:-5px;}
	
	
  .bkk, .bkk_pro, .bkk8, .bkk8_pro, .white, .white_pro, .pickup, .pickup_pro, .van, .van_pro, .van_wb, .chonburi_bg, .phuket_bg, .rayong_bg{ 
	width:160px; 
	height:80px;}
	
   .detail-levelsum{
    font-family: "Angsana New";
   	margin-top: 2px;
	margin-left:3px;
	font-size: 20px;}
	
  .product_tabian {
    margin-top: 22px;
    /*font-family: "Angsana New";
	  font-size: 28px;*/
    font-family: "kt_smarn-tabianregular" , sans-serif;
    -webkit-text-stroke-width:0.5px;
    text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
    font-weight:normal;
    letter-spacing:1px;
    font-size: 52px;}
	
	.tabian_char_mosai {
   font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  font-size: 42px;
  margin-top: 12px;
	/*font-size: 30px;*/}

	.tabian_number_mosai {
   font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  font-size: 42px;
  margin-top: 8px;
	/*font-size: 30px;*/}
	
  .province {
	margin-top: 10px;
	/*color: #000000;*/
  /*font-family: "Angsana New";
	font-size: 13px;
	font-weight: 600;*/
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.3px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  letter-spacing:2px;
  font-size: 20px;}
	
	.province_mosai {
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  /*font-size: 40px;*/
	margin-top: 9px;
	/*color: #000000;*/
	font-size: 27px;   /*ขนาด กทม */
  letter-spacing:1.5px;
	/*font-weight: 600;*/
	text-align:center;}
	
  .detail-sumtabien {
    font-family: "Angsana New";
	font-size: 12px;}
	
  .sumberdee{
    font-family: "Angsana New";
	margin-top: -20px;
	float: right;
	margin-right: 5px;}
	
  .detail-price {
	font-family: "Inter", "Kanit", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #0b0b0b;
	/*color: #000000;
	font-size: 17px;*/
	margin-top: 5px;
  margin-bottom: 9px;
	/*line-height: 21px;
	font-weight: 600;*/
	margin-left: 1px;
  font-weight: 700;
  /* ขนาดตอบสนอง: โตขึ้นบนจอใหญ่ แต่ไม่เล็กเกินบนมือถือ */
  font-size: clamp(17px, 2.0vw, 19px);
  /* ระยะบรรทัดกระทัดรัดเพื่อให้ตัวเลขดูเป็นก้อนเดียว */
  line-height: 1.05;
  /* spacing เล็กน้อยระหว่างตัวอักษร ช่วยให้ตัวเลขอ่านง่ายขึ้น */
  letter-spacing: 0.2px;
  /* ปรับแต่งการแสดงผลตัวอักษรให้คมบนหน้าจอ */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  /* subtle outline to improve contrast on busy backgrounds (fallback if supported) */
  -webkit-text-stroke: 0.35px rgba(0,0,0,0.18);
  /* กรณีพื้นหลังติดภาพมากๆ: ให้บล็อกเล็กๆ ช่วยอ่าน (ใส่ class .has-overlay เมื่อจำเป็น) */
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;}
	
	.detail-price_mosai {
    font-family: "Angsana New";
	color: #000000;
	font-size: 17px;
	margin-top: 15px;
	line-height: 21px;
	font-weight: 600;
	margin-left: 1px;}
	
	.mosai{ 
	font-family: "Angsana New";
	display:inline-block;
	background-color: #FFFFFF;
	width:130px; 
	height:103px; 
	line-height:20px;
	background-repeat:no-repeat;  
	margin-top:10px;
	margin-bottom:30px; 
	font-size:18px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
	.image_banner {
	width: 100% ;
	height: auto ;
	text-align:center ;}
	
	.button_banner{
	width: 60%;
	margin:auto;
	margin-top:8px;
 	padding: 5px 10px;
  	box-sizing: border-box;
  	/*border: 2px solid #ccc;*/
	border: 2px solid #000000;
	border-radius: 20px;
  	background-color: #CCE5FF;
  	font-size: 20px;
	color:#000000;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
  	transition-duration: 0.4s;
	display: flex;
	justify-content: center;
	align-items: center;} 
	
	.image_resize {
    /*background: url(../images/logo_t2y.png);*/
	margin-top: -5px;
	width: 200px ;
	height: auto ;
	text-align:center ;}
	
	.image_resize_santaclaus {
	position: absolute;
	width: 400px ;
	height: auto ;
	text-align:center ;
	margin-top:-15px;
	/*margin-bottom:-55px;*/} 
	
	.image_tel {
	margin-top:-5px;
	margin-left: -2px;
	float: left;}
	
	.image_resize_tel {
	width:155px;}
	
	.image_line {
	margin-top:-5px;
	margin-right: -3px;
	float: right;}
	
	.image_resize_line {
	width: 161px ;}
	
	/*.detailtabien {
  margin-left: 13%;
  margin-right: -10px;
  margin-bottom:auto;
  /*padding: 50px;
  }
 
 .detailtabien:hover{
  transition: all 15s;
  transform: rotateY(-360deg);}*/
  
  .detail-levelsum_detail{
   	margin-top: 4px;
	margin-left:3px;
	font-size: 20px;
	font-weight: 550;
	float: left;
	color: #FF0000;}
	
  .bkk_detail, .bkk8_detail, .white_detail, .pickup_detail, .van_detail, .van_wb_detail
  { 
	/*width:280px; 
	  height:145px;*/
    width:260px; 
	  height:123px;
  }
  
  .product_tabian_detail {
  /*margin-top: 45px;*/
  margin-top: 38px;
  color: #000000;
	/*font-size: 43px;
	font-weight: 600;*/
	text-align:center;
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
    text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
    font-weight:normal;
    letter-spacing:1px;
    font-size: 98px;}

  .province_detail {
	/*margin-top: 32px;*/
  margin-top: 29px;
	color: #000000;
	/*font-size: 20px;
	font-weight: 600;*/
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.3px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  letter-spacing:2px;
  font-size: 35px;}
	
  .sumberdee_detail{
  	float:right;
	margin-top: -30px;
	margin-right: 10px;
	width: 28px; /* ความกว้าง */
	height: 28px; /* ความสูง */
	background: #FF0000; /* สี */
	/*-moz-border-radius: 80px;
	-webkit-border-radius: 80px;*/
	border-radius: 80px;
	font-size: 17px;
	padding-top:4px;
	font-weight: 550;
	text-align:center;}
 
}

@media only screen and (min-width: 390px) and (max-width: 427px) {
/*============================================================================== 
iPhone XR , 12Pro , Pixel5 , 6/7/8 Plus ,Ip14 Pro
================================================================================ */
  .fh5co-section-lead11 {
 /*ค้นหาทะเบียน*/
  margin-top : 5px;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 30px; }

  .navbar_head_tel{
    background: linear-gradient(to right, #a0a0a0, #c0c0c0 , #ffffff);
     background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-weight:bold;
    /*font-size: 20px;*/
    margin-left:-20px;
    }
  
 .btn_show {
  width:92%;
  margin-left::auto;
  margin-right:auto;
  font-weight: normal;
  align-items: center;
  text-align: center;
  cursor: pointer;
  border: 2px solid #000000;
  background-color:#FFCCE5;
  color:#000000;
  font-size: 15px;
  border-radius: 12px;}

.dropdownsection:hover .dropdown-content {
  display: block;
}*/

.head-section {
  font-size: 22px;
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 1px;
  line-height: 40px;
  margin-top: 10px; 
  margin-left:15px;
  /*text-align:center;*/}
  
  .button_collapse_head{
	/*appearance: none;*/
  	/*background-color: #FFFFFF;*/
	background-color: transparent; /*ไม่ใส่สีปุ่ม button */
  	border-width: 0;
 	box-sizing: border-box;
	font-size: 22px;
	color:#000000;
	  text-transform: uppercase;
	  text-decoration: underline;
	  letter-spacing: 1px;
	  line-height: 40px;
  margin-bottom:5px;
  margin-left: -5px;
  font-weight:bold;
	  text-align:center;}
  
   .subsection{
  font-size: 20px;
  font-family: "Tahoma";
  font-weight: 50;
  font-weight: bold;
  line-height: 30px; 
  margin-top: 10px; }
  
  .wrapper{
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .wrapper::-webkit-scrollbar{
    width:0;
  }
  
  .tabienslide{
  min-width: 340px;
	margin-left:5%;
  /*margin-right:6%;*/
  /*margin: auto;*/
  	/*display: flex;
  	/*flex-direction:row;*/
  	flex-wrap:wrap;
  	/*justify-content:space-between;*/
    /*border: 3px solid #ff0000;*/
 }

  .tabienslideend{
    min-width: 340px;
    /*margin-left:-1%;*/
    flex-wrap:wrap;
    /*border: 3px solid #ff0000;*/
  }

   .tabien{
    min-width: 340px;
	  margin-left:8%;
   	/*margin-right:4%;
  	display: flex;
  	flex-direction:row;*/
  	flex-wrap:wrap;
  	/*justify-content:space-between;*/
	/*right:10%;
 transform: translate(-50%, -50%);
 	position: relative;
 	/*margin-left: 28px;
 	margin-right: -10px; */}
	
	.tabien_mosai{
	margin-left:12%;
   	margin-right:8%;
  	display: flex;
  	flex-direction:row;
  	flex-wrap:wrap;
	justify-content:space-between;}

  .santa{
    /*390*400*/
    margin-left:-32px;
    margin-top: -6px;
    /*border: 3px solid #000000;*/
    width : 35px;}

	@media only screen and (min-width: 401px) and (max-width: 427px){
	.tabien{
	  /*margin-left:9%;
   	margin-right:6%;*/
   margin-left:9%;
   	/*margin-right:5%;*/}

  .santa{
    /*margin-left:-20px;
    margin-top: -6px;
    border: 3px solid #000000;*/
    width : 38px;}
	}
  
  .product_box {
	width: 160px;
	margin-bottom:-1px;}
	
	.product_box_mosai {
	width: 130px;
	margin-bottom:-5px;}
	
  .bkk, .bkk_pro, .bkk8, .bkk8_pro, .white, .white_pro, .pickup, .pickup_pro, .van, .van_pro, .van_wb, .chonburi_bg, .phuket_bg, .rayong_bg{ 
	width:160px; 
	height:80px;}
	
   .detail-levelsum{
    font-family: "Angsana New";
   	margin-top: 2px;
	margin-left:3px;
	font-size: 20px;}

  .icon_pic_office{
   	margin-top: -3px;
	  margin-left:5px;
    float: left;
  font-size:15px;}
	
  .product_tabian {
    margin-top: 22px;
	/*font-size: 30px;*/
  /*font-family: "Angsana New";
  font-size: 30px;*/
    font-family: "kt_smarn-tabianregular" , sans-serif;
    /*text-shadow: -1px -1px 1px #d6d6d6, 1px 1px 1px #525252;*/
    -webkit-text-stroke-width:0.5px;
    text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
    font-weight:normal;
    /*-webkit-text-stroke:#000000;*/
    font-variant:normal;
    letter-spacing:1px;
    /*font-size: 55px;*/
    font-size: 57px; }
	
	.tabian_char_mosai {
   font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  font-size: 48px;
  margin-top: 10px;
	/*font-size: 30px;*/}
	
	.tabian_number_mosai {
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  font-size: 48px;
  margin-top: 8px;
	/*font-size: 30px;*/}

  .province {
	margin-top: 10px;
	/*color: #000000;*/
	/*font-size: 15px;   /*ขนาด กทม */
  /*font-family: "Angsana New";
  font-size: 13px;
	font-weight: 600;*/
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.3px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  letter-spacing:2px;
  font-size: 22px;}
	
	.province_mosai {
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  /*font-size: 45px;*/
	margin-top: 9px;
	/*color: #000000;*/
	font-size: 27px;   /*ขนาด กทม */
  letter-spacing:1.5px;
	/*font-weight: 600;*/
	text-align:center;}
	
	.mosai{ 
	font-family: "Angsana New";
	display:inline-block;
	background-color: #FFFFFF;
	width:130px; 
	height:103px; 
	line-height:20px;
	background-repeat:no-repeat;  
	margin-top:10px;
	margin-bottom:30px; 
	font-size:18px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
  .detail-sumtabien {
    font-family: "Angsana New";
	font-size: 12px;}
	
  .sumberdee{
    font-family: "Angsana New";
	margin-top: -20px;
	float: right;
	margin-right: 5px;}
	
  .detail-price {
	font-family: "Inter", "Kanit", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #0b0b0b;
	/*color: #000000;
	font-size: 17px;*/
	margin-top: 5px;
  margin-bottom: 8px;
	/*line-height: 21px;
	font-weight: 600;*/
	margin-left: 1px;
  font-weight: 700;
  /* ขนาดตอบสนอง: โตขึ้นบนจอใหญ่ แต่ไม่เล็กเกินบนมือถือ */
  font-size: clamp(17px, 2.0vw, 19px);
  /* ระยะบรรทัดกระทัดรัดเพื่อให้ตัวเลขดูเป็นก้อนเดียว */
  line-height: 1.05;
  /* spacing เล็กน้อยระหว่างตัวอักษร ช่วยให้ตัวเลขอ่านง่ายขึ้น */
  letter-spacing: 0.2px;
  /* ปรับแต่งการแสดงผลตัวอักษรให้คมบนหน้าจอ */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  /* subtle outline to improve contrast on busy backgrounds (fallback if supported) */
  -webkit-text-stroke: 0.35px rgba(0,0,0,0.18);
  /* กรณีพื้นหลังติดภาพมากๆ: ให้บล็อกเล็กๆ ช่วยอ่าน (ใส่ class .has-overlay เมื่อจำเป็น) */
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;}
	
	.detail-price_mosai {
    font-family: "Angsana New";
	color: #000000;
	font-size: 17px;
	margin-top: 15px;
	line-height: 21px;
	font-weight: 600;
	margin-left: 1px;}
	
	.image_banner {
	width: 100% ;
	height: auto ;
	text-align:center ;}
	
	.button_banner{
	width: 60%;
	margin:auto;
	margin-top:8px;
 	padding: 5px 10px;
  	box-sizing: border-box;
  	/*border: 2px solid #ccc;*/
	border: 2px solid #000000;
	border-radius: 20px;
  	background-color: #CCE5FF;
  	font-size: 20px;
	color:#000000;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
  	transition-duration: 0.4s;
	display: flex;
	justify-content: center;
	align-items: center;}
	
	.image_resize {
    margin-top: -5px;
	width: 250px ;
	height: auto ;
	text-align:center ;}
	
	.image_resize_santaclaus {
	position: absolute;
	width: 450px ;
	height: auto ;
	text-align:center ;
	margin-top:-15px;
	/*margin-bottom:-55px;*/} 
	
	.image_tel {
	margin-left: 0px;
	float: left;}
	
	.image_resize_tel {
	width: 172px ;}
	
	.image_line {
	margin-right: -3px;
	float: right;}
	
	.image_resize_line {
	width: 180px ;}
	
	/*.detailtabien {
  margin-left: 8%;
  margin-right: -10px;
  margin-bottom:auto;
  /*padding: 50px;
  }
 
 .detailtabien:hover{
  transition: all 15s;
  transform: rotateY(-360deg);}*/
  
  .detail-levelsum_detail{
   	margin-top: 4px;
	margin-left:3px;
	font-size: 20px;
	font-weight: 550;
	float: left;
	color: #FF0000;}

  .bkk_detail, .bkk8_detail, .white_detail, .pickup_detail, .van_detail, .van_wb_detail
  { 
	/*width:280px; 
	  height:145px;*/
    width:260px; 
	  height:123px;
  }
	
  .product_tabian_detail {
  /*margin-top: 45px;*/
  margin-top: 38px;
  color: #000000;
	/*font-size: 43px;
	font-weight: 600;*/
	text-align:center;
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
    text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
    font-weight:normal;
    letter-spacing:1px;
    font-size: 98px;}

  .province_detail {
	/*margin-top: 32px;*/
  margin-top: 29px;
	color: #000000;
	/*font-size: 20px;
	font-weight: 600;*/
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.3px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  letter-spacing:2px;
  font-size: 35px;}
	
  .sumberdee_detail{
  	float:right;
	margin-top: -30px;
	margin-right: 10px;
	width: 28px; /* ความกว้าง */
	height: 28px; /* ความสูง */
	background: #FF0000; /* สี */
	/*-moz-border-radius: 80px;
	-webkit-border-radius: 80px;*/
	border-radius: 80px;
	font-size: 17px;
	padding-top:4px;
	font-weight: 550;
	text-align:center;}
 
}


@media only screen and (min-width: 428px) and (max-width: 500px){
/*============================================================================== 
12Promax , Iphone16
================================================================================ */
  .fh5co-section-lead11 {
 /*ค้นหาทะเบียน*/
  margin-top : 5px;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 30px; }

  .btn_show {
  width:92%;
  margin-left::auto;
  margin-right:auto;
  font-weight: normal;
  align-items: center;
  text-align: center;
  cursor: pointer;
  border: 2px solid #000000;
  background-color:#FFCCE5;
  color:#000000;
  font-size: 15.5px;
  border-radius: 14px;}

.head-section {
  font-size: 22px;
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 1px;
  line-height: 40px;
  margin-top: 10px; 
  margin-left:15px;
  /*text-align:center;*/}
  
  .button_collapse_head{
	/*appearance: none;*/
  	/*background-color: #FFFFFF;*/
	background-color: transparent; /*ไม่ใส่สีปุ่ม button */
  	border-width: 0;
 	box-sizing: border-box;
	font-size: 22px;
	color:#000000;
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 1px;
  line-height: 40px;
  margin-bottom:5px;
  margin-left: -5px;
  font-weight:bold;
  text-align:center;}
  
   .subsection{
  font-size: 25px;
  font-family: "Tahoma";
  font-weight:100;
  font-weight: bold;
  line-height: 30px; 
  margin-top: 10px; }

  .wrapper{
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .wrapper::-webkit-scrollbar{
    width:0;
  }
  
  .tabienslide{
  min-width: 370px;
	margin-left:5%;
  /*margin-right:6%;*/
  /*margin: auto;*/
  	/*display: flex;
  	/*flex-direction:row;*/
  	flex-wrap:wrap;
  	/*justify-content:space-between;*/
    /*border: 3px solid #ff0000;*/
 }

 .tabienslideend{
  min-width: 370px;
	/*margin-left:-1%;*/
  flex-wrap:wrap;
  /*border: 3px solid #ff0000;*/
 }

 .tabien{
  min-width: 370px;
	margin-left:9%;
  /*margin-right:6%;*/
  /*display: flex;
  flex-direction:row;*/
  flex-wrap:wrap;
  /*justify-content:space-between;*/
 }

   .santa{
    margin-left:-32px;
    margin-top: -5px;
    /*border: 3px solid #000000;*/
    width : 33.5px;
  }
	
  .icon_pic_office{
   	margin-top: -3px;
	  margin-left:5px;
    float: left;
    font-size:15px;}

	.tabien_mosai{
	margin-left:15%;
   	margin-right:12%;
  	display: flex;
  	flex-direction:row;
  	flex-wrap:wrap;
	justify-content:space-between;}

  .product_box_mosai {
	width: 130px;
	margin-bottom:-5px;}
	
	 .tabien_code{
	margin-left:3.0%;
   	margin-right:-0.1%;
  	display: flex;
  	flex-direction:row;
  	flex-wrap:wrap;
  	justify-content:space-between;
  	/*justify-content:space-around;
 	margin-left: 50px;
 	margin-right: 10px; */}
	
	@media only screen and (min-width: 450px) and (max-width: 500px){
	.tabien{
	margin-left:11%;
   	margin-right:8%;}
	}
  
  .product_box {
  /*text-align: center;
  margin: auto;*/
	width: 170px;
	/*margin-bottom:1px;*/
	/*margin-right:2%*/}
	
  .bkk, .bkk_pro, .bkk8, .bkk8_pro, .white, .white_pro, .pickup, .pickup_pro, .van, .van_pro, .van_wb, .chonburi_bg, .phuket_bg, .rayong_bg{ 
	width:170px; 
	height:85px;}
	
   .detail-levelsum{
    font-family: "Angsana New";
   	margin-top: 2px;
	margin-left:3px;
	font-size: 20px;}

  .icon_pic_office{
   	margin-top: -3px;
	  margin-left:5px;
    float: left;
    font-size:15px;}
	
  .product_tabian {
    margin-top: 22px;
    /*font-family: "Angsana New";
	  font-size: 31px;*/
    font-family: "kt_smarn-tabianregular" , sans-serif;
    -webkit-text-stroke-width:0.5px;
    text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
    font-weight:normal;
    letter-spacing:1px;
    font-size: 58px; }
	
	.tabian_char_mosai {
   font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  font-size: 48px;
  margin-top: 10px;
	/*font-size: 33px;*/}
	
	.tabian_number_mosai {
   font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  font-size: 48px;
  margin-top: 13px;
	/*font-size: 33px;*/}

  .province {
	margin-top: 12px;
	/*color: #000000;*/
	/*font-size: 15px;
  font-family: "Angsana New";
	font-weight: 600;*/
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.3px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  letter-spacing:2px;
  font-size: 23px;}
	
	.province_mosai {
   font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  /*font-size: 48px;*/
	margin-top: 11px;
	/*color: #000000;*/
	font-size: 27px;   /*ขนาด กทม */
  letter-spacing:1.5px;
	/*font-weight: 600;*/
	text-align:center;}
	
	.mosai{ 
	font-family: "Angsana New";
	display:inline-block;
	background-color: #FFFFFF;
	width:140px; 
	height:111px; 
	line-height:20px;
	background-repeat:no-repeat;  
	margin-top:10px;
	margin-bottom:32px; 
	font-size:18px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
  .detail-sumtabien {
    font-family: "Angsana New";
	font-size: 14px;}
	
  .sumberdee{
    font-family: "Angsana New";
	margin-top: -20px;
	float: right;
	margin-right: 5px;}
	
  .detail-price {
	font-family: "Inter", "Kanit", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #0b0b0b;
	/*color: #000000;
	font-size: 17px;*/
	margin-top: 5px;
  margin-bottom: 9px;
	/*line-height: 21px;
	font-weight: 600;*/
	margin-left: 8px;
  font-weight: 700;
  /* ขนาดตอบสนอง: โตขึ้นบนจอใหญ่ แต่ไม่เล็กเกินบนมือถือ */
  font-size: clamp(17px, 2.0vw, 19px);
  /* ระยะบรรทัดกระทัดรัดเพื่อให้ตัวเลขดูเป็นก้อนเดียว */
  line-height: 1.05;
  /* spacing เล็กน้อยระหว่างตัวอักษร ช่วยให้ตัวเลขอ่านง่ายขึ้น */
  letter-spacing: 0.2px;
  /* ปรับแต่งการแสดงผลตัวอักษรให้คมบนหน้าจอ */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  /* subtle outline to improve contrast on busy backgrounds (fallback if supported) */
  -webkit-text-stroke: 0.35px rgba(0,0,0,0.18);
  /* กรณีพื้นหลังติดภาพมากๆ: ให้บล็อกเล็กๆ ช่วยอ่าน (ใส่ class .has-overlay เมื่อจำเป็น) */
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;}
	
	.detail-price_mosai {
    font-family: "Angsana New";
	float: left;
	display: block;
	color: #000000;
	font-size: 18px;
	margin-top: 18px;
	width: 140px;
	height: 111px;
	line-height: 21px;
	font-weight: 600;
	text-align: center;	
	/*background: url(../images/detail_1.jpg);*/}
	
	.image_banner {
	width: 100% ;
	height: auto ;
	text-align:center ;}
	
	.button_banner{
	width: 60%;
	margin:auto;
	margin-top:8px;
 	padding: 5px 10px;
  	box-sizing: border-box;
  	/*border: 2px solid #ccc;*/
	border: 2px solid #000000;
	border-radius: 20px;
  	background-color: #CCE5FF;
  	font-size: 20px;
	color:#000000;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
  	transition-duration: 0.4s;
	display: flex;
	justify-content: center;
	align-items: center;}
	
	.image_resize {
    margin-top: -5px;
	width: 250px ;
	height: auto ;
	text-align:center ;} 
	
	.image_resize_santaclaus {
	position: absolute;
	width: 450px ;
	height: auto ;
	text-align:center ;
	margin-top:-15px;
	/*margin-bottom:-55px;*/} 
	
	.image_tel {
	margin-top: -5px;
	margin-left: 0px;
	float: left;}
	
	.image_resize_tel {
	width: 172px ;}
	
	.image_line {
	margin-top: -5px;
	margin-right: -3px;
	float: right;}
	
	.image_resize_line {
	width: 180px ;}
	
	/*.detailtabien {
  margin-left: 13%;
  margin-right: -10px;
  margin-bottom:auto;
  /*padding: 50px;
  }
 
 .detailtabien:hover{
  transition: all 15s;
  transform: rotateY(-360deg);}*/
  
  .detail-levelsum_detail{
   	margin-top: 4px;
	margin-left:3px;
	font-size: 20px;
	font-weight: 550;
	float: left;
	color: #FF0000;}
	
  .bkk_detail, .bkk8_detail, .white_detail, .pickup_detail, .van_detail, .van_wb_detail
  { 
	/*width:280px; 
	  height:145px;*/
    width:260px; 
	  height:123px;
  }
  
  .product_tabian_detail {
  /*margin-top: 45px;*/
  margin-top: 38px;
  color: #000000;
	/*font-size: 43px;
	font-weight: 600;*/
	text-align:center;
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
    text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
    font-weight:normal;
    letter-spacing:1px;
    font-size: 98px;}

  .province_detail {
	/*margin-top: 32px;*/
  margin-top: 29px;
	color: #000000;
	/*font-size: 20px;
	font-weight: 600;*/
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.3px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  letter-spacing:2px;
  font-size: 35px;}
	
  .sumberdee_detail{
  	float:right;
	margin-top: -30px;
	margin-right: 10px;
	width: 28px; /* ความกว้าง */
	height: 28px; /* ความสูง */
	background: #FF0000; /* สี */
	/*-moz-border-radius: 80px;
	-webkit-border-radius: 80px;*/
	border-radius: 80px;
	font-size: 17px;
	padding-top:4px;
	font-weight: 550;
	text-align:center;}

  .navbar_head_tel{
    background: linear-gradient(to right, #a0a0a0, #c0c0c0 , #ffffff);
     background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-weight:bold;
    font-size: 20px;
    margin-left:-20px;
    }
  
}
	
@media only screen and (min-width: 501px) and (max-width: 650px){
/*============================================================================== 
Surface Duo
================================================================================ */
	.fh5co-section-lead11 {
 /*ค้นหาทะเบียน*/
  margin-top : 5px;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 30px; }
	
.head-section {
  font-size: 22px;
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 1px;
  line-height: 40px;
  margin-top: 10px; 
  /*margin-left:15px;*/
  text-align:center;}
  
  .button_collapse_head{
	/*appearance: none;*/
  	/*background-color: #FFFFFF;*/
	background-color: transparent; /*ไม่ใส่สีปุ่ม button */
  	border-width: 0;
 	box-sizing: border-box;
	font-size: 22px;
	color:#000000;
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 1px;
  line-height: 40px;
  margin-bottom:5px;
  margin-left: -5px;
  font-weight:bold;
  text-align:center;}
  
   .subsection{
  font-size: 20px;
  font-family: "Tahoma";
  font-weight: 50;
  font-weight: bold;
  line-height: 30px; 
  margin-top: 10px; }

  .navbar_head_tel{
    background: linear-gradient(to right, #a0a0a0, #c0c0c0 , #ffffff);
     background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-weight:bold;
    font-size: 20px;
    margin-left:-20px;
    }
  
  .wrapper{
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .wrapper::-webkit-scrollbar{
    width:0;
  }
  
  .tabienslide{
  min-width: 380px;
	margin-left:5%;
  /*margin-right:6%;*/
  /*margin: auto;*/
  	/*display: flex;
  	/*flex-direction:row;*/
  	flex-wrap:wrap;
  	/*justify-content:space-between;*/
    /*border: 3px solid #ff0000;*/
 }
  
  .icon_pic_office{
   	margin-top: -3px;
	  margin-left:5px;
    float: left;
    font-size:15px;}

  .tabienslideend{
    min-width: 380px;
    /*margin-left:-1%;*/
    flex-wrap:wrap;
    /*border: 3px solid #ff0000;*/
  }

	.tabien{
    min-width: 380px;
	margin-left:14%;
   	/*margin-right:10%;
  	display: flex;
  	flex-direction:row;*/
  	flex-wrap:wrap;
  	/*justify-content:space-between;*/
	/*right:10%;
 transform: translate(-50%, -50%);
 	position: relative;
 	margin-left: 70px;
 	margin-right: -10px;  */}

   .santa{
    margin-left:-40px;
    margin-top: -5px;
    /*border: 3px solid #000000;*/
    width : 37px;
  }
	
	.tabien_mosai{
	margin-left:18%;
   	margin-right:15%;
  	display: flex;
  	flex-direction:row;
  	flex-wrap:wrap;
	justify-content:space-between;}

  .product_box_mosai {
	width: 130px;
	margin-bottom:-5px;}
	
	@media only screen and (min-width: 540px) and (max-width: 599px){
	.tabien{
	margin-left:15%;
   	margin-right:12%;}
	}
	@media only screen and (min-width: 600px) and (max-width: 650px){
	.tabien{
	margin-left:19%;
   	margin-right:16%;}
	}
  
  .product_box {
	width: 170px;
	margin-bottom:-1px;
	margin-right:20px;}
	
  .bkk, .bkk_pro, .bkk8, .bkk8_pro, .white, .white_pro, .pickup, .pickup_pro, .van, .van_pro, .van_wb, .chonburi_bg, .phuket_bg, .rayong_bg{ 
	width:170px; 
	height:85px;}
	
   .detail-levelsum{
    font-family: "Angsana New";
   	margin-top: 2px;
	margin-left:3px;
	font-size: 20px;}
	
  .product_tabian {
    margin-top: 22px;
    /*font-family: "Angsana New";
	  font-size: 31px;*/
    font-family: "kt_smarn-tabianregular" , sans-serif;
    -webkit-text-stroke-width:0.5px;
    text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
    font-weight:normal;
    letter-spacing:1px;
    font-size: 57px; }
	
	.tabian_char_mosai {
   font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  font-size: 50px;
  margin-top: 13px;
	/*font-size: 33px;*/}

	.tabian_number_mosai {
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  font-size: 50px;
  margin-top: 10px;
	/*font-size: 33px;*/}

  .province {
	margin-top: 12px;
	/*color: #000000;*/
  /*font-family: "Angsana New";
	font-size: 15px; 
	font-weight: 600;*/
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.3px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  letter-spacing:2px;
  font-size: 23px;}
	
	.province_mosai {
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  /*font-size: 48px;*/
	margin-top: 11px;
	/*color: #000000;*/
	font-size: 28px;   /*ขนาด กทม */
	letter-spacing:2px;
	text-align:center;}
	
  .detail-sumtabien {
    font-family: "Angsana New";
	font-size: 14px;}
	
  .sumberdee{
    font-family: "Angsana New";
	margin-top: -20px;
	float: right;
	margin-right: 5px;}
	
  .detail-price {
	font-family: "Inter", "Kanit", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #0b0b0b;
	/*color: #000000;
	font-size: 17px;*/
	margin-top: 5px;
  margin-bottom: 8px;
	/*line-height: 21px;
	font-weight: 600;*/
	margin-left: 8px;
  font-weight: 700;
  /* ขนาดตอบสนอง: โตขึ้นบนจอใหญ่ แต่ไม่เล็กเกินบนมือถือ */
  font-size: clamp(17px, 2.0vw, 19px);
  /* ระยะบรรทัดกระทัดรัดเพื่อให้ตัวเลขดูเป็นก้อนเดียว */
  line-height: 1.05;
  /* spacing เล็กน้อยระหว่างตัวอักษร ช่วยให้ตัวเลขอ่านง่ายขึ้น */
  letter-spacing: 0.2px;
  /* ปรับแต่งการแสดงผลตัวอักษรให้คมบนหน้าจอ */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  /* subtle outline to improve contrast on busy backgrounds (fallback if supported) */
  -webkit-text-stroke: 0.35px rgba(0,0,0,0.18);
  /* กรณีพื้นหลังติดภาพมากๆ: ให้บล็อกเล็กๆ ช่วยอ่าน (ใส่ class .has-overlay เมื่อจำเป็น) */
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;}
	
	.detail-price_mosai {
    font-family: "Angsana New";
	float: left;
	display: block;
	color: #000000;
	font-size: 18px;
	margin-top: 20px;
	width: 140px;
	height: 111px;
	line-height: 21px;
	font-weight: 600;
	text-align: center;	
	/*background: url(../images/detail_1.jpg);*/}
	
	.mosai{ 
	font-family: "Angsana New";
	display:inline-block;
	background-color: #FFFFFF;
	width:140px; 
	height:111px; 
	line-height:20px;
	background-repeat:no-repeat;  
	margin-top:10px;
	margin-bottom:30px; 
	font-size:18px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
	.image_banner {
	width: 50% ;
	height: auto ;
	text-align:center ;}
	
	.button_banner{
	width: 50%;
	margin:auto;
	margin-top:8px;
 	padding: 5px 10px;
  	box-sizing: border-box;
  	/*border: 2px solid #ccc;*/
	border: 2px solid #000000;
	border-radius: 20px;
  	background-color: #CCE5FF;
  	font-size: 20px;
	color:#000000;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
  	transition-duration: 0.4s;
	display: flex;
	justify-content: center;
	align-items: center;}
	  
	.image_resize {
    /*background: url(../images/logo_t2y.png);
	margin-right: auto;
 	margin-left: auto;*/
	width: 350px ;
	height: auto ;
	text-align:center ;} 
	
	.image_resize_santaclaus {
	position: absolute;
	width: 550px ;
	height: auto ;
	text-align:center ;
	margin-top:-20px;
	/*margin-bottom:-55px;*/} 
	
	.image_tel {
	margin-left: 2px;
	/*width: 50px ;*/
	float: left;}
	
	.image_resize_tel {
	width: 220px ;}
	
	.image_line {
	margin-right: -3px;
	/*width: 50px ;*/
	float: right;}
	
	.image_resize_line {
	width: 230px ;}
	
  .bkk_detail, .bkk8_detail, .white_detail, .pickup_detail, .van_detail, .van_wb_detail
  { 
	/*width:280px; 
	  height:145px;*/
    width:270px; 
	  height:125px;
  }

  /*.bkk8_detail{ 
	width:280px; 
	height:145px;}

  .white_detail{ 
	width:280px; 
	height:145px;}
	
   .pickup_detail{ 
	width:280px; 
	height:120px;}
	
	.van_detail{ 
	width:280px; 
	height:145px;}
	
	.van_wb_detail{ 
	width:280px; 
	height:145px;}*/
	
   .detail-levelsum_detail{
   	margin-top: 5px;
	margin-left:4px;
	font-size: 21px;
	font-weight: 550;
	float: left;
	color: #FF0000;}
	
  .product_tabian_detail {
    /*margin-top: 50px;*/
    margin-top: 37px;
    color: #000000;
	  /*font-size: 45px;
	font-weight: 600;*/
	text-align:center;
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
    text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
    font-weight:normal;
    letter-spacing:1px;
    font-size: 100px; 
}

  .province_detail {
	/*margin-top: 37px;*/
  margin-top: 32px;
	color: #000000;
	/*font-size: 21px;  
	font-weight: 600;*/
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.3px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  letter-spacing:2px;
  font-size: 35px;}
	
  .sumberdee_detail{
  	float:right;
	margin-top: -29px;
	margin-right: 20px;
	width: 31px; /* ความกว้าง */
	height: 31px; /* ความสูง */
	background: #FF0000; /* สี */
	/*-moz-border-radius: 80px;
	-webkit-border-radius: 80px;*/
	border-radius: 80px;
	font-size: 20px;
	padding-top:6px;
	font-weight: 550;
	text-align:center;}

}

@media only screen and (min-width: 651px) and (max-width: 1200px){
/*============================================================================== 
samsung tab a8 แนวตั้ง
================================================================================ */
	.fh5co-section-lead11 {
 /*ค้นหาทะเบียน*/
  margin-top : 5px;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 30px; }
  
  .head-section {
  font-size: 25px;
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 2px;
  line-height: 40px;
  margin-top: 20px;
  margin-left:15px; }
  
  .button_collapse_head{
	/*appearance: none;*/
  	/*background-color: #FFFFFF;*/
	background-color: transparent; /*ไม่ใส่สีปุ่ม button */
  	border-width: 0;
 	box-sizing: border-box;
	font-size: 25px;
	color:#000000;
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 2px;
  line-height: 40px;
  margin-top: 5px;
  margin-bottom:5px;
  margin-left: -5px;
  font-weight:bold;}
  
  .subsection{
  font-size: 20px;
  font-family: "Tahoma";
  font-weight: 50;
  font-weight: bold;
  line-height: 30px; 
  margin-top: 10px; }

  .navbar_head_tel{
    background: linear-gradient(to right, #a0a0a0, #c0c0c0 , #ffffff);
     background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    font-weight:bold;
    font-size: 20px;
    margin-left:-20px;
    }
  
  .wrapper{
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .wrapper::-webkit-scrollbar{
    width:0;
  }
  
  .icon_pic_office{
   	margin-top: -3px;
	  margin-left:5px;
    float: left;
    font-size:15px;}

  .tabienslide{
  min-width: 530px;
	margin-left:5%;
  /*margin-right:6%;*/
  /*margin: auto;*/
  	/*display: flex;
  	/*flex-direction:row;*/
  	flex-wrap:wrap;
  	/*justify-content:space-between;*/
    /*border: 3px solid #ff0000;*/
 }

  .tabienslideend{
    min-width: 230px;
    /*margin-left:-1%;*/
    flex-wrap:wrap;
    /*border: 3px solid #ff0000;*/
  }

	.tabien{
	width : 85%;
	/*border: 1px solid red;*/
   	/*margin-left:5%;
	margin-right:2%;*/
	margin:auto;
	padding-left:5%;
  	display: flex;
  	flex-direction:row;
  	flex-wrap:wrap;
  	/*justify-content:center;*/
	/*align-items:center;*/
	/*right:10%;
 transform: translate(-50%, -50%);
 	position: relative;
 	margin-left: 5%;
 	margin-right: 2%;*/}

   .santa{
    margin-left:-32px;
    margin-top: -5px;
    /*border: 3px solid #000000;*/
    width : 33.5px;
  }
	
	.tabien_mosai{
	margin-left:10%;
   	margin-right:10%;
  	display: flex;
  	flex-direction:row;
  	flex-wrap:wrap;
  	justify-content:space-between;}

  .product_box_mosai {
	width: 130px;
	margin-bottom:-5px;}
	
	.table1_dbd{
    width: 80%;
	margin:auto;
	/*border: 2px solid #606060;*/}
	
	@media only screen and (min-width: 700px) and (max-width: 729px){
	.tabien{
	width : 80%;
	padding-left:4%;
	padding-right:1%;}
	}
	@media only screen and (min-width: 730px) and (max-width: 750px){
	.tabien{
	width : 80%;
	padding-left:5.5%;
	padding-right:1%;}
	}
	@media only screen and (min-width: 751px) and (max-width: 799px){
	.tabien{
	width : 100%;
	padding-left:6%;
	padding-right:1%;}
	
	
	}
	@media only screen and (min-width: 800px) and (max-width: 900px){
	.tabien{
	width : 100%;
	padding-left:5.6%;
	padding-right:1%;}

  .santa{
    margin-left:-32px;
    margin-top: -6px;
    /*border: 3px solid #000000;*/
    width : 37px;
  }

	}

	@media only screen and (min-width: 901px) and (max-width: 1100px){
	.tabien{
	width : 100%;
	padding-left:5.8%;
	padding-right:1%;}

  .navbar_head_tel{
    display: none;
    }
	
	}

	@media only screen and (min-width: 1000px) and (max-width: 1100px){
	.tabien{
	width : 90%;
	padding-left:2%;
	padding-right:1%;}

  .santa{
    margin-left:-35px;
    margin-top: -5px;
    /*border: 3px solid #000000;*/
    width : 35px;
  }

  .navbar_head_tel{
    display: none;
    }

	}
	@media only screen and (min-width: 1101px) and (max-width: 1200px){
	.tabien{
	width : 95%;
	padding-left:4.5%;
	padding-right:1%;}

  .navbar_head_tel{
    display: none;
    }

	}
  
  .product_box {
	width: 160px;
	margin-bottom:-1px;
	/*margin-right:2%;*/}
	
  .bkk, .bkk_pro, .bkk8, .bkk8_pro, .white, .white_pro, .pickup, .pickup_pro, .van, .van_pro, .van_wb, .chonburi_bg, .phuket_bg, .rayong_bg{ 
	width:160px; 
	height:80px;}
	
   .detail-levelsum{
    font-family: "Angsana New";
   	margin-top: 2px;
	margin-left:3px;
	font-size: 17px;}
	
  .product_tabian {
    margin-top: 22px;
    /*font-family: "Angsana New";
	  font-size: 28px;*/
    font-family: "kt_smarn-tabianregular" , sans-serif;
    -webkit-text-stroke-width:0.5px;
    text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
    font-weight:normal;
    letter-spacing:1px;
    font-size: 55px; }
	
	.tabian_char_mosai {
    /*font-family: "Angsana New";*/
   font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  font-size: 48px;
  margin-top: 10px;
	/*font-size: 28px;*/}

	.tabian_number_mosai {
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  font-size: 48px;
  margin-top: 8px;
	/*font-size: 28px;*/}

  .province {
	margin-top: 10px;
	color: #000000;
   /*font-family: "Angsana New";
	font-size: 13px;
	font-weight: 600;*/
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.3px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  letter-spacing:2px;
  font-size: 21px;}
	
	.province_mosai {
   font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
	margin-top: 9px;
	/*color: #000000;*/
	font-size: 25px;   /*ขนาด กทม */
	letter-spacing:2px;
	text-align:center;}
	
  .detail-sumtabien {
    font-family: "Angsana New";
	font-size: 10px;}
	
  .sumberdee{
    font-family: "Angsana New";
	margin-top: -20px;
	float: right;
	margin-right: 5px;}
	
  .detail-price {
	font-family: "Inter", "Kanit", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #0b0b0b;
	/*color: #000000;
	font-size: 16px;*/
	margin-top: 5px;
  margin-bottom: 7px;
	/*line-height: 21px;
	font-weight: 600;*/
	margin-left: 2px;
  font-weight: 700;
  /* ขนาดตอบสนอง: โตขึ้นบนจอใหญ่ แต่ไม่เล็กเกินบนมือถือ */
  font-size: clamp(16px, 2.0vw, 18px);
  /* ระยะบรรทัดกระทัดรัดเพื่อให้ตัวเลขดูเป็นก้อนเดียว */
  line-height: 1.05;
  /* spacing เล็กน้อยระหว่างตัวอักษร ช่วยให้ตัวเลขอ่านง่ายขึ้น */
  letter-spacing: 0.2px;
  /* ปรับแต่งการแสดงผลตัวอักษรให้คมบนหน้าจอ */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  /* subtle outline to improve contrast on busy backgrounds (fallback if supported) */
  -webkit-text-stroke: 0.35px rgba(0,0,0,0.18);
  /* กรณีพื้นหลังติดภาพมากๆ: ให้บล็อกเล็กๆ ช่วยอ่าน (ใส่ class .has-overlay เมื่อจำเป็น) */
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;
  }
	
	.detail-price_mosai {
    font-family: "Angsana New";
	float: left;
	display: block;
	color: #000000;
	font-size: 17px;
	margin-top: 15px;
	width: 130px;
	height: 103px;
	line-height: 21px;
	font-weight: 600;
	text-align: center;	
	/*background: url(../images/detail_1.jpg);*/}
	
	.mosai{ 
	font-family: "Angsana New";
	display:inline-block;
	background-color: #FFFFFF;
	width:130px; 
	height:103px; 
	line-height:20px;
	background-repeat:no-repeat;  
	margin-top:10px;
	margin-bottom:30px; 
	font-size:18px;
	color: #000000;
    background-size: cover;
    border-style:outset;
	border-width:2px;
	border-color:#13011A;
	border: 3px solid black;
  	border-radius: 8px;
  	padding: -2px;
	/*-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.2);
	box-shadow: 0 10px 10px rgba(0,0,0,.2);*/
	-webkit-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);
	box-shadow: 9px 9px 35px -10px rgba(0,0,0,0.57);}
	
	.image_banner {
	width: 50% ;
	height: auto ;
	text-align:center ;}
	
	.button_banner{
	width: 40%;
	margin:auto;
	margin-top:8px;
 	padding: 5px 10px;
  	box-sizing: border-box;
  	/*border: 2px solid #ccc;*/
	border: 2px solid #000000;
	border-radius: 20px;
  	background-color: #CCE5FF;
  	font-size: 20px;
	color:#000000;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
  	transition-duration: 0.4s;
	display: flex;
	justify-content: center;
	align-items: center;}
	  
	.image_resize {
    /*background: url(../images/logo_t2y.png);
	margin-right: auto;
 	margin-left: auto;*/
	width: 400px ;
	height: auto ;
	text-align:center ;} 
	
	.image_resize_santaclaus {
	position: absolute;
	width: 600px ;
	height: auto ;
	text-align:center ;
	margin-top:-20px;
	/*margin-bottom:-55px;*/} 
	
	.image_tel {
	margin-left: 1px;
	/*width: 50px ;*/
	float: left;}
	
	.image_resize_tel {
	width: 300px ;}
	
	.image_line {
	margin-right: -5px;
	/*width: 50px ;*/
	float: right;}
	
	.image_resize_line {
	width: 300px ;}
  
  .bkk_detail, .bkk8_detail, .white_detail, .pickup_detail, .van_detail, .van_wb_detail
  { 
	/*width:330px; 
	height:170px;*/
  width:320px; 
	height:150px;
  }
	
   .detail-levelsum_detail{
   	margin-top: 5px;
	margin-left:3px;
	font-size: 23px;
	font-weight: 550;
	float: left;
	color: #FF0000;}
	
  .product_tabian_detail {
    /*margin-top: 62px;*/
    margin-top: 48px;
    color: #000000;
	/*font-size: 50px;
	font-weight: 600;*/
	text-align:center;
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
    text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
    font-weight:normal;
    letter-spacing:1px;
    font-size: 125px;}

  .province_detail {
	/*margin-top: 42px;*/
  margin-top: 43px;
	color: #000000;
	/*font-size: 22px;
	font-weight: 600;*/
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.3px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  letter-spacing:2px;
  font-size: 40px;}
	
  .sumberdee_detail{
  	float:right;
	margin-top: -30px;
	margin-right: 20px;
	width: 33px; /* ความกว้าง */
	height: 33px; /* ความสูง */
	background: #FF0000; /* สี */
	/*-moz-border-radius: 80px;
	-webkit-border-radius: 80px;*/
	border-radius: 80px;
	font-size: 20px;
	padding-top:7px;
	font-weight: 550;
	text-align:center;}
	
.image_dbd_promotion {
	/*margin-left: -5px;*/
	/*float:left;*/
	display: block;
	margin-top:20px;   
   margin-right: auto; 
   margin-left: auto;
	width: 60% ;
	height: auto ;}

}

@media only screen and (min-width: 1201px)and (max-width: 1400px){
/*============================================================================== 
tablet , ipad แนวนอน
================================================================================ */
  .menushow {
      /*visibility: hidden;*/
      visibility:visible;
      display: block;
    }

    .menumobile_show {
    visibility: hidden;
    display: none;
    }	

.table_show{
    width: 40%;
   	/*border: 2px solid #606060;*/
	margin: auto;}
	
	.table1_dbd{
    width: 50%;
	margin:auto;
	/*border: 2px solid #606060;*/}
	
	.btn_show {
	 width:95%;
	 /*margin-left::auto;
	 margin-right:auto;*/
	font-weight: normal;
	text-align: center;
	cursor: pointer;
	border: 2px solid #000000;
	background-color:#FFCCE5;
  	color:#000000;
  	font-size: 16px;
  	border-radius: 12px;
  	/*display: flex;
	justify-content: center;*/
	align-items: center;}
	
	.fh5co-section-lead11 {
 /*ค้นหาทะเบียน*/
  margin-top : 5px;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 30px; }
  
  .head-section {
  font-size: 25px;
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 2px;
  line-height: 40px;
  margin-top: 20px; 
   margin-left:15px;}

.navbar-brand1,
.navbar_head_tel{
    display:block;
}
  
  .button_collapse_head{
	/*appearance: none;*/
  	/*background-color: #FFFFFF;*/
	background-color: transparent; /*ไม่ใส่สีปุ่ม button */
  	border-width: 0;
 	box-sizing: border-box;
	font-size: 25px;
	color:#000000;
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 2px;
  line-height: 40px;
  margin-top: 5px;
  margin-bottom:5px;
  margin-left: -5px;
  font-weight:bold;}
  
  .subsection{
  font-size: 20px;
  font-family: "Tahoma";
  font-weight: 50;
  font-weight: bold;
  line-height: 30px; 
  margin-top: 10px; }
  
  .wrapper{
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .wrapper::-webkit-scrollbar{
    width:0;
  }
  
  .tabienslide{
  min-width: 650px;
	margin-left:5%;
  margin-right:-10%;
  /*margin: auto;*/
  	/*display: flex;
  	/*flex-direction:row;*/
  	flex-wrap:wrap;
  	/*justify-content:space-between;*/
    /*border: 3px solid #ff0000;*/
 }

  .tabienslideend{
    min-width: 230px;
    /*margin-left:-1%;*/
    flex-wrap:wrap;
    /*border: 3px solid #ff0000;*/
  }

  .tabien{
	width : 100%;
	/*border: 1px solid red;*/
   	/*margin-left:5%;
	margin-right:2%;*/
	margin:auto;
	padding-left:4%;
  	display: flex;
  	flex-direction:row;
  	flex-wrap:wrap;
  	/*justify-content:center;*/
	/*align-items:center;*/
	/*right:10%;
 transform: translate(-50%, -50%);
 	position: relative;
 	margin-left: 50px;
 	margin-right: 10px;*/}

   .tabien_mosai{
    margin:auto;
  	display: flex;
  	flex-wrap:wrap;
	  justify-content: flex-start; /* ชิดซ้ายทุกแถว */
    gap: 10px; /* ระยะห่างระหว่างกล่อง */
    width : 95%;}
    
    .product_box_mosai {
    /*flex: 0 0 130px;*/
    width: 130px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-bottom:-5px;}
	
  .detail-levelsum{
    font-family: "Angsana New";
   	margin-top: 2px;
	margin-left:3px;
	font-size: 10px;}
 
  .icon_pic_office{
   	margin-top: -3px;
	  margin-left:5px;
    float: left;
    font-size:15px;}
	
  .product_tabian {
    /*font-family: "Angsana New", Thonburi;*/
    /*font-family: "Thonburi";*/
  margin-top: 22px;
  /*font-family: "Angsana New";
  font-size: 28px;*/
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
    text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
    font-weight:normal;
    letter-spacing:1px;
    font-size: 57px; }

  .province {
	margin-top: 8px;
	color: #000000;
  /*font-family: "Angsana New";
	font-size: 14px;
	font-weight: 600;*/
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.3px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  letter-spacing:2px;
  font-size: 23px;}
	
	/*.province_mosai {
    font-family: "Angsana New";
	margin-top: 10px;
	font-weight: 600;
	text-align:center;}*/
	
  .detail-sumtabien {
    font-family: "Angsana New";
	font-size: 10px;}
	
  .sumberdee{
	margin-top: -20px;
	float: right;
	margin-right: 5px;}
	
  .detail-price {
  font-family: "Inter", "Kanit", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #0b0b0b;
	/*color: #000000;
	font-size: 17px;*/
	margin-top: 5px;
  margin-bottom: 8px;
	/*line-height: 21px;
	font-weight: 600;*/
	margin-left: 2px;
  font-weight: 700;
  /* ขนาดตอบสนอง: โตขึ้นบนจอใหญ่ แต่ไม่เล็กเกินบนมือถือ */
  font-size: clamp(15px, 2.0vw, 17px);
  /* ระยะบรรทัดกระทัดรัดเพื่อให้ตัวเลขดูเป็นก้อนเดียว */
  line-height: 1.05;
  /* spacing เล็กน้อยระหว่างตัวอักษร ช่วยให้ตัวเลขอ่านง่ายขึ้น */
  letter-spacing: 0.2px;
  /* ปรับแต่งการแสดงผลตัวอักษรให้คมบนหน้าจอ */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  /* subtle outline to improve contrast on busy backgrounds (fallback if supported) */
  -webkit-text-stroke: 0.35px rgba(0,0,0,0.18);
  /* กรณีพื้นหลังติดภาพมากๆ: ให้บล็อกเล็กๆ ช่วยอ่าน (ใส่ class .has-overlay เมื่อจำเป็น) */
  display: inline-block;
  padding: 2px 6px;
  border-radius: 4px;
  }

  .santa{
    margin-left:-32px;
    margin-top: -6px;
    /*border: 3px solid #000000;*/
    width : 37px;
  }
	
	.image_banner {
	width: 40% ;
	height: auto ;
	text-align:center ;}
	
	.button_banner{
	width: 25%;
	margin:auto;
	margin-top:8px;
 	padding: 5px 10px;
  	box-sizing: border-box;
  	/*border: 2px solid #ccc;*/
	border: 2px solid #000000;
	border-radius: 20px;
  	background-color: #CCE5FF;
  	font-size: 20px;
	color:#000000;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
  	transition-duration: 0.4s;
	display: flex;
	justify-content: center;
	align-items: center;}
	  
	.image_resize {
    /*background: url(../images/logo_t2y.png);
	margin-right: auto;
 	margin-left: auto;*/
	width: 400px ;
	height: auto ;
	text-align:center ;} 
	
	.image_resize_santaclaus {
	position: absolute;
	width: 600px ;
	height: auto ;
	text-align:center ;
	margin-top:-20px;
	/*margin-bottom:-55px;*/} 
	
	.image_tel {
	margin-left: -5px;
	/*width: 50px ;*/
	float: left;}
	
	.image_resize_tel {
	width: 325px ;}
	
	.image_line {
	margin-right: -5px;
	/*width: 50px ;*/
	float: right;}
	
	.image_resize_line {
	width: 320px ;}

.product_box_detail {
  	float: left;
	text-align: center;
	margin: 0 10px 2px 0
	/*width: 200px;*/
	margin-bottom:-1px;
	/*margin-right:2%;*/}
	
  .bkk_detail, .bkk8_detail, .white_detail, .pickup_detail, .van_detail, .van_wb_detail
  { 
	/*width:330px; 
	height:170px;*/
  width:320px; 
	height:150px;
  }

  /*.bkk8_detail{ 
	width:350px; 
	height:180px;}

  .white_detail{ 
	width:350px; 
	height:180px;}

   .pickup_detail{ 
	width:350px; 
	height:180px;}
	
   .van_detail{ 
	width:350px; 
	height:180px;}
	
	.van_wb_detail{ 
	width:350px; 
	height:180px;}*/

   .detail-levelsum_detail{
   	margin-top: 5px;
	margin-left:4px;
	font-size: 32px;
	font-weight: 550;
	float: left;
	color: #FF0000;}
	
  .product_tabian_detail {
    /*margin-top: 62px;*/
    margin-top: 48px;
    color: #000000;
	/*font-size: 50px;
	font-weight: 600;*/
	text-align:center;
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
    text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
    font-weight:normal;
    letter-spacing:1px;
    font-size: 125px;}

  .province_detail {
	/*margin-top: 42px;*/
  margin-top: 43px;
	color: #000000;
	/*font-size: 22px;
	font-weight: 600;*/
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.3px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  letter-spacing:2px;
  font-size: 40px;}
	
  .sumberdee_detail{
  	float:right;
	margin-top: -30px;
	margin-right: 20px;
	width: 35px; /* ความกว้าง */
	height: 35px; /* ความสูง */
	background: #FF0000; /* สี */
	/*-moz-border-radius: 80px;
	-webkit-border-radius: 80px;*/
	border-radius: 80px;
	font-size: 28px;
	padding-top:7px;
	font-weight: 550;
	text-align:center;}
	
	/*.detail-sumtabien_detail {
	font-size: 40px;
	font-weight: 550;
	margin-top:-30px;
	color: #FFFFFF;}*/
	
.image_dbd_promotion {
	/*margin-left: -5px;*/
	/*float:left;*/
	display: block;
	margin-top:20px;   
   margin-right: auto; 
   margin-left: auto;
	width: 60% ;
	height: auto ;}
	
}

@media only screen and (min-width: 1401px){
  /*============================================================================== 
  
  ================================================================================ */
    .menushow {
      /*visibility: hidden;*/
      visibility:visible;
      display: block;
    }

    .menumobile_show {
    visibility: hidden;
    display: none;
    }

    .collapse_linkgroup {
    display:block;}

    .table_show{
      width: 40%;
       /*border: 2px solid #606060;*/
    margin: auto;}
    
    .table1_dbd{
      width: 50%;
    margin:auto;
    /*border: 2px solid #606060;*/}
    
    .btn_show {
     width:95%;
     /*margin-left::auto;
     margin-right:auto;*/
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    border: 2px solid #000000;
    background-color:#FFCCE5;
      color:#000000;
      font-size: 16px;
      border-radius: 12px;
      /*display: flex;
    justify-content: center;*/
    align-items: center;}
    
    .fh5co-section-lead11 {
   /*ค้นหาทะเบียน*/
    margin-top : 5px;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 30px; }
    
    .head-section {
    font-size: 25px;
    text-transform: uppercase;
    text-decoration: underline;
    letter-spacing: 2px;
    line-height: 40px;
    margin-top: 20px; 
     margin-left:15px;}
    
    .button_collapse_head{
    /*appearance: none;*/
      /*background-color: #FFFFFF;*/
    background-color: transparent; /*ไม่ใส่สีปุ่ม button */
    border-width: 0;
    box-sizing: border-box;
    font-size: 25px;
    color:#000000;
    text-transform: uppercase;
    text-decoration: underline;
    letter-spacing: 2px;
    line-height: 40px;
    margin-top: 5px;
    margin-bottom:5px;
    margin-left: -5px;
    font-weight:bold;}
    
    .subsection{
    font-size: 20px;
    font-family: "Tahoma";
    font-weight: 50;
    line-height: 30px; 
    font-weight: bold;
    margin-top: 10px; }

    .tabienslide{
      width : 100%;
      /*border: 1px solid red;*/
         /*margin-left:5%;
      margin-right:2%;*/
      margin:auto;
      padding-left:4%;
        display: flex;
        flex-direction:row;
        flex-wrap:wrap;
        /*justify-content:center;*/
      /*align-items:center;*/
      /*right:10%;
     transform: translate(-50%, -50%);
       position: relative;
       margin-left: 50px;
       margin-right: 10px;*/
   }

   .tabienslideend{
    /*width: 20%;
    /*margin-left:5%;*/
   /* justify-content:center;*/
    /*flex-wrap:wrap;*/
    /*border: 3px solid #ff0000;*/
    display:none; /*ปิดไม่ให้แสดง*/
   }
    
    .tabien{
    width : 100%;
    /*border: 1px solid red;*/
       /*margin-left:5%;
    margin-right:2%;*/
    margin:auto;
    padding-left:4%;
      display: flex;
      flex-direction:row;
      flex-wrap:wrap;
      /*justify-content:center;*/
    /*align-items:center;*/
    /*right:10%;
   transform: translate(-50%, -50%);
     position: relative;
     margin-left: 50px;
     margin-right: 10px;*/}

  .product_box {
	float: left;
	width: 160px;
	text-align: center;
	margin: 0 10px 2px 0;
  position: relative;            /* จำเป็นเพื่อให้ badge ใช้ absolute positioning */
  display: inline-block;
  /*width: 320px;                
  border-radius: 10px;
  overflow: visible;           
  font-family: "Noto Sans Thai", "Helvetica", Arial, sans-serif;*/
  }

    .tabien_mosai{
    margin:auto;
  	display: flex;
  	flex-wrap:wrap;
	  justify-content: flex-start; /* ชิดซ้ายทุกแถว */
    gap: 10px; /* ระยะห่างระหว่างกล่อง */
    width : 90%;}
    
    .product_box_mosai {
    /*flex: 0 0 130px;*/
    width: 130px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-bottom:-5px;}

    .detail-levelsum{
      font-family: "Angsana New";
       margin-top: 2px;
    margin-left:3px;
    font-size: 15px;}

  .icon_pic_office{
   	margin-top: -3px;
	  margin-left:5px;
    float: left;
    font-size:15px;}
    
    .product_tabian {
      /*font-family: "Angsana New";
      /*font-size: 40px;*/
      /*font-family: "Sarabun", sans-serif;
      font-size: 30px;*/
      font-family: "kt_smarn-tabianregular" , sans-serif;
      -webkit-text-stroke-width:0.3px;
      text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
      font-weight:normal;
      letter-spacing:1px;
      /*text-transform:uppercase;*/
      font-size: 57px;
      /*font-family: "Noto Serif Thai";*/
      margin-top: 22px;}
  
    .province {
    margin-top: 8px;
    color: #000000;  
    /*font-family: "Angsana New";
    font-size: 20px;
    font-weight: 600;*/
    font-family: "kt_smarn-tabianregular" , sans-serif;
    -webkit-text-stroke-width:0.2px;
      text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
      font-weight:normal;
      letter-spacing:2px;
      /*text-transform:uppercase;*/
      font-size: 22px;
    }
    
    /*.province_mosai {
    text-align:center;}*/
    
    .detail-sumtabien {
      font-family: "Angsana New";
    font-size: 10px;}
    
    .sumberdee{
    margin-top: -20px;
    float: right;
    margin-right: 5px;}
    
    .detail-price {
    font-family: "Inter", "Kanit", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    /*color: #000000;*/
    color: #0b0b0b;
    /*font-size: 16px;*/
    font-size: clamp(15px, 2.2vw, 17px);
    margin-top: 4px;
    margin-bottom: 6px;
    letter-spacing: 0.2px;
    /*word-spacing: 2px;*/
    line-height: 1.05;
    /*font-weight: 600;*/
    font-weight: 700;
    margin-left: 2px;
    /* ปรับแต่งการแสดงผลตัวอักษรให้คมบนหน้าจอ */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;

    /* subtle outline to improve contrast on busy backgrounds (fallback if supported) */
    -webkit-text-stroke: 0.35px rgba(0,0,0,0.18);

    /* กรณีพื้นหลังติดภาพมากๆ: ให้บล็อกเล็กๆ ช่วยอ่าน (ใส่ class .has-overlay เมื่อจำเป็น) */
    display: inline-block;
    padding: 2px 6px;
    border-radius: 4px;
    }
  
    .santa{
      margin-left:-32px;
      margin-top: -6px;
      /*border: 3px solid #000000;*/
      width : 37px;
    }
    
    .image_banner {
    width: 40% ;
    height: auto ;
    text-align:center ;}
    
    .button_banner{
    width: 25%;
    margin:auto;
    margin-top:8px;
     padding: 5px 10px;
      box-sizing: border-box;
      /*border: 2px solid #ccc;*/
    border: 2px solid #000000;
    border-radius: 20px;
      background-color: #CCE5FF;
      font-size: 20px;
    color:#000000;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
      transition-duration: 0.4s;
    display: flex;
    justify-content: center;
    align-items: center;}
      
    .image_resize {
      /*background: url(../images/logo_t2y.png);
    margin-right: auto;
     margin-left: auto;*/
    width: 400px ;
    height: auto ;
    text-align:center ;} 
    
    .image_resize_santaclaus {
    position: absolute;
    width: 600px ;
    height: auto ;
    text-align:center ;
    margin-top:-20px;
    /*margin-bottom:-55px;*/} 
    
    .image_tel {
    margin-left: -5px;
    /*width: 50px ;*/
    float: left;}
    
    .image_resize_tel {
    width: 325px ;}
    
    .image_line {
    margin-right: -5px;
    /*width: 50px ;*/
    float: right;}
    
    .image_resize_line {
    width: 320px ;}
  
  .product_box_detail {
      float: left;
    text-align: center;
    margin: 0 10px 2px 0
    /*width: 200px;*/
    margin-bottom:-1px;
    /*margin-right:2%;*/}
    
    .bkk_detail, .bkk8_detail, .white_detail, .pickup_detail, .van_detail, .van_wb_detail
    { 
    /*width:330px; 
    height:170px;*/
    width:320px; 
    height:150px;
    }

    /*.bkk_detail{ 
    width:350px; 
    height:180px;}
  
    .bkk8_detail{ 
    width:350px; 
    height:180px;}
  
    .white_detail{ 
    width:350px; 
    height:180px;}
  
     .pickup_detail{ 
    width:350px; 
    height:180px;}
    
     .van_detail{ 
    width:350px; 
    height:180px;}
    
    .van_wb_detail{ 
    width:350px; 
    height:180px;}*/
  
     .detail-levelsum_detail{
       margin-top: 5px;
    margin-left:4px;
    font-size: 32px;
    font-weight: 550;
    float: left;
    color: #FF0000;}
    
    .product_tabian_detail {
    /*margin-top: 62px;*/
    margin-top: 48px;
    color: #000000;
	/*font-size: 50px;
	font-weight: 600;*/
	text-align:center;
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.5px;
    text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
    font-weight:normal;
    letter-spacing:1px;
    font-size: 125px;}

  .province_detail {
	/*margin-top: 42px;*/
  margin-top: 43px;
	color: #000000;
	/*font-size: 22px;
	font-weight: 600;*/
  font-family: "kt_smarn-tabianregular" , sans-serif;
  -webkit-text-stroke-width:0.3px;
  text-shadow: -1px -1px 1px #e9e9e9, 1px 1px 1px #bcbcbc;
  font-weight:normal;
  letter-spacing:2px;
  font-size: 40px;}
    
    .sumberdee_detail{
      float:right;
    margin-top: -30px;
    margin-right: 20px;
    width: 35px; /* ความกว้าง */
    height: 35px; /* ความสูง */
    background: #FF0000; /* สี */
    /*-moz-border-radius: 80px;
    -webkit-border-radius: 80px;*/
    border-radius: 80px;
    font-size: 28px;
    padding-top:7px;
    font-weight: 550;
    text-align:center;}
    
    /*.detail-sumtabien_detail {
    font-size: 40px;
    font-weight: 550;
    margin-top:-30px;
    color: #FFFFFF;}*/
    
  .image_dbd_promotion {
    /*margin-left: -5px;*/
    /*float:left;*/
    display: block;
    margin-top:20px;   
     margin-right: auto; 
     margin-left: auto;
    width: 60% ;
    height: auto ;}

  .navbar_head_tel{
  background: linear-gradient(to right, #808080, #c0c0c0 , #ffffff);
   background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-weight:bold;
  margin-left:5px;
  }
    
  }