@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300&display=swap');
@import url(../fonts/stylesheet.css);
body{background:#f3f3f3 ; font-size:21px; }
body img{ height:auto; max-width:100%;}
.clear {clear: both;}
.h1, .h2, .h3, h1, h2, h3{ margin:0px;}
a:link, a:visited, a:active{ color: #111;text-decoration: none; }
a:hover {color: #d3aa00;text-decoration: none;  }
p { margin:0px; }


.container{ width:100%; max-width:1336px;}

/*** top ***/
#top{ background:#0b4284; color:#d3aa00;font-family: 'db_helvethaica_x67_medcond', sans-serif; border-bottom:1px dashed #a67b2e; padding-bottom:5px; padding-top:5px; }
#intro-top{}
#top a:link, #top a:visited, #top a:active{ color: #fff;text-decoration: none;}
#top a:hover {color: #d3aa00;text-decoration: none;  }

/*** head ***/
#head{background:#0b4284; padding-top:10px;font-family: 'db_helvethaica_x67_medcond', sans-serif;color:#d3aa00; padding-bottom:10px;}
#logo a:link, #logo a:visited, #logo a:active{ color: #ccc;text-decoration: none;background:none !important; padding:0px !important;}
#logo a:hover {color: #d3aa00;text-decoration: none; background:none !important;padding:0px !important; }
#info a:link, #info a:visited, #info a:active{ color: #fff;text-decoration: none; }
#info a:hover {color: #d3aa00;text-decoration: none;  }

/*** menu ***/
#menu{ background:#d3aa00;}

/*** slide ***/
#slide{ padding:0px;font-family: 'db_helvethaica_x67_medcond', sans-serif ; overflow:hidden;}
#favsliderpro-caption-title1{ }
.favsliderpro-carousel .favth-carousel-inner{ margin:0px !important;}

/*** info-products ***/
#info-products{ background-image: radial-gradient(at center center,#5d8ac0 28%,#0b4284 68%); padding-top:3%; padding-bottom:5%; color:#fff;font-family: 'Kanit', sans-serif; }
#info-products h2{font-size:3em;}
#info-products a:link, #info-products a:visited, #info-products a:active{ color: #fff;text-decoration: none; padding:15px 18px; background:#d3aa00; border-radius:30px;}
#info-products a:hover {color: #fff;text-decoration: none; background:#0b4284;}

/*** products ***/
#products{ padding-top:5%; padding-bottom:5%; background:#f3f3f3;font-family: 'Kanit', sans-serif;}
#products h2{font-size:3em;}
#products .thumbnail{ border:none !important;}
.btn-primary { background:#d3aa00 !important;}

/*** info-products ***/
#customer{ background-image: radial-gradient(at center center,#5d8ac0 28%,#0b4284 68%); padding-top:3%; padding-bottom:5%; color:#fff;font-family: 'Kanit', sans-serif; }
#customer h2{font-size:3em;}

/*** contact ***/
#contact{padding-top:5%; padding-bottom:5%; background:#fff;font-family: 'Kanit', sans-serif;}
#contact a:link, a:visited, a:active{ color: #333;text-decoration: none;}
#contact a:hover {color: #d3aa00;text-decoration: none; background:none !important;}
.djslider-loader-default{ overflow:visible !important; box-shadow: 15px 15px 0 1px rgba(0,0,0,0.2);}

/*** footer ***/
#footer { background-image: radial-gradient(at center center,#5d8ac0 28%,#0b4284 68%); padding-top:3%;color:#fff;font-family: 'Kanit', sans-serif; }
#footer a:link, #footer a:visited, #footer a:active{ color: #fff;text-decoration: none; }
#footer a:hover {color: #d3aa00;text-decoration: none;  }

.item-page-home { padding-top:5%;}
.item-page-home h1{ text-align:center;}
.item-page-home .page-header{ text-align:center; text-transform:uppercase;border:none !important; margin:0px; padding-bottom:0px;}
.item-page-home h1{ font-size:4em;font-family: 'Kanit', sans-serif;color:#d3aa00; padding-bottom:10px; font-weight:800;}
.item-page-home h2{ font-size:1em;font-family: 'Kanit', sans-serif; color:#111; padding-bottom:3%;}
.item-page-home h3{font-family: 'Kanit', sans-serif; font-size:2.4em; color:#111;}
.item-page-home h4{font-family: 'Kanit', sans-serif; font-weight:700; color:#111; font-size:1.8em;}
.item-page-home h6{font-family: 'Kanit', sans-serif; color:#111; font-size:24px;}
.item-page-home a:link, .item-page-home a:visited, .item-page-home a:active{ color: #fff;text-decoration: none; padding:15px 18px; background:#d3aa00; border-radius:30px;}
.item-page-home a:hover {color: #fff;text-decoration: none; background:#0b4284;}

.item-page-about { padding-top:5%;font-family: 'Kanit', sans-serif;}
.item-page-about h1{ text-align:center;}
.item-page-about .page-header{ text-align:center; text-transform:uppercase;border:none !important; margin:0px; padding-bottom:0px;}
.item-page-about h1{ font-size:4em;font-family: 'Kanit', sans-serif;color:#d3aa00; padding-bottom:10px; font-weight:800;}
.item-page-about h2{ font-size:1em;font-family: 'Kanit', sans-serif; color:#111; padding-bottom:3%;}


#component {background-image: radial-gradient(at center center,#ffffff 28%,#d5d5d5 68%); padding-top:2%; padding-bottom:5%;}
#info-right{font-family: 'Kanit', sans-serif;}
#info-right .bt-cs .bt-inner .bt-title{font-family: 'Kanit', sans-serif; color:#d3aa00; font-size:18px;}
#info-right .bt-introtext{font-family: 'Kanit', sans-serif; font-size:16px;}

#component h2{ }

/*** blog-area **/
.blog-area .page-header{ margin:0px !important; border:none !important; padding-bottom:15px;}
.blog-area{font-family: 'Kanit', sans-serif; font-size:16px;}
.blog-area h1{font-family: 'Kanit', sans-serif;}
.blog-area h2{font-family: 'Kanit', sans-serif; font-size:20px;}
.blog-area a:link, .blog-area a:visited, .blog-area a:active{ color: #0b4284;text-decoration: none;}
.blog-area a:hover {color: #d3aa00;text-decoration: none;  }
.blog-area img{ padding-bottom:15px;}

.item-page-area{ line-height:200%;font-family: 'Kanit', sans-serif; }
.item-page-area .page-header{ margin:0px !important; border:none !important;}
.item-page-area h1{font-family: 'Kanit', sans-serif; font-size:16px;text-align:center;}
.item-page-area h2{font-family: 'Kanit', sans-serif; font-size:2.4em; color:#d3aa00;text-align:center;}
.item-page-area h3{font-family: 'Kanit', sans-serif; font-size:2em; color:#d3aa00;text-align:center;}
.item-image{ width:100%; text-align:center; padding-bottom:15px; }


/*** category-list ****/
.category-list-information h1{font-family: 'Kanit', sans-serif; padding-bottom:15px;}
.category-list-information table{font-family: 'Kanit', sans-serif;}

.item-page-information{ line-height:200%;font-family: 'Kanit', sans-serif; }
.item-page-information .page-header{ margin:0px !important; border:none !important;}
.item-page-information h1{font-family: 'Kanit', sans-serif; font-size:16px;text-align:center;}
.item-page-information h2{font-family: 'Kanit', sans-serif; font-size:2.4em; color:#d3aa00;text-align:center;}
.item-page-information h3{font-family: 'Kanit', sans-serif; font-size:2em; color:#d3aa00;text-align:center;}

/***BLOG***/

.cols-1 {
	display: block;
	float: none !important;
	margin: 0 !important;
}

.cols-2 .column-1 {
	width:48%;
	float:left;
	
}

.cols-2 .column-2 {
	width:48%;
	float:right;
	margin:0;
}

.cols-3 .column-1 {
	float:left;
	width:32%;
	margin-right:1%;

}

.cols-3 .column-2 {
	float:left;
	width:32%;
	margin-right:1%;

}

.cols-3 .column-3 {
	float: left;
	width:32%;

}

.cols-4 .column-1 {
	width:22%;
	float:left;
	margin-right:3%;
}
.cols-4 .column-2 {
	width:22%;
	float:left;margin-right:3%;
}
.cols-4 .column-3 {
	width:22%;
	float:left;margin-right:3%;
}
.cols-4 .column-4 {
	width:22%;
	float:left;
}
.items-row {
	
	margin-bottom:10px !important;
}

.column-2 {
	width:55%;
	
}

.column-3 {
	 width:30%
}

.column-4 {
	 width:25%
}

.blog-more {
	padding:10px 5px
}


.blog .thumbnail{ margin-bottom:0px; border:none !important;}
.thumbnail{ padding:0px !important; margin:0px !important; border:none !important;}


/**********************
/*PAGINATION GENERAL
**********************/
.pagenav {
text-align: center; 
padding: 10px;
line-height: 2.1em; 
text-decoration: none;
border: 1px solid #dadada !important;
display: inline-block;
margin-left:5px;
}

.pagenav ul {
display: inline-block;
*display: inline;
list-style-type: none;
margin-left: 0;
margin-bottom: 0;
text-align: center;  
}

.pagenav li {
display: inline;
padding:  10px;
}

.pagenav a,span.pagenav {
padding: 20px;
}

.pagination {
float:none;
text-align:center;
width:100%;
margin-top:30px;
margin-bottom:40px;	
}

.pagination ul {
padding: 0;
text-align:center;
width:100%;
margin-bottom:40px;
}

.pagination li {
display: inline;
float:left; 


}

.pagination li a {
padding:5px 10px;
text-decoration: none;
display: inline-block;

}

.pagination .active  {
cursor: default;
 background:#252525; 
 font-weight:bold;
} 

.pagination span,.pagination span  a:hover {
cursor: default;
padding:5px 10px;
margin-left:5px;


font-weight:bold;
}

.pagination p.pull-right {
float: none;
text-align: center;
margin-bottom:15px;
}

ul.pager.pagenav  {
border:none !important;
text-align:center;
width:100%;
margin-bottom:25px;
}

 ul.pager.pagenav > li.next > a ,ul.pager.pagenav > li.previous > a {
background:#262626;
color:#fff !important;
margin:10px 12px 20px 0 ;

}
.pager li>a{ border-radius:0px !important; }
 
ul.pager.pagenav > li.next > a:hover ,ul.pager.pagenav > li.previous > a:hover {
border:none;
background:#262626;
color:#fff;
}

div.gk-article > ul.pager.pagenav ul li a:before {
content:"";
}

ul.pagination-list {
padding-bottom:40px;
}
 /*Button for print, editor and email icons */

ul.actions li {
float:left;
text-align:left;
margin:0;
padding:0 8px 0 0; 
list-style:none;
text-align:center;
list-style:none !important;
float:left;
}

li.print-icon a {
background: url(../images/system/printButton.png) 0 0 no-repeat;
text-indent:-5000px;
margin-left:10px;
width:15px;
float:left;
}

li.email-icon a {
background: url(../images/system/emailButton.png) 0 0 no-repeat;
text-indent:-5000px;
width:15px;
float:left;
}


/*   login   */
div.login-description {
font-size:14px;
color:#000;
font-weight:bold;
margin-left:15px;
margin-bottom:15px;
}

.login  {
margin-top:20px !important;
}
div.login fieldset {
margin:50px 0;
}

.login label  {
color:#000;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
line-height:25px;
margin:0;
padding:0 10px;
width:100%;
text-align:left !important;

}

input  {
background:#fff;
font-size:14px;
font-weight: normal;

line-height:20px;
border:none;
padding:10px 10px;
margin:5px 0;
border:1px solid #d9d9d9;
width:95%;
}


 .login button {
background:#000;
color:#fff;
border:none;
padding:15px; 
margin:10px 0;
}

ul.nav.nav-tabs.nav-stacked  {
float:left;
padding-bottom:50px;
}

ul.nav.nav-tabs.nav-stacked > li  {

display:inline;
background:#f7f7f7 !important; 
}

ul.nav.nav-tabs.nav-stacked > li > a  {
padding:15px 15px;
} 

#remember.inputbox {
width:5%;
}

form#user-registration.form-validate.form-horizontal.well > fieldset {
margin:30px 0 20px 0;
}

form#user-registration.form-validate.form-horizontal.well > fieldset > p {
margin:10px 0;
padding:10px 5px;
}

 label#jform_email-lbl{
font-weight:bold;
}
 
input#jform_email {
margin:15px 0;
}

button.btn.btn-primary.validate {
margin-bottom:50px;
margin-top:0;
}
 
label#jform_spacer-lbl {
display:none !important;
}
 
.control-label {
margin:20px 0 0px 0;
}

.controls > a.btn {
background:#000;
margin-left:16px;
padding:14px;
color:#fff;
text-transform:uppercase;
}

fieldset > legend {
font-size:14px;
}

/*Print and E-mail popup window*/
body.contentpane {
background: none;
background-color: #fff;
padding: 22px;
}

body.contentpane div.pull-right a {
display: block;
padding: 0 0 10px 30px;	
}
	
div.mailto-close {
float: right;
}