body{
    font-size: 13px;
    background: url('../images/bg.png') center top;
}

header{
    background: url('../images/bg-header.png') top center;
}


input[type="text"].radius{
    border-radius: 5px;
}
.welcome{
    color: white;
}
.giohang{
background: white;
border-radius: 10px;
position: relative;
width: 100%;
padding: 5px;

}
.icon_giohang{
    position: absolute;
  top: -13px;
  left: -16px;
    background: url("../images/icon_giohang.png") no-repeat;
    width: 56px;
    height: 49px;
}
.giohang > .soluong{
}


.cachtop{
    margin-top: 5px;
}
.bg_list_news{
    background: url('../images/bg_list_news.png') white no-repeat bottom right;
    width: 100%;
    min-height: 300px;
    border-radius: 5px 5px 5px 5px;
    padding: 5px;
}
.mauxanh{
    color: #407e18;
}
.xemtiep:before{
    content: "»";
}
.xemtiep{
    color: #044BA3;
    font-size: 13px;
    
}

.mieutatintuc{
    font-size: 13px;
    color: black;
}

.listtintuc{
    
}
.listtintuc li:before{
    content: "»";
}

.listtintuc li a{
    color: #71c839;
}
.listtintuc li a:hover{
    color: #407e18;
    text-decoration: underline;
    animation: pulse 1s steps(5, start) ;
    -webkit-animation: pulse 1s steps(5, start) ;
}
.bg_trongsuot{
    background: url('../images/bg_trongsuot.png') repeat;
    border-radius: 10px;
}
.bg_trongsuot > .row > .large-6{
    padding: 10px 10px 10px 20px;
}
.bg_trongsuot > .row > .large-6 > form {
    padding-right: 10px;
    position: relative;
}
.bg_trongsuot > .row > .large-6 > form > .fa-search{
    position: absolute;
    top: 8px;
    right: 19px;
}
#keyword{
    border: 1px solid #5c9735;
}
.mautrang{
    color: white;
}
.padding{
    padding: 5px;
}
.bo{
    border-radius: 10px 10px 10px 10px;
}



.listdanhmucsanpham{
}
.listdanhmucsanpham > li:before{
    content: "»";
}
.listdanhmucsanpham > li{
    border-bottom: 1px solid #DFDDD3;
    display: block;
}
.listdanhmucsanpham > li > a{
    color: black;
    font-size: 13px;
        
}
.listdanhmucsanpham > li > ul > li:before{
    content: "»";
}
.listdanhmucsanpham > li > ul > li > a{
    color: black;
    font-size: 13px;
}
.listdanhmucsanpham > li > ul > li > a:hover{
    font-style: italic;
}
.listdanhmucsanpham > li > a:hover{
    color: red;
    text-decoration: underline;
}


.th.radius > img:hover{
    animation: pulse 1s steps(5, start) ;
    -webkit-animation: pulse 1s steps(5, start) ;
}
.xemtiep:hover{
    animation: pulse 1s steps(5, start) ;
    -webkit-animation: pulse 1s steps(5, start) ;
}

.hotline{
    font-weight: bold;
    font-size: 14px;
}
.mauhong{
    color: #ee3b96;
}
#ctstbl{
    background: none !important;
    border: none !important;
}
#ctstbl tr td{
    padding: 0px !important;
}

.khoi > .noi_dung > .large-block-grid-4 > li{
    margin-bottom: 2px;
}

.khoi > .noi_dung > .large-block-grid-4 > li > p{
    margin-bottom: 0px;
}
.khoi > .noi_dung > .large-block-grid-4 > li > p > a{
    color: #407e18;
}
.khoi > .noi_dung > .large-block-grid-4 > li > p > a:hover{
    animation: pulse 1s steps(5, start) ;
    -webkit-animation: pulse 1s steps(5, start) ;
}
.thongke li{
}
.thongke > li > span{
    padding-bottom: 6px;
    background: url('../images/bg_bottom_footer.png') no-repeat bottom center;
}
.maucam{
    color: #ffd409;
    background: none !important;
}
.copyright{
    font-size: 13px;
}

