body{
margin:40px 20px 10px 20px;
text-align:center;
background:#ffffff url(../media/theme/e020993ca5feff7f9776a39d787d7061/br01.jpg);
background-repeat : no-repeat;
background-attachment : fixed;
background-position : left top; 
font:9pt verdana
}
Img.Spacer {
border:none;
width:1px;
height:1px
}
/*
====================================
Page Head Start here
==================================== */
#Header {
margin:0px 0px 9pt 260px;
}
#Header div.body {
width:100%;
text-align:left;
}
#Header #myLogo {
border:none;
text-align:left
}
#Header div.body div.title {
padding:4px 9pt
}
#Header div.body div.content {
padding:4px 9pt
}
#Header #footer {
display:none
}
/*
====================================
Tools Bar Start here
==================================== */
#Toolsbar {
width:100%;
margin:2px 0px 9pt 260px;
padding:4px 9pt 4px 4pt;
text-align:left;
height:20px;
}
#Toolsbar div.header, 
#Toolsbar div.footer {
display:none
}
#Toolsbar div.body span a {
font:bold 8pt verdana;
letter-spacing:2px;
color:white;
text-decoration:none;
margin-right:9pt;
padding:0px;
/*background:#D5BCAA;*/
color:#62504b;
height:20px
}
#Toolsbar div.body a:hover {
/*background:white*/
color:#3f3f6f
}
/*
====================================
Desktop Start here
==================================== */
#Desktop {
width:100%;
margin:0px 0px 0px 260px;
padding:0px 0px 0px 9pt;
text-align:left
}
/*
====================================
Sider menu Start here
==================================== */
#SiderMenu {
width:220px;
margin:0px;
padding:0px;
text-align:right;
position:absolute;
top:40px;
left:20px;
}
#SiderMenu div.header {
width:100%;
font:bold 10pt verdana;
margin:18pt 0px 4px 0px;
letter-spacing:1px;
text-align:right;
color:black
}
#SiderMenu div.footer {
display:none
}
#SiderMenu #myPicture {
width:220px;
background:#62504B;
text-align:center;
padding:4px 0px
}
#SiderMenu #myPicture Img {
width:212px
}
#SiderMenu #Calendar div.header {
text-align:center;
margin-bottom:4pt;
}
#SiderMenu #Calendar table { 
border-collapse: collapse;
width:100%
}
#SiderMenu #Calendar th {
font:bold 9pt verdana;
}
#SiderMenu #Calendar td {
font:bold 9pt verdana;
color:#e4e4e4;
text-align:center
}
#SiderMenu #Calendar a,
#SiderMenu #Calendar a:visited {
color: black;
text-decoration:none;
}
#SiderMenu #Calendar a:hover {
text-decoration:underline;
color:white
}
#SiderMenu #Search div.header{
display:none
}
#SiderMenu #Search div.body input {
width:100%;
border:2px solid #62504b;
font:8pt verdana;
margin:9pt 0px 2px 0px;
}
#SiderMenu #Search div.body button {
border:2px solid #62504b;
font:bold 9pt verdana;
padding-top:1px;
color:#62504b
}
#SiderMenu #Archives div.body select {
width:100%;
font:9pt verdana;
background:#f4f4f4;
color:#62504b
}
#SiderMenu #Category div.body div,
#SiderMenu #Recently div.body div,
#SiderMenu #Recentlycomments div.body div,
#SiderMenu #FriendsLink div.body div {
padding:4px 0px 2px 0px;
}
#SiderMenu #Category div.body div.category a,
#SiderMenu #Recently div.body  a,
#SiderMenu #Recentlycomments div.body  a,
#SiderMenu #FriendsLink div.body  a { 
padding:4px 0px 2px 0px;
font:8pt verdana;
letter-spacing:2px;
text-decoration:none;
color:#3f3f6f;
/*border-bottom:2px solid #62504b;*/
}
#SiderMenu #Category div.body div.category a:hover ,
#SiderMenu #Recently div.body  a:hover ,
#SiderMenu #Recentlycomments div.body  a:hover ,
#SiderMenu #FriendsLink div.body  a:hover { 
color:#62504b;
border-color:white
}
#SiderMenu #Category div.body div.subcategory {
padding:2px 0px 4px 0px;
}
#SiderMenu #Category div.body div.subcategory a {
font:8pt/140% verdana;
letter-spacing:2px;
padding:2px 0px 2px 0px;
margin:2px 0px 4px 0px;
text-decoration:none;
color:#3f3f6f;
}
#SiderMenu #Category div.body div.subcategory a:hover {
color:#62504b}
#sidermenu #recently div.body div.more ,
#sidermenu #friendslink div.body div.more{
padding:9pt 0px;
}
#sidermenu #recently div.more a,
#sidermenu #friendslink div.more a{
font:bold 8pt/160% verdana;
letter-spacing:2px;
color:white;
text-decoration:none;
border:2px solid #62504B;
margin:5px 0px 0px 0px;
padding:2px 4px;
background:#D5BCAA;
color:#62504b;
width:50%;
text-align:center
}
#sidermenu #recently div.more a:hover,
#sidermenu #friendslink div.more a:hover{
background:white;
border:2px solid #62504B;
}
/*
====================================
Content Start here
==================================== */
#Content {
width:100%;
padding:0px;;
/*border:1px solid black*/
}
#Content div.header { 
display:none
}
#Content div.body {
width:100%;
padding:0px;
}
#Content div.footer {
display:none}
#Content #Empty {
background:none;
font:9pt verdana;
letter-spacing:2px;
border-bottom:2px solid #62504b;
width:100%;
margin:20px 0px 20px 0px;
padding:4px;
}
#Content #CategoryDescription {
width:100%;
text-align:left;
padding-top:9pt
/*border:1px solid black*/
}
#Content #CategoryDescription div.header ,
#Content #CategoryDescription div.footer {
display:none
}
#Content #CategoryDescription div.body {
background:none;
width:100%;
text-align:left
}
#Content #CategoryDescription div.body div.title,
#Content #CategoryDescription div.body div.title a {
font:9pt/160% verdana;
letter-spacing:2px;
text-decoration:none;
color:#62504b
}
#Content #CategoryDescription div.body div.title a:hover {
color:white
}
#Content #CategoryDescription div.body div.content {
font:8pt/140% verdana;
letter-spacing:2px
}
#Content #NavLinkTop ,
#Content #NavLinkBottom {text-align:left;padding-top:9pt}
#Content #NavLinkTop div,
#Content #NavLinkBottom div {
display:inline;
}
#Content #NavLinkTop div a ,
#Content #NavLinkBottom div a {
font:bold 8pt Verdana;
letter-spacing:2px;
text-decoration:none;
color:#62504b
}
#Content #NavLinkTop div a:hover ,
#Content #NavLinkBottom div a:hover {
color:white
}
#Content table.DocArea {
width:100%;
border-collapse: collapse;
}
#Content table.DocArea td.created {
font: bold 9pt Georgia;
color:darkgoldenrod;
text-align:left;
border-bottom:2px solid #62504b;
padding:27pt 0px 2px 0px
}
#Content table.DocArea td.created a {
text-decoration:none;
color:#3f3f6f
}
#Content table.DocArea td.created a:hover {color:white}
#Content table.DocArea td.body div.content,
#Content table.DocArea td.body div.content a:hover ,
#Content table.DocArea td.body div.welcome {
color:black
}
#Content table.DocArea td.body div.content a {
color:#white
}
#Content table.DocArea td.title {
padding:9pt 0px;
font:9pt verdana;
color:#3f3f6f
}
#Content table.DocArea td.title a {color:#3f3f6f;text-decoration:none;letter-spacing:2px}
#Content table.DocArea td.title a:hover {color:white}
#Content table.DocArea td.body {
padding:9pt 0px;
font:9pt verdana;
letter-spacing:2px
}
#Content table.DocArea td.footer ,
#Content table.DocArea td.footer a{
text-align:right;
font:8pt/200% georgia;
letter-spacing:2px;
text-decoration:none;
padding:9pt 0pt 9pt  0pt;
color:black
}
#Content table.DocArea td.footer a:hover {color:white}
#Content table.DocArea td.footer .lastUpdate,
#Content table.DocArea td.footer .commentcounts{letter-spacing:0px;font-weight:bold}
/*
====================================
Content Att, foto Box Start here
==================================== */
#Content table.DocArea td.body div.DocAttBox {
width:240px;
float:right;
display:inline;
background:#C1B6AB
}
#Content table.DocArea td.body div.DocAttBox table {width:100%;margin-bottom:4px}
#Content table.DocArea td.body div.DocAttBox table td.header{
font:bold 8pt verdana;
color:gray;
text-align:center
}
#Content table.DocArea td.body div.DocAttBox table td.body{
text-align:left;
padding:2px 0px 2px 0px
}
#Content table.DocArea td.body div.DocAttBox table td.body a {
font:8pt verdana;
letter-spacing:2px;
color:#62504b;
text-decoration:none;
}
#Content table.DocArea td.body div.DocAttBox table td.body a:hover {color:white}
#Content table.DocArea td.body div.DocAttBox table td.body img.content {
margin-bottom:4px;
width:240px}
/*
====================================
comments Lists Start here
==================================== */
#Content #comments div{
text-align:left;
width:100%
}
#Content #comments div.header{
font:bold 9pt verdana;
border-bottom:2px solid white;
color:black;
padding:9pt 4px 4px 4px;
display:block
}
#Content #comments div.body{
background:none;
}
#Content #comments div.body table.CommentArea {
background:none;
width:100%
}
#Content #comments div.body table.commentArea td.header {
background:none;
text-align:right;
font:bold 8pt georgia;
padding:10px 0px 10px 0px
}
#Content #comments div.body table.commentArea td.body {
background:none;
text-align:left;
font:9pt verdana;
letter-spacing:2px;
padding:4px
}
#Content #comments div.body table.commentArea td.footer {
font:8pt/180% verdana;
border-bottom:2px solid white;
padding:10px 0px 10px 0px
}
#Content #comments div.body table.commentArea td.footer a{color:darkgoldenrod;text-decoration:none}
#Content #comments div.body table.commentArea td.footer a:hover{color:#62504b}
/*
====================================
comment editor Start here
==================================== */
#Content #commentEditor{
width:100%;
/*border:1px solid black;*/
text-align:center
}
#Content #commentEditor table{
width:98%
}
#Content #commentEditor table caption{
font:9pt verdana;
letter-spacing:2px;
}
#Content #commentEditor td.header,
#Content #commentEditor td.footer {display:none}
#Content #commentEditor td{
font:9pt verdana;
letter-spacing:2px
}
#Content #commentEditor td Input{
font:8pt verdana;
border:1px solid #999999;
width:100%
}
#Content #commentEditor td textarea{
height:100px;
width:100%;
font:8pt verdana;
border:1px solid #999999;
}
#Content #commentEditor td button{
border:1px solid #666666;
font:9pt verdana;
letter-spacing:2px;
padding-top:2px
}
/*
====================================
Page Footer / copyright Start here
==================================== */
#CopyRight {
width:100%;
margin:18pt 0px 0px 240px;
padding-bottom:20px;
text-align:center
}
#CopyRight div.body { 
width:100%;
padding:4px 10px 4px 10px;
text-align:center;
}
/*
====================================
the End
build 2003.11.04 15:00 pm, Chiron Chou
==================================== */
/*user defined style*/
#header div.body div.title{font:bold 18pt Georgia;letter-spacing:2px;color:#330066}
#header div.body div.content{font:normal 10pt/140% Verdana;letter-spacing:1px;color:}
#welcome div.welcome{font:normal 10pt/160% 新細明體;letter-spacing:3px;color:}
#categorypage #welcome{display:none}
#content table.docarea td.title,#content table.docarea td.title a{font:bold 10pt trebuchet MS;letter-spacing:3px;color:}
#content table.docarea td.created a{color:}
#content table.docarea td.body,#content table.docarea td.body div.content{font:normal 9pt/160% trebuchet MS;letter-spacing:2px;color:}
#content table.commentarea td.body{font:normal 9pt/160% trebuchet MS;letter-spacing:2px}
#content table.docarea td.body a{font:normal 9pt trebuchet MS;letter-spacing:2px;color:;text-decoration:none}
#content table.docarea td.footer a{color:}
#content table.commentarea td.footer a{color:}
#content table.docarea td.body a:hover{font:normal 9pt Verdana;letter-spacing:2px;color:}
#content table.docarea td.created a:hover,#content table.docarea td.title a:hover,#content table.docarea td.footer a:hover,#content table.commentarea td.footer a:hover{color:}
#copyright div.body{font:normal 8pt/140% Geneva;letter-spacing:2px;color:}
#copyright div.body a{color:}
#copyright div.body a:hover{text-decoration:none}
img.spacer{border:none;width:1px;height:1px}