/*background: url(../images/tl-body.png);
clear: left;
font-family: 'Roboto Condensed', sans-serif;
*/

/*=========================================================================================
	CSS Start
===========================================================================================*/
/* Dành cho Samsung S9 */
@media only screen and (max-width: 767px){
	
}
/* Dành cho Ipad */
@media only screen and (max-width: 1279px) and (min-width: 768px) {
	
}
/* Dành cho Desktop */
@media only screen and (min-width: 1280px) {
	
}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.bgMain{background: url(../imgs/bg.jpg) no-repeat center top #c0e1e6;}
.container{max-width: 1000px;}
.imgshpk{display: block; margin-left: auto; margin-right: auto;max-width: 100%;height: auto; }
.imgshpk img{display: block; margin-left: auto; margin-right: auto;max-width: 100%;height: auto; }
.clear { clear: both }
a:hover{text-decoration:none}
table{
	--bs-table-bg: transparent;
--bs-table-accent-bg: transparent;
--bs-table-striped-color: #212529;
--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
--bs-table-active-color: #212529;
--bs-table-active-bg: rgba(0, 0, 0, 0.1);
--bs-table-hover-color: #212529;
--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
width: 100%;
margin-bottom: 1rem;
color: #212529;
vertical-align: top;
border-color: #dee2e6;
}


.mainMenu{width:100%;height: 80px;position: relative;z-index: 20;background: #000000a3;}
.logoTLBB{width:20%;float:left;}
.logoTLBB img{border-radius:30%;}
.menuTLBB{font-size:18px;display: flex;justify-content: center;align-items: center;}
.menuTLBB ul {margin:0;padding:0;}
.menuTLBB ul li{float:left;list-style:none; padding:25px 20px;text-transform:uppercase;}
.menuTLBB ul li a{color:#fff;}
.menuTLBB ul li a:hover{color:#ffb401;}

.SecTLBB1{width:100%;margin-top:550px;background: #ffffffa3;padding:15px;border: 3px solid #fff;}
.slideTLBB{width:55%;float:left;}
.btnTLBB{width:43%;float:left;margin-left:15px;}
.btnTLBB_L{width:50%;float:left;}
.btnTLBB_R{width:50%;float:right;}


.BTN01_main {
	position: relative;	
    background: #6f0909;
	padding: 22px 36px;
	margin:5px;
	box-sizing: content-box;
	text-align: center;
}
.BTN01_main::before {
	content: "";
    position: absolute;
    top: 10px;   /* Khoảng cách từ biên */
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid #ffcc04; /* Viền màu xanh bên trong */
    pointer-events: none;  /* Đảm bảo không ảnh hưởng đến tương tác người dùng */
}
.BTN01_main a{color:#fff;font-size:16px;text-transform:uppercase;font-weight:bold;}
.BTN01_main a:hover{color:#ffcc04;}

.BTN01_down {
	position: relative;	
    background: #0e7580;
	padding: 7px 36px;
	margin:10px;
	box-sizing: content-box;
	text-align: center;
}
.BTN01_down::before {
	content: "";
    position: absolute;
    top: 10px;   /* Khoảng cách từ biên */
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid #ffcc04; /* Viền màu xanh bên trong */
    pointer-events: none;  /* Đảm bảo không ảnh hưởng đến tương tác người dùng */
}
.BTN01_down h3{color:#ffcc04;font-size:18px;text-transform:uppercase;font-weight:bold;padding:12px 0 0 0}
.BTN01_down1{padding:12px 0 0 0}
.BTN01_down1 a{color:#fff;font-size:16px;text-transform:uppercase;font-weight:bold;padding:7px 0}
.BTN01_down1 a:hover{color:#ffcc04;}

.styleBanner{
    padding:10px 10px 0 0;
    border: 30px solid transparent;
    border-image-source: url(../imgs/bg_banner.png);
    border-image-slice: 50 50 50 50 fill;
}
.gButton{width:100%;margin-left:20px;margin-top: 15px;}
.gButton_L{width:50%;float:left;margin: 7px 0 0 0;}
.gButton_R{width:50%;float:left;margin: 7px 0 0 0;}
.styleButton1{
	background-image: url(../imgs/button1.png);	
    height: 71px;
	width: 207px;
	padding: 15px;
	text-align:center;
}
.styleButton2{
	background-image: url(../imgs/button4.png);	
    height: 65px;
	width: 190px;
	padding: 10px;
	text-align:center;
	margin-left: 5px;
}
.dangky{text-transform:uppercase;color:#000;font-weight:bold;font-size:28px;}
.dangky a{color:#000;}
.dangky a:hover{color:#ff0000;}
.styleButton2 p{text-transform:uppercase;color:#000;font-size:14px;padding: 0;margin: 0;font-weight: bold;}
.styleButton2 a{text-transform:uppercase;color:#008800;font-weight: bold;font-size:14px;}
.styleButton2 a:hover{color:#ff0000;}


.SecTLBB2{width:100%;margin-bottom:50px;margin-top:10px;}
.SecTLBB2_L{width:58.5%;float:left;margin-right:10px}
.SecTLBB2_R{width:40%;float:right;}
.groupface{margin-top:10px;}

/* Tabs Container */
.tabs {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Tab Header (Buttons) */
.tab-header {
    display: flex;
    background-color: #333;
    padding: 10px;
}

.tab {
    padding: 10px 20px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    flex: 1;
    transition: background-color 0.3s ease;
}

.tab:hover {
    background-color: #444;
}

.tab.active {
    background-color: #f39c12;
}

/* Tab Content */
.tab-content {
    background-color: #fff;
    padding: 20px;
}

.content {
    display: none;
}

/* Display active tab content */
.content.active {
    display: block;
}