@media ( orientation : landscape) {
	.alertscreen {
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content: center;
		position: absolute;
		width: 100vw;
		height: 100vh;
		top: 0vh;
		left: 0vw;
		background-color: rgba(0, 0, 0, 0.7);
		z-index: 9000;
	}
	.alertclose {
		display: block;
		position: absolute;
		top: -2vh;
		right: -2vh;
		width: 5vh;
		height: 5vh;
		background: url(../images/ico_close.svg) no-repeat;
		background-size: contain;
		z-index: 9002;
		cursor: pointer;
	}
	.alertbox {
		display: flex;
		flex-flow: column;
		flex-wrap: wrap;
		position: relative;
		min-width: 30vw;
		min-height: 10vh;
		border-radius: 1vh;
		box-shadow: 0.2vh 0.2vh 0.4vh var(--fuba-background-color);
		background-color: var(--fuba-white);
		height: max-content;
		z-index: 9001;
	}
	.alerticon {
		display: block;
		position: relative;
		margin-top: 2vh;
		margin-left: calc(50% - 3vh);
		width: 6vh;
		height: 6vh;
		clear: both;
	}
	.aierror {
		background: url(../images/msgerror.png) no-repeat;
		background-size: contain;
	}
	.aisuccess {
		background: url(../images/msgsuccess.png) no-repeat;
		background-size: contain;
	}
	.aiwarning {
		background: url(../images/msgwarning.png) no-repeat;
		background-size: contain;
	}
	.aiinfo {
		background: url(../images/msginfo.svg) no-repeat;
		background-size: contain;
	}
	.alerttitle {
		display: block;
		position: relative;
		margin-top: 1vh;
		margin-left: 2vw;
		width: calc(100% - 4vw);
		text-align: center;
		height: auto;
		font-size: 2vh;
		font-family: Ubuntu-Bold, Arial;
		color: var(--fuba-text);
		clear: both;
	}
	.alertcontent {
		display: block;
		position: relative;
		margin-top: 1vh;
		margin-left: 2vw;
		width: calc(100% - 4vw);
		text-align: center;
		height: auto;
		font-size: 1.8vh;
		font-family: Ubuntu-Regular, Arial;
		color: var(--fuba-text);
		clear: both;
		margin-bottom: 2vh;
	}
}

@media ( orientation : portrait) {
	.alertscreen {
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content: center;
		position: fixed;
		width: 100vw;
		height: 100vh;
		top: 0vh;
		left: 0vw;
		background-color: rgba(0, 0, 0, 0.7);
		z-index: 9000;
	}
	.alertclose {
		display: block;
		position: absolute;
		top: -2vh;
		right: -2vh;
		width: 5vh;
		height: 5vh;
		background: url(../images/ico_close.svg) no-repeat;
		background-size: contain;
		z-index: 9002;
		cursor: pointer;
	}
	.alertbox {
		display: flex;
		flex-flow: column;
		flex-wrap: wrap;
		align-items: center;
		position: relative;
		min-width: 80vw;
		max-width: 90vw;
		min-height: 25vh;
		max-height: 90vh;
		border-radius: 1vh;
		box-shadow: 0.2vh 0.2vh 0.4vh var(--fuba-background-color);
		background-color: var(--fuba-white);
		height: max-content;
		z-index: 9001;
	}
	.alerticon {
		display: block;
		position: relative;
		margin-top: 2vh;
		width: 8vh;
		height: 8vh;
		clear: both;
	}
	.aierror {
		background: url(../images/msgerror.png) no-repeat;
		background-size: contain;
	}
	.aisuccess {
		background: url(../images/msgsuccess.png) no-repeat;
		background-size: contain;
	}
	.aiwarning {
		background: url(../images/msgwarning.png) no-repeat;
		background-size: contain;
	}
	.aiinfo {
		background: url(../images/msginfo.svg) no-repeat;
		background-size: contain;
	}
	.alerttitle {
		display: block;
		position: relative;
		margin-top: 1vh;
		width: 90%;
		text-align: center;
		height: auto;
		font-size: 2.2vh;
		font-family: Ubuntu-Bold, Arial;
		color: var(--fuba-text);
		clear: both;
	}
	.alertcontent {
		display: block;
		position: relative;
		margin-top: 2vh;
		width: 90%;
		text-align: center;
		height: auto;
		font-size: 2.2vh;
		font-family: Ubuntu-Regular, Arial;
		color: var(--fuba-text);
		clear: both;
		margin-bottom: 2vh;
	}
}