@charset "utf-8";
/* CSS Document */
.framewide {
	margin-right: 15px;
	margin-left: 10px;
	font-size: 13px;
}
.button2 {
	background-image: url(../images/buttonbg03.jpg);
	background-repeat: repeat-x;
	border: 1px solid #CCCCCC;
	padding: 1px;
	background-color: #CCCCCC;
	color: #333333;
}
.floatright {
	font-size: 13px;
	color: #666666;
	float: right;
	margin-right: 10px;
	background-image: url(../images/icon01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 15px;
}
.floatright a {
	color: #666666;
	text-decoration: none;
}
.floatright a:hover {
	color: #990000;
	text-decoration: underline;
}
.floatright2 {
	float: right;
	margin-right: 10px;
}
/*-----------------------------------------------------------------說明解釋*/
.explainword {
	color: #006699;
	font-size: 15px;
	font-weight: normal;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
	line-height: 160%;
	background-image: url(../images/icon06.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 3px;
}
html>body .explainword {
	color: #006699;
	font-size: 15px;
	font-weight: normal;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
	line-height: 160%;
	background-image: url(../images/icon06.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 5px;
}
.explainword ul {
	margin: 5px 0px 0px 25px;
	padding: 0px;
}
.explainword li {
	margin: 0px;
	padding: 0px;
}
.explainword a {
	margin: 0px 3px;
}
.explainword2 {
	color: #333333;
	font-size: 13px;
	font-weight: normal;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 15px;
	line-height: 160%;
}
html>body .explainword2 {
	color: #333333;
	font-size: 13px;
	font-weight: normal;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-right: 15px;
	line-height: 160%;
}
.explainword3 {
	color: #333333;
	font-size: 13px;
	font-weight: normal;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 10px;
	line-height: 160%;
	background-image: url(../images/icon01.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	background-position: 0px 5px;
}
html>body .explainword3 {
	color: #333333;
	font-size: 13px;
	font-weight: normal;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-right: 15px;
	line-height: 160%;
	background-image: url(../images/icon01.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	background-position: 0px 5px;
}
*+html>body .explainword3 {
	color: #333333;
	font-size: 13px;
	font-weight: normal;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-right: 15px;
	line-height: 160%;
	background-image: url(../images/icon01.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	background-position: 0px 5px;
}
/*------------------------------------------------------------瀏覽*/
.browse {
	color: #333333;
	font-size: 13px;
	font-weight: normal;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 10px;
	line-height: 160%;
	background-image: url(../images/icon01.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	background-position: 0px 10px;
}
html>body .browse {
	color: #333333;
	font-size: 13px;
	font-weight: normal;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-right: 15px;
	line-height: 160%;
	background-image: url(../images/icon01.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	background-position: 0px 6px;
}
*+html>body .browse {
	color: #333333;
	font-size: 13px;
	font-weight: normal;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-right: 15px;
	line-height: 160%;
	background-image: url(../images/icon01.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	background-position: 0px 10px;
}
/*--------------------------------------------------------------------- frame*/
.framebg {
	margin-bottom: 10px;
	margin-left: auto;
	margin-top: 30px;
	margin-right: auto;
	text-align: center;
	width: 371px;
}
.framebg .head {
	background-image: url(../images/framebgtop.gif);
	background-repeat: no-repeat;
	height: 36px;
}
.framebg .body {
	background-image: url(../images/framebgbody.gif);
	background-repeat: repeat-y;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.framebg p {
	margin: 0px;
	line-height: 170%;
}
.framebg .body ul {
	margin: 8px 0px 5px;
}
html>body .framebg .body ul {
	margin: 8px 0px 5px -40px;
}
*+html>body .framebg .body ul {
	margin: 8px 0px 5px;
}
.framebg .body li {
	margin: 0px;
	list-style-type: none;
	display: inline;
}
.framebg a {
	color: #333333;
	text-decoration: none;
}
.framebg a:hover {
	color: #990000;
	text-decoration: underline;
}
.framebg .foot {
	background-image: url(../images/framebgfoot.gif);
	background-repeat: no-repeat;
	height: 36px;
}
/* -----------------------------------------------------------類別----- */
.category {
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	margin-top: 0px;
	padding: 0px;
}
.category li {
	font-size: 13px;
	color: #009933;
	display: inline;
	list-style-type: none;
	background-image: url(../images/category_icon.gif);
	background-repeat: repeat-y;
	padding-left: 10px;
	height: 19px;
	padding-right: 5px;
	padding-top: 5px;
	line-height: 150%;
	padding-bottom: 5px;
	background-color: #D2DEC2;
	background-position: 0px 3px;
}
html>body .category li {
	font-size: 13px;
	color: #009933;
	display: inline;
	list-style-type: none;
	background-image: url(../images/category_icon.gif);
	background-repeat: repeat-y;
	padding-left: 10px;
	height: 19px;
	padding-right: 5px;
	padding-top: 5px;
	line-height: 150%;
	padding-bottom: 5px;
	background-color: #D2DEC2;
	background-position: 0px 3px;
	margin: 0px -5px 0px 0px;
}
*+html>body .category li {
	font-size: 13px;
	color: #009933;
	display: inline;
	list-style-type: none;
	background-image: url(../images/category_icon.gif);
	background-repeat: repeat-y;
	padding-left: 10px;
	height: 19px;
	padding-right: 5px;
	padding-top: 5px;
	line-height: 150%;
	padding-bottom: 5px;
	background-color: #D2DEC2;
	background-position: 0px 3px;
	margin: 0px 0px 0px 0px;
}
.category li a {
	color: #009933;
	text-decoration: none;
}
.category li a:hover {
	color: #006600;
	text-decoration: none;
}
.category .green {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #009933;
}
.category .green a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #009933;
}
.category .green a:hover {
	color: #FFFF33;
}
/* -----------------------------------------------------------類別----- */
.category2 {
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-top: 0px;
	padding: 5px 0px 0px;
	text-align: center;
}
html>body2 .category {
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-top: 0px;
	padding: 5px 0px 0px;
	text-align: center;
}
.category2 li {
	font-size: 13px;
	color: #009933;
	display: inline;
	list-style-type: none;
	background-image: url(../images/category_icon.gif);
	background-repeat: repeat-y;
	padding-left: 10px;
	height: 19px;
	padding-right: 5px;
	padding-top: 5px;
	line-height: 150%;
	padding-bottom: 5px;
	background-color: #D2DEC2;
	background-position: 0px 3px;
}
html>body .category2 li {
	font-size: 13px;
	color: #009933;
	display: inline;
	list-style-type: none;
	background-image: url(../images/category_icon.gif);
	background-repeat: repeat-y;
	padding-left: 10px;
	height: 19px;
	padding-right: 5px;
	padding-top: 5px;
	line-height: 150%;
	padding-bottom: 5px;
	background-color: #D2DEC2;
	background-position: 0px 3px;
	margin: 0px -5px 0px 0px;
}
*+html>body .category2 li {
	font-size: 13px;
	color: #009933;
	display: inline;
	list-style-type: none;
	background-image: url(../images/category_icon.gif);
	background-repeat: repeat-y;
	padding-left: 10px;
	height: 19px;
	padding-right: 5px;
	padding-top: 5px;
	line-height: 150%;
	padding-bottom: 5px;
	background-color: #D2DEC2;
	background-position: 0px 3px;
	margin: 0px 0px 0px 0px;
}
.category2 li a {
	color: #009933;
	text-decoration: none;
}
.category2 li a:hover {
	color: #CC3300;
	text-decoration: none;
}
.category2 .green {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #009933;
}
/* -----------------------------------------------------------分頁----- */
.page {
	margin-bottom: 5px;
	color: #666666;
	font-size: 13px;
	margin-right: 15px;
	margin-left: 10px;
	margin-top: 0px;
	background-color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.page img {
	margin-right: 5px;
	margin-left: 5px;
}
.page .number {
	font-weight: bold;
	color: #009933;
	margin-right: 3px;
	margin-left: 3px;
}
.page ul {
	margin: 0px;
	display: inline;
}
html>body .page ul {
	margin: 0px 0px 0px -40px;
	display: inline;
}
*+html>body .page ul {
	margin: 0px;
	display: inline;
}
.page li {
	margin: 0px 4px 0px 0px;
	list-style-type: none;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
}
.page li a {
	color: #006600;
	text-decoration: underline;
}
.page li a:hover {
	color: #CC6600;
	text-decoration: underline;
}
/*--------------------------------------------------------------------list*/
.list {
	border-collapse: collapse;
	font-size: 13px;
	border: 1px solid #999999;
	width: 96%;
	margin: 15px 5px 15px 10px;
}
.list a {
	border-collapse: collapse;
	color: #009999;
	text-decoration: underline;
}
.list a:hover {
	border-collapse: collapse;
	color: #993300;
	text-decoration: none;
}
.list a:visited {
	border-collapse: collapse;
	color: #996699;
	text-decoration: none;
}
.list caption {
	padding-bottom: 3px;
	padding-top: 0px;
}
.list th {
	padding: 5px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	background-color: #E3EEEE;
	border: 1px solid #999999;
}
.list td {
	padding: 6px 5px 6px 10px;
	vertical-align: top;
	line-height: 145%;
	border: 1px solid #999999;
	text-align: left;
	background-color: #FFFFFF;
}
.list td .td{
	position:relative; }
.list td .td a{
	position:relative;
	z-index: 990 !important;
	}
.list td .td .tips2 {
	top:150%;
	left:100%; 
	background: #FFFFD7;
	border-radius:5px;
	position: absolute;
	z-index: 99999 !important;
	color: #000;
	text-align: left;
	vertical-align: top;
	border: 5px solid  #FFFFD7;
	width:300px;
	display:inline-block;
	
}

.list td .td .tips {
	top:100%;
	right:100%; 
	background: #FFFFD7;
	border-radius:5px;
	position: absolute;
	z-index: 99999 !important;
	color: #000;
	text-align: left;
	vertical-align: top;
	border: 5px solid  #FFFFD7;
	width:300px;
	display:inline-block;
	
}

.list .center {
	vertical-align: top;
	text-align: center;
}
.list .right {
	vertical-align: top;
	text-align: right;
}
.list .thyellow {
	background-color: #FFFFDF;
}
.list img {
	margin-right: 5px;
}
/*--------------------------------------------------------------------內容資料*/
.tablematter {
	border-collapse: collapse;
	background-color: #EFEFEF;
	border: 4px double #8FB1CA;
	width: 97%;
	margin-left: 10px;
	margin-right: 10px;
}
.tablematter .tdbg {
	border-bottom: 2px dashed #99CCCC;
}
.matter {
	font-size: 13px;
	margin: 0px;
	background-color: #D0E8E8;
	padding: 10px 0 10px 10px;
	border: 2px solid #99CCCC;
	width: 135px;
}
.matter .title {
	background-image: url(../images/icon03.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #006699;
	background-position: 0px 0px;
	padding-left: 15px;
	margin: 0px;
}
.matter ul {
	max-height: 670px;
	margin: 0 0 10px 0px;
	padding: 0;
	overflow: auto;
	width: 135px;
}
.matter li {
	list-style-type: circle;
	padding: 0;
	margin: 0 0 10px 15px;
}
.matter li a {
	color: #333333;
	text-decoration: none;
}
.matter li a:hover {
	color: #990000;
	text-decoration: underline;
}
/* ............................................................................內頁右欄資訊 */
.rightinformation {
	margin: 0px 0px 10px;
	width: 174px;
}
.rightinformation .head {
	background-image: url(../images/rightinformation_title.gif);
	background-repeat: no-repeat;
	height: 26px;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding-top: 8px;
}
.rightinformation .body {
	background-image: url(../images/rightinformation_body.gif);
	background-repeat: repeat-y;
	padding: 5px 5px 0px 8px;
}
.rightinformation ul {
	margin: 0px;
	font-size: 83%;
}
html>body .rightinformation ul {
	margin: 0px 0px 0px -40px;
	font-size: 83%;
}
*+html>body .rightinformation ul {
	margin: 0px;
	font-size: 83%;
}
.rightinformation li {
	background-image: url(../images/icon02.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 12px;
	list-style-type: none;
	color: #303030;
	margin: 0px 0px 5px;
}
.rightinformation li a {
	color: #333333;
	text-decoration: underline;
}
.rightinformation li a:hover {
	color: #990000;
	text-decoration: none;
}
.rightinformation .more3 {
	text-align: right;
	margin-right: 5px;
	margin-top: 5px;
}
.rightinformation .foot {
	background-image: url(../images/rightinformation_foot.gif);
	background-repeat: no-repeat;
	height: 18px;
	margin: 0px 0px -7px;
}
html>body .rightinformation .foot {
	background-image: url(../images/rightinformation_foot.gif);
	background-repeat: no-repeat;
	height: 11px;
	margin: 0px 0px 7px;
}
/*---------------------------------------------------------------------標籤--*/
.MainMenu {
	margin: 0px 10px 0 10px;
	padding: 0px;
	list-style: none;
	background-color: #FFFFFF;
}

.MainMenu li {
	list-style: none;
	float: left;
	background-image: url(../images/mainmenu_a_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0 5px 0 0;
}
.MainMenu li a {
	display: block;
	margin-left: 0px;
	font-size: 13px;
	line-height: 20px;
	text-decoration: none;
	padding: 7px 10px 0px 10px;
	color: #006699;
	background-image: url(../images/mainmenu_li_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.MainMenu li a:hover {
	color: #000066;
	text-decoration: none;
}
/*--*/
.MainMenu .blue {
	background-image: url(../images/mainmenu_a_bg2.gif);
}
.MainMenu .blue a {
	color: #FFFFFF;
	background-image: url(../images/mainmenu_li_bg2.gif);
}
.MainMenu .blue a:hover {
	color: #FFFFCC;
	text-decoration: none;
}
/*--------------------------------------------------------------------qa*/
.qalist {
	border-collapse: collapse;
	font-size: 13px;
	width: 96%;
	margin: 15px 5px 15px 10px;
}
.qalist a {
	border-collapse: collapse;
	color: #009999;
	text-decoration: underline;
}
.qalist a:hover {
	border-collapse: collapse;
	color: #993300;
	text-decoration: none;
}
.qalist th {
	padding: 5px;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	background-color: #E3EEEE;
	color: #003366;
}
.qalist td {
	padding: 6px 5px 6px 10px;
	vertical-align: top;
	line-height: 145%;
	text-align: left;
	border-bottom: 2px dashed #CCCCCC;
}
.qalist .center {
	vertical-align: top;
	text-align: center;
}
.qalist .thgreen {
	background-color: #EEEEEE;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #D8D8D8;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 15px;
}
/*---------------------------------------------------------------------內容*/
.contents2 {
	margin-right: 10px;
	margin-left: 10px;
	font-size: 13px;
}
.contents2 p {
	margin-right: 10px;
	margin-left: 10px;
	border: none;
}
.contents2 .photo {
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
	color: #00CC00;
	line-height: 170%;
}
.contents2 .photo img {
	width: 200px;
	height: 150px;
	border: 1px solid #E0E0E0;
}
.contents2 table {
	border-collapse: collapse;
	margin: 15px;
	width: 94%;
}
html>body .contents2 table {
	border-collapse: collapse;
	margin: 15px;
	width: 97%;
}
*+html>body .contents2 table {
	border-collapse: collapse;
	margin: 15px;
	width: 96%;
}
.contents2 caption {
	padding-bottom: 3px;
	padding-top: 0px;
	display: none;
}
.contents2 th {
	vertical-align: top;
	text-align: center;
	background-color: #E1E1E1;
	border: 1px solid #CCCCCC;
	padding: 5px;
	color: #666666;
}
.contents2 td {
	padding: 5px;
	vertical-align: top;
	line-height: 145%;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	text-align: left;
}
.contents2 a {
	color: #666666;
	text-decoration: underline;
}
.contents2 a:hover {
	color: #009999;
	text-decoration: none;
}
.contents2 ul {
	margin: 10px 10px 10px 15px;
	color: #666666;
}
html>body .contents2 ul {
	margin: 10px 10px 10px -25px;
	color: #666666;
}
*+html>body .contents2 ul {
	margin: 10px 10px 10px 15px;
	color: #666666;
}
.contents2 li {
	background-image: url(../images/icon02.gif);
	background-repeat: no-repeat;
	margin-bottom: 7px;
	padding-left: 12px;
	list-style-type: none;
	background-position: 0px 5px;
}