﻿/* pbv-b ltr */

.highlight{background-color:yellow;}

.swipe_inner_wrap{font-size:14px;}
.swipe_inner_wrap h1{font-size:23px;}
.swipe_inner_wrap h2{font-size:18px;}
.swipe_inner_wrap h3{font-size:14px;}
.swipe_inner_wrap h1 + h2{margin-top:40px;}
.swipe_inner_wrap h3{margin-top:40px;}
.Description + h2{margin-top:40px;}
.swipe_inner_wrap div + h2{margin-top:40px;}

h1 + .Description, h1 + .Description-UpSP, h2 + .Description, h2 + .Description-UpSP, h3 + .Description, h3 + .Description-UpSP{margin-top:20px;}
h2 + div[class^="OrderList1"], h3 + div[class^="OrderList1"] {margin-top:20px;}

.br_span{display:block; height:10px;}
.MMI, .Navi{font-weight:bold;}
.C_Important{font-weight:bold;}
.C_Below_Heading{color:#636A72;}
h1 .C_Below_Heading{font-size:16px;}
h2 .C_Below_Heading{font-size:13px;}
.C_CrossReference, .C_URL, .C_URL-App, .C_CrossReference-Symbol_etc{color:#a36b4f; word-break:break-all;}
.C_CrossReference a, .C_URL-App a{word-break:break-word;}

.Img-Right{text-align:right;}
.swipe_inner_wrap li img, 
div[class^="Description"] img{width:auto; min-width:18px; height:18px; margin-top:-2px;}
.swipe_inner_wrap table li img{margin-top:0;}

.Table_Safety .Description-Option img,
.Table_Safety-Upsp .Description-Option img{width:auto; height:20px; vertical-align:sub;}
.Empty_2-Safety img{width:auto; height:20px;}

.imgPop:hover{opacity:0.7; cursor:pointer;}

.Description-Option{display:flex; align-items:end;}
.Description-UpSP{margin-top:15px;}
.Description-UpSP-Center{text-align:center; margin-top:20px;}
h1 + .Description + .UnorderList_1{margin-top:15px;}
.Description-Center{text-align:center; padding-top:10px; margin:0 auto 20px;}

@media screen and (min-width:712px) {     
    .swipe_inner_wrap {line-height:1.5; font-size: 16px;}
    .swipe_inner_wrap h1 {font-size: 25px;}
    .swipe_inner_wrap h2 {font-size: 20px;}
    .swipe_inner_wrap h3 {font-size: 16px;}

    h1 .C_Below_Heading{font-size:20px;}
    h2 .C_Below_Heading{font-size:15px;}

    .Description-Center{width:80%;}

    .Table_Safety .Description-Option img,
    .Table_Safety-Upsp .Description-Option img{width:auto; height:25px;}
    img[src^="contents/images/d-"], img[src^="contents/images/s-"], img[src^="contents/images/e-gf"] {width:80%; height:auto;}
}

.swipe_inner_wrap li {margin-top:10px;}
.swipe_inner_wrap li:first-child{margin-top:0;}
.swipe_inner_wrap li:only-child {margin-top:10px;}
.swipe_inner_wrap ul {list-style-type:disc; margin-inline-start:24px; padding-left: 0;}
.swipe_inner_wrap ul ul {list-style-type:circle; margin-inline-start:42px;}
.swipe_inner_wrap ul ul ul {list-style-type:square; margin-inline-start:42px;}

.swipe_inner_wrap ol{margin-inline-start: 24px; text-indent:-4px;}
.swipe_inner_wrap ol ol{margin-inline-start: 41px;}
.swipe_inner_wrap ol ol ol{margin-inline-start: 41px;}
.swipe_inner_wrap ol ul {margin-inline-start: 41px; }
.swipe_inner_wrap ol ul ul{margin-inline-start: 41px;}

.swipe_inner_wrap .sect{border-top:1px solid #05141F; list-style:none; margin-inline-start:0;}
.swipe_inner_wrap .sect li{padding:15px 0 14px; margin-top:0; border-bottom:1px solid #DDDDDD; line-height:20px;}
.swipe_inner_wrap .sect a{text-decoration:underline;}

.swipe_inner_wrap .h2_list{margin-top:60px; border-top:1px solid #05141F; list-style:none; margin-inline-start:0;}
.swipe_inner_wrap .h2_list li{padding:15px 0 14px; margin-top:0; border-bottom:1px solid #DDDDDD; line-height:20px;}
.swipe_inner_wrap .h2_list a{text-decoration:underline;}
.swipe_inner_wrap h1 + .h2_list{margin-top:15px;}
.chapter_title{padding-bottom:20px; font-size:20px; font-weight:bold;}

.UnorderList_1{margin-top:20px;}
.Description-UpSP + .UnorderList_1{margin-top:10px;}
.UnorderList_1-Child + .UnorderList_1{margin-top:10px;}
.UnorderList_1-Child{margin-top:10px;}
.UnorderList_1-Child ul{list-style:none;}

.UnorderList_1_2{margin-top:10px;}
.UnorderList_1_2 ul{margin-inline-start:42px;}

.UnorderList_2 ul{list-style-type:circle; margin-inline-start:41px;}
.UnorderList_2_2{margin-top:10px;}
.UnorderList_2_2 ul{list-style-type:circle;  margin-inline-start:62px;}

.UnorderList_2-Safety{margin-top:10px;}
.UnorderList_2-Safety ul{list-style-type:circle; margin-inline-start:42px;}

.iconNote{display:none;}
.UnorderList_1_1-Note{margin-top:20px;}
.UnorderList_1_1-Note ul{list-style-type:none; margin-inline-start:0px;}
.UnorderList_1_1-Note li {padding-left:26px; line-height:1.5; background: url('./../contents/images/m-note.png') no-repeat 2px 2px; background-size:14px auto; color:#535D66;}

.UnorderList_1_2-Note{margin-top:20px;}
.UnorderList_1_2-Note ul{list-style-type:none; margin-inline-start:26px;}
.UnorderList_1_2-Note li {padding-left:26px; line-height:1.5; background: url('./../contents/images/m-note.png') no-repeat 2px 2px; background-size:14px auto; color:#535D66;}

.UnorderList_2_2-Note{margin-top:10px;}
.UnorderList_2_2-Note ul{list-style-type:disc; margin-inline-start:41px;}
.UnorderList_2_2-Note li{color:#535D66}

.UnorderList_1-UpSP{margin-top:30px;}

.UnorderList_1-Safety ul{margin-inline-start:18px;}


ol .num{display:inline-block; width:30px; margin-left:-31px; margin-right:5px; text-align:right;}
.OrderList1_1, .OrderList-Color1_1{margin-top:20px;}
.OrderList-Color1_1-Child{margin-top:10px;}
div[class="OrderList-Color1_1-Child"] ol{list-style-type:disc; margin-inline-start:52px;}
.swipe_inner_wrap .OrderList2_1 li{margin-top:20px;}
.swipe_inner_wrap .OrderList-Color2_1 li{margin-top:20px;}

@media screen and (min-width:712px) {
    .chapter_title{font-size:24px; font-weight:bold;}

    .swipe_inner_wrap ul {margin-inline-start:27px;}
    .swipe_inner_wrap ul ul {margin-inline-start:48px;}
    .swipe_inner_wrap ul ul ul {margin-inline-start:65px;}

    .swipe_inner_wrap ol {margin-inline-start:27px; text-indent:0px;}
    .swipe_inner_wrap ol ol,
    .swipe_inner_wrap ol ul {margin-inline-start:48px;}
    .swipe_inner_wrap ol ol ol,
    .swipe_inner_wrap ol ul ul {margin-inline-start:65px;}

    .UnorderList_1_2 ul{margin-inline-start:48px;}
    .UnorderList_2 ul{margin-inline-start:48px;}  
    .UnorderList_2_2 ul{margin-inline-start:70px;}
    .UnorderList_2-Safety ul{margin-inline-start:48px;}

    .UnorderList_1_1-Note ul{margin-inline-start:0px;}
    .UnorderList_1_1-Note li{background-size:18px auto; padding-left:30px;}
    .UnorderList_1_2-Note ul{margin-inline-start:30px;}
    .UnorderList_1_2-Note li{background-size:18px auto; padding-left:30px;}
    .UnorderList_2_2-Note ul{margin-inline-start:46px;}

    .UnorderList_1-Safety ul{margin-inline-start:20px;}

}

.Empty_2{margin-left:30px;}
.Empty_3{margin-left:60px;}
.Empty_3 .Table_Magnifier{margin-top:10px;}

.swipe_inner_wrap > div > table{margin-top:20px;}
h2 + .Empty_1 table{margin-top:0;}
h2 + .Empty_1 .Table_Icon{margin-top:15px;}
h2 + .Empty_1 .Table_Text_VR{margin-top:15px;}
h2 + .Empty_1 .Table_Logo{margin-top:15px;}
.Description-Table-Head{font-weight:bold;}

h2 + .Empty_1 table + .Table_Safety-Upsp{margin-top:15px;}
h2 + .Empty_1 .Table_FAQ, h2 + .Empty_1 .Table_Service, h2 + .Empty_1 .Table_Service2{margin-top:30px;}

.swipe_inner_wrap .Empty_1 > .Table_Magnifier{margin-top:15px;}
.swipe_inner_wrap .Empty_2 > .Table_Magnifier{margin-top:15px;}
.swipe_inner_wrap h1 + .Empty_1 > .Table_Magnifier{margin-top:30px;}
.swipe_inner_wrap > h2:first-of-type + .Empty_1 > .Table_Safety{margin-top:30px;}

.Empty_2 .Table_Safety{margin-top:10px;}

table .Description-Safety{margin-top:20px;}
table .Description-UpSP{margin-top:20px;}
table tr div:first-of-type{margin-top:0;}
table tr div.Description-Option{margin-top:10px; margin-bottom:10px; font-weight:bold; font-size:18px;}

table div[class^="UnorderList"] li:first-of-type{margin-top:0;}

table .OrderList1_1, table .OrderList-Color1_1{margin-top:0;}
table .OrderList1_1 + .Table_Product{width:calc(100% - 27px); margin-left:27px;}
table td > .OrderList1_1:first-child li:only-child {margin-top:0;}
table .UnorderList_1{margin-top:0;}
table .UnorderList_1_2 ul{margin-inline-start:41px;}
table .UnorderList_1-Safety{margin-top:15px;}
table .Description-Safety + .UnorderList_1-Safety{margin-top:10px;}

.Empty_1 + .UnorderList_1{margin-top:30px;}

.Table_Symbol-Vertical tr{display:flex; padding:30px 20px; margin-top:15px; gap:30px; background-color:#eee;}
.Table_Symbol-Vertical tr:first-of-type{margin-top:20px;}
.Table_Symbol-Vertical .Description-Option{margin-top:0; font-size:23px; font-weight:bold;}
.Table_Symbol-Vertical img{width:40px; min-width:40px;}

.Table_Safety-Upsp tr td, .Table_Safety tr td{padding:30px 20px; background:#EEEEEE;}
.Table_Safety-Upsp tr:first-of-type td, .Table_Safety tr:first-of-type td{padding:0; background:none;}
.Table_Safety-Upsp .Description-Safety + .UnorderList_1-Safety{margin-top:10px;}
.Table_Safety-Upsp tr:nth-of-type(3) td, .Table_Safety tr:nth-of-type(3) td{padding:0 20px 30px 20px;}



.Table_FAQ{margin-bottom:60px;}
.Table_FAQ tr{position:relative; display:flex; gap:2%; align-items:baseline;}
.Table_FAQ tr:nth-of-type(1){padding:10px 0; align-items:center; border-bottom:1px solid #CCD0D3;}
.Table_FAQ tr:nth-of-type(1) .Description-FAQ span{position:absolute; top:4px; left:0;}
.Table_FAQ tr:nth-of-type(2) .Description-FAQ span{position:absolute; top:14px; left:0;}

.Table_FAQ tr:nth-of-type(2) td:nth-of-type(2){padding-top:20px;}
.Table_FAQ tr tr:nth-of-type(1){border-bottom:0;}
.Table_FAQ tr tr td:nth-of-type(1){font-size:inherit; margin-right:0;}

.Table_FAQ td:nth-of-type(1){min-width:50px; width:5%; font-size:24px;}
.Table_FAQ td:nth-of-type(2){flex:1 1 0; min-width:0;}
.Table_FAQ .Table_Product td{width:inherit;}

.Table_FAQ .Table_Safety{width:calc(100% - 8px); margin-left:8px;}
.Table_FAQ .Table_Safety tr{padding-top:0;}
.Table_FAQ .Table_Safety td{width:100%;}
.Table_FAQ .Table_Safety-Upsp tr:nth-of-type(1), .Table_FAQ .Table_Safety tr:nth-of-type(1){padding-bottom:0;}

.Table_Icon{border-top:1px solid #CCD0D3;}
.Table_Icon td{border-bottom:1px solid #CCD0D3; padding:10px; vertical-align:top;}
.Table_Icon td:first-child {min-width:70px; border-right: 1px solid #CCD0D3; }
.Table_Icon tr.colspan td{border-right:0;}
.Table_Icon td:last-child{width:auto;}
.Table_Icon img{width:auto; height:20px; min-width:20px; margin-top:0; margin-bottom:5px;}
.Table_Icon ul{margin-top:10px;}

.Table_Safety-Upsp .Table_Icon{margin-top:15px;}
.Table_Safety-Upsp .Table_Icon tr:first-of-type td, .Table_Safety .Table_Icon tr:first-of-type td{padding:10px;}
.Table_Safety-Upsp .Table_Icon td, .Table_Safety .Table_Icon td{padding:10px;}

.Table_Product img{margin-top:15px;}

.Table_Text{table-layout:fixed; border-top:1px solid #CCD0D3;}
h2 + .Empty_1 > .Table_Text{margin-top:30px;}
.Table_Text .c2-col1{width:35%;}
.Table_Text .c2-col2{width:65%;}
.Table_Text .c3-col1{width:25%;}
.Table_Text .c3-col2{width:25%;}
.Table_Text .c3-col3{width:50%;}
.Table_Text tr:first-of-type td{color:#1B3149; background-color:#FAFAFB; text-align:center;}
.Table_Text table tr:first-of-type td{background:none; border-bottom:0;}
.Table_Text tr td:last-of-type{border-right:0;}
.Table_Text td {border-right: 1px solid #CCD0D3; border-bottom: 1px solid #CCD0D3; padding: 10px; vertical-align: top;}

table .Table_Text{width:calc(100% - 27px); margin-top:10px; margin-inline-start:27px;}
table .Table_Text tr:first-of-type td{padding:10px;}
table .Table_Text tr td{padding:10px;}
.Table_Text .none-border-left{border-right:none;}

.Table_Text_VR{table-layout:fixed; border-top:1px solid #CCD0D3;}
.Table_Text_VR .c3-col1{width:30%;}
.Table_Text_VR .c3-col2{width:40%;}
.Table_Text_VR .c3-col3{width:30%;}
.Table_Text_VR tr:first-of-type td{color:#1B3149; background-color:#FAFAFB; text-align:center;}
.Table_Text_VR tr td:last-of-type{border-right:0;}
.Table_Text_VR td {border-right: 1px solid #CCD0D3; border-bottom: 1px solid #CCD0D3; padding: 10px; vertical-align: top;}
.Table_Text_VR table tr:first-of-type td{background:none;}
.Table_Text_VR table td{border:none;}



.Table_Trademark .UnorderList_1{margin-top:10px;}
.Table_Trademark .Cell_ImgRight {width: 100px; padding-left: 40px; text-align: right; vertical-align: top;}
.Table_Trademark .Img-Right {width: 100px; margin-left: auto;}
.Table_Trademark .Img-Right img {width:100%;}


.Table_Service{table-layout:fixed; border-bottom:1px solid #CCD0D3;}
.Table_Service .c4-col1{width:60px;}
.Table_Service .c4-col2{width:60px;}
.Table_Service .c4-col4{width:150px;}
.Table_Service tr:first-of-type td{color:#1B3149; background-color:#FAFAFB; text-align:center;}
.Table_Service tr td:last-of-type{border-right:0;}
.Table_Service td {border-right: 1px solid #CCD0D3; border-top: 1px solid #CCD0D3; padding: 10px; vertical-align: top;}
.Table_Service table tr:first-of-type td{background:none;}
.Table_Service table td{border:none;}
.Table_Service .combine-tr td:nth-of-type(1) {border-top:none;}

.Table_Service2{table-layout:fixed; border-bottom:1px solid #CCD0D3; margin-bottom:15px;}
.Table_Service2 .c4-col1{width:12%; max-width:60px;}
.Table_Service2 .c4-col2{width:20%;}
.Table_Service2 .c4-col4{width:20%; max-width:150px;}
.Table_Service2 tr:first-of-type td{color:#1B3149; background-color:#FAFAFB; text-align:center;}
.Table_Service2 tr td:last-of-type{border-right:0;}
.Table_Service2 td {border-right: 1px solid #CCD0D3; border-top: 1px solid #CCD0D3; padding: 10px; vertical-align: top;}
.Table_Service2 table tr:first-of-type td{background:none;}
.Table_Service2 table td{border:none;}
.Table_Service2 .combine-tr td:nth-of-type(1) {border-top:none;}

.Table_Logo{margin-top:30px;}
.Table_Logo .Img-Left {width:50%;}
.Table_Logo + .Table_HDRadio{margin-top:30px;}
.Table_HDRadio{display:block;}
.Table_HDRadio td{display:block; width:100%; margin:15px 0;}
.Table_HDRadio .Img-Left {width:50%;}


@media screen and (min-width:712px) {
    .Table_Symbol-Vertical tr{padding:30px; gap:50px;}
    .Table_Symbol-Vertical img{width:60px; min-width:60px;}

    .Table_Safety-Upsp tr td, .Table_Safety tr td{padding:22px;}
    .Table_Safety-Upsp tr:nth-of-type(3) td, .Table_Safety tr:nth-of-type(3) td{padding:0 22px 22px 22px;}
    .Table_Safety-Upsp .Description-Option, .Table_Safety .Description-Option{font-size:20px;}

    table .UnorderList_1_2 ul{margin-inline-start:48px;}

    .Table_Icon td:first-child{width:10%;}
    .Table_Icon img{height:24px; min-width:24px;}

    .Table_Logo .Img-Left {width:20%;}
    .Table_HDRadio .Img-Left {width:20%;}

    
    .Table_Magnifier-Text .Description-Center{margin:0 0 20px;}
	
	.Table_Trademark .Cell_ImgRight {width: 200px;}
	.Table_Trademark .Img-Right {width: 160px;}

}




@media (prefers-color-scheme: dark) {
    .highlight{background-color:#FFD54A;}
    .C_CrossReference, .C_URL, .C_URL-App, .C_CrossReference-Symbol_etc{color:#c68c6e;}
    .C_Below_Heading{color:#A0A6AD;}
    .swipe_inner_wrap .h2_list, .swipe_inner_wrap .sect{border-top:1px solid #ddd;}
    .swipe_inner_wrap .h2_list li, .swipe_inner_wrap .sect li{border-bottom: 1px solid rgba(221, 221, 221, 0.3);}
    .Table_Symbol-Vertical tr, .Table_Safety-Upsp tr td, .Table_Safety tr td{background-color: #172430;}
    .UnorderList_1_1-Note li, .UnorderList_1_2-Note li, .UnorderList_2_2-Note li{color:rgba(255,255,255,0.8)}


    .Table_Text, .Table_Text td, .Table_Icon, .Table_Icon td, .Table_Icon td:first-child, .Table_Service, .Table_Service td, .Table_Service2, .Table_Service2 td, .Table_Text_VR, .Table_Text_VR td{border-color: #303438;}
    .Table_Text tr:first-of-type td, .Table_Service tr:first-of-type td, .Table_Service2 tr:first-of-type td, .Table_Text_VR tr:first-of-type td{color:#B2B8BE; background-color:#172430;}
}


section img[src$="e-usb_cable.png"]{width:60%;}
section img[src$="s-gf_usb_connect_c.gif"]{margin-top:15px;}
section img[src^="contents/images/e-phoneprojection_carplay"]{width:80%;}
section img[src^="contents/images/e-parking_note"]{width:80%;}


[data-language="Czech"] .Table_FAQ td:nth-of-type(1){min-width:70px;}
[data-language="German"] .Table_FAQ td:nth-of-type(1){min-width:110px;}
[data-language="Latvian"] .Table_FAQ td:nth-of-type(1){min-width:120px;}
[data-language="Norwegian"] .Table_FAQ td:nth-of-type(1){min-width:70px;}
[data-language="Russian"] .Table_FAQ td:nth-of-type(1){min-width:100px;}
[data-language="Slovak"] .Table_FAQ td:nth-of-type(1){min-width:70px;}
[data-language="Slovene"] .Table_FAQ td:nth-of-type(1){min-width:70px;}
[data-language="Ukrainian"] .Table_FAQ td:nth-of-type(1){min-width:130px;}

