@charset "UTF-8";

#Contents {
	position: relative;
}

#Contents h3 {
	padding: 5px;
	border-left: 4px solid #F00;
}

#mapNavi,
#mapNavi_contents {
}
#mapNavi {
	margin: 0 0 10px;
}
#mapNavi_contents {
	position: relative;
	background: #000000;
}
@media screen and ( max-width : 767px ) {
}

#Basemap {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

#map_root,
#map_mask {
    width: 100%;
    height: auto;
}
#map_mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
@media all and ( max-width: 567px ) {
	#map_mask {
		display: none;
	}
}

.mapNavi_ship {
	position: absolute;
	width: 4%;
	animation-name: ship;
	animation-duration: 80s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes ship {
	0% {
		left: 100%;
		top: 47.7%;
	}
	100% {
		left: 34.5%;
		top: 113.2%;
	}
}
@media screen and (max-width: 567px) {
	.mapNavi_ship {
		display: none;
	}
}
.mapNavi_ship img {
	position: absolute;
	height: auto!important;
	max-height: none!important;
	max-width: none!important;
	vertical-align: bottom;
}

.mapNavi_ship [src*="ship"] {
	position: relative;
	width: 100%;
}

.mapNavi_ship [src*="wave"] {
	transform-origin: left bottom;
}

.mapNavi_ship [src*="wave1"] {
	left: 15%;
	bottom: 3%;
	width: 200%;
	animation-name: wake;
	animation-duration: 6000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	opacity: 0;
}
.mapNavi_ship [src*="wave1"]:nth-child(1) {
	animation-delay: 0ms;
}
.mapNavi_ship [src*="wave1"]:nth-child(2) {
	animation-delay: 3000ms;
}
@keyframes wake {
	0% {
		opacity: 0.5;
		transform: skew(50deg, 20deg);
	}
	95% {
		opacity: 0.5;
	}
	100% {
		opacity: 0;
		transform: skew(-50deg, -20deg);
	}
}

.mapNavi_ship [src*="wave2"] {
	left: 13%;
	bottom: 0%;
	width: 80%;
	animation-name: ripple;
	animation-duration: 6000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	opacity: 0;
}
.mapNavi_ship [src*="wave2"]:nth-child(3) {
	animation-delay: 0ms;
}
.mapNavi_ship [src*="wave2"]:nth-child(4) {
	animation-delay: 3000ms;
}
@keyframes ripple {
	0% {
		opacity: 1;
		transform: skew(-30deg, -20deg) scale(1);
	}
	95% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: skew(20deg, 10deg) scale(1.2);
	}
}

@media screen and (max-width: 567px) {
	.mapNavi_radioWave {
		display: none;
	}
}
.mapNavi_radioWave > div {
	position: absolute;
	z-index: 10;
	width: 4%;
	height: 5%;
}
.mapNavi_radioWave > div:nth-child(1) {
	left: 42%;
	top: 38%;
}
.mapNavi_radioWave > div:nth-child(2) {
	left: 11.3%;
	top: 13.2%;
}
.mapNavi_radioWave > div:nth-child(3) {
	left: 38.75%;
	top: -1.6%;
}
.mapNavi_radioWave > div:nth-child(4) {
	left: 16.55%;
	top: 81.3%;
}

.mapNavi_radioWave > div > em,
.mapNavi_radioWave > div > em::before,
.mapNavi_radioWave > div > em::after {
	position: absolute;
	left: 0%;
	top: 0%;
	display: block;
	box-sizing: border-box;
	border-style: solid;
	border-top-color: transparent!important;
	border-bottom-color: transparent!important;
	border-radius: 50%;
	line-height: 0px;
	transform-origin: center;
}

.mapNavi_radioWave > div > em::before,
.mapNavi_radioWave > div > em::after {
	content: "";
	width: 100%;
	height: 100%;
}

.mapNavi_radioWave > div > em {
	border-width: 2px;
	opacity: 0;
    animation: radioWave 4000ms linear infinite;
}
@keyframes radioWave {
	0% {
		opacity: 0;
	}
	5% {
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	15% {
		opacity: 1;
	}
	20% {
		opacity: 0;
	}
}

.mapNavi_radioWave > div > em::before {
	border-width: 4px;
}
.mapNavi_radioWave > div > em,
.mapNavi_radioWave > div > em::before {
	border-color: rgba(100,100,255,1);
}
.mapNavi_radioWave > div > em::after {
	border-width: 2px;
	border-color: rgba(128,255,255,1);
}

.mapNavi_radioWave > div > em:nth-child(1) {
	left: 27.5%;
	top: 27.5%;
	width: 45%;
	height: 45%;
}
.mapNavi_radioWave > div > em:nth-child(2) {
	left: 13.75%;
	top: 13.75%;
	width: 72.5%;
	height: 72.5%;
	animation-delay: 100ms;
}
.mapNavi_radioWave > div > em:nth-child(3) {
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	animation-delay: 200ms;
}



#map_marker > li {
    position: absolute;
    width: 3%;
	height: 6.8%;
	margin-left: -1.5%;
    cursor: pointer;
}

#map_marker > li > [src*="marker"] {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: auto;
    animation: bound 1000ms ease-out 0ms infinite alternate;
}
#map_marker > li > [src*="marker_update"] {
	left: -35%;
	width: 170%;
}

#map_marker > li:hover > [src*="marker"] {
    animation: none;
}
@keyframes bound {
	0% {
        transform: translateY(0%);
	}
	100% {
        transform: translateY(-30%);
	}
}

#map_marker > li > * {
	z-index: 20;
}
#map_marker > li:hover > * {
	z-index: 30;
}

#map_marker > li > div {
	position: absolute;
    width: 400%;
	height: 270%;
	background: #ffffff;
	border-radius: 15%;
	margin: 0;
	border: #ffffff solid 3px;
	box-sizing: border-box;
    transform: scale(0);
    transition: transform 250ms ease-out;
}
#map_marker > li > div::before {
	content: "";
	position: absolute;
	background: url("/image/global/products/advanced/electronics/optical/map/arrow.png") no-repeat;
	background-size: 100% 100%;
	width: 20%;
	height: 35%;
}
#map_marker > li > div.LeftTop::before {
	bottom: 0%;
	right: 12%;
	transform-origin: right bottom;
	transform: rotate(135deg);
}
#map_marker > li > div.Top::before {
	bottom: 0%;
	right: 60%;
	transform-origin: right bottom;
	transform: rotate(180deg);
}
#map_marker > li > div.RightTop::before {
	bottom: 0%;
	left: 12%;
	transform-origin: left bottom;
	transform: rotate(-135deg);
}
#map_marker > li > div.Right::before {
	bottom: 37%;
	left: 0%;
	transform-origin: left bottom;
	transform: rotate(-90deg);
}
#map_marker > li > div.RightBottom::before {
	bottom: 100%;
	left: -7%;
	transform-origin: right bottom;
	transform: rotate(-45deg);
}
#map_marker > li > div.Bottom::before {
	bottom: 100%;
	left: 40%;
	transform-origin: right bottom;
	transform: rotate(0deg);
}
#map_marker > li > div.LeftBottom::before {
	bottom: 100%;
	left: 86%;
	transform-origin: left bottom;
	transform: rotate(45deg);
}
#map_marker > li > div.Left::before {
	bottom: 60%;
	left: 100%;
	transform-origin: left bottom;
	transform: rotate(90deg);
}
#map_marker.forTouch > li > div,
#map_marker > li:hover > div {
    transform: scale(1);
}
#map_marker > li.new > div::after {
	content: "NEW";
	position: absolute;
	left: calc( 50% - 30px );
	bottom: calc( 100% + 5px );
	display: block;
	width: 60px;
	padding: 2px 0 0;
	line-height: 14px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #ff0000;
	border: #ffffff solid 2px;
	color: #ffffff;
	border-radius: 10px;
	box-sizing: border-box;
}
#map_marker > li.update > div::after {
	content: "UPDATED";
	position: absolute;
	left: calc( 50% - 45px );
	bottom: calc( 100% + 5px );
	display: block;
	width: 90px;
	padding: 2px 0 0;
	line-height: 14px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #ff0000;
	border: #ffffff solid 2px;
	color: #ffffff;
	border-radius: 10px;
	box-sizing: border-box;
}

#map_marker > li > div > figcaption {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30%;
	background: #8cc63f;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
	word-break: keep-all;
	white-space: nowrap;
	border-radius: 15% / 40% 40% 0 0;
}
@media screen and ( max-width : 1305px ) {
	#map_marker > li > div > figcaption {
		font-weight: normal;
		font-size: 1.2vw;
	}
}

#map_marker > li > div > figure {
	position: relative;
	height: 70%;
	margin: 0;
	border-radius: 15% / 0 0 20% 20%;
	text-align: center;
	overflow: hidden;
}

#map_marker > li > div > figure > img {
	max-width: none!important;
	width: auto;
	height: 100%!important;
	vertical-align: bottom;
}

#map_marker > li > div > figure.fill > img {
	width: 100%;
	height: 100%!important;
}

#map_marker > li > div.RightTop {
	left: 135%;
	bottom: 110%;
    transform-origin: -10% 110%;
}
#map_marker > li > div.LeftTop {
	right: 135%;
	bottom: 110%;
    transform-origin: 120% 120%;
}
#map_marker > li > div.RightBottom {
	left: 135%;
	top: 85%;
    transform-origin: -20% -20%;
}
#map_marker > li > div.LeftBottom {
	right: 135%;
	top: 85%;
    transform-origin: 120% -20%;
}
#map_marker > li > div.Left {
	right: 200%;
	top: -100%;
    transform-origin: 130% center;
}
#map_marker > li > div.Right {
	left: 200%;
	top: -100%;
    transform-origin: -30% center;
}
#map_marker > li > div.Top {
	left: -150%;
	bottom: 160%;
    transform-origin: center 120%;
}
#map_marker > li > div.Bottom {
	left: -150%;
	top: 140%;
    transform-origin: center -40%;
}


@media screen and ( max-width : 567px ) {
	#mapNavi_contents {
		margin: 0 -15px;
	}
	#map_root {
		display: none;
	}
	#map_marker {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		background: url(/image/global/products/advanced/electronics/optical/map/map.jpg) no-repeat center;
		background-size: auto 100%;
	}
	
	#map_marker > li {
		position: static;
		width: 26vw;
		height: 26vw;
		margin: 4vw 0;
	}
	
	#map_marker > li[data-route="HomeOffice"],
	#map_marker > li[data-route="Home"] {
		display: none!important;
	}
	
	#map_marker > li > [src*="marker"] {
		display: none;
	}
	
	#map_marker > li > div {
		position: static;
		width: 26vw;
		height: 26vw;
		transform: scale(1);
	}
	#map_marker > li > div::before {
		display: none;
	}
	#map_marker > li > div > figcaption {
		font-size: 10px;
	}
}



.iconBox {
	display: flex;
	justify-content: center;
}
.iconBox > li {
	width: 80px;
	height: 80px;
}
.iconBox > li > [src*="marker"] {
	display: none;
}
.iconBox > li > div {
    width: 100%;
	height: 100%;
	background: #ffffff;
	border-radius: 10px;
	margin: 0 2px;
	border: #ffffff solid 3px;
	box-sizing: border-box;
}

.iconBox > li > div > figcaption {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30%;
	background: #8cc63f;
	color: #ffffff;
	font-size: 10px;
	line-height: 1;
	word-break: keep-all;
	white-space: nowrap;
	border-radius: 10px 10px 0 0;
}

.iconBox > li > div > figure {
	overflow: hidden;
}
.iconBox > li > div > figure {
	position: relative;
	height: 70%;
	margin: 0;
	border-radius: 0 0 10px 10px;
	text-align: center;
	overflow: hidden;
}

.iconBox > li > div > figure > img {
	max-width: none!important;
	width: auto;
	height: 100%!important;
	vertical-align: bottom;
}

.iconBox > li > div > figure.fill > img {
	width: 100%;
	height: 100%!important;
}


@media screen and ( max-width : 567px ) {
	.iconBox {
		display: block;
	}
}


/* ===== breadCrumbs ===== */
#map_breadCrumbs {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	z-index: 0;
}
#map_breadCrumbs.on {
	z-index: 400;
}

#map_breadCrumbs > li {
	box-sizing: border-box;
	width: 60px;
	height: 60px;
	margin: 10px 0 0 10px;
	padding: 3px;
	border-radius: 4px;
	background: #ffffff;
	cursor: pointer;
	transform-origin: center;
	transition: transform 250ms;
	transform: scale(0);
}

#map_breadCrumbs > li.on {
	transform: scale(1);
}

#map_breadCrumbs > li > span {
	display: block;
	width: 54px;
	height: 54px;
	border-radius: 4px;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}
@media screen and ( max-width : 567px ) {
	#map_breadCrumbs {
		top: auto;
		bottom: 0;
		align-items: center;
		background: rgba(0,0,0,0);
		width: 100%;
		height: 38vw;
		transition: background 250ms;
	}
	#map_breadCrumbs.on {
		background: rgba(0,0,0,1);
	}

	#map_breadCrumbs > li {
		width: 20vw;
		height: 20vw;
		margin: 0 0 0 4vw;
	}
	
	#map_breadCrumbs > li > span {
		width: 100%;
		height: 100%;
	}
}

#map_breadCrumbs > li > span > img {
	width: 100%;
	height: 100%;
}

#map_breadCrumbs > li:hover > span {
	opacity: 0.6;
}

#map_breadCrumbs > li#map_breadCrumbs_root > span {
	background-image: url("/image/global/products/advanced/electronics/optical/map/map.jpg");
	background-size: auto 100%;
}

#map_breadCrumbs > li > span[data-bc="Home"],
#map_breadCrumbs > li > span[data-bc="HomeOffice"],
#map_breadCrumbs > li > span[data-bc="Office1"],
#map_breadCrumbs > li > span[data-bc="Offce2"] {
	background-image: url("/image/global/products/advanced/electronics/optical/map/bc/onu.jpg");
}
#map_breadCrumbs > li > span[data-bc="5G-Antenna"] {
	background-image: url("/image/global/products/advanced/electronics/optical/map/bc/5g.jpg");
}
#map_breadCrumbs > li > span[data-bc="DataCenter"] {
	background-image: url("/image/global/products/advanced/electronics/optical/map/bc/data-center.jpg");
}
#map_breadCrumbs > li > span[data-bc="RegionalNode"] {
	background-image: url("/image/global/products/advanced/electronics/optical/map/bc/regional-node.jpg");
}
#map_breadCrumbs > li > span[data-bc="SubmarineCableStation"] {
	background-image: url("/image/global/products/advanced/electronics/optical/map/bc/submarine_cable_station.jpg");
}

#map_breadCrumbs > li > span[data-bc="CFP2Transceiver"] {
	background-image: url("/image/global/products/advanced/electronics/optical/map/bc/cfp2.jpg");
}
#map_breadCrumbs > li > span[data-bc="CFP4Transceiver"] {
	background-image: url("/image/global/products/advanced/electronics/optical/map/bc/cfp4.jpg");
}
#map_breadCrumbs > li > span[data-bc="CPO"] {
	background-image: url("/image/global/products/advanced/electronics/optical/map/bc/cpo.jpg");
}
#map_breadCrumbs > li > span[data-bc="LiDAR-Drone"] {
	background-image: url("/image/global/products/advanced/electronics/optical/map/bc/drone.jpg");
}
#map_breadCrumbs > li > span[data-bc="LiDAR-Car"] {
	background-image: url("/image/global/products/advanced/electronics/optical/map/bc/car.jpg");
}
#map_breadCrumbs > li > span[data-bc="LiDAR-Car-ToF"] {
	background-image: url("/image/global/products/advanced/electronics/optical/map/bc/cartof.jpg");
}
#map_breadCrumbs > li > span[data-bc="LiDAR-Car-FMCW"] {
	background-image: url("/image/global/products/advanced/electronics/optical/map/bc/carfmcw.jpg");
}

/* ===================================
		facility
=================================== */
[id^="map_facility"] > li {
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	z-index: 100;
	overflow: hidden;
	transform-origin: center;
	transform: scale(0);
	transition: transform 250ms ease-out;
}
#map_facility > li {
	background: #000000;
}
#map_facility2 > li {
	background: rgba(0,0,0,0);
}
#map_facility2 > li.on {
	background: rgba(0,0,0,1);
	animation: facility2 500ms linear;
}
@keyframes facility2 {
	0% {
		background: rgba(0,0,0,0);
	}
	50% {
		background: rgba(0,0,0,0);
	}
	100% {
		background: rgba(0,0,0,1);
	}
}

@media screen and ( max-width : 567px ) {
	[id^="map_facility"] > li {
		height: 64vw;
	}
}
[id^="map_facility"] > li.on {
	transform: scale(1);
}
[id^="map_facility"] > li img {
	position: absolute;
	height: auto;
	max-width: none!important;
}
[id^="map_facility"] > li > p,
[id^="map_facility"] > li > a,
[id^="map_facility"] > li > span {
	text-decoration: none;
	color: #009628;
}
[id^="map_facility"] > li > span {
	color: #999999;
}

li[data-generation="2"] > p span,
li[data-generation="2"] > a span,
[id^="map_facility"] > li > p span,
[id^="map_facility"] > li > a span,
[id^="map_facility"] > li > span span {
	position: absolute;
	display: block;
	padding: 5px 10px;
	font-size: 20px;
	line-height: 1.2;
	background: #000000;
	color: #009628;
	border: #009628 solid 1px;
	z-index: 103;
	opacity: 0;
	cursor: pointer;
}
li[data-generation="2"] > p span,
[id^="map_facility"] > li > span span {
	color: #999999;
	border: #999999 solid 1px;
}
li[data-generation="2"].on > p span,
li[data-generation="2"].on > a span,
[id^="map_facility"]  > li.on > p span,
[id^="map_facility"]  > li.on > a span,
[id^="map_facility"]  > li.on > span span {
	transition: opacity 300ms linear 1300ms;
}
@media screen and ( max-width : 1305px ) {
	li[data-generation="2"] > p span,
	li[data-generation="2"] > a span,
	[id^="map_facility"] > li > p span,
	[id^="map_facility"] > li > a span,
	[id^="map_facility"] > li > span span {
		font-size: 1.5vw;
	}
}
li[data-generation="2"].on > p span,
li[data-generation="2"].on > a span,
[id^="map_facility"] > li.on > p span,
[id^="map_facility"] > li.on > a span,
[id^="map_facility"] > li.on > span span {
	opacity: 1;
}
li[data-generation="2"] > p:hover span,
li[data-generation="2"] > a:hover span,
[id^="map_facility"] p:hover span,
[id^="map_facility"] a:hover span,
[id^="map_facility"] span:hover span {
	animation: blink 1500ms linear infinite alternate;
}
li[data-generation="2"] > p:hover strong,
li[data-generation="2"] > a:hover strong,
[id^="map_facility"] p:hover strong,
[id^="map_facility"] a:hover strong,
[id^="map_facility"] span:hover strong {
	animation: blink2 1500ms linear infinite alternate;
}
li[data-generation="2"] > p strong,
li[data-generation="2"] > a strong,
[id^="map_facility"] p strong,
[id^="map_facility"] a strong,
[id^="map_facility"] span strong {
	position: absolute;
	display: block;
	cursor: pointer;
}
@keyframes blink {
	0% {
		background: #000000;
	}
	100% {
		background: #444444;
	}
}

@keyframes blink2 {
	0% {
		background: rgba(255,255,255,0);
	}
	100% {
		background: rgba(255,255,255,0.2);
	}
}

li[data-generation="2"] > p em,
li[data-generation="2"] > a em,
[id^="map_facility"] p em,
[id^="map_facility"] a em,
[id^="map_facility"] span em {
	position: absolute;
	display: block;
	width: 0;
	height: 1px;
	z-index: 102;
	background: #009628;
	transform-origin: left;
	pointer-events: none;
	cursor: default;
}
li[data-generation="2"] > p em,
[id^="map_facility"] span em {
	background: #999999;
}
li[data-generation="2"].on > p em,
li[data-generation="2"].on > a em,
[id^="map_facility"] .on p em,
[id^="map_facility"] .on a em,
[id^="map_facility"] .on span em {
	transition-property: width;
	transition-timing-function: linear;
	transition-duration: 300ms;
}
li[data-generation="2"] > p em::after,
li[data-generation="2"] > a em::after,
[id^="map_facility"] p em::after,
[id^="map_facility"] a em::after,
[id^="map_facility"] span em::after {
	content: "";
	position: absolute;
	left: -25px;
	top: -25px;
	display: none;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	transform-origin: center;
	overflow: hidden;
	border: #009628 solid 2px;
	box-sizing: border-box;
}
[id^="map_facility"] span em::after {
	border-color: #009628;
}
li[data-generation="2"] > p:hover em::after,
li[data-generation="2"] > a:hover em::after,
[id^="map_facility"] p:hover em::after,
[id^="map_facility"] a:hover em::after,
[id^="map_facility"] span:hover em::after {
	display: block;
	animation: ping 3000ms linear infinite;
}
@keyframes ping {
	0% {
		transform: scale(0);
		opacity: 1;
	}
	100% {
		transform: scale(2);
		opacity: 0;
	}
}


/* ==================== facility part ==================== */

/* ========== facility LiDAR Car ========== */
#map_facility > li > img[src*="/car/"] {
	left: 10%;
	top: 0%;
	width: auto!important;
	height: 100%!important;
}
#map_facility > li.on > img[src*="/car/units.png"] {
	top: -15%;
	animation: car-units 1200ms ease-out;
}
@keyframes car-units {
	0% {
		top: 0%;
	}
	60% {
		top: 0%;
	}
	100% {
		top: -15%;
	}
}
#map_facility_lidarcar.on em {
	transition-delay: 1200ms;
}

#map_facility_lidarcar_tof span {
	right: 8%;
	top: 30%;
}
.on #map_facility_lidarcar_tof em,
.on #map_facility_lidarcar_tof strong {
	left: 66%;
	top: 17%;
}
.on #map_facility_lidarcar_tof em {
	transform: rotate(30deg);
}
.on #map_facility_lidarcar_tof em {
	width: 17%;
}
.on #map_facility_lidarcar_tof strong {
	margin-left: -2.5%;
	margin-top: -2%;
	width: 5%;
	height: 7%;
	border-radius: 50%;
}

#map_facility_lidarcar_fmcw span {
	right: 50%;
	top: 30%;
}
.on #map_facility_lidarcar_fmcw em,
.on #map_facility_lidarcar_fmcw strong {
	left: 50%;
	top: 23%;
}
.on #map_facility_lidarcar_fmcw em {
	transform: rotate(150deg);
}
.on #map_facility_lidarcar_fmcw em {
	width: 10%;
}
.on #map_facility_lidarcar_fmcw strong {
	margin-left: -2.5%;
	margin-top: -2.1%;
	width: 5%;
	height: 7%;
	border-radius: 50%;
}
/* ========== facility LiDAR Car ========== */



