/*
Theme Name: LoRBK247
Theme URI: https://lorongbachkim247.com
Author: hoanghungitvn
Telegram: @hoanghungitvn
Description: Website lorongbachkim247.com
Version: 1.3.5
Requires PHP: 5.5
Requires at least: 5.0
Tested up to: 6.6
License: MIT
License URI: https://opensource.org/licenses/MIT
Text Domain: lorongbachkim247.com
Domain Path: /languages/
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, post-formats, threaded-comments, translation-ready, editor-style, blog

This theme built with Twitter Bootstrap v.5. It is basic theme with basic style for build new theme with Bootstrap.

*/


/*
Required WordPress CSS
*/
.p-2 {
    padding: 0.5rem !important;
}
.border {
    border: 1px solid #dee2e6 !important;
}
.h-42px {
    display: flex;
    align-items: center;
    max-height: 42px;
    height: 42px;
}
.bg-black5 {
    background: #004793;
}
.font-14 {
    font-size: 14px;
}
.text-white {
    color: #fff !important;
}
.font-weight-bold {
    font-weight: 700 !important;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.border-radius-top {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.bg-black5 {
    background: #004793;
}
.box-item-rbk {
    display: flex;
    width: 60px;
    height: 32px;
    align-items: center;
    justify-content: center;
	font-size:12px;
}

.bg-blue2 {
    background: #effaff;
}
.aside-title-red {
    display: flex;
    align-items: center;
    color: #d0021b;
    min-height: 42px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #d0021b;
}

sup.hot {
    width: 22px;
    height: 11px;
    display: inline-block;
    background: url(/wp-content/uploads/2025/11/hot.gif) no-repeat center;
}
.tab.active {
    font-weight: bold;
    color: yellow;
}
.tab {
    display: inline-block;
    cursor: pointer;
    background: #004793;
    padding: 5px;
    border-radius: 5px;
    color: #FFF;
    margin-right: 5px;
}
.content-lotop {
    padding: 10px 0;
}
.top2-trend {
    color: blue;
}
.top2-trend {
    display: inline-block;
    margin-right: 5px;
    color: #555;
    position: relative;
    padding: 0 3px;
}
.top2-34 {
    font-size: 34px;
}
.top2-31 {
    font-size: 31px;
}
.top2-28 {
    font-size: 28px;
}
.top2-24 {
    font-size: 24px;
}
.top2-19 {
    font-size: 19px;
}
.trendholder .father {
    font-weight: bold;
    color: red;
}
.top2-trend span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 13px;
    width: 13px;
    border-radius: 99px;
    background-color: Green;
    color: white;
    font-weight: bolder;
    font-size: 10px;
    position: absolute;
    right: -7px;
    opacity: 0.6;
}
h3 {
	font-size:15px;
}
sup.vip {
    width: 22px;
    height: 11px;
    display: inline-block;
    background: url(/wp-content/uploads/2025/11/vip.gif) no-repeat center;
}
#fetch-data-btn
 {
    border: 0;
    background: #DDD;
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
}
.class-title-list-link {
    font-size: 15px;
    margin: 0;
}
.clnote {
color: #B40E0E;
}

.madb {
display: none;}

.tbl-ketquaxoso .number {
text-align: center;
}

.tbl-ketquaxoso {
display: grid;
background: #FFF;
padding: 1px;
}

table.kqmb .db td.number {
color: #B40E0E;
font-size: 20px;
font-weight: bold;
}

.kqmb .g7 .number {
color: #B40E0E;
font-size: 20px;
}

       table {
    width: 100%;
    border: none;
    border-spacing: 0;
    border-collapse: collapse;
}
table.kqmb thead {
    display: none;
}

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

.control-panel {
    display: none;
}

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

.madb td b {
    color: #0505a7;
}

.kqmb td.txt-giai, .one-city td.txt-giai {
    width: 70px;
    padding: 3px 2px;
    color: #333;
    font-size: 20px;
}

.bg_ef, .bg_f6 {
    background: #f3f3f3;
}

table.kqmb td.number {
    font-size: 20px;
    color: #333;
}

.firstlast-mb.fl, .firstlast-mb.fr {
    width: 49%;
}
.firstlast-mb {
    font-weight: 650;
}

.firstlast-mb .header {
     background: #f3f3f3;
}

.fl {
    float: left;
}

.fr {
    float: right;
    padding-right: 0;
}

.kqmb td.v-giai span.v-g3-0, .kqmb td.v-giai span.v-g3-1, .kqmb td.v-giai span.v-g3-2, .kqmb td.v-giai span.v-g5-0, .kqmb td.v-giai span.v-g5-1, .kqmb td.v-giai span.v-g5-2 {
    border-bottom: 1px solid #ccc;
}

.kqmb td.v-giai span[class^=v-g3-] {
    width: 32.33%;
}

.kqmb td.v-giai span[class^=v-g] {
    display: inline-block;
    min-width: 10px;
    padding: 6px 0;
    line-height: 1em;
}
.kqmb td.v-giai span[class^=v-g4-] {
    width: 25%;
}
.kqmb td.v-giai span[class^=v-g2-] {
    width: 50%;
}
.kqmb td.v-giai span[class^=v-g4-] {
    width: 25%;
}
.kqmb td.v-giai span.v-g3-0, .kqmb td.v-giai span.v-g3-1, .kqmb td.v-giai span.v-g3-2, .kqmb td.v-giai span.v-g5-0, .kqmb td.v-giai span.v-g5-1, .kqmb td.v-giai span.v-g5-2 {
    border-bottom: 1px solid #ccc;
}
.kqmb td.v-giai span[class^=v-g5-] {
    width: 33.33%;
}
.kqmb td.v-giai span[class^=v-g6-] {
    width: 33.33%;
}
.kqmb td.v-giai span[class^=v-g7-] {
    width: 25%;
}
			.tbl-ketquaxoso tr {
    line-height: 26px;
}
			.tbl-ketquaxoso .row {
				margin-left:0px!important;
				margin-right:0px!important;
			}
		 /* Tùy chỉnh hiển thị Menu Cấp 2 và 3 khi hover trên Desktop */
@media all and (min-width: 768px) {
		  /* Hiển thị menu cấp 1 khi hover */
		  .navbar-nav .dropdown:hover > .dropdown-menu {
		      display: block;
		  }
		  
		  /* Ẩn mặc định cho menu cấp 3 */
		  .navbar .dropdown-menu .dropend .dropdown-menu {
		      display: none;
		      position: absolute;
		      /* Đặt vị trí menu cấp 3 */
		      left: 100%;
		      top: 0;
		      margin-left: 0.1rem;
		      z-index: 1000;
		  }

		  /* Hiển thị menu cấp 3 khi hover vào item cấp 2 */
		  .navbar .dropdown-menu .dropend:hover > .dropdown-menu {
		      display: block;
		  }

		  /* Đổi màu nền cho item cấp 2 khi hover */
		  .navbar .dropdown-menu .dropend:hover > a.dropdown-item {
		      background-color: #e9ecef; /* Màu nền khi hover mặc định của Bootstrap */
		      color: #1e2125;
		  }

		  /* Điều chỉnh mũi tên (caret) cho menu cấp 2 trên desktop */
		  .navbar .dropdown-menu .dropdown-toggle::after {
		      content: " ▼";
		      border: none;
		      font-size: 10px;
		      margin-left: 5px;
		      vertical-align: middle;
		  }
		  
		  /* Đảm bảo menu cấp 2 không bị ẩn khi di chuyển chuột */
		  .navbar .dropdown-menu {
		      margin-top: 0;
		  }
		  
		  /* Tăng z-index cho menu cấp 2 */
		  .navbar .dropdown-menu .dropdown-menu {
		      z-index: 1001;
		  }
}

/* CSS cho menu 3 cấp trên mobile */
@media (max-width: 767.98px) {
    /* Ẩn menu cấp 3 mặc định trên mobile */
    .navbar .dropdown-menu .dropend .dropdown-menu {
        display: none !important;
        position: static;
        /* width: 100%; */
        box-shadow: none;
        border: none;
        background-color: #f8f9fa;
        margin-left: 10px;
        margin-top: 5px;
        margin-right: 10px;
    }
    
    /* Hiển thị menu cấp 3 khi có class mobile-show */
    .navbar .dropdown-menu .dropend .dropdown-menu.mobile-show {
        display: block !important;
    }
    
    /* Style cho menu cấp 2 có submenu */
    .navbar .dropdown-menu .dropend > .dropdown-item {
        position: relative;
        padding-right: 15px;
    }
    
    /* Thêm mũi tên cho menu cấp 2 có submenu - đặt ngay sau text */
    .navbar .dropdown-menu .dropend > .dropdown-item::after {
        /*content: " ▼";
        display: inline;*/
        font-size: 10px;
        margin-left: 5px;
        transition: transform 0.3s ease;
    }
    
    /* Xoay mũi tên khi menu mở */
    /*.navbar .dropdown-menu .dropend.mobile-open > .dropdown-item::after {
        content: " ▲";
    }*/
    
    /* Style cho menu cấp 3 items */
    .navbar .dropdown-menu .dropend .dropdown-menu .dropdown-item {
        padding-left: 30px;
        font-size: 14px;
        color: #6c757d;
        background-color: transparent;
    }
    
    /* Hover effect cho menu cấp 3 */
    .navbar .dropdown-menu .dropend .dropdown-menu .dropdown-item:hover {
        background-color: #e9ecef;
        color: #495057;
    }
}

#mainNavbar .active, #mainNavbar .nav-link:hover, #mainNavbar .dropdown-menu li a:hover {
    color: #fff!important;
    /*background: #a61413;
    border-radius: 4px;*/
	box-shadow: 0 -8px #0c2950;
    background: #0c2950;
    position: relative;
}
#mainNavbar .active a{
    color: #fff!important;
    background: #0c2950;
    border-radius: 4px;
}
.active>.page-link, .page-link.active {
	background-color: #f27042!important;
	border-color: #f27042!important;
}
.content {
	margin: 10px;
}
a {
	color: #000!important;
}
#ez-toc-container nav {
	background: unset!important;
}
.post-content img {
    max-width: 100%;
    height: auto;
}
.post-content {
	margin: 10px;
}
.star-rating-unicode span {
  color: gold;
  font-size: 20px; /* Tùy chỉnh kích thước */
}
.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    z-index: 99;
    padding: 10px 15px;
    background-color: #f27042; /* Màu nền của nút */
    color: #fff!important; /* Màu icon */
    border-radius: 5px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.back-to-top:hover {
    background-color: #f27042; /* Màu khi hover */
    color: #fff!important;
    text-decoration: none;
}
.result-header h1 {
	font-size:medium;
	font-weight:bold;
}
.table-tructiep .control-panel {
	display: none!important;
}
.table-tructiep .div-option {
	display:none!important;
}
.thongke-api {
    padding-bottom: 10px;
    padding-top: 10px;
}
.row-tk {
    display: flex;
    margin-bottom: 5px;
}
.column-tk {
    flex: 50%;
    padding-left: 5px;
    padding-right: 5px;
}
.item {
    flex-grow: 4;
    list-style: none;
    padding: 5px;
    display: flex;
    border: 1px solid #e6e6e6;
    border-radius: .5rem;
}
.item .thumb {
    flex-shrink: 0;
    width: 40px;
}
.item .thumb img {
    height: 40px;
    object-fit: cover;
}
.item .info-winner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 5px;
}
.item .item-name {
    display: -webkit-inline-box;
    overflow: hidden;
    margin-bottom: 0px;
    color: #7d7d7d;
    font-size: 12px;
    line-height: 1.4;
}
.item .item-amount {
    color: #d01c2d;
    font-size: 12px;
    margin-top: 0px;
    font-weight: 800;
    margin-bottom: 0px;
}
.section-kq .section-kq-header {
    margin: 0;
    padding: 5px 5px;
    text-align: center;
    
    font-weight: bold;
    
    text-transform: uppercase;
    background-color: #EFFAFF;
    color: #000;
    position: relative;
}
h2 span {
	font-size:medium!important;
}
.kq-table {
    text-align: center;
    background-color: #fff;
    margin-bottom: 0;
}
.kq-table.table-striped tr:nth-of-type(odd) {
    background-color: #fafafa;
}
.kq-table.table-striped tr:nth-of-type(even) {
    background-color: #fff;
}
.color-red, .red {
    color: red !important;
}
.kq-table .number {
    font-size: 1.1rem;
    font-weight: 700;
    padding: 2px 0px;
    line-height: 1;
    color: #000;
    width: 100%;
    display: inline-block;
}
.kq-block .kq-block-title {
    font-weight: 400;
    text-align: center;
    font-size: 14px;
    margin: 0;
    padding: 7px 10px;
    background-color: #e1edf3;
    color: #000;
    text-transform: uppercase;
}
td:nth-child(1), .box-thong-ke-nhanh table tr td:nth-child(2), .box-thong-ke-nhanh table tr th:nth-child(1), .box-thong-ke-nhanh table tr th:nth-child(2) {
    text-align: left;
    padding-left: 10px;
}

