@charset "utf-8";









/*
Fishbecat Reset CSS
(c) 2008, 小魚扮貓 http://www.fishbecat.com/
Based on YUI http://developer.yahoo.com/yui/reset/ and Eric Meyer http://meyerweb.com/eric/tools/css/reset/
version: 1.2 | create: 20080901 | update: 20101127
*/


/*將有內距外距的元素歸零，避免不同瀏覽器內外距不同而錯位*/
body, h1, h2, h3, h4, h5, h6, p, blockquote, th, td, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea {
        margin: 0;
        padding: 0;
}


/*重置頁面基本字型大小及行高*/
body,td,th {
        font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
        font-size: 100%;
        line-height: 1;
}


/*將標題的字型大小及粗細都重置*/
h1, h2, h3, h4, h5, h6 {
        font-size: 100%;
        font-weight: normal;
}


/*將影像及欄位集的邊框歸零*/
img, fieldset {
        border: 0;
}


/*將清單樣式清除，其實只要list-style: none就好了，後面都是為了特定瀏覽器*/
ol, ul {
        list-style: none;
}


/*將表格的邊框設定為結合，小魚覺得分離好醜；其實一行就夠了，第二行是為了特定瀏覽器*/
table {
        border-collapse: collapse;
        border-spacing: 0;
}


/*重置表格註解及標題儲存格的對齊*/
caption, th {
        text-align: left;
}


/*將連結、底線重置；其實應該要再加上一個 del 刪除線的，但小魚常常用del就不重置了*/
a, ins {
        text-decoration: none;
}


/*部份瀏覽器在表單元素的字型樣式跟內文會不一樣，故設為繼承保持一致*/
input, button, textarea, select, optgroup, option {
        font-family: inherit;
        font-size: inherit;
        font-style: inherit;
        font-weight: inherit;
}


/*將這些瀏覽器可能會有字型外觀樣式的元素重置字型樣式及粗細*/
address, caption, cite, code, dfn, em, strong, th, var, optgroup {
        font-style: normal;
        font-weight: normal;
}


/*將註解的邊框及大小寫重置，acronym沒用就不重置了*/
abbr {
        border: 0;
        font-variant: normal;
}


/*重置上標、下標的樣式*/
sup, sub {
        font-size: 100%;
        vertical-align: baseline;
}


/*將引用重置，避免樣式不同及引號*/
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
        content: "";
}


/*最後也順便把這些小魚會用到的元素也重設吧*/
code, kbd, samp {
        font-size: 100%;
}









#banner {
	height:205spx;
	width: 957px;
}
#navbar {
	width: 118px;
	height: 40px;
	background-color:#FFF;
	padding-left: 2px;
}
#navlist {
	width: 200px;
	overflow: visible;
	height: 550px;
	float: left;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#content {
	height: auto;
	background-color: #FFFFFF;
	width: 700px;
	float: right;
}
#footer {
	height: 97px;
	float: none;
	clear: both;
}

