/* CSS Document */

a{ font: 12px Tahoma; color:#0087cb; text-decoration:underline;}
a:hover{ color:#0371a9; text-decoration:underline;}


BODY { margin:0px; padding:0px;
	  font:12px Tahoma, MS Sans Serif;
	   background:#ffffff;
	  background:url(images/bg_page.gif) repeat-x; 
	  }


img { border : 0; padding:0; margin:0; }
input, select, textarea { vertical-align : middle; font:12px Tahoma; color: #000000; border: solid 1px #c6c6c6; background:#FFFFFF;  }

input.noborder{ border:none; }
label{ padding-right: 10px;}
form { 	margin:0; padding:0;}
p{font: 12px Tahoma; color:#27333c; margin:0 0 10px 0;}

.clear-all{ clear:both; height:1px; line-height:0; font-size:1px; margin:0;}  /* ใช้ปิด float  <div class="clear-all"></div> */

#main_layout{
	margin:0 auto;
	width:995px;	
	/*	height:auto !important; 
	/*height:100%;*/  /* IE6: treaded as min-height  ใช้กับ pageที่สูงเกิน 1หน้าจอ แล้ว text ที่เกินจะหาย*/
	/*min-height:100%;  real browsers */
	overflow:hidden;  /* ทำให้ LeftCol และ RightCol ไม่ยาวเกิน Main_layout */
}

td.left_home {
	margin:0; padding:10px 6px 0 16px;
	width:230px;
	vertical-align:top;
	background:url(images/left_bg_home.gif) no-repeat; 
}
td.left_column {
	margin:0; padding:26px 0 0 50px;
	width:202px;
	vertical-align:top;
	background:url(images/left_bg.gif) no-repeat; 
}
td.column_line_home {
	margin:0; padding:0;
	width:6px;
	background:url(images/left_line_home.gif) no-repeat; 
	height:333px;	
}
td.column_line {
	margin:0; padding:0;
	width:6px;
	background:url(images/left_line.gif) no-repeat; 
	height:442px;	
}
td.right_column{
	margin:0; 
	width:710px;
	padding-left:12px;
	padding-bottom:20px;
	vertical-align:top;
}
p.update_news img{
	border:solid 5px  #9dddf5;
}

.seemore a{ font:  bold 11px  Tahoma; color:#ff6c00; text-decoration:none;}
.seemore a:hover{ font: bold  11px  Tahoma; color:#ff9600; text-decoration:none;}

.footer{
	margin:0 auto;
	padding:0;
	height:85px;
	background:#f8f8f8;
	border-top: solid 1px #c5c5c5;
}
.footer div{
	width:995px;
	height:83px;
	margin:0 auto;
}
div.footmenu{
	 font: 11px  Tahoma; color:#0498d0; 
	 width:717px;
	 height:20px;
	 background:#FFFFFF;
	 border-bottom: solid 1px #c5c5c5;
	 border-left: solid 1px #c5c5c5;
	 border-right: solid 1px #c5c5c5;
	 margin:0;
	 padding: 6px  5px 3px 12px;
}
div.footmenu a {
	font: 11px  Tahoma; color:#0498d0; text-decoration:none; 
	margin: 0 5px;
	padding:0;
}
div.footmenu a:hover {
	font: 11px  Tahoma; color:#01b9fe; text-decoration:none; 
}
div.title { margin:0; padding:0;}

div.crumbnav{ font: 11px Tahoma; color:#444444; padding:6px; margin:0 20px 16px 6px;  border: solid 1px #cdcdcd; width:669px;}
div.crumbnav a{ font: 11px Tahoma; color:#444444; text-decoration:none;}
div.crumbnav a:hover{ color:#444444; text-decoration:underline;}

div.content_left{
	float:left;
	margin:0 ;
	padding: 0 0 0 8px;
}
div.content_right{
	float:right;
	margin:0 28px 0 0; padding:0;
}
div.content{
	margin:0 28px 0 0 ;
	padding: 0 0 10px 8px;
}

.txt_orange{font: 12px Tahoma; color:#ff4200;}
.txt_blue{font: 12px Tahoma; color:#136c8e;}
.txt_darkblue{font: 12px Tahoma; color:#11016a;}
.txt_lightblue{font: 12px Tahoma; color:#0099cc;}




.leftmenu{
	padding:0;
	margin:0;
	width:207px;
}
.leftmenu ul{
	list-style-type:none;
	margin:0;
	padding:0;
	width:207px;
}
.leftmenu ul li{	
	border-bottom: solid 1px  #c7d4dd;		
}
.leftmenu ul li a{
	font:11px Tahoma; color: #103b83; text-decoration:none;
	display:block; cursor:pointer;
	background:url(images/left_menu.gif) no-repeat; 
	padding: 6px 28px 6px 6px;
}
.leftmenu ul li a:hover{
	font:11px Tahoma; color: #ffffff; text-decoration:none;
	background-color:#2d9dc7;
	background:url(images/left_menu_over.gif) no-repeat; 
}
.leftmenu ul li.current{
	font:11px Tahoma; color: #ffffff; text-decoration:none;
	background-color:#2d9dc7;
	background:url(images/left_menu_over.gif) no-repeat; 
	padding: 6px 28px 6px 6px;
}

.leftmenu ul li.sub{	
	border-bottom: none;
	background:url(images/left_submenu_line.gif) no-repeat bottom;
	border-top: solid 1px  #FFFFFF; 
	padding-bottom: 2px;	
}
.leftmenu ul li.sub a{
	font:11px Tahoma; color: #454545; text-decoration:none;
	display:block; cursor:pointer;
	background:#c2e4f0;
	padding: 3px 6px 2px 28px;
}
.leftmenu ul li.sub a:hover{
	 text-decoration:none;
	background-color:#a8c0c9;
}
.leftmenu ul li.sub_current {
	font:11px Tahoma; color: #454545;
	background:url(images/left_submenu_line.gif) no-repeat bottom;
	background-color:#a8c0c9;
	padding: 3px 6px 4px 28px;
	border-bottom: none;		
}



#popup_layout{
	margin:0 auto;
	width:600px;
	padding:0;
	/*	height:auto !important; 
	/*height:100%;*/  /* IE6: treaded as min-height  ใช้กับ pageที่สูงเกิน 1หน้าจอ แล้ว text ที่เกินจะหาย*/
	/*min-height:100%;  real browsers */
	overflow:hidden;  /* ทำให้ LeftCol และ RightCol ไม่ยาวเกิน Main_layout */
}
td.popup_content p{
	padding: 0 5px 10px 5px;
}
td.popup_content img{
	padding-bottom: 10px;
}

div.list_board{
	float:left;
	margin:0 0 8px 8px ;
	padding: 0;
	width:340px;
}
div.list_board td{
	vertical-align: bottom;
}
div.list_board ul{
	list-style-type:none;
	margin:0;
	padding:0 0 3px 17px;
	background:url(images/bullet_blue.gif) no-repeat;
}
div.list_board  li{
	padding:2px 0 2px 0;
}
div.list_board  a{
	font: bold 12px Tahoma; color: #136c8e; text-decoration:none;
}
div.list_board  a:hover{
	font: bold 12px Tahoma; color: #52b3e6; text-decoration:underline;
}
td.board_detail{
	vertical-align: top; padding: 0 0 0 5px;
}
h3{ font: bold 14px Tahoma; color:#136c8e; margin:0; padding: 0 0 0 5px;}

td.board_detail ul{ list-style:none; padding: 5px 0 0 5px; margin: 0 0 10px 0; }
td.board_detail  li{ background:url(images/bullet_blue2.gif)  no-repeat; padding: 0 0 5px 18px;}

div.officer {
	float:left;
	margin:0 0 8px 8px ;
	padding: 0;
	width:340px;
}
div.officer ul {
	list-style-type:none;
	margin:0;
	padding:0 0 0 10px;
	
}
div.officer ul li { 
	margin:0 0 20px 0;
	background:url(images/bullet_blue3.gif) no-repeat;
	padding:0 0 0 14px;
}
div.certification{
	float:left;
	margin:0 40px 20px 12px ;
	padding: 0;
	width:176px;
	overflow:hidden;
}
div.certification p.pic{
	width:144px; height: 211px;
	display:block; cursor: pointer;
	padding: 8px 26px 8px 6px;
	background:url(images/certificate_bg.gif) no-repeat;
	margin: 0;
}
div.certification p.txt{
 	width:158px;
	padding: 0 0 0 14px;
	margin-left: 4px;
	background: url(images/bullet_blue3.gif)  no-repeat;
	font: bold 12px Tahoma; color:#136c8e;
}
div.newslist{
	background: url(images/newslist_bg.gif)  no-repeat;
	width:653px; 
	padding: 15px 14px 0px 22px;
	margin: 0 0 10px 0;
}
td.newsthumb{
	background: url(images/newsthumb_bg.gif)  no-repeat;
	width:156px;
	vertical-align:top;
}
td.newsthumb img{
	margin: 2px 14px 2px 2px;
}
td.newscontent{
	vertical-align:top;
	width:486px;	
	padding-bottom: 15px;
	padding-left:10px;
	padding-right: 10px;
}
td.newscontent h4{
	font: bold 12px Tahoma; color:#136c8e;
	padding:0; margin:0;
}
p.date{
	font: 9px Tahoma; color:#136c8e;
	padding:0; margin:0 0 7px 0;
}
div.btt_newsdetail {
	position:relative;
	top:-15px;
}
div.btt_newsdetail  a{
	background: url(images/arrow.gif)  no-repeat right;
	text-align:right;
	padding-right:15px;
	font: bold 12px Tahoma; color:#136c8e; text-decoration:none;
}
div.btt_newsdetail  a:hover{
	font: bold 12px Tahoma; color: #52b3e6; text-decoration:none;
}
div.btt_back{
	float:right;
}
div.btt_back a{
	background: url(images/arrow2.gif)  no-repeat;
	padding-left:16px; margin-right:30px;
	font: bold 12px Tahoma; color:#136c8e; text-decoration:none;
}
div.btt_back  a:hover{
	font: bold 12px Tahoma; color: #52b3e6; text-decoration:none;
}

div.newspic{
	width:653px; 
	margin: 0 0 30px 0;
}
div.newspic img {
	border: solid 3px #2d9dc7;
}
div.newsdetail{ margin:0 20px 20px 6px;}
div.newstopic{ margin:0 20px 10px 6px;}

div.newstopic h4{
	font: bold 14px Tahoma; color:#136c8e;
	padding:0; margin:0;	
}
div.newstopic p.date{
	font: 9px Tahoma; color:#136c8e;
	padding:0; margin:0 0 7px 0;
}



div.enewsletter{
	float:left;
	width: 158px;
	margin: 0  0 20px 0;
	padding:0 7px 0 8px;
}
div.enewsletter p img{
	width: 140px;
	border: solid 2px #2d9dc7;
	margin:0; padding:0;
}
div.enewsletter p{margin:0; padding:0;}

div.enewsletter p.issue{
	width: 144px;
	background: url(images/enewsletter_arrow.gif)  no-repeat top;
	padding-top: 11px;
	margin:0;
}
div.job{
	width:670px;
	border-bottom: solid 1px #cdcdcd;
	padding: 10px 0px 3px 30px;
	margin-bottom:5px;
}
div.job h4{
	margin: 5px 0 0 -17px;
	font: bold 14px Tahoma; color:#044d69;
}
div.job p.position{
	font: bold 12px Tahoma; color:#008aa0;
	padding:0; margin:0;
}
div.job div.ujob{
	background:url(images/bullet_check.gif) no-repeat;
	padding: 0 0 0px 20px;
	font: bold 12px Tahoma; color:#008aa0;
	list-style:none;
	
}
div.job ul{
	list-style:none; 
	padding: 0 0 0px 0px;
}
div.job li{
	padding: 0 0 0 10px;
	background:url(images/bullet_plus.gif) no-repeat;
	font:  normal 12px Tahoma; color:#27333c; 
	margin: 5px 0 5px 0;
}
div.btt_applyjob{
	margin: 0;	padding:0;
}
div.btt_applyjob a{	
	display: block; cursor: pointer;
	background:url(images/btt_applyjob.gif) no-repeat;
	width:80px; height:21px;
}
div.btt_applyjob a:hover{
	background:url(images/btt_applyjob_over.gif) no-repeat;
}
div.btt_applyjob a span{
	display:none;
	line-height:1px;
}
div.form_blue{ 
	padding:6px; margin:0 20px 16px 6px;  
	border: solid 1px #2d9dc7; width:669px;
	background:#dee9f3;
}
div.form_job{
	padding:6px; margin:0 20px 16px 6px;  
	width:669px;
	border-bottom: solid 1px #c6c6c6;
}
div.form_job td{
	vertical-align: top;
}
div.form_job2{
	padding:6px; margin:0 20px 16px 6px;  
	width:669px;
}
div.sitemap{
	background: url(images/sitemap_bg.gif)  no-repeat;
	width:636px; 
	padding: 15px 36px 0px 30px;
	margin: 0 0 10px 0;
}
div.sitemap td a{
	background: url(images/bullet_blue3.gif)  no-repeat;
	padding: 0 0 10px 12px;
	font:  bold 12px Tahoma; color:#136c8e; text-decoration:none;
}
div.sitemap td a:hover{
	font:  bold 12px Tahoma; color:#2d9dc7; text-decoration:none;
}
p.sitemap_line{
	background:url(images/sitemap_line.gif) no-repeat;
	width:636px; height:12px;
}
div.address{	
	background:url(images/bullet_blue.gif) no-repeat ;
	padding-left: 17px; margin-bottom: 30px;
}
div.address h4{
	font:  bold 14px Tahoma; color:#595c5d; 
	padding:0; margin:0;
}
div.address h5{
	font:  bold 12px Tahoma; color:#15a3d8; 
	padding:0; margin:0;
}
div.address td{
	vertical-align: top;
}
div.map{
	width:373px;
}
div.contact_form{
	background:url(images/contact_002.gif) repeat-y;
	width:350px;
	padding: 10px 10px 15px 13px;
	margin:0;
}
div.contact_form th{
	font: normal 12px Tahoma; color:#444444; 
	padding: 0; margin:0;
	text-align: right;
	vertical-align: top;
}
div.contact_form td{
	vertical-align: top;
}
p.line{
	line-height:1px;
	margin: 10px 0;
	background:#c6c6c6;
}
.remark { font: 10px  Tahoma; color:#3399cc; }

div.troubleshoot{
	border:solid 3px #00a0c6;
	padding:0; margin:0 20px 5px 6px; 
	width:675px;
}
div.troubleshoot  table { border-collapse : collapse;  }
div.troubleshoot th{
	vertical-align:top;
	border: solid 1px #FFFFFF;
	background: url(images/tablehead_bg.jpg) repeat-x;
	padding: 5px;
	font: bold 12px Tahoma; color:#FFFFFF;
}
div.troubleshoot th img{ padding-right: 10px; }
div.troubleshoot td{
	vertical-align:top;
	padding: 5px;
}
div.troubleshoot td.inner
{
	padding:0px;
	margin:0px;	
	border:0px;
	border-right:solid 1px #ffffff;

	
}
div.troubleshoot td.inner table
{
	 border-collapse : collapse;	
}
div.troubleshoot td.inner table td
{
	vertical-align:top;
	border-right:0px;
	padding: 5px;
}

div.troubleshoot td.title{
	background:#5db1d1;
	padding: 3px 10px;
	font: 12px Tahoma; color:#FFFFFF;
	border:solid 1px #ffffff;
}
div.troubleshoot  tr td.problem1{
	font: bold 12px Tahoma; color:#136c8e;
	padding: 5px 10px;
}
div.troubleshoot  tr td.problem2{
	font: bold 12px Tahoma; color:#136c8e;
	padding: 5px 10px;
}
div.product{
	padding:0; margin:0 20px 5px 6px; 
	width:681px;
}
div.product td{
	vertical-align: top;
}

table.product_spec{
	border-collapse:collapse;
}
table.product_spec th{
	background:#e9f1f3;
	padding: 5px 10px;
	border: solid 1px #000000;
}
table.product_spec td{
	padding: 5px 10px;
	border: solid 1px #000000;
}
p.left_title{margin:0 0 2px 0;}
p.left_title img{ 
	behavior: url(iepngfix.htc);		/*ทำให้พื้นหลังภาพ .png ใส, ต้องกำหนด width height*/
	width:200px;
	height:25px;
}
p.left_news {margin:0 0 2px 0;}
p.left_news img { 
	behavior: url(iepngfix.htc);		/*ทำให้พื้นหลังภาพ .png ใส, ต้องกำหนด width height*/
	width:228px;
	height:30px;
}

div.plasticworld{
	background: url(images/newslist_bg.gif)  no-repeat;
	width:653px; 
	padding: 15px 14px 0px 22px;
	margin: 0 0 10px 0;
}

/*div.plasticworld table{margin-bottom:10px; }*/

div.plasticworld td{
	vertical-align:top;
}

p.topic_news { margin-bottom:0; padding:0 0 0 5px; }
p.topic_news a{
	font:  bold 12px Tahoma; color:#009ec4; text-decoration:none;
}
p.topic_news a:hover{
	color:#009ec4; text-decoration: underline;
}
p.posted{font: 11px Tahoma; color:#f0ad04; padding:0 0 0 5px; }

.page{ font: 11px Tahoma; color:#2d3247; padding:0 2px;}
.page span.current{font: 11px Tahoma; color:#247b9c;}
.page a{ font: 11px Tahoma; color:#2d3247; text-decoration:none;}
.page a:hover{ font: 11px Tahoma; color:#247b9c; text-decoration: underline;}

#popup_map{
	margin:0 auto;
	width:700px;
	padding:0;
	/*	height:auto !important; 
	/*height:100%;*/  /* IE6: treaded as min-height  ใช้กับ pageที่สูงเกิน 1หน้าจอ แล้ว text ที่เกินจะหาย*/
	/*min-height:100%;  real browsers */
	overflow:hidden;  /* ทำให้ LeftCol และ RightCol ไม่ยาวเกิน Main_layout */
}

.TB1_border {
	border-right:solid 1px #382E2C;
	border-top: solid 1px #382E2C;
}
.TB1_head {
	border-left:solid 1px #382E2C;
	border-bottom: solid 1px #382E2C;
	background-color:#E9F1F3;
	font: bold 13px Tahoma;
}
.TB1_row {
	border-left:solid 1px #382E2C;
	border-bottom: solid 1px #382E2C;
	background-color:#FFFFFF;
	font: 13px "Microsoft Sans Serif";
}
p.copyright{ padding:0; margin:0;}