@charset "utf-8";
#caliper-A {
width:740px;
height:109px;
margin:20px auto;
position:relative;
}
#typeA1 {
position:absolute;
top:3px;
left:101px;
}
#typeA2 {
position:absolute;
top:3px;
left:474px;
}
.list {
position:relative;
width:600px;
}
a:hover #photo-A1 {
background:url(../CaliImg/6-caliper/slide-caliper-2.jpg);
position:absolute;
top:-220px;
left:-1px;
width:740px;
height:229px;
}
#vernierA1 {
position:absolute;
top:68px;
left:72px;
}
a:hover #photo-A2 {
background:url(../CaliImg/6-caliper/slide-caliper-4.jpg);
position:absolute;
top:-221px;
left:0px;
width:740px;
height:231px;
}
#vernierA2 {
position:absolute;
top:69px;
left:589px;
}
#feature-A {
position:absolute;
top:78px;
left:227px;
width: 345px;
}
a .expla-1 {
display:none;
text-decoration:none;
}
a:hover .expla-1 {
display:block;
position:absolute;
top:-20px;
left:470px;
width:200px;
}
a .expla-2 {
display:none;
text-decoration:none;
}
a:hover .expla-2 {
display:block;
position:absolute;
top:-20px;
left:440px;
width:219px;
}
#caliper-B {
width:740px;
height:119px;
margin:20px auto;
position:relative;
}
#vernierB1 {
position:absolute;
top:74px;
left:81px;
}
a:hover #photo-B1 {
background: url(../CaliImg/6-caliper/slide-caliper-10.jpg);
position:absolute;
top:-249px;
left:0px;
width:740px;
height:251px;
}
#type-B1 {
position:absolute;
top:-70px;
left:-74px;
}
#vernierB2 {
position:absolute;
top:76px;
left:533px;
}
a:hover #photo-B2 {
background: url(../CaliImg/6-caliper/slide-caliper-12.jpg);
position:absolute;
top:-251px;
left:1px;
width:740px;
height:252px;
}
#type-B2 {
position:absolute;
top:-69px;
left:225px;
width: 241px;
}
#feature-B {
position:absolute;
top:75px;
left:249px;
}
#para {
height:85px;
width:610px;
margin:20px auto;
position:relative;
}
#para-1 {
width:340px;
height:85px;
float:left;
}
#typeA {
position:absolute;
top:0;
left:107px;
}
#productsA {
position:absolute;
top:54px;
left:50px;
}
#typeB {
position:absolute;
top:1px;
left:452px;
width: 109px;
}
#productsB {
position:absolute;
top:51px;
left:470px;
width: 131px;
}
a:hover #photo-A {
position:absolute;
background:url(../CaliImg/parallax-2.jpg);
width:500px;
height:265px;
top:-263px;
left:2px;
}
a:hover #photo-B {
position:absolute;
background: url(../CaliImg/parallax-4.jpg);
width:500px;
height:222px;
top:-221px;
left:111px;
}
#feature-AB {
position:absolute;
top:40px;
left:196px;
}