.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
	background-color: white;
	border: 1px solid #8a8a8a
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px
}

.ui-datepicker .ui-datepicker-next {
	right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0
}

.ui-datepicker td {
	border: 0;
	padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left
}

.ui-datepicker.ui-datepicker-multi {
	width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0
}

.ui-datepicker-rtl {
	direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px
}

.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em
}

@charset "UTF-8";
body {
	font-family: "Arial, Tahoma, Helvetica", sans-serif;
	font-size: 15px;
	line-height: 1.125rem;
	font-weight: 400;
	margin: 0 auto;
	padding: 0;
	background: #e1e3e4;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

a {
	color: #333;
	text-decoration: none;
	cursor: pointer
}

a:hover,
a:active,
a:focus {
	color: #ed1c25;
	text-decoration: underline
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Arial, Tahoma, Helvetica", sans-serif;
	font-weight: 500;
	margin: 0;
	padding: 0
}

h1 {
	font-size: 24px;
	line-height: initial
}

h2,
h3 {
	font-size: 16px
}

button {
	cursor: pointer;
	border: 0;
	padding: 0;
	background: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

iframe {
	border: 0;
	width: 100%
}

img {
	outline: 0
}

input,
textarea,
select {
	border: 1px solid #d9d3cb;
	border-radius: 3px;
	outline: 0
}

input {
	text-indent: 5px;
	padding: 6px 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

select {
	padding: 5px;
	cursor: pointer;
	background-color: #fff
}

select:disabled {
	cursor: not-allowed
}

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

input[type="checkbox"],
input[type="radio"] {
	width: 15px;
	height: 15px
}

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

table.table-fixed {
	table-layout: fixed
}

table.tbl50 {
	width: 50%;
	float: left
}

table .strip-side td {
	border-left: 0;
	border-right: 0
}

table th,
table td {
	padding: 5px;
	border: 1px solid #d9d3cb;
	text-align: center
}

table th {
	font-size: 14px;
	background: #f3f3f3
}

.fr {
	float: right
}

.fl {
	float: left
}

.clearfix::after {
	display: block;
	content: "";
	clear: both
}

.txt-center {
	text-align: center
}

.txt-left {
	text-align: left
}

.ads {
	margin-top: 10px;
	margin-bottom: 5px
}

.bg-orange {
	background: #fb9b34
}

.underline {
	text-decoration: underline
}

.uppercase {
	text-transform: uppercase
}

.pad0 {
	padding: 0
}

.pad5 {
	padding: 5px
}

.pad10 {
	padding: 10px
}

.pad10-5 {
	padding: 10px 5px
}

.mag0 {
	margin: 0
}

.mag5 {
	margin: 5px
}

.mag10-5 {
	margin: 10px 5px
}

.mag5-0 {
	margin: 5px 0
}

.magb10 {
	margin-bottom: 10px
}

.mag-r5 {
	margin-right: 5px
}

.mag-r15 {
	margin-right: 15px
}

.relative {
	position: relative
}

.absolute {
	position: absolute
}

.box {
	position: relative;
	background: #fff;
	margin-bottom: 2px
}

.box-html {
	padding: 5px 10px
}

.bg_gray {
	padding: 5px;
	text-align: center;
	border: 1px solid #d9d3cb;
	border-bottom: 0
}

.clred,
.clda-day td.last a,
.clnote,
.title-a {
	color: #ed1c25
}

.clgreen {
	color: #28a745
}

.clyellow {
	color: #ffc107
}

.clplum {
	color: #c00
}

.clblue {
	color: #2689e1
}

.dspnone,
.hidden,
.modal.dspnone {
	display: none
}

@media(max-width:1023px) {
	.dsp-mobile {
		display: block
	}
}

@media(min-width:1024px) {
	.dsp-mobile {
		display: none
	}
}

@media(max-width:1023px) {
	.dsp-desktop {
		display: none
	}
}

@media(min-width:1024px) {
	.dsp-desktop {
		display: block
	}
}

.bg_f6,
.bg_ef {
	background: #f3f3f3
}

.s18 {
	font-size: 18px
}

.bg_red,
.hrate {
	background: #ed1c25;
	color: #fff
}

.hrate {
	width: 10px;
	display: inline-block
}

.dspblock,
.in-block {
	display: inline-block
}

.nobor {
	border: 0
}

.list-unstyle {
	list-style: none;
	margin: 0;
	padding: 0
}

.s16,
.f16,
.s16 a {
	font-size: 16px
}

.s12 {
	font-size: 12px
}

.s20 {
	font-size: 20px
}

.s24 {
	font-size: 24px
}

.bold {
	font-weight: bold
}

.sub-title {
	color: #0a52a3;
	text-decoration: underline;
	font-size: 13px
}

.ic {
	background: url(/css/images/icons.png) no-repeat left 0
}

.ic-arrow {
	background-position: left -398px;
	padding-left: 13px
}

.arr-d {
	background-position: -91px -1252px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	display: none
}

.percent-50 {
	width: 50%
}

.scrolling {
	-webkit-transition: .3s;
	transition: .3s
}

.scrolling .sticky {
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 100;
	-webkit-box-shadow: 0 5px 9px 2px rgba(41, 41, 41, 0.25);
	box-shadow: 0 5px 9px 2px rgba(41, 41, 41, 0.25)
}

.title {
	text-transform: uppercase
}

.ic-check,
.mag-l5 {
	margin-left: 5px
}

.bullet ul li a {
	font-weight: bold
}

.bullet ul li::before {
	background: url('/css/images/bulett5.png') 0 5px no-repeat;
	width: 10px;
	height: 15px;
	display: inline-block;
	content: "";
	vertical-align: middle
}

#go-top {
	position: fixed;
	bottom: 110px;
	right: 10px;
	z-index: 99;
	border: 0;
	outline: 0;
	background-color: #c3c3c3;
	color: white;
	cursor: pointer;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 10px;
	font-size: 30px;
	line-height: 30px;
	height: 35px
}

.paragraph {
	line-height: 20px
}

.paragraph h2,
.paragraph h3 {
	margin: initial;
	display: inline-block;
	font-weight: bold;
	line-height: initial
}

.paragraph h2 {
	font-size: 18px
}

.paragraph h3 {
	font-size: 16px
}

a.item_sublink {
	color: #fbf7f7;
	display: inline-block;
	border-radius: 30px;
	background: #f77446;
	padding: .2rem;
	margin: 2px;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px
}

.ic-img2,
.ic-img3,
.ic-img4,
.ic-img5,
.ic-img6 {
	height: 39px
}

th.ic-img2,
.ic-img2 {
	background-position: left -668px;
	width: 80px
}

th.ic-img {
	background-position: left -722px;
	width: 52px;
	height: 39px
}

th.ic-img3,
.ic-img3 {
	background-position: left -775px;
	width: 80px
}

th.ic-img4,
.ic-img4 {
	background-position: left -945px;
	width: 64px
}

th.ic-img5,
.ic-img5 {
	background-position: left -1128px;
	width: 80px
}

th.ic-img6,
.ic-img6 {
	background-position: 0 -1361px;
	width: 80px
}

.loading:before,
.loading-opacity:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 100;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: white
}

.loading-opacity:before {
	background-color: rgba(255, 255, 255, 0.8)
}

.loading:after,
.loading-opacity:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 101;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-image: url('data:image/svg+xml;utf8,<svg%20version="1.1"%20xmlns="http:%2F%2Fwww.w3.org%2F2000%2Fsvg"%20xmlns:xlink="http:%2F%2Fwww.w3.org%2F1999%2Fxlink"%20width="40px"%20height="40px"%20viewBox="0%200%2050%2050"%20style="enable-background:new%200%200%2050%2050;"%20xml:space="preserve"><path%20fill="%23F16623"%20d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z">%20<animateTransform%20attributeType="xml"%20attributeName="transform"%20type="rotate"%20from="0%2025%2025"%20to="360%2025%2025"%20dur="0.6s"%20repeatCount="indefinite"%2F><%2Fpath><%2Fsvg>');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	min-height: 1.5em;
	min-width: 1.5em;
	max-width: 3em;
	width: 5%;
	height: 100%
}

.main,
.container {
	max-width: 1024px;
	margin: 0 auto
}

@media(min-width:1090px) {
	.main,
	.container {
		max-width: 1090px
	}
}

@media(min-width:1024px) and (max-width:1089px) {
	.col-l {
		display: inline-block;
		width: 476px
	}
}

@media(min-width:1090px) {
	.col-l {
		width: 560px;
		display: inline-block
	}
}

@media(min-width:1024px) {
	.col-right {
		width: 300px;
		float: right;
		padding-left: 5px
	}
}

@media(min-width:1024px) {
	.col-center {
		width: 220px;
		float: left;
		padding-right: 5px
	}
}

.content-right {
	background-color: #fff;
	margin-bottom: 5px
}

.content-right .title-r {
	background-color: #f60;
	color: #fff;
	padding: 10px 5px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0
}

.content-right li {
	padding: 5px;
	border-bottom: 1px dotted #f3f3f3
}

