body{
  margin:10px;
  padding:0;
} 
a{
  color:#333;
  text-decoration: none;
}
a:hover{
  color:#888;
  text-decoration: none;
}
h2{
  margin:0 0 10px;
}

ul{
  margin:0;
  padding:0;
}

li{
  list-style:none;
}
.eletb{
  border-collapse:collapse;
  width:600px;
}
.eletb td{
    border: 1px solid #EEEEEE;
    padding: 5px;
    vertical-align: middle;
    text-align: center;
}
.news{
  font-size:12px;
  margin:0 0 20px;
  position:relative;
  width:600px;
}
.news ul{
  margin:0 0 10px;
}
.news li{
  padding:5px 0;
}
.more{
  background:#eee;
  border-radius: 5px;
  clear:both;
  display:inline;
  padding:3px;
  text-align: center;
}
.top{
  color:#e21f1f;
}

.elements{
    background: none repeat scroll 0 0 #f2f2f2;
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    height: 50px;
    padding: 10px;
    text-align: center;
    vertical-align: top;
    width: 50px;
    word-wrap: break-word;
}
.elementlist{
  margin:0 0 20px;
}
/* 1 */

.newstb{
  border-collapse:collapse;
  width:600px;
}

.newstb th{
    background: none repeat scroll 0 0 #eee;
    padding: 5px;
    text-align: left;
}
.newstb td{
    border: 1px solid #EEEEEE;
    padding: 5px;
}


/* 2 */

.news2{}

.news2 li{
  border-bottom:1px solid #eee;
}

.news2 .newsimg{
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: top;
}

.news2 .app-pic{
  height:50px;
  width:50px;
  display: inline-block;
}
.news2 ul{
  display: inline-block;
  width:570px;
}


/* 3 */

.news3{}

.news3 li{
  border-bottom:1px solid #eee;
  overflow: hidden;
}

.news3 .img{
  float:left;
  margin:0 10px 0 0;
}

.news3 .hot, .news3 .title, .news3 .date, .news3 .tags, .news3 .text{
  display:block;
  margin:0 0 5px;
  text-align: left;
}

.news3 .wrap{
    overflow: hidden;
}




/* 4 */

.news4{}

.news4 li{
  border-bottom:1px solid #eee;
  overflow: hidden;
}

.news4 .img{
  float:right;
  margin:0 0 0 10px;
}

.news4 .hot, .news4 .title, .news4 .date, .news4 .tags, .news4 .text{
  display:block;
  margin:0 0 5px;
  text-align: left;
}

.news4 .wrap{
    overflow: hidden;
}



/* 5 */

.news5{
  overflow: hidden;
}

.news5 .img{
  float:left;
  margin:0 10px 0 0;
}
.news5 ul{
    float: left;
    text-align: left;
    width: 540px;
}
.news5 li{
  border-bottom:1px solid #eee;
}

.news5 .more{}
.news5 .hot, .news5 .title, .news5 .date, .news5 .tags, .news5 .text{

}

.news5 .wrap{
    overflow: hidden;
}