/* CSS Document */
@import url(text.css);

*
{
	border:0;
}

a:link{color:#3d6063;text-decoration:none;}
a:hover{color:#3d6063;text-decoration:none;}
a:active{color:#3d6063;text-decoration:none;}
a:visited{color:#3d6063;text-decoration:none;}


body
{
	/*background:#000000 url(../images/bg.gif);	
	color:#00FF00;*/
	font-family:"Ms Sans Serif", Tahoma, Thonburi;
	font-size:12px;
	line-height:14px;
	text-decoration:none;
	font-weight:bold;
	color:#3d6063;

}

table
{
	font-family:"Ms Sans Serif", Tahoma, Thonburi;
	font-size:12px;
	line-height:14px;
	text-decoration:none;
	font-weight:none;
	color:#3d6063;

}

p
{
	margin:0;
	padding:0;
}


#frameAll
{
	position:absolute;
	width:947px;
	height:646px;
	margin:0px 0px 0px -473px;
	/*background:#ff0000;*/
	top:0; 
	left:50%;
	text-align:left;
	padding:0px;
	overflow:auto;
	background:url(../images/frameAll.gif);
	z-index:100;
}

#content
{
	position:absolute;
	width:900px;
	height:630px;
	margin:0px 0px 0px -450px;
	/*background:#ff0000;*/
	top:0; 
	left:50%;
	text-align:left;
	padding:0px;
	/**/overflow:hidden;
	z-index:200;
}

#footer
{
	position:absolute;
	width:900px;
	height:30px;
	margin:640px 0px 0px -450px;
	/*background:#ff0000;*/
	top:0; 
	left:50%;
	text-align:center;
	padding:0px;
	/*overflow:auto;*/
	z-index:200;
}

#middle
{
	position:absolute;
	width:600px;
	height:300px;
	top:0; 
	left:50%;
	margin:220px 0px 0px -290px;
	text-align:center;
	padding:0px;
	overflow:auto;
	z-index:500;
	scrollbar-base-color: #ffcf00;
	/*background:#ffffff;*/
}

#middle2
{
	position:absolute;
	width:600px;
	height:300px;
	top:0; 
	left:50%;
	margin:230px 0px 0px -290px;
	text-align:center;
	padding:0px;
	overflow:auto;
	z-index:500;
	scrollbar-base-color: #ffcf00;
	/*background:#ffffff;*/
}

#middle3
{
	position:absolute;
	width:600px;
	height:300px;
	top:0; 
	left:50%;
	margin:250px 0px 0px -290px;
	text-align:center;
	padding:0px;
	overflow:auto;
	z-index:500;
	scrollbar-base-color: #ffcf00;
	/*background:#ffffff;*/
}


#middle .proSubBg
{
	background:url(../images/product/frame_sub.gif) no-repeat;
	text-align:left;
	vertical-align:top;
	width:200px;
	height:251px;
	margin:0;
	padding:0;
}

#body-bottom q
{
	background:url(../images/about/content.gif) no-repeat;	
	display:block;
	padding:30px 0 0 15px;
	margin:0 auto;
	width:465px;
	height:90px;
}

#body-bottom ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#body-bottom ul li
{
	list-style:none;	
	padding:0 0 0 20px;
	margin:3px 0;
	background:url(../images/bullet.gif) no-repeat;
	text-align:justify;
}


#middle p.about
{
	margin:10px 0;
	padding:0;
}

#middle .history
{
	width:210px; 
	height:41px; 
	margin:0; 
	padding:0; 
	overflow:hidden;
}

#middle .history span
{
	background:url(../images/about/head_history.gif) no-repeat left top;
	display:block;
	width:100%;
	height:100%;
}

#middle .policy
{
	width:210px; 
	height:41px; 
	margin:0; 
	padding:0; 
	overflow:hidden;
}

#middle .policy span
{
	background:url(../images/about/head_policy.gif) no-repeat left top;
	display:block;
	width:100%;
	height:100%;
}

#middle .develop
{
	width:210px; 
	height:41px; 
	margin:0; 
	padding:0; 
	overflow:hidden;
}

#middle .develop span
{
	background:url(../images/about/head_develop.gif) no-repeat left top;
	display:block;
	width:100%;
	height:100%;
}

.frame
{
	background:url(../images/product/frame_new.gif) center top no-repeat;
	text-align:right;
	vertical-align:top;
	width:25%;
	height:120px;
	margin:0;
	padding:0;
}

.frameNo
{
	/*background:url(../images/product/frame.gif) 25px 12px no-repeat;
	background:#ffffff;*/
	text-align:right;
	vertical-align:top;
	width:25%;
	height:86px;
	margin:0;
	padding:0;
}

.frame .pro
{
	width:100%;
	height:120px;
	/*padding:-15px 0 0 0;*/
	text-align:center;
	vertical-align:top;
}

.frame img
{
	margin:13px 0 0 0;
}



.ddlProduct
{
	width:150px;
}

#page
{
	margin:15px 35px 0 0;
	position:absolute;
	bottom:15px;
	right:0;
}

#page a
{
	margin:0 5px;
}

#page img
{
	border:0px;
}


.contactUs
{
	text-align:right;
	vertical-align:top;
	margin:2px 0;
}

.message
{
	/*margin:0 0 0 10px;*/
	width:250px;
	height:85px;
}

.box
{
	text-align:left;
}

.box input
{
	width:200px;
	margin:1px 0 1px 15px;
}

.box textarea
{
	width:200px;
	height:85px;
	margin:1px 0 1px 15px;
}

.address
{
	padding:0 0 0 10px;
	margin:0 0 5px 0;
	vertical-align:top;
}

.tel
{
	height:15px;
	padding:4px 0 0 10px;
	margin:0 0 2px 0 ;
	vertical-align:top;
}

#page .txtpage,
{
	font-family: "MS Sans Serif", Tahoma, sans-serif;
	font-size: 12px;
	font-style:normal;
	font-weight:bold;
	color: #6d6063;
	text-decoration: none;
	margin:0;
	vertical-align:middle;
	padding:13px 7px 13px 7px;

}
#page .txtpage a { color: #6d6063; text-decoration:none;}
#page .txtpage a:active { color: #6d6063; text-decoration:none;}
#page .txtpage a:visited { color: #6d6063; text-decoration:none;}
#page .txtpage a:hover { color: #6d6063; text-decoration:underline}

#page .txtpagecurrent,
{
	font-family: "MS Sans Serif", Tahoma, sans-serif;
	font-size: 12px;
	font-style:normal;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;
	background:url(../images/ActivePage_bg.gif) no-repeat center;
	margin:0;
	vertical-align:middle;
	padding:13px 7px 13px 7px;
}
#page .txtpageimg,
{
	font-family: "MS Sans Serif", Tahoma, sans-serif;
	text-decoration: none;
	width:14px;
	height:14px;
	vertical-align:middle;
	margin:0;
	padding:13px 7px 13px 7px;
}



/* -------------------------- template about page -------------------------- */

#wrapper {
	margin:auto;
	text-align:left;
	width:947px;
}

#body {
	background:url(../images/frameMiddle.gif) top repeat-y;
	clear:both;
	width:947px;
}

#body-top {
	background:url(../images/frameTop.gif) top right no-repeat;
}

#body-bottom {
	background:url(../images/frameBottom.gif) bottom left no-repeat;
}