body {
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	background-position: top center;
	background-attachment: fixed;
	background: url('data:image/jpeg;base64,%2F9j%2F4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP%2FsABFEdWNreQABAAQAAABQAAD%2F7gAOQWRvYmUAZMAAAAAB%2F9sAhAACAgICAgICAgICAwICAgMEAwICAwQFBAQEBAQFBgUFBQUFBQYGBwcIBwcGCQkKCgkJDAwMDAwMDAwMDAwMDAwMAQMDAwUEBQkGBgkNCwkLDQ8ODg4ODw8MDAwMDA8PDAwMDAwMDwwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz%2FwAARCABkAGQDAREAAhEBAxEB%2F8QAZAABAQEBAAAAAAAAAAAAAAAAAQACCQEBAAAAAAAAAAAAAAAAAAAAABAAAgEDBAEEAgICAwAAAAAAAREhADECQVFhEiJxgTJCkaHwwbHR8WJTEQEAAAAAAAAAAAAAAAAAAAAA%2F9oADAMBAAIRAxEAPwDvGWDplgRM60GQEBAlP%2Fmg1LaIdwL0GYQuTY%2BlBYhoAZHj9RQXkQGW4IMFigRBT6kiAdXQSQgZAC2V4OlAMjG5I0NpFBQSFDMuzSoJSJLRGRH6oJgZhpmxEGgex7Ln5a0Fyrto60BYY6IEEc0DrGwBwG%2FFBAkAEWdjzNAG5gRKF%2FagiwAySoHI5oGWQVbx19KAxHikiCCCNaBcGSCC2Lmdt6CyEyDk78%2BlBXB11R4oL5gIjDJsPegew7dvulQZN7AGRaOKCBjyx2ehB1oEoHykO8UEAQ1wHu7UFKIIGWB%2FIoJZAJfHSggDdIXG1qAOPj5YrK5TRO%2FFA5CxOXUkSbvY0F2JAJ8vrkNnrQBYNgMjjugVQILC6ogHWglquXFBCyGTxZAe1BQO2Be41VBSNiCAnyZFAoMIwbBbaUGAB5QeuUKgoAQ8hzBjmgUJBE3c%2FsUEIAOORRsRIoIEDRo6cbigTwOsyLCKCfl4wUXiaC3ynrkETtzQDjSy782tvQJAZYPXJ2nigCSAJYiPegUCDoygf6oDHJFZ7xlvQKBAuRkWI1dBNnH7DJ%2Fmggfie2WOWOqEigE8UxZlXiaCM%2BRJGS%2BQF6BIJYIZBg7q9BEG3r0c0AIBxEOwtQa7auF2SmgCUSsSCLzpvQM7FS8VHqDQZ8QDdG%2F9MUCymPIan19aCR%2BQHLEF0Afk5BBb3oEkByQ21QQcF9uvieRQAD7AAgZARYg0CwYymdW5igP%2BnYEiceRrQJ7q5IUA6Ec0CyvhPW%2FFADyMicVfY7GgMbY%2BM4nyX%2BqBAIB6oAAnnegiwsgYy2kKgAVlbxI8xedxQRsHcMDYigWxYjcX9xQUTJtr%2BKAFplGfSgSEupLxMB8UEToYGj0%2FFAT4kazAPvQai82S43oAonqbzLoBggk%2BOQN%2F7oIgDLtjC2mDQIU9bFnFROxFAaD6uCFLoIfbqUflj7waBQ40MUE0USWNx%2FL0B1uGAdKBQiBi7gCRQa1RZBU6EWoMKxxuCSL%2BlAMKxSs9NnQbnbst1QZBABM9bHHbmg0AocHagywcZjK5y19aBNkSQSjbXegm0SgYP42oBwDBIuN%2FegZlBwFzQRHyWIkXBuKDOXDEPEmQ9RQJUEjgnigl1BD7D6u496B6%2FZG9tPzQQDZxAdziqAFgCY34oKcbsEa2tQIIKd8oOvNBAZAoZPHT2oJ5AEvLICEQP80Bb4wDoRQMdgLHEwDrFBCUC9GgoNjQEojLIOz3W9A%2Bd8T2BFqC0uQMgRQKP%2Fqei7cvagyOzaM3e%2BlAp9oBExqItQTTgrYHUjY0EG0L3xJIRPpQCcpEQRe9Ah6hnUiKCGuOrRxNpoJvxMEf43dAGD2BCSKuFvQMEFWKkaUAGxDgsWvqDQUdjKi6iKCU9YaT4oFsB5emVwaABCLAk6H80Erq2UMDazoGSNIBfCoLyFvKx6oWoKw1glMaGgdoEGE1trQZLABJAQnEzegWHaCJFqBARIMfxCgziX0GRLaB14oEHIGQwfzQU7Hqr8O1BGx6fNTtQJSlWDe%2BlBnC8vVp0ENU0j8qCjx7P22oIP7tSndUEV9bx2X6oNalPqvJ29qDE9fL9%2Fqg2E%2FHaVQE9Jb7eKvQOvg9HtQZh%2FXr770H%2F9k%3D');
}

.desktop-hide {
	display: none
}

#main_wrapper {
	background: url('/images/snippet_bg.png');
	margin: 0 auto;
	max-width: 972px;
	background-color: #fffef9;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);
}

#content_white {
	background: #fff;
	padding: 5px;
	margin-top: 2em;
	border: 1px solid #DFE1E6;
	border-radius: 4px;
	overflow-x: auto;
}

.main_wrapper_pt {
	background-image: radial-gradient(closest-side, transparent 0%, transparent 75%, #efefef 76%, #efefef 85%, #efefef 86%, #efefef 94%, #f7f7f7 95%, #f7f7f7 103%, #efefef 104%, #efefef 112%, #efefef 113%, #efefef 121%, #f7f7f7 122%, #f7f7f7 130%, #efefef 131%, #efefef 140%), radial-gradient(closest-side, transparent 0%, transparent 75%, #efefef 76%, #efefef 85%, #efefef 86%, #efefef 94%, #f7f7f7 95%, #f7f7f7 103%, #efefef 104%, #efefef 112%, #efefef 113%, #efefef 121%, #f7f7f7 122%, #f7f7f7 130%, #efefef 131%, #efefef 140%);
	background-size: 40px 40px;
	background-color: #efefef;
	background-position: 0 0, 20px 20px
}

header {
	margin-bottom: 13px;
	width: 100%;
	position: relative
}

header .sim-so-dep-gia-tot {
	width: 100%;
	position: relative
}

header .sim-so-dep-gia-tot div {
	float: left;
	max-width: 80%;
	padding-right: 90px
}

header .sim-so-dep-gia-tot img {
	width: 100%;
	overflow: hidden;
	padding: 16px
}

body {
	&.in-transition {
		transition: transform 900ms ease;
	}
}

td,
th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px
}

