html, body
{
	margin:0;
	padding:0;
}
html{
	width:100%;
	height:100%;
}
body
{
	width:100%;
	max-width:600px;
	height:100%;
	margin: 0 auto;
}

.body_content
{
	display: flex;
	flex-direction: column;
	min-height:100%;
	position: relative;
	pointer-events: none;
}

.body_content *
{
	pointer-events: all;
}
.pop_up_win{
	color:white;
	background-color:RGBA(0,0,0,0.9);
	position:fixed;
	left:0; 
	top:0; 
	height:100%;
	width:100%;
}

.pop_up_win_content{
	width:90%;
	max-width:500px;
	margin:0 auto;
	min-height:200px;
	box-sizing: border-box; 
}
.button_type1{
	cursor: pointer;
	width:100%;
	min-width: 150px;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box; 
}
.header_common_metrics_div, .header_spec_metrics_div{
	display:flex;
	justify-content: space-around;
}
.header_metric_div_logo{
	height:60px;
}
.cap_name_div_logo{
	float:right;
}
#cap_name_div{
	white-space:nowrap;
}
.close_info_win_button{
	float:right;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size: 27px;
	border-radius:20px;
	border:1px solid #FFF;
	text-align: center;
}

#main_content_div{
	flex:0 0 auto; 
	display:flex; 
	flex-direction:column;
	padding: 0 10px;
}

.i_cap .task_answer_div, .i_cap .task_tip_div{
	cursor:pointer;
}
.task_tip_opened_div{
	cursor:auto !important;
}