/*
CSS Custom
Create Date : 20/09/2557
(https://github.com/jetiyanon)
*/
@import url('../fonts/font-awesome/css/font-awesome.min.css');
@import url('../fonts/font-db-fongnam/dbfongnam.css');
@import url('../fonts/font-db-sathorn/dbsathorn.css');
@import url('../fonts/font-db-patpong/dbpatpong.css');
@import url('../square/green.css');

body{
	background: #4ea32a url('../img/background.jpg') top center no-repeat;
	padding: 0;
}

*:focus {border: none !important; outline: none !important;}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	display: inline-block;
	width: auto;
	max-width: 100%;
	height: auto;
}
.container{
	max-width: 970px;
}
.bg-header{
	background: url('../img/header-background-full.png') no-repeat center top;
	z-index: -50;
	height: 92px;
	width: 100%;
	position: absolute;
}
/* Header */
header{
	margin-bottom: 20px;
}
header .box-logo{
	display: block;
}
header .box-logo > a > img{
	margin: 8px 0px 0px 0px;
	float: left;
}
header .box-search{
	display: block;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 15px;
}

header .box-search .input-group .form-control:first-child,
header .box-search .input-group-addon:first-child,
header .box-search .input-group-btn:first-child > .btn,
header .box-search .input-group-btn:first-child > .btn-group > .btn,
header .box-search .input-group-btn:first-child > .dropdown-toggle,
header .box-search .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
header .box-search .input-group-btn:last-child > .btn-group:not(:last-child) > .btn{
	height: 20px;
	font-size: 10px;
	padding: 2px 20px 2px 12px;
	border-radius: 30px 30px 30px 30px;
	background: #fff6c0;
	border: 0px;
	line-height:1.5;
	box-shadow: inset 2px 2px 1px rgba(0, 0, 0, 0.2);
}
header .box-search .input-group-btn:last-child > .btn,
header .box-search .input-group-btn:last-child > .btn-group{
	border-radius: 0px 30px 30px 0px;
	height: 20px;
	font-size: 12px;
	padding: 2px 6px;
	border: 0px;
	line-height:1.5;
	background: transparent;
	color: #ffc81d;
	margin-left: -30px;
	z-index: 10;
}
header .box-search .btn-change-lg{
	background: transparent;
	border: 0px;
	font-size: 12px;
	color: #6e6e6e;
	display: inline-block;
}
header .box-search .btn-default:hover,
header .box-search .btn-default:focus,
header .box-search .btn-default:active,
header .box-search .btn-default.active,
header .box-search .open > .dropdown-toggle.btn-default{
	background-color: transparent;
	border-color: transparent;
	color: #000;
	box-shadow: 0px 0px 0px;
}
header .box-search .dropdown-menu{
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .175);
	box-shadow: 0 0px 0px rgba(0, 0, 0, .175);
	min-width: 100px;
}
header .box-search .dropdown-menu > li > a{
	padding: 3px 10px;
}
header .box-search ul.icon-social{
	display: inline-block;
	margin-left: 10px;
}
header .box-search ul.icon-social > li {
	margin-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
}
header .box-search ul.icon-social > li > a.facebook{
	width: 22px;
	height: 20px;
	background-image: url('../img/icon-social.png');
	background-repeat: no-repeat;
	display: inline-block;
}
header .box-search ul.icon-social > li > a:hover.facebook{
	width: 22px;
	height: 20px;
	background-image: url('../img/icon-social.png');
	background-repeat: no-repeat;
	background-position: 0px -22px;
	display: inline-block;
}
header .box-search ul.icon-social > li > a.twitter{
	width: 22px;
	height: 20px;
	background-image: url('../img/icon-social.png');
	background-repeat: no-repeat;
	background-position: -25px 0px;
	display: inline-block;
}
header .box-search ul.icon-social > li > a:hover.twitter{
	width: 22px;
	height: 20px;
	background-image: url('../img/icon-social.png');
	background-repeat: no-repeat;
	background-position: -25px -22px;
	display: inline-block;
}
header .box-search ul.icon-social > li > a.youtube{
	width: 22px;
	height: 20px;
	background-image: url('../img/icon-social.png');
	background-repeat: no-repeat;
	background-position: -50px 0px;
	display: inline-block;
}
header .box-search ul.icon-social > li > a:hover.youtube{
	width: 22px;
	height: 20px;
	background-image: url('../img/icon-social.png');
	background-repeat: no-repeat;
	background-position: -50px -22px;
	display: inline-block;
}
header .box-menu ul{
	margin: 0px 0px 0px 30px;
	font-size: 11px;
	text-transform: uppercase;
}
.en header .box-menu .navbar-nav > li > a{
	font-size: 22px;
	padding: 0px 0px 0px 17px;
	color: #56554a;
	font-family: 'db-fongnam-x-v32';
}

.th header .box-menu .navbar-nav > li > a{
	font-size: 19px;
	padding: 0px 0px 0px 17px;
	color: #56554a;
	font-family: 'db-sathorn-x-v32';
}

header .box-menu .navbar-nav > li > a:hover,
header .box-menu .navbar-nav > li > a:focus{
	color: #ff5610;
	background: transparent;
}
header .box-menu .navbar-nav > li.active > a,
header .box-menu .navbar-nav > li.active > a:hover{
	color: #ff5610;
	background: transparent;
}

/* Slide */
.slide-wrapper {
	height: 394px;
}
.slide-wrapper .bg-tree{
	background: url('../img/icon-slide-tree.png');
	position: absolute;
	top: 140px;
	width: 400px;
	height: 350px;
	margin-left: -150px;
	z-index: -2;
}
.slide-wrapper .bg-man{
	background: url('../img/icon-slide-man.png');
	position: absolute;
	top: 95px;
	width: 244px;
	height: 384px;
	margin-left: 95px;
	/*z-index: -1;*/
	z-index: 1;
}
.slide-wrapper .bg-slide{
	background: url('../img/bg-slide.png') no-repeat top;
	position: absolute;
	z-index: -50;
	top: 140px;
	width: 666px;
	height: 328px;
	margin-left: 210px;
}
.slide-wrapper .box-slide{
	position: absolute;
	top: 172px;
	width: 644px;
	height: 261px;
	margin-left: 205px;
}
.slide-wrapper .box-slide .carousel-inner{
	/*z-index: -3;*/
	z-index: 0;
}
.slide-wrapper .box-slide .carousel.carousel-fade .item {
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
.slide-wrapper .box-slide .carousel.carousel-fade .active.left,
.slide-wrapper .box-slide .carousel.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}
.slide-wrapper .box-slide .carousel.carousel-fade .next,
.slide-wrapper .box-slide .carousel.carousel-fade .prev {
	left: 0;
	z-index: 1;
}

.slide-wrapper .box-slide .carousel.carousel-fade .carousel-control {
	z-index: 10;
}

.slide-wrapper .box-slide .carousel-indicators {
	position: absolute;
	top: -25px;
	right: 0px;
	width: 80%;
	padding-left: 0;
	margin-left: -30%;
	text-align: right;
	list-style: none;
}
.slide-wrapper .box-slide .carousel-indicators li {
	display: inline-block;
	width: 18px;
	height: 15px;
	margin: 0px;
	text-indent: -999px;
	cursor: pointer;
	background-color: transparent;
	border: 0px solid #fff;
	border-radius: 0px;
	z-index: 100;
}
.slide-wrapper .box-slide .carousel-indicators .active {
	width: 18px;
	height: 15px;
	margin: 0;
	background-color: transparent;
}

