/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

/*************** Code tạo bảng đẹp  ***************/
}table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1.236rem !important;
}
.table,
.table1,
.table2,
.table3,
.table4,
.quote_products {
    empty-cells: show;
    border: 1px solid #cbcbcb;
}
.table  th, .table  td,
.table1 th, .table1 td,
.table2 th, .table2 td,
.table3 th, .table3 td,
.table4 th, .table4 td,
.quote_products th, .quote_products td,
.single-product table.shop_attributes td, .single-product table.shop_attributes th {
    padding: .5em 1em;
}
.table  thead,
.table1 thead,
.table2 thead,
.table3 thead,
.table4 thead,
.quote_products thead {
    background-color: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}
.table  td, .table  th,
.table1 td, .table1 th,
.table2 td, .table2 th,
.table3 td, .table3 th,
.table4 td, .table4 th,
.quote_products td, .quote_products th {
	border-left: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	border-width:0 0 1px 1px;
	font-size:inherit;
	margin:0;
	overflow:visible;
}

.table1 tr:first-child {
	background-color: #f2f2f2;
	font-weight: bold;
}


.table2 {
    border-left: 0;
    border-right: 0;
}
.table2 thead {
    background-color: transparent;
}
.table2 td, .table2 th {
	border-left: none;
}
.table3 tr:nth-child(2n-1) td {
    background-color: #f2f2f2;
}
.table4 tr:hover {
	background-color: #f2f2f2;
    -webkit-transition: background-color .25s ease;
	transition: background-color .25s ease;
}


/*************** end Code tạo bảng đẹp  ***************/

/*************** Code chèn bài liên quan ***************/
 
.meta-related{display:block;
margin-top:10px;
margin-bottom: 10px;
}
 
.meta-related ul li {
list-style: square;
font-size: 15px;
margin-bottom:0px;
}
 
.meta-related ul li a{
color: #0092ff;
text-transform: none; }
 
.meta-related ul li a:hover{
color: #0072c8;
}
.meta-related .hp-related-title {
color: #555;
font-size: 16px;
font-weight: 700;
line-height: 1.4;
margin-bottom: 6px;
}
/* Page: căn lề ngang khối liên quan thẳng với nội dung UX Builder phía trên (col-inner 0 70px; mobile 5px theo Additional CSS) */
.hp-related-page > .col > .col-inner {
padding-left: 70px;
padding-right: 70px;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.hp-related-page > .col > .col-inner {
padding-left: 5px;
padding-right: 5px;
}
}
/*************** end Code chèn bài liên quan ***************/
/*************** Đoạn code reponse Youtube ***************/



.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*Zalo*/
@keyframes zoom{0%{transform:scale(.5);opacity:0}50%{opacity:1}to{opacity:0;transform:scale(1)}}@keyframes lucidgenzalo{0% to{transform:rotate(-25deg)}50%{transform:rotate(25deg)}}.jscroll-to-top{bottom:100px}.fcta-zalo-ben-trong-nut svg path{fill:#fff}.fcta-zalo-vi-tri-nut{position:fixed;bottom:125px;left:36px;z-index:999}.fcta-zalo-nen-nut,div.fcta-zalo-mess{box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16)}.fcta-zalo-nen-nut{width:50px;height:50px;text-align:center;color:#fff;background:#0068ff;border-radius:50%;position:relative}.fcta-zalo-nen-nut::after,.fcta-zalo-nen-nut::before{content:"";position:absolute;border:1px solid #0068ff;background:#0068ff80;z-index:-1;left:-20px;right:-20px;top:-20px;bottom:-20px;border-radius:50%;animation:zoom 1.9s linear infinite}.fcta-zalo-nen-nut::after{animation-delay:.4s}.fcta-zalo-ben-trong-nut,.fcta-zalo-ben-trong-nut i{transition:all 1s}.fcta-zalo-ben-trong-nut{position:absolute;text-align:center;width:60%;height:60%;left:10px;bottom:25px;line-height:70px;font-size:25px;opacity:1}.fcta-zalo-ben-trong-nut i{animation:lucidgenzalo 1s linear infinite}.fcta-zalo-nen-nut:hover .fcta-zalo-ben-trong-nut,.fcta-zalo-text{opacity:0}.fcta-zalo-nen-nut:hover i{transform:scale(.5);transition:all .5s ease-in}.fcta-zalo-text a{text-decoration:none;color:#fff}.fcta-zalo-text{position:absolute;top:6px;text-transform:uppercase;font-size:12px;font-weight:700;transform:scaleX(-1);transition:all .5s;line-height:1.5}.fcta-zalo-nen-nut:hover .fcta-zalo-text{transform:scaleX(1);opacity:1}div.fcta-zalo-mess{position:fixed;bottom:130px;left:75px;z-index:99;background:#fff;padding:7px 25px 7px 15px;color:#0068ff;border-radius:0px 50px 50px 0px;font-weight:700;font-size:15px}.fcta-zalo-mess span{color:#0068ff!important}
span#fcta-zalo-tracking{font-family:Roboto;line-height:1.5}.fcta-zalo-text{font-family:Roboto}