/*
 * Doctor CSS.
*/

#maincontent > .wrapper article > section > section {
	padding: 1.6em 0;	
}

#maincontent > .wrapper article > section > section h4 {
	margin-bottom: 10px;
	padding: 0 0 0 0;
	font-size: 1.17em;
	font-weight: bold;
	border-bottom: 3px solid #f6f6f6;
}

#maincontent > .wrapper article > section > section ul li {
	position: relative;
	padding: 6px 0 6px 8.4em;
}

#maincontent > .wrapper article > section > section ul li span {
	position: absolute;
	top: 6px;
	left: 0;
	color: #ccc;	
	color: #999;	
}

#maincontent > .wrapper article > section > section ul li strong {
	font-weight: bold;
	color: #119eca;
}

#maincontent > .wrapper article > section .imagebox img {
	width: 160px !important;
}
#maincontent > .wrapper article > section .imagebox .body {
	width: 460px !important;
}


/** Smartphone */
@media only screen and (max-width: 719px) {

	#maincontent > .wrapper article > section > section ul li {
		position: relative;
		padding: 6px 0 6px 0;
	}

	#maincontent > .wrapper article > section > section ul li span {
		display: block;
		position: static;
		top: 0;
		left: 0;
		color: #ccc;	
	}

	#maincontent > .wrapper article > section ul.items li {
		background-size: 11px auto;
		font-size: 13px;
	}

	#maincontent > .wrapper article > section .imagebox img {
		margin-left: auto;
		margin-right: auto;
		width: 40% !important;
	}
}