/* ========== facility LiDAR Car FMCW ========== */
#map_facility_carfmcw > img[src*="/lidar_fmcw/"] {
	left: 5%;
	top: -25%;
	z-index: 1;
	height: auto;
	width: 90%;
	transform: scale(1);
	animation: 3000ms ease-out;
}
#map_facility_carfmcw.on > img[src*="/lidar_fmcw/case.png"] {
	top: -51%;
	z-index: 0;
	opacity: 0.3;
	animation-name: carfmcw-case;
}
@keyframes carfmcw-case {
	0% {
		top: -25%;
		z-index: 1;
		opacity: 1;
	}
	20% {
		top: -25%;
	}
	40% {
		top: -51%;
		z-index: 1;
	}
	40.1% {
		z-index: 0;
	}
	50% {
		opacity: 1;
	}
	70% {
		opacity: 0.3;
	}
}
#map_facility_carfmcw.on > img[src*="/lidar_fmcw/base.png"] {
	top: -7%;
	z-index: 0;
	opacity: 0.3;
	animation-name: carfmcw-base;
}
@keyframes carfmcw-base {
	0% {
		top: -25%;
		z-index: 1;
		opacity: 1;
	}
	20% {
		top: -25%;
	}
	40% {
		top: -7%;
		z-index: 1;
	}
	40.1% {
		z-index: 0;
	}
	50% {
		opacity: 1;
	}
	70% {
		opacity: 0.3;
	}
}
#map_facility_carfmcw.on > img[src*="/lidar_fmcw/package"] {
	left: 20%;
	top: -5%;
	transform: scale(1.7);
	animation-name: carfmcw-pac;
}
@keyframes carfmcw-pac {
	0% {
		left: 5%;
		top: -25%;
		transform: scale(1);
	}
	20% {
		top: -25%;
	}
	40% {
		left: 5%;
		top: -7%;
	}
	50% {
		left: 5%;
		top: -7%;
		transform: scale(1);
	}
	70%,80% {
		left: 20%;
		top: -25%;
		transform: scale(1.7);
	}
	100% {
		top: -5%;
	}
}
#map_facility_carfmcw.on > img[src*="/lidar_fmcw/flex.png"] {
	left: 20%;
	top: -25%;
	transform: scale(1.7);
	animation-name: carfmcw-flex;
}
@keyframes carfmcw-flex {
	0% {
		left: 5%;
		top: -25%;
		transform: scale(1);
	}
	20% {
		top: -25%;
	}
	40% {
		left: 5%;
		top: -7%;
	}
	50% {
		left: 5%;
		top: -7%;
		transform: scale(1);
	}
	70%,80% {
		left: 20%;
		top: -25%;
		transform: scale(1.7);
	}
	100% {
		top: -25%;
	}
}
#map_facility_carfmcw.on > img[src*="/lidar_fmcw/submount.png"] {
	left: 20%;
	top: -30%;
	transform: scale(1.7);
	animation-name: carfmcw-sm;
}
@keyframes carfmcw-sm {
	0% {
		left: 5%;
		top: -25%;
		transform: scale(1);
	}
	20% {
		top: -25%;
	}
	40% {
		left: 5%;
		top: -7%;
	}
	50% {
		left: 5%;
		top: -7%;
		transform: scale(1);
	}
	70%,80% {
		left: 20%;
		top: -25%;
		transform: scale(1.7);
	}
	100% {
		top: -30%;
	}
}
#map_facility_carfmcw.on > img[src*="/lidar_fmcw/tec.png"] {
	left: 20%;
	top: -40%;
	transform: scale(1.7);
	animation-name: carfmcw-tec;
}
@keyframes carfmcw-tec {
	0% {
		left: 5%;
		top: -25%;
		transform: scale(1);
	}
	20% {
		top: -25%;
	}
	40% {
		left: 5%;
		top: -7%;
	}
	50% {
		left: 5%;
		top: -7%;
		transform: scale(1);
	}
	70%,80% {
		left: 20%;
		top: -25%;
		transform: scale(1.7);
	}
	100% {
		top: -40%;
	}
}
#map_facility_carfmcw.on > img[src*="/lidar_fmcw/pic.png"] {
	left: 20%;
	top: -50%;
	transform: scale(1.7);
	animation-name: carfmcw-pic;
}
@keyframes carfmcw-pic {
	0% {
		left: 5%;
		top: -25%;
		transform: scale(1);
	}
	20% {
		top: -25%;
	}
	40% {
		left: 5%;
		top: -7%;
	}
	50% {
		left: 5%;
		top: -7%;
		transform: scale(1);
	}
	70%,80% {
		left: 20%;
		top: -25%;
		transform: scale(1.7);
	}
	100% {
		top: -50%;
	}
}
#map_facility_carfmcw.on > img[src*="/lidar_fmcw/tm.png"] {
	left: 25%;
	top: -52%;
	transform: scale(1.7);
	animation-name: carfmcw-tm;
}
@keyframes carfmcw-tm {
	0% {
		left: 5%;
		top: -25%;
		transform: scale(1);
	}
	20% {
		top: -25%;
	}
	40% {
		left: 5%;
		top: -7%;
	}
	50% {
		left: 5%;
		top: -7%;
		transform: scale(1);
	}
	70%,80% {
		left: 20%;
		top: -25%;
		transform: scale(1.7);
	}
	100% {
		left: 25%;
		top: -52%;
	}
}
#map_facility_carfmcw.on > img[src*="/lidar_fmcw/pd.png"] {
	left: 15%;
	top: -15%;
	transform: scale(1.7);
	animation-name: carfmcw-pd;
}
@keyframes carfmcw-pd {
	0% {
		left: 5%;
		top: -25%;
		transform: scale(1);
	}
	20% {
		top: -25%;
	}
	40% {
		left: 5%;
		top: -7%;
	}
	50% {
		left: 5%;
		top: -7%;
		transform: scale(1);
	}
	70%,80% {
		left: 20%;
		top: -25%;
		transform: scale(1.7);
	}
	100% {
		left: 15%;
		top: -15%;
	}
}
#map_facility_carfmcw.on > img[src*="/lidar_fmcw/opt.png"] {
	left: 15%;
	top: -25%;
	transform: scale(1.7);
	animation-name: carfmcw-opt;
}
@keyframes carfmcw-opt {
	0% {
		left: 5%;
		top: -25%;
		transform: scale(1);
	}
	20% {
		top: -25%;
	}
	40% {
		left: 5%;
		top: -7%;
	}
	50% {
		left: 5%;
		top: -7%;
		transform: scale(1);
	}
	70%,80% {
		left: 20%;
		top: -25%;
		transform: scale(1.7);
	}
	100% {
		top: -25%;
		left: 15%;
	}
}
#map_facility_carfmcw.on > img[src*="/lidar_fmcw/lens.png"] {
	left: 13%;
	top: 0%;
	transform: scale(1.7);
	animation-name: carfmcw-lens;
}
@keyframes carfmcw-lens {
	0% {
		left: 5%;
		top: -25%;
		transform: scale(1);
	}
	20% {
		top: -25%;
	}
	40% {
		left: 5%;
		top: -7%;
	}
	50% {
		left: 5%;
		top: -7%;
		transform: scale(1);
	}
	70%,80% {
		left: 20%;
		top: -25%;
		transform: scale(1.7);
	}
	100% {
		top: 0%;
		left: 13%;
	}
}
#map_facility_carfmcw.on > img[src*="/lidar_fmcw/kovar.png"] {
	left: 20%;
	top: -60%;
	transform: scale(1.7);
	animation-name: carfmcw-kovar;
}
@keyframes carfmcw-kovar {
	0% {
		left: 5%;
		top: -25%;
		transform: scale(1);
	}
	20% {
		top: -25%;
	}
	40% {
		left: 5%;
		top: -7%;
	}
	50% {
		left: 5%;
		top: -7%;
		transform: scale(1);
	}
	70% {
		left: 20%;
		top: -60%;
		transform: scale(1.7);
	}
}

#map_facility_carfmcw.on span {
	transition-delay: 2500ms;
}
#map_facility_carfmcw.on em {
	transition-delay: 3000ms;
}

#map_facility_carfmcw a > *,
#map_facility_carfmcw span > * {
	z-index: 2;
}
#map_facility_carfmcw a > span,
#map_facility_carfmcw span > span {
	z-index: 3;
}

#map_facility_carfmcw_pac span {
	right: 56%;
	top: 87.5%;
}
.on #map_facility_carfmcw_pac em,
.on #map_facility_carfmcw_pac strong {
	left: 52%;
	top: 73%;
}
.on #map_facility_carfmcw_pac em {
	transform: rotate(131deg);
}
.on #map_facility_carfmcw_pac em {
	width: 14%;
}
.on #map_facility_carfmcw_pac strong {
	margin-left: -11.5%;
	margin-top: -7.3%;
	width: 23%;
	height: 22%;
	transform: rotate(-20deg) skewX(37deg);
	border-radius: 40% 10%;
}

#map_facility_carfmcw_fpc span {
	left: 64%;
	top: 80%;
}
.on #map_facility_carfmcw_fpc em,
.on #map_facility_carfmcw_fpc strong {
	left: 51.5%;
	top: 52%;
}
.on #map_facility_carfmcw_fpc em {
	transform: rotate(55deg);
}
.on #map_facility_carfmcw_fpc em {
	width: 22%;
}
.on #map_facility_carfmcw_fpc strong {
	margin-left: -8%;
	margin-top: -2%;
	width: 16%;
	height: 5%;
	transform: rotate(-20deg) skewX(37deg);
	border-radius: 40% 0;
}

#map_facility_carfmcw_sm span {
	left: 66%;
	top: 59%;
}
.on #map_facility_carfmcw_sm em,
.on #map_facility_carfmcw_sm strong {
	left: 50.5%;
	top: 45.2%;
}
.on #map_facility_carfmcw_sm em {
	transform: rotate(30deg);
}
.on #map_facility_carfmcw_sm em {
	width: 18%;
}
.on #map_facility_carfmcw_sm strong {
	margin-left: -5%;
	margin-top: -2%;
	width: 10%;
	height: 6%;
	transform: rotate(-19deg) skewX(40deg);
}

#map_facility_carfmcw_tec span {
	left: 66%;
	top: 38%;
}
.on #map_facility_carfmcw_tec em,
.on #map_facility_carfmcw_tec strong {
	left: 50.7%;
	top: 36.3%;
}
.on #map_facility_carfmcw_tec em {
	transform: rotate(8deg);
}
.on #map_facility_carfmcw_tec em {
	width: 17%;
}
.on #map_facility_carfmcw_tec strong {
	margin-left: -5.5%;
	margin-top: -2.3%;
	width: 11%;
	height: 7%;
	transform: rotate(-19deg) skewX(40deg);
}

#map_facility_carfmcw_pic span {
	right: 62%;
	top: 22%;
}
.on #map_facility_carfmcw_pic em,
.on #map_facility_carfmcw_pic strong {
	left: 50.5%;
	top: 24.5%;
}
.on #map_facility_carfmcw_pic em {
	transform: rotate(180deg);
}
.on #map_facility_carfmcw_pic em {
	width: 13%;
}
.on #map_facility_carfmcw_pic strong {
	margin-left: -5%;
	margin-top: -2%;
	width: 10%;
	height: 6%;
	transform: rotate(-19deg) skewX(40deg);
}

#map_facility_carfmcw_tm span {
	left: 66%;
	top: 23%;
}
.on #map_facility_carfmcw_tm em,
.on #map_facility_carfmcw_tm strong {
	left: 58.7%;
	top: 19.8%;
}
.on #map_facility_carfmcw_tm em {
	transform: rotate(16deg);
}
.on #map_facility_carfmcw_tm em {
	width: 8%;
}
.on #map_facility_carfmcw_tm strong {
	margin-left: -2%;
	margin-top: -2%;
	width: 4%;
	height: 6%;
	border-radius: 50%;
}

#map_facility_carfmcw_pd span {
	right: 69%;
	top: 56%;
}
.on #map_facility_carfmcw_pd em,
.on #map_facility_carfmcw_pd strong {
	left: 40.9%;
	top: 63%;
}
.on #map_facility_carfmcw_pd em {
	transform: rotate(190deg);
}
.on #map_facility_carfmcw_pd em {
	width: 11%;
}
.on #map_facility_carfmcw_pd strong {
	margin-left: -2.5%;
	margin-top: -2.7%;
	width: 5%;
	height: 8%;
	border-radius: 50%;
}

#map_facility_carfmcw_opt span {
	right: 62%;
	top: 34%;
}
.on #map_facility_carfmcw_opt em,
.on #map_facility_carfmcw_opt strong {
	left: 40.5%;
	top: 54%;
}
.on #map_facility_carfmcw_opt em {
	transform: rotate(240deg);
}
.on #map_facility_carfmcw_opt em {
	width: 15%;
}
.on #map_facility_carfmcw_opt strong {
	margin-left: -3%;
	margin-top: -3%;
	width: 6%;
	height: 9%;
	border-radius: 50%;
}

#map_facility_carfmcw_lens span {
	right: 71%;
	top: 72%;
}
.on #map_facility_carfmcw_lens em,
.on #map_facility_carfmcw_lens strong {
	left: 36%;
	top: 81%;
}
.on #map_facility_carfmcw_lens em {
	transform: rotate(203deg);
}
.on #map_facility_carfmcw_lens em {
	width: 10%;
}
.on #map_facility_carfmcw_lens strong {
	margin-left: -3.9%;
	margin-top: -4%;
	width: 8%;
	height: 12%;
	border-radius: 50%;
}

#map_facility_carfmcw_kovar span {
	left: 66%;
	top: 2%;
}
.on #map_facility_carfmcw_kovar em,
.on #map_facility_carfmcw_kovar strong {
	left: 51%;
	top: 14%;
}
.on #map_facility_carfmcw_kovar em {
	transform: rotate(-18deg);
}
.on #map_facility_carfmcw_kovar em {
	width: 17%;
}
.on #map_facility_carfmcw_kovar strong {
	margin-left: -9.5%;
	margin-top: -4%;
	width: 19%;
	height: 12%;
	transform: rotate(-19deg) skewX(40deg);
}
/* ========== /facility LiDAR Car FMCW ========== */



/* ========== facility LiDAR Car ToF ========== */
#map_facility_cartof > img[src*="/lidar_tof/"] {
	left: 5%;
	top: -25%;
	z-index: 1;
	height: auto;
	width: 80%;
	transform: scale(1);
	animation: 3000ms ease-out;
}
#map_facility_cartof.on > img[src*="/lidar_tof/case.png"] {
	top: -84%;
	z-index: 4;
	/* opacity: 0.3; */
	animation-name: cartof-case;
}
@keyframes cartof-case {
	0% {
		top: 15%;
	}
	40% {
		top: -52%;
	}
	60% {
		/* top: -52%; */
	}
	70% {
		top: -64%;
	}
	80% {
		top: -71%;
	}
	100% {
		top: -84%
	}
}
#map_facility_cartof.on > img[src*="/lidar_tof/base.png"] {
	top: 86%;
	z-index: 0;
	/* opacity: 0.3; */
	animation-name: cartof-base;
}
@keyframes cartof-base {
	0% {
		top: 46%;
	}
	40% {
		/* top: 46%; */
	}
	60% {
		top: 46%;
	}
	70% {
		top: 66%;
	}
	80% {
		top: 77%;
	}
	100% {
		top: 86%;
	}

}
#map_facility_cartof.on > img[src*="/lidar_tof/ceramic_package"] {
	left: 36%;
	top: 40%;
	width: 40%;
	/* animation-name: cartof-pac; */
}
/* @keyframes cartof-pac { */
/* } */
#map_facility_cartof.on > img[src*="/lidar_tof/fpc"] {
	left: 45%;
	top: 42%;
	width: 17%;
	animation-name: cartof-fpc;
}
@keyframes cartof-fpc {
	0% {
		top: 46%;
	}
	40% {
		top: 46%;
	}
	60% {
		top: 46%;
	}
	70% {
		top: 46%;
	}
	80% {
		top: 42%;
	}
	100% {
		top: 42%;
	}
}
#map_facility_cartof.on > img[src*="/lidar_tof/submount.png"] {
	left: 50%;
	top: 23%;
	width: 12%;
	animation-name: cartof-sm;
	z-index: 1;
}
@keyframes cartof-sm {
	0% {
		top: 45%;
	}
	40% {
		top: 45%;
	}
	60% {
		top: 38%;
	}
	70% {
		top: 38%;
		z-index: 2;
	}
	80% {
		top: 29%;
		z-index: 2;
	}
	100% {
		top: 23%;
		z-index: 1;
	}
}
#map_facility_cartof.on > img[src*="/lidar_tof/tec.png"] {
	left: 47%;
	top: 30%;
	width: 20%;
	animation-name: cartof-tec;
	z-index: 2;
}
@keyframes cartof-tec {
	0% {
		top: 44%;
	}
	40% {
		top: 44%;
	}
	60% {
		top: 40%;
	}
	70% {
		top: 42%;
		z-index: 1;
	}
	80% {
		top: 34%;
		z-index: 1;
	}
	100% {
		top: 30%;
		z-index: 2;
	}
}
#map_facility_cartof.on > img[src*="/lidar_tof/optical_isolator.png"] {
	left: 52%;
	top: 13%;
	width: 5%;
	animation-name: cartof-optical-isolator;
	z-index: 2;
}
@keyframes cartof-optical-isolator {
	0% {
		left: 42%;
		top: 56%;
	}
	40% {
		left: 42%;
		top: 56%;
	}
	60% {
		left: 36%;
		top: 60%;
	}
	70% {
		left: 36%;
		top: 50%;
	}
	80% {
		left: 41%;
		top: 25%;
	}
	100% {
		left: 52%;
		top: 13%;
	}
	
}
#map_facility_cartof.on > img[src*="/lidar_tof/mpd.png"] {
	left: 60%;
	top: 16%;
	width:1%;
	animation-name: cartof-mpd;
}
@keyframes cartof-mpd {
	0% {
		left: 44%;
		top: 65%;
	}
	40% {
		left: 44%;
		top: 65%;
	}
	60% {
		left: 38%;
		top: 65%;
	}
	70% {
		left: 38%;
		top: 53%;
	}
	80% {
		left: 47%;
		top: 25%;
	}
	100% {
		left: 60%;
		top: 16%;
	}
}
#map_facility_cartof.on > img[src*="/lidar_tof/pd_array.png"] {
	left: 46%;
	top: 47%;
	width: 1%;
	animation-name: cartof-pd-array;
}
@keyframes cartof-pd-array {
	0% {
		top: 55%;
	}
	40% {
		top: 55%;
	}
	60% {
		top: 55%;
	}
	70% {
		top: 55%;
	}
	80% {
		top: 49%;
	}
	100% {
		top: 47%;
	}
}
#map_facility_cartof.on > img[src*="/lidar_tof/optical_circulator.png"] {
	left: 39%;
	top: 60%;
	width:5%;
	animation-name: cartof-optical-circulator;
}
@keyframes cartof-optical-circulator {
	0% {
		left: 42%;
		top: 60%;
	}
	40% {
		left: 42%;
		top: 60%;
	}
	60% {
		left: 42%;
		top: 60%;
	}
	70% {
		left: 42%;
		top: 60%;
	}
	80% {
		left: 42%;
		top: 60%;
	}
	100% {
		left: 39%;
		top: 60%;
	}
}
#map_facility_cartof.on > img[src*="/lidar_tof/fac_lens.png"] {
	left: 24%;
	top: 61%;
	width:10%;
	animation-name: cartof-fac-lens;
}
@keyframes cartof-fac-lens {
	0% {
		left: 39%;
		top: 57%;
	}
	40% {
		left: 39%;
		top: 57%;
	}
	60% {
		left: 39%;
		top: 57%;
	}
	70% {
		left: 32%;
		top: 59%;
	}
	80% {
		left: 32%;
		top: 59%;
	}
	100% {
		left: 24%;
		top: 61%;
	}
}
#map_facility_cartof.on > img[src*="/lidar_tof/kovar_lid.png"] {
	left: 44%;
	top: -8%;
	width: 25%;
	animation-name: cartof-kovar-lid;
	z-index: 2;
}
@keyframes cartof-kovar-lid {
	0% {
		left: 44%;
		top: 40%;
	}
	40% {
		left: 44%;
		top: 40%;
	}
	60% {
		left: 44%;
		top: 26%;
	}
	70% {
		left: 44%;
		top: 16%;
	}
	80% {
		left: 44%;
		top: 5%;
	}
	100% {
		left: 44%;
		top: -8%;
	}
}
#map_facility_cartof.on > img[src*="collimate_lens.png"] {
	left: 31%;
	top: 27%;
	width:3%;
	animation-name: cartof-collimate-lens;
}
@keyframes cartof-collimate-lens {
	0% {
		left: 42%;
		top: 63%;
	}
	40% {
		left: 42%;
		top: 63%;
	}
	60% {
		left: 32%;
		top: 63%;
	}
	70% {
		left: 32%;
		top: 51%;
	}
	80% {
		left: 28%;
		top: 35%;
	}
	100% {
		left: 31%;
		top: 27%;
	}
}
#map_facility_cartof.on > img[src*="mem.png"] {
	left: 7%;
	top: 29%;
	width:20%;
	animation-name: cartof-mem-mirror;
	z-index: 2;
}
@keyframes cartof-mem-mirror {
	0% {
		left: 25%;
		top: 46%;
	}
	40% {
		left: 25%;
		top: 46%;
	}
	60% {
		left: 19%;
		top: 46%;
	}
	70% {
		left: 12%;
		top: 41%;
	}
	80% {
		left: 8%;
		top: 34%;
	}
	100% {
		left: 7%;
		top: 29%;
	}
}

#map_facility_cartof.on > img[src*="mirror.png"] {
	left: 45%;
	top: 60%;
	width:5%;
	animation-name: cartof-mirror;
}
@keyframes cartof-mirror {

}
#map_facility_cartof.on > img[src*="optical_filter.png"] {
	left: 41%;
	top: 23%;
	width:2%;
	animation-name: cartof-optical-filter;
}
@keyframes cartof-optical-filter {
	0% {
		left: 43%;
		top: 64%;
	}
	40% {
		left: 43%;
		top: 64%;
	}
	60% {
		left: 33%;
		top: 64%;
	}
	70% {
		left: 33%;
		top: 52%;
	}
	80% {
		left: 36%;
		top: 31%;
	}
	100% {
		left: 41%;
		top: 23%;
	}
}
#map_facility_cartof.on > img[src*="thermister.png"] {
	left: 53%;
	top: 20%;
	width:1%;
	animation-name: cartof-thermister;
}
@keyframes cartof-thermister {
	0% {
		left: 52%;
		top: 61%;
	}
	40% {
		left: 52%;
		top: 61%;
	}
	60% {
		left: 39%;
		top: 63%;
	}
	70% {
		left: 39%;
		top: 54%;
	}
	80% {
		left: 44%;
		top: 29%;
	}
	100% {
		left: 53%;
		top: 20%;
	}
}
 
#map_facility_cartof_thermister span {
	left: 75%;
	top: 19%;
}

.on #map_facility_cartof_thermister em,
.on #map_facility_cartof_thermister strong {
	left: 53.7%;
	top: 20.8%;
}
.on #map_facility_cartof_thermister em {
	transform: rotate(1deg);
}
.on #map_facility_cartof_thermister em {
	width: 23%;
}
.on #map_facility_cartof_thermister strong {
	margin-left: -1.5%;
	margin-top: -1%;
	width: 3%;
	height: 3%;
	border-radius: 50%;
}

#map_facility_cartof_ceramic_package span {
	left: 75%;
	top: 73%;
}

.on #map_facility_cartof_ceramic_package em,
.on #map_facility_cartof_ceramic_package strong {
	left: 57%;
	top: 54%;
}
.on #map_facility_cartof_ceramic_package em {
	transform: rotate(32deg);
}
.on #map_facility_cartof_ceramic_package em {
	width: 24%;
}
.on #map_facility_cartof_ceramic_package strong {
	margin-left: -13%;
	margin-top: -9%;
	width: 26%;
	height: 31%;
	/* border-radius: 0%; */
	/* background: green; */
	transform: rotate(150deg) skewx(45deg) skewY(7deg);
	z-index: 10;
	border-radius: 41% 13%;
}


#map_facility_cartof_ceramic_submount span {
	left: 75%;
	top: 27%;
}

.on #map_facility_cartof_ceramic_submount em,
.on #map_facility_cartof_ceramic_submount strong {
	left: 55%;
	top: 27%;
}
.on #map_facility_cartof_ceramic_submount em {
	transform: rotate(364deg);
}
.on #map_facility_cartof_ceramic_submount em {
	width: 22%;
}
.on #map_facility_cartof_ceramic_submount strong {
	margin-left: -3%;
	margin-top: -2%;
	width: 8%;
	height: 6%;
	border-radius: 0%;
	transform: rotate(156deg) skewX(49deg);
	z-index: 10;
}

#map_facility_cartof_fac span {
	left: 12%;
	top: 79%;
}

