@charset "utf-8";

/*-----------------------------------------------
 support
-----------------------------------------------*/

 .supportProductNavi { background:#fff url('/cn-en/car/support/images/supportProductNavi_back01.png') repeat-y 0 0; }
 .supportProductNavi .supportL { float:left; width:204px; margin-right:20px; }

	 #supportTabMenu { padding-bottom:60px; }
	 #supportTabMenu li { border-right:1px solid #E8E8E8; border-bottom:1px solid #E8E8E8; }
	 #supportTabMenu li.active { border-right:1px solid #FFF; background:#FFF;  }
	 #supportTabMenu li a { display:block; padding:20px; outline:none; font-size:14px; }
	 #supportTabMenu li.active a { color:#004473;  }


 .supportProductNavi .supportR { float:left; width:754px; }

/* supportTabContents Scrollbar */
.supportTabContents { position:relative; height:350px; margin:15px 10px 15px 0; background:#fff; }
	 .scrollContents { height:350px; overflow:auto; }

 .supportTabContents ul { margin:15px 0 25px; width:715;  }
 .supportTabContents ul li { float:left; margin-left:7px; width:113px; height:91px; }
 .supportTabContents ul li:first-child { margin-left:0px; }

 .customerCareBox { padding:5px 40px 40px; }
 .customerCareBox .secTitle { padding-bottom:10px;  }
	 .options { margin-bottom:26px; }
	 .options li { float:left; margin-left:41px; }
	 .options li:first-child { margin-left:0; }
	 .options li select { width:272px; height:29px;  }

#main,
.customerCareBox02 { padding:20px 40px; font-size: 14px;-webkit-text-size-adjust: 100%; max-height: 100%; }

.productTabNavi ul li a { text-indent:0px; font-size:125%; text-align:center; padding-top:0px; line-height:1.1em; color:#626262; }
.productTabNavi ul li.active a,
.productTabNavi ul li a:hover { color:#004473; text-decoration:none; }
.productTabNavi4 ul li a { text-indent:0px; font-size:110%; text-align:center; padding-top:0px; line-height:1.0em; color:#626262;  }

div.langBox ul li { float:right; }
div.langBox ul li.lang .select {
        background-image: url("/cs/ce/common/images/select_top.png");
        background-position: 0 0;
        background-repeat: no-repeat;
        color: #626262;
        font-size: 12px;
        height: 17px;
        line-height: 15px;
        overflow: hidden;
        padding: 0 25px 0 8px;
        position: absolute;
        width: 175px;
    }
div.langBox ul li.lang select {
        cursor: pointer;
        height: 17px;
        opacity: 0;
        filter:alpha(opacity=0);
        position: relative;
        width: 175px;
        z-index: 5;
    }
#header .topBar { height:36px; margin-top:0px; }


div.sitemapRow dl:after { content:""; display:block; clear:both; }
dl#relatedLink dd a { color:#3A3A3A; }

/*----- Custumed -----*/
.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background:;
	display: block;
	clear: left;
	float: left;
}
.radio {
	background: url(../../../../car/support/css/radio.png) no-repeat;
}



.tableType {
	margin: 0 0 25px 0;
}
.tblTtl {
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0;
}

h2 {
	background:url('/cs/ce/common/images/h2_bg01.png') no-repeat;
	margin-top:20px;
	margin-bottom:10px;
	padding:10px 10px 10px 10px;
	color:#FFFFFF;
	font-weight:normal;
	font-size:20px;
	
	background-size: 100% 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ce/common/images/h2_bg01.png', sizingMethod='scale')";
}
h2 { zoom:1; }
h12:after { content:""; display:block; clear:both; }

a.iconLink01 { color:#294473; }
a.iconLink01:after { content:url(/cs/ce/common/images/icon_blank01.png); display: inline-block; transform: scale(2); padding: 0 1em; }
a.iconLink02 { color:#004473; }

.bd_top {border-top:1px solid #dbdbdb!important;}
.bd_right {border-right:1px solid #dbdbdb!important;}
.bd_botm {border-bottom:1px solid #dbdbdb!important;}
.bd_left {border-left:1px solid #dbdbdb!important;}
.bd_all {border:1px solid #dbdbdb!important;}
.no_border {border:none!important;}

.fs10_ao { font-size:10px !important;max-height: 999999px;}
.fs12_ao { font-size:12px !important;max-height: 999999px;}
.fs13_ao { font-size:13px !important;max-height: 999999px;}
.fs14_ao { font-size:14px !important;max-height: 999999px;}
.fs16_ao { font-size:16px !important;max-height: 999999px;}
.fs17_ao { font-size:17px !important;max-height: 999999px;}
.fs18_ao { font-size:18px !important;max-height: 999999px;}
.fs22_ao { font-size:22px !important;max-height: 999999px;}

/*----- List Application -----*/
ul li.clickable p.pImg img  { width:auto; height:80px; }
ul li.clickable p.icon img  { width:auto; height:20px; }
ul li.clickable p.icon { text-align:left; padding-top:5px; }
ul li.clickable p.pName { height:auto; }
ul li.clickable { position:relative; height:255px; padding-bottom:0px; }
ul li.clickable p.new {
	position:absolute;
	top:20px;
	right:40px;
	text-align:right;
}

ul.listApp li {
	float:left;
	width:203px;
	height:160px;
	padding:0 10px;
	border: #D6D6D6 solid 1px;
	margin-left:-1px;
	margin-bottom:-1px;
}
ul.listApp li p.pName { text-align:center; height:auto; }
ul.listApp li p.pDesc { color: #555; }
ul.listApp li p img { width:auto; height:80px; }
ul.listApp {
/zoom: 1; /* IE6,7 */
} 
ul.listApp:after {
	content:".";
	/*text-indent:-99px;*/
	display: block;
	height:0;
	clear:both;
	visibility: hidden;
}
ul.listApp li.on:hover,
ul.listApp li.on:hover a { color:#004473; text-decoration: none; }
 
/*----- List Support Top & Firmware -----*/

div.Technical h2.a1+ul.linkbox { max-height: 500px; overflow-y: auto; }
ul.linkbox { margin-top:18px; position:relative; height:100%; }
ul.linkbox li {
	position:relative;
	margin-bottom:5px;
	padding:3px 0;
	border-top:#AAAAAA solid 1px;
	height:100%;
}
ul.linkbox li.sub { padding:0 0 0 2em;  border-top:none; }
ul.linkbox li.year { 
	position:absolute; 
	top:-15px;
	left:0;
	font-size:90%;
	font-style:italic;
	border-top:none;
	padding:0;
	margin:0;
	width:100%;
	color:#12517c;
}
ul.linkmodel li,
ul.linkbox li ul li {
	float:left;
	width:120px;
	margin-bottom:0;
	padding:0;
	border-top:none;
}
ul.linkmodel li.first,
ul.linkbox li ul li.first { clear:left; }
ul.linkbox li ul {
	clear:both;
	width:720px;
}
ul.linkbox p {
	position:absolute;
	top:3px;
	left:720px;
}
ul.linkbox img.icon { height:30px; width:auto; padding:0 5px; }
/* 240801 */
ul.linkbox li.description p { position: static; }
ul.linkbox li.description p.title {  }
ul.linkbox li.description p.description { padding: 0 20px; }

p.linkmodel { width:785px; }
ul.linkmodel { width:786px; }
ul.linkmodel {
	clear:both;
	border-right:#D6D6D6 solid 1px;
	border-bottom:#D6D6D6 solid 1px;
}
ul.linkmodel li {
	border:#D6D6D6 solid 1px;
	padding:0 5px;
	margin-bottom:-1px;
	margin-right:-1px;
}
p.linkmodel {
	border-top:#D6D6D6 solid 1px;
	border-left:#D6D6D6 solid 1px;
	border-right:#D6D6D6 solid 1px;
	text-align:center;
	background-color:whiteSmoke;
}

ul.year {
	margin:0;
    background-color: #f0f0f0;
    background-image: url(/cs/ce/common/images/tabarea_bg.png);
    background-position: center bottom;
    background-repeat: repeat-x;
    padding-left: 14px;
    padding-top: 8px;
}

ul.year li { 
	float:left; 
	margin-right:5px;
	height:22px; 
	cursor:pointer;
}
ul.year li a {
	display: block;
	width:76px;
	height:22px; 
	padding:5px 0 5px 0px;
	text-indent:20px;
	background:url(/cs/ce/common/images/tab1_off.png) no-repeat 0 0;
}
ul.year li a:hover,
ul.year li a.active {
	background:url(/cs/ce/common/images/tab1_on.png) no-repeat 0 0;
}

ul.agree { padding-left:1em; }
ul.agree li { list-style:disc; }
ul.agree li.agree2 { list-style:none; }

ul.listFirm li { float:left; padding:20px 40px; border-left:#E8E8E8 solid 1px;}
ul.listFirm li.first { border-left:none; }
ul.listFirm2 li { width:400px;  }
ul.listFirm3 li { width:244px; }
ul.listFirm4 li { width:163px; }

ul.listFirm,
ul.linkmodel,
ul.year,
ul.linkbox li ul {
/zoom: 1; /* IE6,7 */
} 
ul.listFirm:after,
ul.linkmodel:after,
ul.year:after,
ul.linkbox li ul:after {
	content:".";
	/*text-indent:-99px;*/
	display: block;
	height:0;
	clear:both;
	visibility: hidden;
}

ul.year2 { padding-bottom:28px; margin-bottom:20px; border-bottom:1px solid #E0E0E0; }
ul.year2 li { float:left; border-left:1px solid #8C8C8C; height:12px; line-height:12px; }
ul.year2 li:first-child { border-left:none; }
ul.year2 li:first-child { border-left:none; }
ul.year2 li a { padding:0 15px;  }
ul.year2 li:first-child a { padding-left:0px; }
ul.year2 li.active a { color:#004473; font-weight:bold;  }


div.boxClear { clear:both; }

/*----- AF -----*/
h1.main_h1_head {
	height:39px;
	line-height:39px;
	padding-left:11px;
	font-size:20px;
	font-weight:normal;
	color:#FFF;
	margin-bottom:10px;
	margin-top:30px;
	/*background:url('/cs/ce/common/images/h2_back01.png') no-repeat 0 0;*/
	background:url('/cs/ce/common/images/h2_bg01.png') no-repeat;
}
#main h2, .productBox2 h2 {
	background:url('/cs/ce/common/images/h2_back01.png') no-repeat;
	clear:both;
	
	background-size: 100% 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cs/ce/common/images/h2_back01.png', sizingMethod='scale')";
}
#main h2 { zoom:1; }

table.color {
	width:100%;
	text-align:left;
	font-size:14px;
	-webkit-text-size-adjust:none;
	margin-bottom: 20px;
}
 .color th,
 .color td { padding:10px; border:1px solid #D6D6D6; background:#FFF;  }
 .color th { background:#F5F5F5; font-weight:normal; }
 .color .title th { background:#A2A2A2; color:#FFF; font-size:16px; }
 
 
 table.color2 {
	width:100%;
	text-align:left;
	font-size:14px;
	-webkit-text-size-adjust:none;
	margin-bottom: 20px;
}
 .color2 th,
 .color2 td { padding:10px; border:1px solid #D6D6D6; background:#FFF;  }
 .color2 th { background:#F5F5F5; font-weight:normal; }
 .color2 .title th { background:#A2A2A2; color:#FFF; font-size:16px; }
 
 table.color3 {
	width:100%;
	text-align:left;
	font-size:14px;
	-webkit-text-size-adjust:none;
	line-height: 0px;
	margin-bottom: 20px;
}
 .color3 th,
 .color3 td { padding:10px; border:1px solid #D6D6D6; background:#FFF;  }
 .color3 th { background:#F5F5F5; font-weight:normal; }
 .color3 .title th { background:#A2A2A2; color:#FFF; font-size:16px; }



.dot {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	width: 100%;
	margin-bottom: 20px;
	padding-top: 20px;
	
}

.note{
	padding-left: 7px;
	text-indent: -7px;
	font-size: 12px;
}
.note2{
	padding-left: 7px;
	text-indent: -7px;
	font-size: 12px;
}
.remark{
	padding-left: 7px;
	text-indent: -7px;
	font-size: 12px;
}
.note_head{
	text-indent: -10px;
}
.indent{
	padding-left: 7px;
}
.indent_head{
	margin-left: -10px;
}

table .note{
	padding-left: 0px;
}
table .note_head{
	margin-left: -0px;
}
/*
table .indent{
	padding-left: 0px;
}
table .indent_head{
	margin-left: -0px;
}
*/
p.go_pagetop { display:none; }

div.modeltablearea table,
table.af_select {
	width:100%;
	text-align:left;
	font-size:14px;
	-webkit-text-size-adjust:none;
	margin-bottom: 20px;
}

div.body_inner p.secTitle,
div.carContent p.secTitle {
	font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,verdana,sans-serif;
	font-size:30px;
	color:#12517c;
	padding:10px 0 20px 0;
	
	text-shadow: 2px 2px 2px rgba(5,5,5,0.2);
}

/* BT, iPod  */
div.list_ipod { clear:both; }

.nonipod2 { background:none !important; }
.nonipod { background-color:#DDD; }

div#main .SelectBox23, div#main .modelSelect23 {
	border: 1px solid rgb(202, 208, 215);
	border-radius: 3px 3px 3px 3px;
	width: 380px;
	float: left;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #FFF;
	background-image: url(/cs/ce/common/images/selecth2_back.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin-top: 15px;
	margin-right: 10px;
	font-size: 12px;
	line-height: 220%;
}
table.select_iPod3 { width:875px; }
table.select_iPod3 { background:url(/cs/ce/common/images/selecipod3t_back.jpg) no-repeat; }
table.select_iPod3 tr.select_iPod3_top td { width:435px; padding:15px 10px 10px 10px; }
table.select_iPod3 tr.select_iPod3_mid { 
	background:url(/cs/ce/common/images/selecipod3m_back.jpg) no-repeat;	
	height:15px;
}
table.select_iPod3 tr.select_iPod3_mid td { padding:0; margin:0; }
table.select_iPod3 tr.select_iPod3_bottom { background:url(/cs/ce/common/images/selecipod3b_back.jpg) no-repeat left bottom; }
table.select_iPod3 tr.select_iPod3_bottom td { padding:0px 10px 10px 10px; }
div.list_ipod_title { display:none; }
/*
div#main .ipodSelect{
	border: 1px solid rgb(202, 208, 215);
	border-radius: 3px 3px 3px 3px;
	width: 380px;
	float: right;
	margin-bottom: 30px;
	background-color: #FFF;
	background-image: url(/cs/ce/common/images/selecth2_back.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	padding: 10px;
	height: 100px;
	margin-top: 15px;
}
*/
div#main .ipodSelect, div#main .modelSelect, div#main .select_top{
	border: 1px solid rgb(202, 208, 215);
	border-radius: 3px 3px 3px 3px;
	width: 410px;
	float: left;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #FFF;
	background-image: url(/cs/ce/common/images/selecth2_back.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	/*height: 125px;*/
	margin-top: 15px;
	margin-right: 10px;
	font-size: 12px;
	line-height: 220%;
}
div#main .SelectBox2 h2,div#main .ipodSelect h2,div#main .modelSelect h2, div#main .select_top h2{
	background-image:none;
	font-weight: bold;
	font-size: 14px;
	margin-top:0;
	margin-bottom: 20px;
	padding-top:0;
	padding-bottom:0;
	color: rgb(98, 98, 98);
	
	-ms-filter:"none";
}
div.Select_iPod3 {
	position: relative;
}
div.Select_iPod3b {
	position: relative;
		width: 850px;

	overflow-x: scroll;
	overflow-y: hidden;
	height: auto;
	border: 1px solid rgb(202, 208, 215);
	border-radius: 3px 3px 3px 3px;
	background: none repeat scroll 0% 0% rgb(255, 255, 255);
	margin-bottom: 15px;
}
.Select_iPod_canvas {
	width: 850px;
}
.Select_iPod_canvas td{
	padding-top: 10px;
	padding-bottom: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	padding-right: 5px;
	padding-left: 5px;
}

div.dl_b a,
div.linklist a { color:#004473; padding-left:10px; background:url('/cs/ce/common/images/icon01.png') no-repeat 0 6px; }


div#body div.body_inner div#main div.interface_adaptor h3 { font-size:14px; }

div#body div.body_inner div#main div.function_list table.color tr td span,
div#body div.body_inner div#main div.dummy_box,
div#body div.body_inner div#main div.dummy_box div.function_info_item span {
	display: none;
}

/*  BT
---------------------------------------------------------- */
div.iopBox div.iopBoxTitle { float: left; }

div.none,
.remarkUnit,
p.remarkPhone {
	display: none;
}

p.note_bt200,
p.note_include5050,
p.note_include5000 {
	display: none;
}


div.SelectClear, div.modeltable, div.General { clear:both; }
.top { vertical-align:top; }


div.main_h1:first-child h1 { margin-top:0; }

div.compatlist { margin:0 0 10px 0; }

.bold { font-weight:bold; }

div#main .ipodSelect:after, 
div#main .modelSelect:after, 
div#main .select_top:after,
div.modeltablearea table:after,
table.af_select:after {
	content:".";
	/*text-indent:-99px;*/
	display: block;
	height:0;
	clear:both;
	visibility: hidden;
}

/*  CE
---------------------------------------------------------- */
div.manualT {
	/*max-height:200px; */
	overflow:auto;
	border:1px solid #D6D6D6;
}
div.manualS {
	max-height:400px; 
}
h2.c5 { display:none; }
h2.c5+ul.linkbox { display:none; }