/***
 *** PAGE LEVEL LAYOUT COMPONENT CSS Document
 ***
 ***
 *** - Home
 *** - Home Eng
 *** - Product
 *** - QC
 *** - News
 *** - Clip
 ***
 ***/


/***
 *** BEGIN Home
 ***/

#main_visual {
	clear: both;
	width: 926px;
	height: 500px;
	overflow: hidden;
	margin: 8px auto 0;
	padding: 0;
    border: #FFF 2px solid;
    border-radius: 8px;
}
#corp_intro_area {
	float: left;
	display: inline-block;
	width: 49.45%;
	height: 350px;
	overflow: hidden;
	background: #FFF;
	margin: 0.862% 0.862% 0.862% 0;
	padding: 10px;
	border-radius: 8px;
}
	#corp_intro_area p {
		font-size: 0.813em;
		color: #333;
		line-height: 21px;
		margin: 8px 0;
	}
#index_sub_content_area {
	float: right;
	display: inline-block;
	width: 45.16%;
	overflow: hidden;
	background: #FFF;
	margin: 0.862% 0;
	padding: 10px;
	border-radius: 8px;
}
	#index_sub_content_area ul {
		clear: both;
		margin: 0;
		padding: 0;
	}
	#index_sub_content_area li.title {
		color: #295590;
		font-size: 1em;
		letter-spacing: 0.2em;
		margin: 0 0 8px;
	}
	#index_sub_content_area li.index_product_intro {
		float: left;
		display: inline-block;
		width: 32.1%;
		/*height: 135px;*/
		overflow: hidden;
		margin: 0 3px 0 0;
		padding: 0;
		border: #CCC 1px solid;
		list-style: none;
	}
		.index_product_photo {
			width: 135px;
			height: 100px;
			overflow: hidden;
			text-align: center;
			margin: 0;
			padding: 0;
		}
			.index_product_photo img {
				width: 100%;
			}
		.index_product_desc {
			width: 100%;
			overflow: hidden;
			color: #295590;
			font-size: 0.875em;
			letter-spacing: 0.2em;
			text-align: center;
			margin: 0;
			padding: 7.43% 0;
		}
			.index_product_desc a:link, .index_product_desc a:visited, .index_product_desc a:hover {
				color: #295590;
			}
	#index_sub_content_area li.index_map {
		width: 100%;
		height: 127px;
		overflow: hidden;
		margin: 0 auto;
		padding: 0;
		border: #CCC 1px solid;
		list-style: none;
	}


/***
 *** BEGIN Home Eng
 ***/

#corp_intro_area_eng {
	width: 96%;
	height: auto;
	overflow: hidden;
	background: #FFF;
	margin: 0.862% auto;
	padding: 2%;
	border-radius: 8px;
}
	#corp_intro_area_eng p {
		color: #333;
		font-size: 0.875em;
		font-weight: 500;
		line-height: 1.5em;
		text-align: justify;
		margin: 8px 0;
	}
#index_sub_content_area_eng {
	float: left;
	display: inline-block;
	width: 46.85%;
	overflow: hidden;
	background: #FFF;
	margin: 0.862% 0.5%;
	padding: 10px;
	border-radius: 8px;
}
	#index_sub_content_area_eng ul {
		clear: both;
		margin: 0;
		padding: 0;
	}
	#index_sub_content_area_eng li.title_eng {
		color: #295590;
		font-size: 1em;
		font-weight: 500;
		letter-spacing: 0.1em;
		margin: 0 0 8px;
	}
	#index_sub_content_area_eng li.index_product_intro {
		float: left;
		display: inline-block;
		width: 32.1%;
		/*height: 135px;*/
		overflow: hidden;
		margin: 0 3px 0 0;
		padding: 0;
		border: #CCC 1px solid;
		list-style: none;
	}
		.index_product_photo {
			width: 135px;
			height: 100px;
			overflow: hidden;
			text-align: center;
			margin: 0;
			padding: 0;
		}
			.index_product_photo img {
				width: 100%;
			}
		.index_product_desc_eng {
			width: 100%;
			overflow: hidden;
			color: #295590;
			font-size: 0.875em;
			letter-spacing: 0;
			text-align: center;
			margin: 0;
			padding: 7.43% 0;
		}
			.index_product_desc_eng a:link, .index_product_desc_eng a:visited, .index_product_desc_eng a:hover {
				color: #295590;
			}
	#index_sub_content_area_eng li.index_map {
		width: 100%;
		height: 127px;
		overflow: hidden;
		margin: 0 auto;
		padding: 0;
		border: #CCC 1px solid;
		list-style: none;
	}
		#index_sub_content_area_eng li.index_map iframe {
			width: 100%;
		}

/***
 *** BEGIN Product
 ***/

table.products {
	clear: both;
	width: 99%;
	margin: 12px auto 6px;
	border-collapse: collapse;
}
td.td_products_title {
	background: #efefef;
	color: #183154;
	font-size: 1em;
	padding: 12px 6px;
	border: #dcdddd 1px solid;
}
td.td_products {
	color: #3e3a39;
	font-size: 0.813em;
	padding: 6px;
	border: #dcdddd 1px solid;
}
	.view_prod_pic {
	        float: right;
	        display: inline-block;
	        font-size: 13px;
	        color: #183154;
	        margin-right: 6px;
	}
		.view_prod_pic a:link, .view_prod_pic a:visited, .view_prod_pic a:hover {
		        color: #183154;
		}
	.prod_title {
		width: 11%;
	}
	.prod_desc {
		width: 33%;
	}
	.prod_pic {
		width: 56%;
	}
		.prod_pic img {
			width: 100%;
		}


/***
 *** BEGIN QC
 ***/

#main_content li p {
	width: 96%;
	overflow: hidden;
	color: #3e3a39;
	font-size: 0.813em;
	line-height: 21px;
	text-align: justify;
	margin: 8px auto 4px;
	padding: 0;
}


/***
 *** BEGIN News
 ***/

#main_content li.li_news_list {
	width: 95%;
	overflow: hidden;
	background: url(../image/icon_dark_yellow_001.png) 18px 3px no-repeat;
	color: #3e3a39;
	font-size: 0.813em;
	line-height: 21px;
	text-align: justify;
	margin: 8px auto 4px;
	padding: 0 0 0 33px;
	border-bottom: #dcdddd 1px dotted;
}
	#main_content li.li_news_list a:link, #main_content li.li_news_list a:visited, #main_content li.li_news_list a:hover {
		color: #3e3a39;
	}


/***
 *** BEGIN Clip
 ***/

#main_content li.li_clip_list {
	width: 100%;
	overflow: hidden;
	margin: 6% auto 0;
	padding: 0;
    list-style-type: none;
}
.clip_thumb {
	width: 75.17%;
	height: 315px;
	overflow: hidden;
	text-align: center;
	margin: 0.806% auto 0.403%;
	padding: 0.403%;
	border: #CCC 1px dotted;
}
.clip_title {
	width: 73.826%;
	overflow: hidden;
	background: RGBA(247, 247, 247, 0.75);
	font-size: 0.875em;
	color: #000;
	line-height: 125%;
	margin: 0.403% auto 0;
	padding: 1.075%;
	border: #CCC 1px solid;
}