.on #map_facility_cartof_fac em,
.on #map_facility_cartof_fac strong {
	left: 30%;
	top: 67%;
}
.on #map_facility_cartof_fac em {
	transform: rotate(149deg);
}
.on #map_facility_cartof_fac em {
	width: 19%;
}
.on #map_facility_cartof_fac strong {
	margin-left: -6%;
	margin-top: -3%;
	width: 10%;
	height: 8%;
	border-radius: 0%;
	transform: rotate(0deg) skewY(18deg);
}


#map_facility_cartof_tec span {
	left: 75%;
	top: 35%;
}

.on #map_facility_cartof_tec em,
.on #map_facility_cartof_tec strong {
	left: 54%;
	top: 38%;
}
.on #map_facility_cartof_tec em {
	transform: rotate(359deg);
}
.on #map_facility_cartof_tec em {
	width: 22%;
}
.on #map_facility_cartof_tec strong {
	margin-left: -5.5%;
	margin-top: -4.5%;
	width: 16.5%;
	height: 12.5%;
	border-radius: 0%;
	z-index: 10;
	transform: rotate(156deg) skewX(45deg);
	border-radius: 35% 24% 29% 16%;
}
#map_facility_cartof_fpc span {
	left: 75%;
	top: 43%;
}

.on #map_facility_cartof_fpc em,
.on #map_facility_cartof_fpc strong {
	left: 55%;
	top: 49%;
}
.on #map_facility_cartof_fpc em {
	transform: rotate(353deg);
}
.on #map_facility_cartof_fpc em {
	width: 22%;
}
.on #map_facility_cartof_fpc strong {
	margin-left: -11%;
	margin-top: -3%;
	width: 20%;
	height: 9%;
	border-radius: 0%;
	transform: rotate(156deg) skewX(49deg);
	z-index: 10;
	border-radius: 89% 27% 69% 35%;
}
#map_facility_cartof_mems span {
	right: 83%;
	top: 63%;
}
.on #map_facility_cartof_mems em,
.on #map_facility_cartof_mems strong {
	left: 14%;
	top: 42.5%;
}
.on #map_facility_cartof_mems em {
	transform: rotate(103deg);
}
.on #map_facility_cartof_mems em {
	width: 15%;
}
.on #map_facility_cartof_mems strong {
	margin-left: -7%;
	margin-top: -9%;
	width: 22%;
	height: 29%;
	z-index: 10;
	border-radius: 39% 187% 19% 103%;
}
#map_facility_cartof_optical_circulator span {
	left: 36%;
	top: 79%;
}

.on #map_facility_cartof_optical_circulator em,
.on #map_facility_cartof_optical_circulator strong {
	left: 41%;
	top: 64%;
}
.on #map_facility_cartof_optical_circulator em {
	transform: rotate(77deg);
}
.on #map_facility_cartof_optical_circulator em {
	width: 10%;
}
.on #map_facility_cartof_optical_circulator strong {
	margin-left: -4%;
	margin-top: -3%;
	width: 9%;
	height: 9%;
	z-index: 10;
	border-radius: 50%;
}

#map_facility_cartof_collimate_lens span {
	left: 5%;
	top: 17%;
}

.on #map_facility_cartof_collimate_lens em,
.on #map_facility_cartof_collimate_lens strong {
	left: 32%;
	top: 30%;
}
.on #map_facility_cartof_collimate_lens em {
	transform: rotate(196deg);
}
.on #map_facility_cartof_collimate_lens em {
	width: 22%;
}
.on #map_facility_cartof_collimate_lens strong {
	margin-left: -3%;
	margin-top: -3%;
	width: 7%;
	height: 8%;
	z-index: 10;
	border-radius: 50%;
}

#map_facility_cartof_optical_filter span {
	left: 15%;
	top: 11%;
}

.on #map_facility_cartof_optical_filter em,
.on #map_facility_cartof_optical_filter strong {
	left: 42%;
	top: 24%;
}
.on #map_facility_cartof_optical_filter em {
	transform: rotate(196deg);
}
.on #map_facility_cartof_optical_filter em {
	width: 22%;
}
.on #map_facility_cartof_optical_filter strong {
	margin-left: -3%;
	margin-top: -2%;
	width: 6%;
	height: 7%;
	z-index: 10;
	border-radius: 50%;
}

#map_facility_cartof_optical_isolator span {
	left: 62%;
	top: 4%;
}

.on #map_facility_cartof_optical_isolator em,
.on #map_facility_cartof_optical_isolator strong {
	left: 55%;
	top: 17%;
}
.on #map_facility_cartof_optical_isolator em {
	transform: rotate(321deg);
}
.on #map_facility_cartof_optical_isolator em {
	width: 9%;
}
.on #map_facility_cartof_optical_isolator strong {
	margin-left: -4%;
	margin-top: -4%;
	width: 7%;
	height: 10%;
	z-index: 10;
	border-radius: 50%;
}
#map_facility_cartof_mpd span {
	left: 75%;
	top: 11%;
}

.on #map_facility_cartof_mpd em,
.on #map_facility_cartof_mpd strong {
	left: 61%;
	top: 17%;
}
.on #map_facility_cartof_mpd em {
	transform: rotate(350deg);
}
.on #map_facility_cartof_mpd em {
	width: 14%;
}
.on #map_facility_cartof_mpd strong {
	margin-left: -2%;
	margin-top: -1%;
	width: 3%;
	height: 3%;
	z-index: 10;
	border-radius: 50%;
}

#map_facility_cartof_pd_array span {
	left: 32%;
	top: 41%;
}

.on #map_facility_cartof_pd_array em,
.on #map_facility_cartof_pd_array strong {
	left: 46.5%;
	top: 47.5%;
}
.on #map_facility_cartof_pd_array em {
	transform: rotate(204deg);
}
.on #map_facility_cartof_pd_array em {
	width: 10%;
}
.on #map_facility_cartof_pd_array strong {
	margin-left: -1.5%;
	margin-top: -1%;
	width: 3%;
	height: 3%;
	z-index: 10;
	border-radius: 50%;
}
#map_facility_cartof.on em {
	transition-delay: 1500ms;
}

#map_facility_cartof p > *,
#map_facility_cartof span > * {
	z-index: 2;
}
#map_facility_cartof p > span,
#map_facility_cartof span > span {
	z-index: 3;
}


/* ========== /facility LiDAR Car ToF ========== */



/* ========== facility LiDAR Drone ========== */
#map_facility > li#map_facility_lidardrone > img[src*="/drone/"] {
	animation: 2000ms ease-out;
	left: 20%;
    width: 62%;
    height: auto;
    transform: scale(1);
}
#map_facility > li#map_facility_lidardrone.on > img[src*="/drone/drone.png"] {
	left: 0%;
	top: -30%;
	z-index: 0;
	width: 100%;
	opacity: 0.3;
	animation-name: drone-drone;
}
@keyframes drone-drone {
	0%,15% {
		top: -15%;
	}
	40% {
		top: -30%;
	}
	0%,40% {
		z-index: 1;
	}
	40.1% {
		z-index: 0;
	}
	0%,80% {
		opacity: 1;
	}
	100% {
		opacity: 0.3;
	}
}
#map_facility > li#map_facility_lidardrone.on > img[src*="/drone/base.png"],
#map_facility > li#map_facility_lidardrone.on > img[src*="/drone/pdm.png"] {
    top: 55%;
	animation-name: drone-lidar-base;
}
@keyframes drone-lidar-base {
	0%,15% {
		top: 43%;
	}
	40% {
		top: 55%;
	}
	0%,40% {
		transform: scale(0.4);
	}
	70% {
		transform: scale(1);
	}
}
#map_facility > li#map_facility_lidardrone.on > img[src*="/drone/ld.png"] {
    top: 25%;
	animation-name: drone-lidar-ld;
}
@keyframes drone-lidar-ld {
	0%,15% {
		top: 43%;
		transform: scale(0.4);
	}
	40%,70% {
		top: 55%;
	}
	100% {
		top: 25%;
	}
	0%,40% {
		transform: scale(0.4);
	}
	70% {
		transform: scale(1);
	}
}
#map_facility > li#map_facility_lidardrone.on > img[src*="/drone/mems.png"] {
    top: 14%;
	animation-name: drone-lidar-mems;
}
@keyframes drone-lidar-mems {
	0%,15% {
		top: 43%;
		transform: scale(0.4);
	}
	40%,70% {
		top: 55%;
	}
	100% {
		top: 14%;
	}
	0%,40% {
		transform: scale(0.4);
	}
	70% {
		transform: scale(1);
	}
}
#map_facility > li#map_facility_lidardrone.on > img[src*="/drone/pd.png"] {
    top: 25%;
	animation-name: drone-lidar-pd;
}
@keyframes drone-lidar-pd {
	0%,15% {
		top: 43%;
		transform: scale(0.4);
	}
	40%,70% {
		top: 55%;
	}
	100% {
		top: 25%;
	}
	0%,40% {
		transform: scale(0.4);
	}
	70% {
		transform: scale(1);
	}
}


#map_facility_lidardrone.on em {
	transition-delay: 2000ms;
}

#map_facility_lidardrone_ld span {
	left: 70%;
	top: 55%;
}
.on #map_facility_lidardrone_ld em,
.on #map_facility_lidardrone_ld strong {
	left: 63%;
	top: 44%;
}
.on #map_facility_lidardrone_ld em {
	transform: rotate(45deg);
}
.on #map_facility_lidardrone_ld em {
	width: 10%;
}
.on #map_facility_lidardrone_ld strong {
	margin-left: -7.5%;
	margin-top: -7%;
	width: 15%;
	height: 22%;
	border-radius: 50%;
}

#map_facility_lidardrone_pd span {
	right: 62%;
	top: 57%;
}
.on #map_facility_lidardrone_pd em,
.on #map_facility_lidardrone_pd strong {
	left: 45%;
	top: 46%;
}
.on #map_facility_lidardrone_pd em {
	transform: rotate(135deg);
}
.on #map_facility_lidardrone_pd em {
	width: 10%;
}
.on #map_facility_lidardrone_pd strong {
	margin-left: -7.5%;
	margin-top: -7%;
	width: 15%;
	height: 22%;
	border-radius: 50%;
}

#map_facility_lidardrone_mems span {
	right: 62%;
	top: 22%;
}
.on #map_facility_lidardrone_mems em,
.on #map_facility_lidardrone_mems strong {
	left: 52%;
	top: 24.5%;
}
.on #map_facility_lidardrone_mems em {
	transform: rotate(180deg);
}
.on #map_facility_lidardrone_mems em {
	width: 14%;
}
.on #map_facility_lidardrone_mems strong {
	margin-left: -4%;
	margin-top: -4%;
	width: 8%;
	height: 12%;
	border-radius: 50%;
}
/* ========== /facility LiDAR Drone ========== */



/* ========== facility 5G ========== */
#map_facility > li > img[src*="5g/antena"] {
	left: 20%;
	height: 100%;
	top: auto;
	bottom: 0%;
	width: auto!important;
}
#map_facility > li.on > img[src*="5g/antena"] {
	opacity: 0.3;
	animation: antena-5g 2000ms ease-out;
}
@keyframes antena-5g {
	0% {
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	100% {
		opacity: 0.3;
	}
}
#map_facility > li > img[src*="5g/olt"] {
	left: 20%;
	top: 0%;
	height: 100%;
	width: auto!important;
	transform-origin: 29.1% 39.5%;
	transform: scale(0.18) rotate(7deg);
}
#map_facility > li.on > img[src*="5g/olt"] {
	transform: scale(1) rotate(0deg);
	opacity: 0.3;
	animation: olt-5g 2000ms ease-out;
}
@keyframes olt-5g {
	0% {
		transform: scale(0.18) rotate(7deg);
		opacity: 1;
	}
	25% {
		transform: scale(0.18) rotate(7deg);
	}
	50% {
		transform: scale(1) rotate(0deg);
	}
	75% {
		opacity: 1;
	}
	100% {
		opacity: 0.3;
	}
}

#map_facility > li > img[src*="5g/cover"] {
	left: 15%;
	height: 100%;
	width: auto!important;
	transform: scale(0);
	transform-origin: 65% 75%;
}
#map_facility > li.on > img[src*="5g/cover"] {
	transform: scale(0.8);
	top: -27%;
	animation: cover-5g 2500ms linear;
}
@keyframes cover-5g {
	0% {
		transform: scale(0);
		top: 0%;
	}
	40% {
		transform: scale(0);
	}
	55% {
		transform: scale(0.8);
	}
	60% {
		top: 0%;
	}
	70% {
		top: -27%;
	}
	100% {
	}
}
#map_facility > li > img[src*="5g/main"] {
	left: 15%;
	top: 0%;
	height: 100%!important;
	width: auto!important;
	transform: scale(0);
	transform-origin: 65% 75%;
}
#map_facility > li.on > img[src*="5g/main"] {
	transform: scale(0.8);
	animation: main-5g 2500ms linear;
}
@keyframes main-5g {
	0% {
		transform: scale(0);
	}
	40% {
		transform: scale(0);
	}
	55% {
		transform: scale(0.8);
	}
	100% {
		transform: scale(0.8);
	}
}
#map_facility_5g.on em {
	transition-delay: 1800ms;
}

#map_facility_5g_tosa span {
	left: 28%;
	top: 39%;
}
.on #map_facility_5g_tosa em,
.on #map_facility_5g_tosa strong {
	left: 51%;
	top: 55%;
}
.on #map_facility_5g_tosa em {
	transform: rotate(204deg);
}
.on #map_facility_5g_tosa em {
	width: 19%;
}
.on #map_facility_5g_tosa strong {
	margin-left: -7%;
	margin-top: -3.2%;
	width: 20%;
	height: 14%;
	transform: rotate(-17deg) skewX(20deg);
}

#map_facility_5g_torosa span {
	left: 67%;
	top: 75%;
}
.on #map_facility_5g_torosa em,
.on #map_facility_5g_torosa strong {
	left: 54%;
	top: 67%;
}
.on #map_facility_5g_torosa em {
	transform: rotate(22deg);
}
.on #map_facility_5g_torosa em {
	width: 14%;
}
.on #map_facility_5g_torosa strong {
	margin-left: -5%;
	margin-top: -5.5%;
	width: 20%;
	height: 11%;
	transform: rotate(-17deg) skewX(10deg);
}
/* ========== /facility 5G ========== */


/* ========== facility server ========== */
#map_facility > li > img[src*="server/main"] {
	left: 0%;
	top: 0%;
	width: 100%;
	opacity: 1;
}
#map_facility > li.on > img[src*="server/main."] {
	opacity: 0.4;
	animation: server-main 1000ms linear;
}
@keyframes server-main {
	0% {
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	100% {
		opacity: 0.4;
	}
}
#map_facility > li.on > img[src*="server/main-mask"] {
	opacity: 0;
	animation: server-main-mask 1000ms linear;
}
@keyframes server-main-mask {
	0% {
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	76% {
		opacity: 0;
	}
}

#map_facility > li > img[src*="server/rack"],
#map_facility > li > img[src*="server/itla"],
#map_facility > li > img[src*="server/edfa"] {
	left: 14.5%;
	top: 2.3%;
	width: 68%;
}
#map_facility > li.on > img[src*="server/rack."] {
	left: -10%;
	top: -20%;
	width: 130%;
	animation: server-rack 1000ms linear;
}
@keyframes server-rack {
	0% {
		left: 14.5%;
		top: 2.3%;
		width: 68%;
	}
	25% {
		left: 14.5%;
		top: 2.3%;
	}
	50% {
		left: 21.1%;
		top: 17.3%;
	}
	75% {
		left: 21.1%;
		top: 17.3%;
		width: 68%;
	}
	100% {
		left: -10%;
		top: -20%;
		width: 130%;
	}
}
#map_facility > li.on > img[src*="server/rack-mask"] {
	left: -10%;
	top: -20%;
	width: 130%;
	opacity: 0;
	animation: server-rack-mask 2500ms linear;
}
@keyframes server-rack-mask {
	0% {
		left: 14.5%;
		top: 2.3%;
		width: 68%;
		opacity: 1;
	}
	10% {
		left: 14.5%;
		top: 2.3%;
	}
	20% {
		left: 21.1%;
		top: 17.3%;
	}
	30% {
		left: 21.1%;
		top: 17.3%;
		width: 68%;
	}
	40% {
		left: -10%;
		top: -20%;
		width: 130%;
	}
	59% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	100% {
	}
}
#map_facility > li.on > img[src*="server/edfa"] {
	left: -8%;
	top: -6%;
	width: 70%;
	animation: server-rack2 2500ms linear;
}
@keyframes server-rack2 {
	0% {
		left: 27.7%;
		top: 29%;
		width: 23%;
	}
	10% {
		left: 27.7%;
		top: 29%;
	}
	20% {
		left: 34.2%;
		top: 44%;
	}
	30% {
		left: 34.2%;
		top: 44%;
		width: 23%;
	}
	40% {
		left: 15.1%;
		top: 31.2%;
		width: 44%;
	}
	50% {
		left: 15.1%;
		top: 31.2%;
		width: 44%;
	}
	60% {
		left: -8%;
		top: -6%;
		width: 70%;
	}
	100% {
	}
}
#map_facility > li.on > img[src*="server/itla."] {
	left: 36%;
	top: -22%;
	width: 107%;
	animation: server-rack3 2500ms linear;
}
@keyframes server-rack3 {
	0% {
		left: 40.9%;
		top: 34.9%;
		width: 15%;
	}
	10% {
		left: 40.9%;
		top: 34.9%;
	}
	20% {
		left: 47.4%;
		top: 49.9%;
	}
	30% {
		left: 47.4%;
		top: 49.9%;
		width: 15%;
	}
	40% {
		left: 40.3%;
		top: 42.4%;
		width: 29%;
	}
	50% {
		left: 40.3%;
		top: 42.4%;
		width: 29%;
	}
	60% {
		left: 36%;
		top: -22%;
		width: 107%;
	}
	100% {
	}
}
#map_facility > li.on > img[src*="server/itla2"] {
	left: -10%;
	top: -20%;
	width: 130%;
	animation: server-rack3-2 1000ms linear;
}
@keyframes server-rack3-2 {
	0% {
		left: 14.5%;
		top: 2.3%;
		width: 68%;
	}
	25% {
		left: 14.5%;
		top: 2.3%;
	}
	50% {
		left: 21.1%;
		top: 17.3%;
	}
	75% {
		left: 21.1%;
		top: 17.3%;
		width: 68%;
	}
	100% {
		left: -10%;
		top: -20%;
		width: 130%;
	}
}
#map_facility > li > img[src*="server/ts"] {
	left: 36.5%;
	top: 37.5%;
	width: 17.5%;
}
#map_facility > li.on > img[src*="server/ts"] {
	left: 14.1%;
	top: 29.8%;
	width: 80%;
	animation: server-rack4 2500ms linear;
}
@keyframes server-rack4 {
	0% {
		left: 36.5%;
		top: 37.5%;
		width: 17.5%;
	}
	10% {
		left: 36.5%;
		top: 37.5%;
	}
	20% {
		left: 43.1%;
		top: 52.6%;
	}
	30% {
		left: 43.1%;
		top: 52.6%;
		width: 17.5%;
	}
	40% {
		left: 32.3%;
		top: 47.6%;
		width: 33%;
	}
	50% {
		left: 32.3%;
		top: 47.6%;
	}
	60% {
		left: 35.3%;
		top: 55.6%;
		width: 33%;	
	}
	70% {
		left: 14.1%;
		top: 29.8%;
		width: 80%;
	}
	100% {
	}
}
#map_facility > li > img[src*="server/cover"] {
	left: 36.5%;
	top: 37.5%;
	width: 17.5%;
}
#map_facility > li.on > img[src*="server/cover"] {
	left: 14.1%;
	top: 15%;
	width: 80%;
	animation: server-rack5 2500ms linear;
}
@keyframes server-rack5 {
	0% {
		left: 36.5%;
		top: 37.5%;
		width: 17.5%;
	}
	10% {
		left: 36.5%;
		top: 37.5%;
	}
	20% {
		left: 43.1%;
		top: 52.6%;
	}
	30% {
		left: 43.1%;
		top: 52.6%;
		width: 17.5%;
	}
	40% {
		left: 32.3%;
		top: 47.6%;
		width: 33%;
	}
	50% {
		left: 32.3%;
		top: 47.6%;
	}
	60% {
		left: 35.3%;
		top: 55.6%;
		width: 33%;	
	}
	70% {
		left: 14.1%;
		top: 15%;
		width: 80%;
	}
	100% {
	}
}

#map_facility_server.on em {
	transition-delay: 1800ms;
}

#map_facility_server_itla span {
	left: 69%;
	top: 16%;
}
#map_facility_server_itla em,
#map_facility_server_itla strong {
	left: 52%;
	top: 27.9%;
}
#map_facility_server_itla em {
	transform: rotate(-16deg);
}
.on #map_facility_server_itla em {
	width: 18%;
}
#map_facility_server_itla strong {
	width: 24%;
	height: 16%;
	margin-left: -11.8%;
	margin-top: -5.5%;
	border-radius: 50%;
	transform: rotate(-14deg);
}

#map_facility_server_edfa980nm span {
	right: 82%;
	top: 55%;
}
#map_facility_server_edfa980nm em,
#map_facility_server_edfa980nm strong {
	left: 20%;
	top: 45%;
}
#map_facility_server_edfa980nm em {
	transform: rotate(126deg);
}
.on #map_facility_server_edfa980nm em {
	width: 8%;
}
#map_facility_server_edfa980nm strong {
	width: 20%;
	height: 34%;
	margin-left: -6%;
	margin-top: -17%;
	border-radius: 20% / 10%;
	transform: rotate(-29deg) skew(7deg, 15deg);
}

#map_facility_server_ts span {
	left: 65%;
	bottom: 12%;
}
#map_facility_server_ts em,
#map_facility_server_ts strong {
	left: 56%;
	top: 85.2%;
}
#map_facility_server_ts em {
	transform: rotate(0deg);
}
.on #map_facility_server_ts em {
	width: 9%;
}
#map_facility_server_ts strong {
	width: 11%;
	height: 24%;
	margin-left: -6.3%;
	margin-top: -6.7%;
	border-radius: 50%;
	transform: rotate(-38deg);
}
/* ========== /facility server ========== */


