/*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.png) no-repeat center top;}
.container{max-width: 1200px;}
.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}
footer{height:100px;}
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;}
.SecTLBB1_L{width:680px;float:left;}
.SecTLBB1_R{width:490px;float:right;}
.Sec01_L{width:290px;float:left;background: #ffffffa3;padding:5px;border: 3px solid #fff;}
.Sec01_R{width:390px;float:left;background: #ffffffa3;padding:5px;border: 3px solid #fff;}


/* Button 1 */
.btnDangKy{position:relative;background:#3e0808;padding:20px 20px;margin:5px;box-sizing:border-box;text-align:center;overflow:hidden}
.btnDangKy::before{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;pointer-events:none}
.btnDangKy::after{content:"";position:absolute;top:-40%;left:-50px;width:100px;height:200%;background:linear-gradient(135deg,transparent 30%,rgba(255,204,4,0.3)50%,transparent 70%);transform:rotate(25deg);pointer-events:none;z-index:1}
.btnDangKy::before,.btnDangKy::after{z-index:1}
.btnDangKy::after,.btnDangKy::before{pointer-events:none}
.btnDangKy::before{content:"";position:absolute;top:-40%;right:-50px;width:100px;height:200%;background:linear-gradient(135deg,transparent 30%,rgba(255,204,4,0.3)50%,transparent 70%);transform:rotate(-25deg)}
.btnDangKy a{color:#fff;font-size:16px;text-transform:uppercase;font-weight:bold;}
.btnDangKy a:hover{color:#ffcc04;}
.btnDangKy i{font-size:20px;color:#fff;padding-right: 15px;text-align:center}

/* Button 2 */
.btnDownLoad{position:relative;background:#6f0909;padding:20px 20px;margin:5px;box-sizing:border-box;text-align:center;overflow:hidden}
.btnDownLoad::before{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;pointer-events:none}
.btnDownLoad::after{content:"";position:absolute;top:-40%;left:-50px;width:100px;height:200%;background:linear-gradient(135deg,transparent 30%,rgba(255,204,4,0.3)50%,transparent 70%);transform:rotate(25deg);pointer-events:none;z-index:1}
.btnDownLoad::before,.btnDownLoad::after{z-index:1}
.btnDownLoad::after,.btnDownLoad::before{pointer-events:none}
.btnDownLoad::before{content:"";position:absolute;top:-40%;right:-50px;width:100px;height:200%;background:linear-gradient(135deg,transparent 30%,rgba(255,204,4,0.3)50%,transparent 70%);transform:rotate(-25deg)}
.btnDownLoadSub p{color:#fff;font-size:20px;text-transform:uppercase;font-weight:bold;margin:0 0 0 0;}
.btnDownLoad a{color:#fff;font-size:16px;text-transform:uppercase;font-weight:bold;}
.btnDownLoad a:hover{color:#ffcc04;}
.btnDownLoad i{font-size:20px;color:#ffcc04;padding-right: 15px;text-align:center}

/*Silder*/
*{box-sizing:border-box}
.slider{position:relative;overflow:hidden;max-width:100%;height:350px;margin:auto}
.slides{display:flex;transition:transform 0.5s ease-in-out;width:100%}
.slides img{width:100%;flex-shrink:0;object-fit:cover}
.nav-buttons{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);padding:0 20px}
.nav-buttons button{background-color:rgba(0,0,0,0.5);border:none;color:white;padding:10px 20px;cursor:pointer;font-size:18px}

/*Css TAB*/
.tabs{width:100%;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.1)}
.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{background-color:#fff;padding:20px}
.content{display:none}
.content.active{display:block}


.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;
}