html {background: #f6f6f6;}
body {margin: 0px auto; width: 777px; font-family: Arial; font-size: 12px; color: #111; line-height: 18px; background: #fff;}
table { border-collapse: collapse; }
a { color: #015D97; text-decoration: none;}
a:hover { color: #d00; text-decoration: none;}
img {border: 1px solid #ccc; padding: 1px;}
h2 {padding: 0px; margin-top: 0px; margin-bottom: 0px; font-size: 16px;}
.topnav {display: block; height: 31px; line-height: 31px; background: url(layout/topnav.gif) repeat-x;}
.topnav label {width: 200px; padding-left: 36px; background: url(layout/datetime.gif) no-repeat 16px 6px; color: #fff; float: left;}
.topnav .split {width: 2px; height: 31px; background: url(layout/topline.gif) no-repeat; float: left;}
.topnav .vn {width: 70px; margin-left: 4px; padding-left: 30px; color: #fff; background: url(layout/vn.gif) no-repeat 2px 6px; float: left;}
.topnav .en {width: 70px; padding-left: 30px; color: #fff; background: url(layout/en.gif) no-repeat 2px 6px; float: left;}
.topnav .search {width: 270px; float: left; color: #fff; padding-left: 5px; text-align: right;}
.topline {display: block; height: 10px; line-height: 10px; background: url(layout/line.gif) repeat-x;}
.mainmenufirst {display: block; height: 35px; line-height: 35px; width: 200px; background: url(layout/menu.gif) no-repeat;}
.mainmenufirst span {padding-left: 38px; font-weight: bold; color: #015D97; font-size: 13px; }
.mainmenu {display: block; height: 35px; line-height: 35px; width: 200px; margin-top: 1px; background: url(layout/menu.gif) no-repeat;}
.mainmenu span {padding-left: 38px; font-weight: bold; color: #015D97; font-size: 13px; }

#download {width: 196px; height: 123px; background: url(layout/download.gif) no-repeat; float: right;}
#download a{display: block; padding-left: 24px; color: #027EB3; font-weight: bold; background: url(layout/bullet.gif) no-repeat 10px 6px;}

#static {width: 196px; height: 147px; background: url(layout/static.gif) no-repeat; float: right;}

#news {width: 196px; background: url(layout/bgnews.gif) repeat-y; float: right;}
#news .head {height: 26px; color: #00568C; font-size: 16px; font-weight: bold; padding-top: 10px; padding-left: 60px; background: url(layout/news.gif) no-repeat;}
#news a{display: block; padding-left: 30px; color: #111; font-weight: bold; background: url(layout/blnews.gif) no-repeat 10px 2px;}
#news .desc{display: block; padding: 0px 10px; color: #111; font-weight: normal; background: none;}
#news .bottom{height: 14px; background: url(layout/btnews.gif) no-repeat;}

.item{display: block; padding: 6px; color: #DF0102; font-size: 16px; font-weight: bold; background: #E5F0F3;}
.desc{display: block; padding: 0px 6px; color: #111; font-weight: normal; text-align: justify;}
.images{float: left; margin-top: 4px; margin-right: 10px;  border: 1px solid #ccc; padding: 1px;}
.imagesdtl{float: left; margin-top: 4px; margin-right: 10px;  border: 1px solid #ccc; padding: 1px;}
.imagescat{margin-top: 4px; border: 1px solid #ccc; padding: 1px;}

.sap {display: inline-block; width: 100%; border-bottom: solid 1px #eee; float: left;}
.d1 {border: 1px solid #ccc; margin-top: -1px; padding: 3px; width: 24px; text-align: center; float: left;}
.d2 {border: 1px solid #ccc; margin-top: -1px; margin-left: -1px; padding: 3px; width: 364px; float: left;}
.d3 {border: 1px solid #ccc; margin-top: -1px; margin-left: -1px; padding: 3px; width: 70px; text-align: center; float: left;}
.d4 {border: 1px solid #ccc; margin-top: -1px; margin-left: -1px; padding: 3px; width: 70px; text-align: right; float: left;}

.itemdtll {width: 36%; margin-top: 10px; float: left;}
.itemdtlr {width: 64%; margin-top: 10px; float: left;}
.bt {width: 120px; margin-top: 5px; line-height: 22px; background: #eee; border-top: 1px solid #ccc; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; border-left: 1px solid #ccc;}