@charset "utf-8";

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

 .supportProductNavi { background:#fff url('/sg/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; margin-bottom:20px; }
 .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,
	#supportTabContents_respo li select { width:272px; height:29px;  }

 .customerCareBox .country { 
	 background:url(../images/imgtext_bg.png) no-repeat right top;
	 height:40px;
	 font-size: 18px;
	 color:#fff;
	 padding:10px 15px;
	 margin-top:25px;
 }

.customerCareBox02 { padding:20px 40px; font-size: 14px;}

/*----- 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;
}
.select {
	position: absolute;
	width: 238px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 29px;
	line-height: 29px;
	padding: 0 25px 0 8px;
	color: #626262;
	background: url('/sg/car/support/images/select.png') no-repeat;
	overflow: hidden;
	font-size:14px; 
}



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

/*-----------------------------------------------
 promotions
-----------------------------------------------*/
 .promotionBox { padding:30px; }
 .promotionBox ul li { float:left; margin-left:35px;  }
 .promotionBox ul li .txt { text-align:center; padding:15px 10px;  }
 
.product_archive .promotionBox ul li { width: 410px;  }
 
 
/*-----------------------------------------------
 responsive
-----------------------------------------------*/
/*.content:not(#nr_news):not(.top_content) .inner980 p:not(.pName),
.roundCornerBox01 .products_main_inner p,
.roundCornerBox01 .products_main_inner span,
.roundCornerBox01 .products_main_inner ul,
.roundCornerBox01 .products_main_inner li,
body textarea
{  font-size: inherit !important; }*/

a {
    color: inherit;
    text-decoration: inherit;
}

.content:not(#nr_news):not(.top_content) .inner980 p.secTitle:not(.pName) {
    font-size: 26px!important;
    color: #004473;
    line-height: 1.4;
}

html>body .secTitle {
    font-size /*\**/: 30px\9;
}

.target_respo .content:not(#nr_news):not(.top_content) .inner980 .roundCornerBox01 .promotionBox p.p_name:not(.pName) {
	padding: 5px;
	font-size: 14px!important;
}



.tableType ul {
	display: table;
	border-collapse: collapse;
	width: 100%;
	text-align: left;
    font-size: 14px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.tableType ul + ul {
	margin-top: 20px;
}

.tableType ul.ul-body {
	margin-top: -1px;
}

.tableType ul li {
	display: table-row;
	width: 100%;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.tableType p.p-attention {
	margin-top: 25px;
}

.tableType ul li span {
	display: table-cell;
	padding: 15px;
    border: 1px solid #D6D6D6;
	vertical-align: middle;
	word-break: break-all;
}

.tableType ul li:not(.li-title) span:nth-of-type(1) {
	width: 21%/*17%*/;
}

.tableType ul li:not(.li-title) span:nth-of-type(2) {
	width: 39%/*25%*/;
}

.tableType ul li:not(.li-title) span:nth-of-type(3) {
	width: 40%/*30%*/;
}

/*.tableType ul li:not(.li-title) span:nth-of-type(4) {
	width: 28%;
}*/

.tableType ul li.li-title {
	display: table-caption;
	background: #A2A2A2;
	width: 100%;
	padding: 15px;
    border-top: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
    color: #FFF;
    font-size: 16px;
}

.tableType ul li.li-th {
	background: #F5F5F5;
    font-weight: normal;
}

.tableType ul li:not(.li-title):not(.li-th) span.normal-span:nth-of-type(1) {
	width: inherit;
	display: inline;
	padding: 0px;
    border: none;
	vertical-align: auto;
	word-break: normal;
}



@media screen and (max-width: 768px) {
	.secTitle {
		padding: 20px 0 12px 20px;
	}
	
	.imgLink_res.respo_Tab_block h1 {
		clear: both;
		padding: 17px 0 37px 5%;
		font-size: 130%;
	}
	
	.imgLink_res.respo_Tab_block h1 span {
		background: url("/sg/common/images/respo/s_arrow_navy_d.png") no-repeat left center;
		background-size: 10px 11px;
		margin: 0px;
		padding-left: 12px;
		color: #004473;
	}
	
	.imgLink_res.respo_Tab_block h2 {
		clear: both;
		margin: 0;
		padding: 15px 0 0px 5%;
		border-bottom: none;
	}
	
	.imgLink_res.respo_Tab_block .div_product_archive h2 {
		padding: 15px 0 20px 10%;
	}
	
	.imgLink_res.respo_Tab_block h2 span {
		background: url("/sg/common/images/respo/s_arrow_navy.png") no-repeat left center;
		background-size: 10px 11px;
		margin: 0px;
		padding-left: 12px;
		color: #004473;
	}
	
	.imgLink_res.respo_Tab_block h2:first-of-type {
		border-top: 1px solid #004473;
	}
	
	.target_respo .imgLink_res ul {
		border-bottom: 1px solid #D0D0D0;
	}
	
	.target_respo .imgLink_res ul li {
		text-align: center;
	}
	
	.imgLink_res ul li a img {
		 display: inline; 
	}
	
	.p_text_link {
		margin-top: 10px;
	}
	
	.target_respo .imgLink_res ul li .p_text_link a {
		background: url("/sg/common/images/respo/s_arrow_navy_mini.png") no-repeat left center;
		background-size: 5px 5px;
		padding: 0 0 0px 7px;
		font-size: 12px;
		/*color: #004473;*/
	}
	
	.imgLink_res .two_split {
		position: relative;
	}
	
	.imgLink_res .two_split::before {
		content: "";
		position: absolute;
		top: 1px;
		left: 50%;
		bottom: 0px;
		border-left: 1px solid #D0D0D0;
	}
	
	.target_respo .imgLink_res .div_product_archive {
		width: 50%;
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.target_respo .imgLink_res .div_product_archive ul {
		border-bottom: none;
		margin-left: 15%;
	}
	
	.target_respo .imgLink_res .div_product_archive > h2 + ul,
	.target_respo .imgLink_res .div_product_archive > ul + ul,
	.target_respo .imgLink_res .div_product_archive ul {
		margin-bottom: 35px;
	}
	
	.target_respo .imgLink_res .div_product_archive + .div_product_archive > ul + ul:last-of-type {
		margin-bottom: 0px;
	}
	
	.target_respo .imgLink_res .div_product_archive ul li {
		float: none;
		margin: 0 0 5px 0;
		width: inherit;
		text-align: left;
	}
	
	.target_respo .imgLink_res .div_product_archive ul li p {
		border-bottom: none;
		margin: 15px 0px 0px 40px;
	}
	
	.target_respo .imgLink_res .div_product_archive ul li p + ul {
		margin: 15px 0px 0px 20%;
	}
	
	.target_respo .imgLink_res .div_product_archive ul li p + ul li {
		margin: 3px 0 0px 0;
		list-style: disc;
		overflow: inherit;
	}
	
	.target_respo .imgLink_res .div_product_archive ul li p.p_cate_name {
		background: url("/sg/common/images/respo/s_arrow_gray.png") no-repeat left center;
		background-size: 10px 11px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0 0px 12px;
	}

	.content:not(#nr_news):not(.top_content) .inner980 p.p_cate_name:not(.pName) {
		font-size: 16px!important;
	}
	
	.subpage_link ul li a span {
		display: inline-block;
	}
	
	.target_respo .inner980 h2 {
		padding-bottom: 30px;
	}
	
	/* respo.css cancel edit */
	.subpage_link {
		border-top: #FFF solid 2px;
	}
	
	.subpage_link ul {
		width: 100%;
	}
	
	.subpage_link ul li a {
		padding-left: 32px;
	}
	
	.target_respo .imgLink_res ul li {
		width: 100%;
		margin-top: 50px;
		margin-bottom: 80px;
	}
	
	.target_respo .imgLink_res ul li:last-of-type {
		margin-bottom: 80px !important;
	}

	.content:not(#nr_news):not(.top_content) .inner980 p.secTitle:not(.pName) {
		border-bottom: solid 2px #004473;
	}
	
	/* add edit */
	.tableType {
		margin: 40px 50px 0px;
	}
	
	.tableType.tableType01 .p-title,
	.p-title.title-search {
		color: #004473;
		margin-bottom: 25px;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
	}
	
	.p-title.title-search {
		margin-bottom: 0px;
		margin-top: 10px;
		padding-top: 30px;
		border-top: #CBCBCB solid 1px;
	}
	
	.tableType ul {
		display: inline-block;
		border-collapse: inherit;
	}

	/*.tableType ul + ul {
		margin-top: 0px;
	}*/
	
	.tableType ul li {
		display: inline-block;
	}

	.tableType ul li.li-title {
		display: block;
		background: #A2A2A2;
		margin: 0px 0px 15px;
		padding: 15px 20px;
		border-top: none;
		border-right: none;
		border-left: none;
	}
	
	.tableType ul li:not(.li-title):not(.li-th) span:nth-of-type(1) {
		display: block;
		margin: 0px 15px 10px;
		font-weight: normal;
	}
	
	.content:not(#nr_news):not(.top_content) .inner980 .text-box p:not(.pName) {
		margin-bottom: 20px;
		font-size: 14px !important;
	}
	
	.tableType p {
		margin-right: 15px;
		margin-left: 15px;
	}
	
	.tableType p.tblTtl {
		margin-right: 0px;
		margin-left: 0px;
	}
	
	.roundCornerBox02 {
		border: none;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		/*background: #FFF;
		behavior: url('/sg/common/js/PIE.htc');*/
	}
	
	.customerCareBox {
		padding: 0px;
		margin-bottom: 0px;
	}



	
	
	.tableType ul li:not(.li-title):not(.li-th) {
		margin-bottom: 20px;
	}
	
	.tableType ul li:not(.li-title):not(.li-th) span {
		display: block;
		border: none;
	}
	
	.tableType ul li:not(.li-title):not(.li-th) span:not(:nth-of-type(1)) {
		border-right: #CBCBCB solid 1px;
		border-left: #CBCBCB solid 1px;
		margin: 0px 15px;
		padding: 0px 20px 20px;
		word-break: break-all;
	}
	
	.tableType ul li:not(.li-title) span:nth-of-type(1) {
		width: auto;
	}
	
	.tableType ul li:not(.li-title):not(.li-th) span:nth-of-type(1) {
		padding: 0px;
	}
	
		/*.tableType ul li:not(.li-title):not(.li-th):not(:nth-of-type(3)) span:nth-of-type(1) {
			display: none;
		}*/
	
	.tableType ul li:not(.li-title) span:nth-of-type(2) {
		width: auto;
	}
	
	.tableType ul li:not(.li-title):not(.li-th) span:nth-of-type(2) {
		padding-top: 20px;
		border-top: #CBCBCB solid 1px;
	}
	
	.tableType ul li:not(.li-title):not(.li-th) span:nth-of-type(2):before {
		content: "COMPANY";
		display: block;
		font-weight: bold;
	}
	
	.tableType ul li:not(.li-title) span:nth-of-type(3) {
		width: auto;
	}
	
	.tableType ul li:not(.li-title):not(.li-th) span:nth-of-type(3) {
		border-bottom: #CBCBCB solid 1px;
	}
	
	.tableType ul li:not(.li-title):not(.li-th) span:nth-of-type(3):before {
		content: "ADDRESS";
		display: block;
		font-weight: bold;
	}
	
	/*.tableType ul li:not(.li-title):not(.li-th) span:nth-of-type(4):before {
		content: "Contact";
		display: block;
		font-weight: bold;
	}
	
	.tableType ul li:not(.li-title) span:nth-of-type(4) {
		width: auto;
	}
	
	.tableType ul li:not(.li-title):not(.li-th) span:nth-of-type(4) {
		border-bottom: #CBCBCB solid 1px;
	}*/
	
	.tableType ul li.li-th {
		display: none;
	}
	
	/* add edit(search) */
	.options,
	#supportTabMenu_respo {
		width: 272px;
		margin: 30px auto 30px;
	}

	#supportTabMenu_respo {
		display: block;
		margin: 40px auto 40px;
	}
	
	.options li {
		float: none;
		margin-top: 15px;
		margin-left: 0px;
	}

	
	/* add edit(products) */
	.supportProductNavi {
		background: #fff none;
	}
	
	.supportR-respo .supportTabContents ul {
		margin: 0px 30px;
	}
	
	.supportR-respo ul#supportTabContents_respo {
		padding: 0px 30px 30px;
		border-bottom: #CBCBCB solid 1px;
	}
	
	.supportR-respo .supportTabContents ul li {
		display: inline-block;
		float: none;
		width: auto;
		height: auto;
		
		margin-right: 30px;
		margin-bottom:20px;
		margin-left: 0px;
		background: url("/sg/common/images/respo/s_arrow_navy_mini.png") no-repeat left center;
		background-size: 10px 12px;
		color: #626262 !important;
		padding-left: 15px;
		font-size: 16px;
	}
	
	.supportR-respo ul#supportTabContents_respo li {
		display: inline-block;
		float: none;
		width: auto;
		height: auto;
		
		margin-right: 30px;
		margin-bottom:20px;
		margin-left: 0px;
		background: url("/sg/common/images/respo/s_arrow_navy_mini.png") no-repeat left center;
		background-size: 10px 12px;
		color: #626262 !important;
		padding-left: 15px;
		font-size: 16px;
	}

	.supportR-respo .supportTabContents,
	.supportR-respo .scrollContents {
		height: inherit;
	}

	.supportR-respo .scrollContents {
		border-bottom: #CBCBCB solid 1px;
		padding-bottom: 15px;
	}

	.supportR-respo .supportTabContents {
		margin: 15px 10px 0px 0;
	}

	.tableType p.p-attention {
		margin-top: 0px;
	}
}

