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

body { font-family: 'cwTeXHei'; }

.ep-main { display: inline-block; position: relative; margin: 0 auto; width: 100vw; max-width: 1920px; height: 100vh; color: rgba(0, 0, 0, .85); }

.ep-main #canvas {
  z-index: 0; position: absolute; top: 0; left: 0; height: 100vh; width: 100vw;
  background-image: linear-gradient(#4f4f34, #1f1f12);
}
.ep-main form { display: none; }

/*----------------------------------------------------------------------------*/

.ep-nums {
	display: flex; justify-content: center; align-items: center; /*flex-direction: column;*/ position: fixed; width: 100vw; height: 100vh; max-width: 1920px; transform: translate(0, -100px);
	color: rgba(255, 255, 255, .95);
	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);
	font-family: 'Teko'; font-size: 100px; letter-spacing: 5px;
}

.ep-nums .one { -webkit-animation: fadeInDown 1000ms; animation: fadeInDown 1000ms; }
.ep-nums .two { -webkit-animation: fadeInDown 1500ms; animation: fadeInDown 1500ms; }
.ep-nums .three { -webkit-animation: fadeInDown 2000ms; animation: fadeInDown 2000ms; }


.ep-text {
	display: flex; justify-content: center; align-items: center; flex-direction: column; position: fixed; width: 100vw; height: 100vh; max-width: 1920px;
	color: rgba(255, 255, 255, .85);
	text-shadow: -1px -1px rgba(0, 0, 0, .65), -1px 1px rgba(0, 0, 0, .65), 1px -1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65);
	transform: translate(0px, 15%);
}

.ep-text .description { line-height: 42px; font-size: 22px; }

.ep-text .description.fi { -webkit-animation: fadeInUp 1500ms; animation: fadeInUp 1500ms; }
.ep-text .description.se { -webkit-animation: fadeInDown 1500ms; animation: fadeInDown 1500ms; }

.ep-text .hbut {
	margin: 50px 0 0 0; padding: 12px 20px;
	border: 1px solid rgba(255, 255, 255, .85);
	border-radius: 8px;
	font-size: 18px;
	-webkit-animation: fadeInUpBig 2000ms; animation: fadeInUpBig 2000ms;
}




@media screen and (min-width: 1px) and (max-width: 480px) {
	.ep-text .description { line-height: 42px; font-size: 18px; }
	.ep-text .hbut { font-size: 16px; }
}








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