@import "../css/font.css";
html, body, div{ margin:0; padding:0; }
body{ 
 font-family: 'thaisans_neueregular', Tahoma, Arial; font-size:20px; line-height:24px; color:#000000; background:#ffffff;  } 


img{ border:none; max-width:100%; outline:0; vertical-align:middle;  }
:focus { outline:0; }
a:active { outline:none; }
.word-wrap { word-wrap: break-word; } 
.clear{ clear:both; }
.clearvdo{ clear:both; }
.box{ display:block; position:relative; }
.boxleft, .left{ float:left; }
.boxright, .right{ float:right; }

.txt-center{ text-align:center; }
.txt-left{ text-align:left; }
.txt-right{ text-align:right; }

.table{ display:table; width:100%; margin:0; padding:0; position:relative; }
.table-row{ display:table-row; }
.table-cell{ display:table-cell; }

a:link{ text-decoration:none; color:#333333; }
a:visited{ text-decoration:none; color:#333333; }
a:hover{ text-decoration:none; color:#333333; }

#content{ display:block; position:relative; width:100%;  background:#ffffff;  }
.content{ display:block; position:relative; padding:0; }
.bxcontent{ display:block; position:relative; width:94%; margin:0 auto; }

#bxheader{ 
 display:block; position:fixed; height:110px; width:100%; z-index:999; background:#fff; border-bottom:#eee solid 1px;    }
.bxheader{ display:block; position:relative; width:94%; margin:0 auto; height:100%; } 
.headerbx{ display:table; position:relative; width:100%; height:100%;  }
.headerbx > .bxlogo{ display:table-cell; position:relative; width:220px; vertical-align:middle; }
.headerbx > .bxlogo > .logobx{ display:block; position:relative; }
.headerbx > .bxmenu{ display:table-cell; position:relative; vertical-align:middle; text-align:right; }
.headerbx > .bxmenu > .menubx{ display:block; position:relative;  padding-bottom:10x; }
.headerbx > .bxmenu > .menubx.mobile{ display:none; }
.menubx > .menubxtop{ display:block; position:relative; padding:0 0 16px; }
.menubx > .menubxbtm{ display:block; position:relative; }
.menubx > .menubxbtm a{ color:#000000; transition:ease 0.5s; }
.menubx > .menubxbtm a.activ,
.menubx > .menubxbtm a.mactiv,
.menubx > .menubxbtm a:hover{ color:#f15922; }
.menubx > .menubxbtm > span{ margin:0 20px; }

.bxsubnav{ 
 display:block; position:fixed; background:rgba(255,255,255,0.8); z-index:65; 
 top:110px; width:100%; border-bottom:#cccccc solid 1px;  }
.subnavbx{ display:block; position:relative; padding:26px 0; width:94%; margin:0 auto;  }
.subnavbx > ul{ padding:0; margin:0; list-style:none; }
.subnavbx > ul > li{ display:block; position:relative; width:25%; float:left; padding:0 0 16px; }
.subnavbx > ul > li a{ color:#000000; transition:ease 0.5s; }
.subnavbx > ul > li a.mactiv,
.subnavbx > ul > li a:hover{ color:#f15922; }
#navproduct{ display:none;  }  

 
/*
#samplenav{ display:inline-block; position:relative; padding:0; margin:0; } 
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { text-decoration:none; outline:none;}
.dropdown a:hover{ color:#ffffff;}
.dropdown dt a:hover { color:#ffffff; }
.dropdown dt a{ display:block; position:relative; background:url(../img/icon-sel.png) 98% no-repeat;  }
.dropdown dt a span {cursor:pointer; display:block; padding:0 14px;}
.dropdown dd ul { padding:0; margin:0; display:none; left:0px; position:absolute; top:0; width:100%; list-style:none;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { display:block; position:relative; padding:10px 14px;  }
.dropdown dd ul li a.last{ border-bottom:none; }
.dropdown dd ul li a.activ,
.dropdown dd ul li a:hover {  }   */
.bxlang{ display:inline-block; position:relative; margin-right:10px; }
.bxlang > span{ margin:0 6px; }
.bxlang > a{ opacity:0.3; transition:ease 0.5s;  }
.bxlang > a:hover{ opacity:1; }
.bxsearch{ display:inline-block; position:relative; vertical-align:middle;   }

#bxnavmobile{ display:none; }

#searchform{ display:block; position:relative; padding:0; margin:0; font-family:inherit; font-size:inherit; color:inherit; vertical-align:middle;   } 
#searchform > .bxframe{ display:block; position:relative; width:240px;   }
#searchform > .bxframe > .bxframe-tb{ display:table; position:relative; width:100%; }
#searchform > .bxframe > .bxframe-tb > .textbx{ display:table-cell; position:relative; vertical-align:top; text-align:center;   }
#searchform > .bxframe > .bxframe-tb > .btnbx{ display:table-cell; position:relative; vertical-align:top; width:60px;  }
#searchform input[type=text]{ 
  display:block; position:relative; width:172px; height:26px; border:#636364 solid 1px; font-family:inherit; font-size:18px; color:inherit; font-weight:inherit; padding:0 0 0 24px; margin:0; background:url(../img/icon-search.png) 4px  no-repeat;  }
#searchform input[type=submit]{ 
  display:block; position:relative; width:56px; height:26px; border:none; background:#f15922; 
  font-family:inherit; font-size:inherit; color:#fff; font-weight:inherit; cursor:pointer; 
  transition:ease 0.5s; text-align:center;  }
#searchform input[type=submit]:hover{ opacity:0.6; }
#searchform input::-webkit-input-placeholder{ color: #666666; }
#searchform input:-moz-placeholder{ color: #666666; }
#searchform input::-moz-placeholder{ color: #666666; }
#searchform input:-ms-input-placeholder{ color: #666666; }

#searchform input:focus{  border:#f15922 solid 1px; }  
#searchform input:focus::-webkit-input-placeholder{ color: #666666; }
#searchform input:focus:-moz-placeholder{ color: #666666; }
#searchform input:focus::-moz-placeholder{ color: #666666; }
#searchform input:focus:-ms-input-placeholder{ color: #666666; }


#bxinner{ display:block; position:relative; margin-bottom:20px; padding-top:110px; }

#bxslide{ display:block; position:relative; margin-bottom:20px;  }
.bxslider{ display:block; position:relative;  }
.bxslider img{ width:100%; }

#bxhomenews{ display:block; position:relative; margin-bottom:10px; width:94%; margin:0 auto;  }
.bxhomenews-bxh{ display:block; position:relative; width:330px; background:#f37034; color:#ffffff; font-size:32px; text-align:center; padding:10px 0; }
.bxhomenews{ display:block; position:relative; background:#f37034; padding:24px 24px 16px; } 
.bxhomenews-btn{ display:block; position:relative; text-align:right; font-size:23px;  }
.bxhomenews-btn a{ color:#414043; transition:ease 0.5s;  }
.bxhomenews-btn span{ vertical-align:middle; }
.bxhomenews-btn img{ margin-left:6px; vertical-align:middle;   }
.bxhomenews-btn a:hover{ opacity:0.6; }

.homenewsbx{ display:block; position:relative; width:100%;  }
.homenewsbx > .left{ display:block; position:relative; width:49%; float:left; }
.homenewsbx > .right{ display:block; position:relative; width:49%; float:right; }
.newsbx{ display:block; position:relative; padding:0 0 42px; }
.newsbximg{ display:block; position:relative; background:#bdb7b3; }
.newsbxname{ font-size:24px; line-height:24px; padding:10px 0 16px; color:#ffffff; }
.newsbxlink{ display:block; position:relative; font-size:18px; }
.newsbxlink img{ margin-right:6px; }
.newsbxlink a{ color:#ffffff; transition:ease 0.5s; text-decoration:underline; }
.newsbxlink a:hover{ opacity:0.6; }
.newsbxde{ display:block; position:relative; padding:6px 0 26px; }
.newsbxde ol, .newsbxde ul{ padding:0 0 0 18px; margin:0; }

.newsbximg-iframe {
 display:block; position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.newsbximg-iframe iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }

#bxhomeenews{ 
 display:block; position:relative; margin-bottom:10px; width:94%; margin:20px auto 0; text-align:center; padding:39px 0; background:#bcbdc0; color:#ffffff;  }
.enewsbx{ display:inline-block; position:relative;  }
.enewsbx > b{ font-size:24px; font-weight:normal;  }
#enewsform{ display:block; position:relative; padding:0; margin:6px 0 0; width:310px; font-family:inherit; font-size:inherit; color:inherit;   } 
#enewsform > .bxframe{ display:block; position:relative; border:#ffffff solid 1px; width:100%;   }
#enewsform > .bxframe > .bxframe-tb{ display:table; position:relative; width:100%;  height:41px;   }
#enewsform > .bxframe > .bxframe-tb > .icon{ display:table-cell; position:relative; vertical-align:top; text-align:center; width:52px; }
#enewsform > .bxframe > .bxframe-tb > .icon > div{ padding:9px 0 0; }
#enewsform > .bxframe > .bxframe-tb > .textbx{ display:table-cell; position:relative; vertical-align:top; text-align:center;   }
#enewsform > .bxframe > .bxframe-tb > .btnbx{ display:table-cell; position:relative; vertical-align:top; width:97px;  }
#enewsform input[type=text]{ display:block; position:relative; width:159px; height:41px; border:none; font-family:inherit; font-size:18px; color:inherit; font-weight:inherit; padding:0 3px; margin:0; background:none;  }
#enewsform label.error{ margin-left: 0px; color:#ff0000; font-size:16px; line-height:16px; font-style:italic; }
#enewsform input.error{  }
#enewsform input[type=submit]{ 
 display:block; position:relative; width:97px; height:41px; border:none; background:#ffffff; font-family:inherit; 
 font-size:inherit; color:#000000; font-weight:bold; font-weight:inherit; cursor:pointer; transition:ease 0.5s;    }
#enewsform input[type=submit]:hover{ background:#f37034; color:#ffffff; }


#bxfooter{ display:block; position:relative; background:#939598; padding:24px; color:#ffffff;   }
.bxfooter{ display:block; position:relative; width:94%;  margin:0 auto; }
.bxfooter > .l{ display:block; position:relative; width:50%; float:left; }
.bxfooter > .r{ display:block; position:relative; width:50%; float:right; text-align:right; }
.footerbxlink{ display:block; position:relative; width:100%; }
.footerbxlink ul{ padding:0; margin:0; list-style:none; }
.footerbxlink ul li{ width:50%; float:left; padding:0 0 10px; } 
.footerbxlink a{ color:#ffffff; transition: ease 0.5s; }
.footerbxlink a:hover{ opacity:0.6; } 
.footerbx{ display:block; position:relative; }
.footerbx > .txt1{ display:block; position:relative; font-family:"Arial Black", Arial; font-size:25px; line-height:26px; font-weight:bold;  }
.footerbx > .txt2{ display:block; position:relative; font-size:18px; padding-bottom:26px; }
.footerbx > .txt3{ display:block; position:relative; font-family:"Arial Black", Arial; font-size:18px; line-height:20px; font-weight:bold;  }
.footerbx > .txt4{ display:block; position:relative; background:#036; text-align:right;  }


 


.bxfootercopy{ display:block; position:relative; color:#ffffff; background:#6d6e71; padding:20px 24px; font-size:16px; }

.bxbc{ display:block; position:relative; border-bottom:#eee solid 1px; padding:13px 0 13px;  }
.bxbc span{ color:#f15922; }
.bxbc img{ vertical-align:baseline; margin:0 6px; }

.bxproduct{ display:block; position:relative; padding:0 0 39px; min-height:420px; }
.productbx{ display:table; position:relative; width:100%; padding:20px 0; color:#231f20;  }
.productbx.bxss{ padding:10px 0; }
.productbx > .l{ display:table-cell; position:relative; width:30%; vertical-align:top;  }
.productbx > .r{ display:table-cell; position:relative; width:70%; vertical-align:top; border-bottom:#595657 solid 1px; }

.productbx > .l > .bximg{ display:block; position:relative; width:92%; margin:0 auto; text-align:center; }
.productbx > .r > .bx{ display:block; position:relative; }
.probxh{ display:table; position:relative; width:100%; }
.probxh > .c1{ display:table-cell; position:relative; width:50%; vertical-align:middle; }
.probxh > .c2{ display:table-cell; position:relative; width:50%; vertical-align:middle; }
.probxh > .c1 > .bx{ display:block; position:relative; padding:3px 12px; text-transform:uppercase; font-weight:bold;  }
.probxh > .c2 > .bx{ display:block; position:relative; padding:0 12px; font-size:18px; line-height:16px; font-weight:bold;  }

.probx{ display:table; position:relative; width:100%; padding:0 0 39px; }
.productbx.bxss .probx{ padding:0 0 10px; }
.probx > .c1{ display:table-cell; position:relative; width:50%; vertical-align:top; }
.probx > .c2{ display:table-cell; position:relative; width:50%; vertical-align:top; }
.probx > .c1 > .bx{ display:block; position:relative; padding:10px 12px; width:90%; }
.probx > .c2 > .bx{ display:block; position:relative; padding:10px 12px; }
.probx ol,
.probx ul{ padding:0 0 0 15px; margin:0; }
.probx a:hover{ text-decoration:underline;  }

.probxcatname{ display:block; position:relative; font-weight:bold; padding:0 0 0; color:#666666; }

.bxgg{ display:block; position:relative; width:100%; height:420px; overflow:hidden;   }
.bxgg iframe{ width:100%; height:420px; }
.bxcontacttxt{ display:block; position:relative; padding:60px 0; text-align:center;  }
.bxcontacttxt > .txth{ display:block; position:relative; padding:0 0 13px; font-weight:bold; font-size:24px; }

.bxabouttxt{ display:block; position:relative; padding:39px 0 52px; text-align:left; min-height:320px;  }
.bxabouttxt ul,  .bxabouttxt ol{ padding:0 0 0 18px; margin:0; }
.bxaboutimg{ display:block; position:relative; padding:0 0 26px; }
.bxaboutimg img{ width:100%; max-width:100%; }

.bxcatalog{ display:block; position:relative;  padding:39px 0 52px; min-height:320px;  }
 
a.catalogbx{ 
  display:block; position:relative; width:23.5%; float:left; border:#e9e9e9 solid 1px; 
  transition:ease 0.5s; margin-bottom:20px; margin-right:2%; }
a.catalogbx > .bx{ display:block; position:relative; padding:16px; }
a.catalogbx > .bx > .bximg{ display:block; position:relative; padding-bottom:13px; }
a.catalogbx > .bx > .bximg img{ width:100%; }
a.catalogbx > .bx > .bxtxt{ display:block; position:relative; font-size:22px; }
a.catalogbx > .bx > .bxtxt img{ margin-right:8px; vertical-align:baseline;  }
a.catalogbx:hover{ background:#e9e9e9; } 

.catalogbx{ display:block; position:relative; width:23.5%; float:left;  margin-bottom:26px; margin-right:2%;  }
.catalogbx > .bximg{ display:block; position:relative; padding-bottom:13px; }
.catalogbx > .bximg img{ width:100%; }
.catalogbx > .bxtxt{ display:block; position:relative; font-size:22px;  }



.bxpage{ display:block; position:relative; width:100%; text-align:center; padding:39px 0;  }
.bxpage img{ vertical-align:bottom;  }
.bxpage > span.iprev,
.bxpage > span.inext{ display:inline-block; position:relative; opacity:0.3; margin:0 3px; height:24px; width:20px;  }
.bxpage > a.iprev,
.bxpage > a.inext{ display:inline-block; position:relative; margin:0 3px; height:24px; width:20px; } 
.inumber{ 
 display:inline-block; position:relative; width:24px; height:24px; background:rgba(243,112,52,0.6); 
 border-radius:50%; margin:0 3px 0; transition:ease 0.5s;  font-size:14px; line-height:14px;  }
.inumber > span{ display:table-cell; position:relative; width:24px; height:24px; text-align:center; vertical-align:middle;  color:#fff;  }
.inumber.sel{ background:#f37034; }
.inumber:hover{ background:#f37034; }


.mrnone{ margin-right:0px !important; } 
#btntop{ display:block; position:relative; width:42px; height:42px; background:url(../img/top.png) no-repeat; }
.iconmsg{ display:block; position:fixed; z-index:888; right:16px; bottom:62px;   }