/******
Author  :   QUAN BU BLA BLA !
Date    :   2024
******/
@font-face {
    font-family: Montserrat;
    src: url("../fonts/Montserrat-Regular.ttf");
}
@font-face {
    font-family: Montserrat-Bold;
    src: url("../fonts/Montserrat-Bold.ttf");
}
@font-face {
    font-family: Montserrat-Light;
    src: url("../fonts/Montserrat-Light.ttf");
}
body{
    font-family: Arial;
    font-size: 14px;
    line-height: 1.4;
    width: 100%;
    float: left;
    overflow-x: hidden;
    background: #fff;
}
.qnh-top-rela {
    width: 100%;
    float: left;
    position: relative;
}
img{
    max-width: 100%;
}
i,em{
    font-style: italic;
}
ul{
    margin: 0px;
}
strong{
    font-weight: bold;
}
.white{
    color: #fff;
}
.wrapper{
    width: 100%;
    float: left;
}
.wrap{
    width: 100%;
    float: left;
}
header,section,footer{
    width: 100%;
    float: left;
}
.qnh{
    width: 100%;
    float: left;
    position: relative;
}
.container{
    min-width: 320px;
}
.top-header {
    width: 100%;
    float: left;
    background: #1350a3;
    color: #fff;
}
.name-company {
    float: left;
    padding: 5px 15px;
}
.right-top-header {
    float: right;
}
.right-top-header > ul > li {
    display: inline-block;
    margin: 5px 0px;
    padding: 0px 9px;
    border-right: 1px solid #093776;
}
.right-top-header > ul > li:last-child{
    border: 0px;
}
.right-top-header > ul > li a {
    text-decoration: none;
    color: #fff;
}
.middle-header {
    width: 100%;
    float: left;
}
.logo {
    float: left;
    padding: 10px 15px;
    width: 150px;
}
.menu-main {
    width: calc(100% - 400px);
    float: left;
    padding: 30px 15px 0px 15px;
    text-align: left;
}
.menu-main > ul > li {
    display: inline-block;
    position: relative;
    padding: 0px 10px;
}
.menu-main > ul > li > a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0px;
    display: inline-block;
    text-transform: uppercase;
    transition: all .3s linear;
}
.menu-main > ul > li > a:hover{
    color: #1350a3;
    transition: all .3s linear;
}
.nav-cateproduct {
    position: absolute;
    z-index: 9;
    width: 280px;
    text-align: left;
    border: 1px solid #ccc;
    background: rgba(0,0,0,0.9);
    opacity: 0;
    transition: all 0.3s linear;
    display: none;
}
.menu-main > ul > li:hover .nav-cateproduct {
	display: block;
    opacity: 1;
    transition: all 0.3s linear;
}
ul.nav-cateproduct > li {
    width: 100%;
    float: left;
}
ul.nav-cateproduct > li > a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    padding: 10px 15px;
    width: 100%;
    border-bottom: 1px solid #303030;
    transition: all 0.3s linear;
    font-weight: bold;
}
ul.nav-cateproduct > li:hover > a {
    padding: 10px 15px 10px 25px;
    transition: all 0.3s linear;
}
ul.nav-cateproduct-1 {
    width: 100%;
    float: left;
    padding: 0px 15px;
}
ul.nav-cateproduct-1 > li {
    width: 100%;
    float: left;
}
ul.nav-cateproduct-1 > li > a {
    text-decoration: none;
    color: #fff;
    display: inline-block;
    padding-top: 15px;
    padding-left: 10px;
    transition: all 0.3s linear;
}
ul.nav-cateproduct-1 > li:hover > a {
    padding-left: 25px;
    transition: all 0.3s linear;
}
ul.nav-cateproductmb-1 {
    width: 100%;
    float: left;
}
ul.nav-cateproductmb-1 > li {
    width: 100%;
    float: right;
}
ul.nav-cateproductmb-1 > li > a {
    text-decoration: none;
    color: #fff;
    display: inline-block;
    padding-top: 15px;
    transition: all 0.3s linear;
}
ul.nav-cateprocol-1{
    width: 100%;
    float: left;
}
ul.nav-cateprocol-1 > li {
    width: 100%;
    float: left;
}
ul.nav-cateprocol-1 > li > a {
    text-decoration: none;
    color: #000;
    display: inline-block;
    padding-bottom: 15px;
    padding-left: 10px;
    transition: all 0.3s linear;
}
ul.nav-cateprocol-1 > li:hover > a {
    padding-left: 25px;
    transition: all 0.3s linear;
}
.search-qnh {
    width: 250px;
    float: right;
    padding: 35px 15px 15px 15px;
}
input.txt-search {
    width: 184px;
    float: left;
    padding: 5px 5px;
    height: 36px;
    border: 1px solid #ccc;
    border-right: 0px;
}
button.ubtn-search {
    width: 36px;
    float: left;
    border: 1px solid #ccc;
    height: 36px;
    background: #1350a3;
    color: #fff;
}
.title-menu-mobile {
    position: absolute;
    right: 15px;
    font-size: 30px;
    top: 30px;
    transition: all 1.3s linear;
    display: none;
}
.title-menu-mobile a {
    display: inline-block;
    transition: all 1.3s linear;
    color: #1350a3;
}
.title-menu-mobile a:hover{
    color: #000;
    transition: all 1.3s linear;
}
.content-menu-mobile {
    position: absolute;
    top: 108px;
    border: 1px solid #ccc;
    width: 100%;
    left: 0px;
    z-index: 9;
    text-align: right;
    background: rgba(0,0,0,0.8);
    display: none;
}
.content-menu-mobile > ul > li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
}
.content-menu-mobile > ul > li:last-child{
    border-bottom: 0px;
}
.content-menu-mobile > ul > li > a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    font-weight: bold;
    text-transform: uppercase;
}
ul.nav-cateproduct-mobile {
    width: 100%;
    float: left;
}
ul.nav-cateproduct-mobile > li {
    width: 100%;
    float: left;
    color: #fff;
    padding: 10px 40px 10px 15px;
    position: relative;
    border-top: 1px solid #ccc;
}
ul.nav-cateproduct-mobile > li:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 3px;
    background: #555;
    right: 15px;
    top: 17px;
}
ul.nav-cateproduct-mobile > li > a {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.home1-qnh{
    width: 100%;
    float: left;
    background: rgb(229, 229, 229);
    padding: 30px 0px;
    margin-bottom: 15px;
}
.left-about-home1{
    width: 50%;
    float: left;
    padding: 15px;
}
.right-about-home1{
    width: 50%;
    float: left;
    padding: 15px;
}
.title-about-home1{
    width: 100%;
    float: left;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 15px;
}
.summary-about-home1{
    width: 100%;
    float: left;
    font-size: 16px;
    margin-bottom: 15px;
}
.read-more1{
    width: 100%;
    float: left;
}
.read-more1 a{
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: #1a1464;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 15px;
    border-radius: 5px;
}
.home2-qnh{
    width: 100%;
    float: left;
}
.procate-qnh{
    width: 100%;
    float: left;
    padding: 15px 0px;
}
.title-one {
    width: calc(100% - 30px);
    float: left;
    text-align: center;
    position: relative;
    border-bottom: 3px solid #c1282b;
    margin: 0px 15px 15px 15px;
    text-transform: uppercase;
} 
.title-one a,.title-one span {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    background: #c1282b;
    position: relative;
    text-decoration: none;
    color: #fff;
    padding: 11px 13px 11px 0px;
}
.title-one a:before,.title-one span:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: -1px;
    left: 23px;
    right: -23px;
    background-color: inherit;
    transform-origin: bottom;
    transform: skew(23deg);
    border-top-right-radius: 5px;
    z-index: -1;
}
.title-one a:after,.title-one span:after {
    position: absolute;
    left: -23px;
    right: 23px;
    background-color: inherit;
    border-top-left-radius: 5px;
    z-index: -1;
    transform: skew(-23deg);
    top: 0;
    bottom: -1px;
    content: '';
}
.title-two {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    border-bottom: 3px solid #c1282b;
    margin: 0px 0px 15px 0px;
    text-transform: uppercase;
} 
.title-two a,.title-two span {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    background: #c1282b;
    position: relative;
    text-decoration: none;
    color: #fff;
    padding: 11px 13px 11px 0px;
}
.title-two a:before,.title-two span:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: -1px;
    left: 23px;
    right: -23px;
    background-color: inherit;
    transform-origin: bottom;
    transform: skew(23deg);
    border-top-right-radius: 5px;
    z-index: -1;
}
.title-two a:after,.title-two span:after {
    position: absolute;
    left: -23px;
    right: 23px;
    background-color: inherit;
    border-top-left-radius: 5px;
    z-index: -1;
    transform: skew(-23deg);
    top: 0;
    bottom: -1px;
    content: '';
}
.content-product-home{
    width: 100%;
    float: left;
}
.item-prolist-qnh > .qnh {
    box-shadow: 5px 4px 5px #ccc;
}
.item-prolist-qnh{
    width: 100%;
    float: left;
    padding: 15px;
    text-align: center;
}
.img-prolist-qnh {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
}
.img-prolist-qnh a {
    display: table-cell;
    vertical-align: middle;
}
.img-prolist-qnh a img {
    width: 100%;
    transition: all 1.3s linear;
}
.img-prolist-page1 img{
    transition: all 1.3s linear;
}
.item-prolist-qnh:hover img{
    transform: scale(1.2, 1.2);
    transition: all 1.3s linear;
}
.name-prolist-qnh {
    width: 100%;
    float: left;
    height: 39px;
    overflow: hidden;
    padding: 0px 5px;
    margin-bottom: 5px;
}
.name-prolist-qnh a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
}
.price-prolist-qnh{
    width: 100%;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}
