.lh ul{list-style: none;}
.lh ul li a:hover{color: var(--main);}
.lh iframe{display: block; width: 100%; height: 600px;}#header #menu{display: none;}
.menu-button{display: inline-block; background-color: var(--hover); width: 40px; text-align: center; line-height: 40px; color: var(--wite);}
.menu-bar-2{position: fixed; top: 0; right: 0; left: 0; margin: 0 auto; z-index: 99999;}
.menu{position: relative; z-index: 2;}
.menu ul{list-style: none;}
.menu ul li{position: relative;}
.menu ul li.display{display: none;}
.menu ul li a{display: block; font-weight: 500; line-height: 40px; color: var(--wite); transition: all 0.5s ease 0s;}
.menu ul li ul{position: absolute; top: calc(100% + 0.5rem); min-width: 150px; background-color: var(--main); opacity: 0; pointer-events: none; transition: all 0.25s ease 0s;}
.menu ul li ul li a{padding: 0 0.75rem; background-color: var(--main); text-wrap: nowrap; color: var(--wite);}
.menu ul li ul li a:hover{background-color: var(--hover);}
.menu > ul{display: flex; justify-content: space-between;}
.menu > ul > li{flex: 0 0 auto;}
.menu > ul > li > a{padding: 0 0.75rem; text-transform: uppercase;}
.menu > ul > li:hover > a, .menu > ul > li.active > a{background-color: var(--hover);}
.menu > ul > li:hover > ul{top: 100%; opacity: 1; pointer-events: auto;}
.mm-listitem__text i{display: none;}.ha{position: relative; padding: 50px 0 20px;}
.ha-title{margin-bottom: 30px; font-family: Merriweather; font-size: 30px; text-align: center; color: var(--main);}
.ha-title span{display: block;}
.ha-item{position: relative; margin-bottom: 30px;}
.ha-img{position: relative; text-align: center; overflow: hidden;}
.ha-img img{width: 100%;}
.ha-img span{position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 15px; background-color: rgb(0 0 0 / 50%); color: #fff; opacity: 0; transition: all 0.5s ease 0s;}
.ha-img span i{font-size: 30px;}
.ha-img span i+i{margin-left: 15px;}
.ha-name{padding: 1rem; border: 1px solid var(--bord); border-top: none; font-size: 14px; font-weight: 700; text-align: center;}
.ha-name a{display: block; color: #333; transition: all 0.3s ease 0s;}
.ha-name a:hover{color: var(--main);}
.ha-item:hover .ha-img span{opacity: 1;}.nhatky{padding: 50px 0;}.hv-item{margin-bottom: 1.5rem;}
.hv-item h3 a{color: var(--main);}
.hv-item h3 a:hover{color: var(--hover);}
.hv-item ul{list-style: none;}
.hv-item ul li+li{margin-top: 0.5rem;}
.hv-img{position: relative; width: 100%; margin-bottom: 1rem; padding-top: calc(100%/3*2);}
.hv-img img{position: absolute; top: 0; bottom: 0; left: 0; max-width: calc(100% - 0.5rem); max-height: calc(100% - 0.5rem); margin: auto;}
.hv-more{margin-top: 0.5rem; text-align: right;}
.hv-more a{font-weight: 700; color: var(--hover);}
.hv-hsnl a{display: inline-block; padding: 0 0.75rem; background-color: var(--main); border-radius: 5px; font-weight: 700; line-height: 35px; color: var(--wite); transition: all 0.5s ease 0s;}
.hv-hsnl a:hover{background-color: var(--hover);}.hv-info{border-bottom: 1px solid var(--bord);}
.hv-name{border-bottom: 1px solid var(--bord);}
.hv-stri ul{list-style: none;}
.hv-stri ul li+li{margin-top: 0.5rem;}
.hv-stri ul li b{display: inline-block; width: 125px;}.hs{border-top: 1px solid var(--bord); border-left: 1px solid var(--bord);}
.hs > *{margin-bottom: 0; border-bottom: 1px solid var(--bord); border-right: 1px solid var(--bord);}
.hs > * span{padding: 0.75rem 0 0.5rem 1.5rem;}
.hs > * span:after{bottom: 55px; left: 1.5rem; width: calc(100% - 1.5rem);}
.hs > * a{position: relative; display: block; padding: 0.75rem 0.75rem 0.75rem 3rem;}
.hs > * a:before{content: '\f15b'; position: absolute; top: 0.5rem; left: 1.5rem; font-family: 'Font Awesome 6 Pro'; font-weight: 700; line-height: 1.5; color: var(--hover);}
.hs > * p{padding-left: 3rem;}.nb_1-txt{background-color: var(--grey);}
.nb_1-time a:hover{color: var(--hover);}
.nb_1-prev{display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.nb_2-item+.nb_2-item{margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px dashed var(--bord);}
.nb_2-time a:hover{color: var(--hover);}
.nb_2-prev{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}.sl-item{width: 100%; height: 0; padding-top: calc((100%/3*1.5));}
.sl-item span{background-color: rgb(0 0 0 / 50%);}
.sl-nav-item{cursor: pointer;}
.sl-nav-item > span{width: calc(100% - 1rem); background-color: rgb(0 0 0 / 50%);}
.sl-nav-item > span > span{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.sl-nav:before, .sl-nav:after{content: ''; position: absolute; top: -0.5rem; display: none; width: calc(40px + 2rem); height: calc(100% + 1rem); z-index: 1;}
.sl-nav:before{left: 0; background: linear-gradient(270deg, transparent 0%, rgb(0 0 0 / 25%) 100%);}
.sl-nav:after{right: 0; background: linear-gradient(90deg, transparent 0%, rgb(0 0 0 / 25%) 100%);}
.sl-nav .slick-arrow{position: absolute; top: 0; bottom: 0;  width: 40px; height: 40px; margin: auto; background-color: #fff; border-radius: 50%; z-index: 2;}
.sl-nav .slick-arrow i{line-height: 40px;}
.sl-nav .slick-arrow:hover{background-color: var(--main);}
.sl-nav .slick-arrow:hover i{color: #fff;}
.sl-nav .slick-prev{left: 1rem;}
.sl-nav .slick-next{right: 1rem;}
.sl-nav img{cursor: pointer;}
@media all and (max-width: 576px){
	.sl-item{padding-top: 75%;}
}.tt_1-prev{display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.tt-more{position: absolute; top: 0; right: 0; line-height: 32px;}
.tt-more a{display: block; font-weight: 700; color: var(--hover);}
.tt-more a:hover{color: var(--main);}aside{padding-bottom: 0.5rem;}
.side-hcd{margin-bottom: 1rem;}
.side-hcd h2{background-color: var(--hover); font-family: var(--fnt); font-size: 16px; text-align: center; line-height: 1.5; color: var(--wite); transition: all 0.5s ease 0s;}
.side-hcd h2 a{display: block; padding: 0.5rem 1rem; color: var(--wite);}
.side-hcd:hover h2{background-color: var(--main);}
.side-title{position: relative; margin-bottom: 1rem; font-family: var(--fnt); font-size: 18px; font-weight: 700; line-height: 40px; color: var(--main);}
.side-title:before{content: ''; position: absolute; bottom: 15px; left: 0; width: 100%; height: 2px; background-color: var(--main);}
.side-title span{position: relative; display: inline-block; padding-right: 0.5rem; background-color: var(--wite);}
.side-hvkc-item{margin-bottom: 1rem; padding: 1rem; border: 1px solid var(--bord);}
.side-hvkc-item img{max-width: calc(100% - 1.5rem); margin: auto;}
.side-nb{top: calc(1rem + 40px);}
.side-nb-name{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}.user-col div{line-height: 40px;}
.user-col ul{list-style: none;}
.user-col ul li+li{margin-top: 5px;}
.user-col ul li a{position: relative; display: block; padding: 5px 0 5px 30px; line-height: 40px; color: var(--text);}
.user-col ul li a *{display: block; transition: all 0.25s ease 0s;}
.user-col ul li a i{position: absolute; top: 0; left: 0; width: 50px; background-color: var(--grey); border: 3px solid #fff; text-align: center; line-height: 44px;}
.user-col ul li a span{background-color: var(--grey); font-weight: 700; text-indent: 30px; letter-spacing: 1px;}
.user-col ul li.active a, .user-col ul li a:hover{color: #fff;}
.user-col ul li.active a i, .user-col ul li a:hover i{background-color: var(--main);}
.user-col ul li.active a span, .user-col ul li a:hover span{background-color: var(--main);}.user-wrap{border: 1px solid var(--bord);}
.user-title{background-color: var(--grey);}
.user-title p:nth-child(1):after{content: ''; display: block; width: 3rem; height: 1rem; margin: 0.5rem auto 0; border-bottom: 1px dashed var(--hover);}
.user-title p:nth-child(2) a{font-weight: 700;}
.user-title p:nth-child(2) a:hover{text-decoration: underline;}
.user-form .f-item input[type=text], .user .f-item input[type=password]{}
.user-form .f-item input[type=text]:focus, .user .f-item input[type=password]:focus{background-color: #fff; box-shadow: 0 0 5px rgb(0 0 0 / 15%);}
.user-form div a{font-weight: 700; letter-spacing: 1px; color: var(--main); transition: all 0.5s ease 0s;}
.user-form div a:hover{color: var(--hover);}
.user-error{background-color: var(--grey); border-left: 5px solid var(--red);}
.user-success{background-color: var(--grey); border-left: 5px solid var(--main);}.dt-pic-btn a{display: block; border-radius: 5px; line-height: 35px; color: #fff; transition: all 0.5s ease 0s;}
.dt-pic-btn a:hover{background-color: var(--hover)!important;}
.dt-pic-btn a.SelectPicture{background-color: var(--main);}
.dt-pic-btn a.RemovePicture{background-color: var(--red);}
.dt-pic-img{min-height: 150px; background-color: var(--grey); border-radius: 5px; overflow: hidden;}
.dt-photos span.btn{padding: 0 30px; background-color: var(--hover); border-color: transparent; border-radius: 5px; transition: all 0.5s ease 0s;}
.dt-photos span.btn:hover{background-color: var(--main);}
.dt-photos span.btn span{font-size: 14px; font-weight: 700; line-height: 35px; color: #fff;}
.dt-photos span.btn input{cursor: default;}
.dt-photos .table{margin-bottom: 0;}
.dt-photos .template-photos{position: relative; float:left; width: 70px; height: 70px; margin: 10px 10px 0 0; border-radius: 5px; box-shadow: 0 0px 3px #cbcbcb;}
.dt-photos .template-photos > div{padding: 0;}
.dt-photos .template-photos img{width: 60px; height: 60px; margin: 5px 0 0 5px; object-fit: cover;}
.dt-photos .template-photos span.size{display: none;}
.dt-photos .template-photos button.delete{position: absolute; top: -5px; right: -5px; width: 20px; height: 20px; background: var(--red); border: none; border-radius: 5px; font-size: 12px; color: #fff;}