@charset "utf-8";







#main{



	width: 1200px;



	margin:  0 auto;



	overflow: hidden;



	padding-top: 100px;



}



#backgroundImage{



	display: none;



}



.distributeBlk{



	float: left;



	width: 100%;



	overflow: hidden;



	display: flex;



	justify-content: space-between;



	flex-wrap: wrap;



	padding-top: 130px;



}







#mainContainer{



	padding-top: 500px;



}



#pageBanner{



	position: absolute;



	width: 100%;



	left: 50%;



	margin-left: -50%;



	margin-top: -10px;



	height: 120px;



	background-color: #333;



	/*!background-image: url(../images/banner/instale.jpg);-->*/



	background-size: cover;



	background-position: center;



}



#pageTitle{



	width: 100%;



	text-align: center;



	color: #FFF;



	padding: 70px 0 35px 0;



	font-size: 30px;



	text-shadow: 0 0 0.2em #000, 0 0 0.2em #000;



}











#pageSubTitle{











	width: 100%;











	text-align: center;











	color: #FFF;











	font-size: 26px;











	text-shadow: 1px 1px 2px #000000;











}











.chipVideoInstall, .pedalVideoInstall{











	width: 500px;











	height: 300px;











	background-color: #FFF;











	margin-bottom: 30px;











	background-size: contain;











	background-repeat: no-repeat;











	background-position: center;











}











.chipVideoInstall{



	border: 1px solid #CCC;







	background-image: url(../images/layout/chipinstall.jpg);











}











.pedalVideoInstall{







	border: 1px solid #CCC;



	background-image: url(../images/layout/newdteinstall.jpg);











}











a.infolink:link, a.infolink:visited{











	padding: 2px 5px;











	border: 1px solid #006011;











	border-radius: 5px;











	color:#006011;











}











a.infolink:hover{











	border: 1px solid #333;











	color:#333;











}











.pageText{











	float: left;











	width: 100%;











	text-align: justify;











	line-height: 24px;











	margin-bottom: 25px;











}











.pagePedalInstall{











	width: 100%;











	height: 400px;











	background-image: url(../images/layout/chiptinstall.jpg);











	background-position: center;











	background-size: cover;











	float: left;











	margin: 20px 0 40px 0;











}























.pageInstallInfo{











	width:100%;











	float:left;











	line-height: 22px;











	text-align: justify;











}











.pageInstallInfoFisrt{











	width:48%;











	float:left;











	padding-left: 80px;











	margin-right: 4%;











	margin-bottom: 20px;











}











.pageInstallInfoSecond{











	width:48%;











	float:left;











	padding-left: 80px;











}











.pageInstallInfoTitle{











	font-family:dtebold;











	float:left;











	width:100%;











	font-size:26px;











	margin-bottom:10px;











}











.plugnplay{











	background-image: url(../images/layout/iconeplugandplay.png);











	background-position: 0 0;











	background-size:60px;











	background-repeat:no-repeat;











}











.iconefone{











	background-image: url(../images/layout/iconefone.png);











	background-position: 0 0;











	background-size:60px;











	background-repeat:no-repeat;











}











.iconemecanico{











	background-image: url(../images/layout/iconemecanico.png);











	background-position: 0 0;











	background-size:60px;











	background-repeat:no-repeat;











}











.iconemoto{











	background-image: url(../images/layout/iconemoto.png);











	background-position: 0 0;











	background-size:60px;











	background-repeat:no-repeat;











}











.iconepotencia{











	background-image: url(../images/layout/iconepotencia.png);











	background-position: 0 0;











	background-size:60px;











	background-repeat:no-repeat;











}











.iconelearn{











	background-image: url(../images/layout/iconelearn.png);











	background-position: 0 0;











	background-size:60px;











	background-repeat:no-repeat;











}











.iconeultra{











	background-image: url(../images/layout/iconeultra.png);











	background-position: 0 0;











	background-size:60px;











	background-repeat:no-repeat;











}











.iconeforca{











	background-image: url(../images/layout/iconeforca.png);











	background-position: 0 0;











	background-size:60px;











	background-repeat:no-repeat;











}











.iconereuso{











	background-image: url(../images/layout/iconereuso.png);











	background-position: 0 0;











	background-size:60px;











	background-repeat:no-repeat;











}











.iconeseguro{











	background-image: url(../images/layout/iconeseguro.png);











	background-position: 0 0;











	background-size:60px;











	background-repeat:no-repeat;











}























@media(max-width: 1220px) {



	#main{



		width: 920px;



	}







	.chipVideoInstall, .pedalVideoInstall{











		width: 450px;











		height: 280px;











	}











}























@media(max-width: 960px) {



	#main{



		width: 600px;



		padding-top: 180px;



	}







	.chipVideoInstall, .pedalVideoInstall{











		width: 620px;











		height: 280px;











	}











	.pageInstallInfoFisrt{











		width:100%;











		margin-right: 0;











		margin-bottom: 20px;











	}











	.pageInstallInfoSecond{











		width:100%;











		margin-bottom: 20px;











	}











}











@media(max-width: 640px) {







	#main{



		width: 300px;



		padding-top: 90px;



	}



	#pageBanner{



		position: absolute;



		width: 100%;



		left: 50%;



		margin-left: -50%;



		margin-top: 0px;



		height: 70px;



		background-color: #333;



		/*background-image: url(../images/layout/instale.jpg);*/



		background-size: cover;



		background-position: center;



	}



	.distributeBlk{



		float: left;



		width: 100%;



		overflow: hidden;



		display: flex;



		justify-content: space-between;



		flex-wrap: wrap;



		padding-top: 90px;



	}



	#pageTitle{



		width: 100%;



		text-align: center;



		color: #FFF;



		padding: 10px 0 15px 0;



		font-size: 30px;



		text-shadow: 1px 1px 2px #000000;



	}











	#pageSubTitle{











		width: 100%;











		text-align: center;











		color: #FFF;











		font-size: 26px;











		text-shadow: 1px 1px 2px #000000;











	}











	.chipVideoInstall, .pedalVideoInstall{











		width: 300px;











		height: 200px;











	}











	.pageInstallInfoFisrt{











		width:100%;











		margin-right: 0;











		margin-bottom: 20px;











		text-align: left;











	}











	.pageInstallInfoSecond{











		width:100%;











		margin-bottom: 20px;











		text-align: left;











	}











}