/*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{margin:0;padding: 0;font-family: Tahoma, Geneva, sans-serif;}
a{text-decoration:none;}
header {width:100%;height:80px;background: #5ea8de;}
main {min-height: 820px;}
footer {border-top: 3px solid #aaa;background:#ccc;}

.imgshpk{background:#ebebeb;display: block; margin-left: auto; margin-right: auto;max-width: 100%;height: auto; }
.clear { clear: both }
.bg_hover :hover{
	filter: brightness(120%);
}
.bg_color{background:#0f1128;margin:0}
.bg_body{background-image: url("../images/bg.jpg");background-repeat: no-repeat;background-position: center top;font-family: "Roboto", sans-serif;}
.maintlbb{
	width:982px;
	margin-right: auto;
	margin-left: auto;
}
.header_1{width:100%}
.menuTLBB_L{width:300px;float:left;padding: 25px 0 0 0;}
.menuTLBB_R{width:680px;float:right;padding: 15px 0 0 0;}

.menuTLBB_L a{font-size: 25px;font-weight: bold;text-transform: uppercase;color: #fff;}

.menuTLBB_1R {margin: 25px 0 25px 25px;font-size:14px;text-transform:uppercase;float:right;border-radius:5px;background-color: rgba(0,0,0,0.5);}
.menuTLBB_R ul{margin:0;padding:0px 10px 15px 10px;}
.menuTLBB_R ul li{float:left;list-style:none;padding:15px 0px 15px 0px;}
.menuTLBB_R ul li a{color:#fff;font-weight:bold;font-size:14px;}
.menuTLBB_R ul li a:hover{color:#fff}
.menuTLBB_R span{color:#fff;padding:0 10px;font-weight: bold;}

.body-main{margin-top:300px;margin-bottom:50px;}

.maintlbb_body{
	width:915px;
	margin-right: auto;
	margin-left: auto;
}
.section_1{}
.tlbb_left{width:318px;float:left;margin-right:5px;}
.tlbb_right{width:592px;float:left;}

.download img{padding:0;margin:0;vertical-align: middle;}
.createTL{width:100%}
.dangkyButton{width:50%;float:left;}
.dangnhapButton{width:50%;float:left;}
.support img{padding:0;margin:0;vertical-align: middle;}
.face img{padding:0;margin:0;vertical-align: middle;}

.tlbbslide{width:100%;background-color: rgba(255,255,255,0.5);border:1px solid #FFFFCC;}
.tlbbslide img{padding:0;margin:0;vertical-align: middle;}
.tlbbslide_content {margin:5px;background:#fffef8;}

.tlbbcontent{background: #fff;padding:0 15px 50px 15px;}

.footer_tlbb h3{color:#fff;font-size:16px;text-align:center;margin:0;padding:10px;}

.menuLogin{background: #fff;padding:0px 15px 15px 15px;}

.contentID{width:100%;margin:30px 0 50px 0;}
.contentID_L{width:30%;float:left;padding-right:10px;border-right:1px solid #ccc;}
.contentID_R{width:65%;float:left}

.titleTLBB{text-align:center;margin-top:50px;}
.titleTLBB p{font-size:14px;color:#333;}
.titleTLBB h3{font-size:18px;color:#333;}
/*=========================================================================================
	FORM LOGIN
===========================================================================================*/
.formlogin {padding:0px 0px 50px 0px;width:260px;margin-left: auto; margin-right: auto;}
.formlogin h3{
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	padding: 0px 0 15px 0;
	margin-bottom: 15px;
	border-bottom: 3px solid #000;
	margin-top: 0;
}
.formlogin label{font-size:14px;width:100%;}
.formlogin input{
  display: block;
  width: 95%;
  padding: 10px 7px;
  margin-right:10px;
  margin-bottom:10px;
  font-size: 12px;
  line-height: 16px;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.button-login{text-align:center;}
.button-login button{
	padding:7px 12px;
	background-image: linear-gradient(to right,#6f42c1,#1b84e7);
	border: 0;
	padding: 10px 25px;
	color: #fff;
	text-transform: uppercase;
	margin-top:5px;
}
.button-login button:hover{filter: brightness(120%);}

.loginSub{text-align:center;margin-top:10px;}
.loginSub a{font-size:14px;color:#008800;padding-right:20px;}
.loginSub a:hover{color:#000;}
/* ==================================================
   Css List TOP
================================================== */
.tableSHPK{width:100%;font-size:14px;border-spacing:0;border-collapse: collapse;text-align:center;margin-top: 10px;}
.tableSHPK table {border-collapse: collapse;}
.tableSHPK thead {}
.tableSHPK tbody {}
.tableSHPK th {background:#DDDDDD;padding:10px;border: 1px solid #aaa;text-align:center;font-size: 13px;}
.tableSHPK td {background:#fff;padding:8px 10px;border: 1px solid #ddd;text-align:center;font-size: 13px;}

.tableSHPK img{display: block; margin-left: auto; margin-right: auto;max-width: 100%;height: auto; }
.tableSHPK .fas{padding-right:5px;}
.tableSHPK .far{padding-right:5px;}
/*=========================================================================================
	PAGE DOWNLOAD
===========================================================================================*/
.downloadTLBB{width:100%;font-size:14px;border-spacing:0;border-collapse: collapse;text-align:center;margin-top: 10px;}
.downloadTLBB table {border-collapse: collapse;}
.downloadTLBB thead {}
.downloadTLBB tbody {}
.downloadTLBB th {background:#DDDDDD;padding:10px;border: 1px solid #aaa;text-align:center;font-size: 13px;}
.downloadTLBB td {background:#fff;padding:8px 10px;border: 1px solid #ddd;text-align:center;font-size: 13px;height:25px}
.td00{font-weight:Bold;color:#996600;}
.td01{width:120px;font-weight:Bold;}
.td02{width:330px;}
.td02 a{color:#3366FF;font-size:15px;}
.td03{width:50px;}
.downloadSUB {margin-top:30px;}
.downloadSUB h3{font-weight:Bold;color:#996600;font-size: 14px;text-transform:uppercase;}
.downloadSUB ul{font-size: 14px;padding:0 0 0 15px;margin:0;}
.downloadSUB ul li{list-style-type: square;font-size: 14px;padding:7px 0;}
/*=========================================================================================
	CSS TABS
===========================================================================================*/
.tabset {margin-top:5px;}
.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}
.tabset .tab-panel {
  display: none;
}
.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}
.tabset > label {
  position: relative;
  display: inline-block;
  padding: 10px 15px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
}
.tabset > label:hover,
.tabset > input:focus + label {
  color: #06c;
}
.tabset > input:checked + label {
  border-color: #ccc;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
  color: #f00;
}
.tab-panel {
  border-top: 1px solid #ccc;
}
/*=========================================================================================
	CSS CONTENT
===========================================================================================*/

.menuLeft {padding:20px;width:200px;float:left;}
.contentRight{width:608px;float:left;border-left:1px solid #CCCCCC;padding-left:20px;padding-right: 20px;}

.accname{background:#EEEEEE;color:#000;font-size:14px;padding:12px 15px;margin-top: 16px;}
.accname span{color:#008800;}

.menuLeft_A h3{font-size:14px;text-align:center;text-transform:uppercase;padding:0;margin: 15px 0;}
.menuLeft_A p{font-size:24px;text-align:center;text-transform:uppercase;color:#ff0000;font-weight:bold;margin: 0 0 20px 0;}

.menuLeft_B ul{padding: 0;}
.menuLeft_B ul li{list-style:none;font-size:12px;padding:7px;border-top: 1px dashed #999;}
.menuLeft_B ul li a{color:#333;font-weight:bold;}
.menuLeft_B ul li a:hover{color:#0000ff;font-weight:bold;}
.menuLeft_B ul li a.active{color:#0000ff;font-weight:bold;}
.menuLeft_B i{padding-right:7px;}

.contentTitle {background:#EEEEEE;color:#000;padding:0;margin:0;font-size:14px;padding-left:20px;}
.contentTitle h3{padding:10px 0;font-size:16px;}
.contentTitle i{padding-right:5px;}

.contentTLBB{width:100%;padding:0;margin: 0 0 50px 0;}

.account_info{width:100%;padding-top:15px;font-size:14px;}
.account_info i{color:#008800; padding-right:10px;}
.account_info p {font-size:14px;color:#CC0000; font-style:italic;}
.w_left{width:35%;float:left;}
.w_right{width:65%;float:left;}

.change_password{width:300px;margin-top:25px;margin-left:auto;margin-right:auto}

/* ==================================================
   Css Nhan Vat
================================================== */
.nhanvatTLBB table{border:0;width:100%;border-collapse: collapse;}
.nhanvatTLBB thead{box-sizing: border-box;}
.nhanvatTLBB tr{border-bottom: none;}
.nhanvatTLBB th{border-bottom: 2px solid #dee2e6;border: 1px solid #dee2e6;}
.nhanvatTLBB td{border: 1px solid #dee2e6;font-size:14px;color:#000;}

.nhanvatTLBB img{width:70px;}
.nhanvatTLBB a{font-size:14px;color:#008800;text-align:center;}
.nhanvatTLBB p{font-size:14px;color:#008800;text-align:center;margin-top:50px;}
.infoNhanvat{width:532px;border:1px solid #ced4da;padding:15px;margin:15px 0;}

.infoNhanvat_L{width:150px;float:left;}
.infoNhanvat_R{width:362px;float:left;margin-left: 20px;}

.infoNhanvat_L img{width:150px;}
.infoNhanvat_R ul{margin:0;padding:0;}
.infoNhanvat_R ul li{list-style:none;font-size:14px;color:#333;padding-bottom:7px}
.infoNhanvat_R1{width:35%;float:left;text-align:right;}
.infoNhanvat_R1 i{color:#008800; padding:0 15px 0 15px;}
.infoNhanvat_R2{width:65%;float:left;}

.contentTLBB_Rb input{font-size:13px;}
.No_content{font-size:14px;text-align:center;padding:15px;}

.chucnangNV{width:100%;}
.chucnangNV_1{width:30%;float:left;text-align:center;margin-right: 15px;}
.chucnangNV_2{width:30%;float:left;text-align:center;}
.chucnangNV_3{width:30%;float:left;text-align:center;margin-left: 15px;}
.chucnangNV input{
	padding:10px 25px;
	background: #fdaf3a;
	border: 0;
	color: #000;
	text-transform: uppercase;
	margin:15px;
	width: 100%;
	font-weight:bold;
}
.chucnangNV input:hover{
	filter: brightness(120%);
}

.napCard {font-size: 14px;color: #666;margin-top: 15px;line-height: 25px;}
.napCard p{padding:0;}
.napCard a{color:#0033FF}
.napCard a:hover{color:#333}
.napCard ul{padding:0;margin:0;color:#008800;font-weight:bold;}
.napCard ul li{color:#333;margin:0 0 0 30px;padding:10px 0 0 0;font-weight:400;}

.nap_atm{border:1px solid #ced4da;padding:10px;margin:15px 0;}
.nap_atm-img{float:left;width:20%;}
.nap_atm-img img{height:130px;}
.nap_atm-info{padding-left:30px;width:65%;float:left;}
.nap_atm-info h4{color:#333;font-size:14px;font-weight:500;text-transform:uppercase;margin:5px 0 10px 0;}
.nap_atm-info-a{color:#985d11;font-size:14px;font-weight:500;padding-bottom:10px;}
.nap_atm-info-a span{color:#333;font-size:14px;font-weight:500;padding-left:20px;}
.luuy{color:#ff0000;font-size:14px;line-height:24px;}
.luuy a{color:#2113d8;}
.luuy a:hover{color:#008800;}

.tradeTLBB table{border:0;width:100%;border-collapse: collapse;}
.tradeTLBB thead{box-sizing: border-box;}
.tradeTLBB tr{border-bottom: none;}
.tradeTLBB th{border-bottom: 2px solid #dee2e6;border: 1px solid #dee2e6;}
.tradeTLBB td{border: 1px solid #dee2e6;font-size:14px;color:#000;}
.tradeTLBB p{font-size:14px;color:#008800;text-align:center;margin-top:50px;}

.TotalTLBB{padding:0 0 15px 0;font-size:14px;}
.TotalTLBB span{color:#008800; font-weight:Bold;}
/* ==================================================
   Css Thông Báo
================================================== */
/*==Css Thông Báo Loại 1==*/
.star{color:#FF0000}
.errorVali{color:#ff0000;font-size:12px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:0;}
.errorVali p{color:#ff0000;font-size:12px;margin:0;padding:0;}
.success_box{width:100%;padding:10px 0px;background: none repeat scroll 0 0 #EEFFEE;
    border: 1px solid #99CC99;font-size:14px;
    color: #006600;text-align:center;font-weight:bold}
.error_box{width:100%;padding:10px 0px;background: none repeat scroll 0 0 #FFEBE8;
    border: 1px solid #DD3C10;font-size:14px;
    color: #DD3C10;text-align:center;font-weight:bold}

/*==Css Thông Báo Loại 2==*/
.msgSH {
  padding: 10px 0px;
  text-align:center;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  font-size: 14px;
  margin:15px;
}

.msgSH.msgSH-success {
  background-color: rgba(227, 253, 235, 1);
  border-color: rgba(38, 179, 3, 1);
  color: rgba(60, 118, 61, 1);
}

.msgSH.msgSH-info {
  background-color: rgba(217, 237, 247, 1);
  color: rgba(49, 112, 143, 1);
  border-color: rgba(126, 182, 193, 1);
}

.msgSH.msgSH-warning {
  background-color: rgba(252, 248, 227, 1);
  border-color: rgba(177, 161, 129, 1);
  color: rgba(138, 109, 59, 1);
}

.msgSH.msgSH-danger {
  background-color: rgba(248, 215, 218, 1);
  border-color: rgba(220, 53, 69, 1);
  color: rgba(114, 28, 36,1);
}
.msgSH.msgSH-danger p{
  color: rgba(114, 28, 36,1);
}
.soban{font-size:12px;padding:10px 5px;}
.bPlayer{color:#0000FF;padding-left:5px;}
.bBanker{color:#FF0000;padding-left:5px;}
.bZ{color:#008800;padding-left:5px;}
.alertModal{text-align:center;font-size:20px;color:#008800;}
/* ==================================================
   Css INPUT
================================================== */
.formTLBB label{font-size:14px;width:100%;}
.formTLBB input{
  display: block;
  width: 95%;
  padding: 10px 7px;
  margin-right:10px;
  margin-top:10px;
  font-size: 12px;
  line-height: 16px;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.formTLBB select{
  display: block;
  width: 100%;
  padding: 10px 7px;
  margin-right:10px;
  margin-top:10px;
  font-size: 12px;
  line-height: 16px;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btnTLBB{text-align:center;}
.btnTLBB button{
	padding:10px 25px;
	background: #fdaf3a;
	border: 0;
	color: #fff;
	text-transform: uppercase;
	margin:15px 0;
	width: 100%;
	font-weight:bold;
}
.btnTLBB button:hover{
	filter: brightness(120%);
}
.btnTLBB input{
	padding:10px 25px;
	background-image: linear-gradient(to right,#6f42c1,#1b84e7);
	border: 0;
	color: #fff;
	text-transform: uppercase;
	margin:15px 0;
	width: 100%;
	font-weight:bold;
}
.btnTLBB input:hover{
	filter: brightness(120%);
}
.btnTLBB_sub{padding:15px 0;text-transform:uppercase;}
.btnTLBB_sub a{color:#666;font-size:12px;font-weight:Bold;}
.btnTLBB_sub a:hover{color:#0000FF;}
.btnTLBB_sub span{padding:0 15px }
/*==================================================*/
/*  PHAN TRANG										*/
/*==================================================*/
.paginationSHPK {text-align:center;margin-top:25px;font-size:14px;}
.paginationSHPK ul li{list-style:none;float:left;}
.paginationSHPK strong{padding: 7px 10px;background:#1874CD;color:#fff;margin:0 3px;}
.paginationSHPK a{padding: 7px 10px;background:#DDDDDD;color:#000;margin:0 3px;}
/*==========================================================
	Css TABLE TLBB
============================================================*/
.tableTLBB{}
.tableTLBB thead tr {background:#eee}
.tableTLBB thead tr th{font-size:12px;padding:7px;line-height:14px;vertical-align: center;}
.tableTLBB tbody tr td{font-size:12px;padding:7px;line-height:14px;vertical-align: center;}
/*=========================================================================================
	CSS NAP CARD
===========================================================================================*/
.nap_atm{border:1px solid #ced4da;padding:10px;margin:15px 0;}
.nap_atm-img{float:left;width:35%;}
.nap_atm-img img{height:200px;}
.nap_atm-img p{font-size:20px;text-align:center;text-transform:uppercase;}
.nap_atm-info{padding-left:30px;width:55%;float:left;}
.nap_atm-info h4{color:#333;font-size:16px;font-weight:500;text-transform:uppercase;margin:5px 0 10px 0;}
.nap_atm-info-a{color:#985d11;font-size:16px;font-weight:500;padding-bottom:10px;}
.nap_atm-info-a span{color:#333;font-size:16px;font-weight:500;padding-left:20px;}
.napthe-note{font-size:14px;color:#333;}
.napthe-note i{padding-right:5px;color:#333;}
.napthe-note a{color:#008800;}
.napthe-note a:hover{color:#985d11;}
.napthe-note ul{padding:0;margin:0;color:#008800;}
.napthe-note ul li{color:#333;margin:0 0 0 30px;}
.luuy{color:#ff0000;font-size:14px;line-height:24px;}
.luuy a{color:#2113d8;}
.luuy a:hover{color:#008800;}
/* ==================================================
   Khoa Acc
================================================== */
/* Css Khoá Acc*/	
.get_unlock{
	color:#fff;
	font-size:12px;
	padding:5px 15px;
	background:#008800;
	text-align:center;	
}
.get_lock{
	color:#fff;
	font-size:12px;
	padding:5px 15px;
	background:#888888;
	text-align:center;
}
/*Css Check Online*/
.get_online{
	color:#fff;
	font-size:12px;
	padding:5px 10px;
	background:#008800;
	text-align:center;	
}
.get_offline{
	color:#fff;
	font-size:12px;
	padding:5px 10px;
	background:#888888;
	text-align:center;
}
.get_unlock_form{
	color:#fff;
	font-size:9px;
	padding:3px 5px;
	background:#008800;
	text-align:center;	
}
.get_lock_form{
	color:#fff;
	font-size:9px;
	padding:3px 5px;
	background:#ff0000;
	text-align:center;
}
.get_online_form{
	color:#fff;
	font-size:9px;
	padding:3px 5px;
	background:#008800;
	text-align:center;	
}
.get_offline_form{
	color:#fff;
	font-size:9px;
	padding:3px 5px;
	background:#888888;
	text-align:center;
}
.get_napbac_success{
	color:#fff;
	font-size:11px;
	padding:3px 5px;
	background:#008800;
	text-align:center;	
}
.get_napbac_waitting{
	color:#fff;
	font-size:11px;
	padding:3px 5px;
	background:#888888;
	text-align:center;
}
.get_napbac_lose{
	color:#fff;
	font-size:11px;
	padding:3px 5px;
	background:#ff0000;
	text-align:center;
}
.xoa_tlbb a{	
	background-image: linear-gradient(315deg, #990000 0%, #ff0000 74%);
	color:#fff;
	font-size:12px;
	padding:5px 7px;
}
.xoa_tlbb a:hover{	
	background-image: linear-gradient(315deg, #ff0000 0%, #990000 74%);
	color:#fff;
}

/* Giao diện tài khoản 2.0 */
:root { --ink:#101b33; --ink-soft:#1c2b4b; --gold:#eab75a; --paper:#fffdf8; --muted:#8090aa; }
* { box-sizing:border-box; }
body { min-width:0; color:#24314b; background:#101a31 url('../images/nen-lmtkz.jpg') center top / cover fixed no-repeat; font-family:Tahoma,Arial,sans-serif; }
.site-shell { min-height:100vh; display:flex; flex-direction:column; background:linear-gradient(rgba(9,16,33,.42),rgba(9,16,33,.66)),url('../images/nen-lmtkz.jpg') center top / cover fixed no-repeat; }
.maintlbb { width:min(1120px,calc(100% - 48px)); margin-inline:auto; }
.site-header { border-bottom:1px solid rgba(234,183,90,.24); background:rgba(11,20,39,.78); backdrop-filter:blur(10px); }
.header-inner { min-height:84px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; gap:11px; color:#fff; }
.brand:hover { color:#fff; }
.brand-logo { width:52px; height:52px; object-fit:cover; object-position:center; border-radius:50%; border:1px solid rgba(234,183,90,.9); box-shadow:0 0 14px rgba(234,183,90,.4); }
.brand-copy { display:block; line-height:1; letter-spacing:1.4px; white-space:nowrap; }
.brand-copy strong { font-size:15px; color:#fff; }
.menuTLBB_R { width:auto; padding:0; float:none; }.menuTLBB_R ul,.menu-top-ul { display:flex; align-items:center; gap:25px; margin:0; padding:0; }.menuTLBB_R ul li { float:none; padding:0; list-style:none; }.menuTLBB_R ul li a { display:inline-block; color:#dce4f2; font-size:11px; letter-spacing:.7px; font-weight:bold; }.menuTLBB_R ul li a:hover { color:var(--gold); }.menuTLBB_R .nav-cta { padding:11px 16px; border:1px solid var(--gold); color:#181d2d; background:var(--gold); }.menuTLBB_R .nav-cta:hover { color:#fff; background:transparent; }
.site-main { flex:1; display:flex; align-items:center; padding:55px 0; }.site-main>.maintlbb { width:min(1120px,calc(100% - 48px)); }
.auth-layout { min-height:570px; display:grid; grid-template-columns:1.18fr .82fr; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:4px; background:rgba(17,29,55,.7); box-shadow:0 28px 80px rgba(0,0,0,.35); }
.auth-intro { position:relative; padding:90px 84px; overflow:hidden; background:linear-gradient(135deg,rgba(6,15,34,.79),rgba(21,44,80,.58)); color:#fff; }.auth-intro:after { content:''; position:absolute; width:450px; height:450px; border:1px solid rgba(234,183,90,.25); border-radius:50%; right:-210px; bottom:-260px; box-shadow:0 0 0 35px rgba(234,183,90,.04),0 0 0 75px rgba(234,183,90,.03); }.eyebrow { display:block; color:var(--gold); letter-spacing:2px; font-weight:bold; font-size:10px; }.auth-intro h1 { position:relative; z-index:1; margin:19px 0; font-family:"Segoe UI",Tahoma,Arial,sans-serif; font-size:38px; line-height:1.22; font-weight:700; letter-spacing:-.7px; }.auth-intro h1 em { color:#f3ca7b; font-style:normal; }.auth-intro p { max-width:390px; color:#e0e7f1; font-size:14px; line-height:1.8; }.auth-intro ul { margin:32px 0 0; padding:0; list-style:none; }.auth-intro li { padding:9px 0; color:#e6ebf5; font-size:12px; }.auth-intro li:before { content:'✦'; color:var(--gold); margin-right:11px; }
.auth-card { align-self:center; margin:34px 42px; padding:42px 40px; background:var(--paper); border-radius:3px; box-shadow:0 14px 30px rgba(0,0,0,.12); }.auth-card__heading h2 { margin:8px 0 5px; color:var(--ink); font-size:29px; font-family:Georgia,serif; }.auth-card__heading p { margin:0 0 29px; color:#8b96a9; font-size:12px; }.formlogin { width:auto; padding:0; margin:0; }.input-login { margin-bottom:18px; }.formlogin label { display:block; margin:0 0 8px; color:#35435a; font-size:12px; font-weight:bold; }.field-wrap { display:flex; align-items:center; height:46px; border:1px solid #dbe0e8; background:#fff; transition:.2s; }.field-wrap:focus-within { border-color:#c49039; box-shadow:0 0 0 3px rgba(234,183,90,.17); }.field-wrap>span { width:43px; color:#a2adbc; text-align:center; font-size:16px; }.formlogin input { display:block; width:calc(100% - 43px); height:44px; margin:0; padding:0 12px 0 0; border:0; border-radius:0; color:#263550; font-size:12px; outline:0; }.formlogin input::placeholder { color:#aeb7c5; }.errorVali { margin-top:5px; font-size:11px; }.btnTLBB { text-align:left; }.btnTLBB button { display:flex; align-items:center; justify-content:space-between; width:100%; margin:7px 0 0; padding:14px 18px; border:0; background:linear-gradient(105deg,#d7a84f,#f1ca78); color:#202438; text-transform:uppercase; letter-spacing:.7px; font-size:11px; font-weight:bold; cursor:pointer; }.btnTLBB button:hover { filter:brightness(1.08); }.btnTLBB button span { font-size:18px; line-height:10px; }.btnTLBB_sub { display:flex; justify-content:space-between; padding:18px 0 0; text-transform:none; }.btnTLBB_sub a { color:#65758e; font-size:11px; font-weight:normal; }.btnTLBB_sub a:hover { color:#bd8930; }.msgSH { margin:0 0 16px; font-size:12px; }
.site-footer { border-top:1px solid rgba(255,255,255,.08); }.footer_tlbb { display:flex; justify-content:space-between; padding:23px 0; color:#7e8ba2; font-size:10px; }.footer_tlbb h3 { display:none; }

/* Hoàn thiện điều hướng và các form tài khoản */
.menuTLBB_R ul { gap:12px; }
.menuTLBB_R ul li a,
.menuTLBB_R .nav-cta { min-width:108px; padding:12px 14px; border:1px solid var(--gold); background:var(--gold); color:#1b2234; text-align:center; }
.menuTLBB_R ul li a:hover,
.menuTLBB_R .nav-cta:hover { background:#f5cf7d; color:#121a2c; }
.titleTLBB { margin:34px auto 23px; padding:18px 24px; max-width:650px; border:1px solid rgba(234,183,90,.62); border-radius:4px; background:rgba(11,22,43,.64); box-shadow:0 8px 24px rgba(0,0,0,.25); text-align:center; }
.titleTLBB p { color:#f9dfaa; font-size:15px; font-weight:bold; line-height:1.6; text-shadow:0 1px 3px #000; }
.titleTLBB h3 { margin-top:7px; color:#fff; font-size:25px; font-weight:bold; text-transform:uppercase; letter-spacing:1px; text-shadow:0 2px 5px #000; }
.change_password { width:300px; max-width:calc(100% - 32px); margin:25px auto; padding:22px; border-radius:4px; background:rgba(12,24,47,.45); }
.change_password .formTLBB input { box-sizing:border-box; width:100%; margin-right:0; }
.change_password .btnTLBB { width:100%; text-align:center; }
.change_password .btnTLBB button { display:block; width:100%; margin:15px 0 0; text-align:center; }
.change_password .btnTLBB_sub { display:flex; justify-content:center; gap:10px; padding:18px 0 0; }
.change_password .btnTLBB_sub span { display:none; }
.change_password .btnTLBB_sub a { display:inline-block; min-width:122px; padding:9px 10px; border:1px solid var(--gold); background:var(--gold); color:#1b2234; text-align:center; font-size:10px; font-weight:bold; }
.change_password .btnTLBB_sub a:hover { background:#f5cf7d; color:#1b2234; }

/* Đồng nhất khung đăng nhập và độ rộng trang dữ liệu */
.auth-intro { background:linear-gradient(135deg,rgba(6,15,34,.79),rgba(21,44,80,.58)) !important; }
.auth-intro h1,
.auth-intro h1 em { font-family:"Segoe UI",Tahoma,Arial,sans-serif !important; font-style:normal; }
.auth-intro h1 { font-weight:750; letter-spacing:-.8px; }
.contentID_R .page_content,
.contentID_R .page_content .tlbbcontent,
.contentID_R .tradeTLBB { width:100%; max-width:none; box-sizing:border-box; }
.contentID_R .page_content { display:block; min-width:0; }
.tradeTLBB { overflow-x:auto; }
.tradeTLBB .tableTLBB { min-width:720px; }

/* Trang quản lý tài khoản */
.contentID { display:flex; align-items:flex-start; gap:20px; max-width:1060px; margin:36px auto 55px; }
.contentID_L { width:285px; flex:0 0 285px; padding:0; border:0; background:rgba(13,25,47,.9); box-shadow:0 16px 38px rgba(0,0,0,.28); }
.contentID_R { width:auto; flex:1; min-width:0; padding:0; }
.menuLogin { padding:14px; background:transparent; }
.menuLeft_A { overflow:hidden; border:1px solid rgba(234,183,90,.45); background:rgba(255,255,255,.06); }
.accname { margin:0; padding:13px 14px; background:rgba(234,183,90,.15); color:#fff; font-size:11px; letter-spacing:.3px; }
.accname span { color:#f3c76d; font-weight:bold; }
.menuLeft_A h3 { margin:22px 0 6px; color:#aebbd0; font-size:10px; letter-spacing:1.2px; }
.menuLeft_A p { margin:0 0 22px; color:#f2bf57; font-size:31px; line-height:1; text-shadow:0 2px 5px #000; }
.menuLeft_B ul { margin:16px 0 0; padding:0; list-style:none; border-top:1px solid rgba(255,255,255,.13); }
.menuLeft_B ul li { position:relative; margin:0; padding:0; border:0; border-bottom:1px solid rgba(255,255,255,.11); }
.menuLeft_B ul li i { width:30px; padding:0; color:#d3a849; text-align:center; font-size:11px; }
.menuLeft_B ul li a { display:inline-flex; align-items:center; width:calc(100% - 30px); min-height:43px; color:#dce4ef; font-size:11px; font-weight:bold; }
.menuLeft_B ul li:hover { background:rgba(234,183,90,.13); }
.menuLeft_B ul li a.active { color:#161f33; background:var(--gold); margin-left:-30px; width:calc(100% + 30px); padding-left:43px; }
.menuLeft_B ul li:has(a.active) i { position:relative; z-index:1; color:#1b2234; }
.tlbbcontent { padding:18px; background:rgba(255,253,248,.97); box-shadow:0 16px 38px rgba(0,0,0,.28); }
.contentTitle { margin:0 0 18px; padding:0 18px; border-left:4px solid var(--gold); background:#edf0f5; color:#16213b; }
.contentTitle h3 { padding:14px 0; font-size:19px; }.contentTitle i { color:#bb8730; }
.account_info { display:grid; grid-template-columns:205px 1fr; align-items:center; width:100%; min-height:48px; margin:0; padding:0 14px; border-bottom:1px solid #e7e9ed; color:#263755; font-size:13px; }
.account_info:hover { background:#fff7e8; }.account_info .w_left { width:auto; color:#748097; font-weight:bold; }.account_info .w_left i { color:#d59d37; }.account_info .w_right { width:auto; color:#172b4d; font-weight:bold; }.account_info .w_right a { color:#a86f18; }.account_info .clear { display:none; }
.account_info .get_online,.account_info .get_offline,.account_info .get_unlock,.account_info .get_lock { display:inline-block; min-width:82px; border-radius:2px; font-size:10px; font-weight:bold; text-align:center; }
.account_info:has(p) { display:block; margin-top:15px; padding:13px 14px; border:1px solid rgba(203,66,44,.25); border-radius:3px; background:#fff0ee; }.account_info p { margin:0; color:#c43828; font-size:12px; font-style:normal; line-height:1.5; }
@media (max-width:800px) { .contentID{flex-direction:column;margin-top:25px}.contentID_L,.contentID_R{width:100%;flex-basis:auto}.menuLeft_B ul{display:grid;grid-template-columns:1fr 1fr}.menuLeft_B ul li:nth-child(odd){border-right:1px solid rgba(255,255,255,.11)}.account_info{grid-template-columns:160px 1fr} }
@media (max-width:480px) { .contentID{gap:14px;margin:18px auto 35px}.menuLeft_B ul{grid-template-columns:1fr}.menuLeft_B ul li:nth-child(odd){border-right:0}.tlbbcontent{padding:12px}.contentTitle{padding:0 12px}.contentTitle h3{font-size:16px}.account_info{grid-template-columns:1fr;gap:5px;padding:12px;font-size:12px}.account_info .w_left{font-size:10px}.menuLeft_A{display:flex;align-items:center;justify-content:space-around}.menuLeft_A h3,.menuLeft_A p{margin:12px 0}.accname{align-self:stretch;display:flex;align-items:center} }
@media (max-width:800px) { .auth-layout{grid-template-columns:1fr}.auth-intro{min-height:270px;padding:44px}.auth-intro h1{font-size:31px}.auth-intro ul{display:none}.auth-card{max-width:490px;width:calc(100% - 50px);margin:-25px auto 32px;z-index:2}.site-main{padding:32px 0}.menuTLBB_R ul,.menu-top-ul{gap:14px}.menuTLBB_R ul li a{font-size:9px}.brand-copy{display:none}.footer_tlbb{padding:18px 0} }
@media (max-width:480px) { .maintlbb,.site-main>.maintlbb{width:calc(100% - 28px)}.header-inner{min-height:68px}.brand-logo{width:38px;height:38px}.menuTLBB_R ul li:first-child{display:none}.menuTLBB_R .nav-cta{padding:9px 10px}.auth-intro{padding:35px 27px;min-height:235px}.auth-intro h1{font-size:27px}.auth-intro p{font-size:12px}.auth-card{width:calc(100% - 24px);padding:30px 23px;margin:-20px auto 25px}.site-main{padding:20px 0}.footer_tlbb span:last-child{display:none} }