@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Athiti:500');
@import url('https://fonts.googleapis.com/css?family=Kanit:200');
@import url(../fonts/stylesheet.css);
body{background:#f3f3f3 /*url(../images/bg.jpg) no-repeat center top*/ ; font-size:14px; }
body img{ height:auto; max-width:100%;}
.clear {clear: both;}
.h1, .h2, .h3, h1, h2, h3{ margin:0px;font-weight:bold;}
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;/*font-family: 'thaisans_neueregular', sans-serif;*/ }

div.vm-details-button {display:none;}

span.addtocart-button
{
   background:#2abfc3;

}

.vm-button-correct {
  font-size:14px;
}

.back-to-category {
  display:none;
}
table.adminForm.user-details{
  
   width: 100%;
}
.fancybox-title-inside {
  display: none;
}
#component-body {
  margin-top: 10px; padding-top: 30px
}
#fancybox-title-inside {
  display: none;
}
#fancybox-title {
  display: none;
}
#fancybox-wrap {
    padding: 0px !important;
    padding-bottom: 4px !important;
    width: 100% !important;
}
  
#fancybox-content {
    width: 428px !important;
   padding-bottom:9px !important;
}
.popup-cart .item-wrap {
    width: 428px !important;
}
#fancybox-outer {

    width: 448px;
}

#userForm{
  width: 100%;
}

#address_1_field{
 width: 300px;

}
/*** top ***/
#top{ background:#2abfc3; padding-top:5px; padding-bottom:5px;font-family: 'Athiti', sans-serif; color:#000000; }
#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, #hotline{ padding-top:5px;}

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

/*** menu ***/
#menu{ background:#ccffff; padding-top:5px ; padding-bottom:5px;}
#logo2{ display:none; padding-top:8px;}
.f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; border-bottom:2px solid #2abfc3;}
.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;  }


/*** 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:#2E8F84; 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:#2abfc3; color:#000000;}
#footer h3{font-family: 'Kanit', sans-serif; font-size:18px; border-bottom:1px dashed #226961; padding-bottom:10px; margin-bottom:10px;}
#footer a:link, #footer a:visited, #footer a:active{ color: #000000;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;
}