.main-left { width: 100%;float: left;margin-top: 15px;}
.main-right { width: 100%;float: left; margin-top: 15px}


#menu-aside { width: 100%;float: left;margin-bottom: 10px;}
#menu-aside .title-box-left {color: #115c9d;font-size: 24px;font-family: utmgothic;border-bottom: 6px solid #d8d8d8;width: 100%;float: left;}
#menu-aside .title-box-left h3  {color: #115c9d; padding-right: 10px; display: inline-block; float:left;background: #fff;margin-top: 0;margin-bottom: 0;top: 10px;position: relative;}
#menu-aside > ul {padding: 10px 0 0 0;float: left;width: 100%;}
#menu-aside > ul > li { display: block;position: relative; border-bottom: 1px solid #E6E6E6}
#menu-aside > ul > li:last-child { border-bottom: none;}
#menu-aside > ul > li > a { padding-left:15px;font-size: 14px;color: #383838; background: url(../images/menu-sub-bullet.png) no-repeat left center;padding-top: 7px;padding-bottom: 7px;display: block;padding-right: 10px;transition: none;}
#menu-aside > ul > li > a:hover {transition: none; background:  url(../images/menu-sub-bullet.png) no-repeat left center  #f0f0f0;}
#menu-aside > ul > li > ul { display: none;border: 1px solid #e7cda8;}
#menu-aside > ul > li:hover > ul {display: block;position: absolute;left: 100%;width: 276px;background: #ffeacc;z-index: 999;top: 0;border-top: 4px solid #038FF4;}
#menu-aside > ul > li:hover > a {transition: none;background: url(../images/menu-sub-bullet.png) no-repeat left center; color: #038FF4}
#menu-aside > ul > li > ul > li {border-bottom: 1px solid #e7cda8;padding-top: 0px;padding-bottom: 0px;display: block;float: left;width: 100%;}
#menu-aside > ul > li > ul > li:last-child { border-bottom: none;}
#menu-aside > ul > li > ul > li > a {padding: 4px 15px;font-size: 13px;float: left;color: #383838;}
#menu-aside > ul > li > ul > li:hover { background-color: #fff0db; }

#menu-aside > ul > li > ul > li > ul { display: none;border: 1px solid #e7cda8;}
#menu-aside > ul > li > ul > li:hover > ul {display: block;position: absolute;left: 100%;width: 276px;background: #ffeacc;z-index: 999;top: 0;border-top: 4px solid #038FF4;}
#menu-aside > ul > li > ul > li:hover > a {transition: none;background: url(../images/menu-sub-bullet.png) no-repeat left center; color: #038FF4}
#menu-aside > ul > li > ul > li > ul > li {border-bottom: 1px solid #e7cda8;padding-top: 0px;padding-bottom: 0px;display: block;float: left;width: 100%;}
#menu-aside > ul > li > ul > li > ul > li:last-child { border-bottom: none;}
#menu-aside > ul > li > ul > li > ul > li > a {padding: 4px 15px;font-size: 13px;float: left;color: #383838;}
#menu-aside > ul > li > ul > li > ul > li:hover { background-color: #fff0db; }


