body{padding:0; margin:0; font-family: 'Roboto', sans-serif; font-size:13px; background:url(../images/BG-pattern.jpg);}
ul, ol{list-style:none; padding:0; margin:0;}
p{margin-bottom:0;}
a:hover{text-decoration:none;}
.container{max-width:1020px; margin-top:30px; padding:10px; box-shadow:0 0 3px #ccc; border-radius:6px; background:#fff}
.clear{clear:both;}

/*banner*/
.banner{/*border-top:3px solid #005ab6; box-shadow:0 2px 4px -2px #555; margin-top:10px;*/}
.banner img{width:100%;}
/*menu chinh*/
.navbar-top{border:none; border-top:solid 1px #fff; border-bottom:3px solid #F43D2A; border-radius:0; min-height:10px; background:#0061D6;}
#MenuMain ul li a{padding:0px 14px; color:#eee; font-size:14px; font-weight:bold; line-height:44px; border-right:1px solid #fff; }
#MenuMain ul li:first-child a {border-left:none}
#MenuMain ul li:last-child a {border-right:none;}
#MenuMain ul li a i{line-height:none; font-size:25px;}
#MenuMain ul li a:hover, #MenuMain ul li a:active, #MenuMain ul li a:focus{background:#F43D2A; color:#fff;}
#MenuMain ul .active a:hover, #MenuMain ul .active a:focus, #MenuMain ul .active a:active, #MenuMain ul .active a{background:#F43D2A; color:#fff;}
#MenuMain ul .active a:before{content:""; position:absolute; top:-5px; left:0; height:5px; background:#005ab6; width:100%; z-index:10;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background:none; }
#MenuMain ul .open .dropdown-menu{opacity:1; top:95%; z-index:10; animation: myAnimation 0.15s ease-out 1; border-top:2px solid #005ab6;}
#MenuMain ul .dropdown-menu:after{position:absolute; content:""; border-width:0 8px 8px;border-style:solid;border-color:transparent transparent #005ab6; z-index:100; top:-9px; left:30px; width:0;}
@keyframes myAnimation {
    from {top: 0px; opacity:0; z-index:-10;}
    to {top: 95%; opacity:1; z-index:10;}
}
#MenuMain ul li ul{padding:0; margin:0; border-left:none; border-radius:0; border-right:none; border-bottom:none; background:#F43D2A}
#MenuMain ul li ul li a{border:none; border-bottom:1px solid #ddd; line-height:30px; font-size:13px; color:#eee;}
#MenuMain ul .active ul li a:before{content:""; position:static; background:none; width:0; height:0; opacity:0;}
#MenuMain ul .active ul li a{background:none;}
#MenuMain ul li ul li a:hover{background:#0080ff; color:#fff;}
#MenuMain ul li ul li{position:relative;}
#MenuMain ul li ul li ul{position:absolute; top:0; left:100%; background:#5caeff; display:none; min-width:100%;}
#MenuMain ul li ul li:hover ul{display:block;}
#MenuMain ul li ul li ul li a{color:#eee; line-height:30px; display:block; white-space:nowrap; transition:all 0.1s;}
#MenuMain ul li ul li ul li a:hover{background:#0080ff; color:#fff; border-left:3px solid #005ab6;}
#MenuMain ul .open ul li ul{display:none;}
/*tin mới*/
.header-new{float:left; width:80px; color:#fff; background:#f43d2a; text-transform:uppercase; display:inline-block; line-height:30px; padding:0 10px; font-weight:bold; font-size:14px;}
.bg-new-slide{margin-top:20px; background:#fff; box-shadow:0px 0px 2px 1px #ccc;}
#IsNews{line-height:30px; height:30px; overflow:hidden; padding-left:10px; font-weight:500;}
#IsNews .active{width:100%; animation: newslide 6s ease-out 1;}
@keyframes newslide {
    from {width:0;}
    to {width:100%;}
}
/*slide chính*/
#SlideMain{margin-bottom:20px; max-height:360px; overflow:hidden;}
#SlideMain a img{width:100%; height:360px;}
#SlideMain a span{position:absolute; display:block; bottom:0; left:0; z-index:10; padding:10px 20px; background:rgba(0,0,0,0.5); color:#fff; line-height:20px; text-align:justify; bottom:-100%; width:100%; color:#fff; font-size:16px; line-height:22px; font-weight:500;}
#SlideMain .active a span{bottom:0; animation: slider 0.5s ease-out 1;}
@keyframes slider {
    from {bottom:-140px;}
    to {bottom:0;}
}
#SlideMain .left-control, #SlideMain .right-control{position:absolute; top:40%; line-height:40px; width:40px; text-align:center; color:#666; font-size:12px; left:5%; opacity:0; transition:all 0.3s;}
#SlideMain .right-control{left:auto; right:5%;}
#SlideMain:hover .left-control, #SlideMain:hover .right-control{opacity:1;}
/*tin theo danh mục*/
.content{ margin-top:10px;}
.new-by-cate{margin-bottom:10px; border:solid 1px #ccc; margin-top:10px; border-radius:5px; border-bottom:solid 3px #ff0000}
.head-left{background:url(../images/head-content.png) repeat-x center center;}
.head-left span{background:#fff; display:inline-block; padding:10px; line-height:40px; text-transform:uppercase; color:#ff0000; font-weight:700; font-size:16px;}
.new-left-by-cate{/*border:1px solid #ccc; margin:0 -10px; background:#fff; box-shadow:0 0 2px 1px #ccc; padding:10px; height:461px;*/}
.new-left-by-cate .img-new a img{width:100%; max-height:255px;}
.new-left-by-cate .img-new{position:relative;}
.box-new-by-cate{padding:0 10px;}
.new-left-by-cate .img-new a i{position:absolute;border-radius:50%; width:50px; height:50px; opacity:0;border:3px solid #fff; z-index:100; transition:all 0.5s; transition-delay:0.3s; top:45%; left:45%; line-height:42px; text-align:center; color:#fff; font-size:20px;}
.new-left-by-cate .img-new a:before{content:""; position:absolute; top:0; left:0; width:100%; height:0; transition:all 0.5s; background:rgba(0,0,0,0.3); z-index:10;}
.new-left-by-cate .img-new:hover a:before{height:100%;}
.new-left-by-cate .img-new:hover a i{opacity:1;}
.new-left-by-cate h3{font-size:18px; margin:0; line-height:24px; text-align:justify; margin:10px 0; height:48px; overflow:hidden;}
.new-left-by-cate h3 a{color:#555;}
.new-left-by-cate h3 a:hover{color:#005ab6;}
.infor-new{margin-bottom:0px; color:#999;}
.infor-new span{margin-right:10px; font-size:12px;}
.news-top .img-new a img{width:100%; max-height:180px;}
.news-top .img-new{position:relative;}
.news-top .img-new a i{position:absolute;border-radius:50%; width:50px; height:50px; opacity:0;border:3px solid #fff; z-index:100; transition:all 0.5s; transition-delay:0.3s; top:45%; left:45%; line-height:42px; text-align:center; color:#fff; font-size:20px;}
.news-top .img-new {position:relative;}
.news-top h3{font-size:18px; margin:0; line-height:24px; text-align:justify; height:24px; overflow:hidden;}
.news-top h3 a{color:#555;}
.news-top h3 a:hover{color:#005ab6;}
.new-bottom {padding:10px 0px;}
.bottom-item {padding:8px 15px; height:88px; background:#f7f7f7; border-bottom:solid 1px #eaeaea; border-top:solid 1px #fff;}
.bottom-item img {float:left; width:35%; height:72px; margin-right:8px;}
.bottom-item h3 {margin:0;}
.bottom-item h3 a { line-height:20px; color:#005ab6; font-size:13px; display:block; font-weight:normal;}

.des-new{text-align:justify; line-height:20px; color:#444; margin-bottom:4px; height:60px; overflow:hidden;}
.view-next{margin-bottom:10px;}
.view-next a{display:inline-block; line-height:26px; padding:0 10px; background:linear-gradient(#0365c9,#005ab6,#0365c9); color:#fff; border-radius:2px; box-shadow:0 1px 2px -1px #0365c9;}
.new-right{/*margin: 0 -10px;*/ padding:0 10px; /*box-shadow:0 0 2px 1px #ccc;*/ background:#f7f7f7; border-left:solid 3px #c7c7c7}
.new-right .img-new{float:left; width:35%;}
.new-right .img-new img{width:100%; padding:2px; border:1px solid #ccc; max-height:95px;}
.name-new{float:left; width:65%; padding-left:10px;}
.name-new h3{margin:0; font-size:14px; font-weight:400; text-align:justify; margin-bottom:6px; line-height:20px;}
.name-new h3 a{color:#555;}
.new-right li{padding:10px; border-bottom:1px solid #ddd; border-top:1px solid #fff; margin:0 -10px; height:115px; overflow:hidden;}
.new-right li:first-child{border-top:none;}
.new-right li:last-child{border-bottom:none;}
.new-right li:hover{background:#fff;}
.new-right .img-new{position:relative;}
.new-right .img-new a:before{background:rgba(0,0,0,0.2); content:""; position:absolute; top:0; left:0; width:100%; height:0; transition:all 0.3s;}
.new-right .img-new:hover a:before{height:100%;}
.new-right .img-new a i{position:absolute; top:32%; left:38%; height:30px; width:30px; text-align:center; line-height:26px; z-index:10; border-radius:50%; border:2px solid #fff; color:#fff; font-size:14px; opacity:0; transition:all 0.4s; transition-delay:0.2s;}
.new-right .img-new:hover a i{opacity:1;}
.name-new h3 a:hover{color:#005ab6;}
/*content right*/
.head-right{background:url(../images/head-content.png) repeat-x center center; /*box-shadow:0 2px 4px -2px #ccc;*/}
.head-right span{background:#fff; line-height:40px; padding-right: 10px; text-transform:uppercase; font-weight:700; color:#ff0000;}
.sup-hotline{ padding: 10px 0; padding-left:70px; background:url(../images/phone.png) no-repeat left center; height:60px; border-bottom:1px solid #ff0000;}
.number-hotline, .title-hotline{line-height:20px; font-weight:700; font-size:13px; color:#ff0000;}
.number-hotline{font-size:18px;}
.box-sup{padding:10px; border-bottom:1px solid #ff0000;}
.box-sup p a{margin-left:10px;}
.tit-sup{font-weight:500; font-size:15px; color:#005ab6;}
.phone-sup{font-size:16px; font-weight:700; color:#005ab6;}
.email{padding:10px 0;}
.email p{font-weight:500; font-size:14px; color:#005ab6;}
.email span{color:#333;}
.box-right{margin-bottom:20px; box-shadow:0 0 2px 1px #ddd; border-bottom:2px solid #005ab6; padding:5px;}
.tin-moi .img-new{float:left; width:35%;}
.tin-moi .img-new img{width:100%; border:1px solid #ccc; padding:1px;}
.tin-moi .img-new img:hover{opacity:0.8;}
.tin-moi-phai{float:left; width:65%; padding-left:10px;}
.tin-moi-phai h3{margin:0; font-size:13px; line-height:20px; text-align:justify;}
.tin-moi-phai h3 a{color:#555;}
.tin-moi-phai h3 a:hover{color:#005ab6; text-decoration:underline;}
.tin-moi-phai .infor-new{font-size:11px; margin:0;}
.tin-moi li{padding:10px 0; border-bottom:1px dotted #ccc;}
.tin-moi li:last-child{border:none;}
.tin-xem-nhieu .img-new{width:35%; float:left; position:relative;}
.tin-xem-nhieu .img-new img{width:100%; padding:1px; border:1px solid #ccc;}
.tin-xem-nhieu .img-new a:before{content:""; position:absolute; top:0; left:0; height:0; width:100%; background:rgba(0,0,0,0.1); transition:all 0.3s;}
.tin-xem-nhieu .img-new:hover a:before{height:100%;}
.tin-xem-nhieu-phai{float:left; width:65%; padding-left:10px;}
.tin-xem-nhieu .infor-new{margin:0;}
.tin-xem-nhieu-phai h3{margin:0; font-size:13px; font-weight:500; text-align:justify; line-height:20px;}
.tin-xem-nhieu-phai h3 a{color:#444;}
.tin-xem-nhieu-phai h3 a:hover{color:#005ab6; text-decoration:underline;}
.tin-xem-nhieu li{padding:10px 0; border-bottom:1px dotted #ccc;}
.tin-xem-nhieu li:last-child{border:none;}
.adv-right-1 a{position:relative; display:inline-block; overflow:hidden;}
.adv-right-1 a img{width:100%; margin-bottom:10px;}
.adv-right-1{margin-bottom:10px;}
.adv-right-1 a i{height:40px;line-height:36px; width:40px; text-align:center; position:absolute; top:40%; left:-50px; z-index:10; color:#fff;  font-size:1px; overflow:hidden; transition:all 0.3s;border-radius:50%;font-size:20px; border:2px solid #fff;}
.adv-right-1 a:hover i{left:40%;}
.adv-right-1 a i:hover{background:rgba(0,90,180,0.6);}
.adv-right-1 a:before{position:absolute; top:0; left:0; z-index:5; content:""; width:100%; height:100%; background:rgba(0,0,0,0.2); opacity:0; transition:all 0.4s;}
.adv-right-1 a:hover:before{opacity:1;}
.adv-right-1 a:hover img{opacity:0.8;}
.link-right{margin-top:10px;}
.link-right a{display:block; font-weight:500; font-size:14px; color:#444;}
.link-right li{padding:5px 10px;}
.link-right li a i{margin-right:2px; color:#ff0000;}
.link-right li a:hover{text-decoration:underline; color:#005ab6;}
.adv-right-2{margin-bottom:10px;}
.adv-right-2 a{display:inline-block; position:relative; margin-bottom:10px;}
.adv-right-2 a:before{content:""; top:50%; left:50%; width:0; height:0; transition:all 0.5s; background:rgba(0,0,0,0.2); position:absolute; z-index:5;}
.adv-right-2 a:hover:before{width:100%; height:100%; top:0; left:0;}
.adv-right-2 a:after{content:"Chi tiết"; position:absolute; padding:5px 10px; border:1px solid #005ab6; border-radius:2px; background:linear-gradient(#007cfa,#005ab6,#007cfa); transition:all 0.3s; transition-delay:0.2s; opacity:0; position:absolute; top:40%; left:36%; color:#fff; font-weight:500; z-index:10;}
.adv-right-2 a:hover:after{opacity:0.8;}
.adv-right-2 a img{width:100%; padding:3px; border:1px solid #005ab6;}
.hoi-dap li{padding:10px 0; border-bottom:1px dotted #ccc;}
.hoi-dap li:last-child{border:none;}
.hoi-dap .img-new{float:left; width:35%;}
.hoi-dap .img-new a img{width:100%; padding:1px; border:1px solid #ccc;}
.hoi-dap .img-new a img:hover{opacity:0.8;}
.hoi-dap .for-new-right{float:left; width:65%; padding-left:10px;}
.hoi-dap .for-new-right h3{line-height:20px; font-size:13px; font-weight:500; text-align:justify; margin:0; margin-bottom:5px;}
.hoi-dap .for-new-right h3 a{color:#444;}
.hoi-dap .for-new-right h3 a:hover{color:#005ab6;}
.hoi-dap .for-new-right .infor-new{margin-bottom:0;}
.bg-footer .container{margin-top:0px;}
.bg-footer{background:linear-gradient(#2d8aff,#1470e2,#055cc6); padding:20px 0; border-top:4px outset #fff; margin-top:20px; color:#fff;}
.bg-footer h2, .bg-footer p{text-align:center; margin-bottom:20px;}
.bg-footer ol{list-style:decimal inside; padding-left:10%;}
.bg-footer ol li{margin-bottom:6px;}
.footer {background:#0061D6; padding:20px 15px; color:#fff; line-height:22px;}
.navbar-top .navbar-toggle i{font-size:30px; color:#fff;}
.navbar-top .navbar-toggle{padding:0 10px;}

.breadcrumb{font-weight: 500; font-size: 14px; background: none; border-radius: 0; border-bottom: 5px double #ccc; margin-bottom:0;}

.bv-content{padding:10px;}
.social{margin:10px;}
.box-new-index{box-shadow:0 0 3px #cacaca; padding:10px; margin-top:3px;}
.new-index h3{font-size:20px; text-align:justify; line-height:26px; margin:0; font-family:Arial;}
.new-index h3 a{color:#444;}
.new-index h3 a:hover{color:#005ab6;}
.new-index{padding:15px 10px; box-shadow:0 3px 6px -3px #ccc; margin:0 -10px;}
.time-new{margin:5px 0 10px; font-size:12px; color:#999;}
.des-new-index p{text-align:justify; line-height:20px; color:#555; margin-bottom:10px;}
.des-new-index a{display:inline-block; padding:3px 10px; border-radius:3px; font-size:12px; color:#fff; background:linear-gradient(#007bf9, #005ab6, #007bf9);}
.img-new-index a img{padding:2px; border:1px solid #ccc; width:100%;}
.des-new-index a:hover{background:#005ab6}
.img-new-index a{display:inline-block; position:relative;}
.img-new-index a i{position:absolute; top:42%; left:45%; border:1px solid #fff; color:#fff; height:40px; line-height:38px; width:40px; text-align:center; border-radius:50%; font-size:18px; z-index:10; transition-delay:0.2s; opacity:0; transition:all 0.3s}
.img-new-index a:before{content:""; position:absolute; top:50%; left:50%; width:0; height:0; z-index:5; background:rgba(0,0,0,0.6); transition:all 0.2s;}
.img-new-index:hover a:before{width:100%; height:100%; top:0; left:0; border:5px solid #fff;}
.img-new-index:hover a i{opacity:1;}
.paging{text-align:center; padding:10px;}
.paging a{display:inline-block; line-height:26px; width:26px; text-align:center; border-radius:2px; background:#ccc; color:#555; font-weight:700; box-shadow:0 3px 6px -3px #ccc;}
.paging a:hover, .paging .active{background:#005ab6; color:#fff; box-shadow:0 3px 6px -3px #005ab6;}
.title-new-detail{color:#444; margin:10px 0 10px;}
.des-news-detail{color:#666; font-weight:500; margin:0 0 20px; font-size:14px; text-align:justify;}
.contact-title{text-align:center; margin-bottom:20px;}
.img-new-relate a img{width:100%; max-height:120px;}
.img-new-relate a img:hover{opacity:0.8;}
.box-new-relate h3{margin:0; line-height:20px; text-align:justify; font-size:13px; font-weight:500;}
.box-new-relate h3 a{color:#444;}
.box-new-relate h3 a:hover{color:#005ab6;}
.box-new-relate p{margin-top:10px; color:#999; font-size:12px;}

.fixmobile div, .fixmobile table, .fixmobile img{max-width:100%;}
.hnews-img {display:block; height:240px; margin:0px -11px; border:solid 1px #fff; position:relative; overflow:hidden;}
.hnews-img img {height:100%; width:100%;}
.hnews-img .hnews-info { position: absolute;
    left: 0;
    padding:5px 10px;
    bottom: -200px;
    width: 100%;
    -webkit-transition: all .2s linear;
       -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
         -o-transition: all .2s linear;
            transition: all .2s linear;
    /*! background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 1) 100%); */
    background:url(../images/bg-opa1.png) repeat-x left top;
   
}
.hnews-img .hnews-info h3 { margin:0; height:20px; font-size:14px; margin-bottom:6px; line-height:20px; color:#fff; overflow:hidden;}
.hnews-img .hnews-info p { height:40px; line-height:20px; color:#fff; overflow:hidden;}
.hnews-img:hover .hnews-info {bottom:0px}
#slider .owl-prev {position:absolute; top:50%; left:10px; display:none }
#slider .owl-next {position:absolute; top:50%; right:10px; display:none }
.slidersmall {padding:10px 10px;}
.hnews-imgs {margin:0 15px; border-top:solid 2px #0365c9;display:block; text-align:center}
.hnews-imgs img {width:100%; height:90px;}
.hnews-imgs span {display:block; color:#0365c9; line-height:18px; margin-top:6px; height:36px; overflow:hidden;}
.synced .hnews-imgs {border-top:solid 2px #ff0000;}
#slidersmall .owl-prev {position:absolute; top:0; left:-10px; text-indent:-9999px; width:10px; height:130px; background:url(../images/prev.png)}
#slidersmall .owl-next {position:absolute; top:0; right:-10px; text-indent:-9999px; width:10px; height:130px; background:url(../images/next.png) }
.menu-right {border:solid 1px #f7f7f7; border-radius:5px; border-bottom:solid 3px #ff0000; margin-bottom:15px; padding:10px 0px;}
.menu-right ul {}
.menu-right ul li {padding:0px 10px;}
.menu-right ul li a:before {font-family: FontAwesome;
margin-right: .53em;
display: inline-block;
opacity: .25;
content: "\f114";}
.menu-right ul li a {display:block; line-height:30px; border-bottom:solid 1px #f7f7f7; color:#333;}
.menu-right ul li a:hover {color:#ff0000;}