/* landing page start */
/* landing start */
body
{
	display: table;
	width: 100%;
}
.footer
{
	display: table-row;
}
.landing-page
{
	background-image: url(../images/landing/landing_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
}
.landing-page .content .item
{
	float: left;
	color: #000;
	width: 344px;
	padding: 30px 33px 0;
	text-align: center;
	background-color: #fff;
	box-sizing: content-box;
}
.landing-page .content .item.fightpass
{
	border-top: 20px solid #d20a0a;
}
.landing-page .content .item.ppv
{
	border-top: 20px solid #d2ae4b;
}
/* img responsive in ppv/fightpass */
.landing-page .content .item h2 .logo
{
	display: inline-block;
	margin: 0 auto;
}
.landing-page .content .item p
{
	padding-top: 16px;
	line-height: 18px;
	height: 172px;
}
.landing-page .content .item img
{
	display: block;
	margin: 0 auto;
	vertical-align: top;
}
.landing-page .button
{
	width: 324px;
	margin: 0 auto 54px;
}
.landing-page .content .item.ppv .button:link,
.landing-page .content .item.ppv .button:visited,
.landing-page .content .item.ppv .button:hover,
.landing-page .content .item.ppv .button:active
{
	color: #000;
}
/* [320px, 1039px], common for sm, xp, xs */
@media (max-width: 1039px)
{
	.landing-page .content .item
	{
		float: left;
		width: 297px;
		padding: 35px 26px 0;
	}
	/* img responsive in ppv/fightpass */
	.landing-page .content .item h2 .logo
	{
		width: 252px;
	}
	.landing-page .content .item p
	{
		padding-top: 16px;
		height: 160px;
		box-sizing: content-box;
	}
	.landing-page .button
	{
		width: 274px;
	}
}
/* [320px, 767px], common for xp, xs*/
@media (max-width: 767px)
{
	.landing-page .content
	{
		margin-top: 10px;
	}
	.landing-page .content .item
	{
		width: 100%;
		margin-bottom: 10px;
		padding: 18px 26px 0;
		box-sizing: border-box;
	}
	.landing-page .content .item h2 .logo
	{
		width: 245px;
	}
	.landing-page .content .item p
	{
		padding: 23px 0 30px;
		height: auto;
	}
	.landing-page .button
	{
		width: 254px;
		margin-bottom: 40px;
	}
}
/* [1040px, ], common for lg, mp/mp10, md */
@media (min-width: 1040px)
{
	.landing-content
	{
		position: relative;
		min-height: 643px;
		height: inherit;
	}
	.landing-page .content
	{
		width: 860px;
		height: 413px;
		margin: auto;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	.landing-page .content .item
	{
		margin: 0 10px 0;
	}
	.footer
	{
		position: absolute;
		width: 100%;
	}
}
/* [768px, 1039px],only for sm */
@media (min-width: 768px) and (max-width: 1039px)
{
	.landing-page .content
	{
		margin: 170px auto 152px -20px;
	}
	.landing-page .content .item
	{
		margin-left: 20px;
	}
}
/* landing end */
/* app start */
.landing-page .app
{
	background-color: #fff;
	font-family: 'Klavika Bold';
	text-align: center;
	position: absolute;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	padding: 40px 90px 40px;
	width: 472px;
	display: block;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	box-sizing: content-box;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
.landing-page.hasApp
{
	background-image: url(../images/landing/app_bg.jpg);
}
.landing-page.desktop
{
	background-image: url(../images/landing/landing_bg.jpg);
}
.landing-page.hasApp #header,
.landing-page.hasApp .footer
{
	display: none;
}
.landing-page.hasApp.desktop #header,
.landing-page.hasApp.desktop .footer
{
	display: block;
}
.landing-page .app img
{
	display: inline-block;
	width: 90px;
	height: 92px;
}
.landing-page .app p
{
	font-size: 35px;
	line-height: 35px;
	padding: 30px 0 25px;
}
.landing-page .app .continue-button
{
	width: 265px;
	height: 33px;
	line-height: 33px;
	margin: auto auto 20px;
	border-radius: 1px;
}
.landing-page .app .text
{
	margin-top: 30px;
	display: block;
	color: #000;
	font-family: 'arial';
	font-weight: bold;
}
.landing-page .app .app-download
{
	display: none;
	margin: 0 -10px;
}
.landing-page .app .download-button
{
	display: inline-block;
	width: 133px;
	height: 54px;
	line-height: 54px;
	margin: 0 5px;
	text-align: center;
	background-color: #000;
	border: 2px solid #000;
	background-position: center center;
	background-repeat: no-repeat;
}
.landing-page .app .download-button:hover
{
	opacity: 0.8;
}
.landing-page .app .download-button.ios
{
	background-image: url(../images/event/btn_appstore.png);
}
.landing-page .app .download-button.android
{
	background-image: url(../images/event/btn_googleplay.png);
}
/* [320px, 767px], common for xp, xs*/
@media (max-width: 767px)
{
	.landing-page .app
	{
		width: 280px;
		padding: 40px 20px;
	}
	.landing-page .app img
	{
		position: absolute;
		top: -27px;
		left: 50%;
		margin-left: -36px;
		width: 73px;
		height: 75px;
	}
	.landing-page .app p
	{
		font-size: 24px;
		line-height: 28px;
		padding-bottom: 15px;
	}
}
/* app end */
/* landing page end */