@charset "utf-8";
/* CSS Document */

body {
	background: url(images/bg_body.png) #28706e 995px top repeat-y;
	padding: 0;
	margin: 0;
	color: #3f3f3f;
}

#nav, #footbar {
	width: 995px;
}

#subheadbar {
	color: #c2e1e8;
	position: absolute;	
	top: 20px;
	right: 35px;
	font-size: 11px;
}
#subheadbar a {
	color: #f0f0f0;
	font-size: 11px;
}
#subheadbar a:hover {
	color: #fff000;
}

#bg2 {
	background: url(images/bg2.png) 995px bottom no-repeat;
}

#sidebar-out {
	position: absolute;	
	top: 120px;
	left: 0;
	z-index: 5;
	width: 244px; 
}
#sidebar {
	background: url(images/side02.png) right top repeat-y;
}
#side-top {
	background: url(images/side01.png) right top no-repeat;
	padding-top: 12px;
}
#side-foot {
	background: url(images/side05.png) right bottom no-repeat;
	padding-bottom: 18px;
}
#sidebar .section {
	padding: 0 14px;
}
#sidebar .name-box {
	color: #fff;
	background: url(images/side03.png) right no-repeat;
	padding: 10px 0 12px 25px;
}
#sidebar .line-box {
	overflow: hidden;
	background: url(images/side04.png) right top no-repeat;
	height: 8px;
}

#nav {
	background: url(images/bg.png) #fff top repeat-x;
	min-height: 640px;
	_height: 640px;
	position: relative;		
	z-index: 1;
}

#contents {
	padding-left: 260px;
	padding-right: 35px;
	background: url(images/bg3.png) left 410px no-repeat;
}

#headbar {
	background: url(images/logo.png) left top no-repeat;
	height: 70px;
	padding-top: 50px;
	padding-left: 380px;
	padding-right: 35px;
	min-width: 595px;
}

#headbar a.btn {
	background: url(images/btn01.png) left top no-repeat;
	display: block;
	float: left;
	width: 82px;
	text-align: center;
	color: #fff;
	height: 23px;
	*height: 25px;
	padding-top: 9px;
	*padding-top: 7px;
	margin-left: 5px;
	font-size: 13px;
}
#headbar a.btn:hover {
	background: url(images/btn01-over.png) left top no-repeat;
}
#headbar a.long {
	background: url(images/btn02.png) left top no-repeat;
	width: 117px;
}
#headbar a.long:hover {
	background: url(images/btn02-over.png) left top no-repeat;
}

#footbar {
	color: #fff;
	font-size: 11px;
	background: url(images/bg_foot.png) left top repeat-x;
	line-height: 1.4em;
	padding: 15px 0;
	text-align: right;
}
#footbar a {
	color:#c0c0c0;
}
#footbar a:hover {
	color:#fffc00;
}
#footbar img.logo {
	float: right;
	margin: 7px 16px;
}

.sub-btn {
	position: absolute;
	top: 84px;
	display: none;
}
.sub-btn a {
	color: #fff;
	dispaly: block;
	float: left;
	padding: 4px 23px 0 12px;
	_padding-top: 2px;
	_padding-bottom: 2px;
	height: 18px;
	overflow: hidden;
}
.sub-btn a.first {
	padding-right: 0;
	padding-left: 0;
	width:11px;
}

#sub02 { left: 385px; background:url(images/sub02-bg.png) top repeat-x; }
#sub02 a { background:url(images/sub02-center.png) right top no-repeat; }
#sub02 a:hover { color:#fffc00; }

#sub04 { left: 629px; background:url(images/sub04-bg.png) top repeat-x; }
#sub04 a { background:url(images/sub04-center.png) top right no-repeat; }
#sub04 a:hover {  color:#fffc00; }

#sub05 { left: 751px; background:url(images/sub05-bg.png) top repeat-x; }
#sub05 a { background:url(images/sub05-center.png) top right no-repeat; }
#sub05 a:hover { color:#fffc00; }

#contents01 { background: url(images/bg_contents2.png) top repeat-x;}
#contents02 { background: url(images/bg_contents6.png) bottom repeat-x;}
#contents01, #contents02 { height: 16px; overflow: hidden; }
#contents01 img.left, #contents02 img.left, .page-title img.left { float:left; }
#contents01 img.right, #contents02 img.right, .page-title img.right { float:right; }

#contents03 { background: url(images/bg_contents4.png) top repeat-x; _height:1%; _width: 700px; _overflow-x:hidden;}
#contents04 { background: url(images/bg_contents8.png) bottom repeat-x; min-height: 453px; _height: 430px; padding: 8px 36px; line-height: 1.65em;; }

.page-title {
	height: 76px;
	background: url(images/bg_title.png) top repeat-x;
	overflow: hidden;
}

.section, .sub_section {
	padding: 16px 8px;	
	line-height: 1.7em;
}
.section .section-title, .section-title2 {
	font-size: 1.4em;
	color: #043383;
	font-weight: bold;
	font-family: "標楷體";	
	padding-bottom: 6px;
	background: url(images/bricks.png) left 3px no-repeat;
	padding-left: 20px;
}
.section .section-img {
	padding: 12px 0;
	text-align:center;
	color: #828282;
	font-size: 12px;
	clear:both;
	padding-bottom: 6px;
}
.section .section-img img {
	margin: 6px 0;
}

.section-title2 {
	font-size: 2em;	
}

.sub_section {
	padding: 8px 0;
}

.content-white {
	padding: 20px 32px;
}

.write {
	border-bottom: 1px dotted #206e88;
	padding: 6px 0;
}
.title_write {
	background: url(images/hammer_screwdriver.png) left 6px no-repeat;	
	padding-left: 22px;
	padding-top: 4px;
}
.title_write, .title_write a {
	font-size: 15px;
	color: #005271;
}
.title_write a:hover {
	color: #0000cc;
	background: #dff0f4;
}
.title_write_over {
	font-weight: bold;
}
.content_write {
	display: none;
	padding: 3px 0;
	padding-left: 8px;
}

.page {
	text-align: center;
	padding: 3px;
}

.download-list {
	list-style-position: inside;	
	padding: 0;
	margin: 0;
}
.download-list li {
	padding: 3px;
	border-bottom: 1px dotted #206e88;
}