/* CSS Document */
@font-face {
    font-family: 'ThaiSansNeue-Regular';
    src: url('fonts/ThaiSansNeue-Regular.eot');
    src: url('fonts/ThaiSansNeue-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/ThaiSansNeue-Regular.woff') format('woff'),
         url('fonts/ThaiSansNeue-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* @import "_button"; */
.content_main {
  width: 100%;
  padding: 15px 0;
  float: left;
}

.content-about {
  min-height: 200px;
  padding: 10px 40px;
  font-size: 22px;
  @box-sizing ("border-box");
  color: #616161;
  margin-top: 10px;
  background: url(../images/bg-1.png) top right no-repeat;
}

.content-about p {
  margin-top: 30px;
  text-indent: 25px;
  text-align: justify;
  padding-right: 10px;
}

.content-about .img-responsive {
  margin: 0 auto;
  display: block;
}

.content-about ul {
  padding: 10px  30px;
}

.content-about ul li {
  margin: 5px 0;
  list-style-position: inside;
  color: #7B9CC8;
  font-size: 22px;
}

.content-about ul a {
  color: #616161;
}

.content-about ul strong {
  font-weight: normal;
  font-size: 26px;
  color: #008100;
}

.h1, h1 {
  font-size: 30px;
  font-weight: normal;
  width: auto;
  display: inline;
}

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

.h3, h3 {
  font-size: 20px;
  color: #5C7DAB;
  letter-spacing: 1.5px;
  font-weight: normal;
  margin: 10px 0 0 15px;
  padding-left: 10px;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
  font-size: 65%;
}

.title-1 {
  background: url(../images/icon-2.png) center left no-repeat;
  color: #008100;
  font-size: 28px;
  font-family: 'conv_kit55f-webfont';
  padding: 0 15px;
}

#map-canvas {
  height: 350px;
  width: 450px;
  margin-left: 20px;
  padding: 0px;
  box-sizing: border-box;
}

#map-canvas-2 {
  height: 200px;
  width: 173px;
  padding: 0px;
}

.page-header {
  padding-bottom: 5px;
  margin: 5px 0 5px 25px;
  font-weight: bold;
  color: #5c7dab;
  width: 95%;
  position: relative;
}

.page-header:after {
  position: absolute;
  display: table;
  display: block;
  right: -5px;
  top: 8px;
  width: 800px;
  height: 26px;
  margin-left: 5px;
  content: " ";
  background: #fff;
  background-image: url("../images/bg-header.png");
  background-position: 0  0;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.text {
  font-family: 'conv_kit55f-webfont';
  font-size: 22px;
  text-indent: 15px;
}

ul.ListItem {
  padding: 0;
  margin: 0;
  font-family: 'conv_kit55f-webfont';
}

ul.ListItem li {
  list-style-type: disc;
  list-style-position: inside;
  line-height: 25px;
  font-size: 22px;
  color: #800000;
}

ul.ListItem li span {
  color: #000;
}

ul.List-Item-Customer {
  padding: 10px 0 0 50px;
}

ul.List-Item-Customer li {
  list-style-position: inside;
  color: #000;
  padding-left: 15px;
  font-size: 22px;
  font-size: 22px;
  width: 100%;
  text-align: left;
  list-style-position: inside;
  color: #7B9CC8;
  vertical-align: top;
}

ul.List-Item-Customer li span {
  color: #000;
}

ul.List-Item-Customer li img {
  width: 100%;
  height: auto;
  padding-bottom: 5px;
}

ul.List-Item-Customer li a {
  text-decoration: none;
}

ul.contact-us {
  margin: 0px 0 30px 0;
}

ul.contact-us li {
  list-style: none;
  font-size: 22px;
  margin: 0px 0;
}

.form-content {
  width: 100%;
  margin: 0 auto;
}

form {
  font-size: 22px;
  margin-top: 10px;
}

form input {
  height: 25px;
}

form .form-group [class*='col-md-3'] {
  width: 30%;
  display: inline-block;
  vertical-align: top;
}

form .form-group [class*='col-md-9'] {
  width: 68%;
  display: inline-block;
}

form input, form textarea {
  width: 95%;
  margin: 5px 0  10px 0;
}

form input:hover, form input:focus, form input.focus, form textarea:hover, form textarea:focus, form textarea.focus {
  box-shadow: 0 0 5px #43D1AF;
}

form input[name='capchar'] {
  width: 50%;
}

form textarea {
  height: 100px;
}

form .text-theme {
  color: red;
}

form .col-* {
  width: 100%;
}

form button {
  margin: 10px 0;
  padding: 10px;
}

form i {
  font-size: 20px !important;
}

form a {
  color: #5C7DAB;
  padding: 5px 3px;
}

img {
  border: 0;
}

* {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

body {
  /*background: url(../images/bg.png) no-repeat center #bababa;*/
  background: url(../images/bg.png);
  font-family: 'ThaiSansNeue-Regular';
  font-size: 14px;
}

.cleaner {
  clear: both;
  width: 100%;
  height: 0px;
}

.h30 {
  clear: both;
  width: 100%;
  height: 30px;
}

.h20 {
  clear: both;
  width: 100%;
  height: 20px;
}

.h10 {
  clear: both;
  width: 100%;
  height: 10px;
}

.font16 {
  font-size: 16px;
}

.font18 {
  font-size: 18px;
}

.font20 {
  font-size: 20px;
}

.font24 {
  font-size: 24px;
}

.font28 {
  font-size: 28px;
}

.font32 {
  font-size: 32px;
}

.font36 {
  font-size: 36px;
}

.blue {
  color: #5c7dab;
}

.black {
  color: #000;
}

.white {
  color: #fff;
}

.red {
  color: #f00;
}

.grey {
  color: #7b7b7b;
}

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

.text-indent {
  text-indent: 30px;
}

.wrapper {
  width: 980px;
  margin: auto;
}

/*/////////////////////////////////////////////////Head//////////////////////////////////////////////////*/
.bg-header {
  background: #000;
}

#header {
  width: 980px;
  margin: auto;
  background: #066;
}

#header .head-left {
  width: 420px;
  float: left;
  padding: 15px 0 0;
}

