@charset "UTF-8";
/* CSS Document */
body {
	behavior: url(http://www.jaydon.com.tw/csshover3.htc); 
	text-align: center;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	
}
#container {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 920px;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
/*--------------------------------begin header--------------------------------*/
#header {
	height: 96px;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-attachment: scroll;
	background-image: url(images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#headerleft {
	width: 233px;
	float: left;
	margin-top: 12px;
	margin-left: 12px;
}
#headerright {
	width: 260px;
	float: right;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: right;
	font-size: 13px;
	margin-right: 12px;
	color: #FFFFFF;
	word-spacing: 4px;
	height: 50px;
	line-height: 18px;
}
#headernav {
	width: 780px;
	float: right;
	_margin-top: 16px;
	*margin-top: 16px;
}
#nav {
	list-style-type: none;
}
#nav ul {
	padding:0;
	margin:0;
	list-style-type: none;
	height: 36px;
}
#nav li {
	float:left;
	position:relative;
}
#nav a, #nav a:visited {
	display:block;
	width:120px;
	font-size:14px;
	color:#0b4043;
	height:24px;
	line-height:24px;
	text-decoration:none;
	text-indent:5px;
	text-align: center;
	font-weight: bold;
}
#nav li:hover > a {
	background:#dfd7ca;
	color:#cc0000;
}
#nav li ul {
	display: none;
}
#nav li ul li a, #nav li ul li a:visited {
	background: #d7dfca;
	text-align: left;
	width: 230px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#nav li:hover ul {
	width: 230px;
	display:block;
	position:absolute;
	left:0;
	top:24px;
}
/*#blogg a:link, #blogg a:hover, #blogg a:visited, #blogg a:active {
	width:120px;
	text-align: center;
}*/
/*--------------------------------end header--------------------------------*/
/*--------------------------------begin block_rc--------------------------------*/
.block_rc {
	display:block;
}
.block_rc * {display:block;height:1px;overflow:hidden;background:#ffd667;}
.block_rc1 {border-right:1px solid #fff1c9;padding-right:1px;margin-right:3px;border-left:1px solid #fff1c9;padding-left:1px;margin-left:3px;background:#ffe395;} 
.block_rc2 {border-right:1px solid #fffbf1;border-left:1px solid #fffbf1;padding:0px 1px;background:#ffdf89;margin:0px 1px;}
.block_rc3 {border-right:1px solid #ffdf89;border-left:1px solid #ffdf89;margin:0px 1px;} 
.block_rc4 {border-right:1px solid #fff1c9;border-left:1px solid #fff1c9;}
.block_rc5 {border-right:1px solid #ffe395;border-left:1px solid #ffe395;}
/*--------------------------------end block_rc--------------------------------*/
/*--------------------------------begin clock_rc--------------------------------*/
.clock_rc {
	display:block;
}
.clock_rc * {display:block;height:1px;overflow:hidden;background:#f5f1eb;}
.clock_rc1 {border-right:1px solid #fcfbf9;padding-right:1px;margin-right:3px;border-left:1px solid #fcfbf9;padding-left:1px;margin-left:3px;background:#faf8f4;} 
.clock_rc2 {border-right:1px solid #fdfdfb;border-left:1px solid #fdfdfb;padding:0px 1px;background:#f7f3ef;margin:0px 1px;}
.clock_rc3 {border-right:1px solid #f7f3ef;border-left:1px solid #f7f3ef;margin:0px 1px;} 
.clock_rc4 {border-right:1px solid #fcfbf9;border-left:1px solid #fcfbf9;}
.clock_rc5 {border-right:1px solid #faf8f4;border-left:1px solid #faf8f4;}
/*--------------------------------end block_rc--------------------------------*/
/*--------------------------------begin border_rc--------------------------------*/
.t {background:url(images/dot.gif) 0 0 repeat-x;width:100%;}
.b {background:url(images/dot.gif) 0 100% repeat-x;}
.l {background:url(images/dot.gif) 0 0 repeat-y;}
.r {background:url(images/dot.gif) 100% 0 repeat-y;}
.bl {background:url(images/tbl.gif) 0 100% no-repeat;}
.br {background:url(images/tbr.gif) 100% 100% no-repeat;}
.tl {background:url(images/ttl.gif) 0 0 no-repeat;}
.tr {background:url(images/ttr.gif) 100% 0 no-repeat;padding:10px;}
.at {background:url(images/tbb.gif) 0 0 repeat-x;width:100%;}
/*--------------------------------end border_rc--------------------------------*/
/*--------------------------------begin sidebar--------------------------------*/
#sidebar {
	float: left;
	width: 200px;
	padding: 0px;
}
#sidebar h4 {
	color: #444444;
	margin: 0px;
	line-height: 30px;
	font-size: 13px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #003399;
	background-color: #ffd667;
}
#sidebar h4 img {
	vertical-align: text-bottom;
	white-space: normal;
	padding-left: 4px;
}
#sidebar ul  {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-color: #f5f1eb;
	list-style-type: none;
	margin: 0px;
}
#sidebar li {
	line-height: 27px;
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C7C7C7;
	list-style-image: url(images/arrow.gif);
	color: #000000;
}
#sidebar a:link {
	font-size: 13px;
	color: #003399;
	text-decoration: none;
}
#sidebar a:hover {
	font-size: 13px;
	color: #003399;
	text-decoration: none;
}
#sidebar a:visited {
	font-size: 13px;
	color: #003399;
	text-decoration: none;
}
#sidebar a:active {
	font-size: 13px;
	color: #003399;
	text-decoration: none;
}
#sidebar p {
	float: left;
}
.sidemenu {
	width: 200px;
	float: left;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
/*--------------------------------end sidebar--------------------------------*/
/*--------------------------------begin content--------------------------------*/
#content {
	float: right;
	width: 712px;
	padding-left: 8px;
}
#content h1 {
	color: #CC0000;
	font-size: 24px;
	_margin-top: 16px;
	*margin-top: 16px;
}
#content h2 {
	color: #CC0000;
	font-size: 22px;
	_margin-top: 16px;
	*margin-top: 16px;
}
#content h3 {
	margin-top: 0px;
	color: #CC0000;
	font-size: 20px;
}
#content h4 {
	margin-top: 0px;
	color: #FF6600;
	font-size: 18px;
	margin-bottom: 4px;
}
#content h5 {
	margin-top: 0px;
	color: #CC3300;
	font-size: 15px;
	margin-bottom: 4px;
}
#content p {
	font-size: 15px;
	line-height: 1.8;
}
#content ul {
	padding-left: 16px;
	margin-left: 0px;
}
#content li {
	font-size: 15px;
	line-height: 1.8;
}
#item1 {
	color: #CC0000;
	font-size: 16px;
	margin-bottom: 4px;
}
#item2 {
	color: #82AD2A;
	font-size: 16px;
	margin-bottom: 4px;
}
#item3 {
	color: #22323E;
	font-size: 16px;
}
#item4 {
	color: #62221F;
	font-size: 16px;
}
#content img {
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 16px;
	margin-top: 6px;
	clear: right;
	float: right;
	border: 2px solid #A7A9A9;
}
#content h1 img {
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 16px;
	margin-top: 6px;
	border: 1px solid #FFFFFF;
	float: right;
}
#content h1 .pic {
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 16px;
	margin-top: 0px;
	float: right;
}
#content .img1 {
	margin-right: 104px;
	margin-bottom: 20px;
	margin-left: 16px;
	margin-top: 6px;
	clear: left;
	float: left;
	border: 1px solid #A7A9A9;
}
/*--------------------------------end content--------------------------------*/
/*--------------------------------begin footer--------------------------------*/
#footer {
	float: left;
	width: 920px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-top: 30px;
}
#footerleft {
	float: left;
	font-size: 13px;
	margin-bottom: 8px;
}
#footerright {
	font-size: 13px;
	text-align: center;
	margin-bottom: 10px;
	float: right;
	word-spacing: 4px;
}
#footercenter {
	text-align: center;
	float: left;
	clear: both;
	width: 920px;
	font-size: 13px;
	margin-top: 8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	padding-top: 8px;
}
#footer p {
	margin: 0;
	font-size: 13px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 20px;
	color: #333333;
	text-align: center;
}
#footer a {
	color: #0000CC;
	text-decoration: none;
}
/*--------------------------------end header--------------------------------*/
.right {
	float: right;
}
.bold_red {
	color: #FF0000;
	font-weight: bold;
}
/*--------------------------------begin table-------------------------------*/
table {
	width: 690px;
	border-collapse:collapse;
	border:1px solid #FFCA5E;
}
caption {
	text-align: left;
	text-indent: 10px;
	height: 45px;
	color: #FFAA00;
}
thead th {
	height: 47px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: left;
	border-right: 1px solid #FCF1D4;
}
tbody tr.odd {
	background-color: #FFF8E8;
}

