@charset "utf-8";

/* CSS Document */







/*----- 首頁 -----*/

.indexBanner {

	overflow: hidden;

	position: relative;

	clear: both;

}



.indexBanner > figure {

	width: 100%;

	display: block;

	-webkit-transition: left 1s ease;

	-moz-transition: left 1s ease;

	-o-transition: left 1s ease;

	transition: left 1s ease;

}



.indexBanner img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.indexBanner > p {

	position: absolute;

	bottom: 25px;

	left: 50%;

	z-index: 3;

	-ms-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

	width: auto;

	padding: 0;

	margin: 0;

}



.indexBanner > p > a {

	display: inline-block;

	width: 10px;

	height: 10px;

	border-radius: 50%;

	background-color: rgba(255, 255, 255, 0.3);

	text-indent: 20em;

	overflow: hidden;

	margin: 0 7px;

}



.indexBanner > p > a.active,

.indexBanner > p > a:hover {

	background-color: #fff;

}







/* 首頁服務 */

.serviceArea {

	padding: 180px 0 160px;

	background-color: #000;

	background-image: url(../images/index-bg-01.jpg),

	                  url(../images/index-bg-02.jpg);

	background-repeat: no-repeat,

                       no-repeat;

	background-position: top right,

                         bottom left;

}



.serviceWrap {

	width: 86%;

	margin: 0 auto;

}



.serviceLeft {

	width: 23%;

	float: left;

}



.serviceRight {

	width: 72%;

	float: right;

}



.indexTitle {

	font-size: 26px;

	color: #fff;

	font-weight: bold;

	padding-bottom: 15px;

	margin-bottom: 20px;

	border-bottom: 1px solid #bd9658;

}



.indexTitle span {

	font-size: 80px;

	color: #bd9658;

	font-weight: normal;

	display: block;

	margin-left: -3px;

	letter-spacing: -2px;

	line-height: 0.9;

	font-family: 'Vollkorn SC', 微軟正黑體, 新細明體, sans-serif;

}





ul.serviceList {

}



/*ul.serviceList.row {

    margin-left: -23px;

    margin-right: -23px;

}



ul.serviceList li.col-4 {

	padding-left: 25px;

	padding-right: 25px;

}*/



ul.serviceList li {

}



.photo-mask {

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

}



ul.serviceList li figure img {

	width: 100%;

	height: auto;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	transition: all 0.5s ease;

}



ul.serviceList li:hover figure img {

	-webkit-transform: scale(1.15);

	-moz-transform: scale(1.15);

	-o-transform: scale(1.15);

	transform: scale(1.15);

}



ul.serviceList li p {

	font-size: 16px;

	color: #bd9658;

	font-weight: bold;

	margin: 19px 0 6px;

	text-transform: uppercase;

	line-height: 1.4;

}



ul.serviceList li h3 {

	font-size: 24px;

	color: #fff;

	font-weight: bold;

	line-height: 1.3;

}



.mt-up {

	margin-top: -60px;

}







/* 首頁車款 */

.hotCarArea {

	padding: 115px 0;

	background: url(../images/top-triangle.png) no-repeat top right;

}



.hotCarTitle {

	margin: -145px 0 0 64%;

}



.leftBox {
	float: right;
	padding-right: 15px;
}



.rightBox {
	float: left;
	padding-left: 15px;
}



.no-border {

	border-bottom: none;

}



ul.slide-dot {

	margin: 35px 0 -10px;

	text-align: center;

}



ul.slide-dot li {

	display: inline-block;

	width: 13px;

	height: 13px;

	margin: 0 4px;

	text-indent: 99em;

	overflow: hidden;

	border-radius: 50%;

	background-color: #616161;

	cursor: pointer;

	-webkit-transition: all 0.4s ease;

	-moz-transition: all 0.4s ease;

	-o-transition: all 0.4s ease;

	transition: all 0.4s ease;

}



ul.slide-dot li:hover,

ul.slide-dot li.active {

	background-color: #fff;

}









@media (max-width: 1399px){



/*----- 首頁 -----*/

.serviceWrap {

	width: 92%;

}



}





@media (max-width: 1199px){



/*----- 首頁 -----*/



}





@media (max-width: 991px){



/*----- 首頁 -----*/

.serviceArea {

	padding: 70px 0 70px;

	background-image: url(../images/index-bg-01.jpg),

	                  none;

}

.serviceLeft,

.serviceRight {

	width: 100%;

	float: none;

}



.serviceRight {

	margin-top: 50px;

}



.indexTitle span {

	font-size: 58px;

}



.mt-up {

	margin-top: 0;

}



.hotCarArea {

	padding: 70px 0;

	background: none;

}



.hotCarTitle {

	margin: 0;

}



.leftBox,
.rightBox {
	float: none;
	padding: 0;
}

.rightBox {
	margin: 0 0 45px 0;
}


}





@media (max-width: 767px){



/*----- 首頁 -----*/





}





@media (max-width: 575px){



/*----- 首頁 -----*/

.indexBanner > p {

	bottom: 7px;

}



.serviceWrap {

	width: 89%;

}



ul.serviceList.row {

    margin-left: -6px;

    margin-right: -6px;

}



ul.serviceList li.col-4 {

	padding-left: 6px;

	padding-right: 6px;

}



ul.serviceList li p {

	font-size: 14px;

	margin-top: 13px;

}



ul.serviceList li h3 {

	font-size: 18px;

}





}





@media (max-width: 480px){



/*----- 首頁 -----*/







}
.mce-content-body {
    background: #ffffff;
}