m @charset "utf-8";
/* CSS Document */
*{margin:0; padding:0}
.fll{float:left}
.flr{float:right}
.clb{clear:both}
li{list-style:none}
a{text-decoration:none}
.date{color:#989898; padding-left:10px; font-weight:normal}
img, input, button{border:none}
p, h1, h2, h3, h4{line-height:20px; word-spacing:1px;}
body{font-size:12pt; font-family:Arial, Helvetica, sans-serif;  margin:0 !important;}
.waraper{width:100%; margin:0 auto;}
.m_content{ width:1000px; margin:0 auto;}
.m_content1{ max-width:1170px; margin:0 auto;}
.m_content2{ width:1366px; margin:0 auto;}
.top-menu{ background-color:#f4eccb; height: 35px; overflow:hidden;font-size: 11pt;}
.top-menu .top-gt { width:50%; text-align:right;}
.top-menu .top-gt div{ color:#2b5e00; line-height:35px;}
.top-menu .top-gt div a{ color:#2b5e00}
.top-menu .top-hotline { width:50%; text-align: left;}
.top-menu .top-hotline div{ color:#578f2a; line-height:35px;}
.top-menu .top-hotline div span{ color:#578f2a; font-weight:bold;}
.top-menu .top-hotline div span a{ display:inline-block; padding-left: 5px; vertical-align: text-top;}
.top-menu .top-hotline div span a.youtube{ background:url(images/youtube.png) no-repeat center; width:26px; height:18px;}
.top-menu .top-hotline div span a.facebooks{ background:url(images/facebooks.png) no-repeat center; width:18px; height:18px;}
.top-menu .top-hotline div span a.email{ background:url(images/email.png) no-repeat center; width:23px; height:18px;}
.top-hotline .pd-top, .top-gt .pd-top{ padding-left:10px;}
.top-mnr a{ margin-left:10px;}
.top-mnr .tnv, .top-mnr .tlh, .top-mnr .tvd{ padding: 2px 10px; border-radius: 10px; border-bottom:#000 1px solid;}
.top-mnr .tnv{ background-color:#fffa71}
.top-mnr .tlh{ background-color:#ead88b}
.top-mnr .tvd{ background-color:#ead88b}
.m_content .top-gt a, .m_content .top-hotline span{ color:#000 !important;}

.w_banner { width:100%;}
.banner{ height:143px; background:url(images/bg_tr1.png) no-repeat right top, url(images/bg_banner.png) repeat;}
.logo{height:143px; width:auto; margin:auto; padding:0;}
.logo img{ padding-top:10px;}
.slogan{width:750px; margin:auto; padding-top:10px; text-align:center;}
@font-face{src:url(font/UTMRaven.ttf);font-family:UTMRaven;}
@font-face{/*font-family:SVNMothica; src:url(font/SVN-Mothica.otf);*/}
@font-face{font-family:UTMONGDOGIA; src:url(font/UTMONGDOGIA.TTF);}
.menu{height:58px; width:100%; background:#f4d000;}
.nav-mnu{height:58px; width:100%; font-family: UTMRaven; padding:0px; margin-top:0px;}
.nav-mnu li{float:left; display:inline; position:relative; margin-right:8px; padding-left:8px;  /*background:#549e35; border-radius:8px;*/}
.nav-mnu li:last-child{ margin-right: 0px;}
/*.nav-mnu li.active, .nav-mnu li:hover{ background:url(images/bg_mn_hover.png) repeat-x center; border:#dc953d solid 1px; height:56px; margin-top:-1px !important; border-radius: 6px;}*/
.nav-mnu li:first-of-type{ background:url(images/bg_home.png) no-repeat;  margin-top:-8px !important; width: 153px; text-align:center;margin-left: 50px;}
.nav-mnu li:first-of-type a span{ color:#ffed40 !important; line-height: 49px;}
.nav-mnu li a{text-transform:uppercase; color:#000000; line-height:43px; padding:8px 8px;  display:block;  font-size:28px}
.nav-mnu li a span{ display:block; padding:0px 5px; }
/*.nav-mnu li a:hover, .nav-mnu li a.active{color:#ffed40}*/
.nav-mnu li ul{background-color:#f4d000;
    position: absolute;
    display: none;
    width: 303px;
	left:0px;
	top:58px; z-index:999999 !important; border-radius:0px 0px 5px 5px; overflow:hidden; border-bottom:1px solid #F3EFB0; border-right:1px solid #F3EFB0; border-left:1px solid #F3EFB0; opacity:0.9}
.nav-mnu li ul li a:hover{
    color: #000;
}
.nav-mnu li ul li{width:100% !important; margin-left:-33px !important;  background:url(images/sub_mn.png) left no-repeat !important; padding-left:22px; text-align:left !important;}
.nav-mnu li ul li:last-child{background:none}
.nav-mnu li ul:hover{ margin:0}
.nav-mnu li ul li a{padding-left:0 !important;  text-transform:none; color:#000; font-weight:normal; /*font-family:UTMAptima;*/ font-size:28px;}
.nav-mnu li ul li a:hover{color:#000; font-weight:normal; background:none;}
.nav-mnu li:hover ul{
    display: block;
}
.nav-mnu li ul li.top-3{ background:none !important; padding-left: 10px !important}
.nav-mnu li ul li.top-3 label{ padding-left:20px; text-transform:uppercase;}
.nav-mnu li ul li.top-3 a.top-a{ background:url(images/sub_mn.png) no-repeat 1% 50% ; padding-left:22px;}
.nav-mnu li ul li.top-3 .mnc2{ display:block; margin-left:15px;} 
.nav-mnu li ul li.top-3 .mnc2 p{ padding:0px; margin:0px; margin-top:-15px !important;}
.nav-mnu li ul li.top-3 .mnc2 a{ font-family:Arial, Helvetica, sans-serif !important; font-size:16px;}
.nav-mnu li ul li.top-3 .mnc2 a:hover{ color:#619600;}
.nav-mnu li ul li.top-3 .mnc2 .fa{ font-size:8px; line-height:20px; padding-right:5px; vertical-align: middle;}
.slide{height:435px; width:100%; overflow:hidden}
.main-slide{ margin:0px auto}
.slideshow{height:100%; width:100%;}
.maincontent{width:100%; margin:0 auto; overflow:hidden}
.content{width:100%; margin:0px auto; overflow:hidden; background-color:#FFF}
.w_content{ width:100%; margin:0 auto;}
.news-home{ width:1000px; height:103px; margin:auto; position:relative;}
.news-home .tit-news span{ color:#3f3f3f !important; padding-left: 0px;}
.news-home .news-h{ margin:0; padding:0;}
.news-home .news-h li{float:left; width:33.333%; margin:10px auto; padding-bottom:10px}
.news-home .news-h li a{ color:#3f3f3f !important;}
.news-home .news-h li a:hover{ color:#b36900 !important;}
.news-home .news-h .news-content{ color:#FFF;}
.news-home .news-h h4{ padding-right: 30px;}
.news-home .news-h .news-content p { line-height: 11px !important;}
.pchd-home .pchd-box{ width:21.333%; float:left; text-align:center; margin-right: 159px;}
.pchd-home div.pchd-box:last-child{ margin-right:0px !important;}
.pchd-home .tit-news{ text-align:center}
.pchd-home .tit-news span{ color:#3f3f3f !important; padding-left: 10px; font-size:20px !important; border:#88b44e solid 1px;}

.bg-news-home{ margin-top:0px; padding-top: 0px; background-color:#f4eccb}
.news-home .row-left{ background:url(images/row_left.png) no-repeat center; width:16px; height:18px;}
.news-home .row-right{ background:url(images/row_right1.png) no-repeat center; width:16px; height:18px;}
.news-home .row-left:hover{ background:url(images/row_left1.png) no-repeat center; width:16px; height:18px;}
.news-home .row-right:hover{ background:url(images/row_right.png) no-repeat center; width:16px; height:18px;}
/*Giới thiệu*/
.gt_img{ width:333px; margin-right:20px;}
.gt_content{ width:646px;}
.gt_content .title{ /*font-family:SVNMothica;*/font-family: UTMRaven; color:#07913a; font-size:38px; height: 38px; line-height: 36px; text-transform:uppercase;font-weight: 500;}
.line-tt{ margin-left:10px; border-bottom:#e8a550 solid 5px; width:50px;display: inline-block;}
.dacdiem{ width:100%; margin:0 auto; text-align:center; margin-top:20px;}
/* Sản phẩm*/
.product-feat .left-title h1{ font-family: UTMRaven; color:#07913a; font-size:38px; height: 38px; line-height: 36px; text-transform:uppercase;font-weight: 500;}
.sp-home{ padding-bottom: 50px; margin-bottom: -20px; background:url(images/bg_sp.png) no-repeat left top;}
.product-feat , .left-introduce{float: left;margin-top: 10px;width: 100%;}
.left-home {margin-bottom: 0px;margin-left: 6px; position:relative;}h
.left-title {margin-bottom: 0px;}
.left-title > h1 {color:#3f3f3f;font-size:20px;
font-weight:bold;height:75px;line-height:68px; text-align:center;}
.product-feat ul li {float: left; margin-right:45px;text-align: left; position:relative;} 
.product-feat ul li:last-child{ margin-right:0px;}
.product-feat .image-item:hover { box-shadow:0 0 3px 3px #CCCCCC}
.product-feat ul li a {color: #2f2f2f;font-size: 18px; font-weight: bold;text-align: left; margin-top:5px; line-height:30px;}
.product-feat ul li .detail_nb{ padding:5px 0; color:#2f2f2f; font-weight:normal !important; font-style:italic;}
.product-feat ul li .ct_spnb{background: url("images/ct_sp.png") no-repeat; height:25px; width:89px; margin:10px auto 0; }
.product-feat ul li .ct_spnb a{ color:#2f2f2f; text-align:center; line-height:25px;cursor:pointer;}
.product-feat .box_spnb box_new{height:345px; margin:auto;}
.box_spnb box_new ul{margin-top:10px;}
.product-feat .slogan_home { font-family: UTMONGDOGIA; font-size: 28px; text-align:center; width:60%; margin:auto; color:#3b3b3b !important}
.product-feat .slogan_home p{ color:#3b3b3b; }
.box_spnb ul{ margin:0; padding:0;}
.product-feat ul li .on-li-sp{ /*background:#FFF;*/ padding:10px 20px; /*box-shadow: 0 0 0 2px #eee; border-radius: 3px;*/ width:386px; height:125px; text-align:left; margin:auto;}
.product-feat ul li .on-li-sp a{ font-family: UTMONGDOGIA; font-size: 32px; color:#ffea00 !important; font-weight:500;}
.product-feat ul li .mt-sph{ color:#FFF;}
.product-feat ul li .mt-sph p{ padding:0px; margin: 8px 0;}

#demo1.scroll-img2 ul {
    width: 3500px; padding-left: 0px !important;
}
.scroll-img2 {
  width: 1000px;
  height: 108px;
  overflow: hidden;
}
.scroll-img2 ul {
  width: 700px;
  height: 600px;
  margin: 0;
}
.scroll-img2 ul li {
  display: inline-block;
  margin: 10px 15px 10px 15px; min-width: 300px;
}
.scroll-img2 ul li a{ color:#000000 !important}
.scroll-img2 ul li a:hover{ color:#1e961b !important}
#demo5.scroll-img ul {
    width: 3500px;
}
.scroll-img {
  width: 1000px;
  height: 481px;
  overflow: hidden;
}
.scroll-img ul {
  width: 700px;
  height: 600px;
  margin: 0;
}
.scroll-img ul li {
  display: inline-block;
  margin: 10px 15px 10px 15px;
  /*background-color:#f0f0f0;*/
  background-image:url(images/bg-sph.png);
  background-repeat:no-repeat;
  width:463px; height:467px;
  text-align:center
}
.scroll-img ul li img{ border-radius:6px; margin-top: 30px;}
.h1-left{ position:absolute; left:-30px; top:50%; cursor:pointer}
.h1-right{  position:absolute; right:-30px; top:50%; cursor:pointer}
.row-left{ position:absolute; left:-30px; top:31%; cursor:pointer}
.row-right{  position:absolute; right:-30px; top:31%; cursor:pointer}
/*Bài thuốc*/
.bt-home{ background:url(images/bg-baithuoc.png) no-repeat top right;}
.w-main{ position:relative;}
.w-main .bt-brief{ margin-top:10px;}
.w-main .bt-brief a{ color:#474747; font-weight:bold;}
.w-main .bt-brief a:hover{ color:#8ca573}
#demo4.scroll-img1 ul {
    width: 3500px;
}
.scroll-img1 {
  width: 1000px;
  height: 398px;
  overflow: hidden;
}
.scroll-img1 ul {
  width: 1000px;
  height: 444px;
  margin: 0;
}
.scroll-img1 ul li {
  display: inline-block;
  margin: 10px 15px 10px 15px;
  float:left;
  width: 300px;
}
.h2-left{ position:absolute; left:-45px; top:50%; cursor:pointer}
.h2-right{  position:absolute; right:-53px; top:50%; cursor:pointer}

.w-ykkh{ padding-top:30px; width:441px; overflow: hidden;}
.w-ykkh .box-ykkh{ width:396px; margin:0 16px; border:#FFFFFF solid 3px; border-radius: 6px; height:255px; color:#FFF; font-style:italic; position:relative}
.w-ykkh .box-ykkh .ykkh-content{ padding:20px 10px; font-size:16px;;}
.w-ykkh .box-ykkh .ykkh-content span{ float:left; margin-right:15px;;}
.w-ykkh .box-ykkh .icon-title{ padding:0 15px; position:absolute; top: -29px;}
.w-ykkh .box-ykkh .icon-title img{ border-radius: 50%; width:60px; height:60px;}
.w-ykkh .box-ykkh .ykkh-title span{ color:#FFF; font-size:14px; display:block; padding-top: 26px; text-align:right; padding-right:15px;}
#demo3.w-ykkh ul {
    width: 1500px;
}
.h3-left{ position:absolute; left:-20px; top:50%; cursor:pointer}
.h3-right{  position:absolute; right:60px; top:50%; cursor:pointer}

.box-link{ float:left; position:relative; width:31.333333333%; margin-right: 25px; overflow: hidden;}
.box-link .box-link-title{ text-align:left; width: 100%; margin: auto; padding: 10px 5px;}
.box-link .box-link-title a{ color:#7b7b7b; font-weight:bold; font-size:24px; line-height: 30px;}
/*.box-link img:hover{ opacity:0.8; background-color:#666; transition: opacity .3s ease-in-out;}*/
.box-link:last-child{ margin-right:0px !important;}
.title-font{ font-family: UTMRaven; color:#07913a; font-size:31px !important; text-transform:uppercase !important; font-weight: 500 !important;}
/*Left*/
.left{width:710px; margin-right:21px; background:#FFF}
.tit-l{height:48px; width:100%; background:url(images/bg-left.png) no-repeat}
.tit-l p{line-height:65px; text-transform:uppercase; color:#005008; padding-left:30px; font-weight:bold; text-shadow:1px 1px 1px #fff}
.main-l{width:100%}
.video-l{height:250px; width:373px; margin:10px auto}
.nav-l{width:95%; margin:10px auto}
.nav-l li{background:url(images/iconvideo.jpg) left 15%  no-repeat; padding-left:20px; margin-left:10px;}
.nav-l li a{line-height:20px; color:#3E3000;}
.nav-l li a:hover{color:#008146}
.nav-news-l li{width:100%; height:50px; margin:10px auto; background:url(images/bt-l.jpg) bottom repeat-x; padding-bottom:10px}
.img-l{height:47px; width:61px; border:2px solid #CCD2BF; margin:0px 10px}
.nav-news-l li h4 a{color:#0D3E00; font-weight:bold}
.nav-lk li{margin-left:10px; margin-top:10px; color:#008146; background:url(images/icon-news-l.jpg) left 46% no-repeat; padding-left:10px}
.nav-lk li a{color:#3E3000; line-height:20px}
.nav-lk li a:hover, .nav-lk li a.active{color:#008146}
.soc{height:2px; width:100%; background:url(images/bt-l.jpg) repeat-x}
.tt li{text-align:center; height:53px; width:100%; margin:10px auto}
.footer .info h3{ font-family: UTMRaven; color:#07913a; font-size:42px; height: 18px; line-height: 36px; text-transform:uppercase;font-weight: 500;}
/*Right*/
.right{width:269px; background:#FFF; margin-top:20px;}
.abouthome .bg-ab{width:100%; margin:0 auto; background-color: #FFF; padding-bottom:20px; background:url(images/bg_gt1.png) no-repeat 2% top ,url(images/bg_gt2.png) no-repeat top right;}
.abouthome .gt-image{ text-align:center;margin-top: 75px;}
.tit-about{height:33px; margin:10px auto; text-align:left; /*font-family:"SVN Mothica"; */color:#154428}
.tit-about p{line-height:38px; padding-left:10px ;font-family:"UTMRaven"; font-size:42px; color:#089139; text-transform:uppercase;}
.tit-about p .tit-line{ border:#f4d000 2px solid; width: 86px !important; height: 0px; display: inline-flex; margin-bottom: 2px;}
.pd-l0{ padding-left: 0px !important;}
.about-main{width:100%; margin:0px auto; overflow:hidden}
.readmore{margin:10px; color:#FFFFFF; background:#80c249; padding:6px 12px; border-radius: 8px;}
.readmore1{ background:#67ad2c; color:#FFF !important; text-align:center; padding:5px 10px; border-radius:5px;}
.ads{height:105px; width:100%; margin:10px auto}
.ads ul li{height:105px; width:356px; margin-right:4px; float:left; display:inline}
.ads ul li:last-child{margin:0px;}
.newshome{width:100%; height:512px; margin:10px auto; background:url(images/bg-ykien.png) top center no-repeat; padding-bottom:23px;}
.news1{height:100%; width:550px; float:left; display:inline; margin-right:9px; margin-top: 30px;}
.news2{height:100%; width:200px; float:left; display:inline; margin-right:9px; margin-top: 30px;}
.newshome ul li:last-child{margin:0}
.news h3{color:#7A6725}
.tit-news{height:35px; width:100%;}
.tit-news span{font-weight:bold; color:#fff; line-height:35px; padding:10px 15px; font-size:20px}
.video-l h3, .video-l p{ color:#FFF;}
.tit-r{ color:#FFFFFF; font-size: 20px; background-color:#68a136; }
.tit-r p{ padding:10px 12px;}
.line{border-bottom:1px dotted #DBD6C4; margin:0px 10px; padding-top:10px}
.news-h li h4 a{ color:#FFF}
.news-h li h4 a:hover{color:#ffca10}
.khung{width:98px; height:75px; margin-right:10px; margin-left:0px}
.img-news{height:69px; width:92px; background:#F7F3E6; padding:3px;}
.shadow{height:3px; width:100%; background:url(images/shadow.png) no-repeat}

.w-footer{width:100%; height:220px; margin:0px auto; background:#eeeeee url(images/bg-ft.png) no-repeat top right; }
.footer{ width:1000px; margin:0px auto;}
.logobt{ width:145px; }
.logo-ft{ width:150px; margin-top: 39px;}
.info{ width:369px; font-size:12px; padding-left:0px;}
.info h3{color:#fddd6c; text-transform:uppercase}
.info p{color:#FFF}
.copy{width:325px; font-size:12px;; color:#FFF}
.ytb{ width:480px;}
.mxh-ft { margin-top:20px; background:url(images/bg-mxh.png) no-repeat right center; height:35px;}
.ytb-ft { margin-top:10px; text-align:left;}
.ytb .gt-ft ul li{ text-align:right; color:#282828; font-size:12px; font-weight:500; padding-bottom:10px;}
.ytb-ft .title, .ht_content .title { /*font-family:SVNMothica;*/font-family: UTMRaven; color:#07913a; font-size:38px; margin: 10px 0; text-transform:uppercase;font-weight: 500;}

.img-details{text-align:center; margin:20px auto}
.follow{height:16px; width:100%; margin:10px auto; padding-bottom:25px; border-bottom:3px solid #DFDFDF}
.ontop{height:100%;}
.ontop ul li{float:left; display:inline; margin-right:10px;}
.ontop ul li a{color:#818181}
.ontop ul li a:hover{color:#1370AA}
.top{background:url(images/top.gif) left no-repeat; padding-left:15px}
.back{background:url(images/back.gif) left no-repeat; padding-left:15px;}
.prints{background:url(images/print.gif) left no-repeat; padding-left:15px;}
.mail{background:url(images/mail.gif) left no-repeat; padding-left:15px}
.face{padding-left:10px}
.news-r{ float:left; margin-bottom:10px;}
.news-r h4 a{ color:#1d1d1d}
.khung-r{ width:100%; text-align:center;}
.newr-ct{ width:90%; text-align:left; padding: 0 20px;}
.newr-ct h4{ margin-bottom: 10px;}
.nv_vd{ background:url(images/bg_vd.png) repeat center; width:100%; height:317px;}
/*Nhãn hiệu tập thể*/
.nav-nh { padding-left: 10px; margin-left: 2px;}
.nav-nh li{ width:100%; background:url(images/shadow-nhtt.png) bottom center no-repeat; padding-bottom:20px; margin:10px auto; min-height: 160px;}
.nav-nh li:last-child{background:none; padding:0}
.img-nh{height:110px; width:152px; border:1px solid #ECECEC; padding:2px; margin:0px 10px 10px 0px}
.nav-nh li h4 a{color:#3b3b3b}
.nav-nh li h4 a:hover{ color:#306e21}
.other{width:100%; margin:10px auto}
.other h3{padding-left:10px}
.other ul{ padding-left:10px;}
.other ul li a{line-height:25px; color:#171717; background:url(images/other.gif) left no-repeat; padding-left:15px; margin-left:10px;}
.other ul li a:hover{color:#035B24}
/*Nha vuon*/
.nhavuon ul li{ width:100%; float:left;}
/*Product*/
.nav-prod{ margin:0; padding:0;}
.nav-prod li{ float:left; display:inline; text-align:center; margin:16px}
.nav-prod li{
   background-image:url(images/bg-sph.png);
  background-repeat:no-repeat;
  width:463px; height:467px;
}
.nav-prod li p a{color:#002c75; font-weight:bold}
.nav-prod li p a:hover{ color:#2e6f1f}
.img-prod{ padding:5px; margin-bottom:1px}
.img-prod img{ border-radius:6px; margin-top: 25px;}
.page{height:24px; width:159px; margin:10px auto}
.main-news{width:100%; color:#584604}
.nav-prodsp li{width:268px; float:left; display:inline; text-align:center; margin:23px}
.nav-prodsp li h3 a{color:#000000; font-family: UTMONGDOGIA; font-size:30px;}
.left-sp{width:1010px; margin-right:21px; background:#FFF}
ul.nav-prod li .on-li-sp{ /*background:#FFF;*/ padding:0px 20px; /*box-shadow: 0 0 0 2px #eee; border-radius: 3px;*/ width:386px; height:125px; text-align:left; margin:auto;}
ul.nav-prod li .on-li-sp a{ font-family: UTMONGDOGIA; font-size: 32px; color:#ffea00 !important; font-weight:500;}
ul.nav-prod li .mt-sph{ color:#FFF;}
ul.nav-prod li .mt-sph p{ padding:0px; margin: 8px 0;}
.detail1{ width:50%;}
.detail2{ width:45%; margin-left:20px;}
.detail1 img{ background:#e1e1e1; padding:5px;}
.detail2 h3{font-family: UTMONGDOGIA;
    font-size: 46px;}
/*Video*/
.info-video{width:100%;  background:url(images/shadow-nhtt.png) bottom center no-repeat; padding-bottom:30px;}
.info-video h2{line-height:30px; color:#000000; text-transform:capitalize}
.listvideo{width:100%;}
.listvideo ul li{height:160px; width:164px; float:left; display:inline; margin:20px}
.listvideo ul li h4 a{color:#065E28}
.play{height:350px; width:668px; margin:10px auto}

/*News*/
.cat-news{width:100%; overflow:hidden; background:url(images/shadow-nhtt.png) bottom center no-repeat; padding-bottom:30px;}
.img-cat{height:108px; width:152px; border:1px solid #ECECEC; padding:2px; margin:0px 10px 10px 0px}
.listnews{width:100%}
.listnews ul li a{line-height:25px; background:url(images/iconnews.gif) left no-repeat; padding-left:15px; color:#333; font-weight:bold}

.info-ct{width:100%}
.info-ct h3{color:#065E28}
.formcontact{width:600px; margin:10px auto; border-bottom:1px dashed #E7E7E7; overflow:hidden}

.main-dh{width:100%;}
.dh-l{width:120px; text-align:left}
.dh-r{width:475px;}
.dh-l p, .dh-r p{line-height:46px; margin: 2px;}
.dh{height:24px; width:327px; border:1px solid #ECECEC; margin:10px 0px; padding-left:5px}
.info-ct h4{color:#3565AF; text-transform:uppercase; padding-top:10px}
.titlect{ color:#2f7020}
#pix_canvas{ display: none !important;}
.hotro { text-align:right}
.hotro img{ margin-right:10px;}
.hotro a{ color:#767474; font-size:16px;}
.sent{ background-color:#1e7e25; padding: 6px 5px; color:#FFF; border-radius:5px; width:60px; text-align:center; cursor:pointer}
.reset{ background-color:#ae8519; padding: 6px 5px; color:#FFF; border-radius:5px; width:80px; margin-left:10px; text-align:center; cursor:pointer}
.htkd-title{ margin:30px 0; text-align:center;}
/*Hệ thống*/
.ht_img{ width:383px; margin-right:20px;}
.ht_content{ width:596px;}
.ht_content table,
.ht_content th,
.ht_content td {
    border: 0px !important;
} 
.ht_content img{ padding-left:15px; padding-bottom:30px;}
.about-main .ht_content ul li{ display:inline-block; margin-bottom:10px; color:#FFFFFF}
.about-main .ht_content ul li img{ float:left; width:310px; margin-right:10px;}
.about-main .ht_content ul li .about-main-new{ float:left; width: 596px;}
.about-main .ht_content ul li .about-main-new a{ color:#FFFFFF; font-weight:600; font-size:16px;}
.nvhm-h ul{ height: 235px;
    overflow-y: auto;
    overflow-x: hidden; width:66%; padding:0px;}
.nvhm-h ul li{ border-bottom:#FFF dotted 1px; max-width: 339px; padding-bottom: 10px;}
.nvhm-h ul li .about-main-new p{ margin: 6px 0;}
.nhavuon ul li{ border-bottom:#CCC dotted 1px; margin-bottom:25px;}
.nhavuon ul li .about-main-new{ width:50%;}
.nhavuon ul li .nv-img{ width:50%; }

/* Phân trang */
.pager{ text-align:right; padding-right:20px; padding-bottom:8px; height:18px; width:400px;}
.pager a{ color:#FFFFFF; border-radius: 6px; background:#dda41f; padding:3px 10px; margin-right:2px; font-weight:bold;}
.pager .active{ color:#FFFFFF; background:#666666; padding:3px 10px; margin-right:2px; }
.pager .last{ background:url(images/pager1.png) no-repeat 0px -51px; font-size:1px; color:#cececf; padding:8px; margin-right:2px; float:right;}
.page_current{ float:left; padding-right:10px;}
.page_items{ float:left;}
.page_items .page_item_active {color:#FFFFFF; background:#b1ac82; padding:3px 10px; margin-right:6px; font-weight:bold;}
.page_items .page_next{ background:url(images/pager1.png) no-repeat 0px -50px; padding:3px 10px; }
.page_items .page_last{ background:url(images/pager1.png) no-repeat 0px 0px; padding:3px 10px;}
.page_items .page_prev{ background:url(images/pager1.png) no-repeat 0px -79px; padding:3px 10px;}
.page_items .page_first{ background:url(images/pager1.png) no-repeat 0px -27px; padding:3px 10px;}