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

@import url(../fonts/stylesheet.css);
@import url('https://fonts.googleapis.com/css?family=Kanit:300');
body{background:#fff 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;font-weight:bold;}
h1{ margin-bottom:10px;}
a:link, a:visited, a:active{ color: #222;text-decoration: none;}
a:hover {color: #78bc27;	text-decoration: none;background: none;}
p { margin:0px;/*font-family: 'thaisans_neueregular', sans-serif;*/ }

figure.effectck-goliath{ background:#51b742 !important;}

/*** Phoca Cart ***/
h3.grid{ text-align:left !important; font-size:18px; padding-bottom:10px; border-bottom:1px dashed #ccc; margin-bottom:10px;}
.phIBoxOH{ border:1px solid #f3f3f3; margin-bottom:5px;}
.ph-cart-module-box{ float: left;margin-left: 2px; margin-right:7px;}
.ph-cart-count-sup {
    color: #fff;
    background: #51b742;
    font-weight: bold;
    font-size: small;
    border-radius: 0px;
    padding: 5px 10px;
	
}
.ph-cart-module-box .dropdown .dropdown-toggle, .ph-cart-dropdown-toggle {
    cursor: pointer;
    cursor: hand;
}
.ph-cart-dropdown {
     background: #fff; 
    padding: 20px; 
    margin-top: 10px;
    width: 20em; 
    border-radius: 0px;
    text-transform: none;
    margin-left: -2em;
    border-radius: 0px;
    color: #777; 
    box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.2);
    margin-top: 10px;
}
.thumbnail{ border:none; background:none;}
.ph-thumbnail{  float:left;  }
.thumbnail{ padding:0px;}
.caption{ }
.ph-item-desc{ color:#212121;}
.btn-primary{ background:#51b742; border:none; border-radius:0px; color:#fff;}
.btn-primary:link, .btn-primary:visited { color: #fff;text-decoration: none;}
.btn-primary:hover {color: #fff;	text-decoration: none;background:#e95e05;}
.ph-category-price-box{ color:#333;  padding-top:10px; margin-top:10px;}
.btn-success:link, .btn-success:visited{background:#db011c; border:none; color:#fff; border-radius:0px;}

.ph-filter-box .panel:first-child, .ph-filter-box .panel{ border-radius:0px;}
.ph-filter-box{ margin-top:0px;}
.ph-item-box .ph-item-content{ padding:0px;}
.ph-item-box .ph-item{ border:none;}
.thumbnail .caption{ padding:0px;}

.row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content .ph-item-action-box{ margin-top:0px;}
.ph-category-price-box{ display:none;}


/*** top ***/
#top{ padding-top:5px; padding-bottom:5px; border-top:5px solid #51b742; border-bottom:1px solid #f9f9f9;}
#head{ padding-top:20px; padding-bottom:20px; position:absolute; top:40px; z-index:999; width:100%;}
#info .blockck > .inner{ overflow:visible;}
#info li{ float:left;}
#info li img{ padding-right:5px;}

#info a:link, #info a:visited, #info a:active{ color: #222;text-decoration: none; padding:0px;}
#info a:hover {color: #F00;	text-decoration: none;background: none;}

#head-images{ padding:0px;}

#menu{ background:#50b845;}

#about-menu{ background:rgba(0,0,0,0.2); position:absolute; width:100%; z-index:999; color:#fff;font-family: 'Kanit', sans-serif;}
#about-menu li{ float:left;}
#about-menu a:link, #about-menu a:visited, #about-menu a:active{ color: #fff;text-decoration: none; background:none;}
#about-menu a:hover {color: #fff;	text-decoration: none;background: none;}

#slide{ padding:0px;}
#slide img{box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.2);}

#about{padding-top:20px;padding-bottom:20px;}
#about h1{font-family: 'db_helvethaica_x67_medcond', sans-serif; font-size:4em; color:#51b742;}
#about h3{font-family: 'db_helvethaica_x67_medcond', sans-serif; font-size:2em;}

#brand{ padding-bottom:30px; background:#333; padding-top:20px;}
#brand h3{font-family: 'db_helvethaica_x67_medcond', sans-serif; font-size:2.8em; padding-bottom:10px; color:#fc691a;}

#products h2{font-family: 'db_helvethaica_x67_medcond', sans-serif; font-size:2.6em; line-height:30px; }
#products h3{font-family: 'db_helvethaica_x67_medcond', sans-serif; font-size:1.8em; padding-bottom:10px; }
#products .ph-thumbnail{  float:left; max-width:19%; display: block !important; background:#fff; margin-right:10px;  }
#products .btn-group-sm>.btn, .btn-sm{ }

#promotions{ padding-bottom:20px; }

#footer{ background:#fff; padding-top:20px; padding-bottom:20px;border-top:5px solid #51b742;}

#copyright{ padding-top:5px; padding-bottom:5px; background:#51b742; color:#fff;}

#software{ padding:0px;}

#component-body{}
#component h1{font-family: 'db_helvethaica_x67_medcond', sans-serif; font-size:3em; font-weight:300; color:#f26522;}
#component h2{font-family: 'db_helvethaica_x67_medcond', sans-serif; font-size:2.4em; font-weight:500;}
#component h3{font-family: 'db_helvethaica_x67_medcond', sans-serif; font-size:2em; font-weight:500;}
#component-left{ background:#f3f3f3; padding-top:20px; padding-bottom:20px;}
#component-left h3{ background:#999; color:#fff;font-family: 'db_helvethaica_x67_medcond', sans-serif; font-size:2.0em; padding:5px 10px; margin-bottom:10px; letter-spacing:2px;}

#component-main{ padding:0px;}

#product-releas{ padding:0px;}
#product-releas .ph-thumbnail{  float:left; max-width:25%; display: block !important; background:#fff; }

.ph-search-box{ margin-bottom:20px;}

table.category { width:100% !important;}
td{ padding:8px !important;}
tr:nth-child(even) {
    background-color: #efefef !important;
}
.category-list{ padding-bottom:20px;}
.download-line{ width:100%; clear:both; line-height:200%; border-bottom:1px  dashed #e8e8e8; padding:20px;}
#pathway{ padding:15px; background:#f3f3f3; margin-top:10px; margin-bottom:20px;}


.pagebuilderck .ph-thumbnail{  float:left; max-width:32%; display: block !important; background:#fff; margin-right:10px;  }

/***BLOG***/

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

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

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

.cols-3 .column-1 {
	float:left;
	width:32%;
	margin-right:1%;
	margin-left: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:24%;
	float:left;
	margin-right:1%;
}
.cols-4 .column-2 {
	width:24%;
	float:left;margin-right:1%;
}
.cols-4 .column-3 {
	width:24%;
	float:left;margin-right:1%;
}
.cols-4 .column-4 {
	width:24%;
	float:left;
}
.items-row {
	overflow:hidden;
	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;}
/** Pagination **/
.pagination {
	margin: 18px 0;
}
.pagination ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 0;
	margin-bottom: 0;

	
}
.pagination ul > li {
	display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
	float: left;
	padding: 8px 15px;
	line-height: 18px;
	text-decoration: none;
	background-color: #fff;
	
	border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
	background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
	color: #999;
	cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
	color: #999;
	background-color: transparent;
	cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
	border-left-width: 1px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}
.pagination-centered {
	text-align: center;
}
.pagination-right {
	text-align: right;
}
.pagination-large ul > li > a,
.pagination-large ul > li > span {
	padding: 11px 19px;
	font-size: 16.25px;
}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
}
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
}
.pagination-mini ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > a,
.pagination-small ul > li:first-child > span {
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
}
.pagination-mini ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > a,
.pagination-small ul > li:last-child > span {
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
}
.pagination-small ul > li > a,
.pagination-small ul > li > span {
	padding: 2px 10px;
	font-size: 12px;
}
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
	padding: 0 6px;
	font-size: 9.75px;
}