body {
	font-family: sans-serif, Arial, Helvetica, "Noto Sans CJK TC", "Microsoft JhengHei";
	font-size: 1.12rem;
	line-height: 1.5em;

	/*------COLORS-------*/
	--darkGreen: #4a9364;
	--midGray: #cecccb;

	--titleBrown: #3a260b;
}

a {
	color: #ff0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a,
input,
select {
	pointer-events: auto;
}

/* 避免遮擋到彈出式視窗 */
#common-main-content {
	z-index: 2000 !important;
}

/*THREE*/
#main-canvas {
    /*BG Settings*/
    background-color: #98d6b9;
    background-image: url(../../images/routerHistory/BGSky.png);
    background-repeat: repeat-x;
    background-size: auto 40%;
    background-position: top;
}

/*Inner init loading bg*/

#RH-inner-loading-msg {
	position: fixed;
	background-color: #fff;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: auto;

	transition: opacity 0.5s;
	opacity: 1;
}

#RH-inner-loading-msg.done {
	opacity: 0;
	pointer-events: none;
}

#RH-inner-loading-msg .inner {
	position: absolute;
	display: flex;
	flex-direction: column;
	transform: translate(0, -50%);
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
}

#RH-inner-loading-msg .inner .jimLoadingBar{
	align-self: center;
}

/*INFO WINDOWS*/
.info-fill{
    --copyblockOffset: 9px;
}

.info-fill .info-window{
	--line-color: var(--darkGreen);
	display: flex;
}

.info-fill .info-window::before {
	content: "";
	z-index: -1;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transform: translate(var(--copyblockOffset), var(--copyblockOffset));
}

.info-fill#taiwan .info-window {
	--line-color: var(--midGray);
}

.info-fill .info-window .content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	overflow: hidden;
}

.info-fill .info-window .content .title-block {
	color: var(--titleBrown);
	font-size: 1.4rem;
	margin: 20px;
	margin-bottom: 0px;
}

.info-fill .info-window .content .text {
	flex: 1;

	margin: 6px 30px;
	margin-bottom: 20px;
	overflow-y: auto;
	overflow-x: hidden;
}

.info-fill .info-window,
.info-fill .info-window::before {
	background-color: #fff;
	border: solid var(--line-color) 2px;
}

.info-fill .info-images .pic-group.hide{
	display: none !important;
}

/*full Pic Window*/

#fullPicWindow {
	z-index: 10000;
}

#fullPicWindow .displayWindow {
    --padding: 20px;
    padding: var(--padding);
    --sizeAdjust: calc(90% - var(--padding) * 2);
	width: var(--sizeAdjust);
	height: var(--sizeAdjust);
	display: flex;
	flex-direction: row;
}

#fullPicWindow .displayWindow #container {
	flex: 1;
	overflow-y: auto;
	--shrinkOffset: 25px;
	padding: var(--shrinkOffset);
	width: calc(100% - var(--shrinkOffset) * 2);
}

#fullPicWindow .displayWindow #container #imageView-container {
	width: 100%;
	height: 100%;
	position: relative;
}

#fullPicWindow .displayWindow #container #imageView-container::before,
#fullPicWindow .displayWindow #container #imageView-container::after {
	content: "";
	--main-color: var(--darkGreen);
	--offsetPos: -15px;
	--size: 50px;
	border: solid var(--main-color) 1.5px;
	position: absolute;
	z-index: -1;
	height: var(--size);
	width: var(--size);
}

#fullPicWindow .displayWindow #container #imageView-container::before {
	border-bottom: unset;
	border-left: unset;
	top: var(--offsetPos);
	right: var(--offsetPos);
}

#fullPicWindow .displayWindow #container #imageView-container::after {
	border-top: unset;
	border-right: unset;
	bottom: var(--offsetPos);
	left: var(--offsetPos);
}

#fullPicWindow .displayWindow #container #imageView {
	position: absolute;
	max-height: 100%;
	max-width: 100%;
	height: auto;
	width: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

#fullPicWindow .displayWindow #closeButton {
	position: absolute;
	top: var(--padding);
	right: var(--padding);
    z-index: 10;
}

#fullPicWindow .displayWindow #side-desc {
	position: relative;
	width: 300px;
}

#fullPicWindow .displayWindow #side-desc #nextButton {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
}

#fullPicWindow .displayWindow #side-desc #pic-desc {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 1.25rem;
	line-height: 30px;
	font-weight: bold;
	text-align: left;
}