body{font-family: Arial;font-size: 11px;line-height: 150%;text-align: left;color: #333;}

#mwrap {width:960px;position:relative;font-family:arial;padding:0;margin:0;overflow:hidden;font-size:140%;margin:auto;}
#mfixer {width:960px;}
#mwrap hr {border:0;height:0px;}

.goto {display:block;height:1px;width:1px;text-indent:-99px;overflow:hidden;}

.sub-header {height:200px;padding:100px 0 0 0;text-align:center;}
.sub-header ul {list-style:none;display:block;text-align:center;margin:0;position:relative;z-index:8;}
.sub-header ul li {display:inline;font-size:75%;font-weight:bold;padding:0px 15px;border-left:1px solid #ccc;}
.sub-header ul li.top {border-left:0;background:url('../images/icons.gif') 0 -20px no-repeat;}
.sub-header ul a {color:#333;text-decoration:none;padding:0;margin:0;}
.sub-header ul a.here {color:#007cc0;}
.sub-header h2 {font-size:380%;margin:30px 0;text-align:center;}

.context {padding:0 50px;outline:0;}
.context h3 {font-weight:bold;font-size:180%;letter-spacing:-1px;margin:25px 0 10px 0;word-spacing:-2px;line-height:150%;}
.context strong {display:block;font-size:110%;margin-bottom:6px;}
.context p {font-size:75%;line-height:150%;margin-bottom:6px;}
.context .skip {display:block;width:20px;height:20px;overflow:hidden;font-size:0;text-indent:-999px;background:url('../images/icons.gif') 0 -0px no-repeat;}

h1 {position:absolute;display:block;overflow:hidden;width:1px;height:1px;text-indent:-999px;}
/*
#quick {float:right;text-align:right;position:absolute;z-index:10;right:20px;top:65px;}
#quick a {background:url('../images/quick.png') no-repeat;display:block;float:right;border:0px;overflow:hidden;line-height:999px;}
#quick a:hover, #quick a:focus {width:170px;}
#quick dt {font-family:'arial black';height:35px;padding:0;margin:0;}
#quick dt a {height:35px;width:35px;}
#quick .s1 {background-position:-176px 0px;}
#quick .s1:hover, #quick .s1:focus {background-position:0px 0;}
#quick .s2 {background-position:-176px -90px;}
#quick .s2:hover, #quick .s2:focus {background-position:0 -90px;}
#quick .s3 {background-position:-176px -182px;}
#quick .s3:hover, #quick .s3:focus {background-position:0px -182px;}
#quick dd {height:19px;}
#quick dd a {height:19px;width:35px;background-position:-176px -35px;}
#quick .f1:hover, #quick .f1:focus {background-position:0 -35px;}
#quick .f2:hover, #quick .f2:focus {background-position:0 -54px;}
#quick .f3:hover, #quick .f3:focus {background-position:0 -72px;}
#quick .f4:hover, #quick .f4:focus {background-position:0 -127px;}
#quick .f5:hover, #quick .f5:focus {background-position:0 -145px;}
#quick .f6:hover, #quick .f6:focus {background-position:0 -163px;}
#quick .f7:hover, #quick .f7:focus {background-position:0 -220px;}
#quick .f8:hover, #quick .f8:focus {background-position:0 -238px;}
#quick .f9:hover, #quick .f9:focus {background-position:0 -256px;}
*/
.quick {float:right;text-align:right;position:absolute;z-index:10;right:20px;top:65px;}
.quick a {background:url('../images/quick.png') no-repeat;display:block;float:right;border:0px;overflow:hidden;line-height:999px;}
.quick a:hover, .quick a:focus {width:170px;}
.quick dt {font-family:'arial black';height:35px;padding:0;margin:0;}
.quick dt a {height:35px;width:35px;}
.quick .s1 {background-position:-176px 0px;}
.quick .s1:hover, .quick .s1:focus {background-position:0px 0;}
.quick .s2 {background-position:-176px -90px;}
.quick .s2:hover, .quick .s2:focus {background-position:0 -90px;}
.quick .s3 {background-position:-176px -182px;}
.quick .s3:hover, .quick .s3:focus {background-position:0px -182px;}
.quick dd {height:19px;}
.quick dd a {height:19px;width:35px;background-position:-176px -35px;}
.quick .f1:hover, .quick .f1:focus {background-position:0 -35px;}
.quick .f2:hover, .quick .f2:focus {background-position:0 -54px;}
.quick .f3:hover, .quick .f3:focus {background-position:0 -72px;}
.quick .f4:hover, .quick .f4:focus {background-position:0 -127px;}
.quick .f5:hover, .quick .f5:focus {background-position:0 -145px;}
.quick .f6:hover, .quick .f6:focus {background-position:0 -163px;}
.quick .f7:hover, .quick .f7:focus {background-position:0 -220px;}
.quick .f8:hover, .quick .f8:focus {background-position:0 -238px;}
.quick .f9:hover, .quick .f9:focus {background-position:0 -256px;}

.feature {position:relative;padding-top:1px}
.scene {width:960px;margin-bottom:120px;position:relative;}
.scene .zup {width:inherit;height:inherit;position:absolute;z-index:10;}
.obj-pos {width:1px;height:1px;}
.obj-pos, .scene .abs {position:absolute;}

#scene0 {height:420px;margin-bottom:30px;background:url('../images/scene0_bg.jpg');}
#scene0 .obj-pos {top:155px;left:560px;}
#scene0 p, #scene0 strong {display:block;width:1px;height:1px;position:absolute;text-indent:-999px;overflow:hidden;}

#scene1 {height:560px;}
#scene1 .obj-pos {top:215px;left:60px;}
#scene1 .obj1 {width:564px;height:218px;background:url('../images/scene1_photo.jpg');left:200px;top:0px;z-index:1;}
#scene1 .obj2 {width:820px;height:373px;right:100px;top:-10px;overflow:hidden;z-index:2}
#scene1 .obj2 img {display:block;float:left;}
#scene1 .obj2 .bg {width:500px;height:373px;background:#fff;float:left;}
#scene1 .obj3 {width:403px;height:492px;background:url('../images/scene1_people.gif');z-index:3;left:510px;top:15px;}
#scene1 .obj4 {width:59px;height:35px;left:113px;top:200px;z-index:3;display:none;}
#scene1 .obj4 img {position:absolute;width:1px;height:1px;left:30px;bottom:0;}
#scene1 .obj5 {width:27px;height:26px;left:760px;top:95px;z-index:3;display:none;}
#scene1 .obj5 img {position:absolute;width:1px;height:1px;left:15px;bottom:0;}

#scene2 {height:550px;background:url('../images/scene2_bg.jpg') 220px 20px no-repeat;-webkit-perspective:600px;}
#scene2 .obj-pos {top:170px;left:60px;}
#scene2 .obj8 {top:140px;left:-20px;}
#scene2 .dial {width:302px;height:302px;left:495px;top:120px;display:none;background:url('../images/scene2_wheel.png') no-repeat;z-index:5;--webkit-transform: rotateY(20deg);}
#scene2 .dial .act {position:absolute;width:65px;height:65px;overflow:hidden;background:url('../images/scene2_icons.png') no-repeat;}
#scene2 .dial .active {background:url('../images/scene2_icons_active.png') no-repeat;}
#scene2 .dial .icon1 {background-position:0 0;left:10px;top:115px;}
#scene2 .dial .icon2 {background-position:0 -65px;left:40px;top:41px;}
#scene2 .dial .icon3 {background-position:0 -130px;left:115px;top:10px;}
#scene2 .dial .icon4 {background-position:0 -195px;left:192px;top:41px;}
#scene2 .dial .icon5 {background-position:0 -260px;left:224px;top:115px;}
#scene2 .dial .icon6 {background-position:0 -325px;left:195px;top:195px;}
#scene2 .dial .icon7 {background-position:0 -390px;left:115px;top:225px;}
#scene2 .dial .icon0 {background-position:0 -455px;left:43px;top:195px;}

#scene3 {height:610px;margin-bottom:0px;}
#scene3 .obj-pos {top:30px;left:60px;}
#scene3 .obj1 {width:600px;height:519px;z-index:3;left:300px;top:0px;background:url('../images/scene3_bg_mask.png') no-repeat;}
#scene3 .obj2 {width:465px;height:349px;z-index:2;left:420px;top:155px;overflow:hidden;}
#scene3 .obj2 .zout {position:absolute;z-index:1;width:492px;display:none;}

#scene4 {height:530px;background:url('../images/scene4_bg.jpg') 50px 3px no-repeat;}
#scene4 .obj-pos {top:50px;left:270px;}
#scene4 .obj1 {width:191px;height:432px;z-index:1;left:547px;top:504px;display:none;opacity:0;}

#feature5 .obj-pos {top:275px;left:270px;}
#scene5 {height:530px;background:url('../images/scene5_bg.jpg') 50px 5px no-repeat;}
#scene5 .obj1 {width:123px;height:109px;left:700px;bottom:35px;}
#scene5 .obj2 {left:320px;top:30px;display:none;}
#scene5 .abs {display:none;}

#scene6 {height:530px;margin-bottom:0px;background:url('../images/scene6_bg.jpg') 50px 5px no-repeat;}
#scene6 .obj-pos {top:50px;left:270px;}
#scene6 .obj1 {width:191px;height:432px;z-index:1;left:547px;top:467px;display:none;opacity:0;}

#feature7 .obj-pos {top:170px;left:500px;}
#scene7 {height:460px;background:url('../images/scene7_bg.jpg') 50px center no-repeat;}
#scene7 .obj1 {left:290px;top:67px;width:101px;height:84px;}
#scene7 .obj1 img {margin:42px 0 0 50px;}
#scene7 .obj2 {left:612px;top:90px;width:87px;height:89px;}
#scene7 .obj2 img {margin:44px 0 0 43px;}
#scene7 .obj3 {left:420px;top:140px;width:76px;height:69px;}
#scene7 .obj3 img {margin:34px 0 0 38px;}
#scene7 .obj4 {left:455px;top:287px;width:71px;height:72px;}
#scene7 .obj4 img {margin:36px 0 0 36px;}
#scene7 .obj5 {left:210px;top:210px;width:80px;height:68px;}
#scene7 .obj5 img {margin:34px 0 0 40px;}
#scene7 .act {width:1px;height:1px;}

#feature8 .obj-pos {top:170px;left:500px;}
#scene8 {height:460px;background:url('../images/scene8_bg.jpg') no-repeat;}

#scene9 {height:460px;margin-bottom:300px;}
#scene9 .obj-pos {top:170px;left:500px;}
#scene9 .obj1 {top:435px;left:455px;z-index:11;}
#scene9 .obj2 {top:485px;left:770px;z-index:11;}
#scene9 .obj3 {top:280px;left:100px;z-index:2;}
#scene9 .obj4 {top:455px;left:305px;width:193px;height:188px;background:url('../images/scene9_foto456.jpg') 0 0 no-repeat;}
#scene9 .obj5 {top:235px;left:650px;width:115px;height:118px;z-index:3}
#scene9 .obj6 {top:375px;left:570px;width:95px;height:94px;background:url('../images/scene9_foto456.jpg') -195px -118px no-repeat;}

.zup {z-index:11;position:absolute;display:none;opacity:0;}
#fhand1 {width:450px;height:390px;top:1300px;left:157px;}
#fhand1 .hand1 {margin:17px 0 0 25px;}
#fhand1 .hand2 {display:none;}
#fhand2 {width:72px;height:194px;}
#fhand2 img {margin:0;padding:0;}

.cam {z-index:9;position:absolute;}
.cam .device {z-index:10;position:relative;}
.cam .onscreen {position:absolute;overflow:hidden;}
#cam1 {left:60px;}
#cam1 .cam2 {display:none;position:absolute;}
#cam1 .cam3 {display:none;position:absolute;top:36px;left:208px;}
#cam2 {left:270px;}
#cam2 .onscreen {width:325px;height:180px;background:url('../images/section2_onscreen.jpg') no-repeat;top:12px;left:50px;z-index:9;}
#cam2 .scene4 {background-position:0 0;}
#cam2 .scene4 .zout {width:340px;}
#cam2 .scene4 .num {position:absolute;width:90px;height:38px;z-index:11;top:10px;left:220px;overflow:hidden;display:none;}
#cam2 .scene5 {background-position:0 -180px;}
#cam2 .s5zoom {position:absolute;top:-180px;left:135px;z-index:12;opacity:0;display:none;}
#cam2 .scene6 {background-position:0 -360px;}
#cam3 {left:500px;}
#cam3 .onscreen {width:300px;height:260px;top:13px;left:115px;overflow:hidden;}
#cam3 .scene8 span {position:absolute;z-index:11;top:162px;left:42px;display:none;}
