body {
	background-image: url(img/bg2.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.bgimg {
	background-image: url('./img/DMM_Footer_L.png');
	margin: 0;
	padding: 0;
	border: 0;
}

.bgimg2 {
	background-image: url('./img/DMM_Footer_R.png');
	margin: 0;
	padding: 0;
	border: 0;
}

.news {
	color: #FFEEAA;
	text-align: left;
}

.news_caption_enable {
	color: #FFEEAA;
	text-align: left;
	background-image: url('./img/enable.png');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 280px; 
	height: 106px;
}

.news_caption_disable {
	color: #FFEEAA;
	text-align: left;
	background-image: url('./img/disable.png');
	background-size: 100%;
	background-repeat: no-repeat;
	width: 280px; 
	height: 106px;
}

/* width */
::-webkit-scrollbar {
	width: 10px;
	background: #2d2725;
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #2d2725; 
	border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #c3a57a; 
	border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #c3a57a; 
}

/* #adContent {
	background-image: url(img/bg2.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
} */

#webglContent {
	width: 1360px;
	height: 760px;
	margin: auto;
	background-image: url(img/bg.png);
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#unityContainer {
	width: 1260px;
	height: 708px;
	background-color: #000000;
}

#fullScreen {
	background-image: url(img/fullscreen.png);
	background-repeat: no-repeat;
	background-size: 100%;
	position: absolute;
	top: 94.5%;
	right: -3%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
	z-index: 10000;
}

#progressBarLabel {
	position: absolute;
	top: 72.5%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 150px;
	height: 10px;
	z-index: 10000;
	text-align: center;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: bold;
	color: #373551;
}

#progressBar {
	position: absolute;
	top: 75%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 150px;
	height: 10px;
	background-color: #1e1d40;
	z-index: 10000;
}

#progressBar div {
	height: 100%;
	background-color: #7874a5;
	width: 0%;
	transition: width 0.3s ease-in-out;
}

#progressBarBG {
	width: 1259px;
	height: 708px;
	margin: auto;
	background-image: url(img/progressBarBG.png);
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}