html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}
img{ border:0;}

/*---------------------------------------------------------------------------------------------------------------------------------------*/
body{ font-size:12px; font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color:#757575; background:url(../images/topbg.jpg) no-repeat top center; background-color:#FFFFFF;}
#wrapper{ width:960px; margin:0 auto; position:relative; overflow:hidden;}
#top{ position:relative; height:606px; margin-bottom:44px;}
.flotLeft{ float:left;}
.flotRight{ float:right;}
h2{ font-size:20px; color:#333333;}

/*上方主視覺---------------------------------------------------------------------------------------------------------------------------------------*/
.garmin_logo{ position:absolute; top:20px; left:0px;}
.streetpilot{position:absolute; top:126px;left:30px;}
h1{ position:absolute; top:160px; left:156px; width:202px; height:45px; text-indent:-9999px; background:url(../images/title.png) no-repeat;} 
#top p{position:absolute; top:462px; left:156px; width:377px; height:74px; text-indent:-9999px; background:url(../images/slogan.png) no-repeat;-webkit-animation: a_p ease 1s ;-moz-animation: a_p ease 1s ;}
#top .price_down{position:absolute; top:442px; left:545px; width:139px; height:112px; text-indent:-9999px; background:url(../images/pricedown.png) no-repeat;-webkit-animation: a_price_down ease 2s ;-moz-animation: a_price_down ease 2s ;}
@-moz-keyframes a_price_down /* Firefox */
{
0%   {top:442px; left:480px;opacity: 0;}
100% {top:442px; left:545px;opacity: 1;}
}
@-webkit-keyframes a_price_down /* Safari and Chrome */
{0%  {top:442px; left:480px;opacity: 0;}
100% {top:442px; left:545px;opacity: 1;}
}


@-moz-keyframes a_p /* Firefox */
{0%  {top:462px; left:200px;opacity: 0;}
100% {top:462px; left:156px;opacity: 1;}
}
@-webkit-keyframes a_p /* Safari and Chrome */
{0%  {top:462px; left:200px;opacity: 0;}
100% {top:462px; left:156px;opacity: 1;}
}


.iphone_streetpilot{ position:absolute; top:49px; left:651px;}

.appstore{position:absolute; top:284px; left:156px; width:204px; height:71px; text-indent:-9999px; background:url(../images/appstore_badge.png) no-repeat 0 0;}
.streetpilot_video{position:absolute; top:227px; ; left:376px; width:302px; height:181px; text-indent:-9999px; background:url(../images/streetpilot_video.png) no-repeat 0 0;}
.streetpilot_video:hover{background:url(../images/streetpilot_video.png) no-repeat 0 -181px;}

/*分享---------------------------------------------------------------------------------------------------------------------------------------*/
.sharePlus{ position: absolute;top: 624px;right: 79px;}
.sharePlus .jiathis_txt{text-shadow: #ffffff 0px 1px 0px; font-family:"Microsoft Yahei";font-weight: normal;}
/*重點功能介紹---------------------------------------------------------------------------------------------------------------------------------------*/
#feature{ width:960px; height:580px; background:url(../images/feature_bg.png) no-repeat; margin:0 0 20px 0; padding:1px 0 0 0 ; overflow:hidden; position:relative;}
.feature_title{position:absolute;top:615px;left:59px;font-size:19px;color:#000000;text-shadow: #ffffff 0px 1px 0px; font-family:"Microsoft Yahei";font-weight: normal;}
.download_map{position:absolute;top:615px;left:200px;font-size:19px;color:#000000;text-shadow: #ffffff 0px 1px 0px;font-family:"Microsoft Yahei";font-weight: normal;}
.download_map a{text-decoration:none;color:#6c6c6c;}
.download_map a:hover{ color:#007dc3; }
.moreinfo{position:absolute;top:615px;left:300px;font-size:19px;color:#000000;text-shadow: #ffffff 0px 1px 0px;font-family:"Microsoft Yahei";font-weight: normal;}
.moreinfo a{text-decoration:none;color:#6c6c6c;}
.moreinfo a:hover{ color:#007dc3; }

/*功能列表---------------------------------------------------------------------------------------------------------------------------------------*/
.feature_list{ float:left;font-size:13px; background-color:#FFF; list-style-type:none; width:200px; overflow:hidden; margin:46px 0 0 20px; text-align:center; border:1px solid #e6e6e4;
-moz-box-shadow:0 0 10px #cccccc; -webkit-box-shadow:0 0 10px #cccccc; box-shadow:0 0 10px #cccccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.feature_list li{ width:200px; height:50px; line-height:50px; border-bottom:1px solid #e6e6e4; margin:0; padding:0;}
.feature_list li.cancel_border_bottom{ border-bottom:0 solid;}
.feature_list li a{text-decoration:none; color:#585858; display:block;width:200px; height:50px; line-height:50px;}

.feature_list li a.active{color:#FFFFFF; font-weight:bold; background:#027ec3;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4aa3d4', endColorstr='#027ec3'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#4aa3d4), to(#027ec3)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #4aa3d4,  #027ec3); /* for firefox 3.6+ */}

.feature_list li a:hover{ color:#FFFFFF; font-weight:bold; background:#49a2d4;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fb9ec', endColorstr='#49a2d4'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#5fb9ec), to(#49a2d4)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #5fb9ec,  #49a2d4); /* for firefox 3.6+ */ }

/*左右按鈕---------------------------------------------------------------------------------------------------------------------------------------*/
.btn_feature_left{ display:block; width:58px; height:58px; text-indent:-9999px; background:url(../images/btn_feature_left.png) no-repeat 0 0; position:absolute; top:240px; left:239px;}
.btn_feature_left:hover{ background:url(../images/btn_feature_left.png) no-repeat 0 -58px; }

.btn_feature_right{ display:block; width:58px; height:58px; text-indent:-9999px; background:url(../images/btn_feature_right.png) no-repeat 0 0; position:absolute; top:240px; left:880px;}
.btn_feature_right:hover{ background:url(../images/btn_feature_right.png) no-repeat 0 -58px;}

/*介紹---------------------------------------------------------------------------------------------------------------------------------------*/
.feature_intro{position: relative; width: 660px; height: 512px; float: right; margin: 21px 2px 0 0; overflow:hidden; font-size:15px; line-height:150%; color:#757575;}
.feature_intro h3{font-size:32px; color:#000000; position:absolute;line-height:120%; font-family:"Microsoft Yahei";font-weight: normal;}
.feature_intro p{ position:absolute;}

.feature_ui h3{ top:50px; left:22px;}
.feature_ui p{ top:144px; left:22px; width:231px;}

.feature_3dbuildings h3{top:50px; left:22px;}
.feature_3dbuildings p{top:104px; left:26px; width:500px;}

.feature_jcv h3{top:50px; left:72px;}
.feature_jcv p{top:104px; left:74px; width:530px;}

.feature_laneinfo h3{top:114px; left:272px;}
.feature_laneinfo p{top:170px; left:272px; width:285px;}

.feature_tmc h3{top:46px; left:131px;}
.feature_tmc p{top: 99px;left: 134px;width: 380px;}

.feature_exit h3{top:30px; left:22px;}
.feature_exit p{top:82px; left:22px; width:530px;}

.feature_service h3{top:46px; left:131px;}
.feature_service p{top: 99px;left: 134px;width: 380px;}

.feature_weather h3{top:266px; left:355px;}
.feature_weather p{top:316px; left:355px; width:207px;}

.feature_baidu h3{top:50px; left:22px;}
.feature_baidu p{top:104px; left:26px; width:500px;}

.feature_weibo h3{top:50px; left:22px;}
.feature_weibo p{top:104px; left:26px; width:520px;}

.feature_download h3{top:50px; left:22px;}
.feature_download p{top:104px; left:26px; width:500px;}
.feature_download a.btn_download_map{ background: url(../images/btn_download_map.png) no-repeat 0 0;width: 131px; height: 43px; position:absolute; top:51px; left:223px; text-indent:-9999px;}
.feature_download a.btn_download_map:hover{background-position: -131px 0;}

/*相關手機軟體應用---------------------------------------------------------------------------------------------------------------------------------------*/
.moreapp{ width:960px; height:197px; background:url(../images/moreapp_bg.png) no-repeat; margin:10px 0 20px 0; position:relative; overflow:hidden;}
.moreapp a, .moreapp a:visited, .moreapp a:active{ color:#06C; text-decoration:none;}
.moreapp a:hover{ text-decoration:underline;}
.app{ width:480px;}
.app_icon{ margin:27px 15px 0 46px; float:left;}
.app h3{ font-size:24px; color:#000000; margin:0 0 3px 120px; padding-top:30px;font-family:"Microsoft Yahei";font-weight: normal;}
.app p{ width:298px;margin:4px 0 0 120px; line-height:150%; color:#666666;}
.app_tr{position:absolute;top:34px;left:414px;float:left;}
.app_tr1234{margin:0 0 0 24px;}
.btn_downloadapp{ width:122px; height:20px; line-height:20px; background:url(../images/btn_downloadapp.png) no-repeat 0 0; text-align:center; color:#FFFFFF; display:block; text-decoration:none; margin:5px 0 0 120px;}
.btn_downloadapp:hover{background:url(../images/btn_downloadapp.png) no-repeat 0 -20px}

/*footer---------------------------------------------------------------------------------------------------------------------------------------*/
#footer{ color:#999999; margin:0 0 20px 0;}
#footer a{ color:#016fae; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}