.tagline{
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
}







@media (max-width: 1920px) {
    .bandofooter{
        height: 155px;
        text-align: left !important;
        float: left;
    }
}
@media (max-width: 1280px) {

}
@media (max-width: 980px) {
    .menutopheader{
        display: none;
    }

}
@media (max-width: 768px) {
    .menutopheader{
        display: none;
    }
}
@media (max-width: 360px) {
    .listvideohienthihinh{
        display: none;
    }
}

@media (max-width: 320px) {
    
}



.banner{
    position: relative;
    margin: 0 auto;
}
.menutopheader{
    position: absolute;
    top: 10px;
    right: 10px;
}
.menutopheader > div > a {
    font-size: 13px;
}
.menutopheader > div > a:hover , .menutopheader > div > div > a:hover{
    color:#8DC73F ;
}

.menutopheader > div > div > a{
    font-size: 12px;
}

.btn{
    padding: 4px 10px 4px 10px;
}
.nenxam{
    background: #F6F6F6;
}
.txt{
padding: 5px !important;
height: 26px !important;
}



.menuchinh{
    background: url('bg-menu.png') repeat-x;
}



.top-bar .toggle-topbar.menu-icon a {
    height: 20px !important;
    line-height: 19px !important;
}


.top-bar.expanded .title-area{
    background: #0250A9 !important;
}
.menu-tren-di-dong{
    background: #0250A9 !important;
}
.menu-tren-di-dong > ul > li{
    border-bottom: 1px solid white !important;
}

.menu-tren-di-dong .has-dropdown > a:after {
    top: 75% !important;
}


.menu-tren-di-dong ul li{
    background: red;
}
.menu-tren-di-dong .dropdown li.title h5, .top-bar-section .dropdown li.parent-link{
    font-size: 14px;
}

.menu-tren-di-dong li:not(.has-form):not(.active) > a:not(.button) {
    line-height: 22px !important;
}
.nentrang{
    background: white;
}

.luitop{
    margin-top: -16px;
}

.chuchay {
    color: red;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 1px;
    margin-top: 7px;
}
.paddingleftright{
    padding-left: 5px;
    padding-right: 5px;
}



.khoi{
    position: relative;
    margin: 0 auto;
    margin-bottom: 5px;
}
.khoi > .tieu_de{
    text-transform: uppercase;
    padding: 6px 6px 6px 31px;
    border-bottom: none;
    font-weight: normal;
    border-bottom: 1px solid #C2BCAD;
    background: url('../images/icon-hoa.png') transparent 0px no-repeat;
}
.khoi > .noi_dung{

}
h4.widgettitle{
    font-weight: bold;
    color: #ca7f14;
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: uppercase;
}


h4.widgettitle > span{
    color: #0093dd;
}



#at4-share {
    margin-left: 5px !important;
}

