/*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;
	padding:0;margin:0;
	background: url(../imgs/bg.jpg) no-repeat center top #f8f3f0;
}
.container{max-width: 970px;}
.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{text-decoration:none}
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;
}

.kiemhiep-nav-wrapper{position:relative;width:100%;padding:15px 0;background-color:rgba(30,30,30,0.7)}
.kiemhiep-nav-links{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0 auto}
.spacer{flex-grow:1}.logo-placeholder{width:300px;height:1px;flex-shrink:0}
.nav-group{display:flex;gap:30px;flex-shrink:0}
.nav-group a{color:#FFD700;text-decoration:none;padding:5px 10px;font-weight:bold;text-transform:uppercase}
.nav-logo-floating{position:absolute;left:50%;transform:translateX(-50%);top:50%;transform:translate(-50%,-50%);z-index:10}
.logo-img-large{margin-top:70px;height:170px;width:auto;display:block}

.container{
	
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
 }
.bodymain{margin-top: 550px;}

.section1{
	width: 100%;
	background-color:rgba(30,30,30,0.7);
	padding: 15px;
	border: 3px solid #fff;
}

.col1{width:178px;height: 150px;float:left;}
.col2{width:150px;height: 150px;float:left;margin-left:10px;}
.col3{width:150px;height: 150px;float:left;margin-left:10px;}
.col4{width:150px;height: 150px;float:left;margin-left:10px;}
.col5{width:150px;height: 150px;float:left;margin-left:85px;}

.iconfa{}
.iconfa i{font-size:40px;color:#fff;padding:10px 0 20px 0}

.btn_dangky {
	width:100%;
	height:96px;
	position: relative;	
    background: #126226;
	padding: 22px 36px;
	margin:5px;
	box-sizing: content-box;
	text-align: center;
}
.btn_dangky::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 */
}
.btn_dangky:hover::before  {
	border: 1px solid #fff; /* Viền màu xanh bên trong */	
}
.btn_dangky span{color:#fff;font-size:20px;text-transform:uppercase;font-weight:bold;}

.btn_dangnhap {
	width:100%;
	height:96px;
	position: relative;	
    background: #82170e;
	padding: 22px 36px;
	margin:5px;
	box-sizing: content-box;
	text-align: center;
}
.btn_dangnhap::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 */
}
.btn_dangnhap:hover::before  {
	border: 1px solid #fff; /* Viền màu xanh bên trong */	
}
.btn_dangnhap span{color:#fff;font-size:20px;text-transform:uppercase;font-weight:bold;}



.imghover:hover{
    -webkit-filter: saturate(150%);
    -moz-filter: saturate(150%);
    -ms-filter: saturate(150%);
    -o-filter: saturate(150%);
    filter: saturate(150%);
}
.footer {
	margin-top:50px;
	
}
.footer h3{
	text-align: center;
	
}