/* @override 
	http://localhost/css/chiaota.css
	http://chiaota.com.tw/css/chiaota.css
*/

html, body{
	overflow-x: hidden;
}

body{
	margin: 0;
	padding: 0;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	background: url(img/bg.jpg) repeat-x;
}

body.inner{
	background: url(img/bg_inner.jpg) repeat-x;
}

/* @group general */

.clear{
	overflow: hidden;
	width: 0;
	height: 0;
	clear: both;
}

img{
	vertical-align: bottom;
}

a img{
	border: none;
}

a{
	color: #333;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
	color: #d9144b;
}

.tiny_text_input{
	border: 1px solid #999;
	height: 18px;
	width: 40px;
	padding: 1px;
}

.short_text_input{
	border: 1px solid #999;
	height: 18px;
	width: 90px;
	padding: 1px;
}

.text_input{
	border: 1px solid #999;
	height: 23px;
	width: 200px;
	padding: 0px;
}

.long_text_input{
	border: 1px solid #999;
	height: 18px;
	width: 260px;
	padding: 1px;
}

.file_input{
	width: 200px;
}

.error{
	color: red;
	padding: 5px 0 0 0;
}

/* @end */

#container{
	width: 1000px;
	margin: auto;
	position: relative;
}

/* @group header */

#header{
	width: 1000px;
	height: 620px;
	background: url(img/header_bg.jpg) repeat-x;
}

#header_inner{
	width: 1000px;
	height: 390px;
	background: url(img/header_bg.jpg) repeat-x;
}


#logo{
	position: absolute;
	top: 0;
	left: 30px;
}

#language_selector{
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 40px;
	right: 30px;
}

#language_selector li{
	float: left;
}

#banner{
	width: 1300px;
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -650px;
}

#menu_container{
	width: 1000px;
	height: 80px;
	background: url(img/menu_bg.jpg) repeat-x;
}

#menu{
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu li{
	float: left;
}

/* @end */

/* @group main */

#main{
	position: relative;
}

.one_col{
	width: 940px;
	padding: 50px 30px;
}

.two_third_col{
	width: 610px;
	padding: 50px 0 50px 30px;
}

.sub_one_col{
	width: 940px;
	border-top: 1px solid #ccc;
	margin: 50px 0;
}

.sub_two_col{
	width: 940px;
	margin: 20px 0;
}

.three_col{
	width: 940px;
	padding: 50px 30px;
}

.three_col .column{
	width: 290px;
	float: left;
	position: relative;
	margin-bottom: 30px;
}

p{
	color: #333;
	line-height: 20px;
	margin: 15px 0;
}

ol{
	color: #333;
	margin: 15px 0;
	padding: 0 0 0 20px;
	line-height: 20px;
}

#main ul{
	list-style: none;
	margin: 15px 0;
	padding: 0 0 0 50px;
	color: #333;
	line-height: 20px;
	text-indent: -50px;
}

.three_col .first_col, .three_col .second_col{
	margin-right: 35px;
}

.read_more{
	color: #d9144b;
	padding: 0 12px 0 0;
	background: url(img/arrow.gif) 100% 6px no-repeat;
	font-weight: bold;
}



/* @end */

/* @group contact table */

#contact_container{
	height: 450px;
}

#all_contact_info{
	position: absolute;
	top: 8px;
	right: 0px;
	color: #d9144b;
}

#contact_table{
	border-collapse: collapse;
	margin: 15px 0;
}

#contact_table th{
	width: 85px;
	padding: 5px 0;
	text-align: left;
	color: #333;
}

#contact_table td{
	padding: 2px 0;
}

#contact_table textarea{
	border: 1px solid #999;
	width: 285px;
	height: 100px;
	margin: 0;
	padding: 0;
}

#contact_table .submit_row{
	text-align: right;
}

/* @end */

/* @group footer */

#footer{
	width: 1000px;
	margin: auto;
	height: 110px;
	border-top: 1px solid #ccc;
	position: relative;
}

#contact_info{
	position: absolute;
	top: 10px;
	left: 30px ;
}

#copyright{
	position: absolute;
	top: 10px;
	right: 30px;
}

#designed{
	position: absolute;
	top: 72px;
	right: 30px;
}

#follow_us{
	list-style: none;
	position: absolute;
	top: 25px;
	right: 30px;
}

#follow_us li{
	float: left;
	margin-left:5px
}

/* @end */

/* @group products */

.product_container{
	width: 460px;
	float: left;
	margin-bottom: 30px;
}

.first_col, .second_col{
	margin-right: 20px;
}

.product_intro{
	color: #333;
}

.product_intro .title{
	padding: 10px 0 5px 0;
	font-weight: bold;
}

.product_intro .intro_content{
	line-height: 20px;
}

/* @end */

/* @group equipments */

.equipment_container{
	width: 300px;
	float: left;
	margin-bottom: 30px;
}

.equipment_intro{
	font-weight: bold;
	padding: 10px 0 5px 0;
	color: #333;
}

/* @end */

/* @group contact info */

#contact_info_table{
	border-collapse: collapse;
	width: 610px;
	color: #333;
	margin-bottom: 40px;
}

#contact_info_table th, #contact_info_table td{
	border-bottom: 1px solid #ccc;
	padding: 10px 5px;
}

#contact_info_table th{
	color: #000;
	text-align: left;
}

#contact_info_table td{

}

.role{
	margin-bottom: 20px;
}

.role .title{
	font-weight: bold;
	padding: 5px 0;
}

.role .info{
	color: #333;
}

#contact_form{
	width: 290px;
	position: absolute;
	top: 50px;
	right: 30px;
}

/* @end */

/* @group map */

img{
	border: none;
}

map{
	display: none;
}


/* @end */

#iso_certification{
	border: 1px solid #ccc;
}