@charset "big5";
/* CSS Document */
*{
font-family:Arial, Helvetica, sans-serif, 微軟正黑體;
padding:0;
margin:0;
}
body {
    behavior:url("csshover3.htc");
	background-color:#CCCCCC;
	margin:0 0;
}
h1, h2, h3, h4 {
	color:#2355a5;
	margin:0;
}
h1 {
  margin-top:25px;	
  font-size:18px;
  font-weight: bold;
  line-height:20px;
  text-indent:8px; 
  border-left: 10px solid #2355a5;
}
h2 {
    margin-top:20px;	
	font-size:18px;
	line-height:30px;
	text-indent:20px; 
	font-weight: bold;
	color:#2355a5;
	text-align:justify;
}
h3 {
	margin-top:20px;	
	line-height:20px;
	text-indent:20px; 
	font-size:16px;
	font-weight: bold;
	color:#595757;
	text-align:justify;
}
h4 {
	margin-top:15px;
	line-height:25px;
	font-size:14px;
	font-weight: bold;
	color:#595757;
	text-align:justify;
}
h5 {
	margin-top:15px;	
	line-height:20px;
	text-indent:18px; 
	font-size:16px;
	font-weight: bold;
	color:#379539;
	text-align:justify;
}
p {
	margin-top:5px;	
	line-height:30px;
	text-indent:20px; 
	font-size:14px;
	color:#595757;
	text-align:justify; /*讓文字齊行*/
    text-justify:distribute; /*讓文字左右齊行*/
}
a {
	color:#595757;
	text-decoration:none;
	outline: none; /* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
.header {
	width:1000px;
	height:90px;
	background:#ffffff;
	font-size:12px;
	text-align:left;
	margin:0 auto;
	padding:0 30px;	
}

#page {
	width:1420px;
	background:#FFFFFF;
	margin:0 auto;
	padding:30px;
}
#content {
	float:right;
	width:1000px;
	background:#FFF;
	margin:0;
	padding:10px;
}
#left {
	float:left;
	width:400px;
	margin-left:2px;
	padding: 0px 10px 30px 0px;
	display:inline;
}
#right {
	float:right;
	width:200px;
	padding: 0px 20px 20px 20px;
	margin-top:10px;
	border-left: #FFF 2px solid;
}
#sidebar {
	float:left;
	width:350px;
	background:#FFF;
	margin-left: 20px;
}
#sidebar ul {
	background:#FFF;
	font-size:16px;
	width:350px;
	height:40px;
	list-style-type:none;
	border-bottom:1px solid #2355a5;
	margin:0px;
	padding:0px;
}
#sidebar li {
	background:#FFF;
	font-size:16px;
	list-style-type:none;
	margin:10px;
	padding:1px 20px;
}
#sidebar ul ul li {
     margin: 0; 
}
#sidebar ul ul a {
display: block;
width:350px;
height:40px;
padding: 5px 5px 5px 30px;
color: #2355a5;
background-color: #fff;
text-decoration: none;
font-weight: normal;
 outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
#sidebar ul ul a:hover {
color: #fff;
background-color: #2355a5;
text-decoration: none;
 outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
#sidebar li ul {
	margin:0;
}
#sidebar li li a {
	padding:0 0 0 50px;
	line-height:30px;
	text-decoration:none;
	 outline: none; /* for Firefox */
     hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
#sidebar ul li a:hover {
    display:block;
	width:320px;
	height:28px;
	color:#fff;
	margin-left:-30px; 
	margin-top:-12px; 
	padding-top:20px;
	padding-left:20px;
	background:#2355a5;
	text-decoration: none;
	outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
#sidebar li li a:hover {
    display:block;
	padding-top:15px;
	font-weight:400;
	color:#fff;
	background:#2355a5;
	text-decoration: none;
	outline: none; /* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
#sidebar p {
	line-height:10%;
	margin:0;
	padding:0 14px;
}
#sidebar h2 {
	height:30px;
	font-size:18px;
	font-weight:400;
	color:#2355a5;
	margin:0 0 10px;
	padding:6px 0 2px;
}
#sidebar a {
display: block;
text-decoration:none;
color:#2355a5;
padding: 5px 10px;
width: 300px;
text-align:left;
font-size: 16px;
background-position: 0 0;
/* -----IE6 Hank----- */
_display:inline-block;
 outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
#sidebar a:hover{
color: #2355a5;
font-weight: bold;
font-size: 16px;
line-height:20px;
display: block;
padding: 5px 10px;
text-decoration: none;
/* -----IE6 Hank----- */
_display:inline-block;
 outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
table{
height:25px;
border-top:#efefef 5px solid;
border-spacing:0;
width: 100%;
border-collapse: collapse;
margin: 10px;
}
tr:nth-child(even){
background-color:#fff;
}
tr:nth-child(odd){
background-color:#efefef;
}
tr { 
border-bottom:#2355a5 1px solid; 
}
th{
padding:12px;
color:#fff;
text-align:center;
background-color:#2355a5;
}
td{
font-size:11pt;
padding:12px;
text-align:center;
color:#595757;
}
#tb-border {
width: 650px;
height:20px;
border-collapse: collapse;
margin: 10px;
}
#tb-border caption {
font-family: "Century Gothic";
font-size: 16px;
color: #2355a5;
padding: 2px;
margin: 0px;
}
#tb-border tr:nth-child(even){
background-color:#fff;
}
#tb-border tr:nth-child(odd){
background-color:#efefef;
}
#tb-border tr {
border: 1px solid  #dcdddd;
}

#tb-border th {
font-size: 14px;
font-weight: bold;
color: #fff;
text-align: left;
text-indent:5px; 
padding: 8px;
margin: 0px;
background-color: #595757;
}
#tb-border td {
font-family: "Arial";
font-size: 14px;
color: #595757;
text-align: left;
text-indent:5px; 
padding: 8px;
margin: 0px;
background-color: #fff;
border-bottom: 1px solid  #dcdddd;
}
.footer {
	width:1000px;
	height:20px;
	background:#fff;
	color:#595757
	margin:1px auto;
	padding:10px;
}
#footer p {
	text-align:left;
	font-size:10px;
	margin:20px;
	border:0px;
	padding:0px;
	color:#595757;
}
img {
	border:0;
	margin-top:.0em;
}