﻿/*
 * CSS Style Page 
 * Copyright 2015
 * Contributing Author: thienhiep171193@gmail.com
 */
.main-left { width: 100%;float: left;}
.main-right { width: 100%;float: left;}


#menu-aside { width: 100%;float: left;margin-bottom: 10px;}
#menu-aside .title-box-left {padding: 7px 15px;background: #0e76bc;color: #ffffff;font-size: 13px;font-weight: bold;text-transform: uppercase;}
#menu-aside > ul { margin-bottom: 10px;border: 1px solid #e1e1e1;}
#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:20px;font-size: 13px;color: #06609d; background: url(/images/menu-sub-bullet.png) no-repeat 8px center;padding-top: 7px;padding-bottom: 7px;display: block;padding-right: 10px;transition: none;font-weight: bold;}
#menu-aside > ul > li > a:hover {transition: none; background:  url(/images/menu-sub-bullet.png) no-repeat 8px center  #f0f0f0;}
#menu-aside > ul > li > ul { display: none;border: 1px solid #e1e1e1;}
#menu-aside > ul > li:hover ul { display: block;position: absolute;left: 100%;width: 240px;background: #fff;z-index: 999;top: 0;}
#menu-aside > ul > li:hover > a {transition: none; background: url(/images/menu-sub-bullet.png) no-repeat 8px center #f0f0f0;}


/*#menu-aside ul li a.a-open-down { float: right;color: #fff;font-size: 16px;padding: 5px;position: absolute;right: 0;top: 3px;width: 26px;height: 26px;cursor: pointer;}
#menu-aside li.has-sub.open > a { color: #4fa1fd}
#menu-aside > ul > li.open.has-sub > a.a-open-down { background: url(../images/ico-down.png) no-repeat center center;transform: rotate(180deg);transition: ease 0.2s}
#menu-aside > ul > li.has-sub > a.a-open-down {  background: url(../images/ico-down.png) no-repeat center center}
#menu-aside > ul > li > ul > li.open.has-sub > a.a-open-down { background: url(../images/ico-down.png) no-repeat center center;transform: rotate(180deg);transition: ease 0.2s}
#menu-aside > ul > li > ul > li.has-sub > a.a-open-down {  background: url(../images/ico-down.png) no-repeat center center}*/


#menu-aside > ul > li > ul > li { border-bottom: 1px dashed #e1e1e1;padding-top: 6px;padding-bottom: 6px;display: block;float: left;width: 100%; }
#menu-aside > ul > li > ul > li > a { padding: 2px 20px;font-size: 13px;float: left; }
#menu-aside > ul > li > ul > li:hover { background-color: #f0f0f0; }


