html, body { padding: 0; margin: 0; width: 100%; height: 100%; max-height: 99999px; font-size: 20px; color: #666; font-family: "ThaiSansNeue-Regular", "Helvetica Neue", Helvetica, Arial, "sans-serif"; }
.wrapper { max-height: 99999px; min-height: 100%; height: 100%; height: auto !important; margin: 0 auto -166px; }
.push { display: block; height: 166px; clear: both; }
.footer { background: #4065b0; font-size: 0.8em; padding: 20px 0; }

a { color: #4065b0; }
a:hover { text-decoration: none; color: #d3d3d3; }

.menu { display: block; padding: 43px 0 10px 0; background: #fff; color: #666; }
.menu:hover { background: #4065b0; color: #fff; }
.menu.menu-active{ background: #4065b0; color: #fff; }

.sub-menu { display: block; padding: 5px 0; background: #f1f1f1; color: #666; }
.sub-menu:hover { background: #4065b0; color: #fff; }
.sub-menu.menu-active{ background: #4065b0; color: #fff; }

.white { color: #fff; }
.red { color: #EA4434; }
.blue { color: #4065b0; }
.gray { color: #f1f1f1; }
.drak-gray { color: #d3d3d3; }

.white-bg { background: #fff; }
.blue-bg { background: #4065b0; }
.gray-bg { background: #f1f1f1; }
.dark-gray-bg { background: #d3d3d3; }

.card-footer { background: #fff; border: none; padding: 0; }
.product-card .card { border-radius: 0; }
.product-card .card-img-top { border: none; border-radius: 0; }

.rt-triangle { width: 0 ;height: 0; border-style: solid; border-width: 40px 40px 0 0; position: absolute; top: 0; left: 100%; border-color: #d3d3d3 transparent transparent transparent;}
.rb-triangle { width: 0 ;height: 0; border-style: solid; border-width: 0 0 34px 34px; position: absolute; top: 0; right: 100%; border-color: transparent transparent #4065b0 transparent;}

.news-title {padding: 5px 10px; margin-right: 40px; float: left; position: relative; }
.read { display: block; padding: 2px 20px; background: #4065b0; color: #fff; float: right; position: relative; }
.read:hover { color: #fff; text-decoration: none; background: #d3d3d3; }
.read:hover .rb-triangle { color: #fff; text-decoration: none; border-color: transparent transparent #d3d3d3 transparent; }

.border { border: 1px #666 solid; padding: 30px; border-radius: 5px; }

.car-1 { position: absolute; top: 0.5%; left: 5px; width: 15%; }
.car-2 { position: absolute; top: 18%; left: 5px; width: 15%; }
.car-3 { position: absolute; top: 36%; left: 5px; width: 15%; }
.car-4 { position: absolute; top: 56%; left: 5px; width: 15%; }
.car-5 { position: absolute; top: 73%; left: 5px; width: 15%; }
.car-6 { position: absolute; top: 90%; left: 5px; width: 15%; }
.car-7 { position: absolute; top: 10%; right: 5px; width: 15%; }
.car-8 { position: absolute; top: 31%; right: 5px; width: 15%; }
.car-9 { position: absolute; top: 51%; right: 5px; width: 15%; }
.car-10 { position: absolute; top: 69%; right: 5px; width: 15%; }
.car-11 { position: absolute; top: 90%; right: 5px; width: 15%; }


@media (max-width: 575.98px) {

}



@media (max-width: 767.98px) {
	/* sm */	
}



@media (max-width: 991.98px) {
	/* md */	
}



@media (max-width: 1199.98px) {
	/* lg */
}