@charset "utf-8";
@font-face{
font-family: Arial;
src: url('../fonts/arial_0.ttf') format('truetype')
    ,url('../fonts/arial_0.eot?#iefix') format('embedded-opentype')
	,url('../fonts/arial_0.otf')
	,url('../fonts/arial_0.woff') format('woff')
	,url('../fonts/arial_0.svg#GliscorGothicRegular') format('svg'); /* IE9+ */
}
@font-face{
font-family: Tahoma;
src: url('../fonts/tahoma_0.ttf') format('truetype')
    ,url('../fonts/tahoma_0.eot?#iefix') format('embedded-opentype')
	,url('../fonts/tahoma_0.otf')
	,url('../fonts/tahoma_0.woff') format('woff')
	,url('../fonts/tahoma_0.svg#GliscorGothicRegular') format('svg'); /* IE9+ */
}
*{    
	padding: 0;
	margin: 0;
}
body {
	font-family: Tahoma;
	background-color:#f8f8f8;
	min-width:1000px;
}
.clearCss{ clear:both;}
*:focus { outline:none; }

.div-menu {
	background-image: url(../img/menu_bg_line_1.jpg);	
	height: 110px;
	border:0;
	overflow:hidden;
	padding:0;
	margin:0;
}
.div-menu .menu-box{
	height: 110px;
	width: 970px;
	margin:0 auto;
	border:0;
	padding:0;
}
.div-menu .menu-box .line{
	background-image: url(../img/menu_bg_line_2.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 110px;
	width: 1px;	
	border:0;
}
.div-menu .menu-box .box1{
	float: right;
	height: 110px;
	width: 191px;
	border:0;
	background-image: url(../img/menu_bg.jpg);
	background-repeat: no-repeat;
}
.div-menu .menu-box .box1 a{
	color: #272727;
	text-decoration:none;
}
.div-menu .menu-box .box1 .txt1{
	font-family: Arial;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	padding-top: 19px;	
}

.div-menu .menu-box .box1 .txt2{
	font-family: Tahoma;
	font-size: 20px;
	color: #FFF;
	padding-top: 6px;
	text-align: center;
	padding-top: 3px;
}
.div-menu .menu-box .this{
	background-image: url(../img/menu_bg_2.jpg);
}
.div-menu .menu-box .box1 a{
	color: #FFF;
	text-decoration:none;
}
.div-logo{  
	border:0;
	
	height:89px;
	overflow:hidden;
}
.div-logo .center{
	border:0;
	width:870px; 
	margin:0 auto;
	height:89px;
}
.div-banner-menu{ width:1000px; height:57px; padding:0; margin:0 auto; }
.div-banner-menu #navi_containTab{
	list-style:none;
	padding:0;
	margin:0;	
	width:100%;
}
.div-banner-menu #navi_containTab li{
	display:block;
	float:left;
	height:57px;	
	width:33.333333333333333333%;  /* กำหนดความกว้างทั้งหมด  หารด้วยจำนวนเมนูแท็บ  */
	border:0px;
	line-height:25px;
	cursor:pointer;
	text-align:center;
	background-repeat: no-repeat;
	background-position: center top;
}
/* class รูปแบบของแต่ละเมนู */
.div-banner-menu .tabNavi1{
	background-image: url(../img/tab1-1.png);
}
.div-banner-menu .tabNavi1-this{
	background-image: url(../img/tab1-2.png);
}
.div-banner-menu .tabNavi2{
	background-image: url(../img/tab2-1.png);
}
.div-banner-menu .tabNavi2-this{
	background-image: url(../img/tab2-2.png);
}
.div-banner-menu .tabNavi3{
	background-image: url(../img/tab3-1.png);	
}
.div-banner-menu .tabNavi3-this{
	background-image: url(../img/tab3-2.png);	
}
.div-banner{
	background-image: url(../img/banner_bg.jpg);
	background-repeat: repeat-x;
	height: 391px;
	padding-top:15px;
	overflow:hidden
}

