/*标签定义的解释
1.top(整个头部)
  dl（置顶导航）
  lbl(LOGO，Banner图片，链接)
  dh（导航）
  
2.middle(中间内容部分)
  sja(system{系统公告},jsimg{JS显示的图片}，active{活动公告}三个栏目的缩写)
*/


/*----all  Start*/
body{ margin:0; padding:0; font: 12px Arial, Helvetica, sans-serif;}  /*定义页面属性*/
div,form,img,ul,ol,li,dl,dt,dd{ margin:0; padding:0; border:0;}    /*定义布局标签元素值*/
h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}  /*定义标题元素属性*/
table,td,tr,th{ font-size:12px; border:0;}/*定义表格属性，部分浏览器把页面属性与表格属性分开，需单独定义*/
a{color:#000000;  text-decoration:none; font-size:12px;}/*定义链接属性*/
a:hover{ color:#FF0000; text-decoration:underline; font-size:12px;}/*定义鼠标经过超链接属性*/
/*----all  Start*/


/*-------top Stard-----*/
#top{ width:980px; margin:0 auto;}

/*-------dl Stard-----*/
#dl{height:30px;background: transparent url(../img/hssf/dl-bg.gif) top left repeat-x;color:#a1a0a0;text-align:center;line-height:30px; width:980px;}
#dl{height:30px; color:#a1a0a0;text-align:center;line-height:26px;}
#dl img{margin-bottom:4px;border:0;}
#dl div{width:898px;margin:0 auto;text-align:right;padding-top:3px;font-size:12px; font-family:宋体;}
#dl a{color:#a1a0a0;margin:0 3px;font-size:12px;text-decoration:none;padding:1px 3px 1px 3px;}
#dl a:hover{color:#fff;background:#929292;}
/*-------dl End-----*/

/*-------lbl Stard-----*/
#lbl{ width:980px; margin:0px auto; height:94px;}
#logo{ width:234px; height:84px; float:left; background: transparent url(../img/hssf/logo.gif) top left no-repeat; margin-top:5px;}
#banner{ width:660px; height:84px; float:left; margin-top:5px; background: transparent url(../img/hssf/banner.gif) top left no-repeat; margin-left:8px; margin-right:17px;}
#link{ width:50px; height:84px; float:left; margin-top:3px; color:#FF5F00;}
/*-------lbl End-----*/

/*-------dh Stard-----*/
#dh{ width:980px; margin:3px auto; height:30px; background: transparent url(../img/hssf/dh.gif) top left repeat-x; }
#dh ul{ padding:0; margin:0; float:left; width:815px; line-height:30px;}
#dh a{ padding-left:20px; padding-right:20px; color:#FEF1D8;}
.dhline{ color:#E56B6D;}
.search-text{ width:120px; height:12px; border:1px solid #AD0F12; float:left; margin-top:7px; color:#999999; background-color:#FEF1D8;}
.search-bt{ width:18px; height:16px; background: transparent url(../img/hssf/search-bt.gif) top left no-repeat; border:0;  margin-top:7px;}
.highlight{ color:#ff0000;}
/*-------dh End-----*/

/*-------dhcontent Stard-----*/
#dhcontent{ width:978px; margin:0 atuo; background: transparent url(../img/hssf/dhcontent-bg.gif) top left repeat-x; border-left:1px solid #E2E2E2; border-right:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2;}
#dhcontent-m{ width:948px; margin:0 auto;}
.gameline{ color:#cccccc; padding-right:10px;}
.gameline2{ color:#cccccc; padding-left:-50px; padding-right:20px;}
/*-------dhcontent End-----*/
/*-------top End-----*/


/*-------middle Stard-----*/
#middle{ width:980px; margin:5px auto;}

/*-------sja Stard-----*/
#sja{ width:980px; margin:0 auto;}

/*-------system Stard-----*/
#system{ width:245px; float:left; margin-right:5px;}
#system-t{ width:245px; height:27px; float:left; background: transparent url(../img/hssf/system-t.gif) top left repeat-x;}
#system-m{ width:243px; float:left; border-left:1px solid #FF8C33; border-right:1px solid #FF8C33; border-bottom:1px solid #FF8C33;}
#system-m-text{ width:233px; margin:-10px 5px 5px 5px;}
.font{ color:#999999}
.subject{ width:195px; line-height:18px; text-align:left;}
.dotimg{padding-right:12px;}
 /*-------system End-----*/
 
 /*-------jsimg Stard-----*/
#jsimg{ width:500px; float:left;background: transparent url(../img/hssf/jsimg.gif) top left no-repeat; height:140px;}
 /*-------system End-----*/

/*-------active Stard-----*/
#active{ width:225px; float:left; margin-left:5px;}
#active-t{ width:225px; height:27px; float:left; background: transparent url(../img/hssf/active-t.gif) top left repeat-x;}
#active-m{ width:223px; float:left; border-left:1px solid #FF8C33; border-right:1px solid #FF8C33; border-bottom:1px solid #FF8C33;}
#active-m-text{ width:213px; margin:-10px 5px 5px 5px; text-overflow:clip;}
.font{ color:#999999}
.subject2{ width:213px; line-height:18px; text-align:left; overflow:hidden; text-overflow:ellipsis; word-break:normal;}
.dotimg{padding-right:12px;}
 /*-------system End-----*/
 /*-------sja End-----*/
 
 /*-------cyn Stard-----*/
#cyn{ width:980px; margin:5px auto;}

/*-------contact Stard-----*/
#contact{ width:245px; float:left; margin-right:5px;}
#bannerimg1{ width:245px; height:59px; background: transparent url(../img/hssf/bannerimg1.gif) top left no-repeat; margin-bottom:5px;}
#contact-t{ width:245px; height:35px; background: transparent url(../img/hssf/contact-t.gif) top left no-repeat;}
#contact-m{ width:243px; border-left:1px solid #FF8C33; border-right:1px solid #FF8C33; border-bottom:1px solid #FF8C33;}
#contact-m-text{ width:233px; margin:0px 5px 5px 5px;}
/*-------contact End-----*/

/*-------yktgg Stard-----*/
#yktgg{ width:500px; float:left;}
#yktgg-t{ width:500px; height:27px; background: transparent url(../img/hssf/yktgg-t.gif) top left no-repeat;}
#yktgg-m-t{ width:500px; height:10px; margin-top:3px; background: transparent url(../img/hssf/yktgg-m-t.gif) top left no-repeat;}
#yktgg-m-m{ width:498px; border-left:1px solid #F6B466; border-right:1px solid #F6B466;}
#yktggtext{ width:488px;margin:-20px 5px -3px 5px;}
.subject3{ width:478px; line-height:30px; text-align:left;}
#yktgg-m-b{ width:500px; height:10px;background: transparent url(../img/hssf/yktgg-m-b.gif) top left no-repeat;}
/*-------yktgg End-----*/

/*-------contact Stard-----*/
#newgame{ width:225px; float:left; margin-left:5px;}
#bannerimg2{ width:225px; height:59px; background: transparent url(../img/hssf/bannerimg2.gif) top left no-repeat; margin-bottom:5px;}
#newgame-t{ width:225px; height:27px; background: transparent url(../img/hssf/newgame-t.gif) top left no-repeat;}
#newgame-m{ width:223px; border-left:1px solid #FF8C33; border-right:1px solid #FF8C33; border-bottom:1px solid #FF8C33;}
#newgame-m-text{width:213px; margin:-10px 5px 5px 5px; text-overflow:clip;}
/*-------contact End-----*/

 /*-------middle End-----*/

/*-------link Stard-----*/
#otherlink{ width:978px; height:80px; margin:0px auto 0px auto; border:1px solid #FAEFD4; background-color:#FFFDF4;}
#otherlink-t{ width:28px; height:79px; float:left;background: transparent url(../img/hssf/link-t.gif) top left no-repeat; margin-top:0px; margin-left:1px;}
#otherlink-m{ width:930px; height:50px; float:left; margin-top:12px;margin-left:8px;}
#otherlink-m a{ padding-left:7px; padding-right:7px;}
/*-------link End-----*/
 
 

/*-------bottom Stard-----*/
#bottom{ width:980px; height:120px; margin:0 auto; background: transparent url(../img/hssf/bottom_bg.gif) top left repeat-x; margin-top:5px !important; margin-top:-6px;}
#bottom ul{ margin:0; padding:0; list-style:none; width:951px; padding-top:15px; font-size:12px;}
#bottom li{ text-align:center; line-height:28px; }
#bottom li a{ text-decoration:none; color:#000000;}
#bottom li a:hover{ color:#ff0000; text-decoration:underline;}
/*-------bottom End-----*/