.maps {display:inline-block; text-align:center; margin:5rem 0 3rem 0; position:relative;}
	.maps img {max-width:100%;}
	.maps .point {position:absolute; z-index:10; background:rgba(8,81,197,1); width:15px; height:15px; border-radius:100%;  box-shadow: 0 0 0 rgba(8,81,197,0.4);  animation: pulse 3s infinite; transition:all .3s;}
	/*
	.maps .point span {display:none; position:absolute; top:0px; left:-100px; padding:0 10px; background:#000; color:#fff; width:200px; height:35px; line-height:35px; font-size:19px; font-weight:500; transition:all .2s;}
	*/

	.maps .mbox {float:left; width:150px;  background:rgba(255,255,255,0.7); text-align:left; position:relative;}
	.maps .mbox h2 {background:#14489b; color:#fff; padding:5px; text-align:center;} 
	.maps .mbox ul {padding:10px 0; border:1px solid #a8b3c5; border-radius:0 0 10px 10px; }
	.maps .mbox li {padding:0 10px; margin-left:10px; margin-bottom:5px; padding-left:15px; font-size:0.9rem; line-height:1.25; position:relative; color:#727272;}
    .maps .mbox li::before {
            content: "•"; 
            position: absolute;
            left: 0px;
			top:-5px;
            color: #bfbfbf;
            font-size: 1.2rem; 
        }
	.maps .floatbox {position:absolute; top:-75px; left:-75px; }

	.maps .us1 {left:17%; top:35%; }
	.maps .us2 {left:25%; top:40%; }
	.maps .ge {left:49%; top:31.5%; }
	.maps .sw {left:51%; top:30%; }
	.maps .cn1 {right:25%; top:39%; }
	.maps .cn2 {right:21%; top:40%; }
	.maps .cn3 {right:22%; top:44%; }
	.maps .cn4 {right:19.5%; top:43%; }

	.maps .tw {right:18%; top:47%; }
	.maps .jp {right:13.5%; top:39%; }
	.maps .kr {right:16.5%; top:39%;}

	/*
	.maps .us2 .floatbox {top:30px; left:-65px;}
	.maps .ge .floatbox {top:-110px; left:-140px;}
	.maps .sw .floatbox {top:30px; left:0px;}
	.maps .cn1 .floatbox {top:-160px; left:-120px;}
	.maps .cn2 .floatbox {top:-150px; left:-20px;}
	.maps .tw .floatbox {top:40px; left:-140px;}
	.maps .jp .floatbox {top:20px; left:120px;}
	.maps .kr .floatbox {top:40px; left:20px;}
	*/

	.maplist1 {position:absolute; top:-10%; left:7.5%;}
	.maplist2 {position:absolute; bottom:0; right:2.5%;}
	.maplist3 {position:absolute; top:15%; right:0; width:150px;}

	.maplist3 .mbox {margin-top:15px;}

	.maplist1 .mbox {margin-right:20px; border-radius:10px;}
	.maplist2 .mbox {margin-right:20px; border-radius:10px;}
	
	.maploca {position:relative; z-index:-1; float:left; width:100%;}

	.usm1:before {content:''; position:absolute; top:83px; left:124px; width:1px; height:220px; background:#a8b3c5; }
	.usm2:before {content:''; position:absolute; top:174px; left:54px; width:1px; height:163px; background:#a8b3c5; }
	.gem1:before {content:''; position:absolute; top:108px; left:87px; width:1px; height:180px; background:#a8b3c5;}
	.gem1:after {content:''; position:absolute; top:287px; left:87px; width:85px; height:1px; background:#a8b3c5;}
	.swm1:before {content:''; position:absolute; top:175px; left:36px; width:1px; height:94px; background:#a8b3c5; }
	.cnm1:before {content:''; position:absolute; top:141px; left:87px; width:1px; height:197px; background:#a8b3c5; }
	.cnm1:after {content:''; position:absolute; top:337px; left:87px; width:55px; height:1px; background:#a8b3c5;}
	.cnm2:before {content:''; position:absolute; top:152px; left:28px; width:1px; height:185px; background:#a8b3c5; }
	.cnm3:before {content:''; position:absolute; top:80px;  right:100%; width:130px; height:1px; background:#a8b3c5;}
	.cnm3:after {content:''; position:absolute; top:80px; right:calc(100% + 130px); width:1px; height:100px; background:#a8b3c5; }
	.cnm4:before {content:''; position:absolute; top:18px; right:100%;; width:90px; height:1px; background:#a8b3c5;}
	.twm1:before {content:''; position:absolute; bottom:125px; left:72px; width:1px; height:180px; background:#a8b3c5; }
	.twm1:after {content:''; position:absolute; bottom:304px; left:72px; width:570px; height:1px; background:#a8b3c5; }
	.krm1:before {content:''; position:absolute; bottom:100%; left:70px; width:1px; height:97px; background:#a8b3c5;}
	.krm1:after {content:''; position:absolute; bottom:250px; left:70px; width:428px; height:1px; background:#a8b3c5;}
	.krm2:before {content:''; position:absolute; bottom:100%; left:70px; width:1px; height:97px; background:#a8b3c5;}
	.krm2:after {content:''; position:absolute; bottom:244px; left:328px; width:1px; height:130px; background:#a8b3c5;}
	.jpm1:before {content:''; position:absolute; bottom:170px; left:70px; width:1px; height:40px; background:#a8b3c5;}
	.jpm1:after {content:''; position:absolute; bottom:210px; left:70px; width:125px; height:1px; background:#a8b3c5;}
	.jpm2:before {content:''; position:absolute; bottom:108px; left:25px; width:1px; height:225px; background:#a8b3c5;}

	.maps .point:hover {background:rgba(8,81,197,1); }
	.maps .point:hover span {display:block; animation: location 0.5s forwards; }

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(8,81,197,0.5);
  }
  70% {
    box-shadow: 0 0 0 20px rgba(8,81,197,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(8,81,197,0);
  }
}

@keyframes location {
	0% {top:-30px; opacity:0;}
	100% {top:-50px; opacity:1;}
}
@media (max-width:1200px) {
		.maps .point {width:6px; height:6px;}
}

@media (max-width:1280px) {
	.a-client {margin-bottom:0; width:50% !important;}
}

@media (max-width:1200px) {
	.maps {margin-top:2rem;}
	.mbox {border:1px solid #a8b3c5;}
	.mbox:before, .mbox:after {display:none;}
	.maps .mbox ul {border:0;}
	.maplist1,.maplist2, .maplist3 {width:initial; position:initial; display:grid; grid-template-columns:1fr 1fr; grid-gap:1rem;}
	.maplist1 .mbox, .maplist2 .mbox, .maplist3 .mbox {margin:0; width:100%;}
	.maplist2, .maplist3 {margin-top:1rem;}
	.maploca {margin-top:2rem;}
}