@import url('1.1.index-detail.css');
@import url('2.gioithieu.css');
@import url('3.gioithieu-chitiet.css');
@import url('4.sanpham.css');

@import url('9.tintuc.css');
@import url('12.dichvu.css');

@import url('14.duan.css');
@import url('16.hoidap.css');
@import url('19.tailieu.css');


@import url('21.library.css');
@import url('26.lienhe.css');







body { color: #333; font: normal 14px/24px OpenSans; margin: 0px auto; padding: 0px; }
ul li { list-style-type: none }
textarea { outline: none; resize: none; }

input { outline: none; }


* { margin: 0px; padding: 0px; }
a { display: block; text-decoration: none !important; }

.container { box-sizing: border-box; height: auto; margin: 0 auto; width: 1000px; }

.cb { clear: both; }


img { height: 100%; object-fit: cover; width: 100%; }

.title { color: #00aeef; font: normal 30px/43px MyriadProBold; text-align: left; text-transform: uppercase; }/*tiêu đề các khối*/
/*PLACEHOLDER*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #afd6ff; font: normal 11px OpenSans; }

::-moz-placeholder { /* Firefox 19+ */color: #afd6ff; font: normal 11px OpenSans; line-height: 22px; }

:-ms-input-placeholder { /* IE 10+ */color: #afd6ff; font: normal 11px OpenSans; }

:-moz-placeholder { /* Firefox 18- */color: #afd6ff; font: normal 11px OpenSans; line-height: 35px; }

/*Text*/
.p10 { color: #333; font: normal 10px/24px OpenSans; }
.p11 { color: #333; font: normal 11px/24px OpenSans; }
.p12 { color: #333; font: normal 12px/24px OpenSans; }
.p13 { color: #333; font: normal 13px/24px OpenSans; }
.p14 { color: #333; font: normal 14px/24px OpenSans; }
.p15 { color: #333; font: normal 15px/24px OpenSans; margin: 10px 0 10px 0; text-align: justify }
.p16 { color: #333; font: normal 16px/24px OpenSans; }
.p17 { color: #333; font: normal 17px/24px OpenSans; }
.p18 { color: #333; font: normal 18px/24px OpenSans; }
.p19 { color: #333; font: normal 19px/24px OpenSans; }
.p20 { color: #333; font: normal 20px/24px OpenSans; }
.p10b { color: #333; font: normal 10px/24px OpenSansBold; }
.p11b { color: #333; font: normal 11px/24px OpenSansBold; }
.p12b { color: #333; font: normal 12px/24px OpenSansBold; }
.p13b { color: #333; font: normal 13px/24px OpenSansBold; }
.p14b { color: #333; font: normal 14px/24px OpenSansBold; }
.p15b { color: #333; font: normal 15px/24px OpenSansBold; margin: 10px 0 10px 0; text-align: justify }
.p16b { color: #333; font: normal 16px/24px OpenSansBold; }
.p17b { color: #333; font: normal 17px/24px OpenSansBold; }
.p18b { color: #333; font: normal 18px/24px OpenSansBold; }
.p19b { color: #333; font: normal 19px/24px OpenSansBold; }
.p20b { color: #333; font: normal 20px/24px OpenSansBold; }
.p14l { font: normal 14px/24px OpenSansItalic; }








/*Khu vực TRANG CHỦ - intro*/
#index {  width: 100%; }
#index:after {content:""; background: url('../pic/img/index/bgindex.png'); background-size: 100% 100%; height: 100%; width: 100%;position:fixed;z-index:-1;top:0}
#index .index-container { margin: 0 auto; overflow: hidden; width: 1056px; }
#index .index-logo { height: 140px; margin: 0 auto; margin-bottom: 20px; margin-top: 20px; width: 155px; }
#index .index-name { margin: 0 auto; margin-bottom: 40px; width: 1017px; }
#index-menu { margin-bottom: 60px; overflow: hidden;text-align:center}
#index-menu .index-content{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin: 0 0; overflow: hidden; width: 25%;text-align: center;display: inline-block;vertical-align: middle}
#index-menu .index-content:last-child { margin-right: 0 }
#index-menu .index-content:first-child { margin-left: 0 }
#index-menu svg { height: 180px; margin: 0 auto; margin-bottom: 10px; width: 158px; }

#index-menu #hex{stroke: #65acc9; stroke-width: 3;-webkit-filter:drop-shadow( 0 5px 0 rgba(0,0,0,0.3));filter:drop-shadow( 0 5px 0 rgba(0,0,0,0.3));}

#index-menu .index-content-name { color: #fff; font: normal 18px/28px UVNHongHaHepBold; text-align: center; }
.index-menuitem{ text-align: center;font: normal 17px/28px MyriadProBoldCond;color: #333;margin-bottom: 10px}
.index-menuitem:hover{color: #00aeef}
/*Khu vực cờ ngôn ngữ*/
#index-flag { margin: 0 auto; overflow: hidden; width: 104px; }
#index-flag .flag-pic { float: left; height: 28px; margin-right: 10px; width: 42px; }



/*---------------------------*/

/*Page number*/
#pgnumber { border-top: 1px dashed #ccc; margin-top: 30px; overflow: hidden; padding-top: 20px; width: 100%; }
#pgnumber ul { float: right }

#pgnumber ul li { display: inline; list-style-type: none; }



#pgnumber .number { background: #fff; border: 1px solid #dfdfdf; color: #666666; float: left; font: normal 14px/29px OpenSans; margin-right: 4px; padding: 0 10px 0 11px; text-align: center; }

#pgnumber ul li:hover a { border: 1px solid #3a3ca5 !important; color: #3a3ca5 !important; }

#pgnumber .active { border: 1px solid #3a3ca5; color: #3a3ca5; }

/*----------------------------*/
#pgnumber-top ul { float: left }

#pgnumber-top ul li { display: inline; list-style-type: none; }



#pgnumber-top a { background: #fff; border: 1px solid #ccc; border-radius: 2px; color: #666666; float: left; font: normal 14px/24px OpenSans; margin-right: 4px; padding: 0 8px 0 10px; text-align: center; }

#pgnumber-top ul li:hover a { background: #3a3ca5; border: 1px solid #3a3ca5; color: #fff; }

#pgnumber-top .active { background: #3a3ca5; border: 1px solid #3a3ca5; color: #fff; }
#pgnumber-top .pg-prev { background: url('../pic/css/pgprev.png') no-repeat center; height: 24px; width: 7px; }
#pgnumber-top .pg-next { background: #3a3ca5; background: url('../pic/css/pgnext.png') no-repeat center; height: 24px; width: 7px; }
#pgnumber-top .pg-prev:hover { background: url('../pic/css/pgprevhv.png') no-repeat center #3a3ca5; height: 24px; width: 7px; }
#pgnumber-top .pg-next:hover { background: url('../pic/css/pgnexthv.png') no-repeat center #3a3ca5; height: 24px; width: 7px; }




/*Khu vực bảng- Tài liệu*/


#modul-index a.img { height: auto; max-height: 100%; max-width: 100%; width: auto; }
#modul-detail a.img { height: auto; max-height: 100%; max-width: 100%; width: auto; }
#modul-list a.img { height: auto; max-height: 100%; max-width: 100%; width: auto; }


/*KV popup*/

.overlay { background: rgba(0, 0, 0, 0.7); bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0px; transition: opacity 500ms; visibility: hidden; z-index: 99999; }

.overlay:target { opacity: 1; visibility: visible; }

.popup { -webkit-background-clip: padding-box; box-sizing: border-box; padding: 15px; background: #fff; background-clip: padding-box;  margin: 70px auto; position: relative; text-align: center; transition: all 5s ease-in-out; width: 630px; }


.popup .closepopup { background: ; color: #fff; background: url('../pic/css/close.png') no-repeat right; font: normal 12px Roboto; height: 20px; padding-right: 30px; padding-top: 5px; position: absolute; right: -10px; top: -40px; transition: all 200ms; }

/*----------------*/
/*---------Khu vực popup-Gửi yêu cầu---------*/
#popup-request .popup{ border: 10px solid rgba(255, 255, 255, 0.5); border-radius: 5px}
#popup-request .popup-img{ width: 81px; height: 81px; margin: 0 auto;  margin-bottom: 20px;overflow: hidden}
#popup-request .popup-tit1 { color: #00923f; font: normal 26px/30px Arial; }
#popup-request .popup-back { background:url('../pic/css/bgcontinue.png') no-repeat 50px center #2f3192; color: #fff; margin: 0 auto; text-align: center; width: 265px;font: normal 14px/40px OpenSansBold }
#popup-request .p16{ margin-bottom: 5px;text-align: left}

#right-modul{float:right;width:230px;margin-top:40px;}
#right-modul .box2 { background: #fbfbfb; border: 1px solid #e9e9e9; border-radius: 3px; box-sizing: border-box; overflow: hidden; padding: 13px; position: relative }
#right-modul .box2-title { background: url('../pic/css/bgbox2tit.png') no-repeat bottom left; color: #233a76; font: normal 15px/20px OpenSansBold; padding-bottom: 13px; text-transform: uppercase; }
#right-modul .box2-pic { height: 126px; margin: 15px 0 10px 0; width: 200px; }
#right-modul .box2-tit { color: #333; font: 14px/22px OpenSans; height: 66px; overflow: hidden; }
#right-modul .box2-news-top { background: url('../pic/css/bgtitbox2.png') no-repeat bottom left; background-size: 100%; overflow: hidden; padding-bottom: 15px; }
#right-modul ul li { margin: 15px 0 15px 0 }

#right-modul .date-view { color: #999; font: normal 12px/22px OpenSans; padding-left: 15px; }
#right-modul .box2-more { background: #f8f7f7; border: 1px solid #fff; border-bottom: none; border-right: none; bottom: 0; color: #333; display: block; font: 13px/23px OpenSans; outline: 1px solid #e5e5e5; padding: 0 10px 0 10px; position: absolute; right: 0; text-align: center; }   
#right-modul .box2-more:hover { color:#f15922 }