@charset "UTF-8";

#usefulmenu,
.bg{
	background:#FEFCE7;
}

#usefulmenu h1 img{
	width: 100%;
}

.usefulheader{
	height:100%;
	padding-top:28%;
	background:url("/health/exercise/health-app/radio/assets/img/header_bg.png") 0 0 no-repeat;
	background-size:contain;
}

#usefulmenu .menu{
	margin:0;
	background:url("/health/exercise/health-app/radio/assets/img/bg_board.png") top center repeat-y;
	background-size: contain;
	overflow: hidden;
}

#usefulmenu article {
	position: relative;
	display: flex;
	margin:0 .5rem 1rem .5rem;
	padding: 10px 0 10px 10px;
	background:#ffffff;
	box-sizing: border-box;
	box-shadow: 0 0 5px #999999;
	align-items: center;
}

#usefulmenu article a {
    display: inline-flex;
    align-items: center;
		color:#333333 !important;
}

#usefulmenu article figure {
	margin-right: 0.5rem;
	margin-bottom:0 !important;
	width:135px;
	}

#usefulmenu article .text_content{
	padding-right:28px;
}

#usefulmenu article figure img {
			min-width: 135px;
			max-width: 100%;
			vertical-align: middle;
		}

@media (min-width: 576px) {
	#usefulmenu article figure {
			width:260px;
		}
	
	#usefulmenu article figure img {
			min-width: 260px;
		}
}

#usefulmenu article:after{
	position: absolute;
	height:100%;
	width:26px;
	right:0;
	background:#a9cf52 url(/health/exercise/health-app/radio/assets/img/icon_arrow.png) center center no-repeat;
	content: "";
}

#usefulmenu article:last-child{
	margin-bottom:2rem;
}

#usefulmenu h2.iconnew:before{
  display:inline-block;
  content:"New";
  background:#EF8661;
  color:#ffffff;
  font-weight:bold;
  font-size:14px;
  line-height:1;
  vertical-align:middle;
  margin:.0 .25rem 0 0;
  padding:.25rem;         
}

.usefulfooter{
	height:100%;
	padding-top:14.6%;
	background:#a7c53c url("/health/exercise/health-app/radio/assets/img/footer_bg.png") 0 0 no-repeat;
	background-size:contain;
}