.badgecrew {
	position: relative;
	text-align: center;
	/*color: lightslategray;*/
	width:280px;
	/*font-family: Courier New Regular, serif;*/
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
}

.p_countryflag {
	position: absolute;
	top: 198px;
	left: 216px;
}

.p_name {
	position: absolute;
	top: 244px;
	left: 29px;
	font-size: 11px
}

.p_callsign {
	position: absolute;
	top: 283px;
	left: 29px;
	font-size: 11px
}

.p_status {
	position: absolute;
	top: 275px;
	left: 85px;
}

.p_rank {
	position: absolute;
	top: 283px;
	left: 112px;
	font-size: 11px
}

.p_imgrank {
	position: absolute;
	top: 276px;
	left: 222px;
}

.p_hub {
	position: absolute;
	top: 320px;
	left: 28px;
	font-size: 11px
}

.p_location {
	position: absolute;
	top: 320px;
	left: 106px;
	font-size: 11px
}

.p_hiredate {
	position: absolute;
	top: 320px;
	left: 183px;
	font-size: 11px
}

.p_ivaoid {
	position: absolute;
	bottom: 34px;
	left: 44px;
	font-size: 11px
}

.p_flownhours {
	position: absolute;
	bottom: 38px;
	left: 123px;
	font-size: 9px
}

.p_vatsimid {
	position: absolute;
	bottom: 34px;
	right: 45px;
	font-size: 11px
}

.p_photo {
	max-width:115px;
	max-height:115px;
	position: absolute;
	top: 41%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.demo { margin: 150px auto; max-width: 960px; }
h2 { font-size: 1.25rem; }
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.demo .toutiao-wrap {
	border: 1px solid #ccc;
	width: 272px;
}

.demo .toutiao {
	width: 350px;
	height: 96px;
	overflow: hidden;
	margin: 9px 10px;
}

.demo .toutiao ul {
	width: 350px
}

.demo .toutiao ul li {
	width: 350px;
	height: 48px
}

.demo .toutiao p {
	width: 500px;
	height: 40px;
	overflow: hidden
}

.demo .toutiao a {
	text-decoration: none
}

.demo .toutiao a:hover {
	color: #F60
}

.demo .toutiao a:hover i {
	color: #F60
}

.demo .toutiao i {
	margin-right: 5px;
	color: #F60
}

.img-center {
	display: block;
	margin-left: auto;
	margin-right: auto
}