.content-right a {
	font-size: 13px
}

.content-right.link-hay a {
	color: #0a52a3
}

.content-right h3 a,
.content-right h2 a,
.content-right .title-r a {
	color: #fff
}

.footer {
	background: #f3f3f3
}

.footer .main {
	border-top: 1px solid #fff;
	padding: 10px 0 5px;
	text-align: center
}

@media(max-width:767px) {
	.footer .main {
		padding-top: 0
	}
	.footer div.fl,
	.footer .share-social {
		float: none
	}
	.footer .share-social {
		margin: 0
	}
	.footer .share-social .txt-center {
		text-align: left
	}
}

.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	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: 4px
}

.btn-link {
	color: #000;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #d9d3cb
}

.btn-light {
	color: #000;
	background-color: #efefef;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #d9d3cb
}

.btn-red {
	background: #ed1c25;
	color: #fff
}

.btn-green {
	background: #00a65a;
	color: #fff
}

.btn.btn-blue {
	background: #4965a6;
	color: #fff
}

.btn-cancel {
	background: 0;
	border: 1px solid #d9d3cb;
	color: black
}

.btn-danger {
	background-color: #dd4b39;
	color: #fff
}

.btn-secondary {
	color: #6c757d;
	background-color: transparent;
	border-color: #d9d3cb
}

.btn-see-more {
	width: 100%;
	max-width: 300px;
	border-radius: 3px;
	padding: .5em;
	border: 1px solid #d9d3cb;
	display: block;
	margin: .5rem auto;
	cursor: pointer;
	text-transform: uppercase;
	height: initial;
	background-color: #fff
}

.form-group {
	margin-bottom: 10px
}

.form-horizontal {
	padding: 5px;
	overflow: auto
}

.form-horizontal .form-group {
	overflow: hidden;
	margin-left: initial;
	margin-right: initial
}

.form-horizontal .form-group:before {
	display: table;
	content: " "
}

.form-horizontal .form-group:after {
	clear: both
}

.form-horizontal .control-label {
	padding-top: 3px;
	margin-bottom: 0;
	text-align: left;
	width: 30%;
	float: left;
	font-weight: bold
}

.form-horizontal div[role=radiogroup] label {
	display: inline-block
}

.form-horizontal .form-control,
.form-horizontal .hint-block,
.form-horizontal div[role=radiogroup] {
	width: calc(70% - 1rem);
	float: right
}

.form-horizontal .help-block {
	float: left;
	padding-left: 10px;
	color: red
}

.taskbar {
	border-bottom: 1px solid #f3f3f3;
	background: #fbfbfb;
	font-weight: bold;
	font-size: 12px;
	padding: 5px
}

@media(max-width:1023px) {
	.taskbar {
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap
	}
}

.top-info {
	background: #fff
}

@media(max-width:1023px) {
	.top-info {
		text-align: center
	}
	.top-info .download-link {
		font-size: 13px;
		position: absolute;
		right: 5px;
		display: inline
	}
	.top-info .download-link span::after {
		background: url("/images/ic_launcher_small.png") 0 no-repeat;
		width: 25px;
		height: 25px;
		display: inline-block;
		background-size: contain;
		content: "";
		vertical-align: middle;
		margin-left: 5px
	}
}

.logo {
	text-align: left;
	font-weight: bold
}

@media(max-width:1023px) {
	.logo {
		display: inline-block
	}
}

@media(min-width:1024px) {
	.logo {
		float: left
	}
}

.logo .txtlink {
	font-size: 10px
}

.txtlogo {
	color: #ed1c25;
	display: inline-block;
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	line-height: 36px
}

@media(max-width:1023px) {
	.txtlogo {
		font-size: 24px;
		color: #ed1c25;
		padding: 0;
		line-height: initial
	}
}

nav {
	background: #ed1c25
}

nav li>a {
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	padding: 0 6px;
	white-space: nowrap;
	line-height: 36px
}

@media(min-width:1024px) {
	nav li>a {
		color: #fff
	}
}

@media(min-width:1024px) and (max-width:1089px) {
	nav li>a {
		padding: 0 6px
	}
}

@media(max-width:320px) {
	nav li>a {
		font-size: 13px
	}
}

nav li:hover {
	position: relative
}

nav li.active a,
nav li:hover a {
	color: #ed1c25;
	background: #ffe500
}

nav li:hover .menu-c2 {
	display: block
}

@media(max-width:1023px) {
	.navbar-toggle {
		float: left;
		padding: 6px;
		position: absolute;
		left: 0;
		-webkit-border-radius: 3px
	}
	.navbar-toggle .icon-bar {
		border-radius: 1px;
		-moz-border-radius: 1px;
		-webkit-border-radius: 1px;
		display: block;
		height: 2px;
		width: 22px;
		background: #000
	}
	.navbar-toggle .icon-bar+.icon-bar {
		margin-top: 3px
	}
}

@media(min-width:1024px) {
	.nav-mobi {
		display: none
	}
}

@media(max-width:1023px) {
	.nav-mobi {
		display: block
	}
	.nav-mobi a {
		color: #fff;
		padding: 0
	}
}

.nav-mobi li {
	width: 20%;
	text-align: center
}

@media(max-width:1023px) {
	html.menu-active .nav-pc {
		visibility: visible;
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0);
		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
		-webkit-transition: .4s;
		transition: .4s
	}
	html.menu-active #menu-mobile-backdrop {
		display: block
	}
}

@media(max-width:1023px) {
	.nav-pc {
		visibility: hidden;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 100;
		width: 85vw;
		max-width: 320px;
		background: #fff;
		overflow-y: scroll;
		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
		-webkit-transition: .4s;
		transition: .4s;
		-webkit-transform: translate(-100%);
		-ms-transform: translate(-100%);
		transform: translate(-100%)
	}
}

.menu-c2 {
	display: none;
	clear: both
}

@media(min-width:1024px) {
	.menu-c2 {
		position: absolute;
		top: 36px;
		min-width: 200px;
		background: #fff;
		border: 1px solid #d9d3cb;
		padding: 10px;
		display: none;
		z-index: 9999
	}
}

.menu-c2 li {
	padding: 0 5px 0 20px
}

@media(min-width:1024px) {
	.menu-c2 li {
		padding: 0 5px 0 10px
	}
}

.menu-c2 li:not(:last-child) {
	border-bottom: 1px dashed #f3f3f3
}

.menu-c2 li a {
	text-transform: none
}

.menu-c2 li:not(.active) a {
	color: #333;
	padding: 0;
	background: 0
}

.menu-c2 li.active a {
	background: #f90;
	color: #fff
}

@media(max-width:1023px) {
	.nav-horizontal {
		position: absolute;
		z-index: 9999;
		width: 100%
	}
	.nav-horizontal.main {
		margin-bottom: 80px
	}
	.nav-horizontal li {
		float: none;
		background: #fff
	}
	.nav-horizontal li:not(:last-child) {
		border-bottom: 1px solid #f3f3f3
	}
	.nav-horizontal li.active,
	.nav-horizontal li:hover {
		background: #fb9b34
	}
	.nav-horizontal li a {
		color: #000
	}
	.nav-horizontal li.active>a,
	.nav-horizontal li:hover>a {
		background: #fb9b34;
		color: #fff
	}
	.nav-horizontal li.active .menu-c2,
	.nav-horizontal li:hover .menu-c2,
	.nav-horizontal li .arr-d {
		display: block
	}
	.nav-horizontal li.menu-header {
		background: #ed1c25;
		padding: .5rem 0;
		color: #fff;
		border-bottom: 0
	}
	.nav-horizontal li.menu-header .close-button {
		display: table;
		position: absolute;
		top: 0;
		left: 0;
		width: 50px;
		height: 40px
	}
	.nav-horizontal li.menu-header .close-button img {
		display: block;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0
	}
	.nav-horizontal li.menu-header .home-logo {
		display: block;
		margin: auto;
		width: 60px;
		overflow: hidden;
		border: 0
	}
	.nav-horizontal li.menu-header .home-logo img {
		width: 60px;
		height: 60px
	}
}

#menu-mobile-backdrop {
	display: none
}

@media(max-width:1023px) {
	#menu-mobile-backdrop {
		z-index: 10;
		background-color: rgba(255, 255, 255, 0.7);
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0
	}
}

.hdc-csi_article {
	width: 336px;
	height: 280px;
	display: inline-block
}

.hdc-csi_square {
	width: 336px;
	height: 280px;
	margin: 0 auto;
	display: inline-block
}

.ui-datepicker-trigger {
	cursor: pointer
}

.hdc-csi_600 {
	width: 300px;
	height: 600px
}

.hdc-csi_header {
	margin: auto;
	width: 320px;
	height: 100px
}

@media(max-width:640px) and (min-width:321px) {
	.hdc-csi_600 {
		width: 336px;
		height: 280px
	}
	.hdc-csi_square {
		width: 336px;
		height: 280px
	}
	.hdc-csi_overlay {
		width: 320px;
		height: 50px;
		color: #FFF;
		left: 0;
		width: 100%;
		bottom: 0;
		position: fixed;
		z-index: 100;
		background: #fff;
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
		padding-top: 4px
	}
}

