@charset "utf-8";



@import url("font.css");

/* CSS Document */

img{border:none}

.brhide{display: none;}

html,body{position:relative;width:100%;padding:0;margin:0;height:100%;font-family:Tahoma, Geneva, sans-serif;}

a{text-decoration:none;color:#000;}

.content{position:relative;width:98%;overflow:hidden;margin:auto;max-width:960px;}

.content-nohidden{overflow:inherit;}

ul li{list-style:none;}

.btn-all{width:165px;height:40px;}

.btn-all span{position:absolute;font-family: 'supermarket';font-size:20px;color:#fff;left: 30px;line-height:28px;}

#header{position:relative;width:100%;z-index:100;position:fixed;top:0;}

#header .box-header1{width:100%;background:#fff;}

#header .box-header1 .logo{float:left;}

#header .box-header1 .lang{position:relative;float:right;width:43px;height:27px;overflow:hidden;margin-top: 23px;

-webkit-transition:0.2s;-moz-transition:0.2s;-ms-transition:0.2s;-o-transition:0.2s;transition:0.2s;}

#header .box-header1 .lang:hover{height:50px;}

#header .box-header1 .lang img{position:absolute;right:0;top: 10px;}

#header .box-header1 .lang .text{float:left;width:100%;color:#000;font-size:16px;font-family: 'supermarket';line-height: 27px;}

#header .box-header1 .lang .text:last-child{margin-top:-5px;}

#header .box-header1 .icon-youtube{float: right;margin: 27px 20px 0 0;}

#header .box-header1 .icon-facebook{float: right;margin: 27px 17px 0 0;}

#header .box-header2{position:relative;width:100%;height:41px;background:rgb(6,92,89);}

#header .box-header2 .bg{position:absolute;width:100%;background:rgb(46,118,116);top: 41px;opacity:0;}

#header .box-header2 .header_logo_nimsiri{float:left;margin-top:8px;}

#header .box-header2 .ul-menu1{float:right;padding:0;margin:0;width: initial;width:fit-content;}

#header .box-header2 .ul-menu1 .li1{float:left;padding:0 9px;font-family: 'supermarket';font-size:18px;color:#fff;height: 41px;line-height: 39px;}

#header .box-header2 .ul-menu1 .li1 a{color:#fff;}

#header .box-header2 .ul-menu1 .li1 .ul-menu2{position:absolute;padding:0;margin:0;top:41px;left: 0;width:100%;background:rgb(46,118,116);overflow:hidden;padding-top:20px;opacity:0;}

#header .box-header2 .ul-menu1 .li1 .ul-menu2 li {min-height: 180px; position: relative;float: left;margin:0 2.4% 17px;font-family: 'supermarket';font-size: 16px;color: #fff;width: 19.5%;}/**/

#header .box-header2 .ul-menu1 .li1 .ul-menu2 li:hover .name{text-decoration:underline;}

#header .box-header2 .ul-menu1 .li1 .ul-menu2 li img{display: block;border:1px solid rgb(183,183,183);margin:0 auto;max-width: 100%;}

#header .box-header2 .ul-menu1 .li1 .ul-menu2 li .name{margin-top:0px;height: 39px;width:100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

#box-b-menu{position:absolute;height:3px;background:rgb(6,92,89);top:115px;left:0;z-index:11;width:0px;}

#header .box-header2 .ul-menu1 .li1 .ul-menu3{width:100%;overflow:hidden;background:rgb(46,118,116);position:absolute;left:0;padding:0;margin:0;top:41px;display:none;}

#header .box-header2 .ul-menu1 .li1 .ul-menu3 li{float:right;font-family: 'supermarket';font-size: 16px;color: #fff;padding:0px 15px 3px;}

#header .box-header2 .ul-menu1 .li1 .ul-menu3 li:hover{text-decoration:underline;}

#header .box-header2 .bg2{position:absolute;width:100%;background:rgb(46,118,116);top: 41px;height:42px;display:none;}



#header-mob{position:fixed;width:100%;z-index: 13;display:none;top:0;}

#header-mob .head-top{float:left;width:100%;border-bottom:5px solid rgb(46,118,116);background:rgb(6,92,89);padding:0 5% 14px;z-index: 100;}

#header-mob .head-top .iconmo1{float:left;margin:13px 0 0 0;width: 23px;}

#header-mob .head-top .iconmo2{position:absolute;top:13px;left:0;right:0;margin:auto;width: 105px;}

#header-mob .head-top .box-lag{position:absolute;width:70px;height:100px;right:0;top:12px;font-family: 'supermarket';color:#fff;}

#header-mob .head-top .box-lag .box1{float: left;width: 40px;height: 33px;padding-right: 20px;text-align: center;font-size: 19px;line-height: 27px;padding-left: 10px;}

#header-mob .head-top .box-lag .box1 img{position: absolute;top: 8px;width: 15px;right: 5px;}

#header-mob .head-top .box-lag .box1 a{color: #fff;}

#header-mob .head-top .box-lag .box2{float: left;width: 40px;height: 33px;background: rgb(46,118,116);padding-right: 20px;text-align: center;font-size: 19px;line-height: 39px;    padding-left: 10px;display:none;}

#header-mob .head-top .box-lag .box2 a{color: #fff;}

#header-mob .head-bottom{position:absolute;z-index:11;width:100%;top:50px;overflow:auto;display:none;}

#header-mob .head-bottom .item{float:left;height:50px;border-bottom:1px solid rgb(46,118,116);width:100%;line-height:60px;position:relative;font-family: 'supermarket';color:#fff;font-size:23px;    background: rgb(6,92,89);}

#header-mob .head-bottom .item .div1{float: left;margin: 0px 0 0 3%;height: 100%;width: 20%;position: relative;}

#header-mob .head-bottom .item .div1 img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:30px;}

#header-mob .head-bottom .item img{position: absolute;top: 18px;right: 5%;}

#header-mob .head-bottom .item img.active{-ms-transform: rotate(180deg); /* IE 9 */

-webkit-transform: rotate(180deg); /* Safari */

-moz-transform: rotate(180deg);

transform: rotate(180deg); /* Standard syntax */}

#header-mob .head-bottom .item2{float:left;width:100%;position:relative;color:rgb(123,209,208);font-size:23px;background:rgb(46,118,116);font-family: 'supermarket';display:none;}

#header-mob .head-bottom .item2 .list{float:left;width:100%;height:50px;line-height:60px;}

#header-mob .head-bottom .item2 .div1{float: left;margin: 0px 0 0 3%;height: 100%;width: 20%;position: relative;}

/*page index*/

#contentandfooter{position:relative;margin-top: 115px;overflow: hidden;}

#boxVideoNew{position: relative;width: 100%;height: 60vh;float: left;}
#boxVideoNew video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover; /* ทำให้เต็มพื้นที่โดยไม่ผิดสเกล */
}

