@charset "utf-8";

/* CSS Document */
@font-face{font-family:'uvn';src:url('font/fontdep.com-uvntintuchep_r.eot');src:url('font/fontdep.com-uvntintuchep_r.eot?#iefix') format('embedded-opentype'),url('font/fontdep.com-uvntintuchep_r.woff') format('woff'),url('font/fontdep.com-uvntintuchep_r.ttf') format('truetype'),url('font/fontdep.com-uvntintuchep_r.svg#uvn_tin_tuc_hepregular') format('svg');font-weight:normal;font-style:normal;}
body{background:url(images/bg-banner.png) repeat-x center top;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.5;margin:0px;}
#main{width:1000px;margin:auto;}
#menu-top{margin:auto;height:37px;position:relative;}
#h_nav{position:absolute;top:-5px;left:500px;}
.item-mxh{position:relative;float:left;margin-left:5px;}
.hover-mxh{width:25px;height:27px;background:rgba(255,255,255,0.3);position:absolute;top:0px;left:0px;display:none;}
.item-mxh:hover .hover-mxh{display:block;}
#banner{height:86px;}
#menu-top ul{list-style:none;float:left;position:relative;margin:0px;padding:0px;}
#menu-top ul li{float:left;position:relative;z-index:50;line-height:37px;padding-left:0px;height:37px;text-align:center;}
#menu-top ul li.hv1:hover{float:left;position:relative;z-index:50;line-height:37px;padding-left:0px;height:37px;text-align:center;background:url(images/hover.png) no-repeat;}
#menu-top ul li.hv2:hover{float:left;position:relative;z-index:50;line-height:37px;padding-left:0px;height:37px;text-align:center;background:url(images/hover-1.png) no-repeat;}
#menu-top ul li.hv3:hover{float:left;position:relative;z-index:50;line-height:37px;padding-left:0px;height:37px;text-align:center;background:url(images/hover-2.png) no-repeat;}
#menu-top ul li.hv4:hover{float:left;position:relative;z-index:50;line-height:37px;padding-left:0px;height:37px;text-align:center;background:url(images/hover-3.png) no-repeat;}
#menu-top ul li.hv1{float:left;position:relative;z-index:50;line-height:37px;padding-left:0px;height:37px;text-align:center;background:url(images/hover.png) no-repeat;}
#menu-top ul li.hv2{float:left;position:relative;z-index:50;line-height:37px;padding-left:0px;height:37px;text-align:center;background:url(images/hover-1.png) no-repeat;}
#menu-top ul li.hv3{float:left;position:relative;z-index:50;line-height:37px;padding-left:0px;height:37px;text-align:center;background:url(images/hover-2.png) no-repeat;}
#menu-top ul li.hv4{float:left;position:relative;z-index:50;line-height:37px;padding-left:0px;height:37px;text-align:center;background:url(images/hover-3.png) no-repeat;}
#menu-top ul li:hover a{color:#FFF;}
#menu-top ul li.active a{color:#FFF;}
#menu-top ul li img{float:left;}
#menu-top ul li a{color:#FFF;padding:0px 10px;float:left;}
#menu-top a:link,.menu a:active,.menu a:visited{display:block;text-decoration:none;font-size:13px;text-transform:uppercase;font:Arial,Helvetica,sans-serif;}
#menu-top ul li ul{display:none;position:absolute;width:260px;background:#cc5303;left:0px;z-index:10;margin-left:0px;top:37px;}
#menu-top ul li ul li{width:260px;float:left;border-bottom:1px solid #CCC;text-align:left;height:30px;line-height:30px;padding:0px;}
#menu-top ul li ul li:hover{width:260px;float:left;border-bottom:1px solid #CCC;text-align:left;height:30px;line-height:30px;background:#f76608;}
#menu-top ul li:hover ul{display:block;}
#menu-top ul li ul li:hover ul li ul{display:none!important;}
#menu-top ul li ul li ul{display:none!important;position:absolute;z-index:100;top:0px;background:#cc5303;left:260px;width:260px;}
#menu-top ul li ul li:hover ul{display:block!important;}
#menu-top ul li ul li ul li{width:260px;}
#menu-top ul li ul li ul li ul{display:none!important;position:absolute;z-index:100;top:0px;background:#cc5303;left:260px;width:260px;}
#menu-top ul li ul li ul li:hover ul{display:block!important;}

