@font-face{
	font-family:"DBHelvethaicaX-Cond";
	src:url("../fonts/DBHelvethaicaX-LiCond.eot");
	src:url("../fonts/DBHelvethaicaX-LiCond.eot?#iefix") format("embedded-opentype"),
		url("../fonts/DBHelvethaicaX-LiCond.woff") format("woff"),
		url("../fonts/DBHelvethaicaX-LiCond.ttf") format("truetype"),
		url("../fonts/DBHelvethaicaX-LiCond.svg#DBHelvethaicaX-LiCond") format("svg")
}

@font-face{
	font-family:"DBHelvethaicaX-MedCond";
	src:url("../fonts/DBHelvethaicaX-MedCond.eot");
	src:url("../fonts/DBHelvethaicaX-MedCond.eot?#iefix") format("embedded-opentype"),
		url("../fonts/DBHelvethaicaX-MedCond.woff") format("woff"),
		url("../fonts/DBHelvethaicaX-MedCond.ttf") format("truetype"),
		url("../fonts/DBHelvethaicaX-MedCond.svg#DBHelvethaicaX-MedCond") format("svg")
}

@font-face{
	font-family:"DBHelvethaicaX-LiCond";
	src:url("../fonts/DBHelvethaicaX-LiCond.eot");
	src:url("../fonts/DBHelvethaicaX-LiCond.eot?#iefix") format("embedded-opentype"),
		url("../fonts/DBHelvethaicaX-LiCond.woff") format("woff"),
		url("../fonts/DBHelvethaicaX-LiCond.ttf") format("truetype"),
		url("../fonts/DBHelvethaicaX-LiCond.svg#DBHelvethaicaX-LiCond") format("svg")
}

@font-face{
	font-family:"RobotoCondensed-Regular";
	src:url("../fonts/RobotoCondensed-Regular.eot");
	src:url("../fonts/RobotoCondensed-Regular.eot?#iefix") format("embedded-opentype"),
		url("../fonts/RobotoCondensed-Regular.woff") format("woff"),
		url("../fonts/RobotoCondensed-Regular.ttf") format("truetype"),
		url("../fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular") format("svg")
}

@font-face{
	font-family:"RobotoCondensed-Light";
	src:url("../fonts/RobotoCondensed-Light.eot");
	src:url("../fonts/RobotoCondensed-Light.eot?#iefix") format("embedded-opentype"),
		url("../fonts/RobotoCondensed-Light.woff") format("woff"),
		url("../fonts/RobotoCondensed-Light.ttf") format("truetype"),
		url("../fonts/RobotoCondensed-Light.svg#RobotoCondensed-Light") format("svg")
}

@font-face{
	font-family:"RobotoCondensed-Bold";
	src:url("../fonts/RobotoCondensed-Bold.eot");
	src:url("../fonts/RobotoCondensed-Bold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/RobotoCondensed-Bold.woff") format("woff"),
		url("../fonts/RobotoCondensed-Bold.ttf") format("truetype"),
		url("../fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold") format("svg")
}

html {
    overflow-x: hidden;
    min-width: 1027px;
    font-family: 'DBHelvethaicaX-LiCond';
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body,
.page section.banner .content h1.top-header {
    line-height: 1;
}

#banner-home-box1,
#banner-home-box2,
#banner-home-box3,
#banner-home-box4,
.page .supplies .home-banner-slider .bx-wrapper,
.page .supplies .home-banner-slider .home-banner-controller,
.page .complete .home-banner-slider .bx-wrapper,
.page .complete .home-banner-slider .home-banner-controller,
.page .creation .home-banner-slider .bx-wrapper,
.page .creation .home-banner-slider .home-banner-controller,
.page .global .banner .content,
.page .global .banners-controller,
.page .installation .banner .content,
.page .installation .banners-controller,
.page .property .banner .content,
.page .property .banners-controller {
    opacity: 0;
}

#banner-home-left {
    display: none;
    position: absolute;
    background: url(../images/banner-home-left.png) top center no-repeat;
    width: 100%;
    height: 700px;    
    right: 894px;
    top: 2px;
}

#banner-home-middle {
    display: none;
    position: absolute;
    background: url(../images/banner-home-middle.png) top center no-repeat;
    background-size: 1400px;
    width: 100%;
    height: 700px;
    left: 212px;
    top: 2px;
}

