@font-face {
    font-family: SegoeUI;
    src:
        local("Segoe UI Light"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format("woff2"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format("woff"),
        url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format("truetype");
    font-weight: 100;
}
body {
	margin:0px;
	background-color: #100818;
	background-image:url('../image/bgimage.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed; 
	font-family:SegoeUI;
	overflow-x: hidden;
}

@media (orientation: landscape) 
{
	.smartPhones {
		position: absolute;
		width:80%;
		height:100%;
		background-image:url('../image/statistic.png');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		top:0%;
		left:-20%;
	}.smartPhones2 {
		position: absolute;
		width:80%;
		height:100%;
		background-image:url('../image/lineupsssss.png');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		top:0%;
		left:-3.3%;
		z-index: 22222;
	}
	.mainText {
		z-index: 999999;
		position:absolute;
		width:500px;
		height:350px;
		left:53%;
		top:50%;
		margin-top:-175px;
		margin-right:0px;
	}
	.headerTitle {
		color:#FFFFFF;
		font-size: 36pt;
		font-family:SegoeUI;
		font-weight: bold;
	}
	.aboutText{
		color:#FFFFFF;
		font-size: 16pt;
		font-family:SegoeUI;
	}
	.downButtonPlayMarket a {
		display:block;
		margin-top: 25px;
		float:left;
		text-decoration: none;
		background-color:#42B57F;
		width:167px;
		padding-top:12px;
		height:40px;
		border-radius: 15px;
		border:1px solid #FFFFFF;
		box-shadow: 0px 3px 6px #00000029;
		background-image: url('../image/google-play.png');
		background-position: 10px center;
		background-size: 24px 24px;
		background-repeat: no-repeat;
		text-align: center;
		font-size: 14pt;
		font-weight: bold;
		color:#FFFFFF;
	}.downButtonAppStore a {
		position: relative;
		display:block;
		margin-left:25px;
		margin-top: 25px;
		float:left;
		text-decoration: none;
		background-color:#42B57F;
		width:167px;
		padding-top:12px;
		height:40px;
		border-radius: 15px;
		border:1px solid #FFFFFF;
		box-shadow: 0px 3px 6px #00000029;
		background-image: url('../image/app-store.png');
		background-position: 10px center;
		background-size: 24px 24px;
		background-repeat: no-repeat;
		text-align: center;
		font-size: 14pt;
		font-weight: bold;
		color:#FFFFFF;
	}
	.soon {
		position:absolute;
		width:40px;
		height:20px;
		top:226px;
		right:120px;
		z-index: 11111;
		background-color: #ff482b;
		border:1px solid #FFFFFF;
		font-size: 10pt;
		border-radius:5px;
		text-align: center;
		color:#FFFFFF;
	}
}
@media (orientation: portrait) 
{
	.smartPhones {
		position: absolute;
		width:80%;
		height:100%;
		background-image:url('../image/statistic.png');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		top:0%;
		left:-5%;
	}.smartPhones2 {
		position: absolute;
		width:80%;
		height:100%;
		background-image:url('../image/lineupsssss.png');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		top:0%;
		right:-5%;
		z-index: 99999;
	}
	.mainText {
		z-index: 999999;
		position:relative;
		width:90%;
		height:500px;
		top:90vh;
		left:5%;
	}
	.headerTitle {
		color:#FFFFFF;
		font-size: 36pt;
		font-family:SegoeUI;
		font-weight: bold;
	}
	.aboutText{
		color:#FFFFFF;
		font-size: 16pt;
		font-family:SegoeUI;
	}
	.downButtonPlayMarket a {
		display:block;
		margin-top: 25px;
		text-decoration: none;
		background-color:#42B57F;
		width:100%;
		padding-top:12px;
		height:40px;
		border-radius: 15px;
		border:1px solid #FFFFFF;
		box-shadow: 0px 3px 6px #00000029;
		background-image: url('../image/google-play.png');
		background-position: 10px center;
		background-size: 24px 24px;
		background-repeat: no-repeat;
		text-align: center;
		font-size: 14pt;
		font-weight: bold;
		color:#FFFFFF;
	}.downButtonAppStore a {
		position: relative;
		display:block;
		margin-top: 25px;
		margin-bottom: 25px;
		text-decoration: none;
		background-color:#42B57F;
		width:100%;
		padding-top:12px;
		height:40px;
		border-radius: 15px;
		border:1px solid #FFFFFF;
		box-shadow: 0px 3px 6px #00000029;
		background-image: url('../image/app-store.png');
		background-position: 10px center;
		background-size: 24px 24px;
		background-repeat: no-repeat;
		text-align: center;
		font-size: 14pt;
		font-weight: bold;
		color:#FFFFFF;
	}
	.soon {
		position:absolute;
		width:40px;
		height:20px;
		bottom:0px;
		right:-2%;
		z-index: 11111;
		background-color: #ff482b;
		border:1px solid #FFFFFF;
		font-size: 10pt;
		border-radius:5px;
		text-align: center;
		color:#FFFFFF;
	}
}