@charset "utf-8";
/*content*/
#content{text-align:center;}
#content h2.cont-sm-h2{
	display:inline-block;
	font-size:2.9em;
	letter-spacing:0.02em;
	line-height:0.958em;
}
#content h2.cont-sm-h2 a{
	color:#515140;
	cursor:text;
	display:inline-block;
	margin:-6px 0 0 0;
}
#content h2.cont-sm-h2 strong{
	font-weight:bold;
}
#content h2.cont-sm-h2 em{
	font-style:normal;
}
#content h2 .txt{
	display:block;
}
#content h2 .bar{
	display:inline-block;
	width:80px;
	height:5px;
	background:#FF4000;
}
/*map -start-*/
.map {
	width:100%;
	padding:40px 0;
	margin:0 0 0 0;
	background:#e5e1d6;
}
.map .map-box {
	width:100%;
	text-align:center;
	position:relative;
}
.map .map-box .acKey {
	position:absolute;
	top:-30px;
}
.map .map-box .acKey:hover,
.map .map-box .acKey:focus {
    color:#FFF;
}
.map-box h2{
	color:#FFF;
	display:block;
	text-align:center;
	position:relative;
}
.map-box h2 .cht{
	font-size:1.48em;
	font-weight:bold;
	letter-spacing:0.02em;
	margin:0 0 8px 0;
}
.map-box h2 span.eng{
	font-size:0.958em;
	font-weight:normal;
	letter-spacing:0.02em;
}
/*bookmark*/
.map-box .bookmark{
	position:relative;
	display:block;
}
/**/
.map-box .bookmark div.MK41-ESSMs{
	width:100%;
	padding:20px;
	box-sizing:border-box;
	margin:0 0 0 0;
}
.map-box .bookmark div.MK41-ESSMs #tab-2018{
}
.map-box .bookmark div.MK41-ESSMs ul.promote-list{
	width:100%;
	padding:0;
	margin:0;
}
.map-box .bookmark div.MK41-ESSMs img{
	display:none;
}
.map-box .bookmark .each-site-intro-window{
	display:none;/*none*/
	position:absolute;
	left:0;
	top:150px;
	width:900px;
	height:590px;
	background:rgba(0,0,0,0.72);
	overflow:inherit;
	padding:60px 0 0;
}
.map-box .bookmark .each-site-intro-window a.close-btn{
	display:inline-block;
	width:60px;
	height:60px;
	background:#000 url(../images/each-site-intro-window-close-ico.png) center center no-repeat;
	position:absolute;
	font-size:0px;
	top:-30px;
	right:30px;
}
.map-box .bookmark .each-site-intro-window a.close-btn:hover{
	background:#F33 url(../images/each-site-intro-window-close-ico.png) center center no-repeat;
}
.taiwan-map .perfundo > a::before{
    content: '';
    top: 0;
    right: 0;
	z-index:-1;
}
.taiwan-map .perfundo > a.ct01::before{
	background:url(../images/home-map-newtaipei.svg) no-repeat 0 0;
}
.taiwan-map .perfundo > a.ct02::before{
	background:url(../images/home-map-yilan.svg) no-repeat 0 0;
}
.taiwan-map .perfundo > a.ct03::before{
	background:url(../images/home-map-hualien.svg) no-repeat 0 0;
}
.taiwan-map .perfundo > a.ct04::before{
	background:url(../images/home-map-taitung.svg) no-repeat 0 0;
}
.taiwan-map .perfundo > a.ct05::before{
	background:url(../images/home-map-taichung.svg) no-repeat 0 0;
}
.taiwan-map .perfundo > a.ct06::before{
	background:url(../images/home-map-nantou.svg) no-repeat 0 0;
}
.taiwan-map .perfundo > a.ct07::before{
	background:url(../images/home-map-chiayi.svg) no-repeat 0 0;
}
.taiwan-map .perfundo > a.ct08::before{
	background:url(../images/home-map-tainan.svg) no-repeat 0 0;
}
.taiwan-map .perfundo > a.ct09::before{
	background:url(../images/home-map-kaohsiung.svg) no-repeat 0 0;
}
.taiwan-map .perfundo > a.ct10::before{
	background:url(../images/home-map-keelung.svg) no-repeat 0 0;
}
.taiwan-map .perfundo > a.ct11::before{
	background:url(../images/home-map-taipei.svg) no-repeat 0 0;
}
.taiwan-map .perfundo > a.ct12::before{
	background:url(../images/home-map-taoyuan.svg) no-repeat 0 0;
}
.taiwan-map .perfundo > a.ct13::before{
	background:url(../images/home-map-hsinchu-city.svg) no-repeat 0 0;
}
.taiwan-map .perfundo > a.ct14::before{
	background:url(../images/home-map-hsinchu.svg) no-repeat 0 0;
}
.taiwan-map .perfundo > a.ct15::before{
	background:url(../images/home-map-miaoli.svg) no-repeat 0 0;
}
.taiwan-map .perfundo > a.ct16::before{
	background:url(../images/home-map-changhua.svg) no-repeat 0 0;
}
.taiwan-map .perfundo > a.ct17::before{
	background:url(../images/home-map-yunlin.svg) no-repeat 0 0;
}
.taiwan-map .perfundo > a.ct18::before{
	background:url(../images/home-map-chiayi-city.svg) no-repeat 0 0;
}
.taiwan-map .perfundo > a.ct19::before{
	background:url(../images/home-map-pingtung.svg) no-repeat 0 0;
}
@media screen and (max-width:990px){
	/*map -start-*/
	.map{
		width:100%;
		background:#86abc6 url(../images/satellite_bg_mobile.jpg) 50% 50% no-repeat;
		padding:80px 0;
		border-top:none;
	}
	.map .map-box{
		width:100%;
		margin:0 auto;
		text-align:center;
		position:relative;
	}
	.map-box h2{
		color:#FFF;
		display:block;
		text-align:center;
		position:relative;
	}
	.map-box h2 .cht{
		font-size:2.28em;
		font-weight:bold;
		letter-spacing:0.02em;
		margin:0 0 5px 0;
	}
	.map-box h2 span.eng{
		font-size:0.958em;
		font-weight:normal;
		letter-spacing:0.02em;
	}
	.map-box .bookmark div.MK41-ESSMs{
		margin:60px 0 0;
		padding:0 0 0 0;
		width:100%;
		height:740px;
	}
	.map-box .taiwanMap{
		position:absolute;
		display:block;
		left:50%;
		top:0;
		width:505px;
		height:730px;
		margin:0 0 0 -300px;
		background:url(../images/taiwan_map_satellite.png) 50% 50% no-repeat;
	}
	.taiwan-map .perfundo {
		max-width: 400px;
		position: relative;
		margin:10px auto;
	}	
	.taiwan-map .perfundo > a {
		position:absolute;
		display:inline-block;
		width:62px;
		height:62px;
		z-index:2;
		-webkit-transition:all 0s ease;
		   -moz-transition:all 0s ease;
			 -o-transition:all 0s ease;
				transition:all 0s ease;
	}
	.taiwan-map .perfundo > a:hover,
	.taiwan-map .perfundo > a:focus {
		z-index:1;
	}
	.taiwan-map .perfundo > a::before {
		position:absolute;
		content:'';
		display:block;
		visibility:hidden;
		pointer-events: none;
		-webkit-transition:all 0s ease;
		   -moz-transition:all 0s ease;
			 -o-transition:all 0s ease;
				transition:all 0s ease;
	}
	.taiwan-map .perfundo > a:hover::before,
	.taiwan-map .perfundo > a:focus::before {
		visibility:visible;
		pointer-events: none;
	}
	.taiwan-map .perfundo > a.ct01 {
		top: 50px;
    	right: -45px;
	}
	.taiwan-map .perfundo > a.ct02 {
		top: 130px;
    	right: -30px;
	}
	.taiwan-map .perfundo > a.ct03 {
		top:280px;
		right:-10px;
	}
	.taiwan-map .perfundo > a.ct04 {
		top:460px;
		right:50px;
	}
	.taiwan-map .perfundo > a.ct05 {
		top:185px;
		left:30px;
	}
	.taiwan-map .perfundo > a.ct06 {
		top: 280px;
    	left: 180px;
	}
	.taiwan-map .perfundo > a.ct07 {
		top: 380px;
    	left: -30px;
	}
	.taiwan-map .perfundo > a.ct08 {
		top: 450px;
    	left: -30px;
	}
	.taiwan-map .perfundo > a.ct09 {
		top: 520px;
    	left: -20px;
	}
	.taiwan-map .perfundo > a.ct10 {
		top: -60px;
    	left: 320px;
	}
	.taiwan-map .perfundo > a.ct11{
		top: -40px;
    	left: 220px;
	}
	.taiwan-map .perfundo > a.ct12{
		top: -10px;
    	left: 156px;
	}
	.taiwan-map .perfundo > a.ct13{
		top: 84px;
    	left: 113px;
	}
	.taiwan-map .perfundo > a.ct14{
		top: 18px;
    	left: 95px;
	}
	.taiwan-map .perfundo > a.ct15{
		top: 110px;
    	left:50px;
	}
	.taiwan-map .perfundo > a.ct16{
		top: 240px;
    	left: -10px;
	}
	.taiwan-map .perfundo > a.ct17{
	    top: 315px;
    	left:-20px;
	}
	.taiwan-map .perfundo > a.ct18{
		top: 362px;
    	left: 142px;
	}
	.taiwan-map .perfundo > a.ct19{
		top: 620px;
    	left: 50px;
	}
	.taiwan-map .perfundo > a.ct01::before {
		width:141px;
		height:136px;
		margin:-49px 45px 0 0;
	}
	.taiwan-map .perfundo > a.ct02::before {
		width:125px;
		height:146px;
		margin:-62px 37px 0 0;
	}
	.taiwan-map .perfundo > a.ct03::before {
		width:151px;
		height:272px;
		margin:-80px 52px 0 0;
	}
	.taiwan-map .perfundo > a.ct04::before {
		width:147px;
		height:262px;
		margin:-62px 40px 0 0;
	}
	.taiwan-map .perfundo > a.ct05::before {
		width:189px;
		height:96px;
		margin:3px -205px 0 0;
	}
	.taiwan-map .perfundo > a.ct06::before {
		width:141px;
		height:172px;
		margin:-51px -34px 0 0;
	}
	.taiwan-map .perfundo > a.ct07::before {
		width:162px;
		height:89px;
		margin:-20px -169px 0 0;
	}
	.taiwan-map .perfundo > a.ct08::before {
		width:121px;
		height:110px;
		margin:-43px -112px 0 0;
	}
	.taiwan-map .perfundo > a.ct09::before {
		width:169px;
		height:213px;
		margin:-126px -177px 0 0;
	}
	.taiwan-map .perfundo > a.ct10::before {
		width: 37px;
   	 	height: 28px;
    	margin: 88px 18px 0 0;
	}
	.taiwan-map .perfundo > a.ct11::before {
		width: 41px;
    	height: 55px;
    	margin: 60px -53px 0 0;
	}
	.taiwan-map .perfundo > a.ct12::before{
		width:95px;
		height:114px;
		margin:51px -82px 0 0;
	}
	.taiwan-map .perfundo > a.ct13::before{
		width:30px;
		height:30px;
		margin:14px -39px 0 0;
	}
	.taiwan-map .perfundo > a.ct14::before{
		width: 92px;
		height: 112px;
		margin:61px -130px 0 0;
	}
	.taiwan-map .perfundo > a.ct15::before{
		width: 123px;
    	height: 99px;
    	margin:12px -146px 0 0;
	}
	.taiwan-map .perfundo > a.ct16::before{
		width: 90px;
    	height: 90px;
    	margin:-1px -98px 0 0;
	}
	.taiwan-map .perfundo > a.ct17::before{
		width: 116px;
    	height: 70px;
    	margin:2px -117px 0 0;
	}
	.taiwan-map .perfundo > a.ct18::before{
		width: 24px;
    	height: 17px;
    	margin:23px 88px 0 0;
	}
	.taiwan-map .perfundo > a.ct19::before{
		width: 97px;
		height: 209px;
		margin:-100px -83px 0 0;
	}
	.taiwan-map .perfundo > a span {
		position:relative;
		color:#FFF;
		font-size:1.4em;
		font-weight:bold;
		padding:3px;
		width:50px;
		height:50px;
		background:#926b38;
		border:3px solid #FFF;
		box-shadow:1px 2px 8px rgba(0,0,0,0.48);
		border-radius:50px;
		z-index:2;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.taiwan-map .perfundo > a span::before {
		position:absolute;
		content:'';
		display:block;
		right:100%;
		top:50%;
		width:40px;
		height:4px;
		background:#FFF;
		margin-top:-2px;
		z-index:1;
	}
	.taiwan-map .perfundo > a span.btnRight::before {
		right:calc(100% + 2px);
		box-shadow:-1px 1px 8px rgba(0,0,0,0.48);
		-webkit-border-radius:10px 0 0 10px;
		   -moz-border-radius:10px 0 0 10px;
				border-radius:10px 0 0 10px;
	}
	.taiwan-map .perfundo > a span.btnLeft::before {
		left:calc(100% + 2px);
		box-shadow:1px 1px 8px rgba(0,0,0,0.48);
		-webkit-border-radius:0 10px 10px 0;
		   -moz-border-radius:0 10px 10px 0;
				border-radius:0 10px 10px 0;
	}
	/**/
	.taiwan-map .perfundo > a.ct06 span::before{ display:none;}
	.taiwan-map .perfundo > a.ct10 span::before{
		transform: rotate(-90deg);
    	top: 77px;
    	right: calc(50% - 20px);
	}
	.taiwan-map .perfundo > a.ct11 span::before{
		transform: rotate(45deg);
    	top: calc(100% + 8px);
    	left: calc(50% + 15px);
    	width: 50px;
	}
	.taiwan-map .perfundo > a.ct12 span::before{
		transform: rotate(45deg);
    	top: calc(100% + 8px);
    	left: calc(50% + 15px);
    	width: 50px;
	}
	.taiwan-map .perfundo > a.ct13 span::before{width:25px;}
	.taiwan-map .perfundo > a.ct14 span::before{
		transform: rotate(30deg);
    	top: calc(100% + 6px);
    	left: calc(50% + 19px);
    	width: 80px;
	}
	.taiwan-map .perfundo > a.ct15 span::before{
		transform: rotate(30deg);
    	top: calc(100% + 5px);
    	left: calc(50% + 18px);
    	width: 60px;
	}
	.taiwan-map .perfundo > a.ct16 span::before{
		transform: rotate(30deg);
		top: calc(100% - 5px);
    	left: calc(50% + 25px);
	}
	.taiwan-map .perfundo > a.ct18 span::before{
		left:auto;
		right: calc(100% + 2px);
		border-radius:10px 0 0 10px;
	}
	.taiwan-map .perfundo > a.ct19 span::before{width:55px}
	/**/
	.taiwan-map .perfundo__overlay {
		flex-direction:column;
		padding:70px 0 10px 0;
		background-color:rgba(0, 0, 0, 0.8);
		-webkit-animation:0.4s ease-out 0.2s both;
				animation:0.4s ease-out 0.2s both;
		-webkit-animation-name:inherit;
				animation-name:inherit;
	}
	.taiwan-map .perfundo__content {
		width:100%;
		max-width:400px;
		padding:0;
		box-sizing:border-box;
		-webkit-animation:0.4s ease-out 0.2s both;
				animation:0.4s ease-out 0.2s both;
		-webkit-animation-name:inherit;
				animation-name:inherit;
	}
	.taiwan-map .perfundo__content a,
	.taiwan-map .perfundo__content ::after,
	.taiwan-map .perfundo__content ::before {
		-webkit-transition:all 0s ease;
		   -moz-transition:all 0s ease;
			 -o-transition:all 0s ease;
				transition:all 0s ease;
	}
	.taiwan-map .perfundo__close {
		position:fixed;
		top:10px;
		right:10px;
		width:50px;
		height:50px;
		font-size:0;
		padding:0;
		background:none;
		border:1px solid #FFF;
		-webkit-transition:0.4s ease-out 0.2s both;
		   -moz-transition:0.4s ease-out 0.2s both;
			 -o-transition:0.4s ease-out 0.2s both;
				transition:0.4s ease-out 0.2s both;
		-webkit-animation:0.4s ease-out 0.2s both;
				animation:0.4s ease-out 0.2s both;
		-webkit-animation-name:inherit;
				animation-name:inherit;
	}
	.taiwan-map .perfundo__close:hover,
	.taiwan-map .perfundo__close:focus {
		background:#FFF;
	}
	.taiwan-map .perfundo__close span {
		position:relative;
		display:block;
		width:100%;
		height:100%;	
	}
	.taiwan-map .perfundo__close span::after,
	.taiwan-map .perfundo__close span::before {
		position:absolute;
		content:'';
		left:50%;
		top:50%;
		height:2px;
		width:26px;
		margin:-1px 0 0 -13px;
		background:#FFF;
		-webkit-backface-visibility:hidden;
				backface-visibility:hidden;
		-webkit-transition:-webkit-transform .2s;
				transition:transform .2s;
	}
	.taiwan-map .perfundo__close span::before {
		-webkit-transform:rotate(-45deg);
			-ms-transform:rotate(-45deg);
				transform:rotate(-45deg);
	}
	.taiwan-map .perfundo__close span::after {
		-webkit-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
				transform:rotate(45deg);
	}
	.taiwan-map .perfundo__close:hover span::after,
	.taiwan-map .perfundo__close:focus span::after,
	.taiwan-map .perfundo__close:hover span::before,
	.taiwan-map .perfundo__close:focus span::before {
		background:#000;
	}
	.taiwan-map .perfundo__back {
		position:fixed;
		top:50%;
		right:50%;
		width:50px;
		height:50px;
		font-size:0;
		padding:0;
		background:none;
		margin-top:-340px;
		margin-right:-300px;
		border:1px solid #FFF;
		-webkit-transition:all 0s ease;
		   -moz-transition:all 0s ease;
			 -o-transition:all 0s ease;
				transition:all 0s ease;
	}
	.taiwan-map .perfundo__back:hover,
	.taiwan-map .perfundo__back:focus {
		background:#FFF;
	}
	.taiwan-map .perfundo__back span {
		position:relative;
		display:block;
		width:100%;
		height:100%;	
	}
	.taiwan-map .perfundo__back span:before {
		position:absolute;
		content:"";
		display:block; 
		top:50%;
		left:50%;
		width:12px;
		height:12px;
		margin: -11px 0 0 -8px;
		border-left:2px solid #FFF;
		border-top:2px solid #FFF;
		-webkit-transform:rotate(-45deg);
			-ms-transform:rotate(-45deg);
				transform:rotate(-45deg);
		z-index:2;
		box-sizing:border-box;
		-webkit-transition:all 0s ease;
		   -moz-transition:all 0s ease;
			 -o-transition:all 0s ease;
				transition:all 0s ease;
	}
	.taiwan-map .perfundo__back span:after {
		content:"";
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		width:20px;
		height:16px;
		margin:-6px 0 0 -8px;
		border:2px solid #FFF;
		border-left:none;
		box-sizing:border-box;
		-webkit-border-radius:0 50px 50px 0;
		-moz-border-radius:0 50px 50px 0;
		border-radius:0 50px 50px 0;
		z-index:2;
		-webkit-transition:all 0s ease;
		   -moz-transition:all 0s ease;
			 -o-transition:all 0s ease;
				transition:all 0s ease;
	}
	.taiwan-map .perfundo__back:hover span::after,
	.taiwan-map .perfundo__back:focus span::after,
	.taiwan-map .perfundo__back:hover span::before,
	.taiwan-map .perfundo__back:focus span::before {
		border-color:#000;
	}
	
	.taiwan-map .citytit {
		color:#FFF;
		font-size:3.6em;
		font-weight:bold;
		text-align:left;
		padding:0 10px;
		margin-bottom:10px;
	}
	
	.taiwan-map .citymap .mapbtn {
		width:100%;
		padding:0 10px;
		box-sizing:border-box;
		position:relative;
	}
	.citymap .hoverTxt{
		font-size:1.5rem;
		font-weight:bold;
		color:#fff;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		padding:20px 0;
		width:100%;
		height:200px;
		border:1px solid rgba(255,255,255,0.5);
		box-sizing:border-box;
		margin:30px auto 0;
	}
	.citymap .hoverTxt span{
		font-family: Arial, Helvetica, sans-serif;
		margin-top:10px;
	}
	.taiwan-map .citymap .mapbtn > ul {
		width:100%;
		list-style:none;
	}
	.taiwan-map .citymap .mapbtn > ul > li {
		display:inline-block;
		left:inherit !important;
		top:inherit !important;
		width:100%;
		margin:5px 0;
	}
	.taiwan-map .citymap .mapbtn > ul > li:hover {
		z-index:5;
	}
	.taiwan-map .citymap .mapbtn > ul > li > a {
		position:relative;
		display:block;
		color:#FFF;
		font-size:1.9em;
		font-weight:bold;
		text-align:left;
		padding:15px;
		background:#f2a200;
		box-sizing:border-box;
		-webkit-text-shadow: 0px 0px 5px rgba(0,0,0,.3);
		   -moz-text-shadow: 0px 0px 5px rgba(0,0,0,.3);
			-ms-text-shadow: 0px 0px 5px rgba(0,0,0,.3);
				text-shadow: 0px 0px 5px rgba(0,0,0,.3);
	}
	.taiwan-map .citymap .mapbtn > ul > li.menu-dropdown > a:before {
		content:"";
		position:absolute;
		display:block;
		width:14px;
		height:2px;
		top:23.5px;
		right:15px;
		background-color:#fff;
	}
	.taiwan-map .citymap .mapbtn > ul > li.menu-dropdown > a:after {
		content:"";
		position:absolute;
		display:block;
		width:2px;
		height:14px;
		top:17.5px;
		right:21px;
		background-color:#fff;
	}
	.taiwan-map .citymap .mapbtn > ul > li.menu-dropdown > a.open:before,
	.taiwan-map .citymap .mapbtn > ul > li.menu-dropdown > a.open:after {
		-webkit-transform:rotate(405deg);
		   -moz-transform:rotate(405deg);
			-ms-transform:rotate(405deg);
			 -o-transform:rotate(405deg);
				transform:rotate(405deg);
	}
	.taiwan-map .citymap .mapbtn > ul > li:hover > a,
	.taiwan-map .citymap .mapbtn > ul > li > a:hover,
	.taiwan-map .citymap .mapbtn > ul > li > a:focus {
		background:#bf0000;
		border-color:#bf0000;
	}
	.taiwan-map .citymap .mapbtn > ul > li > a.open {
		background:#990000;
	}
	.taiwan-map .citymap .mapbtn > ul > li > ul {
		bottom:inherit !important;
		display:none;
		text-align:left;
		letter-spacing:-9px;
		background:#bf0000;
		box-sizing:border-box;
	}
	.taiwan-map .citymap .mapbtn > ul > li > ul li {
		display:inline-block;
		width:100%;

		border-top:1px solid rgba(255,255,255,.8);
	}
	.taiwan-map .citymap .mapbtn > ul > li > ul li a {
		position:relative;
		display:inline-block;
		width:100%;
		text-align:left;
		color:#FFF;
		font-size:1.9em;
		font-weight:bold;
		letter-spacing:0;
		padding:15px;
		background:#bf0000;
		box-sizing:border-box;
		z-index:1;
	}
	.taiwan-map .citymap .mapbtn > ul > li > ul li a:hover,
	.taiwan-map .citymap .mapbtn > ul > li > ul li a:focus {
		color:#bf0000;
		background:#FFF;
	}
	.taiwan-map .citymap .mapbtn > ul > li > ul li a:before {
		position:absolute;
		content:"";
		display:block; 
		right:15px;
		top:50%;
		width:10px;
		height:10px;
		margin:-5px 1px 0 0;
		border-right:2px solid #FFF;
		border-top:2px solid #FFF;
		-webkit-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
				transform:rotate(45deg);
		z-index:2;
		box-sizing:border-box;
	}
	.taiwan-map .citymap .mapbtn > ul > li > ul li a:after {
		position:absolute;
		content:"";
		right:15px;
		top:50%;
		display:block;   
		width:12px;
		height:2px;
		margin:-1px 0 0 0;
		background:#FFF;
		z-index:2;
	}
	.taiwan-map .citymap .mapbtn > ul > li > ul li a:hover:before,
	.taiwan-map .citymap .mapbtn > ul > li > ul li a:focus:before {
		border-color:#bf0000;
	}
	.taiwan-map .citymap .mapbtn > ul > li > ul li a:hover:after,
	.taiwan-map .citymap .mapbtn > ul > li > ul li a:focus:after {
		background:#bf0000;
	}
}
@media screen and (max-width:500px){
	/*map -start-*/
	.map {
		padding:40px 0;
		background-size:640px auto;
	}
	.map .map-box{ overflow: auto;}
	.map-box .bookmark{min-width:370px;}
	.map-box .taiwanMap{
		position:absolute;
		display:block;
		left:50%;
		top:0;
		width:303px;
		height:438px;
		margin:0 0 0 -180px;
		background:url(../images/taiwan_map_satellite.png) 50% 50% no-repeat;
		background-size:303px auto;
	}
	.taiwan-map .perfundo {
		width:320px;
	}	
	.taiwan-map .perfundo > a {
		width:50px;
		height:50px;
	}
	.taiwan-map .perfundo > a.ct01 {
	    top: 10px;
    	right: 5px;
	}
	.taiwan-map .perfundo > a.ct02 {
		top: 80px;
    	right:10px;
	}
	.taiwan-map .perfundo > a.ct03 {
		top:180px;
		right:30px;
	}
	.taiwan-map .perfundo > a.ct04 {
		top: 280px;
    	right: 80px;
	}
	.taiwan-map .perfundo > a.ct05 {
		top: 105px;
    	left: 50px;
	}
	.taiwan-map .perfundo > a.ct06 {
		top: 150px;
    	left: 150px;
	}
	.taiwan-map .perfundo > a.ct07 {
		top: 240px;
    	left: -10px;
	}
	.taiwan-map .perfundo > a.ct08 {
		top: 290px;
    	left: 20px;
	}
	.taiwan-map .perfundo > a.ct09 {
		top: 350px;
    	left: 20px;
	}
	.taiwan-map .perfundo > a.ct10 {
		top: -60px;
    	left: 220px;
	}
	.taiwan-map .perfundo > a.ct11{
	    top: -60px;
    	left: 140px;
	}
	.taiwan-map .perfundo > a.ct12{
		top: -35px;
    	left: 96px;
	}
	.taiwan-map .perfundo > a.ct13{
		top: 34px;
    	left: 86px;
	}
	.taiwan-map .perfundo > a.ct14{
		top:-20px;
    	left:40px;
	}
	.taiwan-map .perfundo > a.ct15{
		top: 45px;
    	left:35px;
	}
	.taiwan-map .perfundo > a.ct16{
		top: 150px;
    	left: 20px;
	}
	.taiwan-map .perfundo > a.ct17{
	    top: 185px;
    	left:-20px;
	}
	.taiwan-map .perfundo > a.ct18{
		top: 210px;
    	left: 122px;
	}
	.taiwan-map .perfundo > a.ct19{
		top: 400px;
    	left: 50px;
	}
	.taiwan-map .perfundo > a.ct01::before {
		width:84.6px;
		height:81.6px;
		margin:-10px 34px 0 0;
	}
	.taiwan-map .perfundo > a.ct02::before {
		width:75px;
		height:87.6px;
		margin:-40px 34px 0 0;
	}
	.taiwan-map .perfundo > a.ct03::before {
		width:90.6px;
		height:163.2px;
		margin:-60px 35px 0 0;
	}
	.taiwan-map .perfundo > a.ct04::before {
		width:88.2px;
		height:157.2px;
		margin:-42px 14px 0 0;
	}
	.taiwan-map .perfundo > a.ct05::before {
		width:113.4px;
		height:57.6px;
		margin:6px -118px 0 0;
	}
	.taiwan-map .perfundo > a.ct06::before {
		width:84.6px;
		height:103.2px;
		margin:-13px -6px 0 0;
	}
	.taiwan-map .perfundo > a.ct07::before {
		width:97.2px;
		height:53.4px;
		margin:-24px -121px 0 0;
	}
	.taiwan-map .perfundo > a.ct08::before {
		width:72.6px;
		height:66px;
		margin:-46px -56px 0 0;
	}
	.taiwan-map .perfundo > a.ct09::before {
		width: 102px;
    	height: 128px;
    	margin: -114px -102px 0 0;
	}
	.taiwan-map .perfundo > a.ct10::before {
		width: 22.2px;
    	height: 16.8px;
    	margin:76px 11px 0 0;
	}
	.taiwan-map .perfundo > a.ct11::before {
		width: 24.6px;
    	height: 33px;
    	margin:72px -52px 0 0;
	}
	.taiwan-map .perfundo > a.ct12::before {
		width: 57px;
    	height: 68.4px;
    	margin:60px -74px 0 0;
	}
	.taiwan-map .perfundo > a.ct13::before {
		width: 18px;
    	height: 18px;
    	margin:24px -33px 0 0;
	}
	.taiwan-map .perfundo > a.ct14::before {
		width: 55.2px;
    	height: 67.2px;
    	margin:67px -122px 0 0;
	}
	.taiwan-map .perfundo > a.ct15::before {
		width: 73.8px;
    	height: 59.4px;
    	margin:27px -110px 0 0;
	}
	.taiwan-map .perfundo > a.ct16::before {
		width:54px;
    	height:54px;
    	margin:-8px -60px 0 0;
	}
	.taiwan-map .perfundo > a.ct17::before {
		width:69.6px;
    	height:42px;
    	margin:5px -105px 0 0;
	}
	.taiwan-map .perfundo > a.ct18::before {
		width:14.4px;
    	height:10.2px;
    	margin:20px 62px 0 0;
	}
	.taiwan-map .perfundo > a.ct19::before {
		width: 56px;
    	height: 126px;
    	margin: -89px -55px 0 0;
	}
	.taiwan-map .perfundo > a::before{
		background-size:cover !important;
	}
	/**/
	.taiwan-map .perfundo > a span {
		font-size:1.2em;
		padding:0;
		width: 46px;
		height: 46px;
		border: 2px solid #FFF;
	}
	.taiwan-map .perfundo > a span::before {width:20px;height:2px;}
	/**/
	.taiwan-map .perfundo > a.ct01 span::before{
		transform: rotate(-30deg);
		top: calc(50% + 12px);
		right: calc(50% + 22px);
		width: 30px;
	}
	.taiwan-map .perfundo > a.ct07 span::before{
		transform: rotate(-20deg);
		top: calc(50% - 19px);
		left: calc(50% + 20px);
		width: 50px;
	}
	.taiwan-map .perfundo > a.ct08 span::before{
		transform: rotate(-30deg);
		top: calc(50% - 19px);
		left: calc(50% + 20px);
		width: 30px;
	}
	.taiwan-map .perfundo > a.ct09 span::before{
		transform: rotate(-45deg);
		top: calc(50% - 45px);
		left: calc(50% + 4px);
		width: 80px;
	}
	.taiwan-map .perfundo > a.ct10 span::before{
		transform: rotate(-90deg);
    	top: 66px;
    	right: calc(50% - 20px);
    	width: 38px;
	}
	.taiwan-map .perfundo > a.ct11 span::before{
		transform: rotate(45deg);
		top: calc(50% + 40px);
		left: calc(50% + 8px);
		width: 65px;
	}
	.taiwan-map .perfundo > a.ct12 span::before{
		transform: rotate(45deg);
		top: calc(100% + 13px);
		left: calc(50% + 10px);
		width: 60px;
	}
	.taiwan-map .perfundo > a.ct13 span::before{
		top: calc(100% - 16px);
    	left: calc(50% + 24px);
    	width: 28px;
	}
	.taiwan-map .perfundo > a.ct14 span::before{
		transform: rotate(30deg);
    	top: calc(100% + 6px);
    	left: calc(50% + 19px);
    	width: 80px;
	}
	.taiwan-map .perfundo > a.ct15 span::before{
		transform: rotate(30deg);
    	top: calc(100% + 5px);
    	left: calc(50% + 18px);
    	width: 60px;
	}
	.taiwan-map .perfundo > a.ct16 span::before{
		transform: rotate(-15deg);
		top: calc(50% + 2px);
		left: calc(50% + 23px);
		width: 30px;
	}
	.taiwan-map .perfundo > a.ct17 span::before{width:55px}
	.taiwan-map .perfundo > a.ct18 span::before{
		left:auto;
		right: calc(100% + 2px);
		border-radius:10px 0 0 10px;
	}
	.taiwan-map .perfundo > a.ct19 span::before{
		transform: rotate(-45deg);
		top: calc(50% - 30px);
		left: calc(50% + 12px);
		width: 50px;
	}
	/**/
	.map-box .bookmark div.MK41-ESSMs{
		height:460px;
		width:370px;
		margin:80px auto 0;
	}
}
@media screen and (min-width:991px){
	/*map -start-*/
	#content h2.cont-sm-h2 {
		font-size:3.8em;
	}
	.map{
		width:100%;
		background:#86abc6 url(../images/satellite_bg.jpg) 50% 50% no-repeat;
		padding:80px 0;
		border-top:none;
	}
	.map .map-box{
		width:700px;
		margin:0 auto;
		text-align:center;
		position:relative;
	}
	.map-box h2{
		color:#FFF;
		display:block;		
		text-align:center;
		position:relative;
		margin-bottom:40px;
	}
	.map-box h2 .cht{
		font-size:2.28em;
		font-weight:bold;
		letter-spacing:0.02em;
		margin:0 0 5px 0;
	}
	.map-box h2 span.eng{
		font-size:0.958em;
		font-weight:normal;
		letter-spacing:0.02em;
	}
	/*bookmark*/
	.map-box .bookmark{
		display:block;
		position:relative;
	}
	.map-box .bookmark ul.FCS-3A{
		display:inline-flex;
	}
	.map-box .bookmark ul.FCS-3A li{
		float:left;
		margin:0 10px 0 0;
	}
	.map-box .bookmark ul.FCS-3A li.last{
		margin:0 0 0 0;
	}
	.map-box .bookmark ul.FCS-3A li a{
		display:inline-block;
		width:48px;
		height:48px;
		color:#b28850;
		font-size:0.88em;
		background:#e5e1d6;
		border:1px #b28850 solid;
		border-radius:50px;
		padding:16px 0 0 0;
		letter-spacing:-0.02em;
		position:relative;
	}
	.map-box .bookmark ul.FCS-3A li a:after{
		content:url(../images/map-li-after-dashed-line.png);
		position:absolute;
		top:20px;
		right:-21px;
	}
	.map-box .bookmark ul.FCS-3A li.last a:after{
		display:none;
	}
	.map-box .bookmark ul.FCS-3A li a:hover,
	.map-box .bookmark ul.FCS-3A li a:active{
		color:#fff;
		background:#b28850;
	}
	.map-box .bookmark ul.FCS-3A li.active a{
		color:#fff;
		background:#b28850;
	}
	.map-box .bookmark div.MK41-ESSMs{
		display:inline-block;
		margin:30px 0 0 0;
		padding:0 0 0 0;
		height:740px;
		margin-left:55px;
	}
	.map-box .bookmark div.MK41-ESSMs .taiwanMap{
		position:absolute;
		display:block;
		left:50%;
		top:0;
		width:505px;
		height:730px;
		margin:0 0 0 -300px;
		background:url(../images/taiwan_map_satellite.png) 50% 50% no-repeat;
	}
	.map-box .bookmark div.MK41-ESSMs .taiwan-map{
		text-align:center;
		position:relative; /*key*/
		cursor:default !important;
	}
	.map-box .bookmark div.MK41-ESSMs .taiwan-map img{
		width:auto;
		height:auto;
		display:inline-block;
		margin:0 0 0 -100px;
	}
	.map-box .bookmark div.MK41-ESSMs .taiwan-map:hover{
		cursor:pointer;
	}
	/*taiwan-map*/
	.taiwan-map .perfundo > a {
		position:absolute;
		display:inline-block;
		z-index:2;
	}
	.taiwan-map .perfundo > a.ct01 {
		top:50px;
		right:0;
	}
	.taiwan-map .perfundo > a.ct02 {
		top:130px;
		right:0;
	}
	.taiwan-map .perfundo > a.ct03 {
		top:260px;
		right:45px;
	}
	.taiwan-map .perfundo > a.ct04 {
		top:490px;
		right:115px;
	}
	.taiwan-map .perfundo > a.ct05 {
		top:220px;
		left:75px;
	}
	.taiwan-map .perfundo > a.ct06 {
	    top: 330px;
    	right:105px;
	}
	.taiwan-map .perfundo > a.ct07 {
		top:435px;
		left:25px;
	}
	.taiwan-map .perfundo > a.ct08 {
		top:500px;
		left:25px;
	}
	.taiwan-map .perfundo > a.ct09 {
		top: 565px;
    	left:85px;
	}
	.taiwan-map .perfundo > a.ct10 {
		top: -30px;
    	right:0;
	}
	.taiwan-map .perfundo > a.ct11{
	    top: -30px;
    	right:205px;
	}
	.taiwan-map .perfundo > a.ct12{
		top: -10px;
    	left:255px;
	}
	.taiwan-map .perfundo > a.ct13{
		top: 55px;
		left:195px;
	}
	.taiwan-map .perfundo > a.ct14{
		top: 120px;
    	left:175px;
	}
	.taiwan-map .perfundo > a.ct15{
	    top: 170px;
    	left:155px;
	}
	.taiwan-map .perfundo > a.ct16{
	 	top: 270px;
    	left:55px;
	}
	.taiwan-map .perfundo > a.ct17{
	    top: 320px;
    	left:35px;
	}
	.taiwan-map .perfundo > a.ct18{
		top: 370px;
    	left:65px;
	}
	.taiwan-map .perfundo > a.ct19{
	     top: 635px;
    	left:110px;
	}
	.taiwan-map .perfundo > a.ct01::before{
		width:141px;
		height:136px;
		margin:-50px 150px 0 0;
	}
	.taiwan-map .perfundo > a.ct02::before{
		width:125px;
		height:146px;
		margin:-63px 157px 0 0;
	}
	.taiwan-map .perfundo > a.ct03::before{
		width:151px;
		height:272px;
		margin:-59px 146px 0 0;
	}
	.taiwan-map .perfundo > a.ct04::before{
		width:147px;
		height:262px;
		margin:-92px 125px 0 0;
	}
	.taiwan-map .perfundo > a.ct05::before{
		width:189px;
		height:96px;
		margin:-33px -263px 0 0;
	}
	.taiwan-map .perfundo > a.ct06::before{
		width:141px;
		height:172px;
		margin:-100px 168px 0 0;
	}
	.taiwan-map .perfundo > a.ct07::before{
		width:162px;
		height:89px;
		margin:-75px -218px 0 0;
	}
	.taiwan-map .perfundo > a.ct08::before{
		width:121px;
		height:110px;
		margin:-92px -160px 0 0;
	}
	.taiwan-map .perfundo > a.ct09::before{
		width:169px;
		height:213px;
		margin:-170px -176px 0 0;
	}
	.taiwan-map .perfundo > a.ct10::before{
		width:37px;
		height:28px;
		margin:57px 186px 0 0;
	}
	.taiwan-map .perfundo > a.ct11::before{
		top: 0;
		left: 0;
		width: 95px;
		height: 114px;
		margin: 50px 0 0 58px;
	}
	.taiwan-map .perfundo > a.ct12::before{
		width:95px;
		height:114px;
		margin:52px -86px 0 0;
	}
	.taiwan-map .perfundo > a.ct13::before{
		width:30px;
		height:30px;
		margin:43px -61px 0 0;
	}
	.taiwan-map .perfundo > a.ct14::before{
		width: 92px;
		height: 112px;
		margin: -41px -153px 0 0;
	}
	.taiwan-map .perfundo > a.ct15::before{
		width: 123px;
    	height: 99px;
    	margin: -48px -144px 0 0;
	}
	.taiwan-map .perfundo > a.ct16::before{
		width: 90px;
    	height: 90px;
    	margin: -31px -137px 0 0;
	}
	.taiwan-map .perfundo > a.ct17::before{
		width: 116px;
    	height: 70px;
    	margin: -2px -165px 0 0;
	}
	.taiwan-map .perfundo > a.ct18::before{
		width: 24px;
    	height: 17px;
    	margin: 15px -93px 0 0;
	}
	.taiwan-map .perfundo > a.ct19::before{
		width: 97px;
		height: 209px;
		margin: -115px -126px 0 0;
	}
	.taiwan-map .perfundo > a::before {
		position:absolute;
		content:'';
		display:block;
		z-index:-1;
		visibility:hidden;
		pointer-events: none;
		-webkit-transition:all 0s ease;
		   -moz-transition:all 0s ease;
			 -o-transition:all 0s ease;
				transition:all 0s ease;
	}
	.taiwan-map .perfundo > a:hover::before,
	.taiwan-map .perfundo > a:focus::before {
		visibility:visible;
		pointer-events: none;
	}
	.taiwan-map .perfundo > a span {
		position:relative;
		display:inline-block;
		color:#FFF;
		font-size:2.1em;
		font-weight:bold;
		padding:10px 20px;
		background:#926b38;
		border:3px solid #FFF;
		box-shadow:1px 2px 8px rgba(0,0,0,0.48);
		-webkit-border-radius:15px;
		   -moz-border-radius:15px;
				border-radius:15px;
		z-index:2;
	}
	.taiwan-map .perfundo > a span::before {
		position:absolute;
		content:'';
		display:block;
		right:100%;
		top:50%;
		width:100px;
		height:4px;
		background:#FFF;
		margin-top:-2px;
		z-index:1;
	}
	.taiwan-map .perfundo > a span.btnRight::before {
		right:calc(100% + 2px);
		box-shadow:-1px 1px 8px rgba(0,0,0,0.48);
		-webkit-border-radius:10px 0 0 10px;
		   -moz-border-radius:10px 0 0 10px;
				border-radius:10px 0 0 10px;
	}
	.taiwan-map .perfundo > a span.btnLeft::before {
		left:calc(100% + 2px);
		box-shadow:1px 1px 8px rgba(0,0,0,0.48);
		-webkit-border-radius:0 10px 10px 0;
		   -moz-border-radius:0 10px 10px 0;
				border-radius:0 10px 10px 0;
	}
	/**/
	.taiwan-map .perfundo > a.ct06 span::before{width:130px;}
	.taiwan-map .perfundo > a.ct07 span::before{
		transform: rotate(-30deg);
    	top: -5px;
    	left: calc(100% - 6px);
    	width: 100px;
	}
	.taiwan-map .perfundo > a.ct08 span::before{
		transform: rotate(-30deg);
		top: -5px;
		left: calc(100% - 5px);
	}
	.taiwan-map .perfundo > a.ct09 span::before{
		transform: rotate(-30deg);
		top: 5px;
		left: calc(100% - 2px);
		width: 50px;
	}
	.taiwan-map .perfundo > a.ct10 span::before{
		transform: rotate(-30deg);
		top: 50px;
		right: calc(100% - 5px);
		width: 110px;
	}
	.taiwan-map .perfundo > a.ct11 span::before{
		width: 30px;
		transform: rotate(60deg);
		left: calc(50% - 4px);
		top: 55px;
	}
	.taiwan-map .perfundo > a.ct12 span::before{
		width: 70px;
		transform: rotate(30deg);
		left: calc(50% - 4px);
		top: 60px;
	}
	.taiwan-map .perfundo > a.ct13 span::before{
		transform: rotate(30deg);
		width: 55px;
		left: calc(100% - 2px);
		top: 38px;
	}
	.taiwan-map .perfundo > a.ct15 span::before{
		transform: rotate(-15deg);
		top: 5px;
		left:100%;
		width: 80px;
	}
	.taiwan-map .perfundo > a.ct18 span::before{width: 80px;}
	/**/
	.taiwan-map .perfundo > a:hover span,
	.taiwan-map .perfundo > a:focus span,
	.taiwan-map .perfundo > a:active span{
		background:#FF4000;
	}
	.taiwan-map .perfundo__overlay {
		flex-direction:column;
		padding:0;
		background-color:rgba(0, 0, 0, 0.8);
		-webkit-animation:0.4s ease-out 0.2s both;
				animation:0.4s ease-out 0.2s both;
		-webkit-animation-name:inherit;
				animation-name:inherit;
	}
	.taiwan-map .perfundo__content {	
		width:100%;
		padding:0;
		box-sizing:border-box;
		-webkit-animation:0.4s ease-out 0.2s both;
				animation:0.4s ease-out 0.2s both;
		-webkit-animation-name:inherit;
				animation-name:inherit;
	}
	.taiwan-map .perfundo__content a,
	.taiwan-map .perfundo__content ::after,
	.taiwan-map .perfundo__content ::before {
		-webkit-transition:all 0s ease;
		   -moz-transition:all 0s ease;
			 -o-transition:all 0s ease;
				transition:all 0s ease;
	}
	.taiwan-map .perfundo__close {
		position:fixed;
		top:50%;
		right:50%;
		width:50px;
		height:50px;
		font-size:0;
		padding:0;
		background:none;
		margin-top:-290px;
		margin-right:-360px;
		border:1px solid #FFF;
		-webkit-transition:0.4s ease-out 0.2s both;
		   -moz-transition:0.4s ease-out 0.2s both;
			 -o-transition:0.4s ease-out 0.2s both;
				transition:0.4s ease-out 0.2s both;
		-webkit-animation:0.4s ease-out 0.2s both;
				animation:0.4s ease-out 0.2s both;
		-webkit-animation-name:inherit;
				animation-name:inherit;
	}
	.taiwan-map .perfundo__close:hover,
	.taiwan-map .perfundo__close:focus {
		background:#FFF;
	}
	.taiwan-map .perfundo__close span {
		position:relative;
		display:block;
		width:100%;
		height:100%;	
	}
	.taiwan-map .perfundo__close span::after,
	.taiwan-map .perfundo__close span::before {
		position:absolute;
		content:'';
		left:50%;
		top:50%;
		height:2px;
		width:26px;
		margin:-1px 0 0 -13px;
		background:#FFF;
		-webkit-backface-visibility:hidden;
				backface-visibility:hidden;
		-webkit-transition:-webkit-transform .2s;
				transition:transform .2s;
	}
	.taiwan-map .perfundo__close span::before {
		-webkit-transform:rotate(-45deg);
			-ms-transform:rotate(-45deg);
				transform:rotate(-45deg);
	}
	.taiwan-map .perfundo__close span::after {
		-webkit-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
				transform:rotate(45deg);
	}
	.taiwan-map .perfundo__close:hover span::after,
	.taiwan-map .perfundo__close:focus span::after,
	.taiwan-map .perfundo__close:hover span::before,
	.taiwan-map .perfundo__close:focus span::before {
		background:#000;
	}
	.taiwan-map .perfundo__back {
		position:fixed;
		top:50%;
		right:50%;
		width:50px;
		height:50px;
		font-size:0;
		padding:0;
		background:none;
		margin-top:-340px;
		margin-right:-300px;
		border:1px solid #FFF;
		-webkit-transition:all 0s ease;
		   -moz-transition:all 0s ease;
			 -o-transition:all 0s ease;
				transition:all 0s ease;
	}
	.taiwan-map .perfundo__back:hover,
	.taiwan-map .perfundo__back:focus {
		background:#FFF;
	}
	.taiwan-map .perfundo__back span {
		position:relative;
		display:block;
		width:100%;
		height:100%;	
	}
	.taiwan-map .perfundo__back span:before {
		position:absolute;
		content:"";
		display:block; 
		top:50%;
		left:50%;
		width:12px;
		height:12px;
		margin: -11px 0 0 -8px;
		border-left:2px solid #FFF;
		border-top:2px solid #FFF;
		-webkit-transform:rotate(-45deg);
			-ms-transform:rotate(-45deg);
				transform:rotate(-45deg);
		z-index:2;
		box-sizing:border-box;
		-webkit-transition:all 0s ease;
		   -moz-transition:all 0s ease;
			 -o-transition:all 0s ease;
				transition:all 0s ease;
	}
	.taiwan-map .perfundo__back span:after {
		content:"";
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		width:20px;
		height:16px;
		margin:-6px 0 0 -8px;
		border:2px solid #FFF;
		border-left:none;
		box-sizing:border-box;
		-webkit-border-radius:0 50px 50px 0;
		-moz-border-radius:0 50px 50px 0;
		border-radius:0 50px 50px 0;
		z-index:2;
		-webkit-transition:all 0s ease;
		   -moz-transition:all 0s ease;
			 -o-transition:all 0s ease;
				transition:all 0s ease;
	}
	.taiwan-map .perfundo__back:hover span::after,
	.taiwan-map .perfundo__back:focus span::after,
	.taiwan-map .perfundo__back:hover span::before,
	.taiwan-map .perfundo__back:focus span::before {
		border-color:#000;
	}
	
	
	.taiwan-map .citytit {
		position:absolute;
		left:50%;
		top:50%;
		color:#FFF;
		font-size:5.6em;
		font-weight:bold;
		text-align:left;
		margin-left:-360px;
		margin-top:-300px;
	}
	.taiwan-map .citytit span {
		display:block;
		font-size:2.1rem;
		margin-top:10px;
		padding:5px 0 9px 0;
		border-top:2px solid #FFF;
		border-bottom:2px solid #FFF;
	}
	.taiwan-map .citymap {
		position:relative;
		display:block;
		width:100%;
		height:100vh;
		margin:0 auto;
		overflow:hidden;
	}
	.taiwan-map .citymap:before {
		position:absolute;
		content:"";
		display:block;
		left:50%;
		top:50%;
		width:600px;
		height:600px;
		margin:-300px 0 0 -300px;
		background-position:50% 50%;
		background-repeat:no-repeat;
		background-size:auto 100%;
	}
	.citymap .hoverTxt{
		position:absolute;
		left:50%;
		top:50%;
		font-size:2rem;
		font-weight:bold;
		color:#fff;
		width: 250px;
    	height: 250px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		background-color:rgba(255,51,0,0.8);
		border-radius:150px;
		transform: translate3d(-50%, -50%, 0) scale(0.1);
		transition: all 0.4s ease-in-out;
		opacity:0;
	}
	.citymap .mapbtn:hover .hoverTxt{
		opacity:1;
		transform: translate3d(-50%, -50%, 0) scale(1);
	}
	.hoverTxt span{ font-size:1.25rem; color:#fff; margin-top:10px; font-family:Arial, Helvetica, sans-serif;}
	.taiwan-map .citymap.map1:before { background-image:url(../images/map-newtaipei.png); }
	.taiwan-map .citymap.map2:before { background-image:url(../images/map-yilan.png); }
	.taiwan-map .citymap.map3:before { background-image:url(../images/map-hualien.png); }
	.taiwan-map .citymap.map4:before { background-image:url(../images/map-taitung.png); }
	.taiwan-map .citymap.map5:before { background-image:url(../images/map-taichung.png); }
	.taiwan-map .citymap.map6:before { background-image:url(../images/map-nantou.png); }
	.taiwan-map .citymap.map7:before { background-image:url(../images/map-chiayi.png); }
	.taiwan-map .citymap.map8:before { background-image:url(../images/map-tainan.png); }
	.taiwan-map .citymap.map9:before { background-image:url(../images/map-kaohsiung.png); }
	.taiwan-map .citymap.map10:before { background-image:url(../images/map-keelung.png); }
	.taiwan-map .citymap.map11:before { background-image:url(../images/map-taipei.png); }
	.taiwan-map .citymap.map12:before { background-image:url(../images/map-taoyuan.png); }
	.taiwan-map .citymap.map13:before { background-image:url(../images/map-hsinchu-city.png); }
	.taiwan-map .citymap.map14:before { background-image:url(../images/map-hsinchu.png); }
	.taiwan-map .citymap.map15:before { background-image:url(../images/map-miaoli.png); }
	.taiwan-map .citymap.map16:before { background-image:url(../images/map-changhua.png); }
	.taiwan-map .citymap.map17:before { background-image:url(../images/map-yunlin.png); }
	.taiwan-map .citymap.map18:before { background-image:url(../images/map-chiayi-city.png); }
	.taiwan-map .citymap.map19:before { background-image:url(../images/map-pingtung.png); }
	.taiwan-map .citymap .mapbtn {
		position:absolute;
		content:"";
		display:block;
		left:50%;
		top:50%;
		width:600px;
		height:600px;
		margin:-300px 0 0 -300px;
	}
	.taiwan-map .citymap .mapbtn > ul {
		width:100%;
		list-style:none;
	}
	.taiwan-map .citymap .mapbtn > ul > li {
		position:absolute;
		display:inline-block;
	}
	.taiwan-map .citymap .mapbtn > ul > li:hover {
		z-index:5;
	}
	.taiwan-map .citymap .mapbtn > ul > li > a {
		position:relative;
		display:inline-block;	
		color:#FFF;
		font-size:1.9em;
		font-weight:bold;
		padding:7px 15px;
		background:#f2a200;
		border:2px solid #f2a200;
		box-sizing:border-box;
		z-index:1;
		-webkit-text-shadow: 0px 0px 5px rgba(0,0,0,.3);
		   -moz-text-shadow: 0px 0px 5px rgba(0,0,0,.3);
			-ms-text-shadow: 0px 0px 5px rgba(0,0,0,.3);
				text-shadow: 0px 0px 5px rgba(0,0,0,.3);
	}
	.taiwan-map .citymap .mapbtn > ul > li:hover > a,
	.taiwan-map .citymap .mapbtn > ul > li > a:hover,
	.taiwan-map .citymap .mapbtn > ul > li > a:focus {
		background:#bf0000;
		border-color:#bf0000;
	}
	.taiwan-map .citymap .mapbtn > ul > li.btnLeft > a::before,
	.taiwan-map .citymap .mapbtn > ul > li.btnRight > a::before {
		position:absolute;
		content:'';
		display:block;
		top:50%;
		width:10px;
		height:10px;
		background:#f2a200;
		margin-top:-5px;
		-webkit-box-shadow: 0 0px 5px rgba(0%,0%,0%,.3);
		   -moz-box-shadow: 0 0px 5px rgba(0%,0%,0%,.3);
				box-shadow: 0 0px 5px rgba(0%,0%,0%,.3);
		-webkit-border-radius:100px;
		   -moz-border-radius:100px;
				border-radius:100px;
	}
	.taiwan-map .citymap .mapbtn > ul > li:hover > a::before,
	.taiwan-map .citymap .mapbtn > ul > li > a:hover::before,
	.taiwan-map .citymap .mapbtn > ul > li > a:focus::before {
		background:#bf0000;
	}
	.taiwan-map .citymap .mapbtn > ul > li.btnLeft > a::before {
		right:-42px;
	}
	.taiwan-map .citymap .mapbtn > ul > li.btnRight > a::before {
		left:-42px;
	}
	.taiwan-map .citymap .mapbtn > ul > li.btnLeft > a::after,
	.taiwan-map .citymap .mapbtn > ul > li.btnRight > a::after {
		position:absolute;
		content:'';
		display:block;
		top:50%;
		width:30px;
		height:2px;
		background:#f2a200;
		margin-top:-1px;
		z-index:-1;
	}
	.taiwan-map .citymap .mapbtn > ul > li:hover > a::after,
	.taiwan-map .citymap .mapbtn > ul > li > a:hover::after,
	.taiwan-map .citymap .mapbtn > ul > li > a:focus::after {
		background:#bf0000;
	}
	.taiwan-map .citymap .mapbtn > ul > li.btnLeft > a::after {
		right:-32px;
	}
	.taiwan-map .citymap .mapbtn > ul > li.btnRight > a::after {
		left:-32px;
	}
	.taiwan-map .citymap .mapbtn > ul > li > ul {
		position:absolute;
		display:block;
		bottom:0;
		width:200px;
		height:0;
		letter-spacing:-9px;
		padding:5px;
		margin:-10px 0;
		box-sizing:border-box;
		visibility: hidden;
		opacity: 0;
	}
	.taiwan-map .citymap .mapbtn > ul > li.btnLeft > ul {
		right:100%;
	}
	.taiwan-map .citymap .mapbtn > ul > li.btnRight > ul {
		left:100%;
	}
	.taiwan-map .citymap .mapbtn > ul > li > ul.focu-show {
		height:inherit;
		visibility:visible;
		opacity: 1;
		z-index:10;
	}
	.taiwan-map .citymap .mapbtn > ul > li > ul li {
		display:inline-block;
		width:100%;
		padding:5px;
		box-sizing:border-box;
	}
	.taiwan-map .citymap .mapbtn > ul > li > ul li a {
		position:relative;
		display:inline-block;
		width:100%;
		text-align:left;
		color:#FFF;
		font-size:1.9em;
		font-weight:bold;
		letter-spacing:0;
		padding:7px 15px;
		background:#bf0000;
		border:2px solid #bf0000;
		box-sizing:border-box;
		z-index:1;
		-webkit-box-shadow: 0 0px 5px rgba(0%,0%,0%,.3), 0px 0px 15px rgba(0,0,0,.7);
		   -moz-box-shadow: 0 0px 5px rgba(0%,0%,0%,.3), 0px 0px 15px rgba(0,0,0,.7);
				box-shadow: 0 0px 5px rgba(0%,0%,0%,.3), 0px 0px 15px rgba(0,0,0,.7);
	}
	.taiwan-map .citymap .mapbtn > ul > li > ul li a:hover,
	.taiwan-map .citymap .mapbtn > ul > li > ul li a:focus {
		color:#bf0000;
		background:#FFF;
	}
	.taiwan-map .citymap .mapbtn > ul > li > ul li a:before {
		position:absolute;
		content:"";
		display:block; 
		right:15px;
		top:50%;
		width:10px;
		height:10px;
		margin:-5px 1px 0 0;
		border-right:2px solid #FFF;
		border-top:2px solid #FFF;
		-webkit-transform:rotate(45deg);
			-ms-transform:rotate(45deg);
				transform:rotate(45deg);
		z-index:2;
		box-sizing:border-box;
	}
	.taiwan-map .citymap .mapbtn > ul > li > ul li a:after {
		position:absolute;
		content:"";
		right:15px;
		top:50%;
		display:block;   
		width:12px;
		height:2px;
		margin:-1px 0 0 0;
		background:#FFF;
		z-index:2;
	}
	.taiwan-map .citymap .mapbtn > ul > li > ul li a:hover:before,
	.taiwan-map .citymap .mapbtn > ul > li > ul li a:focus:before {
		border-color:#bf0000;
	}
	.taiwan-map .citymap .mapbtn > ul > li > ul li a:hover:after,
	.taiwan-map .citymap .mapbtn > ul > li > ul li a:focus:after {
		background:#bf0000;
	}
}