@media(max-width:1089px) and (min-width:641px) {
	.hdc-csi_600 {
		width: 160px;
		height: 600px
	}
	.hdc-csi_overlay {
		display: none
	}
}

@media(max-width:320px) {
	.hdc-csi_600 {
		width: 300px;
		height: 250px
	}
	.hdc-csi_article {
		width: 300px;
		height: 250px
	}
	.hdc-csi_square {
		width: 300px;
		height: 250px
	}
}

@media(min-width:768px) and (max-width:1023px) {
	.hdc-csi_header {
		width: 728px;
		height: 90px
	}
}

@media(min-width:1024px) {
	.hdc-csi_header {
		width: 970px;
		height: 90px
	}
}

.link-du-doan a {
	display: inline-block;
	margin: 0 3px 5px;
	font-size: 13px
}

.linkway .main {
	padding: 5px 0
}

.linkway .main a:first-child {
	padding-left: 5px
}

.linkway .main a:hover {
	text-decoration: underline
}

.breadcrumb {
	padding: 0;
	font-size: 13px
}

.breadcrumb ol {
	list-style-type: none;
	word-wrap: break-word;
	padding-left: 0;
	margin: 0
}

.breadcrumb ol li {
	display: inline;
	word-wrap: break-word;
	padding-left: 0
}

.breadcrumb ol li a {
	color: black;
	padding-left: 0
}

.modal {
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.7)
}

.modal-content {
	background-color: #fefefe;
	margin-top: 200px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #c7c7c7;
	width: 480px
}

.modal-content .modal-header {
	padding: 20px 20px 0;
	border-bottom: 0
}

.modal-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 1rem;
	border-bottom: 1px solid #e9ecef;
	border-top-left-radius: .3rem;
	border-top-right-radius: .3rem
}

.modal-header .close {
	padding: 1rem;
	margin: -1rem -1rem -1rem auto
}

.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
	font-size: 18px;
	font-weight: bold
}

.modal-content .modal-body {
	padding: 20px 20px 20px
}

.modal-body {
	position: relative;
	flex: 1 1 auto;
	padding: 1rem
}

.modal-content .modal-footer {
	padding: 8px 8px 8px 16px;
	border-top: 0
}

.modal-footer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 1rem;
	border-top: 1px solid #e9ecef
}

.modal-footer .btn {
	font-size: 16px;
	margin: .5rem 1rem
}

.modal-close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	margin-top: -4px
}

.modal-close:hover,
.modal-close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer
}

.image-modal {
	padding-top: 40px
}

.image-modal .modal-close {
	color: #fff;
	padding: 10px
}

.image-modal .img-container {
	text-align: center;
	max-width: 100%;
	max-height: 80%;
	width: fit-content
}

.image-modal .img-container img {
	margin: auto;
	max-width: 100%;
	max-height: 900px
}

@media(max-width:767px) {
	.modal-content {
		width: 90%
	}
	.image-modal .img-container img {
		max-height: 600px
	}
}

.opt_date_full {
	background: #fff;
	border: 1px solid #f3f3f3;
	position: relative;
	color: #ed1c25;
	line-height: 23px
}

.opt_date_full input {
	width: 110px;
	font-weight: bold;
	color: #ed1c25;
	height: auto;
	font-size: 15px;
	padding: 3px 12px 3px 0
}

.opt_date_full .ic-pre,
.opt_date_full .ic-next {
	background: url(/css/images/icons.png) no-repeat -21px -1027px;
	width: 9px;
	height: 13px;
	top: 6px;
	position: absolute;
	opacity: .5
}

.opt_date_full .ic-next {
	background-position: -68px -1027px;
	right: 6px
}

.opt_date_full .ic-next:hover {
	background-position: -53px -1027px;
	opacity: 1
}

.opt_date_full .ic-pre {
	left: 6px
}

.opt_date_full .ic-pre:hover {
	background-position: -35px -1027px;
	opacity: 1
}

.tab-panel {
	padding: 0;
	margin: 0;
	background: transparent;
	position: relative;
	font-size: 13px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%
}

.tab-panel:after {
	content: "";
	display: block;
	background: #fff2bc;
	height: 7px;
	width: 100%;
	top: 100%;
	position: absolute
}

.tab-panel * {
	position: relative;
	word-spacing: normal
}

.tab-panel+h2 {
	border-radius: 0
}

.tab-panel li {
	line-height: 24px
}

@media(min-width:1090px) {
	.tab-panel li {
		margin-right: .9em;
		display: inline-block;
		list-style: none;
		background: #f3f3f3;
		border-radius: 5px 5px 0 0;
		z-index: 0
	}
}

.tab-panel li a {
	color: inherit;
	display: block;
	padding: 5px
}

@media(max-width:767px) {
	.tab-panel li a {
		padding: 5px 0
	}
}

.tab-panel li a:hover {
	color: #ec891d
}

.tab-panel li.active {
	color: #fff;
	background: #fff2bc;
	font-weight: 700;
	color: #333
}

.tab-panel li.active:after {
	background: #fff2bc
}

.tab-panel li:after {
	content: "";
	display: block;
	position: absolute;
	right: -5px;
	top: 2px;
	border-radius: 0 5px 0 0;
	transform: rotate(-20deg);
	height: 110%;
	width: 10px;
	background: #f3f3f3;
	z-index: -1
}

@media(max-width:1089px) {
	.tab-panel li {
		flex: 0 1 25%;
		border-top: 1px solid #f3f3f3;
		border-radius: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0;
		background: #fff
	}
	.tab-panel li:not(:first-child) {
		border-left: 1px solid #f3f3f3
	}
	.tab-panel.tab-stripped li {
		border: 0
	}
	.tab-panel.tab-auto li {
		flex: 1 1 auto
	}
	.tab-panel.tab-5 li {
		flex: 1 1 20%
	}
	.tab-panel.tab-3 li {
		flex: 1 1 33.33%
	}
	.tab-panel li:after,
	.tab-panel:after {
		display: none
	}
	.tab-panel li a {
		text-align: center
	}
}

@media(min-width:768px) and (max-width:1089px) {
	.tab-panel li {
		flex: 0 1 12.5%
	}
}

.mo-thuong-ngay td {
	line-height: 22px
}

@media(max-width:320px) {
	.mo-thuong-ngay td {
		font-size: 13px
	}
}

.tit-mien,
.title-bor {
	padding: 10px 3px;
	background: #fff2bc;
	text-align: center
}

.tit-mien h2,
.title-bor h2 {
	font-weight: bold
}

.kq-title {
	font-weight: bold
}

table.kqmb thead {
	display: none
}

@media(min-width:768px) {
	.three-city,
	.four-city,
	.one-city,
	.two-city {
		margin: 5px
	}
}

.imgloadig {
	background: url('/css/images/loader-red.gif') no-repeat left 0;
	display: inline-block;
	width: 20px;
	height: 20px
}

.madb .imgloadig {
	vertical-align: middle
}

.madb td {
	padding: 8px 5px
}

.madb td b {
	color: #0505a7
}

.colgiai tbody>tr:nth-of-type(odd) {
	background: #f3f3f3
}

.colgiai td div {
	font-size: 18px;
	font-weight: bold;
	padding: 4px 0;
	margin: auto;
	display: block
}

@media(max-width:320px) {
	.colgiai td div {
		font-size: 17px;
		padding: 2px 0
	}
}

@media(min-width:414px) {
	.colgiai td div {
		font-size: 21px;
		padding: 5px 0
	}
}

table.kqmb td.number {
	font-size: 22px
}

@media(max-width:320px) {
	table.kqmb td.number {
		font-size: 20px
	}
}

table.kqmb .db td.number,
table.kqmb .giai8 td.number,
.colgiai .g8 div,
.colgiai .gdb div,
.kqmb .g7 .number {
	font-size: 26px;
	color: #ed1c25
}

@media(min-width:768px) {
	table.kqmb .db td.number,
	table.kqmb .giai8 td.number,
	.colgiai .g8 div,
	.colgiai .gdb div,
	.kqmb .g7 .number {
		font-size: 28px
	}
}

.colgiai th.first {
	width: 10%
}

.coltwocity th,
.colfourcity th,
.colthreecity th,
.colgiai th {
	vertical-align: baseline;
	font-size: 13px
}

.coltwocity th {
	width: 45%
}

.colfourcity th {
	width: 22.5%
}

.colfourcity.colgiai .gdb div {
	font-size: 21px
}

@media(max-width:320px) {
	.colfourcity.colgiai .gdb div {
		font-size: 19px
	}
	.colfourcity td {
		padding: 5px 2px
	}
}

@media(min-width:414px) {
	.colfourcity.colgiai .gdb div {
		font-size: 24px
	}
}

.colthreecity th {
	/*width: 30%*/
}

.one-city td,
.kqmb td {
	padding: 10px 5px
}