a:link {
	color: #00c;
	text-decoration: none
}

a:visited {
	text-decoration: none;
	color: #00c
}

a:hover {
	text-decoration: underline;
	color: #00f
}

a:active {
	text-decoration: none;
	color: #00c
}

.box_title {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase
}

.grid_title {
	color: #000;
	text-decoration: none;
	font-weight: bold
}

.img_box {
	border: 1px solid #ccc
}

.strtag a:link {
	color: #000
}

.strtag a:hover {
	color: #00f
}

.menu {
	font-size: 14px;
	color: #ff0;
	text-transform: uppercase
}

.menu a:link {
	text-decoration: none;
	color: #fff;
	font-weight: bold
}

.menu a:visited {
	text-decoration: none;
	color: #fff
}

.menu a:hover {
	text-decoration: underline;
	color: #ff0
}

.ntitle {
	text-decoration: none;
	color: #005064;
	font-weight: bold;
	font-size: 13px
}

.ntitle a:link {
	text-decoration: none;
	color: #005064;
	font-weight: bold
}

.ntitle a:visited {
	text-decoration: none;
	color: #005064;
	font-weight: bold
}

.ntitle a:hover {
	text-decoration: underline;
	color: #f60
}

.news_link a:link {
	text-decoration: none;
	color: #005064;
	font-weight: bold;
	font-size: 14px;
	line-height: 25px
}

.news_link a:visited {
	text-decoration: none;
	color: #005064;
	font-weight: bold;
	font-size: 14px
}

.news_link a:hover {
	text-decoration: underline;
	color: #f60
}

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

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

.news a:hover {
	text-decoration: underline;
	color: #00f
}

.news2 {
	font-size: 11px
}

.news2 a:link {
	text-decoration: none;
	color: #009;
	font-size: 12px
}

.news2 a:visited {
	text-decoration: none;
	color: #609;
	font-size: 12px
}

.news2 a:hover {
	text-decoration: underline;
	color: #00f
}

.cat2 {
	font-size: 11px
}

.cat2 a:link {
	text-decoration: none;
	color: #009;
	font-size: 11px
}

.cat2 a:visited {
	text-decoration: none;
	color: #009
}

.cat2 a:hover {
	text-decoration: underline;
	color: #00f
}

h1 {
	font-size: 18px
}

h2 {
	font-size: 12px
}

.button {
	font-size: 14px;
	font-weight: bold;
	height: 28px
}

.style1 {
	font-weight: bold
}

.style2 {
	font-weight: bold
}

.simso2 {
	font-size: 26px;
	font-weight: bold;
	color: red
}

.simso {
	font-size: 18px;
	font-weight: bold;
	color: #390;
	float: left;
	padding-left: 5px
}

.simso a:link {
	font-size: 18px;
	font-weight: bold;
	color: #0f9488;
	text-decoration: none
}

.simso a:hover {
	font-size: 18px;
	font-weight: bold;
	color: #390;
	text-decoration: underline
}

.simso a:visited {
	font-size: 18px;
	font-weight: bold;
	color: #390;
	text-decoration: none
}

.sott {
	font-size: 11px
}

.txt2 {
	font-size: 11px;
	color: #fff
}

.txtarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px
}

.boxtk {
	font-weight: bold;
	width: 100%;
	font-size: 14px;
	height: 19px;
	border: none;
	margin-bottom: 2px
}

.txt3 {
	font-size: 11px;
	color: #333
}

.txt4 {
	font-size: 12px;
	line-height: 20px
}

.boxyc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold
}

[disabled] {
	visibility: hidden
}

.page {
	display: inline-block;
	padding: 0 3px;
	margin-right: 3px;
	margin-top: 20px;
	border-radius: 3px;
	border: solid 1px silver;
	background: #e9e9e9;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 1px 3px rgba(0, 0, 0, .1);
	font-size: 12px!important;
	font-weight: bold;
	text-decoration: none!important;
	color: #006!important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
	line-height: 25px;
	height: 25px;
	min-width: 18px
}

.page:hover {
	background: #fefefe;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#f0f0f0));
	background: -moz-linear-gradient(0% 0% 270deg, #fefefe, #f0f0f0)
}

.page.active {
	border: none;
	background: #999;
	box-shadow: inset 0 0 8px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .8);
	color: #f0f0f0;
	text-shadow: 0 0 3px rgba(0, 0, 0, .5)
}

.hotline {
	color: #f60;
	font-size: 17px;
	font-weight: bold
}

.sales {
	font-size: 12px;
	font-weight: bold
}

.txtsearch {
	font-size: 14px;
	font-weight: bold;
	color: #c00;
	border: 1px solid #666;
	width: 120px
}

.widget-pull-right {
	margin-bottom: 15px
}

.tdw35 {
	width: 35px
}

.tdw140 {
	width: 140px
}

.tdw110 {
	width: 110px
}

.tdw120 {
	width: 120px
}

.tdw90 {
	width: 90px
}

.tdw85 {
	width: 90px
}

#main {
	display: flex;
	max-width: 972px;
	padding: 5px
}

#main>article {
	order: 2;
	min-width: 12em;
	flex: 1;
	padding: 0 8px;
}

#main>nav {
	order: 1;
	width: 177px
}

#main>aside {
	order: 3;
	width: 197px
}

#main>aside table {
	float: right
}

.hotlinebottom {
	position: fixed;
	display: block;
	bottom: 15px;
	left: 9px
}

