@charset "utf-8";
@import url(StickyPaper.css);

/* Normalization */
body, div, dl, dt, dd, ul, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{
	margin:0px;
	padding:0px;
}
h1, h2, h3, h4, h5, h6
{
	font-size:100%;
}
ol, ul
{
	1list-style:none;
}
address, caption, cite, code, dfn, em, strong, th, var
{
	font-style:normal;
	font-weight:normal;
}
table
{
	border-collapse:collapse;
	border-spacing:0px;
}
fieldset, img
{
	border:0px;
}
caption, th
{
	text-align:left;
}
q:before, q:after
{
	content:'';
}
code
{
	color:#d580ff;
}


/* Working */
html
{
	text-align:center;
}
body
{
	1border:solid 1px #ebe2e3;
	position:relative;
	width:930px;
	margin:0 auto;
	margin-top:10px;
	text-align:left;
	background:transparent url(../Images/bk_body.png) repeat 0px 0px;
}
h1
{
	position:absolute;
	top:10px;
	left:80px;
	background:transparent url(../Images/Title.png) no-repeat;
	text-indent:-9999px;
	width:249px;
	height:75px;
}
h2, h3
{
	color:#88a308;
	margin-bottom:.15em;
	font:150% Verdana, Geneva, sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
}
h3
{
	margin-bottom:15px;
}

div#JottingPage
{
	1border:solid 1px #990000;
	position:relative;
	1z-index:16000;
	overflow:auto;
	height:inherit;
	width:100%;
	background:transparent url(../Images/bk_content_wrap.png) repeat-y 0px 0px;
}
div#JottingContent
{
	1border:solid 1px #990000;
	width:470px;
	position:absolute;
	top:126px;
	left:0;
	z-index:26000;
	float:left;
	padding:0em 20px 0em 80px;
	overflow:auto;
	text-align:justify;
}
div#JottingContent hr
{
	border:0;
	height:9px;
	margin-left:-50px;
	background:transparent url(../Images/bk_header_separator.png) no-repeat 0px 0px;
}
div#JottingContent img
{
	border:solid 9px #ffffff;
	text-align:center;
	1margin:16px 6px 10px -5px;
	margin:1px;
	1box-shadow: 0 0 5px #888;
}
div#JottingContent p
{
	font:100% "Palatino Linotype", "Book Antiqua", Palatino, serif;
	1font-size:15px;
	2font-family:"微軟正黑體";
	font-size:0.9em;
	line-height:1.4em;
	margin-bottom:1em;
}
div#TableOfContents
{
	1border:solid 1px #990000;
	position:relative;
	width:240px;
	1height:100px;
	float:right;
	overflow:auto;
	margin-right:46px;
	1padding:1em 66px 1em 14px;
}
div#TableOfContents hr
{
	border:0;
	height:7px;
	background:transparent url(../Images/bk_line_dash.png) repeat-x 0px 0px;
}

div#JottingHeader, div#JottingFooter
{
	1border:solid 1px #990000;
	width:100%;
}
div#JottingHeader
{
	1border:solid 1px #990000;
	height:246px;
	background:transparent url(../Images/bk_top.png) no-repeat 0px 0px;
	position:relative;
	z-index:1000;
}
div#JottingHeader blockquote
{
	position:absolute;
	top:74px;
	left:96px;
	font-family:Verdana, Geneva, sans-serif;
	font-family: 'Tangerine', cursive;
	font-size:30px;
	
}
div#JottingFooter
{
	1border:solid 1px #990000;
	height:124px;
	background:transparent url(../Images/bk_footer.png) no-repeat 0px 0px;
	position:fixed;
	bottom:0px;
}
div#JottingFooter h5
{
	position:absolute;
	left:530px;
	top:10px;
}
div#JottingFooter p
{
	position:absolute;
	right:400px;
	top:60px;
	margin:0;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
}
div#JottingFooter h5 + p
{
	text-indent:-9999px;
}

#Paragraph a
{
	text-decoration:none;
	color:orangered;
	font-weight:bold;
}
#Paragraph a:hover
{
	text-decoration:none;
	color:skyblue;
	font-weight:bold;
}

.TRF4 { transform: rotate(4deg); }
.TRF5 { transform: rotate(-4deg); }
.I075 { width: 75px; }
.I100 { width:100px; }
.I110 { width:110px; }
.I150 { width:150px; }
.I200 { width:200px; }
.I250 { width:250px; }
.I300 { width:300px; }
.I350 { width:350px; }
.I400 { width:400px; }
.I450 { width:450px; }
.FR { float:right; margin-left:10px; }
.FL { float:left;  margin-right:10px; }
.liMainMenu
{
	background:transparent url(../Images/bullet_star_pink.png) no-repeat 0px 5px;
	padding-left:20px;
	margin-bottom:4px;
}

.DivHr
{
	1border:solid 1px #990000;
	overflow:hidden;
	margin-bottom:10px;
}
.DivPostHeader
{
	1border:solid 1px #990000;
	background:transparent url(../Images/post_badge.png) no-repeat 0px 17px;
	margin-left:-52px;
	padding-left:50px;
}
.DivAuthor
{
	1border:solid 2px #990000;
	1width:150px;
	1height:90px;
	position:relative;
	1top:156px;
	1left:2px;
	z-index:3000;
	1float:left;
}
.DivAuthor h2
{
	color:#06F;
	font-family: 'Tangerine', cursive;
	font-weight:normal;
	font-size:30px;
	position:absolute;
	top:40px;
	left:80px;
}
.DivAuthor img
{
	box-shadow: 0 0 5px #888;
	width:70px;
}
.DivDate
{
	1border:solid 1px #990000;
	background:transparent url(../Images/bk_post_header.png) no-repeat 100px 0px;
	font-family: 'Tangerine', cursive;
	font-size:30px;
	1height:40px;
	padding-top:20px;
}
.DivLetter
{
	1border:solid 1px #990000;
	margin:10px 20px 10px 20px;
	padding:10px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#777;
}
.DivLetter ol
{
	list-style:decimal;
	margin-left:20px;
	margin-bottom:5px;
}
.DivLetter li
{
	margin-bottom:5px;
}

.CaptionText
{
	1border:solid 1px #990000;
	font-size:0.8em;
	font-family:"Arial";
	color:darkred;
	margin-bottom:20px;
}

.item01:link {
	color:#060;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 15px;
	font-style: normal;
	font-weight: 100;
	line-height: 130%;
}
.item01:visited {
	color: #060;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 100;
	line-height: 130%;
}
.item01:hover {
	color:#F30;
	1text-decoration:underline;
}




#TableOfContents::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	border-radius: 4px;
	background-color: #F5F5F5;
}

#TableOfContents::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

#TableOfContents::-webkit-scrollbar-thumb
{
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #ccc;
}


#JottingContent::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#JottingContent::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

#JottingContent::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #ccc;
}