body{background:#ffffff;margin:0px;padding:0px;font-family: lilyupcregular,lilyupcbold,upclb-webfont,thaisanslite_r1,tahoma,sans-serif;min-width: 1200px; background:#ffffff;}
::selection{background:#b0b0b0;}



@font-face {
    font-family: 'THSarabun';
    src: url('fonts/thais/THSarabun.woff2') format('woff2'),
         url('fonts/thais/THSarabun.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'THSarabun';
    src: url('fonts/thais/THSarabun Bold.woff2') format('woff2'),
         url('fonts/thais/THSarabun Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'lilyupcbold';
    src: url('fonts/lily/upclb-webfont.woff2') format('woff2'),
         url('fonts/lily/upclb-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lilyupcregular';
    src: url('fonts/lily/upcll-webfont.woff2') format('woff2'),
         url('fonts/lily/upcll-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.wpcf7-spinner{margin: 0;}
.entry-content p, .entry-summary p, .comment-content p, .mu_register p{margin: 0;}



.entry-content strong {
    font-size: 28px;
    font-weight: normal;
    font-family: THSarabun,lilyupcregular,lilyupcbold,thaisans_neueregular, tahoma, Arial,sans-serif;
	color: #0c1264;}


.kpm{    margin-top: -30px;}

.kpm u{    text-decoration: none;
    float: left;
    width: 100%;
    margin-top: -24px;
    margin-bottom: 20px;}

.kpm u li{text-decoration: none;    width: 100%;
    float: left;
    list-style: none;
    margin-left: 0px;}

.kpm u li b{ font-family: THSarabun,lilyupcregular,lilyupcbold,thaisans_neueregular, tahoma, Arial,sans-serif;
    color: #0c1264;
    font-weight: bold;
    font-size: 26px;
    display: block;
    float: left;
    width: 260px;}

.kpm u li span{display: block;
    float: left;}





.kp_gal{        margin-top: -27px;
    margin-bottom: 21px;
    float: left;
    width: 100%;}


.kp_gal li{       float: left;
    list-style: none;
    width: 32%;
    margin-right: 20px;
    margin-bottom: 20px;}

.kp_gal a{  display: block;
    background: #ffffff;
    width: 100%;
    float: left;
    height: 217px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ccc;}

.kp_gal a img{   max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;}

.kp_gal .text_headproduct_in{    display: block;
    color: #3b3b3b;
    font-size: 27px;
    text-decoration: none;
    text-transform: uppercase;
    clear: both;
    padding-top: 11px;
    text-align: center;}


.end { margin-right: 0px !important;}




.bans_text_text{    font-size: 26px;
    display: block;
    width: 387px;
    color: #3b3b3b;
    text-decoration: none;
    margin-bottom: 16px;}

.bans_text_text:hover {text-decoration:underline;}



.kpm{    margin-top: -30px;}

.kpm u{    text-decoration: none;
    float: left;
    width: 100%;
    margin-top: -24px;
    margin-bottom: 20px;}

.kpm u li{text-decoration: none;    width: 100%;
    float: left;
    list-style: none;
    margin-left: 0px;}



.kpm u li span{display: block;
    float: left;}









.entry-content {font-size: 25px;
    font-family: THSarabun,lilyupcregular,lilyupcbold,thaisans_neueregular, tahoma, Arial,sans-serif;
}


.mapin{float:left;    margin-top: 25px;}

.formin{
	    float: right;
    width: 38%;
    margin-top: -5px;
    text-align: center;
    font-size: 26px;
}


button, input, textarea{border: 1px solid #ccc;
    border-radius: 3px;
    padding: 6px;
    padding: 0.428571429rem;
    width: 90%;
    max-width: 451px;}



.entry-content td, .comment-content td {
    border: 1px solid #ededed;
    padding: 11px 13px;
    font-size: 18px;
    color: #ffffff;
	display: block;}

.wpcf7-textarea {
    width: 90%;
    margin-top: 10px;
    height: 80px;
}

/*1*/
.contactinl{width: 35%;
    font-weight: normal;
    background: #ffffff;
    padding: 14px;
    border: 1px solid#e2e2e2;
    float: left;
    margin-right: 10px;}

.contactinl img{float: right;
    width: 73px;
    margin-top: -112px;}



/*2*/

.contactinc{    width: 31%;
    font-weight: normal;
    background: #ffffff;
    padding: 14px;
    border: 1px solid#e2e2e2;
    float: left;
    margin-left: 10px;}

.contactinc strong{font-weight: normal; font-size:24px;
    color: #2b41e2;}

.contactinc img{   width: 102px;
    float: right;
    display: block;
    margin-top: -153px;}


/*3*/

.contactinr{width: 24.7%;
    font-weight: normal;
    background: #ffffff;
    padding: 14px;
    border: 1px solid#e2e2e2;
    float: left;
   }

.contactinr strong{font-weight: normal; font-size:25px;
    color: #d43737;}

.contactinr img{float: right;
    width: 73px;
    margin-top: -114px;}





.bans_clear{height:0;clear:both;}



.bans_mainsite{width:90%;
    margin-left: auto;
    margin-right: auto;
    min-width: 1200px;
	max-width:1200px;}


.bans_head{background-image: linear-gradient(to bottom right, #0f0f5e, #1b78c0);}

.bans_logo{    padding-top: 13px;
    padding-bottom: 7px;
    float: left;}

.bans_logo img{}


.bans_texthead{  float: right;
    font-size: 34px;
    color: #ffffff;
    letter-spacing: 0.8px;
    margin-top: 19px;
    display: block;
    text-align: right;}






.bans_menu{ display: block;
    float: left;
    margin-top: 24px;
    margin-bottom: 5px;}

.bans_menu ul{     padding: 0px;
    margin: 0px;
    float: left;}

.bans_menu ul li{     float: left;
    list-style: none;
    margin-right: 43px;
    }

.bans_menu ul li a{   font-size: 33px;
    color: #434343;
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1px;}

.bans_menu ul li a:hover{ color:#0c1264;transition: 0.2s;text-decoration:underline;}


.bans_menu .nav-menu li a:hover, .bans_menu .nav-menu li.current-post-ancestor a, .bans_menu .nav-menu li.current-menu-parent a, .bans_menu .nav-menu li.current-post-parent a, .bans_menu .nav-menu li.current-menu-item a, .bans_menu .nav-menu li.current_page_item a {color:#0c1264;}



.bans_banner{width:100%;}

.bans_banner img{width:100%;}





.bans_project{    width: 100%;
    float: left;
    margin-top: 65px;}

.bans_project ul{    padding-left: 0px;
    margin-left: 0px;  margin: 0px;}

.bans_project ul li{   float: left;
    list-style: none;
    width: 32.3%;
    margin-right: 1.5%;
    margin-bottom: 30px; }

.end{margin-right: 0px !important;}


.bans_project .bans_pic{         width: 100%;
    display: block;
    margin-bottom: 20px;
    height: 247px;}

.bans_project .bans_text_head{display: block;
    width: 100%;
    font-size: 26px;
    letter-spacing: 1px;
    color: #3b3b3b;
    text-decoration: none;
    line-height: 26px;
    margin-top: 3px;

	height: 85px;
    overflow: hidden;
}



.bans_project .bans_pic img{     width: 100%;height: 100%;}







.bans_bannerfoot{width: 100%;
    display: block;
    margin-top: 30px;}

.bans_bannerfoot img{width: 100%;}





.bans_footer{    background-image: linear-gradient(to bottom right, #0f0f5e, #1b78c0);
    margin-top: 67px;
    padding-top: 51px;
    padding-bottom: 50px;}




.bans_menufoot{ }

.bans_menufoot ul{     padding: 0px;
    margin: 0px;
    float: left;}

.bans_menufoot ul li{     float: left;
    list-style: none;
    margin-right: 43px;
    }

.bans_menufoot ul li a{   font-size: 33px;
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1px;}

.bans_menufoot ul li a:hover{ color:#ffcc00;transition: 0.2s;text-decoration:underline;}


.bans_menufoot .nav-menu li a:hover, .bans_menufoot .nav-menu li.current-post-ancestor a, .bans_menufoot .nav-menu li.current-menu-parent a, .bans_menufoot .nav-menu li.current-post-parent a, .bans_menufoot .nav-menu li.current-menu-item a, .bans_menufoot .nav-menu li.current_page_item a {color:#ffcc00;}



.bans_footL{float: left;}

.bans_footL span{display: block;
    font-size: 22px;
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 42px;
    margin-bottom: 10px;
    font-weight: normal;}


.bans_footL .bans_socialdown{float: left;  display:none;
    margin-top: 2px;}

.bans_footL .bans_socialdown a{}

.bans_footL .bans_socialdown a img{}



.bans_footR{    float: right;
    margin-top: 43px;}

.bans_footR img{}

.bans_footR strong{display: block;
    width: 100%;
    font-size: 25px;
    text-align: center;
    color: #ffffff;
    font-weight: normal;
    letter-spacing: 0.5px;}


.bans_footer b{display: block;
    width: 100%;
    font-size: 40px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    margin-top: 105px;}





.bans_menu li {	 
}
.bans_menu a {
	 
}
.bans_menu a:hover {
	 
}
 
.bans_menu ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}
	.bans_menu ul.nav-menu,
	.bans_menu div.nav-menu > ul { 
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.bans_menu ul {
		margin: 0;
		text-indent: 0;
	}
	.bans_menu li a,
	.bans_menu li {
		display: inline-block;
		text-decoration: none;
	}  
	.bans_menu li.menu-item-13 a{border-right: none;padding-right:0px;} 
	
	.bans_menu li a {
  padding-bottom: 20px;
text-transform: uppercase;
white-space: nowrap;
font-weight: normal; 
	}

	.bans_menu li:first-child a {
 
}

	.bans_menu li a:hover {
		text-decoration: none;
		font-weight: normal;
	}
	.bans_menu li {
		background: url('../img/nav_border.gif') 0px 2px no-repeat;
		margin-top: 0px;		
		position: relative;
	}
	.bans_menu li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
	}
	.bans_menu li ul ul {
		top: 0;
		left: 100%;
	}
	.bans_menu ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	

	.bans_menu .current-menu-item > a,
	.bans_menu .current-menu-ancestor > a,
	.bans_menu .current_page_item > a,
	.bans_menu .current_page_ancestor > a {
		 text-decoration: underline;
		font-weight: normal;
	}
 
.bans_menu ul.nav-menu,
	.bans_menu div.nav-menu > ul { 
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.bans_menu ul {
		margin: 0;
		text-indent: 0;
	}
	.bans_menu li a,
	.bans_menu li {
		display: inline-block;
		text-decoration: none;
	}
	 
	}
	 


	.bans_menu li {
		 padding-bottom: 18px;
		position: relative;
	}
	.bans_menu li li{padding-bottom: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    margin-top: 0px;padding-left: 0px !important;
}
}
.bans_menu li.menu-item-has-children{background: url(img/sort_desc.gif) right 5px center no-repeat;}
.bans_menu li.menu-item-has-children ul li a{    padding: 0px 38px;    font-family: THSarabun,lilyupcregular,lilyupcbold,thaisans_neueregular, tahoma, Arial,sans-serif;
    margin: 0px;}
.bans_menu li.menu-item-has-children ul li.menu-item-has-children{background: url("images/icon_teaser_menu.gif") no-repeat 196px 25px #f8f7f5;}
	.bans_menu li:last-child{border-right: 0px solid #333;padding-right: 0px;}
	.bans_menu li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1999;
	}
	.bans_menu li ul ul {
		top: 0;
		left: 100%;
	}
	.bans_menu ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	.bans_menu li ul li a {background: #f5f5f5;
    display: block;
    line-height: 2.181818182;
    padding: 3px 10px;
    padding: 0.571428571rem 0.714285714rem;
    width: 372px;
    font-size: 24px;
    white-space: normal;
    font-weight: normal !important;
    color: #3b3b3b;
    border-bottom: 1px solid #cecece;
    border-right: none;
    line-height: 25px;
    padding: 12px 32px !important;
 
	}
	.bans_menu li ul li a:hover {		 
		 text-decoration: none;
	}
	.bans_menu .current-post-ancestor > a,
	.bans_menu .current-menu-parent > a,
	.bans_menu .current-post-parent> a,
	.bans_menu .current-menu-item > a,
	.bans_menu .current-menu-ancestor > a,
	.bans_menu .current_page_item > a,
	.bans_menu .current_page_ancestor > a {
		 text-decoration: none;
		font-weight: normal;
	}

	.bans_menu .sub-menu .current-post-ancestor > a,
	.bans_menu .sub-menu .current-menu-parent > a,
	.bans_menu .sub-menu .current-post-parent> a,
	.bans_menu .sub-menu .current-menu-item > a,
	.bans_menu .sub-menu .current-menu-ancestor > a,
	.bans_menu .sub-menu .current_page_item > a,
	.bans_menu .sub-menu .current_page_ancestor > a {
		 
	}
	.bans_menu .current-post-ancestor > a span,
	.bans_menu .current-menu-parent > a span,
	.bans_menu .current-post-parent> a span,
	.bans_menu .current-menu-item > a span,
	.bans_menu .current-menu-ancestor > a span,
	.bans_menu .current_page_item > a span,
	.bans_menu .current_page_ancestor > a span {
		  
	}



/*----------------------menufoot-*/


.bans_menufoot li {	 
}
.bans_menufoot a {
	 
}
.bans_menufoot a:hover {
	 
}
 
.bans_menufoot ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}
	.bans_menufoot ul.nav-menu,
	.bans_menufoot div.nav-menu > ul { 
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.bans_menufoot ul {
		margin: 0;
		text-indent: 0;
	}
	.bans_menufoot li a,
	.bans_menufoot li {
		display: inline-block;
		text-decoration: none;
	}  
	.bans_menufoot li.menu-item-13 a{border-right: none;padding-right:0px;} 
	
	.bans_menufoot li a {
  padding-bottom: 20px;
text-transform: uppercase;
white-space: nowrap;
font-weight: normal; 
	}

	.bans_menufoot li:first-child a {
 
}

	.bans_menufoot li a:hover {
		text-decoration: none;
		font-weight: normal;
	}
	.bans_menufoot li {
		background: url('../img/nav_border.gif') 0px 2px no-repeat;
		margin-top: 0px;		
		position: relative;
	}
	.bans_menufoot li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
	}
	.bans_menufoot li ul ul {
		top: 0;
		left: 100%;
	}
	.bans_menufoot ul li:hover > ul {
		border-left: 0;
		display: block;margin-top:-14px;
	}
	

	.bans_menufoot .current-menu-item > a,
	.bans_menufoot .current-menu-ancestor > a,
	.bans_menufoot .current_page_item > a,
	.bans_menufoot .current_page_ancestor > a {
		 text-decoration: underline;
		font-weight: normal;
	}
 
.bans_menufoot ul.nav-menu,
	.bans_menufoot div.nav-menu > ul { 
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.bans_menufoot ul {
		margin: 0;
		text-indent: 0;
	}
	.bans_menufoot li a,
	.bans_menufoot li {
		display: inline-block;
		text-decoration: none;
	}
	 
	}
	 


	.bans_menufoot li {
		 padding-bottom: 18px;
		position: relative;
	}
	.bans_menufoot li li{padding-bottom: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    margin-top: 0px;padding-left: 0px !important;
}
}
.bans_menufoot li.menu-item-has-children{background: url(img/sort_desc.gif) right 5px center no-repeat;}
.bans_menufoot li.menu-item-has-children ul li a{    padding: 0px 38px;font-family: THSarabun,lilyupcregular,lilyupcbold,thaisans_neueregular, tahoma, Arial,sans-serif;
    margin: 0px;}
.bans_menufoot li.menu-item-has-children ul li.menu-item-has-children{background: url("images/icon_teaser_menu.gif") no-repeat 196px 25px #f8f7f5;}
	.bans_menufoot li:last-child{border-right: 0px solid #333;padding-right: 0px;}
	.bans_menufoot li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1999;
	}
	.bans_menufoot li ul ul {
		top: 0;
		left: 100%;
	}
	.bans_menufoot ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	.bans_menufoot li ul li a {    background: #f5f5f5;
    display: block;
    line-height: 2.181818182;
    padding: 3px 10px;
    padding: 0.571428571rem 0.714285714rem;
    width: 303px;
    font-size: 19px;
    white-space: normal;
    font-weight: normal !important;
    color: #3b3b3b;
    border-bottom: 1px solid #cecece;
    line-height: 21px;
    padding: 7px 32px !important;
 
	}
	.bans_menufoot li ul li a:hover {		 
		 text-decoration: none;
	}
	.bans_menufoot .current-post-ancestor > a,
	.bans_menufoot .current-menu-parent > a,
	.bans_menufoot .current-post-parent> a,
	.bans_menufoot .current-menu-item > a,
	.bans_menufoot .current-menu-ancestor > a,
	.bans_menufoot .current_page_item > a,
	.bans_menufoot .current_page_ancestor > a {
		 text-decoration: none;
		font-weight: normal;
	}

	.bans_menufoot .sub-menu .current-post-ancestor > a,
	.bans_menufoot .sub-menu .current-menu-parent > a,
	.bans_menufoot .sub-menu .current-post-parent> a,
	.bans_menufoot .sub-menu .current-menu-item > a,
	.bans_menufoot .sub-menu .current-menu-ancestor > a,
	.bans_menufoot .sub-menu .current_page_item > a,
	.bans_menufoot .sub-menu .current_page_ancestor > a {
		 
	}
	.bans_menufoot .current-post-ancestor > a span,
	.bans_menufoot .current-menu-parent > a span,
	.bans_menufoot .current-post-parent> a span,
	.bans_menufoot .current-menu-item > a span,
	.bans_menufoot .current-menu-ancestor > a span,
	.bans_menufoot .current_page_item > a span,
	.bans_menufoot .current_page_ancestor > a span {
		  
	}