@charset "UTF-8";
body {	line-height:1;	margin: 0;	padding: 0;	line-height:18px;	color:#CCC;	font-size: 14px;font-family:"微軟正黑體";}
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 */ hlbr: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;}
html,body{	position:relative;	height:100%;}
#wrap{position:relative;height:100%; min-width:960px;}
body.main{background-color: #d6dae0;}
body.feature{}
body.keyfunction{background-color: #dfeaf1;background-position: 50% -300px;background-repeat: no-repeat;}
body.spec{background-color: #e9efed;background-position: 50% -300px;background-repeat: no-repeat;}
body.media{background-color: #f0ebe3;background-position: 50% -300px;background-repeat: no-repeat;}
img{background: transparent;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
zoom: 1;}


/* header */
#header {
	position: absolute;
	height: 74px;
	top: 0;
	left: 0;
	width: 100%;
	background: url(images/header_bg.png) repeat-x;
	z-index: 9999;
}
#header #logo{position:absolute; top:10px; left:17px;}
#header #navi{position:absolute; top:0; right:0; }
#header #navi ul {margin-top:28px;font-weight:700;}
#header #navi ul li{float:left;display:block;padding:0 8px 0 8px;}
#header #navi ul li a{font-size:18px;color:#333;height:20px;display:block;*line-height:24px;}
#header #navi ul .spec { padding-right:20px; }

#arrow{
	position: absolute;
	top: 30%;
	width: 100%;
	z-index: 999;
	margin-top: 100px;
	left:0;
}
#arrow #prev{	position:absolute;	left:2%;}
#arrow #next{
	position: absolute;
	right: 2%;
}
#header #navi .feature .over{color:#2c7ec2;}
#header #navi .keyfunction .over{color:#2c7ec2;}
#header #navi .media .over{color:#2c7ec2;}
.feature .over{color:#5e6eb2;}

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

/*main*/
#main-container{ height:100%; position:relative; width:990px; margin:0 auto; text-align:left;}
#main-div{float:left;height:80px;}
#main-img1{
	width: 100%;
	height: 100%;
	background: url(images/index_img1.png) 5% 0 no-repeat;
	position: absolute;
	z-index: 1;
	top: 0px;
	display: block;
}
#main-img2{
	width: 388px;
	height: 186px;
	position: absolute;
	z-index: 999;
	top: 284px;
	right: 0%;
}


/* feature contents*/
#feature-div{float:left;height:80px;}
#feature-img1{
	width: 689px;
	height: 100%;
	position: absolute;
	z-index: 111;
	top: 0px;
	left: 0%;
	background: url(images/feature_FR10.png) no-repeat;
}
#feature-img2{	width:851px;height:384px;position: absolute;top:180px;	right: 20px;}
#feature-text{
	position: absolute;
	top: 130px;
	left: 360px;
	text-align: left;
	line-height: 24px;
	width: 575px;
	text-shadow:0 1px 3px rgb(0, 0, 0);
}
	
#feature-text h1{	font-size:36px;	color:#fff;	font-weight: 700;	line-height:36px; padding:0px; margin-bottom:15px;}
#feature-text h2{	font-size:15px;	color:#FFF;	font-weight:normal;	padding-top:10px;	padding-left: 4px;}

#keyfeature-div{position:absolute; top:50%;left:50%;margin-left:-563px;width:100%;margin-top:-320px;}
#keyfeature-text{	position:absolute;	top:150px;	left:50px;	text-align:left;	line-height:28px;	font-size:15px;	}
#keyfeature-text ul { }
#keyfeature-text ul li{  }
#keyfeature-text ul li .over{ color:#FFF; font-weight:700;;}
#keyfeature-text ul li a{color:#CCC;}
#keyfeature-text ul li a:hover{	color:#CCC;}

#keyfeature-img1{width: 689px;
	height: 100%;
	position: absolute;
	z-index: 111;
	top: 0px;
	left: 0%;
	background: url(images/feature_FR10_BL.png) no-repeat;}

#keyfeature-img2{ width: 689px;
	height: 100%;
	position: absolute;
	z-index: 111;
	top: 0px;
	left: 0%;
	background: url(images/feature_FR10_Pink.png) no-repeat;}
	
#keyfeature-img2-2{ width: 267px;
	height: 477px;
	position: absolute;
	z-index: 111;
	bottom: 0;
	right: 0;
	}

#keyfeature-img3{width: 689px;
	height: 100%;
	position: absolute;
	z-index: 111;
	top: 0px;
	left: 0%;
	background: url(images/feature_FR10_BL.png) no-repeat;}

#garminconnect-img{ width: 689px;
	height: 100%;
	position: absolute;
	z-index: 111;
	top: 0px;
	left: 0%;
	background: url(images/feature_FR10_Pink2.png) no-repeat;}


#media-div{
	position:absolute;
	top:100px;
	width: 810px;
	padding: 0px;
	margin: 0px 68px;
}


#media-menu{ margin-top:30px;}

#media-menu ul {height:130px; margin:0px; padding:0px;}
#media-menu ul li{
	float: left;
	display: block;
	width: 130px;
	margin-right:90px;}

#media-menu ul li.last{margin:0 0 0 0;}
#media-menu ul li:hover{color:#222 !important; }
#media-menu ul li p{display:block;	margin:15px 0px 0px 0px; text-align:center; color:#000}
#media-menu ul li .feature_demo{margin-top: -10px;}
#media-menu ul li p .title{	font-family:'Arial';	font-size:12px;	font-weight:bold;}

/* footer */
#footer {
	position: relative;
	bottom: 50px;
	z-index: 999;
}

#footer #copyright {width:940px;text-align:center;color:#f2f2f2;text-decoration:none;font:normal normal 12px/100% "微軟正黑體",Verdana, Geneva, sans-serif;margin:10px auto;}
#footer #copyright a{text-decoration:none;color:#f2f2f2;}
#footer #copyright a:hover{text-decoration:underline;}