.div-banner #detail_containTab{
	list-style:none;
	padding:0;
	margin:0 auto;;	
	width:1000px;	
	height:411px;
	overflow:hidden;
}
.div-banner #detail_containTab .detailContent1, .div-banner #detail_containTab detailContent2, .div-banner #detail_containTab detailContent3{
	list-style:none;
	padding:0;
	margin:0 auto;;	
	width:1000px;	
	height:411px;
	overflow:hidden;	
}
.div-content{ width:1000px; margin:0 auto; border:0; min-height:200px;  }
.div-content .div-in-1{
	padding:10px 0;
	margin:0 auto;
	width:973px;
}
.div-content .div-in-2{
	padding-top:10px;
	padding-bottom:5px;
	margin:0 auto;
	width:973px;
}
.div-content .div-in-content-l{
	padding-left: 12px;
	margin:0 auto;
	width:985px;
	background-image: url(../img/content_shadow_l.png);
	background-repeat: repeat-y;
	background-position: left;
}
.div-content .div-in-content-r{
	padding-right: 12px;
	background-image: url(../img/content_shadow_r.png);
	background-repeat: repeat-y;
	background-position: right;
}
.div-footer{
	background-image: url(../img/footer_bg1.jpg);
	background-repeat: repeat-x;	
	height: 159px;
	overflow:hidden;
}
.div-footer .footer-shadow{
	height: 159px;
	text-align:center;}
.div-footer .footer-shadow img{
	margin-top: 28px;	
}
.pro-menu{ min-height:77px;}
.pro-menu .pro-box1{
	float:left;
	height:77px;
	background-image: url(../img/pro-box1.png);
	background-repeat: no-repeat;
	width: 7px;
	background-position: left top;
	list-style:none;
	border:0;
	margin:0;
	padding:0;
}
.pro-menu .pro-box2{
	float:left;
	height:77px;
	background-image: url(../img/pro-box2.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 7px;	
	list-style:none;
	border:0;
	margin:0;
	padding:0;
}
.pro-menu .pro-box3{
	float:left;
	height:77px;
	background-repeat: no-repeat;
	background-position: left top;
	width: 21px;
	background-image: url(../img/pro-box3.png);
	list-style:none;
	border:0;
	margin:0;
	padding:0;
}
.pro-menu .pro-box4{
	float:left;
	height:77px;
	background-image: url(../img/pro-box4.png);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 77px;
	width: 166px;
	color: #FFF;
	text-decoration: none;
	font-size: 24px;
	text-align: center;
	list-style:none;
	border:0;
	margin:0;
	padding:0;
}

.pro-menu .pro-box5{
	background-image: url(../img/pro-box5.png);
	border:0;
	margin:0;
	padding:0;
}
.pro-h1{padding:10px; margin-top:10px; font-size:18px; color:#fff; }
.pro-h2{padding:10px 25px; margin-bottom:5px; font-size:16px; color:#00606; }
.pro-show{ padding:0 20px;}
.pro-img{
	float:left;
	padding:10px;
	margin:5px;
	border:solid 1px #999999;
	height:180px;
	width: auto;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align:	center;
}
.pro-img img{height:180px; margin:0 auto;}
.process-menu{ min-height:77px;}
.process-menu .process-box1{
	float:left;
	height:77px;
	background-image: url(../img/process-box1.png);
	background-repeat: no-repeat;
	width: 7px;
	background-position: left top;
	list-style:none;
	border:0;
	margin:0;
	padding:0;
}
.process-menu .process-box2{
	float:left;
	height:77px;
	background-image: url(../img/process-box2.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 7px;	
	list-style:none;
	border:0;
	margin:0;
	padding:0;
}
.process-menu .process-box3{
	float:left;
	height:77px;
	background-repeat: no-repeat;
	background-position: left top;
	width: 15px;
	background-image: url(../img/process-box3.png);
	list-style:none;
	border:0;
	margin:0;
	padding:0;
}
.process-menu .process-box4{
	float:left;
	height:77px;
	background-image: url(../img/process-box4.png);
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 77px;
	width: 220px;
	color: #FFF;
	text-decoration: none;
	font-size: 24px;
	text-align: center;
	list-style:none;
	border:0;
	margin:0;
	padding:0;
}

.process-menu .process-box5{
	background-image: url(../img/process-box5.png);
	border:0;
	margin:0;
	padding:0;
}
.process-h1{
	margin-top:10px;
	font-size:18px;
	color:#fff;
	background-image: url(../img/dot.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}
.process-img{
	float:left;
	margin:5px;
	border:solid 1px #999999;
	height:310px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.process-img img{height:250px; width:auto; padding:10px;}
.process-img .text{
	padding:0 5px;
	line-height:37px;
	height:37px;
	border-top:solid 1px #999999;
	color:#434242;
	text-align:center;
	font-size:13px;
	overflow:hidden;
}
.shadow-bottom{background-image: url(../img/pro-shadow.jpg); background-repeat: repeat-x; height:25px; margin-top:5px;}
.contact-address{
	background-color:#f8f1d3; padding:20px; margin-bottom:10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.contact-google{margin-bottom:10px; text-align:center;}
.contact-google iframe{ margin:0 auto;}
.contact-map img{ width:100%; margin-bottom:10px; border:0;}