body{background:#f9f9f9;margin:0px;padding:0px;font-family: thaisanslite_r1,tahoma,sans-serif;min-width:1200px;}

 font-family: thaisanslite_r1,tahoma,sans-serif;}
::selection{background:#b0b0b0;}

@font-face {
 font-family: thaisanslite_r1;
 src: url('fonts/thaisanslite/thaisanslite_r1.eot'); /* EOT file for IE */
}
@font-face {
 font-family: thaisanslite_r1;
 src: url('fonts/thaisanslite/thaisanslite_r1.ttf'); /* TTF file for CSS3 browsers */
}


.bgred{      /*  width: 398px !important;  height: 98px;*/
    height: 109px !important;
    width: 33.6% !important;
}


.quadrat {
  -webkit-animation: NAME-YOUR-ANIMATION 0.5s infinite;  /* Safari 4+ */
  -moz-animation: NAME-YOUR-ANIMATION 0.5s infinite;  /* Fx 5+ */
  -o-animation: NAME-YOUR-ANIMATION 0.5s infinite;  /* Opera 12+ */
  animation: NAME-YOUR-ANIMATION 0.5s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes NAME-YOUR-ANIMATION {
  0%, 49% {
   border: 1px solid rgb(155 24 24);
   border: 1px solid #e50000;
  }
  50%, 100% {
    background-color: #e50000;
    border: 1px solid rgb(155 24 24);
  }
}




.focu_clear{height:0;clear:both;}
.focu_mainsite{ 
/*width: 1200px;margin-left:auto;margin-right:auto;min-width:1200px;*/

width: 90%;
    margin-left: auto;
    margin-right: auto;
    min-width: 1024px;
    max-width: 1200px;

}

.foxsocial {
    position: fixed;
    z-index: 99999999999999;
    bottom: 0;
    color: #ffffff;
    padding: 0px 0px;
    width: 61px;
    font-weight: normal;
 
}
.foxsocial a {
    display: block;
    height: 60px;
    border-radius: 49px;
}
.foxsocial a img {
    width: 65px;
}




.focu_bgheader{background: #ffffff;width: 100%;border-top: solid 2px #114a90;min-width:1200px;}

.focu_logo{      float: left;margin: 15px 0px;}

.focu_logo img{}



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

	.focu_menu li:first-child a {
 
}

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

	.focu_menu .current-menu-item > a,
	.focu_menu .current-menu-ancestor > a,
	.focu_menu .current_page_item > a,
	.focu_menu .current_page_ancestor > a {
		 text-decoration: underline;
		font-weight: bold;
	}
 
.focu_menu ul.nav-menu,
	.focu_menu div.nav-menu > ul { 
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.focu_menu ul {
		margin: 0;
		text-indent: 0;
	}
	.focu_menu li a,
	.focu_menu li {
		display: inline-block;
		text-decoration: none;
	}
	 
	}
	 
	.focu_menu li {
		 padding-bottom: 18px;
		position: relative;
	}
	.focu_menu li li{padding-bottom: 0px;background: url("images/icon_teaser_menu2.gif") no-repeat 196px 25px #f8f7f5;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
}
}
.focu_menu li.menu-item-has-children{background: url(img/sort_desc.gif) right 5px center no-repeat;}
.focu_menu li.menu-item-has-children ul li a{    padding: 0px 38px;
    margin: 0px;}
.focu_menu li.menu-item-has-children ul li.menu-item-has-children{background: url("images/icon_teaser_menu.gif") no-repeat 196px 25px #f8f7f5;}
	.focu_menu li:last-child{border-right: 0px solid #333;padding-right: 0px;}
	.focu_menu li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1999;
	}
	.focu_menu li ul ul {
		top: 0;
		left: 100%;
	}
	.focu_menu ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	.focu_menu li ul li a {
  background: #114a90;color:#ffffff;;
    display: block;
    line-height: 2.181818182;
    padding: 3px 10px;
    padding: 0.571428571rem 0.714285714rem;
    width: 209px;
    font-size: 22px;
    white-space: normal;
    font-weight: normal;
    color: #ffffff;
    border-bottom: 1px solid #0e445d;
    border-right: 1px solid #0e445d;
    line-height: 25px;
    padding: 12px 32px !important;
 
	}
	.focu_menu li ul li a:hover {		 
		 text-decoration: none;
	}
	.focu_menu .current-post-ancestor > a,
	.focu_menu .current-menu-parent > a,
	.focu_menu .current-post-parent> a,
	.focu_menu .current-menu-item > a,
	.focu_menu .current-menu-ancestor > a,
	.focu_menu .current_page_item > a,
	.focu_menu .current_page_ancestor > a {
		 text-decoration: none;
		font-weight: normal;
	}

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












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



.focu_sertop{display: block;
    float: left;
    line-height: 27px;
    font-size: 26px;
    font-weight: bold;
    color: #1c3758;
    margin-top: 20px;
    margin-left: 29px;}


.focu_menubg{width:100%;min-width:1200px; background: #2765b0;}

.focu_menu{     width: 100%;
    float: left;
    background: #2765b0;
    margin-bottom: 20px;}

.focu_menu ul{padding: 0px;
    margin: 0px;}

.focu_menu ul li{list-style: none;float:left;}

.focu_menu ul li a{    padding: 11px 26px;
    display: block;
    text-decoration: none;
    color: #ffffff;
    font-size: 23px;}


.focu_menu ul li a:hover{background:#114a90;color:#ffffff;}

.focu_menu .nav-menu li a:hover, .focu_menu .nav-menu li.current-post-ancestor a, .focu_menu .nav-menu li.current-menu-parent a, .focu_menu .nav-menu li.current-post-parent a, .focu_menu .nav-menu li.current-menu-item a, .focu_menu .nav-menu li.current_page_item a {background:#114a90;color:#ffffff;}

.focu_call{float: right;
    margin-top: 23px;}

.focu_call img{    float: left;
    margin-right: 9px;
    margin-top: 8px;}

.focu_call strong{    display: block;
    float: left;
    font-size: 31px;
    color: #0d2542;
    font-weight: normal;}

.focu_banner{width: 100%;
    margin-top: 25px;}

.focu_banner img{width: 100%;}



.fucu_products{    width: 100%;
    float: left;
    margin-top: -5px;
    /*min-width: 1200px;*/}

.fucu_products ul{    padding: 0px;
    margin: 0px;}

.fucu_products ul li{  /*  background: #2765b0;
    float: left;
    list-style: none;
    border-right: 1px solid #0c3d79;
    width: 399px;*/

    background: #2765b0;
    float: left;
    list-style: none;
    border-right: 1px solid #0c3d79;
    width: 33%;
    height: 111px;

}

.fucu_products .focu_text{   /* padding: 25px 30px;
    color: #ffffff;
    font-size: 22px;
    display: block;
    line-height: 25px;
    text-decoration: none;    text-transform: uppercase;*/
    padding: 8% 11%;
    color: #ffffff;
    font-size: 22px;
    display: block;
    line-height: 25px;
    text-decoration: none;
    text-transform: uppercase;

}

.fucu_products .nonesolid{}


.fucu_products .focu_text:hover{background:#114a90;}




.focu_welcome{float: left;
    width: 96%;
    box-shadow: 0px 0px 18px #c8c8c8;
    background: #ffffff;
    padding: 1% 2% 2.4% 2%;
    margin-top: 2.5%;    margin-bottom: 20px;}

.focu_welcome strong{display: block;
    font-size: 42px;
    color: #0b3e7c;
    text-align: left;
    font-weight: normal;
    text-transform: uppercase;}

.focu_welcome strong span{    color: #000000;}

.focu_welcome b{   display: block;
    text-align: left;
    font-weight: normal;
    font-size: 22px;
    color: #3e3e3e;
    text-transform: uppercase;
    line-height: 25px;}



.focu_consulting{ float: right;
    width: 32%;
    background: #ffffff;box-shadow: 0px 0px 10px #999;
    margin-top: 2.5%;
    }

.focu_consulting strong{     width: 95%;
    padding-left: 20px;
    float: left;
    border-bottom: 1px solid #e7e7e7;
    font-size: 29px;
    padding-top: 3%;
    background: #2765b0;
    color: #ffffff;
    padding-bottom: 3%;
    font-weight: normal;
    text-transform: uppercase;}

.focu_consulting ul{    padding-left: 30px;margin-top: 27px;
    margin-left: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;}

.focu_consulting ul li{    list-style: none;
    width: 100%;
    font-size: 22px;}

.focu_consulting .focu_detail_con{display: block;
    margin-left: 27px;
    font-size: 21px;
    color: #000000;
    text-transform: uppercase;
    padding-bottom: 14px;
    margin-top: 5px;}

.focu_consulting .focu_detail_con:hover{}




.focu_product{ margin-top: 31px;
    width: 100%;
    float: left;}

.focu_product ul{    padding: 0px;
    margin: 0px;
    padding-top: 0px;
    display: block;
    width: 100%;
    float: left;}

.focu_product ul li{width: 31.6%;
    float: left;
    margin-right: 2.5%;
    list-style: none;
    margin-bottom: 13px;}


.focu_product .endservices{    float: right;
    margin-right: 0px;}

.focu_product .focu_pic{  /*    width: 100%;
    display: block;
    overflow: hidden;
    height: 241px;*/
width: 100%;
    display: block;
    overflow: hidden;


}

.focu_product .focu_pic img{width:100%; }

.focu_product .focu_text_head{    font-size: 23px;
    text-decoration: none;text-align:center;
    display: block;line-height: 26px;
    width: 100%;
    font-weight: bold;
    color: #ffffff;}

.focu_product .focu_detail{      font-size: 27px;
    text-decoration: none;
    display: block;
    width: 100%;
    line-height: 26px;
    margin-top: -14px;
    color: #ffffff;
    text-align: center;    text-transform: uppercase;}

.focu_product .boxbein{/*bottom: 5px;
    padding: 20px;
    padding-top: 14px;
    width: 207px;
    background: #2765b0;
    opacity: 0.8;
    margin-top: -86px;
    height: 51px;*/
	
bottom: 5px;
    padding: 2% 0%;
    padding-top: 4%;
    width: 100%;
    background: #2765b0;
    opacity: 0.9;
    margin-top: -8px;
    height: 37px;


}

.focu_product .focu_pic:hover{    opacity: 0.9;}






.focu_qua{ float: right;
    width: 32%;
    background: #ffffff;box-shadow: 0px 0px 10px #999;
    margin-top: 2.5%;
    }

.focu_qua strong{     width: 95%;
    padding-left: 20px;
    float: left;
    border-bottom: 1px solid #e7e7e7;
    font-size: 29px;
    padding-top: 3%;
    background: #2765b0;
    color: #ffffff;
    padding-bottom: 3%;
    font-weight: normal;
    text-transform: uppercase;}

.focu_qua ul{    padding-left: 0px;
    margin-left: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 1px;
}

.focu_qua ul li{      list-style: none;
    width: 100%;
    font-size: 22px;}


.focu_qua ul li a{     display: block;
    color: #3e3e3e;
    font-size: 27px;
    padding-left: 21px;
    line-height: 56px;
    text-decoration: none;
    border-bottom: 1px solid #ececec;}

.focu_qua .focu_detail_con{    display: block;
    margin-left: 27px;
    font-size: 21px;
    color: #000000;
    text-transform: uppercase;
    padding-bottom: 18px;
    margin-top: 15px;}



.focu_qua ul li a:hover{color:#000000;}



.focu_social{    float: right;
    margin-top: -42px;
    margin-right: 13px;
    width: 168px;}

.focu_social a{}

.focu_social a img{}



.focu_bgfooter{    background: #12161d;
    min-width: 1200px;
    margin-top: 50px;}



.focu_company{      float: left;
    margin-top: 70px;
    color: #ffffff;
    display: block;
    margin-bottom: 70px;
    font-size: 22px;}

.focu_company b{    display: block;
    font-size: 28px;
    font-weight: normal;
    border-bottom: 2px solid #ffffff;
    margin-bottom: 10px;}


.focu_sociald{   float: left;
    margin-top: 16px;
    display: block;
    width: 100%;}

.focu_sociald a{}

.focu_social a img{}



.focu_qrcode{    float: right;
    margin-top: 130px;}

.focu_qrcode a{    display: block;
    float: left;
    margin-left: 23px;}

.focu_qrcode a img{}


.focu_cop{    background: #0a0c10;
    min-width: 1200px;}

.focu_cop b{    color: #ffffff;
    display: block;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 15px 0px;}



.language-chooser{margin-left: 5px !important;
    float: right;}

.lang-en{margin-right: 7px;}

.lang-th{}

.qtranxs_image{    padding: 0px !important;}


.qtranxs_image:hover{    background: #2765b0 !important;}







.bkf_gal{    margin-bottom: 28px;
    clear: both;
    float: left;
    width: 100%;}

.bkf_gal a.end{margin-right:0px;}
.bkf_gal a{display: block;
    width: 31.7%;
    float: left;
    margin-right: 2%;
    border: 1px solid #cccccc;
    position: relative;
    height: 284px;
    margin-bottom: 20px;
    background-color: #495256;
    text-align: center;}
.bkf_gal a img{    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;}

.bkf_gal.home a{width: 23.3%;}

.bkf_gal a:hover{opacity: 0.9;}



.entry-content, .entry-summary, .mu_register{min-height: 0px !important;}





.headcatz{display: block;
    font-size: 55px;
    color: #0b3e7c;
    text-transform: uppercase;
    margin-bottom: 13px;
    float: left;
    width: 100%;
    text-align: center;}


.headindexsc{display: block;
    font-size: 55px;
    color: #0b3e7c;
    text-transform: uppercase;
    margin-bottom: 13px;
    float: left;
    width: 100%;
    text-align: center;}


.focu_workprocess{}

.workprocessimg{width:100%;}


.focu_clients{}



.focu_contactf{    font-size: 23px;}

.focu_contactf ul {    padding: 0px;}

.focu_contactf ul li {    width: 100%;
    margin-bottom: 14px;
    color: #3b3b3b;}

button, input {
    line-height: normal;
    width: 100% !important;
    max-width: 100%;
    height: 26px;
}


span.wpcf7-list-item {display: inline-block;
    margin-left: 0px !important;
    width: 25%;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}


.wpcf7-list-item input[type="checkbox"] {
    float: left;
    margin-left: 0px !important;
    width: 20px !important;
    margin-right: 19px !important;
}



.wpcf7-list-item-label {
    float: left !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
}



.wpcf7-captchar{width: 273px !important;
    float: left !important;
    margin-right: 15px !important;}

.wpcf7-submit{    float: left;
    width: 310px !important;
    height: 40px;
    background: #2765b0;
    color: #ffffff;
    font-size: 15px;}


div.wpcf7 {
    margin: 0;
    padding: 0;
    background: #efefef;
    padding: 2% 3%;
}



@media screen and (max-width: 1300px){
.focu_menu ul li a {padding: 11px 21px;}
	
.focu_logo img {   width: 250px;}
	
}