﻿body {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	text-align:center;
	background-color:#5ba0d6;
}
* {margin:0px;padding:0px;}
.clear{clear:both;}
#container {
	margin: 0px auto;
	text-align: left;
	width: 979px;
}
#header {
	background-image:url(images/header.jpg);
	width:979px;
	height:232px;
	display:block;
}
#border {
	background-image:url(images/border.gif);
	background-repeat: repeat-y;
	width:979px;
}
#main {
	background-image:url(images/contentbg.gif);
	background-color:#abe4fe;
	margin: 0px 12px 0px 10px;
	background-repeat: repeat-x;
}
#left {
	width: 5px;
	float: left;
	display: inline;
	background-image: url(images/contentbg.gif);
	background-color: #abe4fe;
}
#right {
	float: right;
	width: 5px;
}
/***************** Content ***********************/
.content {
	width:530px;
}
.content h3 {
	background-image:url(images/welcome.gif);
	background-repeat:no-repeat;
	width:520px;
	height:33px;
	text-indent:700px;
	overflow:hidden;
	border-bottom: 1px dashed #2e2304;
	margin: 10px 0px 15px 0px;
	padding: 0px 0px 10px 0px;
}
.content p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	color: #003a65;
	padding: 10px 0px 0px 6px;
	font-weight:900;
}
.content a {
	color:#2e260f;
}
.content a:hover {
	color:#cf0002;
}
#footer {
	background-color:#8bcaef;
	background-image:url(images/borderfooter.gif);
	height:74px;
	width:979px;
}
#footerend {
	background-image:url(images/borderfooterend.gif);
	background-repeat: no-repeat;
	width:979px;
	height:9px;
	display:block;
}
.headertop {
	background-image: url('images/headertop1.jpg');
	background-repeat: no-repeat;
	background-position: top;
	width: 979px;
	height: 150px;
	display: block;
}
.headermid {
	background-image: url('images/headermid.jpg');
	background-repeat:repeat-y;
	width:979px;
	height:40px;
	display:block;
	margin-left:auto; 
	margin-right:auto;
}
.footertable {
	font-family: Arial, Helvetica, sans-serif;
	margin-left:auto; 
	margin-right:auto; 
	width:900px;
	font-size: 11px;
	font-weight: bold;
	color: #0171b4;
}
.footermenu
{
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #0171b4;
}
.footermenu:hover 
{
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #96794b;
}
.contentimage {
	display:block;
	margin-left:auto; 
	margin-right:auto;
}
.menu
{
	background-image: url('images/button1.jpg');
	background-repeat: repeat-x;
 	width:145px;
 	height:40px;
	text-align:center;
}
.button
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #d9f2a9;
}
.button:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #a0c656;
}
.enginfo
{
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	text-align: justify;
	width: 50%;
}
.chiinfo
{
	color: #333333;
	font-family: Microsoft JhengHei, Arial Unicode MS;
	font-size: 17px;
	text-decoration: none;
	text-align: justify;
	width: 50%;
}
.more
{
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	float:right;
}
.more:hover
{
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:underline;
	float:right;
}
.pics {  
	height:200px;
    padding: 0;  
    left:28px;
}