.width-30 {
	width: 30%;
}
.width-40 {
	width: 40%;
}
.width-40 {
	width: 50%;
}
.width-60 {
	width: 60%;
}
.width-80 {
	width: 80%;
}
.width-100 {
	width: 100%;
}
.box-85
{
	width:85%;
	margin-left:auto;
	margin-right:auto;
}
.box-80
{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.box-60
{
	width:60%;
	margin-left:auto;
	margin-right:auto;
}

.vspace-s
{
	padding-bottom:0.5em;
}
.vspace-1
{
	padding-bottom:1em;
}

.card.pos-centered {
	margin-left:auto;
	margin-right:auto;
}

.topcard {
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

.linkbox {
	text-align:center;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

.linkbtn {
	width:50%;
	text-align:center;
}

.searchkey {
	width:78%;
}

.searchbtn {
	margin: 0 0 0 auto;
	width:20%;
	text-align:center;
}

.ul-pagination {
	list-style: none;
	display: flex;
    justify-content: flex-end;
}

.page-item {
	width: 2.5em;
	text-align: center;
	background-color: #ffffff;
	border: 1 blue solid;
	height: 2em;
	line-height: 2em;
	margin-right: 0.2em;
}
.active {
	background-color: #ffe0e0;
	border: 1 red solid;
}
.nav-pagination
{
	margin-top: 0.2em;
	margin-bottom:0.2em;
}

.grid_col {
	text-align:center;
}

.tbl-r05 td:first-child {
  background: #fbf5f5;
}
@media screen and (max-width: 640px) {
  .tbl-r05 {
    width: 80%;
  }
  .tbl-r05 .thead {
    display: none;
  }
  .tbl-r05 tr {
    width: 100%;
  }
  .tbl-r05 td {
    display: block;
    text-align: right;
    width: 100%;
  }
  .tbl-r05 td:first-child {
    background: #e9727e;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
}