.globalnetwork {padding-top: 80px}
.globalnetwork * {font-family: 'Titillium Web', sans-serif}
.globalnetwork header span {color: #999}
.globalnetwork #globalmap {padding: 60px 0; background-color: #f4f4f5; height: 940px;}
.globalnetwork #globalmap h2 {position: absolute; text-align: center; display: block; width: 100%; font-size: 40px; color: #333}
.globalnetwork #globalmap > span {text-align: center; display: block; font-size: 18px; color: #666}
.globalnetwork #globalmap ul {/* width: 1674px; */width: 1000px; background: url(/common/img/global/allmap_off.png) no-repeat center; height: 100%; position: relative; margin: 0 auto}
.globalnetwork #globalmap ul li {position: absolute;}
.globalnetwork #globalmap ul li a {padding: 9px 20px 10px; border: 2px solid #11223d; position: relative; border-radius: 25px; background-color: #fff; color: #11223d; z-index: 10}
.globalnetwork #globalmap ul li a:hover,
.globalnetwork #globalmap ul li.on a {background: #11223d; color: #fff;}
.globalnetwork #globalmap ul li a img {position: absolute; left: 50%; margin-left: -7px; bottom: -14px; display: none}
.globalnetwork #globalmap ul li a img.off {display: block}
.globalnetwork #globalmap ul li a:hover img.on,
.globalnetwork #globalmap ul li.on img.on {display: block}
.globalnetwork #globalmap ul li.on > img {display: block !important}
.globalnetwork #globalmap ul li > img {display: none; position: relative}
/* .globalnetwork #globalmap ul .korea {width: 165px; height: 49px; top: 397px; left: 610px; z-index: 1}
.globalnetwork #globalmap ul .korea > img {bottom: -30px; left: 61px}
.globalnetwork #globalmap ul .china {width: 275px; height: 217px; top: 329px; left: 437px;}
.globalnetwork #globalmap ul .china a {top: 50px}
.globalnetwork #globalmap ul .asia {width: 745px; height: 784px; top: 47px; left: 216px}
.globalnetwork #globalmap ul .asia > a {left: 330px; top: 220px}
.globalnetwork #globalmap ul .europe {width: 415px; height: 390px; top: 63px; left: 0;}
.globalnetwork #globalmap ul .europe > a {top: 210px; left: 220px}
.globalnetwork #globalmap ul .america {width: 707px; height: 962px; top: -23px; right: 0}
.globalnetwork #globalmap ul .america > a {top: 450px; left: 230px} */
.globalnetwork #globalmap {height: 600px}
.globalnetwork #globalmap ul li a {padding: 4px 20px 5px}
.globalnetwork #globalmap ul li > img {width: 100%; height: 100%;}
/* .globalnetwork #globalmap ul {width: 1000px; background-image: url(../img/global/m_all_off.png)} */
.globalnetwork #globalmap ul .china {width: 164px; height: 120px; top: 204px; left: 262px;}
.globalnetwork #globalmap ul .china a {top: 60px; left: 0;}
.globalnetwork #globalmap ul .korea {width: 165px; height: 49px; top: 242px; left: 340px; z-index: 1}
.globalnetwork #globalmap ul .korea > img {bottom: -25px; left: 62px; width: 9px; max-height: 14px;}
.globalnetwork #globalmap ul .asia {width: 417px; height: 319px; top: 200px; left: 128px}
.globalnetwork #globalmap ul .asia > a {left: 70px; top: 20px;}
.globalnetwork #globalmap ul .europe {width: 573px; height: 239px; top: 43px; left: 1px;}
.globalnetwork #globalmap ul .europe > a {top: 100px; left: 295px}
.globalnetwork #globalmap ul .america {width: 360px; height: 554px; top: 1px; right: 66px}
.globalnetwork #globalmap ul .america > a {top: 200px; left: 120px}
.globalnetwork #globalmap ul .africa {width: 189px; height: 205px; top: 270px; left: 15px}
.globalnetwork #globalmap ul .africa > a {top: 74px; left: 59px}

.globalnetwork #mglobalmap {display: none;}
.globalnetwork #content {max-width: 1180px; width: 100%; margin: 0 auto; padding: 30px 0 100px;}
.globalnetwork #content h3 {margin-top: 60px; display: block; font-size: 26px; padding-bottom: 20px; border-bottom: 1px solid #d9d9d9;}
.globalnetwork #content > div > ul {width: 102%; margin-left: -2%}
.globalnetwork #content > div > ul > li {float: left; width: 48%; margin-top: 30px; margin-left: 2%}
.globalnetwork #content > div > ul:after,
.globalnetwork #content > div > ul > li:after {content: ""; display: block; clear: both; zoom: 1;}
.globalnetwork #content > div > ul > li > div {float: left; width: 60%; position: relative; min-height: 170px; height: auto}
.globalnetwork #content > div > ul > li > div:first-child {padding-right: 20px; width: 40%; box-sizing: border-box}
.globalnetwork #content > div > ul > li > div:first-child img {width: 100%; min-height:180px}
.globalnetwork #content > div > ul > li > div strong {font-size: 20px; color: #333; text-transform:uppercase;line-height: 1.3;}
.globalnetwork #content > div > ul > li > div p:nth-child(2) span {height: 50px; line-height: 1.3}
.globalnetwork #content > div > ul > li > div p:after {display:block; content:""; clear:both;}
.globalnetwork #content > div > ul > li > div p {margin-top: 10px; font-size: 16px; color: #666; line-height: 1.2; position:relative;}
.globalnetwork #content > div > ul > li > div p > em {font-style:normal; background: #999; color: #fff; font-size: 13px; display: inline-block; padding: 2px 5px; float: left; position: absolute; left:0; top:0; width: 8px;text-align: center;}
.globalnetwork #content > div > ul > li > div p > span {font-size: 15px; color: #666; padding-left: 30px; float: left;}
.globalnetwork #content > div > ul > li ul {position: relative; bottom: 0; left: 0; width:100%; margin-top: 10px;}
.globalnetwork #content > div > ul > li ul:after {display:block; content:""; clear:both;}
.globalnetwork #content > div > ul > li ul li {margin-top: 5px; float:left; width:50%;}
.globalnetwork #content > div > ul > li ul li a {color: #ed262b; font-size: 18px; padding-left: 30px; display: block}
.globalnetwork #content > div > ul > li ul li.map a {background: url(/common/img/global/global_map.png) no-repeat left center}
.globalnetwork #content > div > ul > li ul li.mail a {background: url(/common/img/global/global_mail.png) no-repeat left center }
.globalnetwork #content > div.sales > ul > li {border: 1px solid #d9d9d9; box-sizing: border-box; padding: 20px;}
.globalnetwork #content > div.sales > ul > li > div {width: 100%; min-height: 135px;}
.globalnetwork #content > div.sales.domestic > ul > li > div {width: 100%; min-height: 165px; padding-right: 0}

.globalnetwork #content .sales > ul > li > div:after {display:block; content:""; clear:both;}
.globalnetwork #content .sales .imgbox {padding-right: 20px; width: 40%; box-sizing: border-box; float:left;}
.globalnetwork #content .sales .imgbox img {width: 100%; min-height:180px}
.globalnetwork #content .sales .addbox {float: left; width: 60%; position: relative; min-height: 190px; height: auto}

.globalnetwork div.flagBox {margin-top:50px;  width:100%; height:100%; background-color:#fff; clear:both;}
.globalnetwork div.flagBox p {text-transform:capitialize;}
.globalnetwork div.flagBox strong {display:block; overflow:hidden; width:100%; font-size:17px; color:#222; padding-bottom:20px;  border-bottom:1px solid #ccc;}
.globalnetwork div.flagBox ul {margin-left:0!important; width:100%; height:auto;}
.globalnetwork div.flagBox ul > li {width:100px !important; height:auto; background-color:#fff; text-align:center; margin-left:0!important;}
.globalnetwork div.flagBox ul > li:first-child {margin-left:0;}
.globalnetwork div.flagBox a {display:block; width:100%; height:100%; }
.globalnetwork div.flagBox a > .one{width:50px; height:50px; background-color:pink;}
.color{color:rgba(227,21,31,0.8);}


@media screen and (max-width:1673px) {


}
@media screen and (max-width: 1179px) {
	#container {margin-top: 0}
	.globalnetwork #content {padding: 30px 20px 100px; box-sizing: border-box}
	.globalnetwork #content > div > ul > li > div {min-height: 190px}
	.globalnetwork #content > div > ul > li > div:first-child img {max-height:100%; min-height:auto}

}

@media screen and (max-width: 999px) {
	.globalnetwork #globalmap {display: none;}
	.globalnetwork #mglobalmap {display: block; padding: 0 20px; }
	.globalnetwork #mglobalmap ul {border-top: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9}
	.globalnetwork #mglobalmap ul:after {content: ""; display: block; clear: both; zoom: 1;}
	.globalnetwork #mglobalmap li {float: left; width: 33.3%;}
	.globalnetwork #mglobalmap li a {border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; color: #333; font-size: 16px; text-align: center; padding: 16px 0; display: block}
	.globalnetwork #mglobalmap li.on a {background-color: #11223D; color: #fff}
	.globalnetwork #content > div > ul {margin: 0; width: 100%}
	.globalnetwork #content > div > ul > li {width: 100%; margin-left: 0; margin-top: 20px;}
	.globalnetwork #content > div > ul > li ul {position: relative; margin-top: 10px;}
	.globalnetwork #content > div > ul > li > div {min-height: 190px}
	.globalnetwork #content h3 {margin-top: 40px;}
	.globalnetwork #content > div > ul > li > div p:nth-child(2) span {height:70px;}
}

@media screen and (max-width: 480px) {
.globalnetwork #content .sales > ul > li > div {padding-right:0 !important;}
.globalnetwork #content .sales .imgbox {padding-right: 0; width: 100%;float:none;}
.globalnetwork #content .sales .imgbox img {width: 100%;}
.globalnetwork #content .sales .addbox {float: none; width: 100%; min-height: 170px; height: auto}
.globalnetwork #content > div > ul > li > div p:nth-child(2) span {height:50px;}
}

@media screen and (max-width: 450px) {
	.globalnetwork #content > div > ul > li > div {width: 100%; float: none;}
	.globalnetwork #content > div > ul > li > div:first-child {width: 100%;}
	.globalnetwork #content > div.sales > ul > li > div p:nth-child(2) span {height:auto;}
	.globalnetwork #content > div > ul > li ul li a {font-size:16px; padding-left:25px;}


}