@charset "utf-8";
/* CSS Document */
body { background: #111816 url(bg.gif); padding: 0px; margin: 0px; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #00100b; }
#preLoadImages { background: url(http://123.30.178.72:8080/SilkRoadImages/main/header.jpg); background: url(http://123.30.178.72:8080/SilkRoadImages/main/header2.jpg); display: none; }
@media screen, projection { body {width:100%;min-width:900px; } }
@media print { body {width:100%;} }
a:link, a:visited, a:active { color: #00100b; font-weight: bold; text-decoration: none; }
a:focus { outline: none; }
a:hover { color: #733e13; }
img { border: none; }
.clear { clear: both; }
p { margin: 0px; padding: 10px 0px; }
ul { padding: 0px; margin: 0px; list-style-type: none; }
input { font-size: 12px; font-family: Tahoma; color: #00100b; }
.header { background: url(http://123.30.178.72:8080/SilkRoadImages/main/header.jpg) no-repeat top center; }
.header2 { background: url(http://123.30.178.72:8080/SilkRoadImages/main/header2.jpg) no-repeat top center; }
.link { height: 47px; }
.link a { display: block; height: 47px; width: 100px; text-indent: -9999px; }
#wrapper { width: 900px; margin: 0px auto; }
.footer { background: url(footer.jpg) no-repeat top center; height: 231px; }
.footerin { width: 900px; margin: 0px auto; position: relative; }
.footerin a { display: block; width: 108px; height: 23px; position: absolute; top: 0px; left: 395px; top: 75px; text-indent: -9999px; }
.top { height: 356px; position: relative; }
.col1 { width: 307px; float: left; padding-left: 19px; }
.col2 { width: 248px; float: left; }
.col3 { width: 307px; float: left; }
h6 { padding: 0px; margin: 0px; margin-bottom: 7px; display: block; width: 291px; height: 57px; position: relative; text-indent: -9999px; background: url(thongbao.png) no-repeat top left; }
h6 a { background: url(bonus.png) no-repeat 250px 10px; width: 280px; height: 40px; display: block; position: absolute; bottom: 0px; right: 0px; }
.t_sukien { background: url(sukien.png) no-repeat top left; }
.t_3buoc { background: url(thamgia.png) no-repeat top left; }
.t_kinhnghiem { background: url(kinhnghiem.png) no-repeat top left; }
.t_thuvien { background: url(thuvien.png) no-repeat top left; }
.t_vatpham { background: url(vatpham.png) no-repeat top left; }
.t_congdong { background: url(congdong.png) no-repeat top left; }
.t_quangcao { background: url(quangcao.png) no-repeat top left; }
.box { overflow: hidden; color: #e7cb91; }
.box a:link, .box a:active, .box a:visited { color: #af9617; }
.box a:hover { color: #643d0d; }
.box img { width: 96px; height: 58px; border: 3px solid #643d0d; float: left; margin: 0px 5px 5px 0px; }
.box ul { clear: both; }
.box ul li { background: url(line.gif) no-repeat bottom center; }
.box ul li.end { background: none; }
.box ul li span { float: right; font-size: 11px; }
.box ul li a:link, .box ul li a:active, .box ul li a:visited { background: url(bullet.gif) no-repeat 0px 7px; display: inline-block; padding: 3px 0px 2px 10px; width: 297px; overflow: hidden; font-weight: normal; }
.chon { width: 186px; margin: 0px auto; padding: 35px 0px 0px 0px; }
.chon img { padding: 0px 0px 5px 0px; margin: 0px; _padding: 0px 0px 3px 0px; }
.chon a:hover img { opacity:0.5;filter:alpha(opacity=50); }
.nut { width: 183px; height: 184px; position: relative; margin: 0px auto; margin-top: 30px; }
.nut a.nut1 { display: block; width: 89px; height: 89px; background: url(tanthu.png) no-repeat top left; text-indent: -9999px; position: absolute; top: 0px; left: 0px; }
.nut a.nut2 { display: block; width: 89px; height: 89px; background: url(hotro.png) no-repeat top left; text-indent: -9999px; position: absolute; top: 0px; right: 0px; }
.nut a.nut3 { display: block; width: 89px; height: 89px; background: url(dailythe.png) no-repeat top left; text-indent: -9999px; position: absolute; bottom: 0px; left: 0px; }
.nut a.nut4 { display: block; width: 89px; height: 89px; background: url(huongdan.png) no-repeat top left; text-indent: -9999px; position: absolute; bottom: 0px; right: 0px; }
.ad1 { width: 185px; float: left; margin-right: 10px; }
.ad2 {float: left; width: 102px; }
.ad2 img { padding-bottom: 12px; _padding-bottom: 10px; }
.center1 { background: url(body1.png) no-repeat top left; width: 235px; height: 44px; margin: 0px auto; }
.center2 { width: 211px; margin: 0px auto; background: url(body.png) repeat-y; }
.center3 { background: url(dau.png) no-repeat top left; width: 211px; height: 80px; margin: 0px auto; }
.space { width: 221px; height: 30px; margin: 0px auto; }
.nhanvat { width: 187px; margin: 0px auto;}
h3.headerbar { padding: 0px; margin: 0px;  }
h3.headerbar a { width: 187px; height: 30px; display: block; background: url(thuongnhan.png) no-repeat bottom center; text-indent: -9999px; }
h3.headerbar a.nv2 { background: url(daotac.png) no-repeat bottom center; }
h3.headerbar a.nv3 { background: url(baotieu.png) no-repeat bottom center; }
ul.submenu li a.tn { display: block; background: url(nv1.png) no-repeat top left; width: 187px; height: 148px; text-indent: -9999px; }
ul.submenu li a.dt { display: block; background: url(nv2.png) no-repeat top left; width: 187px; height: 148px; text-indent: -9999px; }
ul.submenu li a.bt { display: block; background: url(nv3.png) no-repeat top left; width: 187px; height: 148px; text-indent: -9999px; }
.khaosat img { padding: 10px 0px; }
.khaosat { font-weight: bold; text-align:center; }
.khaosat ol { text-align: left; padding: 0px; margin: 0px; }
.khaosat ol li { margin: 0px 0px 0px 27px; padding: 3px 0px 3px 0px; _margin-left: 35px; }
.khaosat ol a:link, .khaosat ol a:active, .khaosat ol a:visited { font-weight: normal; font-size: 11px; }
.khaosat ol a:hover { text-decoration: underline; }
.vatpham { background: url(vatphambg.png) no-repeat top left; width: 307px; height: 143px; overflow: hidden; margin: 15px 0px 10px 0px; }
ul.vp { color: #d0c3b0; font-size: 11px; }
ul.vp img { padding-bottom: 5px; }
ul.vp strong { display: block; color: #af9617; padding-top: 5px; }
ul.vp li { float: left; text-align: center; width: 70px; padding: 20px 0px 0px 0px; margin: 0px 11px 0px 19px; _margin: 0px 15px 0px 13px; }


.jimgMenu { position: relative; width: 278px; height: 143px; overflow: hidden; padding-left: 11px; }
.jimgMenu ul { list-style: none; margin: 0px; display: block; height: 200px; width: 1340px; }
.jimgMenu ul li { float: left; }
.jimgMenu ul li a {	text-indent: -1000px; background:#FFFFFF none repeat scroll 0%; border-left: 2px solid #634e33; cursor:pointer; display:block; overflow:hidden; width:60px; height: 143px; }
.jimgMenu ul li.buoc1 a { background: url(01.png) no-repeat top left; border: none; }
.jimgMenu ul li.buoc2 a { background: url(02.png) no-repeat top left;}
.jimgMenu ul li.buoc3 a { background: url(03.png) no-repeat top left; min-width:153px; width: expression(document.body.clientWidth < 155? "153px" : "auto"); }
.cay { width: 307px; height: 143px; position: relative; margin: 15px 0px 10px 0px; }
.cay1 { background: url(cay.png) no-repeat top left; width: 14px; height: 178px; position: absolute; top: -17px; left: 0px;}
.cay2 { background: url(cay2.png) no-repeat top left; width: 160px; height: 178px; position: absolute; top: -17px; left: 138px;}

.search { position: absolute; bottom: 5px; right: 25px; }
.search input { border: none; width: 190px; background: none; vertical-align: top; color: #796138; }
.search a { width: 35px; height: 27px; display: inline-block; text-indent: -9999px; }

.event { width: 304px; height: 207px; overflow: hidden; position: absolute; top: 59px; right: 6px; }
.event2 { width: 304px; height: 207px; overflow: hidden; position: absolute; top: 98px; right: 47px; }
.noidung { width: 861px; margin: 0px auto; }
.menu { position: absolute; z-index: 10; }
.trai { width: 208px; float: left; padding-left: 1px; }
.phai { width: 643px; float: right; }

ul.dropdown { position: relative; }
ul.dropdown li { font-weight: bold; float: left; }
ul.dropdown a:hover { color: #000; }
ul.dropdown a:active { color: #ffa500; }
ul.dropdown li a { display: block; padding: 4px 0px; color: #222; }
ul.dropdown li a.mn1 { display: block; width: 107px; height: 24px; text-indent: -9999px;}
ul.dropdown li a:hover.mn1 { background: url(mn1.gif) no-repeat 31px 10px; }
ul.dropdown li a.mn2 { display: block; width: 85px; height: 24px; text-indent: -9999px; }
ul.dropdown li a:hover.mn2 { background: url(mn2.gif) no-repeat 13px 10px; }
ul.dropdown li a.mn3 { display: block; width: 71px; height: 24px; text-indent: -9999px; }
ul.dropdown li a:hover.mn3 { background: url(mn3.gif) no-repeat 14px 10px; }
ul.dropdown li a.mn4 { display: block; width: 92px; height: 24px; text-indent: -9999px;}
ul.dropdown li a:hover.mn4 { background: url(mn4.gif) no-repeat 14px 10px; }
ul.dropdown li a.mn5 { display: block; width: 102px; height: 24px; text-indent: -9999px; }
ul.dropdown li a:hover.mn5 { background: url(mn5.gif) no-repeat 19px 8px; }
ul.dropdown li a.mn6 { display: block; width: 78px; height: 24px; text-indent: -9999px; }
ul.dropdown li a:hover.mn6 { background: url(mn6.gif) no-repeat 14px 10px; }
ul.dropdown li a.mn7 { display: block; width: 93px; height: 24px; text-indent: -9999px; }
ul.dropdown li a:hover.mn7 { background: url(mn7.gif) no-repeat 14px 10px; }
ul.dropdown li a.mn8 { display: block; width: 63px; height: 24px; text-indent: -9999px; }
ul.dropdown li a:hover.mn8 { background: url(mn8.gif) no-repeat 16px 8px; }
ul.dropdown li:last-child a { border-right: none; }
ul.dropdown li.hover, ul.dropdown li:hover { color: black; position: relative; }
ul.dropdown li.hover a { color: black; }
ul.sub_menu { width: 150px; visibility: hidden; position: absolute; top: 100%; left: 0px; text-indent: 0px; background: #ac977d;  opacity:0.8;filter:alpha(opacity=80); border: 1px solid #35200d; -moz-border-radius: 5px; padding: 5px; }
ul.sub_menu li { font-weight: normal; color: #000; border-bottom: 1px solid #765d3e; float: none; text-indent: 0px; }
ul.sub_menu li a:link, ul.sub_menu li a:active, ul.sub_menu li a:visited { font-size: 11px; border-right: none; display: inline-block; text-indent: 0px; font-weight: normal; background: url(bullet2.gif) no-repeat 5px 9px; padding: 4px 0px 4px 15px; width: 130px; } 
ul.sub_menu li a:hover { background: url(bullet2.gif) no-repeat 7px 9px; padding: 4px 0px 4px 17px; color: #000000; }

.l_ft { background: url(l_ft.png) no-repeat top left; width: 208px; height: 167px; margin-bottom: 10px; }
h5.gioithieu { background: url(l_gioithieu.png) no-repeat top left; width: 186px; height: 32px; display: block; padding: 0px; margin: 15px auto 10px auto; text-indent: -9999px; }
h5.tintuc { background: url(l_tintuc.png) no-repeat top left; width: 186px; height: 32px; display: block; padding: 0px; margin: 15px auto 10px auto; text-indent: -9999px; }
h5.bangvang { background: url(bangvang.png) no-repeat top left; width: 186px; height: 32px; display: block; padding: 0px; margin: 15px auto 10px auto; text-indent: -9999px; }
h5.xephang { background: url(xephang.png) no-repeat top left; width: 186px; height: 32px; display: block; padding: 0px; margin: 15px auto 10px auto; text-indent: -9999px; }
h5.phimanh { background: url(l_phimanh.png) no-repeat top left; width: 186px; height: 32px; display: block; padding: 0px; margin: 15px auto 10px auto; text-indent: -9999px; }
h5.huongdan { background: url(l_huongdan.png) no-repeat top left; width: 186px; height: 32px; display: block; padding: 0px; margin: 15px auto 10px auto; text-indent: -9999px; }
ul.danhmuc a:link, ul.danhmuc a:active, ul.danhmuc a:visited { font-weight: bold; color: #f1a423; display: inline-block; background: url(l_l.png) no-repeat top left; width: 173px; height: 24px; font-size: 11px; line-height: 24px; padding: 0px 0px 0px 35px; }
ul.danhmuc a:hover { color: #FFFFFF; }

.than_ft { background: url(than_ft.gif) no-repeat top left; width: 643px; height: 79px; _margin-left: 1px; }
.head { color: #733e13; font-weight: bold; padding: 40px 0px 10px 60px; }
.head a:link, .head a:active, .head a:visited { color: #733e13; }
h1 { font-size: 16px; text-align: center; padding: 15px 20px; margin: 0px; }
h1 span { display: block; font-size: 11px; font-weight: normal; color: #767c67; }
.than { background: url(than.gif) repeat-y; _margin-left: 1px; }
.than2 { width: 580px; margin: 0px auto; background: url(title.png) no-repeat top center; padding-top: 30px; overflow: hidden; }

.relate { background: url(relate.png) no-repeat top left; width: 543px; height: 43px; }

ul.tinkhac li { border-bottom: 1px dashed #bdbd9e; padding: 3px 0px 3px 20px; background: url(bullet2.gif) no-repeat 8px 8px; }
ul.tinkhac a:link, ul.tinkhac a:active, ul.tinkhac a:visited { font-weight: normal; }
ul.tinkhac span { float: right; }
.tim { text-align: center; padding: 30px 0px 25px 0px; }
.tim input { width: 90px; }
.tim img { vertical-align: middle; }
.page { text-align: center; padding: 30px 0px 0px 0px;  width: 355px; margin: 0px auto; }
.page ul { margin: 0px auto; }
.page ul li { float: left; }
.page ul li.current a { color: red; background: #b6a366; }
.page a:link, .page a:active, .page a:visited { display: block; text-align: center; width: 22px; height: 20px; background: #c3bba1; border: 1px solid #8e866a; font-size: 10px; line-height: 20px; overflow: hidden; margin: 0px 2px; }
ul.hinhanh li { float: left; padding: 5px 10px 5px 35px; }
ul.hinhanh a:hover img { border: 4px solid #8b8c5e; }
ul.hinhanh img { width: 200px; height: 134px; border: 4px solid #bcbd9b; padding: 1px; background: #dedab8; float: left; margin: 0px 5px 5px 0px; }

ul.sukien img { width: 140px; height: 80px; border: 4px solid #bcbd9b; padding: 1px; background: #dedab8; float: left; margin: 0px 5px 5px 0px; }
ul.sukien a:hover img { border: 4px solid #8b8c5e; }
ul.sukien li { clear: both; border-bottom: 1px dashed #bdbd9e; padding: 10px 0px 20px 0px; }
ul.sukien a:link, ul.sukien a:active, ul.sukien a:visited { color: #4c6c1c }
ul.sukien a:hover { color: #000; }
a.chitiet { display: inline-block; background: url(chitiet.gif) no-repeat top left; width: 67px; height: 15px; text-indent: -9999px; float: right; }
a.xem { display: inline-block; background: url(xemclip.gif) no-repeat top left; width: 85px; height: 28px; text-indent: -9999px; }
a.tai { display: inline-block; background: url(taive.gif) no-repeat top left; width: 85px; height: 28px; text-indent: -9999px; }
.flash { width: 319px; height: 172px; position: absolute; top: 207px; left: 292px; }
.flash2 { width: 236px;	height: 175px;	position: absolute;	top: 188px;	left: 16px; }