[class^="ic-"],
[class*="ic-"],
[class^="iconmobile-"],
[class*="iconmobile-"],
.spritestlvn {
	background-image: url(../images/spritestlvn.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 30px;
	width: 30px;
	line-height: 30px;
	vertical-align: middle
}

.ic-clearfil {
	background-position: -115px -69px;
	width: 10px;
	height: 10px;
	margin: -1px 0 0 3px;
	vertical-align: middle
}

.ic-checkbox {
	background-position: -10px -69px;
	width: 20px;
	height: 20px
}

.ic-checkbox-active {
	background-position: -30px -69px;
	width: 20px;
	height: 20px
}

.choosedfilter {
	display: block;
	overflow: hidden;
	background: #fff;
	margin: 10px 0 0 0;
	clear: both
}

.choosedfilter a {
	display: inline-block;
	vertical-align: text-bottom;
	padding: 6px;
	background: #288ad6;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	border-radius: 4px;
	margin-right: 5px;
	line-height: 18px;
	margin-top: 1px;
	margin-bottom: 1px
}

.choosedfilter a.reset {
	background: #c10017
}

.filter {
	float: left;
	display: block;
	background: #fff;
	border-top: 1px solid #ccc;
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative
}

.filter li .criteria,
.filter li .selected,
.criteria {
	display: inline-block;
	overflow: hidden;
	font-size: 14px;
	color: #288ad6;
	padding-left: 10px;
	cursor: pointer;
	line-height: 40px
}

.filter li {
	display: inline-table;
	width: 1%;
	vertical-align: top;
	font-size: 14px;
	position: relative;
	white-space: nowrap;
}

.filter li .listprice {
	width: 190px;
	right: -20px
}

.filter li label {
	display: block;
	padding: 12px 0 12px;
	cursor: pointer
}

.filter li>a {
	color: #288ad6;
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
	line-height: 40px
}

.filter li .criteria:after {
	content: '';
	width: 0;
	height: 0;
	border-top: 6px solid #288ad6;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	display: inline-block;
	vertical-align: middle;
	margin-left: 1px
}

.filter li div:before {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	bottom: 100%;
	left: 45%;
	border-bottom: 10px solid #d9d9d9;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent
}

.filter li div:after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	bottom: 99%;
	left: 45%;
	border-bottom: 10px solid #fff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent
}

.filter li .listprice {
	width: 190px;
	right: -20px
}

.filter li div {
	display: none;
	overflow: visible;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1);
	padding: 5px 10px;
	position: absolute;
	right: -45%;
	top: 40px;
	z-index: 11
}

.filter li .closefilter {
	border: 0;
	background: none;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 20px;
	top: 10px;
	cursor: pointer
}

.filter li .listprice label {
	text-indent: 20px
}

.filter li div .all {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #d9d9d9;
	font-size: 14px;
	color: #333;
	padding: 10px 0
}

.filter li .check .ic-checklist {
	display: inline-block;
	margin-left: -20px
}

.filter li div .prevent {
	pointer-events: none
}

.filter li div a {
	color: #333;
	vertical-align: top;
	display: inline;
	padding: 0;
	margin: 0;
	line-height: normal
}

.ic-checklist {
	background-position: -49px -67px;
	width: 16px!important;
	height: 14px!important;
	display: none!important
}

.filter li .check .ic-checklist {
	display: inline-block!important;
	margin-left: -20px
}

.ic-closefilter {
	background-position: -71px -69px;
	width: 19px!important;
	height: 18px!important
}

.filter label:hover a {
	color: #288ad6
}

.choosedfilter .reset {
	display: none
}

.choosedfilter a+a+.reset {
	display: inline-block
}

@media all and (max-width:1300px) {
	#ads-right,
	#ads-left,
	#float_corner,
	#chucmmayman {
		display: none
	}
}

@media all and (max-width:960px) {
	#banner {
		display: none
	}
	span.list-group-item {
		display: block!important
	}
	#main {
		flex-flow: column;
		margin-left: 0
	}
	#main>article,
	#main>nav,
	#main>aside {
		order: 0;
		width: auto
	}
	#main>aside table,
	#main>nav table,
	#contentdanhsachsim {
		width: 100%;
		float: left
	}
	.tdw90 {
		width: auto
	}
	header .sim-so-dep-gia-tot a {
		position: absolute;
		top: -39px;
		overflow: hidden;
		height: 90px;
		padding-right: 20px
	}
	header .sim-so-dep-gia-tot div {
		height: 60px
	}
}

@media all and (max-width:480px) {
	.btn-search-sim {
		right: 5px
	}
	#lblLocdanhsachsim,
	.hide480 {
		display: none
	}
	.tdw35,
	.tdw140,
	.tdw110,
	.tdw120,
	.tdw90,
	.tdw85 {
		width: auto
	}
}

@media all and (max-width:400px) {
	header .sim-so-dep-gia-tot a {
		max-width: 70%;
		top: -36px;
		height: 104px
	}
}

@media (max-width:480px) {
	.filter li {
		position: initial
	}
	.filter li .listprice {
		width: auto;
		left: 10px;
		right: 10px
	}
	#listlengthFilter:before,
	#listlengthFilter:after {
		left: 5%
	}
	#listTelcoFilter:before,
	#listTelcoFilter:after {
		left: 30%
	}
	#listPriceFilter:before,
	#listPriceFilter:after {
		left: 55%
	}
	#listSortFilter:before,
	#listSortFilter:after {
		left: 85%
	}
	.tblsim-res2 tr,
	.bancanbiet tr {
		height: 39px
	}
	.tblsim-res2 tbody tr:first-child,
	.bancanbiet tbody tr:first-child {
		height: 33px
	}
	.tblsim-res2 .simso {
		text-align: center;
		padding: 0;
		float: none
	}
	.bancanbiet tr a {
		font-size: 15px
	}
	.bancanbiet tr .news2 a:link {
		font-size: 15px
	}
	.page,
	.page.active {
		padding: 2px 4px!important;
		font-size: 14px!important
	}
}

.main-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.main-menu li {
	display: inline-block;
	margin-left: 25px
}

.show-menu {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase
}

.main-menu li a {
	padding-left: 22px;
	padding-right: 10px;
	display: block;
	min-width: 40px;
	height: 37px;
	line-height: 37px;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	background-image: url(../images/menu_sp.gif);
	background-repeat: no-repeat
}

.main-menu li:first-child a {
	background-image: none
}

.main-menu li:hover a {}

.main-menu li:hover ul a {}

.main-menu li:hover ul a:hover {}

.main-menu li ul {
	display: none
}

.main-menu li ul li {
	display: block;
	float: none
}

.main-menu li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px
}

.main-menu ul li a:hover+.hidden,
.hidden:hover {
	display: block
}

.main-menu .show-menu {
	text-align: center;
	padding: 10px 0;
	display: none
}

.main-menu input[type="checkbox"] {
	display: none
}

.main-menu input[type=checkbox]:checked~#menu {
	display: block;
	overflow: hidden
}

