@charset "utf-8";
/* CSS Document */
*, body{ margin:0px; padding:0px;}
footer{
	background-color:#262626;
	padding-top:22px;
}
footer .container,
footer .container a{
	color:#fff;
}
address{
	color:#000;
	margin-top:2em;
	padding-left:28px;
	background-image:url('../images/pin.png');
	background-position:0 0;
	background-repeat:no-repeat;
}
hr{
	border-top: 2px solid #cdcdcd;
}
.address{
	color:#989898;
}
#yes{ overflow:auto;}
#no{ overflow-x: hidden; }

.fs-10{ font-size:10px !important;}
.fs-12{ font-size:12px !important;}
.fs-14{ font-size:14px !important;}
.fs-16{ font-size:16px !important;}
.fs-18{ font-size:18px !important; line-height:24px;}
.fs-20{ font-size:20px !important;}
.fs-24{ font-size:24px !important;}
.fs-28{ font-size:28px !important;}
.fs-30{ font-size:30px !important;}
.fs-32{ font-size:32px !important;}
.fs-34{ font-size:34px !important;}

.fg-black { color: #000000 !important;}
.fg-white { color: #ffffff !important;}
.fg-primary{ color:#208643 !important;}

.bg-white{ background-color:#ffffff; padding-top:68px;}
.bg-white-g{ background-color:#ffffff; background-image:url('../images/bg-container.png'); background-position:0 0; background-repeat:repeat-x; padding-top:68px;}

.text-shadow{ text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}

.breadcrumb{
	text-transform:capitalize;
}

/****************Loaders*****************************/
#screen-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 100; }
#screen-overlay div.bg { width: 100%; height: 100%; background: #000; }
#screen-overlay div.loader-amt { position: absolute; width: 150px; margin-left: -50px; top: 50%; left: 50%; color: #fff; font: normal 18px 'DBGunEng2X'; text-align: center; }
#screen-overlay div.loader-amt span { color: #fff; display: block; font: normal 48px 'HelveticaNeueLTPro', Helvetica, sans-serif; margin-top: -2px; }
#screen-overlay div.loader-bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 7px; background: url('images/bg-loadbar.png') 0 0 repeat-x; }
#screen-overlay div.loader-bar div { display: block; height: 7px; background: url('images/bg-loadbar.png') 0 -7px repeat-x; width: 0; }

#wrapper{ position:relative;}

#header-strip{ /*background:#333333;*/ height:3px; width:100%; position:fixed;}

#menu-holder{position:absolute; width:100%; z-index:99; }
#menu-holder #menu-container{ width:1024px; margin:0px auto; padding:5px 0px 0px 0px; }

#logo{}
#main-menu{ list-style:none;text-align:center; margin-top:2px;}
#main-menu li{ width:auto; display:inline-block; padding:0 10px;}
#main-menu li a{ color:#fff; font-family:'DBGunEng2X'; padding:5px; font-size:24px; text-shadow:1px 1px 2px rgba(0, 0, 0, 1);}
#main-menu li a>span{display: block;text-align: center;word-wrap: break-word;}

#main-menu2{ list-style:none;text-align:center; margin-top:2px;}
#main-menu2 li{ width:auto; display:inline-block; padding:0 10px;}
#main-menu2 li a{ color:#000; font-family:'DBGunEng2X'; padding:5px; font-size:24px; text-shadow:1px 1px 2px rgba(0, 0, 0, 1);}
#main-menu2 li a>span{display: block;text-align: center;word-wrap: break-word;}

#language{position:absolute; width:100%; z-index:100; }
#language #menu-container{ width:1024px; margin:0px auto; padding:5px 0px 0px 0px; }
#language #main-menu{ list-style:none;text-align:right; margin-top:2px;}
#language #main-menu li{ width:auto; display:inline-block; padding:0;}
#language #main-menu li a{ color:#fff; padding:5px; font-family:'HelveticaNeueLTPro'; font-size:11px; text-shadow:none;}
#language #main-menu li a>span{display: block;text-align: center;word-wrap: break-word;}

#language #main-menu2{ list-style:none;text-align:right; margin-top:2px;}
#language #main-menu2 li{ width:auto; display:inline-block; padding:0;}
#language #main-menu2 li a{ color:#000; padding:5px; font-family:'HelveticaNeueLTPro'; font-size:11px; text-shadow:none;}
#language #main-menu2 li a>span{display: block;text-align: center;word-wrap: break-word;}
	
/**icon set**/
[class^="pk-"], [class*=" pk-"] {
	width:100px;
	height:57px;
	display: inline-block;
	background-image: url("../images/pk-menu.png");
	margin-top: 1px;
	*margin-right: .3em;
	/*line-height: 24px;*/
	vertical-align: text-top;
	background-position: 50%;
	background-repeat: no-repeat;
	text-decoration:none;
}
.pk-menu-h{
	background-position:0 0;
}
.pk-menu-a{
	background-position:-100px 0;
}
.pk-menu-p{
	background-position:-200px 0;
}
.pk-menu-w{
	background-position:-300px 0;
}
.pk-menu-f{
	background-position:-400px 0;
}
.pk-menu-c{
	background-position:-500px 0;
}

.pk-search{
	width:16px;
	height:16px;
	background-image: url("../images/icon-search.png");
	background-position:0 50%;
}
.pk-prev{
	background-image: url("../images/pk-icon.png");
	background-position:0 -27px;
	width:40px;
	height:45px;
}
.pk-next{
	background-image: url("../images/pk-icon.png");
	background-position:-50px -27px;
	width:40px;
	height:45px;
}

input[type=search]{
	border:none;
	background-color:transparent;
}
input[type=search] {
	width:15px;
	font-size:12px;
	margin-top:-18px;
	margin-left:10px;
	padding-left:10px;
	color:transparent;
	cursor:pointer;
}
input[type=search]:hover{
}
input[type=search]:focus{
	width:130px;
	padding-left:20px;
	padding-top:2px;
	padding-bottom:2px;
	color:#fff;
	cursor:auto;
	-moz-transition: all .2s ease-in-out;  
    -webkit-transition: all .2s ease-in-out;
}

input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none;
}


/**icon set**/
[class^="ipk-"], [class*=" ipk-"] {
	display: inline-block;
	background-image: url("../images/pk-icon.png");
	margin-top: 1px;
	*margin-right: .3em;
	/*line-height: 24px;*/
	vertical-align: text-top;
	background-position: 50%;
	background-repeat: no-repeat;
	text-decoration:none;
}

.wrapper-main{
	height:768px;
}
.wrapper-sec{
	height:auto;
	background-size:cover;
}
.info-page{
	
	width:796px;
	min-height:700px;
	padding-top:16em;
	margin:0 auto;
	clear:both;
}

.lp-btn{
	width:284px;
	height:66px;
	color:#fff;
	display: inline-block;
	background-image: url("../images/btn.png");
	margin-top: 1px;
	*margin-right: .3em;
	padding:16px 10px;
	line-height: 34px;
	vertical-align: text-top;
	background-position: 50%;
	background-repeat: no-repeat;
	text-decoration:none;
	font-family:'DBGunEng2X';
	font-size:34px;
	text-align: center;
}
.lp-btn:hover{
	color:#fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

/***page prosucts***/
.bg-main-products{
	background-image:url('../images/LP_Product_1.jpg');
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.bg-main-products .lp-btn{
	margin-left:40px;
	margin-right:40px;
}
.content{
	position:relative;

	top:-68px;
}
.products>.item{
	margin-bottom:2em;
}
.products>.item a{
	color:#208643;
}
.btn-custom1{
	color:#fff;
	background-color:#208634;
	background-color:rgba(32, 134, 67, 1);
	transition:all .25s;
}
.btn-custom1:hover{
	color:#fff;
	background-color:#58a472;
	background-color:rgba(32, 134, 67, .75);
}

.contact-form{
	margin-top:2em;
}
.contact-form input{
	width:100%;
}
.maps{
	border:1px solid #cdcdcd;
	padding:9px;
	background-color:#fff;
}


/*For top Indicator*/
.carousel-indicators-top {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
.carousel-indicators-top li {
	background: #333333;
}
.carousel-indicators-top .active {
	background: #333333;
}
/*For bot Indicator*/
.carousel-indicators-bot {
	right: 50%;
	top: 0px;
	bottom: auto;
	margin-right: -19px;
}
.carousel-indicators-bot li {
	background: #333333;
}
.carousel-indicators-bot .active {
	background: #333333;
}
/* vertical start*/
.vertical .carousel-inner {
  height: 591px;
}
.vertical .carousel-control{
	opacity:1;
	filter: alpha(opacity=50);
	text-shadow:none;
}
.carousel.vertical .item {
	-webkit-transition: 0.6s ease-in-out top;
	-moz-transition: 0.6s ease-in-out top;
	-ms-transition: 0.6s ease-in-out top;
	-o-transition: 0.6s ease-in-out top;
	transition: 0.6s ease-in-out top;
}
.carousel.vertical .active {
  top: 0;
}
.carousel.vertical .next {
  top: 100%;
}
.carousel.vertical .prev {
  top: -100%;
}
.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}
.carousel.vertical .active.left {
  top: -100%;
}
.carousel.vertical .active.right {
  top: 100%;
}
.carousel.vertical .item {
    left: 0;
}​
#myCarousel{
	height:550px;
}

#carousel-event{
	margin:3em 0;
}
.event .carousel-control {
  top: 0;
  width: 4%;
}
.event .carousel-control.left {
	top:45%;
}
.event .carousel-control.right {
  left: auto;
  right: 0;
  top:45%;
}
.event .embed-responsive{
	margin-bottom:3em;
}
.event-list{
	margin-bottom:3em;
}
.event-list>a>p>img{
	width:307px;
}
.event-list:hover img{
	opacity:0.5;
	filter: alpha(opacity=50);
	transition: all 0.2s;
}
.event-list>div.vdo img{
	opacity:0.5;
	filter: alpha(opacity=50);
}
.event-list>div.vdo{
	/*display:block;
	width:300px;
	height:159px;*/
	background-image:url(../images/vdo.png);
	background-position:50%;
	background-repeat:no-repeat
}
.event-list>div.vdo:hover img{
	opacity:1;
	filter: alpha(opacity=100);
	transition: all 0.2s;
}

.border-left{
	border-left:2px solid #208643;
	padding-left:2em;
}

#detail{
	background-color:#fff;
	background-color:rgba(255,255,255,0.5);
	background-image:url('../images/lemon.png');
	background-position:95% 97%;
	background-repeat:no-repeat;
	min-height:480px;
	padding:2em;
}
#detail .pagination{ border:none; margin-top:2em;}
/*โค้ดติดแถบริบบิ้นสีดำ (ribbon-stick) ถวายความอาลัย บนเว็บไซร์ (Tag code CSS & HTML) แทนการดร็อปสีเว็บเป็นขาวดำ*/
.black-ribbon {   position: fixed;   z-index: 9999;   width: 70px; }
@media only all and (min-width: 768px) { .black-ribbon { width: auto; } }

.stick-left { left: 0; }
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 0; }