.aboutMaintenanceContent h3 { line-height: 130%; margin-right: 10px;}
.aboutMaintenanceContent h4 {
	font-size: 18px;
	color: #000;
	margin: 0 0 0 20px;
	padding: 0;
	line-height: 2;
}
.aboutMaintenanceContent p {
	font-size: 18px;
	color: #6d6e71;
	margin: 0 0 20px 20px;
	padding: 0 20px 0 0;
	line-height: 1.5;
}
.aboutMaintenanceContent .repairBoxStyle01{
	width: 45%; float: left; margin: 0 2%; padding: 15px; box-sizing: border-box;
	background: #FFF; border-radius: 10px; border: solid 1px #e5e5e5;
}
.aboutMaintenanceContent .repairBoxStyle01 dt{ border-bottom: solid 1px #e5e5e5; padding-bottom: 10px; text-align: center;}
.aboutMaintenanceContent .repairBoxStyle01 dd{ color: #666; margin-top: 10px;}

@media (max-width:768px) {
	.aboutMaintenanceContent p img{ width: 95%;}
	.aboutMaintenanceContent .repairBoxStyle01{ width: 90%; margin: 0 auto 10px auto; float: none;}
}

.aboutMaintenanceContent .unionHistory{ margin: 0 20px; padding: 0 0 15px 20px;
	background-image: url(../images/union/unionHistory.gif); background-repeat: no-repeat; background-position: 5px 1px;
}
.aboutMaintenanceContent .unionHistory dt{ padding: 5px; line-height: 130%; font-weight: bolder;}
.aboutMaintenanceContent .unionHistory dd{ padding: 5px; line-height: 130%; color: #666; }

.aboutMaintenanceContent2 {
	float: right;
	width: 100%;
	min-height: 500px;
}

.otherInfo{
	width: 1200px;
	margin: auto;
	overflow: hidden;
	padding: 30px 0;
}
@media (max-width:1200px) {
	.otherInfo{
		width: 100%;
		padding: 86px 0 30px;
	}
}
.otherInfo h2 {
	font-size: 22px;
	color: #fff;
  display: block;
	line-height: 40px;
  height: 40px;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	background: url(../images/bgAboutMaintenanceContentH2.png) no-repeat;
	background-size: cover;
}

.otherInfo h3 {
	font-size: 20px; line-height: 130%;
	color: #de0e0d;
	margin: 0 10px 0 20px;
	background: url(../images/bgAboutMaintenanceContentH3.png) no-repeat left center;
	padding: 0 0 0 20px;
}

.otherInfo h4 {
	font-size: 18px;
	color: #000;
	margin: -15px 0 0 20px;
	padding: 0;
	line-height: 2;
}
.otherInfo p {
	font-size: 18px;
	color: #6d6e71;
	margin: 0 0 20px 20px;
	padding: 0 20px 0 0;
	line-height: 1.5;
}
.otherInfo ul.num{
	font-size: 18px;
	color: #6d6e71;
	margin: 0 0 20px 20px;
	padding: 0 20px 0 0;
	line-height: 1.5;
}
.otherInfo ul.num li{ list-style-type: decimal; margin: 5px 0 5px 45px;}

.otherInfo ul.twoCol{
	font-size: 18px;
	color: #6d6e71;
	margin: -10px 0 20px 20px;
	padding: 0 20px 0 0;
	line-height: 1.5;
	overflow: hidden;
}
.otherInfo ul.twoCol li{ float: left; width: 47.5%; margin: 5px 0 5px 25px;
	list-style-type: circle;
}
.otherInfo a{ text-decoration: none;}
.otherInfo a:hover{ text-decoration: underline;}

/* 收藏按鈕-車輛 */
.buyCarDetailTitleTextOther li img{ margin-right: 5px; vertical-align: middle;}
.buyCarDetailTitleTextOther li a{ padding: 0;}

/* 收藏按鈕-車商 */
a.btnBlue{ height: 32px; padding: 0 10px; display: inline-block;
	background: #425b93; border-radius: 5px;
	color: #fff; text-decoration: none; font-size: 15px; line-height: 30px;
}
a.btnBlue img{ vertical-align: middle;}

/* 情報專區 */
.buyInfo .buyInfoContentUl2 li{ height: 345px;}
.buyInfo .buyInfoContentUl2 li:hover{ background: #fff;}
.buyInfo .buyInfoContentUl2 li:hover h4{ color: #353535;}
.buyInfo .buyInfoContentUl2 li a {
    text-decoration: none; color: #fff;
    padding: 0; margin: 0;
    background: none;
    position: static;
}

/* 促銷活動 */
.uploadLink{ width: 100%; padding: 20px; background: #fff; margin-bottom: 70px; box-sizing: border-box;}
.uploadLink h4{ padding-bottom: 15px; margin-bottom: 20px; font-size: 24px; border-bottom: solid 1px #ddd;}
.uploadLink a{ display: block; margin: 10px; padding-left: 20px; color: #333; line-height: 130%;}
.uploadLink a:hover{ color: #C00;}
.uploadLink a:before{ content: "◆"; margin: 0 8px 0 -18px; color: #999;}
@media screen and (max-width: 1200px){
	.uploadLink{ width: calc(100% - 20px); margin: 20px 10px 10px 10px;}
}

/* 網站地圖 */
.wrapBuyTitle4{ width: 100%; height: 160px; background-position: center center; background-size: cover;}
.wrapBuyTitle4 .word{ width: 75%; margin: 0 auto;
	text-shadow: 0 1px 3px rgba(0,0,0,0.5); font-size: 36px; color: #fff; text-align: right; line-height: 160px;}
@media screen and (max-width: 414px) {
    .wrapBuyTitle4{ height: 130px; margin-top: 50px;}
		.wrapBuyTitle4 .word{ text-align: center; line-height: 130px;}
}

.mapPage{ width: 100%; max-width: 1000px; margin: auto; padding: 40px 0;}
.mapPage .Title{
  height: 40px;
  font-size: 20px;
  color: #fff;
  background: url(../images/bgAboutMaintenanceContentH2.png) no-repeat;
  background-size: cover;
  text-align: left;
  line-height: 40px;
  padding: 0 0 0 15px;
  margin: 0 0 15px 0;
}
.mapPage .mapList,.mapPage .articleList{ overflow: hidden; line-height: 120%;}
.mapPage .mapList li{ width: 33.3%; float: left; margin: 5px 0; padding-left: 30px;}
.mapPage .articleList li{ width: 50%; float: left; margin: 5px 0; padding-left: 30px;}
.mapPage .mapList li::before,.mapPage .articleList li::before{ content: "◆"; margin: 0 8px 0 -18px; color: #999;}
.mapPage .mapList li a,.mapPage .articleList li a{ text-decoration: none; color: #333;}
.mapPage .mapList li a:hover,.mapPage .articleList li a:hover{ text-decoration: underline; color: #C00;}
@media screen and (max-width: 768px) {
	.mapPage .mapList li{ width: 50%;}
}
@media screen and (max-width: 414px) {
	.mapPage{ padding: 1px 0 15px 0;}
	.mapPage .mapList li,.mapPage .articleList li{ width: 100%;}
}