@media screen and (max-width:960px) {
	.mobile-hide {
		display: none!important
	}
	.desktop-hide {
		display: block
	}
	.boxtk {
		margin-bottom: 10px
	}
	.main-menu ul {
		position: static;
		display: none
	}
	.main-menu li {
		margin-bottom: 1px;
		margin-left: 0;
		box-shadow: 0 1px 12px 0 #ccc
	}
	.main-menu ul li,
	li a {
		width: 100%
	}
	.main-menu .show-menu {
		display: block
	}
	.main-menu li a {
		padding-left: 0;
		padding-right: 0;
		background-image: none
	}
}

.line-bottom {
	margin-bottom: 10px
}

.catetag {
	display: block;
	text-align: center;
	white-space: nowrap;
	margin-top: 10px
}

.catetag a {
	float: left;
	vertical-align: top;
	padding: 0 5px 0 10px;
	font-size: 14px;
	color: #288ad6;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 6px 6px;
	text-align: center;
	overflow: hidden;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	background: #fff;
	margin: 0 5px 5px 0
}

@media screen and (max-width:800px) {
	#main>aside,
	#main>nav {
		margin: 0
	}
	.catetag {
		padding: 14px 5px;
		width: 90vw;
		overflow: auto;
		display: inline-block;
		-webkit-overflow-scrolling: touch
	}
	.catetag a {
		float: none;
		vertical-align: top;
		width: 42%
	}
	.pagination .catetag a {
		float: left
	}
}

#gddl,
#bpkt {
	display: none
}

.btn-mua {
	color: #fff;
	background-color: #0c808f;
	border-color: #eea236;
	display: inline-block;
	padding: 3px 8px;
	margin-bottom: 0;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 10px;
}

input {
	/*-webkit-appearance: textfield;*/
	background-color: #fff;
	-webkit-rtl-ordering: logical;
	user-select: text;
	cursor: auto;
	padding: 1px;
	border-width: 2px;
	border-style: inset;
	border-color: initial;
	border-image: initial
}

input,
textarea,
select,
button {
	text-rendering: auto;
	color: initial;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0;
	text-shadow: none;
	display: inline-block;
	text-align: start;
	margin: 0;
	font: 13.3333px Arial
}

.search-input {
	padding: 11px 16px;
	border-radius: 2px 0 0 2px;
	border: 0 none;
	outline: 0 none;
	font-size: 15px;
	width: 87%;
	height: 18px
}

.search-btn {
	position: absolute;
	background-color: #ffe11b;
	border: 1px solid #ffe11b;
	border-radius: 0 2px 2px 0;
	color: #565656;
	padding: 10px 20px;
	height: 40px;
	cursor: pointer;
	text-align: center;
	right: 10px
}

#timkiem .row {
	background: #0c808f;
	padding: 10px;
	position: relative;
	color: #fff
}

.list-group {
	margin-bottom: 20px
}

.list-group-item.active {
	color: #fff!important;
	background: #0c808f;
	border-color: #0c808f;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center
}

.list-group-item.active:hover {
	text-decoration: none
}

.list-group-item,
.contact-right {
	position: relative;
	display: block;
	padding: 9px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd;
	color: #0d191c!important;
	font-weight: bold
}
/* them scroll bar vao bai viet tin tuc by ThaoPT 22/04/2019*/
.fixed_pt{
    height:250px;
    overflow-y:scroll;
    padding:0px!important;
    border:0px!important;
}
span.list-group-item {
	display: none
}

.wgc-right {
	background-color: #fff;
	border: 1px solid #ddd
}

.contact-right,
.wgc-right {
	margin-bottom: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px
}

.contact-right {
	text-align: center
}

.lgit:hover {
	text-decoration: underline;
	color: #f60!important
}

.item-tintuc .lgit {
	font-weight: normal;
	color: #000!important;
	font-size: 12px
}

.main-menu .show-menu {
	padding-right: 10px;
	position: absolute;
	right: 0;
	top: -16px;
	line-height: 2px
}

#show-menu-btn {
	width: 38px;
	height: 36px;
	position: relative;
	cursor: pointer
}

#show-menu-btn span {
	position: absolute;
	height: 1px;
	width: 100%;
	border-radius: 2px;
	opacity: 1;
	left: 0;
	background: #fff
}

#show-menu-btn span:nth-child(1) {
	top: 0
}

#show-menu-btn span:nth-child(2) {
	top: 10px
}

#show-menu-btn span:nth-child(3) {
	top: 20px
}

#menu li {}

