請問，我的動易CSS代碼如下：
a.caption {
FONT-SIZE: 16pt; FILTER: dropshadow(color=#ffc0c0,offx=1,offy=1) shadow(color=#ffc0c0,direction=28); COLOR: #e20202; LINE-HEIGHT: 28px
}
a.caption:link {
FONT-SIZE: 20pt; FILTER: dropshadow(color=#ffc0c0,offx=1,offy=1) shadow(color=#ffc0c0,direction=28); COLOR: #000000; LINE-HEIGHT: 38px
}
a.caption:visited {
FONT-SIZE: 20pt; FILTER: dropshadow(color=#ffc0c0,offx=1,offy=1) shadow(color=#ffc0c0,direction=28); COLOR: #000000; LINE-HEIGHT: 38px; FONT-FAMILY: "黑體"
}
a.caption:hover {
FONT-SIZE: 22pt; FILTER: dropshadow(color=#ffc0c0,offx=1,offy=1) shadow(color=#ffc0c0,direction=28); COLOR: #e20202; LINE-HEIGHT: 38px; FONT-FAMILY: "黑體"
}
a.caption:active {
FONT-SIZE: 20pt; FILTER: dropshadow(color=#ffc0c0,offx=1,offy=1) shadow(color=#ffc0c0,direction=28); COLOR: #e20202; LINE-HEIGHT: 38px; FONT-FAMILY: "黑體"
}
這個CSS效果在動易CMS系統的模板里怎么調用不出來。
引用后只改變了文字的大小，陰影效果沒有是什么原因？

樣式定改成如下：
.caption {
.caption a:link {
.caption a:visited {
.caption a:hover {
.caption a:active {

樣式調用如下：
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="caption"><a href="#">文字</a></td>
</tr>
</table>