@charset"utf-8";
*{margin:0;padding:0;}
figure{position:relative;width:33.33%;overflow:hidden;float:left;}
figcaption{position:absolute;top:0;left:0;color:#FFF;font-family:"微軟雅黑"}
figure?img{opacity:0.8}
figure?figcaption?p{transiton:all?0.35s;}
@media?screen?and?(min-width:1001px){
	figure{width:33.33%}
}
@media?screen?and?(min-width:601px)?and?(max-width:1000px){
????figure{width:50%}

}
@media?screen?and?(max-width:600px){
????figure{width:100%}
}
.test1{background:#2F0000}
.test1?figcaption?p{background:#FFF;color:#333;margin:5px;text-align:center;transform:translate(-120px,0px)}
.test1?figcation?p:nth-of-type(1){transition-delay:0.05s}
.test1?figcation?p:nth-of-type(2){transition-delay:0.1s}
.test1?figcation?p:nth-of-type(3){transition-delay:0.15s}
.test1?figcaption{padding:20px;}
.test1:hover?figcaption?p{transform:translate(0px,0px)}