/*-----------------------------------------------------------------------------------*/
/*	RESET
/*-----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:101%;
	vertical-align:baseline;
	background:transparent
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus {
	outline:0
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
	line-height:0;
}
th, td {
	margin:0;
	padding:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
br {
	line-height: 10px;
}
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
 border : 0px;
}
input[type="submit"]:focus, input[type="button"]:focus {
	outline : none;
}

::selection {
	background: #fefac7; /* Safari */
	color: #555555;
}
::-moz-selection {
	background: #fefac7; /* Firefox */
	color: #555555;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
input, textarea {
  -webkit-appearance: none;
  border-radius: 0;
}
input[type="checkbox"]{
    -webkit-appearance: checkbox;
    width:10px;
}

input[type="radio"]{
    -webkit-appearance: radio;
    box-sizing: border-box;
    width:10px;
}
/* ------------------------------ */
/*Geeral*/
/* ------------------------------ */
@font-face {
    font-family: 'Sarabun';
    src: url('fonts/thsarabunnew.eot');
    src: url('fonts/thsarabunnew.eot') format('embedded-opentype'),
         url('fonts/thsarabunnew.woff') format('woff'),
         url('fonts/thsarabunnew.ttf') format('truetype'),
         url('fonts/thsarabunnew.svg#THSarabunNewRegular') format('svg');
}
body {
    background: #FFF;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
	font-family: Sarabun,Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #333;
	
 }
.wrapper {
	width:100%;
	height:auto;
}
.main {
	width: 980px;
	height:100% auto;
	margin:0 auto;
}
header {
	widht:100%;
	display: block;
	margin-top:30px;
}
.logo {
	float:left;
}
nav {
	float:right;
	width:661px;
    padding-left:15px;
	padding-top:24px;
}
h1 {
	font-size:35px;
}
h2 {
	font-size:28px;
	color:#bf1e2e;
}
h3 {
	font-size:24px;
}
h4 {
	font-size:20px;
	
}
h5 {
	font-size:18px;
	
}
h6 {
	font-size:20px;
}
h1,h2,h3,h4,h5,h6 {
	line-height:20px;
}
p {
	/*font-size:20px;*/
	font-weight:500;
}
h6 {font-weight:300;}
.bold {font-weight:bold;}
/*-----------------------------------------------------------------------------------*/
/*	TAB MENU
/*-----------------------------------------------------------------------------------*/

.tabmenu{
	width:100%;
	height:auto;
	

}
.tabmenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}
.tabmenu ul li{
display: inline;
margin: 0;
}
li#tabmenu1 a, li#tabmenu2 a, li#tabmenu3 a, li#tabmenu4 a, li#tabmenu5 a, li#tabmenu6 a, li#tabmenu1 a:hover, li#tabmenu2 a:hover, li#tabmenu3 a:hover, li#tabmenu4 a:hover, li#tabmenu5 a:hover, li#tabmenu6 a:hover, li#tabmenu1.selected a, li#tabmenu2.selected a, li#tabmenu3.selected a, li#tabmenu4.selected a, li#tabmenu4.selected a, li#tabmenu5.selected a, li#tabmenu5.selected a {
padding-right: 7px; 
display: block;
float: left;
margin-left: -5px; 
height:40px;
width:110px;
text-indent:-9000px;
}

li#tabmenu1 a {background:url(images/btn-home2.png) 100%  no-repeat; }
li#tabmenu2 a {background:url(images/btn-aboutus2.png) 100%  no-repeat;}
li#tabmenu3 a {background:url(images/btn-products2.png) 100%  no-repeat; }
li#tabmenu4 a {background:url(images/btn-profile2.png) 100%  no-repeat;}
li#tabmenu5 a {background:url(images/btn-award2.png) 100%  no-repeat;}
li#tabmenu6 a {background:url(images/btn-contact2.png) 100%  no-repeat;}

li#tabmenu1 a:hover {background:url(images/btn-home.png) 100%  no-repeat;}
li#tabmenu2 a:hover {background:url(images/btn-aboutus.png) 100%  no-repeat;}
li#tabmenu3 a:hover {background:url(images/btn-products.png) 100%  no-repeat; }
li#tabmenu4 a:hover {background:url(images/btn-profile.png) 100%  no-repeat;}
li#tabmenu5 a:hover {background:url(images/btn-award.png) 100%  no-repeat;}
li#tabmenu6 a:hover {background:url(images/btn-contact.png) 100%  no-repeat;}