#banner-home-right {
    display: none;
    position: absolute;
    background: url(../images/banner-home-right.png?20180105) top center no-repeat;
    width: 100%;
    height: 700px;
    left: 427px;
    top: 0;
}

#banner-subpage-left {
    display: none;
    position: absolute;
    background: url(../images/banner-home-left.png) top center no-repeat;
    width: 100%;
    height: 700px;    
    right: 932px;
    top: 0;
}

#banner-subpage-right {
    display: none;
    position: absolute;
    background: url(../images/banner-home-middle.png) top center no-repeat;
    background-size: 1400px;
    width: 100%;
    height: 700px;
    left: 212px;
    top: 0;
}

.page section.banner .content ul.awards li span {
    position: relative;
    top: -10px;
    font-size: 22px;
}

.page section.microsites .content a .sub-header {
    position: relative;
    top: -20px;
    margin-bottom: 40px;
}

.page section.microsites .content h2 {
    margin-bottom: 40px;
}

.showAll {
    display: none;
}

.page section.banner .content ul.awards li h2 {
    font-family: 'Oswald';
}

.alert {
    margin-bottom: 0;
}

#lang-TH,
#lang-EN {
    color: #bfbfbf;
    cursor: pointer;
}

.header-nav-wrap {
    position: fixed;
    top: 0;
    width: 100%;
    height: 140px;
    background: white;
    z-index: 100;
}

section.tab-top .tab-red .tab-wrapper .social ul li a,
section.tab-top .tab-red .tab-wrapper .social ul li a:hover {
    color: white;
}

.contact a {
    color: white;
    text-decoration: none;
}

.home-about-us-desc {
    position: relative;
    left: -40px;
}

.slick-slide {
	height: auto;
}

.event-image {
    width: 289px;
    height: 217px;
    background-size: cover !important;
}

.product-image {
    width: 296px;
    height: 296px;
    background-size: cover !important;
    background-position: 50% !important;
}

.product-banner {
    width: 100%;
    height: 400px;
    background-size: cover !important;
    background-position: 50% !important;
}

.product-full {
    padding: 20px;
    max-height: 200px;
}

.page footer .content address,
.page footer .content .copyright {
	font-family: "DBHelvethaicaX-LiCond";
}

.product-short-desc {
    margin-bottom: 40px;
    font-family: "DBHelvethaicaX-LiCond";
    font-size: 21px;
}

.grey-wrap {
    padding-top: 50px;
    background-color: #f4f0ed;
}

.product-slider .bx-viewport {
    min-height: 296px !important;
    margin-bottom: 72px;
}

.page {
    margin-top: 140px;
}

.content {
    letter-spacing: 1px;
}

.go-top {
    top: -72px;
}

.panel,
.page-header-default {
    border-bottom: 1px solid #d1d1d1;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.page footer .content ul>li a {
    font-size: 22px;
    color: #d71920;
}

.page section.microsites .content a .sub-header,
.page section.banner .content .banner-description,
.page .supplies section.about-us .content .about-us-content p,
.page .supplies section.promotion-detail .content p,
.page section.contact .content .contact-form-wrapper label,
.page .supplies section.contact .content .contact-form-wrapper label,
.page .creation section.product-detail .content p,
.page .complete section.about-us .content .about-us-content p,
.page .installation section.about-us .content .about-us-content p,
.page .installation section.product-detail .content p,
.page .installation section.contact .content .contact-form-wrapper label,
.page .complete section.contact .content .contact-form-wrapper label,
.page .creation section.contact .content .contact-form-wrapper label,
.page .global section.about-us .content .about-us-content p,
.page section.vision-mission .content p,
.page .global section.product-detail .content p,
.page .global section.contact .content .contact-form-wrapper label,
.page .property section.about-us .content .about-us-content p,
.page .property section.product-detail .content p,
.page .property section.contact .content .contact-form-wrapper label,
.page .complete section.portfolio-detail .content p {
	font-size: 22px;
}

.page .creation section.home-banner-slider ul li a .home-slider-content {
    left: 32px;
}

.page .complete section.promotion-detail {
    min-height: 600px;
}

.page .supplies section.product .content h1 {
    margin-top: 0;
}

.page .supplies section.promotion .content h1,
.page .complete section.promotion .content h1 {
    margin-bottom: 45px;
}

