@charset "utf-8";
#deep-1 {
width:740px;
height:80px;
margin:20px auto;
}
#deep-1-1 {
float:left;
position:relative;
width:180px;
height:80px;
}
a:hover #photoA {
position:absolute;
background: url(../MicImg/deep/deep-2.jpg);
width:500px;
height:250px;
top:-248px;
left:0px;
}
#typeA {
position:absolute;
top:18px;
left:121px;
}
#deepA {
position:absolute;
top:63px;
left:64px;
width: 137px;
}
#systemA {
position:absolute;
top:48px;
left:79px;
}
#deep-1-2 {
float:left;
margin-right:20px;
}
#deep-1-3 {
float:left;
position:relative;
width:200px;
height:80px;
}
a:hover #photoB {
position:absolute;
background: url(../MicImg/deep/deep-4.jpg);
width:500px;
height:273px;
top:-190px;
left:-498px;
}
#typeB {
position:absolute;
top:23px;
left:105px;
}
#deepB {
position:absolute;
top:65px;
left:66px;
}
#systemB {
position:absolute;
top:46px;
left:92px;
}
#deep-2 {
position:relative;
width:750px;
height:130px;
margin:20px auto;
}
#deep-2-1 {
float:left;
width:100px;
height:130px;
}
a:hover #photoC {
position:absolute;
background: url(../MicImg/deep/deep-6.jpg);
width:500px;
height:504px;
top:-351px;
left:77px;
z-index:1;
}
#typeC {
position:absolute;
top:103px;
left:4px;
}
#deepC {
position:absolute;
top:80px;
left:64px;
width: 134px;
}
#deep-2-2 {
float:left;
height:130px;
margin-right:30px;
}
#deep-2-3 {
float:left;
position:relative;
height:130px;
}
#picture {
position:absolute;
top:110px;
left:3px;
}
#sketch {
position:absolute;
top:109px;
left:194px;
}
#list {
width:700px;
margin-bottom:0;
}
#supply {
margin-left:40px;
font-size:10px;
}
.head {
background:#FFFFF4;
}