.paging-div{position:relative;text-align:right;color:rgb(128,128,128);font-family:Verdana;margin-bottom:10px;margin-top:10px;}
.paging-div div{font-weight:normal;display:inline;list-style:none;text-align:center;margin:2px;font-family:Verdana;}
.paging-div div span{font-weight:bold;color:#CC0000;font-family:Verdana;}
.paging-div div a{font-weight:normal;color:white;padding:3px 6px 3px 6px;font-family:Verdana;text-decoration:none;background:#024CA2;}
.paging-div div a.active{font-weight:normal;color:white !important;padding:3px 6px 3px 6px;font-family:Verdana;text-decoration:none;background:#E26B0A;}
.paging-div div a:hover{font-weight:normal;color:white;padding:3px 6px 3px 6px;font-family:Verdana;background-color:#FF0000 ;text-decoration:none;}


.footer{
    background: #F6F6F6;
}






h4.widgettitlefooter {
    border-bottom: 2px solid #EEEEEE;
    color: #FE0000;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
}



#h5 {
    background: url(../images/bgfooter.png) bottom no-repeat #ececec;
    min-height: 231px;
    border-top: 2px solid #0250A9;
}

.copyright{
    background: url('../images/bg-footer.png');
}


.tt {
    font-weight: bold;
    color: #ac2835;
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px 0;
}

.listfooter a{
    color: black;
    font-size: 13px;
}
.listfooter a:hover{
    color: #ac2835;
}






.breadcrumb{text-align: left;}

.breadcrumb a:hover{
    color: red;
}

.chitiet{
    word-break: break-word;
}
.chitiet img{
    max-width: 100% !important;
}

.chitiet iframe{
    max-width: 100% !important;
} 

 
 
 
 

.top-menu{
    
    background:none;


}


.top-bar-section-menu li:not(.has-form) a:not(.button):hover{
    background:#008CDA ;
    color:white;
}

.top-bar-section-menu ul li {
    background: none !important;
}

.top-bar-section-menu > ul > li:not(.has-form) a:not(.button){
    text-transform: uppercase;
    background: none;
    
}
.top-bar-section-menu > ul > li:not(.has-form) a:not(.button):hover{
    background:#008CDA  !important;
}
.top-bar-section-menu  ul li:hover:not(.has-form) > a{
    background: #008CDA  !important;
}
.top-bar-section-menu .dropdown li:not(.has-form):not(.active) > a:not(.button){
    background: #F8F8F8 !important;
    border-bottom: 1px solid white;
    color: black !important;
}
.top-bar-section-menu .has-dropdown > a:after{
    border-color: transparent transparent transparent white !important;
}

.top-bar-section-menu .dropdown li:not(.has-form):not(.active):hover > a:not(.button){
    background: #008CDA !important;
    color: white !important;
}


.top-bar-section-menu ul li > a{
    color: white ;
    font-weight: normal;
}


.top-bar-section-menu .has-dropdown > a:after{
    margin-top: 7px;
}

.top-bar .toggle-topbar.menu-icon a{
    color: black;
}
.top-bar .toggle-topbar.menu-icon a span::after{
    box-shadow: 0 0 0 1px #FF7F27, 0 7px 0 1px #FF7F27, 0 14px 0 1px #FF7F27;
}


.top-bar-section-menu li:not(.has-form) a:not(.button){
    line-height: 71px;
}

.top-bar.expanded .title-area{
    background: #FF7F27;
}

.top-bar.expanded .toggle-topbar a{
    color: white;
}

.top-bar-section {
    background: white;
    
}

.top-bar.expanded .toggle-topbar a span::after{
    box-shadow: 0 0 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;
}

.top-bar.expanded .top-bar-section-menu li:not(.has-form) a:not(.button){
    color: black ;
}

.top-bar.expanded .top-bar-section .has-dropdown > a:after{
    border-color: transparent transparent transparent #FF7F27 !important;
}

.camera_pag{
    position: absolute;
    bottom: 0px;
    right: 49%;
}
.camera_wrap .camera_pag .camera_pag_ul li{
    margin: 5px;
}





.slider{
    background: url('../images/bg-slider.png');
    padding: 5px;
}
#camera_wrap_1{
    margin-bottom: 0px !important;
}
.tenbaiviet{
    
}
.font13{
    font-size: 13px;
}
.font12{
    font-size: 13px;
}
.chuden{
    color: black;
}
.tenbaiviet:hover{
    color: #ca7f14;
}
.nentrangweb{
    
}
.nencafesua{
    background: #F1DFC4;
}
.bgdatlichhen{
    background: url("../images/bg-datlichhen.png");
}

.chucafe{
    color: #ca7f14;
}


.listvideo{
    border-bottom: 1px dotted #AAAAAA;
    padding-bottom: 10px;
    display: block;
}

.listvideo a{
    display: block;
    color: black ;
}

.listvideo a:hover{
    color: #7D3103;
}
.chantrang{
    background: url('../images/bg-chantrang.png') repeat-x;
    padding-top: 20px;
}
.khongdam{
    font-weight: normal !important;
}
.chuxanh{
    color: #0093dd !important;
}

.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after{
        top: -6px;
}




/************menu***********/
#menu{
}
ul.ul_menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
}
ul.ul_menu > li {
    display: block;
    float: left;
    background: url('bg_menu_ngang.png') no-repeat center right;
    position: relative;
}
ul.ul_menu > li.no_class{
background: none;
float: right;
min-width: 113px;
}
ul.ul_menu > li > a {
text-transform: uppercase;
float: left;
color: white;
display: block;
padding: 27px 12px 26px 12px;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-size: 0.8125rem;
}

