/*
Date: May 1, 2012
Designer: Chou Chia Ling
*/
/*layout----------------------*/ 
*{margin: 0;	padding: 0}
html{
	font: 13px/22px Verdana, 新細明體, Arial, Helvetica, sans-serif;
	background:url("../img/bg.jpg") top repeat-x;
	color: #000;
}
#container{
	width: 1000px;
	margin: 0 auto;
}
a img{border: none;}
a:link, a:visited{color:#d32908;text-decoration:none;}
a:hover, a:active, a:focus{color:#d32908;text-decoration:none;cursor:pointer}
h1, h2, h3, h4, h5, h6{
	margin-top: 0;
	margin-bottom:0;
	font-size:15px;
	font-weight:bold;
	line-height:24px;
}
#header, section, #footer, aside, nav, article, figure{display: block;}

/*header----------------------*/ 
#header {
	height:100px;
	padding-left:10px;
	position:relative;
}
.logo{
	float:left;
	margin-top:25px;
}
.intro{
	background:url("../img/flashbg.png") 0 0 repeat-x;
	width:1000px;
	height:252px;
}
/*menu----------------------*/ 
#nav{
	height:39px;
	width:1000px;
	position:absolute;right:0;bottom:5px;
	background:url("../img/menu.png") right top no-repeat;
}
ul#menu{
	list-style-type:none;
}
ul#menu li{
	display:block;
	float:left;
	font-size:15px;
	text-indent:-9999px;
}
ul#menu li.index{width:432px}
ul#menu li.home{width:110px}
ul#menu li.about{width:120px}
ul#menu li.product{width:200px}
ul#menu li.contact{width:138px}
ul#menu li a{
	display:block;
	height:39px;
}
#magic-line{ 
	position:absolute;bottom:-5px;	left:0; 
	height:5px; 
	background:#de5159;
}
.ie6 #example-one li, .ie7 #example-one li{ 
	display: inline; 
}
.ie6 #magic-line{
	bottom: -3px;
}
/*menu-en---------------------*/ 
#nav-en{
	height:39px;
	width:1000px;
	position:absolute;right:0;bottom:5px;
	background:url("../img/menu-en.png") right top no-repeat;
}
#nav-en ul#menu li.index{width:432px}
#nav-en ul#menu li.home{width:125px}
#nav-en ul#menu li.about{width:145px}
#nav-en ul#menu li.product{width:135px}
#nav-en ul#menu li.contact{width:163px}
/*menu-jp---------------------*/ 
#nav-jp{
	height:39px;
	width:1000px;
	position:absolute;right:0;bottom:5px;
	background:url("../img/menu-jp.png") right top no-repeat;
}
#nav-jp ul#menu li.index{width:432px}
#nav-jp ul#menu li.home{width:157px}
#nav-jp ul#menu li.about{width:126px}
#nav-jp ul#menu li.product{width:126px}
#nav-jp ul#menu li.contact{width:159px}
/*dropdown menu----------------------*/ 
ul#menu ul.dropdown{
	width:198px;
	border:1px solid #ccc;
	border-top-width:0;
	list-style:none;
	background-color:#eee;
	padding:10px 0;
	overflow:hidden;
	position:absolute;/*fix IE*/
}
ul#menu ul.dropdown li a{
	border-right:none; /*clear #menu style*/
	padding-left:0; /*fix fancydropdown*/
	margin-left:15px;
	width:180px;
	overflow:hidden;
	line-height: 30px;
	height: 30px;
	text-indent:10px;
}
ul#menu ul.dropdown li{
	cursor:pointer
}
/*lang----------------------*/ 
ul#lang{
	width:252px;
	height:31px;
	background:url("../img/lang.png") 0 0 no-repeat;
	position:absolute;right:0;top:0;
	padding-top:8px;
	padding-left:8px;
	list-style-type:none; 
}
ul#lang li{
	font-size:12px;
	height:19px;
	width:75px;
	display:block;
	color:#000;
	text-align:center;
	float:left;
	line-height:24px\9;
}
ul#lang li:hover{
	color:#D32908;
}
/*content----------------------*/ 
#content{
	width:984px;
	padding:13px 8px 25px;
}
table.layout{
	width:100%;
	border-collapse:collapse;
	border:0;
}
.article{
	vertical-align:top;
	border:4px solid #d9d9d9;
	border-top:0;
	padding:15px 24px;
	margin-bottom:25px;
}
.title{
	background:url("../img/box-title.png") 0 bottom no-repeat;
	width:670px;
	height:38px;
	padding-left:13px;
}
.title h2{
	font-size:15px;
	line-height:38px;
}
.title h2 img{
	vertical-align:middle;
	margin-left:10px
}
.article p{
	margin-bottom:10px;
	line-height:24px;
}
.article p span, h3{
	color:#d00;
}
.article img.floatr{
	float:right;
	margin-left:20px;
	margin-bottom:20px
}
.article img.floatl{
	float:left;
	margin-right:6px;
}
.article img.ps{
	float:left;
	border:2px solid white;
	margin-right:9px;
	margin-bottom:15px;
}
.style5{line-height: 22px;margin:2px 0}
.style6{line-height: 22px;height:22px;margin:2px 0}
.style7{width:80px;height:25px;line-height:23px;margin:2px 0}
.style7en{width:80px;height:25px;line-height:18px;margin:2px 0}
/*aside----------------------*/ 
#left{
	vertical-align:top;
	width:305px;
}
.service{
	width:280px;
	height:53px;
}
.btn{
	margin-left:50px;
	margin-top:26px;
}
.btn-en{
	margin-left:30px;
	margin-top:26px;
}
/*table----------------------*/ 
table.dataintable{
	width:60%;
	border-collapse:collapse;
	border:1px solid #ccc;
}
table.dataintable th, table.dataintable td{
	border:1px solid #ccc;
	text-align:center;
	padding:2px;
}
table.dataintable th{
	background-color:#D32908;
	color:#fff
}
table.dataintable .tp{
	background-color:#e1e1e1;
}
/*footer----------------------*/ 
#footer{
	background:#931818 url("../img/footer.png") 0 0 repeat-x;
	color:white;
	padding-top:20px;
	height:94px;
}
address{
	width:580px;
	margin:0 auto;
	font:normal 13px/21px Verdana;
}
address span{
	color:#e25158;
	font-size:13px;
}
address div{
	float:right
}
address a:link{color:#fff}
address a:hover{color:#D32908}