动易cms不能调用CSS问题分析

请问，我的动易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 {

样式调用如下：