@CHARSET "UTF-8";

*
{
	/* font-size: 100%; */
	/* font-family: Helvetica, Helvetica, Verdana, Geneva, Helvetica, Verdana, Arial, sans-serif, Georgia, "Heiti TC", "微軟正黑體"; */
	/* font-family: "微軟正黑體", Helvetica, Verdana; */
}

body
{
	/* background-color: #eee; */
	font-size: 100%;
	color: #333;
}

/*
hr
{
	color: #f0f0f0;
	background-color: #f0f0f0;
	border-color: #f0f0f0;
}
*/




/* ================================================= */


#page_header
{
	background-repeat: repeat-x;
	background-image: url(../images/color-stripes.png);
	/* background-color: #fafafa; */
	/* background-color: #fafafa; */
	/* color: white; */
	width: 100%;
	min-height: 50px;
	padding-top: 16px;
	padding-bottom: 16px;
}

#page_center
{
	/* background-color: #fafafa; */
	/* background-color: #fafafa; */
	float: left;
	width: 100%;
	min-height: 430px;
	padding-top: 0px;
	padding-bottom: 32px;
}

#page_footer
{
	background-repeat: repeat-x;
	background-image: url(../images/footer-topbg.png);
	float: left;
	color: #333;
	width: 100%;
	min-height: 90px;
	padding-top: 16px;
	padding-bottom: 8px;
}



#cssTable td
{
	border-top-color: #fff;
}

.cssTableTitle
{
	width:150px;
}

/* ================================================= */


.title
{
	font-weight: bold;
	font-size: 300%;
	color: #333;
	line-height: 60px;
}

.subtitle
{
	font-weight: bold;
	font-size: 200%;
	color: #393;
	line-height: 60px;
}

.title3
{
	font-weight: bold;
	font-size: 160%;
	color: #666;
}



/* ================================================= */


code 
{
	display:block;
	overflow:auto;
	font-family:"Courier New";
	white-space:pre;
	background:#F0F0F0 url(../image/CodeBlock.png) repeat-y scroll left top;
	border:1px solid #CCC;
	margin:5px 25px 0;
	padding:5px 5px 5px 20px;
	line-height:1.2em;
	width:90%;
}

/*
pre 
{
	white-space: pre-wrap;
	word-wrap: break-word;
}
*/


.bookcontent
{
	display: block;
	border:1px   dotted #cccccc;
	padding:5px 5px 5px 20px;
	line-height:1.2em;
}