@charset "utf-8";
@import url("page.css");
/* CSS Document */

#aquly-box {
	margin: 30px auto 0;
	width: 98%;
}
.ct-aquly {
	margin: 0 auto;
	width: 100%;
}
.ct-aquly img {
	height: auto;
	max-width: 100%;
}

.ti_aquly {
	margin: 20px auto;
	width: 100%;
}
.ti_aquly img {
	height: auto;
	max-width: 100%;
}

.coating-img {
	margin: 20px auto 10px;
	width: 98%;
}
.coating-img img {
	height: auto;
	max-width: 100%;
}
.coating-price {
	margin: 10px auto 10px;
	width: 98%;
}
.coating-price img {
	height: auto;
	max-width: 100%;
}

#property {
	margin: 10px auto 0;
	width: 98%;
}
#property img {
	height: auto;
	max-width: 100%;
}

#ti-property {
	font-size: 16px;
	font-weight: 600;
	text-align: left;
}

#property-de {
	text-align: left;
	margin: 10px auto 0;
	width: 98%;
}

#property-de dt {
	font-weight: 600;
	color: #36C;
}

#property-de dd {
	margin: 5px 0 20px;
}

#coating {
	display: block;
	margin: 10px auto;
	padding-left: -2%;
	width: 98%;
	overflow: hidden;
}
#coating div {
	display: block;
	margin: 5px 0 0;
	padding-left: 2%;
	float: left;
	width: 48%;
}
#coating img {
	height: auto;
	width: auto;
	max-width: 100%;
}

img.ct {
	width: 98%;
}

#ti-work h1 {
	margin: 40px auto 0;
	width: 98%;
}
#ti-work h1 img {
	height: auto;
	width: auto;
	max-width: 100%;
}

#work {
	margin: 20px auto 30px;
	width: 98%;
}
#work img {
	height: auto;
	width: 100%;
}
#work02 {
	margin: 20px auto 30px;
	width: 98%;
}
#work02 img {
	height: auto;
	width: 100%;
}
#work-ti {
	text-align: left;
	margin: 20px auto 0;
	width: 98%;
}

@media only screen and (min-width: 769px) {
#ptitle h2 {
	background-image: url(../images/car-coating/title.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	height: 278px;
	width: 980px;
}

#aquly-box {
	text-align: center;
	margin: 50px auto 0;
	width: 980px;
}
.ct-aquly {
	background-image: url(../images/car-coating/ct-aquly.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	height: 54px;
	width: 681px;
}

.ti_aquly {
	margin: 20px auto;
	width: 640px;
}

.coating-img {
	margin: 30px auto 10px;
	width: 787px;
}

.coating-price {
	margin: 50px auto;
	width: 980px;
}

#property {
	margin: 20px auto 0;
	width: 960px;
}

#ti-property {
	font-size: 18px;
}

#property-de {
	margin: 10px auto 0;
	width: 960px;
}

#property-de dt {
	font-size: 16px;
}

#property-de dd {
	margin: 5px 20px;
}

#coating {
	display: block;
	margin: 40px auto;
	padding-left: -10px;
	width: 980px;
	overflow: hidden;
}
#coating div {
	display: block;
	margin: 10px 0 0;
	padding-left: 10px;
	float: left;
	width: 320px;
	box-sizing: border-box;
}

#ti-work {
	text-align: center;
	margin: 50px auto 30px;
	width: 980px;
}
#work {
	text-align: center;
	margin: 0 auto 60px;
	width: 980px;
}
#work img {
	height: auto;
	width: auto;
}
#work-ti {
	text-align: left;
	margin: 20px auto 0;
	width: 980px;
}
#work02 {
	text-align: center;
	margin: 30px auto 60px;
	width: 980px;
}
}