body{background:#ffffff;margin:0px;padding:0px;font-family: thaisanslite_r1,tahoma,sans-serif;border-top:3px solid #c55b11;}
::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 */
}

.training{text-decoration: none;
    color: #3b3b3b;
    text-transform: uppercase;
    font-size: 36px;
    margin-bottom: 0px;
    margin-top: 19px;
    border-bottom: 2px solid #3b3b3b;
    display: block;
    height: 54px;}


.hoist{}

.hoist .mainproduct{width: 100%;
    text-align: center;
    display: block;
    font-size: 38px;
    text-transform: uppercase;text-decoration:underline;}


.hoist .logo{text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 269px;}


.hoist .otherproduct{text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;}


.hoist li{    width: 23.5%;margin-bottom: 30px;
    list-style: none;
    float: left;
    margin-left: 0px !important;
    margin-right: 1.5%;
    background: #f0f0f0;}

.hoist li img{display: block;
    width:100%;}

.hoist li u{        text-decoration: none;
    text-align: center;
    display: block;
    width: 96%;
    padding: 2%;
    margin-top: -34px;
    height: 170px;   }

.hoist li u b{       font-size: 21px;
    font-weight: bold;
    text-decoration: underline;
}

.hoist li u span{    font-size: 22px;
    line-height: 29px;
    display: block;}





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


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

.kp_gal a{      display: block;
    background: #ffffff;
    width: 100%;
    float: left;
    height: 291px;
    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;*/

width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;

}

.galt{}

.galt li{    width: 176px;}

.galt li a{height: 164px;
    border: none;}

.galt a img{width: auto;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;}



.contactinL{float:left;}

.mapin{float: right;
    width: 600px;}


.language-chooser{width: 42px;
    height: 23px;
    padding: 5px 15px 8px 17px;
    float: left;
    background: #c55b11;
    border-radius: 6px;
    margin-left: 18px;
    margin-top: 11px;}

.lang-th{float: left;}

.lang-th a{display: block;
    float: left;
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #ffffff;
    color: #ffffff;
    text-decoration: none;
    font-size: 19px;}

.lang-en{}

.lang-en a{display: block;
    float: left;
    color: #ffffff;
    text-decoration: none;
    font-size: 19px;}


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


.closebtn{display:none;}
.menuw{font-size:30px;cursor:pointer;display:none;color:#fff;}
.menuw{}
.menuw img{height: 30px;    float: right;    } 




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



.skcr_logo{      margin-top: 10px;
    margin-bottom: 9px;
    float: left;}

.skcr_logo img{width: 70px;}



.skcr_maintopset{     float: right;
    margin-left: 3%;
    margin-top: 18px;
    width: 90%;}



.skcr_callemail{ float: left;}

.skcr_callemail .skcr_call{           float: left; margin-top:-1px;
    margin-right: 16px;}

.skcr_callemail .skcr_call img{  float: left;
    padding-top: 6px;
    margin-right: 7px;}

.skcr_callemail .skcr_call .skcr_call_text{  display: block;
    float: left;
    color: #656565;
    font-size: 25px;
    text-decoration: none;
    font-weight: normal;
    line-height: 23px;
    margin-top: 4px;}


.skcr_callemail .skcr_email{      float: left;    margin-top: -2px;}

.skcr_callemail .skcr_email img{       float: left;
    padding-top: 7px;
    margin-right: 7px;}

.skcr_callemail .skcr_email .skcr_email_text{  display: block;
    float: left;
    color: #656565;
    font-size: 25px;
    text-decoration: none;
    font-weight: normal;
    line-height: 23px;
    margin-top: 4px;}




.skcr_social{float: left;
    padding-top: 5px;
    margin-left: 2%;
    display: block;}

.skcr_social a {}

.skcr_social img{}





.skcr_rfq{float: left;
    padding-top: 3px;
    margin-left: 2%;
    display: block;}

.skcr_rfq a {}

.skcr_rfq img{}




.skcr_search{float: left;
    padding-top: 16px;
    margin-left: 1.5%;
    display: block;}

.skcr_search a {}

.skcr_search img{}




.skcr_qr{float: left;
    padding-top: 0px;
    margin-left: 2%;
    margin-top: -3px;
    display: block;}

.skcr_qr a {}

.skcr_qr img{}








.skcr_bgmenu{     width: 100%;
    background: #c55b11;
    display: block; }




.skcr_menu{      width: 100%;
    padding: 10px 0px;
    padding-bottom: 12px;
    display: block;
    float: left;}

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

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

.skcr_menu ul li a{        font-size: 25px;
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0px 35px;
    padding-bottom: 6px;
    display: block;
    border-radius: 5px; }

.skcr_menu ul li a:hover{ color:#f27900; background:#ffffff;transition: 0.2s;}


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



.skcr_banner{width: 100%;}

.skcr_banner img{width:100%;}







.skcr_welcome{       width: 100%;
    margin-top: 5%;
    margin-bottom: 4%;
    float: left;}

.skcr_welcome strong{display: block;
    letter-spacing: 1px;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    color: #232323;
    text-transform: uppercase;
    width: 76%;
    margin-left: auto;
    margin-right: auto;}

.skcr_welcome strong b{     font-size: 40px;
    letter-spacing: 1px;
    font-weight: bold;
    color: #c55b11;
    text-transform: uppercase;}

.skcr_welcome span{  font-size: 26px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    width: 66%;
    margin-left: auto;
    line-height: 27px;
    margin-right: auto;
    margin-bottom: 16px;
    margin-top: 0px;
    color: #232323;}






.skcr_mproduct{    width: 100%;float: left;
    margin-bottom: 5%;}


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

.skcr_mproduct ul li{    float: left;
    list-style: none;
    width: 23.4%;
    margin-right: 2%;
    margin-bottom: 28px;    position: relative;}

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

.skcr_mproduct .skcr_pic{        width: 100%;
    display: block;
    margin-bottom: 0%;}

.skcr_mproduct .skcr_pic img{    width: 100%;  border-radius: 11px;
    overflow: hidden; }

.skcr_mproduct .skcr_text_head{    background: #c55b11;
    color: #ffffff;
    font-size: 34px;
    text-transform: uppercase;
    text-decoration: none;
    width: 173px;
    display: block;
    text-align: center;
    padding: 0px 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}

.skcr_mproduct .skcr_text_head:hover{background:#b3520e; transition: 0.2s;}






.skcr_bgourref{background: #f3f3f3;
    width: 100%;
    padding-top: 6%;
    padding-bottom: 5%;}

.skcr_ourref{position: relative;width:100%;}

.skcr_ourref img{width: 100%;
    border-radius: 12px;
    overflow: hidden;}


.skcr_ourref .skcr_text_head{ background: #c55b11;
    color: #ffffff;
    font-size: 38px;
    text-transform: uppercase;
    text-decoration: none;
    width: 397px;
    display: block;
    text-align: center;
    padding: 4px 10px;
    padding-bottom: 15px;
    border-radius: 10px;
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}




.skcr_ourref .skcr_text_head:hover{background:#b3520e; transition: 0.2s;}




.skcr_pr{display: block;
    text-align: center;
    font-size: 74px;
    letter-spacing: 2px;
    font-weight: bold;
    color: #000000;
    margin: 3% 0px;}











.skcr_footer{ background: #1c1c1c;
    padding-top: 6%;
    padding-bottom: 3%;}


.skcr_headfoot{    font-size: 24px;
    color: #ffffff;
    text-transform: uppercase;
    width: 100%;
    font-weight: bold;
    letter-spacing: 1.2px;
    margin-bottom: 7px;}







.skcr_contactdown{     float: left;
    width: 28%;
    padding-bottom: 44px;
    padding-right: 9%;}


.skcr_contactdown span{  display: block;
    width: 100%;
    color: #d3d3d3;
    font-size: 21px;
    line-height: 26px;
    margin-top: 0px;}

.skcr_facelined{    float: left;       margin-top: 11px;}

.skcr_facelined .skcr_facebookl{    float: left;
    margin-left: 0px;}

.skcr_facelined .skcr_linel{     float: right;
    margin-left: 8px;}

.skcr_facelined img{}








.skcr_menudown{    float: left;
    width: 17%;
    padding-bottom: 44px;
    padding-right: 0%;}

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

.skcr_menudown ul li{float: left;
    list-style: none;
    width: 100%;
    border-bottom: 1px dashed #d3d3d3;}

.skcr_menudown ul li a{ font-size: 22px;
    color: #d3d3d3;
    text-decoration: none;
    padding-top: 4px;
    padding-bottom: 10px;
    display: block;
    text-transform: uppercase;}








.skcr_map{    float: right;}

.skcr_map img{margin-top:10px;}

.skcr_menudown ul li a:hover{padding-left:10px;transition: 0.3s;}







.skcr_copy{        background: #141414;
    font-size: 18px;
    text-transform: uppercase;
    color: #ffffff;
    display: block;
    padding-top: 18px;
    padding-bottom: 21px;}







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

	.skcr_menu li:first-child a {
 
}

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

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


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

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

/*submenu*/









@media only screen and ( max-width: 1024px ) {

	
	
.skcr_callemail .skcr_call {
    float: left;
    margin-top: -1px;
    margin-right: 1px;
}

.skcr_callemail .skcr_email img {
    float: left;
    padding-top: 7px;
    margin-right: 0px;
}

.skcr_callemail .skcr_call .skcr_call_text{display:none;}


.skcr_social {  margin-left: 0%;
}

.skcr_callemail {  float: left;   margin-right: 6px;}


.skcr_callemail .skcr_email .skcr_email_text{display:none;}


.skcr_maintopset {width: 560px;
    text-align: right;
    margin-left: 0px;}


.skcr_callemail .skcr_call img {
    float: left;
    padding-top: 6px;
    margin-right: 4px;}


.skcr_pr{font-size:50px;}
	
	
	
.skcr_contactdown {
    float: left;
    width: 28%;
    padding-bottom: 44px;
    padding-right: 1%;
}
	
.skcr_headfoot {
	font-size: 21px;}	
	
	
	
	
	
}


@media only screen and ( max-width: 1000px ) {

	.hoist li{width:100%;}	
	.hoist li u{height:auto;}
	
.skcr_maintopset {	width: 546px;	}
	
.skcr_qr{display:none;}		
	
.wprmenu_bar #custom_menu_icon.hamburger {
    background-color: #c55b11;    right: 0px !important;
    margin-top: 4px;
    margin-right: 5%;
    position: absolute;
}	
.wprmenu_bar .hamburger-inner, .wprmenu_bar .hamburger-inner::before, .wprmenu_bar .hamburger-inner::after {
    background-color: #ffffff;
}	
	
	.skcr_menu{display:none;}
	
.skcr_contactdown{    float: left;
    width: 40%;}

.skcr_menudown{float: right;
    width: 51%;}

.skcr_map {
    float: right;
    width: 100%;
}
	
	.skcr_mproduct ul li { width: 100%;}
	
}





@media only screen and ( max-width: 900px ) {
	
	.kp_gal li{width: 100%;}	
	
	.kp_gal a{    height: 100%;
    border: none;}
	
	.kp_gal a img{    position: relative;}
	
.galt li{   }

.galt li a{}
	
.galt a img {
        position: absolute;
}
	
	
	
	.skcr_pr{font-size:48px;}
		.mapin{width:100%;}	
	
.skcr_welcome strong	{ width: 100%;}	
	
}



@media only screen and ( max-width: 850px ) {

	
	
.skcr_welcome span{ width: 100%;}
	
	
.skcr_pr {  font-size: 30px;}
	
	
}



@media only screen and ( max-width: 800px ) {


	
.skcr_contactdown{    float: left;padding-bottom: 20px;
    width: 100%;}

.skcr_menudown{float: right;padding-bottom: 20px;
    width: 100%;}

.skcr_map { width: 100%;}	
	
.skcr_footer {
    background: #1c1c1c;
    padding-top: 6%;
	padding-bottom: 6%;}	
	
.skcr_ourref .skcr_text_head{    background: #c55b11;
    color: #ffffff;
    font-size: 31px;
    text-transform: uppercase;
    text-decoration: none;
    width: 316px;
    display: block;
    text-align: center;
    padding: 4px 10px;
    padding-bottom: 8px;
    border-radius: 10px;
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}	
	
	.skcr_welcome span {margin-bottom: 0px;}
	
	
	
}




@media only screen and ( max-width: 700px ) {

.skcr_qr{display:none;}	
	
.skcr_maintopset { width: 393px;}	
	
.skcr_rfq	{display:none;}	
	
.skcr_search { margin-left: 14px;}
	
	
}




@media only screen and ( max-width: 600px ) {
.skcr_pr {
    font-size: 19px;
}
	
	.skcr_welcome span {
    margin-bottom: 0px;
    font-size: 22px;
}
	
}


@media only screen and ( max-width: 550px ) {

	
	.skcr_social img	{width: 30px;}
	.skcr_callemail .skcr_call img{width: 30px;}
	.skcr_callemail .skcr_email img{width: 30px;}
	
	.skcr_callemail{margin-top: 10px;}
	.skcr_social{margin-top: 10px;}
	.skcr_maintopset {	width: 267px;}
		
	.skcr_search {  display:none;}

	.language-chooser {margin-left: 8px;
    width: 42px;
    padding: 5px 10px 8px 12px;}
	
	.skcr_logo img {
    width: 62px;}
	
	.skcr_logo {
    margin-top: 13px;
    margin-bottom: 7px;
    float: left;
}
	
	
	.skcr_copy {
		font-size: 15px;}
	
	.skcr_welcome strong {
		font-size: 38px;}
	
	.skcr_welcome strong b {
		font-size: 38px;}
	
}
	
	




@media only screen and ( max-width: 500px ) {

.skcr_logo { margin-bottom: 2px;	}
	
}