/* ========== facility sub ========== */
#map_facility > li > img[src*="sub/main"] {
	left: 0%;
	top: 0%;
	width: 100%;
	opacity: 1;
}
#map_facility > li.on > img[src*="sub/main."] {
	opacity: 0.4;
	animation: sub-main 1000ms linear;
}
@keyframes sub-main {
	0% {
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	100% {
		opacity: 0.4;
	}
}
#map_facility > li.on > img[src*="sub/main-mask"] {
	opacity: 0;
	animation: sub-main-mask 1000ms linear;
}
@keyframes sub-main-mask {
	0% {
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	76% {
		opacity: 0;
	}
}

#map_facility > li.on > img[src*="sub/rack."] {
	left: 21%;
	top: 20%;
	width: 60%;
	animation: sub-rack 1000ms linear;
}
@keyframes sub-rack {
	0% {
		left: 34.1%;
		top: 29%;
		width: 29.2%;
	}
	25% {
		left: 34.1%;
		top: 29%;
	}
	50% {
		left: 39.1%;
		top: 42%;
	}
	75% {
		left: 39.1%;
		top: 42%;
		width: 29.2%;
	}
	100% {
		left: 21%;
		top: 20%;
		width: 60%;
	}
}
#map_facility > li.on > img[src*="sub/rack-mask"] {
	left: 21%;
	top: 20%;
	width: 60%;
	opacity: 0;
	animation: sub-rack-mask 2500ms linear;
}
@keyframes sub-rack-mask {
	0% {
		left: 34.1%;
		top: 29%;
		width: 29.2%;
		opacity: 1;
	}
	10% {
		left: 34.1%;
		top: 29%;
	}
	20% {
		left: 39.1%;
		top: 42%;
	}
	30% {
		left: 39.1%;
		top: 42%;
		width: 29.2%;
	}
	40% {
		left: 21%;
		top: 20%;
		width: 60%;
	}
	59% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	100% {
	}
}
#map_facility > li.on > img[src*="sub/itla"] {
	left: 26.8%;
	top: -27.3%;
	width: 70%;
	animation: sub-itla 2500ms linear;
}
@keyframes sub-itla {
	0% {
		left: 41.3%;
		top: 35.7%;
		width: 9.8%;
	}
	10% {
		left: 40.9%;
		top: 34.9%;
	}
	20% {
		left: 46.3%;
		top: 48.7%;
	}
	30% {
		left: 46.3%;
		top: 48.7%;
		width: 9.8%;
	}
	40% {
		left: 35.8%;
		top: 33.7%;
		width: 20%;
	}
	50% {
		left: 35.8%;
		top: 33.7%;
		width: 20%;
	}
	60% {
		left: 26.8%;
		top: -27.3%;
		width: 70%;
	}
	100% {
	}
}
#map_facility > li.on > img[src*="sub/edfa"] {
	left: -2.5%;
	top: -1%;
	width: 50%;
	animation: sub-edfa 2500ms linear;
}
@keyframes sub-edfa {
	0% {
		left: 32.5%;
		top: 33.5%;
		width: 15%;
	}
	10% {
		left: 32.5%;
		top: 33.5%;
	}
	20% {
		left: 37.5%;
		top: 45.5%;
	}
	30% {
		left: 37.5%;
		top: 45.5%;
		width: 15%;
	}
	40% {
		left: 17.5%;
		top: 28%;
		width: 31%;
	}
	50% {
		left: 17.5%;
		top: 28%;
		width: 31%;
	}
	60% {
		left: -2.5%;
		top: -1%;
		width: 50%;
	}
	100% {
	}
}
#map_facility > li.on > img[src*="sub/cfp4."] {
	left: 25.6%;
	top: 39.2%;
	width: 50%;
	animation: sub-cfp4 2500ms linear;
}
@keyframes sub-cfp4 {
	0% {
		left: 40.3%;
		top: 40%;
		width: 13%;
	}
	10% {
		left: 40.3%;
		top: 40%;
	}
	20% {
		left: 45.2%;
		top: 53%;
	}
	30% {
		left: 45.2%;
		top: 53%;
		width: 13%;
	}
	40% {
		left: 32.9%;
		top: 42.2%;
		width: 27.5%;
	}
	50% {
		left: 32.9%;
		top: 42.2%;
	}
	60% {
		left: 37.6%;
		top: 56.2%;
		width: 27.5%;
	}
	70% {
		left: 25.6%;
		top: 39.2%;
		width: 50%;
	}
	100% {
	}
}
#map_facility > li.on > img[src*="sub/cfp4-"] {
		left: 25.6%;
		top: 26%;
		width: 50%;
	animation: sub-cfp4-cover 2500ms linear;
}
@keyframes sub-cfp4-cover {
	0% {
		left: 40.3%;
		top: 40%;
		width: 13%;
	}
	10% {
		left: 40.3%;
		top: 40%;
	}
	20% {
		left: 45.2%;
		top: 53%;
	}
	30% {
		left: 45.2%;
		top: 53%;
		width: 13%;
	}
	40% {
		left: 32.9%;
		top: 42.2%;
		width: 27.5%;
	}
	50% {
		left: 32.9%;
		top: 42.2%;
	}
	60% {
		left: 37.6%;
		top: 56.2%;
		width: 27.5%;
	}
	70% {
		left: 25.6%;
		top: 26%;
		width: 50%;
	}
	100% {
	}
}
#map_facility > li.on > img[src*="sub/cfp2."] {
	width: 58%;
	left: 20.4%;
	top: 40.3%;
	animation: sub-cfp2 2500ms linear;
}
@keyframes sub-cfp2 {
	0% {
		left: 36%;
		top: 39.1%;
		width: 15.1%;
	}
	10% {
		left: 36%;
		top: 39.1%;
	}
	20% {
		left: 41%;
		top: 52.2%;
	}
	30% {
		left: 41%;
		top: 52.2%;
		width: 15.1%;
	}
	40% {
		left: 24.8%;
		top: 40.4%;
		width: 31.5%;
	}
	50% {
		left: 24.8%;
		top: 40.4%;
	}
	60% {
		left: 28.5%;
		top: 57.3%;
		width: 31.5%;
	}
	70% {
		width: 58%;
		left: 20.4%;
		top: 40.3%;
	}
	100% {
	}
}
#map_facility > li.on > img[src*="sub/cfp2-"] {
	left: 20.4%;
	top: 25%;
	width: 58%;
	animation: sub-cfp2-cover 2500ms linear;
}
@keyframes sub-cfp2-cover {
	0% {
		left: 36%;
		top: 39.1%;
		width: 15.1%;
	}
	10% {
		left: 36%;
		top: 39.1%;
	}
	20% {
		left: 41%;
		top: 52.2%;
	}
	30% {
		left: 41%;
		top: 52.2%;
		width: 15.1%;
	}
	40% {
		left: 24.8%;
		top: 40.4%;
		width: 31.5%;
	}
	50% {
		left: 24.8%;
		top: 40.4%;
	}
	60% {
		left: 28.5%;
		top: 57.3%;
		width: 31.5%;
	}
	70% {
		left: 20.4%;
		top: 25%;
		width: 58%;
	}
	100% {
	}
}

#map_facility_sub.on em {
	transition-delay: 1800ms;
}

#map_facility_sub_itla span {
	right: 14%;
	top: 13%;
}
#map_facility_sub_itla em,
#map_facility_sub_itla strong {
	left: 52%;
	top: 25.9%;
}
#map_facility_sub_itla em {
	transform: rotate(-15deg);
}
.on #map_facility_sub_itla em {
	width: 26%;
}
#map_facility_sub_itla strong {
	width: 24%;
	height: 16%;
	margin-left: -11.8%;
	margin-top: -5.5%;
	border-radius: 50%;
	transform: rotate(-14deg);
}

#map_facility_sub_edfa980nm span {
	right: 84%;
	top: 47.3%;
}
#map_facility_sub_edfa980nm em,
#map_facility_sub_edfa980nm strong {
	left: 20%;
	top: 41%;
}
#map_facility_sub_edfa980nm em {
	transform: rotate(135deg);
}
.on #map_facility_sub_edfa980nm em {
	width: 7%;
}
#map_facility_sub_edfa980nm strong {
	width: 19%;
	height: 27%;
	margin-left: -6.2%;
	margin-top: -15%;
	border-radius: 20% 20% 10% 10%/90% 90% 10% 10%;
	transform: rotate(-15deg) skew(9deg, 5deg);
}

#map_facility_sub_cfp2 span {
	left: 58%;
	bottom: 2%;
}
#map_facility_sub_cfp2 em,
#map_facility_sub_cfp2 strong {
	left: 44.4%;
	top: 83%;
}
#map_facility_sub_cfp2 em {
	transform: rotate(26deg);
}
.on #map_facility_sub_cfp2 em {
	width: 16%;
}
#map_facility_sub_cfp2 strong {
	width: 13%;
	height: 33%;
	margin-left: -10.8%;
	margin-top: -10.2%;
	border-radius: 10%;
	transform: rotate(-18deg);
}

#map_facility_sub_cfp4 span {
	left: 62%;
	top: 72%;
}
#map_facility_sub_cfp4 em,
#map_facility_sub_cfp4 strong {
	left: 52.3%;
	top: 74%;
}
#map_facility_sub_cfp4 em {
	transform: rotate(0deg);
}
.on #map_facility_sub_cfp4 em {
	width: 10%;
}
#map_facility_sub_cfp4 strong {
	width: 11%;
	height: 24%;
	margin-left: -6%;
	margin-top: -6.3%;
	border-radius: 50%;
	transform: rotate(-38deg);
}
/* ========== /facility sub ========== */


/* ========== facility dc ========== */
#map_facility > li > img[src*="dc/main"] {
	left: 0%;
	top: 0%;
	width: 100%;
	opacity: 1;
}
#map_facility > li.on > img[src*="dc/main."] {
	opacity: 0.2;
	animation: dc-main 1000ms linear;
}
@keyframes dc-main {
	0% {
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	100% {
		opacity: 0.2;
	}
}
#map_facility > li.on > img[src*="dc/main-mask"] {
	opacity: 0;
	animation: dc-main-mask 1000ms linear;
}
@keyframes dc-main-mask {
	0% {
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	76% {
		opacity: 0;
	}
}

#map_facility > li.on > img[src*="dc/rack"] {
	left: 0%;
	top: -40%;
	width: 103.4%;
	animation: dc-rack 2500ms linear;
}
@keyframes dc-rack {
	0% {
		left: -14.2%;
		top: -29.5%;
		width: 103.4%;
	}
	10% {
		left: -14.2%;
		top: -29.5%;
	}
	20% {
		left: 6.8%;
		top: -3.5%;
	}
	30% {
		left: 6.8%;
		top: -3.5%;
	}
	40% {
		left: 0%;
		top: -40%;
	}
	100% {
	}
}
#map_facility > li.on > img[src*="dc/ts"] {
	left: 48.9%;
	top: 8%;
	width: 43.7%;
	animation: dc-ts 2500ms linear;
}
@keyframes dc-ts {
	0% {
		left: 27.8%;
		top: 11.6%;
	}
	10% {
		left: 27.8%;
		top: 11.6%;
	}
	20% {
		left: 48.8%;
		top: 37.6%;
	}
	30% {
		left: 48.8%;
		top: 37.6%;
	}
	40% {
		left: 41.9%;
		top: 1.1%;
	}
	50% {
		left: 41.9%;
		top: 1.1%;
	}
	60% {
		left: 48.9%;
		top: 8%;
	}
}

#map_facility > li.on > img[src*="dc/qsfp"] {
	top: 10%;
	width: 100%;
	transform: scale(1);
	animation: dc-qsfp 2500ms linear;
}
#map_facility > li.on > img[src*="dc/qsfp1"] {
	left: -25%;
	transform-origin: 95.5% 19%;
}
#map_facility > li.on > img[src*="dc/qsfp2"] {
	left: 25%;
	transform-origin: 45% 19%;
}
@keyframes dc-qsfp {
	0% {
		transform: scale(0)
	}
	60% {
		transform: scale(0)
	}
	70% {
		transform: scale(1)
	}
}
#map_facility > li.on > img[src*="dc/qsfp1-top"],
#map_facility > li.on > img[src*="dc/qsfp2-top"] {
	top: -10%;
	animation: dc-qsfp-top 2500ms linear;
}
@keyframes dc-qsfp-top {
	0% {
		top: 10%;
		transform: scale(0)
	}
	60% {
		transform: scale(0)
	}
	70% {
		top: 10%;
		transform: scale(1)
	}
	80% {
		top: -10%;
	}
}

#map_facility_dc.on em {
	transition-delay: 2000ms;
}

#map_facility_dc_tosa span {
	left: 2%;
	bottom: 51%;
}
#map_facility_dc_tosa em,
#map_facility_dc_tosa strong {
	left: 19%;
	top: 73%;
}
#map_facility_dc_tosa em {
	transform: rotate(-132deg);
}
.on #map_facility_dc_tosa em {
	width: 21%;
}
#map_facility_dc_tosa strong {
	width: 12%;
	height: 6%;
	margin-left: -5.6%;
	margin-top: -1.3%;
	border-radius: 30%;
	transform: rotate(-26deg);
}

#map_facility_dc_nhrosa span {
	right: 45%;
	top: 86%;
}
#map_facility_dc_nhrosa em:nth-of-type(1),
#map_facility_dc_nhrosa strong:nth-of-type(1) {
	left: 20%;
	top: 77%;
}
#map_facility_dc_nhrosa em:nth-of-type(1) {
	transform: rotate(22deg);
}
.on #map_facility_dc_nhrosa em:nth-of-type(1) {
	width: 20%;
}
#map_facility_dc_nhrosa strong:nth-of-type(1) {
	width: 17%;
	height: 7%;
	margin-left: -4.5%;
	margin-top: -3.2%;
	border-radius: 10%;
	transform: rotate(-26deg);
}
#map_facility_dc_nhrosa em:nth-of-type(2),
#map_facility_dc_nhrosa strong:nth-of-type(2) {
	left: 70%;
	top: 77%;
}
#map_facility_dc_nhrosa em:nth-of-type(2) {
	transform: rotate(154deg);
}
.on #map_facility_dc_nhrosa em:nth-of-type(2) {
	width: 17%;
}
#map_facility_dc_nhrosa strong:nth-of-type(2) {
	width: 17%;
	height: 7%;
	margin-left: -4.5%;
	margin-top: -2.8%;
	border-radius: 10%;
	transform: rotate(-26deg);
}

#map_facility_dc_pictosa span {
	right: 2%;
	top: 86%;
}
#map_facility_dc_pictosa em,
#map_facility_dc_pictosa strong {
	left: 69.4%;
	top: 73%;
}
#map_facility_dc_pictosa em {
	transform: rotate(31deg);
}
.on #map_facility_dc_pictosa em {
	width: 17%;
}
#map_facility_dc_pictosa strong {
	width: 12%;
	height: 6%;
	margin-left: -5.8%;
	margin-top: -2.5%;
	border-radius: 30%;
	transform: rotate(-26deg);
}

#map_facility_dc_label_main span {
	right: 5%;
	top: 5%;
}
/* ========== /facility dc ========== */


/* ========== facility subrep ========== */
#map_facility > li#map_facility_subrep.on img,
#map_facility > li#map_facility_subrep.on #map_facility_subrep_unit {
	animation-duration: 4000ms;
	animation-timing-function: linear;
}
#map_facility > li.on > img[src*="subrep/main"] {
	left: 0%;
	top: 15%;
	width: 100%;
}
#map_facility > li.on > img[src*="subrep/main"],
#map_facility > li.on > #map_facility_subrep_unit {
	opacity: 0.3;
	animation-name: subrep-main;
}
@keyframes subrep-main {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	60% {
		opacity: 0.3;
	}
}
#map_facility > li.on > #map_facility_subrep_unit > img {
	left: 53%;
	width: 50%;
	transform: scale(1);
	transform-origin: -18% 95%;
}
#map_facility > li.on > #map_facility_subrep_unit > img[src*="subrep/box"] {
	top: 21%;
	animation-name: subrep-box;
}
@keyframes subrep-box {
	0% {
		transform: scale(0);
	}
	10% {
		transform: scale(0);
	}
	20% {
		transform: scale(1);
	}
}
#map_facility > li.on > #map_facility_subrep_unit > img[src*="subrep/top"] {
	top: -15%;
	animation-name: subrep-top;
}
@keyframes subrep-top {
	0% {
		transform: scale(0);
		top: 21%;
	}
	10% {
		transform: scale(0);
	}
	20% {
		transform: scale(1);
		top: 21%;
	}
	30% {
		top: -15%;
	}
}
#map_facility > li.on > #map_facility_subrep_unit > img[src*="subrep/edfa"] {
	top: 5%;
	animation-name: subrep-edfa;
}
@keyframes subrep-edfa {
	0% {
		transform: scale(0);
		top: 21%;
	}
	10% {
		transform: scale(0);
	}
	20% {
		transform: scale(1);
		top: 21%;
	}
	30% {
		top: 5%;
	}
}
#map_facility > li#map_facility_subrep.on > img[src*="980sff"] {
	left: 0%;
	top: 20%;
	height: 100%;
	transform: scale(1);
	transform-origin: 95% 48%;
}
#map_facility > li#map_facility_subrep.on > img[src*="package"] {
	top: 20%;
	animation-name: subrep-980sff-package;
}
@keyframes subrep-980sff-package {
	0% {
		top: 0%;
		transform: scale(0);
	}
	30% {
		transform: scale(0);
	}
	40% {
		top: 0%;
		transform: scale(1);
	}
	50% {
		top: 20%;
	}
}
#map_facility > li#map_facility_subrep.on > img[src*="tec"] {
	top: 9%;
	animation-name: subrep-980sff-tec;
}
@keyframes subrep-980sff-tec {
	0% {
		top: 0%;
		transform: scale(0);
	}
	30% {
		transform: scale(0);
	}
	40% {
		top: 0%;
		transform: scale(1);
	}
	50% {
		top: 9%;
	}
}
#map_facility > li#map_facility_subrep.on > img[src*="submount"] {
	top: -3%;
	animation-name: subrep-980sff-submount;
}
@keyframes subrep-980sff-submount {
	0% {
		top: 0%;
		transform: scale(0);
	}
	30% {
		transform: scale(0);
	}
	40% {
		top: 0%;
		transform: scale(1);
	}
	50% {
		top: -3%;
	}
}
#map_facility > li#map_facility_subrep.on > img[src*="thermistor"] {
	left: 1%;
	top: -7%;
	animation-name: subrep-980sff-thermistor;
}
@keyframes subrep-980sff-thermistor {
	0% {
		left: 0%;
		top: 0%;
		transform: scale(0);
	}
	30% {
		transform: scale(0);
	}
	40% {
		left: 0%;
		top: 0%;
		transform: scale(1);
	}
	50% {
		left: 1%;
		top: -7%;
	}
}
#map_facility > li#map_facility_subrep.on > img[src*="pd"] {
	top: -3%;
	animation-name: subrep-980sff-pd;
}
@keyframes subrep-980sff-pd {
	0% {
		top: 0%;
		transform: scale(0);
	}
	30% {
		transform: scale(0);
	}
	40% {
		top: 0%;
		transform: scale(1);
	}
	50% {
		top: -3%;
	}
}
#map_facility > li#map_facility_subrep.on > img[src*="kovar"] {
	top: -14%;
	animation-name: subrep-980sff-kovar;
}
@keyframes subrep-980sff-kovar {
	0% {
		top: 0%;
		transform: scale(0);
	}
	30% {
		transform: scale(0);
	}
	40% {
		top: 0%;
		transform: scale(1);
	}
	50% {
		top: -14%;
	}
}

#map_facility_subrep.on em {
	transition-delay: 2000ms;
}

#map_facility_subrep_top span {
	top: 22%;
	right: 75%;
}
#map_facility_subrep_top strong {
	left: 46.2%;
	top: 19.1%;
	width: 11.8%;
	height: 12.6%;
	transform: rotate(-31deg) skewX(20deg);
}
#map_facility_subrep_top em {
	left: 52.2%;
	top: 25.5%;
	transform: rotate(182deg);
}
.on #map_facility_subrep_top em {
	width: 28%;
}

#map_facility_subrep_tm span {
	top: 36%;
	right: 75%;
}
#map_facility_subrep_tm strong {
	left: 52.7%;
	top: 32.8%;
	width: 2.6%;
	height: 4%;
	border-radius: 50%;
}
#map_facility_subrep_tm em {
	left: 54%;
	top: 34.8%;
	transform: rotate(176deg);
}
.on #map_facility_subrep_tm em {
	width: 29%;
}

#map_facility_subrep_pd span {
	top: 49%;
	right: 75%;
}
#map_facility_subrep_pd strong {
	left: 51.4%;
	top: 37.5%;
	width: 1.2%;
	height: 1.7%;
	transform: rotate(-31deg) skewX(20deg);
}
#map_facility_subrep_pd em {
	left: 52.2%;
	top: 38.2%;
	transform: rotate(163deg);
}
.on #map_facility_subrep_pd em {
	width: 29%;
}

#map_facility_subrep_sm span {
	top: 62%;
	right: 75%;
}
#map_facility_subrep_sm strong {
	left: 50.8%;
	top: 38%;
	width: 2.5%;
	height: 3%;
	transform: rotate(-31deg) skewX(20deg);
}
#map_facility_subrep_sm em {
	left: 51.7%;
	top: 40.4%;
	transform: rotate(150deg);
}
.on #map_facility_subrep_sm em {
	width: 32%;
}

#map_facility_subrep_tec span {
	top: 75%;
	right: 75%;
}
#map_facility_subrep_tec strong {
	left: 48.3%;
	top: 48.3%;
	width: 7%;
	height: 8%;
	transform: rotate(-31deg) skewX(20deg);
}
#map_facility_subrep_tec em {
	left: 52.3%;
	top: 51.2%;
	transform: rotate(149deg);
}
.on #map_facility_subrep_tec em {
	width: 34%;
}
#map_facility_subrep_pac span {
	top: 88%;
	right: 75%;
}
#map_facility_subrep_pac strong {
	left: 38%;
	top: 55.5%;
	width: 25%;
	height: 18.4%;
	transform: rotate(-31deg) skewX(19deg);
}
#map_facility_subrep_pac em {
	left: 52%;
	top: 62.5%;
	transform: rotate(147deg);
}
.on #map_facility_subrep_pac em {
	width: 33%;
}

/* ========== /facility subrep ========== */


/* ========== facility onu ========== */
#map_facility > li#map_facility_onu.on img {
	animation-duration: 4000ms;
	animation-timing-function: linear;
}

#map_facility > li#map_facility_onu.on img[src*="onu/onu"] {
	left: 10%;
	top: 0%;
	height: 100%;
	opacity: 0.2;
	animation-name: onu-onu;
}
@keyframes onu-onu {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	50% {
		opacity: 0.2;
	}
}

#map_facility > li#map_facility_onu.on img[src*="onu/tri"] {
	left: 10%;
	top: 0%;
	height: 100%;
	opacity: 0.6;
	transform: scale(1);
	transform-origin: 69% 56%;
	animation-name: onu-tri;
}
@keyframes onu-tri {
	0% {
		transform: scale(0);
		opacity: 1;
	}
	10% {
		transform: scale(0);
	}
	20% {
		transform: scale(1);
	}
	40% {
		opacity: 1;
	}
	50% {
		opacity: 0.6;
	}
}

#map_facility > li#map_facility_onu.on img[src*="onu/bosa"] {
	left: 20%;
	height: 70%;
	transform: scale(1);
	transform-origin: 12% -40%;
	perspective: 1px;
}

#map_facility > li#map_facility_onu.on img[src*="onu/bosa-body"] {
	top: 15%;
	animation-name: onu-bosa-body;
}
@keyframes onu-bosa-body {
	0% {
		transform: scale(0);
		left: 58%;
		top: 67%;
		height: 32%;
	}
	10% {
		transform: scale(0);
	}
	20% {
		transform: scale(1);
		left: 58%;
		top: 67%;
		height: 32%;
	}
	30% {
		left: 20%;
		top: 15%;
		height: 70%;
	}
	40% {
		top: 15%;
	}
}

#map_facility > li#map_facility_onu.on img[src*="onu/bosa-rc"] {
	top: 0%;
	animation-name: onu-bosa-rc;
}
@keyframes onu-bosa-rc {
	0% {
		transform: scale(0);
		left: 58%;
		top: 67%;
		height: 32%;
	}
	10% {
		transform: scale(0);
	}
	20% {
		transform: scale(1);
		left: 58%;
		top: 67%;
		height: 32%;
	}
	30% {
		left: 20%;
		top: 15%;
		height: 70%;
	}
	40% {
		top: 0%;
	}
}

#map_facility > li#map_facility_onu.on img[src*="onu/bosa-totosa"] {
	top: 30%;
	animation-name: onu-bosa-totosa;
}
@keyframes onu-bosa-totosa {
	0% {
		transform: scale(0);
		left: 58%;
		top: 67%;
		height: 32%;
	}
	10% {
		transform: scale(0);
	}
	20% {
		transform: scale(1);
		left: 58%;
		top: 67%;
		height: 32%;
	}
	30% {
		left: 20%;
		top: 15%;
		height: 70%;
	}
	40% {
		top: 30%;
	}
}

#map_facility > li#map_facility_onu.on img[src*="onu/bosa-torosa"] {
	left: 33.6%;
	top: 32%;
	animation-name: onu-bosa-torosa;
}
@keyframes onu-bosa-torosa {
	0% {
		transform: scale(0);
		left: 58%;
		top: 67%;
		height: 32%;
	}
	10% {
		transform: scale(0);
	}
	20% {
		transform: scale(1);
		left: 58%;
		top: 67%;
		height: 32%;
	}
	30% {
		left: 20%;
		top: 15%;
		height: 70%;
	}
	40% {
		left: 33.6%;
		top: 32%;
	}
}