.arrow-right {
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #00c;
	display: inline-block
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.wrapper {
	text-align: center
}

.photo-grid {
	position: relative;
	max-width: 100%;
	word-wrap: break-word
}

.photo-grid ul li .simcard {
	background: #fff;
	height: auto;
	border: 1px solid #ccc;
	padding: 13px;
	text-align: center;
	border-radius: 5px;
	box-shadow: 1px 1px #dadada
}

.photo-grid ul a:hover {
	text-decoration: none
}

.photo-grid ul a {
	color: #000
}

.photo-grid ul li:hover .simcard {
	border: 1px solid #ff9800;
	color: #ff9800;
	background: #fef3df
}

.photo-grid ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.photo-grid li {
	float: left;
	position: relative;
	width: 33.333%
}

@media only screen and (max-width:960px) {
	.container-home {
		max-width: 100%
	}
	.photo-grid li {
		width: 33.333%
	}
	.photo-grid li:last-child {
		display: none
	}
}

@media only screen and (max-width:768px) {
	.container-home {
		max-width: 100%
	}
	.photo-grid li {
		width: 50%
	}
	.photo-grid li:last-child {
		display: inline-block
	}
}

@media only screen and (max-width:480px) {
	.container-home {
		max-width: 100%
	}
	.photo-grid li {
		width: 50%
	}
	.photo-grid li:last-child {
		display: inline-block
	}
}

.number_01 h2 a {
	font-size: 1.5em;
	color: #333
}

.number_01 {
	height: 42px;
	line-height: 50px;
	font-size: 30px;
	padding-left: 40px;
	margin-bottom: 2px;
	position: relative
}

.spritestlvn {
	background-repeat: no-repeat;
	display: block
}

.sprite-like {
	width: 32px;
	height: 32px;
	background-position: -77px -19px;
	position: absolute;
	left: 0;
	top: 7px
}

.sprite-sale {
	width: 32px;
	height: 32px;
	background-position: -225px -19px;
	position: absolute;
	left: 0;
	top: 7px
}

.nha-mang-gmobile {
	background-position: -4px -4px
}

.nha-mang-vietnamobile {
	background-position: -284px -4px
}

.nha-mang-viettel {
	background-position: -354px -4px
}

.nha-mang-mobifone {
	background-position: -142px -4px
}

.nha-mang-vinaphone {
	background-position: -422px -3px
}

.sprite-vip {
	width: 32px;
	height: 32px;
	background-position: -496px -19px;
	position: absolute;
	left: 0;
	top: 7px
}

.nha-mang-viettel,
.nha-mang-vinaphone,
.nha-mang-mobifone,
.nha-mang-vietnamobile,
.nha-mang-gmobile,
.nha-mang-6,
.nha-mang-7 {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 50px;
	height: 50px;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 8px;
	left: 11px
}

.so-sim-home {
	color: #390;
	font-size: 17px;
	font-weight: 700;
	padding-bottom: 2px;
	position: relative
}

.so-sim-home+strong {
	position: relative
}

.details li {
	width: 100%
}

.details li:last-child {
	margin-bottom: 10px
}

.sms_syntax strong {
	color: #0090ff
}

.send_sms {
	width: 120px
}

.simcard h3 {
	background: #288ad6;
	margin-bottom: 9px;
	margin-top: 0;
	padding: 6px;
	color: #fff
}

.simcard h4 {
	margin: 0;
	padding: 0;
	font-size: 16px
}

.simcard-wf {
	padding: 2px
}

.tab-dich-vu {
	padding-top: 10px;
	margin: 0 auto;
	background: #fff
}

.tab-dich-vu div {
	border-top: 1px solid #ddd
}

.tab-dich-vu a {
	display: inline-block;
	margin: 0 0 -1px;
	padding: 10px 10px;
	font-weight: 600;
	text-align: center;
	color: #bbb;
	border: 1px solid transparent
}

.tab-dich-vu a:before {
	font-family: fontawesome;
	font-weight: normal;
	margin-right: 10px
}

.tab-dich-vu a:hover {
	color: #888;
	cursor: pointer
}

.tab-dich-vu a.active {
	color: #555;
	border: 1px solid #ddd;
	border-top: 2px solid #ffa500;
	border-bottom: 1px solid #fff;
	padding-bottom: 14px
}

span.installment {
	cursor: pointer;
	background: #ff6a00;
	color: #fff;
	width: fit-content!important;
	font-size: 11px;
	line-height: 18px;
	font-weight: 600;
	border-radius: 3px;
	padding: 4px 6px 4px 14px;
	margin: 1px 10px 0 5px;
	height: 18px;
	vertical-align: middle;
	position: relative
}

span.installment:before {
	content: '';
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-right: 7px solid #ff6a00;
	position: absolute;
	top: 1px;
	left: -6px
}

span.installment:after {
	content: '*';
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	font-size: 16px;
	position: absolute;
	top: 4px;
	right: 85%
}

.tragop+span {
	display: none
}

.form_controls_text {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
	color: #555;
	display: block;
	font-size: 14px;
	height: 34px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
	width: 100%;
	box-sizing: border-box
}

.note_phongthuy p {
	color: #666;
	font-size: 11px;
	margin: 10px auto;
	width: 60%
}

.hide {
	display: none!important
}

.title_result.totalpoint {
	text-shadow: 1px 1px 1px #ffc900;
	color: #fb0000;
	font-size: 16px;
	font-weight: bold;
	opacity: .8;
	padding: 10px;
	text-align: center
}

.span_nh span {
	text-shadow: 1px 1px 1px #000;
	font-weight: bold
}

.title_result {
	font-weight: bold;
	color: #871111
}

.list_suggest {
	width: 100%;
	clear: both
}

.list_suggest .sgpt_item {
	min-height: 142px;
	width: 100%;
	border: 1px solid #ccc;
	margin-left: -8px;
	margin-bottom: 10px;
	background: #fff;
	padding: 15px 5px 0 5px
}

.btn_show_more_pt {
	width: 201px;
	height: 16px;
	min-height: 16px;
	margin: 0 auto;
	border-radius: 4px;
	border: 1px solid #288ad6;
	color: #288ad6;
	cursor: pointer;
	background: #fff;
	padding: 5px;
	text-align: center;
	font-weight: bold
}

.btn_show_more_pt:hover {
	background: #ffefb4
}

.btn-phongthuy {
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	border-radius: 4px;
	border: 1px solid #d43f3a;
	background-color: #d9534f;
	color: #fff!important;
	float: left;
	margin: 0 5px 3px 0;
	box-shadow: 0 1px 6px #000;
	text-shadow: 0 1px 3px #000
}

.btn-phongthuy:hover {
	background-color: #c9302c;
	border-color: #ac2925
}

.phongthuy_wp {
	width: fit-content;
	margin: 0 auto;
	margin-bottom: 20px
}

.phongthuy_wp form {
	background: url(../images/form-phongthuy.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	padding: 40px
}

.form_phongthuy_controls {
	display: table;
	height: 30px;
	width: 100%;
	line-height: 30px
}

.form_phongthuy .form_left {
	float: left;
	display: inline-block
}

.form_phongthuy .form_right {
	width: auto;
	float: left;
	display: inline-block;
	position: relative
}

.form_phongthuy select {
	background: #fff;
	border: 1px solid #d7d8d8;
	border-radius: 4px;
	color: #333;
	font-size: 14px;
	height: 32px;
	line-height: 25px!important;
	margin: 2px 6px 16px 0;
	outline: 0 none;
	text-indent: .01px;
	display: inline-block;
	width: 70px;
	float: left
}

.btn-mua:hover {
	background: #00c3dd;
}

.form_phongthuy .radio_box {
	display: inline;
	margin-right: 25px
}

.form_phongthuy .radio_box input[type="radio"] {
	-webkit-appearance: radio;
	border: 0;
	width: 25px;
	height: 2em;
	float: left
}

.form_phongthuy_controls>div {
	width: fit-content;
	margin: 0 auto
}

.form_phongthuy_controls label {
	font-weight: bold;
	float: left
}

.form_phongthuy .radio_box label {
	padding: 0 15px 0 4px
}

.corner {
	position: absolute;
	z-index: 1;
	background: rgba(0, 0, 0, 0)
}

.corner>div {
	width: 14px;
	height: 14px
}

.border-red {
	position: relative;
	border: 2px solid red;
	background: #fff
}

.border-brown {
	position: relative;
	border: 2px solid #b97613;
	background: #fff
}

.border-red .list-group-item {
	color: #141415!important
}

.corner-top-left {
	left: 0;
	top: 0
}

.corner>div div {
	position: absolute
}

.corner-top-left>div div:nth-child(1) {
	width: 2px;
	height: 2px;
	border: 2px solid red;
	top: 0;
	left: 0
}

.corner-top-left>div div:nth-child(2) {
	width: 2px;
	height: 2px;
	border: 2px solid red;
	top: 0;
	left: 7px
}

.corner-top-left>div div:nth-child(3) {
	width: 2px;
	height: 2px;
	border: 2px solid red;
	top: 7px;
	left: 0
}

.corner-top-left>div div:nth-child(4) {
	background: #fff;
	z-index: -1;
	width: 7px;
	height: 14px;
	border-bottom: 1px solid red;
	border-right: 1px solid red;
	top: 0;
	left: 0
}

.corner-top-left>div div:nth-child(5) {
	background: #fff;
	z-index: -1;
	width: 14px;
	height: 7px;
	border-bottom: 1px solid red;
	border-right: 1px solid red;
	top: 0;
	left: 0
}

.corner-top-left>div div:nth-child(6) {
	width: 2px;
	height: 2px;
	border: 1px solid red;
	top: 4px;
	left: 4px
}

.corner-bottom-left {
	left: 0;
	bottom: 0
}

.corner-bottom-left>div div:nth-child(1) {
	width: 2px;
	height: 2px;
	border: 2px solid red;
	top: 0;
	left: 0
}

.corner-bottom-left>div div:nth-child(2) {
	width: 2px;
	height: 2px;
	border: 2px solid red;
	top: 7px;
	left: 7px
}

.corner-bottom-left>div div:nth-child(3) {
	width: 2px;
	height: 2px;
	border: 2px solid red;
	top: 7px;
	left: 0
}

.corner-bottom-left>div div:nth-child(4) {
	background: #fff;
	z-index: -1;
	width: 7px;
	height: 14px;
	border-top: 1px solid red;
	border-right: 1px solid red;
	top: -2px;
	left: 0
}

.corner-bottom-left>div div:nth-child(5) {
	background: #fff;
	z-index: -1;
	width: 14px;
	height: 7px;
	border-top: 1px solid red;
	border-right: 1px solid red;
	top: 5px;
	left: 0
}

.corner-bottom-left>div div:nth-child(6) {
	width: 2px;
	height: 2px;
	border: 1px solid red;
	top: 4px;
	left: 4px
}

.corner-top-right {
	right: 0;
	top: 0
}

.corner-top-right>div div:nth-child(1) {
	width: 2px;
	height: 2px;
	border: 2px solid red;
	top: 0;
	left: 0
}

.corner-top-right>div div:nth-child(2) {
	width: 2px;
	height: 2px;
	border: 2px solid red;
	top: 0;
	left: 7px
}

.corner-top-right>div div:nth-child(3) {
	width: 2px;
	height: 2px;
	border: 2px solid red;
	top: 7px;
	left: 7px
}

.corner-top-right>div div:nth-child(4) {
	background: #fff;
	z-index: -1;
	width: 7px;
	height: 14px;
	border-bottom: 1px solid red;
	border-left: 1px solid red;
	top: 0;
	left: 5px
}

.corner-top-right>div div:nth-child(5) {
	background: #fff;
	z-index: -1;
	width: 14px;
	height: 7px;
	border-bottom: 1px solid red;
	border-left: 1px solid red;
	top: 0;
	left: -2px
}

.corner-top-right>div div:nth-child(6) {
	width: 2px;
	height: 2px;
	border: 1px solid red;
	top: 4px;
	left: 4px
}

.corner-bottom-right {
	right: 0;
	bottom: 0
}

.corner-bottom-right>div div:nth-child(1) {
	width: 2px;
	height: 2px;
	border: 2px solid red;
	top: 7px;
	left: 7px
}

.corner-bottom-right>div div:nth-child(2) {
	width: 2px;
	height: 2px;
	border: 2px solid red;
	top: 0;
	left: 7px
}

.corner-bottom-right>div div:nth-child(3) {
	width: 2px;
	height: 2px;
	border: 2px solid red;
	top: 7px;
	left: 0
}

.corner-bottom-right>div div:nth-child(4) {
	background: #fff;
	z-index: -1;
	width: 7px;
	height: 14px;
	border-top: 1px solid red;
	border-left: 1px solid red;
	top: -2px;
	left: 4px
}

.corner-bottom-right>div div:nth-child(5) {
	background: #fff;
	z-index: -1;
	width: 14px;
	height: 9px;
	border-top: 1px solid red;
	border-left: 1px solid red;
	top: 4px;
	left: -2px
}

.corner-bottom-right>div div:nth-child(6) {
	width: 2px;
	height: 2px;
	border: 1px solid red;
	top: 4px;
	left: 4px
}

.corner-brown * {
	border-color: #b97613!important
}

.border-red .active,
.border-brown .active {
	color: #8a1a00!important;
	background: #fff;
	border: 0
}

.list_suggest .sgpt_item .sgpt_item_left {
	display: table-cell;
	float: left;
	width: 180px;
	text-align: center;
	padding-right: 5px
}

.list_suggest .sgpt_item .sgpt_item_right {
	display: table-cell
}

.list-da-xem {
	text-align: center
}

.list-da-xem div {
	display: inline;
	padding-left: 5px
}

@media all and (max-width:480px) {
	.list_suggest .sgpt_item .sgpt_item_left {
		width: 100%
	}
	.phongthuy_wp {
		height: auto
	}
	.phongthuy_wp form {
		padding: 23px
	}
}

.w3-modal {
	z-index: 3;
	display: none;
	padding-top: 100px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: #000;
	background-color: rgba(0, 0, 0, .4)
}

.w3-modal-content {
	background-color: #fff;
	position: relative;
	width: 600px;
	margin: auto;
	padding: 0;
	outline: 0;
	overflow: hidden;
	width: 264px;
	height: 205px
}

.w3-display-topright {
	position: absolute;
	right: 0;
	top: 0
}

.w3-btn,
.w3-button {
	border: none;
	display: inline-block;
	outline: 0;
	padding: 8px 16px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	background-color: inherit;
	text-align: center;
	cursor: pointer;
	white-space: nowrap
}

.w3-button:hover {
	color: #000!important;
	background-color: #ccc!important
}

.w3-container {
	padding: 17px;
	padding-top: 0
}

.w3-modal-content iframe {
	padding-top: 13px;
	border: 0;
	width: 230px;
	height: 226px
}

#menu .list-group a {
	padding: 0
}

#menu .list-group {
	margin: 0
}