#wrapper {
	width: 957px;
	color: #FFF;
	background-image: url(images/bg02.png);
	margin: auto;
}
#index wrapper {
	width: 957px;
	background-color: #FFF;
	margin: auto;
}
#leftbanner {
	width: 213px;
	height: 875px;
	background-color: #FFFFFF;
	top: 275px;
}
#head1 {
	font-size: 12px;
	background-color: #6AA936;
	text-align: left;
}
#head2 {
	font-size: 12px;
	background-color: #0D9243;
	text-align: left;
}
#head3 {
	font-size: 12px;
	background-color: #E25781;
	text-align: left;
}
#head4 {
	font-size: 12px;
	background-color: #5870BA;
	text-align: left;
	color: #5870BA;
}
#head5 {
	font-size: 12px;
	background-color: #F49C78;
	text-align: left;
	color: #F49C78;
}
#head6 {
	font-size: 12px;
	background-color: #FF9900;
	text-align: left;
	color: #FF9900;
}
#head7 {
	font-size: 12px;
	background-color: #a234a5;
	text-align: left;
}
#na01 {
	font-size: 18px;
	background-color: #6AA936;
	text-align: left;
	line-height: 22px;
}
.p0 {
	font-size: 8px;
	line-height: 8px;
	text-decoration: none;
	color: #FFFFFF;
}
.p1 {
	font-size: 18px;
	line-height: 28px;
	text-decoration: none;
	color: #FFFFFF;
}
.p2 {
	font-size: 18px;
	line-height: 26px;
	text-align: justify;
	color: #333;
}
.p3 {
	font-size: 22px;
	text-decoration: none;
	font-weight: lighter;
	color: #333;
}
.p4 {
	font-size: 16px;
	text-decoration: none;
	font-weight: lighter;
	color: #993300;
}
.p5 {
	font-size: 15px;
	line-height: 26px;
	color: #333;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
}
.p6 {
	font-size: 15px;
	line-height: 26px;
	font-weight: bold;
	color: #7C277C;
	text-decoration: none;
	text-align: left;
}
.p7 {
	font-size: 20px;
	line-height: 28px;
	text-align: justify;
	color: #75053d;
	font-weight: bold;
}
.p8 {
	font-size: 18px;
	line-height: 26px;
	text-align: justify;
	color: #f51c40;
	font-weight: bold;
}
.p9 {
	font-size: 16px;
	line-height: 26px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
}
.bu {
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
	color: #8a8a8a;
	text-align: left;
	height: 22px;
	background-position: center;
}
.bu00 {
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
	color: #7f6040;
	text-align: left;
	height: 22px;
	background-position: center;
}
.bu00-center {
	font-size: 20px;
	font-weight: bold;
	color: #7f6040;
	text-align: center;
	height: 40px;
	background-position: center;
	margin-top: 15px;
}
.buspace {
	font-size: 3px;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	height: 5px;
}
.bu05 {
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	color: #7C277C;
	text-align: left;
	height: 22px;
}
.bu051 {
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #7C277C;
	text-align: left;
	height: 24px;
}
.bu052{
	font-size: 22px;
	text-decoration: none;
	font-weight: bold;
	color: #cc3333;
	text-align: left;
	line-height: 30px;
}
.bu053 {
	font-size: 22px;
	text-decoration: none;
	font-weight: bold;
	color: #7C277C;
	text-align: left;
	height: 22px;
}
.bu061 {
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #f5ad1c;
	text-align: left;
	height: 24px;
}
.bu07 {
	font-size: 17px;
	text-decoration: none;
	font-weight: bold;
	color: #990066;
	text-align: left;
}
.bu071 {
	font-size: 19px;
	text-decoration: none;
	font-weight: bold;
	color: #990066;
	text-align: left;
}
.bu08 {
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
	font-weight: bold;
	color: #990066;
	text-align: center;
}
.na01 {
	font-size: 18px;
	line-height: 26px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
}
.na02 {
	font-size: 15px;
	line-height: 26px;
	color: #333;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
}
.na03 {
	font-size: 15px;
	line-height: 26px;
	font-weight: bold;
	text-decoration: none;
	color: #0060bf;
}
.na04 {
	font-size: 15px;
	line-height: 26px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #05b505;
}
.na05 {
	font-size: 15px;
	line-height: 26px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
}
.uper01 {
	font-size: 15px;
	line-height: 46px;
	text-align: right;
	color: #EC7C00;
	font-family: calibri;
}
.uper02 {
	font-size: 15px;
	line-height: 46px;
	text-align: right;
	color: #0D9243;
}
.uper03 {
	font-size: 15px;
	line-height: 46px;
	text-align: right;
	color: #E25781;
}
.uper04 {
	font-size: 15px;
	line-height: 46px;
	text-align: right;
	color: #5870BA;
}
.uper05 {
	font-size: 15px;
	line-height: 46px;
	text-align: right;
	color: #F49C78;
}
.uper06 {
	font-size: 15px;
	line-height: 46px;
	text-align: right;
	color: #FF9900;
}
.uper07 {
	font-size: 15px;
	line-height: 46px;
	text-align: right;
	color: #a234a5;
}
.table01 {
	float: left;
	margin: 5px;
}
.table02 {
	float: right;
	margin: 5px;
}.table03 {
	margin-left:auto; 
    margin-right:auto;
}
.ctext {
    font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
	line-height: normal;
	text-align: center;
}
.left-bar-list{
    width:150px;
    margin-top: -238px;
    margin-left: 20px;
}
.left-bar-list07{
    width:150px;
    margin-top: -117px;
    margin-left: 20px;
}
.lnavbtn{
    align: left;
}
.lnavbtn:hover{
    background: url(images/lnavbtn_hover.png);
    align: left;
}
.lnavbtn_on{
    background: url(images/lnavbtn_on.png);
    align: left;
}