tbody th,td {
	font-size: 15px;
	line-height: 1.4em;
	padding: 10px 7px;
	border-top: 1px solid #FFCA5E;
	border-right: 1px solid #DDDDDD;
	text-align: left;
}
tfoot th {
	color: #FFFFFF;
	height: 30px;
}
tfoot td {
	color: #FFFFFF;
	height: 30px;
}
/*--------------------------------end table---------------------------------*/
/*--------------------------------begin div-table---------------------------------*/
#div_table {
	width: 690px;
	display:table;
}
#row {
	width: 690px;
	font-size: 15px;
}
#cap {
	background-color: #FF575D;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
}
#dat1 {
	width:154px;
	height: 20px;
	background-color: #FFC9CA;
	display: table-cell;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	color: #333333;
	float: left;
}
#dat1_lines {
	width:154px;
	height: 40px;
	background-color: #FFC9CA;
	display: table-cell;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	color: #333333;
	float: left;
}
#dat2 {
	width:524px;
	height: 20px;
	background-color: #FFFFC7;
	display: table-cell;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	color: #333333;
	float: right;
}
#dat2_lines {
	width:524px;
	height: 40px;
	background-color: #FFFFC7;
	display: table-cell;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	color: #333333;
	float: right;
}
.cap_dat {
	width: 224px;
	background-color: #FFC9CA;
	display:table-cell;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	color: #333333;
	float: left;
}
.dat_tri {
	width:224px;
	background-color: #FFFFC7;
	display:table-cell;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	color: #333333;
	float: left;
}
.cap_dat1 {
	width: 160px;
	height: 20px;
	background-color: #FFC9CA;
	display:table-cell;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	color: #333333;
	float: left;
}
.dat_tri1 {
	width:160px;
	height: 20px;
	background-color: #FFFFC7;
	display:table-cell;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	color: #333333;
	float: left;
}
.dat_empty {
	width:160px;
	height: 20px;
	display:table-cell;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	color: #333333;
	float: left;
}
.cap_dat2 {
	width: 102px;
	height: 20px;
	background-color: #FFC9CA;
	display:table-cell;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	color: #333333;
	float: left;
}
.dat_tri2 {
	width:102px;
	height: 20px;
	background-color: #FFFFC7;
	display:table-cell;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	color: #333333;
	float: left;
}
.dat_tri2_empty {
	width:102px;
	height: 20px;
	display:table-cell;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	color: #333333;
	float: left;
}
#div_table21 {
	width: 690px;
	display:table;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#row21 {
	width: 690px;
	font-size: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#dat21 {
	width:144px;
	height: 20px;
	background-color: #DCFFD1;
	display:table-cell;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	color: #333333;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	float: left;
}
#dat22 {
	width:533px;
	height: 20px;
	background-color: #FFF8F1;
	display:table-cell;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	color: #333333;
	float: left;
}
/*--------------------------------end div-table---------------------------------*/
/*--------------------------------begin div-table2---------------------------------*/
#cap1 {
	width: 144px;
	height: 20px;
	background-color: #FFCC00;
	display:table-cell;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	color: #333333;
	float: left;
}
#cap2 {
	width: 239px;
	height: 20px;
	background-color: #CBCF00;
	display:table-cell;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	color: #333333;
	float: left;
}
#cap3 {
	width:189px;
	height: 20px;
	background-color: #00D2D0;
	display:table-cell;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	float: left;
}
#cap4 {
	width:94px;
	height: 20px;
	background-color: #D59800;
	display:table-cell;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	float: left;
}
#dat11 {
	width:144px;
	height: 20px;
	background-color: #FFE469;
	display:table-cell;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	color: #333333;
	float: left;
}
#dat12 {
	width:239px;
	height: 20px;
	background-color: #C3FF62;
	display:table-cell;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	color: #333333;
	float: left;
}
#dat13 {
	width:189px;
	height: 20px;
	background-color: #77E6E4;
	display:table-cell;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	color: #333333;
	float: left;
}
#dat14 {
	width:94px;
	height: 20px;
	background-color: #FFDB60;
	display:table-cell;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	color: #333333;
	float: left;
}
/*--------------------------------end div-table2---------------------------------*/
.clearboth {
	clear: both;
	float: left;
}
