/*infomation*/
.point-warpper{background: #e4f4fe; padding: 20px; border-radius:20px; margin: 0 0 20px;}
.point-warpper >h2 span:first-child{display:inline-block; width: 147px; height: 43px; background: url(../images/bg-point.png) no-repeat; color: #FFF; font-size: 14px; text-transform: uppercase; font-weight: bold; text-align: center; line-height:28pt; margin: 0 10px 0 0;}
.point-warpper h2{color: #323992;     font-size: 24px; font-weight: bold; margin:0 0 20px -26px; position: relative; }
.point-warpper figure{text-align: center;}
.point-warpper figure img{max-width: 100%;}

.point1-data{text-align:center; width: 100%; margin: 0 auto 20px; overflow: hidden;}
.point1-data figure{float: left; width: 20%; text-align: right;}
.point1-data >div{float: left; padding: 0 10px; width: 70%}
.point1-data div h2{background: #323896; color: #FFF; padding: 15px; border-radius:15px; margin: 0 auto 15px; line-height: 18pt;}
.point1-data div h2 > span{ color:#fcf312;}
.point1-data div >span{display: block; font-size: 22px; line-height: 22pt;}
.point1-data div p,.point1-data div >span{padding: 10px 0;     font-size: 16px;    line-height: 1.5;}
.point1-data div p span{color: #ff6f34;}
.point1-data div >span strong{color: #e60012; font-size: 28px;}

.point2-data{text-align: center; padding:20px 0 0; line-height: 18pt;}

.figure-point3{display: table; width: 100%;}
.figure-point3 div{display: table-cell; vertical-align: middle; text-align: center;}
.figure-point3 div img{max-width: 100%;}
.point3-data{text-align: center; padding: 20px 0 0; font-size: 22px; line-height: 30pt;}
.point3-data span{color: #FF0000; font-size:30px; font-weight: bold;}
.point3-data span strong{color: #FF0000; font-size: 45px; margin:0 !important;}
.point3-data strong{color: #000; font-size: 30px; margin:0 10px 0 0;}

.figure-point4{overflow: hidden;}
.figure-point4 div{width: 50%; float: left; text-align: center; padding: 20px;}
.figure-point4 div span{display: block;}
.figure-point4 div img{max-width: 100%;}

/*Carlist*/
.warpper-carlist{background: #5ebafd; margin: 0 0 20px;}
.warpper-carlist .warpper{overflow: hidden;}
.cartype{float: left;}
.cartype strong{display: inline-block; width: 319px; height: 64px; background: url(../images/bg-ribbon.png) no-repeat; text-align: center; color: #FFF; font-size: 18px; line-height: 50pt;}
.cartype strong span{color: #FFFF00; font-weight: bold; font-size: 35px; text-shadow:1px 2px 1px #333333}
.cartype span{color: #0080ff; font-weight: bold; font-size: 16px; text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83333px 0.983333px 0px, rgb(255, 255, 255) 2.35px 1.85px 0px, rgb(255, 255, 255) 1.61667px 2.51667px 0px, rgb(255, 255, 255) 0.7px 2.91667px 0px, rgb(255, 255, 255) -0.283333px 2.98333px 0px, rgb(255, 255, 255) -1.25px 2.73333px 0px, rgb(255, 255, 255) -2.06667px 2.16667px 0px, rgb(255, 255, 255) -2.66667px 1.36667px 0px, rgb(255, 255, 255) -2.96667px 0.416667px 0px, rgb(255, 255, 255) -2.95px -0.566667px 0px, rgb(255, 255, 255) -2.6px -1.5px 0px, rgb(255, 255, 255) -1.96667px -2.26667px 0px, rgb(255, 255, 255) -1.11667px -2.78333px 0px, rgb(255, 255, 255) -0.133333px -3px 0px, rgb(255, 255, 255) 0.85px -2.88333px 0px, rgb(255, 255, 255) 1.75px -2.43333px 0px, rgb(255, 255, 255) 2.45px -1.73333px 0px, rgb(255, 255, 255) 2.88333px -0.833333px 0px;}

.carprice{float: right;}
.carprice div{display: inline-block; color: #000; margin: 20px 10px 10px; font-size: 14px; background: #FFF; padding: 5px 20px; border-radius: 10px;}
.carprice div strong{color: #ff0000; font-size: 25px;}

.carlist{overflow: hidden; margin: 0 auto 20px;}
.carlist a{display: block; float: left; width: 31.33%; padding: 10px; background: #e4f4fe; margin: 0 1%; border-radius: 10px;}
.carlist a figure img{width: 100%;}
.carlist a >strong{display: block; padding: 10px ; background: #89cefb;}
.carlist a div{padding: 10px; overflow:hidden; background: #FFF;}
.carlist a div:nth-of-type(2){background: #eeeeee;}
.carlist a div:nth-of-type(2) strong{color: #FF0000; font-size:16px;}
.carlist a div span{float: left; display: block; font-size: 12px;}
.carlist a div span:nth-child(1){width: 30%; text-align: right;}
.carlist a div span:nth-child(2){width: 70%; padding: 0 0 0 20px;}


input[type="submit"]{
-webkit-appearance: none;
border:none;
    border-radius:0;
    vertical-align:middle;
    text-align:center;}
.form-mail {text-align: center; padding: 0 10px; margin:0 auto 10px;}
.form-mail h2{border-bottom:5px solid #a3deea; padding: 3px 0; font-size: 16px; font-weight:bold; margin: 0 0 20px; text-align: left;}
.form-mail h2 img{margin: 0 10px 0 0 ;}

.form-mail ul{background: #e4f4fe; border-radius: 15px; display: table; width: 100%; padding:5px; margin:0 0 15px;}
.form-mail ul li{display: table-row;  border-bottom: 1px solid #FFF;}
.form-mail ul li div{display: table-cell; padding: 10px; font-size: 12px; text-align: left;}
.form-mail ul li div:nth-child(1){width: 10%; color: #fa7c3c;}
.form-mail ul li div:nth-child(2){text-align: right; width:20%; color: #000;}
.form-mail ul li div input{border: 0; padding: 5px;}
.form-mail ul li:last-child div input{width: 100%;}

.form-mail input[type="submit"],.form-mail input[type="button"]{background: #ffb01f;
background-image:none;
    color: #fff;
    margin: auto;
    border-radius: 5px;
    display: inline-block;
    border-bottom: 3px solid #b5b3b3;
	height:45px;
	line-height:43px;
	font-size:16px;
	width:150px;}
.form-mail input[type="submit"]:hover,.form-mail input[type="button"]:hover{opacity: 0.5;}



.edit_errors {
	border:5px solid #EEE;
	background-color:#FFF;
	padding:10px;
	color:#fd4658;
	font-weight:bold;
	line-height:1.7em;
	font-size:14px;
	margin:10px 0 10px;
    color: #0000FF;
    text-align: left;
}


@media( max-width:768px){
	.point1-data figure,.point1-data div{float: none; width: 100%; text-align: center;}
	.point-warpper h2 span:last-child{display: block; position: relative; margin: 0 0 0 30px; text-align: center; padding: 20px 0 0; line-height:20pt;}
	
	.figure-point3{display: block;}
	.figure-point3 div{display: block;}
	.figure-point3 div:nth-child(2){transform: rotate(90deg); padding: 10px 0;}
	
	
.form-mail ul li{display: block; text-align:left;}
.form-mail ul li div{display: inline-block; text-align:left;padding: 3px; font-size: 13px; text-align: left;}
.form-mail ul li div:nth-child(1){ color: #fa7c3c; width:auto;text-align:left;}
.form-mail ul li div:nth-child(2){display: inline-block; color: #000; width:auto;text-align:left;}
.form-mail ul li div:nth-child(3){display: block;}
.form-mail ul li div input{border: 0; padding: 5px;}

.form-mail ul li div input {
    border: 0;
    padding: 5px;
    font-size: 16px;
	width:100%;
}	
	
	
  }

@media( max-width:480px){
	.figure-point4 div{float: none; width: 100%;}
	
	.carlist a{width: 100%; margin: 0 0 10px;}
}
