/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }

/*change width: 1260px to 100%; delete overflow: hidden; float: left; && ADD display:flex;*/
#page-wrap { width: 100%; padding: 0 0 0 15px; margin: 0 0 15px 0; display:flex;  height: 100%; }

.info-col { float: left; width: 132px;  padding:  0 0 0; }
.info-col h2 {
	text-align: center;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

.image { height: 100px; text-indent: -9999px; display: block;  }

/*
	 圖和圖的白線
*/

.superman { background: url(images/en-map/superman.jpg) center center no-repeat; }
.superman1 { background: url(images/en-map/superman1.jpg) center center no-repeat; }
.superman2 { background: url(images/en-map/superman2.jpg) center center no-repeat; }
.superman3 { background: url(images/en-map/superman3.jpg) center center no-repeat; }
.superman4 { background: url(images/en-map/superman4.jpg) center center no-repeat; }
.superman5 { background: url(images/en-map/superman5.jpg) center center no-repeat; }
/*20190619 superman6與superman4合併為美洲*/
.superman6 { background: url(images/en-map/superman6.jpg) center center no-repeat; }
.superman7 { background: url(images/en-map/superman7.jpg) center center no-repeat; }
.superman0 { background: url(images/en-map/superman0.jpg) center center no-repeat; }


dt {
	padding: 5px;
	color: #333;
	font-size: 12px;
	background-color: #FFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E8E8E8;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E8E8E8;

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
}

dd {
	position: absolute;
	left: -9999px;
	top: -9999px;
	padding: 10px;
	color: white;
	font-size: 13px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E8E8E8;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #E8E8E8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
}


dt:nth-of-type(1) { background:  #fff; }
dd:nth-of-type(1) { background: #fff; }

dt:nth-of-type(2) { background:  #fff; }
dd:nth-of-type(2) { background: #fff; }

dt:nth-of-type(3) { background:  #fff; }
dd:nth-of-type(3) { background: #fff; }

dt:nth-of-type(4) { background:  #fff; }
dd:nth-of-type(4) { background: #fff; }

dt:nth-of-type(5) { background:  #fff; }
dd:nth-of-type(5) { background: #fff; }

dt:nth-of-type(6) { background:  #fff; }
dd:nth-of-type(6) { background: #fff; }

dt:nth-of-type(7) { background:  #fff; }
dd:nth-of-type(7) { background: #fff; }

dt:nth-of-type(8) { background:  #fff; }
dd:nth-of-type(8) { background: #fff; }

dt:nth-of-type(9) { background:  #fff; }
dd:nth-of-type(9) { background: #fff; }

dt:nth-of-type(10) { background:  #fff; }
dd:nth-of-type(10) { background: #fff; }

dt:nth-of-type(11) { background:  #fff; }
dd:nth-of-type(11) { background: #fff; }

dt:nth-of-type(12) { background:  #fff; }
dd:nth-of-type(12) { background: #fff; }
dt:nth-of-type(13) { background:  #fff; }
dd:nth-of-type(13) { background: #fff; }

/*set all rgba(0,0,0,0.2) to rgba(0,0,0,0)*/
.curCol { -moz-box-shadow: 0 0 10px rgba(0,0,0,0); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0); z-index: 1; position: relative; }