@charset "UTF-8";
html,body{	position:relative;	height:100%;}
body {	line-height:1;	margin: 0;	padding: 0;	line-height:18px;	color:#CCC;	font-size: 14px;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a{text-decoration:none; outline: none; /* for Firefox */ blur:expression(this.onFocus=this.blur()); /* for IE */}
a:hover { text-decoration:none; }
legend, caption, hr { display:none;}
em { font-style:normal; }
img { vertical-align:middle;border:0;}
.hint{color:#00a608;font-size:11px;}

body.indexBG{}

#wrap{position:relative;height:100%; min-width:960px; overflow-y:hidden;}
/* header */
#header {position:absolute;height:60px;top:0;left:0;width:100%;background-color:#444;z-index:9999;}
#logo{position:absolute; top:10px; left:17px;}
#navi{position:absolute; top:0; right:0; margin-right:12px;}
#navi ul {margin-top:28px;font-weight:bold;}
#navi ul li{float:left;display:block;padding:0 8px;color:#666;}
#navi ul li.spacer{padding:0;font-size:13px;font-weight:normal;}
#navi ul li a{font-size:16px;color:#fff;height:20px;display:block;*line-height:24px;font-family:'微軟正黑體'; text-shadow:-1px -1px 0 #000; -moz-text-shadow:-1px -1px 0 #000;-o-text-shadow:-1px -1px 0 #000;-webkit-text-shadow:-1px -1px 0 #000;}
#navi ul li a:hover{ text-shadow:0 0 3px #ffde98;font-family:'微軟正黑體';}
#navi ul li a:hover,#navi ul li a.current{color:#ffde98;font-family:'微軟正黑體';}
#navi ul li .naviArrow{width:100%;height:7px;display:block;background:url(images/icon_naviArrow.png) center bottom no-repeat;margin-top:5px;}
#navi ul li .naviArrow2{width:100%;height:7px;display:block;background:url(images/icon_naviArrow2.png) center bottom no-repeat;margin-top:5px;}

#contetnts {position:relative;height:100%;background:url(images/index_bg.png) center top repeat-x #333;}
#contetnts-googleplay{position:relative;height:100%;background:url(images/index_bg2.png) center top repeat-x #333;}
#cotent-body {position:relative;height:100%;}
#cotent-body .indexIMG{position:relative;width:960px;height:600px; margin:0 auto; padding-top:120px;}
#cotent-body .indexIMG .slogan{background:}
#cotent-body #arrow{position:absolute;top:50%;width:100%;z-index:999;}
#cotent-body #arrow #prev{position:absolute;left:2%; opacity:0.2;}
#cotent-body #arrow #next{position:absolute;right:2%; opacity:0.2;}
#cotent-body #arrow #prev:hover,
#cotent-body #arrow #next:hover{opacity:0.8;}
#cotent-body .main{position:relative;display:block;height:100%;width:1000px;margin:0 auto;}
#cotent-body .cycle{background:url(images/cycle.png) center 50% no-repeat; width:758px; height:476px;display:block; margin:0 auto;padding-top:240px; opacity:0.3;}
#cotent-body .nuvi3560r{background:url(images/nuvi3560r.png) center bottom no-repeat;width:476px;height:315px;display:block;position:absolute;left:100px;top:220px;z-index:10;}
#cotent-body .slogan{background:url(images/slogan.png) center bottom no-repeat;width:460px;height:102px;display:block;position:absolute;right:70px;top:260px;z-index:15;}

#cotent-body a.play{display:block;width:182px;height:74px; background:url(images/btn_play.png) 0 0 no-repeat;position:absolute;right:204px;top:384px;z-index:20;cursor:pointer;}
#cotent-body a.play:hover{ opacity:0.9;-moz-opacity:0.9;-webkit-opacity:0.9;filter: alpha(opacity = 70);}
#cotent-body a.play:active{right:205px;top:385px;}

#navi .feature .over{color:#333;}
#navi .keyfunction .over{color:#333;}
#navi .media .over{color:#333;}
.feature .over{color:#5e6eb2;}

.ftitle1{font-family:'PFSquareSansProMedium';font-size:17px;color:#444;}

/*main*/
#main-container{ height:100%; position:relative; margin:0 auto; text-align:left;}
#main-div{float:left;height:80px;}
#main-img2{	width:722px; height:329px; margin:50px 134px;position: absolute;	z-index:999; top:200px;}


/* feature contents*/
#feature-div{width:960px;height:100%;margin:0 auto;position:relative;}
	
#feature-text h1{font-size:36px;color:#fff;font-weight:700;line-height:42px;}
#feature-text h2{font-size:15px;color:#FFF;font-weight:normal;padding-top:10px;padding-left: 4px;}

#keyfeature-text{position:absolute;top:30%;left:2%;text-align:left;line-height:28px;}
#keyfeature-text ul {}
#keyfeature-text ul li{border-bottom:1px dotted #111;border-top:1px dotted #444;line-height:2.2;}
#keyfeature-text ul li .over{ color:#ffde98; font-weight:bold;}
#keyfeature-text ul li a{color:#eee;font-size:15px;font-family:'微軟正黑體';}
#keyfeature-text ul li a:hover{	color:#ffde98; text-shadow:0 0 2px #efca7b;}

#keyfeature-text2{position:absolute;top:30%;left:2%;text-align:left;line-height:28px;}
#keyfeature-text2 ul {}
#keyfeature-text2 ul li{border-bottom:1px dotted #000;border-top:1px dotted #444;line-height:2.2;}
#keyfeature-text2 ul li .over{ color:#ffde98; font-weight:bold;}
#keyfeature-text2 ul li a{color:#FFF;font-size:15px;font-family:'微軟正黑體';}
#keyfeature-text2 ul li a:hover{	color:#ffde98; text-shadow:0 0 2px #efca7b;}

#keyfeature-img{position:absolute;top:13%;right:5%;float:right;}
#keyfeature-img .dscrip{max-width:590px;text-align:left;color:#aaa;font-size:13px;padding:5px;border-radius:5px; text-shadow:-1px -1px 0 #333;font-family:'微軟正黑體';}
#keyfeature-img .dscrip-gp{max-width:590px;text-align:left;color:#999;font-size:13px;padding:5px;border-radius:5px; text-shadow:-1px -1px 0 #222;font-family:'微軟正黑體';}

#keyfeature-title01,
#keyfeature-title01-googleplay,
#keyfeature-title02,
#keyfeature-title03,
#keyfeature-title04{position:absolute;top:15%;left:2%;width:340px;height:50px;display:block;}
#keyfeature-title01{background:url(images/title01.png) left top no-repeat;}
#keyfeature-title01-googleplay{background:url(images/title01-googleplay.png) left top no-repeat;}
#keyfeature-title02{background:url(images/title02.png) left top no-repeat;}
#keyfeature-title03{background:url(images/title03.png) left top no-repeat;}
#keyfeature-title04{background:url(images/title04.png) left top no-repeat;}

/* footer */
#footer {position:relative;bottom:30px;}
#footer #copyright {padding-left:10px;text-align:left;color:#666;text-decoration:none;font:normal normal 11px/100% "微軟正黑體",Verdana, Geneva, sans-serif;margin:10px auto;}
#footer #copyright a{text-decoration:none;color:#666;}
#footer #copyright a:hover{text-decoration:underline;}