/* Main Content */

.full-skeleton{
	position: relative;
	margin: 0 auto;
	width: 1041px;
	height: 2314px;
	background: url('../../../image/catalog/skeleton/full-skeleton.png');
	transform-origin: top center;
}

.full-lower-limb{
	position: relative;
	width: 417px;
	height: 1406px;
	background: url('../../../image/catalog/skeleton/full-lower-limb.png');
	transform-origin: top center;
}

.full-upper-limb{
	position: relative;
	width: 537px;
	height: 916px;
	background: url('../../../image/catalog/skeleton/full-upper-limb.png');
	transform-origin: top center;
}

.full-spine{
	position: relative;
	width: 139px;
	height: 782px;
	background: url('../../../image/catalog/skeleton/full-spine.png');
	transform-origin: top center;
}

.full-maxillofacial{
	position: relative;
	width: 715px;
	height: 763px;
	background: url('../../../image/catalog/skeleton/full-maxillofacial.png');
	transform-origin: top center;
}

/* Part & Link */

.full-skeleton > div,
.full-lower-limb > div,
.full-upper-limb > div,
.full-spine > div,
.full-maxillofacial > div{
	position: absolute;
}

.full-skeleton a,
.full-lower-limb a,
.full-upper-limb a,
.full-spine a,
.full-maxillofacial a{
	opacity: 0;
	transition: opacity 0.5s;
}

/* Overlay */

.overlay-content{
	position: fixed;
	pointer-events: none;
	color: #fff;
	padding: 10px 20px;
	font-size: 36px;
	background: #2d8356;
	border-radius: 5px;
	transform: translateY(-100%);
	opacity: 0;
	transition: opacity 0.5s;
	z-index: 5;
}

@media (max-width: 1024px){
   .overlay-content{
    	padding: 10px 20px;
    	font-size: 18px;
    } 
}

/* ===== Full Skeleton Part ===== */

.maxillofacial{
	width: 183px;
	height: 266px;
	top: 0;
	left: 430px;
}

.spine-1{
	width: 97px;
	height: 137px;
	top: 263px;
	left: 472px;
	z-index: 2;
}

.spine-2{
	width: 148px;
	height: 464px;
	top: 632px;
	left: 448px;
	z-index: 2;
}

.upper-limb-1{
	width: 503px;
	height: 1003px;
	top: 373px;
	left: 0px;
}

.upper-limb-2{
	width: 73px;
	height: 64px;
	top: 395px;
	left: 486px;
}

.upper-limb-3{
	width: 507px;
	height: 1003px;
	top: 373px;
	right: 0px;
}

.lower-limb{
	width: 416px;
	height: 1406px;
	bottom: 0;
	left: 312px;
}

/* ===== Full Lower Limb Part ===== */

.pelvis{
	width: 381px;
	height: 270px;
	top: 0;
	left: 18px;
}

.femur-1{
	width: 172px;
	height: 601px;
	top: 152px;
	left: 0;
}
 
.femur-2{
	width: 173px;
	height: 599px;
	top: 152px;
	right: 0;
} 

.tibia-and-fibula-1{
	width: 117px;
	height: 557px;
	top: 743px;
	left: 53px;
}

.tibia-and-fibula-2{
	width: 116px;
	height: 554px;
	top: 746px;
	right: 53px;
}

.foot-1{
	width: 143px;
	height: 128px;
	bottom: 0;
	left: 19px;
}

.foot-2{
	width: 143px;
	height: 128px;
	bottom: 0;
	right: 19px;
}

.hip-joint-1{
	width: 85px;
	height: 76px;
	top: 136px;
	left: 45px;
	z-index:2;
}
 
.hip-joint-2{
	width: 88px;
	height: 74px;
	top: 137px;
	right: 45px;
	z-index:2;
} 

.knee-joint-1{
	width: 118px;
	height: 109px;
	top: 677px;
	left: 54px;
	z-index:2;
}

.knee-joint-2{
	width: 119px;
	height: 109px;
	top: 677px;
	right: 54px;
	z-index:2;
}

.patella-1{
	width: 55px;
	height: 55px;
	top: 699px;
	left: 88px;
	z-index:3;
}

.patella-2{
	width: 52px;
	height: 48px;
	top: 702px;
	right: 91px;
	z-index:3;
}

.ankle-1{
	width: 69px;
	height: 47px;
	bottom: 98px;
	left: 97px;
}

.ankle-2{
	width: 69px;
	height: 47px;
	bottom: 98px;
	right: 97px;
}

/* ===== Full Upper Limb Part ===== */

.clavide{
	width: 182px;
	height: 34px;
	top: 10px;
	left: 285px;
	z-index: 2;
}

.scapula{
	width: 151px;
	height: 214px;
	top: 13px;
	left: 250px;
}

.humerus{
	width: 111px;
	height: 383px;
	top: 46px;
	left: 183px;
	z-index: 3;
}

.radius-and-ulna{
	width: 151px;
	height: 288px;
	top: 413px;
	left: 78px;
}

.hand-and-fingers{
	width: 131px;
	height: 217px;
	top: 696px;
	left: 12px;
}

.acromioclavicular-joint{
	width: 71px;
	height: 19px;
	top: 11px;
	left: 250px;
}

.sternoclavicular-joint{
	width: 91px;
	height: 78px;
	top: 19px;
	left: 431px;
}

.shoulder-joint{
	width: 102px;
	height: 71px;
	top: 38px;
	left: 233px;
	z-index: 3;
}

.elbow-joint{
	width: 74px;
	height: 83px;
	top: 375px;
	left: 175px;
	z-index: 2;
}

.wrist-joint{
	width: 75px;
	height: 59px;
	top: 673px;
	left: 59px;
	z-index: 2;
}

/* ===== Full Spine Part ===== */

.cervical-spine{
	width: 93px;
	height: 150px;
	top: 0px;
	left: 0px;
}

.thoracolumbar-spine{
	width: 151px;
	height: 214px;
	top: 130px;
	left: 6px;
}

/* ===== Full Maxillofacial Part ===== */

.orbit-and-nasal-bone{
	width: 125px;
	height: 142px;
	top: 278px;
	left: 1px;
	z-index: 2;
}

.temporomandibular-joint{
	width: 97px;
	height: 88px;
	top: 402px;
	left: 285px;
	z-index: 2;
}

.mandible{
	width: 353px;
	height: 337px;
	bottom: 0px;
	left: 0px;
}

.maxilla-and-zygomatic-complex{
	width: 286px;
	height: 276px;
	top: 295px;
	left: 8px;
}