#header .head-right {
  width: 560px;
  float: left;
}

.contact_top {
  width: 549px;
  height: 32px;
  color: #fff;
  font-size: 22px;
  position: relative;
  margin-top: 6px;
  line-height: 38px;
  background: url(../images/contact-top.png) no-repeat;
}

#header .head-right img {
  vertical-align: middle;
}

/*/////////////////////////////////////////////////Head//////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////Main Menu//////////////////////////////////////////////////*/
#main_menu {
  width: 538px;
  height: 40px;
  float: left;
  margin: auto;
  margin: 15px 0;
}

#main_menu ul {
  width: 980px;
  list-style: none;
}

#main_menu ul li {
  float: left;
  text-align: center;
  display: inline;
}

#main_menu ul li {
  vertical-align: middle;
}

#main_menu ul li a {
  font-size: 24px;
  color: #fff;
  display: block;
  padding: 7px 13px 7px 13px;
}

#main_menu ul li a:hover, #main_menu ul li a.current {
  background: #5c7dab;
}

/*/////////////////////////////////////////////////Main Menu//////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////Content//////////////////////////////////////////////////*/
.bg-content {
  background: #00CC99;
}

#content {
  width: 980px;
  margin: auto;
  background: url(../images/bg-con.png) top no-repeat #FFF;
  min-height: 300px;
}

.content_left {
  float: left;
  width: 490px;
  padding: 15px 0;
}

.content_right {
  float: left;
  width: 470px;
  padding: 20px 0 0 15px;
}

.box_company {
  font-size: 18px;
  width: 470px;
  padding: 0px 0px 10px 25px;
}

.box_history {
  width: 452px;
  /*padding: 26px 0 45px;*/
  padding: 26px 0 5px;
  margin-top: 35px;
  border: solid 1px #5878a4;
  border-radius: 20px;
  background: url(../images/pic2.png) left no-repeat;
}

.detail_history {
  width: 320px;
  padding: 0px 0px 0 130px;
  color: #000;
  font-size: 18px;
  margin-top: -22px;
  text-align: justify;
  letter-spacing: 0.4px;
}

.detail_history p.first {
  text-indent: 10px;
}

.detail_history p {
  text-align: justify;
  padding-right: 10px;
}

.detail_th {
  width: 470px;
  padding: 15px 0 10px 0;
  color: #7b7b7b;
  line-height: 25px;
}

.detail_en {
  width: 470px;
  color: #5878a4;
  line-height: 25px;
}

.box_customer {
  width: 440px;
  height: 220px;
  padding: 15px 25px 30px;
  background: url(../images/bg1.png) no-repeat;
}

.tltle_customer {
  font-size: 24px;
  color: #5878a4;
}

.detail_custome {
  width: 300px;
  color: #5c7dab;
  font-size: 20px;
  line-height: 25px;
  margin: 20px 160px;
}

.box_about {
  width: 460px;
  height: 220px;
  margin-top: 20px;
  background: url(../images/bg2.png) no-repeat;
}

.detail_about {
  width: 441px;
  font-size: 15px;
  color: #282828;
  padding: 5px 10px;
}

.detail_about p {
  text-indent: 10px;
  text-align: justify;
  padding-right: 5px;
}

/*/////////////////////////////////////////////////Content//////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////Footer//////////////////////////////////////////////////*/
#footer {
  width: 980px;
  min-height: 100px;
  margin: 0px auto;
  text-align: center;
  border-radius: 0 0 10px 10px;
  background: #80a2cf;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #80a2cf), color-stop(100%, #4a6489));
  background: linear-gradient(to bottom, #80a2cf 0%, #4a6489 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a2cf', endColorstr='#4a6489', GradientType=0 );
}

#footer p {
  text-align: center;
  padding-top: 5px;
}

.address {
  width: 980px;
  font-size: 20px;
  color: #fff;
  padding-bottom: 20px;
}

.copy {
  width: 980px;
  height: 21px;
  line-height: 10px;
  font-size: 18px;
  color: #FFF;
  border-radius: 0 0 10px 10px;
  background: #2b3b51;
}

#footer a {
  color: #fff;
}

#footer a:hover {
  color: #53719b;
}

#footer img {
  vertical-align: middle;
}

/*/////////////////////////////////////////////////Footer//////////////////////////////////////////////////*/

/*# sourceMappingURL=../maps/style.css.map */