/*--------------------search--------------------*/
#search{position:relative;}
.search{width:314px;height:28px;background:url(images/search.png) no-repeat;float:right;}
#search table{float:left;}
.search input{float:left;width:275px;margin-left:3px;height:21px;margin-top:2px;border:none;padding-left:4px;}
.search img{float:left;margin-left:4px;margin-top:5px;}
.lang{float:right;}
.lang table{margin-top:5px;margin-right:5px;}
#content{margin-top:5px;}
#slider{margin:auto;height:275px;border:1px solid #c8c8c8;background:#FFF;padding:8px;margin-top:20px;}
#footer{background:url("images/bg-banner.png") repeat-x  center top;overflow:hidden;height:130px;}
.footer{width:1000px;margin:auto;padding:0px 0px;position:relative;}
.footer-text{color:#FFF;float:left;width:70%;padding-top:20px;}
.footer-text h4{margin:0px;}
.footer-text p{margin:0px;}
.thongke{float:right;color:#FFF;padding-top:10px;}
.tk-text{width:195px;height:62px;background:url(images/bg-thongke.png) no-repeat;padding-top:10px;padding-left:55px;}
.mangxh{position:absolute;top:20px;left:478px;}

/*--------------------------------content----------------------------------*/
#content{margin-bottom:10px;}
.content-right-title{height:53px;background:url(images/title.png) repeat-x;margin-bottom:10px;}
.content-right-title h1{margin:0px;font-size:20px;color:#000;font-family:'uvn';font-weight:bold;background:url(images/title-hover.png) repeat-x;float:left;line-height:53px;padding-right:5px;text-transform:uppercase;}
.content-right-text{padding:0px 10px;}

/* --------------------- Phan trang ------------------*/
.phantrang{text-align:center;margin-top:5px;float:right;margin-right:30px;margin-top:30px;margin-bottom:20px;}
.phantrang img{margin-top:-2px;}
.phantrang a{color:#000000;padding:3px 5px;text-align:center;text-decoration:none;margin:0px 3px;display:block;float:left;}
.phantrang span{float:left;color:#64841b;font-weight:bold;background:#4d4d4d;padding:3px 5px;border:1px solid #000000;border-radius:4px;box-shadow:0px 2px 2px #262626;color:#ffffff;}
a.ct1{padding:4px 15px;border-radius:4px;background:#72b900;text-decoration:none;color:#FFF;position:absolute;bottom:5px;right:0px;}
a.ct1:hover{color:#FF0;}
.clear{clear:both;}

/*---------------------item-------------------------*/
div.item{display:-moz-inline-stack;display:inline-block;vertical-align:top;width:180px;position:relative;margin-top:10px;margin-left:7px;padding-bottom:10px;}
div.item-boder-img{width:100%;border:1px solid #dadada;border-radius:5px;}
div.item-boder-img img{margin-left:3px;margin-top:3px;margin-bottom:3px;width:98%;height:98%;}
div.item-border-tensanpham{width:100%;float:left;text-align:center;}
div.item-border-mota{width:100%;text-align:center;color:#000;}
div.item-border-mota a{background:#ff8203;color:#FF0;}
div.item-border-mota a:hover{background:#00FF33;color:#FFF;}
div.item-border-mota h4 a p{color:#000;font-size:11px;}
div.item-border-tensanpham h3 a{color:#217039;font-family:Arial,Helvetica,sans-serif;font-size:13px;}
div.item-border-tensanpham h3{color:#000;font-size:12px;margin:0px;}
div.item a{text-decoration:none;}
div.item h4{font-size:12px;}
div.item span{color:red;}

/*------------------------menu-bottom------------------------*/
#menu-bottom{height:40px;background:url(images/menu-bottom.png) repeat-x;margin-top:5px;}
.menu-bottom{width:1000px;margin:auto;}
.menu-bottom ul{list-style:none;float:left;position:relative;margin:0px;padding:0px;margin-left:100px;}
.menu-bottom ul li{float:left;position:relative;z-index:50;line-height:40px;padding-left:0px;height:40px;text-align:center;}
.menu-bottom ul li img{float:left;}
.menu-bottom ul li a{color:#000;padding:0px 5px;float:left;}
.menu-bottom ul li a:hover{color:rgba(255,0,0,1);}
.menu-bottom a:link,.menu a:active,.menu a:visited{display:block;text-decoration:none;font-size:13px;font-weight:bold;}

/*-----------------gioi thieu------------------------*/
.gt{position:relative;}
.gt-text{float:left;width:68%;}
.gt-img{width:30%;float:right;}
.gt-img img{width:100%;height:200px;border:1px solid #d1d1d1;}
.gt a{position:absolute;bottom:0px;left:44%;text-decoration:none;color:rgba(0,102,204,1);font-weight:bold;}
.gt a:hover{color:rgba(255,0,0,1);}

/*-----------------------fancy----------------------*/
div#hotro{position:fixed;bottom:0px;right:26px;height:46px;transition:0.7s;z-index:170;width:180px;}
div#hotro:hover{transition:0.7s;height:300px;}
div#hotro:hover ul{background:#FFFFFF;transition:0.7s;}
div#hotro ul{transition:0.7s;height:350px;padding:0px 10px;margin-top:0px;padding-top:20px;list-style:none;color:#000;font-size:13px;text-align:center;line-height:30px;width:186px;border-radius:8px 0px 0px 0px;}
div#hotro img.hienlen{margin-left:12px;cursor:pointer;}
img.mxhh:hover{-webkit-filter:grayscale(100%);-webkit-transition:all .2s ease-out;}


.btn-frame{display:block;width:50px;height:50px;position:fixed;right:20px;z-index:10;cursor:pointer;}
.btn-frame i{display:flex;display:-ms-flex;justify-content:center;align-items:center;-ms-flex-align:center;width:50px;height:50px;border-radius:50%;background:#1182FC;position:relative;z-index:1;}
.btn-frame i img{vertical-align:middle;width:70%;}
.btn-frame .animated.infinite{animation-iteration-count:infinite;}
.btn-frame .kenit-alo-circle{width:60px;height:60px;top:-5px;right:-5px;position:absolute;background-color:transparent;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid rgba(7,41,103,0.8);opacity:.1;border-color:#1182FC;opacity:.5;}
.btn-frame .zoomIn{animation-name:zoomIn;}
.btn-frame .animated{animation-duration:1s;animation-fill-mode:both;}
.btn-frame .kenit-alo-circle-fill{width:70px;height:70px;top:-10px;right:-10px;position:absolute;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;border:2px solid transparent;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;background-color:rgba(7,41,103,0.35);opacity:.4;}
.btn-frame .pulse{animation-name:pulse;}
.btn-zalo {
    bottom: 230px;
}

/* Phone */
.btn-phone{bottom:230px;}

/* Messenger */
.js-facebook-messenger-container.closed,.js-facebook-messenger-tooltip.closed{display:none!important}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-tooltip{display:none;position:fixed;text-align:center;border-radius:10px;overflow:hidden;font-size:12px;line-height:1;padding:10px;border:1px solid rgba(0,0,0,0.1);box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt;z-index:1.0E+30}
.js-facebook-messenger-close-tooltip{width:10px;height:10px;display:inline-block;cursor:pointer;margin-left:10px}
.js-facebook-messenger-box.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
.js-facebook-messenger-box.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-box{display:block;position:fixed;cursor:pointer;bottom:150px;right:17px;width:56px;height:56px;text-align:center;background:#1182FC;border-radius:100%;overflow:hidden;z-index:99;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3)}
.js-facebook-messenger-box.rotate svg#fb-msng-icon{transform:rotate(0deg)}
.js-facebook-messenger-box svg#fb-msng-icon{width:32px;height:33px;position:absolute;top:13px;left:12px;opacity:1;overflow:hidden;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;}
.js-facebook-messenger-box.rotate svg#close-icon{transform:rotate(-45deg)}
.js-facebook-messenger-box svg#close-icon{opacity:0;width:19px;height:20px;position:absolute;top:19px;left:19px;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-container{position:fixed;opacity:0;transform:translateY(50px);bottom:110px;right:90px;border-radius:10px;pointer-events:none;box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16);-webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-moz-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-o-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;transition:transform 160ms ease-in-out,opacity 160ms ease-in-out}
.js-facebook-messenger-top-header{width:220px}
.js-facebook-messenger-top-header{color:#fff;background:#1182FC}
.js-facebook-messenger-top-header{display:block;position:relative;width:220px;background:#1182FC;color:#fff;text-align:center;line-height:1;padding:10px;font-size:14px;border-top-left-radius:10px;border-top-right-radius:10px}
.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}
.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}
.js-facebook-messenger-top-header{color:#fff;background:#1182FC}
.js-facebook-messenger-top-header{width:220px}
.js-facebook-messenger-tooltip{color:#404040;background:#fff}
.js-facebook-messenger-container.open{transform:translateY(0px);opacity:1;pointer-events:all}
.js-facebook-messenger-tooltip{bottom:97px;right:97px}
.js-facebook-messenger-box.open svg#fb-msng-icon{opacity:0}
.js-facebook-messenger-box.rotate.open svg#close-icon{transform:rotate(0deg)}
.js-facebook-messenger-box.open svg#close-icon{opacity:1}
@-webkit-keyframes zoomIn{
	from{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
	50%{opacity:1}
}
@keyframes zoomIn{
	from{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
	50%{opacity:1}
}
@-webkit-keyframes pulse{
	from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
	50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
	to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes pulse{
	from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
	50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
	to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
a.btn-frame ,.btn-frame *{box-sizing: border-box}