@charset "big5";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body,td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-decoration: none;
	letter-spacing: 1pt;
	line-height: 180%;
	color: #6c6c6c;
}
a {
	color: #747474;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #333333;
}
.add {
	font-size: 8pt;
	color: #F1B2AA;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 150%;
}
.add a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.add02 {
	font-size: 8pt;
	color: #BBBBBB;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 150%;
}
.add02 a:hover {
	color: #888888;
	text-decoration: underline;
}
.site {
	font-size: 7.5pt;
	color: #747474;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 130%;
}
.site a:hover {
	color: #333333;
	text-decoration: underline;
}
.click-1 {
	font-size: 8pt;
	color: #909090;
	text-decoration: none;
}
.click-1 a:hover {
	color: #444444;
	text-decoration: none;
}
/*館別選單用*/

td#a21 a:hover {/*童心童話館*/
	color: #00bcf4;
	text-decoration: none;
}

td#a22 a:hover {/*中學生教室*/
	color: #307cdc;
	text-decoration: none;
}

td#a23 a:hover {/*知識進修館*/
	color: #ff9114;
	text-decoration: none;
}

td#a24 a:hover { /*生活美學館*/
	color: #9655e3;
	text-decoration: none;
}

td#a25 a:hover {/*藝術百工館*/
	color: #bb7b24;
	text-decoration: none;
}

td#a26 a:hover { /*戶外休閒館*/
	color: #1bc69a;
	text-decoration: none;
}

td#a27 a:hover {/*心靈發電機*/
	color: #94d00e;
	text-decoration: none;
}

td#a28 a:hover {/*語言學習館*/
	color: #FFDE15;
	text-decoration: none;
}

.click-3 {
	color: #C0C0C0;
	text-decoration: none;
}
.click-3 a:hover {
	color: #ffffff;
	text-decoration: none;
}
.click-4 {
	color: #444444;
	text-decoration: none;
}
.click-4 a:hover {
	text-decoration: underline;
}
.line {
	border-top: 1px none #D9D9D9;
	border-right: 1px none #D9D9D9;
	border-bottom: 1px dotted #D9D9D9;
	border-left: 1px none #D9D9D9;
}
.index_d {
	background-color: #E33944;
	background-image: url(images/all/index/d.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.white {
	color: #FFFFFF;
}
.white a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
.d_red {
	background-image: url(images/p1/d.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.black {
	color: #555555;
	font-size: 10pt;
}
.p7_image {
	background-image: url(images/p7/p001.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.d_green {

	background-image: url(images/p3/d_green.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.white02 {
	color: #FFFFFF;
	font-size: 10pt;
}
.line_pro {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #E6E6E6;
	border-right-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
	border-left-color: #E6E6E6;
}
.line_pro02 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #E6E6E6;
	border-right-color: #E6E6E6;
	border-bottom-color: #E6E6E6;
	border-left-color: #E6E6E6;
}
.black02 {
	font-size: 11pt;
	color: #656565;
}
.coffee {
	font-size: 11pt;
	color: #704C12;
}
.line_click {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.black03 {
	color: #979797;
}
.black04 {
	color: #000000;
}
.red {
	color: #D62008;
}
.coffee02 {
	color: #704C12;
	line-height: 130%;
}
.line_list {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #F6E4E6;
	border-right-color: #F6E4E6;
	border-bottom-color: #F6E4E6;
	border-left-color: #F6E4E6;
}
.input {
	font-size: 9pt;
	color: #666666;
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.p3_d {
	background-image: url(images/p3/content_up.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.d_blue {


	background-image: url(images/p3/d_blue.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.d_yellow {



	background-image: url(images/p3/d_yellow.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.d_purple {




	background-image: url(images/p3/d_purple.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.d_coffee {





	background-image: url(images/p3/d_coffee.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.line_pro03 {
	background-color: #F2F2F2;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.p6_image {

	background-image: url(images/p6/p002.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.d_blue-2 {



	background-image: url(images/p3/d_blue-2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.d_green-2 {


	background-image: url(images/p3/d_green-2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.d_yellow-2 {



	background-image: url(images/p3/d_yellow-2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.line_pro04 {
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #CCCCCC;
}
.line2 {
	border: 1px solid #CCCCCC;
}
.line3 {
	border-left: 1pt #333333;
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-bottom-width: 1pt;
	border-right-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
}

.blue01 {
	color: #004F75;
}

.blue02 {
	color: #0066CC;
}

.blue03 {
	color: #456AAB;
	font-size: 12pt;
	font-weight: bold;
}

.FwMail-bg {
	background-image: url(images/p3/FwMail-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.font10 {
	font-size: 10pt;
	font-weight: bold;
}
.Pink01 {
	color: #BDA6D0;
}
.Pink01:hover {
	text-decoration: none;
	color: #993333;
}.left-bg1 {
	background-image: url(images/p3/l-bg.jpg);
	background-repeat: repeat;
	background-position: right;
}
.line_pro05 {

	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #8A9EA8;
	border-right-color: #8A9EA8;
	border-bottom-color: #8A9EA8;
	border-left-color: #8A9EA8;
}
.blue04 {
	font-weight: bold;
	color: #62828E;
}
.p10-bg1 {
	background-image: url(images/p10/bg1_02.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
div.area0{clear:both;
	margin-top:5px;
	margin-bottom:10px;}
div.area1{clear:both;
width:100%;
background-color:#f3f3f3;
padding-top:2px;
padding-bottom:2px;}
div.area2{float:left;}
/*課程列表頁面*/
div.class-top1 {background-color:#848484;text-align:center;color:#ffffff;
	padding:5px;}
div.class-top2 {
	background-color:#848484;
	text-align:center;
	color:#ffffff;
	padding:5px;
} 
div.class-area0{clear:both;}
div.class-area1 {float:left;
	width:40%;
	text-align:left;
	padding:2px;
	line-height:normal;
}
div.class-area2 {
	float:left;
	width:55%;
	text-align:left;
	padding:2px;
	line-height:normal;
	}
div.class-area3{clear:both;
margin-left:30px;
margin-bottom:10px;}