﻿html {
	overflow-y: scroll; /* IE */
	height: 100%;/* Moz */
	margin-bottom: 0.1em;
}

body {
	margin: 0;
	font: 12px Verdana,Arial,Helvetica,sans-serif;
	color: #000000;
	line-height:14pt;
}

h2,h3,h4 { font: bold 16px "細明體", Arial, Helvetica, sans-serif; }

img { border: 0; }

pre {
	font-family: "細明體";
	line-height:24px;
}

a {color:#854848;text-decoration:none;}
a:hover {color:#ff0000;text-decoration:underline;}

#print-bar {display:none;}

#page {
	position: relative;
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

* html #page { width: 980px } /* IE hack */

#header {
	background:url(../../images/header_bg001.jpg) 0 0 no-repeat;
	position: relative;
	width: 980px;
	height: 390px;
	margin: 0;
	padding: 0;
}

#header .logo {
	position:absolute;
	left:10px;
}

/*- navMenu in Header */
.navMenu {
	position:absolute;
	top:10px;
	right:250px;
	margin: 0;
	padding: 0;
	width: 240px;
}

.navMenu ul {
	margin: 0;
	padding: 0;
}

.navMenu ul li {
	position:relative;
	float:left;
	margin: 0;
	padding: 0;
	text-align:center;
	color:#333333;
}

.navMenu ul li a {
	color:#333333;
}

.navMenu ul li img{
	margin:0 1px -2px 0 !important;
	vertical-align:baseline !important;;
}

/* mainMenu in Header */

.mainMenu {
	position: relative;
	top:56px;
	left:30px;
	width: 848px;
	height: 30px;
	font:bold 15px Tahoma, Arial, Helvetica, Sans-Serif;
}

.mainMenu ul {
	margin:0;
	padding:0;
}

.mainMenu ul li {
	background:url('../../images/mainMenu_bt.gif') no-repeat;
	display:inline;
	float:left;
	width:100px;
	margin-right:1px;
	text-align:center;
	text-decoration:none;
	color:#fff;
}

.mainMenu ul li a {
	background:url('../../images/mainMenu_bt.gif') no-repeat;
	display: block;
	width:100px;
	height:30px;
	margin-right:1px;
	line-height:30px;
	text-decoration:none;
	color:#fff;
}

.mainMenu ul li a:hover {
	background:url('../../images/mainMenu_bt_on.gif') no-repeat;
	width:100px;
	text-decoration:none;
	color:#fff;
}

.mainMenu ul li.current a {
	background:url('../../images/mainMenu_bt_on.gif') no-repeat;
	width:100px;
	text-decoration:none;
	color:#fff;
}

/* content */
#content {
	clear:both;
	position: relative;
	float:left;
	width: 980px;
	height:auto!important;/* IE7 */
/*	height:800px;
	min-height:800px;	/* Moz */*/
	margin: 0;
	padding: 0;
}

/* sidebar */	
.sidebar {
	position: relative;
	float: left;
	width: 245px;
	padding-left:10px;
}

.sideblock {
	margin: 10px 0;
	padding: 0;
}

.sideblock h2 {
	position:absolute;
	top: 7px;
	left:10px;
	font:15px "新細明體";
	color:#3e3e3e;
}

.sideblock h2 img {
	margin:3px 0 -3px 0 !important;
	vertical-align:baseline !important;
}


.sideblock .body { clear:both; }

.sideblock .frame {

}

.sideblock .frame .list {
	position:relative;
	width:215px;
}

.sideblock .frame .list ul {
	table-layout:fixed;
	width:245px;
	margin:0 auto;
}

.sideblock .frame .list ul li {
	background:url('../../images/dot01.gif') 0 100% repeat-x;
	position:relative;
	padding:5px 0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.sideblock .frame .banner {
	background:url(../../images/sidebody02_02.gif) repeat-y;
	position:relative;
	width:245px;
}

.sideblock .frame .banner ul {
	width:230px;
	margin:0 auto;
}

.sideblock .frame .banner ul li {
	background:url('../../images/dot01.gif') 0 100% repeat-x;
	position:relative;
	padding:5px 0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}


/* primary */
.primary {
	position: relative;
	float: left;
	top:-40px;
	width: 725px;
	margin: 0px auto;
	color: #000;
}

.block360 {
	position:relative;
	float:left;
	width:360px;
	margin: 5px 0;
}

.block360 h2 {
	border-bottom: 2px solid #5e3f82;
	position:relative;
	width: 95%;
	height:28px;
	margin: 0 auto;
	line-height:28px;
	color:#060;
}

.block360 h2 img {
	margin:0 3px -3px 0 !important;
	vertical-align:baseline !important;
}

.block360 ul {
	position:relative;
	width: 95%;
	margin: 0 auto;
	line-height:18px;
}

.block360 ul li {
	background:url('../../images/dot01.gif') 0 100% repeat-x;
	position:relative;
	padding:5px 0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

/*- footer */
#footer {
	clear: both;
	background:url(../../images/dashed_line.gif) repeat-x;
	position: relative;
	float:left;
	width: 980px;
	height:65px;
	margin: 5px auto;
	bottom: 0;
}

#footer .logo {
	position:absolute;
	top:5px;
	left:0px;
}

#footer .fun {
	position:absolute;
	top:15px;
	right:10px;
	color: #999;
}

#footer .copyright {
	position:absolute;
	top:14px;
	left:125px;
	margin: 0;
	padding: 0;
	color: #999;
}

#footer .nav {
	position:absolute;
	top:0;
	left:700px;
	margin: 0;
	padding: 0;
}

#footer .nav a {
	margin: 0;
	padding: 0;
}

/* 分隔線 */
.detail .frame .divider {
	background:url('../../images/dot01.gif') repeat-x;
	width:95%;
	height:1px;
	margin: 0px auto;
	font-size:1px;
}

/* pageStyle */
.pagination {
	position:relative;
	width:95%;
	height:21px;
	margin: 10px auto;
}

.TotalPage {
	position:relative;
	float:left;
	width:15%;
	text-align:center;
}

.PageNum {
	position:relative;
	float:left;
	width:70%;
	text-align:center;
}

.PageNum ul {
	margin: 0;
	padding: 0;
}

.PageNum ul li {
	list-style-type: none;
	display: inline;
}

.PageNum ul li a.Num, .PageNum ul li a:visited.Num {
	border: 1px solid #ccc;
	background-color:#ffffff;
	display:inline-block;
	width:24px;
	text-decoration: none;
	color: #666 !important;
}

.PageNum ul li a:hover.Num {
	border: 1px solid #fb8102;
	background-color:#fb8102;
	text-decoration: none;
	color: #fff !important;
}

.RowCount {
	position:relative;
	float:left;
	width:15%;
	text-align:center;
}
