﻿@charset "utf-8";
@import url(form.css);
@import url(msg.css);
#header
	{
	margin:0px;
	padding:0px;
	background:#8986BE url(images/headBG.jpg) repeat-x bottom center;
	opacity:0.7;
	filter:alpha(opacity=70);
	height:111px;
	margin-top:2%;
	}

#footer
	{
	font-family:Arial,微軟正黑體,新細明體;
	font-size:75%;
	clear:both;
	height:36px;
	color:#FFF;
	opacity:0.7;
	filter:alpha(opacity=70);
	background:#8986BE;
	padding:3px 12px;
	}
/*************************************************************************
Navigatoion Bar
**************************************************************************/
#navBar
	{
	margin:0;
	height:41px;
	background: url(images/HLine-diff.gif) repeat-x top left;
	border-bottom:#AAA 3px double	;
	padding-left:60px;
	}

div#navBar ul
	{
	color:#000;
	margin:0;
	}

div#navBar li
	{
	float:left;
	list-style:none;
	padding:12px 12px 6px;
	}

div#navBar li a
	{
	color:#000;
	text-decoration:none;
	}

div#navBar li:hover
	{
	background:#DCDBEC url(images/HLine-diff.gif) no-repeat top center;
	background:url(images/lihover.gif) no-repeat bottom center;
	}


/*************************************************************************
Main Content Area
**************************************************************************/
#cMain
	{
	/*
	overflow:hidden;
	filter:alpha(opacity=70);
	opacity:0.7;
	border-left:#AAA 3px double;
	*/
	font-family:Arial,微軟正黑體,新細明體;
	color:#666;
	float:left;
	width:75%;
	background:url(images/floria.gif) no-repeat top left;
	text-align:justify;
	}

#content
	{
	padding-top:50px;
	padding-left:60px;
	}

div#content ul
	{
	display:none;
	}

#content ol li
	{
	clear:both;
	}
/*************************************************************************
Side List
**************************************************************************/
#blogList
	{
	float:right;
	width:23%;
	background:#EEE;
	/*
	line-height:1.3em;
	border:#CCCACA 1px solid;
	font-size:85%;
	padding:2em;
	*/
	}

#blogList ol,#blogList ul
	{
	padding:0;
	margin:0;
	}

#blogList li
	{
	border-bottom:#AAA 1px solid;
	list-style:none;
	margin:0;
	position: relative;
	padding:0.2em 2em;
	}

#blogList ul li
	{
	text-decoration:none;
	padding:0.2em 1em 0.2em 1em;
	}


#blogList ol ul
	{
	width:98%;
	border:#AAA 1px solid;
	background:#EEE;
	display:none;
	}

/*
#blogList li:hover ul
	{
	display:block;
	}
*/

#blogList li:hover
	{
	background:#CCF url(images/ball-rose.gif) left center no-repeat;
	}

#blogList .current
	{
	background:#CCF url(images/ball-violet.gif) left center no-repeat;
	}

.floria
	{
	border-top:3px solid;
	text-align:center;
	}
	
a:link,avisited
	{
	font-family:Arial,微軟正黑體,新細明體;
	text-decoration:underline;
	color:#669;
	font-size:100%;
	}

a:active,a:hover
	{
	font-family:Arial,微軟正黑體,新細明體;
	text-decoration:underline;
	color:#F00;
	font-size:100%;
	}

BODY
	{
	font-family:Arial,微軟正黑體,新細明體,Helvetica,sans-serif;
	font-weight:300;
	font-size:15px;
	color:#666;
	margin:6px;
	line-height:1.5em;
	background:#FFF url(images/cssBG.jpg) bottom right no-repeat fixed;
	behavior:url(csshover.htc);/* WinIE behavior call */
	}

span.headR
	{
	color:#FFF;
	padding-right:3%;
	padding-top:48px;
	float:right;
	font-size:200%;
	font-weight:bold;
	}

span.logo
	{
	float:left;
	}

hr.e100
	{
	width:100%;
	border:#534F9F 3px dotted;
	}

.book
	{
	padding:6px 18px 12px 6px;
	float:left;
	}

h3
	{
	font-size:110%;
	font-weight:bold;
	padding:0.2em 2em 0.2em 0.2em;
	border-width:0px 0px 1px 1px;
	border-color:#AAA;
	border-style:none none solid solid;
	background:url(images/4dot.gif) no-repeat bottom right;
	}

h2
	{
	font-size:160%;
	font-weight:bold;
	}

h1
	{
	font-size:220%;
	font-weight:bold;
	margin:0;
	}

p
	{
	margin-bottom:1.5em;
	text-align:justify;
	}