.textVdo{font-family: 'supermarket';text-align: center;bottom: 0;top: 0;position: absolute;color: #fff;width: 100%;height: fit-content;margin: auto;}
.textVdo .text1{font-size: 51px;}
.textVdo .text2{font-size: 36px;margin: -6px 0 0 0;}
.textVdo .text3{font-size: 20px;}

.boxslide{position:relative;height:383px;width:100%;background:#fff;float:left;}

.boxslide ul .img-bxslider{width:100%;height:383px;background-position:top center;background-repeat:no-repeat;margin-top:-16px;left:0;background-repeat:no-repeat;}

.boxslide .bx-wrapper .bx-pager.bx-default-pager a{background:none;border: 2px solid #666;border-radius: 7px;width: 6px;height: 6px;margin: 0 4px;border: 2px solid #666;color:rgba(0,0,0,0);}

.boxslide .bx-wrapper .bx-pager.bx-default-pager a:hover,.page-index .box-slide  .bx-wrapper .bx-pager.bx-default-pager a.active{background:#000;border: 2px solid #000;}

.boxslide .bx-wrapper .bx-pager{bottom: 4px;right: 1%;width: 98%;}

.boxslide .bx-wrapper .bx-controls-direction{display:none;}

.boxslidefull{display:block;border-top: 3px solid #fff;}

.boxslidemo{display:none;border-top: 3px solid #fff;}

.boxslide2{position:relative;width:100%;background:#fff;float:left;}

.boxslide2 .box-left{position:relative;float:left;background-image:url("../../images/frontend/bg-slide2.jpg");height:331px;background-color:rgb(8,55,53);width:42%;background-position:top right;background-repeat:no-repeat;background-size:cover;}

.boxslide2 .box-left .content-left{float:right;height:100%;width:100%;background:rgba(0,0,0,0.5);max-width:325px;width:100%;}

.boxslide2 .box-left .content-left .bx-wrapper {width: 100%;height: 100%;overflow: hidden;}

.boxslide2 .box-left .content-left .bx-wrapper .bx-viewport{background:none;}

.boxslide2 .box-left .content-left .bx-wrapper .bx-controls-direction{display:none;}

.boxslide2 .box-left .content-left .bx-wrapper .bx-viewport ul{padding:0;margin:auto;height: 100%;}

.boxslide2 .box-left .content-left .bx-wrapper .bx-viewport ul li{padding:0;margin:0;width:100%;height:100%;}

.boxslide2 .box-left .content-left .bx-wrapper .bx-viewport ul li img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-width: 179px;max-height: 179px;width: 90%;}

.boxslide2 .box-left .content-left .bx-wrapper .bx-viewport ul li .name{position:absolute;bottom:20px;left:0;right:0;margin:auto;font-family:Tahoma, Geneva, sans-serif;font-size:15px;width:95%;text-align:center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color:#fff;}

.boxslide2 .box-right{position:relative;float:right;min-height:331px;width:58%;}

.boxslide2 .box-right .content-right{float:left;height:100%;max-width:635px;width:100%;}

.boxslide2 .box-right .content-right .box-detail{margin:10px 0 0 8%;width:90%;font-family: 'supermarket';}

.boxslide2 .box-right .content-right .box-detail .name{float:left;width:100%;font-size:25px;color:rgb(6,92,89);}

.boxslide2 .box-right .content-right .box-detail .detail1{float:left;width:100%;color:#000;font-size:21px;line-height:29px;}

.boxslide2 .box-right .content-right .box-detail .detail2{float:left;width:100%;color:rgb(112,112,112);font-size:18px;margin-top:10px;font-family:Tahoma, Geneva, sans-serif;line-height:25px;}

.boxslide2 .box-right .content-right .box-detail .detail2 .text{margin-bottom: 9px;float:left;width:100%;}

.boxslide2 .box-right .content-right .box-detail .detail2 .text222{font-family: 'supermarket';font-size:22px;color:rgb(6,92,89);margin-top:5px;}

.boxslide2 .box-right .content-right .box-detail .detail2 .text img{float: left;margin-top: 8px;width:11px;}

.boxslide2 .box-right .content-right .box-detail .detail2 .text div{float:left;margin-left:3px;width: 94%;}

.boxprodudthost{float:left;width:100%;padding:15px 0 40px;background-color:rgb(247,247,247);}

.boxprodudthost .header{width:100%;font-size:35px;color:rgb(6,92,89);text-align:center;font-family: 'supermarket';}

.boxprodudthost .box-product{width:100%;margin-top:30px;overflow:hidden;margin-bottom:10px;}

.boxprodudthost .box-product .item{float:left;width:17%;font-family:Tahoma, Geneva, sans-serif;font-size:15px;margin: 0 4% 34px;}

.boxprodudthost .box-product .item:hover .btn-next{text-decoration:underline;}

.boxprodudthost .box-product .item .box-img{position:relative;width:100%;border:1px solid rgb(199,199,199);height:170px;background:#fff;}

.boxprodudthost .box-product .item .box-img img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-height:90%;max-width:90%;margin:auto;}

.boxprodudthost .box-product .item .name{width:100%;line-height: 20px;margin-top: 10px;color:#000;height:40px;

display: block;

display: -webkit-box;

white-space: normal;

display: -moz-box;

display: -ms-box;

display: -o-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

-moz-line-clamp: 2;

-moz-box-orient: vertical;

-ms-line-clamp: 2;

-ms-box-orient: vertical;

-o-line-clamp: 2;

-o-box-orient: vertical;

line-clamp: 2;

box-orient: vertical;

overflow: hidden;

text-overflow: ellipsis;

}

.boxprodudthost .box-product .item .btn-next{width:100%;color:rgb(112,112,112);margin-top:10px;}

.boxprodudthost .btn{position:relative;display:block;margin:0 auto 0;background:url('../../images/frontend/btn.png') no-repeat top center;background-size:contain;}

.box-about{position:relative;float:left;width:100%;height:405px;border-bottom:2px solid rgb(21,137,147);min-height: 400px;background: transparent;}

.box-about .content{height:100%;}

.box-about .img-about{position:absolute;top:20px;bottom:0;margin:auto;left:6%;}

.box-about .detail{width:430px;float:right;font-family: 'supermarket';font-size:45px;color:#fff;line-height: 58px;margin:73px 5px 0 0;}

.box-about .detail .div1{font-size:36px;text-align:right;width:100%;}

.box-about .detail .text{float: right;margin: 25px 25px 0 0;}

.box-about .detail .w100{float:left;width:100%;}

.box-about .detail .btn{position:relative;display:block;margin:0 auto 0;background:url("../../images/frontend/btn2.jpg") no-repeat top center;background-size:contain;margin:42px 25px 0 0 ;float:right;}

.box-project{position:relative;float:left;width:100%;background:rgb(0,49,49);height:500px;}

.box-project .content{height:100%;}

.box-project .box-left{float:left;height:100%;width:30%;padding:0 2%;}

.box-project .box-right{float:left;height:100%;width:66%;}

.box-project .box-left .img-logo{margin:50px 0 0 0;}

.box-project .box-left .text-eng{font-size:30px;font-family: 'Conv_HELVETICANEUELTPRO-ROMAN';color:#fff;margin-top:10px;}

.box-project .box-left .text-th{font-size:25px;color:#fff;margin-top:0px;font-family: 'Conv_HELVETICANEUELTPRO-ROMAN';line-height:28px;}

.box-project .box-left .btn{position:absolute;display:block;margin:0 auto 0;background:url("../../images/frontend/btn2.jpg") no-repeat top center;background-size:contain;bottom:30px;}

.box-project .box-right .bx-wrapper{height:100%;}

.box-project .box-right ul{height:100%;margin:0;}

.box-project .box-right ul .img-bxslider{width:100%;height:100%;left:0;}

.box-project .box-right .bx-wrapper .bx-controls-direction{display:none;}

.box-project .box-right ul .img-bxslider .box-img{position:relative;float:left;width:100%;height:80%;background-size:cover;background-repeat:no-repeat;background-position:center;}

.box-project .box-right ul .img-bxslider .box-text{position:absolute;bottom:0;background:rgb(6,92,89);width:100%;padding:4% 3%;height:21%;color:#fff;font-family:Tahoma, Geneva, sans-serif;font-size:15px;}

.box-project .box-right .bx-wrapper .bx-pager{bottom: 115px;text-align: right;color:rgba(0,0,0,0);}

.box-project .box-right .bx-wrapper .bx-pager.bx-default-pager a,.box-project .box-right .bx-wrapper .bx-pager.bx-default-pager a:hover,.box-project .box-right .bx-wrapper .bx-pager.bx-default-pager a.active{color:rgba(0,0,0,0);}

.boxupdate{background-color:#fff;}

.boxprodudthost .box-update{margin-bottom:30px;}

.boxprodudthost .box-update .item-update{float:left;width:29%;overflow:hidden;margin: 0 2.1% 0;}

.boxprodudthost .box-update .item-update:hover .name-update{text-decoration:underline;}

.boxprodudthost .box-update .item-update .box-img-update{width:100%;height:180px;position:relative;}

.boxprodudthost .box-update .item-update .box-img-update img{width:100%;height:100%}

.boxprodudthost .box-update .item-update .name-update{font-family:Tahoma, Geneva, sans-serif;font-weight:bold;color:#000;font-size:16px;margin-top:8px;

display: block;

display: -webkit-box;

white-space: normal;

display: -moz-box;

display: -ms-box;

display: -o-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

-moz-line-clamp: 2;

-moz-box-orient: vertical;

-ms-line-clamp: 2;

-ms-box-orient: vertical;

-o-line-clamp: 2;

-o-box-orient: vertical;

line-clamp: 2;

box-orient: vertical;

overflow: hidden;

text-overflow: ellipsis;}

.boxprodudthost .box-update .item-update .detail-update{font-family:Tahoma, Geneva, sans-serif;color:rgb(112,112,112);font-size:15px;margin-top:7px;

display: block;

display: -webkit-box;

white-space: normal;

display: -moz-box;

display: -ms-box;

display: -o-box;

-webkit-line-clamp: 4;

-webkit-box-orient: vertical;

-moz-line-clamp: 4;

-moz-box-orient: vertical;

-ms-line-clamp: 4;

-ms-box-orient: vertical;

-o-line-clamp: 4;

-o-box-orient: vertical;

line-clamp: 4;

box-orient: vertical;

overflow: hidden;

text-overflow: ellipsis;}

.boxprodudthost .linkcsr{width:100%;text-align:center;font-size:20px;margin-top:15px;font-family: 'supermarket';}

.boxprodudthost .linkcsr a{color:rgb(6,92,89);}

.boxprodudthost .linkcsr a:Hover{text-decoration:underline;}

.boxcontact #mapboxindex{float:left;width:57%;height:580px;margin-top:25px;}

.boxcontact .boxcontactindex{float:left;width:43%;margin-top:25px;}

.boxcontact .boxcontactindex .box{float:left;width:625px;}

.boxcontact .boxcontactindex .box .box-in{float:right;width:440px;}

.boxcontact .boxcontactindex .box .box-in .head{float:left;width:100%;font-family: 'supermarket';color:rgb(6,92,89);font-size:25px;}

.boxcontact .boxcontactindex .box .box-in .head span{cursor:pointer;}

.boxcontact .boxcontactindex .box .box-in .head .active{text-decoration:underline;}

.boxcontact .boxcontactindex .box .box-in .contact{float:left;width:100%;margin-top:30px;display: none;}

.boxcontact .boxcontactindex .box .box-in .contact .text{float:left;width:100%;font-size:14px;color:rgb(98,98,98);}

.boxcontact .boxcontactindex .box .box-in .contact .input1{float:left;width:94%;padding:10px 3%;margin-top:17px;}

.boxcontact .boxcontactindex .box .box-in .contact .textarea1{height:220px;}

.boxcontact .boxcontactindex .box .box-in .contact .btn{position:relative;background:url("../../images/frontend/btn2.jpg") no-repeat top center;background-size:contain;float:right;margin-top:45px;border:none;}

.boxcontact .boxcontactindex .box .box-in .contact .btn-re{float:right;font-family: 'supermarket';color:rgb(6,92,89);font-size:20px;margin:48px 20px 0 0;background:none;border:none;cursor:pointer;}

.boxcontact .boxcontactindex .box .box-in .addclick{font-family:Tahoma, Geneva, sans-serif;font-size:16px;color:#000;line-height: 33px;display:block;}

.boxcontact .boxcontactindex .box .box-in .addclick .spancolor{color:rgb(6,92,89);}

.boxcontact .boxcontactindex .box .box-in .addclick .spanmar{width:120px;float: left;}



#footer{position:relative;width:100%;z-index:10;}

#footer .box1{float:left;width:100%;background:url("../../images/frontend/bgfooter2.jpg");height:298px;}

#footer .box1 .box-bg{width:100%;height:100%;background:url("../../images/frontend/bgfooter.jpg") center top no-repeat;}

#footer .box1 .box-bg .boxmenu{float:left;width:20.5%;margin: 38px 0 0 1%;position: relative;z-index: 10;}

#footer .box1 .box-bg .boxmenu .item{float:left;width:100%;font-size:16px;font-family:Tahoma, Geneva, sans-serif;margin-top:10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

#footer .box1 .box-bg .boxmenu .item a{color:#fff;}

#footer .box1 .box-bg .boxmenu .item a.active{color:rgb(171,203,199);}

#footer .box1 .box-bg .boxmenu .item a:hover{text-decoration:underline;}

#footer .box1 .box-bg .boxadd{float:right;margin:38px 5px 0 0;width:300px;z-index:10;position:relative;}

#footer .box1 .box-bg .boxadd .logo{float:right;}

#footer .box1 .box-bg .boxadd .detail{float: right;

    width: 100%;

    text-align: right;

    font-size: 14px;

    color: #fff;

    font-family: Tahoma, Geneva, sans-serif;

    line-height: 24px;

    margin-top: 10px;}

#footer .box1 .box-bg .boxadd .detail span{font-size:18px;color:rgb(171,203,199);font-weight:bold;line-height: 27px;margin: 9px 0 0 0;}

#footer .box1 .box-bg .box-icon{position:absolute;width:100%;bottom:5px;height:85px;}

#footer .box1 .box-bg .box-icon .icon1{position:absolute;left:1%;bottom:0;}

#footer .box1 .box-bg .box-icon .icon2{position:absolute;left:7%;bottom:0;}

#footer .box1 .box-bg .box-icon .icon3{position:absolute;left:44%;bottom:0;}

#footer .box1 .box-bg .box-icon .icon4{position:absolute;left:53%;bottom:0;}

#footer .box1 .box-bg .box-icon .icon5{position:absolute;left:17%;bottom:0;}

#footer .box2{position:relative;float:left;height:40px;color:#fff;font-size:12px;line-height:40px;background-color:rgb(0,49,49);width:100%;}



.boxheadpage{width:100%;background-image:url("../../images/frontend/headall.jpg");height:67px;background-color:rgb(241,241,241);background-position:top center;background-repeat:no-repeat;color:rgb(6,92,89);font-size:35px;line-height:67px;font-family: 'supermarket';float: left;}

.boxheadproductlist{font-size:14px;color:rgb(112,112,112);margin:15px 0 10px;overflow:hidden;float: left;width: 100%;}

.boxheadproductlist .box-left{float:left;}

.boxheadproductlist .box-left a{color:rgb(112,112,112);}

.boxheadproductlist .box-left a:hover{color:#000;}

.boxheadproductlist .box-right{float:right;}

.borderfull{height:1px;width:100%;max-width:960px;margin:auto;background:rgb(186,186,186);margin-bottom:26px;}

.box-left-productlist{float:left;width:245px;margin-bottom:55px;}

.box-left-productlist .list{width: 76%;padding: 5px 2% 5px 8%;}

.box-left-productlist .list span{color:#000;font-family: 'supermarket';font-size:19px;}

.box-left-productlist .list:hover span{text-decoration:underline;}

.box-left-productlist .list-active{background:rgb(241,241,241);}

.box-right-productlist{float:right;width:675px;}

.box-right-productlist .list{float:left;width:215px;margin-bottom:25px;}

.box-right-productlist .list-center{margin-left:15px;margin-right:15px;}

.box-right-productlist .list .boximg{position:relative;width:99%;height:201px;background-color:#fff;margin:auto;border:1px solid rgb(196,196,196);}

.box-right-productlist .list .boximg img{position: absolute;left: 0;right: 0;top: -21px;bottom: 0;max-width: 90%;max-height: 70%;margin: auto;}

.box-right-productlist .list .boximg .boxhover{position:absolute;bottom:0;padding:5px 0;font-size:15px;color:rgb(112,112,112);text-align:center;width:100%;background:rgb(241,241,241);border-top:1px solid rgb(196,196,196);opacity:0;}

.box-right-productlist .list .name{width:100%;font-size:15px;color:rgb(0,92,89);font-size:15px;margin-top:15px;line-height:19px;height: 50px;

display: block;

/* display: -webkit-box;

white-space: normal;

display: -moz-box;

display: -ms-box;

display: -o-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

-moz-line-clamp: 2;

-moz-box-orient: vertical;

-ms-line-clamp: 2;

-ms-box-orient: vertical;

-o-line-clamp: 2;

-o-box-orient: vertical;

line-clamp: 2;

box-orient: vertical;

overflow: hidden;

text-overflow: ellipsis;} */
}
.box-right-productlist .list:hover .boxhover{opacity:1;}



.page-product .product-name{font-family: 'supermarket';font-size:25px;width:100%;color:rgb(6,92,89);line-height:29px;float: left;width: 100%;}

.borderfullpageproduct{margin-bottom:9px;}

.page-product .product-detail{font-size:16px;line-height:18px;margin-bottom:16px;float: left;width: 100%;margin-top:5px;}

.box-btn-menu-product{width:100%;position:relative;max-width:960px;margin:auto;overflow:hidden;border-bottom:1px solid rgb(6,92,89);margin-bottom:30px;}

.box-btn-menu-product .btn{float:left;padding-left:19px;padding-right:19px;color:#000;font-size:18px;font-family: 'supermarket';cursor:pointer;line-height: 18px;height:30px;}

.box-btn-menu-product .btn-active{color:#fff;background:rgb(6,92,89);}

.page-product-box-left{float:left;width:397px;margin-bottom:25px;}

.page-product-box-left .box-img{width:99%;height:394px;border:1px solid rgb(186,186,186);position:relative;}

.page-product-box-left .box-img img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-width:90%;max-height:90%;}

.page-product-box-left .box-select-img{width:100%;margin-top:5px;position:relative;}

.page-product-box-left .box-select-img .arrowl{position:absolute;left:5px;top:0;bottom:0;margin:auto;cursor:pointer;}

.page-product-box-left .box-select-img .arrowr{position:absolute;right:5px;top:0;bottom:0;margin:auto;cursor:pointer;}

.page-product-box-left .box-select-img .box-select-in{width:351px;display:block;margin:auto;overflow:hidden;white-space:nowrap;}

.page-product-box-left .box-select-img .box-select-in .box{position: relative;width: 82px;height: 83px;border: 1px solid rgb(186,186,186);display: inline-block;left: 0;margin: 0 0 0 3px;padding: 0;cursor:pointer;-moz-margin-left:-1px;}

.page-product-box-left .box-select-img .box-select-in .box img{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-width:90%;max-height:90%;}

.page-product-box-right{float:right;width:510px;margin-bottom:25px;}

.page-product-box-right .box-head{border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid rgb(186,186,186);font-family: 'supermarket';font-size:18px;width:95%;padding:8px 2%;overflow:hidden;line-height: 21px;cursor:pointer;}

.page-product-box-right .box-head-active{background:rgb(241,241,241);border-top:1px solid rgb(186,186,186);border-left:1px solid rgb(186,186,186);border-right:1px solid rgb(186,186,186);}

.page-product-box-right .box-head .div2{float:right;width:5%;text-align:center;}

.page-product-box-right .box-head .div1{float:left;width:95%;}

.page-product-box-right .box-detail{width:95%;padding:8px 2%;color:rgb(112,112,112);line-height:24px;font-size:15px;margin:5px 0 0px;display:none;}

.page-product-box-right .box-detail img{max-width:100%;height: auto;}

.detailfullpageproduct{position:relative;overflow:hidden;margin-bottom:30px;width:100%;}

.detailfullpageproduct img{max-width:100%;height: auto;}

#page-product-data4 img{max-width:100%;height: auto;}



#page-product-data2 .box-data2{width:100%;float:left;margin:0px 0 30px;}

#page-product-data2 .box-data2:first-child{margin-top:0px;}

#page-product-data2 .box-data2 .img{float:left;width:126px;height:174px;}

#page-product-data2 .box-data2 .box-detail{float: right;width: 785px;font-family: Tahoma, Geneva, sans-serif;font-size: 16px;line-height: 21px;}

#page-product-data2 .box-data2 .box-detail .name{float: left;width: 100%;font-weight: bold;word-wrap: break-word;margin-top: 10px;}

#page-product-data2 .box-data2 .box-detail .detail{margin-top: 5px;float: left;width: 100%;min-height: 91px;margin-bottom: 14px;}

#page-product-data2 .box-data2 .box-detail .btn{float:left;width:128px;height:32px;line-height:30px;font-family: 'supermarket';font-size:16px;cursor:pointer;}

#page-product-data2 .box-data2 .box-detail .btn img{position: absolute;right: 7%;top: 5px;float: none;width: 10px;width:14px;height:18px;}

#page-product-data2 .box-data2 .box-detail .btn .btnl{position:relative;float:left;width:75%;background:rgb(112,112,112);text-align:center;color:#fff;border:1px solid rgb(112,112,122);}

#page-product-data2 .box-data2 .box-detail .btn .btnr{float:left;width:21%;background-color:rgb(194,194,194);text-align:center;color:#fff;font-family:Tahoma, Geneva, sans-serif;border:1px solid rgb(194,194,194);}

#page-product-data2 .box-data2 .box-detail .btn1{margin-right:15px;}

#page-product-data2 .box-data2 .box-detail .btn2 .btnl{background:#fff;color:#000;border:1px solid rgb(118,118,118);}

#page-product-data2 .box-data2 .box-detail .btn2 .btnr{background:#fff;color:#000;border:1px solid rgb(118,118,118);border-left:none;}

#page-product-data3 .videoproduct{width:100%;max-width:720px;margin:auto;display:block;margin-bottom:25px;height:400px;margin-top:15px;}

.page-news .head-news{float:left;width:100%;font-size:25px;color:rgb(6,92,89);font-family: 'supermarket';line-height: 31px;}

.page-news .detailfullnews{float:left;width:100%;word-wrap: break-word;font-size: 15px;line-height: 20px;color: rgb(112,112,112);margin-top: 5px;margin-bottom:35px;}

.page-news .detailfullnews img{max-width:100%;}

.page-news .box-high{float:left;width:100%;margin:15px 0;}

.page-news .box-high:hover .box-detail .name{text-decoration:underline;}

.page-news .box-high .box-img{position:relative;float:left;width:476px;height:317px;background-size:cover;background-position:center;}

.page-news .box-high .box-detail{float:right;width:440px;font-family:Tahoma, Geneva, sans-serif;}

.page-news .box-high .box-detail .name{float:left;width:100%;font-size:16px;font-weight:bold;line-height:20px;

display: block;

display: -webkit-box;

white-space: normal;

display: -moz-box;

display: -ms-box;

display: -o-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

-moz-line-clamp: 2;

-moz-box-orient: vertical;

-ms-line-clamp: 2;

-ms-box-orient: vertical;

-o-line-clamp: 2;

-o-box-orient: vertical;

line-clamp: 2;

box-orient: vertical;

overflow: hidden;

text-overflow: ellipsis;}

.page-news .box-high .box-detail .detail{float:left;width:100%;font-size:15px;line-height:20px;color:rgb(112,112,112);margin-top:5px;display: block;

display: -webkit-box;

white-space: normal;

display: -moz-box;

display: -ms-box;

display: -o-box;

-webkit-line-clamp: 11;

-webkit-box-orient: vertical;

-moz-line-clamp: 11;

-moz-box-orient: vertical;

-ms-line-clamp: 11;

-ms-box-orient: vertical;

-o-line-clamp: 11;

-o-box-orient: vertical;

line-clamp: 11;

box-orient: vertical;

overflow: hidden;

text-overflow: ellipsis;}

.page-news .box-new-all{float:left;width:100%;margin-bottom:35px;}

.page-news .box-new-all .item{float:left;width:50%;margin-top:25px;}

.page-news .box-new-all .item:hover .name{text-decoration:underline;}

.page-news .box-new-all .item:hover .detail2{text-decoration:underline;}

.page-news .box-new-all .item .box-img{position:relative;float:left;width:37%;height:116px;background-size:cover;background-position:center;}

.page-news .box-new-all .item .name{float:left;width: 57%;margin-left: 4%;max-height: 276px;font-size:15px;font-weight:bold;line-height:20px;

display: block;

display: -webkit-box;

white-space: normal;

display: -moz-box;

display: -ms-box;

display: -o-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

-moz-line-clamp: 2;

-moz-box-orient: vertical;

-ms-line-clamp: 2;

-ms-box-orient: vertical;

-o-line-clamp: 2;

-o-box-orient: vertical;

line-clamp: 2;

box-orient: vertical;

overflow: hidden;

text-overflow: ellipsis;}

.page-news .box-new-all .item .detail{float:left;width: 57%;margin-left: 4%;font-size:13px;line-height:20px;color:rgb(112,112,112);

display: block;

display: -webkit-box;

white-space: normal;

display: -moz-box;

display: -ms-box;

display: -o-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

-moz-line-clamp: 2;

-moz-box-orient: vertical;

-ms-line-clamp: 2;

-ms-box-orient: vertical;

-o-line-clamp: 2;

-o-box-orient: vertical;

line-clamp: 2;

box-orient: vertical;

overflow: hidden;

text-overflow: ellipsis;}

.page-news .box-new-all .item .detail2{color:rgb(6,92,89)}

.box-slidercer{width:100%;height:689px;min-height: 689px;position:relative;}

.box-slidercer .box{margin:auto;width:100%;height:689px;max-width:1900px;}

.box-slidercer .box .img{position: relative;margin: 11% 0 0 12%;max-width: 655px;width: 40%;min-width:50px;}

.slidercer2{display:none;float:left;width:100%;}

.box-cer1{float:left;width:100%;height:213px;background-color:rgb(247,247,247);background-image:url("../../images/frontend/cerimg3.jpg");background-position:center;background-repeat:no-repeat;}

.box-cer1 .text{max-width:746px;width:98%;margin:auto;display:block;font-size:34px;line-height:48px;font-family: 'supermarket';overflow: hidden;margin-top: 37px;}

.box-cer1thai .text{max-width: 596px;}

.box-cer1eng .text{max-width: 620px;line-height:38px;}

#certipage .text{max-width: 365px;}

.box-cer1 .text span{font-size:29px;float:right;}

.box-cer1 .text .box-img{float:right;width:100%;margin-top:15px;}

.box-cer1 .text .box-img img{float:right;margin-right:30px;}

.box-cer2{max-width:790px;width:100%;margin:auto;display:block;}

.box-cer2 .box-img{width: 100%;padding: 35px 0;float: left;background: #fff;}

.box-cer2 .box-img .imgl{float:left;margin-top:70px;}

.box-cer2 .box-img .imgr{float:right;}

.box-cer2 .box-detail{float:left;width:100%;font-size:18px;color:#000;font-family:Tahoma, Geneva, sans-serif;line-height:30px;text-align:center;margin-bottom:60px;}

.box-cer3{float:left;width:100%;background:rgb(247,247,247);padding:0 0 60px;}

.box-cer3 .item:first-child{margin-left:0;}

.box-cer3 .item{width:100%;display: inline-block;padding:0;margin:0;    margin-left: -5px;}

.box-cer3 .item .name{float:left;width:100%;font-family: 'supermarket';color:#000;font-size:25px;line-height:18px;text-align:center;line-height:30px;margin:42px 0 30px;}

.box-cer3 .item .img-cer{width:100%;border:1% solid #000;float:left;}

.box-cer3 .item .btn{float:left;width:162px;height:32px;line-height:30px;font-family: 'supermarket';font-size:16px;cursor:pointer;}

.box-cer3 .item .btn img{position: absolute;right: 7%;top: 5px;float: none;width: 10px;width:14px;height:18px;}

.box-cer3 .item .btn .btnl{position:relative;float:left;width:75%;background:rgb(112,112,112);text-align:center;color:#fff;border:1px solid rgb(112,112,122);}

.box-cer3 .item .btn .btnr{float:left;width:21%;background-color:rgb(194,194,194);text-align:center;color:#fff;font-family:Tahoma, Geneva, sans-serif;border:1px solid rgb(194,194,194);}

.box-cer3 .item .btn1{margin-right:15px;}

.box-cer3 .item .btn2 .btnl{background:#fff;color:#000;border:1px solid rgb(118,118,118);line-height: 30px;}

.box-cer3 .item .btn2 .btnr{background:#fff;color:#000;border:1px solid rgb(118,118,118);border-left:none;line-height: 30px;}

.box-cer3 .item .boxbtn{display:block;margin:0 auto 0;width:345px;}

.box-cer3 .item .text{font-size:14px;color:rgb(112,112,112);text-align:center;margin:30px 0;float:left;width:100%;}

.box-cer3 .boxsldercer3{width:80%;margin:0 10%;float:left;white-space: nowrap;overflow:hidden;}

.box-cer3 .arrowl2{position:absolute;left:0;top:47%;cursor:pointer;}

.box-cer3 .arrowr2{position:absolute;right:0;top:47%;cursor:pointer;}

.box-slidercer .box .img-about{position: relative;margin: 2% 0 0 12%;max-width: 655px;width: 40%;min-width:50px;}

.box-cer1 {    background-image: url("../../images/frontend/bg2.jpg");}

.box-cer1about .text{    max-width: 500px;}

.box-about1{position:relative;width:100%;background-image:url("../../images/frontend/bgabout.jpg");height:401px;background-repeat:no-repeat;background-position:center;background-color:rgb(0,61,60);float:left;overflow:hidden;background-size:cover;}

.box-about1 .content{overflow:initial;}

.box-about1 .person{position:absolute;top:28px;left:-88px;}

.box-about1 .text{float:right;margin:30px 24px 0 0;}

.box-about1 .box-detail{width:545px;text-align:right;position:absolute;top:180px;right:24px;color:#fff;font-size:18px;line-height:27px;font-family:Tahoma, Geneva, sans-serif;}

.boxslideabout{position:relative;height:570px;width:100%;background:#fff;float:left;}

.boxslideabout ul .img-bxslider{width:100%;height:570px;background-position:top center;background-repeat:no-repeat;margin-top:-16px;left:0;background-repeat:no-repeat;}

.boxslideabout .bah{position:absolute;z-index:10;top:0;left:-470px;}

.boxslideabout .img10{position: absolute;top: -190px;left: -254px;}

.boxslideabout .content{top: 0;height: 570px;position: absolute;left: 0;right: 0;overflow:inherit;}

.boxaboutadd{position:relative;float:left;width:100%;background:#fff;overflow:hidden;}

.boxaboutadd .head{float:left;width:100%;text-align:center;font-family: 'supermarket';font-size:30px;line-height:30px;color:rgb(6,92,89);margin:50px 0 40px;}

.boxaboutadd .content{max-width:1150px;}

.boxaboutadd .box1{float:left;position:relative;padding:40px 2%;border:1px solid rgb(203,203,203);width: 33%;}

.boxaboutadd .box1 .box{float:left;width:100%;color:rgb(6,92,89);font-family:Tahoma, Geneva, sans-serif;font-size:15px;line-height: 26px;}

.boxaboutadd .box1 .box .boxl{float:left;width:30%;}

.boxaboutadd .box1 .box .boxr{float:right;width:60%;}

.boxaboutadd .box2{float:right;width:60%;color:rgb(112,112,112);line-height: 21px;font-size: 15px;}

.boxaboutadd2{width:100%;max-width:780px;margin:auto;overflow:hidden;padding:70px 0 60px;position:relative;background:#fff;}

.boxaboutadd2 .item1{float:left;margin-left:2%;}

.boxaboutadd2 .item3{float:right;margin-right:2%;}

.boxaboutadd2 .item2{position:absolute;left:0;right:0;margin:auto;}

.boxaboutadd2 .item{width:168px;}

.boxaboutadd2 .item img{width:100%;  -webkit-transition: 0.2s;

  -moz-transition: 0.2s;

  -ms-transition: 0.2s;

  -o-transition: 0.2s;

  transition: 0.2s;}

.boxaboutadd2 .item:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.boxaboutadd2 .item .text{width:100%;font-family: 'supermarket';font-size:27px;text-align:center;margin-top:15px;line-height:29px;}

.img1-project{background-image:url("../../images/frontend/ourImg1.jpg");height:230px;width:100%;background-position:center;background-repeat:no-repeat;float:left;}

.img2-project{float:left;display:none;}

.boxheadproject{float:left;width:100%;font-family:Tahoma, Geneva, sans-serif;color:#000;font-size:14px;line-height: 25px;margin-bottom: 15px;cursor:pointer;}

.boxheadproject .active{text-decoration:underline;}

.boxheadproject span:hover{text-decoration:underline;}

.borderproject{float:left;width:100%;height:1px;background-color:rgb(186,186,186);}

.boxheadgallery{width:100%;float:left;text-align:center;font-family: 'supermarket';font-size:35px;color:rgb(6,92,89);padding:13px 0;line-height:40px;border-top:1px solid rgba(186,186,186,0);border-bottom:1px solid rgba(186,186,186,0);cursor:pointer;}

.boxheadgallery:hover{border-top:1px solid rgba(186,186,186,1);border-bottom:1px solid rgba(186,186,186,1);}

.boxlistgallery{float:left;width:100%;text-align:left;margin-bottom:30px;}

.boxlistgallery .item{width:90px;height:91px;background-position:center;background-repeat:no-repeat;background-size:cover;border:3px solid rgba(0,0,0,0);margin:3px;display:inline-table;cursor:pointer;}

.boxlistgallery .item:hover{border:3px solid rgba(6,92,89,1);}

.boxlistgallery .item-active{border:3px solid rgba(6,92,89,1);}

.boxlistgallery .item div{display:none;}

#box-detail-gallery-head{width:100%;float:left;background-color:rgb(0,49,49);display:none;margin:10px 0;}

#box-detail-gallery-head .close{font-family: 'supermarket';position:absolute;font-size:15px;right:3px;top:5px;color:rgb(40,170,167);cursor:pointer;}

#box-detail-gallery-head .imgshowgallery{display: block;height: 420px;margin: auto;max-width: 630px;width: 100%;}

#box-detail-gallery-head .box-detail{width:600px;margin:auto;padding:0 2.5% 10px;background:rgb(6,92,89);overflow:hidden;padding: 0 15px 10px;}

#box-detail-gallery-head .box-detail .box-left{float:left;width:85%;}

#box-detail-gallery-head .box-detail .box-left .name{float:left;width:100%;font-size:15px;color:rgb(255,255,255);line-height: 21px;margin-top: 7px;}

#box-detail-gallery-head .box-detail .box-left .detail{float: left;width: 100%;font-size: 15px;color: rgb(255,255,255);line-height: 22px;margin-top: 1px;}

#box-detail-gallery-head .box-detail .box-right{float:right;width:15%;text-align:right;}

#box-detail-gallery-head .box-detail .box-right .name{float:left;width:100%;font-size:15px;color:rgb(40,172,167);line-height: 21px;margin-top: 7px;}

#box-detail-gallery-head .box-detail .box-right .detail{float:left;width:100%;font-size:15px;color:rgb(255,255,255);line-height: 22px;margin-top: 1px;}

#box-detail-gallery-head .arrowl{position:absolute;left:5px;top:0;bottom:0;margin:auto;cursor:pointer;width: 25px;}

#box-detail-gallery-head .arrowr{position:absolute;right:5px;top:0;bottom:0;margin:auto;cursor:pointer;width: 25px;}

body .contentgallery{width:100%;}

#widthfull{display:block;}

#width870{display:none;}

#width730{display:none;}

#width620{display:none;}

#width350{display:none;}

.box-slidercer-csr{width:100%;height:650px;min-height: 650px;position:relative;}

.box-slidercer-csr .box{margin:auto;width:100%;height:650px;max-width:1900px;}

.box-slidercer-csr .box .img{position: relative;margin: 2% 0 0 12%;max-width: 930px;width: 60%;min-width:50px;}

.boxheadcsr{float:left;width:100%;height:107px;line-height:109px;text-align:center;font-family: 'supermarket';font-size:35px;background:rgb(0,61,60);color:#fff;}

.boxmenucsr{width:100%;max-width:1900px;margin:auto;}

.boxmenucsr .box{float:left;width:33.33%;position:relative;cursor:pointer;overflow:hidden;}

.boxmenucsr .box .head{float:left;width:100%;height:66px;line-height:66px;color:#fff;background:rgb(6,92,89);text-align:center;font-family: 'supermarket';font-size:30px;position:relative;z-index:10;

  -webkit-transition: 0.2s;

  -moz-transition: 0.2s;

  -ms-transition: 0.2s;

  -o-transition: 0.2s;

  transition: 0.2s;}

.boxmenucsr .box .img1{float:left;width:100%;

-webkit-filter: blur(0px);

-moz-filter: blur(0px);

-o-filter: blur(0px);

-ms-filter: blur(0px);

filter: blur(0px);}

.boxmenucsr .box .text{position:absolute;width:95%;left:0;right:0;color:#fff;text-align:center;font-family: 'supermarket';font-size:30px;top:0px;bottom:0;margin:auto;height: 50px;opacity:0;

  -webkit-transition: 0.2s;

  -moz-transition: 0.2s;

  -ms-transition: 0.2s;

  -o-transition: 0.2s;

  transition: 0.2s;}

.boxmenucsr .box .arrow{position:absolute;left:0;right:0;bottom:25px;margin:auto;opacity:0;

  -webkit-transition: 0.2s;

  -moz-transition: 0.2s;

  -ms-transition: 0.2s;

  -o-transition: 0.2s;

  transition: 0.2s;}

.boxmenucsr .box:hover .head{background:rgb(0,61,60);}

.boxmenucsr .box:hover .img1{

-webkit-filter: blur(4px);

-moz-filter: blur(4px);

-o-filter: blur(4px);

-ms-filter: blur(4px);

filter: blur(4px); transform: scale(1.03);}

.boxmenucsr .box:hover .text{opacity:1;}

.boxmenucsr .box:hover .arrow{opacity:1;}

.boxmenucsr .box-active .img1{

-webkit-filter: blur(4px);

-moz-filter: blur(4px);

-o-filter: blur(4px);

-ms-filter: blur(4px);

filter: blur(4px); transform: scale(1.03);}

.boxmenucsr .box-active .text{opacity:1;}

.boxmenucsr .box-active .arrow{opacity:1;}

.boxmenucsr .box-active .head{background:rgb(0,61,60);}



.boxcsrnew{width:98%;max-width:960px;padding:25px 1%;overflow:hidden;margin:0 auto;background-color:#fff;}

.boxcsrnew .box{float:left;margin:0 7.1%;width: 28.6%;cursor:pointer;}

.boxcsrnew .box .box-img{width:100%;float:left;height:183px;background-size:cover;background-position:center;}

.boxcsrnew .box:hover .name{text-decoration:underline;}

.boxcsrnew .box .name{font-weight:bold;font-size:16px;line-height:22px;color:#000;margin-top:5px;float:left;

display: block;

display: -webkit-box;

white-space: normal;

display: -moz-box;

display: -ms-box;

display: -o-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

-moz-line-clamp: 2;

-moz-box-orient: vertical;

-ms-line-clamp: 2;

-ms-box-orient: vertical;

-o-line-clamp: 2;

-o-box-orient: vertical;

line-clamp: 2;

box-orient: vertical;

overflow: hidden;

text-overflow: ellipsis;}

.boxcsrnew .box:first-child{margin-left:0;margin-right:0;}

.boxcsrnew .box-last{margin-left:0;margin-right:0;}

body .boxcsrnew .box-center{margin:0 7.1%;}

.boxcsrnewfull{display:block;}

.boxcsrnewmo{display:none;}

.datenews{font-size: 13px;width: 100%;margin-top: 10px;color: rgb(112,112,112);line-height: 18px;font-family: Tahoma, Geneva, sans-serif;margin-left: 4%;

}

#boxcsrnewdetail{width:100%;padding:25px 0 30px;background-color:rgb(247,247,247);}

#boxcsrnewdetail .box{width:100%;max-width:760px;margin:auto;overflow:hidden;}

#boxcsrnewdetail .box .imgh{float:left;width:100%;}

#boxcsrnewdetail .box .boxdetail{margin:20px 1%;width:98%;float:left;}

#boxcsrnewdetail .box .boxdetail .name{float:left;width:100%;font-size:16px;font-weight:bold;line-height:20px;text-align:center;}

#boxcsrnewdetail .box .boxdetail .date{float:left;font-size:13px;width:100%;margin-top:10px;color:rgb(112,112,112);line-height:18px;font-family:Tahoma, Geneva, sans-serif;}

#boxcsrnewdetail .box .boxdetail .detail{float:left;font-size:15px;width:100%;margin-top:10px;color:rgb(112,112,112);line-height:20px;font-family:Tahoma, Geneva, sans-serif;}

#boxcsrnewdetail .box .boxdetail .close{width:100%;text-align:center;color:rgb(6,92,89);margin-top:15px;font-family: 'supermarket';font-size:15px;float:left;}

#boxcsrnewdetail .box .boxdetail .close span{cursor:pointer;}

#cate2,#cate3,#cate1{display:none;width: 100%;float: left;overflow: hidden;}
#pageOurCustomers{font-family: 'supermarket';margin-bottom: 120px;}
#pageOurCustomers .textTitle {font-size: 43px;color: #fff;margin: 51px 0 0 0;}
#pageOurCustomers .newBoxContent{margin-top: 80px;position: relative;}
#pageOurCustomers .newBoxContent .boxMenu{padding:20px 25px 50px;width: 100%;background-color: #f0f0f0;}
#pageOurCustomers .newBoxContent .boxMenu .textHead{text-decoration: underline;color: #045c5a;font-size: 24px;}
#pageOurCustomers .newBoxContent .boxMenu ul{padding: 0;margin: 0;margin-top: 30px;color: #045c5a;font-size: 19px;}
#pageOurCustomers .newBoxContent .boxMenu ul li{width: 100%;border-bottom:1px solid #045c5a;margin-top: 15px;padding: 0 0 10px;}
#pageOurCustomers .newBoxContent .boxMenu ul li a{color: #045c5a;}
#pageOurCustomers .newBoxContent .boxMenu ul li a.active{color: #999999;}
#pageOurCustomers .newBoxContent .boxItem{margin-top: 25px;}
#pageOurCustomers .newBoxContent .item{padding: 7px 15px 10px;color: #045c5a;border-bottom:1px solid #999999;font-size: 19px;}

#pageOurCustomers .newBoxContentList{margin-top: 80px;}
#pageOurCustomers .newBoxContentList .item{position: relative;float: left;padding: 10px;width: 20%;margin-bottom: 25px;}
#pageOurCustomers .newBoxContentList .imgBg{position: relative;width: 100%;opacity: 0;}
#pageOurCustomers .newBoxContentList .imgShow{position: absolute;max-width: 95%;max-height: 95%;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}

.pageProject .projectDivTitle{text-align: center;color: #045c5a;font-size: 30px;font-weight: bold;margin-top: 30px;margin-bottom: 30px;}
.pageProject .boxItem{position: relative;margin-bottom: 25px;}
.pageProject .boxItem .boxImg{position: relative;width: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
.pageProject .boxItem .boxImg .imgBg{position: relative;width: 100%;opacity: 0;}
.pageProject .boxItem .boxImg .boxDetail{position: absolute;
    background-color: rgba(0, 61, 60, 0.7);color: #fff;
    padding: 15px 14px 20px;
    width: 100%;font-family: Tahoma, Geneva, sans-serif;
    bottom: 0;}
 .pageProject .boxItem .boxImg .boxDetail .title{font-size: 16px;font-weight: bold;margin-bottom: 5px;}
 .pageProject .boxItem .boxImg .boxDetail .detail{font-size: 14px;}
 .pageProject .boxItemBottom .boxDetail{background: #f2f2f2;padding: 15px 14px 20px;font-family: Tahoma, Geneva, sans-serif;}
 .pageProject .boxItemBottom .boxDetail .title{font-size: 16px;font-weight: bold;margin-bottom: 5px;color: #045c5a;}
 .pageProject .boxItemBottom .boxDetail .detail{font-size: 14px;}



@media all and (max-width: 1900px) {

}

@media all and (max-width: 1690px) {

.boxslideabout .bah{left:-385px;}

}

@media all and (max-width: 1650px) {

.boxslide2 .box-left{width:40%;}

.boxslide2 .box-right{width:60%;}

.boxcontact .boxcontactindex .box {width: 570px;}

}

@media all and (max-width: 1540px) {

.boxslideabout .bah{left:-280px;}

}

@media all and (max-width: 1450px) {

.boxcontact .boxcontactindex .box {width: 520px;}

.box-slidercer{height:450px;min-height: 450px;}

.box-slidercer-csr {height: 450px;min-height: 450px;}

.box-slidercer-csr .box{height:450px;}

.box-slidercer-csr .box .img{max-width: 635px;}

}

@media all and (max-width: 1310px) {

.boxslideabout .bah {left: -168px;}

}

@media all and (max-width: 1300px) {

.boxslide2 .box-left{width:35%;}

.boxslide2 .box-right{width:65%;}

}

@media all and (max-width: 1250px) {

.boxcontact .boxcontactindex .box {width: 97%;}

.box-slidercer .box .img{margin-left:5%;width: 47%;}

.box-slidercer .box .img-about {margin: 2% 0 0 5%;width: 47%;}

.box-slidercer-csr .box .img {margin: 2% 0 0 4%;}

.boxheadcsr {height: 84px;line-height: 91px;font-size: 30px;}

.boxmenucsr .box .head {height: 55px;line-height: 55px;font-size: 25px;}

.boxmenucsr .box .text{font-size:25px;}

.boxmenucsr .box .arrow{width:50px;}

}

@media all and (max-width: 1120px) {

.boxcontact .boxcontactindex .box {width: 95%;}

.boxcontact .boxcontactindex .box .box-in {width: 95%;}

.box-slidercer{height:380px;min-height: 380px;}

.box-slidercer-csr {height: 380px;min-height: 380px;}

.box-slidercer-csr .box{height:380px;}

.box-slidercer-csr .box .img{max-width: 500px;margin: 2% 0 0 2%;}

}

@media all and (max-width: 1090px) {

.boxslideabout .bah {left: -85px;}

}

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

}

@media all and (max-width: 976px) {

body .contentgallery{width:850px;}

.boxlistgallery .item {width: 81px;height: 82px;margin: 1px;}

#box-detail-gallery-head .imgshowgallery {height: 360px;}

#footer .box1 {height: 325px;}

}

@media all and (max-width: 960px) {

  .textVdo .text1{font-size: 45px;}
.textVdo .text2{font-size: 30px;}
.textVdo .text3{font-size: 20px;}

.content{width:98%;}

.boxslide2 .content-none{position:relative;width:100%;overflow:hidden;margin:auto;max-width:960px;}

.boxslide2 .box-right .content-right .box-detail {margin: 5px 0 0 5%;width: 93%;}

.boxslide2 .box-right .content-right .box-detail .name{font-size:22px;}

.boxslide2 .box-right .content-right .box-detail .detail1 {font-size: 18px;line-height: 24px;}

.boxslide2 .box-right .content-right .box-detail .detail2 {font-size: 15px;margin-top:9px;line-height: 21px;}

.boxslide2 .box-right .content-right .box-detail .detail2 .text222{font-size:19px;}

.box-about .img-about{left:1%;}

.box-project .box-left .text-eng {font-size: 25px;}

.box-project .box-left .text-th {font-size:20px;}

.box-project .box-left .img-logo {margin: 35px 0 0 0;width: 100px;}

.box-project{height: 440px;}

.box-project .content{width:100%;}

.box-left-productlist { width: 225px;}

.box-left-productlist .list {width: 84%;padding: 5px 5% 5px 11%;}

.box-right-productlist {width: 630px;}

.box-right-productlist .list {width: 190px;}

.box-right-productlist .list-center {margin-left: 30px;margin-right: 30px;}

.page-product-box-right { width: 450px;}

#page-product-data2 .box-data2 .box-detail{width:760px;}

.page-news .box-high .box-img {width: 440px;height: 300px;}

.boxslideabout{height:430px;}

.boxslideabout ul .img-bxslider{height:430px;}

.boxslideabout .bah{top:0;left:-470px;display:none;width:500px;}

.boxslideabout .img10{top: -190px;left: -254px;display:none;}

.boxslideabout .content{height: 430px;}

.box-about1 .box-detail {width: 483px;font-size: 16px;right:0px;}

.box-about1 .text{margin-right:0px;}

.box-about1 .person {left: -129px;}

.img2-project{display:block;float:left;width:100%;}

.boxslidefull{display:none;}

.boxslidemo{display:block;}

}

@media all and (max-width: 950px) {

.boxaboutadd .box1 {float: none;position: relative;padding: 40px 2%;border: 1px solid rgb(203,203,203);width: 37%;overflow: hidden;margin: auto;min-width: 465px;margin-bottom: 20px;}

.boxaboutadd .box2 {width: 100%;}

}

@media all and (max-width: 940px) {

#page-product-data2 .box-data2 .box-detail{width:710px;}

.page-news .box-high .box-detail {width: 400px;}

.pageProject .boxItem .boxImg .boxDetail,.pageProject .boxItemBottom .boxDetail{padding: 10px 10px 10px;}

}

@media all and (max-width: 900px) {

.boxslide,.boxslide ul .img-bxslider{height:300px;}

.boxprodudthost .header{font-size:29px;}

.boxprodudthost .box-product .item {width: 22%;margin: 0 5.6% 34px;}

.boxprodudthost .box-update .item-update {width: 31%;margin: 0 1.1% 0;}

.boxcontact #mapboxindex{width:100%;height:400px;}

.boxcontact .boxcontactindex {width: 96%;padding:0 2%;}

.boxcontact .boxcontactindex .box,.boxcontact .boxcontactindex .box .box-in{width: 100%;}

.boxcontact .boxcontactindex .box .box-in .contact{margin-top:15px;}

.boxprodudthost .header{margin-top:10px;}

#footer .box1 .box-bg .boxmenu { width: 17%;}

#footer .box1 .box-bg .box-icon .icon2{left:5%;}

#footer .box1 .box-bg .box-icon .icon3 {left: 37%;}

#footer .box1 .box-bg .box-icon .icon4 {left: 46%;}

#footer .box1 .box-bg .boxmenu .item{font-size:15px;}

#footer .box1 .box-bg .boxadd {width: 290px;}

#footer .box1 .box-bg .boxadd .detail{font-size:15px;}

#footer .box1 .box-bg .boxadd .detail span {font-size: 17px;}

.box-left-productlist {width: 190px;}

.box-left-productlist .list span{font-size:18px;}

.box-right-productlist {width: 605px;}

.box-right-productlist .list-center {margin-left: 17px;margin-right: 18px;}

.boxheadpage {height: 56px;font-size: 30px;line-height: 59px;background-size: cover;}

.page-product-box-left {float: none;width: 397px;margin: 0 auto 15px;}

.page-product-box-right {width: 100%;}

.page-product-box-right .box-head{padding-top:12px;}

.page-product-box-right .box-detail {margin: 5px 0 15px;}

.page-news .box-high .box-img {float: none;display: block;margin: auto;max-width:440px;width:100%;}

.page-news .box-high .box-detail{width:100%;margin-top: 17px;}

.page-news .box-high .box-detail .detail {

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

    -moz-line-clamp: 4;

    -moz-box-orient: vertical;

    -ms-line-clamp: 4;

    -ms-box-orient: vertical;

    -o-line-clamp: 4;

    -o-box-orient: vertical;

    line-clamp: 4;

}

.box-slidercer{display:none;}

.slidercer2{display:block;}

.boxslideabout ul .img-bxslider{background-size:cover;}

.box-slidercer-csr{display:none;}

.boxheadcsr {height: 72px;line-height: 76px;font-size: 25px;}

.boxmenucsr .box .head {height: 50px;line-height: 50px;font-size: 21px;}

.boxmenucsr .box .text {font-size: 20px;top: 40px;}

.boxmenucsr .box .arrow{bottom:10px;width:43px;}

.boxcsrnew .box {margin: 0 2%;width: 32%;}

.boxcsrnew .box-last{margin-left:0;margin-right:0;}

body .boxcsrnew .box-center{margin:0 2%;}

.boxcsrnew .box .name{font-size:15px;}

}

@media all and (max-width: 885px) {

#page-product-data2 .box-data2 .box-detail{width:660px;}

.box-about1 .person {left: -80px;width: 500px;top: 49px;}

#widthfull{display:none;}

#width870{display:block;}

#width730{display:none;}

#width620{display:none;}

#width350{display:none;}

body .contentgallery {width: 748px;}

#box-detail-gallery-head .box-detail .box-left .detail,#box-detail-gallery-head .box-detail .box-right .detail {font-size: 15px;}

.boxheadgallery {font-size: 30px;}

}

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

.boxslide2 .box-left {width: 32%;height: 285px;}

.boxslide2 .box-right{width:68%;min-height: 285px;}

.boxslide2 .box-left .content-left .bx-wrapper .bx-viewport ul li img{max-height:150px;max-width:150px;}

.boxslide2 .box-left .content-left .bx-wrapper .bx-viewport ul li .name{font-size:13px;}

.box-about {height: 330px;min-height: 330px;}

.box-about .img-about {width: 335px;}

.box-about .detail{margin: 30px 5px 0 0;font-size: 40px;width: 375px;}

.box-about .detail .div1 {font-size: 31px;}

.box-project .box-right ul .img-bxslider .box-img{height:85%;}

.box-project .box-right ul .img-bxslider .box-text{height:15%;font-size:13px;}

.box-project .box-right .bx-wrapper .bx-pager{bottom:45px;}

.box-project .box-left .text-eng {font-size: 22px;}

.box-project .box-left .text-th {font-size:17px;}

.boxprodudthost .box-update .item-update .box-img-update { height: 155px;}

.boxprodudthost .box-update .item-update .name-update{font-size:14px;margin-top:7px;}

.boxprodudthost .box-update .item-update .detail-update{font-size:13px;margin-top:7px;}

.box-right-productlist {width: 565px;}

.box-right-productlist .list-center {margin-left: 10px;margin-right: 10px;}

.box-right-productlist .list {width: 181px;}

.box-right-productlist .list .boximg{height:185px;}

#page-product-data2 .box-data2 .box-detail{width:610px;}

.boxaboutadd .head{margin: 23px 0 20px;}

.boxaboutadd .box1{padding: 14px 2%;}

.boxcsrnew .box .box-img {height: 150px;}

}

@media all and (max-width: 830px) {

.box-cer1 .text{font-size:30px;}

.box-cer1 .text span {font-size: 25px;}

.box-cer1thai .text {max-width: 535px;}

}

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

.boxprodudthost .box-update .item-update .box-img-update { height: 130px;}

.box-left-productlist{float:none;width:100%;overflow: hidden;margin-bottom: 15px;}

.box-left-productlist .list {width: 29%;padding: 5px 2% 5px 2%;text-align: center;float: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.box-right-productlist .list {width: 215px;}

.box-right-productlist {width: 675px;float:none;display:block;margin:0 auto 55px;overflow:hidden;}

.box-right-productlist .list-center {margin-left: 15px;margin-right: 15px;}

.borderfull{margin-bottom:15px;}

.box-right-productlist .list .boximg img{top:0;}

.boxheadpage {height: 66px;font-size: 28px;line-height: 62px;background-size: cover;}

#page-product-data2 .box-data2 .box-detail{width:560px;}

.page-news .box-new-all .item{width:100%;}

.page-news .box-new-all .item .box-img{max-width:179px;}

.box-cer1{height:auto;padding-bottom:20px;}

.box-cer1 .text{margin-top:20px;font-size: 29px;line-height: 52px;}

.box-cer1 .text span{font-size:24px;}

.box-cer2 .box-img .imgl {margin-top: 50px;width: 270px;}

.box-cer2 .box-img .imgr {width: 170px;}

.box-cer2 .box-detail {font-size: 15px;margin-bottom:40px;}

.box-cer3 .item .name {line-height: 30px;margin: 26px 0 23px;}

.box-cer3 .arrowl2{width:25px;}

.box-cer3 .arrowr2{width:25px;}

.box-cer1about .text{    max-width: 372px;}

.boxaboutadd2{padding-top:40px;}

.box-cer1eng .text{max-width: 500px;line-height:32px;}

}

@media all and (max-width: 790px) {

/*.box-about1 .person{position: relative;display: block;left: 0;right: 0;margin: auto;top: 0px;max-width:500px;width:90%;}

.box-about1 {padding: 15px 0;height:auto;}	*/

.box-about1 .person {left: -57px;width: 427px;top: 59px;}

}

@media all and (max-width: 770px) {

.boxlistgallery .item {width: 76px;height: 77px;margin: 1px;}

body .contentgallery {width: 710px;}

.boxslide2 .box-right .content-right .box-detail .detail2 .text div{font-size:14px;}

#header{display:none;}

#header-mob{display:block;}

.boxslide{margin-top:50px;}

#contentandfooter{position:relative;margin-top: 0px;overflow: hidden;}
#contentandfooter .boxheadpage{margin-top: 50px;}
#pageOurCustomers .textTitle {font-size: 37px;color: #fff;margin: 50px 0 0 0;}
.img1-project {height: 205px;}
#pageOurCustomers .newBoxContent .boxMenu .textHead {font-size: 20px;}
#pageOurCustomers .newBoxContent .boxMenu ul {padding: 0;margin: 0;margin-top: 30px;color: #045c5a;font-size: 17px;}
#pageOurCustomers .newBoxContent .item{font-size: 17px;}
#pageOurCustomers .newBoxContentList .item{width: 33.33%;}

}

@media all and (max-width: 750px) {

.boxslide,.boxslide ul .img-bxslider{height:230px;}

.boxprodudthost .box-product .item {width: 27%;margin: 0 3.1% 34px;}

}

@media all and (max-width: 730px) {

#page-product-data2 .box-data2 .box-detail{width:500px;}

#widthfull{display:none;}

#width870{display:none;}

#width730{display:block;}

#width620{display:none;}

#width350{display:none;}

body .contentgallery {width: 619px;}

}

@media all and (max-width: 720px) {

.box-right-productlist {width: 630px;}

.box-right-productlist .list-center {margin-left: 6px;margin-right: 6px;}

.box-right-productlist .list {width: 206px;}

.box-right-productlist .list .boximg {height: 200px;}

}

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


.box-about .img-about {width: 260px;}

.box-about {height: 290px;min-height: 290px;}

.box-about .detail {margin: 16px 5px 0 0;font-size: 35px;width: 345px;}

.box-about .detail .div1 {font-size: 26px;}

.box-project {height: 400px;}

.box-project .box-right .bx-wrapper .bx-pager{bottom:40px;}

.box-project .box-left .text-eng {font-size: 20px;}

.box-project .box-left .text-th {font-size:15px;}

.boxheadcsr {height: 63px;line-height: 67px;font-size: 21px;}

.boxmenucsr .box .head {height: 40px;line-height: 40px;font-size: 15px;}

.boxmenucsr .box .text {font-size: 15px;top: 40px;}

.boxmenucsr .box .arrow{bottom:10px;width:37px;}

}

@media all and (max-width: 675px) {

#footer .box1 .box-bg .boxmenu {width: 32.3%;margin: 13px 0 0 1%;}

#footer .box1 .box-bg .boxadd{float: left;width: 98%;margin: 18px 0 0 1%;}

#footer .box1{height:auto;padding-bottom:20px;background:rgb(0,25,26);}

#footer .box1 .box-bg .boxadd .logo {float: left;}

#footer .box1 .box-bg .boxadd .detail{text-align:left;margin-top:18px;}

#footer .box1 .box-bg .box-icon {position: relative;float: left;width: 98%;height: 85px;margin: 18px 0 0 1%;text-align: center;}

#footer .box1 .box-bg .box-icon .icon2 {left: 7%;}

#footer .box1 .box-bg .box-icon .icon3 {left: 21%;}

#footer .box1 .box-bg .box-icon .icon4 {left: 34%;}

#footer .box1 .box-bg .box-icon .icon{position:relative;left:0;display:inline-block;margin-left:10px;margin-right:10px;}

.box-right-productlist {width: 550px;}

.box-right-productlist .list {width: 179px;}

.box-right-productlist .list .boximg {height: 197px;}

#page-product-data2 .box-data2 .box-detail{width:440px;}

.box-about1 .text{width: 280px;margin-top: 19px;}

.box-about1 .box-detail{top: 143px;font-size: 13px;width: 395px;}

.box-about1{height:350px;}
#pageOurCustomers .newBoxContent {margin-top: 35px;}
#pageOurCustomers .textTitle {font-size: 30px;margin: 50px 0 0 0;}
.img1-project {height: 170px;}
#pageOurCustomers .newBoxContentList{margin-top: 35px;}
/*#pageOurCustomers .newBoxContentList .item{width: 50%;}*/


}

@media all and (max-width: 650px) {

#header{display:none;}

#header-mob{display:block;}

.boxslide2 .box-left {width: 100%;height: 220px;margin:15px 0;}

.boxslide2 .box-left .content-left {float: none;width: 250px;margin: auto;}

.boxslide2 .box-left .content-left .bx-wrapper .bx-viewport ul li img {max-height: 130px;max-width: 130px;}

.boxslide2 .box-left .content-left .bx-wrapper .bx-viewport ul li .name {bottom: 11px;}

.boxslide2 .box-right {width: 100%;}

.boxslide,.boxslide ul .img-bxslider{height:230px;}

.boxprodudthost .box-product{margin-top:12px;}

.box-about {background-image:url("../../images/frontend/bg-palla-2.jpg");}

.box-about .img-about{width: 204px;}

.box-project {height: auto;}

.box-project .box-right{width:100%;height:350px;}

.box-project .box-right ul .img-bxslider .box-img{height:288px;}

.box-project .box-right ul .img-bxslider .box-text{height: 62px;padding: 17px 1%;width: 100%;}

.box-project .box-left{float:right;width:96%;padding-bottom:15px;}

.box-project .box-left .img-logo {margin: 21px 0 0 0;}

.box-project .box-left .btn{bottom: 0px;top: 57px;right: 5px;}

.boxcontact{background-color:rgb(247,247,247);}

.boxcontact #mapboxindex{height:300px;}

.boxcontact .boxcontactindex .box .box-in .contact .input1{width:96%;padding:5px 2%;margin-top:10px;}

.boxcontact .boxcontactindex .box .box-in .contact .textarea1{height:150px;}

.boxcontact .boxcontactindex .box .box-in .contact .btn-re {margin: 66px 20px 0 0;}

#footer .box2 .content{text-align:center;}

.boxheadpage {height: 63px;font-size: 25px;line-height: 64px;background-size: cover;margin-top: 50px;float: left;text-align: center;}

.slidercer2 {margin-top: 50px;}

.boxslideabout{margin-top:0px;}

.boxaboutadd2 .item {width: 130px;}

.boxaboutadd2 .item .text {font-size: 19px;margin-top: 9px;line-height: 26px;}

#widthfull{display:none;}

#width870{display:none;}

#width730{display:none;}

#width620{display:block;}

#width350{display:none;}

#pageimg1-project{background-position: 40% 0%;}

#footer .box1 .box-bg .box-icon .icon5 {left: 0%;}

body .contentgallery {width: 352px;}

#box-detail-gallery-head .imgshowgallery {height: 275px;}

#box-detail-gallery-head .arrowl,#box-detail-gallery-head .arrowr {top: -65px;width: 19px;}

#box-detail-gallery-head .box-detail .box-left .name,#box-detail-gallery-head .box-detail .box-right .name{font-size:13px;}

#box-detail-gallery-head .box-detail .box-left .detail, #box-detail-gallery-head .box-detail .box-right .detail{font-size:14px;line-height: 20px;margin-top: 3px;}

#box-detail-gallery-head .imgshowgallery {height: auto;max-width: 100%;max-height: 100%;}

#box-detail-gallery-head .box-detail {width: 98%;margin: auto;padding: 0 1% 10px;}

#box-detail-gallery-head .box-detail .box-left {width: 78%;}

#box-detail-gallery-head .box-detail .box-right {width: 21%;}
}

@media all and (max-width: 620px) {

#page-product-data2 .box-data2 .img {float: none;width: 126px;height: 174px;margin: auto;display: block;}

#page-product-data2 .box-data2 .box-detail {width: 100%;}

#page-product-data2 .box-data2 .box-detail .detail{min-height:auto;}

.box-about1 {padding:15px 0;height:auto;}

.box-about1 .person{position:relative;left:0;top:0;right:0;display:block;margin:auto;max-width:90%;}

.box-about1 .box-detail {position: relative;top: 0;font-size: 13px;width: 100%;text-align: center;float: left;margin-top: 17px;line-height: 22px;}

.box-about1 .text {width: 190px;}

.boxcsrnew .box .box-img {height: 125px;}

#box-cer1 .text{font-size: 23px;}

#box-cer1 .text span {font-size: 18px;}

.box-cer1thai .text {max-width: 410px;}

}

@media all and (max-width: 600px) {
    .textVdo .text1{font-size: 40px;}
.textVdo .text2{font-size: 26px;}
.textVdo .text3{font-size: 16px;}

.boxprodudthost .box-update .item-update .box-img-update { height: 180px;}

.boxprodudthost .box-update .item-update {float: none;width: 275px;margin: 0 auto 18px;}

.boxprodudthost .box-update{margin-bottom:20px;}

.boxprodudthost .linkcsr{margin-top:25px;font-size:17px;}

.box-right-productlist {width: 420px;}

.box-left-productlist .list span {font-size: 15px;}

.box-right-productlist .list {width: 190px;margin: 10px;}

#btncenter{position: relative;display: block;width: 248px;margin: 0px auto 0;top: -30px;}

.boxcontact .boxcontactindex .box .box-in .contact .btn{margin-top:57px;}

.brhide{display: block;}

}

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

.boxslide,.boxslide ul .img-bxslider{height:180px;}

.boxprodudthost .header{margin-top:10px;}

.boxprodudthost .box-product .item {width: 46%;margin: 0 2% 23px;}

.btn-all {width: 140px;height: 34px;}

.btn-all span{font-size:17px;}

.box-about .detail {margin: 9px 5px 0 0;font-size: 30px;width: 331px;line-height: 51px;}

.box-about .detail .div1 {font-size: 24px;}

.box-about .detail .text {margin: 15px 25px 0 0;}

.box-about {height: 255px;min-height: 255px;}

.box-about .img-about {width: 168px;}

.box-project .box-left .btn {top: 62px;}

.boxcontact .boxcontactindex .box .box-in .addclick {font-size: 14px;line-height: 28px;}

#page-product-data3 .videoproduct{height:300px;}

.box-cer1 .text{font-size: 30px;line-height: 45px;}

.box-cer1 .text span{font-size:25px;}

.boxaboutadd .box1 {padding: 14px 2%;width: 94%;min-width:auto;}

.boxaboutadd .box1 .box {float: left;width: 100%;color: rgb(6,92,89);font-family: Tahoma, Geneva, sans-serif;font-size: 14px;line-height: 18px;margin-bottom: 15px;}

.boxaboutadd .box2{font-size:14px;}

.box-cer1eng .text{max-width: 395px;line-height:30px;}

.box-cer1eng .text span {font-size: 20px;}

}

@media all and (max-width: 510px) {

.boxmenucsr .box{width:100%;}

.boxheadcsr {height: 63px;line-height: 67px;font-size: 24px;}

.boxmenucsr .box .head {height: 48px;line-height: 48px;font-size: 21px;}

.boxmenucsr .box .text{font-size:21px;}

.boxmenucsr .box .arrow{width:45px;}

.boxcsrnewfull{display:none;}

.boxcsrnewmo{display:block;}

.boxcsrnew .box:first-child {margin-left: 0;margin-right: 1%;}

.boxcsrnew .box{width:49.5%;}

.boxcsrnew .box .name {font-size: 13px;line-height: 17px;}

#boxcsrnewdetail{padding:15px 0 10px;}

#boxcsrnewdetail .box .boxdetail .name{font-size:14px;}

#boxcsrnewdetail .box .boxdetail .date{font-size:12px;margin-top:4px;}

#boxcsrnewdetail .box .boxdetail .detail {font-size: 13px;margin-top: 4px;line-height: 18px;}

}

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

.box-cer2 .box-img .imgl {margin-top: 9%;width: 58%;}

.box-cer2 .box-img .imgr{width:33%;}

.box-cer2 .box-img {padding: 20px 0;}

.box-cer2 .box-detail {font-size: 13px;margin-bottom: 28px;line-height: 23px;}

.box-cer3 .item .text {margin: 15px 0;display:none;}

.box-cer3 .item .name {line-height: 30px;margin: 22px 0 16px;font-size: 21px;}

.box-cer3 .boxsldercer3{white-space:normal;}

.box-cer3 .item .img-cer {margin-bottom: 20px;}

.box-cer3 .arrowl2{display:none;}

.box-cer3 .arrowr2{display:none;}

.box-cer3 .item {margin-left: 0px;}

.boxslide2 .box-right .content-right .box-detail .detail2 .text img{margin-top: 3px;}

#box-cer1 .text {font-size: 17px;}

#box-cer1 .text span {font-size: 13px;}

.box-cer1thai .text {max-width: 300px;}

}



@media all and (max-width: 460px) {

.boxslide,.boxslide ul .img-bxslider{height:180px;}

#footer .box1 .box-bg .boxadd .logo {float: none;margin: 0 auto 0;display: block;}

#footer .box1 .box-bg .boxmenu {width: 98%;margin: 13px 0 0 2%;}

#footer .box1 .box-bg .boxmenu .item {text-align: center;}

#footer .box1 .box-bg .boxadd .detail{text-align:center;}

#footer .box1 .box-bg .box-icon .icon{position:relative;}

.box-cer1 .text{font-size: 24px;line-height: 34px;}

.box-cer1 .text span{font-size:19px;}

.box-cer1 .text .box-img img {margin-right: 20px;width: 70px;}

.box-cer1 .text .box-img{margin-top:10px;}

.box-cer1about .text{    max-width: 275px;}

.boxaboutadd2 .item {width: 130px;float: none;display: block;margin: 0 auto 15px;position:relative;}

.boxaboutadd2{padding-bottom:25px;}

#certipage .text{max-width: 300px;}

}

@media all and (max-width: 440px) {

.box-left-productlist .list{width: 46%;}

.box-right-productlist {width: 100%;}

.box-right-productlist .list {width: 44%;margin:0 3% 15px 3%;}

.box-right-productlist .list .boximg {height: 155px;}

.box-right-productlist .list .name{font-size:13px;margin-top:7px;}

.boxheadproductlist{font-size:13px;}

.boxheadproductlist .box-left {float: left;width: 100%;text-align: center;margin-bottom: 9px;}

.boxheadproductlist .box-right {float: left;width: 100%;text-align: center;}

.page-product-box-left{width:100%;}

.page-product-box-left .box-select-img .box-select-in{width: 263px;}

.page-product-box-left .box-select-img .arrowl{left:15px;}

.page-product-box-left .box-select-img .arrowr{right:15px;}

.page-product-box-left .box-img { height: 320px;}

.page-product .product-name{font-size:23px;}

.page-product .product-detail{font-size:14px;}

.box-btn-menu-product .btn {padding-left:9px;padding-right:9px;font-size: 16px;line-height:18px;}

.page-news .box-high .box-img{height:240px;}

.page-news .box-new-all .item .box-img {float: none;display: block;margin: auto;margin-bottom: 10px;width:179px;}

.page-news .box-new-all .item .name{margin-left:0;width:100%;}

.page-news .box-new-all .item .detail{margin-left:0;width:100%;}

.datenews{margin-left: 0;}

}

@media all and (max-width: 380px) {

.box-about .detail{width:98%;}

.box-project .box-left .btn{position: relative;top: 0;left: 0;float: left;margin-top: 11px;}

.box-project .box-left .img-logo{float: none;display: block;margin: 20px auto 0;}

.box-project .box-left .text-eng {text-align: center;float:none;margin-top:20px;}

.box-project .box-left .text-th{text-align:center;float:none;margin-top:5px;}

.box-project .box-left .btn{float:none;margin-bottom:15px;}

}

@media all and (max-width: 370px) {

.box-cer1 .text {font-size: 18px;line-height: 25px;}

.box-cer1 .text span {font-size: 16px;}

.box-cer3 .item .boxbtn {overflow: hidden;}

.box-cer3 .item .btn1 {margin: 0 auto 15px;float: none;}

.box-cer3 .item .btn2 {margin: 0 auto 0;float: none;}

.box-cer3 .item .boxbtn{width:100%;}

.box-cer1about .text{    max-width: 200px;}

#widthfull{display:none;}

#width870{display:none;}

#width730{display:none;}

#width620{display:none;}

#width350{display:block;}

body .contentgallery {width: 258px;}

.boxlistgallery .item {width: 74px;height: 75px;margin: 1px;}

#certipage .text {max-width: 260px;}

}

@media all and (max-width: 350px) {

.boxslide,.boxslide ul .img-bxslider{height:140px;}

.boxprodudthost .box-product .item .box-img {height: 135px;}

.boxprodudthost .box-product .item{font-size:13px;}

.box-about .img-about {display:none;}

.boxprodudthost .box-update .item-update .box-img-update {height: 165px;}

.boxprodudthost .box-update .item-update {width: 90%;}

.boxcontact .boxcontactindex .box .box-in .addclick .spanmar {width: 75px;}

#footer .box1 .box-bg .box-icon .icon {margin-left: 4px;margin-right: 4px;}

.page-product-box-left .box-select-img .box-select-in {width: 174px;}

.page-product-box-left .box-img {height: 250px;}

}

@media all and (max-width: 300px) {

#page-product-data2 .box-data2 .box-detail .btn {width: 118px;}

}

@media (min-width: 1200px){

.container {max-width: 960px;}




}