@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);.backgroundCover, #home, #download, #packages, #subscribe, footer{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
@font-face{font-family:'thaisans_neueregular';src:url('font/thaisansneue-regular-webfont.eot');src:url('font/thaisansneue-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('font/thaisansneue-regular-webfont.woff2') format('woff2'),
url('font/thaisansneue-regular-webfont.woff') format('woff'),
url('font/thaisansneue-regular-webfont.ttf') format('truetype'),
url('font/thaisansneue-regular-webfont.svg#thaisans_neueregular') format('svg');font-weight:normal;font-style:normal;letter-spacing:0.5px;}
@font-face{font-family:'thaisans_neuebold';src:url('font/thaisansneue-bold-webfont.eot');src:url('font/thaisansneue-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('font/thaisansneue-bold-webfont.woff2') format('woff2'),
url('font/thaisansneue-bold-webfont.woff') format('woff'),
url('font/thaisansneue-bold-webfont.ttf') format('truetype'),
url('font/thaisansneue-bold-webfont.svg#thaisans_neuebold') format('svg');font-weight:normal;font-style:normal;letter-spacing:0.5px;}
body{background:#fcfcfc;font-family:'thaisans_neueregular', Tahoma, Arial;font-size:21px;}
a{-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
a:hover{color:#FC6;text-decoration:none;outline:none;}
a:active,a:visited{outline:none;}
.container h2, .row h2{font-family:'thaisans_neuebold';font-size:50px;}
.container p, .row p{font-family:'thaisans_neuebold';font-size:23px;letter-spacing:0px;line-height:25px;text-indent:40px;}
header{color:black;border-bottom: 1px solid #f3f3f3;background:#fff;box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);position: relative;}
header .container {width:100%;}
header.masthead .bannercontainer{width:100%;position:relative;padding:0;}
header.masthead .banner{width:100%;position:relative;}
header.masthead h1{text-transform:uppercase;font-size:55px;font-weight:bold;}
header.masthead .tp-caption a{color:white;}
header.masthead .mh-slider{position:absolute;bottom:0;top:auto;}
.nav-title h3{font-family:'thaisans_neuebold';font-size:27px;margin-left: 15px;margin-top: 31px;line-height: 25px;text-transform:uppercase;color:#47a657;}
.nav-title h3 span{font-size:41px;color:#c5e15d;}
.top1{position:inherit;}
.navbar-tel {float:left;position:absolute;left:50px;}
.navbar-tel h3{margin-top:15px;}
.navbar-tel h3 i{ background:#d58418;float:left;width:37px;line-height:37px;font-size:27px;height:37px;display:block;color:#fff;text-align:center;}
.navbar-tel h3 span{ font-family:'thaisans_neuebold';background:#fff;line-height:37px;height:37px;padding:0 15px;display: block;float: left;font-size: 25px;color: #6f6f6f;letter-spacing: 1px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.navbar-tel h3:hover span{background:#eea13b;color:#fff;}
#home{background:#fff;overflow:hidden;background-attachment:fixed;position:relative;text-align:center;margin-top:-70px;}
#home:before{content:"";position:absolute;top:0;right:0;left:0;bottom:0;background: ;}
.overlay{position:absolute;width:100%;height:100%;left:0;top:0;background:none;z-index:2;}
.p-home header{position:absolute;top:0;width:100%;z-index:9;box-shadow:none;background: url(../img/bg_header.png) repeat-x top;border-bottom:0;}
#intro {
    text-align: center;background: url(../img/bg_overlay.png) no-repeat top left;background-size: auto 100%;color: #fff;width: 100%;height: 100%;}
#intro .content {
    position: relative;width: 100%;top: 50%;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out;z-index:4;}
.container {
    margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px;}
#intro {
    text-align: left;color: #fff;}
.intro h1{font-family:'thaisans_neuebold';font-size:40px;text-transform:uppercase;margin-bottom: 25px;
background: #2b1357;
background-color: #2b1357;
background-image: -moz-radial-gradient: radial-gradient( 480px at 0% top, #3a83a8, #2b1357);
background-image: -webkit-radial-gradient: radial-gradient( 480px at 0% top, #3a83a8, #2b1357);
background-image: radial-gradient( 480px at 0% top, #3a83a8, #2b1357);
padding: 10px 20px;display:inline-block;border-left:10px solid #fff;}
.intro h2{font-size:40px;font-weight:normal;display:inline-block;margin:0;
background: #14aaf3;
background-image: -moz-radial-gradient:radial-gradient(1280px at 0% top, #f37314, #f7d982);
background-image: -webkit-radial-gradient:radial-gradient(1280px at 0% top, #f37314, #f7d982);
background-image: radial-gradient(1280px at 0% top, #14aaf3, #2f2977);
border-left:10px solid #fff;padding: 13px 20px;display:inline-block;}
.lang-en .intro h1{font-size:31px;}
.lang-en .intro h2{font-size:30px;}
.navbar-collapse.collapse{float:right;margin-right:30px;margin-top: 16px;}
.nav_bar{width:100%;position: relative;top:0;margin-bottom:0;min-height:70px;z-index:9999;background: #3d688a;}
.viewing-page-1 #nav{background:none;border:0;-webkit-box-shadow:0 0 0px rgba(0, 0, 0, 0.4);-moz-box-shadow:0 0 0px rgba(0, 0, 0, 0.4);-o-box-shadow:0 0 0px rgba(0, 0, 0, 0.4);box-shadow:0 0 0px rgba(0, 0, 0, 0.4);}
.viewing-page-1 #nav .navbar-brand img{ width:120px;margin-top: 10px;}
.viewing-page-1 #nav .navbar-right li a{color:#fff;}
.viewing-page-1 .logo2{display:none;}
.navbar-brand{z-index: 9999;position: relative;padding: 4px 15px;}
#navh.affix{ width:100%;background:rgba(255, 255, 255, 0.9);;position:fixed;top:0;z-index:99999;-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
#navh.affix .nav_logo{height:70px;}
#navh.affix .nav_logo .logo {margin-top: 0px;width:200px;}
#navh.affix .navbar-collapse.collapse {margin-top: 0;}
#navh.affix .navbar-lang{margin-top: 20px;}
#nav .navbar-brand img{margin-top:-10px;margin-left:0px;position:absolute;z-index:99;width:165px;}
#nav.navbar-fixed-top{position:fixed;top:0;}
#nav .navbar-toggle{padding:10px;height:50px;}
#nav .navbar-toggle i{font-size:1.5em;}
#nav .navbar-nav.nav-title{margin-left:90px;}
#nav .navbar-nav.nav-title h1{font-family:'thaisans_neuebold';font-size:27px;padding:0;margin:0;padding-top:6px;margin-bottom:-3px;font-weight:normal;}
#nav .navbar-nav.nav-title h1.title_short{font-family:'thaisans_neueregular';font-size:23px;padding-top:0;}
#nav .navbar-right li a{text-transform:uppercase;font-family:'thaisans_neuebold';font-size:25px;padding:25px 15px;min-width:80px;text-align:left;}
#nav .navbar-right li{background:;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;}
#nav .navbar-right li.active{background:none;font-family:'thaisans_neuebold';}
.p-home #nav .navbar-right li.active{background:none;}
#nav .navbar-right li:hover,
#nav .navbar-right li.active:hover{background:#3d688a;}
#nav .navbar-right li a{color:#252525;}
#nav .navbar-right li a i{font-size: 12px;display: block;float: right;padding: 4px 0 0 10px;}
#nav .navbar-right li.active a{color:#000!important;}
#nav .navbar-right li:hover a,
#nav .nav.nav_menu li > ul > li.active a{color:#fff!important;}
#nav .navbar-right li:active,
#nav .navbar-right li a:active,
.nav>li>a:hover,.nav>li>a:focus{background:none!important;}
#nav .navbar-lang{float:right;margin-top:40px;margin-left:20px;}
#nav .navbar-lang li{background:#3d688a;margin-left:2px;float:left;}
#nav .navbar-lang li.active a {background: #808398;}
#nav .navbar-lang li:hover a{background:none;}
#nav .navbar-lang li a{font-family:'thaisans_neuebold';color:#fff;padding:4px 8px;font-size:17px;overflow:hidden;display:block;}
.nav_logo{width: 100%;position: relative;height: 110px;}
.nav_logo .logo{width: 300px;margin-top: 5px;}
.qr-line{width:250px;float:right;display:block;}
.qr-line img{width:80px;float:left;padding-right:10px;}
.btn-line-top{display:inline-block;background:#00b900;color:#fff;padding:0px 15px 0 10px;font-size:29px;margin-top: 12px;border-radius:15px;}
.btn-line-top img{width: 46px;padding:0;}
.btn-line-top:hover{ background:#2aca2a;}
#box-search{padding-top:15px;width:auto;float:right;padding-right: 30px;}
.ico-search {
    float: right;width: 35px;height: 35px;text-align: center;line-height: 35px !important;font-size: 20px;color: #fff;background: #ef634c;}
.ico-search:hover{background: #3d885b}
.input-search {
    float: right;background: #fdfdfd none repeat scroll 0 0 !important;border: medium none;box-sizing: border-box;color: #888;width: 490px;height: 35px;line-height: 28px;position: relative;z-index: 100;padding-left: 10px;border-radius: 0 !important;max-width: 85%;}
#page0{ position:relative;padding:0;width:100%!important;max-width:100%!important;overflow:hidden!important;}
.about-us{background:#eff0f2;}
.inner-about{padding:100px 0 50px 0;position:relative;width:100%;}
.about-us1{overflow:inherit!important;min-height:670px;background:url(../img/bg-aboutus.jpg) #243b49 no-repeat top right;background-size:auto 100%;}
.about-us1 .row{ position:absolute;left:0;width:56%;
background: #003596;
background-color: #2b1357;
background-image: -moz-radial-gradient: radial-gradient( 1280px at 0% top,#4069b5, #022360);
background-image: -webkit-radial-gradient: radial-gradient( 580px at 0% top, #4069b5, #022360);
background-image: radial-gradient( 1280px at 0% top, #4069b5, #022360);
overflow: inherit;height: 320px;}
.about-us1 .ab-text{position:relative;float:right;width:700px;background:#f7f7f7;margin-top: 25px;margin-right: -35px;min-height: 320px;position: absolute;right: 0;padding: 20px 30px 10px;}
.about-us1 .about-logo {width:100%; position:relative; text-align:center; margin:15px 0;}
.about-us1 .about-logo img{height:70px;}
.about-us1 h4{font-size:50px; line-height:1;font-family:'thaisans_neuebold';background: -webkit-linear-gradient(45deg, #09009f, #48bbea 100%);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding:0;margin:0;color:#5b5c5e;margin-bottom:15px;display: inline-block;position: relative;padding-bottom:30px;}
.about-us1 h2{color:#333;font-size:50px;line-height:1; font-family:'thaisans_neuebold';display: inline-block;position: relative;}
.about-us1 h4::before {content: '';position: absolute;display: block;width: 120px;height: 3px;bottom: 0;left: 0;border-top: #1f438f solid 5px;text-align: left;margin: 15px 0 15px 5px;}
.about-us .item-info h3{color:#000;}
.desc-pro{width:100%;position:relative;overflow:hidden;margin-bottom:30px;}
.btn-read-more{    color: #fff !important;border: 1px solid #f5f5f5;font-size: 29px;font-family: 'thaisans_neueregular';border-radius: 25px;padding: 0px 15px;background: #none;}
.btn-read-more:hover {
    text-decoration: none !important;border-color: #ed1c24;color: #fff !important;background: #ed1c24;}
.colstyle2{background:  #020513 no-repeat bottom right!important;background-size: auto 100% !important;}
.colstyle2 .clp{float:right;}
.index-reference{padding:90px 0 80px;background:url(../img/bg-reference.jpg) #fff no-repeat center;background-attachment:fixed;background-size:100%;}
.index-reference h2 { color:#000; text-transform: uppercase;font-size: 50px;text-align: center;letter-spacing: 5px;margin-bottom:50px;}
.index-review .slick-dots {
    bottom: -35px;}
.itemrv img{border-radius:20px 0 20px 0!important;webkit-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);webkit-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.1);-moz-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;-ms-transition: all .2s linear;margin:15px 0;}
.itemrv:hover img{webkit-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2);webkit-box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2);}
.title-review{font-family:'thaisans_neuebold';background:rgba(249, 249, 249, 0.75);font-size:31px;width:auto;padding:0 25px 0 25px;margin:0;border-bottom:5px solid #f3792a;display: inline-block;margin-top:20px;color:#333;}
.itemrv:hover .title-review{ color:#fff;background:rgba(255, 131, 0, 0.75);border-color:rgba(255, 131, 0, 0.75);moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear;}
.item-info{list-style:none;padding:0;margin:50px 0;}
.item-info li{width:24%;margin:0;padding:0;display: inline-block;vertical-align:top;text-align:center;}
.item-img{ border-radius:50%;width:140px;height:140px;background:#7c7a7b;margin:auto;text-align:center;padding:10px;moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear;}
.item-info li:hover .item-img{background:#f4ee66;}
.item-img img{ width:120px;}
.product{color:#fff;background:#fff;background-size:100%;padding:70px 0;}
.head-hr h2{color:#fff;margin-bottom:0;padding: 5px 25px;text-align:center;width: inherit;text-align: left;float: left;text-indent: 25px;background: #3d688a;}
.head-hr hr{margin-bottom: 60px;border: 0;border-top-color: currentcolor;border-top-style: none;border-top-width: 0px;border-right-color: currentcolor;border-bottom-color: currentcolor;border-left-color: currentcolor;border-top: 5px solid #393939;border-top-color: rgb(57, 57, 57);margin-top: 55px;}
.img-type-product{max-width:400px;margin:auto;display:block;webkit-box-shadow:0px 1px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 1px 4px rgba(0, 0, 0, 0.2);box-shadow:0px 1px 4px rgba(0, 0, 0, 0.2);border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;}
.item-product{ text-align: center;margin-bottom:50px;}
.item-product .slick-track{padding:50px 0px;margin-top:-20px;}
.item-product .item{width:18%;margin:0.5%;display:inline-block;vertical-align:top;}
.item-product .item.itemp{ margin:5px 0.05%;overflow:hidden;width:19.333%;webkit-box-shadow:0px 1px 20px rgba(0, 0, 0, 0.1);-moz-box-shadow:0px 1px 20px rgba(0, 0, 0, 0.1);box-shadow:0px 1px 20px rgba(0, 0, 0, 0.1);webkit-box-shadow:0px 1px 20px rgba(0, 0, 0, 0.1);}
.item-product .li{ background:#fff;margin-right: auto;webkit-box-shadow:0px 1px 20px rgba(0, 0, 0, 0.1);;-moz-box-shadow:0px 1px 20px rgba(0, 0, 0, 0.1);;box-shadow:0px 1px 20px rgba(0, 0, 0, 0.1);;margin:0;webkit-box-shadow:0px 1px 20px rgba(0, 0, 0, 0.1);;overflow:hidden;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;position:relative;z-index:9;}
.item-product .li:hover{width:105%;margin-left:-2%;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);webkit-box-shadow:0px 1px 20px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 1px 20px rgba(0, 0, 0, 0.2);box-shadow:0px 1px 20px rgba(0, 0, 0, 0.2);}
.item-product img{width:100%;max-width:100%;z-index:999;}
.item-product h3{font-size:21px;vertical-align:middle;background:#fff;color:#707070;text-align:center;margin:0;padding:10px 10px;min-height:50px;display:inline-block;width:100%;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear;line-height:21px;}
.item-product .li:hover h3{background:#b3d245;color:#fff;font-size:25px;}
.rowt-product{margin-top:50px;margin-bottom:50px;}
.item-product.itempt{margin-bottom:70px;text-align:center;}
.item-product .itemp h3{background:#fff;font-size:21px;}
.item-product .itemp:hover h3{background:#3d688a;color:#fff;}
.item-product .li a:hover,.item-product .li a:active,
.item-product .li a:hover p,.item-product .li p:active{ outline:none;text-decoration:none;}
.item-product.p2 h3{background:#a95557;}
.item-product .li .grow img{width:100%;height:auto;margin:0!important;-webkit-transition:all .2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}
.item-product .li:hover .grow img{margin-left:-4%!important;margin-top:-1.5%!important;width:110%;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.item-product .li .pic{width:100%;height:auto;margin:0;overflow:hidden;position:relative;}
.index-service{background:url(../img/bg-service-back.jpg) #656565 no-repeat bottom center;background-size: auto 100%;
}
.inner-service{padding:120px 0 90px;background: url(../img/bg-service.png) repeat-y center;}
.page-service:nth-of-type(2n+1) .inner-service{background-image: ;}
.index-service h2 {
    text-transform: uppercase;font-size: 70px;text-align: center;letter-spacing: 15px;margin-bottom: 50px;color:#fff;text-align:left;}
.item-service{ display:inline-block;width:184px;height:184px;margin:0;padding:0;margin:3px;}
.item-service .itemsv-img{background:#f5f5f5;padding:5px;display:block;}
.its .item-service{background:rgba(138, 138, 138, 0.75);float:left;-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.its:nth-of-type(2n+1) .item-service {background:rgba(255, 179, 0, 0.75);}
.its:hover .item-service{background:rgba(255, 131, 0, 0.75)!important;}
.its:hover .item-service h3{color:#fff;}
.item-service img{width:100%;padding:0;margin:0;}
.s-title a{padding:10px;width:184px;height:184px;display:block;}
.s-title h3{font-family:'thaisans_neuebold';color:#fff;font-size:31px;-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;line-height: 31px;}
.page-service{ background:#656565;padding:0;margin:0;background-size: 120% auto;}
.page-service:nth-of-type(2n+1){ background:#7e7e7e;}
.page-service h2{letter-spacing:0;width:60%;display:inline-block;position: relative;padding-bottom: 30px;margin-bottom: 15px;font-size: 50px;}
.page-service h2::before{
content: '';position: absolute;display: block;width: 120px;height: 3px;bottom: 0;left: 0;border-top:#fff solid 5px;text-align: left;margin: 15px 0 15px 5px;}
.page-service .content-service{ background:rgba(138, 138, 138, 0.75); color:#fff; padding:15px; font-size:25px; min-height:450px;}
.page-service:nth-of-type(2n+1) .content-service{ background:rgba(106, 106, 106, 0.75)}
.page-service .content-service p{text-indent:0;font-size:25px;line-height:28px;}
.page-service .content-service ul{list-style:none; margin:0; padding:0; margin-top:20px;}
.page-service .content-service li{line-height:26px;list-style:none; margin:0; padding:5px 0 5px; margin-bottom:15px; border-left:5px solid #ff7f00; padding-left:15px;}
.page-service .content-service li:nth-of-type(2n+1){background:rgba(138, 138, 138, 0.75);}
.link-service{position:absolute; bottom:0; right:15px; padding:3px 10px;background:
rgba(0, 0, 0, 0.35);color:#eedcb8;font-size: 21px;}
.link-service:hover{background:rgba(0, 0, 0, 0.45);color:#f5f5f5; }
#content_view .item-product li{ margin-left:0!important;}
#content_view .item-product .li a:hover{text-decoration:none;outline:none;}
.item-product .li .desc_product{display:block;text-align:center;width:100%;padding:15px 10px;}
.item-product .li p,
#content_view .item-product .li p{padding:0;margin:0;color: #646464;font-size: 23px;line-height: 25px;}
.item-product .li p strong,
.view-page{background:#fcfcfc;}
.link-career{font-family:'thaisans_neuebold'; display:block; word-break:100%;}
.link-career:hover{color:#fff;}
.content-career td{-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.content-career td:hover{ background:#3d688a!important;}
.note-video-clip{margin-left:auto; margin-right:auto;display: block; margin-top:25px; margin-bottom:25px;}
.view-content{width: 95%;margin-left: auto;margin-right: auto;}
.view-content h2{letter-spacing:0; text-align:left; margin-bottom:25px; font-size:30px; width:100%!important;}
.view-content img{max-width:100%;}
.view-content p{text-indent:0; line-height:1.5;}

#info h4{color:#333; text-align:center;width:100%;font-size:50px;line-height:1; font-family:'thaisans_neuebold';display: inline-block;position: relative;}
#info h2{font-size:50px; width:100%; text-align:center; line-height:1;font-family:'thaisans_neuebold';background: -webkit-linear-gradient(45deg, #09009f, #48bbea 70%);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding:0;margin:0;color:#5b5c5e;margin-bottom:15px;display: inline-block;position: relative;padding-bottom:30px;}

.content-stv{
	width: 100%;display: flex;position: relative;min-height: 1px;-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.list-service{
display: flex;
flex-direction: row;
width: 25%;
padding:0;
position: relative;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}

.service-wrap-bg{
background-position: center center;
background-size: cover;
width: 100%;
position: relative;
display: flex;
}

.service-wrap{display: flex;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;

}

.widget-service{
width:100%; position:relative;height:100%;
padding: 0px;
background-color: #02010199;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

}

.list-service:hover .widget-service{background-color: #0000004f;}


.service-color{
width:100%; position:relative;height:100%;
padding: 0px 0px 0px 0px;
border-style: solid;
border-width: 0px 0px 0px 0px;
border-color: #EEEEEE;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

}
.list-service:nth-child(2n+1) .service-color{background-color: #2EAEE0;}
.list-service:nth-child(1) .service-color,
.list-service:nth-child(3) .service-color{background-color: #3d688a;}
.list-service:nth-child(5) .service-color,
.list-service:nth-child(7) .service-color{background-color: #348da3;}
.list-service:nth-child(9) .service-color,
.list-service:nth-child(11) .service-color{background-color: #68bcc7;}

.list-service:nth-child(2n+1) .service-color:hover{background:none!important;}

.service-box{
padding: 40px 40px 40px 40px;
text-align: left;
width:100%;
height:100%;
}


.service-box h2 {
    font-family: "thaisans_neuebold", Sans-serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 1.4em;
    margin: 0px 0px 10px 0px;
    color: rgba(2, 1, 1, 0);
    -webkit-text-stroke-color: #FFFFFF;
    -webkit-text-stroke-width: 1px;
	font-weight:normal;
}
.service-box h4 {
    color: #FFFFFF;
    font-family: "thaisans_neueregular", Sans-serif;
	font-weight:normal;
    font-size: 23px;
    line-height: 1em;
    margin: 0px 0px 20px 0px;
}



.content-ref{display: flex;
flex-flow: column wrap;
width:100%;
justify-content: space-between; 
height:650px;
align-items: center;}


.btn-border {
    color: #333 !important;
    border: 1px solid #333;
    font-size: 21px;
    font-family:'thaisans_neuebold';
    border-radius: 25px;
    padding: 8px 35px;
	margin-top:30px;
	background:#fff;
}
.btn-border:hover{
	color: #fff !important;
	border: 1px solid #333;
	background-color:#333;
}

.features-ref{
width: calc(50% - 20px); position:relative; margin:0; 
box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
display: flex;
justify-content: flex-end;
position: relative;
border-radius: 8px;
overflow: hidden;
transition: box-shadow 0.2s;cursor: pointer;
flex-direction: row;
height: 204px;}


.features-ref:hover{box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);}

.features-ref:nth-child(1){flex-direction: column;height: 423px; }


.features-ref:nth-child(1) .features-article-ref{
position: absolute;
}
.features-article-ref{
position: relative;
flex: 0 0 264px;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;cursor: pointer;}

.features-article-ref::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), black);
}

.features-ref:nth-child(1) .features-article-ref-modul{
width:100%; position: absolute;display: flex;
flex-direction: column; bottom:0; background:none;
}
.features-refhover .features-article-ref-modul{background:#fff;}
.features-ref:nth-child(1):hover .features-article-ref-modul{ background:none;}

.features-article-ref-modul{
    padding: 10px 24px;
    flex: 1 0 204px;
    color: #3b3b3b;
	background:#fff;
}

.features-ref:nth-child(1) .features-article-ref-title{color: #fff;}

.features-article-ref-title{position: relative;
color: #333;
padding: 25px;
font-family:'thaisans_neuebold', "sans-serif";
display: flex;
flex-direction: column;
font-size: 28px;
line-height: 1.4;
margin-bottom: 10px;}
.features-article-ref-title h3{text-align:left; width:100%;}

.register-page .form-group{margin-bottom:10px; position:relative; width:100%; display:block;overflow: hidden;
}


h2.heading-ref{letter-spacing:0; font-size:29px; text-align:left;}

.service{background: ;background-size:100%;-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.service ul{list-style:none;padding:0;margin:0;}
.service li{font-size:27px;text-align:left;list-style:none;line-height:30px;border-top:1px solid #fff;border-bottom:1px solid #fff;}
.service li a{color:#363636;width:100%;display:block;padding:15px;}
.service li a:hover{font-family:'thaisans_neuebold';}
.service li:hover{}
.service h2{text-align:left;}
.news{color:#fff;background: ;background-size:100%;padding:80px 0;background-attachment:fixed;}
.news h2{color:#fff;text-align:center;margin-bottom:50px;}
.contact{color:#fff;background:#098fc6;padding:0px 0 30px 0;}
.p-contact .contact{background:none;}
.p-contact .contact, .p-contact .contact a,
.p-contact .contact h3,
.p-contact #contact a,
.p-contact #contact .ft-socail li{color:#333;}
.contact h2{margin-bottom:10px;}
.contact h3{font-family:'thaisans_neuebold';font-size:32px;text-align:left;color:#fff;margin:5px 0;padding:0;line-height:30px;}
.p-contact h4{font-family:'thaisans_neuebold';font-size:32px;}
.p-contact label{line-height:1;}
.contact .btn{font-size:24px; margin-bottom:30px;}
.contact .form-control{font-size:21px!important;}
.footerl,.footerr{padding-top:30px;}
..contact .menu-footer a{color:#666;}
.contact .menu-footer a:hover{color:#3d688a;}
.contact .menu-footer li{list-style:circle;}
.ft-socail{list-style:none;}
.ft-socail li{list-style:none;width:100%;position:relative;overflow:hidden;font-size:30px;color:#fff;}
.ft-socail li a{color:#fff;}
.ft-socail li a:hover{text-decoration:none;color:#fff;}
.ft-socail li.phone1 img{background: #61b8e6;}
.ft-socail li.phone2 img{background: #086ca2;}
.ft-socail li.phone3 img{background: #235b79;}
.ft-socail li.phone4 img{background: #034569;}
.ft-socail li.phone5 img{background: #1c3464;}
.ft-socail li.phone:hover img{background: #567489!important;}
.ft-socail li img{list-style:none;float:left;margin:4px 10px;background:#1f438f;border-radius:10px;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;width:40px;}
.ft-socail li.line img {background: #00b900;}
.ft-socail li.fb img {background: #1f438f;}
.ft-socail li:hover img{ background:#0873bb;}
.box-contact{padding:15px;}
.box-contact .inner{width:95%;position:relative;overflow:hidden;}
.box-contact a{color:#e06363;}
.box-contact a:hover{color:#0000ff;}
.contact p i{width:35px;height:35px;line-height:35px;text-align:center;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;display:block;float:left;margin-left:25px;font-size:22px;border:1px solid #535353;margin-right:15px;color:#535353;}
.copyright{background:#ecf0f5;position: relative;z-index:9;bottom:0;margin:0;font-family:Tahoma, Geneva, sans-serif;padding-top:5px;width:100%;color:#fff;}
.copyright p{font-size:14px;font-family:Tahoma, Geneva, sans-serif;}
.copyright p, .copyright p a{color:#7f8795!important;}
.copyright.view{position:relative;}
.col-left{text-align:right;}
.register-page label.col-left{font-weight:bold;}
.req{color:#F00;}
.item-article h3{font-family:'thaisans_neuebold';line-height:21px;font-size:21px!important;color:#000;letter-spacing:0;text-shadow:none;font-weight:normal!important;letter-spacing:0.5px;padding:10px 5px;margin-top:0px!important;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;text-indent:0!important;text-align:center;min-height:60px;}
#article .item-article h3{min-height:50px;}
.news .item-article a{background:#fff;border-radius: 25px;overflow: hidden;display: block;border:2px solid #fff;}
.news .item-article a:hover{text-decoration:none!important;background:#00a950;}
.item-article a:hover h3{color:#fff;}
.item-article{height:290px;position:relative;z-index:99;display:inline-table;}
.item-article img{width:100%;}
.headerweb{padding:70px 0;background-color:#f6f6f6;background-repeat: no-repeat;background-position: top right;background-size:auto 100% ;}
.inner_haderweb{width:100%;position:relative;overflow:hidden;}



#content_view .item-article img{border-radius:25px;}
.item-article.colr{float:right;}
#content_view .item-article h3{font-family:'thaisans_neuebold';background:none!important;text-align:left;font-size: 31px !important;line-height:35px!important;}
#content_view .item-article a:hover h3{color:#115295 !important;}
#content_view .item-article a:hover{text-decoration: none!important;}
.meta-blogall {font-size: 19px;}
.meta-blogall i {font-size: 14px;margin-right: 10px;}
.btn-readblog {
    background: #0099ff;color: #fff!important;border-radius: 15px;padding: 2px 15px;font-size: 23px;font-family: 'thaisans_neuebold';margin: auto;margin-top: auto;margin-bottom: auto;display: inline-block;margin-top: 25px;}
.btn-readblog:hover {background: #ec5445;color: #fff !important;text-decoration: none !important;}
.view-product .side-right{float:right;padding-left:0;}
.view-product .side-left{padding-right:0;margin-bottom:30px;}
.view-product .side-left h2{font-size:27px;text-align:left;border-bottom:1px dotted #a6a6a6;color:#d61921;margin:0;position: relative;}
.view-product .side-left p{font-size:23px;line-height:23px;color:#363636;text-indent:15px;padding:0;margin:0;}
.view-product .side-left a{color:#363636;width:100%;display:block;border-bottom:1px solid #eee;padding:5px 10px;}
.view-product .side-left a:hover{background:#c33a3f;color:#fff!important;text-decoration:none!important;}
.view-product .side-left a.active{color:#f12e43;}
#setting_list,#setting_menu{position:absolute;right:20px;top:98px;z-index:99;border:1px solid #d3d6db;padding:5px;font-weight:bold;font-family:Tahoma, Geneva, sans-serif;}
#setting_list{margin-top:40px;background:#fff;}
#setting_list ul{width:135px;list-style:none;padding:0;margin:0;}
#setting_list ul li a{border-bottom:1px solid #d3d6db;line-height:30px;width:100%;color:#676e7d;font-size:14px;float:left;text-indent:10px;font-weight:normal;}
#setting_list ul li a:hover{background:#f6f7f8;text-decoration:none;}
.title_view{font-family:'thaisans_neuebold';text-transform:uppercase;letter-spacing:0
5px;font-size:43px;color:#ce3638;letter-spacing:0.5px;padding:15px 30px;float:none;margin:0;line-height:33px;background:none;border-bottom:5px solid #3d688a;margin-bottom:25px;padding-right:27%;}
.title_cat{border:0;width:inherit!important;background:#06C;color:#fff!important;display:inline;padding:5px 20px !important;}
.view_path{font-family:Tahoma, Geneva, sans-serif;color:#777;font-size:13px;padding:15px 0 5px 5px;background:none;border-bottom:1px solid #f0efef;padding-right:27%;}
.view_path a{color:#2D6BAC;}
.nav_title{font-family:Tahoma, Geneva, sans-serif;font-size:14px;position:relative;overflow:hidden;background:none;padding:5px 5px;border-top:1px solid #f0efef;margin-bottom:25px;margin-top:-25px;}
.view_date_event{width:100%;border-bottom:1px solid #ccc;margin:-25px 0 25px 0;line-height:36px;display:block;text-indent:25px;color:#396;}
.nav_title i{margin:0 10px;}
.hits_path{margin-left:30px;}
#content_view{width:100%;min-height:450px;margin:85px auto 50px auto;padding:0;position:relative;background:none;}
#content_view.view_sub{ margin-top:20px;}
#content_view .row{margin:15px 0;}
#content_view .content a{color:#2e3192;}
#content_view a:hover{text-decoration:underline;color:#393cc6;}
#content_view .content{font-family: 'thaisans_neueregular', Geneva, sans-serif;font-size:23px;margin:auto;line-height:28px;position:relative;min-height:350px;color:#303030;padding:15px;width:95%;margin-bottom:20px;background:none;overflow:hidden;}
#content_view.view_sub,#content_view.view_sub .content{min-height:0;}
#content_view .content ul li{list-style-type:disc;margin-left:45px;line-height:25px;}
#content_view .content ol{margin-left:65px;line-height:25px;}
#content_view .content ol li{list-style-type:decimal;line-height:28px;margin-bottom:10px;}
#content_view .content p{font-family: 'thaisans_neueregular', Geneva, sans-serif;font-size:23px;padding:0;margin:0 25px; text-indent:0;margin-bottom:15px;line-height:inherit;letter-spacing:normal;}
#content_view .content .btn span{color:#fff!important;}
#content_view .content h2{color:#c33a3f;padding:5px 0;margin:15px 0;font-family:'thaisans_neuebold';font-size:32px;border-bottom:1px solid #eee;text-indent:30px;line-height:inherit;}
#content_view .content h1{font-size:36px;background:#d81b52;color:#fff;font-family:'thaisans_neueregular';padding:10px 0;margin:25px 0;text-indent:30px;}
.content_text { width:100%;position:relative;background:url(../img/bg_content_view.png) #fff repeat-x top;border-bottom:2px solid #ebebeb;}
#content_view .content.view p > img{margin-right:7px;max-width:100%;height:auto!important;text-indent:0;}
#content_view .content.view img{margin:10px 0;}
#content_view .content.view h3{font-size:27px;font-weight: normal;line-height:30px;margin:10px 0;color:#000;text-align:left;text-shadow:none;line-height:inherit;text-indent:30px;}
#content_view .content.view em{font-style:italic}
#content_view .content.view.viewpt h2{font-size:42px;text-indent:0;line-height:45px;margin-top:50px;}
#content_view .content.view.viewpt h3{font-size:35px;text-indent:0;line-height:37px;}
#content_view .content.view pre > img{margin-right:7px;max-width:880px;}
#content_view .content.view pre{margin:0;padding:0;}
#content_view .content.view{padding:30px 15px;color:#6c6c6c;}
#content_view .content.view p{font-family:'thaisans_neuebold';}
#content_view .content.view ul,#content_view .content.view ol{margin-bottom:20px;}
#content_view .content pre{border:0;margin:0;padding:0;-webkit-box-shadow:0;-moz-box-shadow:0;box-shadow:0;}
#content_view .content-panel,#content_view .content-panel b{color:#054950;}
#content_view .content-panel .type_page{color:#999;}
#content_view .content strong,#content_view .content b{font-weight:bold;}
#content_view .content hr{border:none;height:1px;background:#e4e5e5;}
#content_view h2.title_view{font-size:39px;background:none;color:#333;}
#content_view table{margin:25px auto;width:100%!important;}
#content_view .table thead tr th{background:#666;color:#fff;vertical-align:middle;text-align:center;padding-top:5px;}
#content_view .table > tbody > tr > td,
#content_view .table > thead > tr > th,
#content_view .table > thead > tr > td{border: 1px solid #ddd;}
.blog-share{position:absolute;right:30px;top:17px;text-align:center;font-family:Tahoma, Geneva, sans-serif;font-size:13px;}
.count-share{float:left;display:inline-table;overflow:hidden;width:150px;height:80px;border-right:1px solid #ECECEC;margin-right:10px;}
.btn-share{display:inline-table;overflow:hidden;width:180px;height:80px;}
.btn-share a{color:#fff;width:40px;height:40px;overflow:hidden;display:inline-table;border:0;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;padding:6px 0 0 0;font-size:20px;}
.btn-share a:hover{color:#fff!important;opacity:0.7;filter:alpha(opacity=70);text-decoration:none!important;}
.text-btn-share,.text-count-share{float:left;width:100%;margin-bottom:12px;}
.num-share{font-size:26px;font-weight:bold;}
.btn-share-fb{background:#3354A5;}
.btn-share-tw{background:#5AC8E6;}
.btn-share-gp{background:#CB4C4C;}
.btn-share-line{background:#59c816;}
.btn-share-line i{font-size:16px!important;font-style:normal;}
.list-banner ,
.list-banner li{list-style:none!important;}
.list-banner li{float:left;width:25%;padding:0;margin:1%;}
.item-banner{margin:15px 0;}
.item-banner > a{width:100%;position:relative;overflow:hidden;height:230px;display:block;-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.2);box-shadow:0px 1px 3px rgba(0,0,0,0.2);}
.item-banner:hover > a{-webkit-box-shadow:0px 1px 13px rgba(0,0,0,0.25);-moz-box-shadow:0px 1px 13px rgba(0,0,0,0.25);box-shadow:0px 1px 13px rgba(0,0,0,0.25);}
.item-banner .grow img{width:100%;margin:0!important;-webkit-transition:all .2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}
.item-banner:hover .grow img{margin-left:-4%!important;margin-top:-1.5%!important;width:110%;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.item-banner .pic{float:left;width:100%;overflow:hidden;position:relative;}
.item-banner span{width:100%;padding:10px 10px;line-height:16px;position:absolute;bottom:0;z-index:999;left:0;background:rgba(159, 52, 30, 0.8);color:#fff;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;text-align:center;}
.item-banner:hover span{background:rgba(231, 114, 0, 0.8);}
.webform-client-form input[type="text"],
.webform-client-form input[type="email"],
.webform-client-form textarea{font-size:16px;color:#727a7e;background:#f4f6f8;-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;padding-left:35px;}
.webform-client-form label{font-weight:normal;display:none;}
.webform-client-form input:focus,
.webform-client-form textarea:focus{background:#f2f2f2;}
.webform-client-form i.fa{color:#727a7e;font-size:15px;position:absolute;margin:10px;z-index:99;}
.form-control{ font-size:21px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:0px;-webkit-box-shadow:none;box-shadow:none;}
a{-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
section{background:#fff;}
.scrollpoint{opacity:0;}
.scrollpoint.active{opacity:1 \0;}
.pre-loader{position:fixed;background:#ecf0f1;width:100%;height:100%;z-index:9999999;display:block;margin-top:0px;}
.pre-loader .load-con{margin:20% auto;position:relative;text-align:center;}
.spinner{margin:50px auto 0;width:70px;text-align:center;}
.spinner > div{width:18px;height:18px;background-color:#bdc3c7;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.spinner .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s;}
.spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s;}
.capture-slide{position: absolute;width: 100%;color: #ffffff;line-height: 30px;}
.capture-slide .st1{font-family:'thaisans_neuebold';font-size:60px;text-transform:uppercase;text-shadow:0px 0px 12px rgba(0, 0, 0, 0.9);}
.capture-slide .st2{font-family:'thaisans_neuebold';font-size: 40px;text-shadow:0px 0px 12px rgba(0, 0, 0, 0.9);}

/* gallory */

.jssora05l, .jssora05r {
	display: block;position: absolute;/* size of arrow element */
	width: 40px;height: 40px;cursor: pointer;background: url(../img/a17.png) no-repeat;overflow: hidden;}
.jssora05l { background-position: -10px -40px;}
.jssora05r { background-position: -70px -40px;}
.jssora05l:hover { background-position: -130px -40px;}
.jssora05r:hover { background-position: -190px -40px;}
.jssora05l.jssora05ldn { background-position: -250px -40px;}
.jssora05r.jssora05rdn { background-position: -310px -40px;}

.jssort02 {
position: absolute;/* size of thumbnail navigator container */
width: 120px;height: 580px;}

.jssort02 .p {
	position: absolute;top: 0;right: 0;width: 99px;height: 66px;}

.jssort02 .t {
	position: absolute;top: 0;right: 0;width: 100%;height: 100%;border: none;}

.jssort02 .w {
	position: absolute;top: 0px;right: 0px;width: 100%;height: 100%;}

.jssort02 .c {
	position: absolute;top: 0px;right: 0px;width: 96px;height: 62px;border: #a6a6a6 2px solid;box-sizing: content-box;background: url(../img/t01.png) -800px -800px no-repeat;_background: none;}

.jssort02 .pav .c {
	top: 2px;right: 2px;_left: 0px;width: 91px;height: 58px;border: #a6a6a6 2px solid;background-position: 50% 50%;}

.jssort02 .p:hover .c {
	top: 0px;right: 0px;width: 97px;height: 64px;border: #fff 1px solid;background-position: 50% 50%;}

.jssort02 .p.pdn .c {
	background-position: 50% 50%;width: 95px;height: 62px;border: #000 2px solid;}

* html .jssort02 .c, * html .jssort02 .pdn .c, * html .jssort02 .pav .c {
	/* ie quirks mode adjust */
	width /**/: 99px;height /**/: 66px;}

/* 
== end of gallory 
== slidder */



.jssorb21 {
	position: absolute;}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
	position: absolute;/* size of bullet elment */
	width: 19px;height: 19px;text-align: center;line-height: 19px;color: white;font-size: 12px;background:  ;overflow: hidden;cursor: pointer;}
.jssorb21 div { background-position: -5px -5px;}
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px;}
.jssorb21 .av { background-position: -65px -5px;}
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px;}
.jssora21l, .jssora21r {
	display: block;position: absolute;/* size of arrow element */
	width: 55px;height: 55px;cursor: pointer;background: url(../img/a21.png) center center no-repeat;overflow: hidden;}
.jssora21l { background-position: -3px -33px;}
.jssora21r { background-position: -63px -33px;}
.jssora21l:hover { background-position: -123px -33px;}
.jssora21r:hover { background-position: -183px -33px;}
.jssora21l.jssora21ldn { background-position: -243px -33px;}
.jssora21r.jssora21rdn { background-position: -303px -33px;}


/* end slide */

.nav_admin{background:#707070;height:30px;width:100%;position: absolute;overflow:hidden;z-index:99999;top:0;}
.nav_admin ul{list-style:none;float:right;}
.nav_admin ul li{list-style:none;float:left;}
.nav_admin ul li a{position:relative;display:block;text-transform:uppercase;padding:3px 15px;overflow:hidden;padding-bottom:14px;font-size:14px;color:#fff;line-height:20px;font-family:Tahoma, Geneva, sans-serif;}
.nav_admin ul li:hover{background-color:#898989;}
.btn-lg {font-size: 21px;font-family: 'thaisans_neuebold';padding: 5px 15px;}
.btn {height: auto;width:auto;}
.icon-social{position: fixed;right:30px;top: 45%;z-index: 999999999;}
.icon-social ul,.icon-social li{padding:0;margin:0;list-style:none;}
.icon-social a{ display:block;margin:10px 0;}
.icon-social img{width:50px;-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.icon-social img:hover{opacity:0.7;filter:alpha(opacity=70);}
#page6.contact .row{margin-left:0!important;margin-right:0!important;}

.index-client{background:#f8f8f8;padding:50px 0;}
.index-client h2{text-transform:uppercase;font-size:50px;text-align:center;letter-spacing:5px;}
.item-client .itemc{text-align:center;}
.item-client .itemc img{width:120px;margin:10px auto;}
.index-client .slick-dots {bottom: -35px;}
.itemcli{text-align:center;width:100%;position:relative;overflow:hidden;}
.itemcli .itemc{ margin:15px;display:inline-block;position:relative;}
.view_product li strong{color:#df363b!important;}
#content_view .view_product h2{color:#000;border:0;}
#content_view .view_product ul{list-style:none!important;padding:0!important;margin:0!important;}
#content_view .view_product ul li{ list-style:none!important;padding:5px 10px!important;margin:0!important;border-bottom:1px solid #e3e3e3;}
.product1{ background: #020513 no-repeat bottom left;padding:70px 0;color:#f5f5f7;background-size: auto 100% !important;} 
.product1 h2.title_catp {text-align:center;font-size:45px;margin-bottom:50px;display: inline-block;position: relative;width:100%;padding-bottom:25px;}
.product1 h2.title_catp::before{
    content: '';position: absolute;display: block;width: 120px;height: 3px;bottom: 0;left: 0;border-top: 
    #f5f5f7 solid 2px;right: 0;text-align: center;margin: 0 auto;}
.product1 h3{font-size:27px;text-align:center;}
.product1 h3 a{color:#fff;}
.pd1-img{text-align:center;}
.pd1-img img{width:180px;}
.colstyle2 .pd1-img img{width:300px;}

.logo-gray{width:150px;}
.scrollup{width:50px;height:50px;position:fixed;bottom:50px;right:50px;display:none;text-indent:-9999px;background:url(../img/back_on_top.png) no-repeat;background-size:100%;opacity:0.5;z-index:9999;}
.scrollup:hover{opacity:0.9;}


.p-img {text-align:center;height:250px;}
.p-img img{width: auto;max-width:350px;height:auto;max-height:250px;}
.pid-5 .p-img img{width: auto;max-width:250px;max-height:200px;margin-top:50px;}
.lang-th .itemrv .title-review { font-size:23px;padding-top:10px;padding-bottom:10px;margin-right:10px;margin-left:10px;}
.itemrv-img{padding:0 15px!important;display:block;}
.itemrv-img img{width:100%;}
.slick-dots li button::before {font-size: 13px!important;}
.slick-prev, .slick-next { display:none!important;}

#contact p{text-indent:0;}
#contact a{color:#fff;}


.ab-text p{text-align: justify;}

.about-bio{ padding-top:50px; padding-bottom:100px; background:url(../img/bg-about-bio.jpg) no-repeat; background-attachment:fixed; background-position:center; background-size:100% auto;}
.bo-text h2{font-size:100px; letter-spacing:15px; color:#fff; line-height:0.7; margin-bottom:50px; text-transform:uppercase;}
.bo-text h2 span {
  font-size: 50px;
  line-height: 1;
  font-family: 'thaisans_neuebold';
  padding: 0;
  margin: 0;
  color: #fff;
  margin-left:15px;
  display: inline-block;
  position: relative;
  background: -webkit-linear-gradient(45deg, #fff02e, #e4ff9b 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.bo-text p{color:#fff;text-align: left; line-height:1.2; padding-right:20px;}


.about-solar{ padding-top:50px; padding-bottom:100px; background:url(../img/bg-about-solar2.jpg?v=2) no-repeat; background-position:center; background-size:100% auto;}
.sl-text h2{font-size:100px; letter-spacing:15px; color:#fff; line-height:0.7; margin-bottom:50px; text-transform:uppercase;}
.sl-text h2 .sub-solor1 {
  font-size: 80px;
  line-height: 1;
  letter-spacing:0;
  font-family: 'thaisans_neuebold';
  padding: 0;
  margin: 0;
  color: #fff;
  margin-left:0px;
  display: inline-block;
  position: relative;
  background: -webkit-linear-gradient(45deg, #f8f3b3, #ffa025 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sl-text h2 .sub-solor2 {
  font-size: 30px;
  line-height: 1;
  letter-spacing:0;
  font-family: 'thaisans_neuebold';
  padding: 0;
  margin: 0;
  color: #fff;
  margin-left:0px;
  display: inline-block;
  position: relative;
}
.sl-img{position:absolute; right:0; padding:0;}
.sl-img img{width:100%; margin-top:50px;}

.sl-text p{color:#fff;text-align: left; line-height:1.2; padding-right:20px;}



.about-esgc{ padding-top:100px; padding-bottom:100px; background:url(../img/bg-esgc.jpg) no-repeat; background-position:center; background-size:auto 100%;}
.esgc-text h2{ text-align:center;font-size:50px; letter-spacing:15px; color:#fff; line-height:0.7; margin-bottom:50px; text-transform:uppercase;}
.esgc-text h2 .sub-esgc {
  font-size: 40px;
  line-height: 1;
  letter-spacing:0;
  font-family: 'thaisans_neuebold';
  padding: 0;
  margin: 0;
  color: #fff;
  margin-left:0px;
  display: block;
  position: relative;
  text-align:center;
  margin-top:25px;
}
.about-esgc p{text-align:center; text-indent:0; color:#fff; margin-bottom:30px;}
.about-esgc h4{text-align:center; color:#fff; font-size:30px; margin-bottom:30px;}
.esgc-img {margin-bottom:50px;}
.esgc-img img{ z-index:8;width:100%;-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.esgc-img h2{ z-index:9;-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out; margin:0;margin-top:-150px; height: 150px; font-size:150px; color:#fff; padding-left:15px;}
.esgc-img h3{background:#fff; margin:0;-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out; padding:15px 10px;font-family:'thaisans_neuebold';}
.esgc-img:hover h3{background:#6795ac; color:#fff;}
.esgc-img:hover h2{transform: scale(1);text-shadow: 2px 2px 8px rgba(0,0,0,0.55);z-index:11;}
.esgc-img:hover img{transform: scale(1.1);z-index:1}


.vision01{background:#f0f4ff; padding:0; margin:0}
.vision02{background:#f3f5e8; padding:0; margin:0}
.vision03{background:#e1f4cc; padding:0; margin:0}

.vision02 .col-md-6{float:right;}
.vision-img img{width:100%; max-width:500px; margin:auto; margin-top:25px; margin-bottom:25px;}

.vision-text{padding-top:100px;}

#info{ padding:100px 0; background:url(../img/bg-service-v2.jpg) #fff no-repeat center; background-attachment:fixed;}
.ico-info{margin:0.5%; width:19%; float:left; height:315px; display:inline-block; vertical-align:top; text-align:center;-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.ico-info img{width:110px; margin:15px auto 0;}
.ico-info:hover{ background:#3c3c3c;}
.ico-info:hover img{width:120px;}
.ico-info h3{min-height:100px; padding:10px 0px 0; color:#fff; border-top:1px solid #fff;}
.info1{background:#009cde;}
.info2{background:#0085ad;}
.info3{background:#3a5dae;}
.info4{background:#003c71;}
.info5{background:#234766;}


.p-certificate .container.view{ background-color:rgba(255,255,255,0.3);margin-top: -400px;position: relative;border-radius: 25px 25px 0 0;}

.data-mission{margin-top:50px; margin-bottom:50px;position: relative;width: 100%;display: block;overflow: hidden;}
.ico-mission{margin:0.5%; width:24%; float:left; height:315px; display:inline-block; vertical-align:top; text-align:center;-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.ico-mission img{width:110px; margin:15px auto 0;}
.ico-mission:hover{ background:#3c3c3c;}
.ico-mission:hover img{width:120px;}
.ico-mission h2{ padding:10px 0px 0; color:#fff; border-top:1px solid #fff; font-size:27px;}
.ico-mission p{color:#fff; text-indent:0; padding-left:15px; padding-right:15px;}
.mission1{background:#78aac3;}
.mission2{background:#8bc8d7;}
.mission3{background:#ffa94f;}
.mission4{background:#b6e177;}



#service{padding-top:60px; padding-bottom:60px;}
#service h2{text-align:center; margin-bottom:50px; margin-top:50px;background: -webkit-linear-gradient(45deg, #09009f, #48bbea 60%);-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.product-grid{width:100%; position:relative; margin-bottom:50px; max-width:100%; display:inline-grid; grid-gap: 10px;grid-template-columns: auto auto auto auto auto auto;}
.item-grid{position:relative;}
.item-grid img{width:100%;-webkittrans-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.item-grid8{grid-column-start: 1;grid-column-end: 3;}
.item-grid h3{font-family:'thaisans_neuebold'; position:absolute; top:-10px; left:10px; line-height: 18px; text-shadow:0 1px #ccc; font-size:20px; text-transform: uppercase; color:#4d4d4d;padding-left:7px; border-left:3px solid #62a5df; z-index:99;
-webkittrans-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.item-grid:hover h3{ border-left-color:#a9a9a9; color:#3167e3; text-shadow:0 1px #fff;}
.item-grid:hover img{filter: contrast(115%);
filter: progid:DXImageTransform.Microsoft.BasicImage(contrast=1.15);
-moz-filter: contrast(115%);
-webkit-filter: contrast(115%);}



.view-photo{width:100%; position:relative; text-align:center;}
.item-photo{border: 1px solid #fff;
display:inline-block;padding:0; margin: 1%; width:30%; 
-webkit-box-shadow: 3px 3px 6px -2px rgba(0,0,0,0.21);
-moz-box-shadow: 3px 3px 6px -2px rgba(0,0,0,0.21);
box-shadow: 3px 3px 6px -2px rgba(0,0,0,0.21);
list-style-type: none !important;}
.item-photo:hover{-webkit-box-shadow: 3px 3px 12px -2px rgba(0,0,0,0.61);
-moz-box-shadow: 3px 3px 12px -2px rgba(0,0,0,0.61);
box-shadow: 3px 3px 12px -2px rgba(0,0,0,0.61);}
.item-photo img{padding:0!important; margin:0!important;max-width: 100%; width:100%;}
.item-product .pic{-moz-transition: all .2s linear;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
-ms-transition: all .2s linear;}
.item-product .pic:hover{filter: contrast(155%);
filter: progid:DXImageTransform.Microsoft.BasicImage(contrast=1.55);
-moz-filter: contrast(155%);
-webkit-filter: contrast(155%);
-webkit-box-shadow: 0px 1px 13px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 1px 13px rgba(0,0,0,0.2);
box-shadow: 0px 1px 13px rgba(0,0,0,0.2);}


.p-certificate #content_view{ margin-top:20px;}
.p-reference #reference > .content > .container {background:#fff; padding-bottom:50px;border-radius:15px;}
.p-factory{background:url(../img/bg-factory.jpg) no-repeat top center; background-size:100% auto;}

.p-certificate #content_view,
.p-certificate #content_view .content.view{ min-height:0;}

/* cookies */
.highlight {
    background: rgba(255,215,0,0.115);
}
#gdpr-cookie-message {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 375px;
    background-color: var(--purple);
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
    font-family: system-ui;
	background: #81888c;
	z-index:99999999999;
}
#gdpr-cookie-message h4 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: white;
    font-size: 15px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: var(--red);
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: var(--red);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background: var(--red);
    color: white;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: white;
    color: #000;
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    background: white;
    color: var(--red);
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}
#gdpr-cookie-advanced{display:none!important;}



@-webkit-keyframes bouncedelay{0%,
80%,
100%{-webkit-transform:scale(0);}
40%{-webkit-transform:scale(1);}
}
@keyframes bouncedelay{0%,
80%,
100%{transform:scale(0);-webkit-transform:scale(0);}
40%{transform:scale(1);-webkit-transform:scale(1);}
}
@media all and (min-width:1367px){
body,.inner-table-course,#infoCertificate,#info{background-size:100% auto;}
#intro .content {top: 300px;}
}
@media all and (max-width:1280px){
.container {width: 95%;}
#page0 .container {width: 100%;}
#nav .container{width:100%;}
#nav .navbar-header .navbar-nav.nav-title{position:absolute;}
#nav .navbar-nav.nav-title{margin-left:125px;}
#nav .inner_nav{background-position:left;}
.input-search{max-width: 200px;}
#home{width:100%!important; max-width:100%!important; overflow:hidden!important;}
.about-us1 .row {width: 70%;}
.page-service {background-size: auto 100%;}
.page-service .content-service { min-height:auto; padding-bottom:50px;}
.logo{margin-left:0;}
#nav .navbar-right li a{padding-left:10px; padding-right:10px;}
header .container{padding:0;}
.ico-info h3{padding-right:0; padding-left:0;}
#navh.affix .navbar-lang{margin-right:15px;}

}
@media all and (max-width:1024px){
.item-product .item.itemp {width: 19.3%;}
#nav{background-position:-150px;}
#nav .navbar-right li a{font-size:21px;padding-right:6px;padding-left:6px;min-width:inherit;}
.box-contact p{font-size:21px;}
.item-article h3{font-size:21px !important;}
.view-product .side-left p{font-size:21px;}
.title_view{font-size:37px;}
#content_view h2.title_view{font-size:35px;}
.features-article-ref-title{padding:0;}
}
@media all and (max-width:992px){
.navbar-header{float:none;}
.navbar-left,.navbar-right{float:none !important;}
.navbar-toggle{display:block;position:absolute;right:0px;z-index:9999;width:55px!important;height:50px!important;top: 21px;background:none;color:#3d688a;}
.navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);max-height:none;}
.navbar-fixed-top{top:0;border-width:0 0 1px;}
.navbar-collapse.collapse{display:none!important;margin-right:0;float:none;}
.navbar-nav{float:none!important;margin-top:0;margin-bottom:0;margin:0;}
.navbar-nav>li{float:none;}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;text-align:center;}
.collapse.in{display:block !important;margin-left:0px;padding:0;margin-top: 25px;}
.navbar-nav.navbar-right:last-child {margin-right: 0;}
#nav .navbar-nav.nav-title{margin-left:150px;}
#nav .navbar-header .navbar-nav.nav-title{margin-left:80px!important;}
#nav .navbar-right li a{font-size:25px;font-weight:normal;text-indent:25px;}
#nav .navbar-nav.navbar-lang{position:absolute;right: 100px;}
#nav .navbar-nav.navbar-lang li a{padding:4px 8px!important;}
#nav .navbar-header .navbar-nav.nav-title{margin-left:120px!important;display:block;}
#nav .navbar-right li{background:none!important;}
#nav .navbar-right li.active{background:none!important;}
#nav .navbar-right li:hover a {color: #6c6c6c !important;}
#nav .navbar-nav li a{padding-top:12px;padding-bottom:12px;}
.bnt-product-service{width:100%;}
#content_view .content.view img{margin:15px 0;max-width:100%!important;height:auto!important;}
#content_view .content.page4 img{width:100%!important;height:auto!important;}
#content_view .content.page3 table img,
#content_view .content.page4 table img{max-width:180px!important;width:180px!important;height:180px!important;}
#setting_menu{top:20px;}
.title_view,.view_path{padding-right:30px;}
.blog-share{width:100%;position:relative;height:80px;top:-10px;right:0;}
.count-share{width:40%;}
.btn-share{width:55%;}
.btn-share a{margin-right:2%;margin-left:2%;}
.item-banner > a{height:140px;}
.item-banner:hover .grow img{margin:0!important;}
section{background-size:auto 100%!important;}
section.product{background-size:auto 100%!important;}
#page4 .content, #page5 .content{position:relative;top:0;-webkit-transform:none;-ms-transform:none;transform:none;}
.contact .content{padding:0!important;}
.box-contact .inner{margin:auto;}
.content{padding:40px 0;}
.intro h1,.intro h2{font-size:35px;}
section{min-height:auto !important;}
.contact h2{margin-top:0;}
.about-us{z-index:999;background-size:auto!important;background-position:top left;}
.copyright{position:relative;}
.copyright p{line-height:20px;font-size:12px;}
.item-product{padding-bottom:15px;}
.box-contact{min-height:auto;}
#home{width:100%!important;max-width:100%!important;overflow:hidden!important;}
.view-product .side-right{padding-right:0;}
.view-product .side-left{width:100%;padding-right:15px;}
#content_view .row{margin:0;}
body, .onepage-wrapper, html,.main,.wrapper{ height:auto!important;position:relative;overflow:auto;}
.capture-slide{ width:1px;height:1px;overflow:hidden;}
.container {width:95%;}
.item-product .item.itemp {width: 19%;}
.item-product.itempt {margin-bottom: 0;}
#intro .container { padding:0px 15px;background:none;}
.top1{width:30%;float:left;}
.top2{width:70%;float:left;}
#intro .content{padding:0;}
.collapse.in{background:#fff;}
#page0 {padding: 0;}
.ab-text{background-color:rgba(255,255,255,0.8);padding:30px 20px;overflow: hidden;z-index:999;}
.product1 .ab-text{background:none;}
#page2{position: relative;z-index:999;}
.inner-about {padding: 50px 0;}
#intro {position: absolute !important;top:0px!important;height: 100vh;}
.pd1-img{width:100%!important;}
.index-reference{background-attachment:inherit;background-position:bottom;}
.contact h3 { margin:25px 0;padding-left:0;}
.navbar-header{ margin-top:80px;}
#nav .navbar-lang {top: 0;}
.nav_logo .container,
.nav_bar .container{width: 100%;}
.navbar-brand {padding: 4px 0px;}
.nav_logo .logo { margin-left:0;}
.navbar-tel {left: inherit;}
.page-service .content-service{margin-top:25px;}
.inner-service { padding-top:90px; padding-bottom:20px;}
.about-us1 .row {position: relative;}
.about-us1 .ab-text {position: relative; float:left; margin-right:auto; margin-left:25px;}
#navh.affix .navbar-toggle{top:1px;}
#intro{ background-position:top right;}
.index-service{background:none!important;}
.index-service h2.heading{text-align: center;color: #333;letter-spacing: 5px;background: -webkit-linear-gradient(45deg, #09009f, #d3780c 100%);
    background-clip: border-box;
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}
.list-service:hover .widget-service{background-color: #02010199;}
.list-service:nth-child(1) .service-color,
.list-service:nth-child(3) .service-color,
.list-service:nth-child(1) .service-color:hover,
.list-service:nth-child(3) .service-color:hover{background-color:#3d688a8a !important;}
.list-service:nth-child(5) .service-color,
.list-service:nth-child(7) .service-color,
.list-service:nth-child(5) .service-color:hover,
.list-service:nth-child(7) .service-color:hover{background-color:#348da370 !important;}
.list-service:nth-child(9) .service-color,
.list-service:nth-child(11) .service-color,
.list-service:nth-child(9) .service-color:hover,
.list-service:nth-child(11) .service-color:hover{background-color:#68bcc773 !important;}

.features-article-ref-modul{background:#fff;}
.features-ref:nth-child(1) .features-article-ref-modul{background:none;} 

.about-us1 .content{overflow:hidden;}
.about-us1 .row{left:-20px;}
.about-us1 .ab-text{left:20px;}
.item-photo{width:47%;}
.index-reference{ padding:50px 0;}
#service{padding:0;}
#service .content{padding:0;}
.product-grid{margin-bottom:0;}
header .container{padding-left:15px; padding-right:15px;}
.product-grid {grid-template-columns: auto auto auto;}
.item-grid h3{font-size:22px; max-width:80%; line-height:1;}
.ico-info{padding-left:10px; padding-right:10px;}
.ico-info h3{padding-left:0; padding-right:0; font-size:22px;}
.p-service #service{margin-top:80px;}
#info {background-attachment: inherit; background:none;}
.p-factory{background-size:300% auto; background-position:right top;}
.p-certificate #content_view{ margin-top:-70px; }
.head-about{margin-top:70px;}

.about-bio{background-attachment:inherit; background-size:auto 120% !important;}
.bo-text h2 span{display:block;}
.bo-text {width:70%; float:right;}
.sl-text, .sl-img{float:right;}
.sl-img{position:relative; margin-top:-300px;}
.about-solar .container{width:100%;}
.about-solar .sl-text{padding-left:5%; padding-right:5%;} 
.esgc-img {width:50%; float:left;}
.ico-mission{width:49%;}
.p-about .content{ padding:0;}
.vision-img img{max-width:300px; margin-left:auto; margin-right:auto;}
.vision-text{padding:0 0 50px 0; text-align:center; width:100%;}
.vision-img {text-align: center; width:100%;}
.vision-text h2{font-size:30px; text-align:center;}
.vision-text p{ text-indent:0;}
#navh.affix .navbar-lang{margin-right:0px;}
.nav.nav_menu li:first-child a{ border:0;}
.p-certificate .container.view{ margin-top:-100px;}
.about-vision .content {padding:0;}
}
@media all and (min-width:993px){
.item-grid.grid1{grid-row-start: 1;grid-row-end: 3;grid-column-start: 1;grid-column-end: 3;}
.item-grid.grid8{grid-row-start: 2;grid-row-end: 4;grid-column-start: 4;grid-column-end: 6;}
}
@media all and (max-width:800px){
.item-product .item {width: 18%;}
#nav .navbar-right li a{font-size:25px;font-weight:normal;text-indent:25px;}
#nav .navbar-nav.navbar-lang li a{padding:4px 8px!important;}
#nav .navbar-header .navbar-nav.nav-title{display:block;}
.webform-component-fieldset{margin-bottom:15px;}
section.about-us,
section.service{background-size:auto 120%!important;}
.about-us p{font-size:23px;}
.headerweb{background-position: 150% 0px;padding:30px 0;}
.about-us1 h3 { font-size:40px;}
.intro h1 {font-size:40px;}
.list-service{width:33.33%;}
.features-article-ref-title h3{font-family:'thaisans_neueregular';}
.ico-info{ width:49%;}
.product-grid {grid-template-columns: auto auto;}
.bo-text h2,
.sl-text h2 .sub-solor1,
.sl-text h2{font-size:50px;}
.sl-text h2 .sub-solor1{display:block;}
.esgc-text p{padding-left:100px; padding-right:100px;}
.sl-img {margin-top:-260px;}
.sl-img img{width:90%; float:right; }
}
@media (max-width:767px){
.item-banner{width:33.33%;float:left;padding:0 5px;}
.item-article{height:auto;width:100%;}
section.news{background-size:auto 100%!important;}
.img-type-product{margin-bottom:25px;}
.service .container{background:rgba(255,255,255,.7);width:95%;}
.slick-dots{bottom:-25px;}
.intro h1{font-size:40px;}
.intro h2{font-size:29px;}
.icon-social{ right:10px;}
.item-product .item.itemp {width: 24%;}
.product{padding: 30px 0;}
.headerweb {background-position: 80px 0px;}
.top1{display:none;}
.top2{width:100%;text-align: center;}
.imgqrcode{ display:none;}
.qr-line{width: 130px;}
.btn-line-top img {width: 40px;}
.btn-line-to{line-height: 40px;}
.item-product .item {width: 23%;}
#box-search {width: 100%;padding-right:0;position: relative;}
.input-search{width:100%;max-width:100%;}
.ico-search{position: absolute;z-index: 999;float: right;right: 0;}
.itemhs{left:0!important;}
.lang-th .intro h2 {font-size: 27px;}
.about-us1 h3,.index-service h2,.contact h2 {font-size: 50px;margin-bottom: 25px;}
.index-service h2{text-align:center;}
.page-service h2{font-size:35px; width:90%; text-align:left; margin-left:25px;}
.page-service .inner-service{padding-top:40px;}
.index-service{background-size:auto 100% !important; background-position:right -200px bottom !important;}
.inner-service{ background-image:url(../img/bg-service-mb.png); background-position:-70px;}
.page-service:nth-of-type(2n+1) .inner-service{ background-image:url(../img/bg-service-mb2.png); background-position:-70px;}
.ft-socail { padding-left:0;}
.page-service .container{padding:0;}
.page-service {overflow:hidden;}
.about-us1 .row {width: 100%;}
.about-us1 .ab-text { width:100%;}
.about-us1 p { font-size:21px;}
.inner-service,.index-reference { padding-top:50px;}
.index-reference{padding-bottom:80px;}
.index-reference .container{width:100%; padding:0;}
.index-reference{overflow:hidden;}
.contact h3 {font-size: 32px!important;line-height: 18px;}
.contact p{text-indent:0;}
.footerl, .footerr {padding-top: 20px;}
.captiopn-ref{font-size:51px!important;line-height: 45px!important;}
.p-certificate .container.view{ margin-top:0px;}

}
@media all and (max-width:640px){
.list-service{width:50%;}
.item-banner{width:50%;}
.item-banner > a{height:170px;}
#nav .navbar-nav.nav-title h1{font-size:25px;}
#content_view{margin-top:20px;}
.container {width:98%;}
.nav_logo .container {width:100%;}
.navbar-brand {padding-left: 0;}
.item-info li { width:49%;}
.item-img img {width: 90px;}
.item-img {width: 110px;height: 110px;}
#content_view .item-product .item {width: 100%;}
#content_view .item-product .item.itemp {width: 48.555%;}
.pproductt{padding:0;}.item-product { text-align:center;}
.product h2 { text-indent:0;}
.item-product .item.itemp {width: 31%;}
.contact h3 {font-size: 40px;}
.item-product .item {width: 31%;}
.about-us1 .content{padding-bottom:0;}
.index-reference h2{width:80%;margin-left:auto;margin-right:auto;}
.index-reference h2.heading-ref{width:95%;}
#content_view .content.view {padding: 30px 0px;}
.content_text .container{width:100%;}
#content_view .content ol {margin-left: 25px;}
#content_view .content ul li {margin-left: 25px;}
.scrollup{right:30px;bottom:30px;}
.lang-th .itemrv .title-review{margin-right:15px;margin-left:15px;}
.itemrv-img{ padding-right:15px;padding-left:15px;}
.intro h1,.intro h2{border-width:10px;}
.content-ref{flex-flow: wrap; height:auto!important;}
.features-ref:nth-child(1),.features-ref{flex-direction: row!important; width:95%; margin:7px auto;}
.contact h3{font-size:27px!important; line-height:13px;}
.contact hr{margin-bottom:0;}
.item-photo{width:98%;}
.contact .content{ margin-top:25px;}
#nav .navbar-nav li a {padding-top: 10px;padding-bottom: 10px;}
.esgc-text h2{font-size: 30px;}
.esgc-text h2 .sub-esgc{font-size: 30px;}
.esgc-text p {padding-left:0px;padding-right:0px; font-size:22px;}
.esgc-img h3{font-size: 19px;}
.bo-text{width:95%;}
.esgc-text p br{display: none;}
.bo-text h2 span{font-size:40px;margin-left: 0;}
.navbar-toggle{margin-right:0;}
#nav .navbar-nav.navbar-lang{right: 60px;}
.lang-en .ico-mission p{line-height:0.9;}
}
@media all and (max-width:480px){
.list-service{width:100%;}
.item-banner > a{height:140px;}
#nav .navbar-brand img{margin-left:0;}
#nav .navbar-header .navbar-nav.nav-title{margin-left:90px !important;width:50%}
#nav .navbar-header .navbar-nav.nav-title h1{line-height:21px;padding-top:9px;}
#nav .navbar-nav.nav-title h1.title_short{display:none;}
#content_view .content.view{padding-top:10px;}
.title_view,#content_view .content h1{font-size:31px;line-height:30px;text-indent:0;}
#content_view .content h2{text-indent:0;font-size:27px;}
#content_view .content.view h3{text-indent:0;}
.title_view{border-bottom-width:3px;padding-bottom:5px;}
#content_view .content{border:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;}
#content_view .content p{margin:0;}
.content.view, .form-control{width:100%!important;}
label input[type="radio"], label input[type="checkbox"]{width:auto!important;}
.text-only-mob{display:inherit;}
.item-promotion img{width:100%!important;}
.view-product .side-right{width:100%;}
.view-product .content.view{width:inherit;}
.about-us p{font-size:21px;}
.item-product .item.itemp {width: 49%;}
.headerweb {background-position: -100px 0px;}
.intro h1{font-size:35px;}
/* slider */
.itemhs{left:-14%!important;}
#intro .content {top: 60%;}
.lang-th .intro h2 {font-size: 21px;padding: 10px;}
.intro h1 {font-size: 27px;margin-bottom: 15px;}
#intro{background-position:-550px 0;}
.page-service .content-service p,.page-service .content-service li{font-size:21px;}
.content-stv{width:100%; text-align:center; position:relative;}
.content-stv .its{width:100%; text-align:center; position:relative;}
.its .item-service{display: inline-block;vertical-align: top; float:none; margin-left:auto;}
.s-title h3{text-align:left}
.about-us1 h4{ top:-20px;}
#info .container{padding-left:0; padding-right:0;}
#info{overflow:hidden;}
.intro h1, .intro h2{border-left-width:3px; max-width:88%; font-size:25px!important;}
.esgc-img{margin-bottom: 15px;padding-left: 5px;padding-right: 5px;}
.esgc-img h3{height:90px;}
.lang-en .esgc-img h3{height:auto;}
.about-esgc h4{font-size:25px;}
.nav_logo .logo{width: 250px;margin-top: 15px;}
.ico-mission{height:350px;}
.ico-mission p{padding-left:0; padding-right:0;}
}
@media all and (max-width:420px){
.item-product .item {width: 48%;}
.img-type-product{max-width:94%;}
.item-product .item.itemp h3 {font-size: 19px !important;}
.item-service,.s-title a { width:160px; height:160px;}
.s-title h3{font-size: 27px;}
.nav_logo .logo{width: 220px;margin-top: 20px;}
}
@media all and (max-width:400px){.item-banner > a{height:90px;}
.item-banner span{font-size:14px;line-height:15px;}
.nav_logo .logo{width: 200px;margin-top: 25px;}
}
@media all and (max-width:320px){.container.view{padding:0;}
#content_view{margin-top:0;}
h3,.title_view,#content_view .content h1{font-size:23px;!important;line-height:25px;}
}