BODY {
Font-Family: Arial, Helvetica, sans-serif;
MARGIN: 0px;
WIDTH: 100%;
COLOR: #999999;
HEIGHT: 100%;
TEXT-ALIGN: center;
background-color: #FFFFFF;
font-size: 12px;
cursor:url("http://www.bubbleliao.idv.tw/lifetype/gallery/1/cur_r2.ani"),default;
}

<!--
A {COLOR: #CCCCFF; TEXT-DECORATION: underline}
A:link {COLOR: #CCCCFF; TEXT-DECORATION: underline}
A:visited {COLOR: #999999; TEXT-DECORATION: underline}
A:active {}
A:hover {COLOR: #999999; TEXT-DECORATION: none}
-->

A {COLOR: #CCCCFF; TEXT-DECORATION: underline}
A:link {COLOR: #00000F; TEXT-DECORATION: underline}
A:visited {COLOR: #999999; TEXT-DECORATION: none}
A:active {}
A:hover {COLOR: #0000FF; TEXT-DECORATION: underline}



A.acalendar {COLOR: #FFFFFF; TEXT-DECORATION: underline}
A.acalendar:link {COLOR: #666666; TEXT-DECORATION: underline}
A.acalendar:visited {TEXT-DECORATION: underline}
A.acalendar:active {}
A.acalendar:hover {COLOR: #000000; TEXT-DECORATION: none}

A.acontinues {COLOR: #cccccc; TEXT-DECORATION: underline}
A.acontinues:link {COLOR: #cccccc; TEXT-DECORATION: underline}
A.acontinues:visited {TEXT-DECORATION: underline}
A.acontinues:active {}
A.acontinues:hover {COLOR: #bababa; TEXT-DECORATION: none}

A.amenu {COLOR: #2d8d5f; TEXT-DECORATION: underline}
A.amenu:link {COLOR: #2d8d5f; TEXT-DECORATION: underline}
A.amenu:visited {TEXT-DECORATION: underline}
A.amenu:active {}
A.amenu:hover {COLOR: #bababa; TEXT-DECORATION: none}

#container {
MARGIN: 0px auto;
WIDTH: 740px;
TEXT-ALIGN: left;
}
#banner {
WIDTH: 740px;
TEXT-ALIGN: center;
HEIGHT: 168px;
background-image: url(./images/46main_image.gif);
background-repeat : no-repeat;

}
#subbanner {}
#banner A {COLOR: #666666; TEXT-DECORATION: none}
#banner A:link {COLOR: #666666;TEXT-DECORATION: none;}
#banner A:visited {TEXT-DECORATION: none;}
#banner A:active {}
#banner A:hover {COLOR: #0000FF;TEXT-DECORATION: underline;}

#subbanner A {COLOR: #cccccc; TEXT-DECORATION: none}
#subbanner A:link {COLOR: #cccccc; TEXT-DECORATION: none}
#subbanner A:visited {TEXT-DECORATION: none}
#subbanner A:active {}
#subbanner A:hover {COLOR: #cccccc; TEXT-DECORATION: underline}

H1 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
H2 {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
font-size: 12px;
font-style: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
H3 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}

.blogtitle {
FONT-WEIGHT: bold;
FONT-SIZE: 20px;
PADDING-TOP: 100px;
LETTER-SPACING: 1px;
TEXT-ALIGN: left;
padding-left: 20px;
}
.description {
FONT-WEIGHT: bold;
FONT-SIZE: 13px;
COLOR: #666666;
LETTER-SPACING: 2px;
TEXT-ALIGN: left;
padding-left: 20px;
}
#content {
FLOAT: right;
WIDTH: 550px;
margin-right: 0px;
}
.blog {
MARGIN: 0px 25px;
}
.date {
FONT-SIZE: 13px;
COLOR: #999999;
font-weight: normal;
height: 20px;
margin-top: 20px;
}
.blogbody {
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
MARGIN-BOTTOM: 10px;
PADDING-BOTTOM: 10px;
PADDING-TOP: 10px;
}
.title {
PADDING-LEFT: 5px;
FONT-WEIGHT: bold;
FONT-SIZE: 13px;
COLOR: #0000FF;
/* bubble edit 950815
COLOR: #666666;
*/
padding-top: 5px;
background-image: url(./images/arti_title2.gif);
/*
bubble edit 950815
background-color: #CCFFFF;
*/
padding-right: 5px;
height: 25px;
}
.main {
FONT-SIZE: 13px;
MARGIN: 15px 0px;
COLOR: #666666;
LINE-HEIGHT: 150%;
LETTER-SPACING: 1px;
font-family: Arial, Helvetica, sans-serif;
}
.main-continues {FONT-SIZE: 13px}

.posted {font-size: 13px;
MARGIN: 0px 0px 5px;
COLOR: #999999;
TEXT-ALIGN: right;
}
A.aposted {COLOR: #999999; TEXT-DECORATION: underline}
A.aposted:link {COLOR: #999999; TEXT-DECORATION: underline}
A.aposted:visited {COLOR: #999999; TEXT-DECORATION: underline}
A.aposted:active {}
A.aposted:hover {COLOR: #333333; TEXT-DECORATION: none}

.menu {FONT-SIZE: 12px; COLOR: #666666; TEXT-ALIGN: right}
.comments-head {
PADDING-RIGHT: 0px;
PADDING-LEFT: 5px;
FONT-WEIGHT: bold;
FONT-SIZE: 13px;
PADDING-BOTTOM: 5px;
COLOR: #666666;
PADDING-TOP: 5px;
HEIGHT: 25px;
background-color: #EEEDEA;
}
.comments-body {FONT-SIZE: 12px; MARGIN: 20px 0px 15px 13px; LINE-HEIGHT: 135%}
.comments-post {FONT-SIZE: 12px; MARGIN: 0px 0px 25px; COLOR: #666666; TEXT-ALIGN: right}
.trackback-url {FONT-WEIGHT: bold; FONT-SIZE: 13px; MARGIN: 20px 0px 15px 13px; COLOR: #999999}
.trackback-body {FONT-SIZE: 13px; MARGIN: 20px 0px 15px 13px; LINE-HEIGHT: 135%}
.trackback-post {FONT-SIZE: 12px; MARGIN: 0px 0px 25px; COLOR: #666666; TEXT-ALIGN: right}

A.atrackback-post {COLOR: #999999; TEXT-DECORATION: underline}
A.atrackback-post:link {COLOR: #999999; TEXT-DECORATION: underline}
A.atrackback-post:visited {COLOR: #999999; TEXT-DECORATION: underline}
A.atrackback-post:active {}
A.atrackback-post:hover {COLOR: #bababa; TEXT-DECORATION: none}

TABLE.form {MARGIN: 25px 0px 0px 13px}
LABEL {FONT-WEIGHT: bold; FONT-SIZE: 12px}
#author {
WIDTH: 200px;
border: #aaaaaa 1px dashed;
}
#email {
WIDTH: 200px;
border: #aaaaaa 1px dashed;
}
#url {
WIDTH: 200px;
border: #aaaaaa 1px dashed;
}
#text {
BORDER-RIGHT: #aaaaaa 1px dashed;
BORDER-LEFT: #aaaaaa 1px dashed;
WIDTH: 500px;
BORDER-BOTTOM: #aaaaaa 1px dashed;
HEIGHT: 200px;
border-top: #aaaaaa 1px dashed;
}

.pagetop {FONT-SIZE: 12px; MARGIN: 5px 0px 25px; TEXT-ALIGN: right}
#links {MARGIN-TOP: 20px; FLOAT: left; MARGIN-LEFT: 20px; WIDTH: 150px; POSITION: absolute; TEXT-ALIGN: center}
.calendarhead {
PADDING-RIGHT: 2px;
FONT-SIZE: 11px;
PADDING-BOTTOM: 2px;
MARGIN: 0px 0px 0px;
COLOR: #666666;
PADDING-TOP: 2px;
TEXT-ALIGN: center;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 2px;

/* bubble add "2" 950815 */
background-image: url(./images/46bg2.gif);

background-repeat: no-repeat;
}
.calendartable {
WIDTH: 100%;
PADDING-TOP: 0px;
TEXT-ALIGN: center;
MARGIN: 0px 0px 10px;
background-color: #F3F3F3;
}
.calendarweek {FONT-SIZE: 10px; COLOR: #999999;TEXT-ALIGN: left}
.calendarwd {
background-color: #FFFFFF;
}
.calendard {
empty-cells: show;
}
.calendardbg {
background-color: #CCCCCC;
}
.calendar {
FONT-SIZE: 12px;
color: #333333;
}

.sidetitle {
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
FONT-SIZE: 11px;
PADDING-BOTTOM: 5px;
COLOR: #000000;
PADDING-TOP: 5px;
LETTER-SPACING: 2px;
TEXT-ALIGN: center;
}
.side {
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
FONT-SIZE: 12px;
PADDING-BOTTOM: 5px;
MARGIN: 0px 0px 10px;
LINE-HEIGHT: 200%;
PADDING-TOP: 10px;
TEXT-ALIGN: left;

/* bubble add "2" 950815 */
background-image: url(./images/46bg2.gif);

background-repeat: no-repeat;
}

<!--
A.aside {COLOR: #999999; TEXT-DECORATION: underline}
A.aside:link {COLOR: #999999; TEXT-DECORATION: underline}
A.aside:visited {
TEXT-DECORATION: underline;
}
A.aside:hover {COLOR: #666666; TEXT-DECORATION: none}

A.arss {COLOR: #dddddd; TEXT-DECORATION: underline}
A.arss:link {COLOR: #2d8d5f; TEXT-DECORATION: underline}
A.arss:visited {COLOR: #80b59c; TEXT-DECORATION: underline}
A.arss:active {}
A.arss:hover {COLOR: #bababa; TEXT-DECORATION: none}
-->

A.aside {COLOR: #999999; TEXT-DECORATION: none}
A.aside:link {COLOR: #999999; TEXT-DECORATION: none}
A.aside:visited {
TEXT-DECORATION: none;
}
A.aside:hover {COLOR: #000099; TEXT-DECORATION: underline}

A.arss {COLOR: #dddddd; TEXT-DECORATION: none}
A.arss:link {COLOR: #2d8d5f; TEXT-DECORATION: none}
A.arss:visited {COLOR: #80b59c; TEXT-DECORATION: none}
A.arss:active {}
A.arss:hover {COLOR: #bababa; TEXT-DECORATION: underline}




img {BORDER: 0px;}
.pict {MARGIN: 5px 5px 5px 5px;}
.photo {TEXT-ALIGN: center}
.nickname {FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 10px 0px; COLOR: #2d8d5f}
.message {FONT-SIZE: 12px}
.quotetable {}
.quote {PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; COLOR: #666666; PADDING-TOP: 1px}
.blogtimes {MARGIN: 0px 0px 15px; TEXT-ALIGN: center}
.powered {MARGIN: 0px 0px 10px; TEXT-ALIGN: center}
.syndicate {margin:5px 0px 5px 0px; TEXT-ALIGN: center}
.checkers {MARGIN-TOP: 10px; FONT-SIZE: 12px}

#drop-case:first-letter {
font-size : 200%;
font-weight : bold;
float : left;
margin-top:0px;
margin-left:0px;
margin-right: 3px;
margin-bottom: 3px;
padding: 2px;
border: 2px dotted #4265ed;
}

.comment_1 {
margin-left: 10px;
}
.comment_2 {
margin-left: 20px;
}
.comment_3 {
margin-left: 30px;
}
.comment_4 {
margin-left: 40px;
}
.comment_5 {
margin-left: 50px;
}
.comment_6 {
margin-left: 60px;
}


/*
讓圖片可以自動縮放
*/

#content img {
max-width:500px;
myimg:expression(onload=function(){
this.style.width=(this.offsetWidth > 500)?500px:auto});
}