#map_facility > li#map_facility_onu.on img[src*="onu/bosa-pri"] {
	left: 28.8%;
	top: 26%;
	animation-name: onu-bosa-pri;
}
@keyframes onu-bosa-pri {
	0% {
		transform: scale(0);
		left: 58%;
		top: 67%;
		height: 32%;
	}
	10% {
		transform: scale(0);
	}
	20% {
		transform: scale(1);
		left: 58%;
		top: 67%;
		height: 32%;
	}
	30% {
		left: 20%;
		top: 15%;
		height: 70%;
	}
	40% {
		left: 28.8%;
		top: 26%;
	}
}

#map_facility_onu.on em {
	transition-delay: 1000ms;
}

#map_facility_onu_totosa span {
	right: 60%;
	bottom: 25%;
}
#map_facility_onu_totosa em,
#map_facility_onu_totosa strong {
	left: 51%;
	top: 76%;
}
#map_facility_onu_totosa em {
	transform: rotate(191deg);
}
.on #map_facility_onu_totosa em {
	width: 12%;
}
#map_facility_onu_totosa strong {
	border-radius: 30%;
	width: 33%;
	height: 24%;
	margin-left: -26%;
	margin-top: -4.3%;
	transform: rotate(-24deg);
}

#map_facility_onu_torosa span {
	bottom: 29%;
	left: 77%;
}
#map_facility_onu_torosa em,
#map_facility_onu_torosa strong {
	left: 66%;
	top: 66%;
}
#map_facility_onu_torosa em {
	transform: rotate(9deg);
}
.on #map_facility_onu_torosa em {
	width: 12%;
}
#map_facility_onu_torosa strong {
	width: 10%;
	height: 41%;
	margin-left: 1.5%;
	margin-top: -7.4%;
	border-radius: 10%;
	transform: rotate(-52deg);
}
/* ========== facility onu ========== */


/* ========== facility cpo ========== */
#map_facility_cpo img {
	position: absolute;
	display: block;
}
#map_facility_cpo_rack,
#map_facility_cpo_rack_elspf {
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
}
#map_facility_cpo_rack img {
	left: 10%;
	top: 0%;
	width: 80%;
	height: 100%;
	opacity: 1;
}

.on #map_facility_cpo_rack_elspf > img {
	transition-property: left,top;
	transition-delay: 500ms;
	transition-duration: 400ms;
	transition-timing-function: ease-out;
}
.on #map_facility_cpo_rack_elspf > [src*="r1"] {
	left: 28%;
	top: 19%;
}
.on #map_facility_cpo_rack_elspf > [src*="r2"] {
	left: 36%;
	top: 27%;
}
#map_facility_cpo_rack_elspf {
	transform: scale(1);
}
.on #map_facility_cpo_rack_elspf {
	transition-property: transform;
	transition-delay: 1000ms;
	transition-duration: 400ms;
	transition-timing-function: ease-out;
	transform-origin: 75% 75%;
	transform: scale(1.5);
}
.on #map_facility_cpo_rack > [src*="main_mask"] {
	transition-property: opacity;
	transition-delay: 1000ms;
	transition-duration: 0ms;
	opacity: 0;
}
.on #map_facility_cpo_rack > [src*="main.jpg"] {
	transition-property: opacity;
	transition-delay: 1500ms;
	transition-duration: 400ms;
	transition-timing-function: ease-out;
	opacity: 0.3;
}

#map_facility_cpo_transceiver {
	position: absolute;
	left: 50%;
	width: 40%;
	height: 100%;
	transform-origin: 15% 74%;
	transform: scale(0);
}
#map_facility_cpo_transceiver > img {
	position: absolute;
	left: 0%;
	bottom: 5%;
	width: 100%;
	height: auto;
}

#map_facility_cpo_pic {
	position: absolute;
	left: 0%;
	width: 50%;
	height: 100%;
	transform-origin: 95% 47%;
	transform: scale(0);
}
#map_facility_cpo_pic > img {
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: auto;
}

.on #map_facility_cpo_transceiver,
.on #map_facility_cpo_pic {
	transition-property: transform;
	transition-delay: 1500ms;
	transition-duration: 400ms;
	transition-timing-function: ease-out;
	transform: scale(1);
}
.on #map_facility_cpo_transceiver > img[src*="t_kv"] {
	transition-property: bottom;
	transition-delay: 2000ms;
	transition-duration: 400ms;
	transition-timing-function: ease-out;
	bottom: 17%;
}
.on #map_facility_cpo_transceiver > img[src*="t_case"] {
	transition-property: bottom;
	transition-delay: 2000ms;
	transition-duration: 400ms;
	transition-timing-function: ease-out;
	bottom: 32%;
}
.on #map_facility_cpo_pic > img[src*="p_pic"] {
	transition-property: left,top;
	transition-delay: 2000ms;
	transition-duration: 400ms;
	transition-timing-function: ease-out;
	left: -8%;
	top: -13%;
}

#map_facility_cpo_link_cw > em,
#map_facility_cpo_link_pic > em {
	width: 0%;
}
.on #map_facility_cpo_link_cw > em,
.on #map_facility_cpo_link_pic > em {
	transition-property: width;
	transition-delay: 2500ms;
	transition-duration: 400ms;
	transition-timing-function: linear;
}

#map_facility_cpo_link_cw > span {
	right: 50%;
	top: 73%;
}
#map_facility_cpo_link_cw > strong {
	width: 5%;
	height: 7.9%;
	border-radius: 50%;
}
#map_facility_cpo_link_cw > strong:nth-of-type(1) {
	left: 68.2%;
	top: 68%;
}
#map_facility_cpo_link_cw > strong:nth-of-type(2) {
	left: 71.8%;
	top: 75.6%;
}
.on #map_facility_cpo_link_cw > em:nth-of-type(1) {
	left: 71%;
	top: 72%;
	width: 22%;
	transform: rotate(174deg);
}
.on #map_facility_cpo_link_cw > em:nth-of-type(2) {
	left: 74%;
	top: 80%;
	width: 27%;
	transform: rotate(187deg);
}

#map_facility_cpo_link_pic > span {
	left: 33%;
	bottom: 85%;
}
#map_facility_cpo_link_pic > strong {
	left: 18.3%;
	top: 20.5%;
	width: 6%;
	height: 17%;
	border-radius: 50%;
	transform: rotate(-45deg);
}
.on #map_facility_cpo_link_pic > em {
	left: 21.5%;
	bottom: 71%;
	width: 16%;
	transform: rotate(-35deg);
}

#map_facility_cpo_label_main > span {
	right: 5%;
	top: 5%;
}

#map_facility_cpo_label_opt > span {
	right: 65%;
	top: 60%;
}

#map_facility_cpo_label_elsfp > span {
	right: 14%;
	bottom: 1%;
}

/*
#map_facility_cpo.on em {
	transition-delay: 2000ms;
}

#map_facility_cpo_top span {
	top: 22%;
	right: 75%;
}
#map_facility_cpo_top strong {
	left: 46.2%;
	top: 19.1%;
	width: 11.8%;
	height: 12.6%;
	transform: rotate(-31deg) skewX(20deg);
}
#map_facility_cpo_top em {
	left: 52.2%;
	top: 25.5%;
	transform: rotate(182deg);
}
.on #map_facility_cpo_top em {
	width: 28%;
}

#map_facility_cpo_tm span {
	top: 36%;
	right: 75%;
}
#map_facility_cpo_tm strong {
	left: 52.7%;
	top: 32.8%;
	width: 2.6%;
	height: 4%;
	border-radius: 50%;
}
#map_facility_cpo_tm em {
	left: 54%;
	top: 34.8%;
	transform: rotate(176deg);
}
.on #map_facility_cpo_tm em {
	width: 29%;
}

#map_facility_cpo_pd span {
	top: 49%;
	right: 75%;
}
#map_facility_cpo_pd strong {
	left: 51.4%;
	top: 37.5%;
	width: 1.2%;
	height: 1.7%;
	transform: rotate(-31deg) skewX(20deg);
}
#map_facility_cpo_pd em {
	left: 52.2%;
	top: 38.2%;
	transform: rotate(163deg);
}
.on #map_facility_cpo_pd em {
	width: 29%;
}

#map_facility_cpo_sm span {
	top: 62%;
	right: 75%;
}
#map_facility_cpo_sm strong {
	left: 50.8%;
	top: 38%;
	width: 2.5%;
	height: 3%;
	transform: rotate(-31deg) skewX(20deg);
}
#map_facility_cpo_sm em {
	left: 51.7%;
	top: 40.4%;
	transform: rotate(150deg);
}
.on #map_facility_cpo_sm em {
	width: 32%;
}

#map_facility_cpo_tec span {
	top: 75%;
	right: 75%;
}
#map_facility_cpo_tec strong {
	left: 48.3%;
	top: 48.3%;
	width: 7%;
	height: 8%;
	transform: rotate(-31deg) skewX(20deg);
}
#map_facility_cpo_tec em {
	left: 52.3%;
	top: 51.2%;
	transform: rotate(149deg);
}
.on #map_facility_cpo_tec em {
	width: 34%;
}
#map_facility_cpo_pac span {
	top: 88%;
	right: 75%;
}
#map_facility_cpo_pac strong {
	left: 38%;
	top: 55.5%;
	width: 25%;
	height: 18.4%;
	transform: rotate(-31deg) skewX(19deg);
}
#map_facility_cpo_pac em {
	left: 52%;
	top: 62.5%;
	transform: rotate(147deg);
}
.on #map_facility_cpo_pac em {
	width: 33%;
}

/* ========== /facility cpo ========== */


/* ========== facility cfp4 ========== */
#map_facility2 > li > img[src*="cfp4/main"],
#map_facility2 > li > img[src*="cfp4/cover"] {
	left: 5%;
	top: 0%;
	height: 100%;
	width: auto;
}
#map_facility2 > li.on > img[src*="cfp4/cover"] {
	top: -30%;
	animation: cfp4-cover 500ms linear;
}
@keyframes cfp4-cover {
	0% {
		top: 0%;
	}
	70% {
		top: 0%;
	}
	100% {
		top: -30%;
	}
}

#map_facility_cfp4.on em {
	transition-delay: 500ms;
}
#map_facility_cfp4.on span {
	transition-delay: 500ms;
}

#map_facility_cfp4_tosa span {
	right: 70%;
	top: 75%;
}
#map_facility_cfp4_tosa em,
#map_facility_cfp4_tosa strong {
	left: 54%;
	top: 69%;
}
#map_facility_cfp4_tosa em {
	transform: rotate(168deg);
}
.on #map_facility_cfp4_tosa em {
	width: 26%;
}
#map_facility_cfp4_tosa strong {
	width: 22%;
	height: 15%;
	margin-left: -9.8%;
	margin-top: -2.5%;
	border-radius: 50%;
	transform: rotate(24deg);
}

#map_facility_cfp4_hrosa span {
	left: 73%;
	top: 64%;
}
#map_facility_cfp4_hrosa em,
#map_facility_cfp4_hrosa strong {
	left: 57.5%;
	top: 63%;
}
#map_facility_cfp4_hrosa em {
	transform: rotate(10deg);
}
.on #map_facility_cfp4_hrosa em {
	width: 16%;
}
#map_facility_cfp4_hrosa strong {
	width: 19%;
	height: 13%;
	margin-left: -6.8%;
	margin-top: -1.5%;
	border-radius: 50%;
	transform: rotate(24deg);
}
/* ========== /facility cfp4 ========== */


/* ========== facility cfp2 ========== */
#map_facility2 > li > img[src*="cfp2/main"],
#map_facility2 > li > img[src*="cfp2/cover"] {
	left: 5%;
	top: 0%;
	height: 100%;
	width: auto;
}
#map_facility2 > li.on > img[src*="cfp2/cover"] {
	top: -30%;
	animation: cfp2-cover 500ms linear;
}
@keyframes cfp2-cover {
	0% {
		top: 0%;
	}
	70% {
		top: 0%;
	}
	100% {
		top: -30%;
	}
}

#map_facility_cfp2.on em {
	transition-delay: 500ms;
}
#map_facility_cfp2.on span {
	transition-delay: 500ms;
}

#map_facility_cfp2_trosa span {
	right: 70%;
	top: 75%;
}
#map_facility_cfp2_trosa em,
#map_facility_cfp2_trosa strong {
	left: 48%;
	top: 58%;
}
#map_facility_cfp2_trosa em {
	transform: rotate(149deg);
}
.on #map_facility_cfp2_trosa em {
	width: 22%;
}
#map_facility_cfp2_trosa strong {
	width: 18%;
	height: 18%;
	margin-left: -8.8%;
	margin-top: -4.2%;
	border-radius: 20% / 30%;
	transform: rotate(33deg) skew(-20deg, 0deg);
}
/* ========== /facility cfp4 ========== */

/* ==================== /facility part ==================== */

/* ============================== /facility ============================== */


/* ===================================
		component
=================================== */
#map_component {
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	z-index: 200;
	overflow: hidden;
	transform-origin: center;
	transform: scale(0);
	transition: transform 500ms ease-out;
}
#map_component.on {
	transform: scale(1);
}
#map_component > li {
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transform-origin: center;
	transition: all 300ms ease-out 0ms;
	background: rgba(0,0,0,0);
	transform: scale(0);
}
#map_component > li.on {
}
@media screen and ( max-width : 567px ) {
	#map_component > li {
		height: 64vw;
	}
}
#map_component > li.on {
	transition: background 300ms ease-out 500ms;
	transform: scale(1);
	background: rgba(0,0,0,1);
	z-index: 200;
}
#map_component > li > div > img {
	position: absolute;
	width: auto;
	height: 100%!important;
	left: 10%;
	top: 0%;
	transition: all 300ms ease-out 500ms;
}
#map_component > li > div > a {
	text-decoration: none;
	color: #009628;
}
#map_component > li > div > * > span {
	position: absolute;
	display: block;
	padding: 5px 10px;
	font-size: 20px;
	line-height: 1.1;
	z-index: 103;
	opacity: 0;
}
#map_component > li.on > div > * > span {
	transition: opacity 300ms linear 600ms;
}
@media screen and (max-width: 1305px) {
	#map_component > li > div > * > span {
		font-size: 1.5vw;
	}
}
#map_component > li > div > a > span {
	color: #009628;
	border: #009628 solid 1px;
	cursor: pointer;
}
#map_component > li > div > div > span {
	color: #999999;
	border: #999999 solid 1px;
	cursor: default;
}
#map_component > li.on > div > * > span {
	opacity: 1;
	background: #000000;
}
#map_component > li > div > *:hover > span {
	animation: blink 1500ms linear infinite alternate;
}

#map_component > li > div > * > strong {
	position: absolute;
	display: block;
	z-index: 202;
}
#map_component > li > div > a > strong {
	cursor: pointer;
}
#map_component > li > div > div > strong {
	cursor: default;
}
#map_component > li > div > *:hover > strong {
	animation: blink2 1500ms linear infinite alternate;
}


#map_component > li > div > * > em {
	position: absolute;
	display: block;
	width: 0;
	height: 1px;
	z-index: 102;
	transform-origin: left;
	pointer-events: none;
	cursor: default;
}
#map_component > li.on > div > * > em {
	transition: width 300ms linear 1300ms;
}
#map_component > li > div > a > em {
	background: #009628;
}
#map_component > li > div > div > em {
	background: #999999;
}
#map_component > li.on > div > * > em::after {
	content: "";
	position: absolute;
	left: -25px;
	top: -25px;
	display: none;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	transform-origin: center;
	overflow: hidden;
	box-sizing: border-box;
}
#map_component > li.on > div > a > em::after {
	border: #009628 solid 2px;
}
#map_component > li.on > div > div > em::after {
	border: #999999 solid 2px;
}
#map_component > li.on > div > *:hover > em::after {
	display: block;
	animation: ping 3000ms linear infinite;
}


/* ==================== component part ==================== */

/* ========== component 5G TO-ROSA ========== */
#m_5g_torosa.on #m_5g_torosa_lens img {
	top: 28%;
	left: 28%;
}
#m_5g_torosa.on #m_5g_torosa_pd img {
	top: 20%;
	left: 20%;
}
#m_5g_torosa.on #m_5g_torosa_sm img {
	top: 13%;
	left: 13%;
}
#m_5g_torosa.on #m_5g_torosa_other img {
	top: 5%;
	left: 5%;
}
#m_5g_torosa.on #m_5g_torosa_fpc img {
	top: -5%;
	left: -5%;
}

#m_5g_torosa.on #m_5g_torosa_lens span {
	top: 84%;
	left: 77%;
}
#m_5g_torosa.on #m_5g_torosa_pd span {
	bottom: 55%;
	left: 73%;
}
#m_5g_torosa.on #m_5g_torosa_sm span {
	bottom: 70%;
	left: 61%;
}
#m_5g_torosa.on #m_5g_torosa_tia span {
	top: 84%;
	right: 27%;
}
#m_5g_torosa.on #m_5g_torosa_other span {
	top: 66%;
	right: 43%;
}
#m_5g_torosa.on #m_5g_torosa_fpc span {
	top: 66%;
	right: 76%;
}

#m_5g_torosa.on #m_5g_torosa_lens em {
    top: 66%;
    left: 86%;
    width: 13%;
	transform: rotate(111deg);
}
#m_5g_torosa.on #m_5g_torosa_pd em {
	top: 58.8%;
	left: 78.5%;
	width: 9%;
	transform: rotate(-90deg);
}
#m_5g_torosa.on #m_5g_torosa_sm em {
	top: 52%;
	left: 71.4%;
	width: 14%;
	transform: rotate(-90deg);
}
#m_5g_torosa.on #m_5g_torosa_tia em {
	top: 57%;
	left: 71%;
	width: 18%;
	transform: rotate(90deg);
}
#m_5g_torosa.on #m_5g_torosa_other em {
	top: 44%;
	left: 63%;
	width: 16%;
	transform: rotate(114deg);
}
#m_5g_torosa.on #m_5g_torosa_fpc em {
	top: 42%;
	left: 31%;
	width: 18%;
	transform: rotate(119deg);
}

#m_5g_torosa.on #m_5g_torosa_lens strong {
	top: 55%;
	left: 80%;
	width: 18%;
	height: 28%;
	transform: rotate(0deg);
	border-radius: 50%;
}
#m_5g_torosa.on #m_5g_torosa_pd strong {
	top: 56.8%;
	left: 77.2%;
	width: 2.6%;
	height: 4%;
	transform: rotate(0deg);
	border-radius: 50%;
}
#m_5g_torosa.on #m_5g_torosa_sm strong {
	top: 49%;
	left: 69.6%;
	width: 2.9%;
	height: 6%;
	transform: rotate(0deg) skew(-2deg, -16deg);
}
#m_5g_torosa.on #m_5g_torosa_tia strong {
	top: 55%;
	left: 67.6%;
	width: 6.1%;
	height: 4%;
	transform: rotate(0deg) skew(-2deg, -16deg);
}
#m_5g_torosa.on #m_5g_torosa_other strong {
	border-radius: 50%;
	top: 30.5%;
	left: 56.2%;
	width: 12%;
	height: 24%;
	transform: rotate(31deg);
}
#m_5g_torosa.on #m_5g_torosa_fpc strong {
	top: 28.6%;
	left: 4%;
	width: 54.8%;
	height: 26%;
	transform: rotate(-19deg) skew(-10deg, 4deg);
	border-radius: 0 24% 47% 0;
}
/* ========== /component 5G TO-ROSA ========== */


/* ========== component TOSA ========== */
#map_component > li#m_tosa > div > img {
	left: 10%;
}
#m_tosa.on #m_tosa_fpc img {
	top: -5%;
	left: 25%;
}
#m_tosa.on #m_tosa_pac img,
#m_tosa.on #m_tosa_pac-mask img {
	top: 18%;
}
#m_tosa.on #m_tosa_tec img {
	top: 2%;
}
#m_tosa.on #m_tosa_sm img {
	top: -10%;
}
#m_tosa.on #m_tosa_tm img {
	left: 17%;
	top: -10%;
}
#m_tosa.on #m_tosa_pd img {
	top: -20%;
}
#m_tosa.on #m_tosa_iso img {
	top: -21%;
	left: 5%;
}
#m_tosa.on #m_tosa_lens img {
	top: -10%;
	left: -5%;
}
#m_tosa.on #m_tosa_rc img {
	top: 8%;
	left: -4%;
}
#m_tosa.on #m_tosa_kovar img {
	top: -38%;
}

#m_tosa.on #m_tosa_fpc span {
	right: 5%;
	top: 45%;
}
#m_tosa.on #m_tosa_pac span {
	left: 65%;
	bottom: 2%;
}
#m_tosa.on #m_tosa_tec span {
	left: 65%;
	bottom: 15%;
}
#m_tosa.on #m_tosa_sm span {
	left: 65%;
	bottom: 28%;
}
#m_tosa.on #m_tosa_tm span {
	left: 53%;
	bottom: 71%;
}
#m_tosa.on #m_tosa_pd span {
	bottom: 70%;
	left: 1%;
}
#m_tosa.on #m_tosa_iso span {
	bottom: 57%;
	left: 1%;
}
#m_tosa.on #m_tosa_lens span {
	bottom: 44%;
	left: 1%;
}
#m_tosa.on #m_tosa_rc span {
	bottom: 26%;
	left: 1%;
}
#m_tosa.on #m_tosa_kovar span {
	right: 3%;
	top: 5%;
}
#m_tosa.on #m_tosa_fpc em {
	left: 80%;
	top: 35%;
	transform: rotate(31deg);
	width: 13%;
}
#m_tosa.on #m_tosa_pac em {
	left: 46%;
	bottom: 22%;
	transform: rotate(26deg);
	width: 23%;
}
#m_tosa.on #m_tosa_tec em {
	left: 45%;
	bottom: 35%;
	transform: rotate(25deg);
	width: 24%;
}
#m_tosa.on #m_tosa_sm em {
	left: 44%;
	bottom: 47%;
	transform: rotate(19deg);
	width: 30%;
}
#m_tosa.on #m_tosa_tm em {
	bottom: 54.6%;
	left: 53.9%;
	transform: rotate(-69deg);
	width: 12%;
}
#m_tosa.on #m_tosa_pd em {
	bottom: 61.3%;
	left: 44.1%;
	transform: rotate(192deg);
	width: 33%;
}
#m_tosa.on #m_tosa_iso em {
	bottom: 57%;
	left: 37.3%;
	transform: rotate(184.6deg);
	width: 22%;
}
#m_tosa.on #m_tosa_lens em {
	bottom: 50.2%;
	left: 31.8%;
	transform: rotate(174deg);
	width: 26%;
}
#m_tosa.on #m_tosa_rc em {
	bottom: 13%;
	left: 15%;
	transform: rotate(-107deg);
	width: 9%;
}
#m_tosa.on #m_tosa_kovar em {
	left: 46%;
	top: 18%;
	transform: rotate(-11deg);
	width: 36%;
}
#m_tosa.on #m_tosa_fpc strong {
	left: 70%;
	top: 23%;
	transform: rotate(-35deg) skew(11deg, 0deg);
	width: 20%;
	height: 19%;
}
#m_tosa.on #m_tosa_pac strong {
    left: 32%;
    top: 65%;
    transform: rotate(-37deg);
    width: 30%;
    height: 24%;
}
#m_tosa.on #m_tosa_tec strong {
	left: 38%;
	top: 58%;
	transform: rotate(-36deg);
	width: 15%;
	height: 12%;
}
#m_tosa.on #m_tosa_sm strong {
	left: 38%;
	top: 47%;
	transform: rotate(-37deg);
	width: 13%;
	height: 11%;
}
#m_tosa.on #m_tosa_tm strong {
	left: 50.6%;
	top: 40%;
	width: 6.5%;
	height: 10%;
	border-radius: 50%;
}
#m_tosa.on #m_tosa_pd strong {
	left: 40.6%;
	top: 33.5%;
	width: 6.5%;
	height: 10%;
	border-radius: 50%;
}
#m_tosa.on #m_tosa_iso strong {
	left: 34.1%;
	top: 38.2%;
	width: 6.5%;
	height: 10%;
	border-radius: 50%;
}
#m_tosa.on #m_tosa_lens strong {
	left: 28.4%;
	top: 44.7%;
	width: 6.5%;
	height: 10%;
	border-radius: 50%;
}
#m_tosa.on #m_tosa_rc strong {
	left: 6.5%;
	top: 79.5%;
	transform: rotate(-37deg);
	width: 18%;
	height: 15%;
}
#m_tosa.on #m_tosa_kovar strong {
	left: 33.5%;
	top: 10.4%;
	transform: rotate(-34deg) skew(8deg, -2deg);
	width: 25%;
	height: 15%;
}
/* ========== /component TOSA ========== */


