@charset "utf-8";
#Soprt_1 {
	margin-top: 50px;
}

#ios3 {
	float: left;
}
#SoprtLogo {
	float: left;
	margin-left: 50px;
}
#SportDetail {
	width: 400px;
	margin-top: 35px;
}
#LinkPlay  {
	margin-right: 25px;
	margin-top: 30px;
	background-image: url(../image/Play_b.png);
	height: 43px;
	width: 148px;
	float: left;
}
#LinkPlay:hover {
	/* for IE */
	filter:alpha(opacity=50);
	/* CSS3 standard */
	opacity:0.5;
	/* for Mozilla, Firefox */
	-moz-opacity:0.5;
}
#LinkApple {
	margin-right: 25px;
	margin-top: 30px;
	background-image: url(../image/App_b.png);
	height: 43px;
	width: 147px;
	float: left;
}
#LinkApple:hover {
	/* for IE */
	filter:alpha(opacity=50);
	/* CSS3 standard */
	opacity:0.5;
	/* for Mozilla, Firefox */
	-moz-opacity:0.5;
}
#SportQR {
	margin-top: 50px;
	cursor: pointer;
	background-image: url(../image/GetQR.png);
	height: 34px;
	width: 150px;
	float: left;
}
#SportQR:hover {
	background-image: url(../image/GetQRHover.png);
}
#SportsFB {
	float: left;
	margin-top: 50px;
	margin-right: 28px;
	background-image: url(../image/JoiiSportFacebook.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 148px;
}
#SportsFB:hover {
	/* for IE */
	filter:alpha(opacity=50);
	/* CSS3 standard */
	opacity:0.5;
	/* for Mozilla, Firefox */
	-moz-opacity:0.5;
}


#Soprt_2 {
	background-color: #90CAD5;
	padding-top: 15px;
	padding-bottom: 15px;
}
#Features1 {
	margin-right: 45px;
	margin-left: 45px;
}
#Features2 {
	margin-right: 45px;
	margin-left: 45px;
}
#Features3 {
	margin-right: 45px;
	margin-left: 45px;
}
#Soprt_3 {
	background-repeat: no-repeat;
	background-position: right;
	/* [disabled]padding-top: 30px; */
	/* [disabled]padding-bottom: 20px; */
	height: 440px;
	width: 960px;
	float: left;
}
#Soprt_3Bg {
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	height: 440px;
	width: 574px;
	background-image: url(../image/run.png);
	margin-right: -35px;
}


#Soprt_3_1 {
	padding-top: 120px;
	background-image: url(../image/Sport_3.png);
	background-repeat: no-repeat;
	margin-top: 30px;
	width: 390px;
	margin-bottom: 30px;
}
#Soprt_3_3 {
	background-image: url(../image/HeartRateFormula.png);
	background-repeat: no-repeat;
	height: 175px;
	width: 437px;
	/* [disabled]margin-bottom: 25px; */
}
#Soprt_4 {
	background-repeat: no-repeat;
	margin-top: -15px;
}
#Soprt_4_1 {
	margin-top: 30px;
	width: 350px;
	background-image: url(../image/2run.png);
	background-repeat: no-repeat;
	float: left;
	height: 355px;
	background-position: left;
	margin-left: 70px;
	margin-bottom: 40px;
}
#Soprt_4_2 {
	background-image: url(../image/Sport_4.png);
	background-repeat: no-repeat;
	float: left;
	width: 380px;
	margin-top: 30px;
	padding-top: 120px;
	margin-bottom: 10px;
	margin-left: 100px;
}
#Soprt_4_3  {
	margin-left: 570px;
}
#Soprt_5 {
	background-image: url(../image/Together.png);
	background-repeat: no-repeat;
	padding-top: 50px;
	height: 295px;
}

#Soprt_5_1 {
	background-image: url(../image/QrIOS.png);
	background-repeat: no-repeat;
	float: right;
	margin-right: 35px;
	height: 181px;
	width: 123px;
	background-position: top;
}
#Soprt_5_1:hover {
	/* for IE */
	filter:alpha(opacity=50);
	/* CSS3 standard */
	opacity:0.5;
	/* for Mozilla, Firefox */
	-moz-opacity:0.5;
}
#Soprt_5_2 {
	background-image: url(../image/QrAndroid.png);
	background-repeat: no-repeat;
	float: right;
	margin-right: 30px;
	height: 181px;
	width: 122px;
}
#Soprt_5_2:hover {
	/* for IE */
	filter:alpha(opacity=50);
	/* CSS3 standard */
	opacity:0.5;
	/* for Mozilla, Firefox */
	-moz-opacity:0.5;
}

.Hr1 {
	background-image: url(../image/ShadowBg.png);
	background-repeat: repeat-x;
	height: 15px;
	width: 100%;
	z-index: 1000;
}
.Hr2 {
	background-image: url(../image/ShadowBg.png);
	background-repeat: repeat-x;
	height: 15px;
	width: 100%;
	z-index: 1000;
	float: left;
}

/* Retina圖片CSS放在這區塊中 */
@media screen and (-webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2)
{
	#LinkPlay {
		background-image: url(../image/2x/Play_b-2x.png);
		background-size:148px 43px;
	}
	#LinkApple   {
		background-image: url(../image/2x/App_b-2x.png);
		background-size:148px 43px;
	}
	#SportQR {
		background-image: url(../image/2x/GetQR-2x.png);
		background-size:150px;
	}
	#SportQR:hover {
		background-image: url(../image/2x/GetQRHover-2x.png);
		background-size:150px;
	}
	#SportsFB {
		background-image: url(../image/2x/JoiiSportFacebook-2x.png);
		background-size:148px;
	}
	#Soprt_3Bg {
		background-image: url(../image/2x/run-2x.png);
		background-size:574px 440px;
	}
	#Soprt_3_1 {
		background-image: url(../image/2x/Sport_3-2x.png);
		background-size:352px 95px;
	}
	#Soprt_3_3 {
		background-image: url(../image/2x/HeartRateFormula-2x.png);
		background-size:431px 172px;
	}
	#Soprt_4_1 {
		background-image: url(../image/2x/2run-2x.png);
		background-size:318px;
	}
	#Soprt_4_2 {
		background-image: url(../image/2x/Sport_4-2x.png);
		background-size:352px;
	}
	#Soprt_5 {
		background-image: url(../image/2x/Together-2x.png);
		background-size:590px;
	}
	#Soprt_5_1 {
		background-image: url(../image/2x/QrIOS-2x.png);
		background-size:123px;
	}
	#Soprt_5_2 {
		background-image: url(../image/2x/QrAndroid-2x.png);
		background-size:122px;
	}
}