@charset "utf-8";
/* CSS Document */

body {
	background-color: #0B0B0B;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background-size: cover;
	color: #fff;
	line-height: 1;
}

a.thankyou {text-decoration: none; color: #535353}
a.thankyou:hover {text-decoration: none; color: #6C6C6C}

.content_wrapper_site {
	max-width: 1920px;
	margin: auto;
	padding-top: 0px;
	position: relative;
}

.content_maximize {
	position: absolute; left: 0; top: 0; right: 0; bottom: 0;
}

.default_input {
	width: 100%; height: 30px; border-radius: 4px; border: 1px solid #868686; padding: 0;
}

.code_input {
	width: 100px; height: 36px; text-align: center;vertical-align: middle; border-radius: 4px; border: 1px solid #868686; padding: 0;
}
.max_height_value_hidden {
	display: none; visibility: hidden;
}

.join_game_input {
	width: 100px; height: 22pt; border: 1px solid #868686; padding: 0; margin: 0px 20px 0px 20px; border-radius: 4px;
}

.button_test_code {
border-radius: 4px; border: 1px solid #868686; background-color: #1062AF; color: #fff; font-size: 11pt; font-weight: bold;
	width: 100px; height: 38px; vertical-align: middle; cursor: pointer; transition: .3s;
}

.button_test_code:hover {
border: 1px solid #6A6A6A; background-color: #0B5193;
}

.button_test_code:active {
border: 1px solid #4D4D4D; background-color: #084074;
}

.left_side_box {
	float: left; width: 45%; padding-top: 25.5%; position: relative; margin-left: 3%;	
}

.right_side_box {
	float: right; width: 45%; padding-top: 25.5%; position: relative;  margin-right: 3%;
}

.game_box_alignment {
	position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 20px;
}

.game_box_image {
	position: relative; height: 100%; width: 100%; background-position: center; background-size: contain; background-repeat: no-repeat;
}

.game_box_audio_play {
	position: absolute; top: 0; right: 0; width: 100%; height: 100%; margin: 0%; cursor: pointer;
}
.video {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* game bottom bar */
.game_bottom_bar {
	width: 94%; margin-left: 3%; margin-right: 3%; position: relative; padding-top: 60px;
}

.game_bottom_chapter {
	float: left; margin-top: 30px; font-size: 24pt; padding-left: 20px
}

.game_bottom_code_box {
	float: right; margin-top: 20px; font-size: 18pt;
}

.final_input {
	height: 36px; text-align: center; vertical-align: middle; border-radius: 4px; border: 1px solid #868686; padding: 0;
	width: 100%; font-size: 18pt; font-weight: bold; margin-bottom: 10px;
}

.final_button {
	border-radius: 4px; border: 1px solid #868686; background-color: #1062AF; color: #fff; font-size: 11pt; font-weight: bold;
	vertical-align: middle; cursor: pointer; transition: .3s;
	width: 100%; padding: 0px; height: 30px;
}

.final_button:hover {
	background-color: #0F5494;
}

.final_code_box {
	display: inline-block; width: 40px; margin: 0px 10px; margin-bottom: 50px;
}
.game_design_fix_class {
	display: none; visibility: hidden; opacity: 0; color: rgba(0,0,0,0.00); font-size: 1pt;
}