:root {
		--oto360: rgb(209, 36, 42);
	}


	ol,
	ul {
		list-style: none;
		padding: 0;
		margin: 0
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
		width: 100%
	}

	a {
		text-decoration: none;
		color: #000
	}

	b,
	strong {
		font-weight: bold
	}

	i,
	em {
		font-style: italic
	}

	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	*:focus {
		outline: 0
	}

	p {
		margin: 0 0 10px
	}

	img,
	input[type=image] {
		max-width: 100%
	}

	.row {
		margin: 0 -10px;
		position: relative
	}

	.col {
		width: 100%;
		padding: 0 10px;
		float: left;
		box-sizing: border-box
	}

	.col-2 {
		width: 16.66%
	}

	.col-3 {
		width: 25%
	}

	.col-4 {
		width: 33.33%
	}

	.col-5 {
		width: 41.66%
	}

	.col-6 {
		width: 50%
	}

	.col-7 {
		width: 58.33%
	}

	.col-8 {
		width: 66.33%
	}

	.col-9 {
		width: 75%
	}

	.col-10 {
		width: 83.33%
	}

	.col-20 {
		width: 20%
	}

	.row:after,
	.clear:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden
	}

	.left,
	.fl {
		float: left
	}

	.right,
	.fr {
		float: right
	}

	.center {
		text-align: center
	}

	.relative {
		position: relative
	}

	.absolute {
		position: absolute
	}

	.clear,
	.clr {
		clear: both;
		float: none
	}

	.none,
	.mobile {
		display: none
	}

	.clearfix:before,
	.clearfix:after {
		content: " ";
		display: table
	}

	.row:after,
	.clearfix:after,
	.clear:after,
	.clr:after,
	main::before,
	main::after {
		content: " ";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.visible {
		display: block !important;
	}

	@-webkit-keyframes loadingAnimation {
		0% {
			background-position: -100% 0
		}

		100% {
			background-position: 100% 0
		}
	}

	.btn-loading-animation {
		animation-duration: 1.2s;
		animation-fill-mode: forwards;
		animation-iteration-count: infinite;
		animation-name: loadingAnimation;
		animation-timing-function: linear;
		background: #ffffff !important;
		background: linear-gradient(to right, #d63743 15%, #ffffff 30%, #d63743 50%) !important;
		background-size: 700px !important;
		font-weight: 100 !important;
		text-transform: capitalize !important;
	}

	.overflow-y::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
		border-radius: 7px;
		background-color: #F5F5F5;
	}

	.overflow-y::-webkit-scrollbar {
		width: 9px;
		background-color: #F5F5F5;
	}

	.overflow-y::-webkit-scrollbar-thumb {
		border-radius: 7px;
		-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
		background-color: #dddddd;
	}

	body {
		font-family: system-ui, sans-serif;
		font-size: 16px;
		line-height: 1.43;
		color: #333;
		background-color: #f4f4f4;
		margin: 0;
		padding: 0;
	}

	.body-home {
		background-color: #ffffff;
	}

	.container {
		width: 100%;
		max-width: 1000px;
		position: relative;
		margin: 0 auto
	}

	.container.max1200 {
		max-width: 1200px !important;
	}

	header {
		position: sticky;
		top: 0;
		width: 100%;
		background: rgb(209, 36, 42);
		height: 45px;
		z-index: 99;
	}

	header #logo {
		height: 35px;
		float: left;
		margin: 5px 0;
		width: auto;
	}

	header .menu li {
		float: left;
		color: #000000;
		height: 45px;
		line-height: 45px;
		padding: 0 10px;
	}

	header .menu li:last-child {
		padding-right: 0;
	}

	header .menu li:hover {
		background: rgba(0, 0, 0, 0.2);
	}

	header .menu li.action:hover,
	header .menu li.mobile:hover,
	header .menu li:last-child:hover {
		background: transparent;
	}

	header .menu li.action a {
		height: 30px;
		line-height: 30px;
		text-align: center;
		text-transform: uppercase;
		background: #fc9807;
		background: rgba(0, 0, 0, 0.35);
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		border-radius: 4px;
		padding: 8px;
		text-decoration: none;
	}

	header .menu li a img {
		width: 22px;
		height: 22px;
		vertical-align: middle;
		-webkit-filter: invert(100%);
		filter: invert(100%);
	}

	header .menu li a svg {
		float: left;
		height: 25px;
		color: #fff;
		margin: 10px 0;
	}

	header .menu li a span {
		margin-left: 10px;
		height: 45px;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block;
		float: right;
		overflow: hidden;
		color: #fff;
	}

	.action_block {
		float: left;
		text-align: center;
		background: #eddee2;
		width: 100%;
		padding: 20px 0;
	}

	.content-left .action_block {
		padding: 0;
	}

	.action_block h4,
	.action_block h2 {
		color: rgb(209, 36, 42);
		font-size: 20px;
		margin: 20px 0;
	}

	.action_block form {
		display: table;
		margin: auto;
		width: 100%;
		max-width: 600px;
		background: #fff;
		box-shadow: 1px 2px 4px 0px rgba(31, 32, 33, 0.33);
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 4px;
		overflow: hidden;
		margin-bottom: 20px;
	}

	.action_block form input {
		float: left;
		width: calc(100% - 140px);
		margin: 0;
		border: 0;
		padding: 0 20px;
		line-height: 45px;
		font-family: inherit;
		font-size: 15px;
		font-weight: 100;
	}

	.action_block form button,
	.action_block form .button {
		float: right;
		border: 0;
		line-height: 45px;
		padding: 0 20px;
		font-family: inherit;
		font-size: 15px;
		color: #fff;
		background: rgb(209, 36, 42);
		cursor: pointer;
		width: auto;
	}

	footer {
		background-color: #ffff;
		font-size: 12px;
		width: 100%;
		padding: 20px 0;
	}

	footer a {
		color: #555
	}

	footer h5,
	footer label {
		display: block;
		font-weight: bold;
		font-size: 14px;
		margin: 20px 0 10px
	}

	footer ul li {
		margin: 0 0 7px;
		font-size: 14px
	}

	.copyright {
		float: left;
		width: 100%;
		padding: 15px 0;
		margin-top: 10px
	}

	#sContent {
		background: #fff;
		border-radius: 5px;
		-webkit-box-shadow: 0px 5px 35px 0px rgb(148 146 245 / 15%);
		box-shadow: 0px 5px 35px 0px rgb(148 146 245 / 15%);
		padding: 15px;
		margin-bottom: 10px;
		float: left;
		width: 100%;
	}

	.btn-viewmore-article {
		background: rgb(209, 36, 42);
		color: #fff;
		display: table;
		margin: auto;
		line-height: 30px;
		border-radius: 20px;
		padding: 0 15px;
		padding-bottom: 2px;
	}

	.home_banner {
		position: relative;
		padding: 35px 0 0px;
		margin-bottom: 30px;
		background: -moz-linear-gradient(124deg, rgba(173, 25, 61, 0.1) 0%, rgba(173, 25, 61, 0) 65%, rgb(155, 191, 231) 50%, rgb(48, 126, 165) 100%);
		background: -webkit-linear-gradient(124deg, rgba(173, 25, 61, 0.1) 0%, rgba(173, 25, 61, 0) 65%, rgb(155, 191, 231) 50%, rgb(48, 126, 165) 100%);
		background: linear-gradient(124deg, rgba(173, 25, 61, 0.1) 0%, rgba(173, 25, 61, 0) 65%, rgb(155, 191, 231) 50%, rgb(48, 126, 165) 100%);
	}

	.home_banner:before {
		content: "";
		position: absolute;
		width: 100%;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: -moz-linear-gradient(148deg, rgba(173, 25, 61, 0) 0%, rgba(173, 25, 61, 0) 63%, rgb(173, 25, 61) 50%, rgba(173, 25, 61, 0) 100%);
		background: -webkit-linear-gradient(148deg, rgba(173, 25, 61, 0) 0%, rgba(173, 25, 61, 0) 63%, rgb(173, 25, 61) 50%, rgba(173, 25, 61, 0) 100%);
		background: linear-gradient(148deg, rgba(173, 25, 61, 0) 0%, rgba(173, 25, 61, 0) 63%, rgb(173, 25, 61) 50%, rgba(173, 25, 61, 0) 100%);
	}

	.home_banner h1 {
		font-size: 27px;
		line-height: 1.3;
		margin: 0 0 10px;
		color: rgb(209, 36, 42);
		letter-spacing: -0.5px;
	}

	.home_banner p {
		font-size: 18px;
		line-height: 1.3;
	}

	.home_banner a {
		display: inline-block;
		line-height: 35px;
		padding: 2px 15px 5px;
		background: rgb(209, 36, 42);
		color: #fff;
		font-weight: bold;
		font-size: 16px;
		cursor: pointer;
		margin: 10px 0 30px;
		border-radius: 20px;
	}

	.home_banner .fr {
		position: relative;
		bottom: -25px;
	}

	.home_heading {
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		margin: 40px 0 20px;
		color: rgb(209, 36, 42);
	}

	h4.home_heading,
	h3.home_heading,
	h2.home_heading {
		font-size: 20px;
		margin: 20px 0 5px;
	}

	.home_heading+label,
	.heading_sub {
		text-align: center;
		display: block;
		font-style: italic;
		margin-bottom: 50px;
	}

	.home_category {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
	}

	.home_category_item {
		width: calc(25% - 15px);
	}

	.home_category_item.w50 {
		width: 50%;
	}

	.home_category_item>a {
		float: left;
		width: 100%;
		position: relative;
		box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
		border-radius: 8px;
		overflow: hidden;
	}

	.home_category_item>a img {
		width: 100%;
		aspect-ratio: 16/9;
		object-fit: cover;
		display: flex;
	}

	.home_category_item.w50>a {
		padding-top: 30%;
	}

	.home_category_item>a>h2,
	.home_category_item>a>h3 {
		position: absolute;
		top: 0;
		margin: 0;
		padding: 10px 10px 30px;
		background: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.7));
		color: #fff;
		font-weight: 400;
		font-size: 16px;
		width: 100%;
	}

	.home_highlight {
		font-size: 16px;
		text-align: justify;
		margin-top: 10px;
	}

	.home_highlight p {
		margin-bottom: 20px;
	}

	.block_newest {
		float: left;
		width: 100%;
	}

	.block_newest_item {
		float: right;
		width: calc(100% - 610px);
		margin-bottom: 10px;
	}

	.block_newest_item .img,
	.block_newest_item img {
		width: 150px;
		aspect-ratio: 120/63;
		height: auto;
		background: transparent;
		background-size: cover;
		background-position: center;
		float: left;
	}

	.block_newest_item h3,
	.block_newest_item h5 {
		float: right;
		font-size: 17px;
		font-weight: 500;
		width: calc(100% - 160px);
		margin: 0;
		overflow: hidden;
		-webkit-line-clamp: 3;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.block_newest_item:first-child {
		float: left;
		width: 600px;
		margin-bottom: 0;
	}

	.block_newest_item:first-child .img,
	.block_newest_item:first-child img {
		width: 600px;
		height: auto;
	}

	.block_newest_item:first-child h3,
	.block_newest_item:first-child h5 {
		margin: 5px 0 15px;
		width: 100%;
		font-size: 20px;
		font-weight: 500;
		letter-spacing: -1px;
	}

	.faq {
		background: #fff;
		border-radius: 5px;
		-webkit-box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15);
		box-shadow: 0px 5px 35px 0px rgba(148, 146, 245, 0.15);
		margin-bottom: 15px;
		overflow: hidden;
	}

	.faq h5,
	.faq h4,
	.faq h3 {
		margin: 0;
		padding: 10px 15px;
		background: #e6dfdf;
		cursor: pointer;
		font-size: 16px;
	}

	.faq blockquote {
		margin: 10px 15px;
	}

	.faq blockquote table {
		font-size: 14px;
		margin: 0 -15px -10px;
		width: calc(100% + 30px);
		border-color: #e6dfdf;
	}

	.faq blockquote table td,
	.faq blockquote table th {
		padding: 3px 7px;
		width: 20%;
		vertical-align: middle;
	}

	.faq blockquote ul {
		display: list-item;
		list-style: disc;
		margin-left: 30px;
		margin-bottom: 10px;
	}

	#page-price {
		background: #fff;
		float: left;
		width: 100%;
		border-bottom: 1px solid #ddd;
	}

	.price_banner {
		float: left;
		width: 100%;
		background: #eddee2;
		padding: 20px 0;
		border-bottom: 1px solid rgb(209, 36, 42);
	}

	.price_banner h1 {
		text-align: center;
		font-size: 30px;
		margin: 30px 0 15px;
		color: rgb(209, 36, 42);
	}

	.price_banner p {
		font-size: 18px;
		text-align: center;
		margin: 0 0 15px;
	}

	.price_banner a {
		display: table;
		line-height: 35px;
		padding: 2px 15px 5px;
		background: rgb(209, 36, 42);
		color: #fff;
		font-weight: bold;
		font-size: 16px;
		cursor: pointer;
		margin: 30px auto 10px;
	}

	.pricing {
		width: 100%;
		margin: 30px 0 10px;
		border-spacing: 0;
		border-collapse: collapse;
		-webkit-text-size-adjust: 100%;
	}

	.pricing th {
		width: 200px;
		border: 1px solid #ddd;
		background: rgba(237, 222, 226, 0.5);
		position: relative;
	}

	.pricing tr th:first-child {
		border: none;
		background: transparent;
	}

	.pricing th h2 {
		font-size: 20px;
		padding: 20px 10px 10px;
		text-transform: capitalize;
		position: absolute;
		top: 0;
		width: 100%;
		margin: 0;
	}

	.pricing td h3 {
		font-size: 16px;
	}

	.pricing th div {
		font-size: 18px;
		color: rgb(209, 36, 42);
		margin: 0 -1px;
		line-height: 40px;
		padding: 60px 0 80px;
	}

	.pricing th div span {
		display: inline-block;
		font-size: 16px;
		line-height: 30px;
		padding: 0 15px;
		border: 1px solid;
		border-radius: 15px;
		margin: 5px 0;
	}

	.pricing th div span:nth-child(2) {
		font-size: 18px;
		line-height: 35px;
		border-radius: 18px;
	}

	.pricing th div span:nth-child(3) {
		font-size: 20px;
		line-height: 40px;
		padding: 0px 20px;
		border-radius: 20px;
	}

	.pricing th div span:nth-child(4) {
		font-size: 22px;
		line-height: 45px;
		padding: 0 20px;
		border-radius: 23px;
	}

	.pricing th p {
		padding: 15px;
		font-size: 16px;
		margin: 10px -1px -1px;
		background: rgba(173, 25, 61, 0.2);
		font-weight: 300;
		position: absolute;
		bottom: 0;
	}

	.pricing td {
		border: 1px solid #ddd;
		background: #fff;
		text-align: center;
		font-weight: 500;
	}

	.pricing tr td:first-child {
		background: #f3f3f3;
		text-align: left;
		text-transform: uppercase;
		padding-left: 20px;
	}

	.block {
		float: left;
		width: 100%;
		margin-bottom: 10px;
		background: #fff;
	}

	.manufacturer {
		*margin-bottom: 10px;
		float: left;
		width: 100%;
		border-left: 1px solid #d7dada;
		border-top: 1px solid #d7dada;
	}

	.manufacturer ul li {
		border-right: 1px solid #d7dada;
		border-bottom: 1px solid #d7dada;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding: 10px 10px 10px 10px;
		background-color: #fefefe;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eeeeee));
		background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee);
		background-image: -moz-linear-gradient(top, #fefefe, #eeeeee);
		background-image: -ms-linear-gradient(top, #fefefe, #eeeeee);
		background-image: -o-linear-gradient(top, #fefefe, #eeeeee);
		background-image: linear-gradient(to bottom, #fefefe, #eeeeee);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fefefe, endColorstr=#eeeeee);
		box-sizing: border-box;
		width: 16.66%;
		float: left;
		text-align: center;
	}

	.manufacturer ul li {
		border-radius: 0;
		background: #fff;
	}

	.manufacturer ul img {
		max-width: 100px;
	}

	.manufacturer ul li:first-child img,
	.manufacturer ul li:last-child img {
		padding: 10px;
	}

	.manufacturer ul span,
	.manufacturer ul h3 {
		font-size: 16px;
		font-weight: normal;
		margin: 0;
		margin-top: 5px;
		display: block;
	}

	.home-content {
		padding: 20px;
		text-align: justify;
		border: 1px solid #d7dada;
		border-top: 0;
	}

	.breadcrumb li {
		display: inline-block;
		font-size: 12px;
		line-height: 33px;
	}

	.breadcrumb li span {
		font-family: -webkit-body;
		font-size: 16px;
		margin-left: 5px;
	}

	.list-content {
		padding: 15px;
		border: 1px solid #ddd;
		box-sizing: border-box;
	}

	.list-content h1 {
		float: left;
		width: 100%;
		font-size: 22px;
		margin: 0 0 15px;
	}

	.content-right {
		width: calc(100% - 655px);
		float: right;
		margin-top: 15px;
	}

	.content-right .module-title {
		margin: 0;
		font-size: 14px;
		background: rgb(209, 36, 42);
		float: left;
		width: 100%;
		margin-bottom: 5px;
		color: #fff;
		text-align: center;
		font-weight: 300;
		padding: 8px 0;
	}

	.content-right .module-ip,
	.content-right .module-label {
		width: 100%;
		box-sizing: border-box;
		line-height: 35px;
		height: 35px;
		margin-bottom: 5px;
		padding: 0 10px;
		font-family: inherit;
		font-size: 14px;
		border: 1px solid rgb(209, 36, 42);
	}

	.content-right .module-label {
		padding: 0 13px;
		clear: both;
	}

	.content-right .module-label a {
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		float: left;
	}

	.content-right .module-label.total {
		margin-bottom: 15px;
		background: #eee;
		color: #000;
		font-weight: normal;
	}

	.content-right .module-label b {
		float: right;
		color: rgb(209, 36, 42);
	}

	.content-right .module-label b:after {
		content: '₫';
		font-size: 11px;
		float: right;
		margin-left: 2px;
	}

	.content-right .scroll {
		position: fixed;
		top: 55px;
	}

	.content-right .absolute {
		bottom: 0;
	}

	.content-left {
		width: 100%;
		float: left;
		max-width: 640px
	}

	.ip-block {
		float: left;
		width: 100%;
		border-right: 1px solid #ccc;
		border-top: 1px solid #ccc;
		margin: 0 0 15px;
	}

	.ip-block input,
	.ip-block select,
	.ip-block a,
	.ip-block button {
		line-height: 40px;
		height: 40px;
		margin: 0;
		padding: 0 15px;
		width: 100%;
		box-sizing: border-box;
		border: none;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		float: left;
		border-radius: 0;
		background: transparent;
		font-family: inherit;
	}

	#menu-desktop {
		display: flex;
		float: left;
		width: 78%;
		justify-content: flex-end;
	}

	.ip-block input {
		font-size: 14px;
		height: 46px;
		line-height: 46px;
	}

	.mobile path {
		fill: #fff;
	}

	.ip-block select,
	.ip-block button {
		font-size: 12px;
		width: 33.33%;
		text-align: left;
		cursor: pointer;
	}

	.cars-list img {
		height: 182px;
		width: 100%;
		object-fit: cover;
	}

	.ip-block h2.active {
		margin-bottom: -1px;
		line-height: 40px;
		height: 40px;
		margin: 0;
		padding: 0px 15px;
		font-size: 14px;
		float: left;
		box-sizing: border-box;
		color: rgb(209, 36, 42);
		font-weight: bold;
		border-bottom: 1px solid;
		width: 33.33%;
	}

	.ip-block.ctrl {
		border-bottom: 1px solid #ddd;
		height: 41px;
		border-left: 1px solid #ddd;
	}

	.ip-block.ctrl select {
		float: left;
		margin-bottom: -1px;
		font-size: 14px;
	}

	.special {
		float: left;
		width: 100%;
		padding: 5px;
		border: 1px solid #ddd;
		box-sizing: border-box;
		margin-bottom: 15px;
		position: relative;
	}

	#page-dealer .content-left .special,
	#page-car .content-left .special {
		border: 0;
		padding: 0;
		margin: 10px -5px 0;
		width: calc(100% + 10px);
	}

	.special label,
	.special h2 {
		font-size: 16px;
		font-weight: 500;
		margin: 0;
		padding: 5px;
		display: block;
		line-height: 20px;
	}

	.special .help {
		color: rgb(209, 36, 42);
		float: right;
		font-size: 12px;
		font-style: italic;
		position: absolute;
		top: 10px;
		right: 10px;
		line-height: 22px;
		font-weight: 500;
	}

	.special .item {
		float: left;
		width: 33.33%;
		padding: 5px;
		box-sizing: border-box;
	}

	.special .item .img {
		float: left;
		width: 100%;
		padding-top: 56.25%;
		overflow: hidden;
		position: relative;
		background: url(https://cdn.oto360.net/assets/statics/no-image.jpg) no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		background-position: center;
	}

	.special .item .img.vp169 {
		padding-top: 56.25%;
	}

	.special .item .img img {
		display: none;
	}

	.logo-header {
		height: 40px !important
	}

	#breadcrumbs {
		padding: 10px 0px;
		margin-bottom: 0;
	}


	.special .item h3 {
		float: left;
		width: 100%;
		margin: 5px 0;
		overflow: hidden;
		font-size: 14px;
		font-weight: normal;
		color: #000;
		-webkit-line-clamp: 2;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.special .item .price {
		float: left;
		width: 100%;
		font-size: 12px;
		color: #d0021b;
		font-weight: bold;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		height: 17px;
		line-height: 15px;
		display: block;
	}

	.special .vpmobile .item:nth-child(3n + 1),
	.special .list_car .item:nth-child(3n + 1) {
		clear: both;
	}

	.ad-list {
		float: left;
		width: 100%;
	}

	.ad-list .item {
		float: left;
		width: 100%;
		padding: 0 0 10px;
		box-sizing: border-box;
		margin: 0 0 10px;
		border-bottom: 1px solid #ccc;
		position: relative;
	}

	.ad-list .item .rn {
		float: left;
		width: 55px;
		line-height: 45px;
		text-align: center;
		background: rgb(209, 36, 42);
		border-radius: 5px;
		color: #fff;
		text-transform: uppercase;
		font-size: 35px;
		padding-bottom: 10px;
	}

	.ad-list.theme-list .item .rn {
		padding: 0;
		overflow: hidden;
		height: 55px;
		border-radius: 0;
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
	}

	.ad-list .item .img {
		float: left;
		width: 160px;
		padding-top: 90px;
		overflow: hidden;
		position: relative;
		background: url(https://cdn.oto360.net/assets/statics/no-image.jpg) no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		background-position: center;
	}

	.ad-list .item img {
		float: left;
		width: 160px;
	}

	.ad-list .item .img img {
		display: none;
	}

	.ad-list .item h2,
	.ad-list .item h3 {
		float: right;
		width: calc(100% - 170px);
		font-weight: normal;
		color: #000;
		font-size: 14px;
		line-height: 17px;
		max-height: 35px;
		margin: 0;
	}

	.ad-list .item .price,
	.ad-list .item .phone {
		float: right;
		width: calc(100% - 170px);
		color: #d0021b;
		font-size: 13px;
		font-weight: 600;
		height: 20px;
		line-height: 15px;
		display: inline-block;
		margin-top: 8px;
	}

	.ad-list .item.website h3,
	.ad-list .item.website .price {
		width: calc(100% - 65px);
		padding: 0;
		line-height: 18px;
	}

	.ad-list .item.website .syntax {
		position: absolute;
		max-width: 540px;
		right: 0;
		text-align: center;
		margin: 0;
		top: -2px;
		font-size: 13px;
	}

	.ad-list .item.website .price.FREE {
		color: #47ab4b;
	}

	.ad-list .item.website label {
		width: calc(100% - 65px);
		float: right;
		font-size: 12px;
	}

	.ad-list .item.website .item-action {
		position: absolute;
		top: 10px;
		right: 0;
	}

	.ad-list .item.website .item-action form {
		display: inline-block;
		float: right;
		margin-left: 10px;
	}

	.ad-list .item.website .btn-action {
		width: 150px;
		height: 35px;
		border: 0;
		margin: 0;
		padding: 0 10px 0 0;
		border-radius: 5px;
		background: rgb(209, 36, 42);
		line-height: 35px;
		color: #fff;
		font-family: inherit;
		font-size: 14px;
		font-weight: 100;
		cursor: pointer;
	}

	.ad-list .item.website .btn-action.lock {
		background: #68665e;
	}

	.ad-list .item.website .btn-action img {
		-webkit-filter: invert(100%);
		filter: invert(100%);
		height: 20px;
		float: left;
		margin: 8px;
		width: auto;
	}

	.ad-list .item .address {
		float: right;
		width: calc(100% - 170px);
		text-transform: capitalize;
		overflow: hidden;
		*white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 13px;
		margin-top: 5px;
		line-height: 1.5;
	}

	.ad-list .item .meta {
		position: absolute;
		left: 170px;
		bottom: 10px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 12px;
		color: #999999;
	}

	#page-blog .ad-list .item .meta,
	#page-help .ad-list .item .meta,
	#page-article .ad-list .item .meta,
	#page-category .ad-list .item .meta {
		white-space: initial;
		position: unset;
		left: auto;
		width: calc(100% - 180px);
		margin: 7px 10px 0;
		float: left;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.pagination {
		display: table;
		width: max-content;
		margin: auto;
	}

	.pagination li {
		display: inline-flex;
	}

	.pagination a {
		position: relative;
		float: left;
		padding: 6px 12px;
		margin-left: -1px;
		line-height: 1.42857143;
		color: #333;
		text-decoration: none;
		background-color: #fff;
		border: 1px solid #ddd;
	}

	.pagination a:hover {
		background-color: #eee;
	}

	.pagination a.active {
		background-color: rgb(209, 36, 42);
		border-color: rgb(209, 36, 42);
		color: #fff;
	}

	.list-description {
		font-size: 12px;
		margin: 0 0 5px;
	}

	.list-description h2 {
		font-size: 17px;
		margin: 20px 0 10px;
	}

	.btn-toolbar {
		position: absolute;
		top: 15px;
		right: 25px;
	}

	.btn-toolbar>a {
		margin-left: 5px;
	}

	#next_ad {
		outline: none;
		display: inline-block;
		position: relative;
		background: rgb(209, 36, 42);
		border: 0;
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 3px;
		float: right;
		color: #fff;
	}

	#next_ad:after {
		content: '';
		display: block;
		position: absolute;
		right: -11px;
		top: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 14px 0 14px 13px;
		border-color: transparent transparent transparent rgb(209, 36, 42);
	}

	#back_to_listing {
		outline: none;
		display: inline-block;
		position: relative;
		background: #f1f1f1;
		border: 0;
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 3px;
		float: right;
	}

	#back_to_listing:after {
		content: '';
		display: block;
		position: absolute;
		left: -11px;
		top: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 14px 13px 14px 0;
		border-color: transparent #f1f1f1 transparent transparent;
	}

	.photos {
		position: relative;
		float: left;
		margin: -16px -16px 0;
	}

	.photos label {
		text-align: right;
		display: block;
		width: 100%;
		padding: 5px 10px;
		box-sizing: border-box;
		position: absolute;
		bottom: 0;
		color: #fff;
		z-index: 999;
		background: rgba(0, 0, 0, 0.7);
	}

	.ad-price {
		color: #c90927;
		font-size: 16px;
		margin-bottom: 15px;
		float: left;
		width: 100%;
	}

	.ad-promo,
	.block-promo {
		background: #eee;
		padding: 10px;
		color: #000;
		text-align: center;
		border: 2px dashed rgb(209, 36, 42);
		float: left;
		width: 100%;
		display: block !important;
	}

	.ad-promo a,
	.ad-promo b,
	.block-promo a,
	.block-promo b {
		color: rgb(209, 36, 42);
		font-weight: 500;
	}

	.ad-specs {
		float: left;
		width: 100%;
		margin: 15px 0;
	}

	.ad-articles {
		padding: 10px 15px;
		float: left;
		width: 100%;
		margin-top: 15px;
		border: 1px solid #006ba0;
		border-radius: 5px;
	}

	.ad-articles li {
		font-weight: 500;
		list-style-type: circle;
		color: #006ba0;
		margin-left: 15px;
	}

	.ad-articles li a {
		color: #006ba0;
	}

	.car-description {
		float: left;
		width: 100%;
		margin: 15px 0 0;
		border-top: 1px solid #dddddd;
	}

	.car-description h2 {
		border: 1px solid #dddddd;
		border-top: none;
		background: #f1f1f1;
		text-align: center;
		padding: 5px 10px;
		font-size: 17px;
		margin: 0;
	}

	.car-description li {
		padding: 5px 10px;
		border: 1px solid #dddddd;
		border-top: none;
		float: left;
		width: 100%;
	}

	#page-dealer .ad-specs {
		margin-top: 0;
	}

	.specs {
		width: 25%;
		float: left;
		height: 30px;
		font-size: 13px;
		padding-left: 35px;
		padding-top: 5px;
		box-sizing: border-box;
	}

	.specs.manu {
		background: url(/icon/manu.png) no-repeat;
		background-size: auto 100%;
	}

	.specs.model {
		background: url(/icon/model.png) no-repeat;
		background-size: auto 100%;
	}

	.specs.year {
		background: url(/icon/year.png) no-repeat;
		background-size: auto 100%;
	}

	.specs.used {
		background: url(/icon/used.png) no-repeat;
		background-size: auto 100%;
	}

	.specs.gear {
		background: url(/icon/gear.png) no-repeat;
		background-size: auto 100%;
	}

	.specs.fuel {
		background: url(/icon/fuel.png) no-repeat;
		background-size: auto 100%;
	}

	.specs.origin {
		background: url(/icon/origin.png) no-repeat;
		background-size: auto 100%;
	}

	.specs.style {
		background: url(/icon/style.png) no-repeat;
		background-size: auto 100%;
	}

	.specs.seat {
		background: url(/icon/seat.png) no-repeat;
		background-size: auto 100%;
	}

	.specs.address {
		width: 100%;
		margin-bottom: 10px;
		height: auto;
		padding: 0;
	}

	.specs.address svg {
		float: left;
		height: 20px;
		width: 20px;
		margin-right: 5px;
		margin-top: -2px;
	}

	.specs.calendar {
		background: url(/icon/calendar.svg) no-repeat center left;
		background-size: auto 80%;
		width: 35%;
	}

	.specs.company {
		background: url(/icon/company.svg) no-repeat center left;
		background-size: auto 80%;
		width: 100%;
	}

	.author {
		float: left;
		width: 100%;
		margin: 20px 0;
	}

	.author img {
		float: left;
		margin-right: 5px;
		width: 45px;
		height: 45px;
		border-radius: 50%;
		background: url(https://cdn.oto360.net/assets/statics/thumbnail.png);
		font-size: 0;
	}

	.author>label {
		display: block;
		font-weight: bold;
		line-height: 20px;
		font-size: 16px;
		overflow: hidden;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		vertical-align: middle;
	}

	.author>i {
		font-size: 12px;
		color: #6a90bc;
		overflow: hidden;
		line-height: 17px;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block;
		width: calc(100% - 50px);
		float: left;
		padding-left: 20px;
		box-sizing: border-box;
		font-style: normal;
		background: url(/icon/address.png) no-repeat;
		background-size: auto 100%;
		margin: 3px 0;
	}

	.author>span {
		color: #979797;
		display: block;
		font-size: 12px;
	}

	#show_phone {
		color: #fff;
		background-color: #33a837;
		display: block;
		border-color: #2d9431;
		box-sizing: border-box;
		padding: 5px 15px 5px 5px;
		border-radius: 5px;
		margin: 20px auto;
		cursor: pointer;
	}

	#show_phone>div {
		display: table;
		text-align: center;
		margin: auto;
	}

	#show_phone i {
		background: url(/icon/phone.png) no-repeat center;
		height: 30px;
		width: 40px;
		display: inline-block;
		background-size: auto 100%;
		float: left;
	}

	#show_phone span {
		line-height: 30px;
		float: left;
		font-weight: bold;
	}

	.content-left .article_title {
		font-size: 24px;
		line-height: 1.4;
	}

	.article-meta {
		float: left;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}

	.article-meta a {
		font-size: 14px;
		color: rgb(209, 36, 42);
		font-weight: 500;
	}

	.article-meta time {
		font-size: 14px;
		color: #777777;
		font-weight: 500;
		position: relative;
	}

	.article-meta time:before {
		content: '●';
		margin: 0 10px;
	}

	#article-top {
		font-size: 16px;
		line-height: 24px;
		text-align: justify;
		margin-bottom: 10px;
		float: left;
		width: 100%;
	}

	#article-top>img {
		float: left;
		margin-right: 7px;
		margin-top: 4px;
	}

	#article-toc {
		background: #eee;
		padding: 10px;
		color: #000;
		text-align: left;
		border: 1px dashed rgb(209, 36, 42);
		float: left;
		width: 100%;
		margin-top: 15px;
		position: relative;
	}

	#article-toc button {
		position: absolute;
		right: 13px;
		top: 10px;
		height: 24px;
		border: 0;
		width: 22px;
		padding: 0;
		cursor: pointer;
	}

	#article-toc button svg {
		color: rgb(209, 36, 42);
	}

	#article-toc label {
		color: rgb(209, 36, 42);
		font-weight: bold;
		font-size: 18px;
		display: block;
	}

	#article-toc ul li {
		margin: 10px 10px 0;
		font-weight: 500;
	}

	#article-toc ul li.h3 {
		font-size: 15px;
		font-weight: 300;
		margin-top: 5px;
		margin-left: 30px;
	}

	article.detail h2 {
		margin: 15px 0;
		font-size: 25px;
		letter-spacing: -1px;
	}

	article.detail h3 {
		margin: 15px 0;
		font-size: 23px;
		font-weight: 500;
	}

	article.detail h4 {
		margin: 15px 0 10px;
		font-size: 19px;
		font-weight: 500;
	}

	article.detail ul,
	article.detail ol {
		padding: 0 0 5px;
	}

	article.detail ol li {
		list-style-type: decimal;
		margin: 5px 0 5px 35px;
	}

	article.detail ul li {
		list-style-type: disc;
		margin: 5px 0 5px 35px;
	}

	article.detail table {
		width: 100%;
		margin: 0 0 10px;
	}

	article.detail table tr th,
	article.detail table tr td {
		width: 10%;
		padding: 5px 10px;
		border: 1px solid #ddd;
		font-size: 14px;
	}

	article.detail blockquote {
		margin: 0;
		padding: 10px 10px 10px 20px;
		margin-bottom: 10px;
		background: #eeeeee;
		border-left: 3px solid rgb(209, 36, 42);
	}

	article.detail blockquote p {
		margin: 0;
	}

	article.detail blockquote a {
		text-decoration: none;
	}

	article.detail img+br+em,
	article.detail img+br+i {
		font-size: 14px;
		display: block;
		margin-bottom: 20px;
	}

	.zalo-share-button {
		float: left;
		margin-right: 5px;
	}

	.dialog {
		max-width: 450px;
		display: table;
		margin: 10px auto;
	}

	.dialog a {
		color: rgb(209, 36, 42);
	}

	.dialog>label {
		border: 1px solid #efefef;
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
		background: #fff;
		border-bottom: none;
		text-align: center;
		font-size: 16px;
		padding: 8px 15px;
		font-weight: 700;
		display: block;
	}

	.dialog form {
		border: 1px solid #efefef;
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
		background: #fff;
		padding: 15px;
		font-size: 12px;
		text-align: left;
		font-weight: normal;
	}

	.dialog form>input {
		width: 100%;
		height: 34px;
		background-color: #fff;
		background-image: none;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
		padding: 5px 15px;
		border-radius: 5px;
		border: 1px solid #efefef;
		font-size: 13px;
		margin-bottom: 10px;
	}

	.dialog form>input::placeholder {
		font-family: Verdana, Arial, sans-serif;
		font-style: italic;
	}

	.dialog form>input:-ms-input-placeholder {
		font-family: Verdana, Arial, sans-serif;
		font-style: italic;
	}

	.dialog form>input::-ms-input-placeholder {
		font-family: Verdana, Arial, sans-serif;
		font-style: italic;
	}

	.dialog form .btn-otp {
		background: rgb(209, 36, 42);
		font-size: 14px;
		color: #fff;
		padding: 0 7px;
		border-radius: 5px;
		line-height: 32px;
		float: right;
		margin: 1px 0;
	}

	.form-group {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 0 0 10px;
	}

	.form-group label {
		padding-left: 5px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		font-weight: 400;
		margin: 0;
		cursor: pointer;
		font-size: 12px;
	}

	.btn {
		display: inline-block;
		margin-bottom: 0;
		font-weight: 400;
		text-align: center;
		vertical-align: middle;
		touch-action: manipulation;
		cursor: pointer;
		background-image: none;
		border: 1px solid transparent;
		white-space: nowrap;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857;
		border-radius: 4px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		font-family: inherit;
	}

	.btn.login,
	.btn.regis {
		font-weight: 700;
		background: rgb(209, 36, 42);
		font-size: 14px;
		width: 100%;
		color: #fff;
		margin-bottom: 10px
	}

	.btn.forget {
		background: #ebebeb;
		margin-bottom: 0;
		color: #000;
		width: 100%;
		font-size: 12px;
	}

	.btn.reg {
		color: #fff;
		background-color: #33a837;
		border-color: #2d9431;
		width: 100%;
	}

	.btn-loading {
		display: none;
	}

	.btn-loading label {
		display: table;
		margin: auto;
		font-weight: 100;
	}

	.btn-loading svg {
		float: left;
		height: 30px;
		margin: -5px 0;
		margin-right: 10px;
		width: auto;
	}

	.form-separator {
		color: #ccc;
		margin: 15px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.form-separator:after,
	.form-separator:before {
		display: block;
		content: "";
		border-top: 1px solid #efefef;
		width: calc(50% - 25px);
	}

	.form-separator>span {
		width: 30px;
		margin: 0 10px;
		text-align: center;
		font-size: 12px;
		font-weight: normal;
	}

	.ip_block {
		float: left;
		width: 100%;
		margin-bottom: 10px;
		position: relative;
	}

	.ip_block label {
		float: left;
		width: 100px;
		font-weight: bold;
		font-size: 13px;
		line-height: 30px;
	}

	.ip_block input,
	.ip_block select {
		padding: 0 10px;
		border: 1px solid #dadada;
		line-height: 28px;
		height: 30px;
		box-sizing: border-box;
		width: calc(100% - 100px);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
		font-family: inherit;
		font-size: 13px;
	}

	.ip_block input.domain_name {
		width: calc(100% - 210px);
	}

	.ip_block input.domain_name.error {
		border: 1px solid rgb(209, 36, 42);
		box-shadow: inset 0 0px 3px rgba(173, 25, 61, 0.8);
		transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	}

	.ip_block span.domain_type,
	.ip_block select.domain_type {
		float: right;
		width: 110px;
		font-weight: bold;
		font-size: 13px;
		line-height: 28px;
		box-sizing: border-box;
		padding: 0 6px;
		background: #f4f4f4;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
		border: 1px solid #dadada;
		border-left: 0;
	}

	.ip_block textarea {
		padding: 10px;
		border: 1px solid #dadada;
		box-sizing: border-box;
		width: 100%;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
		font-family: inherit;
		font-size: 13px;
		margin-top: 5px;
	}

	.ipg {
		border-bottom: 2px solid #ccc;
		padding: 5px 0;
		margin-bottom: 15px;
	}

	.ipg>label {
		color: rgba(51, 51, 51, .5);
		font-size: 12px;
		margin-bottom: 8px;
		display: block;
	}

	.ipg input,
	.ipg select,
	.ipg textarea {
		margin: 0;
		padding: 0;
		border: 0;
		width: 100%;
		text-align: left;
		line-height: 20px;
		height: 20px;
		font-family: Verdana, Arial, sans-serif;
	}

	.ipg textarea {
		max-width: 100%;
		min-width: 100%;
		min-height: 200px;
	}

	.btn.btn-primary {
		color: #fff;
		background-color: rgb(209, 36, 42);
		border-color: #004e90;
		padding: 10px 16px;
		font-size: 18px;
		line-height: 1.33333;
		border-radius: 6px;
		display: block;
		width: 100%;
	}

	#upload {
		height: 130px;
		width: 130px;
		margin-top: 10px;
		margin-right: 10px;
		position: relative;
		float: left;
	}

	#upload .overplay {
		border-radius: 4px;
		height: 130px;
		width: 130px;
		border: 1px solid #ddd;
		background: #f2f2f2 url(/upload.svg) no-repeat;
		position: absolute;
		top: 0;
		left: 0;
		cursor: pointer;
		box-sizing: border-box;
	}

	#listimg li {
		float: left;
		position: relative;
		margin-top: 10px;
		margin-right: 10px;
		display: table-cell;
		background: #f2f2f2;
		border-radius: 4px;
		height: 130px;
		width: 130px;
		border: 1px solid #ddd;
		text-align: center;
	}

	#listimg li img,
	#listimg li input[type=image] {
		max-width: 128px;
		max-height: 128px;
		height: auto;
		width: auto;
	}

	#listimg li a {
		cursor: pointer;
		position: absolute;
		top: 0;
		right: 0;
		line-height: 25px;
		width: 25px;
		text-align: center;
		border-radius: 50%;
		background: #e21b1b;
		color: #fff;
		font-weight: bold;
	}

	#user {
		float: left;
		width: 100%;
		margin: 10px 0;
		background: #fff;
	}

	#user h1 {
		padding: 10px 8px;
		font-weight: 700;
		margin-top: 0;
		margin-bottom: 0;
		border-bottom: 1px solid #ddd;
		font-size: 16px;
	}

	#user .left {
		width: 250px;
		text-align: center;
		padding: 20px 20px 0;
	}

	#user-avatar {
		width: 110px;
		height: 110px;
		display: inline-block;
		border-radius: 50%;
		background-image: url(https://cdn.oto360.net/assets/statics/user.svg);
		background-position: center;
		background-size: cover;
	}

	#user .left h2 {
		font-weight: 700;
		line-height: 30px;
		height: 30px;
		font-size: 16px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin: 5px 0;
	}

	#user .left .balance b {
		display: inline-block;
		font-size: 20px;
		color: rgb(209, 36, 42);
		margin-left: 5px;
		margin-bottom: 5px;
	}

	#user .left .btn-action {
		height: 30px;
		border: 0;
		line-height: 30px;
		font-family: inherit;
		font-size: 14px;
		cursor: pointer;
	}

	#user .left .btn-action img {
		height: 35px;
		width: 35px;
		margin: 10px 5px 0;
	}

	#user .right {
		width: calc(100% - 250px);
		padding: 20px;
	}

	#user .right form span {
		display: block;
		line-height: 19px;
		font-size: 14px;
		font-weight: 700;
	}

	#user .right form input {
		height: 35px;
		padding: 0 10px;
		border: none;
		line-height: 35px;
		border-bottom: 1px solid #eee;
		box-shadow: none;
		border-radius: 0;
		margin-bottom: 10px;
		width: 100%;
		font-size: 14px;
		color: #555;
		font-family: Verdana, Arial, sans-serif;
	}

	#user .right form input.readonly {
		background: #e4e4e4;
		border-radius: 10px;
		cursor: not-allowed;
		height: 30px;
		margin-top: 5px;
	}

	#user .right form button {
		display: inline-block;
		width: calc(50% - 5px);
		height: 37px;
		line-height: 37px;
		text-align: center;
		text-transform: uppercase;
		font-weight: 700;
		border-radius: 4px;
		text-decoration: none;
		padding: 0;
		border: 1px solid rgb(209, 36, 42);
		background: rgb(209, 36, 42);
		color: #fff;
		float: right;
	}

	#user .right form a.btn {
		display: inline-block;
		width: calc(50% - 5px);
		height: 37px;
		line-height: 37px;
		text-align: center;
		text-transform: uppercase;
		font-weight: 700;
		border-radius: 4px;
		text-decoration: none;
		padding: 0;
		border: 1px solid rgb(209, 36, 42);
		background: #fff;
		color: rgb(209, 36, 42);
	}

	#user .tab {
		overflow-x: auto;
		overflow-y: hidden;
		display: -webkit-box;
		display: -moz-box;
		width: 100%;
		text-transform: uppercase;
		border-top: 1px solid #dbdbdb;
		font-size: 13px;
		border-bottom: 1px solid #dbdbdb;
	}

	#user .tab li a {
		border-radius: 0;
		color: #000;
		background: transparent;
		border: 0;
		border-bottom: 4px solid #fff;
		font-weight: 500;
		opacity: .5;
		outline: 0;
		padding: 10px 15px;
		display: inline-block;
	}

	#user .tab li.active a {
		color: #000 !important;
		font-weight: 600 !important;
		border-bottom: 4px solid rgb(209, 36, 42) !important;
		opacity: 1 !important;
	}

	.tab-content {
		padding: 10px;
		box-sizing: border-box;
	}

	.tab-content .no {
		background-color: #fcf8e3;
		border: 1px solid #faebcc;
		color: #8a6d3b;
		margin: 10px;
		padding: 10px 15px;
		border-radius: 4px;
	}

	.tab-content .no a {
		color: rgb(209, 36, 42);
		text-decoration: underline;
	}

	.modal {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.5);
		z-index: 99999;
		-webkit-transition: -webkit-transform .3s ease-out;
		-moz-transition: -moz-transform .3s ease-out;
		-o-transition: -o-transform .3s ease-out;
		transition: transform .3s ease-out;
	}

	.modal-content {
		max-width: 600px;
		margin: 50px auto;
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		width: 100%;
		border-radius: 4px;
	}

	.modal-content .Header {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		background-color: #f4f4f4;
		text-align: center;
		z-index: 1;
		position: relative;
	}

	.modal-content .Header .CloseButton {
		font-size: 40px;
		cursor: pointer;
		position: absolute;
		top: 5px;
		left: 15px;
		font-family: serif;
		line-height: 1;
	}

	.modal-content .Header .Heading {
		font-weight: bold;
		font-size: 17px;
		margin: 0;
		padding: 15px;
		line-height: 1;
	}

	.modal-content .Header .ResetButton {
		cursor: pointer;
		position: absolute;
		top: 15px;
		right: 15px;
		color: rgb(209, 36, 42);
	}

	.modal-content .Main {
		padding: 20px;
		background: #fff;
		float: left;
		width: 100%;
		max-height: 500px;
		overflow-y: overlay;
	}

	.modal-content .Main p {
		float: left;
		width: 100%;
		font-family: Verdana, Arial, sans-serif;
		font-size: 14px;
		line-height: 1.42857;
		margin: 10px 0;
	}

	.modal-content .Main .slider-range {
		float: left;
		width: calc(100% - 15px);
		margin: 10px 7.5px;
		height: 4px;
	}

	.modal-content .Main .slider-range .ui-slider-range {
		background: rgb(209, 36, 42);
	}

	.modal-content .Main .slider-range .ui-state-default {
		top: -8px;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: #fff;
		cursor: pointer;
	}

	.filter-select {
		cursor: pointer;
		display: block;
		border: 1px solid #ddd;
		border-radius: 4px;
		padding: 5px 10px;
		margin-bottom: -1px;
		position: relative;
		float: left;
		width: 100%;
		margin: 10px 0 0;
	}

	.filter-select label {
		color: #333;
		margin-bottom: 3px;
		font-size: 14px;
		display: block;
	}

	.filter-select select {
		font-family: Verdana, Arial, sans-serif;
		font-size: 13px;
		line-height: 1.42857;
		color: rgb(209, 36, 42);
		padding: 0;
		margin: 0;
		border: 0;
		width: 100%;
		margin-left: -4px;
	}

	.filter-choose label {
		display: block;
		font-size: 15px;
		font-weight: bold;
		margin: 20px 0 10px;
		float: left;
		width: 100%;
	}

	.filter-choose p {
		background-color: #fff;
		border: 1px solid #ddd;
		cursor: pointer;
		display: block;
		position: relative;
		padding: 10px;
		margin: 0 !important;
		font-weight: normal;
		margin-bottom: -1px !important;
	}

	.filter-choose p img {
		height: 20px;
		float: left;
		margin-right: 10px;
	}

	.filter-choose p input {
		float: right;
		margin: 0;
		width: 20px;
		height: 20px;
	}

	.modal button {
		background-color: rgb(209, 36, 42);
		color: #fff;
		width: 100%;
		border: none;
		outline: none;
		padding: 10px;
		text-transform: uppercase;
		left: 0;
		height: 40px;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		cursor: pointer;
	}

	.themes {
		float: left;
		width: calc(100% + 20px);
		margin: 10px -10px;
	}

	.themes-note {
		float: left;
		height: 350px;
		width: calc(50% - 20px);
		margin: 10px;
		background: #fff;
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
		padding: 10px 20px;
	}

	.themes-note h2 {
		margin: 15px 0;
		color: rgb(209, 36, 42);
	}

	.themes-note li {
		margin: 0 0 10px;
		font-size: 15px;
	}

	.themes-note li:before {
		content: '★';
		color: rgb(209, 36, 42);
		font-size: 18px;
		line-height: 1;
		margin-right: 5px;
	}

	.theme {
		width: calc(25% - 20px);
		float: left;
		height: 350px;
		overflow: hidden;
		margin: 10px;
		position: relative;
		background: #fff;
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	}

	.theme-info {
		position: absolute;
		width: 100%;
		bottom: 0;
		background: #fff;
		box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
		padding: 5px;
	}

	.theme-demo {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background: hsla(0, 0%, 0%, 0.3);
		display: grid;
		display: none;
	}

	.theme:hover .theme-demo {
		display: grid;
	}

	.theme-demo span {
		margin: auto;
		background: #fff;
		line-height: 30px;
		padding: 0 10px;
		border-radius: 15px;
		color: rgb(209, 36, 42);
		font-weight: normal;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	}

	.theme-name {
		margin: 0;
		font-size: 14px;
		font-weight: normal;
	}

	.theme-price {
		margin: 5px 0 0;
		font-weight: normal;
		color: #c00;
	}

	.add_theme {
		position: absolute;
		right: 5px;
		bottom: 12px;
		width: 60px;
		height: 25px;
		line-height: 26px;
		text-align: center;
		border-radius: 5px;
		background: rgb(209, 36, 42);
		color: #fff;
		font-size: 10px;
		font-weight: normal;
		text-transform: uppercase;
		cursor: pointer;
	}

	#load_more {
		float: left;
		width: 100%;
	}

	a.loadMore {
		border: 0;
		line-height: 45px;
		padding: 0 20px;
		font-size: 15px;
		color: #fff;
		background: rgb(209, 36, 42);
		cursor: pointer;
		display: table;
		margin: 10px auto;
		border-radius: 5px;
	}

	#webNotification {
		float: left;
		width: 100%;
		padding: 10px;
		margin: 10px 0 0;
		background: rgb(173 25 61 / 65%);
		border-radius: 4px;
	}

	#webNotification>img {
		height: 50px;
		float: left;
		margin-right: 10px;
	}

	#webNotification>h5 {
		float: left;
		font-size: 18px;
		margin: 0;
		color: #ffffff;
	}

	#webNotification>a {
		float: right;
		line-height: 30px;
		margin: 10px;
		padding: 0 15px;
		background: rgb(209, 36, 42);
		color: #fff;
		font-size: 15px;
		border-radius: 4px;
	}

	.SContent h3,
	.SubPage-Heading {
		font-size: 18px;
		font-weight: 500;
		width: 100%;
		margin: 15px 0;
		letter-spacing: -0.5px;
		color: #000;
		position: relative;
	}

	.SContent h3::before,
	.SubPage-Heading::before {
		content: '';
		position: absolute;
		left: 0;
		bottom: -2px;
		height: 2px;
		width: 100px;
		background: rgb(209, 36, 42);
	}

	.SContent h3::after,
	.SubPage-Heading::after {
		content: '';
		position: absolute;
		left: 100px;
		bottom: -2px;
		height: 2px;
		width: 50px;
		background: #000;
	}

	.SContent h4 {
		margin: 15px 0 10px;
		font-size: 18px;
		font-weight: 500;
		position: relative;
	}

	.SContent h4::before {
		content: '✅';
		margin-right: 5px;
		font-size: 14px;
		float: left;
		margin-top: 2px;
	}

	.SContent table,
	.SContent ul,
	.SContent ol {
		margin-bottom: 10px;
	}

	.SContent ol li {
		list-style-type: decimal;
		margin: 5px 10px 5px 30px;
	}

	.SContent ul li {
		list-style-type: disc;
		margin: 5px 10px 5px 30px;
	}

	.SContent ul li li {
		list-style-type: circle;
	}

	.SContent a {
		color: rgb(209, 36, 42);
		border-bottom: 1px dashed;
	}

	.SContent table th,
	.SContent table td {
		padding: 5px 10px;
	}

	#trendingTXT {
		float: left;
		text-align: center;
		width: 100%;
		margin: 0;
		padding: 10px;
		background: #f1f1f1;
		color: #666;
		border-top: 1px solid #e2e2e2;
	}

	#trendingTXT a {
		color: #666;
	}

	#trendingTXT a:hover {
		color: rgb(209, 36, 42);
	}

	.ref_link {
		float: left;
		width: 100%;
		margin: 10px 0;
		font-size: 16px;
		padding: 7px;
		padding-left: 10px;
		background: #f1f1f1;
		color: rgb(209, 36, 42);
		border-left: 3px solid;
	}

	.related-articles {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		margin: 10px 0;
	}

	.related-articles li {
		width: calc(100%/3 - 7px);
	}

	.related-articles li a {
		display: flex;
		gap: 10px;
	}

	.related-articles li img {
		width: 128px;
		height: auto;
		aspect-ratio: 16/9;
		object-fit: cover;
	}

	.related-articles li h3 {
		margin: 0;
		font-size: 16px;
		font-weight: 500;
		color: #333;
	}


	@media (max-width: 768px) {

		.pc,
		.desktop {
			display: none !important;
		}

		.none.mobile {
			display: none !important;
		}

		.mobile {
			display: block !important;
		}

		.col-6,
		.col-4,
		.m-100 {
			width: 100%;
		}

		.mb-mr-10 {
			margin-right: 10px;
		}

		.mb-ml-10 {
			margin-left: 10px;
		}

		.row {
			margin: 0;
		}

		.h1,
		.h2,
		.h3,
		h1,
		h2,
		h3 {
			margin-top: 20px;
			margin-bottom: 10px;
		}

		.plr {
			padding-right: 10px;
			padding-left: 10px;
		}

		header .menu li {
			padding-right: 0;
		}

		header .menu li a span,
		footer h4,
		#page-list h1,
		.special h2,
		.special label,
		.special .help,
		.ad-list .item .address,
		.ad-list .item .meta,
		.ad-list .item.website .item-action {
			display: none !important;
		}

		#page-article .breadcrumb {
			display: block !important;
		}

		header #logo {
			height: 30px;
			float: left;
			margin: 7px 0;
		}

		footer {
			padding: 20px 0;
		}

		footer h5,
		footer label {
			font-size: 14px;
			margin: 10px 0;
		}

		footer .col-20,
		footer .col-2 {
			width: 100%;
			text-align: center;
		}

		footer ul li {
			margin: 0 5px 10px;
			font-size: 12px;
			display: inline-block;
		}

		.copyright {
			margin: 0;
			padding: 10px;
		}



		header .container {
			padding: 0 10px;
			box-sizing: border-box;
		}

		header .container menu {
			display: flex !important;
			width: 100%;
			justify-content: space-between;
			color: #fff;
			padding: 0;
			margin: 0;
			font-size: 14px;
		}

		header .container menu li {
			display: flex;
		}

		header .container menu a {
			color: #fff;
		}

		.home_banner {
			padding-top: 10px;
		}

		.home_banner h1 {
			font-size: 20px;
			text-align: center;
			margin-top: 10px !important;
		}

		.home_banner p {
			font-size: 16px;
			text-align: center;
		}

		.home_banner a {
			margin: auto;
			display: table;
		}

		.home_heading,
		h2.home_heading,
		h3.home_heading,
		h4.home_heading {
			font-size: 18px;
			margin: 25px 10px 10px;
		}

		.home_category {
			margin: 0 10px;
			gap: 10px;
		}

		.home_category_item {
			width: calc(50% - 5px);
		}

		.home_category_item.w50 {
			width: 100%;
		}

		.home-content {
			padding: 10px;
			border: 0;
			margin: 0;
		}

		.block_newest_item .img,
		.block_newest_item img {
			width: 120px;
		}

		.block_newest_item h3,
		.block_newest_item h5 {
			width: calc(100% - 130px);
			font-size: 16px;
			font-weight: normal;
		}

		.block_newest_item,
		.block_newest_item:first-child {
			width: calc(100% - 20px);
			margin-left: 10px;
			margin-right: 10px;
		}

		.block_newest_item:first-child .img {
			width: 100%;
			height: auto;
			padding-top: 56%;
		}

		.action_block,
		.content-left .action_block {
			padding: 10px;
		}

		.action_block h4,
		.action_block h2 {
			font-size: 16px;
			margin: 5px 0 15px;
		}

		.action_block form {
			margin-bottom: 5px;
		}

		.manufacturer ul li {
			width: 50%;
		}

		.content-left,
		.content-right {
			max-width: unset;
			width: 100%;
		}

		.content-right .scroll,
		.content-right .absolute {
			position: initial;
		}

		.list-content {
			padding: 0;
			border: none;
		}

		.ip-block {
			border-right: none;
			border-top: none;
			margin: 0;
		}

		.ip-block.ctrl {
			border-bottom: 1px solid #ccc;
			border-top: 1px solid #ccc;
		}

		.ip-block a {
			border-left: 0;
		}

		.special {
			border: none;
			margin: 0;
			overflow-x: overlay;
			overflow-y: hidden;
		}

		#page-dealer .content-left .special,
		#page-car .content-left .special {
			border: 0;
			padding: 5px;
			margin: 0;
			width: 100%;
		}

		.special .vpmobile {
			width: max-content;
		}

		.special .item {
			width: 150px;
			position: relative;
		}

		.special .vpmobile .item:nth-child(3n + 1),
		.special .list_car .item:nth-child(3n + 1) {
			clear: none;
		}

		.special .vpmobile .item:nth-child(4n + 1) {
			clear: inherit;
		}

		#page-dealer .special .item,
		#page-car .special .item {
			width: 50%;
			height: auto;
		}

		#page-dealer .special .item h3,
		#page-car .special .item h3 {
			height: auto;
		}

		#page-dealer .special .item .price,
		#page-car .special .item .price {
			position: initial;
			width: 100%;
			text-align: left;
		}

		#page-dealer .breadcrumb,
		#page-car .breadcrumb,
		#page-bus .breadcrumb {
			display: block !important;
			padding: 0 10px;
			width: 100%;
		}

		#dealerTOP,
		#page-car .photos+.content-left {
			margin-top: 30px;
		}

		.btn-viewmore-article {
			margin: 10px auto 0;
		}

		.price_banner {
			padding: 10px;
		}

		.price_banner h1 {
			font-size: 20px;
			margin: 10px 0;
		}

		.price_banner p {
			font-size: 16px;
			margin: 0;
		}

		.price_banner a {
			line-height: 30px;
			margin: 10px auto 0;
		}

		.pricing {
			margin: 0;
		}

		.pricing th {
			width: 40%;
		}

		.pricing tr th:first-child {
			width: 20%;
		}

		.pricing th h2 {
			padding: 10px;
			font-size: 12px;
			position: inherit;
		}

		.pricing th p {
			position: initial;
			background: transparent;
			font-size: 10px;
			padding: 10px;
			margin: 0;
		}

		.pricing th div {
			padding: 0;
		}

		.pricing th div span {
			margin: 5px 10px;
			line-height: 1.3;
			font-size: 13px;
			padding: 3px 10px 5px;
			border-radius: 5px;
		}

		.pricing tr td:first-child {
			padding: 0 5px;
		}

		.pricing tr td:first-child h3 {
			font-size: 12px;
			margin: 5px 0;
		}

		.pricing td {
			font-size: 12px;
			padding: 5px;
		}

		#article-top {
			padding: 0 10px;
			box-sizing: border-box;
		}

		article.detail {
			padding: 0 10px;
		}

		article.detail table tr td {
			padding: 3px 5px;
			font-size: 12px;
		}

		.themes {
			width: 100%;
			margin: 0;
		}

		.themes-note {
			padding: 10px;
			width: 100%;
			margin: 0 0 10px;
			height: auto;
		}

		.theme {
			width: calc(100% - 20px);
			margin: 0 10px 10px;
		}

		.ad-list .item.website .syntax {
			position: initial;
			background-color: #fcf8e3;
			border: 1px solid #faebcc;
			color: #8a6d3b;
			clear: both;
			padding: 6px;
			margin-top: 10px;
			float: left;
			width: 100%;
		}

		.special .list_car .item:nth-child(5n + 1) {
			clear: none;
		}

		.special .list_car .item:nth-child(2n + 1) {
			clear: both;
		}

		.special .item .price {
			position: absolute;
			top: 68px;
			z-index: 1;
			width: calc(100% - 10px);
			height: 20px;
			line-height: 20px;
			background: rgba(255, 255, 255, 0.8);
			text-align: center;
		}

		.ad-list .item {
			padding: 10px;
			margin: 0;
		}

		.ad-list .item .img {
			width: 96px;
			padding-top: 54px;
		}

		.ad-list .item img {
			width: 96px;
		}

		.ad-list .item h2,
		.ad-list .item h3 {
			width: calc(100% - 106px);
			font-size: 12px;
			line-height: 15px;
			max-height: 30px;
		}

		.ad-list .item .price,
		.ad-list .item .phone {
			width: calc(100% - 106px);
		}

		.ad-list .item .price {
			width: calc(100% - 110px);
			font-size: 12px;
		}

		.pagination {
			display: table;
			margin: 10px auto;
			text-align: center;
			width: initial;
		}

		.pagination li {
			margin-top: 10px;
			display: inline-block;
		}

		.content-right {
			padding: 0 10px;
		}

		.list-description {
			padding: 0 10px;
		}

		#page-item .flexslider .slides>li>a {
			position: relative;
			width: 100%;
			height: auto;
			padding-top: 75%;
		}

		#page-item .flexslider .slides>li>a img {
			position: absolute;
			top: 0;
			right: 0;
			left: 0;
			bottom: 0;
			margin: auto;
		}

		.photos {
			margin: 0;
		}

		.photos img {
			width: 100%;
		}

		.btn-toolbar {
			position: initial;
		}

		#next_ad {
			margin: 5px 15px;
		}

		#back_to_listing {
			float: left;
			margin: 5px 15px;
		}

		.list-content h1 {
			font-size: 16px;
			margin: 10px;
			width: calc(100% - 20px);
		}

		.ad-price {
			margin: 0 0 10px;
			padding: 0 10px;
			float: left;
			width: 100%;
		}

		.time {
			line-height: 22px;
			font-size: 12px;
			opacity: 0.5;
			padding: 0 15px;
		}

		.author.mobile {
			margin: 0;
			padding: 5px 15px 10px;
		}

		.ad-des {
			float: left;
			width: 100%;
			font-size: 12px;
			padding: 0 15px;
		}

		.ad-specs {
			margin: 10px 0;
			padding: 0 10px;
		}

		.specs {
			width: 50%;
		}

		.ad-specs .specs:last-child {
			background-size: 30px auto;
			height: auto;
			margin: 0;
		}

		.specs.company {
			width: 100%;
			height: auto;
			margin-bottom: 10px;
			background-size: 30px auto;
		}

		.specs.calendar {
			width: 100%;
			margin-bottom: 10px;
		}

		#call_phone_btn {
			padding: 10px 10px;
			display: block;
			width: 50%;
			float: left;
			color: #fff;
			background-color: #33a837;
			font-weight: bold;
			font-size: 12px;
		}

		#sms_btn {
			padding: 10px 10px;
			display: block;
			width: 50%;
			border-left: 1px solid #ccc;
			float: left;
			color: #33a837;
			font-weight: bold;
			font-size: 12px;
		}

		#call_phone_btn>div,
		#sms_btn>div {
			display: table;
			margin: auto;
		}

		#call_phone_btn i {
			display: inline-block;
			width: 24px;
			height: 24px;
			float: left;
		}

		#sms_btn i {
			display: inline-block;
			width: 24px;
			height: 24px;
			float: left;
		}

		#call_phone_btn span,
		#sms_btn span {
			display: inline-block;
			line-height: 24px;
			float: left;
			margin-left: 5px;
		}

		#user .left,
		#user .right {
			width: 100%;
			padding: 10px;
		}

		#page-create,
		#page-update {
			padding-left: 10px;
			padding-right: 10px;
		}

		#upload,
		#upload .overplay,
		#listimg li {
			width: 70px;
			height: 70px;
		}

		#listimg li img,
		#listimg li input[type=image] {
			max-width: 68px;
			max-height: 68px;
		}

		.modal-content {
			padding: 0 10px;
		}

		.modal-content .Main {
			max-height: 425px;
		}

		#webNotification {
			border-radius: 0;
			margin: 0 0 -10px;
		}

		#webNotification>img {
			margin-right: 10px;
			height: 40px;
		}

		#webNotification>h5 {
			font-size: 16px;
			width: calc(100% - 125px);
		}

		#webNotification>h5 small {
			font-weight: normal;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
			float: left;
			width: 100%;
		}

		#webNotification>a {
			margin: 5px 0;
			padding: 0 10px;
			font-size: 14px;
		}

		.related-articles li {
			width: 100%;
		}
	}


	.frm-title {
		font-size: 16px;
		margin: 10px 0 15px;
		float: left;
		width: 100%;
		position: relative;
		text-align: center;
		padding-bottom: 5px;
	}

	.frm-title:after {
		content: '';
		position: absolute;
		height: 3px;
		width: 100px;
		background: rgb(209, 36, 42);
		bottom: -3px;
		left: calc(50% - 50px);
	}

	.frm-content-step {}

	.frm-content-step li {
		float: left;
		width: calc(20% - 8px);
		margin-right: 10px;
		padding: 5px;
		border-radius: 3px;
		border: 1px solid #dddddd;
		margin-bottom: 10px;
		text-align: center;
		font-size: 13px;
		font-weight: 500;
		cursor: pointer
	}

	.frm-content-step li:nth-child(5n) {
		margin-right: 0;
	}

	.frm-content-step li.active {
		border: 1px solid rgb(209, 36, 42);
	}

	.frm-content-step li img {
		height: 40px;
		float: left;
	}

	.frm-content-step ul.cars li img {
		width: calc(100% + 10px);
		max-width: calc(100% + 10px);
		height: auto;
		margin: -5px;
	}

	.frm-content-step li span {
		float: right;
		line-height: 35px;
		width: calc(100% - 50px);
		text-align: left;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.frm-content-step li.active span {
		color: rgb(209, 36, 42);
	}

	.frm-content-step ul.cars li span {
		width: 100%;
		text-align: center;
		margin-top: 5px;
		line-height: 20px;
	}

	.frm-content-step .frm-input {
		width: calc(50% - 5px);
		margin: 0;
		float: left;
		line-height: 40px;
		height: 40px;
		padding: 0 15px;
		box-sizing: border-box;
		border: 1px solid #ccc;
		border-radius: 4px;
		background: transparent;
		font-family: inherit;
	}

	.frm-content-step .frm-input.right {
		float: right;
	}

	.frm-content-step .frm-btn-submit {
		float: left;
		width: 40%;
		margin: 10px 30% 20px;
		height: 40px;
		border: none;
		font-family: inherit;
		text-transform: uppercase;
		font-size: 16px;
		color: #fff;
		background: rgb(209, 36, 42);
		border-radius: 5px;
	}


	header {
		height: 55px;
	}

	header form {
		float: left;
		margin: 12px 0 12px 15px;
		height: 31px;
		background: #fff;
		border-radius: 20px;
		overflow: hidden;
		position: relative;
	}

	header form input {
		border: 0;
		padding: 0 15px;
		padding-right: 0;
		font-size: 16px;
		height: 31px;
		font-family: inherit;
		float: left;
		width: 100px;
		letter-spacing: -1px;
	}

	header form button {
		padding: 0;
		border: 0;
		background: transparent;
		float: left;
		cursor: pointer;
	}

	header form button svg {
		height: 21px;
		margin: 5px 10px;
		color: #555;
		float: left;
	}

	#menu-desktop>li {
		float: left;
		position: relative;
		margin: 10px 0 10px 15px;
	}

	#menu-desktop>li>a,
	#menu-desktop>li>span {
		line-height: 35px;
		float: left;
		color: #fff;
		position: relative;
	}

	#menu-desktop>li>i {
		float: right;
	}

	#menu-desktop>li>i svg {
		color: #fff;
		height: 17px;
		margin: 12px 0 0 7px;
	}

	#menu-desktop>li .menu-sub {
		display: none;
		width: max-content;
		position: absolute;
		top: 100%;
		background: #fff;
		box-shadow: 0px 8px 20px rgb(0 0 0 / 30%);
		border-radius: 7px;
		white-space: nowrap;
		padding: 10px 0;

	}

	#menu-desktop>li:hover .menu-sub {
		display: block;
	}

	#menu-desktop>li ul li {
		padding: 5px 15px;
		line-height: 23px;
		width: 100%;
		font-size: 15px;
		position: relative;
	}

	#menu-desktop>li ul.w400 {
		float: left;
		width: 400px;
	}

	#menu-desktop>li ul.w400 li {
		float: left;
		width: 50%;
	}

	#menu-desktop>li ul li:hover {
		background: #eee;
	}

	#menu-desktop>li .menu-sub .menu-child {
		display: none;
		position: absolute;
		left: 100%;
		top: 0;
		background: #fff;
		box-shadow: 0px 5px 10px rgb(0 0 0 / 30%);
		border-radius: 7px;
	}

	#menu-desktop>li .menu-sub li:hover .menu-child {
		display: flex;
	}

	header .btn-user {
		line-height: 33px;
		border: 1px solid;
		color: #fff;
		float: right;
		padding: 0 10px;
		border-radius: 7px;
		margin: 10px 0;
		max-width: 130px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	@media (max-width: 768px) {
		header form {
			margin-left: 15px;
			width: calc(100% - 145px);
			width: calc(100% - 170px);
		}

		header form input {
			width: calc(100% - 45px);
			padding: 0 0 0 10px;
		}

		#menu-desktop {
			-ms-transition: right .15s;
			-moz-transition: right .15s;
			-webkit-transition: right .15s;
			transition: right .15s;
			display: block;
			position: absolute;
			width: calc(100vw - 50px);
			right: -100vw;
			left: auto;
			height: 100vh;
			background: #fff;
			z-index: 999;
			overflow-y: auto;
			padding-bottom: 100px;
		}

		#menu-desktop>li {
			width: calc(100% - 30px);
			margin: 0 15px 5px;
			padding: 5px 0 0;
			border-top: 1px solid #eee;
		}

		#menu-desktop>li>i svg {
			float: right;
			color: #333;
			margin-top: 10px;
		}

		#menu-desktop>li a {
			color: #333;
		}

		#menu-desktop>li>a,
		#menu-desktop>li>span {
			font-weight: 500;
			color: #333;
		}

		#menu-desktop>li:hover .menu-sub {
			display: none;
		}

		#menu-desktop>li ul li {
			float: left;
		}

		#menu-desktop>li ul li i.mobile {
			height: 20px;
			width: 20px;
			float: right;
			text-align: right;
		}

		#menu-desktop>li ul li i.mobile svg {
			height: 20px;
			margin-top: 3px;
		}

		#menu-desktop>li .menu-sub .menu-child {
			width: 100%;
			position: relative;
			left: 0;
			background: transparent;
			box-shadow: none;
			float: left;
			margin-top: 5px;
		}

		#menu-desktop li path {
			fill: #000 !important;
		}

		#menu-desktop>li .menu-sub li:hover .menu-child {
			display: none;
		}

		#menu-mobile-background {
			display: none;
			position: fixed;
			width: 100vw;
			height: 100vh;
			background: rgb(0 0 0 / 30%);
			top: 0;
			z-index: 9;
		}

		#menu-desktop>li .menu-sub {
			position: initial;
			width: calc(100% + 30px);
			box-shadow: none;
			float: left;
			padding: 0;
			margin: 5px -15px -6px;
			background: #f5f5f5;
			border-radius: 0;
			padding: 5px 0;

		}

		#menu-desktop>li ul.w400,
		#menu-desktop>li ul.w400 li {
			width: 100%;
		}

		#menu-desktop>li>ul.w400 {
			width: calc(100% + 30px);
		}

		#menu-desktop>li.mobile {
			border: 0;
			margin: 0;
			width: 100%;
			padding: 10px 15px;
			background: #f5f5f5;
		}

		#menu-desktop>li.mobile+li {
			border: 0;
		}

		#menu-desktop>li.mobile a {
			line-height: 33px;
			border: 1px solid;
			float: left;
			padding: 0 10px;
			border-radius: 7px;
			color: rgb(209, 36, 42);
		}

		#menu-desktop>li>i.desktop+.menu-sub {
			display: block !important;
		}

		#menu-desktop>li>i.desktop+.menu-sub li:before {
			content: '☉';
			float: left;
			margin-right: 5px;
			font-size: 18px;
			color: #000000;
		}
	}


	footer {
		clear: both;
		border-top: 1px solid #e2e2e2;
		float: left;
		width: 100%;
		padding: 15px 0 0 0;
	}

	.footer-content {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: space-between;
		justify-content: space-between;
	}

	footer ul li {
		margin: 0 0 10px;
		font-size: 15px;
		line-height: 20px;
		color: #555555;
	}

	footer ul li span {
		width: 90px;
		display: inline-block;
	}

	footer ul li span+a {
		font-weight: bold;
		color: rgb(209, 36, 42);
	}

	footer ul li a:hover {
		color: rgb(209, 36, 42);
	}

	footer ul li label {
		display: block;
		margin: 0;
		margin-bottom: 3px;
		font-size: 15px;
		font-weight: normal;
	}

	.footer-content #GOV-badge img {
		float: left;
		height: 30px;
		width: auto;
		margin-right: 10px;
		margin-bottom: 3px;
	}

	.footer-content #DMCA-badge {
		float: left;
		margin: 5px 0 8px;
	}

	.copyright {
		float: left;
		width: 100%;
		padding: 15px 0;
		background-color: #f1f1f1;
		color: #666;
		font-size: 12px;
		margin: 5px 0 0;
		line-height: 20px;
	}

	.copyright p {
		margin: 0;
	}

	.copyright img {
		position: absolute;
		right: 0;
		top: -10px;
		width: auto;
	}

	.body-tax .footer-phone,
	.body-training .footer-phone,
	.body-buses .footer-phone,
	.body-bus .footer-phone,
	.body-testing .footer-phone {
		display: none;
	}

	.footer-app {
		display: flex;
		flex-direction: column;
		gap: 7px;
		margin: 0;
	}

	.footer-social {
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

	.footer-social span {
		font-size: 15px;
		font-weight: bold;
		color: #555555;
	}

	.footer-social a {
		display: flex;
		align-items: center;
		gap: 5px;
		font-size: 15px;
	}

	.footer-social svg {
		height: 25px;
		width: 25px;
	}

	@media (max-width: 768px) {
		.mb-no-border {
			border: none;
		}

		footer {
			padding: 0;
		}

		.footer-content {
			display: flex;
			flex-wrap: wrap;
			margin: 0 10px;
			justify-content: space-between;
		}

		.footer-col {
			width: 100%;
		}

		.footer-col:nth-child(1),
		.footer-col:nth-child(2) {
			width: 48%;
		}

		footer ul li {
			margin: 0;
			float: left;
			width: 100%;
			padding: 13px 0;
			border-top: 1px solid #e2e2e2;
		}

		footer ul li label {
			float: left;
			margin-bottom: 0;
			margin-right: 10px;
			line-height: 30px;
		}

		.footer-content #GOV-badge img,
		.footer-content #DMCA-badge {
			margin-bottom: 0;
		}

		.copyright {
			margin: 0;
			padding: 10px;
			text-align: center;
		}

		.copyright img {
			position: initial;
			margin-top: 10px;
		}

		.footer-app {
			display: flex;
			flex-direction: row;
			gap: 0;
			justify-content: space-between;
			align-items: center;
		}

		.footer-app svg {
			height: 30px;
			width: 90px;
		}

		.footer-social {
			display: flex;
			flex-direction: row;
			gap: unset;
			justify-content: space-between;
			margin-bottom: 10px;
		}

		.footer-social a {
			font-size: 14px;
			letter-spacing: -1px;
		}
	}