@charset "utf-8";
@import url('../../../_bk_plugin_css/gFontEN/BigShouldersStencilDisplay.css');
@import url('../../../_bk_plugin_css/gFontTC/cwTeXHei.css');

body {
	display: flex;
	max-width: 1920px;
	font-family: 'Big Shoulders Stencil Display';
}

/*============================================================================*/

.ep-main { display: inline-block; position: relative; width: 100vw; height: 100vh; max-width: 1920px; transform: translate(0, 0); }

.ep-bg {
	z-index: -1; display: inline-block; position: fixed; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 100%; min-width: 320px; max-width: 1920px; height: 100%;
	background-image: url(../img/bg.gif) !important;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	background-size: cover !important;
	overflow-x: hidden;
}

.ep-text { display: flex; justify-content: center; align-items: center; flex-direction: column; position: fixed; width: 100vw; height: 100vh; max-width: 1920px; transform: translate(0, 0); }

.ep-text .nums {
	color: rgba(255, 255, 255, .99);
	font-family: 'Big Shoulders Stencil Display'; font-size: 450px; letter-spacing: 5px;
	text-shadow: -1px -1px rgba(0, 0, 0, .35), -1px 1px rgba(0, 0, 0, .35), 1px -1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35);
	transform: translate(0, -5%);
	-webkit-animation: bounce 1500ms; animation: bounce 1500ms;
}

.ep-text .description {
	line-height: 36px;
	color: rgba(255, 255, 255, .99);
	font-family: 'cwTeXHei'; font-size: 26px;
	text-shadow: -1px -1px rgba(0, 0, 0, .35), -1px 1px rgba(0, 0, 0, .35), 1px -1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35);
}

.ep-text > .description.fi { -webkit-animation: zoomInLeft 2000ms; animation: zoomInLeft 2000ms; }
.ep-text > .description.se { -webkit-animation: zoomInRight 2000ms; animation: zoomInRight 2000ms; }

.ep-text .hbut {
	display: flex; justify-content: center; position: fixed; bottom: 20px; left: 0; right: 0; width: 100vw; max-width: 1920px;
	color: rgba(255, 255, 255, .99);
	font-family: 'cwTeXHei'; font-size: 20px;
	text-shadow: -1px -1px rgba(0, 0, 0, .35), -1px 1px rgba(0, 0, 0, .35), 1px -1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35), 1px 1px rgba(0, 0, 0, .35);
	-webkit-animation: bounceInDown 2500ms; animation: bounceInDown 2500ms;
}

@media screen and (min-width: 601px) and (max-width: 860px) {
	.ep-text .nums { font-size: 350px; }
}

@media screen and (min-width: 1px) and (max-width: 600px) {
	.ep-bg { background-position: 50% 25%; }
	.ep-text .nums { font-size: 200px; }
	.ep-text .description { font-size: 18px; }
	.ep-text .hbut { font-size: 16px; }
}

/*============================================================================*/