*{margin: 0;padding: 0; outline: none}
a, img{border:none;}
img{max-width: 100%}
a{text-decoration: none;}
.clear{clear: both; height: 0}
.fl{float: left;}
.fr{float: right;}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
	box-sizing: border-box;
}
.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}
.col-6 {
    flex: 0 0 auto;
    width: 50%;
	box-sizing: border-box;
}
.pt-1{padding-top: 0.75rem;}
.pb-1{padding-bottom: 0.75rem;}
.item-video-content {align-self: center;}
.item-video-content a{color: #232323;}
.item-video-content a:hover{color: #d31015;}
.p-1{padding: 15px;}
.stylebox{background: #e3101a}
.rong{padding: 10px 0}
.content-box-left{width:175px;float:left; margin-right:20px}
.content-box-right{width: 450px; float:right;}
.content-box-right p{margin: 10px 0}
.content-box-right p span{font-weight: 700}	
body{font: normal 12px Arial; background: #f5f5f5;}
#wrap{width: 1000px; margin: 0 auto; padding: 0 30px; background: #fff; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; padding-bottom: 15px;}
.top_header{width: 100%;}
#logo{margin: 0; float: left;}
#logo img{}
.r_logo{float: right;}
.menu-top ul{list-style:url(images/bg_listtop.png)}
.menu-top ul li{float: left;}
.menu-top ul li a{padding: 0 20px 0 0;color: #fff}
.menu-top ul li:last-child a{padding-right: 10px}
#search{margin-top: 10px;}
#search form{height: 25px; width: 230px;border:1px solid #e4e4e4;}
#search form input[type="submit"]{width: 30px; text-indent: -9999px; border-left: 1px solid #e4e4e4; background: #f81219 url(/web/20161021095311im_/http://onehealth.org.vn/themes/default/images/icono-search.png) 8px 6px no-repeat; padding:0; margin: 0; height: 25px; border: none; margin-left: -4px}
.title-lib{font:bold 13px/18px Arial; color: #4C9ED9;}
#main-menu{float: right; margin: 76px 3px 10px 0; }
#main-menu ul{list-style: none; height: 35px; background: #fff; box-shadow: #939393 0px 4px 10px -8px;}
#main-menu ul li{float: left;position: relative;}
#main-menu ul li a{font: 12px Arial; color: #db1016; padding: 0 18px; border-right: 1px solid #c4c0ba; display: inline-block;height: 17px; margin-top: 9px;}
#main-menu ul li:last-child a{border-right: none;}
#main-menu ul li a:hover{background: #d61015; color: #fff; padding: 9px 18px; margin-top: 0;}
#main-menu ul ul{display: none; z-index:100}
#main-menu ul li:hover ul{display: block; position: absolute; top: 35px; left: 0; width: 165px}
#main-menu ul ul li a{font: 12px Arial; background: #ECECEC; color: #333; display: block; margin: 0; padding: 5px 5px;  width: 165px; border: none; border-top: 1px solid #d8d8d8}
#main-menu ul ul li a:hover{background: #d61015;padding: 5px 5px;color:#fff;}
.mt-detail img{float:left; width: 200px; height: 133px;border: 1px solid #F1F1F1;margin-right: 10px;}
/* MAIN SETTING */
#main{width: 1000px; margin-top: 15px;}
.left-main{width: 645px; margin-right: 30px;background: #fff}
.right-main{width: 325px}
.content-box{ border-top:1px solid #e1e1e1;}
.content-box a{color:#06F; text-decoration:none;}
.content{font-size: 13px; line-height: 1.5}
.content p{margin-bottom: 15px}
.box{width: 100%;}
.box .tit-box{color: #636363; font: 22px Arial; padding: 3px 0; font-family: Arial}
.box a span{font: 11px/36px Arial;padding: 0 10px;  color: #a1a1a1; text-decoration: underline;}

#featured{ 	width:645px; 	height:365px;}
#featured ul.ui-tabs-nav{ margin-top: 15px; list-style:none; width:645px; height: 126px; display: block; border: 1px solid #e6e6e6; background: #f6f5f4}
#featured ul.ui-tabs-nav li a span{color:#333333; font: 12px/20px Arial; float: left; border-right: 1px solid #e6e6e6; width: 112px; height: 120px; display: block; padding: 3px 8px; overflow: hidden; text-decoration: none;}
#featured ul.ui-tabs-nav li:last-child a span{border-right: none;}
#featured ul.ui-tabs-nav li.ui-tabs-selected a span, #featured ul.ui-tabs-nav li.ui-tabs-active a span{background:#fff; color: #db1016;}
#featured li.ui-tabs-nav-item a:hover span{ background:#fff; color: #db1016; }
#featured .ui-tabs-panel{ width:645px; height:240px; position:relative;}
#featured .ui-tabs-hide{ display:none; }
.dbo{display: block}
.city{display: none}


.library{padding-bottom: 10px; border-bottom: 1px solid #cccccc; margin-top: 10px}
.box-lib{margin:0 5px; width: 312px; float: left; border-bottom: 1px dashed #e2e2e2; padding: 17px 0;}
.img-lib{width: 91px; height: 131px; background-image: url(images/bg_img2.png); float: left; margin-right: 20px;}
.img-lib img{margin-top: 26px; margin-left: 13px; width: 68px; height: 92px;}
.info-lib{width: 201px; float: right;}
.tit-lib{margin-bottom: 5px}
.tit-lib a{font: bold 11px Arial; color: #db1016; padding-bottom: 10px}
.lib{font: 11px/18px Arial; color: #333;}
.lib span{color: #a1a1a1;}
.down-lib{margin-top: 10px;}
.down-lib span{color: #a1a1a1;}
.down-lib a{padding: 0 5px;}

.tit-new{margin-top: 10px}
.tit-new a{font: bold 16px Arial; display: block; color: #db1016; padding-bottom: 15px;}
.img-new{width: 330px; height: 186px; margin-right: 15px;}

.img-new img{width: 100%; height: 100%; max-height: 200px; overflow: hidden}
.des-new{font: 12px/20px Arial; color: #010101; width: 300px; float: right; text-align: justify; margin-top: -6px; max-height:185px; overflow:hidden}
.ui-tabs-panel .chitiet{text-align: right; margin-top: -5px;}
.ui-tabs-panel .chitiet a{font: 11px Arial; color: #a1a1a1; text-decoration: underline; padding: 0 3px;}
.ui-tabs-panel .chitiet a:hover{color: #F33636;}



.calendar{margin: 5px 20px 0; border-top: 1px solid #ccc; display:none;}
.libary{display:none;}
.active-page{display: block}
.box-cal{padding: 10px 0; border-bottom: 1px dotted #e1e1e1;}
.date-cal{width: 72px; height: 75px; margin-right: 13px; float: left; text-align: center; padding-top: 3px; background: #ebebeb}
.date-cal p.m{font:bold 13px/20px Arial; color: #655f5f; margin: 0 auto}
.date-cal p.d{font:bold 20px/ 28px Arial; color: #53af31; border-bottom: 1px solid #cfcfcf; margin: 0 auto}
.date-cal p.y{ font: 13px/25px Arial; margin-top: 1px; color: #fff;; margin: 0 auto;
	background: linear-gradient(to bottom, #F6121B 0%, #CC0D18 100%); 
	background: -moz-linear-gradient(to bottom, #F6121B 0%, #CC0D18 100%); 
	background: -o-linear-gradient(to bottom, #F6121B 0%, #CC0D18 100%); 
	background: -ms-linear-gradient(to bottom, #F6121B 0%, #CC0D18 100%); 
	background: -webkit-linear-gradient(top, #F6121B 0%, #CC0D18 100%);
}
.info-cal{width: 200px; float: right;}
.info-cal1{width:236px; float:right;}
.tit-cal{margin-bottom: 5px;}
.tit-cal a{font: bold 11px Arial; color: #db1016}
.simple-tabs{width: 100%; list-style:none; margin: 14px 0 0 20px;}
.simple-tabs li{display: inline-block; width:15px; height:15px; background: #f6121b; text-align: center; font: bold 12px Arial; color: #fff;}
.simple-tabs li.active{background: #f47275;}
.simple-tabs li:hover{background: #f47275;}
/*new*/
div.tab {
    overflow: hidden;
    border: 1px solid #e6e6e6;
    background-color: #f6f5f4;
}


div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    width: 20%;
    outline: none;
    cursor: pointer;
    padding: 14px 8px;
    transition: 0.3s;
    border-right: 1px solid #e6e6e6;
    text-align: left;
    height: 150px;
}

div.tab button:hover {
    background-color: #fff;
}

div.tab button.active {
    background-color: #fff;
}

.tabcontent {
    display: none;
}
/*end*/



.ttnb{margin: 5px 0 20px}

.newsletter{margin: 0px 20px 0;text-align: center;}
.box-letter{border-bottom: 1px solid #ccc; padding: 15px 0 20px 0;}
.newsletter span{font: 11px/18px Arial;}
form#newsletters{height: 25px; width: 230px;border:1px solid #e4e4e4; margin:10px auto 0 ;}
form#newsletters input[type="text"]{height: 25px; line-height: 25px; width: 178px; padding: 0 10px; border:none;}
form#newsletters input[type="submit"]{width: 30px; border-left: 1px solid #e4e4e4; background: url('images/bg_btn.png') 0 0 no-repeat; padding:0; margin: 0; height: 25px; border: none; margin-left:-2px}
.link-letter{display: block; margin: 10px auto;font: bold 11px Arial; color: #db1016}
.box-letter .chitiet a{font: 11px Arial; color: #a1a1a1; text-decoration: underline; padding: 0 3px;}
.box-letter .chitiet a:hover{color: #F33636;}





/* CSS LIST TIN TỨC */
.box-tin{width: 100%; border-bottom: 1px dotted #cccccc; margin-bottom: 10px; padding-bottom: 10px}
.tit-tin{padding-bottom: 15px}
.tit-tin a{font:700 14px/22px Arial, Helvetica, sans-serif; color: #db1016;}
.img-tin{width: 180px;height: 120px; margin-right: 15px;}
.img-tin img{width: 100%;; height: 100%;}
.des-tin{width: 450px; text-align: justify; font: 12px/22px Arial; margin-top: -6px; height: 132px; overflow: hidden;}
.box-tin .chitiet{text-align: right; margin-top: 5px;}
.box-tin .chitiet a{font: 11px Arial; color: #a1a1a1; text-decoration: underline; padding: 0 3px;}
.box-tin .chitiet a:hover{color: #F33636;}
.box-othernews{margin: 10px auto; width: 290px}
.img-othernews{width: 55px; height: 45px; margin-right: 15px;}
.img-othernews img{width: 100%; height: 100%;}
.tit-othernews{width: 215px;}
.tit-othernews a{font: bold 11px/15px Arial; color: #db1016;}
.pages2{ width: 290px; margin: auto;}
.pages2 a{font: 11px Arial; color: #333; padding: 0 3px;}
.pages2 a.active-pages{font-weight: bold;}


/* detail css */
.tit-detail{padding: 3px 0 10px;}
.tit-detail {color: #db1016; font: 20px/24px Arial;}
.img-detail{width: 180px; height: 120px; float: left; margin-right: 15px; padding-bottom: 3px}
.img-detail img{width: 100%; height: 100%;}
.ct-detail{font: normal 13px/22px Arial; color: #333; margin-top: -5px; text-align: justify}
.ct-detail p{margin: 5px 0;}
.project-list{ width:150px !important; padding-right:15px; float:left; font-weight:700;}
/* CALANDER */
.filter{float: right; text-align: right; display:block;}
.sl_org{width: 255px; height: 25px; border:1px solid #e4e4e4; float: left; margin-right: 7px; -webkit-appearance:none;-moz-appearance:none; appearance:none; text-indent: 0.01px; text-overflow: '' ;cursor:pointer; background: url('/web/20161021095311im_/http://onehealth.org.vn/themes/default/images/bg_select.png') top right no-repeat;}
input[type="text"].datefrom, input[type="text"].dateto{width: 125px; height: 22px; border:1px solid #e4e4e4;margin: 0; margin-right: 7px; padding-left: 5px; background: url('/web/20161021095311im_/http://onehealth.org.vn/themes/default/images/bg_input.png') top right no-repeat;}
.bnt-filter{width: 34px; height: 24px;  background: url('images/bg_btn.png') 0 0 no-repeat; border: none;}
.bg_do{ margin: 0 0.5px; text-align: center; height: 35px;
	background: linear-gradient(to bottom, #f91319 0%, #cc0f14 100%); 
	background: -moz-linear-gradient(to bottom, #f91319 0%, #cc0f14 100%); 
	background: -o-linear-gradient(to bottom, #f91319 0%, #cc0f14 100%); 
	background: -ms-linear-gradient(to bottom, #f91319 0%, #cc0f14 100%); 
	background: -webkit-linear-gradient(top, #f91319 0%, #cc0f14 100%);
	border-left:1px solid #f5f5f5;}
.tdleft{border-left:1px solid #CFCFCF;}
.list-lib table{text-align:center}
.list-lib table tr th{color: #fff}
.list-lib table tr td{border-bottom: 1px solid #CFCFCF;padding: 3px;font: 12px Arial;text-align: center;border-right: 1px solid #CFCFCF;line-height: 25PX;}
.f1{float: left;}
.newle{color:#fff; padding-left: 10px;font-size: 19px;
padding-top: 6px;}
.tblleft{width:40px; border-left:1px solid #CFCFCF;}
.list-lib table tr td .arrow{text-align:left; font: bold 12px Arial; color:#383838; padding:0 5px}
.list-lib table tr td .arrow a{color: #383838}
.detailtbl{ border-left:1px solid #cfcfcf;}

.list_cal{width: 480px; float: left}
.list_cal:nth-child(odd){margin: 5px 20px 5px 0}
.list_cal:nth-child(even){margin: 5px 0 5px 20px}
.filcal{float:left}
.filcal a{display: inline-block;color: #808086;font: 12px/32px Arial;padding: 0 18px;height: 32px;background: #F7F7F7;margin-right: 6px;}
.filcal a:hover{background: linear-gradient(to bottom, #F6121B 0%, #CC0D18 100%);
background: -moz-linear-gradient(to bottom, #F6121B 0%, #CC0D18 100%);
background: -o-linear-gradient(to bottom, #F6121B 0%, #CC0D18 100%);
background: -ms-linear-gradient(to bottom, #F6121B 0%, #CC0D18 100%);
background: -webkit-linear-gradient(top, #F6121B 0%, #CC0D18 100%); color:#fff;}
/* CONTACT */
.l-contact{width: 320px; margin-right: 9px; float: left;}
.r-contact{width: 670px; float: right;}
.l-contact p{font: 11px/20px Arial; color: #333; text-align: center;}
.frm_contact{width: 250px; margin:10px auto}
.frm_contact input[type="text"]{width:240px; height: 23px; margin: 5px 0; padding: 0 5px; font: 11px/23px Arial; color: #333;}
.frm_contact textarea{width: 240px; padding: 5px; font: 11px/18px Arial; height: 130px;}
.frm_contact input[type="button"]{margin-top: 10px; width: 65px; height: 25px; border: none; margin-right:5px; color: #7a7a7a; font-weight: bold; cursor: pointer;
background: linear-gradient(to bottom, #ddd 0%, #cfcfcf 100%); 
	background: -moz-linear-gradient(to bottom, #ddd 0%, #cfcfcf 100%); 
	background: -o-linear-gradient(to bottom, #ddd 0%, #cfcfcf 100%); 
	background: -ms-linear-gradient(to bottom, #ddd 0%, #cfcfcf 100%); 
	background: -webkit-linear-gradient(top, #ddd 0%, #cfcfcf 100%); cursor:pointer;}
.frm_contact input[type="submit"]{width:65px; height:25px; border:none;font-weight: bold; color:#fff;
background: linear-gradient(to bottom, #f91319 0%, #cc0f14 100%); 
	background: -moz-linear-gradient(to bottom, #f91319 0%, #cc0f14 100%); 
	background: -o-linear-gradient(to bottom, #f91319 0%, #cc0f14 100%); 
	background: -ms-linear-gradient(to bottom, #f91319 0%, #cc0f14 100%); 
	background: -webkit-linear-gradient(top, #f91319 0%, #cc0f14 100%);}



/* PROJECT */
.main-prj{}
.main-prj .l_prj{width: 250px; float: left; margin-right: 20px; margin-top: 30px;}
.tit-menuprj{font: bold 16px Arial; padding-bottom: 5px; color: #db1016;}
.menuprj{list-style: none;}
.menuprj li a{color: #808080; font: bold 12px/35px Arial;}
.menuprj ul{list-style: none}
.menuprj ul li a{font-weight: normal; padding-left: 15px; line-height: 20px; background: url(images/bg_listtop.png) 0 4px no-repeat;}
.main-prj .r_prj{width: 710px; float: right; padding: 0 10px; margin-top: 30px;}
.content-prj{width: 100%;}
.content-prj .img-prj{width: 100%; padding-bottom: 10px; border-bottom: 1px dotted #ccc;}
.content-prj p{font: 12px/20px Arial; margin: 7px 0;}




/* PHOTO */
.filter_org{height: 42px; margin-bottom: 10px;}
.img-org{margin-right: 10px;}
.form-filter{padding: 12px 0;}
.al_photo{ background: #f5f5f5; padding: 30px 15px;}
.album{margin: 0 10px;  text-align: center; width: 133px;}
.img-album{width: 90px; height: 88px; margin: auto;}
.img-album img{width: 100%;height: 100%}
.tit-album a{font: bold 12px/18px Arial; color: #808080;}
.title-album{font: 18px Arial; color: #808080; padding: 15px 0;}
.form_filter{text-align: center; width: 250px; margin:auto}
.form_filter p{margin:15px 0; font:11px/18px Arial; color:#333}
#form_filter input[type="text"]{ height:20px; border:1px solid #ccc; padding: 0 5px; margin-bottom:15px; font:11px/20px Arial; color:#aeadad}
#form_filter select{width: 250px; height:22px; border:1px solid #ccc; padding: 0 5px; margin-bottom:15px; font:11px/20px Arial; color:#aeadad;  cursor:pointer}
#form_filter select option{font:11px/25px Arial; color:#aeadad;}
#form_filter .w100{width: 240px}
#form_filter .w50{width: 110px; background:#fff url(images/bg_input.png) top right no-repeat;}
#form_filter .bg_a{}
#form_filter .btn_filter{ width: 95px; height:25px; border:none; font:bold 12px/25px Arial, Helvetica, sans-serif; color:#fff; margin: 15px 3px;
	background: linear-gradient(to bottom, #f91319 0%, #cc0f14 100%); 
	background: -moz-linear-gradient(to bottom, #f91319 0%, #cc0f14 100%); 
	background: -o-linear-gradient(to bottom, #f91319 0%, #cc0f14 100%); 
	background: -ms-linear-gradient(to bottom, #f91319 0%, #cc0f14 100%); 
	background: -webkit-linear-gradient(top, #f91319 0%, #cc0f14 100%);
}


/* FOOTER CSS */
footer{margin-top: 15px;}
.bg-xam{background: #f5f5f5; padding:10px 0; margin-bottom:25px;display: inline-block;width: 100%;}

.maps{width: 245px; float: left;}
.maps img{padding: 5px 0px 5px 20px; width:223px}
.r-maps{margin-left: 20px; width: 735px; float: right;}
.r-maps ul{list-style: none;}
.r-maps ul li a img{float: left; margin: 25px 10px; height:70px}
.footer{margin-top: 20px; background: #d31015; padding-bottom: 10px;display: flex;}
.menu-ft{width: 100%; height: 35px; border-bottom: 1px solid #dadada; text-align: center;}
.menu-ft ul{list-style: none}
.menu-ft ul li{display: inline-block;}
.menu-ft ul li a{font: 12px/35px Arial; color: #fff; padding: 0 20px;}


.left-footer{float: left; width: 315px;}
.right-footer{width: 575px; float: right; text-align: center;}
.right-footer a{color: #fff}
.copyright{margin-top: 10px; padding-left: 36px;}
.copyright p{font: 11px Arial; color: #fff}
.adr{margin-top: 10px; padding-right: 55px;}
.adr p{font: 12px Arial; color: #fff; line-height: 18px}
.adr p span{font-weight: bold;}



.jssort07 .i {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 99px;
	height: 66px;
	filter: alpha(opacity=80);
	opacity: .8;
}

.jssort07 .p:hover .i, .jssort07 .pav .i {
	filter: alpha(opacity=100);
	opacity: 1;
}

.jssort07 .o {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 97px;
	height: 64px;
	border: 1px solid #000;
	transition: border-color .6s;
	-moz-transition: border-color .6s;
	-webkit-transition: border-color .6s;
	-o-transition: border-color .6s;
}

* html .jssort07 .o {
	/* ie quirks mode adjust */
	width /**/: 99px;
	height /**/: 66px;
}

.jssort07 .pav .o, .jssort07 .p:hover .o {
	border-color: #fff;
}

.jssort07 .pav:hover .o {
	border-color: #0099FF;
}

.jssort07 .p:hover .o {
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}



.jssora11l, .jssora11r, .jssora11ldn, .jssora11rdn {
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(/web/20161021095311im_/http://onehealth.org.vn/themes/img/a11.png) no-repeat;
	overflow: hidden;
}

.jssora11l {
	background-position: -11px -41px;
}

.jssora11r {
	background-position: -71px -41px;
}

.jssora11l:hover {
	background-position: -131px -41px;
}

.jssora11r:hover {
	background-position: -191px -41px;
}

.jssora11ldn {
	background-position: -251px -41px;
}

.jssora11rdn {
	background-position: -311px -41px;
}


.menu-ft{float: right; margin: 105px 3px 10px 0; }
.menu-ft ul{list-style: none; height: 35px; background: #fff; box-shadow: #a8acb1 0px 3px 3px -1px;}
.menu-ft ul li{float: left;position: relative;}
.menu-ft ul li a{font: 12px Arial; color: #db1016; padding: 0 18px; border-right: 1px solid #c4c0ba; display: inline-block;height: 17px; margin-top: 9px;}
.menu-ft ul li:last-child a{border-right: none;}
.menu-ft ul li a:hover{background: #d61015; color: #fff; padding: 9px 18px; margin-top: 0;}
.menu-ft ul ul{display: none; z-index:100}
.menu-ft ul li:hover ul{display: block; position: absolute; top: 35px; left: 0; width: 165px}
.menu-ft ul ul li a{font: 11px Arial; background: #7b7b7b; color: #ffffff; display: block; margin: 0; padding: 5px 5px;  width: 165px; border: none; border-top: 1px solid #fff}
.menu-ft ul ul li a:hover{background: #7b7b7b; padding: 5px 5px;}
.loginuser{background:#EAEAEA; padding:10px; width:350px; margin:auto; margin-top:20px; float:left}
.note{width:540px; float:left; font:13px/24px Arial, Helvetica, sans-serif;}
.note p{ list-style:decimal}

.stylebox{background: #e3101a}


.tit-album{padding: 7px 0}