.menu-fast-link {width: 100%;float: left;margin-bottom: 10px;}
.menu-fast-link a { display: block; padding-left:50px;height: 52px;display:table;width: 100%;position: relative;padding-top: 10px;padding-bottom: 10px;padding-right: 10px;margin-top: 10px; color: #fff}
.menu-fast-link a:nth-child(1) { background: url(../images/ico-globe.png) 10px center no-repeat #038FF4}
.menu-fast-link a:nth-child(2) { background: url(../images/ico-document.png) 10px center no-repeat #0e76bc}
.menu-fast-link a:nth-child(3) { background: url(../images/ico-search.png) 10px center no-repeat #cc443e}


.quangcao-left { width: 100%;float: left;padding-top: 0px;}
.quangcao-left .item-qc-left { width: 100%;float: left;margin-bottom: 10px;}
.quangcao-left .item-qc-left img { width: 100%;}

.werther-left { background: #feedd3;float: left;width: 100%;margin-top: 15px;margin-bottom: 15px;}
.werther-left select { border-radius: 0;}
.werther-left .title-werther h3 { font-size: 18px;color: #454343;padding-left: 45px;text-transform: uppercase;font-weight: bold;margin-top: 5px;padding-top: 10px;padding-bottom: 0px;  background: url(../images/ico-werther.png) 10px center no-repeat;margin-bottom: 0;}
.body-werther-left { width: 100%;float: left;padding: 15px;}

.box-left { width: 100%;float: left;margin-bottom: 15px;}
.box-left .title-box-left { padding: 8px 15px;background: #114ab7;color: #ffffff;font-size: 13px;font-weight: bold;text-transform: uppercase;}
.box-left .body-box-left { width: 100%;float: left;border: 1px solid #e1e1e1;padding: 10px;}
.box-thongketruycap { padding:10px 15px;}
.box-thongketruycap span { display: block;padding-bottom: 5px;}
.box-thongketruycap span b { float: right;}

.box-tygiangoaite a { width: 50%;display: block;float: left;text-align: center;padding-bottom: 10px;}
.box-tygiangoaite a strong { display: block;  width: 100%;height: 70px;}
.box-tygiangoaite a.ico-giavang strong {background: url(../images/ico-giavang.png) no-repeat center center;}
.box-tygiangoaite a.ico-tigia strong {background: url(../images/ico-tigia.png) no-repeat center center;}
.box-tygiangoaite a span { font-weight: bold; color: #454343}
.box-tygiangoaite a:hover span { color: #06609d}


.item-ef .img {position: relative;}
.item-ef .img .roll { width: 100%;height: 100%;position: absolute;background-color: rgba(0, 0, 0, 0.6);transition: ease-in-out 0.3s;opacity: 0;visibility: hidden;top: 0;left: 0;background-position: center center;background-repeat: no-repeat; font: normal normal normal 14px/1 FontAwesome;}
.item-ef .img .roll:before { color: #fff;width: 40px;height: 40px;border: 3px solid #fff;-moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;top: 50%;left: 50%;text-align: center;line-height: 35px;display: block;position: absolute;margin: -20px 0 0 -20px;transform: scale(0);transition: ease-in-out 0.4s;font-size: 18px;}
.item-ef .img a:hover .roll { -ms-opacity:1; opacity:1;visibility: visible;-moz-transition: ease-in-out 0.3s; -o-transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s; transition: ease-in-out 0.3s;}
.item-ef .img a:hover .roll:before { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);-moz-transition: ease-in-out 0.4s; -o-transition: ease-in-out 0.4s; -webkit-transition: ease-in-out 0.4s; transition: ease-in-out 0.4s;}
.item-ef .img .roll.tie-news:before { content: '\f15c';}
.item-ef .img .roll.tie-video:before { content: '\f16a';}
.item-ef .img .roll.tie-picture:before { content:'\f083';}

.item-news-home  { width: 100%;float: left; }
.item-news-home .img { width: 35%;float: left;}
.item-news-home .detail { width: 65%;float: left;padding-left: 10px;}
.item-news-home .detail a { font-size: 14px;color: #454343;display: block;padding-right: 7px;}
.item-news-home .detail a span {padding-left: 5px;display: inline-block;color: #999;font-size: 12px !important;}
.news-hometop-scroll .item-news-home { padding: 11px 0; border-bottom: 1px dashed #ebebeb}
.news-hometop-scroll .item-news-home:first-child { padding-top: 0;}

.new-big-home { width: 100%;float: left;}
.new-big-home .img { height: 240px;overflow: hidden;}
.new-big-home .detail { width: 100%;float: left;text-align: justify; }
.new-big-home .detail h2 { margin-top: 15px;margin-bottom: 5px;}
.new-big-home .detail h2 a { display: block;line-height: 1.4em;font-size: 15px;font-weight: bold;color: #000000;}
.new-big-home .detail h2 a:hover { color: #038FF4;}
.new-big-home .detail p { font-size: 14px;color: #454343;text-align: justify;}
.new-big-home .detail time { color: #999;font-size: 14px;padding-bottom: 5px;display: block;}
.new-big-home .detail time span { padding-right: 3px;}

.box-home-right { margin-top: 15px;width: 100%;float: left;border: 2px solid #eeeeee;background: #fafafa;padding: 10px;}
.box-home-right .title-box-right { width: 100%;float: left;}
.box-home-right .title-box-right h3 { margin: 0;display: inline-block;float: left;font-size: 24px;color: #038FF4;padding: 6px 0;font-family: utmgothic;}
.box-home-right  .body-box-right { width: 100%;float: left;}



.box-main-style-2 { width: 100%;float: left;margin-top: 15px;}
.box-main-style-2 .title-box { display: block;width: 98%;float: left;font-size: 24px;font-weight: normal;color: #038FF4;font-family: utmgothic;    border-bottom: 1px solid #d7d7d7;}
.box-main-style-2 .title-box span { font-size: 20px;padding-right: 5px;}
    .box-main-style-2 .title-box a {color: #114ab7;}

.box-thamgio { padding: 10px 0;margin-bottom: 10px;text-align: justify;}
.box-thamgio  label { width: 100%;float: left;display: block;padding: 5px 0;font-weight: normal;}
.box-thamgio  label input { margin-right: 5px;position: relative;top: 2px;}
.box-thamgio > a { background: #0687de;border: none;border-radius: 0;color: #fff;float: left;margin-right: 5px;}

.banner-images .detail { padding: 10px 0; }
.banner-images .owl-controls { margin-top: 0 !important;}
.banner-images .owl-controls i { color: #fff;font-size: 28px; }
.banner-images .owl-prev:hover i { -moz-transition: ease 0.2s; -o-transition: ease 0.2s; -webkit-transition: ease 0.2s; transition: ease 0.2s; color: #fff}
.banner-images .owl-next:hover i { -moz-transition: ease 0.2s; -o-transition: ease 0.2s; -webkit-transition: ease 0.2s; transition: ease 0.2s; color: #fff}
.banner-images .owl-prev ,.banner-images .owl-next { -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important;background: rgba(0,0,0,0.6);position: absolute;opacity: 0.8 !important; -ms-opacity: 0.8 !important;-moz-transition: ease 0.2s; -o-transition: ease 0.2s; -webkit-transition: ease 0.2s; transition: ease 0.2s;padding: 4px !important;top: 0;right: 0;bottom: 0;margin: auto 0;width: 24px;height: 38px;margin:0px !important;}
.banner-images .owl-prev:hover ,.banner-images .owl-next:hover { background: #222 !important;}
.banner-images .owl-prev { left: 0;}
.banner-images .owl-next { right: 0;}
.banner-images .owl-next i { padding-left: 5px;padding-right: 0;}

.box-video-slider .view-video { background: #222;height: 200px;}
.box-video-slider .view-video iframe { width: 100%;height: 100%;}
.list-video-type1 { margin-top: 10px;width: 100%;float: left;}
.list-video-type1 .item-video { padding: 5px;}
.list-video-type1 .item-video .detail a { padding: 5px 0;font-size: 13px;display: block;color: #454343;}

.list-video-type1 .owl-controls { margin-top: 0 !important;}
.list-video-type1 .owl-controls i { color: #fff;font-size: 18px; padding-top: 10px;}
.list-video-type1 .owl-prev:hover i { -moz-transition: ease 0.2s; -o-transition: ease 0.2s; -webkit-transition: ease 0.2s; transition: ease 0.2s; color: #fff}
.list-video-type1 .owl-next:hover i { -moz-transition: ease 0.2s; -o-transition: ease 0.2s; -webkit-transition: ease 0.2s; transition: ease 0.2s; color: #fff}
.list-video-type1 .owl-prev ,.list-video-type1 .owl-next { -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important;background: rgba(0,0,0,8) !important;position: absolute;opacity: 1 !important;-ms-opacity: 1 !important; -moz-transition: ease 0.2s; -o-transition: ease 0.2s; -webkit-transition: ease 0.2s; transition: ease 0.2s;padding: 4px !important;top: 36px;right: 0;bottom: 0;margin: auto 0;width: 20px;height: 45px;margin:0px !important;}
.list-video-type1 .owl-prev:hover ,.list-video-type1 .owl-next:hover { background: #222 !important;}
.list-video-type1 .owl-prev { left: 0;}
.list-video-type1 .owl-next { right: 0;}
.list-video-type1 .owl-next i { padding-left: 5px;padding-right: 0;}

/*Style SliderPartner.cshtml*/
.slider-partner { float: left;width:100% ;}
.slider-partner .owl-item { padding: 10px;}
.slider-partner .item-slider {line-height: 80px;text-align: center;}
.slider-partner .item-slider h2 a { color: #000;line-height: 1.35em;text-align: justify;    font-weight: normal;    display: block;}
.slider-partner .item-slider h2 { font-size: 14px;font-weight: bold;color: #000000;margin-top: 5px;margin-bottom: 0;}
.slider-partner .item-slider h2 a:hover { color: #038FF4; }
.slider-partner .item-slider .img { height: 110px;overflow: hidden;line-height: 110px; }
.slider-partner .item-slider img { display: inline-block;max-width: 100%;}
.slider-partner .owl-controls { margin-top: 0 !important;}
.slider-partner .owl-controls i { color: #707070;font-size: 18px;padding-right: 0; }
.slider-partner .owl-prev:hover i { transition: ease 0.2s; color: #707070}
.slider-partner .owl-next:hover i { transition: ease 0.2s; color: #707070}
.slider-partner .owl-prev ,.slider-partner .owl-next {border-radius: 3px !important;background: #fff !important;margin: 0px !important;position: absolute;top: -30px;opacity: 0.8 !important;transition: ease 0.2s;padding: 4px !important;width: 26px;height: 26px;border: 1px solid #e1e1e1;}
.slider-partner .owl-prev:hover ,.slider-partner .owl-next:hover { background: #222 !important;}
.slider-partner .owl-prev { right: 44px;}
.slider-partner .owl-next { right: 14px;}
.slider-partner .owl-next i { padding-left: 5px;padding-right: 0;}

.slider-main { float: left;width: 100%;margin-bottom: 20px;height: 280px;overflow: hidden;}
.owlFull:hover .owl-prev ,.owlFull:hover .owl-next { opacity: 1;}
.owlFull .owl-item img { max-width: 100%;} 
.owlFull .owl-controls .owl-buttons { position: absolute;top: 44%;height: 0;width: 100%;}
.owlFull .owl-prev ,.owlFull .owl-next {line-height: 32px; position: absolute;margin: 0;border-radius: 5px;background: rgba(0, 0, 0, 0.3);width: 48px;height: 52px;padding: 12px 0 0;line-height: 18px; text-align: center;font-size: 46px;color: #fff;transition: all .5s ease;opacity: 1;}
.owlFull .owl-prev:hover ,.owlFull .owl-next:hover { background: rgba(0,0,0,0.6);}
.owlFull .owl-prev { left: 10px;}
.owlFull .owl-next { right: 10px;}

.owlFull .owl-controls { margin-top: 0;}
.owlFull .owl-pagination {text-align: left;bottom: 5px;position: absolute;padding-left: 10px;}
.owlFull .owl-controls .owl-page {margin-top: 0;}
.owlFull .owl-controls .owl-page span {margin: 0 7px 0 0;background: #fff;opacity: 1;width: 8px;height: 8px;}
.owlFull .owl-controls .owl-page.active span{ background: #038FF4;}
.slider-news .owl-pagination {text-align: right;top: 10px;height: 20px; right: 10px }

#divAdLeft ,#divAdRight { position: absolute;}

.box-news-s1 { width: 100%;float: left;}
.box-news-s1 .news-s1 { width: 50%;float: left;}
.box-news-s1 .news-s1:first-child { padding-right: 10px;}
.box-news-s1 .news-s1:last-child { padding-left: 10px;}

.news-s1 strong { margin-bottom: 10px;border-top: 2px solid #eeeeee;float: left;width: 100%;margin-top: 15px;}
.news-s1 strong a { font-size: 20px;font-family: utmgothic;color: #038FF4;font-weight: normal;display: block;padding-top: 5px;line-height: 1.2em;}
.news-s1 strong span { width: 14px;height: 14px;display: inline-block;background: #038FF4;text-align: center;line-height: 14px;color: #fff;font-size: 14px;position: relative;top: -2px;left: 10px;}
.news-s1 .item-first { float: left;width: 100%;border-bottom: 1px solid #eeeeee;padding-bottom: 15px;}
.news-s1 .item-first .img { height: 130px;overflow: hidden;}
.news-s1 img { width: 100%;}
.news-s1 time { color: #a7a7a7;font-size: 13px;display: block;width: 100%;margin-bottom: 5px;}
.news-s1 .item-first .detail h3 { margin-top: 10px;}
.news-s1 .item-first .detail h3 a { display: block;font-size: 13px;color: #383838;font-weight: bold;line-height: 1.35em;}
.news-s1 .item-first .detail h3 a:hover { color: #038FF4;}

.col-sm-5 .news-s1 .item-first .img { height: 90px;overflow: hidden;}

.news-s1 .item-other { float: left;width: 100%;margin-top: 15px;}
.news-s1 .item-other .img { width: 35%;float: left;}
.news-s1 .item-other .detail { width: 65%;float: left;padding-left: 10px;}
.news-s1 .item-other .detail a { display: block;font-size: 13px;color: #383838;font-weight: bold;line-height: 1.35em;text-align: justify;}
.news-s1 .item-other .detail a:hover { color: #038FF4}

.box-news-s2 { width: 100%;float: left;}
.box-news-s2 .news-s2 { width: 50%;float: left;}
.box-news-s2 .news-s2:nth-child(2) { padding-right: 10px;}
.box-news-s2 .news-s2:nth-child(3) { padding-left: 10px;}
.box-news-s2 strong { margin-bottom: 10px;border-top: 2px solid #eeeeee;float: left;width: 100%;margin-top: 15px;}
.box-news-s2 strong a { font-size: 20px;font-family: utmgothic;color: #038FF4;font-weight: normal;display: block;padding-top: 5px;line-height: 1.2em;}
.box-news-s2 strong span { width: 14px;height: 14px;display: inline-block;background: #038FF4;text-align: center;line-height: 14px;color: #fff;font-size: 14px;position: relative;top: -2px;left: 10px;}
.news-s2 .item-first { float: left;width: 100%;padding-bottom: 15px;}
.news-s2 img { width: 100%;}
.news-s2 time { color: #a7a7a7;font-size: 13px;display: block;width: 100%;margin-bottom: 5px;}
.news-s2 .item-first .detail h3 { margin-top: 10px;}
.news-s2 .item-first .detail h3 a { display: block;font-size: 16px;color: #383838;font-weight: bold;line-height: 1.35em;text-align: justify;}
.news-s2 .item-first .detail h3 a:hover { color: #038FF4;}

.news-s2 .item-other { float: left;width: 100%;margin-bottom: 10px;}
.news-s2 .item-other .img { width: 35%;float: left;}
.news-s2 .item-other .detail { width: 65%;float: left;padding-left: 10px;}
.news-s2 .item-other .detail a { display: block;font-size: 13px;color: #383838;font-weight: bold;line-height: 1.35em;}
.news-s2 .item-other .detail a:hover { color: #038FF4}

.box-news-s5 {}
.box-news-s5 .text-des { text-align: justify;}
.box-news-s5 .news-s2 { float: left;}
.box-news-s5 .news-s2:nth-child(2) { padding: 0px;}
.box-news-s5 .news-s2:nth-child(3) { padding-left: 10px;}
.box-news-s5 strong {margin-bottom: 10px; float: left;width: 100%; padding-bottom: 5px;background-color: #114ab7;}
.box-news-s5 strong a { font-size: 22px;font-family: utmgothic;color: #fff;font-weight: normal;display: block;line-height: 25px;padding-left: 15px;padding-top: 5px;}
.box-news-s5 strong span { width: 14px;height: 14px;display: inline-block;text-align: center;line-height: 14px;color: #fff;font-size: 14px;position: relative;top: -2px;left: 10px;}
.news-s2 > h4 { margin-top: 0;}
.news-s2 > h4 a { color: #383838;     text-align: justify;display: block;font-weight: bold;    font-size: 16px;}
.news-s2 > h4 a:hover { color: #038FF4;} 

.box-news-s3 { float: left;width: 100%;}
.box-news-s3 strong {float: left;width: 100%;}
.box-news-s3 strong a {font-size: 20px;font-family: utmgothic;color: #038FF4;font-weight: normal;display: block;float: left;line-height: 1.2em;padding-top: 5px;}
.box-news-s3 strong span { width: 14px;height: 14px;display: inline-block;background: #038FF4;text-align: center;line-height: 14px;color: #fff;font-size: 14px;position: relative;top: -2px;left: 10px;}

.item-s3 {
    float: left;
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    padding: 15px 0 10px 0;
}
.box-news-s3 div:first-child {padding-top: 0;}
.item-s3 .img { width: 35%;position: relative;float: left;}
.item-s3 .detail { width: 65%;float: left;padding-left: 10px;}
.item-s3 .detail a { display: block;font-size: 13px;color: #383838;font-weight: bold;line-height: 1.35em;text-align: justify;}
.item-s3 .detail a:hover { color: #038FF4}

.item-s3 .text-des {width: 100%;margin-top: 15px;float: left;text-align: justify ;  }

.box-news-s6 {     padding-right: 25px; }
.box-news-s6 strong {    float: left;    width: 100%;    border-bottom: 2px solid #114ab7;}
.box-news-s6 strong a {font-size: 22px;font-family: utmgothic;color: #114ab7;font-weight: normal;display: block;float: left;line-height: 1.5em;padding-top: 5px;}
.box-news-s6 strong span { width: 14px;height: 14px;display: inline-block;background: #37cefb;text-align: center;line-height: 14px;color: #fff;font-size: 14px;position: relative;top: -2px;left: 10px;}
.box-news-s6 .img {    height:  84px;    overflow: hidden;}

/*linl bread*/
.bread-crumbar {padding: 5px 10px;width: 100%;float: left;/* border-left: 4px solid #0089d0; */background: #F3F2F2;margin-bottom: 10px;}
.bread-crumbar ul li { display: inline-block;float: left;background: url(../images/arrow-bread-crumbar.png) right center no-repeat;padding-right: 18px;padding-left: 10px;}
.bread-crumbar ul li:first-child { padding-left: 0; }
.bread-crumbar ul li:last-child { background: none;}
.bread-crumbar ul li a { color: #4a4a4a;font-size: 13px;line-height: 1.4em;}
.bread-crumbar ul li a:hover ,.bread-crumbar ul li a.active  { color: #038FF4;}


.detail-news { width: 100%;float: left;}
.detail-news h1.title-news { font-size: 16px;color: #000;margin: 5px 0;font-weight: bold;line-height: 1.4em;}
.detail-news h1.title-news p {font-size: 20px;}
.detail-news h1.title-news b {color: #0461ca; font-size: 22px;}news-s2
.social-like { float: right;overflow: hidden;max-height: 50px;min-height: 30px;padding: 3px 0;}
.content-news-detail { margin-top: 10px;float: left;width: 100%;text-align: justify;line-height: 26px;}
.content-news-detail img { margin-bottom: 10px; max-width: 610px;}

@media only screen and (min-width: 1200px ) {
    .content-news-detail img {
        width: 500px;
        height: auto;
    }
}
/*tags detail news*/
.tags-news { margin-top: 10px;margin-bottom: 10px;padding: 10px 0;float: left;width: 100%;border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;}
.tags-news strong { font-size: 16px;color: #4a4a4a;}
.tags-news strong span { font-size: 18px;color: #4a4a4a;padding-right: 5px;}
.tags-news a { font-size: 14px;border: 1px solid #d1d1d1;padding: 3px 10px;display: inline-block;margin-right:3px;margin-left: 3px;color: #222222;margin-top: 3px;margin-bottom: 3px;}
.tags-news a:hover { border: 1px solid #222;background: #222;color: #fff;}


.box-news-other h2 { width: 100%;float: left;margin: 10px 0;}
.box-news-other h2 strong { font-size: 18px;color: #424141;border-bottom: 3px solid #038FF4;padding: 5px 0;display: inline-block;}
.item-news-other .img { height: 110px;overflow: hidden;}
.item-news-other h3 { font-size: 14px;font-weight: bold;margin: 5px 0; }
.item-news-other h3 a { line-height: 1.4em; color: #424141}
.item-news-other h3 a:hover { color: #038FF4;}

.box-news-other ul { padding-left: 15px;margin-top: 15px;float: left;}
.box-news-other ul li { display: block;width: 100%;padding: 2px 0;float: left;}
.box-news-other ul li a:before {margin-top: 8px;float: left;background: #707070;width: 6px;height: 6px;content: '';display: inline-block;margin-left: -15px;}
.box-news-other ul li a:hover:before {background: #038FF4}
.box-news-other ul li a { color: #4a4a4a; }
.box-news-other ul li a:hover { color: #038FF4;}

.post-date {padding: 1px 0;font-size: 13px;color: #afafaf;margin-bottom: 5px;} 
.post-date a {font-family: 'Segoe UI';padding-left: 5px;color: #afafaf;}
.post-date span:hover,.post-date span:hover a {color: #555 !important;}
.post-date span {border-left: 1px solid #aaa;padding:0 10px;}
.post-date span:first-child {border-left:0;padding-left:0;}

.main-list-news { width: 100%;float: left;}
h1.title-list-news { border-bottom: 1px solid #d1d1d1;width: 100%;display: block;float: left;margin-top: 0;margin-bottom: 15px;}
h1.title-list-news span { display: inline-block;float: left;border-bottom: 3px solid #114ab7;font-size: 24px;color: #383838;position: relative;top: 2px;padding-bottom: 5px;font-family: utmgothic;}
h1.title-list-news a { float: right;font-size: 15px;padding-top: 10px; color: #038FF4}
.list-news { width: 100%;float: left;}
.list-news .item-news { width: 100%;padding-bottom: 20px;float: left;padding-right: 15px;padding-top: 20px;border-bottom: 1px dashed #e5e5e5;}
.list-news .item-news:first-child { padding-top: 5px;}
.list-news .item-news:last-child { margin-bottom: 0;}
.list-news .item-news .img {width: 28%;text-align: center;float: left;height: 130px;overflow: hidden;}
.list-news .item-news .img img { display: inline-block;height: 100%; width: 100%}
.list-news .item-news .caption h2 { margin-top: 0;margin-bottom: 5px}
.list-news .item-news .caption h2 a { font-size: 14px;color: #4a4a4a;display: block;font-weight: bold;line-height: 1.4em;}
.list-news .item-news .caption h2 a:hover { color: #038FF4}
.list-news .item-news .detail {width: 72%;float: left;padding-left: 15px;}
.list-news .item-news .detail p { line-height: 1.4em;font-size: 14px;color: #424141;display: inline;text-align: justify;}
.list-news .item-news .detail a.btn-news-view { display: inline;font-weight: bold;padding-left: 5px;color: #06609d;}
.list-news .item-news .detail a.btn-news-view:hover { text-decoration: underline;}
.list-news .item-news .detail a.btn-news-view span { padding-right: 5px;font-size: 16px;}

.div-phantrang {padding-left: 0;margin-top: 20px;padding: 0;width: 100%;float: left;padding: 0px;text-align: center;padding-top: 15px;}
.dot-fillin ul { float: left;text-align: center; width: 100%}
.dot-fillin ul li {display: inline-block;margin-right: 5px;}
.dot-fillin ul li.current a  { color: #fff;background: #038FF4;border: 1px solid #038FF4;}
.dot-fillin ul li:hover a { background: #038FF4;color: #fff;}
.dot-fillin ul li a { border: 1px solid #038FF4;text-align: center;margin-right: 0px;width: 28px;height: 28px;display: block;line-height: 26px;color: #038FF4;font-weight: bold;overflow: hidden;}
.dot-fillin ul li span i { padding-right: 0;font-size: 22px;}

/*Header*/
.navi-header { float: left;width: 100%;}
.lang-box {width: auto;display: inline-block;line-height: 28px;float: right;margin-top: 3px;}
.lang-box a { padding-right: 4px;display: inline-block;}
.search-box {width: 100%;display: inline-block;float: right; margin-bottom: 15px; border:1px solid #e1e1e1}
.search-box form { }
.search-box input {border: 0;height: 36px;text-indent: 5px;width: calc(100% - 45px);float: left;border-right: 0; transition:0.6s ease-in-out;}
.search-box input:focus { transition:0.6s ease-in-out;outline: none;}
.search-box button {width: 40px;float: right;background: #eeeeee;border: none;line-height: 36px;}
.search-box button span { font-size: 18px;}

.clock-top { color: #fff;padding-top:5px;float: right;margin-right: 15px;padding-top: 8px;}

.box-header {background: url("/Content/UongBi/img/banner-header-bg.jpg") top center no-repeat;height: 150px;}
.box-header img { display: inline-block; margin: 2px 0 0 10px;}
.box-nav-main { background: #114ab7;width: 100%;float: left;border-bottom: 0px solid #038FF4;height: 44px;}
.nav-main { float: left;width: 100%;}
.nav-main > ul > li { display: inline-block;float: left;position: relative;}
.nav-main > ul > li:first-child > a:hover:after { content: "";border: 6px solid transparent;border-top: 6px solid #fff;left: calc(50% - 6px);position: absolute;top: 0; }
.nav-main > ul > li > a { display: block;color: #fff;font-size: 13px;padding: 13px 26px;position: relative;transition: none !important;font-weight: 600;}
.nav-main > ul > li > a > span.fa-home { font-size: 18px;display: block;padding-left: 5px;padding-right: 5px;}
.nav-main > ul > li > a span { padding-left: 5px;}
.nav-main > ul > li > a:hover { background: #038FF4;color: #fff;}
.nav-main > ul > li > a:hover:after { content: "";border: 6px solid transparent;border-top: 6px solid #fff;left: calc(50% - 3px);position: absolute;top: 0; }
.nav-main > ul > li > ul {position: absolute;width: 240px;background: #038FF4;visibility: hidden;opacity: 0;transition: 0.3s ease-in-out;z-index: 999;}
.nav-main > ul > li > ul > li { display: block;}
.nav-main > ul > li > ul > li a {color: #fff;padding: 8px 15px;display: block;border-bottom: 1px solid #67b8f3;}
.nav-main > ul > li > ul > li a:hover {background: #5baeea;}
.nav-main > ul > li:last-child ul { right: 0;}
.nav-main > ul > li:hover ul { visibility: visible;transition: 0.3s ease-in-out;opacity: 1;}
.nav-main > ul > li:hover > a {background: #038FF4;color: #fff;}
.nav-main > ul > li:hover > a:after {content: "";border: 6px solid transparent;border-top: 6px solid #fff;left: calc(50% - 3px);position: absolute;top: 0; }

#content-main { width: 100%;float: left;}
.day-time {padding: 6px 0;width: 100%;float: left;/* margin-top: 5px; */}
.day-time  p { margin-bottom: 0;}
.day-time span { color: #fff;font-size: 14px;}

#footer-main {background: url("/Content/UongBi/img/footer-bg.jpg") top center no-repeat; background-size: cover;float: left;width: 100%;}
.box-contact-foo {padding-top: 15px; color: #a9a9a9;}
.box-contact-foo .foo-contact {}
.box-contact-foo .foo-contact h2 { font-size: 22px;color: #FFF; margin-top: 0;}
.box-contact-foo .foo-contact span { display: inline-block;color: #FFF;font-size: 13px;padding-right: 10px;line-height: 26px;}
.box-contact-foo .foo-contact span i { font-size: 16px; color: #FFF}
.box-contact-foo .foo-contact span a { color: #005f33;margin-right: 10px;}
.box-contact-foo .foo-contact b { display: block;color: #056839;font-size: 15px;font-weight: normal;padding-top: 10px;}

.list-news-type-1 {float: left;width: 100%;margin-top: 5px;text-align: justify;}
.list-news-type-1 ul { padding-left: 15px;}
.list-news-type-1 ul li { display: block;width: 100%;padding: 2px 0;float: left;}
.list-news-type-1 ul li a:before {margin-top: 8px;float: left;background: #707070;width: 4px;height: 4px;content: '';display: inline-block;margin-left: -11px;}
.list-news-type-1 ul li a:hover:before {background: #038FF4}
.list-news-type-1 ul li a { color: #4a4a4a;font-size: 13px; font-weight: 600;}
.list-news-type-1 ul li a span { padding-left: 5px;display: inline-block;color: #999;font-size: 12px !important;}
.list-news-type-1 ul li a:hover { color: #038FF4;}


.menu-top { display: block;}
.menu-top ul li { display: inline-block;float: left;position: relative; border-left:1px solid #5baeea}
.menu-top ul li:hover { background-color: #038FF4}
.menu-top ul li:last-child {border-right:1px solid #5baeea}
.menu-top ul li a {display: block;font-size: 14px;color: #fff;padding: 9px 15px;}

.menu-foo { display: block;background-color:#10b5e5;background-size: cover; padding: 9px 0;}
.menu-foo ul { text-align: center}
.menu-foo ul li {display: inline-block;position: relative;color: #fff;}
.menu-foo ul li:after { content: "|";float: right;display: inline-block;height: 24px;width: 1px;position: absolute;right: 0;top: 0;}
.menu-foo ul li:last-child:after { content: "";}
.menu-foo ul li a {display: block;font-size: 14px;color: #fff;padding: 0 20px;}
.menu-foo ul li a:hover { color: #ffffff;}

.maps-chidan { text-align: right;}
.maps-chidan a { padding: 9px 0;color: #13a7e1;font-size: 15px;}

#news-ticker { margin-top: 6px;margin-bottom: 6px;width: 100%;float: left;background: #fff;padding: 2px;}
#news-ticker span {display: inline-block;float: left;background: #404041;color: #fff;font-weight: bold;text-transform: none;padding: 5px 15px;border-radius: 4px;}
#news-ticker ul { display: inline-block;position: relative; float: left;padding-left: 10px;}
#news-ticker li {position: absolute;left: 0; width: 0;overflow: hidden;height: 1.4em; word-wrap: break-word;opacity: 0; margin-top: 5px;padding-left: 10px;}
#news-ticker li a { white-space: nowrap;color: #222;font-size: 14px;display: block;font-weight: normal;line-height: 1.4em;}
#news-ticker li a:hover { color: #038FF4}
#news-ticker li.tick { -webkit-animation: tick 5s linear; }

.social-foo a { display: block;margin-top: 5px;color: #a9a9a9; }
.social-foo a .fa { background: #696969;color: #252f35;height: 28px;width: 28px;line-height: 28px;text-align: center;-moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;padding-right: 0;font-size: 16px; margin-right: 10px}
.social-foo a:hover { color: #fff;}
.social-foo a:hover i { background: #0e74bc;color: #fff;}

.lienket-ws  { padding: 15px 10px;}

.tabs-media { float: left;width: 100%;margin-top: 10px;}
.tabs-media .tab-nav { border-bottom: 1px solid #eeeeee;float: left;width: 100%;}
.tabs-media .tab-nav a { display:block;padding: 5px 15px;background: #f3f3f3;color: #787878; margin-bottom: -1px;font-size: 24px;font-family: utmgothic; float: left;text-align: center;border-bottom: 3px solid #eeeeee;width:50%;}
.tabs-media .tab-nav a:first-child { margin-left: 0px;}
.tabs-media .tab-nav .tab-current ,.tabs-media .tab-nav .tab-current:hover ,.tabs-media .tab-nav a:hover  { background: #038FF4;border-bottom: 3px solid #eeeeee;color: #fff;} 
.tabs-media .tab-content { margin-top: 0px;padding: 10px 0;float: left;width: 100%;}
.tabs-media .tab-content-item { margin-bottom: 0;}

.box-document { width: 100%;float: left;}
.menu-document { width: 101.5%;float: left; }
.menu-document a { display: block;width: 18.5%;float: left;margin-right: 1.5%;border: 1px solid #e1e1e1;background: #ecf4f9;color: #0a629d;text-align: center;padding: 6px 0;margin-bottom: 13px;font-weight: bold;font-size: 13px;}
.menu-document a:hover ,.menu-document a:focus, .menu-document  a.active { color: #038FF4 }
.list-document table { margin-bottom: 0;}
.list-document table th { background: #ebebeb;border-bottom: 1px solid #ddd !important;text-align: center;font-size: 12px;}
.list-document table td { padding: 10px !important;font-size: 15px;vertical-align: middle !important;}
.list-document table td b { color: #038FF4; font-size: 18px}
.list-document table a { color: #056839;}
.list-document strong { font-size: 16px;color: #343434;margin-bottom: 10px;display: block;}
.list-document strong span { font-weight: normal;font-size: 14px;}

.other-document { float: left;width: 100%;margin-top: 15px;}
.other-document h5 { font-weight: bold;font-size: 20px;border-bottom: 1px solid #ccc;padding-bottom: 10px;}
.other-document ul { padding-left: 15px;}
.other-document ul li { display: block;width: 100%;padding: 5px 0;float: left;}
.other-document ul li b { font-size: 14px;}
.other-document ul li a:before {margin-top: 8px;float: left;background: #4a4a4a;width: 6px;height: 6px;content: '';display: inline-block;margin-left: -14px;border-radius: 3px; }
.other-document ul li a:hover:before {background: #038FF4}
.other-document ul li a { color: #4a4a4a;font-size: 15px;}
.other-document ul li a:hover { color: #038FF4;}

.doc-property > ul > li:nth-child(odd) { background: #fff}
.doc-property ul li { width: 100%;display: block;padding: 10px;float: left;}
.doc-property ul li b { width: 100%;float: left;margin-bottom: 10px;}
.doc-property ul li span { width: 100%;float: left;}
.doc-property ul li span  a { color: #1772c3;padding: 3px 8px;display: inline-block;margin-right: 5px;margin-bottom: 5px; border: 1px solid #1772c3}
.doc-property ul li span  a:hover { background: #1772c3;color: #fff;}
.doc-file-other  {float: left;}
.doc-file-other > strong { float: left;width: 100%;margin-bottom: 10px;color: #256e97; padding-left: 22px;background: url(../images/ico-file.png) no-repeat left center;font-size: 14px;}
.doc-file-other li { float: left;width: 100%;}
.doc-file-other a { display: block;float: left;width: 100%;padding-left: 30px;padding-top: 7px;padding-bottom: 7px; color: #056839}
.doc-file-other .type-doc { background: url(../images/ico_doc.png) no-repeat left center; }
.doc-file-other .type-docx { background: url(../images/ico_doc.png) no-repeat left center; }
.doc-file-other .type-pdf { background: url(../images/ico_pdf.png) no-repeat left center;}
.doc-file-other .type-xls { background: url(../images/ico_exel.png) no-repeat left center;}
.doc-file-other .type-xlsx { background: url(../images/ico_exel.png) no-repeat left center;}


.box-search-qa { padding-bottom: 15px;}
.box-search-qa input { border: 1px solid #d7d7d7;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;width: 80%;float: left;line-height: 42px;background: url(../images/ico-search-qa.png) no-repeat 10px center;text-indent: 34px; }
.box-search-qa button { background: #0587dd;font-weight: bold;text-transform: uppercase;color: #fff;border: none;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;width: 18%;float: right;line-height: 44px;}

.create-questions { width: 100%;float: left;padding-bottom: 15px;}
.create-questions  a { display: block;width: 100%;border-radius: 6px;background: url(../images/ico-questions.png) 10px center no-repeat #ff9c00;line-height: 52px;padding-left: 55px;font-size: 24px;font-weight: bold;text-transform: uppercase;color: #fff;font-style: italic;}

.list-questions { border: 1px solid #e1e1e1;padding: 10px;width: 100%;float: left;border-radius: 4px;}
.list-questions .item-question { border-bottom: 1px dashed #e1e1e1;width: 100%;float: left;padding: 10px 0;}
.list-questions .item-question:first-child { padding-top: 5px;}
.list-questions .item-question:last-child { padding-bottom: 5px;border-bottom: 0;}
.list-questions .item-question .img {width: 70px;float: left;height: 64px;background: url(../images/ico-question.png) no-repeat center center;border: 1px solid  #E9E9E9;}
.list-questions .item-question .detail {width: calc(100% - 70px);float: left;padding-left: 12px;}
.list-questions .item-question .detail a { font-size: 14px;font-weight: normal;color: #454343;padding-bottom: 4px;display: block;}
.list-questions .item-question .detail a:hover { color: #0479c8;}
.list-questions .item-question .detail p { font-size: 13px;}
.list-questions .item-question .post-time { width: 100%;float: left;padding-top: 0;font-style: normal;color: #717171;font-size: 13px;padding-bottom: 10px;}

.box-aside-question { border: 1px solid #e1e1e1;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;margin-bottom: 15px;width: 100%;float: left;}
.box-aside-question .title-box { width: 100%;float: left;font-size: 16px;color: #454343;padding: 7px 15px 5px 15px;text-transform: uppercase;font-weight: bold; border-bottom: 1px solid #e1e1e1}
.box-aside-question .body-box { padding: 10px;float: left;width: 100%;}
.menu-aside-sty2 { float: left;width: 100%;}
.menu-aside-sty2 li { border-bottom: 1px dotted #e1e1e1;}
.menu-aside-sty2 li:last-child { border: none;}
.menu-aside-sty2 li a { display: block;padding: 7px 0;color: #016eb7;}
.menu-aside-sty2 li a:hover ,.menu-aside-sty2 li a:focus { text-decoration: underline;}
.item-text { padding: 10px 0;border-bottom: 1px solid #e1e1e1;float: left;width: 100%;}
.item-text:first-child { padding-top: 0px;}
.item-text:last-child { padding-bottom: 0px;border-bottom: 0;}
.item-text a { font-size: 16px;font-weight: bold;color: #454343;padding-bottom: 4px;display: block;}
.item-text a:hover { color: #0479c8;}
.item-text p { font-size: 13px;}
.item-text i { width: 100%;float: left;padding-top: 0px;font-style: normal; color: #b2b2b2}

.box-contact { float: left;width: 100%;margin-bottom: 30px;}
.box-contact .title-list-news{
    border-bottom: 1px solid #d1d1d1;
    width: 100%;
    display: block;
    float: left;
    margin-top: 0;
    margin-bottom: 15px;
    margin-left: 15px;
}
.box-contact .title-list-news span{
    display: inline-block;
    float: left;
    border-bottom: 3px solid #06609d;
    font-size: 22px;
    color: #4a4a4a;
    position: relative;
    top: 2px;
    padding-bottom: 5px;
    font-weight: bold;
}
.box-contact p { color: #8b8b8b;padding: 10px 0;}
.box-contact span { color: #8b8b8b;padding: 10px 0;display: block;}
.box-contact h2 { margin: 0;font-size: 24px;font-weight: normal;}
.box-contact h3 { margin: 0;font-size: 18px;text-transform: uppercase;font-weight: bold;line-height: 1.4em;color: #454343;}
.right-contact li { padding: 5px 0;display: block;}
.right-contact strong { width: 66px;display: inline-block;color: #454343;}
.right-contact span { display: inline-block;padding: 0; color: #0e76bc}
.form-contact-2 { margin-top: 20px;}
.form-contact-2 label { font-weight: normal;text-align: left !important;}
.form-contact-2 label strong { font-size: 18px;color: #e03232;}
.form-contact-2 .form-control { -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important;border: 1px solid #e1e1e1;}
.form-contact-2 button { color: #fff;border: none;background: #0089d0;padding: 6px 30px;}

.cts-container {position: relative;}

.body-fast-news {background: #0587dd;padding: 4px 0;margin-bottom: 20px;}
.fast-news {white-space: nowrap;overflow: hidden;text-align: right;padding-right: 7px;position: relative;}
.fast-news strong {padding: 7px 10px;color: #353535;background: #eceeed;font-weight:bold;margin-right: 21px;display: block;border-left: 5px solid #ffa31e;position: relative;}
.fast-news strong:after {content: "";border: 17px solid transparent;border-left: 15px solid #eceeed;position: absolute;right: -32px;top: 0;}
.fast-news a { color: #ffffff}
.fast-news a:hover ,.fast-news a:focus { color: #ffa31e;}
.title-fast-news {width: 13%;float: left;position: relative;margin-left: 0;}
.list-fast-news { width: 87% !important;float: left;}
.list-fast-news .owl-wrapper-outer { margin-top: 7px;}
.list-fast-news .owl-item { text-align: left;}

.box-media h4 { font-weight: bold;}
.view-video-detail { height: 320px; background: #ebebeb}
.item-video-connect:nth-child(1) { padding-top: 0}
.item-video-connect:last-child { border-bottom: 0;} 
.item-video-connect { width: 100%;float: left;padding: 15px 0;border-bottom: 1px dashed #e1e1e1;}
.item-video-connect .img { width: 35%;float: left;position: relative;}
.item-video-connect .detail { width: 65%;float: left;padding-left: 15px;}
.item-video-connect .detail a { font-weight: bold; color: #454343}
.item-video-connect .detail a:hover { color: #0089d0}
.item-video-connect .detail time { font-size: 13px;color: #aaaaaa;padding-top: 5px;display: block;}

.detail-media { width: 100%;float: left;}
.detail-media h2 { font-size: 18px;font-weight: bold;color: #454343;margin-top: 10px;margin-bottom: 5px;line-height: 1.4em;}
.detail-media span {color: #b9b9b9;margin-bottom: 5px;display: block;}
.detail-media .social-like { margin: 5px 0;width: 100%;}
.detail-media  p { color: #454343}

.media-other { width: 100%;float: left;}
.media-other .title-box { color: #454343;font-size: 16px;font-weight: bold;padding: 5px 0;border-bottom: 2px solid #ebebeb;margin-bottom: 20px;margin-top: 15px;}
.media-other .item-media-other { margin-bottom: 20px;}
.media-other .item-media-other .img img { width:100%;}
.media-other .item-media-other  .detail a { display: block;padding: 5px 0;color: #454343;font-weight: bold;}
.media-other .item-media-other  .detail a:hover { color: #016eb7;}
.media-other .item-media-other  .detail span { color: #848383;font-size: 12px;display: block;}

.item-media {margin-bottom: 20px; }
.item-media .img {height: 150px;overflow: hidden;line-height: 150px;}
.item-media .img img { display: inline-block;}
.item-media h2 {margin: 10px 0 5px 0;height: 44px;overflow: hidden; }
.item-media h2 a {font-size: 16px;display: block;line-height: 1.35em;color: #353535;text-align: center; }
.item-media h2 a:hover, .item-media h2 a:focus {color: #ed161d; }

.item-media-ef .img {position: relative; }
.item-media-ef .img .roll {width: 100%;height: 100%;position: absolute;background-color: rgba(0, 0, 0, 0.4);-moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-ms-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;-ms-opacity: 0.8; opacity: 0.8;visibility: visible;top: 0;left: 0;background-position: center center;background-repeat: no-repeat;font: normal normal normal 14px/1 FontAwesome; }
.item-media-ef .img .roll:before { color: #fff;width: 46px; height: 46px;border: 3px solid #fff;border-radius: 100%;top: 50%;left: 50%;text-align: center;line-height: 41px;display: block;position: absolute;margin: -23px 0 0 -23px;-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1); -webkit-transform: scale(1);transform: scale(1);-moz-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;-webkit-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;font-size: 22px; }
.item-media-ef .img .roll.tie-news:before {content: '\f15c'; }
.item-media-ef .img .roll.tie-video:before { content: '\f16a'; }
.item-media-ef .img .roll.tie-picture:before { content: '\f083'; }
.item-media-ef .img .roll.tie-eye:before {content: '\f06e '; }
.item-media-ef:hover .roll {-ms-opacity: 1;opacity: 1;visibility: visible;background-color: rgba(0, 0, 0, 0.6);-moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-ms-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; } .item-media-ef:hover .roll:before {-moz-transform: scale(1.3);-o-transform: scale(1.3);-ms-transform: scale(1.3); -webkit-transform: scale(1.3);transform: scale(1.3);-moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -webkit-transition: 0.4s ease-in-out;-ms-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

/*#slide_sync1:hover .owl-prev ,#slide_sync1:hover .owl-next ,#slide_sync1:hover .callFullScreen { opacity: 1;}*/
#slide_sync1 .owl-item img { max-width: 100%;} 
#slide_sync1 .owl-controls .owl-buttons { position: absolute;top: 44%;height: 0;width: 100%;}
#slide_sync1 .owl-prev ,#slide_sync1 .owl-next {line-height: 32px; position: absolute;margin: 0;border-radius: 5px;background: rgba(0, 0, 0, 0.3);width: 48px;height: 52px;padding: 12px 0 0;line-height: 18px; text-align: center;font-size: 46px;color: #fff;transition: all .5s ease;opacity: 1;}
#slide_sync1 .owl-prev:hover ,#slide_sync1 .owl-next:hover { background: rgba(0,0,0,0.6);}
#slide_sync1 .owl-prev { left: 10px;}
#slide_sync1 .owl-next { right: 10px;}
#slide_sync1 .item-slider img {width: 100%;}
.callFullScreen { width: 40px;height: 40px;position: absolute;right: 0;top: 0;display: block;background:url(../images/ico-fullscreen.png) no-repeat center center rgba(0, 0, 0, 0.4);opacity: 1;}
.callFullScreen:hover { background-color: rgba(0,0,0,0.6)}

#slide_sync1 .owl-caption { padding: 10px 0;text-align: center;}

.wrap-slide-thub{ position: relative;width: 100%;left: 0;bottom: 0;background: #f2f2f2;padding: 5px;}
#thub_sync2 { width: calc(100% - 80px);margin-left: 40px;margin-right: 40px;}
#thub_sync2 .owl-item.loading { min-height: 32px;}
#thub_sync2 .owl-item { padding: 0px 2.5px;}
#thub_sync2 .owl-item.synced .item-thub{ opacity: 1;border: 1px solid #222;} 
#thub_sync2 .item-thub { opacity: 0.6;cursor: pointer;border: 1px solid #f2f2f2;overflow: hidden;}
#thub_sync2 .item-thub img { max-width: 100%;}
#thub_sync2 .owl-controls .owl-buttons { position: absolute;top: 5%;height: 0;width: 100%;}
#thub_sync2 .owl-prev ,#thub_sync2 .owl-next {line-height: 32px; position: absolute;margin: 0;width: 40px;height: 50px;line-height: 46px; text-align: center;font-size: 38px;color: #222;transition: all .5s ease;background: none;}
#thub_sync2 .owl-prev:hover ,#thub_sync2 .owl-next:hover { }
#thub_sync2 .owl-prev { left: -40px;}
#thub_sync2 .owl-next { right: -40px;}

.box-questions { width: 100%;float: left;}
.box-questions h3 { font-size: 18px;font-weight: bold;text-transform: uppercase;color: #454343;border-top: 1px solid #dddddd;padding-top: 15px;}
.box-questions h4 { font-size: 16px;color: #454343;font-weight: bold;}
ul.info-question { display: block;float: left;width: 100%;}
ul.info-question li { width: 50%;float: left;display: block;padding: 3px 0;}
ul.info-question li strong { padding-right: 5px;display: inline-block;}
.re-question ul li  { width: 100%;float: left;display: block;padding: 3px 0;}
.re-question li strong { padding-right: 5px;display: inline-block;}
.re-question ,.other-question { float: left;width: 100%;}
.other-question ul { float: left;width: 100%;}
.other-question ul li { display: block;width: 100%;float: left; }
.other-question ul li a { font-size: 14px;color: #0687de;display: block;padding: 2px 0;float: left;width: calc(100% - 25px)}
.other-question ul li span { display: inline-block;float: left;color: #0687de;width: 25px;position: relative;top: 3px;}
.other-question h3 { font-size: 18px;font-weight: bold;text-transform: uppercase;color: #454343;border-top: 1px solid #dddddd;padding-top: 15px;}
.lable-search { width: 100%;float: left;margin-top: 10px;margin-bottom: 15px;}
.lable-search span { float: left;line-height: 34px;margin-right: 10px;}
.lable-search select { display: inline-block;float: left;width: 192px;}

.create-question { float: left;width: 100%;margin-bottom: 30px;}
.create-question span { color: #707070;padding: 5px 10px;display: block;border: 1px solid #d7d7d7;background: #f7f7f7;margin: 10px 0 15px 0;}
.create-question h3 { margin: 0;font-size: 18px;text-transform: none;font-weight: bold;line-height: 1.4em;color: #454343;border-top: 0;padding-top: 0;}
.create-question li { padding: 5px 0;display: block;}
.create-question strong {display: inline-block;color: #454343;}
.create-question label { font-weight: normal;text-align: left !important;}
.create-question label strong { font-size: 18px;color: #e03232;}
.create-question .form-control { -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important;border: 1px solid #e1e1e1;}
.create-question button { color: #fff;border: none;background: #0089d0;padding: 6px 30px;}

.table-doc-home thead { background: #e7f5ff;border-top: 1px solid #d1d1d1;}
.table-doc-home a { color: #0687de;}
.table-doc-home a:hover { color: #e03232}
.doc-file { display: inline-block;width: 24px;height: 24px;}
.doc-file.type-doc { background: url(../images/ico_doc.png) no-repeat left center; }
.doc-file.type-pdf { background: url(../images/ico_pdf.png) no-repeat left center;}
.doc-file.type-exel { background: url(../images/ico_exel.png) no-repeat left center;}
.doc-file.type-exel { background: url(../images/ico_exel.png) no-repeat left center;}

.site-maps { float: left;width: 100%; }
.site-maps > li { display: block;float: left;width: 100%;margin-bottom: 10px;}
.site-maps > li > a { color: #016eb7;font-weight: bold;}
.site-maps > li > a:hover { color: #038FF4;}
.site-maps > li > ul { float: left;width: 100%;padding-left: 20px;}
.site-maps > li > ul > li { display: block;float: left;width: 100%;}
.site-maps > li > ul > li a { color: #696969;display: block;padding: 3px 0;}
.site-maps > li > ul > li a:hover { text-decoration: underline;color: #038FF4;}
.site-maps a { display: block;float: left;}

.sticky-box {
    position: -webkit-sticky; 
    position: sticky;
    top: 0; 
}   

.item-danhba {width:100%;float: left;height: 170px;position: relative;overflow: hidden;margin-top: 10px;border: 2px solid #e1e1e1;margin-bottom: 20px; }
.item-danhba:hover { border: 2px solid #0e76bd;cursor: pointer;}
.item-danhba:hover .img {transition: ease-in-out 0.2s;}
.item-danhba:hover .detail { transition: ease-in-out 0.2s;visibility: visible;opacity: 1;}
.item-danhba .img { position: absolute;width: 100%;height: 100%; transition: ease-in-out 0.5s; text-align: center;line-height: 166px;}
.item-danhba .img img { display: inline-block;vertical-align: middle;}
.item-danhba .detail { position: absolute;width: 100%;height: 100%;background: #0e76bd;padding: 10px;top: 0%; transition: ease-in-out 0.5s;visibility: hidden;opacity: 0;}
.item-danhba .detail h5 { margin: 0 0 10px 0; }
.item-danhba .detail h5 a { font-size: 16px;color: #fff;margin-bottom: 10px;cursor: pointer;font-weight: bold;line-height: 1.4em;}
.item-danhba .detail span { font-size: 14px;color: #fff;}
.item-danhba .detail > a { display: block;color: #fff;padding-top: 10px;}


.box-thamgio-display label { width: 100%;padding: 2px 0;display: block;font-weight: normal;}
.box-thamgio-display label input { margin-right: 5px;position: relative;top: 2px;}
.box-thamgio-display #FormVote strong { margin-bottom: 5px;display: block;}
 
.menu-item-link { float: left;width: 100%;font-family: Arial, Helvetica, sans-serif, "Times New Roman", Georgia, serif;}
.menu-item-link ul li {display: block;width: 100%;float: left;margin-bottom: 3px;}
.menu-item-link ul li a {display: block;color: #4a4a4a;background: #eeeeee;font-size: 14px;line-height: 32px;border-bottom: 3px solid #eeeeee;border-top: 3px solid #eeeeee;}
.menu-item-link ul li a span {font-size: 20px;width: 43px;float: left;height: 38px;text-align: center;line-height: 40px;position: relative;margin-right: 0px;color: #10acdf;top: -3px;}
.menu-item-link ul li a span:after {content: "";border: 19px solid transparent;position: absolute;right: -31px;top: 0;}

.nav-metro { width: 100%;float: left;}
.nav-metro ul {float: right;text-align: right; }
.nav-metro ul li { width: 115px;display: inline-block;float: left;margin: 10px 0 10px 2px;}
.nav-metro ul li a { display: block;text-align: center;color: #454343;font-family: robotor;font-size: 15px;height: 94px;background: #edeef0;padding: 0px 7px;}
.nav-metro ul li a:hover ,.nav-metro ul li a:focus ,.nav-metro ul li a.active { background: #0587dd;color: #fff;}
.nav-metro ul li a span { width: 100%;display: block;height: 37px;background-repeat: no-repeat;background-position: center bottom; margin-bottom: 8px;transition: 0.2s ease;}
.nav-metro ul li:nth-child(1) span.ico { background-image: url(../img/ico-about.png);}
.nav-metro ul li:nth-child(1) a:hover span.ico ,.nav-metro ul li:nth-child(1) a.active span.ico { background-image: url(../img/ico-about-h.png);}
.nav-metro ul li:nth-child(2) span.ico { background-image: url(../img/ico-skh.png)}
.nav-metro ul li:nth-child(2) a:hover span.ico ,.nav-metro ul li:nth-child(2) a.active span.ico{ background-image: url(../img/ico-skh-h.png);}
.nav-metro ul li:nth-child(3) span.ico { background-image: url(../img/ico-doanhnghiep.png);}
.nav-metro ul li:nth-child(3) a:hover span.ico ,.nav-metro ul li:nth-child(3) a.active span.ico { background-image: url(../img/ico-doanhnghiep-h.png);}
.nav-metro ul li:nth-child(4) span.ico { background-image: url(../img/ico-video.png);}
.nav-metro ul li:nth-child(4) a:hover  span.ico ,.nav-metro ul li:nth-child(4) a.active span.ico { background-image: url(../img/ico-video-h.png);}
.nav-metro ul li:nth-child(5) span.ico { background-image: url(../img/ico-hinhanh.png);}
.nav-metro ul li:nth-child(5) a:hover span.ico ,.nav-metro ul li:nth-child(5) a.active span.ico { background-image: url(../img/ico-hinhanh-h.png);}

.main-center { margin-top: 20px;}

@media only screen and (min-width: 1199px)  {
    .site-news .body-main-left { width: 22%}
    .site-news .body-main-center { width: 20%}
    .site-news .body-main-right { width: 58%}
    .body-main-full-right { width: 78%}
}
.body-main-center .menu-item-link ul li a {font-size: 14px;height: 40px;line-height: 32px;}
.body-main-center .menu-item-link ul li a span:after {border: 20px solid transparent;content: "";position: absolute;top: 0;right: -32px;}
.body-main-center .menu-item-link ul li a span {font-size: 20px;width: 38px;height: 40px;line-height: 41px;}

.body-main-left .menu-item-link ul li a {font-size: 14px;height: 40px;line-height: 32px;}
.body-main-left .menu-item-link ul li a span:after {border: 20px solid transparent;content: "";position: absolute;top: 0;right: -32px;}
.body-main-left .menu-item-link ul li a span {font-size: 20px;width: 38px;height: 40px;line-height: 41px;}

#viewtooltip{
	position:absolute;
	border:1px solid #ccc;
	background:#f0e7c5;
	padding:5px;
	display:none;
	color:#383838;
    border-radius: 4px;
    z-index: 999;
    width: 400px;
    padding: 10px;
   

	}
#viewtooltip .tooltip-left {
    width: 100%;float: left;
    border: 1px solid #e5e5e5;
}
#viewtooltip .tooltip-left img { max-width: 100%;}
#viewtooltip .tooltip-right { width: 100%;float: left;padding-left: 0px;} 
#viewtooltip .tooltip-right .title { font-size: 16px;font-weight: bold;color: #333;margin-bottom: 5px;font-weight: bold;margin-top: 10px;}
#viewtooltip .tooltip-right .des { line-height: 1.35em;font-size: 14px;color: #383838;font-weight: normal;float: left; text-align: justify ; }

.main-doccument select { border-radius: 0;box-shadow: none;}
.main-doccument input { border-radius: 0;box-shadow: none;}
.main-doccument button { border-radius: 0;box-shadow: none;}
#loadDocument th ,#loadDocument td  a { font-size: 16px;color: #383838;}
#loadDocument td  a:hover { color: #038FF4;text-decoration: underline;}

@media only screen and (max-width: 480px) and (max-height: 768px) {
    .no-pd-l , .no-pd-r { padding-left: 15px;padding-right: 15px;}
}

.list-ts-vd { float: left;width: calc(100% + 20px);}
.list-ts-vd .item-media { width: calc(25% - 20px);margin-right: 20px;float: left;}
.list-ts-vd .item-media .img { height: 130px;}
.list-ts-vd .item-media .detail h2 a { text-align: left;}
.list-ts-vd .item-media .detail time { color: #666;font-size: 13px;}

.list-ts-ha { float: left;width: calc(100% + 20px);}
.list-ts-ha .item-media { width: calc(33.333% - 20px);margin-right: 20px;float: left;}
.list-ts-ha .item-media .img { height: 170px;line-height: 170px;}
.list-ts-ha .item-media .detail h2 a { text-align: left;}
.list-ts-ha .item-media .detail time { color: #666;font-size: 13px;}

.list-audio { float: left;width: 100%;}
.list-audio ul li {float: left;width: 100%; background: #f4f4f4; margin-bottom: 5px;}
.list-audio ul li a {display: block;color: #383838;font-size: 15px;padding: 5px 0 5px 15px;float: left;width: calc(100% - 42px); }
.list-audio ul li a:hover { color: #038FF4;}
.list-audio ul li span{ width: 42px;height: 30px;background: #038FF4;text-align: center;line-height: 30px;font-size: 18px;color: #fff;float: left;}
 
.designby{
	text-align:right;
	margin-top: 9px;
	color: #750505;
	line-height: 22px;
}
.designby img{
	width: 70px;    
	margin-top: -2px;
}
.doc-property > ul > li:nth-child(odd) { background: #ECECEC}
.doc-property ul li { width: 100%;display: block;padding: 10px;float: left;}
.doc-property ul li b { width: 20%;float: left;}
.doc-property ul li span { width: 80%;float: left;}
.doc-property ul li span  a { color: #1772c3;padding: 3px 8px;display: inline-block;margin-right: 5px;margin-bottom: 5px; border: 1px solid #fbd59a}
.doc-property ul li span  a:hover { background: #1772c3;color: #fff;}
.doc-file-other  { margin-top: 15px;float: left;}
.doc-file-other > strong { float: left;width: 100%;margin-bottom: 10px;color: #256e97; padding-left: 22px;background: url(../images/ico-file.png) no-repeat left center;font-size: 14px;}
.doc-file-other li { float: left;width: 100%;margin-left: 20px;}
.doc-file-other a { display: block;float: left;width: 100%;padding-left: 30px;padding-top: 7px;padding-bottom: 7px; color: #353535}
.type-doc { background: url(../images/ico_doc.png) no-repeat left center; background-size: 20px; background-position-x: 6px;}
.type-docx { background: url(../images/ico_doc.png) no-repeat left center; background-size: 20px; background-position-x: 6px; }
.type-pdf { background: url(../images/ico_pdf.png) no-repeat left center; background-size: 20px; background-position-x: 6px;}
.type-xls { background: url(../images/ico_exel.png) no-repeat left center; background-size: 20px; background-position-x: 6px;}
.type-xlsx { background: url(../images/ico_exel.png) no-repeat left center; background-size: 20px; background-position-x: 6px;}