/* ========== component H-ROSA ========== */
#map_component > li#m_hrosa > div > img {
	left: 10%;
}
#m_hrosa.on #m_hrosa_fpc img {
	top: 8%;
	left: 15%;
}
#m_hrosa.on #m_hrosa_pac img,
#m_hrosa.on #m_hrosa_pac-mask img {
	top: 14%;
}
#m_hrosa.on #m_hrosa_tia img {
	top: 0%;
	left: 1%;
}
#m_hrosa.on #m_hrosa_pd img {
	top: 5%;
	left: -3%;
}
#m_hrosa.on #m_hrosa_sus img {
	top: -14%;
	left: 14%;
}
#m_hrosa.on #m_hrosa_mux img {
	top: -17%;
	left: 10%;
}
#m_hrosa.on #m_hrosa_lens img {
	top: -26%;
	left: 17%;
}
#m_hrosa.on #m_hrosa_rc img {
	top: 19%;
	left: 6%;
}
#m_hrosa.on #m_hrosa_kovar img {
	top: -31%;
}

#m_hrosa.on #m_hrosa_fpc span {
	left: 75%;
	top: 52%;
}
#m_hrosa.on #m_hrosa_pac span {
	left: 62%;
	bottom: 19%;
}
#m_hrosa.on #m_hrosa_tia span {
	right: 66%;
	top: 49%;
}
#m_hrosa.on #m_hrosa_sus span {
	left: 68%;
	top: 17%;
}
#m_hrosa.on #m_hrosa_pd span {
	top: 62%;
	right: 64%;
}
#m_hrosa.on #m_hrosa_mux span {
	right: 65%;
	top: 35%;
}
#m_hrosa.on #m_hrosa_lens span {
	top: 3%;
	left: 64%;
}
#m_hrosa.on #m_hrosa_rc span {
	bottom: 2%;
	left: 44%;
}
#m_hrosa.on #m_hrosa_kovar span {
	right: 63%;
	top: 21%;
}

#m_hrosa.on #m_hrosa_fpc em {
	left: 71%;
	top: 44%;
	transform: rotate(39deg);
	width: 8%;
}
#m_hrosa.on #m_hrosa_pac em {
	left: 50%;
	bottom: 36%;
	transform: rotate(28deg);
	width: 18%;
}
#m_hrosa.on #m_hrosa_tia em {
	left: 44%;
	top: 48.4%;
	transform: rotate(170deg);
	width: 10%;
}
#m_hrosa.on #m_hrosa_sus em {
	left: 57%;
	top: 34%;
	transform: rotate(-28deg);
	width: 18%;
}
#m_hrosa.on #m_hrosa_pd em {
	top: 56%;
	left: 38.9%;
	transform: rotate(129deg);
	width: 5%;
}
#m_hrosa.on #m_hrosa_mux em {
	top: 38%;
	left: 47%;
	transform: rotate(182deg);
	width: 12%;
}
#m_hrosa.on #m_hrosa_lens em {
	top: 23.1%;
	left: 58.8%;
	transform: rotate(309deg);
	width: 14%;
}
#m_hrosa.on #m_hrosa_rc em {
	top: 86%;
	left: 32%;
	transform: rotate(23deg);
	width: 13%;
}
#m_hrosa.on #m_hrosa_kovar em {
	left: 51%;
	top: 13%;
	transform: rotate(155deg);
	width: 16%;
}

#m_hrosa.on #m_hrosa_fpc strong {
	left: 62%;
	top: 35%;
	transform: rotate(-35deg) skew(20deg, -3deg);
	width: 18%;
	height: 16%;
}
#m_hrosa.on #m_hrosa_pac strong {
	left: 37%;
	top: 51%;
	transform: rotate(-38deg) skew(21deg,0deg);
	width: 27%;
	height: 26%;
	border-radius: 40% 10% 34% 5% / 84% 10% 60% 5%;
}
#m_hrosa.on #m_hrosa_tia strong {
	left: 40.3%;
	top: 45.6%;
	transform: rotate(39deg);
	width: 8%;
	height: 6%;
	border-radius: 50%;
}
#m_hrosa.on #m_hrosa_sus strong {
	left: 53.3%;
	top: 27%;
	transform: rotate(-39deg) skew(10deg, -4deg);
	width: 7%;
	height: 17%;
}
#m_hrosa.on #m_hrosa_pd strong {
	left: 34.6%;
	top: 52.6%;
	transform: rotate(39deg);
	width: 8%;
	height: 6%;
	border-radius: 50%;
}
#m_hrosa.on #m_hrosa_mux strong {
	left: 42.1%;
	top: 29.2%;
	width: 10.5%;
	height: 17%;
	border-radius: 50%;
}
#m_hrosa.on #m_hrosa_lens strong {
	left: 54%;
	top: 19%;
	width: 9%;
	height: 9%;
	border-radius: 50%;
	transform: rotate(45deg);
}
#m_hrosa.on #m_hrosa_rc strong {
	left: 22.2%;
	top: 78.8%;
	transform: rotate(-37deg);
	width: 19%;
	height: 16%;
}
#m_hrosa.on #m_hrosa_kovar strong {
	left: 40.5%;
	top: 5.4%;
	transform: rotate(-36deg) skew(16deg, -1deg);
	width: 20%;
	height: 17%;
}
/* ========== /component H-ROSA ========== */


/* ========== component 980sff ========== */
#m_980sff.on #m_980sff_kovar img {
	top: -14%;
}
#m_980sff.on #m_980sff_thermistor img {
	top: -7%;
	left: 11%;
}
#m_980sff.on #m_980sff_monitor-pd img {
	top: -3%;
}
#m_980sff.on #m_980sff_submount img {
	top: -3%;
}
#m_980sff.on #m_980sff_tec img {
	top: 9%;
}
#m_980sff.on #m_980sff_package img {
	top: 20%;
}
#m_980sff.on #m_980sff_package-front img {
	top: 20%;
}

#m_980sff #m_980sff_kovar span {
	top: 22%;
	right: 65%;
}
#m_980sff #m_980sff_kovar strong {
	left: 56.2%;
	top: 19.1%;
	width: 11.8%;
	height: 12.6%;
	transform: rotate(-31deg) skewX(20deg);
}
#m_980sff #m_980sff_kovar em {
	left: 62.2%;
	top: 25.5%;
	transform: rotate(182deg);
}
#m_980sff.on #m_980sff_kovar em {
	width: 28%;
}
#m_980sff #m_980sff_thermistor span {
	top: 36%;
	right: 65%;
}
#m_980sff #m_980sff_thermistor strong {
	left: 62.7%;
	top: 32.8%;
	width: 2.6%;
	height: 4%;
	border-radius: 50%;
}
#m_980sff #m_980sff_thermistor em {
	left: 64%;
	top: 34.8%;
	transform: rotate(176deg);
}
#m_980sff.on #m_980sff_thermistor em {
	width: 29%;
}
#m_980sff #m_980sff_monitor-pd span {
	top: 49%;
	right: 65%;
}
#m_980sff #m_980sff_monitor-pd strong {
	left: 61.4%;
	top: 37.5%;
	width: 1.2%;
	height: 1.7%;
	transform: rotate(-31deg) skewX(20deg);
}
#m_980sff #m_980sff_monitor-pd em {
	left: 62.2%;
	top: 38.2%;
	transform: rotate(163deg);
}
#m_980sff.on #m_980sff_monitor-pd em {
	width: 29%;
}
#m_980sff #m_980sff_submount span {
	top: 62%;
	right: 65%;
}
#m_980sff #m_980sff_submount strong {
	left: 60.8%;
	top: 38%;
	width: 2.5%;
	height: 3%;
	transform: rotate(-31deg) skewX(20deg);
}
#m_980sff #m_980sff_submount em {
	left: 61.7%;
	top: 40.4%;
	transform: rotate(150deg);
}
#m_980sff.on #m_980sff_submount em {
	width: 32%;
}
#m_980sff #m_980sff_tec span {
	top: 75%;
	right: 65%;
}
#m_980sff #m_980sff_tec strong {
	left: 58.3%;
	top: 48.3%;
	width: 7%;
	height: 8%;
	transform: rotate(-31deg) skewX(20deg);
}
#m_980sff #m_980sff_tec em {
	left: 62.3%;
	top: 51.2%;
	transform: rotate(149deg);
}
#m_980sff.on #m_980sff_tec em {
	width: 34%;
}
#m_980sff #m_980sff_package span {
	top: 88%;
	right: 65%;
}
#m_980sff #m_980sff_package strong {
	left: 48%;
	top: 55.5%;
	width: 25%;
	height: 18.4%;
	transform: rotate(-31deg) skewX(19deg);
}
#m_980sff #m_980sff_package em {
	left: 62%;
	top: 62.5%;
	transform: rotate(147deg);
}
#m_980sff.on #m_980sff_package em {
	width: 33%;
}
/* ========== /component 980sff ========== */


/* ========== component iTLA ========== */
#map_component > #m_itla > div > img {
	left: 20%;
}
#map_component > #m_itla > #m_itla_boot > img {
	height: 100%;
	left: -37.9%;
	top: 29%;
	transform: rotate(2deg);
}

#map_component > #m_itla.on #m_itla_boot img {
	top: 80%;
	left: -79.9%;
}
#m_itla.on #m_itla_base img,
#m_itla.on #m_itla_base-mask img {
	top: 100%;
}
#m_itla.on #m_itla_pac img,
#m_itla.on #m_itla_pac-mask img {
	top: 23%;
}
#m_itla.on #m_itla_rc img {
	top: 27%;
	left: 14%;
}
#m_itla.on #m_itla_kovar img {
	top: -34%;
}
#m_itla.on #m_itla_fpc img {
	top: 19%;
	left: 26%;
}
#m_itla.on #m_itla_tec img {
	top: 4%;
}
#m_itla.on #m_itla_sm1 img {
	top: -5%;
}
#m_itla.on #m_itla_sm2 img {
	top: -14%;
}
#m_itla.on #m_itla_lens img {
	top: -20%;
}
#m_itla.on #m_itla_pd img {
	top: -20%;
}
#m_itla.on #m_itla_tm img {
	top: -30%;
}
#m_itla.on #m_itla_iso img {
	top: -25%;
}

#m_itla #m_itla_kovar span {
	right: 2%;
	bottom: 85%;
}
#m_itla #m_itla_kovar em,
#m_itla #m_itla_kovar strong {
	left: 52.5%;
	top: 14%;
}
#m_itla #m_itla_kovar em {
	transform: rotate(-1deg);
}
#m_itla.on #m_itla_kovar em {
	width: 30%;
}
#m_itla #m_itla_kovar strong {
	width: 24%;
	height: 14%;
	transform: rotate(-23deg) skew(12deg, 0deg);
	margin-left: -12%;
	margin-top: -5%;
	border-radius: 10%;
}

#m_itla #m_itla_iso span {
	right: 62%;
	top: 22%;
}
#m_itla #m_itla_iso em,
#m_itla #m_itla_iso strong {
	left: 48%;
	top: 28.7%;
}
#m_itla #m_itla_iso em {
	transform: rotate(-164deg);
}
#m_itla.on #m_itla_iso em {
	width: 11%;
}
#m_itla #m_itla_iso strong {
	width: 5%;
	height: 7%;
	transform: rotate(0deg);
	margin-left: -2.6%;
	margin-top: -2.4%;
	border-radius: 50%;
}

#m_itla #m_itla_lens span {
	right: 62%;
	top: 35%;
}
#m_itla #m_itla_lens em,
#m_itla #m_itla_lens strong {
	left: 46.4%;
	top: 35%;
}
#m_itla #m_itla_lens em {
	transform: rotate(170deg);
}
#m_itla.on #m_itla_lens em {
	width: 9%;
}
#m_itla #m_itla_lens strong {
	width: 4%;
	height: 6%;
	transform: rotate(0deg);
	margin-left: -2%;
	margin-top: -2%;
	border-radius: 50%;
}

#m_itla #m_itla_tec span {
	right: 62%;
	top: 61%;
}
#m_itla #m_itla_tec em,
#m_itla #m_itla_tec strong {
	left: 52%;
	top: 57%;
}
#m_itla #m_itla_tec em {
	transform: rotate(164deg);
}
#m_itla.on #m_itla_tec em {
	width: 15%;
}
#m_itla #m_itla_tec strong {
	width: 15%;
	height: 11%;
	transform: rotate(-25deg);
	margin-left: -7%;
	margin-top: -3%;
	border-radius: 10%;
}

#m_itla #m_itla_rc span {
	right: 2%;
	bottom: 2%;
}
#m_itla #m_itla_rc em,
#m_itla #m_itla_rc strong {
	left: 30%;
	top: 89%;
}
#m_itla #m_itla_rc em {
	transform: rotate(5deg);
}
#m_itla.on #m_itla_rc em {
	width: 52%;
}
#m_itla #m_itla_rc strong {
	width: 17%;
	height: 19%;
	transform: rotate(-22deg);
	margin-left: -8.7%;
	margin-top: -5.7%;
	border-radius: 50%;
}

#m_itla #m_itla_tm span {
	right: 2%;
	bottom: 72%;
}
#m_itla #m_itla_tm em,
#m_itla #m_itla_tm strong {
	left: 53%;
	top: 23.7%;
}
#m_itla #m_itla_tm em {
	transform: rotate(2deg);
}
#m_itla.on #m_itla_tm em {
	width: 36%;
}
#m_itla #m_itla_tm strong {
	width: 3%;
	height: 5%;
	transform: rotate(0deg);
	margin-left: -1.4%;
	margin-top: -1.5%;
	border-radius: 50%;
}

#m_itla #m_itla_pd span {
	right: 2%;
	bottom: 59%;
}
#m_itla #m_itla_pd em,
#m_itla #m_itla_pd strong {
	left: 51.5%;
	top: 32%;
}
#m_itla #m_itla_pd em {
	transform: rotate(7deg);
}
#m_itla.on #m_itla_pd em {
	width: 36%;
}
#m_itla #m_itla_pd strong {
	width: 3%;
	height: 5%;
	transform: rotate(0deg);
	margin-left: -1.6%;
	margin-top: -1.7%;
	border-radius: 50%;
}

#m_itla #m_itla_sm2 span {
	right: 62%;
	top: 48%;
}
#m_itla #m_itla_sm2 em,
#m_itla #m_itla_sm2 strong {
	left: 52%;
	top: 48%;
}
#m_itla #m_itla_sm2 em {
	transform: rotate(174deg);
}
#m_itla.on #m_itla_sm2 em {
	width: 14%;
}
#m_itla #m_itla_sm2 strong {
	width: 13%;
	height: 8%;
	transform: rotate(-25deg);
	margin-left: -7%;
	margin-top: -3%;
	border-radius: 10%;
}

#m_itla #m_itla_sm1 span {
	right: 2%;
	bottom: 41%;
}
#m_itla #m_itla_sm1 em,
#m_itla #m_itla_sm1 strong {
	left: 50%;
	top: 39%;
}
#m_itla #m_itla_sm1 em {
	transform: rotate(16deg);
}
#m_itla.on #m_itla_sm1 em {
	width: 40%;
}
#m_itla #m_itla_sm1 strong {
	width: 6%;
	height: 5%;
	transform: rotate(-24deg);
	margin-left: -3%;
	margin-top: -1.5%;
	border-radius: 10%;
}

#m_itla #m_itla_fpc span {
	right: 2%;
	bottom: 28%;
}
#m_itla #m_itla_fpc em,
#m_itla #m_itla_fpc strong {
	left: 71%;
	top: 61%
}
#m_itla #m_itla_fpc em {
	transform: rotate(14deg);
}
#m_itla.on #m_itla_fpc em {
	width: 24%;
}
#m_itla #m_itla_fpc strong {
	width: 14%;
	height: 21%;
	transform: rotate(0deg);
	margin-left: -6%;
	margin-top: -7%;
	border-radius: 50%;
}

#m_itla #m_itla_pac span {
	right: 2%;
	bottom: 15%;
}
#m_itla #m_itla_pac em,
#m_itla #m_itla_pac strong {
	left: 54%;
	top: 75%;
}
#m_itla #m_itla_pac em {
	transform: rotate(8deg);
}
#m_itla.on #m_itla_pac em {
	width: 37%;
}
#m_itla #m_itla_pac strong {
	width: 29%;
	height: 22%;
	transform: rotate(-23deg);
	margin-left: -15%;
	margin-top: -7%;
	border-radius: 10% 15% 50% 20% / 70% 90% 18% 50%;
}
/* ========== /component iTLA ========== */


/* ========== component TROSA ========== */
#m_trosa.on #m_trosa_pac img,
#m_trosa.on #m_trosa_pac-mask img {
	top: 32%;
}
#m_trosa.on #m_trosa_kovar img {
	top: -31%;
}
#m_trosa.on #m_trosa_tm img {
	left: 1%;
	top: -18%;
}
#m_trosa.on #m_trosa_iso img {
	left: -1%;
	top: -13%;
}
#m_trosa.on #m_trosa_sm img {
	left: 3%;
	top: -2.7%;
}
#m_trosa.on #m_trosa_tec img {
	left: 2%;
	top: 15%;
}
#m_trosa.on #m_trosa_lens img {
	left: -1%;
	top: 23%;
}
#m_trosa.on #m_trosa_pd img {
    left: 19%;
    top: -24%;
}
#m_trosa.on #m_trosa_tia img {
	left: 19%;
	top: -16%;
}
#m_trosa.on #m_trosa_sus img {
	left: 19%;
	top: -10%;
}
#m_trosa.on #m_trosa_mux img {
	left: 18%;
	top: -4%;
}
#m_trosa.on #m_trosa_fpc img {
	left: 12%;
	top: 26%;
}

#m_trosa.on #m_trosa_tm span {
	right: 73%;
	top: 22%;
}
#m_trosa.on #m_trosa_iso span {
	right: 73%;
	top: 35%;
}
#m_trosa.on #m_trosa_sm span {
	right: 73%;
	top: 53%;
}
#m_trosa.on #m_trosa_tec span {
	right: 73%;
	top: 72%;
}
#m_trosa.on #m_trosa_lens span {
	right: 73%;
	top: 85%;
}
#m_trosa.on #m_trosa_kovar span {
	left: 64%;
	top: 2%;
}
#m_trosa.on #m_trosa_pd span {
	left: 70%;
	top: 15%;
}
#m_trosa.on #m_trosa_tia span {
	left: 70%;
	top: 28%;
}
#m_trosa.on #m_trosa_sus span {
	left: 70%;
	top: 41%;
}
#m_trosa.on #m_trosa_mux span {
	left: 70%;
	top: 54%;
}
#m_trosa.on #m_trosa_fpc span {
	left: 70%;
	top: 72%;
}
#m_trosa.on #m_trosa_pac span {
	left: 70%;
	top: 85%;
}

#m_trosa #m_trosa_tm em,
#m_trosa #m_trosa_tm strong {
	left: 38.7%;
	top: 33%;
}
#m_trosa #m_trosa_tm em {
	transform: rotate(201deg);
}
#m_trosa.on #m_trosa_tm em {
	width: 13%;
}
#m_trosa #m_trosa_tm strong {
	width: 7%;
	height: 6%;
	margin-left: -3.5%;
	margin-top: -2%;
	border-radius: 50%;
	transform: rotate(20deg);
}

#m_trosa #m_trosa_iso em,
#m_trosa #m_trosa_iso strong {
	left: 35.8%;
	top: 40%;
}
#m_trosa #m_trosa_iso em {
	transform: rotate(180deg);
}
#m_trosa.on #m_trosa_iso em {
	width: 9%;
}
#m_trosa #m_trosa_iso strong {
	width: 6%;
	height: 9%;
	transform: rotate(0deg);
	margin-left: -3%;
	margin-top: -3%;
	border-radius: 50%;
}

#m_trosa #m_trosa_sm em:nth-of-type(1),
#m_trosa #m_trosa_sm strong:nth-of-type(1) {
	left: 44%;
	top: 39%;
}
#m_trosa #m_trosa_sm em:nth-of-type(1) {
	transform: rotate(152deg);
}
#m_trosa.on #m_trosa_sm em:nth-of-type(1) {
	width: 20%;
}
#m_trosa #m_trosa_sm strong:nth-of-type(1) {
	width: 5.2%;
	height: 20%;
	margin-left: -4.3%;
	margin-top: -2.5%;
	border-radius: 20% / 10%;
	transform: rotate(34deg) skew(0deg, -10deg);
}

#m_trosa #m_trosa_sm em:nth-of-type(2),
#m_trosa #m_trosa_sm strong:nth-of-type(2) {
	left: 44.9%;
	top: 48.5%;
}
#m_trosa #m_trosa_sm em:nth-of-type(2) {
	transform: rotate(170.4deg);
}
#m_trosa.on #m_trosa_sm em:nth-of-type(2) {
	width: 18%;
}
#m_trosa #m_trosa_sm strong:nth-of-type(2) {
	width: 3.5%;
	height: 14.5%;
	margin-left: 0.9%;
	margin-top: -6.6%;
	border-radius: 20% / 10%;
	transform: rotate(34deg) skew(0deg, -10deg);
}

#m_trosa #m_trosa_tec em:nth-of-type(1),
#m_trosa #m_trosa_tec strong:nth-of-type(1) {
	left: 41.7%;
	top: 61.5%;
}
#m_trosa #m_trosa_tec em:nth-of-type(1) {
	transform: rotate(156deg);
}
#m_trosa.on #m_trosa_tec em:nth-of-type(1) {
	width: 17%;
}
#m_trosa #m_trosa_tec strong:nth-of-type(1) {
	width: 5%;
	height: 13%;
	margin-left: -2.3%;
	margin-top: -4.3%;
	border-radius: 20% / 10%;
	transform: rotate(35deg) skew(0deg, -11deg);
}

#m_trosa #m_trosa_tec em:nth-of-type(2),
#m_trosa #m_trosa_tec strong:nth-of-type(2) {
	left: 38.2%;
	top: 68.1%;
}
#m_trosa #m_trosa_tec em:nth-of-type(2) {
	transform: rotate(167.8deg);
}
#m_trosa.on #m_trosa_tec em:nth-of-type(2) {
	width: 12%;
}
#m_trosa #m_trosa_tec strong:nth-of-type(2) {
	width: 3%;
	height: 4%;
	transform: rotate(31deg);
	margin-left: -1.7%;
	margin-top: -1.2%;
	border-radius: 10%/10%;
}

#m_trosa #m_trosa_lens em:nth-of-type(1),
#m_trosa #m_trosa_lens strong:nth-of-type(1) {
	left: 40.6%;
	top: 76.1%;
}
#m_trosa #m_trosa_lens em:nth-of-type(1) {
	transform: rotate(157.4deg);
}
#m_trosa.on #m_trosa_lens em:nth-of-type(1) {
	width: 15%;
}
#m_trosa #m_trosa_lens strong:nth-of-type(1) {
	width: 4%;
	height: 6%;
	margin-left: -2.1%;
	margin-top: -2.1%;
	border-radius: 50%;
	transform: rotate(0deg);
}