.hotlinebottom a {
	z-index: 9;
	line-height: 37px;
	color: #fff;
	font-weight: bold;
	font-size: 21px;
	position: fixed;
	bottom: 15px;
	left: 9px;
	padding: 0 10px 0 37px;
	height: 36px;
	background: #4caf50;
	box-shadow: 0 4px 5px -1px rgba(0, 0, 0, .5);
	border-radius: 50px
}

#phone {
	position: absolute;
	top: 7px;
	left: 0
}

#phone+div {
	border: 1px solid #fff;
	width: 34px;
	height: 34px;
	position: absolute;
	border-radius: 50px;
	left: 0;
	top: 0
}

#phone span {
	display: inline-block;
	width: 36px;
	height: 36px;
	background: url(../images/phone0.png) no-repeat top;
	-webkit-animation: Rotate 1300ms linear 1300ms 5;
	animation: Rotate 1300ms linear 1300ms 5;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite
}

@-webkit-keyframes Rotate {
	0% {
		-webkit-transform: rotate(0deg);
	}
	4% {
		-webkit-transform: rotate(-45deg);
	}
	8% {
		-webkit-transform: rotate(0deg);
	}
	12% {
		-webkit-transform: rotate(-45deg);
	}
	16% {
		-webkit-transform: rotate(0deg);
	}
	20% {
		-webkit-transform: rotate(-45deg);
	}
	24% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
	}
}