.one-city td.txt-giai,
.kqmb td.txt-giai {
	width: 70px;
	padding: 8px 2px
}

.col-firstlast th {
	background-image: linear-gradient(to bottom, #f3f3f3, #e1e3e4);
	background-repeat: repeat-x
}

.col-firstlast td,
.col-firstlast th {
	padding: 5px
}

.firstlast-mb {
	font-weight: 700
}

.firstlast-mb.fl,
.firstlast-mb.fr {
	width: 49%
}

.firstlast-mb.fl td:last-child,
.firstlast-mb.fl th:last-child {
	text-align: left;
	padding-left: 10px
}

.firstlast-mb.fr td:first-child,
.firstlast-mb.fr th:first-child {
	text-align: right;
	padding-right: 10px
}

#result-book table.kqmb td.number {
	font-size: 20px
}

#result-book table.kqmb .db td.number {
	font-size: 22px
}

#result-book .sub-col-l {
	width: calc(68% - 5px);
	float: left
}

#result-book .sub-col-r {
	width: 32%;
	float: right
}

#result-book .sub-col-r .firstlast-mb.fl,
#result-book .sub-col-r .firstlast-mb.fr {
	width: 100%
}

#result-book .sub-col-r td {
	word-break: break-word
}

#result-book .sub-col-r td:first-child {
	font-size: 18px;
	line-height: 22px;
	padding: 8px 5px
}

#result-book th {
	color: #000;
	background: #fff2bc;
	font-size: 14px;
	padding: 5px 0;
	text-align: center
}

@media(max-width:360px) {
	#result-book .sub-col-l,
	#result-book .sub-col-r {
		width: 100%;
		float: none
	}
}

.cl-rl,
.colgiai td div.cl-rl {
	color: #f60;
	font-size: 22px;
	width: fit-content;
	background-color: #fff2bc;
	padding: 2px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-border-radius: 20px
}

.alert {
	padding: 8px;
	color: #000;
	opacity: 1;
	transition: opacity .6s;
	font-size: 16px;
	background-color: #fff9e1
}

.alert .alert-link {
	font-size: 13px;
	float: right
}

.alert .alert-link img {
	height: 28px
}

.alert .prize-number {
	font-size: 24px;
	text-decoration: initial
}

.alert.blink {
	animation: colorchange 3s;
	-webkit-animation: colorchange 3s
}

@keyframes colorchange {
	0 {
		background: #fb9b34
	}
	100% {
		background: #fff9e1
	}
}

@-webkit-keyframes colorchange {
	0 {
		background: #fb9b34
	}
	100% {
		background: #fff9e1
	}
}

.alert.success {
	background-color: #4caf50
}

.alert.info {
	background-color: #2196f3
}

.alert.warning {
	background-color: #ff9800
}

.alert .closebtn {
	margin-left: 15px;
	color: #31708f;
	font-weight: bold;
	float: right;
	font-size: 22px;
	line-height: 20px;
	cursor: pointer;
	transition: .3s
}

.alert.blink .alert-msg::before {
	-moz-animation: blink normal 1s infinite ease-in-out;
	-webkit-animation: blink normal 1s infinite ease-in-out;
	-ms-animation: blink normal 1s infinite ease-in-out;
	animation: blink normal 1s infinite ease-in-out;
	vertical-align: baseline;
	margin-right: 5px;
	content: '';
	width: 1em;
	height: 1em;
	background-color: #ed1b2f;
	border-radius: 50%;
	display: inline-block
}

.alert .alert-msg {
	font-style: italic;
	vertical-align: baseline
}

.alert .closebtn:hover {
	color: black
}

#snackbar {
	visibility: hidden;
	width: 250px;
	margin-left: -140px;
	background-color: rgba(51, 51, 51, 0.82);
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 1;
	left: 50%;
	bottom: 30px;
	font-weight: 700;
	font-size: 16px;
	-webkit-animation: fadeout .5s;
	animation: fadeout .5s
}

#snackbar .clnote {
	font-size: 20px;
	color: #ffcf3a
}

.alert a.clnote,
#snackbar a.clnote {
	font-style: italic;
	font-size: 13px
}

#snackbar.show {
	visibility: visible;
	-webkit-animation: fadein .5s;
	animation: fadein .5s
}

.blink-image {
	-moz-animation: blink normal 1s infinite ease-in-out;
	-webkit-animation: blink normal 1s infinite ease-in-out;
	-ms-animation: blink normal 1s infinite ease-in-out;
	animation: blink normal 1s infinite ease-in-out;
	vertical-align: middle;
	margin-right: 5px
}

