#page_wrapper{

	min-height: 100vh;

	display: flex;

	flex-direction: column;

	position: relative;

}

#content_area{

	flex: 1;

	padding: 2% 0%;

	position: relative;

}

@media(min-width: 576px){

	#content_area{

		padding: 2% 10%;

		font-size: 1.25rem;

	}

	.content_layer{

		padding: 2% 3%;

	}

}



#toolbox{

	position: fixed;

	bottom: calc(56px + 2%);

	right: 2%;

	z-index: 10;

	padding: 0.5rem 0.375rem;

	border-radius: 1.25rem;

	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);

	display: none;

}

#toolbox .btn_primary{

	margin-top: 0.5rem;

}



#toolbox .btn_warn{

	margin-top: 1rem;

}



#toolbox .btn_icon:first-child{

	margin-top: 0rem;

}



.page_finished::before{

	content: '驗 收 過';

	position: absolute;

	z-index: 1000;

	top: 62px;

	right: 0;

	padding: 1rem 2rem;

	font-size: 1.25rem;

	border-bottom-left-radius: .5rem;

	color: rgb(255, 255, 255);

	background: hsla(282, 36%, 25%, 1);

	background: linear-gradient(90deg, hsla(282, 36%, 25%, 1) 0%, hsla(310, 22%, 37%, 1) 100%);

	background: -moz-linear-gradient(90deg, hsla(282, 36%, 25%, 1) 0%, hsla(310, 22%, 37%, 1) 100%);

	background: -webkit-linear-gradient(90deg, hsla(282, 36%, 25%, 1) 0%, hsla(310, 22%, 37%, 1) 100%);



}



.page_tested::after{

	content: '測 試 過';

	position: absolute;

	z-index: 1000;

	top: 0px;

	right: 0;

	padding: 1rem 2rem;

	font-size: 1.25rem;

	color: rgb(255, 255, 255);

	background: #314755;

	background: -webkit-linear-gradient(to right, #26a0da, #314755);

	background: linear-gradient(to right, #26a0da, #314755); 



}