ul.ul_menu  li  a  h3{
    font-weight: bold;
    font-size: 0.8125rem;
    margin-bottom: 0px;
    margin-top: 0px;
    color: white;
}

ul.ul_menu > li > a:hover{
    color: #c4a55e;
}



ul.ul_menu >li:hover >ul{display:block;position:absolute;margin-top:36px;}

ul.ul_menu >li:hover >ul >li{position:relative;z-index:9999999;display:block;float:none;margin-right:16px;width:200px;}

ul.ul_menu >li:hover{
    background: #008CBA;
    color: white;
}

ul.ul_menu >li:hover > a{color: black;}



ul.ul_menu >li >.subMenu{display:none;}


ul.ul_menu >li:hover >.subMenu{display:block;}

.subMenu {
display: none;
position: absolute;
margin-top: 70px;
margin-left: -481px;
width: 600px;
padding: 15px 10px 10px 10px;
z-index: 15;
background: rgba(255, 255, 255, 0.95);
border: 2px solid #01A2E2;
border-bottom: 5px solid #01A2E2;
}


.coll_5 {
	width:1118px;
}


.subMenu h2 {
	font-family:"Gill Sans Web", Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;

	font-size:12px;
	letter-spacing:1px;
	text-transform:uppercase;
	margin:0 0 4px 0;
}
.subMenu h2 a{
    color: #AA5408;
    font-weight: bold;
        font-size: 13px;
}
.menuColl {
    float: left;
    width: 353px;
    margin: 0 10px 0 0;
    min-height: 175px;
}
.menuColl ul{
    margin-left: 0px;
}
.menuColl ul li{
    list-style: none;
    line-height: 20px;
}
.menuColl ul li a{
    color: #666;
}

.menuColl ul li a:hover{
    color: #AA5408;
}

.bottomMenu {
	width:100%;
	float:left;
	clear:left;
	border-top:1px solid #CACAC8;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
}
.bottomMenu li {
	float:left;
	width:140px;
	margin:0 10px 0 0;
}
.bottomMenu li a {
	text-decoration:none;
	color: #747578;
}
.bottomMenu li a:hover {
	text-decoration:underline;
	color:#CF7600;
}

/************endl menu***********/


ul.ul_menu > li> ul{
    display: none;
}
ul.ul_menu > li:hover > ul{
display:block;position:absolute;margin-top:71px;
margin-left:0px
}
    
ul.ul_menu > li:hover > ul > li{position:relative;z-index:9999999;display:block;float:none;margin-right:16px;width:200px;}

ul.ul_menu > li:hover > ul > li >a{color:black;display:block;padding:10px 10px 10px 15px;background:#F8F8F8 ;border-bottom:1px solid white; font-size:14px;}

ul.ul_menu > li:hover > ul > li >a:hover{
    background: white;
    color: black;
}


ul.ul_menu > li:hover > ul > li > ul{
    display: none;
}
ul.ul_menu > li:hover > ul > li:hover > ul{
display:block;position:absolute;margin-top:-35px;
margin-left:200px
}

ul.ul_menu > li:hover > ul > li:hover> ul > li{position:relative;z-index:9999999;display:block;float:none;margin-right:16px;width:250px; border-left: 1px solid white; border-right: 1px solid white;}

ul.ul_menu > li:hover > ul > li:hover > ul > li >a{color:white;display:block;padding:10px 10px 10px 15px;background:#E40404;text-transform:uppercase;border-bottom:1px solid #F0F0F0;}


ul.ul_menu > li:hover > ul > li:hover >a{
    background: #AA5408;
    color: white;
}


ul.ul_menu > li:hover > ul > li:hover > ul > li >a:hover{
    background: white;
    color: black;
}