@keyframes Rotate {
	0% {
		transform: rotate(0deg);
	}
	4% {
		transform: rotate(-45deg);
	}
	8% {
		transform: rotate(0deg);
	}
	12% {
		transform: rotate(-45deg);
	}
	16% {
		transform: rotate(0deg);
	}
	20% {
		transform: rotate(-45deg);
	}
	24% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

#main .lg-viettel {
	color: #005c54;
	padding: 4px;
	text-transform: capitalize;
	font-weight: bold
}

#main .lg-mobifone {
	color: #050576;
	text-transform: capitalize;
	font-weight: bold
}

#main .lg-vinaphone {
	color: #0773b3;
	padding: 4px;
	text-transform: capitalize;
	font-weight: bold
}

#main .lg-vietnamobile {
	color: #c27400;
	text-transform: capitalize;
	font-weight: bold
}

#main .lg-gmobile {
	color: #000;
	padding: 4px;
	text-transform: capitalize;
	font-weight: bold
}

#container-home .photo-grid ul li .simcard {
	text-align: right
}

.pagination {
	display: inline-block;
	padding: 0;
	/*margin: 20px 0;*/
	border-radius: 4px;
}

.pagination a,
.pagination span {
	color: black;
	/*float: left;*/
	padding: 6px 10px;
	text-decoration: none;
	transition: background-color .3s;
	margin-right: 2px;
}

.pagination a.active {
	background-color: #4CAF50;
	color: white;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	z-index: 2;
	color: #23527c;
	background-color: #eee;
	border-color: #ddd;
	/*border-radius: 15px;*/
}

.pagination>li {
	display: inline;
	list-style-type: none;
	float: left;
}

.pagination .active span {
	background-color: #0E8B9A;
	color: white;
	border-radius: 15px;
}

.pagination>li:first {
	text-align: left;
}


/**/

.label {
	display: inline;
	padding: .3em .6em .3em;
	font-size: 80%;
	font-weight: bold;
	line-height: 1;
	color: #ffffff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}

.btn-next,
.btn-previous {
	background: #0c808f;
	border-radius: 15px;
	color: #fff !important;
}

.btn-next:hover,
.btn-previous:hover,
.btn-previous:focus,
.btn-next:focus {
	background: #4cd5e7!important;
}

@-webkit-keyframes hue {
	from {
		-webkit-filter: hue-rotate(0deg);
	}
	to {
		-webkit-filter: hue-rotate(360deg);
	}
}

a.search_more {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

#chuyenmuc img {
	max-width: 100%!important;
}

.panel-wrapper {
	position: relative;
}

.btn_more {
	color: #fff !important;
	background: #0c808f;
	border-radius: 1.5em;
	left: 30%;
	padding: 1em;
	text-decoration: none;
	width: 40%;
}

.show,
.hide_more {
	position: absolute;
	bottom: -1em;
	z-index: 100;
	text-align: center;
}

.show {
	margin-bottom: -80px;
}

.hide_more {
	display: none;
}

.show:target {
	display: none;
}

.show:target~.hide_more {
	display: block;
}

.show:target~.panel {
	max-height: inherit;
}

.show:target~.fade {
	margin-top: 0;
}

.panel {
	position: relative;
	margin: 2em auto;
	max-height: 500px;
	overflow: hidden;
	transition: max-height .5s ease;
}

.fade {
	background: linear-gradient(to bottom, rgba($bg-color, 0) 0%, rgba($bg-color, 1) 75%);
	height: 10px;
	margin-top: -100px;
	position: relative;
	margin-bottom: 50px;
}

#scrollUp {
	bottom: 90px;
	right: 20px;
	width: 38px;
	height: 38px;
	background: url(/images/top.png) no-repeat;
}

.pt-info {
	margin-bottom: 10px
}


/* Masthead */