#m_trosa #m_trosa_lens em:nth-of-type(2),
#m_trosa #m_trosa_lens strong:nth-of-type(2) {
	left: 34.7%;
	top: 78.3%;
}
#m_trosa #m_trosa_lens em:nth-of-type(2) {
	transform: rotate(151.6deg);
}
#m_trosa.on #m_trosa_lens em:nth-of-type(2) {
	width: 9%;
}
#m_trosa #m_trosa_lens strong:nth-of-type(2) {
	width: 4%;
	height: 6%;
	margin-left: -2.1%;
	margin-top: -2.1%;
	border-radius: 50%;
	transform: rotate(0deg);
}

#m_trosa #m_trosa_lens em:nth-of-type(3),
#m_trosa #m_trosa_lens strong:nth-of-type(3) {
	left: 38.1%;
	top: 81.5%;
}
#m_trosa #m_trosa_lens em:nth-of-type(3) {
	transform: rotate(168.4deg);
}
#m_trosa.on #m_trosa_lens em:nth-of-type(3) {
	width: 12%;
}
#m_trosa #m_trosa_lens strong:nth-of-type(3) {
	width: 4%;
	height: 6%;
	margin-left: -2.1%;
	margin-top: -2.1%;
	border-radius: 50%;
	transform: rotate(0deg);
}

#m_trosa #m_trosa_kovar em,
#m_trosa #m_trosa_kovar strong {
	left: 51.5%;
	top: 15.3%;
}
#m_trosa #m_trosa_kovar em {
	transform: rotate(-25deg);
}
#m_trosa.on #m_trosa_kovar em {
	width: 14%;
}
#m_trosa #m_trosa_kovar strong {
	width: 14%;
	height: 31%;
	transform: rotate(34deg);
	margin-left: -7%;
	margin-top: -10%;
	border-radius: 90% 10% 77% 0% /30% 10% 20% 10%;
}

#m_trosa #m_trosa_pd em,
#m_trosa #m_trosa_pd strong {
	left: 60.7%;
	top: 28.2%;
}
#m_trosa #m_trosa_pd em {
	transform: rotate(-32deg);
}
#m_trosa.on #m_trosa_pd em {
	width: 12%;
}
#m_trosa #m_trosa_pd strong {
	width: 4%;
	height: 6%;
	transform: rotate(0deg);
	margin-left: -2%;
	margin-top: -2%;
	border-radius: 50%;
}

#m_trosa #m_trosa_tia em,
#m_trosa #m_trosa_tia strong {
	left: 61%;
	top: 35%;
}
#m_trosa #m_trosa_tia em {
	transform: rotate(-13deg);
}
#m_trosa.on #m_trosa_tia em {
	width: 10%;
}
#m_trosa #m_trosa_tia strong {
	width: 4%;
	height: 6%;
	transform: rotate(0deg);
	margin-left: -2%;
	margin-top: -2%;
	border-radius: 50%;
}

#m_trosa #m_trosa_sus em,
#m_trosa #m_trosa_sus strong {
	left: 61%;
	top: 43%;
}
#m_trosa #m_trosa_sus em {
	transform: rotate(0deg);
}
#m_trosa.on #m_trosa_sus em {
	width: 10%;
}
#m_trosa #m_trosa_sus strong {
	width: 6%;
	height: 9%;
	transform: rotate(0deg);
	margin-left: -3%;
	margin-top: -3%;
	border-radius: 50%;
}

#m_trosa #m_trosa_mux em,
#m_trosa #m_trosa_mux strong {
	left: 58.3%;
	top: 52%;
}
#m_trosa #m_trosa_mux em {
	transform: rotate(17deg);
}
#m_trosa.on #m_trosa_mux em {
	width: 13%;
}
#m_trosa #m_trosa_mux strong {
	width: 6%;
	height: 9%;
	transform: rotate(0deg);
	margin-left: -3.1%;
	margin-top: -3.3%;
	border-radius: 50%;
}

#m_trosa #m_trosa_fpc em,
#m_trosa #m_trosa_fpc strong {
	left: 60%;
	top: 61%;
}
#m_trosa #m_trosa_fpc em {
	transform: rotate(35deg);
}
#m_trosa.on #m_trosa_fpc em {
	width: 13%;
}
#m_trosa #m_trosa_fpc strong {
	width: 14%;
	height: 7%;
	transform: rotate(21deg);
	margin-left: -7%;
	margin-top: -2%;
	border-radius: 0%;
}

#m_trosa #m_trosa_pac em,
#m_trosa #m_trosa_pac strong {
	left: 50%;
	top: 83%;
}
#m_trosa #m_trosa_pac em {
	transform: rotate(8deg);
}
#m_trosa.on #m_trosa_pac em {
	width: 20%;
}
#m_trosa #m_trosa_pac strong {
	width: 18%;
	height: 42%;
	transform: rotate(38deg);
	margin-left: -7%;
	margin-top: -13%;
	border-radius: 100% 40% 50% 50%/ 20% 20% 50% 30%;
}
/* ========== /component TROSA ========== */


/* ========== component NH-ROSA ========== */
#map_component > li#m_nhrosa > div > img {
	left: 11%;
}

#m_nhrosa.on #m_nhrosa_pac img,
#m_nhrosa.on #m_nhrosa_pac-mask img {
	top: 6%;
}
#m_nhrosa.on #m_nhrosa_fpc img {
	left: 15%;
	top: 1%;
}
#m_nhrosa.on #m_nhrosa_tia img {
	top: -24%;
}
#m_nhrosa.on #m_nhrosa_pd img {
	top: -33%;
}
#m_nhrosa.on #m_nhrosa_lens img {
	top: -19%;
}
#m_nhrosa.on #m_nhrosa_mux img {
	top: -15%;
}
#m_nhrosa.on #m_nhrosa_rc img {
	left: 7%;
	top: 12%;
}
#m_nhrosa.on #m_nhrosa_top img {
	top: -42%;
}

#m_nhrosa.on #m_nhrosa_fpc span {
	left: 79%;
	top: 46%;
}
#m_nhrosa.on #m_nhrosa_pd span {
	left: 63%;
	bottom: 87%;
}
#m_nhrosa.on #m_nhrosa_tia span {
	left: 68%;
	bottom: 74%;
}
#m_nhrosa.on #m_nhrosa_rc span {
	left: 44%;
	top: 88%;
}
#m_nhrosa.on #m_nhrosa_top span {
	right: 64%;
	top: 19%;
}
#m_nhrosa.on #m_nhrosa_lens span {
	right: 57%;
	top: 34%;
}
#m_nhrosa.on #m_nhrosa_mux span {
	right: 62%;
	top: 50%;
}

#m_nhrosa #m_nhrosa_fpc em,
#m_nhrosa #m_nhrosa_fpc strong {
	left: 72%;
	top: 41%;
}
#m_nhrosa #m_nhrosa_fpc em {
	transform: rotate(25deg);
}
#m_nhrosa.on #m_nhrosa_fpc em {
	width: 8%;
}
#m_nhrosa #m_nhrosa_fpc strong {
	width: 14%;
	height: 34%;
	margin-left: -7%;
	margin-top: -11.3%;
	border-radius: 60% 10% 50% 5% /50% 10% 30% 5%;
	transform: rotate(44deg);
}

#m_nhrosa #m_nhrosa_pd em,
#m_nhrosa #m_nhrosa_pd strong {
	left: 51.3%;
	top: 27.9%;
}
#m_nhrosa #m_nhrosa_pd em {
	transform: rotate(-39deg);
}
#m_nhrosa.on #m_nhrosa_pd em {
	width: 16%;
}
#m_nhrosa #m_nhrosa_pd strong {
	width: 6%;
	height: 5%;
	margin-left: -3%;
	margin-top: -1.7%;
	border-radius: 50%;
	transform: rotate(30deg);
}

#m_nhrosa #m_nhrosa_tia em,
#m_nhrosa #m_nhrosa_tia strong {
	left: 52.9%;
	top: 34.6%;
}
#m_nhrosa #m_nhrosa_tia em {
	transform: rotate(-20deg);
}
#m_nhrosa.on #m_nhrosa_tia em {
	width: 17%;
}
#m_nhrosa #m_nhrosa_tia strong {
	width: 6%;
	height: 5%;
	margin-left: -3%;
	margin-top: -1.7%;
	border-radius: 50%;
	transform: rotate(30deg);
}

#m_nhrosa #m_nhrosa_top em,
#m_nhrosa #m_nhrosa_top strong {
	left: 50.5%;
	top: 14%;
}
#m_nhrosa #m_nhrosa_top em {
	transform: rotate(163deg);
}
#m_nhrosa.on #m_nhrosa_top em {
	width: 16%;
}
#m_nhrosa #m_nhrosa_top strong {
	width: 11%;
	height: 36%;
	margin-left: -5.6%;
	margin-top: -12%;
	transform: rotate(48deg);
	border-radius: 90% 10% 90% 10% /24% 10% 13% 10%;
}

#m_nhrosa #m_nhrosa_lens em,
#m_nhrosa #m_nhrosa_lens strong {
	left: 51.4%;
	top: 40.6%;
}
#m_nhrosa #m_nhrosa_lens em {
	transform: rotate(192deg);
}
#m_nhrosa.on #m_nhrosa_lens em {
	width: 9%;
}
#m_nhrosa #m_nhrosa_lens strong {
	width: 7%;
	height: 5%;
	margin-left: -3.7%;
	margin-top: -1.8%;
	border-radius: 50%;
	transform: rotate(30deg);
}

#m_nhrosa #m_nhrosa_mux em,
#m_nhrosa #m_nhrosa_mux strong {
	left: 46.7%;
	top: 50.4%;
}
#m_nhrosa #m_nhrosa_mux em {
	transform: rotate(173deg);
}
#m_nhrosa.on #m_nhrosa_mux em {
	width: 9%;
}
#m_nhrosa #m_nhrosa_mux strong {
	width: 12%;
	height: 18%;
	transform: rotate(0deg);
	margin-left: -6%;
	margin-top: -5.7%;
	border-radius: 50%;
}

#m_nhrosa #m_nhrosa_rc em,
#m_nhrosa #m_nhrosa_rc strong {
	left: 33.9%;
	top: 89.4%;
}
#m_nhrosa #m_nhrosa_rc em {
	transform: rotate(0deg);
}
#m_nhrosa.on #m_nhrosa_rc em {
	width: 10%;
}
#m_nhrosa #m_nhrosa_rc strong {
	width: 10%;
	height: 26%;
	margin-top: -8.5%;
	margin-left: -5%;
	border-radius: 10%;
	transform: rotate(46deg);
}
/* ========== /component NH-ROSA ========== */


/* ========== component PIC TOSA ========== */
#m_pictosa.on #m_pictosa_fpc img {
	left: 6%;
	top: 10%;
}
#m_pictosa.on #m_pictosa_pac img,
#m_pictosa.on #m_pictosa_pac-mask img {
	left: 10%;
	top: 15%;
}
#m_pictosa.on #m_pictosa_tec img {
	left: 10%;
	top: -7%;
}
#m_pictosa.on #m_pictosa_pic img {
	left: 10%;
	top: -18%;
}
#m_pictosa.on #m_pictosa_tm img {
	left: 4%;
	top: -18%;
}
#m_pictosa.on #m_pictosa_lens img {
	left: 14%;
	top: 0%;
}
#m_pictosa.on #m_pictosa_rc img {
	left: 14%;
	top: 20%;
}
#m_pictosa.on #m_pictosa_top img {
	left: 10%;
	top: -30%;
}

#m_pictosa.on #m_pictosa_fpc span {
	right: 75%;
	top: 38%;
}
#m_pictosa.on #m_pictosa_pac span {
	right: 58%;
	top: 69%;
}
#m_pictosa.on #m_pictosa_tec span {
	left: 70%;
	top: 44%;
}
#m_pictosa.on #m_pictosa_pic span {
	left: 70%;
	top: 29%;
}
#m_pictosa.on #m_pictosa_tm span {
	right: 64%;
	top: 19%;
}
#m_pictosa.on #m_pictosa_lens span {
	left: 70%;
	top: 59%;
}
#m_pictosa.on #m_pictosa_rc span {
	right: 42%;
	top: 86%;
}
#m_pictosa.on #m_pictosa_top span {
	left: 64%;
	top: 8%;
}

#m_pictosa #m_pictosa_fpc em,
#m_pictosa #m_pictosa_fpc strong {
	left: 35%;
	top: 41%;
}
#m_pictosa #m_pictosa_fpc em {
	transform: rotate(184deg);
}
#m_pictosa.on #m_pictosa_fpc em {
	width: 10%;
}
#m_pictosa #m_pictosa_fpc strong {
	width: 9%;
	height: 20%;
	margin-left: -4.3%;
	margin-top: -5.7%;
	border-radius: 10%;
	transform: rotate(44deg);
}

#m_pictosa #m_pictosa_pac em,
#m_pictosa #m_pictosa_pac strong {
	left: 51%;
	top: 64%;
}
#m_pictosa #m_pictosa_pac em {
	transform: rotate(154deg);
}
#m_pictosa.on #m_pictosa_pac em {
	width: 10%;
}
#m_pictosa #m_pictosa_pac strong {
	width: 28%;
	height: 22%;
	margin-left: -14.3%;
	margin-top: -7.4%;
	border-radius: 10%;
	transform: rotate(40deg);
}

#m_pictosa #m_pictosa_tec em,
#m_pictosa #m_pictosa_tec strong {
	left: 51%;
	top: 43.1%;
}
#m_pictosa #m_pictosa_tec em {
	transform: rotate(6deg);
}
#m_pictosa.on #m_pictosa_tec em {
	width: 20%;
}
#m_pictosa #m_pictosa_tec strong {
	width: 6%;
	height: 20%;
	margin-left: -2.9%;
	margin-top: -6.3%;
	border-radius: 10%;
	transform: rotate(-50deg);
}

#m_pictosa #m_pictosa_tm em,
#m_pictosa #m_pictosa_tm strong {
	left: 45.5%;
	top: 31.5%;
}
#m_pictosa #m_pictosa_tm em {
	transform: rotate(-159deg);
}
#m_pictosa.on #m_pictosa_tm em {
	width: 15%;
}
#m_pictosa #m_pictosa_tm strong {
	width: 4%;
	height: 6%;
	margin-left: -2%;
	margin-top: -1.9%;
	border-radius: 50%;
	transform: rotate(0deg);
}

#m_pictosa #m_pictosa_pic em,
#m_pictosa #m_pictosa_pic strong {
	left: 52%;
	top: 32%;
}
#m_pictosa #m_pictosa_pic em {
	transform: rotate(-2deg);
}
#m_pictosa.on #m_pictosa_pic em {
	width: 18%;
}
#m_pictosa #m_pictosa_pic strong {
	width: 5%;
	height: 17%;
	margin-left: -2.6%;
	margin-top: -5.3%;
	border-radius: 50%;
	transform: rotate(-50deg);
}

#m_pictosa #m_pictosa_lens em,
#m_pictosa #m_pictosa_lens strong {
	left: 59.7%;
	top: 55.6%;
}
#m_pictosa #m_pictosa_lens em {
	transform: rotate(19deg);
}
#m_pictosa.on #m_pictosa_lens em {
	width: 11%;
}
#m_pictosa #m_pictosa_lens strong {
	width: 6.5%;
	height: 10%;
	transform: rotate(0deg);
	margin-left: -2.9%;
	margin-top: -3.1%;
	border-radius: 50%;
}

#m_pictosa #m_pictosa_rc em,
#m_pictosa #m_pictosa_rc strong {
	left: 69%;
	top: 87%;
}
#m_pictosa #m_pictosa_rc em {
	transform: rotate(176deg);
}
#m_pictosa.on #m_pictosa_rc em {
	width: 11%;
}
#m_pictosa #m_pictosa_rc strong {
	width: 9%;
	height: 25%;
	margin-top: -8.3%;
	margin-left: -5%;
	border-radius: 10%;
	transform: rotate(-51deg);
}

#m_pictosa #m_pictosa_top em,
#m_pictosa #m_pictosa_top strong {
	left: 51.5%;
	top: 16%;
}
#m_pictosa #m_pictosa_top em {
	transform: rotate(-16deg);
}
#m_pictosa.on #m_pictosa_top em {
	width: 14%;
}
#m_pictosa #m_pictosa_top strong {
	width: 10%;
	height: 37%;
	margin-left: -5%;
	margin-top: -12%;
	transform: rotate(-52deg);
	border-radius: 10% 60% 10% 60% /10% 10% 40% 10%;
}
/* ========== /component PIC TOSA ========== */


/* ========== component TO TOSA ========== */
#map_component > li#m_totosa > div > img {
	left: 5%;
}

#m_totosa.on #m_totosa_fpc img {
	top: 24%;
}
#m_totosa.on #m_totosa_base img {
	top: 18%;
}
#m_totosa.on #m_totosa_tec img {
	top: 7%;
}
#m_totosa.on #m_totosa_sm img {
	top: 4%;
}
#m_totosa.on #m_totosa_pd img {
	left: 0%;
	top: 8%;
}
#m_totosa.on #m_totosa_tm img {
	left: 0%;
	top: 4%;
}
#m_totosa.on #m_totosa_lens img {
	top: -10%;
}
#m_totosa.on #m_totosa_can img {
	top: -28%;
}

#m_totosa.on #m_totosa_fpc span {
	left: 63%;
	bottom: 23%;
}
#m_totosa.on #m_totosa_tec span {
	left: 63%;
	bottom: 40%;
}
#m_totosa.on #m_totosa_sm span {
	left: 63%;
	bottom: 57%;
}
#m_totosa.on #m_totosa_pd span {
	right: 61%;
	bottom: 32%;
}
#m_totosa.on #m_totosa_tm span {
	right: 61%;
	bottom: 49%;
}
#m_totosa.on #m_totosa_lens span {
	right: 61%;
	bottom: 66%;
}
#m_totosa.on #m_totosa_can span {
	left: 63%;
	bottom: 74%;
}

#m_totosa #m_totosa_fpc em,
#m_totosa #m_totosa_fpc strong {
	left: 51.5%;
	top: 80%;
}
#m_totosa #m_totosa_fpc em {
	transform: rotate(-16deg);
}
#m_totosa.on #m_totosa_fpc em {
	width: 12%;
}
#m_totosa #m_totosa_fpc strong {
	width: 9%;
	height: 39%;
	margin-left: -12.6%;
	margin-top: -7.7%;
	transform: rotate(57deg) skew(0deg, -46deg);
	border-radius: 45% 47% 10% 10% /32% 17% 5% 5%;
}

#m_totosa #m_totosa_tec em,
#m_totosa #m_totosa_tec strong {
	left: 52.3%;
	top: 55%;
}
#m_totosa #m_totosa_tec em {
	transform: rotate(10deg);
}
#m_totosa.on #m_totosa_tec em {
	width: 11%;
}
#m_totosa #m_totosa_tec strong {
	width: 5.1%;
	height: 7%;
	margin-left: -2.6%;
	margin-top: -2.2%;
	transform: rotate(0deg);
	border-radius: 50%;
}

#m_totosa #m_totosa_sm em,
#m_totosa #m_totosa_sm strong {
	left: 52%;
	top: 48%;
}
#m_totosa #m_totosa_sm em {
	transform: rotate(-23deg);
}
#m_totosa.on #m_totosa_sm em {
	width: 12%;
}
#m_totosa #m_totosa_sm strong {
	width: 5%;
	height: 7.3%;
	margin-left: -2.6%;
	margin-top: -2.3%;
	transform: rotate(0deg);
	border-radius: 50%;
}

#m_totosa #m_totosa_pd em,
#m_totosa #m_totosa_pd strong {
	left: 46%;
	top: 54.2%;
}
#m_totosa #m_totosa_pd em {
	transform: rotate(139deg);
}
#m_totosa.on #m_totosa_pd em {
	width: 10%;
}
#m_totosa #m_totosa_pd strong {
	width: 4%;
	height: 6%;
	margin-left: -2%;
	margin-top: -2%;
	transform: rotate(0deg);
	border-radius: 50%;
}

#m_totosa #m_totosa_tm em,
#m_totosa #m_totosa_tm strong {
	left: 46%;
	top: 47.2%;
}
#m_totosa #m_totosa_tm em {
	transform: rotate(172deg);
}
#m_totosa.on #m_totosa_tm em {
	width: 8%;
}
#m_totosa #m_totosa_tm strong {
	width: 4%;
	height: 6%;
	margin-left: -2%;
	margin-top: -2%;
	transform: rotate(0deg);
	border-radius: 50%;
}

#m_totosa #m_totosa_lens em,
#m_totosa #m_totosa_lens strong {
	left: 51.6%;
	top: 34%;
}
#m_totosa #m_totosa_lens em {
	transform: rotate(186deg);
}
#m_totosa.on #m_totosa_lens em {
	width: 13%;
}
#m_totosa #m_totosa_lens strong {
	width: 11%;
	height: 18%;
	margin-left: -5.5%;
	margin-top: -6%;
	transform: rotate(0deg);
	border-radius: 50% / 20%;
}

#m_totosa #m_totosa_can em,
#m_totosa #m_totosa_can strong {
	left: 51.6%;
	top: 14%;
}
#m_totosa #m_totosa_can em {
	transform: rotate(24deg);
}
#m_totosa.on #m_totosa_can em {
	width: 13%;
}
#m_totosa #m_totosa_can strong {
	width: 12%;
	height: 24%;
	margin-left: -6%;
	margin-top: -8.7%;
	transform: rotate(0deg);
	border-radius: 10%;
}
/* ========== /component TO TOSA ========== */


/* ========== component LiDAR LD ========== */
#map_component > li#m_lidarld > div > img {
	left: 5%;
}

#m_lidarld.on #m_lidarld_fpc img {
	top: 24%;
}
#m_lidarld.on #m_lidarld_base img {
	top: 18%;
}
#m_lidarld.on #m_lidarld_tec img {
	top: 7%;
}
#m_lidarld.on #m_lidarld_sm img {
	top: 4%;
}
#m_lidarld.on #m_lidarld_pd img {
	left: 0%;
	top: 8%;
}
#m_lidarld.on #m_lidarld_tm img {
	left: 0%;
	top: 4%;
}
#m_lidarld.on #m_lidarld_lens img {
	top: -10%;
}
#m_lidarld.on #m_lidarld_can img {
	top: -28%;
}

#m_lidarld.on #m_lidarld_fpc span {
	left: 63%;
	bottom: 23%;
}
#m_lidarld.on #m_lidarld_tec span {
	left: 63%;
	bottom: 40%;
}
#m_lidarld.on #m_lidarld_sm span {
	left: 63%;
	bottom: 57%;
}
#m_lidarld.on #m_lidarld_pd span {
	right: 61%;
	bottom: 32%;
}
#m_lidarld.on #m_lidarld_tm span {
	right: 61%;
	bottom: 49%;
}
#m_lidarld.on #m_lidarld_lens span {
	right: 61%;
	bottom: 66%;
}
#m_lidarld.on #m_lidarld_can span {
	left: 63%;
	bottom: 74%;
}

#m_lidarld #m_lidarld_fpc em,
#m_lidarld #m_lidarld_fpc strong {
	left: 51.5%;
	top: 80%;
}
#m_lidarld #m_lidarld_fpc em {
	transform: rotate(-16deg);
}
#m_lidarld.on #m_lidarld_fpc em {
	width: 12%;
}
#m_lidarld #m_lidarld_fpc strong {
	width: 9%;
	height: 39%;
	margin-left: -12.6%;
	margin-top: -7.7%;
	transform: rotate(57deg) skew(0deg, -46deg);
	border-radius: 45% 47% 10% 10% /32% 17% 5% 5%;
}

