.info-section {
	border-radius: 2px; width: 100%; height: 100%; overflow: hidden; position: relative; box-sizing: inherit; background-repeat: repeat-x;
}
.info-header {
	padding: 2px; margin-bottom: 0px; display: flex; background-size: 100% 100%;
}
.info-header > div {
	padding-left: 3px;
}
.info-icon {
	width: 1.5rem; height: 1.5rem; overflow: hidden; float: left; position: relative;
}
.info-header-name {
	color: rgb(238, 238, 238); font-size: 18px; margin-top: 2px; text-shadow: 0em 0em 0.2rem #000, 0em 0em 0.2rem #000, 0em 0em 0.2rem #000, 0em 0em 0.3rem #000, 0em 0em 0.3rem #000;
}
.info-content-discription > li {
	list-style: none; text-shadow: 0px 0px 1px #333;
}
.info-content-area {
	padding: 2px 2px 2px 33px; margin-bottom: 12px; display: flex;
}
.info-map {
	max-width: 300px; box-sizing: inherit;
}
.info-map-img {
	box-shadow: 0px 0px 8px #222, 0px 0px 8px #222;
}
.info-map > h1 {
	width: 170px;
}
.ui-btn-text {
	margin: 0px; padding: 0px; outline: 0px; color: rgb(68, 68, 68); font-family: "ºÚÌå"; font-size: 90%; vertical-align: baseline; text-shadow: 0em 0em 2px #000;
}
.chest-area {
	padding: 10px; border-radius: 4px; border: 0.5px solid rgb(17, 17, 17); border-image: none; margin-bottom: 12px; display: flex; min-width: 150px; max-width: 300px; box-shadow: 0px 0px 5px #222, 0px 0px 5px #222; background-image: linear-gradient(rgb(130, 130, 127) 0px, rgb(147, 149, 145) 100%); background-size: 100% 100%; background-color: rgb(17, 17, 17);
}
.chest-icon {
	border-radius: 5px; border: 1px solid rgb(17, 17, 17); border-image: none; width: 40px; height: 40px; overflow: hidden; margin-left: 20px; float: left; position: relative; box-shadow: 0px 1px 3px #222; background-color: rgb(68, 68, 68);
}
.chest-icon > img {
	left: 50%; top: 50%; position: absolute; z-index: 4; max-height: 105%; max-width: 105%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
}
.chest-shade {
	width: 90px; height: auto; margin-top: 33px; margin-left: 13px; float: left; position: absolute;
}
.chest-num {
	width: 40px; height: 40px; overflow: hidden; padding-top: 10px; margin-left: 13px; float: left; position: relative;
}
.chest-num > p {
	color: rgb(228, 223, 214); font-family: "·½ÕýÒ¦Ìå"; font-size: 25px; text-shadow: 0em 0em 0.1rem #000, 0em 0em 0.1rem #000, 0em 0em 0.1rem #000, 0em 0em 0.3rem #000, 0em 0em 0.3rem #000;
}
.info-section li {
	margin-bottom: 0.5rem; margin-left: 0.5rem;
}
.info-section h2 {
	font-size: 2em; text-shadow: 0px 0px 0.2rem #222; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em;
}
.info-section h3 {
	font-size: 1.5em;
}
.figure {
	max-height: 30rem;
}
.figure img {
	height: auto; margin-bottom: 1rem; max-height: 20rem; box-sizing: inherit;
}
.aligncenter {
	margin: 2rem auto; text-align: center; clear: both; display: block;
}
.figure li {
	font-size: 0.8em; list-style-type: none;
}
.timeline-area {
	margin: 0.5rem auto;
}
.attention-part {
	color: rgb(191, 23, 23) !important;
}
.remove-effect:link {
	color: red !important; text-decoration: none; cursor: default;
}
.remove-effect:active {
	color: red !important; text-decoration: none; cursor: default;
}
.remove-effect:hover {
	color: red !important; text-decoration: none; cursor: default;
}
.remove-effect:visited {
	color: red !important; text-decoration: none; cursor: default;
}
.text-align-center {
	text-align: center;
}
.p5table {
	padding: 0.5rem; border: 1px dashed rgb(0, 0, 0); border-image: none; text-align: center; border-collapse: collapse;
}
.p5table tr {
	padding: 0.5rem; border: 1px dashed rgb(0, 0, 0); border-image: none; text-align: center; border-collapse: collapse;
}
td {
	padding: 0.5rem; border: 1px dashed rgb(0, 0, 0); border-image: none; text-align: center; border-collapse: collapse;
}
