html {
font-size: 10px;
-webkit-tap-highlight-color: transparent
}
body,
html {
margin: 5px auto 0;
padding: 0
}
body {
font-family: Arial;
line-height: 25px;
font-size: 15px;
font-weight: 400;
color: #000;
background-color: #fff
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
::after,
::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.link-statistic ul,
.list-link ul,
.mega-detail ul,
.power-detail ul,
ul {
list-style-type: none
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
line-height: 1.4
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
margin-top: 20px;
margin-bottom: 10px
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
margin-top: 10px;
margin-bottom: 10px
}
.h1,
h1 {
font-size: 36px
}
.h2,
h2 {
font-size: 30px
}
.h3,
h3 {
font-size: 24px
}
.h4,
h4 {
font-size: 18px
}
p {
margin: 0 0 10px
}
.breadcrumb,
.content-item li,
.content-item ul,
.content-item ul.sub-content,
.dropdown-menu,
.flip-clock-wrapper ul,
.list-custom ul,
.list-inline,
.list-unstyled,
.media-list,
.nav,
.pager,
.ui-helper-reset,
.ui-menu,
.ui-tabs .ui-tabs-nav li {
list-style: none
}
hr,
img {
border: 0
}
.fa,
.glyphicon {
-moz-osx-font-smoothing: grayscale
}
.btn-group>.btn-group,
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.dropdown-menu {
float: left
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
a {
background-color: transparent;
color: #337ab7;
text-decoration: none
}
a:active,
a:hover {
outline: 0;
color: #23527c;
text-decoration: underline
}
a:focus {
outline: dotted thin;
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -2px
}
h1 {
margin: .67em 0
}
img {
vertical-align: middle
}
hr {
height: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
margin-top: 20px;
margin-bottom: 20px;
border-top: 1px solid #eee
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font: inherit;
color: inherit
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
table {
border-spacing: 0;
border-collapse: collapse;
font-family: Arial
}
td,
th {
padding: 0
}
.btn,
.btn-danger.active,
.btn-danger:active,
.btn-default.active,
.btn-default:active,
.btn-info.active,
.btn-info:active,
.btn-primary.active,
.btn-primary:active,
.btn-success.active,
.btn-success:active,
.btn-warning.active,
.btn-warning:active,
.btn.active,
.btn:active,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover,
.form-control,
.navbar-toggle,
.open>.dropdown-toggle.btn-danger,
.open>.dropdown-toggle.btn-default,
.open>.dropdown-toggle.btn-info,
.open>.dropdown-toggle.btn-primary,
.open>.dropdown-toggle.btn-success,
.open>.dropdown-toggle.btn-warning {
background-image: none
}
.form-doveso {
padding: 10px
}
.form-doveso .form-group {
margin-bottom: 10px
}
.form-group {
margin-bottom: 15px
}
.form-control,
output {
font-size: 14px;
line-height: 1.42857143;
color: #555;
display: block
}
button,
input,
select,
textarea {
font-size: inherit;
line-height: inherit
}
.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
display: block;
width: 100%;
height: auto;
max-width: 140px
}
[role=button] {
cursor: pointer
}
.badge,
.label,
dt,
kbd kbd,
label {
font-weight: 700
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
pre code,
table {
background-color: transparent
}
dl,
ol,
ul {
margin-top: 0
}
blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child,
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0
}
ol,
ul {
margin-bottom: 10px
}
@media (min-width:768px) {
.container {
width: 750px
}
}
.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clearfix,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.flip-clock-wrapper.clearfix:after,
.flip-clock-wrapper:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.modal-header:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after,
.ui-helper-clearfix:after {
clear: both
}
caption,
th {
text-align: left
}
.container,
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px
}
@media (min-width:992px) {
.container {
width: 970px
}
}
@media (min-width:1200px) {
.container {
width: 1170px
}
}
.row {
margin-right: -15px;
margin-left: -15px
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}
.col-xs-12 {
width: 100%
}
.col-xs-6 {
width: 50%
}
.col-xs-4 {
width: 33.33333333%
}
.col-xs-3 {
width: 25%
}
.col-xs-2 {
width: 16.66666667%
}
@media (min-width:768px) {
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
float: left
}
.col-sm-12 {
width: 100%
}
}
@media (min-width:992px) {
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9 {
float: left
}
.col-md-12 {
width: 100%
}
.col-md-10 {
width: 83.33333333%
}
.col-md-8 {
width: 66.66666667%
}
.col-md-6 {
width: 50%
}
.col-md-4 {
width: 33.33333333%
}
.col-md-3 {
width: 25%
}
.col-md-2 {
width: 16.66666667%
}
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd
}
.badge,
.btn,
.btn-group,
.btn-group-vertical,
.caret,
.checkbox-inline,
.radio-inline {
vertical-align: middle
}
.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
border-top: 0
}
.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
border: 1px solid #ddd
}
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
border-bottom-width: 2px
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9
}
table td[class*=col-],
table th[class*=col-] {
position: static;
display: table-cell;
float: none
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px
}
.form-control,
output {
font-size: 14px;
line-height: 1.42857143;
color: #555;
display: block
}
.form-control {
width: 100%;
height: 34px;
padding: 6px 12px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}
.form-control::-webkit-input-placeholder {
color: #999
}
@media (min-width:768px) {
.form-inline .form-control-static,
.form-inline .form-group {
display: inline-block
}
.form-inline .control-label,
.form-inline .form-group {
margin-bottom: 0;
vertical-align: middle
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
border-radius: 4px
}
.btn.focus,
.btn:focus,
.btn:hover {
color: #333;
text-decoration: none
}
.btn-danger {
color: #fff
}
.btn-danger.active,
.btn-danger:active,
.btn-danger:hover,
.open>.dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925
}
.collapse {
display: none
}
.input-group,
.input-group-btn,
.input-group-btn>.btn,
.nav>li,
.nav>li>a,
.navbar {
position: relative
}
.nav>li,
.nav>li>a {
display: block
}
.nav {
padding-left: 0;
margin-bottom: 0
}
.nav>li>a {
padding: 10px 15px
}
.nav>li>a:focus,
.nav>li>a:hover {
text-decoration: none;
background-color: #eee
}
.navbar {
min-height: 45px;
margin-bottom: 20px;
border: 1px solid transparent
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
}
@media (min-width:768px) {
.navbar {
border-radius: 4px
}
.navbar-header {
float: left
}
.navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important
}
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7
}
.navbar-nav {
margin: 7.5px -15px
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px
}
@media (min-width:768px) {
.navbar-nav {
float: left;
margin: 0
}
.navbar-nav>li {
float: left
}
.navbar-nav>li>a {
padding-top: 15px;
padding-bottom: 15px
}
}
.quangcao980x90_nodesktop {
display: none;
padding: 5px 0;
margin-bottom: 10px
}
#back-top a,
.title-prize {
text-transform: uppercase
}
#back-top a,
.carousel-indicators,
.live-header,
.text-sm,
ul.main-menu>li {
text-align: center
}
.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
display: table;
content: " "
}
.hide {
display: none !important
}
.show,
.show2 {
display: block !important
}
.hidden,
.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
display: none !important
}
@media (max-width:767px) {
.visible-xs {
display: block !important
}
.hidden-xs {
display: none !important
}
.quangcao980x90_nomobile {
display: none
}
}
ul {
padding: 0;
margin: 0
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm {
display: block !important
}
.hidden-sm {
display: none !important
}
}
.body-wrapper {
position: relative
}
.banner-adv-wrapper {
width: 728px;
float: right
}
.main-title {
border: 1px solid #c00;
padding: 5px 5px 5px 10px;
margin-bottom: 10px;
margin-top: 10px
}
.live-header {
background-color: #f1f2f2;
color: #414042;
font-weight: 500;
position: relative;
padding: 5px
}
.block {
border: 1px solid #ccc;
margin: 10px 0
}
.block-main-heading h1,
.block-main-heading h2,
.block-main-heading h3 {
color: #fff;
font-size: 18px;
padding: 5px 10px;
margin: 0;
line-height: 1.5;
background: #c00;
font-weight: 500
}
.block-main-heading h2 {
font-size: 16px
}
.block-main-heading h3 {
font-size: 15px
}
.block-main-content h2,
.sub-heading h2,
.sub-heading h3 {
color: #0a21ef;
margin: 0;
line-height: 1;
font-size: 16px;
padding: 5px
}
.sub-heading h3 {
border: 1px solid #ddd;
font-size: 15px
}
.form-statistic {
padding: 10px
}
.head-result {
background: 0 0;
border-top: none;
border-bottom: 45px solid #dc4a03;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
height: 45px;
width: 55%;
margin: 0 auto
}
.mega-detail {
vertical-align: middle
}
.dientoan-detail {
border-bottom: 1px solid #ddd
}
.center-side-bar {
border: 1px solid #ddd;
padding: 0;
margin-top: 10px
}
.content-item {
padding-left: 40px
}
.content-item ul.sub-content {
padding-left: 20px
}
.level2 ul {
padding-left: 60px
}
.adv-side-bar {
width: auto;
background-color: #d9d9d9
}
.adv-side-bar.rotate {
position: relative
}
.adv-side-bar.adv-head {
padding-top: 0
}
.adv-side-bar .adv-main-title {
height: 50px
}
.adv-side-bar.adv-head .adv-main-title {
height: 25px
}
.textadv {
font-size: 12px;
color: #545454;
padding-top: 10px !important
}
.adv-side-bar.adv-head .adv-main-title .textadv {
padding-top: 3px !important
}
.adv-side-bar .adv-main-content {
padding-bottom: 25px
}
.adv-side-bar.rotate .adv-main-title {
width: 90px;
position: absolute;
left: -65px;
height: 24px;
top: 33px;
font-size: 12px;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
text-align: center
}
.adv-side-bar.rotate .adv-main-content {
padding-bottom: 0
}
@media screen and (max-width:480px) {
.adv-side-bar.rotate .adv-main-title {
display: none
}
}
.form-doveso {
padding: 10px
}
.special-code {
color: #1f10e2;
font-size: 24px
}
.special-prize-lg {
color: #f40819;
font-size: 34px;
font-weight: 700
}
.special-prize-lg-25 {
color: #f40819;
font-size: 31px;
font-weight: 700
}
.number-black-bold {
color: #000;
font-size: 28px;
font-weight: 700
}
.special-prize-sm {
color: #f40819;
font-size: 30px;
font-weight: 700
}
.text-blue-bold {
color: #1f10e2;
font-weight: 700
}
.text-blue {
color: #1f10e2;
font-weight: 400
}
.text-gray-bold {
color: #666;
font-weight: 700
}
.content-item a.text-black-bold,
.text-black-bold {
color: #000;
font-weight: 700
}
.text-sm {
font-size: 13px
}
.text-red {
color: #c00
}
.margin-b {
margin-bottom: 10px
}
.block-main-content table,
.prize-detail table {
margin-bottom: 0 !important
}
.logo {
height: 55px
}
.parentlinklot {
width: 95%;
margin-bottom: 20px;
height: 30px
}
.childlinklot {
float: left;
border: 1px solid #ddd;
padding: 3px;
font-weight: 700
}
.childlinklot.lot2 {
width: 50%
}
.childlinklot.lot3 {
width: 33%
}
.childlinklot.lot4 {
width: 25%
}
.navbar-default {
margin-top: 10px;
background-color: #f8f8f8;
border-color: #e7e7e7
}
.navbar-collapse {
padding: 0
}
ul.main-menu {
display: table;
width: 100%;
background-color: #c00
}
ul.main-menu>li {
display: table-cell
}
ul.main-menu>li a {
color: #fff;
font-weight: 700
}
.menu-lv2-down ul li a:hover,
.navbar-default ul.main-menu>.active>a,
.navbar-default ul.main-menu>.active>a:focus,
.navbar-default ul.main-menu>.active>a:hover,
.navbar-default ul.main-menu>li>a:focus,
.navbar-default ul.main-menu>li>a:hover {
background-color: #900;
text-decoration: none
}
.menu-lv2-down ul li:hover,
.navbar-default ul.main-menu>.active,
.navbar-default ul.main-menu>.active:focus,
.navbar-default ul.main-menu>.active:hover,
.navbar-default ul.main-menu>li:focus,
.navbar-default ul.main-menu>li:hover {
background-color: #900
}
.main-menu>li>a {
line-height: 45px;
height: 45px;
padding: 0 10px
}
ul.main-menu>li>a i {
font-size: 22px;
padding-top: 3px
}
ul.main-menu li:hover .menu-lv2-down {
display: block
}
.menu-lv2-down {
position: absolute;
z-index: 9999;
background-color: #fff;
top: 45px;
box-shadow: 2px 6px 12px rgba(0, 0, 0, .175);
display: none;
width: 155px;
text-align: left
}
.menu-lv2-down ul {
padding: 0
}
.menu-lv2-down ul li {
padding: 5px 10px
}
.menu-lv2-down ul li a {
color: #c00
}
.menu-lv2-down ul li a:hover,
.menu-lv2-down ul li:hover a {
color: #fff
}
ul.level3 {
padding-left: 10px;
display: none
}
.menu-mobile {
margin-top: 5px;
position: relative
}
.menu-mobile img.logo-mb {
height: 35px;
margin: 0 auto
}
.menu-mobile .col-xs-12,
.menu-mobile li.col-xs-3,
.menu-mobile li.col-xs-6 {
padding: 0;
text-align: center;
vertical-align: middle
}
.menu-mobile i {
font-size: 30px;
padding: 0
}
.menu-mobile .active a {
color: #c00
}
.menu-mobile ul:last-child {
margin-bottom: 0
}
.menu-mobile ul.ul-lv2 {
border: 1px solid #ccc;
display: table;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
height: 32px;
-webkit-box-sizing: border-box;
font-size: 14px;
line-height: 32px
}
.menu-mobile ul.ul-lv2 li {
display: table-cell;
text-align: center;
border-right: 1px solid #ccc
}
.menu-mobile li a {
display: block;
text-decoration: none;
color: #0808f7;
font-weight: 700;
margin-bottom: 3px
}
.category-mobile {
margin-top: 40px;
position: absolute;
background-color: #fff;
z-index: 1000;
left: 0;
border: 1px solid #ccc
}
.show {
visibility: visible;
opacity: 1;
animation: fadeInLeft 1s
}
.fix-width-right {
width: 330px
}
.fix-width-center {
width: 255px
}
.main-title h1 {
margin: 0;
font-size: 18px
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
.hide {
animation: fadeOutLeft 1s
}
@keyframes fadeOutLeft {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0)
}
}
.live-content {
display: inline-block;
margin-right: 28px
}
.live-header {
display: none
}
.live-header i {
display: inline-block;
position: relative;
top: 3px;
left: -20px;
height: 16px;
width: 16px;
text-align: center
}
.loader12 {
display: inline-block;
width: 5px;
height: 5px;
border-radius: 50%;
animation: loader12 1s linear alternate infinite;
position: absolute;
left: 50px;
top: -22px
}
@keyframes loader12 {
0% {
box-shadow: -20px 40px 0 2px #fff, -10px 40px 0 0 rgba(0, 82, 236, .2), 0 40px 0 0 rgba(0, 82, 236, .2), 10px 40px 0 0 rgba(0, 82, 236, .2)
}
25% {
box-shadow: -20px 40px 0 0 rgba(0, 82, 236, .2), -10px 40px 0 2px #009444, 0 40px 0 0 rgba(0, 82, 236, .2), 10px 40px 0 0 rgba(0, 82, 236, .2)
}
50% {
box-shadow: -20px 40px 0 0 rgba(0, 82, 236, .2), -10px 40px 0 0 rgba(0, 82, 236, .2), 0 40px 0 2px #ed1c24, 10px 40px 0 0 rgba(0, 82, 236, .2)
}
75% {
box-shadow: -20px 40px 0 0 rgba(0, 82, 236, .2), -10px 40px 0 0 rgba(0, 82, 236, .2), 0 40px 0 0 rgba(0, 82, 236, .2), 10px 40px 0 2px #fff200
}
100% {
box-shadow: -20px 40px 0 0 rgba(0, 82, 236, .2), -10px 40px 0 0 rgba(0, 82, 236, .2), 0 40px 0 0 rgba(0, 82, 236, .2), 10px 40px 0 0 rgba(0, 82, 236, .2)
}
}
.btn-danger {
border: 1px solid #8E0000;
border-radius: 15px;
background-color: #B71C1C;
font-weight: 700;
display: inline-block;
padding: 2px 8px
}
.block-main-heading h1 a,
.block-main-heading h2 a,
.block-main-heading h3 a {
color: #fff;
font-weight: 700;
text-decoration: underline
}
.list-link ul {
padding: 5px 0
}
.list-link ul li {
padding: 0 2px;
display: inline-block
}
.list-link li a,
.list-link ul li {
color: #900;
font-weight: 700
}
.class-title-list-link {
font-size: 15px;
margin: 0
}
h2.class-title-list-link {
font-size: 16px
}
.list-link h2 a,
.list-link h3 a {
color: #900;
font-weight: 700;
margin: 8px;
float: left;
font-size: 15px
}
.list-link h2 a {
font-size: 16px
}
.list-link h2 span,
.list-link h3 span {
color: #900;
font-weight: 700;
margin: 8px 0;
float: left;
font-size: 15px
}
.bg-gray {
background-color: #e8e8e8;
margin-top: 10px;
position: relative
}
.bg-gray .down-icon {
position: absolute;
right: 10px;
top: 0;
color: #120cf4
}
.bg-gray .down-icon i,
.login-register .down-icon i {
font-size: 25px
}
.chevron-rolate {
transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg)
}
.u-line {
text-decoration: underline
}
.list-link ul li span:after {
content: 'ยป';
margin-top: 0;
margin-left: 2px
}
.list-link ul li:last-child a:after {
content: ''
}
table.table tbody tr td,
table.table thead tr th {
padding: 3px
}
table.table-xsmax tbody tr td:first-child,
table.table-xsmb tbody tr td:first-child,
table.table-xsmn tbody tr td:first-child {
text-align: center;
vertical-align: middle
}
table.table-xsmax span.col-xs-4,
table.table-xsmax span.col-xs-6,
table.table-xsmb span.col-xs-3,
table.table-xsmb span.col-xs-4,
table.table-xsmb span.col-xs-6 {
padding: 0 4px;
text-align: center
}
.prize-detail th,
.table-lanxh th,
table.table-loto th,
table.table-statistic th {
color: #900;
background-color: #e8e8e8;
text-align: center
}
.prize-detail table.table>thead>tr>th {
vertical-align: middle !important
}
table.table-loto tbody tr td {
font-weight: 700
}
table.table-loto tbody tr td:nth-child(even) {
padding-left: 10px;
font-size: 17px
}
.link-statistic {
margin-top: 10px;
padding-left: 25px
}
.link-statistic ul {
position: relative
}
.link-statistic ul li:before {
position: absolute;
margin: 11px 0 0 -13px;
vertical-align: middle;
display: inline-block;
width: 4px;
height: 4px;
border-radius: 8px;
background: #000;
content: ""
}
.form-statistic .form-control {
margin-right: 10px
}
table.table-statistic,
table.table-xsmax {
margin-bottom: 0
}
table.table-statistic tbody tr td,
table.table-xsmn thead tr th .talble-lanxh tr td {
text-align: center
}
table.table-statistic tbody tr td:nth-child(even) {
font-size: 22px;
font-weight: 700
}
table.table-xsmn thead th {
background-color: #e8e8e8
}
table.table-xsmn thead th a {
color: #1f10e2;
text-decoration: underline
}
table.table-xsmn tbody tr td {
text-align: right
}
.mega-detail ul,
.mega-detail ul li,
.prize-detail table td:first-child,
.prize-value,
.title-result-jackpot {
text-align: center
}
table.table-xsmn span.col-xs-12 {
padding: 0
}
.title-result-jackpot {
font-size: 14px;
line-height: 50px;
color: #fff;
font-weight: 700
}
.prize-value {
border: 10px double #dc4a03;
padding: 10px;
border-radius: 15px;
width: 90%;
margin: 0 auto
}
.prize-value span.result-jackpot {
display: inline-block;
margin: 10px 5px;
font-size: 50px;
font-weight: 700;
color: #ed1c24
}
.mega-detail ul li {
width: 57px;
height: 57px;
line-height: 50px;
font-size: 30px;
background: #c00;
color: #fff;
border: 3px solid #c00;
display: inline-block;
border-radius: 57px;
vertical-align: middle;
font-weight: 700;
margin-right: 20px;
margin-bottom: 10px
}
.prize-detail table td.circle-no {
text-align: right
}
.bg-viewmore,
.content-copy-right,
.dientoan-detail ul li,
.error-header,
.open-next,
.test-rss,
.title-item,
.vertical-table th {
text-align: center
}
.prize-detail table td.circle-no i {
font-style: normal;
width: 18px;
height: 18px;
border-radius: 50%;
border: 3px solid #c00;
display: inline-block;
margin: 0 5px 0 0;
background-color: #c00
}
.open-next {
padding: 10px 10px 0;
font-size: 22px;
color: #1f10e2;
font-weight: 700
}
.bg,
.table-sign tbody tr td:nth-child(odd) {
background-color: #e8e8e8;
width: 15%
}
.dientoan-detail ul {
padding-left: 20px
}
.dientoan-detail ul li {
width: 57px;
height: 57px;
line-height: 50px;
font-size: 30px;
background: #fff;
color: #2f0df9;
border: 1px solid #2f0df9;
display: inline-block;
border-radius: 57px;
vertical-align: middle;
font-weight: 700;
margin-right: 20px;
margin-bottom: 10px
}
.no-border {
border: transparent !important
}
.list-link-footer ul>li>ul {
position: relative;
padding-left: 20px
}
.list-link-footer ul>li>ul>li:before {
content: url("../images/list-icon.png");
position: absolute;
margin-left: -25px
}
.list-link-footer ul>li>ul>li a {
color: #000
}
.title-item {
background-color: #e8e8e8
}
.title-item h3,
.title-item h3 a {
color: #900;
font-weight: 700;
font-size: 15px;
line-height: 2;
margin: 0
}
.content-item ul {
margin: 5px 0
}
.content-item li,
.level2 li {
position: relative;
line-height: 25px
}
.content-item>ul>li:before {
position: absolute;
top: 3px;
margin: 6px 0 0 -21px;
vertical-align: middle;
display: inline-block;
width: 6px;
height: 6px;
background: #000;
content: ""
}
.content-item ul.sub-content li:before,
.level2 li:before {
content: "-";
position: absolute;
top: -7px;
margin: 5px 0 0 -15px;
vertical-align: middle
}
.content-item a,
.level2 a {
color: #444
}
.content-item a:hover,
.level2 a:hover {
color: #c00;
text-decoration: none
}
.level2 ul li i.fa-caret-down {
color: #999;
width: 16px;
height: 16px;
position: relative;
top: 4px;
left: 8px
}
.fa-caret-down::before {
content: "";
position: absolute;
height: 16px;
width: 16px;
background: url("../images/arow.svg") no-repeat
}
.list-link .fa-caret-down::before {
right: 0;
top: 10px
}
.list-link .fa-caret-down.chevron-rolate::before {
left: 0;
top: auto;
bottom: -10px
}
.level2 .fa-caret-down::before {
content: "";
position: absolute;
background: url("../images/arow.svg") no-repeat
}
.border-margin {
border: 1px solid #ccc;
margin: 15px 0
}
.form-doveso .form-group {
margin-bottom: 10px
}
.line-footer {
border: 1px solid #c00;
padding: 0
}
.line-footer2 {
border: 1px solid #360ff7;
padding: 0
}
.copy-right {
width: 100%;
float: left;
border-top: solid 2px #CC0001;
padding: 12px 0;
margin-top: 12px;
font-size: 16px;
line-height: 1.6
}
.content-copy-right {
width: 50%;
color: #fff;
padding: 10px;
float: left;
text-align: left
}
.list-link-footer-mobile ul {
padding: 0 10px
}
.list-link-footer-mobile ul li {
padding: 2px
}
.list-link-footer-mobile li a {
color: #6d6e71
}
.list-link-footer-mobile li:after {
content: '';
position: absolute;
bottom: 2px;
left: 0;
right: 0;
height: 1px;
width: 82%;
background-color: #ccc
}
.list-link-footer {
position: relative
}
.test-rss {
display: inline-block;
width: 80px;
height: 30px;
background-color: #f2a120;
border-radius: 30px;
color: #fff;
font-weight: 700;
padding-top: 3px;
position: absolute;
right: 28px;
bottom: 15px
}
.btn-red,
.link-pad-left {
padding: 5px;
display: inline-block
}
.a-link-default,
.bg-gray a,
.link-statistic a {
text-decoration: underline !important;
color: #120cf4 !important
}
.margin-10 {
margin: 10px
}
.btn-red {
width: 100px;
border: 1px solid #8E0000;
background-color: #B71C1C;
font-weight: 700;
margin-top: -3px;
border-radius: 0;
color: #fff
}
.para {
padding-left: 10px;
line-height: 1.5
}
.line-adv,
.line-header {
padding: 0;
border-top: 1px solid #ddd
}
.line-header {
margin: 0
}
.line-adv {
margin: 20px 0 0
}
.info-title {
color: #c00 !important;
font-weight: 700 !important;
font-size: 18px !important;
padding-left: 10px !important;
padding-top: 10px !important;
line-height: 26px !important
}
.info-result ol {
margin-left: -13px
}
.info-result ol li span,
p.note {
color: #58595b;
font-weight: 700
}
.info-result ul.sub-content,
.info-result ul.sub-content-lv3 {
position: relative
}
.info-result ul.sub-content li:before {
content: "-";
position: absolute;
margin: -1px 0 0 -7px;
vertical-align: middle
}
.info-content {
font-size: 14px;
padding: 12px
}
.info-content h2 {
font-size: 18px
}
.info-content h3 {
font-size: 16px
}
.info-content h4 {
font-size: 16px
}
.info-content p {
margin: 6px 0
}
.info-content ul li {
list-style: inside
}
.info-content a {
color: blue
}
.link-div {
padding: 8px;
border-bottom: solid 1px #e0e0e0
}
.link-div a {
color: blue
}
.bg-viewmore {
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
margin-top: -10px
}
p.btn-viewmore {
padding: 0;
margin: 0
}
.bg-viewmore p span {
padding: 10px;
background-color: #fff;
position: relative;
top: 11px
}
.menu-lv2 .nav {
margin-top: -20px
}
.menu-lv2 .nav a {
color: #ed1c24;
font-weight: 700
}
.menu-lv2 li.active,
.menu-mobile ul.ul-xsmb-thu li.active {
background-color: #f2f2f2
}
.menu-mobile ul.ul-xsmb-thu {
padding: 0;
display: table;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}
.menu-mobile ul.ul-xsmb-thu li {
display: table-cell;
text-align: center;
padding: 5px 0
}
.menu-mobile ul.ul-xsmb-thu .active a {
color: #c00
}
.menu-mobile ul.ul-xsmb-thu li a {
color: #222;
font-size: 14px
}
.table-award {
margin: 10px 15px;
border: 1px solid #f1f2f2;
text-align: center
}
.table-award th {
text-align: center;
color: #120cf4;
background-color: #f1f2f2;
font-weight: 400;
font-size: 18px
}
.table-award td {
border-right: 1px solid #f1f2f2;
font-weight: 400;
color: #58595b;
padding-bottom: 5px
}
.table-award tr td:last-child {
border-right: none
}
.table-award td:nth-child(even) {
text-align: right;
padding-right: 33px
}
.table-award.xsmbinfo td:nth-child(even) {
text-align: center;
padding-right: 10px
}
.info-result {
line-height: 25px
}
#errmsg {
color: red
}
table.livetn2 td.tn_prize {
width: 50%
}
table.livetn3 td.tn_prize {
width: 30%
}
table.livetn4 td.tn_prize {
width: 25%
}
.left100 {
float: left;
width: 100%
}
.line-prize {
margin: 5px
}
.title-prize {
font-size: 16px;
font-weight: 700;
color: #00f;
text-align: left
}
.power-detail {
vertical-align: middle
}
.power-detail ul {
text-align: center
}
.power-detail ul li {
width: 57px;
height: 57px;
line-height: 50px;
font-size: 30px;
background: #c00;
color: #fff;
border: 3px solid #c00;
display: inline-block;
border-radius: 57px;
text-align: center;
vertical-align: middle;
font-weight: 700;
margin-right: 10px;
margin-bottom: 10px
}
.power-detail ul li:last-child {
background-color: #fff;
color: #000;
border: 3px solid #c57c02;
margin-left: 10px;
position: relative
}
.power-detail ul li:last-child:before,
.prize-detail table td.circle-no.special i:last-child:before {
position: absolute;
top: -3px;
left: -15px;
width: 1px;
height: 57px;
background: #ed1c24;
content: ''
}
.prize-detail.prize-power table td.circle-no {
text-align: left;
padding-left: 10px
}
.prize-detail table td.circle-no.special i:last-child {
background-color: #fff200;
border: 3px solid #fff200;
position: relative;
margin-left: 10px
}
.prize-detail table td.circle-no.special i:last-child:before {
left: -9px;
height: 18px
}
.prize-detail.prize-power td {
vertical-align: middle
}
.output {
background: #c30909;
background: -webkit-linear-gradient(#c30909, #490303);
background: -o-linear-gradient(#c30909, #490303);
background: -moz-linear-gradient(#c30909, #490303);
background: linear-gradient(#c30909, #490303);
border-radius: 100%;
font-size: 24px;
color: #fff;
padding: 0 5px
}
.livetn4 .output {
font-size: 20px;
padding: 0 3px
}
span.div-horizontal div {
display: inline
}
.lable-text {
display: flex;
height: 24px
}
.view-loto p {
padding: 10px 10px 0 5px
}
@media screen and (max-width:1199px) {
.loader12 {
left: 40px
}
}
@media (min-width:991px) and (max-width:1199px) {
.col-xs-12.col-sm-12.col-md-6,
.fix-width-right {
width: 70%
}
.fix-width-center {
width: 30%
}
}
@media screen and (max-width:1024px) {
.form-doveso .lable-text {
display: inline-block
}
.title-result-jackpot {
font-size: 13px
}
.prize-value span.result-jackpot {
font-size: 41px
}
.dientoan-detail ul li,
.mega-detail ul li {
margin-right: 11px
}
.table-xsmn.text-table span.number-black-bold,
.table-xsmn.text-table span.special-prize-lg,
.table-xsmn.text-table span.special-prize-lg-25 {
font-size: 28px
}
.container {
padding: 0;
margin: 0;
width: inherit
}
.fix-width-center {
width: 197px
}
.fix-width-right {
width: 100%
}
.fix-width-center h3,
.fix-width-right h3 {
font-size: 14px;
line-height: 1.8
}
.power-detail ul li {
margin-right: 9px
}
}
@media screen and (max-width:768px) {
.container-fluid,
.row,
body {
padding: 0
}
.loader12 {
left: 169px
}
.content-copy-right {
width: inherit
}
.adv-side-bar {
height: auto
}
.bg-gray .down-icon {
top: 0
}
.dientoan-detail ul li,
.mega-detail ul li {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 18px
}
.mega-detail ul li {
line-height: 35px;
margin-right: 3px
}
.content-copy-right {
font-size: 16px;
line-height: 2
}
table.table-loto tbody tr td:nth-child(even) {
font-size: 16px;
font-weight: 400
}
.table-award,
.table-award th {
font-size: 12px
}
.table-award {
margin: 0;
width: 100%
}
.table-award td:nth-child(even) {
padding-right: 7px
}
.quangcao980x90_nodesktop {
display: block
}
.banner-adv-wrapper,
.banner-adv-wrapper2 {
width: inherit
}
#back-top {
bottom: 7px
}
table.table-loto tbody tr td:nth-child(even) {
font-size: 16px;
font-weight: 400
}
.banner-adv-wrapper,
.banner-adv-wrapper2 {
width: inherit
}
}
@media screen and (max-width:600px) {
.prize-detail table td.circle-no i {
width: 12px;
height: 12px;
margin: 0 3px 0 0
}
.special-code {
font-size: 18px
}
.special-prize-lg {
font-size: 25px
}
.number-black-bold {
font-size: 23px
}
.special-prize-sm {
font-size: 22px
}
.main-title h1 {
font-size: 17px
}
.table-xsmn span.number-black-bold,
.table-xsmn span.special-prize-lg-25,
.table-xsmn.text-table span.number-black-bold,
.table-xsmn.text-table span.special-prize-lg-25 {
font-size: 28px
}
}
@media screen and (max-width:480px) {
.list-link .fa-caret-down.chevron-rolate::before {
bottom: -5px
}
.table>thead:first-child>tr:first-child>th {
font-size: 12px
}
.table-xsmn.text-table span.special-prize-lg {
font-size: 25px
}
.special-prize-lg,
.special-prize-sm {
font-size: 25px
}
.table-xsmb span.number-black-bold {
font-size: 27px
}
.table-xsmb span.special-prize-lg,
.table-xsmb span.special-prize-sm {
font-size: 34px
}
body {
line-height: 20px;
font-size: 15px
}
.loader12 {
top: -27px;
left: 50px
}
table.table tbody tr td,
table.table thead tr th {
padding: 3px
}
.list-link {
font-size: 13px;
padding: 3px 0
}
.live-content {
padding: 0;
margin-left: 36px
}
.live-header .btn-danger {
width: 48px;
font-size: 10px
}
.block-main-heading h1 {
font-size: 17px
}
.block-main-heading h2,
.block-title-sub h2 {
font-size: 16px
}
.sub-heading h3,
table.table-statistic tbody tr td:nth-child(even) {
font-size: 15px
}
.link-statistic ul li:before {
margin: 10px 0 0 -13px
}
.head-result {
border-bottom: 30px solid #dc4a03;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
width: 55%
}
.title-result-jackpot {
font-size: 9px;
line-height: 64px
}
.prize-value span.result-jackpot {
font-size: 32px
}
.post-container .post-content {
margin-left: 0 !important;
line-height: 1.4
}
.post-container .post-content .post-title a {
margin-left: 0;
font-size: 12px !important;
line-height: 15px
}
.post-container .post-thumbnail img {
display: block;
margin: 0 auto;
padding: 0 5px
}
.output {
font-size: 15px;
padding: 0 3px
}
.livetn4 .output {
font-size: 15px;
padding: 0 2px
}
.table-xsmb .output {
font-size: 20px
}
.power-detail ul li {
width: 35px;
height: 35px;
line-height: 30px;
font-size: 16px;
margin-right: 7px
}
.power-detail ul li:last-child {
margin-left: 5px;
margin-right: 2px
}
.power-detail ul li:last-child:before {
left: -11px;
height: 35px
}
.table-xsmn span.special-prize-lg,
.table-xsmn.text-table span.special-prize-lg {
font-size: 30px
}
.table-xsmn span.number-black-bold,
.table-xsmn span.special-prize-lg-25,
.table-xsmn.text-table span.number-black-bold,
.table-xsmn.text-table span.special-prize-lg-25 {
font-size: 23px
}
.link-statistic ul li {
line-height: 25px
}
}
@media (max-width:380px) {
.loader12 {
left: 36px
}
.dientoan-detail ul li,
.mega-detail ul li {
margin-right: 13px
}
.table-xsmn span.number-black-bold,
.table-xsmn.text-table span.number-black-bold {
font-size: 25px
}
.table-xsmn span.special-prize-lg-25,
.table-xsmn.text-table span.special-prize-lg-25 {
font-size: 21px
}
.table-xsmn span.special-prize-lg,
.table-xsmn.text-table span.special-prize-lg {
font-size: 28px
}
.table-xsmb span.special-prize-lg,
.table-xsmb span.special-prize-sm {
font-size: 34px
}
.table-xsmb a.special-code {
font-size: 16px
}
}
@media (max-width:320px) {
.table-xsmn span.number-black-bold,
.table-xsmn.text-table span.number-black-bold {
font-size: 22px
}
.table-xsmn span.special-prize-lg,
.table-xsmn.text-table span.special-prize-lg {
font-size: 25px
}
.table-xsmn span.special-prize-lg-25,
.table-xsmn.text-table span.special-prize-lg-25 {
font-size: 19px
}
.table-xsmb span.number-black-bold {
font-size: 25px
}
.table-xsmb span.special-prize-lg,
.table-xsmb span.special-prize-sm {
font-size: 30px
}
}
@media(min-width:270px) and (max-width:640px) {
body,
html {
margin: 0 auto;
padding: 0
}
.menu-mobile {
margin-top: 5px
}
.info-result ol,
.info-result b,
.info-result p {
padding-right: 5px
}
.list-link h2 a,
.list-link h3 a {
color: #900;
font-weight: 700;
margin: 8px 5px;
float: left;
font-size: 15px
}
.list-link h2 a {
font-size: 16px
}
.banner-adv-wrapper {
width: 100%;
height: auto
}
.quangcao980x90_nodesktop {
display: block
}
.quangcao980x90_nodesktop.mrgbt5 {
height: 114px
}
.lable-text {
height: auto
}
}
.text-17 {
font-size: 17px
}
.list-link a,
.table-loto th {
color: #900
}
.margin-10,
.margin-top-10 {
margin-top: 10px
}
.b-blue {
color: #00f
}
.b-blue,
.b-red {
font-weight: 700
}
.margin-10 {
margin-bottom: 10px
}
.adv-side-bar,
.fa-fw,
.fa-li,
.number-week,
.quangcao980x90_nodesktop,
.tab ul.ul-tab li,
.tb-tkchuky table.table tbody tr td,
.tb-tkchuky table.table tfoot tr th,
.tb-tkchuky table.table thead tr th,
.text-center,
.today,
.today-hide,
.ui-spinner-button {
text-align: center
}
.fa,
.fa-stack,
.ul-horizontal li {
display: inline-block
}
.block-main-heading h2,
.ul-bold {
font-weight: 700
}
.post {
padding: 0 10px
}
.post-container {
overflow: auto;
margin: 5px 0
}
.post-container .post-content {
margin-left: 120px
}
.post-content a {
font-size: 15px;
margin: 0;
line-height: 1.4;
color: #000
}
.post-container .post-thumbnail {
float: left
}
.post .img-responsive {
width: 113px !important;
max-width: 100%;
height: auto
}
.post-title {
font-size: 15px !important;
margin: 0 !important;
font-weight: 700;
line-height: 1.4;
padding-bottom: 10px
}
.post-title a {
color: #002581;
text-decoration: none
}
.post .post-ads .post-title a {
color: #c00
}
.post .post-ads .post-title.title-ads {
font-weight: normal;
display: block
}
.caumbchon,
.caumbresult,
.font-large-tkcau,
.font-nomal-tkcau,
.text-black-bold {
font-weight: 700
}
.fa {
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear
}
.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
content: "\f0c9"
}
.fa-caret-down:before {
content: ""
}
.fa-close:before,
.fa-remove:before,
.fa-times:before {
content: "\f00d"
}
.fa-home:before {
content: "\f015"
}
.fa-hand-o-right:before {
content: "";
position: absolute;
height: 16px;
width: 16px;
background: url("../images/handpoint.svg") no-repeat;
left: 0
}
.fa-refresh {
position: absolute;
height: 18px;
width: 18px;
background: url("../images/sync-alt-solid.svg") no-repeat;
background-size: 18px;
margin-top: 3px;
margin-left: 5px
}
.fa-user:before {
content: "\f007"
}
.loadmoreimg {
display: none
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
.fore-cast,
.icon-down,
.tab li a,
.table-week,
.today a,
span.number-cau {
font-weight: 700
}
.tab ul.ul-tab {
padding: 0;
display: table;
width: 100%;
font-size: 13px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 1px solid #ccc
}
.tab ul.ul-tab li {
display: table-cell;
padding: 5px 0;
border-right: 1px solid #ccc
}
.tab ul.ul-tab li:last-child,
ul.forecast li:last-child {
border-right: none;
padding: 0 6px
}
.tab li a {
display: block;
text-decoration: none
}
.tab-statistic li a {
color: #900
}
.tab-statistic .active {
background-color: #f2f2f2
}
.link-statistic li {
margin-bottom: 7px
}
.padding10 {
padding: 10px;
margin: 0
}
.adv336 {
margin: 0 auto 20px;
margin-top: 20px;
width: 300px;
box-sizing: content-box
}
@media screen and (min-width:336px) {
.adv336 {
width: 336px
}
}
.category-mobile {
position: fixed !important;
margin-top: 0 !important;
background-color: #fff;
z-index: 1000;
left: 0;
border: 0 !important;
height: 100%;
top: 0;
padding-top: 25px;
overflow-y: auto
}
.header-menu {
float: left;
width: 100%;
height: 50px
}
.iconhome,
.iconlogin {
height: 20px;
position: relative;
top: -3px;
width: 20px
}
.logo-header-menu {
height: 40px;
float: right;
margin: 5px 15px 0 0
}
.btn-close {
position: absolute;
top: 25px;
left: 5px;
font-size: 20px;
background: #fff;
text-align: center;
padding: 0 10px;
line-height: 40px;
color: #444;
cursor: pointer;
width: 40px;
height: 40px
}
.menu-open .menu-title {
color: #002581
}
.menu-mobile .icon-nav {
color: #444 !important;
position: absolute;
left: 0;
z-index: 9;
top: 0;
padding: 10px;
text-align: center;
line-height: 40px;
font-size: 18px;
cursor: pointer
}
.menu-list {
position: relative;
width: 100%;
float: left;
background: #fafafa;
border-bottom: solid 1px #e0e0e0
}
.menu-list a:hover {
color: #002581;
text-decoration: none
}
.menu-content {
display: none;
width: 100%;
float: left;
padding-left: 32px
}
.title-menu {
float: left;
width: 100%;
padding: 13px 12px;
text-align: center;
text-transform: uppercase;
color: #bf031b;
border-top: solid 1px #e0e0e0;
font-size: 15px
}
.list-item {
padding: 10px 0;
float: left;
width: 100%;
color: #222;
font-size: 14px;
border-top: solid 1px #e0e0e0
}
.menu-title {
float: left;
padding: 13px 16px;
font-size: 14px;
width: 100%;
padding-right: 36px;
font-weight: 700;
text-transform: uppercase;
color: #222;
text-decoration: none
}
.menu-icon {
background: url("../images/down3.svg") no-repeat center;
cursor: pointer;
display: block;
position: absolute;
right: 0;
background-size: 12px;
width: 48px;
height: 36px;
z-index: 99999;
top: 6px;
-webkit-transition: all .4s ease-out;
transition: all .4s ease-out
}
.menu-open .menu-icon {
background: url("../images/down3-open.svg") no-repeat center;
background-size: 12px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: all .4s ease-out;
transition: all .4s ease-out
}
.madb {
display: table;
width: 100%
}
.madb .madb1 {
width: 100%;
display: table-cell
}
.madb2 {
width: 50%;
display: table-cell
}
.madb3 {
width: 33.33%;
display: table-cell
}
.madb4 {
width: 25%;
display: table-cell
}
.madb5,
.madb17,
.madb15,
.madb14,
.madb13 {
width: 20%;
display: table-cell
}
.madb6,
.madb18,
.madb16,
.madb12,
.madb11 {
width: 16.6677%;
display: table-cell
}
.madb7,
.madb14 {
width: 14.28%;
display: table-cell;
font-size: 20px !important
}
.madb8 {
width: 25%;
display: inline-block;
font-size: 18px !important
}
.madb9,
.madb19 {
width: 20%;
display: inline-block;
font-size: 18px !important
}
.madb10 {
width: 20%;
display: inline-block;
font-size: 18px !important
}
.madb20 {
width: 10%;
display: inline-block;
font-size: 17px !important
}
.banner-adv-small,
.pfont2 {
text-align: center
}
.advfirst .adv-side-bar {
margin-top: 0
}
.advfirst.mgt10 .adv-side-bar {
margin-top: 10px
}
@media screen and (max-width:480px) {
.madb7 {
width: 25%;
display: inline-block
}
.madb20 {
width: 14.28%;
font-size: 18px !important
}
}
@media screen and (max-width:420px) {
.madb20 {
width: 14.28%;
font-size: 17px !important
}
}
@media screen and (max-width:380px) {
.madb20 {
width: 20%;
font-size: 17px !important
}
}
.item-qc1 img {
border: none;
max-width: 100%
}
.item-qc1 {
position: relative;
width: 100%;
float: left;
font-family: arial;
line-height: 1.4;
color: #fff;
background: rgb(40, 40, 40);
background: linear-gradient(107deg, rgba(40, 40, 40, 1) 0, rgba(112, 112, 112, 1) 100%)
}
.item-qc1 a {
color: #fff;
text-decoration: none
}
.item-qc1:hover,
.item-qc2:hover {
color: white
}
.post1 {
display: grid;
padding: 8px 10px
}
.tags-qc1 {
font-weight: bold;
font-size: 14px;
color: #FF7300;
bottom: 6px;
position: absolute
}
.tags-qc1 a {
color: #FF7300
}
.thumb-qc1 {
float: left
}
.thumb-qc1 img {
float: left;
width: 100px;
height: 100px
}
.title-qc1 {
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 16px;
font-weight: bold;
margin-bottom: 6px
}
.item-qc2 img {
border: none;
max-width: 100%
}
.item-qc2 {
position: relative;
width: 100%;
float: left;
font-family: arial;
line-height: 1.4;
color: #fff;
padding: 10px;
background: rgb(40, 40, 40);
background: linear-gradient(107deg, rgba(40, 40, 40, 1) 0, rgba(112, 112, 112, 1) 100%)
}
.post2 {
display: grid
}
.item-qc2 a {
color: #fff;
text-decoration: none
}
.thumb-qc2 {
float: left;
margin-right: 12px
}
.thumb-qc2 img {
float: left;
width: 100px;
height: 100px
}
.title-qc2 {
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical
}
.summary-qc2,
.item-qc2 .summary-qc2 {
font-size: 16px;
margin-bottom: 5px;
color: #E9D507;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical
}
.tags-qc2 {
font-weight: bold;
font-size: 14px;
color: #FF7300;
position: absolute;
bottom: 8px
}
.tags-qc2 a {
color: #FF7300
}
.hrclear {
display: flex;
height: 0;
width: 100%;
border: 0;
margin: 0;
padding: 0
}
.content-copy-right a {
color: white;
text-decoration: underline
}
@media (max-width:768px) {
.title-qc1 {
font-size: 14px;
margin-bottom: 0
}
.summary-qc2 {
font-size: 15px
}
.title-qc2 {
font-size: 15px
}
}
.mrgbt5 {
padding: 5px 0;
margin-bottom: 10px;
text-align: center
}
.titlemax3d.bold {
font-weight: bold
}
.titlemax3d {
padding: 5px;
background: #f9f9f9
}
.keno-text {
padding-bottom: 16px
}
.pfont1 {
padding: 10px
}
.block-keno p {
margin: 0
}
.pfont2 {
text-align: center
}
.pfont3 {
text-align: center;
padding: 0 10px
}
.block-keno h2,
.block-keno h3,
.block-keno h4 {
margin: 0
}
.keno-text-kq {
background: #f2f2f2;
padding: 6px 12px;
font-size: 16px
}
.color-reb {
color: #c00
}
.mgb-0 {
margin-bottom: 0
}
.span-font1 {
position: relative;
left: -20px;
top: -30px;
color: #4040ff
}
.span-font2 {
font-size: 72px;
font-weight: 700;
color: #c30000
}
.cl222 {
color: #222
}
.block-keno {
line-height: 1.5;
border: solid 1px #e0e0e0;
margin: 10px 0
}
.pad-012 {
padding: 0 12px
}
.color-blue {
color: #00f
}
.bg-ligh {
background: #f2f2f2
}
.bgcolor-red {
color: #fff;
background: #CC0000
}
.td-text16 {
font-size: 16px
}
.kn-number {
width: 10%;
font-size: 21px
}
@media only screen and (max-width:767px) {
.span-font2 {
font-size: 48px
}
.span-font1 {
top: -20px
}
.td-text16 {
font-size: 13px
}
}
.qc-sticky {
padding: 10px 0;
position: relative;
margin: 20px 0;
text-align: center
}
.qc-300x250 {
width: 100%;
margin: auto;
position: relative;
height: 250px;
z-index: 9
}
.qc-300x600 {
margin: auto;
position: relative;
max-height: 600px;
z-index: 9;
width: 100%
}
.qc-content img {
max-width: 100%
}
.qc-reps {
max-width: 100%;
position: relative;
z-index: 9
}
.qc-head {
text-transform: uppercase;
color: #666;
font-size: 14px;
margin-bottom: 12px
}
.qc-footer {
height: 200px;
line-height: 440px;
text-transform: uppercase;
color: #666;
display: none;
font-size: 14px;
width: 100%
}
.qc-footer600 {
text-transform: uppercase;
color: #666;
font-size: 14px;
display: none;
width: 100%;
position: absolute;
bottom: 12px;
left: 0
}
@media only screen and (max-width:800px) {
.banner-sticky {
z-index: 9;
position: -webkit-sticky;
position: sticky;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
top: 10px
}
.qc-sticky {
margin: 40px 0;
padding-bottom: 40px;
background: #F9F9F9
}
.qc-footer {
display: block
}
.row {
margin-right: 0;
margin-left: 0
}
.qc-sticky.banner-600 {
height: 690px;
position: relative
}
.qc-footer.qc-footer2 {
padding: 0 10px;
height: auto;
line-height: normal;
position: absolute;
bottom: 10px;
left: 0
}
.qc-footer600 {
display: block
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
padding-right: 0;
padding-left: 0
}
}
.nav-link-footer {
display: grid;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: repeat(4, 1fr);
width: 100%;
float: left;
border-top: solid 8px #CC0001;
padding-top: 16px
}
.sub-title2 {
padding: 12px;
display: block;
margin: 0;
width: 100%;
float: left;
font-size: 14px;
font-weight: bold;
text-align: center
}
.ul-cat li {
padding: 3px 0;
font-size: 16px
}
.ul-cat a {
color: #444
}
.content-copy-right-right {
text-align: right;
width: 33%;
color: #444444;
float: left
}
.content-copy-right-left {
text-align: left;
width: 67%;
color: #444444;
float: left
}
.text-bold {
font-weight: 700 !important
}
.underline {
text-decoration: underline !important
}
.link-you {
color: #D50100 !important;
font-weight: bold
}
.icyou svg {
fill: #999
}
.icyou svg:hover {
fill: #D50100
}
.icyou {
position: relative;
top: 4px
}
.content-copy-right-right a {
color: #444
}
.content-copy-right-left a {
color: #444
}
@media only screen and (max-width:800px) {
.fontDB {
font-size: 16px
}
.fontDB2 {
font-size: 16px
}
.m-btnfull {
width: 100%
}
.col-inline.m-full {
width: 100%;
margin: 0
}
.w-touchspin {
margin-right: 0;
margin-bottom: 16px;
width: 100%
}
.form-statistic .form-control.input-spinner {
width: 100%
}
.copy-right {
padding: 10px
}
.content-copy-right-left {
width: 100%;
font-size: 14px
}
.content-copy-right-right {
text-align: left;
width: 100%;
font-size: 14px
}
.nav-link-footer {
grid-column-gap: 10px;
padding: 10px;
grid-row-gap: 10px;
grid-template-columns: repeat(2, 1fr)
}
.ul-cat li {
font-size: 14px
}
}
.view-loto p {
padding: 10px 10px 0 5px
}
.parentlinklot {
width: 95%;
margin-bottom: 20px;
height: 30px
}
.childlinklot.lot3 {
width: 33%
}
.childlinklot {
float: left;
border: 1px solid #ddd;
padding: 3px;
font-weight: 700
}
.childlinklot.lot2 {
width: 50%
}
.info-content {
font-size: 14px;
padding: 12px
}
.info-content h2 {
font-size: 18px
}
.info-content h3 {
font-size: 16px
}
.info-content h4 {
font-size: 16px
}
.info-content p {
margin: 6px 0
}
.info-content ul li {
list-style: inside
}
.info-content a {
color: blue
}
.link-div {
padding: 8px;
border-bottom: solid 1px #e0e0e0
}
.link-div a {
color: blue
}
.bgnew {
display: inline-block;
background: yellow;
color: red;
font-size: 12px;
padding: 0 5px;
height: 16px;
line-height: 16px;
border-radius: 4px
}
.head-block {
font-size: 16px !important;
padding: 12px 8px !important;
color: #000 !important
}
.head-block a {
color: #0a21ef
}
.number-thongke {
width: 100%;
float: left;
border-bottom: solid 1px #ccc;
margin-bottom: 16px;
padding: 12px 0;
border-top: solid 1px #ccc
}
.number-0-99 {
float: left;
width: 10%;
text-align: center;
font-size: 18px;
margin: 4px 0;
cursor: pointer
}
.number-0-99:hover {
color: #CC0001
}
.number-0-99.active {
color: #CC0001;
font-weight: bold
}
.text-thongke {
float: left;
width: 100%;
padding: 0 10px;
margin-bottom: 12px
}
.tab-thongke {
float: left;
width: 100%;
display: table
}
.tab-thongke a {
color: #000;
font-weight: bold;
font-size: 15px;
padding: 10px;
display: table-cell
}
.tab-thongke a.active {
color: #CC0001;
text-decoration: underline
}
.ul-menu {
margin: 0;
padding: 0;
position: relative;
float: left;
width: 100%;
overflow-y: hidden;
overflow-x: auto;
white-space: nowrap;
display: flex
}
.ul-menu li {
display: inline-block;
list-style: none
}
.ul-menu li a {
color: #000;
display: block;
padding: 10px 12px;
font-size: 14px
}
.ul-menu li a.active {
color: #CC0001;
border: solid 1px #e0e0e0;
background: #F5F5F5
}
.tr-hover tbody>tr:hover {
background: antiquewhite
}
.tr-hover tbody>tr.tr-active {
background: antiquewhite
}
@media only screen and (max-width:800px) {
.tab-thongke a {
font-size: 13px;
padding: 6px
}
}
.div-heading {
margin-bottom: 12px
}
.sub-title {
padding: 0 8px;
font-size: 16px;
line-height: 1.5;
font-weight: bold
}
.fontDB {
font-size: 18px;
font-weight: 600
}
.fontDB2 {
font-size: 18px;
font-weight: 600
}
.bgth th {
text-align: center;
background: #f1f1f1
}
.table.td-highlight tbody td:hover {
background: #04D1A0
}
.table.td-highlight tbody td.active {
background: #04D1A0 !important
}
.sub-title-bg {
background: #D9D9D9;
padding: 10px;
font-size: 15px;
line-height: 1.5;
font-weight: bold;
margin: 0
}
.btn-default-red {
border: 1px solid #8E0000;
background-color: #B71C1C;
font-weight: 700;
margin-top: -3px;
border-radius: 0;
color: #fff;
min-width: 100px
}
.table.tr-highlight tbody tr:hover {
background: #F2AF03
}
.table.tr-highlight tbody tr.active {
background: #F2AF03
}
.table.tr-highlight tbody tr.active td {
background: #F2AF03
}
.background-red {
background: #CC0001 !important;
color: #fff !important
}
.bg-chunhat {
background: #F5F5F5
}
.scroll-tkdb {
display: flex;
min-width: 100%;
overflow-x: auto
}
.scroll-tkdb table td {
min-width: 75px
}
.scroll-item {
margin-right: 20px;
float: left
}
.scroll-item:last-child {
margin-right: 0
}
.fontDB_DB {
font-size: 18px;
font-weight: 600;
line-height: 16px;
display: inline-block;
width: 60px
}
.text-LT {
width: 50%;
text-align: center;
float: left
}
.text-RI {
width: 50%;
text-align: center;
color: #002581;
float: right
}
.div-heading.mgb0 {
margin-bottom: 0
}
.table.table-tkgdb thead th {
color: #002581;
font-weight: 600
}
.table.table-tkgdb th {
font-size: 14px;
text-align: center;
font-weight: normal;
min-width: 75px
}
.col-inline {
display: inline-block;
margin-right: 12px;
vertical-align: top
}
.label-inline {
display: block;
margin-bottom: 8px
}
.w-touchspin {
display: inline-block;
position: relative;
margin-right: 10px
}
.btn-touchspin1 {
height: 34px;
line-height: 34px;
cursor: pointer;
text-align: center;
display: inline-block;
font-size: 20px;
width: 34px;
position: absolute;
left: 0;
top: 0;
z-index: 2
}
.btn-touchspin2 {
height: 34px;
line-height: 34px;
cursor: pointer;
text-align: center;
display: inline-block;
font-size: 20px;
width: 34px;
position: absolute;
right: 0;
top: 0;
z-index: 2
}
.form-statistic .form-control.input-spinner {
margin: 0;
width: 160px;
padding: 0 40px;
text-align: center
}
.content-copy-right-left {
text-align: left;
width: 67%;
color: #444444;
float: left
}
.content-copy-right-right {
text-align: right;
width: 33%;
color: #444444;
float: left
}
.ul-cat li {
padding: 3px 0;
font-size: 16px
}
.ul-cat a {
color: #444
}
.link-you {
color: #D50100 !important;
font-weight: bold
}
.icyou svg {
fill: #999
}
.icyou svg:hover {
fill: #D50100
}
.icyou {
position: relative;
top: 4px
}
.content-copy-right-right a {
color: #444
}
.content-copy-right-left a {
color: #444
}
.table-scrol-x {
overflow: auto;
white-space: nowrap;
float: left;
width: 100%;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch
}
.div-table-ts {
background: #F5F5F5;
float: left;
width: 100%
}
.table.table-tslt {
background: #F5F5F5;
margin: 0
}
.btn-tslt {
display: inline-block;
cursor: pointer;
margin: 12px;
color: #444
}
.btn-tslt:hover {
color: #CC0001;
text-decoration: underline
}
.btn-tslt.active {
color: #CC0001;
text-decoration: underline
}
.table.table-tslt td,
.table.table-tslt th {
border: 0
}
.table.table-tslt td,
.table.table-tslt th {
border: 0;
padding: 7px 5px
}
.type-checkbox {
height: 14px;
display: inline-block;
margin: 0 5px 0 0 !important;
padding: 0 !important
}
.btn-tk {
padding: 4px;
font-size: 12px;
border-radius: 3px;
display: inline-block;
min-width: 48px;
cursor: pointer;
font-weight: normal;
background: #fff
}
.div-info {
width: 100%;
color: #444;
float: left;
margin-bottom: 12px
}
.div-statistic {
width: 100%;
float: left;
margin-bottom: 12px
}
.div-statistic .table {
margin-bottom: 0
}
.color-dark {
color: #444
}
.btn-tkndoc {
border: solid 1px #D9D9D9;
display: inline-block;
padding: 6px 15px;
cursor: pointer;
color: #666666
}
.btn-tkndoc.active {
background-color: #D9D9D9;
color: #990100
}
.div-padding {
padding: 10px;
width: 100%;
float: left
}
.table-fixed {
position: relative;
width: 100%;
z-index: 1;
margin: auto;
overflow: scroll;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch
}
.table-fixed thead th {
background: #d9edf7;
position: -webkit-sticky;
position: sticky;
top: 0
}
.table-fixed th:first-child {
position: -webkit-sticky;
position: sticky;
left: 0;
z-index: 2
}
.table-fixed thead th:first-child {
z-index: 5
}
.table.table-tkts {
border: solid 1px #666;
margin: 0;
font-size: 14px
}
.table.table-tkts th {
background: #002581;
color: #fff;
border: solid 1px #666;
padding: 4px;
text-align: center;
vertical-align: middle
}
.table.table-tkts th a {
color: #fff
}
.table.table-tkts td {
border: solid 1px #666;
width: 30px;
padding: 0;
min-width: 30px;
height: 30px;
vertical-align: middle
}
.bg-info {
background-color: #d9edf7
}
.darkgb {
background-color: gray
}
.tansuatrow {
background: #fff
}
.tansuatrow:hover {
background: #04D1A0
}
.tansuatrow:hover .bg-info2 {
background: #04D1A0
}
tr.tansuatrow.bg-hover>td:not(.darkgb) {
background-color: #F2AF03
}
tr.tansuatrow.bg-active>td:not(.darkgb) {
background-color: #F2AF03
}
tr.tansuatrow.bg-active .bg-info2 {
background-color: #F2AF03
}
.tansuat-verti .kqbackground.verti-highlight.verti-active {
background-color: #F2AF03
}
.tansuat-verti .verti-highlight.verti-hover {
background-color: #04D1A0
}
.bg-info2 {
background-color: #002581;
color: #fff
}
.min-width70 {
min-width: 70px
}
.color-red {
color: #c00
}
.fn-16 {
font-size: 16px
}
.red {
color: #c00
}
.w_5 {
width: 5%
}
.w_10 {
width: 10%
}
.w_15 {
width: 15%
}
.w_20 {
width: 20%
}
.w_25 {
width: 25%
}
.w_30 {
width: 30%
}
.w_35 {
width: 35%
}
.w_40 {
width: 40%
}
.w_45 {
width: 45%
}
.w_50 {
width: 50%
}
.w_60 {
width: 60%
}
.w_70 {
width: 70%
}
.w_80 {
width: 80%
}
.w_90 {
width: 90%
}
.text_title {
font-size: 15px;
line-height: 1.5;
font-weight: bold;
margin: 0;
text-align: center
}
.bg-D9D9D9 {
background: #d9d9d9
}
.uppercase {
text-transform: uppercase
}
.nav-link-footer {
display: grid;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: repeat(4, 1fr);
width: 100%;
float: left;
border-top: solid 8px #CC0001;
padding-top: 16px
}
@media only screen and (max-width:800px) {
.fontDB {
font-size: 16px
}
.fontDB2 {
font-size: 16px
}
.m-btnfull {
width: 100%
}
.col-inline.m-full {
width: 100%;
margin: 0
}
.w-touchspin {
margin-right: 0;
margin-bottom: 16px;
width: 100%
}
.form-statistic .form-control.input-spinner {
width: 100%
}
.copy-right {
padding: 10px
}
.content-copy-right-left {
width: 100%;
font-size: 14px
}
.content-copy-right-right {
text-align: left;
width: 100%;
font-size: 14px
}
.nav-link-footer {
grid-column-gap: 10px;
padding: 10px;
grid-row-gap: 10px;
grid-template-columns: repeat(2, 1fr)
}
.ul-cat li {
font-size: 14px
}
}
@media only screen and (max-width:480px) {
.fontDB {
font-size: 15px
}
.fontDB2 {
font-size: 15px
}
}
@media only screen and (max-width:360px) {
.fontDB {
font-size: 14px
}
.fontDB2 {
font-size: 14px
}
}
@media only screen and (max-width:800px) {
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
padding-right: 0;
padding-left: 0
}
.table.td-highlight tbody td:hover {
background: none
}
.table.tr-highlight tbody tr:hover {
background: none
}
.color_54b0bd {
background: #04D1A0 !important
}
.table.tr-highlight tbody tr.active {
background: #F2AF03
}
}
.color_54b0bd {
background: #04D1A0 !important
}
.bg-active {
background-color: #F2AF03 !important
}
.text-bold {
font-weight: 700 !important
}
.popup-bg {
background: rgba(0, 0, 0, 0.6);
position: fixed;
display: none;
z-index: 9999;
height: 100%;
width: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-y: auto;
overflow-x: hidden;
align-items: flex-start;
justify-content: center
}
.popup-wrapper {
max-width: 480px;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%)
}
.popup-body {
float: left;
width: 100%;
background: #fff;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}
.popup-header {
float: left;
width: 100%;
padding: 12px;
border-bottom: solid 1px #ccc
}
.close-popup {
position: absolute;
right: -10px;
top: -10px;
z-index: 999;
width: 28px;
height: 28px;
cursor: pointer;
border-radius: 100%;
background: #fff;
display: grid;
place-items: center;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}
.popup-content {
float: left;
width: 100%
}
.popup-height {
position: relative;
max-height: 90vh;
overflow-y: auto
}
.target-hidden {
display: none !important
}
.target-expanded {
display: block !important
}
.login-link {
display: inline-block;
border: solid 1px #666;
position: relative;
text-align: center;
font-weight: bold;
border-radius: 6px;
width: 100%;
font-size: 16px;
color: #666;
padding: 7px 10px;
cursor: pointer
}
.login-link:hover {
color: #2642d5
}
.login-link svg {
position: absolute;
left: 10px;
top: 8px
}
.mright {
position: absolute;
right: 10px;
top: 5px;
z-index: 1
}
.menu-mobile .mright li a {
display: block;
text-decoration: none;
color: #000;
font-weight: normal;
margin-bottom: 0;
text-align: left
}
.btn-logintk {
cursor: pointer;
display: inline-block
}
.w-user {
z-index: 99;
float: right;
margin-right: 16px;
position: relative;
top: 20px
}
.btn-logintk:hover {
color: #2642d5
}
.btn-logintk svg {
vertical-align: middle;
margin-right: 8px;
position: relative;
top: -2px
}
.label-block {
display: block;
color: #666;
font-size: 16px;
margin-bottom: 10px
}
.btn-default-dark {
color: #fff;
padding: 8px;
font-weight: bold;
width: 100%;
text-align: center;
background: #938C8C;
font-size: 16px;
cursor: pointer;
border-radius: 5px;
display: inline-block
}
.btn-default-dark:hover {
color: #fff;
background: #c00
}
.form-control.height48 {
height: 40px;
font-size: 16px
}
.potitle {
font-size: 20px;
text-align: center;
color: #0214B7;
font-weight: bold
}
.block-login {
width: 100%;
float: left;
padding: 12px 60px;
border-bottom: solid 1px #CCC
}
.block-login .form-group:last-child {
margin-bottom: 0
}
.pop-text1 {
color: #222;
font-size: 16px
}
.pop-text1 a {
color: #222;
text-decoration: underline
}
.pop-text2 {
color: #696363;
font-size: 14px
}
.pop-text2 a {
color: #696363;
text-decoration: underline
}
.row-pass {
position: relative
}
.row-danger {
text-align: right;
font-size: 12px;
font-style: italic;
color: #bd0c0c;
margin-top: 5px
}
.btn-showpass {
position: absolute;
right: 8px;
top: 12px;
cursor: pointer;
display: inline-block;
height: 20px;
width: 20px;
text-align: center
}
.btn-dangkytk {
font-weight: bold;
text-decoration: underline;
cursor: pointer
}
.row-danger2 {
font-size: 12px;
color: #666;
margin-top: 5px
}
.pop-text2 .color-reb {
color: #c00;
text-decoration: none
}
.back-taotaikhoan {
font-weight: bold;
color: #222;
font-size: 16px
}
.back-taotaikhoan svg {
margin-right: 5px;
vertical-align: middle;
position: relative;
top: -2px
}
.text-dkOK {
font-size: 24px;
line-height: 1.6;
color: #696363;
text-align: center;
font-weight: bold
}
.text-dkOK2 {
font-size: 16px;
text-align: center
}
.wp-left {
float: left;
width: 25%
}
.wp-right {
float: right;
width: 70%
}
.block-tttk {
width: 100%;
float: left;
margin-bottom: 32px
}
.head-tttk {
width: 100%;
float: left;
margin-bottom: 32px;
font-size: 24px;
font-weight: bold
}
.list-tttk {
width: 100%;
float: left;
margin-bottom: 16px;
border-bottom: solid 1px #e0e0e0;
padding-bottom: 16px
}
.list-tttk:last-child {
margin-bottom: 0
}
.div-tttk1 {
width: 100%;
float: left;
margin-bottom: 12px
}
.left-tttk {
float: left
}
.tttk-text {
display: inline-block;
font-weight: normal;
font-size: 16px
}
.right-tttk {
float: right
}
.btn-edit-tttk {
cursor: pointer;
color: #999;
text-decoration: underline;
font-size: 16px
}
.button-huy {
display: none;
text-decoration: underline
}
.div-tttk2 {
width: 100%;
float: left;
color: #666;
font-weight: bold;
font-size: 16px
}
.tttk-active .button-edit {
display: none
}
.tttk-active .button-huy {
display: inline-block
}
.content-tttk-edit {
width: 100%;
margin-top: 20px;
float: left;
display: none;
border-radius: 5px
}
.profile-photo2 {
float: left;
width: 100%;
margin-bottom: 24px
}
.btn-inner {
display: inline-block;
margin: 0 8px
}
.btn-outline2 {
display: inline-block;
padding: 10px;
text-align: center;
font-size: 16px;
border-radius: 5px;
cursor: pointer;
border: solid 1px #D9D9D9
}
.div-tttk2 svg {
margin-left: 8px;
vertical-align: middle;
position: relative;
top: -3px
}
.input.input-mxt {
width: 40px;
padding: 0;
text-align: center;
background-color: #fafafa
}
.tttk-col3 {
display: grid;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: repeat(3, 1fr)
}
.btn-send-mxt {
display: inline-block;
cursor: pointer;
font-weight: bold;
text-decoration: underline;
color: #1e5938
}
.radio-inline {
display: inline-block;
margin-right: 16px;
font-size: 16px
}
.btn-dell-tttk {
display: inline-block;
padding: 8px;
text-align: center;
font-size: 16px;
border-radius: 5px;
cursor: pointer;
border: solid 1px #D9D9D9
}
.list-tttk2 {
width: 100%;
float: left;
border-bottom: solid 1px #e0e0e0;
padding-bottom: 16px
}
.svg-active2 {
display: none
}
.btn-edit-tttk2.tttk-active2 .svg-active2 {
display: inline-block
}
.btn-edit-tttk2.tttk-active2 .svg-active1 {
display: none
}
.content-tttk-edit2 {
width: 100%;
margin-top: 20px;
float: left;
display: none;
border-radius: 5px
}
.profile-photo2 img {
display: inline-block;
vertical-align: middle;
height: 48px;
width: 48px;
border-radius: 100%
}
.btn-outline {
display: inline-block;
padding: 8px;
text-align: center;
border-radius: 5px;
cursor: pointer;
border: solid 1px #D9D9D9
}
.btn-default2 {
background: #D50000;
font-weight: bold;
padding: 8px 10px;
border-radius: 5px;
color: #fff;
display: inline-block;
text-align: center;
cursor: pointer
}
.list-tttk-2 {
width: 100%;
float: left
}
.icons-tttk svg {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
position: relative;
top: -3px
}
.btn-xoa-link {
display: inline-block;
cursor: pointer;
color: #222;
text-decoration: underline;
font-size: 16px
}
.tttk-text.icons-tttk {
font-weight: bold
}
.div-textbold {
font-weight: bold;
color: #666;
font-size: 16px;
margin-bottom: 10px
}
.div-ketnoitk {
width: 100%;
float: left;
margin-bottom: 16px
}
.div-ketnoitk.connect-ok .btn-xoa-link {
color: #999
}
.box-content-taikhoan {
width: 100%;
float: left
}
.row-group {
margin-bottom: 12px
}
.row-group:last-child {
margin-bottom: 0
}
.row-user1 {
border: solid 1px #e0e0e0;
padding: 16px;
border-radius: 12px;
margin-bottom: 16px;
float: left;
width: 100%
}
.row-user2 {
float: left;
width: 100%;
background: #d9d9d9;
padding: 16px;
border-radius: 12px;
font-size: 16px
}
.thumb-user1 {
float: left;
margin-right: 16px
}
.text-user1 {
display: grid
}
.thumb-user1 img {
vertical-align: middle;
display: inline-block;
height: 48px;
width: 48px;
border-radius: 100%
}
.div-name-user1 {
font-size: 16px;
font-weight: bold
}
.div-date-user1 {
font-size: 13px;
color: #999
}
.row-user2 a {
color: #222;
text-decoration: underline
}
.input-text {
width: 100%;
font-family: 'arial', sans-serif;
font-size: 16px;
border-radius: 5px;
font-weight: normal;
line-height: inherit;
outline: none;
height: 40px;
padding: 0 10px;
display: inline-block;
border: solid 1px #eaeaea;
box-shadow: none
}
.input-text:focus {
border: solid 1px #78AAF8;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.login-user {
display: inline-block;
position: relative
}
.login-user-thumb {
display: inline-block
}
.login-user-thumb img {
vertical-align: middle;
height: 30px;
display: inline-block;
border-radius: 100%;
width: 30px;
cursor: pointer
}
.login-user-drop {
position: absolute;
display: none;
width: 200px;
right: 0;
background: #fff;
padding: 8px 16px;
box-shadow: 0 4px 4px 0 #00000040;
border-radius: 10px;
font-size: 16px
}
.login-user-drop.show2 {
display: block
}
.login-user-drop ul li {
display: block;
margin: 10px 0
}
.login-user-drop ul li a {
color: #222
}
.text-danger {
--falcon-text-opacity: 1;
font-size: 13px;
color: rgba(var(--falcon-danger-rgb), var(--falcon-text-opacity)) !important
}
.grecaptcha-badge {
display: none !important
}
.svg-mr6 {
margin-right: 6px
}
@media only screen and (max-width:960px) {
.popup-wrapper {
width: 90%
}
.popup-height {
max-height: 75vh
}
.popup-wrapper.wpop-login {
width: 90%;
position: absolute;
top: 2%;
left: 50%;
transform: translateX(-50%) translateY(2%);
-webkit-transform: translateX(-50%) translateY(2%);
-ms-transform: translateX(-50%) translateY(2%)
}
.block-login {
padding: 16px
}
.potitle {
font-size: 16px
}
.login-link {
font-size: 14px
}
.label-block {
font-size: 14px
}
.form-control.height48 {
height: 40px;
font-size: 14px
}
.pop-text1 {
font-size: 14px
}
.pop-text2 {
font-size: 14px
}
.btn-default-dark {
font-size: 14px
}
.login-link svg {
top: 6px
}
.w-user {
right: 10px;
position: absolute;
top: 11px;
margin-right: 0
}
.text-dkOK {
font-size: 18px
}
.wp-left {
width: 100%;
margin-bottom: 24px
}
.wp-right {
width: 100%
}
.box-content-taikhoan {
padding: 16px
}
.thumb-user1 img {
height: 100px;
width: 100px
}
.div-name-user1 {
font-size: 22px;
margin-bottom: 8px;
padding-top: 24px
}
.div-date-user1 {
font-size: 16px
}
.login-user-thumb img {
height: 25px;
width: 25px
}
}
.footer-brand {
font-size: 16px;
font-weight: bold;
color: #444
}
.row-copy-right {
display: flex;
justify-content: space-between;
border-bottom: solid 1px #e0e0e0;
padding-bottom: 12px;
margin-bottom: 12px
}
.cols-copy-right {
grid-template-columns: 1fr 1fr;
display: grid;
gap: 48px
}
.copy-right-item {
font-size: 16px
}
.copy-right-item p {
padding: 0;
margin: 5px 0
}
.footer-link {
font-size: 14px;
display: flex;
gap: 4px
}
.footer-link a {
color: #444;
text-decoration: underline
}
.div-you {
display: flex;
font-size: 14px;
color: #444
}
.div-you svg {
margin-left: 10px
}
@media only screen and (max-width:960px) {
.footer-brand {
font-size: 14px;
margin-bottom: 8px
}
.row-copy-right {
display: block;
font-size: 14px;
padding-bottom: 0
}
.footer-link {
display: block;
font-size: 14px
}
.footer-link a {
display: inline-block;
margin-right: 8px;
margin-bottom: 8px
}
.div-you {
font-size: 14px
}
.cols-copy-right {
grid-template-columns: 1fr;
gap: 6px
}
.copy-right-item {
font-size: 14px
}
}
.loading-icon {
display: inline-block !important;
width: 16px !important;
height: 16px !important;
background-image: url("../images/Loading_icon.gif");
background-size: contain;
background-repeat: no-repeat
}
.post-thumbnail img {
width: 113px!important;
max-width: 100%;
height: auto;
}
img {
max-width:100%;
height:auto;
}