@charset "UTF-8";



/* Tùy chỉnh thanh cuộn */
::-webkit-scrollbar {
    width: 2px; /* Độ rộng của thanh cuộn */
}

::-webkit-scrollbar-track {
    background: #f1f1f1; /* Màu nền của thanh cuộn */
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #888; /* Màu thanh cuộn */
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555; /* Màu khi hover vào thanh cuộn */
}

/* Áp dụng cho khối có thanh cuộn */
.scrollable-container {
    max-height: 200px; /* Đặt chiều cao cố định để hiển thị thanh cuộn */
    overflow-y: auto; /* Hiển thị thanh cuộn dọc */
}

/*---------------------
CSS-SHARE
--------------------*/
body a,
body a img
{
  transition:all 0.3s;
}
body a{
  outline:none;
}

body .a-none a,
body .a-none img
{
  pointer-events:none;
}
body .module-title{
	margin-bottom:0;
}

body a:hover img{
  opacity:0.6;
}

body .tel-link a{
    pointer-events:none;
}
.module p{
  margin-bottom:0;
}

body .frame-policy{
	overflow:auto;
}


body .frame-block iframe, body .frame-block object {
    max-width: 100%;
    display: block;
}

body  .at-hide{
	display:none;
	overflow:hidden;
}
body  .at-load{
	opacity:0;
}

body .ov-hide{
  overflow:hidden;
}


body .themify_builder_content  .max-width-100{
	width:100%;
	max-width:100px;
	margin:0px auto;
} 

body .themify_builder_content  .max-width-200{
	width:100%;
	max-width:200px;
	margin:0px auto;
} 

body .themify_builder_content  .max-width-300{
	width:100%;
	max-width:300px;
	margin:0px auto;
} 


body .themify_builder_content  .max-width-400{
	width:100%;
	max-width:400px;
	margin:0px auto;
} 


body .themify_builder_content  .max-width-500{
	width:100%;
	max-width:500px;
	margin:0px auto;
} 

body .themify_builder_content  .max-width-600{
	width:100%;
	max-width:600px;
	margin:0px auto;
} 
body .themify_builder_content  .max-width-700{
	width:100%;
	max-width:700px;
	margin:0px auto;
} 
body .themify_builder_content  .max-width-800{
	width:100%;
	max-width:800px;
	margin:0px auto;
} 

body .themify_builder_content  .max-width-900{
	width:100%;
	max-width:900px;
	margin:0px auto;
} 

body .themify_builder_content  .max-width-1000{
	width:100%;
	max-width:1000px;
	margin:0px auto;
} 




body .themify_builder_content  .max-width-1600{
	width:100%;
	max-width:1600px;
	margin:0px auto;
} 

body .themify_builder_content  .max-width-1200{
	width:100%;
	max-width:1200px;
	margin:0px auto;
} 

body .themify_builder_content  .max-width-1100{
	width:100%;
	max-width:1100px;
	margin:0px auto;
} 

body .themify_builder_content  .max-width-1000{
	width:100%;
	max-width:1000px;
	margin:0px auto;
} 


body .themify_builder_content .bg-100-100{
	background-size:100% 100%;
} 
body .themify_builder_content .bg-100-auto{
	background-size:100% auto;
} 
body .themify_builder_content .bg-auto-100{
	background-size:auto  100%;
} 
body .themify_builder_content .no-wrap {
	white-space:nowrap;
} 
body .themify_builder_content  .m-write-mode{
	writing-mode: tb-rl;
}


body #pc-backtop {
    width: auto;
    height: auto;
    position: fixed;
    right: 20px;
    z-index: 999;
    bottom: 30px;
	opacity:0;
	transition:all 0.3s;
}
body #pc-backtop.is-visible {
	opacity:1;
}
body #pc-backtop a img{
    width: auto;
    height: auto;
}



body .widget_polylang ul{
	display:flex;
}
body .widget_polylang ul li a {
	display:inline-flex;
	padding:0px 10px;
}
body [data-sticky-active].tb_sticky_scroll_active{
	z-index:888;
}
body .htms_widget_login_status {
	display:flex;
}
body .htms_widget_login_status a {
	display:inline-flex;
	padding:0px 5px;
}



/* -----------------------------
tabs
--------------------------------*/

.tabs {
	border: 1px solid #ddd;
	background: #fff;
	padding: 10px;
}
.tab-nav {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ddd;
}
.tab-nav li {
	margin-right: 10px;
}
.tab-nav li a {
	text-decoration: none;
	padding: 5px 10px;
	display: block;
	background: #f1f1f1;
	border: 1px solid #ddd;
	border-bottom: none;
	color: #333;
	border-radius: 4px 4px 0 0;
}
.tab-nav li.active a {
	background: #fff;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}
.tab-content {
	padding: 10px;
}
.tab-line {
	display: none;
}
.tab-line.active {
	display: block;
}

/*tab-nav-2*/
.tab-nav-2 {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ddd;
}
.tab-nav-2 li {
	margin-right: 10px;
}
.tab-nav-2 li a {
	text-decoration: none;
	padding: 5px 10px;
	display: block;
	background: #f1f1f1;
	border: 1px solid #ddd;
	border-bottom: none;
	color: #333;
	border-radius: 4px 4px 0 0;
}
.tab-nav-2 li.active a {
	background: #fff;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}
.tab-content {
	padding: 10px;
}
.tab-line-2 {
	display: none;
}
.tab-line-2.active {
	display: block;
}




















/*@939*/
@media screen and (max-width: 939px){

body .tel-link a{
    pointer-events:auto;
}
body .image-center-768 .image-wrap {
  width:100%;
  text-align:center;
} 


body .themify_builder_content .bg-100-100-768{
	background-size:100% 100%;
} 
body .themify_builder_content .bg-100-auto-768{
	background-size:100% auto;
} 
body .themify_builder_content .bg-auto-100-768{
	background-size:auto  100%;
} 
body .themify_builder_content .no-wrap-wrap-768 {
	white-space:wrap;
} 
body .themify_builder_content  .m-write-mode-no-768{
	writing-mode: unset;
}

body .themify_builder_content  .table-full-768 .tb_text_wrap{
	overflow:auto;
}	
	
body .themify_builder_content  .table-full-768 .tb_text_wrap table{
	width:150%;
	min-width:768px;
}	

}
/*@939*/




/*@680*/
@media screen and (max-width: 680px){
body .image-center-680 .image-wrap {
  width:100%;
  text-align:center;
} 

body .themify_builder_content .bg-100-100-680{
	background-size:100% 100%;
} 
body .themify_builder_content .bg-100-auto-680{
	background-size:100% auto;
} 
body .themify_builder_content .bg-auto-100-680{
	background-size:auto  100%;
} 
body .themify_builder_content .no-wrap-wrap-680{
	white-space:wrap;
} 
body .themify_builder_content  .m-write-mode-no-680{
	writing-mode: unset;
}
body .themify_builder_content  .table-full-680 .tb_text_wrap{
	overflow:auto;
}		
	
body .themify_builder_content  .table-full-680 .tb_text_wrap table{
	width:150%;
	min-width:680px;
}			
}
/*@680*/



/*---------------------
end of CSS-SHARE
--------------------*/