.main
{
	width : 100%; 
	height : 100%;
}

.maintenance 
{
	font-family: arial;
	font-weight: normal;
	font-size: 20px;
	color: #000000;
	text-align: center;
	vertical-align : middle;
	margin: auto auto;
	height: 99vh;
}
.maintenance:after
{
	content: "";
	background-image: url('../image/tk-login-right.png');
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
	opacity: 0.2;
	height: calc(100vh - 70px);
	top: 60px;
	left: 5px;
	bottom: 5px;
	right: 8px;
	position: absolute;
	z-index: -1;
}
.logo
{
	height: 60px;
	background-color: rgb(32, 41, 69);
	background-image: url('../image/tk-logo-panel.png');
	background-position: 10px center;
	background-repeat: no-repeat;
	background-size: auto 50px;
}

.message
{
	opacity: 1;
	padding : 10px;
	width : 800px; 
	text-align : center; 
	margin : 0 auto;
	padding-top : 40px;
}

/**
 * width < 600px
 * Phone portait, small phone landscape.
 */
@media all and (max-width:  799px)
{
	.maintenance:after
	{
		background-size: cover;
	}

	.message
	{
		padding : 40px 5px 0px 5px;
		width : 100%;
	}
}