@charset "UTF-8";
/* CSS Document */

a.hf:link {color: #ffffff; text-decoration: none; font-weight:bold;}
a.hf:visited {color: #ffffff; text-decoration: none; font-weight:bold;;}
a.hf:hover {color: #333399; text-decoration: none; font-weight:bold;;}
a.hf:active {color: #ffffff; text-decoration: none; font-weight:bold;;}

.imgr{border:1px solid #000000;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.head {font-size: 24px;font-weight: bold; font-family: 'Arial'; color: #e31937;}

.subhead {font-size: 20px; font-weight: bold; font-family: 'Times New Roman'; font-style: Italic;}

.sechead {font-size: 18px;font-weight: bold; font-family: 'Arial'; }

.white {color: #FFFFFF; }

.pp-cover {
}

.pp-info-panel {
	float: left;
	width: 160px;
	padding: 10px;
	background-color: #D21034;
	margin-right: -160px;
}

.pp-content-panel {
	display: inline-block;
	margin-left: 160px;
}

.pp-title {
	padding: 10px;
	background-color: #D21034;
}

.volume-mobile {
	display:none;
}

.pp-cover-content {
	padding: 10px;
}

.pp-cover-footer {
	display: none;
	padding: 10px;
	background-color: #D21034;
	margin-left: 0px;
	margin-right: 0px;
}

.pp-article-header-footer {
		display: inline-block;
		background-color: #d21034;
		width: 100%;
		padding: 10px;
	}

@media screen and (min-width: 320px) and (max-width: 480px) {
	.pp-info-panel {
		display: none;
	}
	
	.pp-content-panel {
		margin-left: 0px;
	}
	
	.pp-cover-footer {
		display: inline-block;
	}
	
	.volume {
	  display:none;
	}
	.volume-mobile {
	  display:inline-block;
	}
	
}