.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 #ef8508}
.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: linear-gradient(to bottom, #b2dffe 50%, #e0f1fd 100%);float: left;width: 100%;margin-top: 15px;margin-bottom: 15px;}
.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;}
.box-left .title-box-left { padding: 8px 15px;background: #0e76bc;color: #ffffff;font-size: 15px;font-weight: bold;text-transform: uppercase;}
.box-left .body-box-left { width: 100%;float: left; border: 1px solid #e1e1e1}
.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 .detail { width: 100%;float: left;}
.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: 14px;font-weight: bold;color: #0687de;}
.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;}
.box-home-right .title-box-right { background: #fafafa;width: 100%;float: left;border-top: 2px solid #e4e4e4;}
.box-home-right .title-box-right h3 { border-top: 2px solid #c8c8c8;margin: 0;display: inline-block;float: left;position: relative;top: -2px;font-size: 16px;color: #0687de;font-weight: bold;padding: 8px 0px;margin-left: 15px;}
.box-home-right  .body-box-right { width: 100%;float: left;}

.item-new-type-1 { width: 100%;float: left;border-bottom: 1px dashed #ebebeb;padding: 8px 0 15px 0;}
.item-new-type-1:last-child { border: none;}
.item-new-type-1 a.title-a { font-size: 16px;color: #454343;font-weight: bold;display: block;margin-bottom: 5px;}
.item-new-type-1 a.title-a span { display: inline-block;font-size: 14px;color: #999;font-style: italic;font-weight: normal;}
.item-new-type-1 a.title-a:hover  { color: #0687de}
.item-new-type-1 .img { width: 35%;float: left;}
.item-new-type-1 .detail { width: 65%;float: left;padding-left: 15px; }

.list-news-type-1 {float: left;width: 100%;margin-top: 5px;}
.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: #06609d}
.list-news-type-1 ul li a { color: #4a4a4a;font-size: 14px;}
.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: #06609d;}

.box-left-left .body-box-right { padding-left: 15px;}


.box-right-right { margin-top: 15px;}
.box-right-right .title-box-right {border-left: 1px solid #e1e1e1;}
.box-right-right .body-box-right { border-left: 1px solid #e1e1e1;padding-left: 15px;}
.box-right-right .box-home-right { margin-top: 0;}
.box-right-right .item-new-type-1 { border-bottom: none;}

.box-main-style-2 { width: 100%;float: left;margin-top: 15px;}
.box-main-style-2 .title-box { display: block;width: 100%;float: left;font-size: 18px;font-weight: bold;color: #0e76bc;}
.box-main-style-2 .title-box span { font-size: 20px;padding-right: 5px;}

.list-news-type-2 ul { width: 100%;float: left;margin-top: 10px;}
.list-news-type-2 ul li { display: block;width: 100%;float: left;padding: 5px 0;}
.list-news-type-2 ul li a { font-size: 14px;color: #0687de;width: calc(100% - 25px);float: left;}
.list-news-type-2 ul li span { font-weight: bold;color: #0687de;width: 25px;float: left;}

.box-thamgio { padding: 10px 0;margin-bottom: 10px;}
.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: 350px;}
.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; }
.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: 20px;right: 0;bottom: 0;margin: auto 0;width: 20px;height: 26px;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;}
.slider-partner .owl-item { padding: 10px;}
.slider-partner .item-slider { height: 80px;border: 1px solid #d7d7d7;line-height: 80px;text-align: center;}
.slider-partner .item-slider h2 { font-size: 16px;font-weight: bold;color: #000000;}
.slider-partner .item-slider h2 a:hover { color: #ef8508; }
.slider-partner .item-slider img { display: inline-block;max-width: 100%;max-height: 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: 40px;}
.slider-partner .owl-next { right: 10px;}
.slider-partner .owl-next i { padding-left: 5px;padding-right: 0;}

/*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: #06609d;}


.detail-news { width: 100%;float: left;}
.detail-news h1.title-news { font-size: 24px;color: #222;margin: 5px 0;font-weight: bold;}
.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%;}
.content-news-detail img { max-width: 100%;margin-bottom: 10px;}

/*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 6px;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 #0e76bc;padding: 5px 0;display: inline-block;}
.item-news-other .img { height: 140px;overflow: hidden;}
.item-news-other h3 { font-size: 14px;font-weight: bold;margin: 5px 0; }
.item-news-other h3 a { line-height: 1.4em;}

.box-news-other ul { padding-left: 15px;}
.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: #06609d}
.box-news-other ul li a { color: #4a4a4a;}
.box-news-other ul li a:hover { color: #06609d;}

.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;}
.main-list-news h1.title-list-news { border-bottom: 1px solid #d1d1d1;width: 100%;display: block;float: left;margin-top: 0;margin-bottom: 15px;}
.main-list-news h1.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;}
.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:last-child { margin-bottom: 0;}
.list-news .item-news .img {width: 25%;text-align: center;float: left;height: 140px;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: 16px;color: #4a4a4a;display: block;font-weight: bold;line-height: 1.4em;}
.list-news .item-news .detail {width: 75%;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: #0e76bc;border: 1px solid #0e76bc;}
.dot-fillin ul li:hover a { background: #d1d1d1;}
.dot-fillin ul li a { border: 1px solid #d1d1d1;text-align: center;margin-right: 0px;width: 28px;height: 28px;display: block;line-height: 26px;color: #4a4a4a;font-weight: bold;overflow: hidden;}
.dot-fillin ul li span i { padding-right: 0;font-size: 22px;}

/*Header*/
.navi-header { background: #eceeef;padding: 1px 0;float: left;width: 100%;}
.lang-box { width: auto;display: inline-block;line-height: 28px;float: right;}
.lang-box a { padding-right: 4px;display: inline-block;}
.search-box { width: auto;display: inline-block;float: right;margin-top: 38px;}
.search-box form { width: 360px;border: 1px solid #d7d7d7;float: left;background: #fff;}
.search-box input { border: none;height: 36px;text-indent: 5px;width: 315px;float: left;}
.search-box button {width: 38px;float: right;background: #fff;border: none;line-height: 36px;}
.search-box button span { font-size: 22px; color: #0e74bc}
.logo-main img { padding: 10px 0;}
.logo-main p { margin: 0;}

.box-header img { display: inline-block;}

.box-nav-main { background: #0687de;width: 100%;float: left;}

#content-main { width: 100%;float: left;}
.day-time { padding: 8px 0;width: 100%;float: left;margin-top: 5px;}
.day-time  p { margin-bottom: 0;}
.day-time span { color: #8b8b8b;font-size: 13px;}

#footer-main {background: #252f35; float: left;width: 100%;margin-top: 15px;}
.box-contact-foo { padding: 20px 0;color: #a9a9a9;}
.box-contact-foo .contact-foo h3 { font-size: 18px;text-transform: uppercase;margin: 10px 0; color: #a9a9a9}
.box-contact-foo .contact-foo a { display: block;margin-top: 10px;font-weight: bold;color: #ffffff;}
.box-contact-foo .contact-foo a span { color: #0687de;padding-right: 5px;font-size: 18px;}
.box-contact-foo .maps-foo { height: 140px;}
.box-contact-foo .detail-foo a { font-size: 18px;margin-bottom: 5px;display: block; color: #a9a9a9}
.box-contact-foo li { display: block;margin-top: 3px;}
.social-cricle { display: inline-block;float: left;width: auto;float: right;padding-right: 15px;}
.social-cricle a { display: inline-block;width: 28px;height: 28px;border-radius: 14px;background: #696969;margin-right: 2px;text-align: center;line-height: 30px;color: #eceeef;font-size: 16px;}
.social-cricle a:hover { color: #fff;background: #0687de;}

.menu-top { display: block;}
.menu-top ul li { display: inline-block;float: left;position: relative;}
.menu-top ul li:after { content: "|";float: right;display: inline-block;height: 24px;width: 1px;position: absolute;top: 3px;}
.menu-top ul li:last-child:after { content: "";}
.menu-top ul li a { display: block;font-size: 13px;color: #000;margin-top: 5px;padding: 0 10px;}
.menu-top ul li a:hover { color: #0687de;}

.menu-foo { display: block;background: #485a66;padding: 6px 0;}
.menu-foo ul li { display: inline-block;position: relative;color: #dedede;}
.menu-foo ul li:after { content: "|";float: right;display: inline-block;height: 24px;width: 1px;position: absolute;top: 2px;right: 0;}
.menu-foo ul li:last-child:after { content: "";}
.menu-foo ul li a { display: block;font-size: 13px;color: #dedede;margin-top: 5px;padding: 0 10px;}
.menu-foo ul li a:hover { color: #ffffff;}

#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: #f88c00}
#news-ticker li.tick { -webkit-animation: tick 5s linear; }


#nav-main { width: 100%;float: left;font-family: robotoregu, sans-serif;background: #0687de; }
#nav-main > ul { margin-bottom: 0;margin-top: 0;position: relative;}
#nav-main > ul > li { display: inline-block;border-right: 1px solid #1495ed;float: left;line-height: 1em !important;}
#nav-main > ul > li:first-child { line-height: 1em !important}
#nav-main > ul > li:first-child a { width: 73px;height: 46px;background-image: url(../images/ico-menu-home.png);background-repeat: no-repeat;background-position: 0 0px;padding: 0;position: relative;transition: none;}
#nav-main > ul > li:first-child a:hover { background-position: 0px -46px;transition: none;}
#nav-main > ul > li:last-child { border: none;}
#nav-main > ul > li > a { color: #fff;font-size: 14px;padding: 17px 17px;display: inline-block;font-weight: bold;font-weight: bold;}
#nav-main > ul > li > a:hover ,#nav-main > ul > li > a.active { background-color: #0479c8}
#nav-main > ul > li:hover > ul { -moz-transition: ease 0.4s; -o-transition: ease 0.4s; -webkit-transition: ease 0.4s; transition: ease 0.4s;visibility: visible;opacity: 1; -ms-opacity: 1;}
#nav-main > ul > li:hover > a { color: #fff; background-color: #0479c8}
#nav-main > ul > li > a > span { padding-left: 5px;position: relative;font-size: 14px;}
#nav-main > ul > li > ul { position: absolute;width: 220px;text-align: left;visibility: hidden;-moz-transition: ease 0.4s; -o-transition: ease 0.4s; -webkit-transition: ease 0.4s; transition: ease 0.4s;opacity: 0;-ms-opacity: 0; z-index: 999; background: #0479c8}
#nav-main > ul > li > ul > li { display: block;border-bottom: 1px solid #1495ed; }
#nav-main > ul > li > ul > li > a { font-size: 13px;padding: 8px 15px;display: block;color: #fff;-moz-transition: ease-in 0.2s; -o-transition: ease-in 0.2s; -webkit-transition: ease-in 0.2s; transition: ease-in 0.2s;}
#nav-main > ul > li > ul > li > a:hover ,#nav-main  > ul > li > ul > li > a:focus { transition: ease-out 0.2s;color: #fff;padding-left: 25px;}
#nav-main > ul > li > ul > li:hover ul { -moz-transition: ease 0.4s; -o-transition: ease 0.4s; -webkit-transition: ease 0.4s; transition: ease 0.4s;visibility: visible;opacity: 1;}
#nav-main > ul > li > ul > li:hover > a { color: #fff}
#nav-main > ul > li > ul > li > ul  { position: absolute;width: 220px;text-align: left;visibility: hidden;transition: ease 0.4s;opacity: 0;z-index: 999;border-top: 3px solid #fecc09;margin-top: 1px;left: 220px;top: -4px; }
#nav-main > ul > li > ul > li > ul > li { display: block;border-bottom: 1px solid #06932f;border-left: 1px solid #19954b }
#nav-main > ul > li > ul > li > ul > li > a { font-size: 14px;padding: 8px 16px;display: block;color: #fff;background: #19954b;-moz-transition: ease-in 0.2s; -o-transition: ease-in 0.2s; -webkit-transition: ease-in 0.2s; transition: ease-in 0.2s;}
#nav-main > ul > li > ul > li > ul > li > a:hover { background: #07a234;}


.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;}


.item-media {margin-bottom: 30px; }
.item-media .img {height: 174px; overflow: hidden; }
.item-media h2 {margin: 10px 0 5px 0;height: 48px;overflow: hidden; }
.item-media h2 a {font-size: 18px;display: block;line-height: 1.35em;color: #353535; }
.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; }


.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: #ef8508 }
.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: 13px;vertical-align: middle !important;}
.list-document table a { color: #0e76bc;}
.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%;}
.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: #707070;width: 4px;height: 4px;content: '';display: inline-block;margin-left: -11px; }
.other-document ul li a:hover:before {background: #06609d}
.other-document ul li a { color: #4a4a4a;font-size: 14px;}
.other-document ul li a:hover { color: #06609d;}

.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 #1772c3}
.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}
.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;}

.fast-news { padding-top: 4px;white-space: nowrap;overflow: hidden;text-align: right;top: 8px;padding-right: 7px;position: relative;margin-bottom: 7px;}
.fast-news strong { padding: 5px 10px;color: #353535;background: #eceeed;font-weight:bold;margin-right: 21px;display: block;border-left: 4px solid #016eb7;position: relative;}
.fast-news strong:after { content: "";border: 15px solid transparent;border-left: 15px solid #eceeed;position: absolute;right: -30px;top: 0px;}
.fast-news a { color: #404041}
.fast-news a:hover ,.fast-news a:focus { color: #0e76bc;}
.title-fast-news {width: 13%;float: left;position: relative;margin-top: -4px;margin-left: 0px;margin-bottom: 10px;}
.list-fast-news { width: 87% !important;float: left;}
.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 { 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 h1 { font-size: 16px;font-weight: bold;color: #454343;margin: 0;margin-bottom: 5px;line-height: 1.4em;}
.detail-media span { color: #b9b9b9; }
.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  .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;}



.box-gallery-owl { position: relative;background: #000;margin-bottom: 15px;}
#preloader-sli { width: 100%;height: 100%;background: url(../images/ajax-loader-sli.gif) no-repeat center center #000;position: absolute;z-index: 99;}
#owl-slider-sync-1 .owl-item img { max-width: 100%;} 
#owl-slider-sync-1 .owl-controls { margin-top: 0 !important;}
#owl-slider-sync-1 .owl-controls i { color: #fff;font-size: 28px; }
#owl-slider-sync-1 .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}
#owl-slider-sync-1 .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}
#owl-slider-sync-1 .owl-prev ,#owl-slider-sync-1 .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;-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: 32px;height: 38px;}
#owl-slider-sync-1 .owl-prev:hover ,#owl-slider-sync-1 .owl-next:hover { background: #222 !important;}
#owl-slider-sync-1 .owl-prev { left: 0;}
#owl-slider-sync-1 .owl-next { right: 0;}
#owl-slider-sync-1 .owl-next i { padding-left: 5px;padding-right: 0;}
#owl-slider-sync-1 .item-sync-1 { text-align: center;}
#owl-slider-sync-1 .item-sync-1 a { display: block;}
#owl-slider-sync-1 .item-sync-1 a img { display: inline-block;}

.owl-slider-sync-2-box { position: relative;width: 100%;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);padding: 5px;}
#owl-slider-sync-2 { width: calc(100% - 140px);margin-left: 70px;margin-right: 70px;}
#owl-slider-sync-2 .owl-item { padding: 0px 2.5px;}
#owl-slider-sync-2 .owl-item.synced .item-sync-2{ opacity: 1; -ms-opacity: 1;} 
#owl-slider-sync-2 .item-sync-2 { -ms-opacity: 0.7; opacity: 0.7;}
#owl-slider-sync-2 .item-sync-2 a { display: block;height: 100%; }
#owl-slider-sync-2 .item-sync-2 img { vertical-align: middle;display: inline-block;}

.item-sync-1 { position: relative;}
.item-sync-1 .caption-item {width: 100%;position: absolute;bottom: 0px;background: #fff;background: rgba(0, 0, 0, 0.7);padding: 10px;text-align: left;overflow: hidden;-moz-transition: ease-in 0.3s; -o-transition: ease-in 0.3s; -webkit-transition: ease-in 0.3s; transition: ease-in 0.3s;opacity: 0; -ms-opacity: 0;}
#owl-slider-sync-1:hover .caption-item {opacity: 1; -ms-opacity: 1;-moz-transition: ease-out 0.6s; -o-transition: ease-out 0.6s; -webkit-transition: ease-out 0.6s; transition: ease-out 0.6s; }
.item-sync-1 .caption-item h3 { font-size: 14px;color: #fff;margin: 0;font-weight: bold;}
.item-sync-1 .caption-item p { color: #fff;padding:5px 0 0 0;line-height: 1.4em;font-size: 13px;margin: 0; }

.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: 200px;}

.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}
.table-doc-home th { font-size: 13px;}
.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: #ef8508;}
.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: #ef8508;}
.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;}

.box-media {min-height: 1000px}
.create-question { min-height: 620px;}
#TnEventsGriditems { min-height: 693px;}
#DocumentGriditems { min-height: 500px;}