li#tabmenu1.selected a {background:url(images/btn-home.png) 100%  no-repeat;}
li#tabmenu2.selected a {background:url(images/btn-aboutus.png) 100%  no-repeat;}
li#tabmenu3.selected a {background:url(images/btn-products.png) 100%  no-repeat; }
li#tabmenu4.selected a {background:url(images/btn-profile.png) 100%  no-repeat;}
li#tabmenu5.selected a {background:url(images/btn-award.png) 100%  no-repeat;}
li#tabmenu6.selected a {background:url(images/btn-contact.png) 100%  no-repeat;}

/*-----------------------------------------------------------------------------------*/
/*	content
/*-----------------------------------------------------------------------------------*/
.content {
	width:100%;
	padding:20px 10px;
	margin-top: 30px;
	height:100% auto;
}
#title-home {
	float:left;
}
.top-company-btn {
	float:right;
	width: 189px;
	height:36px;
}
hr {
    border: none;
    border-bottom: 2px solid #bfbfbf;
	width:100%;
}
#aboutus {
	margin-top:30px;
}
.inner-aboutus {
	width:100%;
	padding:0;
	margin:0;
}
.inner-aboutus ul {
	display:block;
}
.inner-aboutus ul li {
	float:left;
	widht:311px;
	height:219px;
	padding-left: 7px;
	list-style-type:none;
	display:block;
}
.inner-aboutus ul li p {
	border:1px #cbcbcd solid;	
	width:311px;
	height: auto;
	background-color:#f3f3f5;
	padding:10px 10px;
	list-style:none;
	float:left;
	word-wrap:!important;
	
}
a.green{
	text-decoration:underline;
	color:#12a89d;
	
}
a.yellow {
	text-decoration:underline;
	color:#F5CD20;
	
}
a.red {
	text-decoration:underline;
	color:#BF1E2D;
	
}
a.green:hover {color:#12a89d;}
a.yellow:hover {color:#f5cd20;}
a.red:hover {color:#bf1e2d;}

/*-----------------------------------------------------------------------------------*/
/*	profile
/*-----------------------------------------------------------------------------------*/

.titleh2 {
	float:left; 
	/*margin-top:30px;*/
}
.profile-title-home {float:left; margin-top:80px;}
.box-inner {
	/*margin-top:30px; */
	float:left;
}
.box-inner ul {
	display:block;
}
.box-inner ul li {
	float:left;
	list-style-type:none;
	padding:5px;
	text-align:center;
}
.box-inner ul li p, .box-inner-col6 p {
	/*font-size:14px;*/
	font-weight:400;
	text-align:center;
	width:150px;
	word-wrap:!important;
	word-break:normal;
}
.btnmore {
	float:right;
	margin:10px 0 10px 0;
}
.box-inner-col3 {
	width:830px;
	margin:0 auto;
}
.box-inner-col3 ul {
	display:block;
}
.box-inner-col3 ul li {
	float:left;
	text-align:center;
	width:250px;
	height:250px;
	padding:13px 13px;
	margin-left:20px;

}

.box-inner-col4 {
	width:780px;
	margin:0 auto;

}
.box-inner-col5 {
	width:890px;
	margin:0 auto;

}
.box-inner-col5 ul {
	display:block;

}
.box-inner-col5 ul li {
	float:left;
	text-align:center;
	width:152px;
	height:200px;
	margin:13px 13px;

}

/*-----------------------------------------------------------------------------------*/
/*	Footer
/*-----------------------------------------------------------------------------------*/
footer {
	width:100%;
	background-color:#bdbec0;
	height:620px;
}
#titleadd {
	padding-top:30px;
	text-align:center;
}
.address {
	padding:0;
	width:960px;
	margin:0 auto;
	/*height:470px;
	padding-left:35px;*/
}
.address ul {
	display:block;
	width:100%;
	
}
.address ul li#f1, .address ul li#f2, .address ul li#f3 {
	float:left;
	list-style-type:none;
	border-right:1px #5f5f61 solid;
	/*padding-right:20px;*/
	padding-left:8px;
	word-wrap:!important;
	color:#222;
	font-weight:400;
	width:320px;
    height:480px;
	
	
}
.address ul li#f3 {border:none;}
#f1 h3,#f2 h3,#f3 h3{
	font-size:130%;
	line-height:30px;
}
/*-----------------------------------------------------------------------------------*/
/*	PHOTO SLIDE
/*-----------------------------------------------------------------------------------*/
#photoslider_container, #photoslider2_container, #photoslider3_container, #photoslider4_container, #photoslider5_container {
	margin:0 auto;
	position: relative; 
	overflow: hidden;
	
}
.jssort01 {
     position: absolute;
      width: 787px;
      height: 150px;
	  
 }

