@charset "utf-8";
/* CSS Document */
body{position:relative;height:100%}
#wrapper{width:100%;hieght:100%;display:block;}
#top{width:100%;height:130px; background:url(../images/top.png) center top repeat-x;}
#top h1{width:352px;height:100px;float:left;background:url(../images/logo.png) 0 0 no-repeat; text-indent:-9999px;cursor:pointer;}
#top ul.menu{float:right;display:block;width:625px;height:40px;background:url(../images/menu.png) left top no-repeat;margin:20px 0 0 0;}
#top ul.menu li{float:left;display:inline;}
#top ul.menu li a{display:block;text-indent:-9999px;width:125px;height:40px;}
#top ul.menu li a.mode:hover,#top ul.menu li a.current1{background:url(../images/menu.png) left -40px no-repeat;}
#top ul.menu li a.feature:hover,#top ul.menu li a.current2{background:url(../images/menu.png) -125px -40px no-repeat;}
#top ul.menu li a.extra:hover,#top ul.menu li a.current3{background:url(../images/menu.png) -250px -40px no-repeat;}
#top ul.menu li a.apps:hover,#top ul.menu li a.current4{background:url(../images/menu.png) -375px -40px no-repeat;}
#top ul.menu li a.standard:hover,#top ul.menu li a.current5{background:url(../images/menu.png) -500px -40px no-repeat;}
#top ul.menu li a.current{background:url(../images/menu.png) -500px -40px no-repeat;}
#content{height:100%; position:relative;width:990px;margin:0 auto;text-align:center;}
#content .m650tTitle{width:900px;height:520px;margin:0 auto; background:url(../images/m50t+title.png) 0 0 no-repeat;position:relative;}
#content .m650tTitle a.play{display:block;width:182px;height:74px; background:url(../images/btn_play.png) 0 0 no-repeat;position:absolute;left:40%;top:58%;cursor:pointer;}
#content .m650tTitle a.play:hover{ opacity:0.9;-moz-opacity:0.9;-webkit-opacity:0.9;filter: alpha(opacity = 90);}
#content .m650tTitle a.play:active{left:40.1%;top:58.1%;}
#content .hand{position:fixed;top:-80px;width:525px;height:890px; background:url(../images/hand.png) -40px -40px no-repeat;z-index:-1;}
#content .m650t_1{position:absolute;top:60px;right:50px;width:450px;height:300px; background:url(../images/m650t_1.png) right 0 no-repeat;z-index:-1;}
#content .m650t_2{position:fixed;top:150px;width:400px;height:460px; background:url(../images/m650t_2.png) right 0 no-repeat;z-index:-1;}
#content .richPOI{position:absolute;top:60px;right:25px;width:537px;height:346px; background:url(../images/richPOI.png) right 0 no-repeat;z-index:-1;}
#content .m650t_3{position:absolute;top:60px;right:25px;width:540px;height:382px; background:url(../images/m650t_3.png) right 0 no-repeat;z-index:-1;}
#content .basecamp{position:absolute;top:20px;right:15px;width:700px;height:400px; background:url(../images/basecamp.png) right 0 no-repeat;z-index:-1;}
#content .outdoor{position:fixed;width:1279px;height:837px; background:url(../images/outdoor.png) -90px 0 no-repeat;z-index:-2;}
#content .car{position:fixed;width:1384px;height:851px; background:url(../images/car.png) -77px 47px no-repeat;z-index:-2;}
#content .moto{position:fixed;width:1161px;height:723px; background:url(../images/moto.png) -45px 70px no-repeat;z-index:-2;}
#content .apps{position:fixed;width:900px;height:624px;background:url(../images/apps.png) 0px 45px no-repeat;z-index:-2;}

#content .mode{position:absolute;right:100px;top:50px;width:390px;}
#content .mode_moto{position:absolute;left:100px;top:50px;width:390px;}
#content .extra{position:absolute;left:25px;top:50px;width:390px;}

#content .mode h1,
#content .mode p,
#content .mode_moto h1,
#content .mode_moto p,
#content .extra h1,
#content .extra p
{text-align:left;font-family:"微軟正黑體",Verdana, Geneva, sans-serif;text-shadow:#fff 1px 1px; font-weight:bold;}

#content .mode h1,#content .mode_moto h1,#content .extra h1{font-size:46px;line-height:120%;color:#000;letter-spacing:0.1em;}
#content .mode p,#content .mode_moto p,#content .extra p{font-size:20px;line-height:170%;color:#333;}

#leftMenu{position:absolute;left:100px;top:20px;text-align:left;font:bold 18px/160% "微軟正黑體",Verdana, Geneva, sans-serif;color:#7f5933;}
#leftMenu li{display:block;padding:1px 10px;cursor:pointer;text-shadow:#eef 1px 1px;}
#leftMenu li:hover{text-shadow:none;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;color:#000;background-color:#fff; }
#bottom{bottom:0;position:fixed;left:0;width:100%;z-index:9999;}
#bottom ul{width:960px;height:120px;margin:0 auto;background:url(../images/bg_mode.png) center -10px no-repeat;}
#bottom ul li{display:inline;float:left;}
#bottom ul li a{display:block;width:320px;height:120px;}
#bottom ul li a.mode1{background:url(../images/mode.png) -20px -10px no-repeat;}
#bottom ul li a.mode2{background:url(../images/mode.png) -370px -10px no-repeat;}
#bottom ul li a.mode3{background:url(../images/mode.png) -700px -10px no-repeat;}
#bottom ul li a:hover{opacity:0.7;-webkit-opacity:0.7;-moz-opacity:0.7;filter: alpha(opacity = 70);}
#bottom p{width:940px;text-align:right;color:#aaa16e;text-decoration:none;font:normal normal 12px/100% "微軟正黑體",Verdana, Geneva, sans-serif;margin:10px auto;}
#bottom p a{text-decoration:none;color:#aaa16e;}
#bottom p a:hover{text-decoration:underline;}