.top_banner{ max-width:917px;}
.warpper-blue-contact{ background: url(../images/bg-blue-contact.png); padding: 24px 10px;}
.warpper-blue-contact .contact{ background: #fff; margin: auto; border-radius: 18px; display: table; width: 70%;}
.warpper-blue-contact .contact .text, .warpper-blue-contact .contact .button{ display: table-cell; vertical-align: middle; padding: 24px 12px;}
.warpper-blue-contact .contact .text{ text-align: center; color: #06348b;}
.warpper-blue-contact .contact .text .tel{ font-size: 31px; font-weight: bold;}
.button-contact{ background: #ffb01f; padding: 8px; color: #fff; margin: auto; border-radius: 12px; font-size: 18px; width: 100%; display: block; border: 1px solid #ffb01f; border-bottom: 3px solid #b5b3b3;}
.button-contact:hover{ text-decoration: none; background: #fbc768;}
.button-contact i{ background: #fff; color: #ffb01f; width: 40px; height: 40px; padding: 6px; border-radius: 20px; font-size: 24px;}

.banner-service{ text-align: center; margin: 28px auto;}
.banner-service img{ width:100%;  margin: auto;}
.banner-service.border-green{ border: 3px solid #75ca95; border-radius: 12px; padding: 18px;}

.banner-service.border-green img{
	width:830px;
}


.service-content .title-search{ margin: 10px 20px; text-align: left; color: #000; font-size: 18px;}
.service-content .company-profile{ background: #e4f4fe; border-radius: 12px; padding: 24px; line-height: 1.5; color: #000; margin-bottom: 24px; overflow: hidden;}
.service-content .company-profile .title{ color: #333399; font-size: 20px;}

.title-price{ margin: 10px 20px; text-align: left; color: #000; font-size: 16px;}
.price-list table{ width: 100%;  color: #000; }
.price-list table tr th{border-right: 1px solid #bde0fb; text-align: center; padding: 12px 4px; background-color: #e4f4fe; vertical-align: bottom;}
.price-list table tr td{border-right: 1px solid #bde0fb; text-align: right; padding: 12px 8px; vertical-align: middle;}
.price-list table tr th:last-child{border-right: 0; }
.price-list table tr td:last-child{border-right: 0; }
.price-list table tr td:first-child{ text-align: center;}
.price-list table tr td.sub{ background: #5ebafd; text-align: left; color: #fff; padding: 4px;}
.price-list table tr:nth-child(even){ background: #f3f3f3; }
.price-list table tr:nth-child(odd){ background: #fff; }

.remark{ margin: 12px auto;}
.remark p{ margin-bottom: 4px;}

.car-rent{ display: inline-block; float: right; margin: -20px 8px 0; width: 200px;}
.car-rent .button-contact{ font-size: 14px; padding: 8px;}

@media( max-width:980px){
  .car-rent{ display: block; float: right; margin:  8px; width: 200px;}
}

@media( max-width:910px){
  .warpper-blue-contact .contact .text .tel{ font-size: 24px;}
}

@media( max-width:768px){
  .warpper-blue-contact .contact{ width: 100%;}
  .warpper-blue-contact .contact .text, .warpper-blue-contact .contact .button{ display: block; padding: 12px;}

}

@media( max-width:600px){
  .price-list { width: 100%; overflow-x: auto;}
  .price-list table{ width: 600px;}
}