@charser "UTF-8";
/* Route Collector */
.tit_route_collector{background:url(../../img/icn_route_collector.png) no-repeat;}
.page_route_collector #face{
	padding:0 0 0;
	background:url(../../img/navigation/face_route_collector.png) no-repeat;
	background-position:center 10%;
	background-size:90% auto;
}
.titHt{
	width:73%;
	background:url(../../img/icn_howto.png) no-repeat;
}
#ftxRC{
	text-align:left;
	top:0;
	left:7%;
	width:61%;
}

.page_route_collector #face section{
	padding:57% 0 0;
}
#layoutRcApp{
	margin:auto;
	width:80%;
}
#layoutRcApp:after{
	content:"";
	display:block;
	clear:both;
}
#layoutRcApp .place01{
	width:70%;
	float:left;
}
#layoutRcApp .place02{
	width:20%;
	float:right;
	margin:10px 0;
}
#layoutRcApp .place03{
	width:20%;
	margin:10px 0;
	float:right;
}
#layoutRcApp .place03 img{
	width:100%;
}

/* Real time infomation */

.tit_real_time_information{background:url(../../img/icn_realtime_info.png) no-repeat;}
.titIrx:before{background:url(../../img/icn_inrix.png);}
.titMt:before{background:url(../../img/icn_movietime.png);}
.titNtq:before{background:url(../../img/icn_navteq.png);}

.titDt:before{background:url(../../img/icn_digiral_traffic.png) no-repeat;}
.titFp:before{background:url(../../img/icn_fuel_price.png) no-repeat;}
.titDp:before{background:url(../../img/icn_dynamic_parking.png) no-repeat;}
.titPl:before{background:url(../../img/icn_photo_live.png) no-repeat;}

.liStyle05{
	float:right;
	width:60%;
}
.liStyle05 dt{
	width:29%;
}



/* Smart POI Search */
.page_smart_poi_search.fr .titStyle01{
	font-size:2em;
}
.tit_smart_poi_search{background:url(../../img/icn_smart_poi.png) no-repeat;}
.titIrx:before{background:url(../../img/icn_inrix.png);}
.titMt:before{background:url(../../img/icn_movietime.png);}
.titNtq:before{background:url(../../img/icn_navteq.png);}


/* Map */
.tit_map{background:url(../../img/icn_map.png) no-repeat;}



@media screen and (max-width: 1024px) {
/* Route Collector */
	.page_route_collector #face{
		background-position:center 10%;
	}
	#ftxRC{
		left:0;
		width:100%;
	}
	.page_route_collector #face section{
		padding:59% 0 0;
	}
/* Real time infomation */
	.liStyle05{
		font-size:.7em;	
		width:48%;
	}
	
/* Smart POI Search */
	.page_smart_poi_search.pt .titStyle01{
		font-size:2.7em;
	}
}

@media screen and (max-width: 800px) {
/* Real time information */
	.page_real_time_information.fr .titStyle01{
		font-size:2em;
	}
/* Smart POI Search */
	.page_smart_poi_search.pt .titStyle01{
		font-size:2.5em;
	}
}

@media screen and (max-width: 600px) {
/* Route Collector */
	.page_route_collector #face{
		background-position:center 13%;
	}
	.page_route_collector #face section{
		padding:93% 0 0;
	}
	#layoutRcApp{
		width:100%;
	}
	#layoutRcApp .place01{
		width:100%;
		clear:both;
	}
	#layoutRcApp .place02{
		display:none;
	}
	#layoutRcApp .place03{
		display:block;
		width:50%;
		clear:both;
		margin:20px 0;
	}
	.page_route_collector.fr .btStyle01{
		font-size:.85em;	
	}
	
/* Real time infomation */
	.page_real_time_information.pt .titStyle01{
		font-size:1em;
	}
	.liStyle05{
	width:43%;
	}

/* If it's long text on h1 title */
	.page_smart_poi_search.fr .titStyle01,
	.page_real_time_information.fr .titStyle01{
		font-size:100% ;
		padding:5px 0 15px 18%;
	}
}