.box-thong-ke-nhanh table td, .box-thong-ke-nhanh table th {
    padding: 3px;
    font-size: 0.9rem;
}
.box-thong-ke-nhanh table tr td:nth-child(1) {
    color: red;
}
.widget-header h2{
	font-size:medium!important;
}
.tk-nhanh-item-header {
    height: 40px;
    line-height: 40px;
    background: #efeeee;
    border-left: 3px solid #0099CC;
    font-weight: 700;
    padding-left: 10px;
    font-size: 15px;
}
.col100 {
    width: 100%;
}
.col100 tr {
    height: 35px;
}
.tk-nhanh-number {
    border: 1px solid #DDD;
    color: #000;
    text-align: center;
    width: 45px;
    font-size: 15px;
}
.bold {
    font-weight: bold;
}
.list1, .list2, .category ul li {
    background-color: #fff;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 10px;
    border-bottom: 1px dashed #DDD;
    list-style: none;
    text-align: justify;
}
.card {
	border:0;
}
a:link {
    text-decoration: none!important;
    color: #000!important;
}
#mainNavbar .dropdown-menu a:link {
    text-decoration: none !important;
    color: #000 !important;
}
/*#mainNavbar a:link {
    color: #fff !important;
}*/
.khungtren {
    margin-top: 1px;
    background-color: #EFFAFF;
    padding: 8px;
    color: #000;
}
.card-body {
	padding: 0px!important;
}
.list11 {
    display: flow-root;
    background-color: #fff;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 6px;
    border: 0px solid #d5d5d5;
    list-style: none;
}
.caudep {
    padding: 3px 8px;
    display: block;
    float: left;
    background: linear-gradient(45deg, #ff480e 0%, #ffa718 100%);
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    margin-right: 3px;
    margin-bottom: 3px;
    border-radius: 10px;
}
.note-dudoan {
    font-size: 12px;
    color: #003333;
    padding: 10px;
}
.list10 {
    background-color: #fff;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 10px 10px 10px 10px;
    list-style: none;
    text-align: justify;
}
 /* Widget card styles */
nav {
	/*background: linear-gradient(109.6deg, rgb(245 115 68) 11.2%, rgb(162 17 17) 91.1%);*/
	background: #fff;
    color: #fff;
    font-size: 15px;
    padding: 12px;
    font-weight: bold;
    display: flex;
    position: relative;
}
    /* Thêm margin-top cho tất cả các card */
    .widget-card {
        margin-top: 10px;
    }
.row>* {
    padding-right: calc(var(--bs-gutter-x) * .2);
    padding-left: calc(var(--bs-gutter-x) * .2);
	width:none;
}
/* Sử dụng bộ chọn thuộc tính để áp dụng cho BẤT KỲ cột nào */
[class*="col-"] > .widget-card:first-child {
    margin-top: 0;
}
        .widget-card .card-header {
            background: #e23a32;
            color: #fff;
            font-size: 17px;
            padding: 12px;
            font-weight: bold;
            display: flex;
            display: flex;
            position: relative;
        }
		.widget-card .card-header2 {
            background: linear-gradient(109.6deg, rgb(245 115 68) 11.2%, rgb(162 17 17) 91.1%);
            color: #fff;
            font-size: 17px;
            padding: 12px;
            font-weight: bold;
            display: flex;
            display: flex;
            position: relative;
        }
        .widget-card .card-header::after {
            content: "";
            background-image: url(/wp-content/uploads/2026/05/ezgif.png);
            background-repeat: no-repeat;
            background-position: center right;
            background-size: contain;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            position: absolute;
            z-index: 0;
        }

        .widget-card .list-group-item {
            border: none;
            padding-left: 0.75rem;
            border-bottom: 1px solid #eee;
        }

        .widget-card .list-group-item:last-child {
            border-bottom: none;
        }
        /* Sử dụng pseudo-element ::before để chèn ảnh */
        .widget-card .list-group-item::before {
            content: ''; /* Bắt buộc phải có, dù là rỗng */
            display: inline-block;
            width: 16px;  /* Chiều rộng của ảnh */
            height: 16px; /* Chiều cao của ảnh */
            background-image: url('/wp-content/uploads/2025/11/countdown.gif'); /* <-- THAY ĐƯỜNG DẪN ẢNH CỦA BẠN VÀO ĐÂY */
            background-size: contain; /* Đảm bảo ảnh nằm gọn trong kích thước đã định */
            background-repeat: no-repeat;
            margin-right: 0.75rem; /* Khoảng cách giữa ảnh và chữ */
        }
        /*.widget-card .list-group-item::before {
            content: "■";
            color: #337ab7;
            margin-right: 0.75rem;
            font-size: 0.9em;
        }*/

        /* General column styles for visibility */
        .col-center, .col-right {
            border: 1px solid #ddd;
            padding: 15px;
            min-height: 200px;
            text-align: center;
        }
        .col-center { background-color: #d1ecf1; }
        .col-right { background-color: #fff3cd; }

        /* Custom Header and Menu Styles */
        .header-top {
            padding: 20px 0;
        }

        /* Logo and hamburger icon positioning on mobile */
        @media (max-width: 767.98px) {
            .header-top .row {
                align-items: center;
            }
            .header-top .col-auto {
                order: -1;
            }
            .header-top .col {
                text-align: center;
            }
			.header-top .col img{
                width: 60%;
            }
        }
        
        /* Dropdown menu on hover for desktop - Đã được thay thế bởi CSS ở trên */
        @media (min-width: 768px) {
            .navbar {
                background-color: #e23a32;
				--bs-navbar-padding-y: 0 !important;
            }
			.navbar-nav .nav-link {
                color: #fff !important;
            }
        }

        /* Set a transparent background for the toggler on mobile */
        .navbar-toggler {
            background-color: transparent;
            border: none;
        }
        .navbar-toggler i {
            font-size: 1.5rem;
        }
        
        /* Change the background color of the collapsible menu when it's open on mobile */
        @media (max-width: 767.98px) {
            .navbar-collapse.collapsing,
            .navbar-collapse.collapse.show {
            background-color: unset;
            }
            .navbar-nav .nav-link {
                color: #000 !important;
                padding-left: 1rem;
            }
			nav {
				--bs-navbar-padding-y: 0!important;
				/*background: unset;*/
				border-top: #f5f5f5 1px solid;
			}
        }

.cauloto {
    background: url('/wp-content/uploads/2025/10/shapes.png');
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;
}
.bg-dacbiet {
    background: url('/wp-content/uploads/2025/10/shapes1.png');
    background-size: cover;
    background-repeat: no-repeat;
}
.cauloto-title {
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: bold;
}
.cauloto-item {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center;
}
.cauloto-item .item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 4px 8px;
    width: 56px;
    height: 36px;
    background: #E7E7E7;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: center;
}
.control_panel {
		display:none;
	}
	
	/* CSS cho tab kết quả xổ số */
	.kqxs-tabs {
		border-bottom: none;
		width: 100%;
	}
	
	.kqxs-tabs .nav-item {
		flex: 1;
	}
	
	.kqxs-tabs .nav-link {
		background: #f8f9fa;
		border: 1px solid #dee2e6;
		border-bottom: none;
		color: #495057;
		font-weight: bold;
		padding: 12px 8px;
		margin-right: 2px;
		text-align: center;
		width: 100%;
	}
	
	.kqxs-tabs .nav-link.active {
		background: #f68421;
		color: white;
		border-color: #f68421;
	}
	
	.kqxs-content {
		border: 2px solid #a61413;
		border-radius: 0 8px 8px 8px;
		padding: 20px;
		background: white;
	}
	
	.kqxs-title {
		text-align: center;
		color: #a61413;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	
	.kqxs-date-links {
		text-align: center;
		margin-bottom: 15px;
	}
	
	.kqxs-date-links a {
		color: #6c757d;
		text-decoration: underline;
		margin: 0 5px;
	}
	
	.kqxs-special-numbers {
		text-align: center;
		color: #e67e22;
		font-weight: bold;
		margin-bottom: 15px;
	}
	
	.kqxs-table {
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 20px;
	}
	
	.kqxs-table td {
		border: 1px solid #dee2e6;
		padding: 8px;
		text-align: center;
		vertical-align: middle;
	}
	
	.kqxs-table .prize-label {
		background: #e67e22;
		color: white;
		font-weight: bold;
		width: 60px;
	}
	
	.kqxs-table .special-prize {
		font-size: 24px;
		font-weight: bold;
		color: #e67e22;
	}
	
	.kqxs-table .prize-number {
		font-size: 18px;
		font-weight: bold;
	}
	
	.kqxs-table .last-digits {
		color: #e67e22;
		font-weight: bold;
		font-size: 18px;
	}
	
	.kqxs-options {
		text-align: center;
		margin-bottom: 20px;
	}
	
	.kqxs-options input[type="radio"] {
		margin-right: 5px;
	}
	
	.kqxs-options label {
		margin-right: 20px;
		font-weight: normal;
	}
	
	.kqxs-statistics {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0;
		border: 1px solid #dee2e6;
	}
	
	.kqxs-stat-header {
		background: #f8f9fa;
		font-weight: bold;
		padding: 8px;
		text-align: center;
		border: 1px solid #dee2e6;
	}
	
	.kqxs-stat-row {
		display: contents;
	}
	
	.kqxs-stat-cell {
		padding: 5px 8px;
		border: 1px solid #dee2e6;
		text-align: center;
	}
	
	.kqxs-stat-cell:first-child {
		font-weight: bold;
		background: #f8f9fa;
	}
	
	.kqxs-stat-cell .highlight {
		color: #e67e22;
		font-weight: bold;
	}
	
	/* CSS cho phần dự đoán bài viết */
	.dudoan-container {
		display: flex;
		flex-direction: column;
		gap: 20px;
		margin: 10px;
	}
	
	/* Bài viết nổi bật ở trên */
	.dudoan-featured {
		display: flex;
		gap: 15px;
		background: white;
		border-radius: 8px;
		overflow: hidden;
		box-shadow: 0 2px 8px rgba(0,0,0,0.1);
		padding: 0;
	}
	
	.dudoan-featured-image {
		flex: 0 0 50%;
	}
	
	.dudoan-featured-image img {
		width: 100%;
		height: 150px;
		object-fit: cover;
	}
	
	.dudoan-featured-content {
		flex: 0 0 45%;
		/*padding: 15px;*/
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.dudoan-featured-title {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 10px;
		line-height: 1.3;
		color: #333;
	}
	
	.dudoan-featured-title a {
		color: #333;
		text-decoration: none;
	}
	
	.dudoan-featured-title a:hover {
		color: #e67e22;
	}
	
	.dudoan-featured-excerpt {
		font-size: 14px;
		line-height: 1.4;
		color: #666;
	}
	
	/* Phần dưới: 2 bài bên trái + danh sách bên phải */
	.dudoan-bottom {
		display: grid;
		grid-template-columns: 50% 50%;
		/*gap: 20px;*/
	}
	
	.dudoan-small-posts {
		display: grid;
		grid-template-columns: 45% 45%;
		gap: 15px;
	}
	
	.dudoan-small-item {
		background: white;
		border-radius: 8px;
		overflow: hidden;
		box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	}
	
	.dudoan-small-item img {
		width: 100%;
		height: 120px;
		object-fit: cover;
	}
	
	.dudoan-small-content {
		padding: 10px;
	}
	
	.dudoan-small-title {
		font-size: 14px;
		font-weight: bold;
		line-height: 1.3;
		color: #333;
	}
	
	.dudoan-small-title a {
		color: #333;
		text-decoration: none;
	}
	
	.dudoan-small-title a:hover {
		color: #e67e22;
	}
	
	/* Danh sách bài viết bên phải */
	.dudoan-list {
		list-style: none;
		padding: 0;
		margin: 0;
		background: white;
		border-radius: 8px;
		padding: 15px;
		box-shadow: 0 2px 8px rgba(0,0,0,0.1);
		height: fit-content;
	}
	
	.dudoan-list-item {
		display: flex;
		align-items: center;
		padding: 8px 0;
		border-bottom: 1px solid #eee;
		color: #666;
		font-size: 14px;
	}
	
	.dudoan-list-item:last-child {
		border-bottom: none;
	}
	
	.dudoan-list-item::before {
		content: "★";
		color: #ccc;
		margin-right: 10px;
		font-size: 16px;
	}
	
	.dudoan-list-item a {
		color: #666;
		text-decoration: none;
		line-height: 1.3;
	}
	
	.dudoan-list-item a:hover {
		color: #e67e22;
	}
	
	@media (max-width: 768px) {
		.dudoan-featured {
			flex-direction: column;
		}
		
		.dudoan-featured-image {
			flex: none;
		}
		
		.dudoan-bottom {
			grid-template-columns: 1fr;
		}
		
		.dudoan-small-posts {
			grid-template-columns: 1fr;
		}
	}

	/* cau bach thu*/
	.box-table {
    /*margin-bottom: 10px;*/
    position: relative;
    min-height: 100px;
}
.box-table .table {
	margin-bottom: 0!important;
}
	.col100 {
		width: 100%;
	}
	.dd-loto-widget table tr, .table tr {
    height: 35px !important;
	text-align: center;
}

.box-table .dauso {
    width: 45px;
    height: 45px;
    background: #e3e9f4;
    border: 1px solid #a1b1cf;
    font-weight: 700;
    color: #2d4c87;
    /*line-height: 46px;*/
    text-align: center;
}
.box-table .number {
    width: 45px;
    height: 45px;
    text-align: center;
    color: #464646;
    padding: 2px 0;
}
.table tr td, .table-tructiep {
    border: 1px solid #e1e1e1;
}
.box-table .number .num {
    font-size: 20px;
    color: #e80000;
    font-weight: 700;
}
.box-table .number span {
    display: block;
}
.box-table .none {
    width: 45px;
    height: 45px;
    background: #a09f9f;
    border: none;
}