.backer-pic {
position:absolute;
border-bottom: 5px solid #95b9d6; 
width: 474px; 
height: 148px; 
background-position:-100px 0px;
overflow:hidden;
box-shadow:1px 1px 3px 2px #ccc inset;
transition:background-position 0.5s;
}
.backer-pic:hover {
background-position:-200px 0px;
}
.backer-pic-oce1 {
position:absolute;
width: 474px; 
height: 150px;
background-color:rgba(0, 0, 0, 0.0);
transition: background-color 0.5s
}
.backer-pic:hover .backer-pic-oce1{
background-color:rgba(0, 0, 0, 0.6);
}
/*----------------------------------------------------------標籤star*/
.backer-pic-oce2-1{
position:absolute;
background-color:rgba(0, 0, 0, 0.6);
width:102px; 
height:42px; 
margin-top: 100px;
margin-left: 10px;
transition: background-color 0.35s,margin-top 0.35s,margin-left 0.35s;
}
.backer-pic-oce2-2{
position:absolute;
background-color:rgba(0, 0, 0, 0.6);
width:102px; 
height:42px; 
margin-top: 100px;
margin-left: 10px;
transition: background-color 0.35s,margin-top 0.35s,margin-left 0.35s;
}
.backer-pic-oce2-3{
position:absolute;
background-color:rgba(0, 0, 0, 0.6);
width:160px; 
height:42px; 
margin-top: 100px;
margin-left: 10px;
transition: background-color 0.35s,margin-top 0.35s,margin-left 0.35s,width 0.35s,height 0.35s;
}
.tiody{
color: #ffffff; 
font-size: 20px;
margin-left: 10px; 
line-height: 38px;
}
.backer-pic:hover .backer-pic-oce2-1{
background-color:rgba(0, 0, 0, 0.0);
margin-top:10px;
margin-left:10px;
border: 1px dashed #ffffff;
}
.backer-pic:hover .backer-pic-oce2-2{
background-color:rgba(0, 0, 0, 0.0);
margin-top:10px;
margin-left:10px;
border: 1px dashed #ffffff;
}
.backer-pic:hover .backer-pic-oce2-3{
background-color:rgba(0, 0, 0, 0.0);
width:160px;
margin-top:10px;
margin-left:10px;
border: 1px dashed #ffffff;
}
/*--------------------------------------------------------標籤end*/
/*--------------------------------------------------------選項star*/
.projectlist{
width:474px; 
height:150px;
display:block;
opacity:0;
color:#ffffff;
text-decoration:none;
font-size:36px;
transition: opacity 0.35s;
}
.projectlist span{
position: relative;
top: 50px;
left: 165px;
}
.backer-pic:hover .projectlist{
opacity:1;
}