/*
Date: April 4, 2012
Designer: Chou Chia Ling
*/
/*layout----------------------*/ 
*{margin: 0;	padding: 0}
html{
	font: 13px/22px Verdana, 新細明體, Arial, Helvetica, sans-serif;
	background:url("../img/bg.png") top repeat-x;
	color: #000;
}
#container{
	width: 940px;
	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 {
	padding-top:22px;
}
.logo{
	margin-left:10px;
	float:left
}
.intro{
	background:url("../img/flashBg.png") 0 0 no-repeat;
	width:934px;
	height:316px;
	margin:13px 3px 0;
	padding:8px 7px;
}
/*menu----------------------*/ 
#nav{
	height:35px;
	width:630px;
	margin-top:23px;
	margin-left: 310px;
	background:url("../img/menu.png") left top no-repeat;
}
ul#menu{
	list-style-type:none;
	padding-left:37px;
}
ul#menu li{
	height:35px;
	display:block;
	float:left;
	font-size:15px;
	text-indent:-9999px;
}
ul#menu li.about{width:166px}
ul#menu li.product{width:191px}
ul#menu li.contact{width:200px}
ul#menu li a{
	height:35px;
	display:block;
}
ul#menu li a:hover{
	background-image:url("../img/menu.png");
	text-decoration:none;
}
ul#menu li.about a:hover{background-position:-37px -35px}
ul#menu li.product a:hover{background-position:-203px -35px}
ul#menu li.contact a:hover{background-position:-394px -35px}
/*content----------------------*/ 
#content{
	background:#d2d2d2 url("../img/content.png") 0 0 repeat-x;
	width:872px;
	margin:0 auto;
	padding:30px 25px 40px;
}
.bottom{
	background:url("../img/bottom.png") 0 0 no-repeat;
	width:922px;
	height:35px;
	margin:0 auto
}
table.layout{
	width:100%;
	border-collapse:collapse;
	border:0;
}
h3{
	background:url("../img/tline.gif") 0 bottom repeat-x;
	height:32px;
	margin-bottom:15px
}
h5{
	color:#666
}
.article{
	vertical-align:top;
}
.article p{
	margin-bottom:20px
}
.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;
}
.article .box{
	margin-top:50px
}
.style5{line-height: 22px;margin:2px 0}
.style6{line-height: 22px;height:22px;margin:2px 0}
.style7{width:80px;height:25px;line-height:25px;margin:2px 0}
/*aside----------------------*/ 
#left{
	vertical-align:top;
	width:260px;
}
.service{
	width:210px;
	vertical-align:top;
}
.service ul{
	font-size:15px;
	line-height:26px;
	list-style-type:none;
}
.service ul li{
	background: white url("../img/circle.png") 4px 8px no-repeat;
	padding:3px 0 3px 25px;
	margin:8px 0;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:5px solid #C30;
}
.c1{background-color:#FC0}
.c2{background-color:#F60}
.c3{background-color:#C33}
/*footer----------------------*/ 
#footer{
	background-color:#3d0007;
	color:white;
	padding-top:15px;
	padding-bottom:35px;
}
address{
	width:750px;
	margin:0 auto;
	font:normal 13px/21px Verdana;
}
address span{
	font-size:15px;
	float:left
}
address div{
	color:#fff;
	margin-left:350px;
}
address a:link{color:#D32908}
address a:hover{color:#fff}