#m_lidarld #m_lidarld_tec em,
#m_lidarld #m_lidarld_tec strong {
	left: 52.3%;
	top: 55%;
}
#m_lidarld #m_lidarld_tec em {
	transform: rotate(10deg);
}
#m_lidarld.on #m_lidarld_tec em {
	width: 11%;
}
#m_lidarld #m_lidarld_tec strong {
	width: 5.1%;
	height: 7%;
	margin-left: -2.6%;
	margin-top: -2.2%;
	transform: rotate(0deg);
	border-radius: 50%;
}

#m_lidarld #m_lidarld_sm em,
#m_lidarld #m_lidarld_sm strong {
	left: 52%;
	top: 48%;
}
#m_lidarld #m_lidarld_sm em {
	transform: rotate(-23deg);
}
#m_lidarld.on #m_lidarld_sm em {
	width: 12%;
}
#m_lidarld #m_lidarld_sm strong {
	width: 5%;
	height: 7.3%;
	margin-left: -2.6%;
	margin-top: -2.3%;
	transform: rotate(0deg);
	border-radius: 50%;
}

#m_lidarld #m_lidarld_pd em,
#m_lidarld #m_lidarld_pd strong {
	left: 46%;
	top: 54.2%;
}
#m_lidarld #m_lidarld_pd em {
	transform: rotate(139deg);
}
#m_lidarld.on #m_lidarld_pd em {
	width: 10%;
}
#m_lidarld #m_lidarld_pd strong {
	width: 4%;
	height: 6%;
	margin-left: -2%;
	margin-top: -2%;
	transform: rotate(0deg);
	border-radius: 50%;
}

#m_lidarld #m_lidarld_tm em,
#m_lidarld #m_lidarld_tm strong {
	left: 46%;
	top: 47.2%;
}
#m_lidarld #m_lidarld_tm em {
	transform: rotate(172deg);
}
#m_lidarld.on #m_lidarld_tm em {
	width: 8%;
}
#m_lidarld #m_lidarld_tm strong {
	width: 4%;
	height: 6%;
	margin-left: -2%;
	margin-top: -2%;
	transform: rotate(0deg);
	border-radius: 50%;
}

#m_lidarld #m_lidarld_lens em,
#m_lidarld #m_lidarld_lens strong {
	left: 51.6%;
	top: 34%;
}
#m_lidarld #m_lidarld_lens em {
	transform: rotate(186deg);
}
#m_lidarld.on #m_lidarld_lens em {
	width: 13%;
}
#m_lidarld #m_lidarld_lens strong {
	width: 11%;
	height: 18%;
	margin-left: -5.5%;
	margin-top: -6%;
	transform: rotate(0deg);
	border-radius: 50% / 20%;
}

#m_lidarld #m_lidarld_can em,
#m_lidarld #m_lidarld_can strong {
	left: 51.6%;
	top: 14%;
}
#m_lidarld #m_lidarld_can em {
	transform: rotate(24deg);
}
#m_lidarld.on #m_lidarld_can em {
	width: 13%;
}
#m_lidarld #m_lidarld_can strong {
	width: 12%;
	height: 24%;
	margin-left: -6%;
	margin-top: -8.7%;
	transform: rotate(0deg);
	border-radius: 10%;
}
/* ========== /component LiDAR LD ========== */


/* ========== component TO ROSA ========== */
#m_torosa.on #m_torosa_base img,
#m_torosa.on #m_torosa_tm img {
	top: 24%;
}
#m_torosa.on #m_torosa_sm img {
	top: 4.5%;
}
#m_torosa.on #m_torosa_tia img {
	top: 6%;
}
#m_torosa.on #m_torosa_pd img {
	top: -1%;
}
#m_torosa.on #m_torosa_box img {
	top: -4.5%;
}
#m_torosa.on #m_torosa_lens img {
	top: -20%;
}

#m_torosa.on #m_torosa_tia span {
	right: 70%;
	top: 60%;
}
#m_torosa.on #m_torosa_sm span {
	left: 59%;
	top: 60%;
}
#m_torosa.on #m_torosa_pd span {
	right: 70%;
	bottom: 60%;
}
#m_torosa.on #m_torosa_lens span {
	left: 70%;
	bottom: 60%;
}

#m_torosa #m_torosa_tia em,
#m_torosa #m_torosa_tia strong {
	left: 43%;
	top: 66%;
}
#m_torosa #m_torosa_tia em {
	transform: rotate(-169deg);
}
#m_torosa.on #m_torosa_tia em {
	width: 14%;
}
#m_torosa #m_torosa_tia strong {
	width: 12.3%;
	height: 8%;
	margin-left: -6.6%;
	margin-top: -2.2%;
	transform: rotate(29deg) skew(-30deg, 0deg);
	border-radius: 10% 90% / 90% 10%;
}

#m_torosa #m_torosa_pd em,
#m_torosa #m_torosa_pd strong {
	left: 49.1%;
	top: 54%;
}
#m_torosa #m_torosa_pd em {
	transform: rotate(-154.4deg);
}
#m_torosa.on #m_torosa_pd em {
	width: 22%;
}
#m_torosa #m_torosa_pd strong {
	width: 5%;
	height: 5%;
	margin-left: -2.6%;
	margin-top: -1.2%;
	transform: rotate(0deg);
	border-radius: 50%;
}

#m_torosa #m_torosa_sm em,
#m_torosa #m_torosa_sm strong {
	left: 48.5%;
	top: 61%;
}
#m_torosa #m_torosa_sm em {
	transform: rotate(3deg);
}
#m_torosa.on #m_torosa_sm em {
	width: 11%;
}
#m_torosa #m_torosa_sm strong {
	width: 9%;
	height: 8%;
	margin-left: -4.4%;
	margin-top: -2.2%;
	transform: rotate(-22deg) skew(40deg, 0deg);
	border-radius: 30% / 40%;
}

#m_torosa #m_torosa_lens em,
#m_torosa #m_torosa_lens strong {
	left: 49%;
	top: 29%;
}
#m_torosa #m_torosa_lens em {
	transform: rotate(12deg);
}
#m_torosa.on #m_torosa_lens em {
	width: 22%;
}
#m_torosa #m_torosa_lens strong {
	width: 30%;
	height: 49%;
	margin-left: -15%;
	margin-top: -19%;
	transform: rotate(0deg);
	border-radius: 50% / 20%;
}
/* ========== /component TO TOSA ========== */


/* ========== component LiDAR PD ========== */
#m_lidarpd.on #m_lidarpd_base img,
#m_lidarpd.on #m_lidarpd_tm img {
	top: 24%;
}
#m_lidarpd.on #m_lidarpd_sm img {
	top: 4.5%;
}
#m_lidarpd.on #m_lidarpd_tia img {
	top: 6%;
}
#m_lidarpd.on #m_lidarpd_pd img {
	top: -1%;
}
#m_lidarpd.on #m_lidarpd_box img {
	top: -4.5%;
}
#m_lidarpd.on #m_lidarpd_lens img {
	top: -20%;
}

#m_lidarpd.on #m_lidarpd_tia span {
	right: 70%;
	top: 60%;
}
#m_lidarpd.on #m_lidarpd_sm span {
	left: 59%;
	top: 60%;
}
#m_lidarpd.on #m_lidarpd_pd span {
	right: 70%;
	bottom: 60%;
}
#m_lidarpd.on #m_lidarpd_lens span {
	left: 70%;
	bottom: 60%;
}

#m_lidarpd #m_lidarpd_tia em,
#m_lidarpd #m_lidarpd_tia strong {
	left: 43%;
	top: 66%;
}
#m_lidarpd #m_lidarpd_tia em {
	transform: rotate(-169deg);
}
#m_lidarpd.on #m_lidarpd_tia em {
	width: 14%;
}
#m_lidarpd #m_lidarpd_tia strong {
	width: 12.3%;
	height: 8%;
	margin-left: -6.6%;
	margin-top: -2.2%;
	transform: rotate(29deg) skew(-30deg, 0deg);
	border-radius: 10% 90% / 90% 10%;
}

#m_lidarpd #m_lidarpd_pd em,
#m_lidarpd #m_lidarpd_pd strong {
	left: 49.1%;
	top: 54%;
}
#m_lidarpd #m_lidarpd_pd em {
	transform: rotate(-154.4deg);
}
#m_lidarpd.on #m_lidarpd_pd em {
	width: 22%;
}
#m_lidarpd #m_lidarpd_pd strong {
	width: 5%;
	height: 5%;
	margin-left: -2.6%;
	margin-top: -1.2%;
	transform: rotate(0deg);
	border-radius: 50%;
}

#m_lidarpd #m_lidarpd_sm em,
#m_lidarpd #m_lidarpd_sm strong {
	left: 48.5%;
	top: 61%;
}
#m_lidarpd #m_lidarpd_sm em {
	transform: rotate(3deg);
}
#m_lidarpd.on #m_lidarpd_sm em {
	width: 11%;
}
#m_lidarpd #m_lidarpd_sm strong {
	width: 9%;
	height: 8%;
	margin-left: -4.4%;
	margin-top: -2.2%;
	transform: rotate(-22deg) skew(40deg, 0deg);
	border-radius: 30% / 40%;
}

#m_lidarpd #m_lidarpd_lens em,
#m_lidarpd #m_lidarpd_lens strong {
	left: 49%;
	top: 29%;
}
#m_lidarpd #m_lidarpd_lens em {
	transform: rotate(12deg);
}
#m_lidarpd.on #m_lidarpd_lens em {
	width: 22%;
}
#m_lidarpd #m_lidarpd_lens strong {
	width: 30%;
	height: 49%;
	margin-left: -15%;
	margin-top: -19%;
	transform: rotate(0deg);
	border-radius: 50% / 20%;
}
/* ========== /component LiDAR PD ========== */

/* ==================== /component part ==================== */

/* ============================== /component ============================== */

/* ============================== GENERATION 2 ============================== */
/*
#map_component > li[data-generation="2"] {
	transition-property: background,transform;
	transition-delay: 0ms;
	transition-duration: 400ms;
	transition-timing-function: ease-out;
	transform: scale(0);
	background: rgba(0,0,0,0);
	z-index: 200;
}
#map_component > li[data-generation="2"].on {
	transform: scale(1);
	background: rgba(0,0,0,1);
}
*/
li[data-generation="2"] > * > em {
	width: 0;
}
li[data-generation="2"].on > * > em {
	transition-property: width!important;
	transition-duration: 400ms!important;
	transition-timing-function: ease-out!important;
}

/* ========== component CW ========== */
#m_cw > img {
	position: absolute;
	left: 0%;
	bottom: 0%;
	width: 80%;
	height: auto;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
	animation-delay: 1700ms;
	animation-duration: 500ms;
}
#m_cw.on > [src*="kv"] {
	animation-name: m_cw_kv,m_cw_kv2;
	animation-delay: 500ms,1700ms;
	animation-duration: 300ms,500ms;
}
@keyframes m_cw_kv {
	0% {
		bottom: 0%;
	}
	100% {
		bottom: 25%;
	}
}
@keyframes m_cw_kv2 {
	0% {
		bottom: 25%;
	}
	100% {
		bottom: 10%;
	}
}
#m_cw.on > [src*="fau"] {
	animation-name: m_cw_fau,m_cw_fau2;
	animation-delay: 1200ms,1700ms;
	animation-duration: 500ms,500ms;
}
@keyframes m_cw_fau {
	0% {
		left: 0%;
		bottom: 0%;
	}
	100% {
		left: -15%;
		bottom: -15%;
	}
}
@keyframes m_cw_fau2 {
	0% {
		left: -15%;
		bottom: -15%;
		width: 80%;
	}
	100% {
		left: 5%;
		bottom: 25%;
		width: 30%;
	}
}
#m_cw.on > [src*="pac"] {
	animation-name: m_cw_pac;
}
@keyframes m_cw_pac {
	0% {
		bottom: 0%;
	}
	100% {
		bottom: -50%;
	}
}
#m_cw.on > [src*="tec"] {
	animation-name: m_cw_tec;
}
@keyframes m_cw_tec {
	0% {
		bottom: 0%;
	}
	100% {
		bottom: -18%;
	}
}
#m_cw.on > [src*="sm"] {
	animation-name: m_cw_sm;
}
@keyframes m_cw_sm {
	0% {
		bottom: 0%;
	}
	100% {
		bottom: -3%;
	}
}
#m_cw.on > [src*="fpc"] {
	animation-name: m_cw_fpc;
}
@keyframes m_cw_fpc {
	0% {
		left: 0%;
		bottom: 0%;
	}
	100% {
		left: 5%;
		bottom: -40%;
	}
}
#m_cw.on > [src*="lens"] {
	animation-name: m_cw_lens;
}
@keyframes m_cw_lens {
	0% {
		left: 0%;
		bottom: 0%;
	}
	100% {
		left: -20%;
		bottom: -15%;
	}
}
#m_cw.on > [src*="pd"] {
	animation-name: m_cw_pd;
}
@keyframes m_cw_pd {
	0% {
		left: 0%;
		bottom: 0%;
	}
	100% {
		left: -20%;
		bottom: -5%;
	}
}
#m_cw.on > [src*="tm"] {
	animation-name: m_cw_tm;
}
@keyframes m_cw_tm {
	0% {
		left: 0%;
		bottom: 0%;
	}
	100% {
		left: -20%;
		bottom: 5%;
	}
}

#m_cw > * > span {
	padding-left: 5px;
	padding-right: 5px;
}

#m_cw_fau > span {
	top: 73%;
	right: 62%;
}
#m_cw_pac > span {
	left: 65%;
	bottom: 1%;
	padding-left: 5px;
	padding-right: 5px;
}
#m_cw_fpc > span {
	left: 76%;
	top: 70%;
}
#m_cw_kv > span {
	left: 67%;
	top: 1%;
}
#m_cw_sm > span {
	left: 65%;
	top: 23%;
}
#m_cw_tec > span {
	left: 67%;
	top: 38%;
}
#m_cw_lens > span {
	left: 34%;
	top: 55%;
}
#m_cw_tm > span {
	right: 71%;
	bottom: 78%;
}
#m_cw_pd > span {
	right: 68%;
	top: 28%;
}

#m_cw_fau > strong {
	left: 7%;
	top: 47%;
	width: 22%;
	height: 25%;
	border-radius: 80% 20%;
}
#m_cw_pac > strong {
	left: 42%;
	bottom: 0%;
	width: 32%;
	height: 39%;
	border-radius: 50%;
}
#m_cw_fpc > strong {
	left: 66%;
	bottom: 31%;
	width: 18%;
	height: 19%;
	border-radius: 40% 60%;
}
#m_cw_tec > strong {
	left: 49%;
	bottom: 39%;
	width: 18%;
	height: 19%;
	border-radius: 40% 60%;
}
#m_cw_sm > strong {
	left: 49%;
	bottom: 56%;
	width: 18%;
	height: 19%;
	border-radius: 40% 60%;
}
#m_cw_tm > strong {
	left: 32.7%;
	top: 14.2%;
	width: 6%;
	height: 9%;
	border-radius: 50%;
}
#m_cw_pd > strong {
	left: 34%;
	top: 26%;
	width: 12%;
	height: 13%;
	border-radius: 30% 70%;
}
#m_cw_lens > strong {
	left: 32%;
	top: 38%;
	width: 12%;
	height: 13%;
	border-radius: 30% 70%;
}
#m_cw_kv > strong {
	width: 29%;
	height: 28%;
	left: 45%;
	top: 0%;
	border-radius: 50%;
}
#m_cw > * > strong {
	transform: scale(0);
	transition-property: transform;
}
#m_cw.on > * > strong {
	transform: scale(1);
}
#m_cw.on > * > strong,
#m_cw.on > * > span,
#m_cw.on > * > em {
	transition-delay: 2500ms;
}
#m_cw.on > #m_cw_fau > em {
	left: 18%;
	top: 59%;
	width: 14%;
	transform: rotate(43deg);
}
#m_cw.on > #m_cw_pac > em {
	left: 59%;
	bottom: 19%;
	width: 17%;
	transform: rotate(32deg);
}
#m_cw.on > #m_cw_fpc > em {
	left: 75%;
	bottom: 40%;
	width: 8%;
	transform: rotate(67deg);
}
#m_cw.on > #m_cw_tec > em {
	left: 58%;
	bottom: 49%;
	width: 12%;
	transform: rotate(-28deg);
}
#m_cw.on > #m_cw_sm > em {
	left: 58%;
	bottom: 65%;
	width: 11%;
	transform: rotate(-28deg);
}
#m_cw.on > #m_cw_tm > em {
	left: 35.7%;
	top: 18.6%;
	width: 7%;
	transform: rotate(180deg);
}
#m_cw.on > #m_cw_pd > em {
	left: 40%;
	top: 32%;
	width: 9%;
	transform: rotate(187deg);
}
#m_cw.on > #m_cw_lens > em {
	left: 38%;
	top: 45%;
	width: 7%;
	transform: rotate(98deg);
}
#m_cw.on > #m_cw_kv > em {
	left: 60%;
	top: 13%;
	width: 10%;
	transform: rotate(-30deg);
}


/* ========== /component CW ========== */

/* ============================== /GENERATION 2 ============================== */



.leadText {
	margin-top: 30px;
	margin-bottom: 30px;
}

.mapComList {
	max-width: 965px;
	margin: 0 auto;
}

.mapComList .Column1 {
	width: 25%;
	text-align: center;
	box-sizing: border-box;
}
.mapComList .Column3 {
	width: 75%;
	margin: 0;
	padding: 0 0 0 25px;
	box-sizing: border-box;
}

.mapComList img {
	max-width: 100%;
	height: auto;
}

/* ===== VIDEO ===== */
#videoGallery {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
#videoGallery > div {
	position: relative;
	width: calc( 50% - 5px );
	cursor: pointer;
}
#videoGallery:has(> div:nth-child(3)) > div {
	width: calc( 33.33% - 5px );
}
#videoGallery:has(> div:nth-child(4)) > div {
	width: calc( 25% - 5px );
}
#videoGallery:has(> div:nth-child(5)) > div {
	width: calc( 20% - 5px );
}
#videoGallery > div::before,
#videoGallery > div::after {
	content: "";
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
}
#videoGallery > div::before {
	background-color: rgba(0,0,0,.45);
	width: 100px;
	height: 100px;
	margin-left: -50px;
	margin-top: -50px;
	border-radius: 50%;
}
#videoGallery > div::after {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-color: transparent transparent transparent #ffffff;
	border-width: 13px 0 13px 22px;
	margin-left: -8px;
	margin-top: -13px;
}
#videoGallery > div img {
	width: 100%;
	max-width: 100%;
	height: 100%!important;
}

#videoBox #video1 .vjs-poster {
	background-image: url(/image/global/products/advanced/electronics/optical/movie.jpg)!important;
}
#videoBox #video3 .vjs-poster {
	background-image: url(/image/global/products/advanced/electronics/optical/vt_5G_Anntena.jpg)!important;
}
#videoBox #video4 .vjs-poster {
	background-image: url(/image/global/products/advanced/electronics/optical/vt_lidar.jpg)!important;
}
#videoBox #video5 .vjs-poster {
	background-image: url("/image/global/products/advanced/electronics/optical/vt_fmcw_lidar.png")!important;
}
#videoBox {
	position: fixed;
	left: 0;
	top: 0;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: none;
}
#videoBox.show {
	display: block;
}
#videoOverlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
}
#videoOverlay > div {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	border: #ffffff solid 1px;
}
#videoOverlay > div::before,
#videoOverlay > div::after {
	content: "";
	overflow: hidden;
	position: absolute;
	left: 23px;
	top: 0px;
	width: 4px;
	height: 100%;
	border-radius: 2px;
	background: #ffffff;
	transform-origin: center;
}
#videoOverlay > div::before {
	transform: rotate(45deg);
}
#videoOverlay > div::after {
	transform: rotate(-45deg);
}
#videoContent {
	position: absolute;
	left: calc( 50% - 480px );
	top: calc( 50% - 270px );
	width: 960px;
	height: 540px;
}
#videoContent > video {
	width: 100%;
}
#videoContent > * {
	display: none;
}
#videoContent > *.show {
	display: block;
}
@media screen and ( max-width : 1260px ) {
	#videoContent {
		left: calc( 50vw - 38.095vw );
		top: calc( 50vh - 21.43vw );
		width: 76.19vw ;
		height: 42.86vw;
	}
}
@media screen and ( max-height : 740px ) and ( min-aspect-ratio : 1260 / 740 ) {
	#videoContent {
		left: calc( 50vw - 64.865vh );
		top: calc( 50vh - 36.485vh );
		width: 129.73vh ;
		height: 72.97vh;
	}
}
@media screen and ( max-width : 767px ) {
	#videoBox {
		position: static;
		display: block;
	}
	#videoContent > * {
		display: block;
		margin-bottom: 20px;
	}
	#videoOverlay,
	#videoGallery > div {
		display: none;
	}
	#videoContent {
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		height: auto;
	}
}


/* ===== move ===== */
#map_marker > li[data-move] > * {
	z-index: 25;
}
#map_marker > li[data-move]:hover {
	animation-play-state: paused;
}
#map_marker > li[data-move]::before {
	content: "";
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
#map_marker > li[data-move]:hover::before {
	z-index: 30!important;
}
@media screen and (max-width: 567px) {
	#map_marker > li[data-move]::before {
		content: none;
		display: none;
	}
}

#map_marker > li[data-move="LiDAR-Drone"]::before {
	background-image: url("/image/global/products/advanced/electronics/optical/map/drone.png");
	background-position: left top;
	width: 200%;
	height: 100%;
	left: -50%;
	top: 60%;
	animation: LiDAR-Drone-sway 2000ms ease-in-out infinite alternate;
}
@keyframes LiDAR-Drone-sway {
	0%{
		transform: translateY(0%);
	}
	100%{
		transform: translateY(15%);
	}
}
#map_marker > li[data-move="LiDAR-Drone"] {
	left: 23%;
	bottom: 69%;
	z-index: 25;
	animation:
		LiDAR-Drone-moveBase 20000ms linear infinite;
}
@keyframes LiDAR-Drone-moveBase {
	0%,20%,100% {
		left: 77%;
		bottom: 86%;
	}
	40% {
		left: 61%;
		bottom: 73%;
	}
	60% {
		left: 46%;
		bottom: 86%;
	}
	80% {
		left: 63%;
		bottom: 88%;
	}
}

#map_marker > li[data-move="LiDAR-Car"]::before {
	background-image: url("/image/global/products/advanced/electronics/optical/map/car.png");
	background-size: 200% auto;
	background-position: left top;
	width: 65.4%;
	height: 45.08%;
	left: 10%;
	top: 100%;
	z-index: 5;
	animation: LiDAR-Car-direction 78000ms linear infinite;
}
#map_marker > li[data-move="LiDAR-Car"]:hover::before {
	animation-play-state: paused;
}
@keyframes LiDAR-Car-direction {
	0%,19.2%,50.01%,69.2%,96.21%,100% {
		background-position: left top;
	}
	19.21%,26.9%,69.21%,76.9% {
		background-position: left bottom;
	}
	26.91%,42.3%,76.91%,88.5% {
		background-position: right bottom;
	}
	42.31%,88.51%,50%,96.2% {
		background-position: right top;
	}
}
#map_marker > li[data-move="LiDAR-Car"] {
	left: 62.5%;
	bottom: 64%;
	animation: LiDAR-Car-move 78000ms linear infinite;
}
#map_marker.forTouch > li[data-move="LiDAR-Car"] {
	animation: none!important;
}
@keyframes LiDAR-Car-move {
	0%,7.7%,53.8%,61.5%,100% {
		left: 62.5%;
		bottom: 64%;
	}
	19.2% {
		left: 26.2%;
		bottom: 96.8%;
	}
	69.2% {
		left: 39.4%;
		bottom: 84.7%;
	}
	26.9% {
		left: 1.2%;
		bottom: 74%;
	}
	76.9% {
		left: 14.5%;
		bottom: 62%;
	}
	42.3%,88.5% {
		left: 47.7%;
		bottom: 32.2%;
	}
	50%,96.2% {
		left: 72.6%;
		bottom: 54.8%;
	}
}

.forTouch [data-move] {
	animation: none!important;
}