@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Kanit:300');

body{background:#f3f3f3 /*url(../images/bg.jpg) no-repeat center top ;*/ }
body img{ height:auto; max-width:100%;}
.clear {clear: both;}
.h1, .h2, .h3, h1, h2, h3{ margin:0px;}
h1{ margin-bottom:10px;}
a:link, a:visited, a:active{ color: #222;text-decoration: none;}
a:hover {color: #F00;	text-decoration: none;background: none;}
p { margin:0px; }

/*** top ***/
#top{ background:#35b13f; padding-bottom:5px;color:#fff; font-size:14px; padding-top:5px; }
#top a:link, #top a:visited, #top a:active{ color: #fff;text-decoration: none;}
#top a:hover {color: #fff;	text-decoration: none;background: none;}
#intro{ padding-top:8px; font-size:16px; }
#social{ padding-top:6px;}
#lang{ padding-top:5px;}
#hotline{ font-size:12px;}

/*** head-page ***/
#head-page{ background:#fff; padding-top:20px; padding-bottom:10px;}
#logo{ padding:0px;}
#info{ font-size:12px;}

/*** menu ***/
#menu{ background:#35B13F; padding-top:5px ; padding-bottom:5px;}
#menu-body{ display: block; margin-left: 10%;  margin-right: 0; width: 90%; }
#logo2{ display:none; padding-top:8px;}
.f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; border-bottom:2px }
.f-nav #logo2{ display:block;}

/*** slide ***/
#slide{ padding:0px; padding-bottom:10px; background:#fff;}
@media screen and (max-width: 1920px) {
#slide h3 { font-size:4em; font-weight:bold;letter-spacing: 3px; color:#333;}
.favdescription{ font-size:25px;}
}
@media screen and (max-width: 1600px) {
#slide h3 { font-size:40px; font-weight:bold;letter-spacing: 3px;}
.favdescription{ font-size:20px;}
}
@media screen and (max-width: 1400px) {
#slide h3 { font-size:30px; font-weight:bold;letter-spacing: 3px;}
.favdescription{ font-size:16px;}
}
@media screen and (max-width: 1200px) {
#slide h3 { font-size:25px; font-weight:bold;letter-spacing: 3px;}
.favdescription{ font-size:14px;}
}
@media screen and (max-width: 1024px) {
#slide h3 { font-size:25px; font-weight:bold;letter-spacing: 3px;}
.favdescription{ font-size:14px;}
}
@media screen and (max-width: 768px) {
#slide h3 { font-size:20px; font-weight:bold;letter-spacing: 3px;}
.favdescription{ display:none;}
}
#fav-caption.favstyle-bg-transparent h3, #fav-caption.favstyle-bg-transparent p{ color:#fff;font-family: 'thaisans_neueregular', sans-serif;text-shadow: black 0.1em 0.1em 0.2em;}
.favreadmore { border:1px solid #fff; background:#e22319; font-size:1.2em; text-transform:uppercase;font-family: 'thai_sans_literegular', sans-serif; margin-top:10px; letter-spacing:0.5px;}

/*** about-us ***/
#about-us{ padding-top:50px; line-height:180%;}
#about-us h1{ font-size:4em ;}
#about-us h2 {font-family: 'Kanit', sans-serif; padding-bottom:10px; font-weight:bold;}
#about-us h3 { text-transform:uppercase;color:#999;font-family: 'Kanit', sans-serif;  }

#about-us a:link, #about-us a:visited, #about-us a:active{ color: #fff;text-decoration: none; background:#007255; padding:5px 10px; }
#about-us a:hover {color: #fff;	text-decoration: none;background:#058b69;}

/*** package ***/
#package{ padding-top:50px; padding-bottom:40px; background:#f5f5f5 url(../images/package-bg.jpg) no-repeat center top fixed; background-size:cover;}
#package li{ }
#package h2{ font-size:3em; }
#package .title h2{ font-size:1.5em;}
#package h3{font-family: 'ralewaythin', sans-serif; font-size:1.2em; }

/*** software ***/
#software{padding-top:50px; padding-bottom:40px; background:#35b13f; color:#fff;}
#software h2{ font-size:3em;font-family: 'Kanit', sans-serif;}
#software h3{ font-size:1.4em; }

/*** customer ***/
#customer{padding-top:50px; padding-bottom:40px; background:#fff;}
#customer h2{ font-size:3em; text-transform:uppercase;font-family: 'Kanit', sans-serif;}
#customer h3{ font-family: 'Kanit', sans-serif; font-size:1.2em; font-weight:300; padding-top:15px;}

/*** footer ***/
#footer{ padding-top:50px; border-top:15px solid #fff; padding-bottom:10px; background:#35b13f; color:#fff;}
#footer h3{font-family: 'Kanit', sans-serif; font-size:18px; border-bottom:1px dashed #5bd065; padding-bottom:10px; margin-bottom:10px;}
#footer a:link, #footer a:visited, #footer a:active{ color: #fff;text-decoration: none;}
#footer a:hover {color: #fff200;	text-decoration: none;background: none;}

/*** copyright ***/
#copyright{ padding-top:5px; padding-bottom:5px;background:#fff; color:#333; font-size:12px;}
#copyright img{ vertical-align: text-bottom;}


/*** component ***/
#component{ background:#fff;}

#pathway{ padding-top:20px; padding-bottom:20px; border-bottom:1px dashed #ccc; margin-bottom:20px;}

#component h2{ padding-bottom:10px;}

.visforms-form input{ padding:10px; margin-bottom:10px;}
.djslider-loader-default{ overflow:inherit !important;}

:focus {
  outline: none !important;
}

::-moz-focus-inner {
  border: 0 !important;
}