@font-face {
	font-family: 'UVNHongHaHep_B';
    src: url('fonts/UVNHongHaHep_B.eot');
    src: url('fonts/UVNHongHaHep_B.eot?#iefix') format('embedded-opentype'),
            url('fonts/UVNHongHaHep_B.woff') format('woff'),
            url('fonts/UVNHongHaHep_B.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'UVNHongHaHep_R';
    src: url('fonts/UVNHongHaHep_R.eot');
    src: url('fonts/UVNHongHaHep_R.eot?#iefix') format('embedded-opentype'),
            url('fonts/UVNHongHaHep_R.woff') format('woff'),
            url('fonts/UVNHongHaHep_R.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}


html,body{font-family:Tahoma, Geneva, sans-serif;font-size:12px; margin:0;}
a{color:#2d3d32;text-decoration:none;font-weight:bold;}
a:hover{color:#953a39; text-decoration:none;}
a img{ border:none;}
.clear{clear:both;}
.float{float:left;}

#bnleft{top: 10px; left:0; width:150px; position:fixed; }
#bnright{top: 10px; right:50px; width: 102px; position: fixed;}
#bnleft img{ border:1px solid #999;}
#bnright img{ border:1px solid #999;}

#top{ padding:8px 0; }

#logo{ float:left; width:18%; height:100px;}
#rtop{ float:right; width:82%; padding-top:16px;}
#rtop .in{ margin-right:15px;}
#rtop h1{ color:#e30419; margin:0;}
#tophotline{ float:right; background:#eee; display:inline-block; font-weight:bold; color:red; padding:0 10px; font-size:26px; border:1px solid #ccc;}

#bottom{ background:#eeeeee; margin-top:10px; border-top:1px solid #ccc;}
#bottom #wbottom {margin:0 12px; padding-bottom:18px;}
#bottom #wbottom .bottomcol{ float:left; width:25%;}
#bottom #wbottom .bottomcol .in{ margin:0 15px;}
#bottom #wbottom h3{ color:#06058d; text-transform:uppercase;}
#bottom #wbottom ul{ list-style-image:url(../images/icon4.jpg); margin:0; padding:0; margin-left:25px;}
#bottom #wbottom ul li{ padding:3px 0;}
#bottom #wbottom ul li a{ font-weight:normal;}


.warp{ height: 100%; position: relative; margin:0 auto;}
#h1{}

#h2{background:url(../images/bg-nav.png) bottom repeat-x;height:38px; line-height:38px; color:#fff; margin:7px 0;}
#h3{ margin:0 3px;}
#h31{float:left;width:215px;}
#h32{float:left;width:540px; padding:0 7px;}
#h33{float:right;width:215px;}
#h34{float:right;width:762px; padding-left:7px;}
#h4{ height:29px;}
#h4 ul { margin:0; padding:0; list-style:none; }
#h4 ul li{ float:left; padding:0 22px; height:18px; border-right:1px solid #fff; margin-top:6px;}
#h4 ul li a{ color:#fff; text-transform:uppercase;}
#h5{ padding:10px; border-top:1px solid #ddd; background:#181819; color:#fff; }
#h5 a{ color:#fff; }
#h51{ float:left;}
#h52{ float:right; }

#mainb{ margin-top:10px;}
#mainb #mleft{ float:left; width:20%;}
#mainb #mright{ float:right; width:80%;}
#mainb #mright .in{ margin-left:10px;}

.leftcate{ font-size:12px;}
.leftcate > ul{ margin:0; padding:0; list-style:none;}
.leftcate > ul > li{ padding:6px 0; padding-left:10px; border-bottom:1px dotted #eee;}
.leftcate > ul > li > a{ text-transform:uppercase; color:#000; font-weight:normal;}
.leftcate > ul > li > a:hover{ color:#2498ff;}
.leftcate > ul > li > ul {  margin:0; padding:0; padding-left:22px; list-style:none;}
.leftcate > ul > li > ul li{ padding:3px;}
.leftcate > ul > li > ul a{ color:#000; font-weight:normal; font-size:13px;}
.leftcate a.acted{color:#2498ff;}

.leftcate1{ font-size:12px;}
.leftcate1 > ul{ margin:0; padding:0; list-style:none;}
.leftcate1 > ul > li{ padding:6px 0; padding-left:10px; border-bottom:1px dotted #eee;}
.leftcate1 > ul > li > a{ text-transform:uppercase; color:#000; font-weight:bold;}
.leftcate1 > ul > li > a:hover{ color:#2498ff;}
.leftcate1 > ul > li > ul {  margin:0; padding:0; padding-left:22px; list-style:none;}
.leftcate1 > ul > li > ul li{ padding:3px;}
.leftcate1 > ul > li > ul a{ color:#000; font-weight:normal; font-size:13px;}
.leftcate1 a.acted{color:#2498ff;}

.stitle{background:#0270bb;height:26px; text-transform:uppercase;text-align:center;line-height:26px;font-weight:bold; color:#fff; overflow:hidden;}
.title{ text-transform:uppercase; text-align:left; font-weight:normal; font-size:18px; color:#ff6801; margin-bottom:8px; margin-top:12px;}
.title a{ color:#07068e;}
.title .ptbn{ color:#ffff01;}
.titlest{ text-transform:uppercase; text-align:center; font-weight:bold; font-size:13px; color:#fff; background:#ff6801; padding:3px 0;}
.titledt{ text-transform:uppercase; text-align:left; font-weight:normal;  font-size:15px; color:red; }

.titlehome{ text-transform:uppercase; text-align:left; font-size:18px; color:#000; }

.title_cat{ border-bottom:3px solid #173c1d; margin: 0; padding: 0;}
.title_cat div{background:#173c1d; height:26px; text-transform:uppercase;text-align:center; line-height:26px;font-weight:bold; width:80px;-moz-border-radius: 8px 8px 0 0 ; -webkit-border-radius: 8px 8px 0 0; -khtml-border-radius:8px 8px 0 0; border-radius: 8px 8px 0 0; font-size:12px; color:#fff; overflow:hidden;}
.title_cat div a{ color: #fff;}
.pan_cat{ border:1px solid #ccc; clear:both; margin-bottom: 8px; padding-left: 2px;}

.title span, .titlehm span{ color:#018aff; }
.pan{padding: 8px 0; padding-left:8px; border:1px solid #ccc; clear:both;}
.panct{padding: 8px; border:1px solid #ccc; clear:both;}
.panns{padding: 8px; clear:both;}
.panns img{max-width: 100%;  height: auto;}
.span{ border:1px solid #ccc; clear:both;}
.cctm{color:#000033;}

#box1{ float:left; width:33%;}
#box2{ float:left; width:33%;}
#box2 .in{  margin:0 18px;}
#box3{ float:right; width:33%;}

#boxhome { margin:0 12px;}
#boxhome h3{ text-transform:uppercase;font-size:15px; font-weight:bold; padding:0; margin:0; color:#ff6801; margin-bottom:6px;}

.item_menu_left{ padding:0; margin:0; list-style:none;}
.item_menu_left li {border-bottom:1px solid #f2f2f2; margin:8px 0; padding:3px;}
.item_menu_left li a{padding-left:15px; color:#4b4b4b;}
.item_menu_left li .cdate{ color:#a30100; font-size:11px;}

.news{ padding:0; margin:0; list-style:none;}
.news li {border-bottom:1px dashed #d3d3d3; margin:8px 0; padding:3px;}
.news li a{font-weight:normal; color:#000;}
.news li a:hover{font-weight:normal; color:#953a39; text-decoration:underline;}
.news li .cdate{ color:#a30100; font-size:11px;}

.livechat{ float:left; width:50%;}
.livechat a{ color:#000;}

#mtab{padding-top:6px;background:url(../images/icon1.jpg) left no-repeat #509cf0;padding-left:25px;height:24px;font-weight:bold;}
#mtab ul{padding:0;	margin:0;list-style:none;}
#mtab ul li{background:url(../images/bg_tab1.jpg) center no-repeat; float:left; height:24px; padding:0 12px; margin:0 5px; text-align:center; line-height:24px; cursor:pointer;}
#mtab ul li:hover{background:url(../images/ctab1.jpg) center no-repeat;width:83px;}

.litem{ float:left; width:25%;}
.litem .in{ margin:10px 8px;}
.litem .img { border:1px solid #d8d8d8; padding:2px; width:100%; height:140px;}
.litem .ttsp{height:42px; margin-bottom:8px;}
.litem .ttsp a{font-weight:bold; color:#06058e;}
.litem .price {color:red; font-weight:bold;}

.litem_ot{ float:left; width:25%;}
.litem_ot .in{padding:8px 12px;}
.litem_ot img { border:1px solid #d8d8d8; padding:2px;}
.litem_ot .ttsp{height:31px; overflow:hidden;}
.litem_ot .ttsp a{font-weight:normal;}
.litem_ot .price {color:red;}


.detailtitle{ border-bottom:1px dashed #bbbbbb; text-transform:uppercase; font-size:14px; font-weight:bold; padding-bottom:5px; margin-bottom:8px;}

.detailtitle span{ font-size:12px; text-transform:none; float:right; cursor:pointer;}
.ttitemct{ background:#fe9901; font-size:14px; font-weight:bold;}
.ctcol1{color:#000; font-weight:normal;}

.cmtab{background:url(../images/ctab1.jpg) center no-repeat;width:83px;color:#FF0000;}
#tdd ul li{float:left;height:24px;line-height:24px;color:#0000FF;font-weight:bold;cursor:pointer;}

#photo{float:left; width:65%;}
#photo .in{margin-right:5px; padding-right:5px;}
#noidung{float:right; width:35%;}

#motact{float:left; width:50%;}
#motact .in{margin:0 8px;}
#mapct{float:right; width:50%;}

.orthernews{ font-size:11px; }
.orthernews:hover{ color:#953a39; text-decoration:underline;}
.orthernews:visited{ color:#595c5a;}

.itemtd{margin:3px 5px;}
.tab{float:left;margin-right:15px;margin-top:5px;}
.title_sp{height:30px;text-align:left;font-size:11px;}
.prtt{width:130px;height:100px;border-left:1px dashed #333399;}
.tiente{background-color:#9ba39b;color:#FFFFFF;margin:0px 5px;padding:2px 2px;font-weight:bold;border:1px solid #5e675e;cursor:pointer;}
.jus{text-align:justify;}
.ttlienhe{text-align:right;padding-right:7px;font-weight:bold;font-size:11px;height:27px;}
.blabold{color:#000000;font-weight:bold;}
.redbold{color:red;font-weight:bold;}
.orgbold{color:#b55f12;font-weight:bold;}
.bluebold{color:#0072dd;font-weight:bold;}
.cur{cursor:pointer;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f15{font-size:15px;}
.pad5{padding:5px;}
.padd10{padding:10px;}
.mar10{margin:10px;}
.martop8{margin-top:8px;}
.padtop8{padding-top:8px;}
.pleft10{padding-left:10px;}
.nobold{font-weight:normal;}
.cont{padding:6px;}
.line3{background:url(../images/line_left_menu.jpg) repeat-x 8px center;height:2px;margin-right:10px;margin-bottom:5px;}
.paging{cursor:pointer;font-size:11px;}
.paging:hover{color:#953a39; text-decoration:underline;}
.cell{text-align:left; padding-left:7px; font-weight:bold; height:30px;}
.border1{border:1px solid #cac6b9;}
.border2{border:1px solid #047ad9;}
.noborder{ border:none; border-bottom:1px solid #999}
.bordersp{border:1px solid #18181a;padding:5px;}
.btn{background:#eee; font-weight:bold;color:#000;padding:0 10px;border:1px solid #ccc;height:22px;}

#msg {display:none; position:absolute; z-index:200; background:url(../images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px; color:#000000;}
#maintab{background:url(../images/bg_tab1.jpg); margin-bottom:10px;}
.tabon{ float:left; margin:0px; text-align:center; border-right:1px solid #aaa; border-bottom:1px solid #aaa; height:24px;}
.tabon a{color:#000; display:block; text-decoration:none; font-size:13px; padding:0 12px; font-weight:bold; height:24px; line-height:24px; cursor:pointer; text-align:center; }
.tabon a.curmp{color:red;}

.borderk{border:1px solid #aaaaaa;margin-right:2px; min-height:150px; }
.blur{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}

.sline{ background:url(../images/line_par.jpg) repeat-x; height:1px; margin:8px 0;}
.borderdt{ border:1px solid #eee; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;padding:1px;}
.ttle3{ color:#07068e; font-weight:bold; padding-left:5px; border-bottom:1px dotted #eee; padding-bottom:5px; font-size:13px;}
.lshadow{ background:url(../images/lshadow.jpg) no-repeat; height:15px;}
.shadow{ background:url(../images/shadow.jpg) no-repeat; height:15px;}
.brbanner{height:350px;}
.ctPro{background:#FFFFFF;font-weight:normal;width:390px;border:1px solid #FFFFFF;padding:2px;font-size:12px;position:relative; z-index:9999;}
.ttPro{color:#edf50a;margin:15px 5px 5px 25px;font-weight:bold;position:absolute; z-index:9999;}
.titlecat{background:url(../images/titlecat.jpg) right no-repeat; padding-left:10px; height:23px; padding-top:5px;text-align:left; text-transform:uppercase; color:#ffffff;}
.titlecat a{ color:#7a0201;}
.titlecat a:hover{text-decoration:underline;}
.titlecat span{padding:4px 12px; color:#7a0201; font-weight:bold;}
.prtt{width:130px;height:100px;border-left:1px dashed #333399;}

.hover:hover{ color:#953a39; text-decoration:underline;}

#fadeshow1 {  position:absolute;  z-index:1; background:#FFF;}
#fadeshow1 img { position:relative; z-index:1;}
#fadeshow1 IMG.active { z-index:10;}
#fadeshow1 IMG.last-active {  z-index:9;}
#fadeshow1

.tdtin:hover{ text-decoration:underline;}
.adeco:hover{ text-decoration:underline;}
.inca{}
#fadeshow1 {
  width: 522px;
  height: 280px;
}
#fadeshow1 img{
}
#fadeshow1 .descpanelfg {color:000;}
.ppthuy{ margin:0; padding:3px;}
.ppthuy li {margin-left:20px;list-style:square; padding:8px; color:#585858; float:left; width:220px; border-right:1px dashed #ccc;}
#showlist{}

#slideshowtoggler{ position:absolute; top:128px; z-index:99999; width:100%; display:none;}
#slideshowtoggler .next{ position:absolute; right:0;}

.pgthieu{ margin:0; padding:3px;}
.pgthieu li {margin-left:20px;list-style:square; padding:6px 3px; color:#585858; float:left; width:230px;}
.pgthieu li a{}
.pgthieu li.acted {list-style-image:url(../images/icon1.jpg);}
.pgthieu li.acted a{color:#0072dd;font-weight:bold;}

/* ============================= slider ======================= */
#coin-slider-coin-slider{
	width:990px;
	height:350px;
	position:relative;
	float:left;
}
#coin-slider{
	margin:0;
}
#cs-buttons-coin-slider{
	position:absolute;
	bottom:5px;
	right:10px;
}
#cs-buttons-coin-slider a{
	display:block;
	text-indent:-10000px;
	float:left;
	width:23px;
	height:23px;
	margin-right:10px;
	background:url(../images/pagination.png) no-repeat right top;
}
#cs-buttons-coin-slider a:hover,
#cs-buttons-coin-slider a.cs-active{
	background:url(../images/pagination.png) no-repeat left top;
}
#cs-navigation-coin-slider{
	display:none!important;
}

.itemhome{}
.itemhome .tt{ height:32px; overflow:hidden; margin:0; padding:3px 0;}
.itemhome .tt a{ color:#1e6486;}
.itemhome .tt1{  margin:0; padding:3px 8px;}
.itemhome .tt1 a{ color:#000; font-weight:normal;}

.itemhome .img{ width:100%; height:180px; margin-bottom:10px;}
.itemhome .tomtat{ height:50px; overflow:hidden; text-align:justify;}
.itemhome .xemthem{ padding:3px 0;}
.itemhome .xemthem a{ font-size:11px; font-weight:normal; color:#f96604;}
.itemdx{ padding:3px 10px;}
.itemdx a{ font-weight:normal;}

#pnbodybanner{ position:relative; max-height:450px;}
#pnsearch{ position:absolute; bottom:50px; right:50px; z-index:1000; background:#000; padding:10px;}
#ftmsearch{}

.item_nhanvien{ float:left; width:20%; height:380px; overflow:hidden;}
.item_nhanvien .in{padding:15px 38px;}
.item_nhanvien .img{ width:100%; height:230px; -moz-border-radius: 120px; -webkit-border-radius: 120px; -khtml-border-radius: 120px; border-radius: 120px; border:1px solid #eee;}
.item_nhanvien .tt{ margin-top:10px;}
.item_nhanvien .tt a{  font-size:14px; color:red;}
.item_nhanvien .ttinnv{ line-height:23px; width: 160%;}
.item_nhanvien .ttinnv img{  vertical-align: middle;}
.detail_nhanvien{}
.detail_nhanvien img {width:300px; float:left; margin-right:10px;}

.itemhotsb{ margin-bottom:8px; padding-bottom:10px; border-bottom:1px dotted #eee;}
.itemhotsb .tt{ margin-bottom:0;}
.itemhotsb .img{ width:100%;}
.itemhotsb .price{ color:red; font-weight:bold;}

.itemhotda{ margin-bottom:8px; border-bottom:1px dotted #000; padding-bottom:10px; height:240px; overflow:hidden;}
.itemhotda .tt a{ color:red; font-size:12px;}
.itemhotda .img{ width:100%; max-height:150px; margin-bottom:8px;}

.pnchoose{}
.pnchoose label{ float:left; width:30%;}

.tddangtin{ font-weight:bold;}
.idangtin{ width:520px; border:1px solid #eee; height:27px;}
.idangtins{ width:120px; border:1px solid #eee; height:27px;}
.idangtincb{ width:180px;}
#showprice{ color:red; font-size:16px; font-weight:bold;}
 #mapCanvas {
    width: 100%;
    height: 320px;
	font-family:Arial, Helvetica, sans-serif;
  }
.iduan{ float:left; width:33%; height:330px; overflow:hidden; position:relative;}
.iduan .in{margin:10px;}
.iduan .img{width:100%; height:220px; display:block;}
.iduan .tt{ padding:3px 0; height:32px;  overflow:hidden;}
.iduan .tomtat{ height:50px; overflow:hidden;}
.iduan .more a{ font-weight:normal; color:red; font-size:11px;}

.iduan a::after {
    background-color: rgba(255, 255, 255, 0.4);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: none 0s ease 0s ;
    width: 0;
    z-index: 999;
}

.iduan a:hover::after {
    background-color: rgba(255, 255, 255, 0);
    transition: all 0.5s ease-out 0s;
    width: 120%;
}
.content_item{ font-size:14px;}
.content_item img{ max-width:500px; !important}

.vtpanhkhac{ cursor:pointer;}

#ftmPost #btnsearch{background:#173c1d; width:77px; height:25px; border:0; cursor:pointer; color:#fff; font-weight:bold;-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius:5px; border-radius: 5px;}

.itemttuc{}
.itemttuc .tt{}
.itemttuc .img{ float:left; width:180px; height:120px; margin-right:10px;}
.itemttuc .ntao{ font-size:11px;}
.itemttuc .tomtat{ text-align:justify;}

.tcalbum{float:left; width:160px; height:135px; padding:5px;}
.tcalbum .img{ width:156px; height:110px;}

.arrowlistmenu{width: 100%; text-align:left;}
.arrowlistmenu .menuheader{ cursor:pointer; text-transform:uppercase; color:#000; font-weight:bold;}
.arrowlistmenu h3{ padding-left:15px; font-weight: bold;}
.arrowlistmenu h3 a{ display:block;text-transform:uppercase; color:#000; font-weight:bold;}
.arrowlistmenu .openheader{ }
.arrowlistmenu ul{ list-style-type: none;margin: 0;padding: 0;margin-bottom: 2px; }
.arrowlistmenu ul li{padding-bottom: 2px;}
.arrowlistmenu ul li a{display: block;color:#5c5c5c;padding: 2px 0;padding-left: 20px; text-decoration: none;font-weight: normal;}
.arrowlistmenu ul li a:hover{ color: #2498ff;}
#pnright{ width:60px; position:fixed; bottom:60px; right:10px; background:#fff; border:1px solid #ddd;-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; padding:6px; z-index:99999;}

#bottom #wbottom #pnkeybot{border-top:1px solid #ccc; margin-top:15px; padding-top:8px;}
#bottom #wbottom ul#keywordbt{ clear:both; margin:0; padding:0;margin-left:4%;}
#keywordbt li{ display:inline-block; width:25%;}
#keywordbt li a{ display:block; padding-left:10px;}

#bannerin img{ width:100%; height:auto;}

.spage{ font-size:15px;}
.spage a{font-size:15px;}