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

body {
	display: flex;
	max-width: 1920px;
}

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

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

.ep-bg-overlay {
	z-index: -1; position: fixed; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 100%; min-width: 320px; max-width: 1920px; height: 100%;
	background-color: rgba(0, 0, 0, .35);
}

.ep-bg {
	z-index: -2; 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.jpg) !important;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	background-size: cover !important;
	overflow-x: hidden;
}

.ep-container {
	z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100vh;
	overflow: hidden;
}
/*----------------------------------------------------------------------------*/
.contents-star { /*background-image: linear-gradient(to bottom, #292256 0%, #8446cf 70%, #a871d6 100%);*/ }
.contents-star:after {
	content: "";
	position: absolute; top: 0; width: 100vw; height: 100vh;
	/*background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(15, 10, 38, 0.2) 100%);*/
}

.obj-star-1 {
	position: absolute;
	border-radius: 50%;
	background-color: #ffffff;
	-webkit-animation: ant-ep-twinkle 5s infinite ease-in-out;
	animation: ant-ep-twinkle 5s infinite ease-in-out;
}
.obj-star-1:after {
	content: "";
	position: absolute; width: 100%; height: 100%;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.obj-star-1:before {
	content: "";
	position: absolute; top: -20%; left: -50%;
	border-radius: 50%;
	background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
}
/*----------------------------------------------------------------------------*/
.obj-star-1:nth-of-type(1) {
	top: 48vh; left: 47vw; width: 5px; height: 1.6666666667px;
	-webkit-animation-delay: 1s; animation-delay: 1s;
}
.obj-star-1:nth-of-type(1):before { top: -250%; width: 10px; height: 10px; }
/*-------------------------*/
.obj-star-1:nth-of-type(2) {
	top: 25vh; left: 35vw; width: 8px; height: 2.6666666667px;
	-webkit-animation-delay: 4s; animation-delay: 4s;
}
.obj-star-1:nth-of-type(2):before { top: -250%; width: 16px; height: 16px; }
/*-------------------------*/
.obj-star-1:nth-of-type(3) {
	top: 28vh; left: 27vw; width: 5px; height: 1.6666666667px;
	-webkit-animation-delay: 2s; animation-delay: 2s;
}
.obj-star-1:nth-of-type(3):before { top: -250%; width: 10px; height: 10px; }
/*-------------------------*/
.obj-star-1:nth-of-type(4) {
	top: 38vh; left: 33vw; width: 6px; height: 2px;
	-webkit-animation-delay: 4s; animation-delay: 4s;
}
.obj-star-1:nth-of-type(4):before { top: -250%; width: 12px; height: 12px; }
/*-------------------------*/
.obj-star-1:nth-of-type(5) {
	top: 51vh; left: 86vw; width: 6px; height: 2px;
	-webkit-animation-delay: 2s; animation-delay: 2s;
}
.obj-star-1:nth-of-type(5):before { top: -250%; width: 12px; height: 12px; }
/*-------------------------*/
.obj-star-1:nth-of-type(6) {
	top: 35vh; left: 18vw; width: 9px; height: 3px;
	-webkit-animation-delay: 4s; animation-delay: 4s;
}
.obj-star-1:nth-of-type(6):before { top: -250%; width: 18px; height: 18px; }
/*-------------------------*/
.obj-star-1:nth-of-type(7) {
	top: 12vh; left: 56vw; width: 9px; height: 3px;
	-webkit-animation-delay: 5s; animation-delay: 5s;
}
.obj-star-1:nth-of-type(7):before { top: -250%; width: 18px; height: 18px; }
/*-------------------------*/
.obj-star-1:nth-of-type(8) {
	top: 41vh; left: 39vw; width: 8px; height: 2.6666666667px;
	-webkit-animation-delay: 3s; animation-delay: 3s;
}
.obj-star-1:nth-of-type(8):before { top: -250%; width: 16px; height: 16px; }
/*-------------------------*/
.obj-star-1:nth-of-type(9) {
	top: 15vh; left: 61vw; width: 6px; height: 2px;
	-webkit-animation-delay: 5s; animation-delay: 5s;
}
.obj-star-1:nth-of-type(9):before { top: -250%; width: 12px; height: 12px; }
/*-------------------------*/
.obj-star-1:nth-of-type(10) {
	top: 10vh; left: 9vw; width: 5px; height: 1.6666666667px;
	-webkit-animation-delay: 3s; animation-delay: 3s;
}
.obj-star-1:nth-of-type(10):before { top: -250%; width: 10px; height: 10px; }
/*-------------------------*/
.obj-star-1:nth-of-type(11) {
	top: 11vh; left: 82vw; width: 9px; height: 3px;
	-webkit-animation-delay: 3s; animation-delay: 3s;
}
.obj-star-1:nth-of-type(11):before { top: -250%; width: 18px; height: 18px; }
/*-------------------------*/
.obj-star-1:nth-of-type(12) {
	top: 82vh; left: 41vw; width: 8px; height: 2.6666666667px;
	-webkit-animation-delay: 4s; animation-delay: 4s;
}
.obj-star-1:nth-of-type(12):before { top: -250%; width: 16px; height: 16px; }
/*-------------------------*/
.obj-star-1:nth-of-type(13) {
	top: 87vh; left: 74vw; width: 8px; height: 2.6666666667px;
	-webkit-animation-delay: 3s; animation-delay: 3s;
}
.obj-star-1:nth-of-type(13):before { top: -250%; width: 16px; height: 16px; }
/*-------------------------*/
.obj-star-1:nth-of-type(14) {
	top: 11vh; left: 8vw; width: 8px; height: 2.6666666667px;
	-webkit-animation-delay: 5s; animation-delay: 5s;
}
.obj-star-1:nth-of-type(14):before { top: -250%; width: 16px; height: 16px; }
/*-------------------------*/
.obj-star-1:nth-of-type(15) {
	top: 82vh; left: 10vw; width: 9px; height: 3px;
	-webkit-animation-delay: 5s; animation-delay: 5s;
}
.obj-star-1:nth-of-type(15):before { top: -250%; width: 18px; height: 18px; }
/*-------------------------*/
.obj-star-1:nth-of-type(16) {
	top: 43vh; left: 94vw; width: 9px; height: 3px;
	-webkit-animation-delay: 3s; animation-delay: 3s;
}
.obj-star-1:nth-of-type(16):before { top: -250%; width: 18px; height: 18px; }
/*-------------------------*/
.obj-star-1:nth-of-type(17) {
	top: 11vh; left: 69vw; width: 6px; height: 2px;
	-webkit-animation-delay: 4s; animation-delay: 4s;
}
.obj-star-1:nth-of-type(17):before { top: -250%; width: 12px; height: 12px; }
/*-------------------------*/
.obj-star-1:nth-of-type(18) {
	top: 71vh; left: 9vw; width: 7px; height: 2.3333333333px;
	-webkit-animation-delay: 1s; animation-delay: 1s;
}
.obj-star-1:nth-of-type(18):before { top: -250%; width: 14px; height: 14px; }
/*-------------------------*/
.obj-star-1:nth-of-type(19) {
	top: 13vh; left: 2vw; width: 6px; height: 2px;
	-webkit-animation-delay: 2s; animation-delay: 2s;
}
.obj-star-1:nth-of-type(19):before { top: -250%; width: 12px; height: 12px; }
/*-------------------------*/
.obj-star-1:nth-of-type(20) {
	top: 84vh; left: 7vw; width: 4px; height: 1.3333333333px;
	-webkit-animation-delay: 2s; animation-delay: 2s;
}
.obj-star-1:nth-of-type(20):before { top: -250%; width: 8px; height: 8px; }
/*-------------------------*/
.obj-star-1:nth-of-type(21) {
	top: 65vh; left: 70vw; width: 5px; height: 1.6666666667px;
	-webkit-animation-delay: 2s; animation-delay: 2s;
}
.obj-star-1:nth-of-type(21):before { top: -250%; width: 10px; height: 10px; }
/*-------------------------*/
.obj-star-1:nth-of-type(22) {
	top: 73vh; left: 48vw; width: 8px; height: 2.6666666667px;
	-webkit-animation-delay: 2s; animation-delay: 2s;
}
.obj-star-1:nth-of-type(22):before { top: -250%; width: 16px; height: 16px; }
/*-------------------------*/
.obj-star-1:nth-of-type(23) {
	top: 63vh; left: 90vw; width: 4px; height: 1.3333333333px;
	-webkit-animation-delay: 1s; animation-delay: 1s;
}
.obj-star-1:nth-of-type(23):before { top: -250%; width: 8px; height: 8px; }
/*-------------------------*/
.obj-star-1:nth-of-type(24) {
	top: 80vh; left: 85vw; width: 6px; height: 2px;
	-webkit-animation-delay: 5s; animation-delay: 5s;
}
.obj-star-1:nth-of-type(24):before { top: -250%; width: 12px; height: 12px; }
/*-------------------------*/
.obj-star-1:nth-of-type(25) {
	top: 43vh; left: 89vw; width: 4px; height: 1.3333333333px;
	-webkit-animation-delay: 1s; animation-delay: 1s;
}
.obj-star-1:nth-of-type(25):before { top: -250%; width: 8px; height: 8px; }
/*-------------------------*/
.obj-star-1:nth-of-type(26) {
	top: 34vh; left: 58vw; width: 7px; height: 2.3333333333px;
	-webkit-animation-delay: 1s; animation-delay: 1s;
}
.obj-star-1:nth-of-type(26):before { top: -250%; width: 14px; height: 14px; }
/*-------------------------*/
.obj-star-1:nth-of-type(27) {
	top: 4vh; left: 67vw; width: 6px; height: 2px;
	-webkit-animation-delay: 1s; animation-delay: 1s;
}
.obj-star-1:nth-of-type(27):before { top: -250%; width: 12px; height: 12px; }
/*-------------------------*/
.obj-star-1:nth-of-type(28) {
	top: 31vh; left: 95vw; width: 6px; height: 2px;
	-webkit-animation-delay: 1s; animation-delay: 1s;
}
.obj-star-1:nth-of-type(28):before { top: -250%; width: 12px; height: 12px; }
/*-------------------------*/
.obj-star-1:nth-of-type(29) {
	top: 4vh; left: 43vw; width: 5px; height: 1.6666666667px;
	-webkit-animation-delay: 2s; animation-delay: 2s;
}
.obj-star-1:nth-of-type(29):before { top: -250%; width: 10px; height: 10px; }
/*-------------------------*/
.obj-star-1:nth-of-type(30) {
	top: 54vh; left: 71vw; width: 8px; height: 2.6666666667px;
	-webkit-animation-delay: 4s; animation-delay: 4s;
}
.obj-star-1:nth-of-type(30):before { top: -250%; width: 16px; height: 16px; }
/*----------------------------------------------------------------------------*/

.obj-star-2 {
	position: absolute;
	border-radius: 50%;
	background-color: #ffffff;
	-webkit-animation: ant-ep-twinkle 5s infinite ease-in-out;
	animation: ant-ep-twinkle 5s infinite ease-in-out;
}
/*-------------------------*/
.obj-star-2:nth-of-type(31) {
	top: 52vh; left: 14vw; width: 2px; height: 2px;
	-webkit-animation-delay: 3s; animation-delay: 3s;
}
.obj-star-2:nth-of-type(31):before { top: -250%; width: 4px; height: 4px; }
/*-------------------------*/
.obj-star-2:nth-of-type(32) {
	top: 1vh; left: 97vw; width: 3px; height: 3px;
	-webkit-animation-delay: 3s; animation-delay: 3s;
}
.obj-star-2:nth-of-type(32):before { top: -250%; width: 6px; height: 6px; }
/*-------------------------*/
.obj-star-2:nth-of-type(33) {
	top: 68vh; left: 81vw; width: 4px; height: 4px;
	-webkit-animation-delay: 5s; animation-delay: 5s;
}
.obj-star-2:nth-of-type(33):before { top: -250%; width: 8px; height: 8px; }
/*-------------------------*/
.obj-star-2:nth-of-type(34) {
	top: 73vh; left: 79vw; width: 4px; height: 4px;
	-webkit-animation-delay: 4s; animation-delay: 4s;
}
.obj-star-2:nth-of-type(34):before { top: -250%; width: 8px; height: 8px; }
/*-------------------------*/
.obj-star-2:nth-of-type(35) {
	top: 73vh; left: 33vw; width: 3px; height: 3px;
	-webkit-animation-delay: 5s; animation-delay: 5s;
}
.obj-star-2:nth-of-type(35):before { top: -250%; width: 6px; height: 6px; }
/*-------------------------*/
.obj-star-2:nth-of-type(36) {
	top: 96vh; left: 2vw; width: 3px; height: 3px;
	-webkit-animation-delay: 4s; animation-delay: 4s;
}
.obj-star-2:nth-of-type(36):before { top: -250%; width: 6px; height: 6px; }
/*-------------------------*/
.obj-star-2:nth-of-type(37) {
	top: 38vh; left: 69vw; width: 3px; height: 3px;
	-webkit-animation-delay: 5s; animation-delay: 5s;
}
.obj-star-2:nth-of-type(37):before { top: -250%; width: 6px; height: 6px; }
/*-------------------------*/
.obj-star-2:nth-of-type(38) {
	top: 2vh; left: 91vw; width: 2px; height: 2px;
	-webkit-animation-delay: 3s; animation-delay: 3s;
}
.obj-star-2:nth-of-type(38):before { top: -250%; width: 4px; height: 4px; }
/*-------------------------*/
.obj-star-2:nth-of-type(39) {
	top: 2vh; left: 43vw; width: 2px; height: 2px;
	-webkit-animation-delay: 3s; animation-delay: 3s;
}
.obj-star-2:nth-of-type(39):before { top: -250%; width: 4px; height: 4px; }
/*-------------------------*/
.obj-star-2:nth-of-type(40) {
	top: 3vh; left: 96vw; width: 4px; height: 4px;
	-webkit-animation-delay: 3s; animation-delay: 3s;
}
.obj-star-2:nth-of-type(40):before { top: -250%; width: 8px; height: 8px; }
/*-------------------------*/
.obj-star-2:nth-of-type(41) {
	top: 73vh; left: 71vw; width: 3px; height: 3px;
	-webkit-animation-delay: 3s; animation-delay: 3s;
}
.obj-star-2:nth-of-type(41):before { top: -250%; width: 6px; height: 6px; }
/*-------------------------*/
.obj-star-2:nth-of-type(42) {
	top: 34vh; left: 97vw; width: 3px; height: 3px;
	-webkit-animation-delay: 4s; animation-delay: 4s;
}
.obj-star-2:nth-of-type(42):before { top: -250%; width: 6px; height: 6px; }
/*-------------------------*/
.obj-star-2:nth-of-type(43) {
	top: 45vh; left: 21vw; width: 2px; height: 2px;
	-webkit-animation-delay: 4s; animation-delay: 4s;
}
.obj-star-2:nth-of-type(43):before { top: -250%; width: 4px; height: 4px; }
/*-------------------------*/
.obj-star-2:nth-of-type(44) {
	top: 80vh; left: 15vw; width: 4px; height: 4px;
	-webkit-animation-delay: 3s; animation-delay: 3s;
}
.obj-star-2:nth-of-type(44):before { top: -250%; width: 8px; height: 8px; }
/*-------------------------*/
.obj-star-2:nth-of-type(45) {
	top: 87vh; left: 43vw; width: 4px; height: 4px;
	-webkit-animation-delay: 5s; animation-delay: 5s;
}
.obj-star-2:nth-of-type(45):before { top: -250%; width: 8px; height: 8px; }
/*-------------------------*/
.obj-star-2:nth-of-type(46) {
	top: 46vh; left: 88vw; width: 4px; height: 4px;
	-webkit-animation-delay: 2s; animation-delay: 2s;
}
.obj-star-2:nth-of-type(46):before { top: -250%; width: 8px; height: 8px; }
/*-------------------------*/
.obj-star-2:nth-of-type(47) {
	top: 81vh; left: 78vw; width: 2px; height: 2px;
	-webkit-animation-delay: 3s; animation-delay: 3s;
}
.obj-star-2:nth-of-type(47):before { top: -250%; width: 4px; height: 4px; }
/*-------------------------*/
.obj-star-2:nth-of-type(48) {
	top: 37vh; left: 36vw; width: 3px; height: 3px;
	-webkit-animation-delay: 3s; animation-delay: 3s;
}
.obj-star-2:nth-of-type(48):before { top: -250%; width: 6px; height: 6px; }
/*-------------------------*/
.obj-star-2:nth-of-type(49) {
	top: 84vh; left: 23vw; width: 4px; height: 4px;
	-webkit-animation-delay: 2s; animation-delay: 2s;
}
.obj-star-2:nth-of-type(49):before { top: -250%; width: 8px; height: 8px; }
/*-------------------------*/
.obj-star-2:nth-of-type(50) {
	top: 67vh; left: 67vw; width: 4px; height: 4px;
	-webkit-animation-delay: 4s; animation-delay: 4s;
}
.obj-star-2:nth-of-type(50):before { top: -250%; width: 8px; height: 8px; }
/*-------------------------*/
.obj-star-2:nth-of-type(51) {
	top: 47vh; left: 27vw; width: 3px; height: 3px;
	-webkit-animation-delay: 5s; animation-delay: 5s;
}
.obj-star-2:nth-of-type(51):before { top: -250%; width: 6px; height: 6px; }
/*-------------------------*/
.obj-star-2:nth-of-type(52) {
	top: 39vh; left: 89vw; width: 3px; height: 3px;
	-webkit-animation-delay: 2s; animation-delay: 2s;
}
.obj-star-2:nth-of-type(52):before { top: -250%; width: 6px; height: 6px; }
/*-------------------------*/
.obj-star-2:nth-of-type(53) {
	top: 97vh; left: 12vw; width: 3px; height: 3px;
	-webkit-animation-delay: 2s; animation-delay: 2s;
}
.obj-star-2:nth-of-type(53):before { top: -250%; width: 6px; height: 6px; }
/*-------------------------*/
.obj-star-2:nth-of-type(54) {
	top: 16vh; left: 78vw; width: 2px; height: 2px;
	-webkit-animation-delay: 3s; animation-delay: 3s;
}
.obj-star-2:nth-of-type(54):before { top: -250%; width: 4px; height: 4px; }
/*-------------------------*/
.obj-star-2:nth-of-type(55) {
	top: 70vh; left: 59vw; width: 4px; height: 4px;
	-webkit-animation-delay: 5s; animation-delay: 5s;
}
.obj-star-2:nth-of-type(55):before { top: -250%; width: 8px; height: 8px; }
/*-------------------------*/
.obj-star-2:nth-of-type(56) {
	top: 46vh; left: 53vw; width: 4px; height: 4px;
	-webkit-animation-delay: 4s; animation-delay: 4s;
}
.obj-star-2:nth-of-type(56):before { top: -250%; width: 8px; height: 8px; }
/*-------------------------*/
.obj-star-2:nth-of-type(57) {
	top: 68vh; left: 42vw; width: 4px; height: 4px;
	-webkit-animation-delay: 5s; animation-delay: 5s;
}
.obj-star-2:nth-of-type(57):before { top: -250%; width: 8px; height: 8px; }
/*-------------------------*/
.obj-star-2:nth-of-type(58) {
	top: 74vh; left: 38vw; width: 2px; height: 2px;
	-webkit-animation-delay: 3s; animation-delay: 3s;
}
.obj-star-2:nth-of-type(58):before { top: -250%; width: 4px; height: 4px; }
/*-------------------------*/
.obj-star-2:nth-of-type(59) {
	top: 79vh; left: 83vw; width: 4px; height: 4px;
	-webkit-animation-delay: 3s; animation-delay: 3s;
}
.obj-star-2:nth-of-type(59):before { top: -250%; width: 8px; height: 8px; }
/*-------------------------*/
.obj-star-2:nth-of-type(60) {
	top: 15vh; left: 33vw; width: 2px; height: 2px;
	-webkit-animation-delay: 1s; animation-delay: 1s;
}
.obj-star-2:nth-of-type(60):before { top: -250%; width: 4px; height: 4px; }
/*-------------------------*/
@-webkit-keyframes ant-ep-twinkle {
	0%, 100% { opacity: .7; }
	50% { opacity: .3; }
}
@keyframes ant-ep-twinkle {
	0%, 100% { opacity: .7; }
	50% { opacity: .3; }
}
/*----------------------------------------------------------------------------*/

.main-contents {
	display: flex; justify-content: center; align-items: center; flex-direction: column;
	position: absolute; top: 50%; left: 50%; width: 100vw; height: 500px; text-align: center; line-height: 1;
	font-weight: 500; color: white;
	-webkit-transform: translate(-50%, -40%);
	transform: translate(-50%, -40%);
}

.contents > * { display: inline-block; font-size: 200px; }

.num {
 	padding: 0 80px;
	font-family: 'Squada One', cursive; font-size: 230px;
	text-shadow: -1px -1px rgba(171, 71, 188, .65), -1px 1px rgba(171, 71, 188, .65), 1px -1px rgba(171, 71, 188, .65), 1px 1px rgba(171, 71, 188, .65), 1px 1px rgba(171, 71, 188, .65);
	-webkit-animation: flash 1500ms; animation: flash 1500ms;
}

.moon {
	z-index: 2; position: relative; width: 160px; height: 160px;
	border-radius: 100%;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 70px #fff, 0 0 80px #fff, 0 0 100px #ff1177;
	-webkit-animation: atn-rotate 5s ease-in-out infinite;
	animation: atn-rotate 5s ease-in-out infinite;
}

.moon .face { position: absolute; top: 60%; left: 42%; }

.moon .face .mouth {
	position: absolute; width: 25px; height: 25px;
	border-top-left-radius: 100%;
	border-bottom-right-radius: 100%;
	border-top-right-radius: 100%;
	box-shadow: inset -4px -4px 4px rgba(0, 0, 0, 0.3);
	background-color: #5c3191;
	-webkit-animation: atn-snore 5s ease-in-out infinite;
	animation: atn-snore 5s ease-in-out infinite;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.moon .face .eyes { position: absolute; top: -30px; left: -30px; }

.moon .face .eyes .eye-left,
.moon .face .eyes .eye-right {
	position: absolute; width: 30px; height: 15px;
	border-bottom-left-radius: 100px;
	border-bottom-right-radius: 100px;
	border: 4px solid #5c3191;
	border-top: 0;
}

.moon .face .eyes .eye-left:before,
.moon .face .eyes .eye-left:after,
.moon .face .eyes .eye-right:before,
.moon .face .eyes .eye-right:after {
	content: "";
	position: absolute; top: -2px; left: -4px; width: 4px; height: 4px;
	border-radius: 100%;
	background-color: #5c3191;
}

.moon .face .eyes .eye-left:after,
.moon .face .eyes .eye-right:after { left: auto; right: -4px; }

.moon .face .eyes .eye-right { left: 50px; }

/*----------------------------------------------------------------------------*/
@-webkit-keyframes atn-rotate {
	0%, 100% { -webkit-transform: rotate(-8deg); transform: rotate(-8deg); }
	50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}

@keyframes atn-rotate {
	0%, 100% { -webkit-transform: rotate(-8deg); transform: rotate(-8deg); }
	50% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}
/*----------------------------------------------------------------------------*/
@-webkit-keyframes atn-snore {
	0%, 100% { -webkit-transform: scale(1) rotate(30deg); transform: scale(1) rotate(30deg); }
	50% { border-bottom-left-radius: 50%; -webkit-transform: scale(0.5) rotate(30deg); transform: scale(0.5) rotate(30deg); }
}
@keyframes snore {
	0%, 100% { -webkit-transform: scale(1) rotate(30deg); transform: scale(1) rotate(30deg); }
	50% { border-bottom-left-radius: 50%; -webkit-transform: scale(0.5) rotate(30deg); transform: scale(0.5) rotate(30deg); }
}
/*----------------------------------------------------------------------------*/


.ep-text { position: relative; margin: 30px 0 0 0; width: 100vw; font-family: 'cwTeXHei'; transform: translate(0, 0); }

.ep-text .description {
	line-height: 36px;
	color: rgba(255, 255, 255, .99);
	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 .fi { -webkit-animation: fadeInLeftBig 2000ms; animation: fadeInLeftBig 2000ms; }
.ep-text .se { -webkit-animation: fadeInRightBig 2000ms; animation: fadeInRightBig 2000ms; }

.ep-text .hbut {
	display: inline-block; margin: 10px auto 0 auto; padding: 15px 10px; width: 120px;
	border: 1px solid rgba(255, 255, 255, .85); border-radius: 8px;
	color: rgba(255, 255, 255, .99);
	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: fadeInDownBig 2500ms; animation: fadeInDownBig 2500ms;
}

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



@media screen and (min-width: 1px) and (max-width: 700px) {
	
	.contents > * { font-size: 100px; }
	.moon { position: relative; width: 80px; height: 80px; }
	.moon .face { top: 60%; left: 42%; }
	.moon .face .mouth { left: 5px; bottom: -12px; width: 10px; height: 10px; }
	
	.moon .face .eyes .eye-left,
	.moon .face .eyes .eye-right { width: 15px; height: 8px; }
	
	.moon .face .eyes { top: -20px; left: -16px; }
	.moon .face .eyes .eye-right { left: 30px; }
	
	.num { padding: 0 40px; }
	
	.ep-text .description { font-size: 18px; }
	
	.ep-text .hbut { padding: 10px 5px; width: 100px; font-size: 16px; }
	
}


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