@media screen and (max-width: 480px) {
	.secTitle {
		padding: 20px 0 12px 10px;
	}
	
	.imgLink_res.respo_Tab_block h1 {
		padding: 5% 0 5% 4%;
	}
	
	.imgLink_res.respo_Tab_block h2 {
		padding: 5% 0 0 4%;
	}
	
	.content:not(#nr_news):not(.top_content) .inner980 p.secTitle:not(.pName) {
		font-size: 16px!important;
		color: #004473;
		line-height: 1.4;
		font-weight: bold;
	}
	
	.target_respo .imgLink_res .div_product_archive {
		width: 100%;
		float: none;
	}
	
	.target_respo .imgLink_res h1 + .div_product_archive {
		padding-bottom: 20px;
	}
	
	.subpage_link {
		margin-bottom: 0px !important;
	}
	
	.target_respo .imgLink_res > ul > li {
		float: none;
		margin: 0px 0 0px 0;
		padding: 30px 0px 35px;
		width: 100%;
		border-bottom: 1px solid #D0D0D0;
	}
	
	.target_respo .imgLink_res ul {
		border-bottom: none;
	}
	
	.imgLink_res .two_split::before {
		border-left: none;
	}
	
	.imgLink_res.respo_Tab_block .div_product_archive h2 {
		padding: 15px 0 20px 4%;
	}
	
	/* add edit */
	.tableType {
		margin: 25px 25px 0px;
	}
	
	.target_respo .imgLink_res ul li:last-of-type {
		margin-bottom: 0px !important;
	}
	
}


@media screen and (max-width: 768px) {
	.pdf li {
		width: 100% !important;
	}
}