@charset "utf-8";
/*map -start-*/
.map{
	clear:both;
	width:100%;
	padding:10px 0;
	margin:0;
	background-color: #add6f3;
    background-image: url(../images/promotebg.jpg);
	background-repeat:no-repeat;
	background-position: center top;
}
.map .map-box{
	width:100%;
	text-align:center;
	position:relative;
}
.map-box .taiwan-map{
	text-align:center;
	position:relative;
	width:100%;
}
.map-box .taiwan-map::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
	background-image: url(../images/map2021.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}
@media screen and ( max-width: 990px) {
	.map,.map-box .taiwan-map::before{
		background-size:contain;
	}
	.map-box .taiwan-map::before{opacity:0.5;}
}
/*bookmark*/
.map-box .bookmark{
	display:block;
}
.map-box .bookmark div.MK41-ESSMs{
	width:100%;
	padding:20px;
	margin:0;
}
/**/
.map-box .bookmark div.MK41-ESSMs ul.promote-list{
	width:100%;
	height:100%;
	padding:0;
	margin:0 auto;
	list-style:none;
	position:relative;
	max-width:1150px;
}
ul.promote-list > li{
	width:100%;
	margin:0 0 10px;
}
ul.promote-list > li > a{
	display:block;
	transition:none;
}
ul.promote-list li a h3,
ul.promote-list li h3{
	color:#fff;
	position:relative;
	padding:12px 15px;
	text-align:left;
	font-size:1.125em;
    letter-spacing:0.05em;
	border:none;
	border-radius:0;
	background-color:#926b38;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
ul.promote-list > li > a:hover h3,
ul.promote-list > li > a:focus h3{
	background-color:#ff4000;
}
ul.promote-list li a h3 span.main,
ul.promote-list li h3 span.main{
	display:inline-block;
}
ul.promote-list li a h3 span.minor,
ul.promote-list li h3 span.minor{
	display:inline-block;
}
ul.promote-list li a h3 span.arrow,
ul.promote-list li h3 span.arrow{
	display:inline-block;
	width:22px;
	height:22px;
	background:url(../images/promote-list-li-a-arrow.png) left top no-repeat;
}
ul.promote-list li h3 .main + span.arrow{ margin-left:10px;}
/**/
ul.promote-list > li.cstt h3{
	background-color:#888;
}
ul.promote-list > li.cstt h3 span.arrow{
	background:url(../images/promotelist-cstt.png) left top no-repeat;
}
/**/
ul.promote-list li a .txt{
	color:#fff;
	padding:12px 15px;
	text-align:left;
}
ul.promote-list li a .txt ul{
}
ul.promote-list li a .txt ul li{
	line-height:1.5em;
    text-shadow:0px 0px 8px rgba(0,0,0,0.28);
}
ul.promote-list li a .txt ul li span.unit{
}
.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 -End-*/
@media screen and (min-width:481px){
	ul.promote-list{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}
	ul.promote-list > li{
		width:calc(50% - 6px);
		margin:6px 0;
	}
}
@media screen and (min-width:868px){
	ul.promote-list > li{ width:32%;}
}
@media screen and (min-width:991px){
.map { padding:60px 10px 0;}
/*map -start-*/
.map .map-box{
	width:100%;
	margin:0 auto;
	text-align:center;
	position:relative;
	max-width:1200px;
}
/*bookmark*/
.map-box .bookmark{
	display:block;
	position:relative;
}
.map-box .bookmark div.MK41-ESSMs{
	margin:0 auto;
	padding:30px 0 0;
	width:100%;
}
.map-box .bookmark .MK41-ESSMs .taiwan-map{
	height:800px;
}
/*ul.promote-list*/
ul.promote-list > li{
	width:auto;
	display:inline-block;
	position:absolute;
	margin:0 0 0 0;
}
ul.promote-list > li.zone001{
	top: 50px;
    right:10px;
}
ul.promote-list > li.zone002{
	top:165px;
	right:25px;
}
ul.promote-list > li.zone003{
	top:311px;
	right:65px;
}
ul.promote-list > li.zone004{
	top:565px;
	right:200px;
}
ul.promote-list > li.zone005{
	top: 270px;
    left:40px;
}
ul.promote-list > li.zone006{
	top: 390px;
    left: 10px;
}
ul.promote-list > li.zone007{
    top: 580px;
    left:60px;
}
ul.promote-list > li.zone008{
	top: 640px;
    left:90px;
}
ul.promote-list > li.zone009{
	top:700px;
	left:70px;
}
ul.promote-list > li.zone010{
	top:-30px;
	right:70px;
}
ul.promote-list > li.zone011{
	top:-30px;
	left:260px;
}
ul.promote-list > li.zone012 {
    top: 30px;
    left:190px;
}
ul.promote-list > li.zone013{
    top: 90px;
    left:130px;
}
ul.promote-list > li.zone014{
    top: 150px;
    left:70px;
}
ul.promote-list > li.zone015{
    top: 210px;
    left:70px;
}
ul.promote-list > li.zone016{
	top: 330px;
    left:10px;
}
ul.promote-list > li.zone017{
	top: 450px;
    left:10px;
}
ul.promote-list > li.zone018{
	top: 510px;
    left:20px;
}
ul.promote-list > li.zone019{
	top:700px;
	right:180px;
}
ul.promote-list > li > a{
	transition:none;
}
ul.promote-list > li > a:hover{
	background-position:0 -117px;
}
/*map -End-*/
}