.jssort01 .p {
       position: absolute;
        top: 0;
        left: 0;
        width: 150px;
        height: 75px;
}

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

 .jssort01 .w {
           position: absolute;
            top: 0px;
           left: 0px;
           width: 100%;
            height: 100%;
}

.jssort01 .c {
            position: absolute;
            top: 0px;
             left: 0px;
             width: 150px;
             height: 75px;
             border: none;
             box-sizing: content-box;
             _background: none;
}

.jssort01 .pav .c {
            top: 2px;
           _top: 0px;
            left: 0;
            _left: 0px;
             width: 150px;
             height: 75px;
            background-position: 50% 50%;
 }

 .jssort01 .p:hover .c {
               top: 0px;
               left: 0px;
               width: 150px;
               height: 75px;
               background-position: 50% 50%;
 }

 .jssort01 .p.pdn .c {
         background-position: 50% 50%;
          width: 150px;
          height: 75px;
          border: none;
}

* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
         /* ie quirks mode adjust */
        width: 150px;
        height: 75px;
 }
    /* award------------------------------------------------------------------- */
 .jssort03 {
     position: absolute;
      width: 800px;
       height: 100px;
 }

.jssort03 .p {
       position: absolute;
        top: 0;
        left: 0;
        width: 72px;
        height: 72px;
		border:#666 1px solid;
}

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

 .jssort03 .w {
           position: absolute;
            top: 0px;
           left: 0px;
           width: 100%;
            height: 100%;
}

.jssort03 .c {
            position: absolute;
              top: 0px;
              left: 0px;
            width: 72px;
             height: 72px;             
             _background: none;
}

.jssort03 .pav .c {
            top: 2px;
           _top: 0px;
            left: 2px;
            _left: 0px;
             width: 72px;
             height: 72px;
              border: none;
               _border: #666 1px solid;
             background-position: 50% 50%;
 }

 .jssort03 .p:hover .c {
               top: 0px;
              left: 0px;
              width: 72px;
              height: 72px;
                border: #fff 1px solid;
               background-position: 50% 50%;
			   cursor:pointer;
 }

 .jssort03.p.pdn .c {
         background-position: 50% 50%;
           width: 72px;
           height: 72px; 
          border: none;
}

* html .jssort03 .c, * html .jssort03 .pdn .c, * html .jssort03 .pav .c {
         /* ie quirks mode adjust */
            width: 72px;
           height: 72px;
 }
 
/* Tab Content Profile */

.etabs { 
    margin: 0 auto;
    padding: 0;
	width:980px;
	
    
 }
.tab { 
   display: inline-block; 
   zoom:1; *display:inline; 
   _border:1px solid #0F0;

}
.tab a {
	 /*font-size: 16px; */
	 color: #333;
	 display: block; 
	 text-decoration:none;	 
	 padding-top: 12px;
	 height:45px;
     /* width:110px; */
     width:103px;
	 font-weight:600;
	 text-align:center;
	padding-right:12px;
	font-size:130%;
 }
.tab a:hover { 
      text-decoration:none;
	  color: #ff2400;
}
.tab a.active { 
     color:#ff2400;
	 position: relative;	     
     background:url(images/tab-bg.png) 100% 1px no-repeat;
	
}

.tab-container .panel-container {
	  border-top:2px #bfbfbf solid;
	  padding:30px 20px;
	  margin:0;
	  z-index: 1;
	 

}
.panel-container {
	margin-bottom: 10px;
 }
 .address-table table, td, th {
    vertical-align:top;
}