html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, span, dd, dt, li, tbody, tr, td, th, thead, button, del, map, object, a, abbr, acronym, b, big, br, cite, code, em, i, img, q, small, strong, sub, sup, tt, var, legend, fieldset {margin:0;padding:0;}
img, fieldset { border: 0;}
/* set image max width to 100% */
img{max-width:100%;height:auto;width: auto\9;}
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, div, span, p, br {display:block;margin:0;padding:0;}
ul{list-style:none}
/* GENERAL STYLING */
html{font-size:16px;}
body {font-size:100%;}
textarea{resize:vertical}
body{margin:0;font-family: "Sarabun",Arial,Helvetica,sans-serif;; font-size:16px; line-height:20px; color:#333; background-color:white;}
img {max-width: 100%;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding:0; font-weight: bold; text-rendering: optimizelegibility;}
h1 {color: #000;    font-size: 34px;    line-height: 35px; font-weight:900;}
h2 {font-size: 24px; color: #000; padding: 10px 0px;  color: #000; line-height: 26px;    } 

h3 {font-size: 20px; line-height: 36px; color: #d42521 ;}
ul{ margin:0px; padding: 0px; list-style: none; }
a{ text-decoration: none; }
img{ max-width:100%; }

img.vtimp{ width:auto !important}

.container{ width:1200px; margin: auto; }
.logo{ width:17%; float:left;padding: 5px 0px; }
.logo img {max-width:100%;}
.nav{ width:83%; float: left; }
.nav ul{display: inline-block;}
.nav ul li{ font-size: 16px;font-weight: 900; float: left;padding: 30px 10px; }
.nav ul li a{color:#232323;}
.nav ul li.sty a{background-color: #d42521 !important;padding: 10px;color: #fff;}
.dropdown {position: relative;display: inline-block;}
.nav ul.dropdown-content { display: none; position: absolute;min-width: 250px; box-shadow: 0px -4px 7px #ccc; background-color: #fff;margin-top: 10px;z-index: 100000;transition-timing-function: ease-in;}
.nav ul.dropdown-content li{ padding: 10px 5%; width:100%;float: left;text-align: left;font-weight: 400;border-bottom: 1px dashed #000; }
.dropdown-content a {color: black; text-decoration: none; display: block;}
.dropdown:hover .dropdown-content{ display: block; }
.arrow-up { width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;margin-left: 10%;margin-top: -10px;}
.arrow-up2 { margin: 0px !important;width: 0; height: 0; border-left: 100px solid transparent;border-right: 100px solid #fff;border-bottom: 100px solid transparent; position: absolute; top: 0px; right: 0px}
.wid100{ width:100%; float: left; }
.topBar {background-color: #000;color: #fff;padding: 5px 0px;display: none;}
.topBar span { margin-right:5px;float: left; }
.topBar span.op { opacity: .5 }
.wid50{ width:50%;  }
.lft{float: left;}
.rgt{ float: right }
a.phnm{background-color: #d42521; display:none;
    padding: 5px 10px;
    color: #fff;}
.bool  ul li{list-style: disc;}    
.wid50 > div{ float: left;margin-right: 20px;font-size: 14px; }
.txtlft{ text-align: left; }
.txtrgt{ text-align: right; }
.txtcntr{ text-align: center; }
.slideimg{ width:100%; float: left; }
.settop{ margin-top: -60px; position: relative; z-index: 10000;margin-bottom: 60px; }
.settop .wid33{ width:31.33%; float: left; padding: 0px 0%;box-shadow: 0px 10px 40px #333;margin: 0px 1%;}
.settop span{ font-weight:600;}
.set50{ margin-top: -350px; color: #000; padding-left: 14%; width:70%; }
.set50 span{ font-weight:600;}
.set50  h1{ font-size: 32px; line-height: 40px }
.set50 a{  float: left }
.set50 p{ padding: 10px 0px; font-weight:600; }
.title-top{position: absolute;bottom: 0px;width: 100%; padding: 30px 4%;}
.title-top h2{color: #000;}
.title-top p{ margin-bottom: 10px }
.posrelative{ position: relative; }
.btn{padding: 10px 20px; background-color: #d42521; color: #fff; border-radius: 2px; }
.bgimgwhite{ background-image: url("../images/bgn-industries.png"); background-repeat: no-repeat; min-height: 400px;background-size: 120%;padding: 20px 0px; }
h1.sty{ color:#d42521 ;  }
.wid50d{  float: left;padding: 15px 4% 14px 0px; }
.pabs{position:absolute; left:0px;}
.pabsrgt{position:absolute; right:0px; top:0px;}
.minh{min-height:550px;}
.minh ul li{ width:100%; float:left; padding:5px 2%;list-style: inside;}
.minh ul { width:100%; float:left; padding:15px 0px;}
.bgimgwhite .wid33{ width:33.33%; float: left;padding: 20px 3% 20px 0px;}
.icon{float: left;width: 25%;padding: 10px 2%;margin-top:-40px;fill: #d42521;}
.bgimgwhite .wid33 .wid75{ width:75%; float: left; }
.pad10_4{padding: 10px 4%;}
.pad10_4_10_0{padding: 20px 4% 20px 0px;}
.bgimgwhite .wid50 > div{ font-size: 16px }
.threepoints p{ float:left;width: 100%;}
.w600{font-weight: 600;}

.icon4 {float: left; width: 25%;padding: 10px 2%;margin-top: -40px;fill: #fff;}
.icon2{ width: 75px;padding: 10px 2%;   fill: #d42521;border: 2px solid #d42521;border-radius: 50%; margin-top: 0px; height:75px;}
.icon3{ width: 100px;padding: 10px 2%;   fill: #d42521;border: 2px solid #d42521;border-radius: 50%; margin-top: 0px; height:100px; }
.icon6{ width: 40px;   fill: #fff; margin-top: 0px; height:40px; margin:10px 5px; }
.threepoints h2{padding: 16px 0px;float: left;text-align: center;width: 100%;}
.bgimgblue{background-image: url("../images/bgimg.webp"); background-repeat: no-repeat; min-height: 600px;background-size: 100%; padding:40px 0px;}
.bgimgblue2{background-color: #000; background-repeat: no-repeat; min-height: 100px;background-size: 100%; margin:20px 0px;}
.bgimgblue2 .wid60 h2{ color:#fff;}
.bgimgblue2 .wid60 {padding: 20px 2%;text-align: center;width: 60%; float:left;}
.bgimgblue2 .wid30 { padding: 20px 2%;background-color: #333;text-align: center;}
.bgimgblue2 .wid60 input{ width:30%; float:left; padding:10px 2%; margin:10px 0px;   border: none;font-size: 15px; margin-right:3%;background-color: #E5E5E5; }
.bgimgblue2 .wid60 input.sty{font-weight: 600;font-size: 16px;width: 23%;float: left;padding: 14px 5%;border-radius: 0px;margin-left: 3%;margin-top: 20px;background-color: #16A9FF; margin-right:0px;}
.bgimgblue2 .wid60 img{float: left;margin-top: 20px;}
.bgimgblue2 .wid60 textarea{ width:50%; float:left;padding:10px 2%;margin:10px 0px;    border: none;font-family: sans-serif;font-size: 15px;background-color: #E5E5E5;}
.bgimgblue .wid33{ width:33.3%; float: left;padding: 30px 2%; color:#fff; }
.bgimgblue .wid33 img { height: 200px;  border-radius: 50% }
.bgimgblue .wid33 p{padding: 10px 0px;}
.bgimgblue .wid33 span{padding: 10px 0px; font-weight: 600}
.bgimgblue .wid33 h2{    color: #d42521 ;}
.pad100{ padding: 100px 0px 0px 0px }
.bgimgwhite p.sty{ padding: 15px 0px }
.wid70in h2 a{color:#000;}
.case ul { width:100%; float: left; }
.wid70{ width:70%; float: left; color: #fff; padding: 40px 0px }
.wid40{ width:40%; float: left; color: #fff; padding: 20px 0px }
.wid40 p.sty{width: 70%;padding: 15px 0px;}
.wid70 h1{ color:#fff; }
.wid40 h1{ color: #fff; }
.wid40 h1 label{ color: #d42521; }
.wid30{ float: left; width:30%;padding: 70px 0px; text-align: right;  }
.case ul li{ width:33.33%; float: left;padding: 10px 1%; position: relative; }
.case ul li.parent{position: relative;}
.case ul li.parent img.srt{min-height:375px;}
.inside-case{   width:94%; padding: 20px 2%; position: absolute; bottom: 0px; float: left; background-color: #F5F5F5;visibility: hidden;opacity: 0;transition: opacity 1s linear;}
.inside-case .red{ width: 100%; float: left; background-color: #fff; min-height: 10px; }
.inside-case p{ padding: 10px 0px }
.inside-case img{height: 36px;margin-top: -100px; width: 102%;max-width: 102%;}
.inside-case h2{ color: #d42521  }
.case ul li.parent:hover .inside-case{ display: block;visibility: visible;opacity: .8; }
.news{ position: relative; }
.news img { height: 300px; width:100%; }
.threepoints h2{ font-size:22px;}
.threepoints h2.sty{ font-size:42px; line-height:60px;}
.bgimgwhite span{ font-weight:600;}
.bgimgblue span{ font-weight:600;}
.case span{ font-weight:600;}
.news .setdiv{position: absolute; bottom: 0px;padding: 15px 4%; width: 100%;margin: 0px;box-shadow: inset 0px -135px 40px #000; color: #fff}
.news .setdiv p{ padding: 10px 0px }
.gray{ margin-left: 2%;min-height: 245px;background-color: #ccc;width: 43%;padding: 175px 2% 10px 2%; position: relative; }
.gray span.sty{position: absolute;top: 0px; right: 0px;}
.gray a{color: #d42521 ; font-weight: 600}
.news span.sty{position: absolute;top: 0px; right: 0px;}
.news span.sty b{ font-size: 24px}
.gray span.sty b{ font-size: 24px}
.bgimgfooter{background-image: url("../images/map-01.webp"); background-repeat: no-repeat; min-height: 450px;background-size: cover; margin: 40px 0px}
footer{ background-color: #000; padding: 50px 0px; width:100%; float: left; }
footer .wid33{ width:33.33%;  float: left; padding: 10px 2%; color:#fff;}
footer .wid33 p{ padding: 10px 0px }
footer .wid33 ul li{ width:50%; float:left;padding: 6px 0px;}
footer .wid33 ul li a{ color:#fff; }
.bgred{ background-color: #d42521; padding: 10px 0px; color: #fff }
.wid45{ width:45%; }
.mar10lft{ margin-left: 10% }
.bgwh{ background-color: #000000b8; padding: 40px 0px; margin-top: 200px; }
.bgwh .wid30{ width:30%; float: left;text-align: left; padding: 0px; color:#fff; }
.bgwh .wid30 h2{ color:#fff; }
.bgwh .wid70 h2{ color:#fff; }
.bgwh .wid70{ width:70%; float: left;padding: 0px ; color: #fff}
.bgwh .wid70 ul{ width:100%; float: left; padding: 0px 2%;  }
.bgwh .wid70 ul li{ width:33.33%; float: left;color: #000; }
.bgwh .wid70 ul li span{ width:75%; float: left;color: #fff; padding: 10px 3% }
.brand{ width:100%; float: left; background-color: #fff; }
.brand ul li{ width:20%; float: left;padding: 40px 0px; }
.pad50{ padding: 50px 0px }
.pad50 h1{padding: 10px 4px}
.pad50 span{    padding: 0px 8px;}
.newsss span{    padding: 0px 8px;}
.newsss h1{ padding: 10px 4px }
.padleftno{    padding-left: 0px !important;}
.padrightno{    padding-right: 0px !important;}
.wid70in{ width:65%; float:left; min-height:100px;padding: 20px 0px; }
.wid70in p { padding:10px 0px; text-indent: unset !important;}
.wid70in label{ padding:10px 0px; color:#EC2029;float: left;}
.wid70in .wid100{ margin:10px 0px;}
.wid70in h1{font-weight: 100;font-size: 28px;}
.wid70in .wid100 ul{ width:33.33%; float:left; padding-right:1%;}
.wid70in .wid100 ul li{list-style: disc; margin-left:8%;}
.wid70in .wid100 ul li h3{color: #000; font-weight: 500;padding-left: 0px;text-align: left;border-bottom: 2px solid #0687c8;line-height: 27px;}
.wid70in .wid100 ul li:first-child{color: #fff;margin-left: 0px;padding: 2px 2%;border-radius: 7px;list-style: none;}
.wid70in .feee ul li:nth-child(3){background-color:#fff;box-shadow: 0px 0px 1px #000;}
.wid70in .feee ul li:nth-child(1){background-color:#EC2029;box-shadow: none;}
.wid70in .feee ul li:nth-child(4){background-color:#ccc;}
.wid70in .feee ul li:nth-child(5){background-color:#fff;box-shadow: 0px 0px 1px #000;}
.wid70in .feee ul li:nth-child(6){background-color:#ccc;}
.wid70in .feee ul li{list-style: none; width:100%;border-radius:0px !important;float: left; padding: 0px 2% !important; margin-left:0px !important; background-color:#ccc;}
.wid70in .feee ul li h3{ color:#000;}
.wid70in .feee ul li span{ width: 25%;float: left;box-shadow: 1px 0px 1px #000;padding: 10px 0px;padding-left: 2%;margin-bottom: 0px;}
.wid70in .feee ul li:first-child span{box-shadow:none;}
.wid70in .feee ul li span:last-child{box-shadow:none;}
.wid70in label {color: #EC2029;float: none;}
.fet img{ width:100%;}
.wid70in .feee ul {list-style: none; width:100%; }
.wid30in{ width:35%; float:left; padding-left:3%;min-height: 100px;margin-top:-100px;}
.quote{ width:100%; float:left;}
.quote label{ color:#FFF200;}
.quote h2.fst{ font-weight: 100;background-color: #000;color: #fff;text-align: center;padding: 13px 0px;width: 97.3%;margin-left: 1.2%;}
.quote img{margin-top: -5px; min-height:73px;}
.quote h2.scd{ font-weight: 100;color: #fff;text-align: center;padding: 7px 0px;margin-top: -66px; }
.fmdv{ width: 92.4%;float: left;background-color: #ccc;min-height: 100px;margin-left: 3.7%;margin-top: 10px;padding: 25px 4%; text-align:center;}
.fmdv input{ width:100%; float:left; padding:10px 2%; margin:10px 0px; border:1px solid #000;border: none;}
.fmdv textarea{ width:100%; float:left; padding:10px 2%; margin:10px 0px; border:1px solid #000;border: none;font-family: sans-serif;}
.fmdv input.st{background-color:#00A652; float:none; padding:10px 5%; color:#fff; font-size:18px; width:auto;}
.review-class{ width:100%; float:left; margin:20px 0px;border-radius: 0px;     box-shadow: 0px 0px 7px #333; background-image:url("../images/backgroundreview.png"); background-size:117%;}
.review-class .rw70lft{ width:70%; float:left; padding: 10px 2%; }
.review-class .rw30lft{ width:30%; float:left;     padding: 10px 2%; }
.review-class .rw70lft h2{border-bottom:2px solid #FAC1C3;    margin-bottom: 20px;}
.review-class .rw70lft h3{text-align: right;margin-top: 20px;}
.review-class .rw30lft img{ width:100%; margin-top:45px;}

.exc{ width:31%; float:left;padding:0px;box-shadow: 0px 0px 8px #000; margin: 10px 0px; min-height:300px;}
 ul.exc li h1{ font-size:16px;}
.exc.stt{ margin-left:3.5%;}
.exc  .inst{ width:100%; float:left;padding: 10px 2%;}
.exc  a{  float:left; margin-top:10px;}
.exc h3{ border-bottom: 2px solid #333;
    margin-bottom: 15px;}
.exc span.sty {
    position: absolute;
    top: 4px;
    right: 5px;
}
.exc span.sty b{font-size: 22px;}
.arrow-up3 { margin: 0px !important;width: 0; height: 0; border-left: 100px solid transparent;border-right: 100px solid #ccc;border-bottom: 100px solid transparent; position: absolute; top: 0px; right: 0px}
.fmdv ul{ width:100%; float:left; }
.fmdv ul li{ width:100%; float:left;  background-color: #000;text-align: left;font-size: 20px;border-bottom: 1px solid #ccc; }
.fmdv ul li a{ width:100%; float:left; background-color:#000; color:#fff; padding: 10px 2%;}
.fmdv ul li a:hover{ width:100%; float:left; background-color:#fff; color:#000;padding: 10px 2%; }
.col{ width:33%; float:left;}
.wid70in .col ul li {list-style: disc;margin-left:8%;}
.wid70in .col ul li:first-child {
}
.wid70in .col ul li h3 {
   
    line-height: 22px;
     margin-bottom:10px;
}
.row{ width:100%; float:left;}
.wid70in .col ul {
   
    margin-bottom: 16px;
}
table{ width:100% !important; height:auto !important;border: none;
    box-shadow: 0px 0px 6px #000;
    background-color: #f5f5f5;}
th{     border: none;
    padding: 10px 0px;
    background-color: #d42521;
    color: #fff;}
tr{ border:none;}
td{ padding:5px 1%;border: none;    box-shadow: 0px 0px 1px #000;}
table tr:nth-child(2){ background-color:#ccc;}
table tr:nth-child(2) td{ border:none;}
table tr td:last-child{ border:none !important;}
.interv .icon {
    float: left;
    width: 100%;text-align: center;margin: 0px;}
.interv .wid75{float: left;
    width: 100%;text-align: center;}   
#menu{display:none;}
@media screen and (max-width:1200px){
    .container{ width:96%;}
}


@media screen and (max-width:767px){
    a.phnm{background-color: #d42521;display:inline-block;}
     p.sttt{ font-size:10px;}
     label.sk{ font-size:12px;}
     img.sk{width: 30px;}
    .wid70in{ width:100%;}
    .col {width: 100%;float: left;}
    .exc {width: 100%;min-height: 277px;}
    .wid30in {
    width: 100%;
    float: left;
    padding-left: 0px;
    min-height: 100px;
    margin-top: 0px;
}
.ifmimg{ width:100%;}
.exc.stt {
    margin-left: 0px;
}
.nav ul li {    

    font-size: 16px;background-color:#000;
    font-weight: 900;
    float: left;
    padding: 4px 10px;
    width: 100%;
    color: #fff;
}

.nav ul li a {
    color: #fff;
    float: left; 
}
    .container{ width:96%;}
    .nav ul{display:none;position: absolute;z-index: 10000;
    background-color: #000;
    width: 100%; right:0px;}
    .settop{ margin-top:0px;}
    .settop .wid33{ margin:10px 0px; width:100%;}
    .wid50 {width: 100%;}
    .bgimgwhite .wid33 {width: 100%;float: left;padding: 10px 0% 10px 0px;}
    .bgimgwhite{padding:0px;}
    .pabs{position:relative;}
    .bgimgblue{background-color:#000;}
    .bgimgblue .wid33{ width:100%;}
    .pabsrgt {position: relative;}
    .wid40{ width:100%;}
    .bgimgblue2 .wid60{ width:100%;}
    .wid45 { width: 100%;}
.mar10lft{margin-left:0px;}
.bgwh .wid30{ width:100%;}
.bgwh .wid70{ width:100%;}
.bgwh .wid70 ul li{ width:100%;}
footer .wid33{ width:100%;}
#menu{display:block;}
.bgimgblue2 .wid60 input.sty{ width:70%;}
.case ul li{ width:100%;}
.set50{padding-left:0%; width:50%; margin-top:-350px;}
.slideimg{ min-height:200px;}
.set50 h1{ font-size:20px; line-height:20px;}
.set50 p{padding:5px 0px; font-size:14px; font-weight:100; line-height:15px;}
.set50 a {
    float: left;
    padding: 5px 10px;
    font-size: 14px;
}
.logo{ width:40%;}
.nav{ width:60%;}
h2{ font-size:20px;}
h1{ font-size:24px;}
.threepoints h2 {
    font-size: 18px;
}
.case ul li.parent img.srt {
    min-height: 100px;
}
.hd{display:none;}
.threepoints h2.sty {
    font-size: 24px;}
    .bgimgblue2 .wid60 input{ width:100%;}
    .bgimgblue2 .wid60 textarea{ width:100%;}
}