.page .complete section.promotion .content .promotion-slider .promotion-controller-prev, 
.page .complete section.promotion .content .promotion-slider .promotion-controller-next,
.page .supplies section.promotion .content .promotion-slider .promotion-controller-prev,
.page .supplies section.promotion .content .promotion-slider .promotion-controller-next {
    top: 44%;
}

.page section.promotion .content .promotion-slider .promotion-controller-prev,
.page section.promotion .content .promotion-slider .promotion-controller-next {
    top: 46%;
}

.page .supplies section.promotion,
.page .complete section.promotion {
    height: 514px;
}

.page section.about-us .content .about-us-banners-slider .controllers {
    left: 479px;
}

.page .complete section.portfolio .content a {
    height: 420px;
}

.page section.contact {
	height: auto;
    margin-top: -4px;
    margin-bottom: 40px;
}

.bx-wrapper img,
.event-img img {
    max-height: 400px;
    max-width: 490px;
}

.microsite-box {
    /*-webkit-filter: grayscale(60%);
    filter: grayscale(60%);*/
}

#visionMission-description {
    padding-left: 0;
}

.page section.microsites .content a h3 span {
	display: block;
}

.page section.microsites .content a:hover {
	color: black;
}

.page section.microsites .content a:hover img {
    opacity: 1;
}

.page section.header {
    height: 80px;
    line-height: 7;
	padding: 0 40px;	
}

.page section.header .menu ul {
	padding-left: 0;
}

.page section.header .menu ul li a {
	margin: 0 10px;
    font-size: 21px;
}

.body,
.page section.header .menu ul li a,
.page footer .content ul>li ul>li a {
    color: black;
}

.page footer .content ul>li,
.page footer .content ul>li ul>li {
    margin: 0;
}

.page footer .content address ,
.page footer .content ul>li ul>li a,
.page footer .content .copyright {
	font-size: 21px;
    line-height: 1;
}

.page footer .content .copyright {
    margin-top: 48px;
}

.page footer .content address,
.page footer .content h2.address-h {
    margin-left: 40px;
}

.page footer .content h2.address-h {
    position: relative;
    top: -6px;
    font-size: 22px;
}

.page footer .content ul > li,
.page section.contact .content .contact-form-wrapper label {
	font-weight: normal;
}

.microsite-box:hover {
    /*opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);*/
}

#companyProfile-description {
    margin-top: 40px;
}

#homeContent-description p {
    width: 105%;
}

#homeCompanyProfile-description p {
    width: 102%
}

.page section.event,
.page .supplies section.event,
.page .complete section.event {
    background: #f3f0ed;
    height: auto;
}

.page-home .bx-wrapper img {
    margin-top: 50px;
}

.page section.event .content .event-controller-prev:hover,
.page section.event .content .event-controller-next:hover,
.page .complete section.event .content .event-controller-prev:hover,
.page .complete section.event .content .event-controller-next:hover {
    color: white;
}

.page .supplies section.product,
.page .complete section.product {
    padding: 0;
    background: none;
    min-height: 0;
}

.page section.event .content h1,
.page section.microsites .content h2 {
    margin-top: 60px;
}

.page section.event .content .event-slider {
    margin-top: 55px;
}

.page section.banner .content ul.awards {
    margin-top: 23px;
    margin-left: 42px;
}

.page .complete section.portfolio {
    background-size: 121%, 31%;
}

.page .complete section.event .content h1,
.page .supplies section.event .content h1,
.page .complete section.product .content h1,
.page .complete section.portfolio .content h1 {
    margin-top: 0;
}

.promotion-slider ul li,
.page section.event-detail .content .event-thumbnail ul li {
    text-align: center;
}

.page .complete section.portfolio .content {
    margin-top: 40px;
}

.page .complete section.event .content p {
    margin-top: 22px;
}

.page section.event .content .event-controller {
    margin-bottom: 50px;
}

.page section.banner .content h2.description-h {
    margin: 0 0 20px;
}

.page section.event .content .event-slider li h2 {
    font-size: 27px;
    line-height: 40px;
    height: 15px;
}

.page .supplies section.event .content .event-slider,
.page .complete section.event .content .event-slider {
    margin-top: 63px;
}

section.tab-top .tab-red .tab-wrapper {
    right: 0;
    width: 1045px;
}

section.tab-top .tab-red .tab-wrapper .contact {
    width: 100%;
}

