HTML {
SCROLLBAR-FACE-COLOR:#fff;SCROLLBAR-HIGHLIGHT-COLOR:#fff;SCROLLBAR-SHADOW-COLOR:#fff;SCROLLBAR-3DLIGHT-COLOR:#fff;SCROLLBAR-ARROW-COLOR:#ccc;SCROLLBAR-TRACK-COLOR:#fff;}
BODY {
BACKGROUND:url(http://img830.imageshack.us/img830/6452/1213645.png) #ffffff fixed no-repeat center top;}
INPUT {
FONT-SIZE:9pt;BACKGROUND:#ffffff;COLOR:#000;}
SELECT {
FONT-SIZE:9pt;COLOR:#ccc;}
A {
FONT-WEIGHT:normal;FONT-SIZE:9pt;COLOR:#ccc;TEXT-DECORATION:none;}
#banner {
PADDING-RIGHT:0px;PADDING-LEFT:0px;FONT-WEIGHT:normal;PADDING-BOTTOM:15px;COLOR:#fff;BORDER-TOP-STYLE:none;PADDING-TOP:0px;FONT-STYLE:normal;FONT-FAMILY:verdana;BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none;BACKGROUND-COLOR:transparent;TEXT-ALIGN:right;TEXT-DECORATION:none;BORDER-BOTTOM-STYLE:none;}
#banner A {
FONT-SIZE:9pt;FONT-FAMILY:verdana;TEXT-DECORATION:none;}
#banner A:link {
COLOR:#ccc;FONT-FAMILY:verdana;TEXT-DECORATION:none;}
#banner A:visited {
COLOR:#ccc;FONT-FAMILY:verdana;TEXT-DECORATION:none;}
#banner A:active {
COLOR:#ccc;FONT-FAMILY:verdana;TEXT-DECORATION:none;}
#banner A:hover {
COLOR:#ff6600;FONT-FAMILY:verdana;TEXT-DECORATION:none;}
.description {
FONT-WEIGHT:normal;FONT-SIZE:small;TEXT-TRANSFORM:none;COLOR:#000000;PADDING-TOP:10px;FONT-STYLE:normal;FONT-FAMILY:新細明體;LETTER-SPACING:1pt;BACKGROUND-COLOR:transparent;}
#DisplayTitle {
FONT-WEIGHT:normal;FONT-SIZE:10pt;COLOR:#000000;}
#DisplayDesc {
FONT-SIZE:10pt;COLOR:#fff;}
#content {
MARGIN-BOTTOM:20px;MARGIN-LEFT:40px;WIDTH:550px;MARGIN-RIGHT:5px;BORDER-BOTTOM:#fff 1px dotted;POSITION:absolute;}
#links {
MARGIN-TOP:35px;FLOAT:right;MARGIN-LEFT:5px;WIDTH:270px;COLOR:#ccc;MARGIN-RIGHT:40px;}
.title {
FONT-SIZE:10px;PADDING-BOTTOM:10px;COLOR:#000;FONT-FAMILY:verdana;}
#menu {
FONT-SIZE:small;MARGIN-BOTTOM:10px;}
.side {
BORDER-RIGHT:#cccc99 1px solid;BORDER-TOP:#cccc99 1px solid;FILTER:Alpha(Opacity=95);BORDER-LEFT:#cccc99 1px solid;COLOR:#000000;BORDER-BOTTOM:#cccc99 1px solid;FONT-FAMILY:verdana;}
.sidetitle {
BACKGROUND-POSITION:center center;WIDTH:800px;COLOR:#fff;PADDING-TOP:1px;BACKGROUND-REPEAT:repeat-x;FONT-FAMILY:verdana;LETTER-SPACING:0.1em;TEXT-ALIGN:right;}
.powered {
PADDING-RIGHT:2px;MARGIN-TOP:10px;DISPLAY:none;PADDING-LEFT:2px;FONT-WEIGHT:normal;FONT-SIZE:xx-small;PADDING-BOTTOM:2px;COLOR:#fff;LINE-HEIGHT:140%;PADDING-TOP:1px;FONT-FAMILY:verdana;TEXT-ALIGN:center;}
.syndicate {
DISPLAY:none;}
TEXTAREA {
BORDER-RIGHT:#fff 1px solid;BORDER-TOP:#fff 1px solid;FONT-SIZE:small;BACKGROUND:#fff fixed no-repeat right bottom;MARGIN-LEFT:7px;BORDER-LEFT:#fff 1px solid;WIDTH:420px;BORDER-BOTTOM:#fff 1px solid;FONT-FAMILY:verdana;}
.normal-a {
FONT-SIZE:9pt;COLOR:#ccc;}
.normal-a A {
FONT-SIZE:9pt;COLOR:#ccc;TEXT-DECORATION:none;}
.normal-a A:link {
FONT-SIZE:9pt;COLOR:#666;TEXT-DECORATION:none;}
.normal-a A:visited {
FONT-SIZE:9pt;COLOR:#666;TEXT-DECORATION:none;}
.normal-a A:active {
FONT-SIZE:9pt;COLOR:#666;TEXT-DECORATION:none;}
.normal-a A:hover {
FONT-SIZE:9pt;COLOR:#aaa;TEXT-DECORATION:none;}
#banner A {
FONT-SIZE:small;}
#banner A:link {
FONT-SIZE:small;}
#banner A:visited {
FONT-SIZE:small;}
#banner A:active {
FONT-SIZE:small;}
HR {
DISPLAY:none;}
FONT.small-c {
DISPLAY:block;TEXT-ALIGN:center;}
#banner A {
COLOR:#999999;}
#banner A:link {
COLOR:#999999;}
#banner A:visited {
COLOR:#999999;}
#banner A:active {
COLOR:#999999;}
A {
COLOR:#000000;}
A:link {
COLOR:#000000;}
A:visited {
COLOR:#000000;}
A:active {
COLOR:#000000;}
BODY {
COLOR:#ffffff;}
A {
COLOR:#ff9900;}
A:link {
COLOR:#ff9900;}
A:visited {
COLOR:#ff9900;}
A:active {
COLOR:#ff9900;}
A {
COLOR:#ff6600;}
A:link {
COLOR:#ff6600;}
A:visited {
COLOR:#ff6600;}
A:active {
COLOR:#ff6600;}
A:hover {
COLOR:#ff6600;}
BODY {
COLOR:#ff6600;}
#banner A {
COLOR:#ff6600;}
#banner A:link {
COLOR:#ff6600;}
#banner A:visited {
COLOR:#ff6600;}
#banner A:active {
COLOR:#ff6600;}
#banner A {
COLOR:#ff6600;}
#banner A:link {
COLOR:#ff6600;}
#banner A:visited {
COLOR:#ff6600;}
#banner A:active {
COLOR:#ff6600;}
#banner A {
FONT-SIZE:xx-small;}
#banner A:link {
FONT-SIZE:xx-small;}
#banner A:visited {
FONT-SIZE:xx-small;}
#banner A:active {
FONT-SIZE:xx-small;}
#banner A {
FONT-SIZE:x-small;}
#banner A:link {
FONT-SIZE:x-small;}
#banner A:visited {
FONT-SIZE:x-small;}
#banner A:active {
FONT-SIZE:x-small;}
#banner A {
FONT-SIZE:xx-small;}
#banner A:link {
FONT-SIZE:xx-small;}
#banner A:visited {
FONT-SIZE:xx-small;}
#banner A:active {
FONT-SIZE:xx-small;}
#banner A {
FONT-SIZE:x-small;}
#banner A:link {
FONT-SIZE:x-small;}
#banner A:visited {
FONT-SIZE:x-small;}
#banner A:active {
FONT-SIZE:x-small;}

看起來是半透明連過去是彩色 
.side a img{}
.side a:hover img{filter:alpha(opacity=100);}
注意：此有三種樣式，在alpha後加上oror分別為不同樣式 

body{margin-right:270px;}/* 相片偏左 */