body {
	background-color: rgb(0,0,0);
	color: #75B372;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(/images/portal/portal_bg2.png);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position:center; 
}
a {
	color: #75B372;
  text-decoration: none;
}
h1 {
	text-align:center;
}

#foot_qrcode {
	text-align: center;
	clear: both;
}
#qrcode {
	padding: 20px;
	width: 200px;
}

.list li {
  border-bottom: 1px solid #ccc;
  display: table;
  border-collapse: collapse;
  width: 100%;
  height: 210px;
  border-color: rgb(42,42,42);
}
.list li:hover {
	background-color: rgba(20,20,20, 0.5);
}
.inner {
  display: table-row;
  overflow: hidden;
}
.li-img {
  display: table-cell;
  vertical-align: middle;
  width: 210px;
  padding-right: 1em;
}
.li-img img {
  display: block;
  width: auto;
  max-width: 200px;
  height: auto;
  max-height: 200px;
  margin: 5px;
}
.li-text {
  display: table-cell;
  vertical-align: middle;
  /* width: 60%; */
}
.li-head {
  margin: 0;
}
.li-sub {
  margin: 0;
}

@media all and (min-width: 60em) {
  .list li {
    float: left;
    width: 50%;
  }
}

@media all and (min-width: 85em) {
  .list li {
    width: 33.33333%;
  }
}