
#addWin {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 724px;
	margin-left: -362px;
	padding-bottom: 1.5em;
	font-size: 80%;
	text-align: left;
	background-color: #fff;
	border: 4px solid #51575e;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	z-index: 1001;
}
#addWin p,
#addWin ul,
#addWin table {
	margin-left: 1.5em;
	margin-right: 1.5em;
}
#addWin #addHead {
	position: relative;
	margin-bottom: 1em;
	padding: 10px;
	background-color: #5479ae;
	background: -webkit-gradient(linear, left top, left bottom, from(#5d8cca), to(#5479ae));
	background: -webkit-linear-gradient(#5d8cca, #5479ae);
	background: -moz-linear-gradient(#5d8cca, #5479ae);
	background: -ms-linear-gradient(#5d8cca, #5479ae);
	background: -o-linear-gradient(#5d8cca, #5479ae);
	background: linear-gradient(#5d8cca, #5479ae);
	-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff5d8cca, endcolorstr=#ff5479ae)';
	border: 1px solid #fff;
}
#addWin #addHead h1 {
	font-size: 1.12rem;
	font-weight: normal;
	position: relative;
	width: 4px;
	height: 26px;
	margin-left: 7px;
	color: #fff;
	text-indent: 20px;
	line-height: 26px;
	background-color: #325f9f;
	border: 1px solid #81a3d3;
	border-width: 0 1px 1px 0;
	margin-bottom: 0;
	white-space: nowrap;
}
#addWin #addHead h1 strong {
	color: #fff;
	font-weight: normal;
}
#addWin #addHead ul {
	position: absolute;
	top: 50%;
	right: 0;
	height: 26px;
	margin-top: -14px;
	border-top: 1px solid #517db6;
	border-bottom: 1px solid #acc2e2;
	background: -webkit-gradient(linear, left top, left bottom, from(#547ba5), to(#294979));
	background: -webkit-linear-gradient(#547ba5, #294979);
	background: -moz-linear-gradient(#547ba5, #294979);
	background: -ms-linear-gradient(#547ba5, #294979);
	background: -o-linear-gradient(#547ba5, #294979);
	background: linear-gradient(#547ba5, #294979);
	-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff547ba5, endcolorstr=#ff294979)';
	_top: 9px;
	_margin-top: 0;
}
#addWin #addHead li {
	height: 24px;
	padding: 0 5px 0 32px;
	color: #fff;
	line-height: 24px;
	background: url(/assets/img/eastasia/ic_close_window.png) 7px center no-repeat;
	/background: #294979 url(/assets/img/eastasia/bg_closebtn.png) left top no-repeat;
	border: 1px solid #2d527a;
	list-style-type: none;
	cursor: pointer;
	_width: 2.5em;
}
#addWin #addHead li:hover {
	text-decoration: underline;
}
#addWin .wm-background {
	margin: 1em 1.5em;
	padding: 0;
	background-color: #ecf3f9;
	border: none;
}
#addWin .wm-background h2 {
	font-size: 1rem;
	font-weight: normal;
	padding: 0.5em;
	border: none;
	background: none;
	background-color: #d5e3f1;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#addWin .wm-background h2::before {
	display: none;
}
#addWin .wm-background p {
	margin: 0;
	padding: 0.5em;
}
/* location-area */
#location-area {
	position: relative;
	width: 720px;
	height: 480px;
	margin: 0 0 1em;
	padding: 0;
	background: url(/assets/img/eastasia/location_map.png) 0 0 no-repeat;
	list-style: none;
}
#location-area li {
	position: absolute;
	display: block;
	width: 13px;
	height: 13px;
	margin: 0;
	padding: 0;
	color: #424f57;
	cursor: pointer;
}
#location-area li span strong {
	color: #424f57;
	font-weight: bold;
}
#location-area li span {
	position: absolute;
	display: none;
	padding: 0.5em 1em 0;
	width: 10.5em;
	background-color: #fbe124;
	background: -webkit-gradient(linear, left top, left bottom, from(#fef53c), to(#fbe124));
	background: -webkit-linear-gradient(#fef53c, #fbe124);
	background: -moz-linear-gradient(#fef53c, #fbe124);
	background: -ms-linear-gradient(#fef53c, #fbe124);
	background: -o-linear-gradient(#fef53c, #fbe124);
	background: linear-gradient(#fef53c, #fbe124);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 0 1px 2px #ccc;
}
#location-area li span::after {
	content: '';
	display: block;
	height: 16px;
	margin-top: 0.5em;
	margin-bottom: -16px;
	background: url(/assets/img/eastasia/ic_location_arrow.png) 45px bottom no-repeat;
	background: none\9;

}
#location-area li:hover {
	margin: -10px -3px 0\9;
	padding: 5px 3px 0\9;
	background: url(/assets/img/eastasia/ic_location_arrow.gif) 0 0 no-repeat\9;
	z-index: 999;
}
#location-area li:hover span {
	position: absolute;
	display: block;
	margin-left: -60px;
	bottom: 26px;
	bottom: 16px\9;
}

#location-area .dalian {
	top: 108px;
	left: 339px;
}
#location-area .beijing {
	top: 93px;
	left: 283px;
}
#location-area .tianjin {
	top: 120px;
	left: 290px;
}
#location-area .suzhou {
	top: 221px;
	left: 347px;
}
#location-area .shanghai {
	top: 236px;
	left: 357px;
}
#location-area .ningbo {
	top: 254px;
	left: 358px;
}
#location-area .wuhan {
	top: 251px;
	left: 270px;
}
#location-area .hongoing {
	top: 276px;
	left: 181px;
}
#location-area .xiamen {
	top: 331px;
	left: 331px;
}
#location-area .taiwan {
	top: 337px;
	left: 373px;
}
#location-area .guangzhou {
	top: 362px;
	left: 257px;
}
#location-area .dongguan {
	top: 372px;
	left: 287px;
}
#location-area .shenzhen {
	top: 378px;
	left: 274px;
}
#location-area .hongkong {
	top: 383px;
	left: 260px;
}
@media only screen and (max-width: 800px) {
	.container {
		position: relative;
/*		max-width: 520px;
		height: 480px;*/
		overflow: hidden;
	}
	#location-area {
		background-size: contain;
		right: auto;
/*
		position: absolute;
		right: 0;
	width: 520px;
*/
		width: 100%;
	}
	#addWin {
		width: 280px;
		margin-left: -144px;
	}
}
@media only screen and (max-width: 580px) {
	#location-area .dalian {
		top: calc(108 / 570 * 100vw);
		left: calc(339 / 570 * 100vw);
	}
	#location-area .beijing {
		top: calc(93 / 570 * 100vw);
		left: calc(283 / 570 * 100vw);
	}
	#location-area .tianjin {
		top: calc(120 / 570 * 100vw);
		left: calc(290 / 570 * 100vw);
	}
	#location-area .suzhou {
		top: calc(221 / 570 * 100vw);
		left: calc(347 / 570 * 100vw);
	}
	#location-area .shanghai {
		top: calc(236 / 570 * 100vw);
		left: calc(357 / 570 * 100vw);
	}
	#location-area .ningbo {
		top: calc(254 / 570 * 100vw);
		left: calc(358 / 570 * 100vw);
	}
	#location-area .wuhan {
		top: calc(251 / 570 * 100vw);
		left: calc(270 / 570 * 100vw);
	}
	#location-area .hongoing {
		border: 1px solid blue;
		top: calc(276 / 570 * 100vw);
		left: calc(181 / 570 * 100vw);
	}
	#location-area .xiamen {
		top: calc(331 / 570 * 100vw);
		left: calc(331 / 570 * 100vw);
	}
	#location-area .taiwan {
		top: calc(337 / 570 * 100vw);
		left: calc(373 / 570 * 100vw);
	}
	#location-area .guangzhou {
		top: calc(362 / 570 * 100vw);
		left: calc(257 / 570 * 100vw);
	}
	#location-area .dongguan {
		top: calc(372 / 570 * 100vw);
		left: calc(287 / 570 * 100vw);
	}
	#location-area .shenzhen {
		top: calc(378 / 570 * 100vw);
		left: calc(274 / 570 * 100vw);
	}
	#location-area .hongkong {
		top: calc(383 / 570 * 100vw);
		left: calc(260 / 570 * 100vw);
	}
}
@media only screen and (max-width: 320px) {
	#location-area li {
		width: 8px;
		height: 8px;
	}
	#location-area .dalian {
		top: calc(108 / 570 * 100vw);
		left: calc(344 / 570 * 100vw);
	}
	#location-area .beijing {
		top: calc(93 / 570 * 100vw);
		left: calc(288 / 570 * 100vw);
	}
	#location-area .tianjin {
		top: calc(120 / 570 * 100vw);
		left: calc(295 / 570 * 100vw);
	}
	#location-area .suzhou {
		top: calc(221 / 570 * 100vw);
		left: calc(352 / 570 * 100vw);
	}
	#location-area .shanghai {
		top: calc(239 / 570 * 100vw);
		left: calc(362 / 570 * 100vw);
	}
	#location-area .ningbo {
		top: calc(259 / 570 * 100vw);
		left: calc(363 / 570 * 100vw);
	}
	#location-area .wuhan {
		top: calc(251 / 570 * 100vw);
		left: calc(275 / 570 * 100vw);
	}
	#location-area .hongoing {
		top: calc(276 / 570 * 100vw);
		left: calc(186 / 570 * 100vw);
	}
	#location-area .xiamen {
		top: calc(336 / 570 * 100vw);
		left: calc(336 / 570 * 100vw);
	}
	#location-area .taiwan {
		top: calc(342 / 570 * 100vw);
		left: calc(378 / 570 * 100vw);
	}
	#location-area .guangzhou {
		top: calc(362 / 570 * 100vw);
		left: calc(262 / 570 * 100vw);
	}
	#location-area .dongguan {
		top: calc(377 / 570 * 100vw);
		left: calc(292 / 570 * 100vw);
	}
	#location-area .shenzhen {
		top: calc(383 / 570 * 100vw);
		left: calc(279 / 570 * 100vw);
	}
	#location-area .hongkong {
		top: calc(388 / 570 * 100vw);
		left: calc(265 / 570 * 100vw);
	}
}
@media only screen and (max-width: 440px) {
	/*
	#location-area {
		right: -80px;
	}
	*/
	#location-area .hongoing:hover span {
		left: 40px;
	}
	#location-area .hongoing:hover span:after {
		margin-left: -40px;
	}
}