@import url('https://fonts.googleapis.com/css?family=Prompt&display=swap');

charset "utf-8";
@font-face {font-family: 'dsn_sirinregular';
    src: url('thaifont/dsn_sirin-webfont.eot');
    src: url('thaifont/dsn_sirin-webfont.eot?#iefix') format('embedded-opentype'),
         url('thaifont/dsn_sirin-webfont.woff') format('woff'),
         url('thaifont/dsn_sirin-webfont.ttf') format('truetype'),
         url('thaifont/dsn_sirin-webfont.svg#dsn_sirinregular') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {font-family: 'tp_kubuaregular';
    src: url('thaifont/tp_kubua-webfont.eot');
    src: url('thaifont/tp_kubua-webfont.eot?#iefix') format('embedded-opentype'),
         url('thaifont/tp_kubua-webfont.woff') format('woff'),
         url('thaifont/tp_kubua-webfont.ttf') format('truetype'),
         url('thaifont/tp_kubua-webfont.svg#tp_kubuaregular') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {font-family: 'droidsansthai-regular';
    src: url('thaifont/droidsansthai-regular-webfont.eot');
    src: url('thaifont/droidsansthai-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('thaifont/droidsansthai-regular-webfont.woff') format('woff'),
         url('thaifont/droidsansthai-regular-webfont.ttf') format('truetype'),
         url('thaifont/droidsansthai-regular-webfont.svg#droidsansthai-regular') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {font-family: 'dse_patpong_extendregular';
    src: url('thaifont/dseppe_.eot');
    src: url('thaifont/dseppe_.eot?#iefix') format('embedded-opentype'),
         url('thaifont/dseppe_.woff2') format('woff2'),
         url('thaifont/dseppe_.woff') format('woff'),
         url('thaifont/dseppe_.ttf') format('truetype'),
         url('thaifont/dseppe_.svg#dse_patpong_extendregular') format('svg');
    font-weight: normal;
    font-style: normal;}
	
div.colorweb-btn {border-radius:4px; font-size: 13px; 
text-align: center; background-color:#e0dbe0; padding:5px; border:1px solid #bdbabd}
		
button.button-more {
	border-bottom: 1px solid #89aebc;
	background: #a1cedd;
	background: -moz-linear-gradient(
					top,
					rgba(177,215,228,1.0) 0%,
					rgba(161,206,221,1.0) 100%
				);
	background: -webkit-linear-gradient(
					top,
					rgba(177,215,228,1.0) 0%,
					rgba(161,206,221,1.0) 100%
				);
	background: -webkit-gradient( 
					linear,
					50% 0%,
					50% 100%,
					color-stop(0%, #b1d7e4),
					color-stop(100%, #a1cedd)
				);
	background: -o-linear-gradient(
					top,
					rgba(177,215,228,1.0) 0%,
					rgba(161,206,221,1.0) 100%
				);
	background: linear-gradient(
					top,
					rgba(177,215,228,1.0) 0%,
					rgba(161,206,221,1.0) 100%
				);
	background: -ms-linear-gradient(
					top,
					rgba(177,215,228,1.0) 0%,
					rgba(161,206,221,1.0) 100%
				);
}

button.button-more:hover {
	border-bottom-color: #5d8b9d;
	color: #3E6674!important;
}


.button-more:active { border-top: 1px solid #5d8b9d; }
button.button-more {
	padding: 4px 10px 3px 10px;
	border-radius: 4px;
	color: #fdfdff!important;
	font-size: 11px;
	text-shadow: 0 1px 1px rgba(0,0,2,0.3);
	text-transform: uppercase;
}

button.button-more:hover { text-shadow: 0 1px 0 rgba(253,253,255,0.2); }
button.button-more:active {
	border-bottom: none;
	box-shadow:
		inset 0 1px 2px rgba(0,0,2,0.1),
		inset 0 0 0 1px rgba(0,0,2,0.08),
		0 1px 0 rgba(253,253,255,0.6);
}	
 /*regret for the king 13-10-59  
body#page {background: #1a1a1a; background-image:url(king-bg.png); background-repeat:repeat}
#logo {-moz-filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		filter: gray; 
		filter: grayscale(100%);}
img {-moz-filter: grayscale(50%);
		-webkit-filter: grayscale(50%);
		filter: gray; 
		filter: grayscale(50%);}
		
.wrapper {background-color:white;}
#toolbar {background: #eee!important;}
#logo > img {float:none!important; vertical-align:middle;}
#logo {margin-left:20px;} */

.all-product-robots{display: grid;};

h4 {line-height:26px!important;}
hr.dotted { clear:both;}

/* frontpage strongpoint 1-4-57  */
div.showpoint {text-align:center;}
div.showpoint strong {display:block; padding-top:7px; color:#0099FF; margin-top:5px; border-top:1px dotted lightgray;font-family:'dse_patpong_extendregular'; font-size:18px; font-weight:normal;}

/* furue figcaption */
figure {text-align:center;}
div.content figure img, div.content img.center, figure img, img.center {display:block!important; margin:0 auto!important;}
figcaption {display:block; margin:5px auto; padding-top:5px; padding-bottom:3px; border-bottom:1px dotted lightgray;}

#content,
#breadcrumbs {background: #FFF!important;}
.mod-box {background: #fcfbfb!important;}
p.content {text-indent:15px;}

/* dl  dt dd 4-2-58 */
dl.pneu {background-color:#f5fafd;}
dl.pneu dt {color:#065fcc; clear:both; margin-bottom:7px; margin-top:30px;}
dl.pneu dd {margin-left:20px; text-shadow:none!important;}
dl.pneu dd img {float:left; margin:0 5px 20px 5px;}

p.download_link {display:none!important;}

/* other style */
h2.all, div.content h2 {font-size:19px;}

ul.line li {list-style:none; text-indent:10px;}

div.linkarticle {background-color:#0a70b7; padding:5px; text-shadow:none; padding:8px; border-radius:4px; margin-bottom:-20px;}
div.linkarticle a {color:#fff;}

div.linkarticle:hover {background-color:#FF3300;}
div.linkarticle a {color:#fff;}

.pwebcontact_toggler {font-family: tp_kubuaregular; font-size: 28px;}
.pwebcontact_toggler span.pweb-text {font-size:23px; text-shadow:none;}

/* article class 2-4-57 */
div.article1 p {text-indent:15px;}
div.article1 h2, div.article1 h3, div.article1 h4, div.article1 h5 {font-size: 13px; color: #0a7da8; font-weight: bold; margin:0px; font-family:Tahoma, Geneva, sans-serif;}
div.article1 img {display:block; margin-left:auto; margin-right:auto;}
div.article1 img + strong {padding-top:4px; display:block; margin-left:auto; martin-right:auto; text-align:center; color:#f17a40}
div.article1 strong.picdes {text-align:center; display:block; background-color:#f2f7ff; margin-top:5px}

/* about us */
div.aboutus p {text-indent:15px;}
div.aboutus ol.mapbruch {float:left;}
div.aboutus ol.mapbruch strong {display:block; padding-bottom:5px;}
div.aboutus ol.mapbruch li:first-child {margin-top:5px; padding-top:5px;}
div.aboutus ol.mapbruch img.map {margin-top:-130px; margin-left:150px; boder:1px solid black;}

/* article block 16-12-62  */
ul.articleblock { /*width:700px; */ list-style:none; margin-left:-5px;}
ul.articleblock li {width:auto; float:left;
 	padding:7px 5px;
	border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);}
ul.articleblock li:first-child {padding-top:12px;}
ul.articleblock li:hover {background-color: rgba(249, 253, 255, 0.5);}
ul.articleblock li img {float:left; padding:5px; padding-right:9px;}
ul.articleblock li strong {padding-left:10px; display:block; font-size: 17px; font-family: 'Prompt', sans-serif; text-shadow:none!important}

/* article 17-4-57 */
div.article2  {font-family:Tahoma, Geneva, sans-serif;}
div.article2 strong {display:block; color:#0739ab; font-size:14px; margin-bottom:3px;}
table.article2 {width:700px; font-size:13px; padding:2px; 
  border-collapse:collapse; text-align:center; line-height:19px;}
table.article2 thead tr th:first-child {border-top-left-radius:3px;}
table.article2 thead tr th:last-child {border-top-right-radius:3px;}
table.article2 th {background-color:#e1e1e2; padding:2px; height:36px;}
table.article2 tbody tr:first-child {border-top:none;}
table.article2 tr td {padding:2px; padding-left:10px; border:1px solid #c6c6c6; text-align:center;}
table.article2 tr td:first-child {text-align:left;}


/* symbol and pic and descipt 15/5/2557 */
  table.symbol {line-height: 19px;
width: 100%;
border-radius: 5px;
border-collapse: separate;
border-right: 1px solid #d2d2d4;
border-bottom: 1px solid #d2d2d4;
border-spacing:0;
background: #fff; font-family:Tahoma, Geneva, sans-serif; font-size:13px;}
table.symbol thead {font-size:13px;
	background: #c5c3c3;
	background: -moz-linear-gradient(
					top,
					rgba(231,231,231,1.0) 60%,
					rgba(195,195,195,1.0) 100%
				);
	background: -webkit-linear-gradient(
					top,
					rgba(231,231,231,1.0) 60%,
					rgba(195,195,195,1.0) 100%
				);
	background: -o-linear-gradient(
					top,
					rgba(231,231,231,1.0) 60%,
					rgba(195,195,195,1.0) 100%
				);
	background: linear-gradient(
					top,
					rgba(231,231,231,1.0) 60%,
					rgba(195,195,195,1.0) 100%
				);}

table.symbol thead tr td,
table.symbol thead tr th {border-left: 1px solid #b4b0b0; border-top: 1px solid #b4b0b0; padding:5px 0;}
table.symbol thead tr th:first-child {border-top-left-radius:4px;}
table.symbol thead tr th:last-child  {border-top-right-radius:4px;}
table.symbol thead tr th.noradius, table.symbol thead tr.noradius {border-top-left-radius:0px!important; 
									border-top-right-radius:0px!important;}
table.symbol thead th {color: #5b5a5a; text-align:center;
	font-size: 12px;
	font-weight: bold;}
table.symbol tr th {border-left: 1px solid #d2d2d4;}
table.symbol tbody tr td {border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-collapse:collapse; padding:0 5px;}
table.symbol tbody tr td img, table.symbol tbody tr td a {display:block; margin-left:auto; margin-right:auto; padding:3px;}
table.symbol tbody tr td strong {border-bottom:1px solid #e4e3e3; display:block; padding:0px;}
table.symbol tbody tr td.left {text-align:left; padding-left:7px!important;}
p.blue {color:#2476af; margin-top:3px;}
table.symbol tbody tr td.center, table.symbol tbody tr.center {text-align:center;}

/* menu system 5/3/57 */
.menu-sidebar a.level1 > span, .menu-sidebar span.level1 > span {font-size: 15px;line-height:24px;color:#343535;}
.menu-sidebar a.level1 span:hover {background-color:#e8e7e7;}
.menu-sidebar a.level1.current > span {color:#969898!important;}
.mod-box {padding: 13px;
	border: 2px solid #fff;
	border-radius: 7px;
    background: #fcfbfb;
	box-shadow:
		0 0 0 1px rgba(0,0,2,0.1),
		0 1px 0 rgba(0,0,2,0.15),
		0 1px 1px rgba(0,0,2,0.1);
	 /*text-shadow: 0 1px 0 rgba(253,253,255,1.0); */}
.tagcloud a {font-size:13px; line-height:20px;}
.tagcloud li {background:#f5f5f5;}
.tagcloud li:hover {background:#e2dfdf;}

.menu-dropdown li.level2 .level2 span.icon {border-radius:3px;}

div.mod-box-header h3.module-title {background: -webkit-linear-gradient(top, #cac7c7, #e9e8e8);
background: -moz-linear-gradient(top, #cac7c7, #e9e8e8);
background: -ms-linear-gradient(top, #cac7c7, #e9e8e8);
background: -o-linear-gradient(top, #cac7c7, #e9e8e8);
background-image: url(h3-title-bg.png);
background-repeat: no-repeat;
font-family: 'tp_kubuaregular'!important; font-size: 21px!important; padding-left:20px; line-height:22px;}

h1.title {font-family: 'tp_kubuaregular'!important; font-size: 27px; letter-spacing:0.09px; color:#065fcc;}
h1.title a {font-family: 'tp_kubuaregular' Tahoma, Geneva, Sans-serif; font-size: 25px; letter-spacing:0.09px; font-weight:normal;}
.mod-box2 h3.module-title, section#innerbottom h3.module-title {font-family: 'tp_kubuaregular'!important; font-size: 25px; letter-spacing:0.4px; color:#065fcc;}

div.frontpagebottom a h3.module-title  {font-family:tp_kubuaregular, Tahoma, Geneva, Sans-serif; font-size: 26px; letter-spacing:0.4px; color:#065fcc;}
.menu-dropdown .level1 .level1 span.title {font-family:Tahoma, Geneva, sans-serif; font-size:15px!important; color:#ceced3;}
.menu-dropdown .level1 .level1 span.subtitle {color:#6ce9fc; margin-top:-1px!important;}
.menu-dropdown li.level2 .level2 span.title {line-height: 17px; font-size:13px; letter-spacing:0.6px;}
.menu-dropdown li.level2 .level2 span.title:first-child {font-weight:bold;}

.mod-box2 {padding: 13px;
	border: 2px solid #fff;
	border-radius: 7px;
	background: #fff;
background-image: linear-gradient(bottom, rgb(255,255,255) 70%, rgb(242,242,242) 100%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 70%, rgb(242,242,242) 100%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 70%, rgb(242,242,242) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 70%, rgb(242,242,242) 100%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 70%, rgb(242,242,242) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.7, rgb(255,255,255)),
	color-stop(1, rgb(242,242,242))
);

	box-shadow:
		0 0 0 1px rgba(0,0,2,0.1),
		0 1px 0 rgba(0,0,2,0.15),
		0 1px 1px rgba(0,0,2,0.1);
	text-shadow: 0 1px 0 rgba(253,253,255,1.0);}

div.tp_kubua h3.module-title {font-family: 'tp_kubuaregular'!important;}

/* for content */
div.custom-content p {text-indent:10px;}
div.custom-content i+img, div.custom-content img:first-child {display:block!important; margin-left:auto; margin-right:auto;}
div.custom-content i {text-align:center;}
div.custom-content a.mcenter {display:block; margin-left:auto; margin-right:auto;}
div.custom-content {padding-bottom:10px;}
div.custom-content h2.textH2 {font-family: "Century Gothic", tahoma, "mS Sans Serif"; color:#999999; font-size:16px;}
.textH3, .textH1, .newcode {color: #0a85ad; font-family:'dse_patpong_extendregular'; font-size:16px;}
.textH3 a {color:#0d5eb0; text-transform:none;}
.textH3 a:hover  {color:#f68248; text-decoration:underline;}
.newcode {color:#FF3366; font-size:17px}
.textH1 {font-size: 25px; color:#065fcc}
h4.textH4 {font-weight: bold; color: #006fc1; font-size: 1.035em; font-family: tahoma, Arial, Helvetica, sans-serif; padding-top:10px;}
h5.textH5 {font-weight: bold; font-size:1.0382em; font-family:Tahoma, Geneva, sans-serif; color:#0b71ac;}

/* meter css 14-3-57  */

ul.meterclass .listproduct3 {text-align:center; border:1px solid #f9f2d4; list-style:none; width:190px; float:left; margin:10px 10px; 
padding:3px 0; height:200px; border-radius:3px;}

ul.meterclass .listproduct4 {text-align:center; border:1px solid #f9f2d4; list-style:none; width:145px; float:left; margin:10px 10px; 
padding:3px 0; height:200px; border-radius:3px;}

ul.meterclass .listproduct3 strong, ul.meterclass .listproduct4 strong {margin-top:20px; margin-bottom:5px; display:block; padding:2px 0; text-shadow:none;
background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#cecfcf));
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #fbf4db, #f8e7a5);
  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #fbf4db, #f8e7a5);
  /* IE 10 */
  background: -ms-radial-gradient(circle, #fbf4db, #f8e7a5);}
  
ul.meterclass .listproduct3 strong:hover, ul.meterclass .listproduct4 strong:hover {background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#cecfcf));
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #ffffff, #cecfcf);
  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #ffffff, #cecfcf);
  /* IE 10 */
  background: -ms-radial-gradient(circle, #ffffff, #cecfcf);}
  
ul.meterclass .listproduct3:hover, ul.meterclass .listproduct4:hover {border:1px solid #d5d5d5;} 
.listproduct3 img, .listproduct4 img {display:block; margin-left:auto; margin-right:auto; padding-bottom:5px; padding-top:5px;}

ul.meterclass h2 {font-family: 'tp_kubuaregular'!important; font-size:23px; margin:10px 0; border-top:1px solid #dfdfdf; padding-top:15px;}
ul.meterclass hr.newhr {clear:both; position:absolute;}


/* eng to thai */
#system .item > header .meta {margin-top: 3px;
	color: #87878A;
	font-size: 13px;
	text-transform: uppercase;}

/* page navigation 10-2-57 */
#system .pagination strong {border-bottom: 1px solid #252527;
	border-radius: 3px;
	background: #414143;
	background: -moz-linear-gradient(
					top,
					rgba(90,90,92,1.0) 0%,
					rgba(65,65,67,1.0) 100%
				);
	background: -webkit-linear-gradient(
					top,
					rgba(230,230,232,1.0) 0%,
					rgba(205,205,207,1.0) 100%
				);
	background: -o-linear-gradient(
					top,
					rgba(230,230,232,1.0) 0%,
					rgba(205,205,207,1.0) 100%
				);
	background: linear-gradient(      to bottom,      rgba(131, 131, 131, 1) 0%,      rgba(95, 95, 95, 1) 100%     );
	color: #fdfdff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.6);}

#system .pagination a {font-size:14px;
	border-bottom: 1px solid #B9B9BB;
	border-radius: 3px;
	background: #3737B1;
	background: -moz-linear-gradient(
					top,
					rgba(230,230,232,1.0) 0%,
					rgba(205,205,207,1.0) 100%
				);
	background: -webkit-linear-gradient(
					top,
					rgba(230,230,232,1.0) 0%,
					rgba(205,205,207,1.0) 100%
				);
	background: -o-linear-gradient(
					top,
					rgba(230,230,232,1.0) 0%,
					rgba(205,205,207,1.0) 100%
				);
	background: linear-gradient(      to bottom,      rgba(253, 155, 8, 1) 0%,      rgba(226, 101, 3, 1) 100%     );
	color: #FFFFFF;
	text-shadow: 0 1px 0 rgba(253,253,255,0.8);}

#system .pagination a:hover {color:#0be0d3;}

/* .menu-dropdown .level2 a:first-child {background-color:#009999;} */

.menu-dropdown .level2 .level2 span.subtitle {color:#6ce9fc; letter-spacing:0.08em; word-spacing:2px;}

h2.remove-margin-t {font-family:tp_kubuaregular, Tahoma, Geneva, Sans-serif; font-size: 22px!important; color:#12b0be;}
h2.remove-margin-t:hover {text-decoration:underline;}
#toolbar menu-line li a span {font-size:15px!important;}
#innertop h3.module-title {font-family:tp_kubuaregular, Tahoma, Geneva, Sans-serif; font-size: 23px;}

p.links a {font-size:13px; -moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f54818), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #f54818 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #f54818 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #f54818 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #f54818 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #f54818 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f54818', endColorstr='#bc3315',GradientType=0);
	background-color:#f54818;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #eb2b2b;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:5px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;}
p.links a:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c93107), color-stop(1, #d13513));} 

strong.pneustrong {padding:2px 5px; margin:3px 0; text-shadow:none; border-top:1px solid #d0d6d7;}


a.banner {color:#1d1b1b;}
a.banner h3 {background-color:none;}
/* contact us */
div.contact {background-color:#fffdfb; border:1px solid #df9960;  padding:10px 10px; margin-top:15px; font-size:13px; font-family:Tahoma, Geneva, sans-serif; border-radius:3px; height:385px;}
div.contact:hover {background-color:#fffdfb; border:1px solid #47afda;}
div.contact a {color:#e2912b;}
div.contact a:hover  {color:#e2912b; text-decoration:underline;}
div.contact a:last-child {color:#3177c6; margin-top:10px; padding:2px 4px; font-weight:bold; background-color:#cccdce;}
div.contact a:last-child:hover {background-color:#3177c6; color:white;}
div.contact strong {font-size:23px; color:#3177c6; font-family:tp_kubuaregular!important; padding-bottom:2px; padding-left:-10px; font-weight:normal;}
p.contact {background-color:rgb(255,153,102); opacity:1;
filter:alpha(opacity=100);}
hr.contact {padding:none; border:none; border-top:1px solid #CCCCCC; width:100%; position:relative; margin-top:2px; margin-bottom:4px;}
img.contact {float:right;}
img.icon {padding-top:0px; vertical-align:middle;}
img.pneu_place {border-radius:4px; margin-left:10px; margin-right:15px; vertical-align:middle;}


/* CSS Document custom css for all prodcut show 28-10-56 */

ul.product-all1 { /* width: 702px; */ margin-left:5px; list-style:none; 
					border-top:2px solid #86c0c9; 
 					font-size:13px; font-family:Tahoma, Geneva, sans-serif; color:#545555;}
ul.product-all1 li {width:28%; height:270px; border:1px solid #d5d6d6; 
 					text-align:center; float:left; margin:10px 10px; line-height:24px; border-radius:3px;}  /* width:205px; */
ul.product-all1 li strong {display:block; background-color:#9cd6e0; font-size:13px; color:#333333
 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#b5eff9), to(#9cd6e0));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #b5eff9, #9cd6e0);

  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #b5eff9, #9cd6e0);

  /* IE 10 */
  background: -ms-radial-gradient(circle, #b5eff9, #9cd6e0);}
ul.product-all1 li strong:hover, ul.product-all3 li strong:hover  {display:block; background-color:#dad7d7; font-size:13px; color:#333333
 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#cecfcf));
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #ffffff, #cecfcf);
  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #ffffff, #cecfcf);
  /* IE 10 */
  background: -ms-radial-gradient(circle, #ffffff, #cecfcf);}

ul.product-all1 li span, ul.product-all3 li span {display:block; clear:both; text-shadow:none; 
border-bottom-right-radius:3px; border-top-left-radius:4px;
float:right; margin-top:7px; margin-bottom:0px; margin-right:0px; 
width:90px;
background-color:#6f7070; 
color:white; 
font-size:12px; font-family:Tahoma, Geneva, sans-serif; padding:0 2px;}
  
 ul.product-all1 li span:hover {background-color:#ff7d40;}
/*   for width #2  */  
ul.product-all2 { /*width: 718px; */ margin-left:5px; list-style:none; 
					border-top:2px solid #86c0c9; 
 					font-size:13px; font-family:Tahoma, Geneva, sans-serif; color:#545555;}
ul.product-all2 li { /*width:212px; */width:28%; height:270px; border:1px solid #d5d6d6; 
 					text-align:center; float:left; margin:10px 8px; line-height:28px; border-radius:3px;}
ul.product-all2 li strong {display:block; background-color:#9cd6e0; font-size:13px; color:#333333
 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#b5eff9), to(#9cd6e0));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #b5eff9, #9cd6e0);

  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #b5eff9, #9cd6e0);

  /* IE 10 */
  background: -ms-radial-gradient(circle, #b5eff9, #9cd6e0);}
ul.product-all2 li span {display:block; clear:both; text-shadow:none; 
border-bottom-right-radius:3px; border-top-left-radius:4px;
float:right; 
margin-top:7px; margin-bottom:0px; margin-right:0px; 
width:90px;
background-color:#6f7070; 
color:white; 
font-size:12px; font-family:Tahoma, Geneva, sans-serif; padding:0 2px;}
  
ul.product-all2 li span:hover {background-color:#ff7d40;}
  
/* for width #3  */
ul.product-all3 {width: 100%; margin-left:5px; list-style:none; 
					border-top:2px solid #86c0c9; 
 					font-size:13px; font-family:Tahoma, Geneva, sans-serif; color:#545555;}
ul.product-all3 li {width:30%; height:294px; border:1px solid #d5d6d6; 
 					text-align:center; float:left; margin:10px 8px; line-height:23px; border-radius:3px;}
ul.product-all3 li strong {display:block; background-color:#9cd6e0; font-size:13px; color:#333333; padding:2px 0; 
 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#b5eff9), to(#9cd6e0));
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #b5eff9, #9cd6e0);
  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #b5eff9, #9cd6e0);
  /* IE 10 */
  background: -ms-radial-gradient(circle, #b5eff9, #9cd6e0);}
ul.product-all3 li span {display:block; clear:both; text-shadow:none;
border-bottom-right-radius:3px; border-top-left-radius:4px;
float:right; 
margin-top:7px; margin-bottom:0px; margin-right:0px; 
width:90px; 
background-color:#6f7070; 
color:white; 
font-size:12px;}	

ul.product-all3 li span:hover {background-color:#ff7d40;}  

/* for width #4  */
ul.product-all4 {width: 100%; margin-left:2px; list-style:none; 
					border-top:2px solid #86c0c9; 
 					font-size:13px; font-family:Tahoma, Geneva, sans-serif; color:#545555;}
ul.product-all4 li {width:31%; height:293px; border:1px solid #d5d6d6; 
 					text-align:center; float:left; margin:10px 8px; line-height:23px; border-radius:3px;}
ul.product-all4 li:hover {border:1px solid #9cd6e0;}
ul.product-all4 li strong {display:block; background-color:#9cd6e0; font-size:12px; color:#333333; margin-bottom:3px;
 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#b5eff9), to(#9cd6e0));
 /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #b5eff9, #9cd6e0);
/* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #b5eff9, #9cd6e0);
 /* IE 10 */
  background: -ms-radial-gradient(circle, #b5eff9, #9cd6e0);}
ul.product-all4 li strong:hover {display:block; background-color:#dad7d7; font-size:12px; color:#333333
 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#cecfcf));
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #ffffff, #cecfcf);
  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #ffffff, #cecfcf);
  /* IE 10 */
  background: -ms-radial-gradient(circle, #ffffff, #cecfcf);}
ul.product-all4 li span {display:block; clear:both; text-shadow:none; 
border-bottom-right-radius:3px; border-top-left-radius:4px; float:right;
margin-top:7px; margin-bottom:0px; 
width:90px; 
background-color:#6f7070; 
color:white; 
font-size:12px;}
.loginlogout {display:none !important;}
ul.product-all4 li span:hover {background-color:#ff7d40;}
/* FOR MAX-VALUE */
ul.product-MAXVALUE {width: 716px; margin-left:5px; list-style:none; 
					border-top:2px solid #f1989d; 
 					font-size:13px; font-family:Tahoma, Geneva, sans-serif; color:#545555;}
ul.product-MAXVALUE li {width:212px; height:294px; border:1px solid #d5d6d6; 
 					text-align:center; float:left; margin:10px 8px; line-height:23px; border-radius:3px;}
ul.product-MAXVALUE li:hover {border:1px solid #fecdd4;}		
ul.product-MAXVALUE li strong {display:block; background-color:#fecdd4; font-size:13px; color:#333333; padding:2px 0;
 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#fde3e7), to(#fecdd4));
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #fde3e7, #fecdd4);
  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #fde3e7, #fecdd4);
  /* IE 10 */
  background: -ms-radial-gradient(circle, #fde3e7, #fecdd4);}

ul.product-MAXVALUE li strong:hover {display:block; background-color:#dad7d7; font-size:13px; color:#333333
 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#cecfcf));
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #ffffff, #cecfcf);
  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #ffffff, #cecfcf);
  /* IE 10 */
  background: -ms-radial-gradient(circle, #ffffff, #cecfcf);}

ul.product-MAXVALUE li span {display:block; clear:both; text-shadow:none;
border-bottom-right-radius:3px; border-top-left-radius:4px;
float:right; 
margin-top:7px; margin-bottom:0px; margin-right:0px; 
width:90px; 
background-color:#6f7070; 
color:white; 
font-size:12px;}	
  
ul.product-MAXVALUE li span:hover {background-color:#ff7d40;}
  
/* For Ko Bold */
ul.product-KOBOLD {width: 716px; margin-left:5px; list-style:none; 
					border-top:2px solid #f29957; 
 					font-size:13px; font-family:Tahoma, Geneva, sans-serif; color:#545555;}
ul.product-KOBOLD li {width:212px; height:290px; border:1px solid #d5d6d6; 
 					text-align:center; float:left; margin:10px 8px; line-height:23px; border-radius:3px;}
ul.product-KOBOLD li strong {display:block; background-color:#f2d39e; font-size:13px; color:#333333
 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#fde3e7), to(#efc274));
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #fce4bb, #f2d39e);
  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #fce4bb, #f2d39e);
  /* IE 10 */
  background: -ms-radial-gradient(circle, #fce4bb, #f2d39e);}
ul.product-KOBOLD li span {display:block; clear:both; text-shadow:none; border-bottom-right-radius:3px;
  float:right; margin-top:7px; margin-bottom:0px; margin-right:0px; width:55px; background-color:#6f7070; color:white; font-size:11px;}	
  
/* for main category page */
ul.product-main {width: 702px; margin-left:5px; list-style:none; 
					border-top:2px solid #86c0c9; 
 					font-size:13px; font-family:Tahoma, Geneva, sans-serif; color:#545555;}

ul.product-main li {width:205px; height:200px; border:1px solid #d5d6d6; 
 					text-align:center; float:left; margin:10px 10px; 
					line-height:24px; border-radius:3px;}
					
ul.product-main li strong {display:block; background-color:#cfcfcf; font-size:13px; color:#333333
                            background: -webkit-gradient(radial, center center, 0, center center, 460, from(#cfcfcf), to(#e7e5e5));
  /* Safari 5.1+, Chro me 10+ */
  background: -webkit-radial-gradient(circle, #cfcfcf, #e7e5e5);
  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #cfcfcf, #e7e5e5);
  /* IE 10 */
  background: -ms-radial-gradient(circle, #cfcfcf, #e7e5e5);}
ul.product-main li span {display:block; clear:both; text-shadow:none; border-bottom-right-radius:3px;
  float:right; margin-top:7px; margin-bottom:0px; margin-right:0px; width:55px; background-color:#6f7070; color:white; font-size:11px;}  
  

/* for apply-job   */
div.apply-job strong {margin-right:12px; color:#0d6db7;}
div.apply-job span {color:#2381c9; font-weight:bold; padding-right:20px;}
div.apply-job ul.line {margin-left:14px;}

/* for all main category */
ul.product-maincat {width: 702px; margin-left:5px; list-style:none; 
					border-top:2px solid #86c0c9; 
 					font-size:13px; font-family:Tahoma, Geneva, sans-serif; color:#545555;}
ul.product-maincat li {width:205px; height:250px; border:1px solid #d5d6d6; 
 					text-align:center; float:left; margin:10px 10px; line-height:24px; border-radius:3px;}
ul.product-maincat li strong {display:block; background-color:#e0e0e0; font-size:13px; color:#333333
 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#f3f0f0), to(#f3f0f0));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #f3f0f0, #e0e0e0);

  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #f3f0f0, #e0e0e0);

  /* IE 10 */
  background: -ms-radial-gradient(circle, #f3f0f0, #e0e0e0);}
ul.product-maincat li span {display:block; clear:both; text-shadow:none; border-bottom-right-radius:3px; border-top-left-radius:3px;
  float:right; margin-top:22px; margin-bottom:0px; margin-right:0px; width:60px; background-color:#4d4b4a; color:white; font-size:11px;}
  
ul.product-maincat li.airtac-bg {background-image: url(airtac-bg.jpg); background-position:left; background-repeat:no-repeat;}

ul.product-maincat li ol li {list-style:disc;}

/*   product main cat 12/11   */
  .product-maincat1  img {float:left; margin-right:25px; margin-top:25px; border:1px solid #d9d7d7;}
  .product-maincat1 p {display:block; float:left}
  .product-maincat1 ol>li {height:250px; border-top:1px solid #d5d4d4; padding-left:10px; margin:5px 3px; margin-left:-15px; list-style:none;}
  
.product-maincat1 ol h3 {margin-top:13px; margin-bottom: 5px; font-family:droidsansthai-regular; font-size:14px; font-weight:bold; color:#525151;}
.product-maincat1 ol a {color:#3366CC;  font-weight:bold; list-style:disc}
.product-maincat1 ol h3 a {color:#525151; text-decoration:none;}
.product-maincat1 ol a:hover {color:#52b8da; text-decoration:underline;}
.product-maincat1 ul {margin-top:9px; display:block; float:left;}
.product-maincat1 ol ul.on-line li {list-style: disc!important; margin-left:10px;}
.product-maincat1 img.imgbrand {display: block; float: none; border:none; padding-bottom:5px; margin-top:5px;}

/* product main cat airtac sub main cat 12-11-56 */
h2.maincat2 {margin-top:50px; border-top: 2px solid #d1cfcf; padding-top:13px; font-family:dse_patpong_extendregular; color:#07619a;}
h3.maincat2 {padding:3px 0; padding-left:45px; margin-bottom:0px; margin-top:10px; font-family:droidsansthai-regular; font-size:15px; font-weight:bold; background-color:#dededd}
ul.product-maincat2 p {margin-top:0px;}
ul.product-maincat2 {
					 	/*width: 702px;*/
					 	height:auto;
					 	margin-left:5px;
					 	list-style:none;
					 	font-size: 15px;
					 	font-family:Tahoma, Geneva, sans-serif;
					 	color:#545555;
					 	margin-top:20px;
					 	margin-bottom:25px;
					 	}

ul.product-maincat2 li {
 					width: 22%;
 					height: 235px;
 					border:1px solid #e1e2e2;
 					text-align:center;
 					float:left;
 					margin:15px 9px;
 					line-height:24px;
 					border-radius:4px;
 					}
ul.product-maincat2 li:hover {border:1px solid #a7e1eb; cursor:head;}
ul.product-maincat2 li strong {
 display:block;
 background-color:#9cd6e0;
 font-size: 14px;
 color:#333333;
 border-bottom-left-radius:2px;
 border-bottom-right-radius:2px;
 padding: 6px;
 margin-bottom: 5px;
 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#b5eff9), to(#9cd6e0));
  /* Safari 5.1+, Chrome 10+ */
 background: -webkit-radial-gradient(circle, #b5eff9, #9cd6e0);
  /* Firefox 3.6+ */
 background: -moz-radial-gradient(circle, #b5eff9, #9cd6e0);
  /* IE 10 */
 background: -ms-radial-gradient(circle, #b5eff9, #9cd6e0);
 }
ul.product-maincat2 li strong:hover, ul.product-maincat2a li strong:hover {display:block; background-color:#9cd6e0; font-size:13px; color:#333333; 
									border-bottom-left-radius:2px; border-bottom-right-radius:2px; 
 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#cecfcf));
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #ffffff, #cecfcf);
  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #ffffff, #cecfcf);
  /* IE 10 */
  background: -ms-radial-gradient(circle, #ffffff, #cecfcf);}

ul.product-maincat2 li span {display:block; clear:both; text-shadow:none; border-bottom-right-radius:3px;
  float:right; margin-top:7px; margin-bottom:0px; margin-right:0px; width:55px; background-color:#6f7070; color:white; font-size:11px;}
  
 
  /* for li heighier   20-1-57 */
  ul.product-maincat2a {
					 	height:auto;
					 	margin-left:5px;
					 	list-style:none;
					 	font-size: 15px;
					 	font-family:Tahoma, Geneva, sans-serif;
					 	color:#545555;
					 	margin-top:20px;
					 	margin-bottom:25px;
					 	}

ul.product-maincat2a li {
 					width: 22%;
 					height: 235px;
 					border:1px solid #e1e2e2;
 					text-align:center;
 					float:left;
 					margin:15px 9px;
 					line-height:22px;
 					border-radius:4px;
 					}
ul.product-maincat2a li:hover {border:1px solid #a7e1eb; cursor:head;}
ul.product-maincat2a li strong {
 display:block;
 background-color:#9cd6e0;
 font-size: 15px;
 color:#333333;
 padding: 6px;
 border-bottom-left-radius:2px;
 border-bottom-right-radius:2px;
 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#b5eff9), to(#9cd6e0));
  /* Safari 5.1+, Chrome 10+ */
 background: -webkit-radial-gradient(circle, #b5eff9, #9cd6e0);
  /* Firefox 3.6+ */
 background: -moz-radial-gradient(circle, #b5eff9, #9cd6e0);
  /* IE 10 */
 background: -ms-radial-gradient(circle, #b5eff9, #9cd6e0);
 }
 ul.product-maincat2a li strong:hover {font-size: 13px;}
ul.product-maincat2a li span {display:block; clear:both; text-shadow:none; border-bottom-right-radius:3px;
  float:right; margin-top:7px; margin-bottom:0px; margin-right:0px; width:55px; background-color:#6f7070; color:white; font-size:11px;}
  
  

/* news event */
div.news-events-homepage {width:310px; font-family:Tahoma, Geneva, sans-serif; font-size:13px; text-align:left;}
div.news-events-homepage hr {border: 0; height: 0;  margin-top:2px; margin-bottom:2px;}
div.news-events-homepage strong {margin-top:2px; margin-bottom:9px; color:#06F;}
div.news-events-homepage strong.highligh {color: #39C;}
div.news-events-homepage a {color:#277dfe; margin-bottom:5px; padding:2px 5px;}
div.news-events-homepage a:hover {text-decoration:underline;}
div.news-events-homepage img {display:block; margin-bottom:7px; margin-top:20px;}
div.news-events-homepage img.icon {clear:both; display:inline; margin:0px;}
 
 /* homepage content */
table.homecontent a {color:#1e8ec2;}
table.homecontent2 a strong {color:#099ca9;}
table.homecontent2 a {color:#545353;}
 
 /*background web   
 body#page {background: #eeeeee; 
  background: -webkit-gradient(linear, left top, right top, from(#cecdcd), color-stop(0.25, #ffffff), color-stop(0.5, #cecdcd), color-stop(0.75, #ffffff), to(#cecdcd));
  
  background: -webkit-linear-gradient(left, #cecdcd, #ffffff, #cecdcd, #ffffff, #cecdcd);
  
  background: -moz-linear-gradient(left, #cecdcd, #ffffff, #cecdcd, #ffffff, #cecdcd);
 
  background: -ms-linear-gradient(left, #cecdcd, #ffffff, #cecdcd, #ffffff, #cecdcd);

  background: -o-linear-gradient(left, #cecdcd, #ffffff, #cecdcd, #ffffff, #cecdcd);} 
  */
    
/* hydraulic Yuken style 14-8-57 */
ul.hydraulic-css {clear:both; width: 702px; margin-left:5px; list-style:none; 
					border-top:2px solid #86c0c9; 
 					font-size:13px; font-family:Tahoma, Geneva, sans-serif; color:#545555;}
ul.hydraulic-css:first-child {clear:none;}
ul.hydraulic-css li {width:205px; height:262px; border:1px solid #d5d6d6; 
 					text-align:center; float:left; margin:10px 10px; line-height:24px; border-radius:3px;}
ul.hydraulic-css li strong {display:block; font-size:13px; color:#fff; text-shadow:none;
 background-color:#2bbbea; background: -webkit-gradient(radial, center center, 0, center center, 460, from(#2bbbea), to(#11a0cf));

  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #2bbbea, #11a0cf);

  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #2bbbeaf, #11a0cf);

  /* IE 10 */
  background: -ms-radial-gradient(circle, #2bbbea, #11a0cf);}
ul.hydraulic-css li strong:hover, ul.product-all3 li strong:hover  {display:block; background-color:#dad7d7; font-size:13px; color:#2d2c2c;
 background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#cecfcf));
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, #ffffff, #cecfcf);
  /* Firefox 3.6+ */
  background: -moz-radial-gradient(circle, #ffffff, #cecfcf);
  /* IE 10 */
  background: -ms-radial-gradient(circle, #ffffff, #cecfcf);}

ul.hydraulic-css li span, ul.product-all3 li span {display:block; clear:both; text-shadow:none; 
border-bottom-right-radius:3px; border-top-left-radius:4px;
float:right; margin-top:7px; margin-bottom:0px; margin-right:0px; 
width:90px;
background-color:#6f7070; 
color:white; 
font-size:12px; font-family:Tahoma, Geneva, sans-serif; padding:0 2px;}
ul.hydraulic-css li span:hover {background-color:#ff7d40;}
ul.hydraulic-css h3,.product-maincat1 h3.hydraulic-css {clear:both; margin-bottom:2px; font-size:14px; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; color:#fff; background-color:#2a7bde; padding:4px; padding-left:7px; border-radius:4px; text-shadow:none;}
h2.hydraulic-css {font-size:14px; font-family:Tahoma, Geneva, sans-serif;}
  
/* zebra4 for hydraulic product 8-8-57 */
table.zebra4 {font-size:12px; font-family:Tahoma, Geneva, sans-serif; width:100%; border:2px solid #84bdd9;border-bottom:5px solid #84bdd9; 
 line-height:22px; border-collapse:collapse; margin-bottom:15px;}
table.zebra4 caption {font-size:13px; font-weight:bold; color:#000;}
table.zebra4 thead tr:first-child {height:30px;}
table.zebra4 thead tr:nth-child(odd) {background-color:#a0dcf8;}
table.zebra4 thead tr:nth-child(even) {background-color:#d2ecfa;}
table.zebra4 thead th {font-weight:bold; font-size:13px; border-bottom:1px solid #84bdd9; 
border-left:1px solid #fff; border-right:1px solid #fff; text-align:center;}
table.zebra4 tbody tr {border:1px solid #84bdd9;}
table.zebra4 tbody tr td {
 padding: 3px 10px;
 text-align:center;
 font-size:13px;
 font-family:Tahoma, Geneva, sans-serif;
 border-left:1px solid #84bdd9;
 border-right:1px solid #84bdd9;
 }
table.zebra4 tbody td.left {text-align:left; padding-left:5px!important;}
table.zebra4 tbody tr td.lefttext {text-align:left;}
table.zebra4 tbody tr td.bggrey, .zebra4 tbody tr.bggrey  {background-color:#f4f4f4;}
table.zebra4 tbody tr td.bgblue, .zebra4 tbody tr.bgblue {background-color:#e4f5fd;}
table.zebra4 tbody tr td.bgnone {background-color:#fff;}

table.zebra4 tbody tr:nth-child(odd) {background: #f7fcfe;}
table.zebra4 tbody tr:hover {background-color:#e9f5fb; background-repeat:no-repeat; background-position: 4px 7px;}

ul.structurepic {margin-top:20px; list-style:none;}
ul.structurepic li {border-bottom:1px solid #f4f4f4; margin-top:5px; font-weight:bold; text-decoration:underline;}
ul.structurepic li a {text-align:center; display:block; margin-left:auto; margin-right:auto;}
ul.structurepic li a img {display:block!important; margin-left:auto!important; margin-right:auto!important; padding-top:20px; padding-bottom:20px;}

/* zebra4.1 for reduce the font size */
table.zebra41 {font-size:12px; font-family:Tahoma, Geneva, sans-serif; width:100%; border:1px solid #84bdd9; 
 line-height:22px; border-collapse:collapse; margin-bottom:15px;}
 table.zebra41 caption {font-size:13px; font-weight:bold; color:#000;}
 table.zebra41 thead th {font-weight:bold; font-size:12px; border-bottom:1px solid #84bdd9; background-color:#c7eafb;  
 border-left:1px solid #84bdd9; border-right:1px solid #84bdd9;}
table.zebra41 tbody tr {border:1px solid #84bdd9;}
 table.zebra41 tbody tr td {padding-left:2px; text-align:center; font-size:11px; font-family:Tahoma, Geneva, sans-serif;
 border-left:1px solid #84bdd9; border-right:1px solid #84bdd9;}
 table.zebra41 tbody tr td.lefttext {text-align:left;}
 table.zebra41 tbody tr td.bggrey, .zebra41 tbody tr.bggrey  {background-color:#f4f4f4;}
 table.zebra41 tbody tr td.bgblue, .zebra41 tbody tr.bgblue {background-color:#e4f5fd;}
 table.zebra41 tbody tr td.bgnone {background-color:#fff;}
 table.zebra41 tbody.small1 tr td {font-size:10px;}
 table.zebra41 thead.small1 th {font-weight:bold; font-size:12px;}
 table.zebra41 tbody.small2 tr td {font-size:8px;}
 table.zebra41 thead.small2 th {font-weight:bold; font-size:9px;}
 table.zebra41 tbody.small3 tr td {font-size:7px;}
 table.zebra41 thead.small3 th {font-weight:bold; font-size:9px;}
 
 /* zebra5  for hyduralic pumb 27-8-57 */
 table.zebra5 {font-size:12px; font-family:Tahoma, Geneva, sans-serif; width:100%; height:auto; border:1px solid #e26a62; 
 line-height:22px; border-collapse:collapse; margin-bottom:15px;}
 table.zebra5 caption {font-size:13px; font-weight:bold; color:#000;}
 table.zebra5 thead th {font-weight:bold; font-size:13px; border-bottom:1px solid #e26a62; background-color:#feb9b4;  
 border-left:1px solid #e26a62; border-right:1px solid #e26a62; text-shadow:none;}
table.zebra5 thead tr:first-child {height:30px;}
table.zebra5 thead tr:nth-child(2) th {background-color:#ffe1df;}
table.zebra5 tbody tr {border:1px solid #e26a62; height:26px;}
 table.zebra5 tbody tr td {padding-left:3px; text-align:center; font-size:13px; font-family:Tahoma, Geneva, sans-serif;
 border-left:1px solid #e26a62; border-right:1px solid #e26a62; height:26px;}
 table.zebra5 tbody tr.smalltext td {font-size:11px;}
 table.zebra5 tbody tr td.lefttext {text-align:left;}
 table.zebra5 thead tr.subhead th {background-color:#fee7e5;}
 table.zebra5 tbody tr td.bggrey, .zebra5 tbody tr.bggrey, .zebra5 thead tr.bggrey th   {background-color:#fdf8f8;}
 table.zebra5 tbody tr td.bgblue, .zebra5 tbody tr.bgblue {background-color:#e4f5fd;}
 table.zebra5 tbody tr td.bgnone {background-color:#fff;}
 table.zebra5 tr.head0, table.zebra5 tr td.head0, table.zebra5 tr th.head0 {background-color:#dc554b; color:white;}
 
/* zebra6 for clc gray tone   3-9-57  */
table.zebra6 {font-size:12px; font-family:Tahoma, Geneva, sans-serif; width:100%; border:1px solid #b9b6b6; line-height:22px; border-collapse:collapse; margin-bottom:15px;}
table.zebra6 caption {font-size:13px; font-weight:bold; color:#000;}
table.zebra6 thead tr:first-child th {background-color:#e8e7e7;}
table.zebra6 thead th { height:30px; font-weight:bold; font-size:13px; border-bottom:1px solid #b9b6b6; background-color:#f0efef; border-left:1px solid #b9b6b6; border-right:1px solid #b9b6b6;}
table.zebra6 tbody tr {border:1px solid #b9b6b6;}
table.zebra6 tbody tr th {background-color:lightgray; border:1px solid #b9b6b6;}
table.zebra6 tbody tr td {padding-left:4px; font-size:13px; font-family:Tahoma, Geneva, sans-serif; border-left:1px solid #b9b6b6;}

 /* table zebra2 */
  table.zebra2 {line-height: 20px;
width: 100%;
border-radius: 5px;
border-collapse: separate;
border-right: 1px solid #d2d2d4;
border-bottom: 1px solid #d2d2d4;
background: #fff;
box-shadow: 0 8px 4px -4px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.2);}

div.custom-content ul.material {color:#088ec0; list-style:none; width:150px; border-radius:4px; 
padding:9px 15px; background-color:#dcf6ff; margin-left:0px;}
div.custom-content ul.material li{font-family:'droidsansthai-regular'; font-size:14px;}

table.zebra2 caption {font-family: 'droidsansthai-regular'; color: #5c5c5d; text-align:left; margin-top:20px; margin-bottom:3px; padding-right:0px;text-decoration:underline; font-size:14px;}
table.zebra2 thead {font-size:13px;background: #1b88cf;background: -moz-linear-gradient(
					top,
					rgba(0,115,187,1.0) 60%,
					rgba(40,146,216,1.0) 100%
				);
	background: -webkit-linear-gradient(
					top,
					rgba(0,115,187,1.0) 60%,
					rgba(40,146,216,1.0) 100%
				);
	background: -o-linear-gradient(
					top,
				    rgba(0,115,187,1.0) 60%,
					rgba(40,146,216,1.0) 100%
				);
	background: linear-gradient(
					to bottom,
				    rgba(0,115,187,1.0) 60%,
					rgba(40,146,216,1.0) 100%
				);}
table.zebra2 thead tr td,
table.zebra2 thead tr th {border: 1px solid #0a67a2;}
table.zebra2 thead tr th:first-child {border-top-left-radius:4px;}
table.zebra2 thead tr th:last-child  {border-top-right-radius:4px;}
table.zebra2 thead tr th.noradius, table.zebra2 thead tr.noradius {border-top-left-radius:0px!important; 
									border-top-right-radius:0px!important;}
				
table.zebra2 thead th {color: #fdfdff; text-align:center;
	text-shadow: 0 -1px 1px rgba(0,0,2,0.4);
	font-size: 12px;
	font-weight: bold;}

table.zebra2 thead th a:hover {color: #fdfdff;}
table.zebra2 tbody tr {border-top: 1px solid #d2d2d4;}
table.zebra2 tbody tr td {font-size:13px; text-align:center; line-height:25px;}
table.zebra2 tbody tr.borderbottom td, table.zebra2 tbody tr td.borderbottom  {border-bottom:1px solid #d6d8d8;}
table.zebra2 tbody tr:hover,
table.zebra2 tbody tr:nth-of-type(odd):hover,
table.zebra2 tbody tr.odd:hover {box-shadow: inset 0 1px 1px rgba(0,0,0,0.06);}
table.zebra2 tr td,
table.zebra2 tr th {border-left: 1px solid #d2d2d4;}
table.zebra2 tfoot tr {border-bottom: 1px solid #a2a2a4;
	background: #f5f5f5;
	color: #99999b;}
table.zebra2 tbody tr td.left {text-align:left; padding-left:7px!important;}
table.zebra2 tbody tr.bg, table.zebra2 tbody tr td.bg {background-color:#eef4fe;}
table.zebra2 tbody tr.blue, table.zebra2 tbody tr td.blue {color:#2476af;}
table.zebra2 tbody tr.nobg, table.zebra2 tbody td.nobg {background-color:#fff;}
p.blue {color:#2476af; margin-top:3px;}

/*     table 3   */
table.zebra3 {line-height:20px; width:100%;
    border-radius:5px;
	border-collapse: separate;
	border-right: 1px solid #d2d2d4;
	border-bottom: 1px solid #d2d2d4;
	background: #fff;
	box-shadow:
		0 8px 4px -4px rgba(0,0,0,0.1),
		inset 0 1px 0 rgba(255,255,255,0.2);}
table.zebra3 caption {font-family: 'droidsansthai-regular'; color: #5c5c5d; text-align:left; margin-top:20px; margin-bottom:3px;  text-decoration:underline; font-size:14px;}
table.zebra3 thead {font-size:13px;
	background: #1b88cf;
	background: -moz-linear-gradient(
					top,
					rgba(0,115,187,1.0) 40%,
					rgba(40,146,216,1.0) 100%
				);
	background: -webkit-linear-gradient(
					top,
					rgba(0,115,187,1.0) 40%,
					rgba(40,146,216,1.0) 100%
				);
	background: -o-linear-gradient(
					top,
				    rgba(0,115,187,1.0) 40%,
					rgba(40,146,216,1.0) 100%
				);
	background: linear-gradient(
					to bottom,
				    rgba(0,115,187,1.0) 40%,
					rgba(40,146,216,1.0) 100%
				);}
table.zebra3 thead tr td,
table.zebra3 thead tr th {border: 1px solid #0a67a2;}
table.zebra3 thead tr th:first-child {border-top-left-radius:4px;}
table.zebra3 thead tr th:last-child  {border-top-right-radius:4px;}
table.zebra3 thead tr th.noradius, table.zebra3 thead tr.noradius  {border-top-left-radius:0px!important; 
									border-top-right-radius:0px!important;}
table.zebra3 thead th {color: #fdfdff; text-align:center;
	text-shadow: 0 -1px 1px rgba(0,0,2,0.4);
	font-size: 12px;
	font-weight: bold;}

table.zebra3 thead th a:hover {color: #fdfdff;}
table.zebra3 tbody tr {border-top: 1px solid #d2d2d4;}
table.zebra3 tbody tr td {font-size:12px; text-align:center; line-height:25px;}
table.zebra3 tbody tr.borderbottom td, table.zebra3 tbody tr td.borderbottom  {border-bottom:1px solid #d6d8d8;}
table.zebra3 tbody tr:hover,
table.zebra3 tbody tr:nth-of-type(odd):hover,
table.zebra3 tbody tr.odd:hover {box-shadow: inset 0 1px 1px rgba(0,0,0,0.06);}
table.zebra3 tr td,
table.zebra3 tr th {border-left: 1px solid #d2d2d4;}
table.zebra3 tfoot tr {border-bottom: 1px solid #a2a2a4;
	background: #f5f5f5;
	color: #99999b;}
table.zebra3 tbody tr td.left {text-align:left; padding-left:7px!important;}
table.zebra3 tbody tr.bg, table.zebra3 tbody tr td.bg {background-color:#eef4fe;}
table.zebra3 tbody tr.blue, table.zebra3 tbody tr td.blue {color:#2476af;}
table.zebra3 tbody tr.nobg, table.zebra3 tbody td.nobg {background-color:#fff;}

/*table 3 zebra3 newcode red*/
table.zebra3-newcode {line-height:20px; width:100%;
    border-radius:5px;
	border-collapse: separate;
	border-right: 1px solid #d2d2d4;
	border-bottom: 1px solid #d2d2d4;
	background: #fff;
	box-shadow:
		0 8px 4px -4px rgba(0,0,0,0.1),
		inset 0 1px 0 rgba(255,255,255,0.2);}
table.zebra3-newcode caption {font-family: 'droidsansthai-regular'; color: #5c5c5d; text-align:left; margin-top:20px; margin-bottom:3px;  text-decoration:underline; font-size:14px;}
table.zebra3-newcode thead {font-size:13px;
	background: #1b88cf;
	background: -moz-linear-gradient(
					top,
				    rgb(255, 0, 0) 40%,
					rgba(249, 141, 90, 0.72) 100%
				);
	background: -webkit-linear-gradient(
					top,
				    rgb(255, 0, 0) 40%,
					rgba(249, 141, 90, 0.72) 100%
				);
	background: -o-linear-gradient(
					top,
				    rgb(255, 0, 0) 40%,
					rgba(249, 141, 90, 0.72) 100%
				);
	background: linear-gradient(
					to bottom,
				    rgb(255, 0, 0) 40%,
					rgba(249, 141, 90, 0.72) 100%
				);}
table.zebra3-newcode thead tr td,
table.zebra3-newcode thead tr th {border: 1px solid #cc0000;}
table.zebra3-newcode thead tr th:first-child {border-top-left-radius:4px;}
table.zebra3-newcode thead tr th:last-child  {border-top-right-radius:4px;}
table.zebra3-newcode thead tr th.noradius, table.zebra3-newcode thead tr.noradius  {border-top-left-radius:0px!important; 
									border-top-right-radius:0px!important;}
table.zebra3-newcode thead th {color: #fdfdff; text-align:center;
	text-shadow: 0 -1px 1px rgba(0,0,2,0.4);
	font-size: 12px;
	font-weight: bold;}

table.zebra3-newcode thead th a:hover {color: #fdfdff;}
table.zebra3-newcode tbody tr {border-top: 1px solid #d2d2d4;}
table.zebra3-newcode tbody tr td {font-size:12px; text-align:center; line-height:25px;}
table.zebra3-newcode tbody tr.borderbottom td, table.zebra3-newcode tbody tr td.borderbottom  {border-bottom:1px solid #d6d8d8;}
table.zebra3-newcode tbody tr:hover,
table.zebra3-newcode tbody tr:nth-of-type(odd):hover,
table.zebra3-newcode tbody tr.odd:hover {box-shadow: inset 0 1px 1px rgba(0,0,0,0.06);}
table.zebra3-newcode tr td,
table.zebra3-newcode tr th {border-left: 1px solid #d2d2d4;}
table.zebra3-newcode tfoot tr {border-bottom: 1px solid #a2a2a4;
	background: #f5f5f5;
	color: #99999b;}
table.zebra3-newcode tbody tr td.left {text-align:left; padding-left:7px!important;}
table.zebra3-newcode tbody tr.bg, table.zebra3-newcode tbody tr td.bg {background-color:#fb917233;}
table.zebra3-newcode tbody tr.blue, table.zebra3-newcode tbody tr td.blue {color:#2476af;}
table.zebra3-newcode tbody tr.nobg, table.zebra3-newcode tbody td.nobg {background-color:#fff;}

/* .zebra-org */
table.zebra-org thead {background: #f1592a;}
table.zebra-org thead tr th {text-shadow:none; border:1px solid #f8c2b1;}
table.zebra-org tbody tr.bg {background-color:#fdf5f3;}
table.zebra-org thead tr.nobg th {background-color:#FFFFFF; color:#64605e!important;}

/* table Left 1st colum textalign-left */
table.tbl_1left tr td:first-child {text-align:left; padding-left:25px;}

/* table Left last colum textalign-center */
table.tbl_lastcenter tr td:last-child, table.tbl_allcenter tr td {text-align:center;}

/* table all text center */
table.tbl_allcenter {text-align:center!important;}
table.tbl_allcenter tr:nth-child(odd) {background-color:rgba(247,247,247,5);}
table.tbl_allcenter tr:hover { background-image:url(arrow/arrow-tbl-hover2.png); background-repeat:no-repeat; background-position: 4px 7px; background-color:rgba(228,228,228,0.5);}

table.tbl_2center td:nth-child(2) {background: red;}

td.tblleft {text-align:left!important;}
td.tblcenter {text-align:center;}
td.tblright {text-align:right;}


/* apply job */
h3.toggler {font-family: Tahoma, Geneva, sans-serif, droidsansthai-regular; font-size: 13px; font-weight: bold;}

.module .badge-new2 {background-position: 0 -350px; ,

/* sitemap  */
div.sitemap1 > a:link {color:#FF0000!important;}      /* unvisited link */
div.sitemap1 a:visited {color:#00FF00;}  /* visited link */
div.sitemap1a:hover {color:#FF00FF;}  /* mouse over link */
div.sitemap1 a:active {color:#0000FF;}  /* selected link */

/* download btn */
table.zebra {border:1px solid red; width:100%!important;}
.zebra thead th {text-align:center!important; background-color:#0099FF; color:white;}
.zebra tbody td img {display:block; margin:0 auto;}

/*    */
img.testt {border-radius: 7px!important; border: 1px solid #d7d3d3!important; max-width:auto!important;}


/* ifrem */
div.content iframe {display: block; margin: 10px auto!important;}