.page .creation section.home-banner-slider ul li a img {
    top: 56px;
    height: auto;
}

.page .complete section.event-detail {
    height: 750px;
}

.page .complete section.portfolio-detail {
    height: auto;
    min-height: 700px;
}

.page .complete section.portfolio-detail .content .portfolio-img {
    height: auto;
}

.page .complete section.portfolio .content .portfolio-slider {
    margin-top: 42px;
}

.page section.about-us .content .about-us-banners-slider a.more {
    padding: 9px 15px;
    line-height: 1;
}

.page .property section.product-detail,
.page .supplies section.product .content .product-detail-list h3 {
    margin-top: -10px;
}

.page .supplies section.home-banner-slider,
.page .creation section.home-banner-slider,
.page .complete section.home-banner-slider,
.page .installation section.banner,
.page .global section.banner,
.page .property section.banner {
    background-size: cover !important;
}

.page .supplies section.home-banner-slider ul li a .home-slider-content p {
    height: 100px;
}

.page .supplies section.product .content .product-detail-list .col-xs-4 {
    height: 240px;    
}

section.tab-top .tab-red .tab-wrapper .social {
    width: auto;
    float: none;
}

.page section.about-us .content .about-us-banners-slider p {
    width: 97%;
    font-size: 22px;
    text-align: left;
}

.page section.vision-mission {
    height: auto;
    padding-bottom: 100px;
}

.page .installation section.product-detail .content h2,
.page .creation section.product-detail .content h2,
.page .property section.product-detail .content h2 {
    margin: 55px 0 20px;
}

.page section.vision-mission .content p {
    width: 105%;
    font-size: 22px;
    text-align: left;
    padding: 0 20px 0 0;
}

.supplies #homeCompanyProfile-description p,
.supplies #companyProfile-description p {
    width: 104%;
}

.creation #homeCompanyProfile-description p,
.creation #companyProfile-description p {
    width: 94%;
}

.creation #content-description p {
    width: 99%;
}

.page .property section.product-banner-slider ul li a,
.page .creation section.product-banner-slider ul li a,
.page .global section.product-banner-slider ul li a {
    padding: 0 14px;
}

.page .supplies section.event .content .event-slider li h2,
.page .complete section.event .content .event-slider li h2 {
    font-size: 2rem;
}

.page .global section.product-detail,
.page .creation section.product-detail,
.page .installation section.product-detail,
.page section.promotion-detail {
    margin-top: -10px;
}

.page section.vision-mission .content h1 {
    margin: 72px 0 40px;
}

.page section.promotion .content h1 {
    margin-bottom: 45px;
}

.banner-cover {
    top: 0;
    border-bottom: 400px solid rgba(255,255,255,0.6);
    border-left: 330px solid transparent;
}

.page section.promotion {
    height: 514px;
    margin-top: -12px;
}


.page section.promotion-banner-slider,
.page .supplies section.promotion-banner-slider,
.page .complete section.promotion-banner-slider {
    height: auto;
}

.page section.promotion-banner-slider ul li a,
.page .supplies section.promotion-banner-slider ul li a {
    height: 400px;
}

.page section.promotion-banner-slider ul li a .promotion-sldier-content p,
.page .creation section.product-banner-slider ul li a .product-sldier-content p,
.page .installation section.product-banner-slider ul li a .product-sldier-content p,
.page .global section.product-banner-slider ul li a .product-sldier-content p,
.page .property section.product-banner-slider ul li a .product-sldier-content p,
.page .creation section.about-us .content .about-us-content p {
    font-family: "DBHelvethaicaX-LiCond";
    font-size: 22px;
}

.sidebar-user-material .category-content {
    background: #d71921;
}

.page section.event-detail .content .event-thumbnail,
.page .supplies section.event-detail .content .event-thumbnail,
.page .complete section.event-detail .content .event-thumbnail {
    width: 492px;
}

.page section.event-detail .content .event-thumbnail .controllers,
.page .supplies section.event-detail .content .event-thumbnail .controllers,
.page .complete section.event-detail .content .event-thumbnail .controllers {
    left: 36px;
}


.page .creation section.product-detail .content .product-detail-slider .product-detail-controllers,
.page .installation section.product-detail .content .product-detail-slider .product-detail-controllers,
.page .global section.product-detail .content .product-detail-slider .product-detail-controllers,
.page .property section.product-detail .content .product-detail-slider .product-detail-controllers {
    left: -34px;
}

