@import "sdglobal.css";	


@media only screen  
{
	.SDWelcomeFrame
	{
		left: 			calc((100% - 32em) / 2);
		top:				calc((100% - 32em) / 2); 
		width: 			32em;  
		height: 			24em; 
	}

	.SDWelcomeDataArea
	{
		position:	absolute;
		width: 		100%;
		height:		100%; 
	}	

}

@media only screen 
   and (max-device-width: 500px) 
	and (max-device-height: 1000px)  
	and (orientation: portrait)
{
	.SDWelcomeFrame 
	{
		position:	absolute;
		left:0px;
		top:0px;
		width:100%;
		height: 100%;
		z-index:		0;

	}
	
	.SDWelcomeDataArea
	{
		position: 	relative;
		top: 			calc((100% - 21em) / 2); 
		height: 		calc(24em - var(--IESTitleAreaTop) - var(--IESTitleAreaHeight)) ; 
		z-index: 	0; 
		width: 		100%;
	}

}


.SDWelcomeHint
{
	margin-top:		1em;
	width: 			100%;
	color: 			var(--IESFgDlg);
}

.SDWelcomeImgArea
{
	position: relative;
	display:	 inline-block;
	width: calc(100% - 8em  - 21px); 
}


.SDWelcomeCatGroupArea
{
	left:					0px;
	margin-top:			2em;
	width:				100%;
			
	border: 				var(--IESBorderThin);
}


.SDWelcomeCatData
{
	position:			relative;
	left:					0px;
	top:					0px;
		
	margin:				0px;
	padding: 			5px;

}

.SDWelcomeCatArea
{
	position:		relative;
	left:				0.5em;
	margin-top:		0.5em;
	height:			2em;
	width:			100% - var(--IESGeneralBorder);
}


.SDWelcomeRbLabel
{
	position:		absolute;
	top:				3px;
	left:				0px;
	height:			1.5em;
}

.SDWelcomeButtonArea
{
	position:		absolute;
	z-index: 		1; 
	left:				calc(100% - var(--IESButtonWidth));
	width:			var(--IESButtonWidth);
	height:			var(--IESButtonHeight);
	margin-top:		1em;

}