/*Breadcrumb*/
.icon_breadcrumb {float: left; margin-right: 0.3em;}
/*Page*/
.woocommerce{margin-top:2rem}
.box_knhay  {  display: table;}
.box_knhay ,.box_knhaychild{margin-bottom:2em; }
.box_titleknhay h2 { float: left; font-weight: 600;    text-transform: uppercase;    line-height: 2.1em;}
.tieudelink { float: right; 
line-height: 2.5em;
color: red;  }

.box_titleknhay {background: #e6e6e68a;
padding: 0 0.5em;
margin-bottom: 15px;
width: 100%;}
.box_knhay1 {margin-bottom:1em; float: left;}
.box_knhay2 {margin-bottom:1.5em}
.content_tuvan h3 {    line-height: 1.4em; 
font-weight: 600;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
height: 45px;
display: -webkit-box;
-webkit-box-orient: vertical;
padding: 0.3em 0;}
/*Phân trang*/
.box_phantrang { text-align: center;padding: 1em 0;}
.box_phantrang a ,.box_phantrang span{    display: inline-block;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;     vertical-align: top; color:#9E9E9E; font-weight:600}
.box_phantrang span.current {color:#000}	
.cong_previous {   
background:#f4f4f4 url(../images/previous.png) top left no-repeat;
background-size: 40%;
background-position: 50%; }
.cong_next {    
background:#dbdbdb url(../images/next.png) top left no-repeat;
background-size: 40%;
background-position: 50%; }
/*Archive*/	 
.boxtieude_archive h1 {    font-size: 18px; font-weight: 600; margin-right: 15px; text-transform: uppercase;margin-bottom:1em}
.box_archivekh {margin-bottom: 2em;}


.boxmenu_archive {margin-top:1em;margin-bottom:1em;display: table;}
.menu_archive {width: calc(100% - 154px);float: left;}
.menu_archive li{display:inline-block}
.menu_archive li a{padding: 6px 10px;font-size: 15px;color: #333333;font-weight: 500;text-transform: uppercase;}
.menu_archive li a:hover{color:#008344}
.menu_archive li.current-menu-item a{color:#fff;background-color:#008344;border-radius: 3px;}

.box_linkhoidap {font-size: 14px;
color: #288AD6 !important;
font-weight: 600;
text-align: center;
line-height: 29px;
border: 1px solid #D9D9D9;
display: inline-table;float: right;}
.box_linkhoidap span {padding: 0.5em 1em;}
.title_hoidap{ border-left: 1px solid #D9D9D9; }

.img_postarchive img{width:100%}
.box_postarchivemain {    display: table;}
.box_postarchivechild {margin-bottom: 0.7em;
display: table;
float: left;padding: 0;}
.box_postarchivechild1 {
margin-bottom: 0.7em;
display: table;
float: left;padding-right: 0;
}
.ananhdecktop a img{display:none}
.box_postarchivemain1 {width:100%;padding-top: 1em;
border-bottom: 1px solid #EEEEEE; 
padding-bottom: 1em; display: table;}
.title_postarchive {padding-top: 8px;}
.title_postarchive,.title_postarchive1 {color: #333; 
font-size: 1em;
font-weight: 600;
padding-bottom: 8px;
line-height: 1.4em;}
.box_postarchivechild1 > .box_postarchive {border-bottom: 1px solid #EEEEEE;padding:0 0 0.5em;} 

/*Page*/
.title_page { font-weight: 600; margin: 0.3em 0 1em !important;} 
.bannerpage {padding-top:10px;width:100%; height:auto}

/*Img archive product*/
.product-item{padding:5px;float:left;box-sizing:border-box;}
.product-item-detail{box-sizing:border-box;background:#fff;height:380px;border:1px solid rgba(0, 0, 0, 0.1);position:relative;border-radius:5px;overflow:hidden;}

.box_img_archive {padding-left:0px; padding-right:0px}
.box_info_imgarchive {margin: 0 5px;
padding: 0;
text-align: center;
position: relative;
min-height: 200px;
overflow: hidden;}
.box_info_imgarchive a{     position: relative;
display: block;
text-align: center;
margin: 0;
overflow: hidden;}
.box_info_imgarchive a  img{transform:scale(1,1);-webkit-transition:transform 300ms ease-out 0ms;-moz-transition:transform 300ms ease-out 0ms;-o-transition:transform 300ms ease-out 0ms;transition:transform 300ms ease-out 0ms;}
.box_info_imgarchive a:hover > img{-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.1,1.2);transform:scale(1.2,1.2);}
.box_info_imgarchive a .logo_archive_hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(235,28,35,0.8);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
filter: alpha(opacity=0);
}

.box_info_imgarchive a .logo_archive_hover img {
top: 50%;
left: 50%;
opacity: 0;
position: absolute;
width: 160px;
height: 100px;
margin: 0 auto;
margin-top: -50px;
margin-left: -80px;
display: inline-block;
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-ms-transform: scale(1.15);
-o-transform: scale(1.15);
transform: scale(1.15);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.box_info_imgarchive a:hover .logo_archive_hover{opacity:1;}
.box_info_imgarchive a:hover .logo_archive_hover img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:1;}
.title_archive_pro {    display: block;}
.title_archive_pro h2{  
font-size: 14px;
display: block;
text-align: center;
text-transform: uppercase;
padding: 10px 0;
color: #333;
font-weight: 600;}


/*Archive product*/
.banner-img img {width:100%} 
.box_productarchive {margin:10px 0px;}
.bread_archive a,.bread_archive p{    color: #333; padding: 8px 0px; }
.boxtieude_danhmucloc {margin-bottom:1em;display: table;}
.boxtieude_danhmucloc h1 {font-size: 18px; font-weight: 600;  margin-right: 15px; float: left;text-transform:uppercase;    line-height: 2em;}
.boxtieude_danhmucloc span {color:red; font-weight: 600; font-size: 13px; line-height: 2.6em;} 
.frm_loc > .form-group {margin-bottom:0px} 

.woocommerce-notices-wrapper {display:none}
.box_breadcrumbs {margin-top: 10px;}
.box_loc {float: right;}
.loc_khoanggia {    padding: 0.38em 0.5em !important; 
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;}
.loc_khoanggia > .caret {float: right; margin-top: 0.6em;}
.box_bolocchild ul,.box_bolocchild ul li {width:100%} 
.droop_orderby > .form-control {padding:6px;} 	 
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {padding: 0.8em 1em !important;}


.description_cate p {margin:1em 0}


/*Xem thêm nội dung sản phẩm*/
#contentpro {overflow: hidden;word-break: break-word;padding-bottom: 1rem; margin-top: 3rem;}
#contentpro p{margin: 1rem 0; line-height: 2rem;}
.pro_seemore {position: relative;}
.pro_seemore.show:before {content: none; }
.pro_seemore:before {position: absolute; content: ""; left: 0;right: 0; bottom: 100%; height: 100px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 17%, #FFFFFF 93.12%); }
.show:not(.hidden) { display: block;}
.tbl_xemtatca{  border: 0.01rem solid #008848;
color: #008848;
display: table;
margin: 0 auto 2rem;
padding: 0.4rem 2rem;
border-radius: 50rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.tbl_xemtatca:hover{color:#fff;background-color:#008848;}
/*Radio lọc*/
.woocommerce-error, .woocommerce-info, .woocommerce-message {  border-top: 0 !important; color: #ff0000 !important;}
.woocommerce-info::before { color: #F44336 !important;}
.title_thuonghieu {      color: #fff;
background: #e1a336;
margin: 0 0 1em;
text-transform: uppercase;
padding: 0 0.5em;}
.boxmainradio_thuonghieu {max-height: 20em;overflow-y: auto;    margin-bottom: 2em;}
.boxmainradio_thuonghieu::-webkit-scrollbar {
width: 5px;
background-color: #F5F5F5;
}
.boxmainradio_thuonghieu::-webkit-scrollbar-thumb {
border-radius: 5px;
-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
background-color: #e5e5e5;
}
.boxmainradio_thuonghieu::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
border-radius: 5px;
background-color: #F5F5F5;
}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
position: relative;
padding-left: 28px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #666;font-weight: 400;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 18px;
border: 1px solid #ddd;
border-radius: 0;
background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
content: '';
width: 15px;
height: 14px;
background: #393939;
position: absolute;
top: 2px;
left: 1.5px;
border-radius: 0;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.boxradio_thuonghieu {margin-bottom: .5rem;}
.boxradio_thuonghieu label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.boxradio_thuonghieu .spanactive:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
/*Sidebar sản phẩm liên quan*/ 
.title_spkhac >.title_sidebar {margin-top:0}
/*Sidebar*/
.box_sidebar > .attachment-full{margin-top:2.6em} 
.title_sidebartinkm h3{color: #288AD6;
font-size: 17px;
font-weight: 600;
text-transform: uppercase;
margin: 1em 0 0.5em;}
.box_sidebartinkm {margin-bottom:1em}
.title_sidebartinkmchild {    color: #333;
font-size: 1em;
font-weight: 600;
padding-bottom: 8px;
line-height: 1.4em;padding-top: 8px;}	
.box_homesidebar {margin-bottom:1em}
.title_sbtinkmchild {padding-top: 8px;font-size: 14px;
color: #020202;
line-height: 20px; 
display: block;
height: auto;}
.title_sidebarproduct h3:hover {color:#337ab7}

.gia_sidebarproduct {text-align: left;margin-top: 0.3em;}



.menu_sidebar {padding: 0 10px;border: 1px solid #E6E8E7;}
.menu_sidebar > li{    position: relative;}
.menu_sidebar > li > a{  text-decoration: none;
color: #000;
display: block; 
padding: 5px 5px 5px 0;
margin-bottom: 5px;
border-bottom: 1px solid #E6E8E7; }
.menu_sidebar > li:last-child > a{border-bottom:0}	
.menu_sidebar > li > a:before {
content:"\f0da";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
margin-right: 5px;
color: #393939;
}
.menu_sidebar > li > ul {border:0}


.menu_sidebar > li > a:hover{color:#393939}



/*Page liên hệ*/
.box_lh h3 {
font-size: 14px;
font-weight: 600;
color: #333;
text-transform: uppercase;
position: relative; 
margin: 0;
padding-top: 1em;
}
.box_lh h3 i{color:#393939} 
.box_lh p {    font-size: 14px;
color: #333;
position: relative;  margin-top: 5px;
} 
.box_lh p i{ font-size: 0.39em;
padding-bottom: 0.5em;
vertical-align: middle;
} 
.tieudepagelh {float: left;
text-transform: uppercase;
margin-right: 3em; 
font-size: 1.5em;} 

.box_lh {margin-bottom: 3em;} 

.box_bglienhe img {width:100%}
.box_bglienhe {position: relative;}
.box_noidunglienhe {position: absolute;
left: 5%;
bottom: 25%;
z-index: 2;
color: #fff;
font-size: 1.5em;}
.tieudepagelh {float: left;
text-transform: uppercase;
margin-right: 3em; 
font-size: 1.5em;} 

.input_gl {
margin-bottom: 20px;
}	
.input_gl > p > span > input,.input_gl > p > span > select {
padding: 5px 10px 5px 30px !important;
min-height: 35px !important; 
}	
.icon_hoten {
background:#fff url(../images/icon_hoten.png) no-repeat 1% 50%;    background-size: 20px;
}
.icon_email {
background:#fff url(../images/icon_email.png) no-repeat 1% 50%;    background-size: 23px;
}
.icon_sdt {
background:#fff url(../images/icon_sdt.png) no-repeat 1% 50%;    background-size: 23px;
}
.icon_diachi {
background:#fff url(../images/icon_diachi.png) no-repeat 1% 50%;    background-size: 20px;
}
.icon_tieude {
background:#fff url(../images/icon_tieude.png) no-repeat 0% 50%;  
} 
.icon_sp {
background:#fff url(../images/icon_tensp.png) no-repeat 1% 50%;    background-size: 20px;
}
.icon_giasp {
background:#fff url(../images/icon_gia.png) no-repeat 1% 50%;    background-size: 20px;
}
.icon_noidung {    
background: #fff url(../images/icon_noidung.png) no-repeat 0.4% 3%;
padding: 5px 10px 5px 35px !important;
border-radius: 3px;
}	
.cauhoicapcha label { width: 100%;}
.btnguidi {display: table;  text-align: center;}

.dk_lienhe > .btn {   
text-transform: uppercase;
padding: 0.8em 2em;}

.contact-form .input-group {
margin-bottom: 20px;    width: 100%;
float: left;
}

.contact-formtuvan .input-group {
margin-bottom: 25px !important ;     

}

.contact-form .input-group .input-group-addon {
border-radius: 0px;
background-color: #312f2f;
border: none;
position: relative;
}
.contact-form .input-group .input-group-addon i {
color: #fff;
font-size: 18px;
}
.plant>.fa-paper-plane {
position: absolute;
padding: 10px 6px;
color: #fff;
z-index: 10;    
}
.plant > input {  padding: 6px 15px;} 
/*Map*/ 
.box_map {margin-top:30px;background-color:#f2f2f2}


/*Single product*/ 
.box_singleproduct{margin-top:3rem}
.dropcap {
font-size: 72px;
line-height: 36px;
float: left;
padding: 10px;
color: #525252;
font-weight: 300;
margin-bottom: 10px;
} 
.infobox {
margin: 10px auto;
padding: 10px;
border: 2px solid #c3e5f8;
-ms-border-radius: 5px;
border-radius: 5px;
background-color: #dbedf9;
line-height: 155%;
clear: both;
font-size: 16px;
}
.tieudethongtinspsingle{color: #525252;font-weight: 600;font-size: 1.2em !important;margin-bottom: 1em;}
.border_content {  
margin-bottom: 30px;
}
.tensanpham {font-size: 18px;
font-weight: 600;
color: red;
padding: 0px 0px 10px;
text-transform: uppercase;
line-height: 25px;} 
.product-detail-info .product-price{font-weight:600;position:relative;color:#e32124;font-size:20px;margin-bottom:10px;     text-align: left;}
.title_main {       color: #111;
font: 400 15px/1.6 OpenSans,segoeui,roboto,sans-serif,Arial,tahoma,Verdana;
font-weight: 800;
text-transform: uppercase;}
.ul_dtcp_single li {float: none !important;  margin: 0 auto;}

.contentpro {    
background: #f6f5f5;
border: 1px solid #dadada;
margin: 20px 0 0;}
.colprice {border-bottom: 1px solid #dadada;padding: 24px 21px 0;height: 111px;}
.colpay{padding: 24px 21px 0;} 
.box_prothem {padding:1em 2em}
.box_goilaichotoi h2{    margin: 0;
text-transform: uppercase;
font-size: 18px;
font-weight: 600;
text-align: center;
margin-bottom: 10px;}
.box_coment {border-top: 1px solid #dadada;}

.post-content .aligncenter {margin: 0 auto;display:block}

.box_boxung { font-size: 13px; 
padding: 5px;
margin-top: 10px;
border-radius: 2px;
background-color: #fff9fa;
border: solid 1px #fdd; } 
.box_boxung p{line-height:25px } 
.image_khuyenmaisp {margin:10px 0px; display:block} 

.title_spkhac {margin-bottom:20px} 

.box_chitietsp .ghichu {
font-size: 15px;
cursor: pointer;
color: #eb0000;
position: relative;
padding: 5px 5px 5px 40px;
margin-bottom: 10px;
border-radius: 2px;
background-color: #fff9fa;
border: solid 1px #fdd;
width: 100%;
}
.box_chitietsp .ghichu:before {
content: "";
display: inline-block;
width: 27px;
height: 21px;
background: url(../images/chronometer.png) no-repeat center;
position: absolute;
top: 5px;
left: 8px;
}
.product-detail-khuyenmai { margin:1rem 0; }
.product-detail-khuyenmai > p { margin-bottom:1rem}

.box_goilaichotoi {
padding: 12px 10px 10px;
background-color: #acacac; 
color: #fff;display:inline-block;margin-top:1em
}
.box_ycautuvan .box_goilaichotoi {margin-right: 1em;}
.support{margin:20px 0px;display:inline-block;font-size:13px;}
.support-hotline{border-radius: 20px;
line-height: 1;
padding: 0.5em 0.9em;
position: relative;
font-weight: 700;
background: #FFEB3B; }
.ulttsanpham{  background: #9e9e9e2e;width: 100%;}
.ulttsanpham a {
font-weight: 700;
font-size: 1.3em;
padding: 0.4em 1em;
display: inline-block;
}

.tieudespmuacung {font-weight: 600; }
.box_spmuacung { background: #eaeaea; padding: 1em; margin-bottom: 1em;}


.box_prothem > .single_add_to_cart_button {margin-top:1em !important}

/*Form mua nhanh*/
@media only screen and (min-width: 992px){
.modal-dialog { width: 800px !important;  margin: 1.75rem auto!important; max-width: 100%!important;}
}

.frm_datmua {padding: 1em;border: 5px solid #E6E6E6;}
.cl_main {background: #525252 !important;
opacity: 1;
padding: 4px 9px !important;
margin-right: -0.6em;
margin-top: -0.4em;
color: #fff; 
border-bottom-left-radius: 20px;}
.box_bg {    color: rgb(255, 255, 255);
text-align: center; 
float: left;  
box-sizing: border-box;
background: rgb(58, 60, 76);
padding: 0px 10px;}	

.box_bg .mess { font-size: 14px;
font-weight: normal;
background: rgba(255, 255, 255, 0.1);
padding: 10px;
margin: 20px;}
.hotline_bg {
font-size: 25px;
color: rgb(255, 255, 255);
font-weight: 800;
}

.frm-titlebg {font-weight: 700;
text-transform: uppercase;
padding: 20px 0px;
text-align: center;
color: red;}

.input_gl > span > input,.input_gl > span > select {
padding: 5px 10px 5px 30px !important;
min-height: 35px !important;
border-radius: 3px;
}	 
.btnguidi {display: table;text-align:center;margin: 1em 0;}
.frmbaogia {padding-top:30px}



/*Single*/
.title_single {    font-size: 17px; text-transform: uppercase; color: #e1a336;} 
#ez-toc-container { width: 100% !important;}
.post-content img{ max-width:100%; height:auto;} 
.notice {border-radius: 0;  overflow: hidden; margin-top: 10px;}  
.aligncenter a img{
margin: 0 auto;
display: block;
}   
.post-content a { color: #00f;}
.box_tintuckhac {margin-bottom:2em}
.title_tintuckhac {border-bottom: 1px solid #525252;
text-transform: uppercase;
margin-bottom: 1em !important; 
padding: 0.2em 0;
font-weight: 600;
color: #525252;}
.title_tintuclienquan > h3{    line-height: 1.6em;
font-size: 15px !important;
font-weight: 600;
padding: 0.3em 0;
color: #000;}

.submit {background-color:#525252 !important}

/*Bình luận*/
.box_binhluan{    display: table;
width: 100%;
margin: 1em 0;}
.tieude_binhluan{margin: 1em 0 0 !important;font-size: 1.4rem !important;font-weight: 600;}
.comment-form-comment{margin:0}
/* Khung bình luận */
#respond {
background-color: #f9f9f9;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
margin-top: 30px;
margin-bottom: 30px;
}

/* Tiêu đề của form bình luận */
#respond h3 {
font-size: 24px;
font-weight: 600;
margin-bottom: 20px;
color: #333;
}

/* Các trường nhập liệu */
#comment, #author, #email, #url {
width: 100%;
padding: 12px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 6px;
font-size: 16px;
color: #333;
box-sizing: border-box;
transition: border-color 0.3s ease-in-out;
}

/* Hiệu ứng khi hover vào các trường */
#comment:focus, #author:focus, #email:focus, #url:focus {
border-color: #4caf50;
outline: none;
}

/* Nút gửi bình luận */
#submit {
background-color: #4caf50;
color: #fff;
border: none;
padding: 12px 20px;
font-size: 16px;
font-weight: bold;
border-radius: 6px;
cursor: pointer;
transition: background-color 0.3s ease-in-out;
}

/* Hiệu ứng khi hover vào nút gửi */
#submit:hover {
background-color: #45a049;
}

/* Thông báo lỗi nếu có */
.comment-form-error {
color: #ff0000;
font-size: 14px;
margin-bottom: 15px;
}

/* Các checkbox, radio button, và các trường tùy chọn khác */
input[type="checkbox"], input[type="radio"] {
margin-right: 10px;
vertical-align: middle;
}

/* Cải thiện kiểu dáng của các nút */
input[type="submit"], button[type="submit"] {
cursor: pointer;
}

/* Các trường không bắt buộc */
#url {
font-style: italic;
color: #999;
}

/* Phần tử phản hồi (thông báo) sau khi gửi thành công */
.comment-form-comment .valid {
color: green;
font-weight: bold;
}

/* Điều chỉnh cho các trường cụ thể */
.comment-form-author {
width: 48%;display: inline-block;
margin-right: 3%;
}
.comment-form-email {
width: 48%;display: inline-block; 
}
.comment-form-url {
width: 100%; 
}

/* Danh sách bình luận */
.comment-list {
list-style-type: none;
padding-left: 0 !important;
margin: 0;
}

/* Mỗi bình luận */
.comment {
background-color: #fff;
border-radius: 8px;
margin-bottom: 20px;
padding: 15px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
}

/* Màu nền và bóng đổ cho mỗi bình luận */
.comment:nth-child(odd) {
background-color: #f9f9f9;
}

.comment:hover {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
background-color: #fafafa;
}

/* Avatar bình luận */
.comment .comment-avatar {
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
margin-right: 15px;
}

.comment .comment-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}

/* Thông tin người bình luận */
.comment-author {
font-size: 16px;
font-weight: bold;
color: #333;
}

.comment-author a {
color: #0073e6;
text-decoration: none;
}

.comment-author a:hover {
text-decoration: underline;
}

/* Ngày tháng của bình luận */
.comment-meta {
font-size: 14px;
color: #999;
margin-top: 5px;
}

/* Nội dung bình luận */
.comment-content {
margin-top: 10px;
font-size: 15px;
line-height: 1.6;
color: #333;
}

/* Phần trả lời bình luận */
.comment-reply {
margin-top: 10px;
}

.comment-reply a {
background-color: #4caf50;
color: #fff;
padding: 8px 15px;
border-radius: 5px;
font-size: 14px;
text-decoration: none;
transition: background-color 0.3s ease;
}

.comment-reply a:hover {
background-color: #45a049;
}

/* Cải thiện khoảng cách và viền cho nút trả lời */
.comment-reply a:focus {
outline: none;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

/* Thêm dấu chấm ba (ellipsis) khi nội dung bình luận quá dài */
.comment-content {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

/* Khi chuột hover vào comment, thêm hiệu ứng */
.comment:hover .comment-content {
text-overflow: unset;
white-space: normal;
}
/*Post content dùng chung*/
.like-click {margin-top: 30px; display: block; overflow:hidden} 
.post-content img{ max-width:100%; height:auto;}
.post-content iframe{ width:100% !important;  }
.notice {border-radius: 0;  overflow: hidden; margin-top: 10px;}
.post-content strong { font-weight: 600;  line-height: 30px; }
.aligncenter a img{ margin: 0 auto; display: block;} 
.post-content h3{font-size:18px ; margin:5px 0px}
.post-content h2{font-size:20px;margin:5px 0px} 
.post-content h1{font-size:22px;margin:5px 0px} 
.content_ttkhac {    padding: 0px 10px 5px;}

.post-content cite,
.post-content dfn,
.post-content em {font-style: italic;}
.post-content p {margin: 3px 0; line-height: 25px; margin-bottom: 10px; font-size: 15px;text-align:justify}
.post-content ol,
.post-content ul {margin: 16px 0;padding: 0 0 0 40px;}
.post-content ul {list-style-type: square;}
.post-content ol {list-style: decimal outside;}
.post-content li > ul,
.post-content li > ol {margin: 0;}
.post-content dl {margin: 0 20px;}
.post-content dt {font-weight: bold;}
.post-content dd {margin: 0 0 20px;} 
.post-content code,.post-content kbd,.post-content pre,.post-content samp {font-family: monospace, serif;font-size: 14px;}
.post-content pre {
background: #f5f5f5;
color: #666;
font-family: monospace;
font-size: 14px;
margin: 20px 0;
overflow: auto;
padding: 20px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

.post-content blockquote,
.post-content q {quotes: none;}
.post-content blockquote:before,
.post-content blockquote:after,
.post-content q:before,
.post-content q:after {content: "";content: none;}
.post-content blockquote {
font-size: 24px;
font-style: italic;
font-weight: 300;
margin: 24px 40px;
}

.post-content blockquote blockquote {margin-right: 0;}
.post-content blockquote cite,
.post-content blockquote small {
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
}
.post-content cite {
border-bottom: 0;
}
.post-content abbr[title] {
border-bottom: 1px dotted;
}
.post-content address {
font-style: italic;
margin: 0 0 24px;
}

.post-content del {
color: #333;
}

.post-content ins {
background: #fff9c0;
border: none;
color: #333;
text-decoration: none;
}

.post-content sub,
.post-content sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

.post-content sup {
top: -0.5em;
}

.post-content sub {
bottom: -0.25em;
}

.post-content p a,.post-content a,.post-content p a strong,#tab-description a{ 
text-decoration: none;color:#525252
}


.post-content a:focus {
outline: thin dotted;
}

.post-content a:active,
.post-content a:hover { 
outline: 0;
}

.post-content a:hover {
text-decoration: underline;
}
/* Alignment */
.post-content .alignleft {
float: left;
margin: 5px 20px 5px 0;
}
.post-content .alignright {
float: right;
margin: 5px 0 5px 20px;
}

.post-content .aligncenter {
display: block;
margin: 5px auto;
}
.post-content img.alignnone {
display: block;
margin: 5px auto;
}
/* Tables */
.post-content table {
border: 1px solid #ededed;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
.post-content caption,
.post-content th,
.post-content td {
font-weight: normal!important;
border: 1px solid #ededed;
text-align: left;
}
.post-content caption {
font-size: 16px;
margin: 20px 0;
}
.post-content th {
font-weight: normal!important;
text-transform: uppercase;
border: 1px solid #ededed;
}
.post-content td {
border: 1px solid #ededed;
padding: 6px 10px;
}
/* Images */
.post-content img {
height: auto;
max-width: 100%;
vertical-align: middle;  
}
.post-content .wp-caption {
background: transparent;
border: none;
margin: 0;
padding: 0;
text-align: left;max-width: 100% !important;
}
.post-content .wp-caption.alignleft {
margin: 5px 10px 5px 0;
}
.post-content .wp-caption.alignright {
margin: 5px 0 5px 10px;
}
.post-content .wp-caption-dt {
margin: 0;
}
.post-content .wp-caption .wp-caption-text,
.post-content .wp-caption-dd {
color: #220e10;
font-size: 14px;
font-style: italic;
font-weight: 300;
line-height: 1.5;
margin-bottom: 24px;
padding: 0;    text-align: center;
}
.post-content .mceTemp + ul,
.post-content .mceTemp + ol  {list-style-position: inside;}