@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;*/ }

/* BTN */
.buttonwmdivf {
    background-color: #007255; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 8px;
}

  .buttonwmdivf:hover {
    background-color: #0A5A46;
    color: white;
}
/*------------------------------*/
.buttonclinicivf {
    background-color: #1c73ff; /* blue */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 8px;
}

  .buttonclinicivf:hover {
    background-color: #0048bd;
    color: white;
}
/*------------------------------*/
.buttonclinicong {
    background-color: #eb6ede; /* pink */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 8px;
}

  .buttonclinicong:hover {
    background-color: #a62198;
    color: white;
}
/*------------------------------*/
.btnhome {
    background-color: #007255; /* green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 8px;
}
  .btnhome:hover {
    background-color: #063026;
    color: white;
}
/*------------------------------*/
.btnpost {
    background-color: #ff0000; /* red */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 8px;

}
.btnpost:hover {
    background-color: #960000;
    color: white;
}
/*------------End------------------*/
/* Shine */
.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
div {
  display: show;
}



.btn-warning {

width : 100%;
}
.btn-danger {
width : 100%;
}
.btn-default {
width : 100%;
}
.btn-primary {
width : 100%;

}
.btn-success {
width : 100%;

}
.btn-info {
width : 100%;

}
.eb-blog-grid__title {
  display:none;
}

.btnhelp {
  background-color: #fff200;
  border: none;
  color: #000000;


}
.btnhelp:hover {
  background-color: #c7bd03;
}

.btnregisterch {
  background-color: #d12030;
  border: none;
  color: #ffffff;
}
.btnregisterch:hover {
  background-color: #b51221;
}


.btn:hover {
  background-color: #0a5a46;
}
.o-flag__image {
  display:none;
}
.ed-user-name {
  display:none;
}
#system-message {
  display : none;  
}
#iconface {
  border-style: hidden;
  border-width: 0px;
}
#icontw {
  border-style: hidden;
  border-width: 0px;
}
#iconline {
  border-style: hidden;
  border-width: 0px;
}
#iconig {
  border-style: hidden;
  border-width: 0px;
}

/*** top ***/
#top{ background:#007255; padding-top:5px; padding-bottom:5px;font-family: 'Athiti', sans-serif; color:#fff; }
#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-image: url('images/BG/Bar.png'); background:#fff;  padding-top:20px; padding-bottom:20px;}
#logo{ padding:0px;}
#info{ padding-top:10px; font-size:12px;}

/*** menu ***/
#menu{ background:#007255; padding-top:5px ; padding-bottom:5px;}
#menu-body{ display: block; margin-left: 5%;  margin-right: 0; width: 95%; }
#logo2{ display:none; padding-top:0px;}
.f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; border-bottom:2px solid #007255;}
.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:#007255; 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:#007255; color:#fff;}
#footer h3{font-family: 'Kanit', sans-serif; font-size:18px; border-bottom:1px dashed #0a5a46; 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;
}