.color-red span {
    position: relative;
    top: -16px;
}

.page-home #homeContent-title2 {
    top: 0;
} 

.page .installation section.banner .content h1.top-header,
.page .installation section.banner .content h1.top-header .text-red,
.page .global section.banner .content h1.top-header,
.page .global section.banner .content h1.top-header .text-red,
.page .property section.banner .content h1.top-header,
.page .property section.banner .content h1.top-header .text-red {
    font-family: "DBHelvethaicaX-MedCond";
    font-size: 40px;
}

.page .installation section.banner .content h1.top-header .text-red,
.page .global section.banner .content h1.top-header .text-red,
.page .property section.banner .content h1.top-header .text-red {
    font-weight: 600;
}

.bg-indigo,
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    background-color: #20271f;
}

.page .supplies section.product .content .product-slider .product-controller-prev, 
.page .supplies section.product .content .product-slider .product-controller-next {
    top: 48%;
}

.product-controller-prev,
.product-controller-next {
    cursor: pointer;
}

.text-muted {
    display: none;
}

.table > tbody > tr > td {
    vertical-align: top;
}

.bg-success-400 {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #000;
}

.bg-indigo {
    background-color: #20271f;
    border-color: #20271f;
    color: #fff;
}

.bg-pink-400 {
    background-color: #d71921;
    border-color: #d71921;
}

.form-control:focus {
    border-bottom-color: #989898;
    -webkit-box-shadow: 0 1px 0 #989898;
    box-shadow: 0 1px 0 #989898;
}

#daterange-wrap {
    padding: 0 20px;
}

#daterange-wrap input {
    width: 150px;
}

.daterangepicker.ltr {
    top: 320px !important;
}

.daterangepicker.ltr .calendar.left,
.daterangepicker.ltr .calendar.right {
    margin-right: 140px !important;
}
.daterangepicker .ranges {
    box-shadow: none;
}
.daterangepicker.dropdown-menu {
    box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.portfolio .bx-viewport {
    height: auto !important;
}

.bx-viewport {
    min-height: 400px !important;
}

.page .complete section.portfolio {
    padding: 0;
}

.bx-wrapper .thumbnail-list img,
.event-img .thumbnail-list img {
    width: 100%;
}

#image_th,
#image_en {
    max-width: 100%;
}

#contact-map {
	padding: 60px 20px;
	text-align: center;
}

#contact-map img {
	max-width: 100%;
}

#contact-map-space img {
	max-width: 50%;
}

.slider-controller-prev,
.slider-controller-next {
	position: absolute;
    bottom: 0;
    z-index: 999;
	display: inline-block;
    width: auto;
    padding: 5px 10px;
    margin: 0;
    color: #ffffff;
    background: #ebe7e3;
    float: left;
	cursor: pointer;
}

.slider-controller-prev:hover,
.slider-controller-next:hover {
    background: #d71920;
}

.slider-controller-prev {
	left: -34px;
}

.slider-controller-next {
	left: 0;
}

.slider-nav {
	margin: 20px 0;
}

.promotion-margin {
	margin-top: 92px;
}

.completePortfolioView {
    margin-top: 22px;
}

.portfolioView-margin {
    margin-top: 25px;
    margin-bottom: 60px;
}

.page section.promotion-detail .content h2 {
	margin: 92px 0 20px !important;
}


.page section.banner {
    position: relative;
    background: none;
} 

.page section.about-us {
    background-position: 59% 0;
}

.content-group img {
    max-width: 100%;
}

.hide-admin-box {
    display: none;
}

@media (max-width: 1140px) {
    #banner-home-left {
        width: 105%;
        right: 859px;
    }
    #banner-home-middle {
        width: 110%;
        left: 160px;
    }
}

@media (max-width: 1024px) {
    .page section.promotion-banner-slider ul li,
    .page .supplies section.promotion-banner-slider ul li,
    .page .complete section.promotion-banner-slider ul li {
        background-size: contain !important;
    }
}

@media (min-width: 1441px) {
    .page .supplies section.home-banner-slider .home-banner-controller,
    .page .property section.product-banner-slider .product-banner-controller,
    .page section.promotion-banner-slider .promotion-banner-controller {
        left: 26%;
    }
}