@charset "big5";
body {
	font-size: 15px;
	background-image: url(../images/bd.gif);
	height:100%;
	line-height: 2;
	margin-top: 12px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding:0px;
	font-family:"Arial","MingLiU","PMingLiU";
}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

/* Heading */
h1 {font-size: 180%;}
h2 {font-size: 150%;}
h3  {
     font-size:1.6em;
     color:#333;
	 font-family:"DFKai-SB","ΌΠ·’Ει","MingLiU","PMingLiU";
}
h4 {
     font-size:1.1em;
	 padding-bottom:5px;
     color:#006699;
}

p {
	line-height: 2;
	padding-bottom:20px;
}

ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

ul li {
	padding-left: 25px;
	padding-bottom: 12px;
	background: url(../images/bullet.gif) no-repeat 0px 5px;
	line-height: 1.6em;
}

.copyright {
	font-size: 12px;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.container {
	position:absolute;
	width: 988px;
	min-width: 988px;
	text-align: left;
	left: 50%;
	margin-left: -494px;
	top: 60px;
	bottom: 60px;
	background-color: #00FF00;
}
tr {
	vertical-align: top;
}
.table1 td {
	padding: 10px;
	vertical-align: top;
}  

.tbl1 {
	border-collapse: collapse;
	/*border-left: 1px solid #ccc;
	border-top: 1px solid #ccc; */
	color: #333;
}

.tbl1 caption {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px;
	background: #efefef;
	border: 1px solid #ccc;
	color: #666;
}

.tbl1 a {
	text-decoration: none;
	border-bottom: 1px dotted #f60;
	color: #f60;
	font-weight: bold;
}

.tbl1 a:hover {
	text-decoration: none;
	color: #fff;
	background: #f60;
}

.tbl1 tr th a {
	color: #369;
	border-bottom: 1px dotted #369;
}

.tbl1 tr th a:hover {
	color: #fff;
	background: #369;
}

.tbl1 thead tr th {
	text-transform: uppercase;
	background: #e2e2e2;
}

.tbl1 td, .tbl1 th {
	border-right: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	padding: 5px;
	line-height: 1.8em;
	vertical-align: top;
	background: #fff;
	padding:4px 16px;
}

.tbl1 tr.odd th, .tbl1 tr.odd td {
	background: #efefef;
}

.tbl1 th {
	font-weight: bold;
	background:#A3BEEB;
}

.tbl1 tr.title th, .tbl1 tr.title td {
	background:#006699;
	font-weight: bold;
	color:#FFFFFF;
}

.tbl1 tbody tr:hover th,
.tbl1 tbody tr:hover td {
	/*background:#F7F4EE;*/
}

.tbl2 {
	border-collapse: separate;
	border:1px solid #d7d7d7;
	color: #333;
	border-spacing: 0;
	*border-spacing:expression(this.cellSpacing="0px");
}

.tbl2 caption {
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px;
	color: #666;
	text-align:left;
	text-transform: uppercase;
}

.tbl2 a {
	text-decoration: none;
	border-bottom: 1px dotted #f60;
	color: #f60;
	font-weight: bold;
}

.tbl2 a:hover {
	text-decoration: none;
	color: #fff;
	background: #f60;
}

.tbl2 tr th a {
	color: #369;
	border-bottom: 1px dotted #369;
}

.tbl2 tr th a:hover {
	color: #fff;
	background: #369;
}

.tbl2 thead tr th {
	text-transform: uppercase;
	background: #e2e2e2;
}

.tbl2 td, .tbl2 th {
	padding:10px 12px;
	line-height: 1.8em;
	vertical-align: top;
}

.tbl2 th {
	border-right: 1px solid #fff;
}

.tbl2 td {
	border-left: 1px solid #eaeaea;
}

.tbl2 tr th, .tbl2 tr td {
	background: #efefef;
}

.tbl2 tr.odd th, .tbl2 tr.odd td {
	background: #fff;
}

.tbl2 th {
	text-align:left;
}

.tbl2 tbody tr:hover th,
.tbl2 tbody tr:hover td {
	background:#F7F4EE;
}

img.caption {
	margin-top: 15px;
}

div.bubble1 {
	margin: 0px 0;
}

div.bubble1 div {
	background: url(../images/bub1-br.gif) no-repeat bottom right;
	margin: 0;
}

div.bubble1 div div {
	background: url(../images/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
	background: url(../images/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
	background: url(../images/bub1-tl.gif) no-repeat top left;
}

div.bubble1 div div div div div {
	margin: 0;
	padding: 10px 10px 20px;
	width: auto;
	line-height: 1.2em;
}

div.bubble1 div div div div div p {
	line-height: 1.2em;
}

div.bubble2 div {
	background: url(../images/bub2-br.gif) no-repeat bottom right;
	background-color:#FFFFFF;
	margin: 0;
	width: 100%;
}

div.bubble2 div div {
	background: url(../images/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
	background: url(../images/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
	background: url(../images/bub2-tl.gif) no-repeat top left;
}

div.bubble2 div div div div div {
	margin:0;
	padding:10px 0;
	width: auto;
}


#clr {
	clear: both;
	margin:0; 
	padding:0
}