@media (max-width:1599px){.modal-xxl{max-width:99%}}
@media (min-width:1600px){.modal-xxl{max-width:1580px}}
@media (min-width:1700px){.modal-xxl{max-width:1680px}}
@media (min-width:1800px){.modal-xxl{max-width:1780px}}
@media (min-width:1900px){.modal-xxl{max-width:1880px}}


.pr-10{
	width: 12%;
	float: left;
	margin-right: 0.5%;

}

.pr-15{
	width: 24%;
	float: left;
	margin-right: 0.5%;

}


.tainanmapboxtop{
	width: 100%;
	border: 1px solid #ccc;
	float: left;
	height:50px;
	margin-right: 15px;
}


.tainanmapbox1{
	width: 210px;
	border: 1px solid #ccc;
	float: left;
	height:85vh;
	margin-right: 15px;
}


.tainanmapbox1-1{
	width: 100%;
	border: 1px solid #ccc;
	float: left;
	height:85vh;
}




.tainanmapbox1-inner {
	width: 100%;
	overflow:scroll;
	overflow-x:hidden;
	height:78vh;
}

.tainanmapbox2{
	width: 430px;
	border: 1px solid #ccc;
	float: left;
	height:calc(85vh - 50px);
	overflow:scroll;
	overflow-x:hidden;
	margin-right: 15px;
}

.tainanmapbox3{
	width: calc(100% - 445px);
	float: left;
	height:calc(85vh - 50px);
}

.tainanmap_checkbox {
	margin-right: 10px;
}


.tainanmapbox4{
	width: 210px;
	float: left;
	padding-top: 8px;
	padding-right: 10px;
}

.tainanmapbox5{
	width: calc(100% - 210px);
	float: left;
	padding-top: 8px;
	padding-left: 10px;
}




.tainanmapbox_bt {
    border: 1px;
    line-height: 33px;
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    background-color: #007fac;
    padding-right: 5px !important;
    padding-left: 5px !important;
    cursor: pointer;
}

.tainanmapbox2_bt {
	border: 1px;
	line-height: 33px;
	font-size: 15px;
	color: #FFFFFF;
	text-align: center;
	background-color: #0283df;
	padding-right: 5px !important;
	padding-left: 5px !important;
	cursor: pointer;
	float: left;
	width: 8%;
}

.textbox3 {
	border: 1px solid #ccd0d3;
	padding-left: 10px;
	margin-right: 10px;
	width: 150px;
	height: 35px;
}

.textbox4 {
	border: 1px solid #ccd0d3;
	padding-left: 5px;
	margin-right: 10px;
	width: 80px;
	height: 35px;
}


.tainanmap_wd1 {
    font-size: 24px;
    line-height: 50px;
    color: #FFFFFF;
    background-color: #203864;
    padding-left: 15px;
}

.tainanmap_wd2 {
    border: 1px solid #CCCCCC;
    line-height: 25px;
    font-size: 16px;
    color: #333333;
    width: 100%;
    padding-left: 10px;
    background-color: #FFFFFF;
    margin-top: 3px;
    margin-bottom: 0px;
}

.tainanmap_wd3 {
	font-size: 16px;
	line-height: 25px;
	color: #333333;
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}

.tainanmap_wd4 {
	font-size: 16px;
	line-height: 25px;
	color: #333333;
	width: 85%;
		float: left;
}

.tainanmap_wd5 {
	font-size: 16px;
	line-height: 25px;
	color: #333333;
	width: 15%;
		float: left;
}

.tainanmap_wd6  {
    font-size: 15px;
    color: #3998c6;
    line-height: 20px;
}

.tainanmap_wd6 a:visited {
    text-decoration: none;
	color: #3998c6 !important;
}

.tainanmap_wd6 a:visited {
    text-decoration: none;
	color: #3998c6 !important;
}
.tainanmap_wd6 a:visited {
    text-decoration: none;
	color: #3998c6 !important;
}
.tainanmap_wd6 a:visited {
    text-decoration: none;
	color: #3998c6 !important;
}




.contentbox01-7{
	width: 33%;
	margin-right: 2%;
	float: left;
}

.contentbox01-8{
	width: 65%;
	float: left;
}

.contentbox01-8 img{
	width: auto;
	height:auto;
}


.mapall{
	width: 100%;
	height:100vh;
}

.mapselect{
	width: 100%;
	text-align: center;
	position: fixed;
	z-index: 99;
	bottom: 10px;
}

.canselect{
	width: 30px;
	height:30px;
	text-align: center;
	position: fixed;
	z-index: 99;
	top: 0px;
	right: 0px;
	background-color: #FF0000;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 30px;
	font-size: 30px;
}

.canselect a:visited {
    text-decoration: none;
	color: #FFFFFF !important;

}

.canselect a:visited {
    text-decoration: none;
	color: #FFFFFF !important;

}
.canselect a:visited {
    text-decoration: none;
	color: #FFFFFF !important;

}
.canselect a:visited {
    text-decoration: none;
	color: #FFFFFF !important;
}

.button_map {
	border: 1px;
	line-height: 40px;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	background-color: #007fac;
	padding-right: 10px !important;
	padding-left: 10px !important;
	cursor: pointer;
	border-radius: 20px;
	width: 130px;
	margin-right: auto;
	margin-left: auto;
}

.button_map2 {
	border: 1px;
	line-height: 30px;
	font-size: 30px;
	color: #FFFFFF;
	text-align: center;
	background-color: #FF0000;
	cursor: pointer;
	width: 30px;
}


@media (max-width:1450px){

.pr-10{
	width: 12%;
	float: left;
	margin-right: 0.5%;

}

.pr-15{
	width: 24%;
	float: left;
	margin-right: 0.5%;

}
}



@media (max-width:1100px){

.pr-10{
	width: 12%;
	float: left;
	margin-right: 0.5%;

}

.pr-15{
	width: 24%;
	float: left;
	margin-right: 0.5%;

}
}


@media (max-width:1000px){

.pr-10{
	width: 12%;
	float: left;
	margin-right: 0.5%;

}

.pr-15{
	width: 24%;
	float: left;
	margin-right: 0.5%;

}
}