.price-prolist-qnh a{
    text-decoration: none;
    color: #f00;
}
.home3-qnh{
    width: 100%;
    float: left;
    margin: 30px 0px;
    padding: 15px 0px;
}
.nelist-home{
    width: 75%;
    float: left;
    padding: 0px 15px;
}
.top-newlist{
    width: 100%;
    float: left;
}
.item-newshome{
    width: 33.3333%;
    float: left;
    padding: 15px;
}
.item-newshome .qnh{
    box-shadow: 5px 4px 5px #ccc;
}
.img-newshome {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    transition: all 1.3s linear;
}
.item-newshome:hover .img-newshome {
    opacity: 0.8;
    transition: all 1.3s linear;
}
.name-newshome {
    width: 100%;
    float: left;
    padding: 0px 5px;
    font-size: 16px;
    margin-bottom: 5px;
    height: 45px;
    overflow: hidden;
}
.name-newshome a {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}
.summary-newshome {
    width: 100%;
    float: left;
    line-height: 1.5;
    height: 108px;
    overflow: hidden;
    padding: 0px 5px;
    text-align: justify;
    margin-bottom: 5px;
}
.prolist-home1{
    width: 25%;
    float: left;
    padding: 0px 15px;
}
.content-prolist-home1{
    width: 100%;
    float: left;
}
.item-prolist-home1{
    width: 100%;
    float: left;
    box-shadow: 5px 4px 5px #ccc;
    margin-bottom: 15px;
}
.item-prolist-home1 .qnh{
    padding: 15px 0px;
}
.img-prolist-home1{
    width: 100px;
    float: left;
}
.right-prolist-home1 {
    width: calc(100% - 100px);
    float: right;
    padding: 0px 15px;
}
.name-prolist-home1{
    width: 100%;
    float: right;
    margin-bottom: 5px;
}
.name-prolist-home1 a {
    text-decoration: none;
    display: inline-block;
    color: #000;
    font-weight: bold;
    font-size: 14px;
}
.read-more2{
    width: 100%;
    float: left;
    text-align: right;
}
.read-more2 a{
    display: inline-block;
    text-decoration: none;
    background: #a9110c;
    color: #fff;
    padding: 5px 10px;
}
footer {
    background: rgb(245 245 245);
    border-top: 6px solid #415587;
}
.top-footer{
    width: 100%;
    float: left;
    padding: 30px 0px;
}
.partner-footer{
    width: 100%;
    float: left;
}
.item-partner-footer{
    float: left;
    padding: 15px 15px;
}
.item-partner-footer img{
    height: 50px;
    transition: all 1.3s linear;
}
.item-partner-footer:hover img {
    transform: scale(1.2, 1.2);
    transition: all 1.3s linear;
}
.middle-footer {
    width: 100%;
    float: left;
    padding-bottom: 30px;
}
.info-footer {
    width: 33.3333%;
    float: left;
    padding: 15px;
}
.logo-footer {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.logo-footer img{
    max-width: 200px;
}
.name-info-footer {
    width: 100%;
    float: left;
    color: #1350a3;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}
.summary-info-footer {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-size: 14px;
}
.detail-info-footer {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-size: 14px;
}
.detail-info-footer p {
    padding: 10px 0px;
    border-bottom: 1px solid #e5e5e5;
}
.procategory-footer{
    width: 33.3333%;
    float: left;
    padding: 15px;
}
.title-footer1{
    width: 100%;
    float: left;
    color: #1350a3;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 3px double #e5e5e5;
    margin-bottom: 15px;
}
.content-procategory-footer{
    width: 100%;
    float: left;
}
.content-procategory-footer > ul > li{
    width: 100%;
    float: left;
    padding: 15px 0px;
    border-bottom: 1px solid #e5e5e5;
}
.content-procategory-footer > ul > li > a{
    display: inline-block;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
.right-footer{
    width: 33.3333%;
    float: right;
    padding: 15px;
}
.facebook-footer{
    width: 100%;
    float: left;
}
.bottom-footer{
    width: 100%;
    float: left;
    background: #0a0a0a;
    color: hsla(0,0%,100%,.5)
}
.copyright-footer{
    width: 100%;
    float: left;
    padding: 5px 15px;
    text-align: center;
}
.copyright-footer a{
    text-decoration: none;
    color: hsla(0,0%,100%,.5);
    display:inline-block;
}
.social-bottom {
    position: fixed;
    left: 15px;
    bottom: 30px;
    z-index: 9;
    background: #fff;
    width: 48px;
    padding: 10px 0px;
    box-shadow: 4px 4px 7px #ccc;
}
.item-social-bottom{
	width: 100%;
    float: left;
}
.social-bottom a {
    width: 100%;
    display: inline-block;
    padding: 5px;
    text-decoration: none;
    color: #000;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}
.social-bottom a img{
	width: 100%;
	float: left;
}
.social-bottom a span{
	width: 100%;
	float: left;
}
.left-page1{
	width: 75%;
	float: left;
}
.top-page {
    width: 100%;
    float: left;
    padding: 15px ;
}
.top-page > ul > li {
    float: left;
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}
.top-page > ul > li > a{
    color: #1350a3;
    text-decoration: none;
}
.content-product-page1 {
    width: 100%;
    float: left;
}
.item-prolist-page1 {
    width: 100%;
    float: left;
    padding: 15px;
}
.item-prolist-page1 .qnh {
    width: 100%;
    float: left;
    box-shadow: 3px 3px 5px #ccc;
    transition: all 1.3s linear;
}
.item-prolist-page1:hover .qnh{
	box-shadow: 3px 3px 10px #333;
    transition: all 1.3s linear;
}
.img-prolist-page1 {
    width: 100%;
    float: left;
    overflow: hidden;
}
.img-prolist-page1 img{
    transition: all 1.3s linear;
}
.item-prolist-page1:hover img{
    transform: scale(1.2, 1.2);
    transition: all 1.3s linear;
}
.name-prolist-page1 {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    height: 53px;
    overflow: hidden;
    transition: all .3s linear;
    overflow: hidden;
    line-height: 1.5;
    margin-bottom: 5px;
}
.item-prolist-page1:hover .name-prolist-page1 {
    transition: all .3s linear;
}
.name-prolist-page1 a {
    display: inline-block;
    color: #786f46;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0px 10px;
    margin: 10px 0px;
}
.item-prolist-page1:hover a {
    color: #000;
    transition: all .3s linear;
}
.item-prolist-page-adt1 {
    width: 33.33333%;
    float: left;
    padding: 15px;
}
.item-prolist-page-adt1 .qnh {
    width: 100%;
    float: left;
    box-shadow: 3px 3px 5px #ccc;
    transition: all 1.3s linear;
}
.item-prolist-page-adt1:hover .qnh{
    box-shadow: 3px 3px 10px #333;
    transition: all 1.3s linear;
}
.paging-qnh {
    width: 100%;
    float: left;
    text-align: center;
    margin: 15px 0px;
}
.paging-qnh a {
    display: inline-block;
    background: #e1e1e1;
    color: #000;
    line-height: 1;
    padding: 10px 15px;
    margin: 0px 3px;
    text-decoration: none;
    transition: all .3s linear;
}
.paging-qnh a#link_pt_active, .paging-qnh a:hover {
    background: #1350a3;
    color: #fff;
    transition: all .3s linear;
}
.right-page1{
	width: 25%;
	float: right;
	padding: 0px 15px;
}
.catecol-qnh{
	width: 100%;
	float: left;
	margin-bottom: 30px;
}
.title-col {
    width: 100%;
    float: left;
    background: #1350a3;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 15px;
    font-size: 14px;
}
.content-catecol {
    width: 100%;
    float: left;
}
.content-catecol > ul > li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e5e5e5;
}
.content-catecol > ul > li > a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    padding: 10px 0px;
    font-weight: bold;
    transition: all .3s linear;
}
.content-catecol > ul > li:hover > a{
    padding: 10px 0px 10px 10px;
	transition: all .3s linear;
}
.title-page-qnh {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0px 15px;
    font-size: 30px;
    text-transform: uppercase;
    color: #1350a3;
    font-weight: bold;
    margin-bottom: 15px;
}
.title-page-qnh h1 {
    display: inline-block;
    border-bottom: 3px double #1350a3;
    line-height: 1;
}
.product-page{
	width: 100%;
	float: left;
}
.product-detail {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.img-product-detail {
    width: calc(100% - 350px);
    float: left;
    padding: 0px 15px;
}
.top-img-prodetail {
    width: 100%;
    float: left;
    box-shadow: 3px 3px 5px #ccc;
    margin-bottom: 30px;
}
.top-img-prodetail img {
    width: 100%;
}
.bot-img-prodetail{
    width: 100%;
    float: left;
}
.item-imgthum{
    width: 144px;
    float: left;
    padding: 15px;
    height: 100px;
    overflow: hidden;
}
.right-prodetail-rep {
    width: 350px;
    float: right;
    padding: 0px 15px;
}
.name-pro-detail {
    width: 100%;
    float: left;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.contact-product-detail {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.contact-product-detail a {
    text-decoration: none;
    display: inline-block;
    background: #ededed;
    color: #5a5230;
    font-size: 16px;
    padding: 7px 20px;
    transition: all .3s linear;
    margin-right: 15px;
}
.contact-product-detail a:hover{
    background: #1350a3;
    color: #fff;
    transition: all .3s linear;
}
.info-all-pro-detail{
    width: 100%;
    float: left;
}
.prodetail-content {
    width: 100%;
    float: left;
    padding: 0px 15px;
}
.title-prodetail {
    width: 100%;
    float: left;
    font-size: 20px;
    border-bottom: 3px double #ccc;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
}
.cont-product-detail{
    width: 100%;
    float: left;
}
.other-product-list {
    float: left;
    width: 100%;
    margin-top: 30px;
    padding: 0px 15px;
}
.title-other-prl {
    width: 100%;
    float: left;
    font-size: 25px;
    border-bottom: 3px solid #1350a3;
}
.title-other-prl span {
    display: inline-block;
    background: #1350a3;
    padding: 10px 15px;
    color: #fff;
    text-transform: uppercase;
}
.news-page{
	width: 100%;
	float: left;
}
.content-nelist-page {
    width: 100%;
    float: left;
    padding: 0px 15px;
}
.item-nelist-page {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    padding: 15px 0px;
}
.left-news-list {
    width: 250px;
    float: left;
    padding-right: 15px;
}
.img-news-list {
    width: 100%;
    float: left;
}
.img-news-list img{
	width: 100%;
}
.right-news-list {
    width: calc(100% - 250px);
    float: right;
}
.name-news-list {
    width: 100%;
    float: left;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}
.name-news-list a {
    display: inline-block;
    color: #000;
    text-decoration: none;
}
.date-news-list {
    width: 100%;
    float: left;
    color: #333;
    font-size: 12px;
    margin-bottom: 10px;
}
.summary-news-list {
    width: 100%;
    float: left;
    text-align: justify;
    margin-bottom: 15px;
    font-size: 14px;
}
.read-more3 {
    width: 100%;
    float: left;
    text-align: right;
}
.read-more3 a {
    display: inline-block;
    text-decoration: none;
    background: #1350a3;
    color: #fff;
    padding: 10px 30px;
    text-transform: uppercase;
    font-size: 12px;
}
.summary-page-qnh {
    width: 100%;
    float: left;
    padding: 0px 15px;
    font-size: 14px;
}
.contact-page{
	width: 100%;
	float: left;
	font-size: 14px;
}
.contact-detail-qnh{
	width: 100%;
	float: left;
	padding: 0px 15px;
}
.top-contact-qnh {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    line-height: 2;
}
.top-contact-qnh h3 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}
.p-contact {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.l-p-contact {
    width: 150px;
    float: left;
    min-height: 13px;
}
.word-contact {
    width: 100%;
    float: left;
    color: #000;
}
.r-p-contact {
    width: calc(100% - 150px);
    float: left;
}
input.txt-contact,textarea.textarea-contact {
    width: 100%;
    float: left;
    padding: 5px 10px;
    border: 1px solid #ccc;
    outline: 0;
    border-radius: 2px;
}
input.btn-send-contact {
    float: right;
    margin-left: 15px;
    border: 1px solid #ccc;
    text-transform: uppercase;
    font-size: 12px;
    padding: 5px 20px;
}
div.title-contact-footer {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #ffcd01;
    margin: 15px 0px 15px 0px;
}
.news-detail {
    width: 100%;
    float: left;
    padding: 0px 15px;
}
.top-news-detail {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}
.name-news-detail {
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    text-align: justify;
}
.date-news-detail {
    width: 100%;
    float: left;
    font-size: 12px;
}
.summary-news-detail {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.summary-news-detail {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 16px;
    text-align: justify;
}
.info-news-detail {
    width: 100%;
    float: left;
}
.info-news-detail table tr td{
    border: 1px solid #ccc;
}
.middle-news-detail {
    width: 100%;
    float: left;
}
.title-other-news-detail {
    width: 100%;
    float: left;
    font-size: 30px;
    border-bottom: 3px double #ccc;
    margin-bottom: 15px;
}
.content-other-news-detail {
    width: 100%;
    float: left;
}
.content-other-news-detail > ul > li {
    width: 100%;
    float: left;
    padding-left: 20px;
    margin-bottom: 10px;
    position: relative;
}
.content-other-news-detail > ul > li:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 6px;
    width: 7px;
    height: 4px;
    background: #ccc;
    transition: all .3s linear;
}
.content-other-news-detail > ul > li:hover:before{
    background: #a9110c;
    transition: all .3s linear;
}
.content-other-news-detail > ul > li > a{
    display: inline-block;
    text-decoration: none;
    color: #000;
    transition: all .3s linear;
}
.content-other-news-detail > ul > li:hover > a{
    color: #a9110c;
    transition: all .3s linear;
}
table.tbl-anhhuong1 tr td {
    padding: 10px;
}