.laso,
.masthead {
	text-align: center
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom div,
.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top {
	top: 0
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow_Bottom,
.Zebra_Tooltip .Zebra_Tooltip_Arrow_Top div {
	bottom: 0
}

.masthead {
	padding: 4rem 1rem;
	font-weight: 300;
	color: rgba(255, 255, 255, .65)
}

.masthead a,
.masthead strong {
	font-weight: 400;
	color: #fff
}

.masthead p {
	font-size: 1.25rem
}

.grid-example {
	margin-bottom: 1rem
}

.grid-example .col {
	line-height: 3;
	text-align: center;
	color: #333
}

.grid-example .grid-example {
	margin-top: .5rem;
	margin-bottom: 0
}

.grid-example .grid-align-middle {
	height: 200px
}

.grid-example.grid-align-middle .col {
	min-height: 3rem;
	line-height: 1.5
}

.pt-container {
	max-width: 940px;
	margin-right: auto;
	margin-left: auto
}

.laso-wrapper {
	width: 100%;
	overflow-x: scroll
}

.laso,
.pt-hide {
	overflow: hidden
}

.laso {
	width: 700px;
	height: 860px;
	background: #92f2ff;
	font-size: 13px;
	font-family: Verdana, Tahoma, Arial, sans-serif
}

.cung-bottom,
.cung-top {
	height: 25px;
	margin: 2px 2px 0 0
}

.cung-middle {
	height: 160px
}

.cung-middle li,
.cung-middle ul {
	list-style-type: none;
	margin: 0
}

.hanhKim {
	color: purple
}

.hanhMoc {
	color: green
}

.hanhThuy {
	color: #4682b4
}

.hanhHoa {
	color: red
}

.hanhTho {
	color: #696969
}

.chinhTinh {
	min-height: 35px;
	padding-bottom: 3px;
	line-height: 1.1
}

.cungChu {
	text-transform: uppercase;
	font-size: 1.1em;
	padding-bottom: .2em
}

.pt-label.cungThan {
	color: #c92424;
	border: 1px solid #d6bc80;
	position: absolute
}

.xungChieu {
	background-color: #D7CCC8
}

.diaCung {
	width: 200px;
	height: 190px
}

.thienBan {
	width: 350px!important;
	height: 431px;
	position: relative;
	background: #effff5
}

.thienBan .noidung {
	padding: 5px 10px;
	text-align: justify
}

.thienBan .noidung .pt-header,
.thienBan .noidung .sinhkhac {
	text-align: center;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-weight: 700
}

.thienBan .noidung .pt-header {
	padding-bottom: 1rem
}

.thienBan .noidung .sinhkhac {
	padding-top: 1rem
}

.thienBan .noidung .cotTrai {
	text-align: left;
	font-weight: 700
}

.thienBan .noidung .cotPhai {
	text-align: left;
	line-height: 1.5em;
	font-family: Verdana, Tahoma, Arial, sans-serif
}

.pt-grid,
.tooltips {
	font-family: Times New Roman
}

.thienBan .mausac {
	position: absolute;
	height: 30px;
	bottom: 0
}

.ls-copyright {
	text-align: center;
	border: 1px solid #cec9c9;
	padding: 5px;
	width: 80%;
	margin: 10px auto;
	position: absolute;
	background: #f3f3f3;
	vertical-align: middle;
	left: 0;
	right: 0;
	justify-content: center;
	align-items: center
}

.ls-copyright .cp-name {
	color: #ff4500;
	padding: 0;
	margin: 0;
	font-size: 18px
}

.ls-copyright .cp-email {
	color: #00f
}

.ls-copyright .cp-info {
	color: #000
}

.thienBan .mausac .gioithieuhanh {
	font-weight: 700
}

.pt-grid .left {
	width: 30%;
	text-align: right
}

.pt-grid .right {
	width: 70%
}

.phuTinh .saotot,
.phuTinh .saoxau {
	width: 46%;
	line-height: 1.3em;
	vertical-align: top;
	max-height: 117px;
	display: inline-block
}

.formborder {
	border: 1px solid #c92424;
	padding: 10px
}

.pt-border {
	border: thin solid #a8a8a8
}

.pt-border-right {
	border-right: thin #a8a8a8 solid
}

.pt-border-left {
	border-left: thin #a8a8a8 solid
}

.pt-border-bottom {
	border-bottom: thin #a8a8a8 solid
}

.pt-border-top {
	border-top: thin #a8a8a8 solid
}

.inset-border {
	box-sizing: border-box
}

.phuTinh .saotot {
	text-align: left;
	white-space: nowrap
}

.phuTinh .saoxau {
	text-align: right;
	white-space: nowrap
}

.pt-blocks,
.pt-hide {
	width: 46%;
	line-height: 1.2em;
	font-size: 14px;
	white-space: nowrap
}

.pt-blocks {
	display: inline-block
}

.anlaso {
	display: none!important
}

.pt-hide {
	display: inline-block;
	height: 0
}

.pt-grid {
	display: table;
	width: 100%;
	table-layout: fixed;
	position: relative;
	font-size: 14px
}

.pt-col {
	display: table-cell
}

.thongtin {
	padding-bottom: 1rem
}

.grid-padded {
	margin-left: -1rem;
	margin-right: -1rem
}

.pt-label {
	display: inline;
	font-size: 90%;
	line-height: 1.1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	padding: 1px 4px
}

.label-tuan {
	background-color: #d9534f
}

.label-triet {
	background-color: #777
}

.tuanTriet {
	padding-top: .5rem;
	text-align: right;
	font-weight: 700;
	font-size: medium
}

.pt-col-1 {
	width: 8.333333%
}

.pt-col-2 {
	width: 16.666667%
}

.pt-col-3 {
	width: 25%
}

.pt-col-4 {
	width: 33.333333%
}

.pt-col-5 {
	width: 41.666667%
}

.pt-col-6 {
	width: 50%
}

.pt-col-7 {
	width: 58.333333%
}

.pt-col-8 {
	width: 66.666667%
}

.pt-col-9 {
	width: 75%
}

.pt-col-10 {
	width: 83.333333%
}

.pt-col-11 {
	width: 91.666667%
}

.grid-align-middle .col {
	vertical-align: middle
}

.grid-reverse {
	direction: rtl
}

.grid-reverse .col {
	direction: ltr
}

.Zebra_Tooltip {
	position: absolute;
	z-index: 8000;
	background: 0 0
}

.Zebra_Tooltip .Zebra_Tooltip_Message {
	position: relative;
	padding: 15px;
	font-size: inherit;
	text-align: left;
	font-weight: 400;
	line-height: inherit;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .6);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, .6);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, .6)
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow {
	position: absolute;
	height: 10px;
	width: 20px;
	overflow: hidden
}

.Zebra_Tooltip .Zebra_Tooltip_Arrow div {
	position: absolute;
	border-style: solid;
	border-width: 10px;
	height: 0;
	width: 0;
	left: 0
}

.Zebra_Tooltip .Zebra_Tooltip_Close {
	text-decoration: none;
	color: #FFF;
	position: absolute;
	right: 8px;
	top: 1px;
	font-size: inherit;
	font-weight: 700
}

.Zebra_Tooltip .Zebra_Tooltip_Close:hover {
	color: #C40000
}

.tooltips {
	cursor: help
}
#main article div table{
	height: 350px;
    overflow: scroll;
    display: block;
}
@media only screen and (min-width: 1366px) {
  #adss-left{
	left: 0!important;
	display:block!important;
  }
  #adss-right{
	right: 0!important;
	display:block!important;
  }
}
@media only screen and (min-width: 1400px) {
  #adss-left{
	left: 15px!important;
	display:block!important;
  }
  #adss-right{
	right: 15px!important;
	display:block!important;
  }
}