@-moz-keyframes blink {
	0 {
		opacity: 1
	}
	50% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes blink {
	0 {
		opacity: 1
	}
	50% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-ms-keyframes blink {
	0 {
		opacity: 1
	}
	50% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes blink {
	0 {
		opacity: 1
	}
	50% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadein {
	from {
		bottom: 0;
		opacity: 0
	}
	to {
		bottom: 30px;
		opacity: 1
	}
}

@keyframes fadein {
	from {
		bottom: 0;
		opacity: 0
	}
	to {
		bottom: 30px;
		opacity: 1
	}
}

@-webkit-keyframes fadeout {
	from {
		bottom: 30px;
		opacity: 1
	}
	to {
		bottom: 0;
		opacity: 0
	}
}

@keyframes fadeout {
	from {
		bottom: 30px;
		opacity: 1
	}
	to {
		bottom: 0;
		opacity: 0
	}
}

.control-panel {
	display: block;
	padding: 5px;
	text-align: center;
	background: #fb9b34;
	color: #fff;
	font-weight: bold
}

.control-panel:after {
	content: "";
	display: block;
	clear: both
}

.full-screen {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999;
	margin: auto
}

.zoom-out-button {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 99999;
	opacity: .5
}

.zoom-out-button:hover {
	opacity: 1
}

table.full-screen tr th,
table.full-screen tr td {
	padding: 0
}

.digits-form label.radio input {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	pointer-events: none
}

.digits-form label.radio input+b {
	width: 1em;
	height: 1em;
	display: inline-block;
	border-radius: 100%;
	border: 0;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto
}

.digits-form label.radio input:checked+b {
	background-image: url('data:image/svg+xml;utf8,<svg%20xmlns="http:%2F%2Fwww.w3.org%2F2000%2Fsvg"%20xmlns:xlink="http:%2F%2Fwww.w3.org%2F1999%2Fxlink"%20version="1.1"%20viewBox="0%200%20100%20100"><circle%20cx="50"%20cy="50"%20r="30"%20fill="%23537E51"%2F><%2Fsvg>')
}

.digits-form label.radio * {
	vertical-align: middle
}

.digits-form label.radio[data-value="0"] span:after {
	content: " Đầy đủ"
}

.digits-form label.radio[data-value="2"] span:after {
	content: " 2 số"
}

.digits-form label.radio[data-value="3"] span:after {
	content: " 3 số"
}

.digits-form {
	float: left
}

.digits-form label.radio {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer
}

.digits-form label.radio+label.radio {
	margin-left: .5em
}

.icon {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block
}

span.icon,
i.icon {
	display: inline-block
}

i.icon {
	vertical-align: middle
}

.zoom-in-icon {
	background-image: url("/images/zoom_in.png");
	width: 19px;
	height: 17px
}

.zoom-out-icon {
	background-image: url("/images/zoom_out.png");
	width: 45px;
	height: 44px
}

.sound-icon {
	background-image: url("/images/speaker.png");
	width: 19px;
	height: 17px
}

.sound-icon.off {
	background-image: url("/images/speaker-off.png");
	width: 19px;
	height: 17px
}

.share-button,
.zoom-in-button {
	display: none
}

.share-button {
	margin-left: 1em;
	display: none
}

.share-button span:after {
	content: " Chia sẻ"
}

.zoom-in-button span:after {
	content: " Phóng to"
}

.buttons-wrapper {
	float: right;
	display: inline-block
}

.subscription-button {
	display: inline-block
}

.subscription-button.dspnone {
	/*display: none;*/
}

.buttons-wrapper .subscription-button span:after {
	content: " Thông báo";
	vertical-align: middle
}

.lbl1 {
	position: relative;
	display: inline-block;
	height: 16px;
	width: 40px;
	background: #898989;
	border-radius: 100px;
	cursor: pointer;
	transition: all .3s ease;
	vertical-align: middle
}

.lbl1:after {
	position: absolute;
	left: -2px;
	top: -4px;
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 100px;
	background: #fff;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
	content: '';
	transition: all .3s ease;
	border: 2px solid #fb9b34
}

.lbl1:active:after {
	transform: scale(1.15, 0.85)
}

.cbx:checked~label {
	background: #537e51
}

.cbx:checked~label:after {
	left: 16px;
	background: white
}

.cbx:disabled~label {
	background: #d5d5d5;
	pointer-events: none
}

.cbx:disabled~label:after {
	background: #bcbdbc
}

.cntr {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.bg-orange {
	background: #fff2bc
}

.txt-right {
	text-align: right
}

.conect_out {
	padding: 5px 5px;
	float: right;
	text-align: center;
	margin-top: 5px;
	margin-right: 5px;
	background-color: #dd4b39;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff
}

.bg_brown {
	border-radius: 3px;
	padding: 5px 10px
}

.bg_brown:hover a {
	color: #fff
}

@media(min-width:769px) {
	.zoom-in-button {
		/*display: inline-block;*/
		display: none;
	}
}

.cate-news h3 {
	margin-bottom: 5px
}

.cate-news ul {
	padding: 0 5px;
	margin-bottom: 10px
}

.cate-news li {
	padding: 7px 0;
	border-bottom: 1px dashed #d9d3cb
}

.cate-news li img {
	max-width: 120px
}

.cate-news li h3 a {
	font-size: 16px
}

.cont-detail a {
	text-decoration: underline;
	text-underline-position: under;
	font-size: 15px;
	color: #30f;
	font-weight: bold
}

.cont-detail ul {
	list-style: disc inside
}

.box-detail {
	line-height: 20px;
	font-size: 16px
}

.cont-detail img,
.box-detail img {
	max-width: 500px
}

.date {
	font-size: 11px;
	color: #999
}

p.date {
	margin: 5px 0
}

h3 .date {
	margin-left: 5px
}

.widget-toc {
	display: table;
	border: 1px solid #a2a9b1;
	background-color: #f8f9fa;
	padding: .5rem .5rem .5rem 0;
	margin-bottom: .5rem
}

.widget-toc ol {
	padding-right: 0;
	counter-reset: item;
	margin-top: 0
}

.widget-toc ol li {
	display: block;
	position: relative;
	list-style: none
}

.widget-toc a:hover {
	border-bottom: 0
}

.widget-toc a,
.news-detail .widget-toc a,
.news_content .widget-toc a {
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
	color: #385898
}

.widget-toc .toc-title,
.paragraph p.toc-title {
	text-align: center;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0
}

.box-news li {
	padding: 3px 5px
}

.box-news li .ic {
	background-position: -113px -453px;
	padding-left: 10px;
	margin-right: 5px
}

.see-more {
	margin: .5em
}

.see-more a {
	color: #0a52a3;
	font-size: 14px;
	margin-left: -5px
}

.see-more a:hover {
	text-decoration: underline
}

.list-html-link li {
	list-style: disc inside
}

.see-more ul.list-html-link {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	border-collapse: separate
}

.see-more ul.list-html-link li {
	flex: 1 45%;
	padding: .3em 0 .3em 0
}

.list-dot-red li {
	padding: 5px
}

.list-dot-red li a {
	color: #0a52a3
}

.mega645 * {
	position: relative;
	box-sizing: border-box
}

.mega645 .results li {
	padding-top: 1rem
}

.mega645 .results li .data td {
	border: 0
}

.mega645 .results li .data td i {
	box-sizing: content-box;
	display: block;
	margin: 0 auto;
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	border-radius: 100%;
	font-style: normal;
	font-size: 1.43rem;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.5)
}

.mega645 .results li .data td i:empty:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url("/css/images/spin_32.gif");
	background-position: center;
	background-size: 28px 28px;
	background-repeat: no-repeat
}

.mega645 .results li .data td:nth-child(1) i {
	background-color: #1ea6ec;
	background: linear-gradient(to bottom, #2eb6fc 0, #1066bc 100%)
}

.mega645 .results li .data td:nth-child(2) i {
	border-color: #f03268;
	background: linear-gradient(to bottom, #fa5288 0, #bb002a 100%)
}

.mega645 .results li .data td:nth-child(3) i {
	border-color: #e9b800;
	background: linear-gradient(to bottom, #e4c420 0, #b06800 100%)
}

.mega645 .results li .data td:nth-child(4) i {
	border-color: #69c82a;
	background: linear-gradient(to bottom, #79c82a 0, #297800 100%)
}

.mega645 .results li .data td:nth-child(5) i {
	border-color: #db48c2;
	background: linear-gradient(to bottom, #f04aac 0, #b0108a 100%)
}

.mega645 .results li .data td:nth-child(6) i {
	border-color: #ea7702;
	background: linear-gradient(to bottom, #f09742 0, #da380a 100%)
}

.mega645 .results li .data td p {
	font-weight: bold;
	padding: 0;
	margin: 1rem 0 0;
	font-size: 14px;
	text-align: center
}

.mega645 .results li .data td p strong {
	color: #ed1c25;
	font-size: 1.25rem
}

.mega645 .results li .data2 td {
	padding: .5rem
}

.mega645 .results li .data2 td i {
	font-style: normal;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 2px solid #000;
	display: inline-block;
	margin: 0 2px 0 0
}

.mega645 .results li .data2 td i.clnote {
	border-color: #ed1c25
}

@media(max-width:767px) {
	.mega645.power655 .results li .data i {
		width: 2rem;
		height: 2rem;
		line-height: 2rem
	}
}

.mega645.power655 .results li .data td:not(:last-child) i {
	background: #fff;
	color: #ed1c25;
	text-shadow: none;
	border: 2px solid #ccc
}

.mega645.power655 .results li .data td:not(:last-child) i.imgloadig {
	background: #f60;
	text-shadow: none
}

.mega645.power655 .results li .data td:nth-child(7) {
	border-left: 2px solid #d9d3cb;
	padding-left: 3px
}

.mega645.power655 .results li .data td:nth-child(7) i {
	background: #f60;
	color: #fff;
	border: 0
}

@media(max-width:767px) {
	.keno .nav-tabs {
		float: left;
		width: 15%;
		-webkit-box-direction: normal;
		-moz-box-direction: normal;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		border-bottom: 0
	}
	.keno .nav-tabs li {
		margin-bottom: 2px;
		border-radius: 0 4px 4px 0
	}
}

@media(max-width:767px) {
	.keno .tab-content {
		float: right;
		width: 85%
	}
}

.keno .results .data {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px
}

.keno .results .data tr {
	border: 0
}

.keno .results .data td {
	border: 0;
	padding: 0
}

.keno .results .data td i {
	background: #fff;
	color: red;
	text-shadow: none;
	border: 2px solid #ccc;
	box-sizing: content-box;
	display: block;
	margin: 0 auto;
	width: 3.2rem;
	height: 3.2rem;
	line-height: 3.2rem;
	text-align: center;
	border-radius: 100%;
	font-style: normal;
	font-size: 1.3rem;
	font-weight: 700;
	color: red;
	text-shadow: none
}

@media(max-width:767px) {
	.keno .results .data td i {
		width: 1.7rem;
		height: 1.7rem;
		line-height: 1.7rem
	}
}

.keno .results .data td i.match-number {
	background: #f60;
	color: #fff;
	border: 0
}

.bang-cau {
	border: 2px solid #7e7e7e
}

.bang-cau td {
	padding: 3px 0 3px 0;
	width: 9%
}

.bang-cau td.dau {
	background-color: #d9edf7;
	width: 10%
}

.bang-cau td:not(.dau) {
	width: 45px;
	height: 45px
}

.bang-cau td.invalid {
	background: #e1e3e4
}

.bang-cau td span {
	display: block
}

.bang-cau td span.num {
	font-size: 20px;
	margin: 5px 0
}

.bang-cau td span.freq {
	font-style: italic
}

.bang-kq .clnote,
.bang-kq .clblue {
	font-size: 1.3em
}

.nav-tabs {
	border-bottom: 1px solid #ddd;
	display: flex
}

.nav-tabs>li {
	margin-bottom: -1px;
	flex: 0 1 100%;
	border: 1px solid #ddd;
	border-radius: 10px 10px 0 0;
	color: #f36b21;
	background-color: #afafaf
}

.nav-tabs>li.active {
	cursor: default;
	background-color: #f36b21;
	border-bottom-color: transparent
}

.nav-tabs>li>a {
	color: #fff;
	display: block;
	font-size: 15px;
	padding-top: .5em;
	padding-bottom: .5em;
	width: 100%;
	text-align: center;
	font-weight: bold
}

.tab-content>.tab {
	display: none
}

.tab-content>.active {
	display: block
}

.box-note-table li {
	display: inline-block
}

.box-note-table li span {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 8px;
	vertical-align: middle
}

.box-note-table li span.color-note {
	background: #ffeec2
}

.box-note-table .box-note-red {
	color: #e80000;
	padding: 0 6px;
	line-height: 15px
}

.box-note-table li:nth-child(2) {
	margin: 0 10px
}

.statistic_lo {
	font-size: 17px;
	color: #0505a7
}

.list-dau-db {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.list-dau-db li {
	-webkit-box-flex: 1 1 20%;
	-moz-box-flex: 1 1 20%;
	-webkit-flex: 1 1 20%;
	-ms-flex: 1 1 20%;
	flex: 1 1 20%;
	border: 1px solid #f3f3f3;
	box-sizing: border-box;
	font-weight: bold;
	text-align: center;
	padding: 5px
}

.statistic-cham td:first-child {
	font-weight: bold;
	font-size: 18px
}

.de-fl {
	float: left;
	width: 50%
}

.de {
	font-size: 24px;
	color: #b12912;
	text-decoration: none
}

.row-rate td {
	vertical-align: bottom;
	font-size: 13px;
	padding: 0
}

.db-by-month table {
	table-layout: fixed
}

.db-by-month table th {
	width: 60px
}

.db-by-month table th:first-child,
.db-by-month table td:first-child {
	position: sticky;
	left: 0;
	background-color: #fff;
	border-right: 1px solid #f3f3f3
}

.db-by-month table th.td-split {
	height: 40px;
	padding: 0;
	margin: 0;
	background-color: #f3f3f3
}

.line {
	width: 72px;
	height: 40px;
	border-bottom: 1px solid #d8d6d6;
	transform: translateY(-17px) translateX(5px) rotate(34deg);
	position: absolute;
	z-index: -1
}

.td-split>div {
	position: relative;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0
}

.bottom {
	position: absolute;
	bottom: 1px;
	left: 1px
}

.top {
	position: absolute;
	top: 1px;
	right: 1px
}

.tk-tong-db td {
	font-weight: 700
}

@media(max-width:320px) {
	.tk-tong-db td {
		padding: 0
	}
}

.tk-tong-db td div.ngay-quay {
	color: #888;
	font-size: 12px;
	font-weight: normal
}

#monthly-result td .dau,
#monthly-result td .duoi,
#monthly-result td .loto,
#monthly-result td .tong,
.tk-tong-db td .dau,
.tk-tong-db td .duoi,
.tk-tong-db td .loto,
.tk-tong-db td .tong {
	display: none
}

#monthly-result.dau td .dau,
#monthly-result.duoi td .duoi,
#monthly-result.loto td .loto,
#monthly-result.tong td .tong,
.tk-tong-db.dau td .dau,
.tk-tong-db.duoi td .duoi,
.tk-tong-db.loto td .loto,
.tk-tong-db.tong td .tong {
	display: block
}

.scoll {
	width: 100%;
	overflow: auto
}

.scoll.scoll-noheight {
	max-height: none
}

.tk-tansuat .fullscreen {
	text-align: initial;
	margin: 10px 10px 0
}

.tk-tansuat h1 {
	font-size: 1.25rem
}

.tk-tansuat .rate>* {
	display: block
}

.tk-tansuat .rate .hrate {
	margin: auto
}

.tk-tansuat .box-note-table li {
	padding: 5px;
	margin: 0 10px;
	text-align: left
}

@media(min-width:768px) {
	.tk-tansuat .form-horizontal .form-group {
		display: inline-block;
		padding: .5rem;
		margin-bottom: 0
	}
	.tk-tansuat .form-horizontal .form-group .control-label,
	.tk-tansuat .form-horizontal .form-group .form-control {
		float: none;
		width: initial
	}
	.tk-tansuat .form-horizontal select.form-control {
		width: 100%
	}
}

.s {
	background: #1d2332;
	color: #95c8ff;
	font-size: 12px;
	text-align: center;
	vertical-align: bottom;
	padding-bottom: 1px
}

.c0 {
	background: #77a3e3;
	font-size: 0
}

.c1 {
	background: #5b5c66;
	color: #f8f8f8
}

.c_ {
	background: #35363c;
	font-size: 0
}

.c3 {
	background: #7658cf;
	color: #f8f8f8
}

.c2 {
	background: #ff453c;
	color: #f8f8f8
}

.c4 {
	background: #c515dd;
	color: #f8f8f8
}

.c5 {
	background: #ff06a8;
	color: #f8f8f8
}

.num:visited {
	font-size: 12px;
	text-decoration: none;
	color: white
}

.num:link {
	font-size: 12px;
	text-decoration: none;
	color: white
}

.tk-txloto th.nh {
	background: #373737;
	color: #eaeaea;
	font-size: 12px;
	text-align: center;
	font-weight: bold
}

.tk-txloto thead th {
	position: -webkit-sticky;
	position: sticky;
	top: 0
}

.tk-txloto tr td:first-child {
	position: -webkit-sticky;
	position: sticky;
	left: 0
}

.tk-txloto tr td:first-child,
.tk-txloto tr th:first-child {
	left: 0;
	z-index: 1
}

.tk-txloto .bg_note,
.tk-txloto th,
.tk-txloto tr td:first-child {
	background: #fff
}

.tk-txloto .bg_note .clnote {
	font-weight: bold
}

.tk-txloto td {
	padding: 0;
	border-color: #000
}

.tk-txloto th,
.tk-txloto tr td:first-child {
	font-size: 11px;
	padding: 0 2px
}

#loto-cam .nav-tabs {
	width: 100%
}

#loto-cam .nav-tabs>li {
	flex: 0 1 25%
}

#loto-cam td.boso span {
	margin: 1px;
	padding: 3px;
	border: 1px solid #e8e8e8;
	font-weight: 700;
	display: inline-block
}

.sort-by-time {
	margin-bottom: -33px;
	margin-right: 5px;
	padding: 3px 6px
}

.ic-down {
	background-image: url('/img/down_arrow.png');
	width: 14px;
	height: 14px;
	background-size: contain
}

.filter-by-number {
	vertical-align: middle;
	padding: 1rem .5rem
}

.filter-by-number:after {
	clear: both;
	content: "";
	display: block
}

.filter-by-number .label {
	float: left;
	width: 70px;
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold
}

.filter-by-number .filter-number-list pure-material-checkbox {
	width: 10%
}

.ic-down-arrow {
	background-image: url('/images/down_arrow.png');
	width: 14px;
	height: 8px;
	background-size: contain;
	display: inline-block;
	margin-left: .5rem
}

.options-toggle span+.ic {
	transform: rotate(180deg);
	transition: transform 200ms linear
}

.options-toggle.active span+.ic {
	transform: rotate(0);
	transition: transform 200ms linear
}

.box-search {
	padding: 10px 5px
}

.box-search input {
	width: 100%;
	border: 0
}

.box-search .bor-1 {
	-webkit-border-radius: 0;
	border-radius: 0;
	height: 35px;
	width: 75%;
	background: #fff;
	padding: 0 1%;
	border: 1px solid #d9d3cb;
	border-right: 0
}

.box-search button {
	border: 1px solid #c00;
	color: #fff;
	background-color: #dd4b39;
	height: 37px;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	width: 22%;
	font-size: 12px
}

@media(max-width:767px) {
	.box-search button {
		width: 27%
	}
	.box-search .bor-1 {
		width: 70%
	}
}

.list-charter li {
	padding: 4px 8px;
	background: #d0c9c3;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin: 0 5px 5px 0
}

.list-charter li a {
	color: #fff
}

.list-charter li.active,
.list-charter li:hover {
	background: #da1c47
}

.loading-page {
	padding: 5px 10px
}

.loading-page a {
	color: #ed1c25;
	padding: .25rem .5rem;
	border: 1px solid #ed1c25;
	border-radius: 5px;
	display: inline-block
}

.loading-page a:hover {
	text-decoration: none
}

.loading-page a.primary {
	background-color: #ed1c25;
	color: white
}

.loading-page a>* {
	display: inline-block;
	vertical-align: middle
}

.paging a {
	display: inline-block;
	padding: 5px 10px;
	background: #ccc;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #fff;
	text-shadow: 0 1px 0 #a19b96;
	-moz-text-shadow: 0 1px 0 #a19b96;
	-webkit-text-shadow: 0 1px 0 #a19b96;
	font-size: 14px;
	margin: 0 3px
}

.paging a.active,
.paging a:hover {
	background: #ed1c25
}

.paging a:last-child,
.paging a:first-child {
	color: #fff
}

.l2d-table {
	border-collapse: collapse;
	width: calc(100% - 1rem);
	margin: auto
}

.l2d-table th,
.l2d-table td {
	padding: .5rem .2rem;
	text-align: center
}

.l2d-table th {
	background: #fb9b34;
	color: #fff
}

.l2d-table th:not(:first-child) {
	border-left: 1px solid #fff
}

.l2d-table td {
	font-size: 1.1em;
	border: 0;
	line-height: 1.6em
}

.l2d-table td.date {
	background-color: #f1f1f1;
	color: #333;
	font-size: 1em
}

.l2d-table tr:empty {
	visibility: hidden
}

.l2d-table td:not(:empty) {
	border-left: 1px solid #ccc
}

.l2d-table td:last-child {
	border-right: 1px solid #ccc
}

.l2d-table tr:not(.head) td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}

.l2d-table td strong {
	color: #d71c47;
	font-weight: normal
}

.l2d-table tr:empty {
	height: 1rem
}

.l2d-table td b,
.l2d-table td i {
	font-size: 1.3em;
	font-style: normal
}

.l2d-table td b,
.l2d-table .blue {
	color: #0555aa
}

.l2d-table .red {
	color: #ee1c25
}

.dientoan li {
	width: 47%;
	padding: 0 1% 10px;
	float: left;
	text-align: center
}

.dientoan li span {
	padding: 5px;
	line-height: 50px;
	height: 50px;
	width: 50px;
	font-size: 20px;
	border: 1px solid #d9d3cb;
	margin: 0 3px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
	color: #f60;
	margin-bottom: 5px;
	display: inline-block
}

.dientoan li.second {
	border-left: 1px dotted #f3f3f3
}

.dientoan li.second span {
	font-size: 18px
}

.dientoan li.last {
	border-top: 1px dotted #f3f3f3;
	width: 98%
}

.chat-box form {
	padding: 1rem;
	border: 1px solid #e1e1e1;
	background: #fff;
	position: relative
}

.chat-box .my-comment {
	margin: 5px
}

.chat-box .bottom-panel .left-col>* {
	display: inline-block;
	padding: 8px;
	margin: 0 3px
}

.chat-box .bottom-panel .left-col>div:first-child {
	margin: 0
}

.chat-box .bottom-panel img {
	height: 18px
}

.chat-box form .text-input {
	display: block;
	background: #fff;
	min-height: 4.5rem;
	border: 0;
	resize: none;
	font-family: inherit;
	font-size: inherit;
	padding: 0;
	outline: 0
}

.chat-box form .text-input:focus {
	outline: 0
}

.chat-box form .text-input:after {
	content: "Nhập nội dung thảo luận...";
	color: #999;
	font-style: italic
}

.chat-box form .text-input::-webkit-input-placeholder {
	color: #999;
	font-style: italic
}

.chat-box form .text-input::-moz-placeholder {
	color: #999;
	font-style: italic
}

.chat-box form .text-input:-ms-input-placeholder {
	color: #999;
	font-style: italic
}

.chat-box form .text-input:-moz-placeholder {
	color: #999;
	font-style: italic
}

.chat-box form .text-input:focus::-webkit-input-placeholder {
	color: #bbb;
	font-style: italic
}

.chat-box form .text-input:focus::-moz-placeholder {
	color: #bbb;
	font-style: italic
}

.chat-box form .text-input:focus:-ms-input-placeholder {
	color: #bbb;
	font-style: italic
}

.chat-box form .text-input:focus:-moz-placeholder {
	color: #bbb;
	font-style: italic
}

.chat-box form .text-input:focus:after {
	color: #bbb
}

.chat-box form .text-input:not(:empty):after {
	content: ""
}

.chat-box .my-comment form :not(.bottom-panel)>.left-col,
.chat-box .comment-box>.left-col {
	width: 3.6rem;
	float: left
}

.chat-box form :not(.bottom-panel)>.right-col {
	width: calc(100% - 4.6rem);
	float: right
}

.chat-box form .bottom-panel {
	background: #fcfcfc;
	border-top: 1px solid #e1e1e1;
	margin: 1rem -1rem -1rem;
	padding: 0 .5rem
}

.chat-box form button {
	height: 1.8rem
}

.chat-box form button:not(:last-child) {
	margin-right: 1rem
}

.chat-box form button[type=submit] {
	border-radius: 2px;
	border: 1px solid #e1e1e1;
	background-color: #fcfcfc;
	min-width: 70px;
	margin-top: 7px
}

.chat-box .comment .user-name {
	z-index: 1;
	display: inline-block
}

.chat-box .comment .user-title {
	color: #aaa;
	padding-left: .5em;
	display: inline-block;
	font-size: .85em
}

.chat-box .comment .user-name.admin a {
	color: #fa4000
}

.chat-box .comment .user-name.admin:before {
	content: "ad";
	display: inline-block;
	border-radius: 3px;
	border: 1px solid #eee;
	font-size: .8em;
	left: -10%;
	line-height: 1rem;
	bottom: 75%;
	padding: 0 .25em;
	background: #2a4;
	color: #fff;
	font-weight: bold;
	margin-right: .2em
}

.chat-box .comment .user-name:after {
	content: "\00a0"
}

.chat-box .comment.cmt-stt-2>.right-col:after {
	background: url('/images/pin.png');
	width: 12px;
	height: 12px;
	display: inline-block;
	content: "";
	background-size: contain;
	margin-left: 3px;
	position: absolute;
	top: 0;
	right: 0
}

.chat-box .comment .user-name.Admin:after,
.chat-box .comment .user-name.trusted:after,
.chat-box .comment .user-name.Mod:after {
	width: 12px;
	height: 12px;
	display: inline-block;
	content: "";
	margin-left: 3px
}

.chat-box .comment .user-name.trusted:after,
.chat-box .comment .user-name.Mod:after {
	background: url('/images/shield.png');
	background-size: contain
}

.chat-box .comment .user-name.Mod:after {
	background: url('/images/purple-shield.png');
	background-size: contain
}

.chat-box .comment .user-name.Admin:after {
	background: url('/images/red-shield.png');
	background-size: contain
}

.chat-box .comment .user-name a {
	font-weight: bold;
	color: #333
}

.chat-box .comment .user-name.Admin a {
	color: #ed1c25
}

.chat-box .comment .user-name a:hover {
	color: #f60
}

.chat-box .comment .content,
.chat-box .comment .guess-number {
	color: #333;
	border-radius: 8px;
	padding: 8px 20px 8px 8px;
	width: fit-content;
	background: #f5f5f5;
	font-size: 14px;
	word-break: break-word
}

.chat-box .comment .guess-number {
	margin-top: .5rem
}

.chat-box .comment .province-number {
	font-weight: normal;
	font-size: 1.3rem;
	color: #ed1c25
}

.chat-box .comment .content img {
	vertical-align: middle
}

.chat-box .comment .info {
	font-size: .85em
}

.chat-box .comment .info>*:not(:first-child) {
	margin-left: .7rem
}

.chat-box .comment time,
.chat-box .comment .subdesc {
	color: #aaa
}

.chat-box .comment .reply,
.chat-box .comment .report,
.chat-box .comment .remove,
.chat-box .comment .block-user {
	color: #aaa;
	cursor: pointer
}

.chat-box .comment .reply:before,
.chat-box .comment .remove:before,
.chat-box .comment .block-user:before {
	content: "";
	display: inline-block;
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	margin-right: .4em
}

.chat-box .comment .reply:hover,
.chat-box .comment .remove:hover,
.chat-box .comment .block-user:hover {
	text-decoration: underline
}

.chat-box .comment .reply:before {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAgMAAAArG7R0AAAADFBMVEUAAADplnbplnbplnbcPC1BAAAAA3RSTlMAxIC4WFW0AAAAHElEQVQI12MAAfn/Xxjs///BjoFyFkA1CgxgAADpTxH5uvlXkQAAAABJRU5ErkJggg==')
}

.chat-box .comment .remove:before {
	background-image: url('/images/delete.png');
	background-size: contain;
	margin-top: -4px
}

.chat-box .comment .block-user:before {
	background-image: url('/images/disturb.png');
	background-size: contain;
	margin-top: -4px
}

.chat-box .comments {
	margin-top: 1rem;
	padding-bottom: 1rem;
	padding-right: 1rem;
	padding-left: 1rem
}

.chat-box .comments .comment:not(:first-child) {
	margin-top: 1rem
}

.chat-box .comments .comment>.left-col {
	width: 3.6rem;
	height: 3.6rem
}

.chat-box .comments .comment .right-col {
	width: calc(100% - 4.6rem);
	position: relative
}

.chat-box .comments .comment .info {
	margin-top: .3rem
}

.comment .comment-imgs {
	overflow: hidden;
	margin-top: 5px
}

.comment .comment-imgs img {
	max-width: 100%;
	max-height: 220px;
	border-radius: 10px
}

.comment .content .reaction {
	position: absolute;
	bottom: -8px;
	right: -5px;
	background: #fff;
	padding: 0 2px;
	border-radius: 4px;
	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.16);
	color: #ed1c25;
	font-size: .85em
}

.number-chooser>div {
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	margin-top: .5rem
}

.number-chooser .right-col {
	border-left: 1px solid #e1e1e1
}

.number-chooser .left-col label {
	line-height: 32px;
	padding-left: .5em
}

.number-chooser input {
	border: 0;
	outline: 0;
	width: 100%;
	line-height: 20px
}

.link {
	text-decoration: underline;
	color: #f60;
	line-height: 26px
}

.comment .province {
	padding: 0 5px;
	border-radius: 9px;
	font-size: 12px;
	margin-left: .5em;
	color: white;
	float: right
}

.comment .province.region-1 {
	background-color: #a56dc7
}

.comment .province.region-2 {
	background-color: #1da0ce
}

.comment .province.region-3 {
	background-color: #f7646a
}

.guess-number {
	background: #f5f5f5
}

.collapsed-box {
	display: none
}

.collapse-content {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height .2s ease-out
}

.reactions {
	cursor: pointer;
	color: #aaa;
	position: relative
}

.reactions>*:not(:first-child) {
	margin-left: .7rem
}

.reactions .heart:hover,
.reactions .like:hover {
	color: #666
}

.reactions .heart .heart-icon:before,
.reactions .heart .desc:before {
	content: "\2764";
	padding-right: .2rem;
	font-size: 15px
}

.reactions .heart .heart-icon:after {
	content: "Tim"
}

.reactions .desc {
	position: absolute;
	bottom: 10px;
	left: -3px;
	right: 0;
	visibility: hidden;
	transition: .6s;
	font-size: 2px;
	color: transparent;
	font-weight: 400
}

.reactions .press .like-icon,
.reactions .press .heart-icon {
	color: #e99676
}

.reactions .desc.press {
	bottom: 40px;
	animation: fade 1.5s;
	z-index: initial
}

.reactions .press .desc:before {
	font-size: 24px
}

.reactions .like .like-icon:before,
.reactions .like .desc:before {
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	font-size: 13px;
	display: inline-block;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	margin-right: .4em
}

.reactions .like .like-icon:before {
	background-image: url("/images/like-grey.png")
}

.reactions .like.press .like-icon:before,
.reactions .like .desc:before {
	background-image: url("/images/like-orange.png")
}

.reactions .like .like-icon:after {
	content: "Like"
}

.reactions .like.my-press .like-icon:after {
	content: "Liked"
}

@keyframes fade {
	0 {
		color: transparent;
		visibility: visible
	}
	50% {
		color: #e23b3b
	}
	100% {
		color: transparent;
		visibility: hidden
	}
}

.chat-form .image-preview {
	width: 100px;
	height: 100px;
	padding: 2px;
	border: 1px solid #ccc;
	position: relative;
	vertical-align: middle;
	text-align: center
}

.chat-form .image-preview .image-delete {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 5px;
	width: 15px;
	height: 15px;
	background: rgba(0, 0, 0, 0.23)
}

.chat-form .image-preview img {
	max-width: 100%;
	max-height: 100%
}

.sub-comments .image-preview {
	margin: .5rem
}

.chat-box .sub-comments {
	margin-top: .5rem;
	margin-left: -2rem;
	padding: .5rem
}

.chat-box .sub-comments .comment:not(:first-child) {
	margin-top: .8rem
}

.chat-box .sub-comments .comment .left-col {
	width: 3rem;
	height: 3rem
}

.chat-box .sub-comments .comment .right-col {
	width: calc(100% - 3.8rem)
}

.chat-box .sub-comments .comment .info {
	margin-top: 0
}

.chat-box .sub-comments form {
	padding: 0
}

.chat-box .sub-comments form .text-input {
	min-height: 0;
	padding: .5rem;
	box-sizing: border-box;
	margin-bottom: .5rem
}

.chat-box .sub-comments form .bottom-panel {
	margin: 0;
	padding: .5rem .5rem .25rem .5rem;
	background: 0;
	border: 0
}

.chat-box .sub-comments form .bottom-panel .left-col,
.chat-box .sub-comments form .bottom-panel .right-col {
	width: auto;
	height: initial
}

.chat-box .sub-comments:empty {
	display: none
}

.chat-box .view-more {
	text-align: center;
	border: 1px solid #eee;
	border-radius: 3px;
	cursor: pointer;
	margin-top: 1rem;
	padding: .5rem;
	color: #06a;
	font-weight: bold;
	transition: all .1s;
	display: none;
	position: relative
}

.chat-box .view-more:hover {
	text-decoration: underline;
	color: #09e;
	border-color: #ddd;
	background: #f2f2f2
}

.chat-box .comment .view-more {
	padding: 0;
	font-weight: normal;
	text-align: left;
	border: 0;
	background: 0;
	font-size: 13px;
	margin-top: .5rem
}

.chat-box textarea:focus {
	outline: 0
}

.chat-box .left-col {
	float: left
}

.chat-box .right-col {
	float: right
}

.select2-container {
	width: 100%
}

.location-chooser {
	border: 1px solid #e1e1e1;
	border-radius: 4px
}

img.emoji {
	height: 1em;
	width: 1em;
	margin: 0 .1em 0 .1em;
	vertical-align: -0.1em
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 0
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	display: none
}

.location-chooser .left-col {
	background-color: #e1e3e4
}

.location-chooser .left-col label {
	line-height: 32px;
	padding-left: .5em
}

.select2-container .select2-search--inline .select2-search__field {
	padding: 2px 7px
}

.img-container {
	margin: auto;
	display: block;
	max-width: 100%;
	height: auto
}

.img-container,
.img-caption {
	animation-name: zoom;
	animation-duration: .4s
}

@keyframes zoom {
	from {
		transform: scale(0)
	}
	to {
		transform: scale(1)
	}
}

.avatar {
	background-color: #fff;
	border-radius: 40px;
	overflow: hidden;
	border: 3px solid #fff;
	box-shadow: 0 0 .5px 1px #ccc;
	position: relative;
	width: 100%;
	height: 100%
}

.avatar img {
	display: block;
	top: 0;
	bottom: 0;
	margin: auto;
	color: transparent;
	height: 100%;
	width: 100%
}

.avatar:before {
	content: "";
	display: block;
	width: 100%
}

.comments .comment:after,
.comments:after {
	content: "";
	display: block;
	height: 0;
	padding: 0;
	margin: 0;
	clear: both
}

.comment-box {
	padding-top: 5px
}

.chat-box a.login-link {
	text-decoration: underline;
	color: #f60;
	line-height: 34px
}

.chat-box form textarea {
	width: 100%
}

.box-customer input[type="file"] {
	width: 100%
}

.box-customer input:read-only {
	background-color: #dcdcdc
}

.smiley {
	display: block;
	position: relative
}

.smiley:hover,
.smiley a:hover,
.smiley-box span:hover {
	background: #efefef
}

.smiley-box {
	padding: 2px;
	background: white;
	width: 268px;
	position: absolute;
	bottom: -100px;
	left: 23px;
	border: #bebebe 1px solid;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
	cursor: default;
	z-index: 5
}

.smiley-box span {
	display: inline-block;
	min-width: 40px;
	text-align: center;
	padding: 2px
}

@media(max-width:767px) {
	.chat-box .comments {
		padding-right: 5px;
		padding-left: 5px
	}
	.chat-box .comments .comment>.left-col,
	.chat-box .comments .comment-box>.left-col {
		width: 40px;
		height: 40px
	}
	.chat-box .comments .comment .right-col {
		width: calc(100% - 50px)
	}
}

@media(max-width:320px) {
	.chat-box .bottom-panel .left-col>* {
		margin: 0
	}
}

.box-customer i.icon {
	margin: 0 .5em 0 0;
	width: 20px;
	height: 20px
}

.customer-info,
.account-link {
	padding: 5px
}

.customer-info .left-col {
	float: left;
	width: 130px
}

.customer-info .right-col {
	float: right;
	width: calc(100% - 130px)
}

.customer-info .full-name a {
	font-weight: bold;
	font-size: 1.5em
}

.customer-info .right-col div {
	margin-bottom: 8px
}

.box-customer .customer-info .avatar {
	background-color: #fff;
	border-radius: 4px;
	overflow: hidden;
	border: 3px solid #fff;
	box-shadow: 0 0 .5px 1px #ccc;
	position: relative;
	width: 100px;
	height: 100px;
	padding: 4px;
	margin: auto
}

.box-customer .customer-detail {
	width: 100%
}

.box-customer .customer-detail tr:first-child td {
	border-top: 1px solid #efefef
}

.ic-report {
	background: url("/images/report-32.png");
	background-size: contain;
	margin: auto
}

.icon-delete {
	background-image: url("/images/icon-delete.png")
}

.icon-clock {
	background-image: url("/images/icon-clock.png")
}

.icon-notification {
	background-image: url("/images/icon-notification.png")
}

.icon-edit {
	background-image: url("/images/icon-edit.png")
}

.icon-lock {
	background-image: url("/images/icon-lock.png")
}

.icon-door {
	background-image: url("/images/icon-door.png")
}

.icon-people {
	background-image: url("/images/icon-people.png")
}

.icon-follower {
	background-image: url("/images/icon-follower.png")
}

.icon-contact {
	background-image: url("/images/icon-contact.png")
}

.account-link {
	border-top: 1px solid #efefef;
	padding-left: 5px;
	padding-right: 5px
}

.account-link,
.customer-info {
	padding-top: 10px;
	padding-bottom: 10px
}

.account-link .list-unstyle li {
	margin: 10px 0
}

.table-responsive .table-striped .avatar {
	width: 50px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 1em
}

.btn-sticky-bottom,
.sticky_bottom {
	background: #f2f2f2;
	text-align: center;
	left: 0
}

.sticky_bottom {
	left: 0;
	position: fixed;
	bottom: 0;
	width: 100%;
	max-width: 1024px;
	z-index: 999;
	padding: 5px 0 0;
	box-sizing: border-box
}

.btn-sticky-bottom {
	position: absolute;
	top: -15px;
	padding: 5px 10px 10px;
	border-radius: 100%;
	z-index: 888;
	left: 50%;
	margin-left: -15px
}

.ads-sticky-bottom {
	position: relative;
	z-index: 999;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	overflow: hidden;
	display: inline-block
}