@charset "UTF-8";

body{
	background:#f2f2f2;
}
html, body#index{
	background:#e3e3e3;
}
body:before,
body:after{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:380px;
}

body:before{
	content:"";
	background:url(../../img/bg.jpg) repeat;
}

body#index:before,
body#index:after{
	background:#121212;
	height:61px;
}
/*
body#index strong{
	color:#000;
}*/

body#index header{
	background:#121212;
}
/****************
Main
****************/
#main{
	float:left;
	width:100%;
	min-height:930px;
	font-family: 'Quantico', sans-serif;
	padding:0 0 10px;
}

#slideFace {
	position:relative;
	top:0;
	left:0px;
	width:79%;
	float:left;
	margin:0 1% 0 0;

}
#slideFace img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
}
#slideFace #face1{z-index:8;}
#slideFace #face2{z-index:7;}
#slideFace #face3{z-index:6;}
#slideFace #face4{z-index:5;}
#slideFace #face5{z-index:4;}
#slideFace #face6{z-index:3;}
#slideFace #faceLast{
	position:relative;
	z-index:1;
	display:block;
}

#rep{
	display:block;
	background:#000 url(../../img/top/icn_repeat.gif) 4px 2px no-repeat;
	color:#fff;
	font-size:.8em;
	padding:0 7px 0 22px;
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:2;
	cursor:pointer;
	opacity:.5;
	filter:alpha(opacity=50);
}
#rep:hover{
	opacity:1;
	filter:alpha(opacity=100);
}



/* #filter & .shine
----------------*/
#filterList{
	width:101%;
	float:left;
	margin:20px -.5% -10px;
}

#filterList li {
	position: relative;
	margin:0 .5% .8% .5%;
	width: 15.6%;
	height:188px;
	float: left;
	line-height:1.2em;
	text-align:center;
	font-size:100%;

}

#filterList li a{
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	height:188px;
	color:#fff;
}

#filterList .blind{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;

}
#filterList .blind{
	position:relative;
	width:100%;
	height:100%;
	z-index:10;
}

#filterList .exception .blind	{background:url(../../img/img_filterpanel_gray.png) center 0  no-repeat #f2f2f2;}
#filterList .entertain .blind	{background:url(../../img/img_filterpanel_red.png) center 0  no-repeat #f2f2f2;}
#filterList .navi .blind		{background:url(../../img/img_filterpanel_green.png) center 0  no-repeat #f2f2f2;}
#filterList .others .blind		{background:url(../../img/img_filterpanel_blue.png) center 0  no-repeat #f2f2f2;}
#filterList .blind				{background-size:100% 100% !important;}

#filterList .blind img{
	position:absolute;
	top:50%;
	left:50%;
	margin:-50px 0 0 -50px;
}


#filterList li:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:98%;
	
}/*
#filterList li.exception{
	background: #1f0a28;
}
#filterList li.entertain{
	background: #2f0101;
}
#filterList li.navi{
	background: #0b1d08;
}
#filterList li.others{
	background: #001430;
}*/



/*
#filterList li.exception,
#filterList li.entertain,
#filterList li.navi,
#filterList li.others{
	background: #fcfcfc;
}
*/

#filterList li:before{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:97px;
}

.inside{
	position:absolute;
	z-index:0;
	width:100%;
	height:100%;

}
.shine{
	position:absolute;
	z-index:30;
	top:0;
	left:-330px;

}
.shadow{
	position:absolute;
	z-index:0;
	top:0;
	left:0;
}

#filterList .exception .inside	{background:url(../../img/img_filterpanel_purple_ov.jpg) center 0  no-repeat;}
#filterList .entertain .inside	{background:url(../../img/img_filterpanel_red_ov.jpg) center 0  no-repeat;}
#filterList .navi .inside		{background:url(../../img/img_filterpanel_green_ov.jpg) center 0  no-repeat;}
#filterList .others .inside		{background:url(../../img/img_filterpanel_blue_ov.jpg) center 0  no-repeat;}
#filterList .inside				{background-size:100% 100% !important;}


#filterList .inside p:before{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:70px;
	height:70px;
	margin:-52px 0 0 -35px;
	display:none;
	background-size:100%;
}
.inStup p:before{background:url(../../img/icn_setup.png) no-repeat;}
.inHmc p:before{background:url(../../img/icn_hdmi_mhl_comport.png) no-repeat;}
.inPt p:before{background:url(../../img/icn_panels_technology.png) no-repeat;}
.inV4l p:before{background:url(../../img/icn_4g_lte_connection.png) no-repeat;}
.inSns p:before{background:url(../../img/icn_sns.png) no-repeat;}
.inAv p:before{background:url(../../img/icn_av_source.png) no-repeat;}
.inRc p:before{background:url(../../img/icn_route_collector.png) no-repeat;}
.inMap p:before{background:url(../../img/icn_map.png) no-repeat;}
.inOem p:before{background:url(../../img/icn_oem_solution.png) no-repeat;}
.inApp p:before{background:url(../../img/icn_apps.png) no-repeat;}
.inBt p:before{background:url(../../img/icn_bluetooth.png) no-repeat;}
.inRti p:before{background:url(../../img/icn_realtime_info.png) no-repeat;}
.inUi p:before{background:url(../../img/icn_user_interface.png) no-repeat;}
.inSe p:before{background:url(../../img/icn_sound_processor.png) no-repeat;}
.inCs p:before{background:url(../../img/icn_cloud_service.png) no-repeat;}
.inKwl p:before{background:url(../../img/icn_kenwood_wireless_link.png) no-repeat;}
.inPoi p:before{background:url(../../img/icn_smart_poi.png) no-repeat;}
.inMf p:before{background:url(../../img/icn_more_features.png) no-repeat;}

#filterList .inside p:before img{
	width:100%;
}

.inside p{
	margin:45% auto;
}
/****************
Side
****************/
aside{
	float:left;
	width:20%;
	margin:0 0 15px 0;
}



aside a{
	color:#fff;
}
#sMenu li a,
#gMenu .cate a,
#gMenu .cate span{
	padding:25px;
}