/*About Home */
.about-home{
	background: url('../img/bg-home-about.jpg') center top;
	z-index: 999;
	position: relative;
}
.about-home .box-content-home{
	font-family: 'db-fongnam-x-v32';
}
.about-home .box-content-home h1{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 45px;
	text-transform: uppercase;
	font-weight: normal;
}
.color-wellman{
	color: #ff4504;
}
.about-home .box-content-home p{
	font-size: 18px;
	margin: 0px;
	font-family: 'db-sathorn-x-v32';
}
.about-home .box-content-home .box-light{
	background: url('../img/light-about.png') no-repeat center top;
	width: 497px;
	height: 83px;
	position: absolute;
	margin-top: -40px;
	margin-left: -100px;
}
.about-home .box-content-home .ling-right{
	background: url('../img/line-right.png') no-repeat;
	position: absolute;
	margin-top: 20px;
	margin-left: 390px;
	width: 5px;
	height: 144px
}
.about-home .box-content-home p.readmore{
	font-size: 22px;
	font-family: 'db-patpong-x-v32';
	text-align: right;
	font-weight: 700;
	margin-bottom: 10px;
}
.about-home .box-content-home p.readmore a{
	color: #333;
}
.about-home .box-content-home p.readmore a:hover{
	text-decoration: none;
	color: #ff4504;
}
.about-home .box-content-home .gallery-img-full{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.about-home .box-content-home .gallery-img-full > a > img{
	border: 2px solid #fff;
	width: 100%;
	height: auto;
}
.about-home .box-content-home .image-desc{
	background: rgba(0,0,0,0.7);
	text-align: center;
	font-size: 20px;
	color: #fff;
	position: relative;
	top: -30px;
	margin: 0px 2px 0px 2px;
}
.about-home .box-content-home .box-gallery-home{
	margin-top: 20px;
	text-align: center;
}
.about-home .box-content-home .box-gallery-home > ul > li{
	margin: 0px 0px 25px 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.about-home .box-content-home .box-gallery-home > ul > li > a > img {
	border: 1px solid #fff;
}
.about-home .box-content-home .pagination{
	margin: 0px 0;
}
.about-home .box-content-home .slideshow .image-wrapper > a > img {
	border: 2px solid #fff;
	width: 100%;
}


/* Logo Partner */
.box-logo-partner{
	background: url('../img/bg-logo-partner.jpg') top center;
	padding: 0px 0px 20px 0px;
}
.box-logo-partner-shadow{
	background: url('../img/bg-shadow.png') top center no-repeat;
	padding-top: 30px;
}
.box-logo-partner .line-logo{
	background: url('../img/line-logo.png') no-repeat;
	position: absolute;
	margin-top: 0px;
	margin-left: 190px;
	width: 6px;
	height: 120px
}
.box-logo-partner .line-logo-right{
	background: url('../img/line-logo-right.png') no-repeat;
	position: absolute;
	margin-top: 0px;
	margin-left: 790px;
	width: 6px;
	height: 120px
}
.box-newupdate h3{
	font-family: 'db-fongnam-x-v32';
	font-size: 32px;
	color: #fff;
	margin: -20px 0px 5px 0px;
}
.box-newupdate .img-news > a > img{
	background: #FFF;
	border: 1px solid #fff;
	border-radius: 4px;
}
.box-newupdate .img-news > a > img:hover{
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.box-newupdate .text-news h4{
	font-family: 'db-sathorn-x-v32';
	font-size: 20px;
	font-weight: 700;
	margin: 0px;
	color: #ff4504;
}
.box-newupdate .text-news h4 > a{
	color: #ff4504;
}
.box-newupdate .text-news h4 > a:hover{
	color: #000;
	text-decoration: none;
}
.box-newupdate .text-news p{
	font-family: 'db-sathorn-x-v32';
	font-size: 18px;
	color: #fff;
	margin: 0px;
	line-height: 1;
}
.box-newupdate .text-news p.readmore{
	font-family: 'db-patpong-x-v32';
	text-align: right;
}
.box-newupdate .text-news p.readmore a{
	color: #fff;
}
.box-newupdate .text-news p.readmore a:hover{
	color: #000;
	text-decoration: none;
}
/*.box-career-home h3 > a.viewmore {
	background: url('../img/btn-viewmore.png');
	width: 80px;
	height: 18px;
	display: inline-block;
}
.box-career-home h3 > a:hover.viewmore {
	background: url('../img/btn-viewmore-over.png');
	width: 80px;
	height: 18px;
	display: inline-block;
}*/
.box-career-home h3{
	font-family: 'db-patpong-x-v32';
	color: #ff4504;
	margin: 0px 0px 5px 0px;
}
.box-career-home > ul{
	margin-bottom: 0px;
}
.box-career-home > ul > li{
	font-family: 'db-sathorn-x-v32';
	font-size: 18px;
}
.box-career-home > ul > li > a{
	color: #fff;
}
.box-career-home > ul > li > a:hover{
	color: #ff4504;
	text-decoration: none;
}


/* Footer */
footer{
	margin-top: 0px;
	background: #1d1d1d url('../img/bg-footer.png') center top no-repeat;
	padding: 10px 0px;
	font-size: 10px;
}
footer .footer-wrapper .copyright{
	text-align: right;
	line-height: 24px;
	vertical-align: middle;
	color: #6e6e6e;
}
footer .footer-wrapper .detail-bosch{
	line-height: 24px;
	vertical-align: middle;
	color: #fff;
}
footer .footer-wrapper .detail-bosch > a{
	margin-right: 5px;
	color: #ff4504;
	text-decoration: none;
}
footer .footer-wrapper .detail-bosch > a:hover{
	text-decoration: none;
}
footer .footer-wrapper a.gototop{
	margin-left: 5px;
	color: #FFF;
	text-decoration: none;
}
footer .footer-wrapper a:hover.gototop{
	color: #ff4504;
	text-decoration: none;
}
footer .footer-wrapper a.bizidea{
	color: #6e6e6e;
	text-decoration: none;
}
footer .footer-wrapper a:hover.bizidea{
	text-decoration: none;
}

/***************************************************************************/
/* Breadcrumb */
.bar-breadcrumb{
	margin: 10px 0px;
	text-align: right;
}
.bar-breadcrumb h1{
	text-align: left;
	font-family: 'db-fongnam-x-v32';
	margin: 0px;
	font-size: 70px;
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.7);
}
.bar-breadcrumb #breadcrumbs {
	font-size: 16px;
	display: inline-block;
	margin: 30px 0px 0px 0px;
	padding-right: 21px;
	border: 1px solid #fff;
}
.bar-breadcrumb .button {
	text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
	display: inline-block;
	cursor: pointer;
	margin-right: -21px;
	background-color: #cccccc;
	background: -moz-linear-gradient(top, #cccccc, #eaeaea);
	background: -o-linear-gradient(top, #cccccc, #eaeaea);
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#eaeaea));
}
.bar-breadcrumb .button:hover {
	background-color: #fc8605;
	background: -moz-linear-gradient(bottom, #ff4704, #fc8605);
	background: -o-linear-gradient(bottom, #ff4704, #fc8605);
	background: -webkit-gradient(linear, left bottom, left top, from(#ff4704), to(#fc8605));
}
.bar-breadcrumb .button:first-child {border-radius: 0px 0 0 0px;}
.bar-breadcrumb .button:last-child {border-radius: 0 0px 0px 0;}

.bar-breadcrumb .button .label > a {
	color: #000;
}
.bar-breadcrumb .button:hover .label > a:hover {
	color: #fff;
	text-decoration: none;
}


.bar-breadcrumb .label {
	color: #000;
	height: 30px;
	padding: 8px;
	-moz-user-select: none;
	-webkit-user-select: none;
	display: inline-block;
	padding-left: 25px;
}
.bar-breadcrumb .button:hover .label {color: #fff;}
.bar-breadcrumb .button:first-child .label {padding-left: 15px;}
.bar-breadcrumb .button:last-child .label {padding-right: 15px;}
.bar-breadcrumb .button:last-child .arrow {display: none;}
.bar-breadcrumb .arrow {text-align: left;width: 17px;height: 30px;display: inline-block;vertical-align: top;overflow: hidden;margin-left: -5px;}
.bar-breadcrumb .arrow span {
	border: 1px solid #fff;
	border-radius: 0px;
	width: 24px;height: 24px;
	display: inline-block;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	margin-left: -13px;
	margin-top: 3px;
	background-color: #cccccc;
	background: -moz-linear-gradient(135deg, #eaeaea, #cccccc);
	background: -o-linear-gradient(135deg, #eaeaea, #cccccc);
	background: -webkit-gradient(linear, right bottom, left top, from(#eaeaea), to(#cccccc));
}
.bar-breadcrumb .button:hover .arrow span {
	background-color: #fc8605;
	background: -moz-linear-gradient(135deg, #fc8605, #ff4704);
	background: -o-linear-gradient(135deg, #fc8605, #ff4704);
	background: -webkit-gradient(linear, left top, right bottom, from(#fc8605), to(#ff4704));
}
.bar-breadcrumb .button.active,
.bar-breadcrumb .button.active:hover,
.bar-breadcrumb .button.active .label,
.bar-breadcrumb .button.active .arrow span,
.bar-breadcrumb .button.active:hover .arrow span{
	color: #fff;
	background-color: #fc8605;
	background: -moz-linear-gradient(bottom, #ff4704, #fc8605);
	background: -o-linear-gradient(bottom, #ff4704, #fc8605);
	background: -webkit-gradient(linear, left bottom, left top, from(#ff4704), to(#fc8605));
}
li.line-s{
	position: relative;
	margin: 0 -5px;
}



.box-content{
	margin-bottom: 20px;
	margin-top: -15px;
}
.title-bar-breadcrumb{
	background: #0a4d21;
	padding: 7px 10px;
	color: #fff;
}
.title-bar-breadcrumb > ul.list-inline{
	text-align: left;
	margin: 0px;
	font-size: 12px;
}
.title-bar-breadcrumb > ul.list-inline > li > a{
	color: #fff;
	text-decoration: none;
}
.title-bar-breadcrumb > ul.list-inline > li > a:hover,
.title-bar-breadcrumb > ul.list-inline > li > a:focus{
	text-decoration: none;
}
.title-bar-breadcrumb > ul.list-inline > li.active{
	color: #ff4504;
}
.box-content .box-content-body{
	border-radius: 0px 0px 10px 10px;
}
.box-content .box-content-body .bg-content{
	background: rgba(255,255,255,0.8) url('../img/about/bg-content.png') bottom center no-repeat;
	padding: 20px 15px;
	border-radius: 0px 0px 10px 10px;
	border: 1px solid rgba(255,255,255,0.75);
	border-top: 0px;
	min-height: 938px;
}
.box-content .box-content-body .bg-content h2{
	font-family: 'db-sathorn-x-v32';
	font-size: 30px;
	color: #0a4d21;
	font-weight: 700;
	margin-top: 0px;
}
.box-content .box-content-body .bg-content p{
	color: #363636;
	text-indent: 10%;
	font-family: 'db-sathorn-x-v32';
	font-size: 18px;
}
.box-content .box-content-body .bg-content p.hilight{
	color: #ff4504;
	text-indent: 0;
	font-size: 25px;
}
.box-content .box-content-body .bg-content p.noindent{
	text-indent: 0;
}
.box-content .box-content-body .bg-content img.img-1{
	border: 1px solid #fff;
	margin-bottom: 10px;
	box-shadow: 0px 1px 1px #666;
}
.box-content .box-content-body .bg-content .vision{
	border-bottom: 1px solid #a4b19e;
	margin-left: 70px;
}
.box-content .box-content-body .bg-content .vision h4{
	text-transform: uppercase;
	color: #0a4d21;
	margin-left: -70px;
	margin-bottom: -10px;
	background: transparent;
}
.box-content .box-content-body .bg-content ul.aboutul{
	margin: 10px 0px 10px 10px;
	font-family: 'db-sathorn-x-v32';
	font-size: 17px;
	color: #0a4d21;
}
.box-content .box-content-body .bg-content span.bullter{
	color: #0a4d21;
	margin-right: 10px;
}
.box-content .box-content-body .bg-content span.hilight-ul{
	color: #ff4504;
	text-transform: uppercase;
}
.box-content .box-content-body .nobg-content{
	background: rgba(255,255,255,0.6);
	padding: 20px 15px;
	border-radius: 0px 0px 10px 10px;
	border: 1px solid rgba(255,255,255,0.75);
	border-top: 0px;
}
.nav-map ul{
	list-style: none;
	margin:0px;
	padding: 0px;
	font-family: 'db-sathorn-x-v32';
}
.nav-map ul > li{
	margin: 0px;
	font-size: 18px;
}
.nav-map ul > li.map-1{
	text-align: left;
}
.nav-map ul > li.map-2{
	text-align: center;
}
.nav-map ul > li.map-3{
	text-align: right;
}
.nav-map ul > li.map-1 > a > .img-map{
	background: url('../img/about/icon-map.png') center top no-repeat;
	width: 42px;
	height: 59px;
	display: inline-block;
	margin-left: 30px;
}
.nav-map ul > li.map-1 > a:hover > .img-map{
	background: url('../img/about/icon-map-active.png') center top no-repeat;
}
.nav-map ul > li.map-1.active > a,
.nav-map ul > li.map-1.active > a:hover{
	color: #ff4504;
}
.nav-map ul > li.map-1.active > a > .img-map,
.nav-map ul > li.map-1.active > a:hover > .img-map{
	color: #ff4504;
	background: url('../img/about/icon-map-active.png') center top no-repeat;
	width: 42px;
	height: 59px;
	display: inline-block;
}
.nav-map ul > li.map-2 > a > .img-map{
	background: url('../img/about/icon-map.png') center top no-repeat;
	width: 42px;
	height: 59px;
	display: inline-block;
}
.nav-map ul > li.map-2 > a:hover > .img-map{
	background: url('../img/about/icon-map-active.png') center top no-repeat;
}
.nav-map ul > li.map-2.active > a,
.nav-map ul > li.map-2.active > a:hover{
	color: #ff4504;
}
.nav-map ul > li.map-2.active > a > .img-map,
.nav-map ul > li.map-2.active > a:hover > .img-map{
	color: #ff4504;
	background: url('../img/about/icon-map-active.png') center top no-repeat;
	width: 42px;
	height: 59px;
	display: inline-block;
}
.nav-map ul > li.map-3 > a > .img-map{
	background: url('../img/about/icon-map.png') center top no-repeat;
	width: 42px;
	height: 59px;
	display: inline-block;
	margin-right: 30px;
}
.nav-map ul > li.map-3 > a:hover > .img-map{
	background: url('../img/about/icon-map-active.png') center top no-repeat;
}
.nav-map ul > li.map-3.active > a,
.nav-map ul > li.map-3.active > a:hover{
	color: #ff4504;
}
.nav-map ul > li.map-3.active > a > .img-map,
.nav-map ul > li.map-3.active > a:hover > .img-map{
	color: #ff4504;
	background: url('../img/about/icon-map-active.png') center top no-repeat;
	width: 42px;
	height: 59px;
	display: inline-block;
}
.nav-map ul > li > a{
	color: #000;
	text-decoration: none;
}
.nav-map ul > li > a:hover{
	color: #ff4504;
	text-decoration: none;
}
.nav-map .border-map{
	position: relative;
	bottom: -60px;
	height: 9px;
	background: #424242;
	width: 85%;
	margin: 0 auto;
}
.border-map-iframe{
	border: 10px solid #fff;
	box-shadow: 0px 1px 3px #666;
}
.box-title-map{
	text-align: center;
	margin-top: 20px;
}

.box-title-map span{
	font-family: 'db-sathorn-x-v32';
	font-size: 16px;
	color: #fff;
	background: #ff4504;
	padding: 5px 30px;
	border-radius: 8px;
}






.bar-breadcrumb-two{
	margin: 10px 0px;
	text-align: right;
}
.bar-breadcrumb-two h1{
	text-align: left;
	font-family: 'db-fongnam-x-v32';
	margin: 0px;
	font-size: 70px;
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.7);
}
.bar-breadcrumb-two #breadcrumbs {
	font-size: 16px;
	display: inline-block;
	margin: 30px 0px 0px 0px;
	padding-right: 18px;
	padding-left: 3px;

}
.bar-breadcrumb-two .button {
	text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
	display: inline-block;
	border-top: 1px solid #fff;
	border-left:  1px solid #fff;
	border-bottom:  1px solid #fff;
	cursor: pointer;
	margin-right: -18px;
	margin-left: -3px;
	background-color: #fc8605;
	background: -moz-linear-gradient(top, #ff4704, #fc8605);
	background: -o-linear-gradient(top, #ff4704, #fc8605);
	background: -webkit-gradient(linear, left top, left bottom, from(#ff4704), to(#fc8605));
}
.bar-breadcrumb-two .button:hover {
	background-color: #eaeaea;
	background: -moz-linear-gradient(bottom, #eaeaea, #cccccc);
	background: -o-linear-gradient(bottom, #eaeaea, #cccccc);
	background: -webkit-gradient(linear, left bottom, left top, from(#eaeaea), to(#cccccc));
}
.bar-breadcrumb-two .button:first-child {border-radius: 0px 0 0 0px;}
.bar-breadcrumb-two .button:last-child {border-radius: 0 0px 0px 0; border-right:  1px solid #fff;}

.bar-breadcrumb-two .button .label > a {
	color: #ffffff;
}
.bar-breadcrumb-two .button:hover .label > a:hover {
	color: #000000;
	text-decoration: none;
}


.bar-breadcrumb-two .label {
	color: #ffffff;
	height: 30px;
	padding: 8px;
	-moz-user-select: none;
	-webkit-user-select: none;
	display: inline-block;
	padding-left: 25px;
}
.bar-breadcrumb-two .button:hover .label {color: #000;}
.bar-breadcrumb-two .button:first-child .label {padding-left: 15px;}
.bar-breadcrumb-two .button:last-child .label {padding-right: 15px;}
.bar-breadcrumb-two .button:last-child .arrow {display: none;}
.bar-breadcrumb-two .arrow {text-align: left;width: 17px;height: 30px;display: inline-block;vertical-align: top;overflow: hidden;margin-left: -5px;}
.bar-breadcrumb-two .arrow span {
	border: 1px solid #fff;
	border-radius: 0px;
	width: 24px;height: 24px;
	display: inline-block;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	margin-left: -13px;
	margin-top: 3px;
	background-color: #fc8605;
	background: -moz-linear-gradient(135deg, #fc8605, #ff4704);
	background: -o-linear-gradient(135deg, #fc8605, #ff4704);
	background: -webkit-gradient(linear, right bottom, left top, from(#fc8605), to(#ff4704));
}
.bar-breadcrumb-two .button:hover .arrow span {
	background-color: #eaeaea;
	background: -moz-linear-gradient(135deg, #cccccc, #eaeaea);
	background: -o-linear-gradient(135deg, #cccccc, #eaeaea);
	background: -webkit-gradient(linear, left top, right bottom, from(#cccccc), to(#eaeaea));
}
.bar-breadcrumb-two .button.active,
.bar-breadcrumb-two .button.active:hover,
.bar-breadcrumb-two .button.active .label,
.bar-breadcrumb-two .button.active .arrow span,
.bar-breadcrumb-two .button.active:hover .arrow span{
	color: #000;
	background-color: #cccccc;
	background: -moz-linear-gradient(bottom, #eaeaea, #cccccc);
	background: -o-linear-gradient(bottom, #eaeaea, #cccccc);
	background: -webkit-gradient(linear, left bottom, left top, from(#eaeaea), to(#cccccc));
}


.boxgrid{
	width: 100%;
	height: 180px;
	margin:0px;
	background:#161613;
	overflow: hidden;
	position: relative;
}
.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	max-width: 100%;
}

.boxcaption{
	font-family: 'db-sathorn-x-v32';
	position: absolute;
	background: rgba(10,77,33,0.6);
	height: 180px;
	width: 100%;
	margin-left: 0px;
	padding: 10px;
}
.caption .boxcaption {
	top: 140px;
	left: 0;
}
.boxcaption h3{
	margin: 5px 0px 10px 0px;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	overflow: hidden;
	height: 18px;
}
.boxcaption p{
	color: #fff;
	font-size: 18px;
	line-height: 1;
}
.boxcaption .viewmore{
	position: absolute;
	bottom: 10px;
	right: 20px;
	font-family: 'db-patpong-x-v32';
	text-transform: uppercase;
	font-size: 20px;
}
.boxcaption .viewmore a{
	color: #ffffff;
}
.boxcaption .viewmore a:hover{
	color: #ff4504;
	text-decoration: none;
}
ul.product-equipment li{
	margin-bottom: 20px;
}
.boxgrid .box-plus a{
	background: url('../img/product/plus.jpg');
	width: 36px;
	height: 34px;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	opacity: .8;
	cursor: default; /* fix cursor default */

	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}



/* Pagnew */
.pagnew{
	text-align: center;
}
.pagnew ul.pagination{
	margin: 0px;
	padding: 0px;
}
.pagnew .pagination > li{
	margin: 0px 2px;
	font-size: 12px;
}
.pagnew .pagination > li > a{
	display: inline-block;
	padding: 4px 9px;
	margin-left: 5px;
	line-height: 1.42857143;
	color: #363636;
	text-decoration: none;
	background-color: #fff;
	border: 0px solid #ddd;
	border-radius: 50%;
}
.pagnew .pagination > li > a:hover,
.pagnew .pagination > li.active > a,
.pagnew .pagination > li.active > a:hover{
	background-color: #0a4d21;
	color: #fff;
}
.pagnew .pagination > li.first > a,
.pagnew .pagination > li.last > a{
	background: transparent;
	margin-top: -12px;
}
.pagnew .pagination > li.first > a:hover,
.pagnew .pagination > li.last > a:hover{
	color: #ff4504;
}

.pagnew .pagination > li.first > a > i,
.pagnew .pagination > li.last > a > i{
	position: relative;
	bottom: -5px;
	font-size: 30px;
}


/* Product */
.box-product h1{
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
	font-family: 'db-sathorn-x-v32';
	font-size: 50px;
	font-weight: 600;
	color: #0a4d21;
}
.box-image-product{
	/*border: 7px solid #ffffff;*/
	border: 7px solid #9ec18f;
	margin-bottom: 20px;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
.box-image-product > img {
	max-width: 100%;
}
.box-btn-product{
	text-align: center;
}
a.btn-product{
	background: url('../img/product/btn-product.png') center top repeat-x;
	height: 58px;
	display: inline-block;
	line-height: 58px;
	vertical-align: middle;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	font-size: 'Arial';
	text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
	margin-bottom: 10px;
	position: relative;
	min-width: 170px;
}
a.btn-product:before {
	content: "";
	background: url('../img/product/btn-product-before.png') center top no-repeat;
	width: 20px;
	height: 58px;
	position: absolute;
	left: -20px;
}
a.btn-product:after {
	content: "";
	background: url('../img/product/btn-product-after.png') center top no-repeat;
	width: 20px;
	height: 58px;
	position: absolute;
	right: -20px;
}

a:hover.btn-product,
a:focus.btn-product{
	background: url('../img/product/btn-product-active.png') center top repeat-x;
	text-decoration: none;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
}
a:hover.btn-product:after,
a:focus.btn-product:after {
	content: "";
	background: url('../img/product/btn-product-active-after.png') center top no-repeat;
	width: 20px;
	height: 58px;
	position: absolute;
	right: -20px;
}

a:hover.btn-product:before,
a:focus.btn-product:before {
	content: "";
	background: url('../img/product/btn-product-active-before.png') center top no-repeat;
	width: 20px;
	height: 58px;
	position: absolute;
	left: -20px;
}

.pro-icon-line-1{
	width: 3px;
	height: 58px;
	background: url('../img/product/line.png');
	display: inline-block;
	position: absolute;
	margin-left: 290px;
}
.pro-icon-line-2{
	width: 3px;
	height: 58px;
	background: url('../img/product/line.png');
	display: inline-block;
	position: absolute;
	margin-left: 610px;
}

.box-image-sugar-equipment img{
	border: 2px solid #fff;
	margin-bottom: 17px;
}
.box-gallery-sugar-equipment img{
	border: 2px solid #fff;
	margin-bottom: 10px;
}
.box-gallery-sugar-equipment .row{
	text-align: center;
}
.box-content-product-equipment{
	font-family: 'db-sathorn-x-v32';
	position: relative;
	overflow: hidden;
	background: #ffffff;
	padding: 10px 5px 10px 10px;
	min-height: 438px;
	font-size: 18px;
}
.box-content-product-equipment h4{
	color: #0a4d21;
	font-size: 18px;
	font-weight: 700;
	margin-top: 0px;
}
/* Previous button  */
.media-carousel .carousel-control{
	opacity: 0;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.media-carousel:hover .carousel-control{
	opacity: 1.0;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.carousel-control{
	font-size: 28px;
}
.media-carousel .carousel-control.left {
	left: -12px;
	background-image: none;
	background: none repeat scroll 0 0 transparent;
	height: 40px;
	width : 40px;
	margin-top: 10px
}
/* Next button  */
.media-carousel .carousel-control.right {
	right: -12px !important;
	background-image: none;
	background: none repeat scroll 0 0 transparent;
	height: 40px;
	width : 40px;
	margin-top: 10px
}
.line-content-1{
	background: url('../img/product/line-content.png') center top no-repeat;
	width: 3px;
	height: 446px;
	position: absolute;
	margin-left: -15px;
}
.line-content-bottom{
	background: url('../img/product/line-content-bottom.png') center top repeat-x;
	display: block;
	height: 4px;
}
.box-product-equipment-detail{
	margin-bottom: 10px;
}
.box-gallery-order-products h3{
	font-size: 20px;
	font-weight: 700;
	font-family: 'db-sathorn-x-v32';
	color: #0a4d21;
}
.box-gallery-order-products ul{
	margin-bottom: 0px;
}
.img-gallery-order-products{
	text-align: center;
}
.img-gallery-order-products img{
	border: 2px solid #fff;
}
.img-gallery-order-products a{
	color: #363636;
	font-family: 'db-sathorn-x-v32';
	font-size: 18px;
}
.img-gallery-order-products a:hover{
	color: #ff4504;
	text-decoration: none;
}
.img-gallery-order-products > a:hover > img{
	opacity: 0.5;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.line-content-li-1{
	background: url('../img/product/line-content-li.png') center top no-repeat;
	width: 4px;
	height: 132px;
	position: absolute;
	margin-left: 220px;
}
.line-content-li-2{
	background: url('../img/product/line-content-li.png') center top no-repeat;
	width: 4px;
	height: 132px;
	position: absolute;
	margin-left: 450px;
}
.line-content-li-3{
	background: url('../img/product/line-content-li.png') center top no-repeat;
	width: 4px;
	height: 132px;
	position: absolute;
	margin-left: 690px;
}
.box-content-product-chemicals{
	font-family: 'db-sathorn-x-v32';
	position: relative;
	overflow: hidden;
	background: #ffffff;
	padding: 10px 5px 10px 10px;
	height: 700px;
	font-size: 18px;
}
.box-content-product-chemicals h4{
	color: #0a4d21;
	font-size: 18px;
	font-weight: 700;
	margin-top: 0px;
}
.box-content-product-chemicals p.text-indent{
	text-indent: 15%;
}


.header-page h1{
	text-transform: uppercase;
}

#album {
	width:320px;
	height:360px;
	background:#eee url(gallery/deer.jpg) 0 40px no-repeat;
	border:1px solid #aaa;
	margin:0 auto 20px auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
	padding:0;
	margin:320px 0 0 0;
	list-style-type:none;
	position:relative;
	width:320px;
}
/* remove the default image border */
.gallery img {
	border:0;
}
/* make the list horizontal */
.gallery li {
	float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
	font-size:11px;
	float:left;
	text-decoration:none;
	color:#000;
	background:#fff;
	text-align:center;
	width:26px;
	height:26px;
	line-height:24px;
	border:1px solid #444;
	margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
	position:absolute;
	top:-320px;
	left:0;
	visibility:hidden;
	border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
	top:-280px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
	left:0;
	border-left:40px solid #eee;
	border-right:40px solid #eee;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
	background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
	background:#444;
	color:#fff;
	outline:0;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
	visibility:visible;
	outline:0;
}



/* Portfolio */
ul.timeline-portfolio{
	position: relative;
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index: 50;
}
ul.timeline-portfolio > li{
	margin-bottom: 35px;
	z-index: 50;
}
ul.timeline-portfolio > li > a{
	font-family: 'db-sathorn-x-v32';
	font-size: 30px;
	color: #363636;
	display: block;
	line-height: 36px;
	vertical-align: middle;
	background: url('../img/portfolio/arrow-li.png') top right no-repeat ;
	z-index: 50;
}
ul.timeline-portfolio > li > a:hover,
ul.timeline-portfolio > li > a:focus{
	text-decoration: none;
	color: #ff4504;
	background: url('../img/portfolio/arrow-li.png') bottom right no-repeat ;
	z-index: 50;
	outline: none;
}
ul.timeline-portfolio > li > a > span.before{
	font-size: 13px;
	display: block;
	position: absolute;
	margin-top: -15px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
	z-index: 50;
}
ul.timeline-portfolio > li.active > a,
ul.timeline-portfolio > li.active > a:hover,
ul.timeline-portfolio > li.active > a:focus{
	text-decoration: none;
	color: #ff4504;
	background: url('../img/portfolio/arrow-li.png') bottom right no-repeat ;
	z-index: 50;
}

.line-timeline{
	position: absolute;
	width: 10px;
	height: 580px;
	margin-top: 10px;
	background: #0a4d21;
	right: 18%;
	top: 0;
	z-index: 1;
}
.line-right{
	background: url('../img/portfolio/line-right.png') center top repeat-y;
	width: 4px;
	min-height: 600px;
	position: absolute;
	top: 0;
	right: 0;
}

ul.box-detail-timeline{
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-family: 'db-sathorn-x-v32';
}

ul.box-detail-timeline > li {
	background: #ffffff;
	border-bottom: 1px solid #596051;
	box-shadow: 0px 1px 1px #596051;
	margin-bottom: 40px;
}
.detail-timeline{
	padding: 10px 10px 10px 0px;
}
.detail-timeline h4{
	font-weight: 700;
	font-size: 20px;
	color: #0a4d21;
	margin-top: 0px;
}
.detail-timeline h4 > a{
	color: #0a4d21;
	cursor: pointer;
}
.detail-timeline h4 > a:hover{
	color: #ff4504;
	text-decoration: none;
}
.detail-timeline p{
	font-size: 18px;
}
.detail-timeline .viewmore{
	text-align: right;
	font-family: 'db-patpong-x-v32';
	text-transform: uppercase;
	font-size: 20px;
}
.detail-timeline .viewmore a{
	color: #ff4504;
	cursor: pointer;
}
.detail-timeline .viewmore a:hover{
	color: #000000;
	text-decoration: none;
}
.detail-timeline .modal-header {
	border: 0px;
	margin: 0px;
	padding: 5px;
}
.detail-timeline .modal-dialog{
	margin: 200px auto;
}
.close{
	opacity: 1;
	font-size: 26px;
}
.box-detail-modal .box-image-sugar-equipment img{
	border: 1px solid #ccc;
}
.box-detail-modal .media-carousel .carousel-control.left{
	margin-top: 10px;
}
.box-detail-modal .media-carousel .carousel-control.right{
	margin-top: 10px;
}
.box-detail-modal .box-gallery-sugar-equipment .carousel-inner .item img{
	border: 1px solid #ccc;
}
.box-detail-modal .box-text-modal h3{
	font-family: 'db-sathorn-x-v32';
	font-size: 20px;
	font-weight: bold;
	margin-top: 0px;
	color: #0a4d21;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
}
.box-detail-modal .box-font-modal{
	font-family: 'db-sathorn-x-v32';
	position: relative;
	font-size: 18px;
	height: 280px;
	/*overflow: scroll;*/
	overflow-x: hidden;
	padding-right: 20px;
}
.nav-arrow-left{
	position: absolute;
	left: 0;
	top: 30%;
}
.nav-arrow-right{
	position: absolute;
	right: 0;
	top: 30%;
}


/* News */
div.selectBox{
	background: #fff;
	border-bottom: 2px solid #e9e9e9;
	border-left: 2px solid #e9e9e9;
	border-top: 2px solid #e9e9e9;
	position: relative;
	display: inline-block;
	cursor: default;
	text-align: left;
	line-height: 30px;
	clear: both;
	color: rgb(114, 97, 97);
	margin-top: 30px;
	padding-right: 18px;
}
span.selected{
	width: 167px;
	text-indent: 10px;
	border: 1px solid rgb(233, 233, 233);
	border-right: none;
	overflow: hidden;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	z-index: 900;
}
/*span.selectArrow{cursor: pointer;width: 30px; border: 0px solid #60abf8; text-align: center; font-size: 12px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; background: #ff4c04; color: #fff;}*/
span.selectArrow,span.selected{position: relative; float: left; height: 28px; z-index: 300;}
ul.selectOptions{z-index: 900;position: absolute; top: 30px; left: -1px; width: 198px; border: 2px solid #e9e9e9; overflow: hidden; background: #ffffff; padding-top: 2px; display: none;margin: 0;list-style: none inside none;padding-left: 0;}
li.selectOption{z-index: 900;display: block; line-height: 20px; padding: 5px 0 5px 10px; font-size: 12px; font-weight: bold; font-family: arial, sans-serif;list-style: none;margin: 0; border-bottom: 1px solid rgb(233, 233, 233);}
li.selectOption:hover{color: #ff4c04; cursor: pointer;}






/* News */
ul.news-item li{
	margin-bottom: 20px;
}
ul.news-item li a.link-list-news{
	overflow: hidden;
	display: block;
	background: #ffffff;
}
ul.news-item li a:hover,.link-list-news
ul.news-item li a:focus.link-list-news{
	text-decoration: none;
}
ul.news-item li .box-list-news{
	font-family: 'db-sathorn-x-v32';
	background: #ffffff;
	overflow: hidden;
	box-shadow: 0 1px 2px #666;
}
ul.news-item li .box-list-news .news-footer{
	padding: 10px;
	overflow: hidden;
}
ul.news-item li .box-list-news .news-footer h4{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 20px;
	color: #0a4d21;
	font-weight: 700;
	text-decoration: none;
	height: 20px;
}
ul.news-item li .box-list-news:hover .news-footer h4{
	color: #ff4504;
}
ul.news-item li .box-list-news .news-footer p{
	margin-bottom: 0px;
	font-size: 18px;
	color: #363636;
}
ul.news-item li .box-list-news .icon-eye{
	opacity: 0;
	filter: alpha(opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	position: absolute;
	top: 15%;
	left: 25%;
}
ul.news-item li .box-list-news:hover .icon-eye{
	opacity: 1;
	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
ul.news-item li .box-list-news:hover .news-img img{
	opacity: 0.6;
	filter: alpha(opacity=60);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
ul.news-item li .box-list-news .box-plus-green{
	background: url('../img/news/icon-plus.png');
	width: 36px;
	height: 33px;
	position: absolute;
	top: 0;
	right: 15px;
}
ul.news-item li .box-list-news:hover .box-plus-green{
	background-image: url('../img/news/icon-plus.png');
	width: 36px;
	height: 33px;
	background-position: 0px -33px;
}

/*
.news-item .boxgrid{
	width: 290px;
	height: 270px;
	margin: 0px;
	background: #fff;
	overflow: hidden;
	position: relative;
}
.news-item .boxgrid:hover img{
	opacity: 0.5;
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.news-item .boxgrid:hover .icon-eye{
	background: url('../img/news/over-eye.png') center no-repeat;
	width: 290px;
	height: 200px;
	position: absolute;
	cursor: pointer;
}
.news-item .boxgrid:hover .icon-eye a{
	display: block;
}
.box-news-footer{
	font-family: 'db-sathorn-x-v32';
	padding: 10px;
	position: absolute;
	bottom: 0px;
}
.box-news-footer h4{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 20px;
	color: #0a4d21;
	font-weight: 700;
}
.box-news-footer > h4 > a{
	color: #0a4d21;
}
.box-news-footer > h4 > a:hover{
	color: #ff4504;
	text-decoration: none;
}
.box-news-footer p{
	font-size: 18px;
	margin-bottom: 0px;
}
.news-item .boxgrid .box-plus-green a{
	background: url('../img/news/icon-plus.png');
	width: 36px;
	height: 33px;
	display: block;
	position: absolute;
	z-index: 50;
	right: 0px;
}
.news-item .boxgrid .box-plus-green a:hover{
	background-image: url('../img/news/icon-plus.png');
	width: 36px;
	height: 33px;
	background-position: 0px -33px;
}
*/

/* News Detail */
ul.news-list{
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: left;
}
ul.news-list > li{
	background: #fff;
	overflow: hidden;
	font-family: 'db-sathorn-x-v32';
	font-size: 18px;
	box-shadow: 0px 1px 1px #666;
	margin-bottom: 22px;
}
ul.news-list > li > a{
	display: block;
	color: #0a4d21;
}
ul.news-list > li > a:hover{
	color: #ff4504;
	text-decoration: none;
}

ul.news-list > li > a > .news-list-img{
	float: left;
	margin-right: 10px;
}
ul.news-list > li > a > .news-list-date,
ul.news-list > li > a:hover > .news-list-date{
	font-size: 14px;
	color: #363636;
}
.arrow-news-list{
	background: url('../img/news/arrow-news-list.png');
	width: 18px;
	height: 21px;
	position: absolute;
	margin-top: 23px;
	margin-left: 68px;
}
img.news-gallery-full{
	border: 2px solid #fff;
	margin-bottom: 10px;
}
ul.list-gallery li{
	margin-bottom: 7px;
	text-align: center;
}
ul.list-gallery li > img {
	border: 2px solid #fff;
}
.box-news-list-detail{
	top: -20px;
	text-align: left;
	position: relative;
	background: #ffffff;
	padding: 10px;
	font-family: 'db-sathorn-x-v32';
	/*height: 300px;*/
	/*overflow: hidden;*/
	display: table;
}
.box-news-list-detail p{
	font-size: 18px;
}
.box-news-list-detail h4{
	font-family: 'db-sathorn-x-v32';
	font-size: 20px;
	font-weight: bold;
	color: #0a4d21;
	margin-top: 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
.box-news-list-detail .news-date-detail{
	display: block;
	font-size: 14px;
	color: #363636;
	font-weight: normal;
}
.box-news-list-gallery .vertical .carousel-inner {
	height: 100%;
}

.box-news-list-gallery .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;
}

.box-news-list-gallery .carousel.vertical .active {
	top: 0;
}

.box-news-list-gallery .carousel.vertical .next {
	top: 400px;
}

.box-news-list-gallery .carousel.vertical .prev {
	top: -400px;
}

.box-news-list-gallery .carousel.vertical .next.left,
.box-news-list-gallery .carousel.vertical .prev.right {
	top: 0;
}

.box-news-list-gallery .carousel.vertical .active.left {
	top: -400px;
}

.box-news-list-gallery .carousel.vertical .active.right {
	top: 400px;
}

.box-news-list-gallery .carousel.vertical .item {
	left: 0;
}
.box-news-list-gallery .media-carousel .carousel-control.left{
	margin-top: -26px;
	left: 35%;
}
.box-news-list-gallery .media-carousel .carousel-control.right{
	margin-top: 196px;
	left: 35%;
}


/* Career */
.box-career h3{
	font-family: 'db-sathorn-x-v32';
	font-size: 20px;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 20px;
	color: #0a4d21;
}
.box-career .panel-title a{
	font-family: 'db-sathorn-x-v32';
	color: #363636;
	font-size: 18px;
	font-weight: 700;
}
.box-career .panel-title a:hover{
	color: #ff4704;
	text-decoration: none;
}
.box-career .panel-title a img{
	margin-right: 10px;
}
.box-career .panel{
	background: transparent;
	border: 0px;
}
.box-career .panel-default > .panel-heading{
	background: transparent;
	border: 0px transparent;

}
.box-career .panel-group .panel-heading + .panel-collapse > .panel-body{
	border-top: 0px;
	background: #fff;
}
.box-career .link-apply{
	float: right;
	text-align: right;
}
.box-career a.btn-apply{
	background: url('../img/career/btn-apply.png');
	padding: 0px 12px;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	vertical-align: middle;
	display: inline-block;
}
.box-career a:hover.btn-apply,
.box-career a:focus.btn-apply{
	color: #363636;
}
.box-career .panel-body{
	font-size: 18px;
	font-family: 'db-sathorn-x-v32';
}
.box-career .panel-body ol { counter-reset: item }
.box-career .panel-body li { display: block }
.box-career .panel-body li:before { content: counters(item, ".") ". "; counter-increment: item }
.box-career-modal .modal-header h4{
	font-size: 20px;
	font-weight: 700;
	color: #0a4d21;
	font-family: 'db-sathorn-x-v32';
}
.box-career-modal .modal-body form label{
	font-family: 'db-sathorn-x-v32';
	font-size: 18px;
}
/*.box-career-modal .modal-body select.select-design{
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	appearance:none;
	text-indent: 1px;
	text-overflow: '';
	border: 0 !important;

	color: #363636;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	cursor: pointer;
	background: #ebebeb url('../img/career/icon-arrow.png') no-repeat right center;
	background-size: 40px 34px;
	}*/
	.box-career-modal .modal-body select.select-design::-ms-expand {
		display: none;
	}
	.form-control {
		display: block;
		width: 100%;
		height: 34px;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857143;
		color: #555;
		background-color: #ebebeb;
		background-image: none;
		border: 0px solid #ccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .20);
		box-shadow: inset 0 0px 0px rgba(0, 0, 0, .20);
		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}

	.form-control:focus {
		border-color: #66afe9;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
	}
	.radio-inline, .checkbox-inline{
		padding-left: 0px;
	}
	.uploadfile {
		-webkit-appearance: none;  /*REMOVES DEFAULT CHROME & SAFARI STYLE*/
		-moz-appearance: none;  /*REMOVES DEFAULT FIREFOX STYLE*/
		border: 0 !important;  /*REMOVES BORDER*/

		color: #363636;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		font-size: 14px;
		cursor: pointer;

		background: #ebebeb url('../img/career/icon-arrow.png') no-repeat right center;
		background-size: 40px 37px; /*TO ACCOUNT FOR @2X IMAGE FOR RETINA */
	}
	.uploadfile input{
		visibility:hidden;
	}

	.fileUpload {
		position: relative;
		overflow: hidden;
		margin: 10px;
	}
	.fileUpload input.upload {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0;
		font-size: 20px;
		cursor: pointer;
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.fileUpload .btn-upload{
		font-family: 'db-sathorn-x-v32';
		font-size: 16px;
		color: #fff;
		background-color: #4ea32a;
		border-color: #4ea32a;
		border-radius: 0px 4px 4px 0px;
	}
	.fileUpload .btn{
		padding: 5px 12px;
	}
	label.large{width:150px}
	.clr{clear:both}
	.notice {background-color:#d8e6fc;color:#35517c;border:1px solid #a7c3f0;padding:10px;margin-top:10px;}

	.code {
		margin:30px;
		border:1px solid #F0F0F0;
		background-color:#F8F8F8;
		padding:10px;
		color:#777;
	}
	.btn-back{
		font-family: 'db-sathorn-x-v32';
		background: #424242;
		color: #ffffff;
		font-size: 16px;
	}
	.btn-back:hover{
		background: #333333;
		color: #ffffff;
	}
	.btn-apply{
		font-family: 'db-sathorn-x-v32';
		background: #4ea32a;
		color: #ffffff;
		font-size: 16px;
	}
	.btn-apply:hover{
		background: #358115;
		color: #ffffff;
	}


	/* Knowledge */

	.box-knowledge-footer h4{
		font-family: 'db-sathorn-x-v32';
		margin-top: 5px;
		margin-bottom: 5px;
		padding-bottom: 5px;
		font-size: 20px;
		color: #0a4d21;
		font-weight: 700;
		border-bottom: 1px solid #d7d7d7;
	}
	.box-knowledge-footer > h4 > a{
		color: #0a4d21;
	}
	.box-knowledge-footer > h4 > a:hover{
		color: #ff4504;
		text-decoration: none;
	}
	.box-knowledge-footer p{
		font-size: 12px;
		margin-bottom: 0px;
		text-align: left;
	}
	.box-knowledge-footer p.readmore{
		text-align: right;
	}
	.box-knowledge-footer p.readmore a{
		color: #ff4504;
		font-family: 'db-patpong-x-v32';
		text-transform: uppercase;
		font-size: 20px;
	}








	ul.kb-item li{
		margin-bottom: 20px;
	}
	ul.kb-item li a.link-list-kb{
		overflow: hidden;
		display: block;
		background: #ffffff;
	}
	ul.kb-item li a:hover,.link-list-kb
	ul.kb-item li a:focus.link-list-kb{
		text-decoration: none;
	}
	ul.kb-item li .item-kb-img{
		font-family: 'db-sathorn-x-v32';
		background: #ffffff;
		overflow: hidden;
		padding: 10px;
		box-shadow: 0 1px 2px #666;
	}
	ul.kb-item li .item-kb-img .box-knowledge-footer{
		margin-top: 10px;
		overflow: hidden;
	}
	ul.kb-item li .item-kb-img .box-knowledge-footer h4{
		margin-top: 0px;
		margin-bottom: 0px;
		font-size: 20px;
		color: #0a4d21;
		font-weight: 700;
		text-decoration: none;
	}
	ul.kb-item li .item-kb-img:hover .box-knowledge-footer h4{
		color: #ff4504;
	}
	ul.kb-item li .item-kb-img:hover .box-knowledge-footer p.readmore a {
		color: #0a4d21;
		text-decoration: none;
	}
	ul.kb-item li .item-kb-img .box-knowledge-footer p{
		margin-bottom: 0px;
		font-size: 18px;
		color: #363636;
	}
	ul.kb-item li .item-kb-img .icon-eye{
		opacity: 0;
		filter: alpha(opacity=0);
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		position: absolute;
		top: 10%;
		left: 25%;
	}
	ul.kb-item li .item-kb-img:hover .icon-eye{
		opacity: 1;
		filter: alpha(opacity=100);
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	ul.kb-item li .item-kb-img:hover .box-kb-img img{
		opacity: 0.6;
		filter: alpha(opacity=60);
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	}

/*#tiles {
  list-style-type: none;
  position: relative;
  margin: 0;
  padding: 0;
}

#tiles li {
  width: 287px;
  background-color: #ffffff;
  display: none;
  padding: 10px;
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
	margin: 5px;
	box-shadow: 0px 1px 1px #999;
}
#tiles li.inactive {
  visibility: hidden;
  opacity: 0;
}

#tiles li img {
  display: block;
}
#tiles .item-kb-img:hover img{
	opacity: 0.5;
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
#tiles .item-kb-img:hover .icon-eye{
	background: url('../img/news/over-eye.png') center no-repeat;
	width: 267px;
	height: 171px;
	position: absolute;
	cursor: pointer;
	top: 0px;
}
#tiles .item-kb-img:hover .icon-eye a{
	display: block;
	}*/
/*
.item-kb-img a{
	display: block;
}
.box-kb-list ul{
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.box-kb-list ul li{
	padding: 10px;
	background: #ffffff;
	box-shadow: 0px 1px 2px #666;
	width: 287px;
	float: left;
	margin-left: 5px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.box-kb-list ul li.kb-mid{
	margin-top: -40px;
}
.box-kb-list .item-kb-img:hover img{
	opacity: 0.5;
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.box-kb-list .item-kb-img:hover .icon-eye{
	background: url('../img/news/over-eye.png') center no-repeat;
	width: 267px;
	height: 171px;
	position: relative;
	cursor: pointer;
	margin-top: -171px;
}
.box-kb-list .item-kb-img:hover .icon-eye a{
	display: block;
}
.box-kb-header{
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
.box-kb-header h4{
	font-size: 20px;
	font-weight: bold;
	color: #0a4d21;
	font-family: 'db-sathorn-x-v32';
	margin-top: 5px;
	margin-bottom: 0px;
}
.box-kb-img-head{
	margin: 10px 0px;
}
.box-kb-img-head ul{
	margin: 0px;
	padding: 0px;
}
.box-kb-img-head li{
	padding: 0px;
	margin: 0px;
}
.box-kb-img-head li img{
	border: 1px solid #fff;
}
.box-kb-detail{
	background: #fff;
	padding: 10px 20px 10px 10px;
	position: relative;
	height: 400px;
	overflow: hidden;
	font-family: 'db-sathorn-x-v32';
	font-size: 18px;
}
*/

.nav-map.contact .border-map{
	position: relative;
	bottom: -60px;
	height: 9px;
	background: #424242;
	width: 80%;
	margin: 0 auto;
}
.box-title-map-contact{
	text-align: center;
	margin-top: 20px;
}

.box-title-map-contact span{
	font-family: 'db-sathorn-x-v32';
	font-size: 16px;
	color: #363636;
}
.box-header-contact h2{
	font-family: 'db-fongnam-x-v32';
	font-size: 50px;
	color: #0a4d21;
	margin-top: 0px;
	text-transform: uppercase;
}
.box-form-contact input,
.box-form-contact textarea{
	background: #fff;
}
.box-form-contact .QapTcha{
	margin-top: 0px;
}
.box-form-contact .QapTcha .bgSlider{
	background: #fff;
	height: 25px;
}
.box-form-contact .QapTcha .Slider{
	width: 34px;
	height: 25px;
	background: transparent url('../img/career/icon-slide.png') no-repeat;
	background-size: auto 25px;
	cursor: e-resize;
	position: relative;
	top: 0;
	left: 0;
	border-radius: 4px;
}
.box-form-contact .QapTcha span{
	position: absolute;
	margin-top: 2px;
	left: 30%;
	font-size: 16px;
	font-family: 'db-sathorn-x-v32';
	color: #8e8e8e;
}
.line-contact{
	background: url('../img/contact/line.png');
	width: 3px;
	height: 570px;
	position: absolute;
	margin-left: -15px;
}
.nav-map.contact ul li p{
	font-size: 16px;
}


/***************************************************************************/
/* Responsive */
@media screen and (max-width: 960px){
	header .box-logo > a.logo-1 > img{
		width: 40px;
	}
	header .box-logo > a.logo-2 > img{
		width: 170px;
	}
	header .box-menu ul{
		margin-left: -15px;
		font-size: 10px;
		text-transform: uppercase;
	}
	header .box-menu .navbar-nav > li > a{
		font-size: 20px;
		padding: 0px 0px 0px 8px;
		color: #56554a;
	}
	.slide-wrapper .bg-tree{
		display: none;
	}
	.slide-wrapper .bg-man{
		background: url('../img/icon-slide-man.png');
		position: absolute;
		top: 95px;
		width: 244px;
		height: 384px;
		margin-left: -80px;
		z-index: -1;
	}
	.slide-wrapper .bg-slide{
		background: url('../img/bg-slide.png') no-repeat top;
		position: absolute;
		z-index: -50;
		top: 140px;
		width: 666px;
		height: 328px;
		margin-left: 20px;
	}
	.slide-wrapper .box-slide{
		position: absolute;
		top: 172px;
		width: 644px;
		height: 261px;
		margin-left: 25px;
	}
	.about-home .box-content-home .ling-right{
		display: none;
	}
	.box-logo-partner .line-logo{
		display: none;
	}
	.box-logo-partner .line-logo-right{
		display: none;
	}
	.pro-icon-line-1{
		display: none;
	}
	.pro-icon-line-2{
		display: none;
	}
	/*.line-content-1{
		display: none;
		}*/
		.line-content-li-1{
			display: none;
		}
		.line-content-li-2{
			display: none;
		}
		.line-content-li-3{
			display: none;
		}
		.line-timeline{
			position: absolute;
			width: 10px;
			height: 620px;
			margin-top: 10px;
			background: #0a4d21;
			right: 28px;
			top: 0;
			z-index: 1;
		}
		ul.timeline-portfolio > li > a{
			font-family: 'db-sathorn-x-v32';
			font-size: 25px;
			color: #363636;
			display: block;
			line-height: 36px;
			vertical-align: middle;
			background: url('../img/portfolio/arrow-li.png') top right no-repeat ;
			z-index: 50;
		}
		.line-contact{
			display: block;
		}
	/*.footer-wrapper{
		text-align: center;
	}
	footer .footer-wrapper .copyright{
		text-align: center;
		margin-top: 10px;
		}*/
		footer .footer-wrapper .detail-bosch a.boschprojects{
			position: relative;
			margin-left: 97px;
			top: -20px;
		}
		footer .footer-wrapper .detail-bosch a > img{
			margin-top: 13px;
		}
		.gototop {
			position: relative;
			top: -5px;
		}
		.box-kb-list ul li{
			padding: 10px;
			float: left;
			margin-bottom: 20px;
		}
		.box-kb-list ul li.kb-mid{
			margin-top: -40px;
		}
		.box-kb-list .item-kb-img:hover .icon-eye{
			background: url('../img/news/over-eye.png') center no-repeat;
			width: 200px;
			height: 122px;
			position: relative;
			cursor: pointer;
			margin-top: -122px;
		}
		ul.news-item li .box-list-news .news-img img{
			width: 100%;
		}
		ul.news-item li .box-list-news:hover .icon-eye{
			left: 35%;
			top: 25%;
		}
	}

	@media (max-width: 767px) {
		header .box-logo > a > img{
			float: none;
		}
		header .box-logo > a.logo-1 > img{
			width: auto;
		}
		header .box-logo > a.logo-2 > img{
			width: auto;
		}
		header .box-logo{
			text-align: center;
			margin-bottom: 20px;
		}
		header .box-search .input-group{
			display: block;
			text-align: left;
			margin-bottom: 10px;
		}
		header .box-search .input-group-btn{
			text-align: right;
		}
		header .box-search .input-group-btn:last-child > .btn,
		header .box-search .input-group-btn:last-child > .btn-group{
			border-radius: 0px 30px 30px 0px;
			height: 20px;
			font-size: 12px;
			padding: 2px 6px;
			border: 0px;
			line-height:1.5;
			background: transparent;
			color: #ffc81d;
			position: relative;
			z-index: 10;
			margin-top: -23px;
			margin-left: 0px;
		}
		.bg-header{
			display: none;
		}
		header .box-menu{
			margin-top: 10px;
			background: url('../img/bg-menu-mobile.jpg');
		}
		header .box-menu ul{
			margin: 0px;
			margin-left: 0px;
			font-size: 16px;
			text-transform: uppercase;
		}
		header .box-menu .navbar-nav > li > a{
			padding: 10px;
			color: #56554a;
			font-size: 30px;
		}

		header .box-menu .navbar-nav > li > a:hover{
			color: #ff5610;
			background: transparent;
		}
		header .box-menu .navbar-nav > li.active > a,
		header .box-menu .navbar-nav > li.active > a:hover{
			color: #ff5610;
			background: transparent;
		}
		.slide-wrapper {
			height: auto;
		}
		.slide-wrapper .bg-tree{
			display: none;
		}
		.slide-wrapper .bg-man{
			display: none;
		}
		.slide-wrapper .bg-slide{
			display: none;
		}
		.slide-wrapper .box-slide{
			position: relative;
			top: 20px;
			width: 100%;
			height: auto;
			margin-bottom: 40px;
			margin-left: 0px;
		}
		.about-home .box-content-home .ling-right{
			display: none;
		}
		.about-home .box-content-home .box-light{
			background: url('../img/light-about.png') no-repeat right top;
			width: 100%;
			height: 87px;
			position: absolute;
			margin-top: -40px;
		}
		.box-newupdate{
			margin-top: 20px;
			margin-bottom: 20px;
		}
		.box-newupdate .img-news img {
			width: 100%;
		}
		.box-logo-partner .line-logo{
			display: none;
		}
		.box-logo-partner .line-logo-right{
			display: none;
		}
		.box-logo-partner {
			text-align: center;
		}
		footer{
			font-family: "Tahoma",Helvetica,Arial,sans-serif;
		}
		footer .footer-wrapper .detail-bosch{
			text-align: center;
		}
		footer .footer-wrapper .detail-bosch > a{
			display: block;
		}
		footer .footer-wrapper .copyright{
			text-align: center;
		}
		footer .footer-wrapper a.gototop{
			display: block;
		}
		.bar-breadcrumb{
			text-align: center;
			margin-bottom: 20px;
		}
		.bar-breadcrumb h1{
			text-align: center;
		}
		.bar-breadcrumb-two{
			text-align: center;
			margin-bottom: 20px;
		}
		.bar-breadcrumb-two h1{
			text-align: center;
		}
		#breadcrumbs{
			margin-top: 0px;
		}
		.box-title-map{
			text-align: center;
			font-family: 'db-sathorn-x-v32';
			font-size: 16px;
			color: #fff;
			background: #ff4504;
			padding: 10px;
			border-radius: 8px;
		}

		.boxgrid{
			width: 255px;
			height: 180px;
			margin:0px;
			background:#161613;
			overflow: hidden;
			position: relative;
		}
		.boxgrid img{
			position: absolute;
			top: 0;
			left: 0;
			border: 0;
		}

		.boxcaption{
			font-family: 'db-sathorn-x-v32';
			position: absolute;
			background: rgba(10,77,33,0.6);
			height: 180px;
			width: 100%;
			margin-left: 0px;
			padding: 10px;
		}
		.caption .boxcaption {
			top: 220;
			left: 0;
		}
		.boxcaption h3{
			margin: 5px 0px 10px 0px;
			font-size: 18px;
			font-weight: 700;
			color: #fff;
		}
		.boxcaption p{
			color: #fff;
			font-size: 18px;
			line-height: 1;
		}
		.pagnew{
			text-align: center;
		}
		.pagnew ul.pagination{
			margin: 0px;
			padding: 0px;
		}
		.pagnew .pagination > li{
			margin: 0px 2px;
			font-size: 10px;
		}
		.pagnew .pagination > li > a{
			display: inline-block;
			padding: 4px 8px;
			margin-left: 2px;
			line-height: 1.42857143;
			color: #363636;
			text-decoration: none;
			background-color: #fff;
			border: 0px solid #ddd;
			border-radius: 50%;
		}
		.pagnew .pagination > li > a:hover,
		.pagnew .pagination > li.active > a,
		.pagnew .pagination > li.active > a:hover{
			background-color: #0a4d21;
			color: #fff;
		}
		.pagnew .pagination > li.first > a,
		.pagnew .pagination > li.last > a{
			background: transparent;
			margin-top: -9px;
		}

		.pagnew .pagination > li.first > a > i,
		.pagnew .pagination > li.last > a > i{
			position: relative;
			bottom: -5px;
			font-size: 20px;
		}
		.bar-breadcrumb-two #breadcrumbs {
			font-size: 11px;
			display: inline-block;
			margin: 20px 0px 0px 0px;
			padding-left: 3px;
			margin-left: -10px;
			margin-right: -10px;

		}
		.box-gallery-sugar-equipment .row{
			text-align: center;
		}
		.bar-breadcrumb-two .label {
			color: #fff;
			height: 30px;
			padding: 8px 8px 8px 0px;
			-moz-user-select: none;
			-webkit-user-select: none;
			display: inline-block;
			padding-left: 25px;
		}
		.bar-breadcrumb-two .arrow{
			margin-left: -3px;
		}
		.bar-breadcrumb-two .button{
			margin-left: -2px;
		}
		.box-gallery-order-products ul li{
			display: block;
		}
		.line-timeline{
			position: absolute;
			width: 10px;
			height: 620px;
			margin-top: 10px;
			background: #0a4d21;
			right: 28px;
			top: 0;
			z-index: 1;
		}
		.line-content-1{
			display: none;
		}
		.detail-timeline{
			padding:10px;
		}
		.header-page h1{
			font-size: 50px;
		}
		.news-item .boxgrid{
			width: 255px;
			height: 250px;
			margin: 0px;
			background: #fff;
			overflow: hidden;
			position: relative;
		}
		.news-item .boxgrid:hover img{
			-webkit-transition: opacity 0.5s ease-in-out;
			-moz-transition: opacity 0.5s ease-in-out;
			-ms-transition: opacity 0.5s ease-in-out;
			-o-transition: opacity 0.5s ease-in-out;
			transition: opacity 0.5s ease-in-out;
			opacity: 0.5;
			filter: alpha(opacity=50);
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		}
		.news-item .boxgrid:hover .icon-eye{
			background: url('../img/news/over-eye.png') center no-repeat;
			width: 255px;
			height: 200px;
			position: absolute;
			cursor: pointer;
		}
		#tiles li {
			width: 275px;
			background-color: #ffffff;
			border: 1px solid #dedede;
			border-radius: 2px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			display: none; /** Hide items initially to avoid a flicker effect **/
			cursor: pointer;
			padding: 4px;
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
			margin: 5px;

		}
		.box-arrorw-nav img{
			height: 100px;
		}
		.detail-timeline .modal-dialog{
			margin: 50px auto;
		}
		.nav-arrow-left,.nav-arrow-right{
			top: 50%;
		}
		.box-detail-modal .media-carousel .carousel-control.left,
		.box-detail-modal .media-carousel .carousel-control.right{
			margin-top: 120px;
		}
		.nav-map .border-map{
			display: none;
		}
		.nav-map ul > li.map-1,.nav-map ul > li.map-2,.nav-map ul > li.map-3{
			text-align: left;
		}
		.nav-map ul > li.map-1 > a > .img-map,.nav-map ul > li.map-2 > a > .img-map,.nav-map ul > li.map-3 > a > .img-map{
			margin-left:0px;
		}
		footer .footer-wrapper .detail-bosch a.boschprojects{
			position: relative;
			margin-left: 0px;
			top: 0px;
		}
		footer .footer-wrapper .detail-bosch a > img{
			margin-top: 0px;
		}
		.gototop {
			position: relative;
			top: 0px;
		}
		.box-news-list-gallery .media-carousel{
			margin-top: 20px;
			margin-bottom: 20px;
		}
		.box-news-list-gallery .media-carousel .carousel-control.left{
			left: 42%;
		}
		.box-news-list-gallery .media-carousel .carousel-control.right{
			margin-top: 200px;
			left: 42%;
		}
		.box-kb-list ul li{
			padding: 10px;
			width: 100%;
			float: left;
			margin-bottom: 20px;
		}
		.box-kb-list ul li.kb-mid{
			margin-top: 0px;
		}
		.box-kb-list .item-kb-img:hover .icon-eye{
			background: url('../img/news/over-eye.png') center no-repeat;
			width: 250px;
			height: 147px;
			position: relative;
			cursor: pointer;
			margin-top: -147px;
		}

	}

/*
@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}
*/

@media (max-width: 350px) {
	.col-sm-5.col-xs-12.fix-center img {
		width: 90%;
	}
	.box-news-list.rwd-view .news-list-img {
		display: none;
	}
	.box-news-list.rwd-view > ul.news-list > li {
		padding: 0 10px;
	}
	.box-news-list.rwd-view > ul.news-list > li .arrow-news-list {
		display: none;
	}
}

@media (min-width: 320px) and (max-width: 480px) {


	/*==========  Tabs Style-2  ==========*/
	.tab--orange.tab-style2 ul {
		background: url(../img/company/tab-orange2.jpg) 0 0 repeat-x;
	}
	.tab--orange.tab-style2 ul li {
		margin: 0;
	}

	.tab--orange.tab-style2 ul li:hover {
		background: url(../img/company/tab2.jpg) 0 0 repeat-x;
	}
	.tab--orange.tab-style2 ul li:first-child {
		padding: 0 5px;
		margin: 0;
	}
	.tab--orange.tab-style2 ul li:last-child {
		padding: 0 5px;
		margin: 0;
	}
	.tab--orange.tab-style2 ul li:hover:before {
		/*background: url(../img/company/tap-white2.png) 0 0 no-repeat;*/
		background: none !important;
	}
	.tab--orange.tab-style2 ul li:hover:after {
		/*background: url(../img/company/tap-white2.png) -30px 0 no-repeat;*/
		background: none !important;
	}
	.tab--orange.tab-style2 ul li.active:before {
		/*background: url(../img/company/tap-white2.png) 0 0 no-repeat;*/
		background: none !important;
	}
	.tab--orange.tab-style2 ul li.active:after {
		/*background: url(../img/company/tap-white2.png) -30px 0 no-repeat;*/
		background: none !important;
	}

	.copyright .allright {
		display: block
	}

	.col-sm-4.map-1.col-xs-4 p,
	.col-sm-4.map-2.col-xs-4 p,
	.col-sm-4.map-3.col-xs-4 p {
		font-size: 17px;
		height: 35px;
		line-height: 17px;
		text-align: center;
	}
	.col-sm-4.map-1.col-xs-4.fix-pd,
	.col-sm-4.map-2.col-xs-4.fix-pd,
	.col-sm-4.map-3.col-xs-4.fix-pd {
		padding: 0 5px;
	}
	.nav-map {
		position: relative;
	}
	.nav-map ul > li.map-1,
	.nav-map ul > li.map-2,
	.nav-map ul > li.map-3 {
		text-align: center;
	}
	.nav-map ul > li.map-3 > a > .img-map {
		margin-right: 0;
	}
	.nav-map .border-map {
		display: block;
		left: 0;
		margin: 0 auto;
		position: absolute;
		right: 0;
		top: 62px;
		width: 70%;
	}
	.boxcaption {
		width: 100%;
	}
	.boxgrid {
		width: 100%;
	}
	.boxcaption h3 {
		line-height: 21px;
	}
	ul.news-item li .box-list-news:hover .icon-eye {
		left: 0;
		text-align: center;
		top: 10%;
		width: 100%;
	}
	.box-kb-list .item-kb-img:hover .icon-eye {
		background: none;
	}
	.col-sm-4.col-xs-12.fix-center img {
		width: 90%;
	}
	.box-image-sugar-equipment.fix-center {
		text-align: center;
	}
	.box-news-list.rwd-view ul.news-list {
		padding: 0;
	}
	.box-news-list.rwd-view > ul.news-list > li {
		margin-bottom: 1px;
	}
	.box-news-list-gallery a.rwd-view {
		font-size: 20px;
		top: 0 !important;
	}

}

@media (max-width: 430px) {
	.list-inline .col-xs-6 {
		width: 100%;
	}
}

@media (max-width: 479px) {
	.fancybox-inner .respon-slide.owl-carousel.owl-loaded  {
		display: block;
	}
	.pikachoose {
		display: none;
	}

}

@media (max-width: 580px) {
	.product-equipment .col-xs-6 {
		width: 100%;
	}

	.product-equipment .boxgrid {
		width: 100%;
	}
}


@media (max-width: 767px) {
	.product-equipment .boxgrid {
		margin: 0 auto;
		width: 90%;
		max-width: 250px;
	}
}

@media (max-width: 767px) {
	ul.box-detail-timeline {
		margin-top: 20px;
	}
	ul.timeline-portfolio {
		display: none;
		background: rgba(0, 0, 0, 0.2);
	}
	ul.timeline-portfolio > li {
		margin-bottom: 5px;
	}
	ul.timeline-portfolio > li > a {
		background: none;
		font-size: 18px;
		padding-left: 20px;
		box-sizing: border-box;
	}
	ul.timeline-portfolio > li.active a:after {
		background: url(../img/portfolio/arrow-li2.png) no-repeat scroll 0 -26px rgba(0, 0, 0, 0);
	}
	ul.timeline-portfolio > li > a:after {
		background: url(../img/portfolio/arrow-li2.png) no-repeat scroll right top rgba(0, 0, 0, 0);
		content: "";
		height: 26px;
		width: 26px;
		position: absolute;
		right: 10px;
		margin-top: 5px;
	}
	ul.timeline-portfolio > li > a:hover:after {
		background: url(../img/portfolio/arrow-li2.png) no-repeat scroll 0 -26px rgba(0, 0, 0, 0);
		content: "";
		height: 26px;
		width: 26px;
		position: absolute;
		right: 10px;
		margin-top: 5px;
	}
	ul.timeline-portfolio > li > a:hover, ul.timeline-portfolio > li > a:focus {
		background: none;
	}
	ul.timeline-portfolio > li.active > a, ul.timeline-portfolio > li.active > a:hover, ul.timeline-portfolio > li.active > a:focus {
		background: none;
	}
	ul.timeline-portfolio.line-timeline {
		display: block;
	}

	ul.news-list {
		display: none;
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
		padding: 10px;
		box-sizing: border-box;
	}

	.line-timeline {
		display: none;
	}

	.sub-menu {
		background-color: #f9c910;
		color: #0961ba;
		font-size: 14px;
		vertical-align: middle;
		display: table;
		width: 100%;
		height: 40px;
		vertical-align: middle;
		cursor: pointer;
	}

	.sub-menu:before {
		content: "Timeline Portfolio";
		font-family: 'db-fongnam-x-v32';
		font-size: 25px;
		left: 10px;
		position: relative;
		top: 2px;
		color: #000;
		font-weight: bold;
	}
	.sub-menu.news:before {
		content: "news & activities";
	}

	.right-arrow.sub-menu:after {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 0 5px 7px;
		border-color: transparent transparent transparent #000000;
		position: absolute;
		right: 32px;
		top: 16px;
	}

	.right-arrow1 {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 0 5px 7px;
		border-color: transparent transparent transparent #000000;
		position: absolute;
		right: 32px;
		top: 16px;
	}

	.down-arrow.sub-menu:after{
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 7px 5px 0 5px;
		border-color: #000000 transparent transparent transparent;
		position: absolute;
		right: 32px;
		top: 16px;
	}


	.line-right {
		display: none;
	}

	.col-sm-5.col-xs-12.fix-center {
		text-align: center;
		margin-top: 15px;
	}
	.col-sm-5.col-xs-12.fix-center img {
		box-shadow: 0 1px 1px #596051;
	}
	.nav-map.contact .border-map {
		display: block;
		width: 65%;
		top: 70px;
	}
	.nav-map ul > li.map-1, .nav-map ul > li.map-2, .nav-map ul > li.map-3 {
		text-align: center;
	}
	.col-sm-4.map-1.col-xs-4 p,
	.col-sm-4.map-2.col-xs-4 p,
	.col-sm-4.map-3.col-xs-4 p {
		font-size: 17px;
		height: 35px;
		line-height: 17px;
	}
	.col-sm-4.map-1.col-xs-4.fix-pd,
	.col-sm-4.map-2.col-xs-4.fix-pd,
	.col-sm-4.map-3.col-xs-4.fix-pd {
		padding: 0 5px;
	}
	.arrow-position.media-carousel .carousel-control.left {
		height: auto;
		width: auto;
		margin-top: auto;
	}

	.box-news-list-gallery.fix-top {
		margin-top: 20px;
	}
	ul.news-list > li:last-child {
		margin-bottom: 0;
	}
	.box-news-list-gallery a.rwd-view {
		top: 25px;
	}

	.slide-respon {
		margin-top: 15px;
	}
}

@media (min-width: 768px) and (max-width:991px) {
	.list-inline img {
		width: 95%;
	}

	.about-home .box-content-home .box-gallery-home > ul > li {
		margin: 0 0 50px;
	}
	.about-home .box-content-home .box-gallery-home > ul > li > a > img {
		width: 90%;
	}

	ul.news-item li .box-list-news:hover .icon-eye {
		left: 0;
		text-align: center;
		top: 10%;
		width: 100%;
	}
	.col-sm-4.map-1.col-xs-4 p,
	.col-sm-4.map-2.col-xs-4 p,
	.col-sm-4.map-3.col-xs-4 p {
		font-size: 17px;
		height: 35px;
		line-height: 17px;
		text-align: center;
	}

	.nav-map.contact .border-map {
		background: none repeat scroll 0 0 #424242;
		top: 70px;
		height: 9px;
		margin: 0 auto;
		position: relative;
		width: 75%;
	}
	/*.box-content-product-equipment.scroll-height {
		max-height: 330px;
	}*/
	.line-content-1 {
		max-height: 245px;
	}
	.detail-timeline.fix-box p {
		height: 60px;
		line-height: 20px;
		margin-bottom: 18px;
		overflow-y: auto;
	}
	.line-timeline {
		height: 580px;
	}

	.box-content-product-equipment .mCustomScrollBox  {
		max-height: 230px !important;
	}

	.box-content-product-equipment {
		max-height: 245px;
	}
}

@media (max-width: 991px) {
	footer .footer-wrapper a.gototop {
		display: block;
		margin-top: 5px;
	}

	/*.gallery-control {
		display: none;
	}*/

	.gallery-control .slide-respon , .gallery-control .sliderkit.photosgallery-vertical{
		display:none !important;
	}

	.box-content .slide-respon {
		display: block;
		margin-bottom: 16px;

	}

	.box-news-list-detail {
		top: 0;
		margin-top: 0;

	}

	.slide-gallery {
		display: none;
	}

	.owl-slide-products {
		display: block !important;
	}
}
@media (max-width: 960px) {
	.box-kb-list .item-kb-img:hover .icon-eye {
		background: none;
	}
	ul.kb-item li .item-kb-img .icon-eye {
		left: 0;
		text-align: center;
		width: 100% !important;
	}
	.item-kb-img > .link-list-kb > .box-kb-img {
		text-align: center;
	}
	.item-kb-img > .link-list-kb > .box-kb-img img {
		box-shadow: 0 1px 1px #596051;
	}

	.box-image-sugar-equipment.fix-width-img img {
		width: 100%;
	}
	ul.list-unstyled.list-gallery > li {
		display: inline-block;
	}
	ul.list-unstyled.list-gallery > li img {
		width: 100%;
	}
	.list-unstyled.list-gallery > li.rwd-view {
		width: 32%;
	}
	.item ul.list-unstyled.list-gallery.rwd-view {
		text-align: center;
	}
	.box-news-list-gallery .media-carousel .carousel-control.left {
		margin-top: 10px;
		left: 0;
	}
	.box-news-list-gallery .media-carousel .carousel-control.right {
		margin-top: 10px;
		left: auto;
		margin-right: 12px;
	}
}


.header-page {
	margin-bottom: -5px;
}

.timeline-portfolio .line-timeline {
	display: none;
}

/*==================================================
=            Tabs Menu in Company Page             =
==================================================*/
.tab--orange {
	position: relative;
	display: inline-block;
	margin-top: 30px;
	line-height: 26px;
	font-family: 'db-fongnam-x-v32';
	font-size: 18px;
}
.tab--orange ul {
	padding: 0;
	background: url(../img/company/tab.jpg) 0 0 repeat-x;
	display: table;
	height: 26px;
	white-space: nowrap;
}
.tab--orange ul .nav__orange--left {
	background: url(../img/company/tap-orange2.png) 0 0 no-repeat;
	width: 26px;
	height: 26px;
	position: absolute;
	left: -15px;
	top: 0;
}
.tab--orange ul .nav__orange--right {
	background: url(../img/company/tap-orange2.png) no-repeat scroll -30px 0 rgba(0, 0, 0, 0);
	height: 26px;
	position: absolute;
	right: -26px;
	top: 0;
	width: 26px;
}
.tab--orange ul li {
	position: relative;
	display: inline-block;
	list-style: none;
	font-size: 1.3em;
	padding: 0px 5px;
	margin: 0 12px;
	text-align: center;
	text-shadow: 1px 1px #8f8f8f;
	line-height: 26px;
}
.tab--orange ul li:first-child {
	margin-left: 0;
	margin-right: 10px;
	padding-left: 20px;
	padding-right: 5px;
}
.tab--orange ul li:last-child {
	margin-right: 0;
	margin-left: 10px;
	padding-left: 5px;
	padding-right: 20px;
}
.tab--orange ul li.active {
	background: url(../img/company/tab-orange.jpg) 0 0 repeat-x;
	height: 26px;
	color: #fff;
}
.tab--orange ul li.active:before {
	content: "";
	left: -26px;
	top: 0;
	position: absolute;
	background: url(../img/company/tap-orange2.png) 0 0 no-repeat;
	width: 26px;
	height: 26px;
}
.tab--orange ul li.active:after {
	content: "";
	right: -26px;
	top: 0;
	position: absolute;
	background: url(../img/company/tap-orange2.png) -30px 0 no-repeat;
	width: 26px;
	height: 26px;
}
.tab--orange ul li.active:first-child:before {
	background: none;
}
.tab--orange ul li.active:last-child:after {
	background: none;
}
.tab--orange ul li:hover {
	background: url(../img/company/tab-orange.jpg) 0 0 repeat-x;
}
.tab--orange ul li:hover:before {
	content: "";
	left: -26px;
	top: 0;
	position: absolute;
	background: url(../img/company/tap-orange2.png) 0 0 no-repeat;
	width: 26px;
	height: 26px;
}
.tab--orange ul li:hover:after {
	content: "";
	right: -26px;
	top: 0;
	position: absolute;
	background: url(../img/company/tap-orange2.png) -30px 0 no-repeat;
	width: 26px;
	height: 26px;
}
.tab--orange ul li:hover:first-child:before {
	background: none;
}
.tab--orange ul li:hover:last-child:after {
	background: none;
}
.tab--orange ul li a {
	color: #000;
	text-decoration: none;
}
.tab--orange ul li a:hover {
	opacity: 0.7;
}
.tab--orange ul li a.active {
	color: #fff;
}

/*==========  Tabs Style-2  ==========*/
.tab--orange.tab-style2 ul {
	background: url(../img/company/tab-orange2.jpg) 0 0 repeat-x;
}
.tab--orange.tab-style2 ul li:hover {
	background: url(../img/company/tab2.jpg) 0 0 repeat-x;
}
.tab--orange.tab-style2 ul li:first-child {
	border-left: 1px solid #fff;
}
.tab--orange.tab-style2 ul li:last-child {
	border-right: 1px solid #fff;
}
.tab--orange.tab-style2 ul li:hover:before {
	background: url(../img/company/tap-white2.png) 0 0 no-repeat;
}
.tab--orange.tab-style2 ul li:hover:after {
	background: url(../img/company/tap-white2.png) -30px 0 no-repeat;
}
.tab--orange.tab-style2 ul li a {
	color: #fff;
}
.tab--orange.tab-style2 ul li.active {
	background: url(../img/company/tab2.jpg) 0 0 repeat-x;
	color: #000;
}
.tab--orange.tab-style2 ul li.active:before {
	background: url(../img/company/tap-white2.png) 0 0 no-repeat;
}
.tab--orange.tab-style2 ul li.active:after {
	background: url(../img/company/tap-white2.png) -30px 0 no-repeat;
}
.tab--orange.tab-style2 ul li.active:first-child:before {
	background: none;
}
.tab--orange.tab-style2 ul li.active:last-child:after {
	background: none;
}
.tab--orange.tab-style2  ul li:hover:first-child:before {
	background: none;
}
.tab--orange.tab-style2  ul li:hover:last-child:after {
	background: none;
}

/* End Tabs Menu in Company Page */

/* Start edit selectBox */
div.selectBox:after {
	content: "";
	background: url(../img/company/select-orange.png) 0 0 no-repeat;
	width: 55px;
	height: 28px;
	position: absolute;
	right: 0;
	z-index: 200;
}
span.selectArrow {
	right: -8px;
	color: #fff;
	font-size: 12px;
	cursor: pointer;
}
/* End edit selectBox */

/* Start edit header Knowledge */
.head-knowledge h4 {
	color: #0a4d21;
	font-family: "db-sathorn-x-v32";
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
	margin-top: 0;
}
.list-inline.fix-pd > li {
	border: 1px solid #fff;
	box-sizing: border-box;
	padding: 0;
}
.list-inline.fix-pd > li img {
	width: 100%;
	max-height: 290px;
}
.box-kb-img-head .list-inline {
	margin-left: 0;
}

.box-kb-detail {
	font-family: 'db-sathorn-x-v32';
	background: none repeat scroll 0 0 #fff;
	display: inline-block;
	margin-top: 15px;
	padding: 10px;
	text-align: justify;
	color: #363636;
	font-size: 18px;
}

/* End edit header Knowledge */

.select-design span.filter-option:after {
	background: none repeat scroll 0 0 #4ea32a;
	border-radius: 0 2px 2px 0;
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 33px;
}

.select-design span.caret {
	color: #fff;
	right: 11px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid;
}

.select-design button.btn-default {
	border: none;
	background-color: #ebebeb;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
}

.bootstrap-select > .btn {
	color: #777;
}

/* Start light box ScrollBar (box-kb-detail) */
.box-kb-detail .mCustomScrollBox  {
	max-height: 370px;
}
.box-kb-detail .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgba(255, 206, 56, 0.5);
}
.box-kb-detail .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
	opacity: 1;
}
.box-kb-detail .mCSB_scrollTools .mCSB_draggerRail {
	width: 6px;
}
.box-kb-detail .mCSB_scrollTools .mCSB_draggerRail {
	background-color: rgba(0, 0, 0, 0.15);
}
.box-kb-detail .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 8px;
}
/* end light box ScrollBar (box-kb-detail) */


/* Start light box ScrollBar (box-font-modal)*/
.box-font-modal .mCustomScrollBox  {
	max-height: 270px;
}
.box-font-modal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgba(255, 206, 56, 0.5);
}
.box-font-modal .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
	opacity: 1;
}
.box-font-modal .mCSB_scrollTools .mCSB_draggerRail {
	width: 6px;
}
.box-font-modal .mCSB_scrollTools .mCSB_draggerRail {
	background-color: rgba(0, 0, 0, 0.15);
}
.box-font-modal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
}
/* end light box ScrollBar (box-font-modal) */

/* Start light box ScrollBar (box-news-list-detail)*/
.box-news-list-detail .mCustomScrollBox  {
	max-height: 280px;
}
.box-news-list-detail .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgba(255, 206, 56, 0.5);
}
.box-news-list-detail .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
	opacity: 1;
}
.box-news-list-detail .mCSB_scrollTools .mCSB_draggerRail {
	width: 6px;
}
.box-news-list-detail .mCSB_scrollTools .mCSB_draggerRail {
	background-color: rgba(0, 0, 0, 0.15);
}
.box-news-list-detail .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
}
/* end light box ScrollBar (box-news-list-detail) */

/* Start light box ScrollBar (box-content-product-equipment)*/
.box-content-product-equipment .mCustomScrollBox  {
	max-height: 418px;
}
.box-content-product-equipment .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgba(255, 206, 56, 0.5);
}
.box-content-product-equipment .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
	opacity: 1;
}
.box-content-product-equipment .mCSB_scrollTools .mCSB_draggerRail {
	width: 6px;
}
.box-content-product-equipment .mCSB_scrollTools .mCSB_draggerRail {
	background-color: rgba(0, 0, 0, 0.15);
}
.box-content-product-equipment .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
}
/* end light box ScrollBar (box-content-product-equipment) */

/* Start light box ScrollBar (box-content-product-equipment)*/
.box-content-product-chemicals .mCustomScrollBox  {
	max-height: 680px;
}
.box-content-product-chemicals .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: rgba(255, 206, 56, 0.5);
}
.box-content-product-chemicals .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
	opacity: 1;
}
.box-content-product-chemicals .mCSB_scrollTools .mCSB_draggerRail {
	width: 6px;
}
.box-content-product-chemicals .mCSB_scrollTools .mCSB_draggerRail {
	background-color: rgba(0, 0, 0, 0.15);
}
.box-content-product-chemicals .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
}
/* end light box ScrollBar (box-content-product-equipment) */


/* edit Dragger Bar OnDrag */
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background-color: #ffce38; background-color: rgba(255,206,56,0.9);
	filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)";
}
/* edit Dragger Bar OnHover */
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background-color: #ffce38; background-color: rgba(255,206,56,0.7);
	filter: "alpha(opacity=70)"; -ms-filter: "alpha(opacity=70)";
}

/* add viewmore button */
.box-career-home h3 > a.viewmore {
	color: #fff;
	background: #0a4d21;
	height: 24px;
	line-height: 28px;
	padding: 0 3px;
	letter-spacing: 2px;
	font-size: 20px;
	display: inline-block;
	top: -1px;
	left: 13px;
	position: relative;
	text-transform: uppercase;
}
.box-career-home h3 > a.viewmore:before {
	content: "";
	background: url('../img/before-viewmore.png');
	width: 11px;
	height: 24px;
	position: absolute;
	left: -11px;
}

.box-career-home h3 > a:hover.viewmore {
	color: #0a4d21;
	background: #fff;
	height: 24px;
	line-height: 28px;
	padding: 0 3px;
	letter-spacing: 2px;
	font-size: 20px;
	display: inline-block;
	text-decoration: none;
	top: -1px;
	left: 13px;
	position: relative;
	text-transform: uppercase;
}

.box-career-home h3 > a:hover.viewmore:before {
	content: "";
	background: url('../img/before-viewmore-hover.png');
	width: 11px;
	height: 24px;
	position: absolute;
	left: -11px;
}

/* end viewmore button */

.gallery-control .sliderkit, .customtabs {
	margin: 0;
	height: 264px;
}

.gallery-control .sliderkit .sliderkit-panel {
	max-width: 450px;
}

.gallery-control .sliderkit .sliderkit-panel .img-wrapper img {
	width: 100%;
}

.gallery-control .gallery-control {
	padding: 0;
	position: relative;
}
.gallery-control .line-shadow {
	background: url(../img/line-shadow.jpg) 0 0 no-repeat;
	width: 20px;
	height: 365px;
	right: 24%;
	top: 10%;
	position: absolute;
}
.gallery-control .sliderkit-panel > .img-wrapper {
	border-radius: 8px;
	/* padding: 3px;*/
	/*border: 5px solid #87c3ea;*/
}
.gallery-control .sliderkit-panel > .img-wrapper img {
	border: 1px solid #fff;
	border-radius: 1px;
}
.gallery-control .sliderkit-nav-clip {
	top: -35px !important;
}
.gallery-control .photosgallery-vertical .sliderkit-nav {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
	float: right;
	height: 190px;
	margin-top: 37px;
	position: relative;
}
.gallery-control .photosgallery-vertical .sliderkit-nav ul.img-wrapper li img {
	width: 95%;
	border: 1px solid #fff;
	border-radius: 0px;
	margin-bottom: 3px;
	opacity: 0.7;
}
.gallery-control .photosgallery-vertical .sliderkit-nav ul.img-wrapper li img:hover {
	opacity: 0.8;
}
.gallery-control .photosgallery-vertical .sliderkit-nav ul.img-wrapper li.sliderkit-selected img {
	border-color: #f9c910;
	opacity: 1;
}
.gallery-control .photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev {
	background: url(../img/news/nav-top.png) center center no-repeat;
	top: -35px;
	cursor: pointer;
	height: 13px;
	position: absolute;
	right: 3px;
	width: 128px;
}
.gallery-control .photosgallery-vertical .sliderkit-nav .sliderkit-nav-prev:hover {
	opacity: 0.8;
}
.gallery-control .photosgallery-vertical .sliderkit-nav .sliderkit-nav-next {
	background: url(../img/news/nav-down.png) center center no-repeat;
	bottom: 0px;
	cursor: pointer;
	height: 13px;
	position: absolute;
	right: 0px;
	width: 135px;
}
.gallery-control .photosgallery-vertical .sliderkit-nav .sliderkit-nav-next:hover {
	opacity: 0.8;
}

.slide-respon {
	display: none;
}

.slide-respon .item {
	border: 1px solid #fff;
}

/* Owl dot style */
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    background: #eeffd1;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #f9c910;
}


/*
 *  PHOTOS GALLERIES
 *  ------------------------------------------------
 */

/*---------------------------------
 *  Photos gallery > Standard
 *---------------------------------*/
.photosgallery-std {
	width:440px;
	height:444px;
	padding:0;
	margin: 0;
}

/* Navbar buttons */
.photosgallery-std .sliderkit-nav .sliderkit-btn a{display:block;width:15px;height:76px;background:transparent url("../images/arrows-h.png") no-repeat center 0;}
.photosgallery-std .sliderkit-nav .sliderkit-nav-prev{left:20px;}
.photosgallery-std .sliderkit-nav .sliderkit-nav-next{right:20px;}
.photosgallery-std .sliderkit-nav .sliderkit-nav-prev a{background-position:-89px center;}
.photosgallery-std .sliderkit-nav .sliderkit-nav-next a{background-position:-108px center;}
.photosgallery-std .sliderkit-nav .sliderkit-nav-prev a:hover,
.photosgallery-std .sliderkit-nav .sliderkit-nav-prev a:focus{background-position:-126px center;}
.photosgallery-std .sliderkit-nav .sliderkit-nav-next a:hover,
.photosgallery-std .sliderkit-nav .sliderkit-nav-next a:focus{background-position:-145px center;}


/* Panel */
.photosgallery-std .sliderkit-panel {top:0;left:0;width:440px;height:444px;}
.photosgallery-std .sliderkit-panel img {
	overflow-y: hidden;
}

.sliderkit .sliderkit-count {display: none;}

#standardPhotosgallery .sliderkit-nav {
	position: absolute;
	bottom: 0;
}

#standardPhotosgallery .nav-control {
	position: relative;
	top: 165px;
	width: 100%;
}

#standardPhotosgallery .nav-control .sliderkit-nav-prev a {
	background: url(../img/product/nav-left.png) center center no-repeat;
	height: 99px;
	width: 13px;
	position: absolute;
	left: 1px;
	bottom: 66px;
	z-index: 999;
}

#standardPhotosgallery .nav-control .sliderkit-nav-next a {
	background: url(../img/product/nav-right.png) center center no-repeat;
	height: 99px;
	width: 13px;
	position: absolute;
	right: 5px;
	bottom: 66px;
	z-index: 999;
}

#standardPhotosgallery .sliderkit-nav-clip li {
	margin-right: 17px;
}

#standardPhotosgallery .sliderkit-nav-clip .sliderkit-selected img {
	border-color: #f9c910;
	opacity: 1;
}
#standardPhotosgallery .sliderkit-nav-clip  img {
	border: 1px solid #fff;
	opacity: 0.7;
}
#standardPhotosgallery .sliderkit-nav-clip  img:hover {
	border-color: #f9c910;
	opacity: 1;
	transition-duration: 0.2s;
}

#standardPhotosgallery .sliderkit-panel.sliderkit-panel-active > img {

}

/*================================
=            Box Port            =
================================*/
.photosgallery-std.std-2 .sliderkit-nav {
	position: absolute;
	bottom: 0;
}

.photosgallery-std.std-2 .nav-control {
	position: relative;
	top: 165px;
	width: 100%;
}

.photosgallery-std.std-2 .nav-control .sliderkit-nav-prev a {
	background: url(../img/product/nav-left.png) center center no-repeat;
	height: 99px;
	width: 13px;
	position: absolute;
	left: 1px;
	bottom: 66px;
	z-index: 999;
}

.photosgallery-std.std-2 .nav-control .sliderkit-nav-next a {
	background: url(../img/product/nav-right.png) center center no-repeat;
	height: 99px;
	width: 13px;
	position: absolute;
	right: 5px;
	bottom: 66px;
	z-index: 999;
}

.photosgallery-std.std-2 .sliderkit-nav-clip li {
	margin-right: 17px;
}

.photosgallery-std.std-2 .sliderkit-nav-clip .sliderkit-selected img {
	border-color: #f9c910;
	opacity: 1;
}
.photosgallery-std.std-2 .sliderkit-nav-clip  img {
	border: 1px solid #fff;
	opacity: 0.7;
}
.photosgallery-std.std-2 .sliderkit-nav-clip  img:hover {
	border-color: #f9c910;
	opacity: 1;
	transition-duration: 0.2s;
}

.photosgallery-std.std-2 .sliderkit-panel.sliderkit-panel-active > img {

}


/*-----  End of Box Port  ------*/



.box-product-equipment-detail .owl-slide-products {
	display: none;
}

ul.timeline-portfolio > li {
	position: relative;
}

ul.timeline-portfolio > li:after {
	content: "";
	background: #0a4d21;
	width: 10px;
	height: 40px;
	position: absolute;
	right: 13px;
	top: 34px;
}

ul.timeline-portfolio > li:last-child:after {
	display: none;
}

.line-timeline {
	display: none !important;
}

#box-1,#box-2,#box-3 {
	display: none;
	width: 100%;
	max-width: 800px;
}

.box-text-modal h3 {
	border-bottom: 1px solid #eee;
	color: #0a4d21;
	font-family: "db-sathorn-x-v32";
	font-size: 20px;
	font-weight: bold;
	margin-top: 0;
	padding-bottom: 5px;
}
.box-text-modal {
	font-family: "db-sathorn-x-v32";
	font-size: 18px;
	height: 331px;
	/*overflow-x: hidden;*/
	padding-right: 0px; /*padding-right: 20px;*/
	position: relative;
}

.pikachoose {
	width: 358px;
}

.pika-stage {
	background: none;
	border: none;
	height: 236px !important;
	padding: 0;
	position: relative;
	text-align: left;
	max-width: 354px;
}

.pika-thumbs {
	height: 100px;
	padding: 0;
}

.pika-thumbs li {
	height: 76px;
	width: 110px;
}

.jcarousel-skin-pika {
    left: -5px;
    position: relative;
    top: 5px;
}

.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 0; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 90px; width: auto;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 6px;}

.fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened {
	border: 7px solid rgba(255, 255, 255, 0.2);
	border-radius: 10px;
}

.pika-textnav {
	bottom: 0;
	z-index: 999;
	line-height: 17px;
}

.pika-stage, .pika-textnav {
	max-width: 354px;
}

.pika-textnav a {
	color: #fff;
	cursor: pointer;
}

.pika-textnav a.previous, .pika-textnav a.next {
	background: rgba(255,235,0,0.5);
	line-height: 10px;
	width: 60px;
	text-align: center;
}

.pika-textnav a.previous:hover, .pika-textnav a.next:hover {
	opacity: 0.7;
}

.pika-textnav a.previous {
	border-radius: 0 5px 0 0;
}

.pika-textnav a.next {
	border-radius: 5px 0 0 0;
}

.respon-slide.owl-carousel.owl-loaded {
	display: none;
}

.owl-slide-products-bottom .item a img {border: 1px solid #dedede;}
.owl-slide-products-bottom .item a:hover img {opacity: 0.8; transition-duration: 0.2s; border-color: #f9c910;}

/* modify by netclub */
/*.slideshow-container .slideshow{ min-height: 135px;max-height: 135px; overflow-y: hidden; background: rgba(255, 255, 255, 0.5); }*/
.bg-content img{ max-width:100%; }
.box-nodata
{
	background:#89A67C;
	width:100%;
 	height:200px;
	margin:0 auto;
	border-radius:10px;
	border:#3EA862 solid 1px;
	color:#FFFFFF; text-align:center;
	font-size:27px;
	font-family: 'db-sathorn-x-v32';
	box-sizing:border-box;
	padding-top: 85px;
}

/* modify By netclub */
.search_all_box{
	font-family: 'db-sathorn-x-v32';
}

.box-search-data
{
	background:#89A67C;
	width:100%;
 	min-height:20px;
	margin:0 auto;
	border-radius:10px;
	border:#3EA862 solid 1px;
	color:#FFFFFF;
	font-size:18px;
	padding: 20px;
	font-family: 'db-sathorn-x-v32';
	box-sizing:border-box;
}

.box-search-data a , .box-search-data a:hover{
	color:#FFFFFF !important;
}

.popup_chk_education , .popup_chk_position ,.popup_chk_image,.popup_chk_resume{
	opacity: 0.87 !important;
	position: absolute !important;
	top: 0px !important;
	left: 366px !important;
	margin-top: -52px !important;
}

.popup_chk_captcha{
	opacity: 0.87 !important;
	position: absolute !important;
	top: 21px !important;
	left: 366px !important;
	margin-top: -52px !important;
}

.popup_chk_captcha_contact
{
	opacity: 0.87 !important;
	position: absolute !important;
	top: 21px !important;
	left: 126px !important;
	margin-top: -71px !important;
}

.owl-slide-products.owl-carousel.owl-loaded{ display:none; }
.title-bar-breadcrumb .list-inline li:last-child{ /*width:30%;*/ }
.list-inline.icon-social img:hover{
    opacity: 0.7;
    transition-duration: 0.2s;
}
.pika-stage .caption{ display:none !important;}

.txt-in-box{
	font-size:20px;
}

/* fix width screen for ipad */
.list_content_product {
	display: none;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
	border-radius: 5px;
	padding: 10px 20px;
}

.main_li {
	color: #0a4d21;
	font-family: "db-sathorn-x-v32";
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 5px;
}

.sub_li a {
	color: #333;
	font-family: "db-sathorn-x-v32";
	font-size: 18px;
	position: relative;
	display: block;
}

.sub_li a:before {
	content: "-";
	color: #333;
	font-size: 20px;
	position: absolute;
	left: -20px;
	opacity: 0;
	top: -3px;
	transition: all 0.2s ease 0s;
}

.sub_li a:hover:before {
	left: -15px;
	opacity: 1;
}

@media (max-width: 1023px) {
	.box-image-product { display:none; }
	.list_content_product {
		display: block;
	}
	.box-menu .navbar-collapse  {
		padding: 0;
	}
	.box-menu .navbar-collapse .navbar-nav {
		margin-left: 0;
	}
	.th header .box-menu .navbar-nav > li > a {
		padding-left: 9px;
		font-size: 18px;
	}
}

@media (max-width: 1024px) {

	.box-btn-product.respon {
		display: none;
	}
	.fancybox-overlay .fancybox-type-ajax {
	    left: 0 !important;
	    margin: 0 auto;
	    right: 0 !important;
	    width: 90% !important;
	}

	.nobg-content .pro-icon-line-1 {display: none;}
	.nobg-content .pro-icon-line-2 {display: none;}
}

@media (max-width: 1336px) {
	.fancybox-type-ajax {
	    left: 0 !important;
	    margin: 0 auto;
	    right: 0 !important;
	    width: 69% !important;
	}
}

@media (max-width: 991px) {
	.box-content {
		margin-bottom: 60px;
	}
	.custom-table .box-text-modal table {
	    max-width: 650px !important;
	    overflow-x: auto;
	    width: 100% !important;
	}
	.fancybox-type-ajax {
	    left: 0 !important;
	    margin: 0 auto;
	    right: 0 !important;
	    width: 90% !important;
	}
	.col-sm-6.custom-table{
			width:100%;
	}
}

@media (max-width: 767px) {
	.box-content {
		margin-bottom: 120px;
	}
	.fancybox-type-ajax {
	    left: 0 !important;
	    margin: 0 auto;
	    right: 0 !important;
	    width: 90% !important;
	}
}

@media (max-width: 414px) {
	.box-content {
		margin-bottom: 140px;
	}
	.fancybox-type-ajax {
	    left: 0 !important;
	    margin: 0 auto;
	    right: 0 !important;
	    width: 90% !important;
	}
}

.box-text-modal table{ max-width: 350px !important;width: 100% !important; overflow-x: auto; }
.list-inline.icon-social li img{ width: 22px; }

.iframe-rwd  {
	position: relative;
	padding-bottom: 65.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.iframe-rwd iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* reset ol li ul li */
.detail_reset ol li {
    list-style: decimal outside none !important;
    margin-left: 18px !important;
}
.detail_reset ul li {
    list-style: disc outside none !important;
    margin-left: 18px !important;
}
.box-news-list-detail .content{
	overflow-x : hidden; 
}