@charset "utf-8";
@import url('../../../_bk_plugin_css/gFontEN/Inconsolata.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 .shadow-fade-in {
	display: flex; justify-content: center; margin: 5% 0 0 0;
	color: rgba(255, 255, 255, 1); font-family: 'Inconsolata'; font-size: 300px; font-weight: bold;
	-webkit-animation: ep-shadow-in 1000ms ease-in-out 1s 1;
	animation: ep-shadow-in 1000ms ease-in-out 1s 1;
	-webkit-animation-fill-mode: forwards;
 	animation-fill-mode: forwards;
}


@-webkit-keyframes ep-shadow-in {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(0, 0, 0, 0),
			0 3px 0 rgba(0, 0, 0, .05),
			0 4px 0 rgba(0, 0, 0, .1),
			0 5px 0 rgba(0, 0, 0, .15),
			0 6px 0 rgba(0, 0, 0, .2),
			0 7px 1px rgba(0, 0, 0, .25),
			0 14px 5px rgba(0, 0, 0, .3),
			0 20px 15px rgba(0, 0, 0, .3),
			0 24px 20px rgba(0, 0, 0, .3),
			0 24px 30px rgba(0, 0, 0, .3);
	}
}
@keyframes ep-shadow-in {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(0, 0, 0, 0),
			0 3px 0 rgba(0, 0, 0, .05),
			0 4px 0 rgba(0, 0, 0, .1),
			0 5px 0 rgba(0, 0, 0, .15),
			0 6px 0 rgba(0, 0, 0, .2),
			0 7px 1px rgba(0, 0, 0, .25),
			0 14px 5px rgba(0, 0, 0, .3),
			0 20px 15px rgba(0, 0, 0, .3),
			0 24px 20px rgba(0, 0, 0, .3),
			0 24px 30px rgba(0, 0, 0, .3);
	}
}

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

.ep-main .description {
	display: flex; justify-content: center; margin: 20px 0;
	font-size: 30px; font-weight: 500;
	opacity: 0;
	-webkit-animation: ep-fade-in 1s ease-in-out 1500ms 1;
	animation: ep-fade-in 1s ease-in-out 1500ms 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes ep-fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes ep-fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

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

.ep-main .ep-hbut {
	display: flex; justify-content: center; position: absolute; bottom: 0; margin: 20px 0; width: 100vw; max-width: 1920px;
	font-size: 30px; font-weight: 500;
	-webkit-animation: zoomInUp 2000ms; animation: zoomInUp 2000ms;
}



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

/*紅 red rgba(244, 67, 54, .85)*/
.ep-main.red { color: rgba(244, 67, 54, .85); }
.ep-main.red .shadow-fade-in {
	-webkit-animation: ep-shadow-in-red 3s ease-in-out 1s 1;
	animation: ep-shadow-in-red 3s ease-in-out 1s 1;
	-webkit-animation-fill-mode: forwards;
 	animation-fill-mode: forwards;
}
@-webkit-keyframes ep-shadow-in-red {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(244, 67, 54, 0),
			0 3px 0 rgba(244, 67, 54, .05),
			0 4px 0 rgba(244, 67, 54, .1),
			0 5px 0 rgba(244, 67, 54, .15),
			0 6px 0 rgba(244, 67, 54, .2),
			0 7px 1px rgba(244, 67, 54, .25),
			0 14px 5px rgba(244, 67, 54, .3),
			0 20px 15px rgba(244, 67, 54, .3),
			0 24px 20px rgba(244, 67, 54, .3),
			0 24px 30px rgba(244, 67, 54, .3);
	}
}
@keyframes ep-shadow-in-red {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(244, 67, 54, 0),
			0 3px 0 rgba(244, 67, 54, .05),
			0 4px 0 rgba(244, 67, 54, .1),
			0 5px 0 rgba(244, 67, 54, .15),
			0 6px 0 rgba(244, 67, 54, .2),
			0 7px 1px rgba(244, 67, 54, .25),
			0 14px 5px rgba(244, 67, 54, .3),
			0 20px 15px rgba(244, 67, 54, .3),
			0 24px 20px rgba(244, 67, 54, .3),
			0 24px 30px rgba(244, 67, 54, .3);
	}
}


/*粉 pink rgba(255, 150, 220, .85)*/
.ep-main.pink { color: rgba(255, 150, 220, .85); }
.ep-main.pink .shadow-fade-in {
	-webkit-animation: ep-shadow-in-pink 3s ease-in-out 1s 1;
	animation: ep-shadow-in-pink 3s ease-in-out 1s 1;
	-webkit-animation-fill-mode: forwards;
 	animation-fill-mode: forwards;
}
@-webkit-keyframes ep-shadow-in-pink {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(255, 150, 220, 0),
			0 3px 0 rgba(255, 150, 220, .05),
			0 4px 0 rgba(255, 150, 220, .1),
			0 5px 0 rgba(255, 150, 220, .15),
			0 6px 0 rgba(255, 150, 220, .2),
			0 7px 1px rgba(255, 150, 220, .25),
			0 14px 5px rgba(255, 150, 220, .3),
			0 20px 15px rgba(255, 150, 220, .3),
			0 24px 20px rgba(255, 150, 220, .3),
			0 24px 30px rgba(255, 150, 220, .3);
	}
}
@keyframes ep-shadow-in-pink {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(255, 150, 220, 0),
			0 3px 0 rgba(255, 150, 220, .05),
			0 4px 0 rgba(255, 150, 220, .1),
			0 5px 0 rgba(255, 150, 220, .15),
			0 6px 0 rgba(255, 150, 220, .2),
			0 7px 1px rgba(255, 150, 220, .25),
			0 14px 5px rgba(255, 150, 220, .3),
			0 20px 15px rgba(255, 150, 220, .3),
			0 24px 20px rgba(255, 150, 220, .3),
			0 24px 30px rgba(255, 150, 220, .3);
	}
}

/*紫 purple rgba(156, 39, 176, .85)*/
.ep-main.purple { color: rgba(156, 39, 176, .85); }
.ep-main.purple .shadow-fade-in {
	-webkit-animation: ep-shadow-in-purple 3s ease-in-out 1s 1;
	animation: ep-shadow-in-purple 3s ease-in-out 1s 1;
	-webkit-animation-fill-mode: forwards;
 	animation-fill-mode: forwards;
}
@-webkit-keyframes ep-shadow-in-purple {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(156, 39, 176, 0),
			0 3px 0 rgba(156, 39, 176, .05),
			0 4px 0 rgba(156, 39, 176, .1),
			0 5px 0 rgba(156, 39, 176, .15),
			0 6px 0 rgba(156, 39, 176, .2),
			0 7px 1px rgba(156, 39, 176, .25),
			0 14px 5px rgba(156, 39, 176, .3),
			0 20px 15px rgba(156, 39, 176, .3),
			0 24px 20px rgba(156, 39, 176, .3),
			0 24px 30px rgba(156, 39, 176, .3);
	}
}
@keyframes ep-shadow-in-purple {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(156, 39, 176, 0),
			0 3px 0 rgba(156, 39, 176, .05),
			0 4px 0 rgba(156, 39, 176, .1),
			0 5px 0 rgba(156, 39, 176, .15),
			0 6px 0 rgba(156, 39, 176, .2),
			0 7px 1px rgba(156, 39, 176, .25),
			0 14px 5px rgba(156, 39, 176, .3),
			0 20px 15px rgba(156, 39, 176, .3),
			0 24px 20px rgba(156, 39, 176, .3),
			0 24px 30px rgba(156, 39, 176, .3);
	}
}

/*深紫 deeppurples rgba(103, 58, 183, .85)*/
.ep-main.deeppurples { color: rgba(103, 58, 183, .85); }
.ep-main.deeppurples .shadow-fade-in {
	-webkit-animation: ep-shadow-in-deeppurples 3s ease-in-out 1s 1;
	animation: ep-shadow-in-deeppurples 3s ease-in-out 1s 1;
	-webkit-animation-fill-mode: forwards;
 	animation-fill-mode: forwards;
}
@-webkit-keyframes ep-shadow-in-deeppurples {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(103, 58, 183, 0),
			0 3px 0 rgba(103, 58, 183, .05),
			0 4px 0 rgba(103, 58, 183, .1),
			0 5px 0 rgba(103, 58, 183, .15),
			0 6px 0 rgba(103, 58, 183, .2),
			0 7px 1px rgba(103, 58, 183, .25),
			0 14px 5px rgba(103, 58, 183, .3),
			0 20px 15px rgba(103, 58, 183, .3),
			0 24px 20px rgba(103, 58, 183, .3),
			0 24px 30px rgba(103, 58, 183, .3);
	}
}
@keyframes ep-shadow-in-deeppurples {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(103, 58, 183, 0),
			0 3px 0 rgba(103, 58, 183, .05),
			0 4px 0 rgba(103, 58, 183, .1),
			0 5px 0 rgba(103, 58, 183, .15),
			0 6px 0 rgba(103, 58, 183, .2),
			0 7px 1px rgba(103, 58, 183, .25),
			0 14px 5px rgba(103, 58, 183, .3),
			0 20px 15px rgba(103, 58, 183, .3),
			0 24px 20px rgba(103, 58, 183, .3),
			0 24px 30px rgba(103, 58, 183, .3);
	}
}

/*靛青 indigo rgba(63, 81, 181, .85)*/
.ep-main.indigo { color: rgba(63, 81, 181, .85); }
.ep-main.indigo .shadow-fade-in {
	-webkit-animation: ep-shadow-in-indigo 3s ease-in-out 1s 1;
	animation: ep-shadow-in-indigo 3s ease-in-out 1s 1;
	-webkit-animation-fill-mode: forwards;
 	animation-fill-mode: forwards;
}
@-webkit-keyframes ep-shadow-in-indigo {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(63, 81, 181, 0),
			0 3px 0 rgba(63, 81, 181, .05),
			0 4px 0 rgba(63, 81, 181, .1),
			0 5px 0 rgba(63, 81, 181, .15),
			0 6px 0 rgba(63, 81, 181, .2),
			0 7px 1px rgba(63, 81, 181, .25),
			0 14px 5px rgba(63, 81, 181, .3),
			0 20px 15px rgba(63, 81, 181, .3),
			0 24px 20px rgba(63, 81, 181, .3),
			0 24px 30px rgba(63, 81, 181, .3);
	}
}
@keyframes ep-shadow-in-indigo {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(63, 81, 181, 0),
			0 3px 0 rgba(63, 81, 181, .05),
			0 4px 0 rgba(63, 81, 181, .1),
			0 5px 0 rgba(63, 81, 181, .15),
			0 6px 0 rgba(63, 81, 181, .2),
			0 7px 1px rgba(63, 81, 181, .25),
			0 14px 5px rgba(63, 81, 181, .3),
			0 20px 15px rgba(63, 81, 181, .3),
			0 24px 20px rgba(63, 81, 181, .3),
			0 24px 30px rgba(63, 81, 181, .3);
	}
}

/*藍 blue rgba(33, 150, 243, .85)*/
.ep-main.blue { color: rgba(33, 150, 243, .85); }
.ep-main.blue .shadow-fade-in {
	-webkit-animation: ep-shadow-in-blue 3s ease-in-out 1s 1;
	animation: ep-shadow-in-blue 3s ease-in-out 1s 1;
	-webkit-animation-fill-mode: forwards;
 	animation-fill-mode: forwards;
}
@-webkit-keyframes ep-shadow-in-blue {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(33, 150, 243, 0),
			0 3px 0 rgba(33, 150, 243, .05),
			0 4px 0 rgba(33, 150, 243, .1),
			0 5px 0 rgba(33, 150, 243, .15),
			0 6px 0 rgba(33, 150, 243, .2),
			0 7px 1px rgba(33, 150, 243, .25),
			0 14px 5px rgba(33, 150, 243, .3),
			0 20px 15px rgba(33, 150, 243, .3),
			0 24px 20px rgba(33, 150, 243, .3),
			0 24px 30px rgba(33, 150, 243, .3);
	}
}
@keyframes ep-shadow-in-blue {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(33, 150, 243, 0),
			0 3px 0 rgba(33, 150, 243, .05),
			0 4px 0 rgba(33, 150, 243, .1),
			0 5px 0 rgba(33, 150, 243, .15),
			0 6px 0 rgba(33, 150, 243, .2),
			0 7px 1px rgba(33, 150, 243, .25),
			0 14px 5px rgba(33, 150, 243, .3),
			0 20px 15px rgba(33, 150, 243, .3),
			0 24px 20px rgba(33, 150, 243, .3),
			0 24px 30px rgba(33, 150, 243, .3);
	}
}

/*淺藍 lightblue rgba(3, 169, 244, .85)*/
.ep-main.lightblue { color: rgba(3, 169, 244, .85); }
.ep-main.lightblue .shadow-fade-in {
	-webkit-animation: ep-shadow-in-lightblue 3s ease-in-out 1s 1;
	animation: ep-shadow-in-lightblue 3s ease-in-out 1s 1;
	-webkit-animation-fill-mode: forwards;
 	animation-fill-mode: forwards;
}
@-webkit-keyframes ep-shadow-in-lightblue {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(3, 169, 244, 0),
			0 3px 0 rgba(3, 169, 244, .05),
			0 4px 0 rgba(3, 169, 244, .1),
			0 5px 0 rgba(3, 169, 244, .15),
			0 6px 0 rgba(3, 169, 244, .2),
			0 7px 1px rgba(3, 169, 244, .25),
			0 14px 5px rgba(3, 169, 244, .3),
			0 20px 15px rgba(3, 169, 244, .3),
			0 24px 20px rgba(3, 169, 244, .3),
			0 24px 30px rgba(3, 169, 244, .3);
	}
}
@keyframes ep-shadow-in-lightblue {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(3, 169, 244, 0),
			0 3px 0 rgba(3, 169, 244, .05),
			0 4px 0 rgba(3, 169, 244, .1),
			0 5px 0 rgba(3, 169, 244, .15),
			0 6px 0 rgba(3, 169, 244, .2),
			0 7px 1px rgba(3, 169, 244, .25),
			0 14px 5px rgba(3, 169, 244, .3),
			0 20px 15px rgba(3, 169, 244, .3),
			0 24px 20px rgba(3, 169, 244, .3),
			0 24px 30px rgba(3, 169, 244, .3);
	}
}

/*青色 cyan rgba(0, 188, 212, .85)*/
.ep-main.cyan { color: rgba(0, 188, 212, .85); }
.ep-main.cyan .shadow-fade-in {
	-webkit-animation: ep-shadow-in-cyan 3s ease-in-out 1s 1;
	animation: ep-shadow-in-cyan 3s ease-in-out 1s 1;
	-webkit-animation-fill-mode: forwards;
 	animation-fill-mode: forwards;
}
@-webkit-keyframes ep-shadow-in-cyan {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(0, 188, 212, 0),
			0 3px 0 rgba(0, 188, 212, .05),
			0 4px 0 rgba(0, 188, 212, .1),
			0 5px 0 rgba(0, 188, 212, .15),
			0 6px 0 rgba(0, 188, 212, .2),
			0 7px 1px rgba(0, 188, 212, .25),
			0 14px 5px rgba(0, 188, 212, .3),
			0 20px 15px rgba(0, 188, 212, .3),
			0 24px 20px rgba(0, 188, 212, .3),
			0 24px 30px rgba(0, 188, 212, .3);
	}
}
@keyframes ep-shadow-in-cyan {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(0, 188, 212, 0),
			0 3px 0 rgba(0, 188, 212, .05),
			0 4px 0 rgba(0, 188, 212, .1),
			0 5px 0 rgba(0, 188, 212, .15),
			0 6px 0 rgba(0, 188, 212, .2),
			0 7px 1px rgba(0, 188, 212, .25),
			0 14px 5px rgba(0, 188, 212, .3),
			0 20px 15px rgba(0, 188, 212, .3),
			0 24px 20px rgba(0, 188, 212, .3),
			0 24px 30px rgba(0, 188, 212, .3);
	}
}

/*藍綠色 teal rgba(0, 150, 136, .85)*/
.ep-main.teal { color: rgba(0, 150, 136, .85); }
.ep-main.teal .shadow-fade-in {
	-webkit-animation: ep-shadow-in-teal 3s ease-in-out 1s 1;
	animation: ep-shadow-in-teal 3s ease-in-out 1s 1;
	-webkit-animation-fill-mode: forwards;
 	animation-fill-mode: forwards;
}
@-webkit-keyframes ep-shadow-in-teal {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(0, 150, 136, 0),
			0 3px 0 rgba(0, 150, 136, .05),
			0 4px 0 rgba(0, 150, 136, .1),
			0 5px 0 rgba(0, 150, 136, .15),
			0 6px 0 rgba(0, 150, 136, .2),
			0 7px 1px rgba(0, 150, 136, .25),
			0 14px 5px rgba(0, 150, 136, .3),
			0 20px 15px rgba(0, 150, 136, .3),
			0 24px 20px rgba(0, 150, 136, .3),
			0 24px 30px rgba(0, 150, 136, .3);
	}
}
@keyframes ep-shadow-in-teal {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(0, 150, 136, 0),
			0 3px 0 rgba(0, 150, 136, .05),
			0 4px 0 rgba(0, 150, 136, .1),
			0 5px 0 rgba(0, 150, 136, .15),
			0 6px 0 rgba(0, 150, 136, .2),
			0 7px 1px rgba(0, 150, 136, .25),
			0 14px 5px rgba(0, 150, 136, .3),
			0 20px 15px rgba(0, 150, 136, .3),
			0 24px 20px rgba(0, 150, 136, .3),
			0 24px 30px rgba(0, 150, 136, .3);
	}
}

/*綠 green rgba(76, 175, 80, .85)*/
.ep-main.green { color: rgba(76, 175, 80, .85); }
.ep-main.green .shadow-fade-in {
	-webkit-animation: ep-shadow-in-green 3s ease-in-out 1s 1;
	animation: ep-shadow-in-green 3s ease-in-out 1s 1;
	-webkit-animation-fill-mode: forwards;
 	animation-fill-mode: forwards;
}
@-webkit-keyframes ep-shadow-in-green {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(76, 175, 80, 0),
			0 3px 0 rgba(76, 175, 80, .05),
			0 4px 0 rgba(76, 175, 80, .1),
			0 5px 0 rgba(76, 175, 80, .15),
			0 6px 0 rgba(76, 175, 80, .2),
			0 7px 1px rgba(76, 175, 80, .25),
			0 14px 5px rgba(76, 175, 80, .3),
			0 20px 15px rgba(76, 175, 80, .3),
			0 24px 20px rgba(76, 175, 80, .3),
			0 24px 30px rgba(76, 175, 80, .3);
	}
}
@keyframes ep-shadow-in-green {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(76, 175, 80, 0),
			0 3px 0 rgba(76, 175, 80, .05),
			0 4px 0 rgba(76, 175, 80, .1),
			0 5px 0 rgba(76, 175, 80, .15),
			0 6px 0 rgba(76, 175, 80, .2),
			0 7px 1px rgba(76, 175, 80, .25),
			0 14px 5px rgba(76, 175, 80, .3),
			0 20px 15px rgba(76, 175, 80, .3),
			0 24px 20px rgba(76, 175, 80, .3),
			0 24px 30px rgba(76, 175, 80, .3);
	}
}

/*淺綠 lightgreen rgba(139, 195, 74, .85)*/
.ep-main.lightgreen { color: rgba(139, 195, 74, .85); }
.ep-main.lightgreen .shadow-fade-in {
	-webkit-animation: ep-shadow-in-lightgreen 3s ease-in-out 1s 1;
	animation: ep-shadow-in-lightgreen 3s ease-in-out 1s 1;
	-webkit-animation-fill-mode: forwards;
 	animation-fill-mode: forwards;
}
@-webkit-keyframes ep-shadow-in-lightgreen {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(139, 195, 74, 0),
			0 3px 0 rgba(139, 195, 74, .05),
			0 4px 0 rgba(139, 195, 74, .1),
			0 5px 0 rgba(139, 195, 74, .15),
			0 6px 0 rgba(139, 195, 74, .2),
			0 7px 1px rgba(139, 195, 74, .25),
			0 14px 5px rgba(139, 195, 74, .3),
			0 20px 15px rgba(139, 195, 74, .3),
			0 24px 20px rgba(139, 195, 74, .3),
			0 24px 30px rgba(139, 195, 74, .3);
	}
}
@keyframes ep-shadow-in-lightgreen {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(139, 195, 74, 0),
			0 3px 0 rgba(139, 195, 74, .05),
			0 4px 0 rgba(139, 195, 74, .1),
			0 5px 0 rgba(139, 195, 74, .15),
			0 6px 0 rgba(139, 195, 74, .2),
			0 7px 1px rgba(139, 195, 74, .25),
			0 14px 5px rgba(139, 195, 74, .3),
			0 20px 15px rgba(139, 195, 74, .3),
			0 24px 20px rgba(139, 195, 74, .3),
			0 24px 30px rgba(139, 195, 74, .3);
	}
}

/*檸檬綠 lime rgba(205, 220, 57, .85)*/
.ep-main.lime { color: rgba(205, 220, 57, .85); }
.ep-main.lime .shadow-fade-in {
	-webkit-animation: ep-shadow-in-lime 3s ease-in-out 1s 1;
	animation: ep-shadow-in-lime 3s ease-in-out 1s 1;
	-webkit-animation-fill-mode: forwards;
 	animation-fill-mode: forwards;
}
@-webkit-keyframes ep-shadow-in-lime {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(205, 220, 57, 0),
			0 3px 0 rgba(205, 220, 57, .05),
			0 4px 0 rgba(205, 220, 57, .1),
			0 5px 0 rgba(205, 220, 57, .15),
			0 6px 0 rgba(205, 220, 57, .2),
			0 7px 1px rgba(205, 220, 57, .25),
			0 14px 5px rgba(205, 220, 57, .3),
			0 20px 15px rgba(205, 220, 57, .3),
			0 24px 20px rgba(205, 220, 57, .3),
			0 24px 30px rgba(205, 220, 57, .3);
	}
}
@keyframes ep-shadow-in-lime {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(205, 220, 57, 0),
			0 3px 0 rgba(205, 220, 57, .05),
			0 4px 0 rgba(205, 220, 57, .1),
			0 5px 0 rgba(205, 220, 57, .15),
			0 6px 0 rgba(205, 220, 57, .2),
			0 7px 1px rgba(205, 220, 57, .25),
			0 14px 5px rgba(205, 220, 57, .3),
			0 20px 15px rgba(205, 220, 57, .3),
			0 24px 20px rgba(205, 220, 57, .3),
			0 24px 30px rgba(205, 220, 57, .3);
	}
}

/*黃色 yellow rgba(255, 235, 59, .85)*/
.ep-main.yellow { color: rgba(255, 235, 59, .85); }
.ep-main.yellow .shadow-fade-in {
	-webkit-animation: ep-shadow-in-yellow 3s ease-in-out 1s 1;
	animation: ep-shadow-in-yellow 3s ease-in-out 1s 1;
	-webkit-animation-fill-mode: forwards;
 	animation-fill-mode: forwards;
}
@-webkit-keyframes ep-shadow-in-yellow {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(255, 235, 59, 0),
			0 3px 0 rgba(255, 235, 59, .05),
			0 4px 0 rgba(255, 235, 59, .1),
			0 5px 0 rgba(255, 235, 59, .15),
			0 6px 0 rgba(255, 235, 59, .2),
			0 7px 1px rgba(255, 235, 59, .25),
			0 14px 5px rgba(255, 235, 59, .3),
			0 20px 15px rgba(255, 235, 59, .3),
			0 24px 20px rgba(255, 235, 59, .3),
			0 24px 30px rgba(255, 235, 59, .3);
	}
}
@keyframes ep-shadow-in-yellow {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(255, 235, 59, 0),
			0 3px 0 rgba(255, 235, 59, .05),
			0 4px 0 rgba(255, 235, 59, .1),
			0 5px 0 rgba(255, 235, 59, .15),
			0 6px 0 rgba(255, 235, 59, .2),
			0 7px 1px rgba(255, 235, 59, .25),
			0 14px 5px rgba(255, 235, 59, .3),
			0 20px 15px rgba(255, 235, 59, .3),
			0 24px 20px rgba(255, 235, 59, .3),
			0 24px 30px rgba(255, 235, 59, .3);
	}
}

/*琥珀色 amber rgba(255, 193, 7, .85)*/
.ep-main.amber { color: rgba(255, 193, 7, .85); }
.ep-main.amber .shadow-fade-in {
	-webkit-animation: ep-shadow-in-amber 3s ease-in-out 1s 1;
	animation: ep-shadow-in-amber 3s ease-in-out 1s 1;
	-webkit-animation-fill-mode: forwards;
 	animation-fill-mode: forwards;
}
@-webkit-keyframes ep-shadow-in-amber {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(255, 193, 7, 0),
			0 3px 0 rgba(255, 193, 7, .05),
			0 4px 0 rgba(255, 193, 7, .1),
			0 5px 0 rgba(255, 193, 7, .15),
			0 6px 0 rgba(255, 193, 7, .2),
			0 7px 1px rgba(255, 193, 7, .25),
			0 14px 5px rgba(255, 193, 7, .3),
			0 20px 15px rgba(255, 193, 7, .3),
			0 24px 20px rgba(255, 193, 7, .3),
			0 24px 30px rgba(255, 193, 7, .3);
	}
}
@keyframes ep-shadow-in-amber {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(255, 193, 7, 0),
			0 3px 0 rgba(255, 193, 7, .05),
			0 4px 0 rgba(255, 193, 7, .1),
			0 5px 0 rgba(255, 193, 7, .15),
			0 6px 0 rgba(255, 193, 7, .2),
			0 7px 1px rgba(255, 193, 7, .25),
			0 14px 5px rgba(255, 193, 7, .3),
			0 20px 15px rgba(255, 193, 7, .3),
			0 24px 20px rgba(255, 193, 7, .3),
			0 24px 30px rgba(255, 193, 7, .3);
	}
}

/*橙色 orange rgba(255, 152, 0, .85)*/
.ep-main.orange { color: rgba(255, 152, 0, .85); }
.ep-main.orange .shadow-fade-in {
	-webkit-animation: ep-shadow-in-orange 3s ease-in-out 1s 1;
	animation: ep-shadow-in-orange 3s ease-in-out 1s 1;
	-webkit-animation-fill-mode: forwards;
 	animation-fill-mode: forwards;
}
@-webkit-keyframes ep-shadow-in-orange {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(255, 152, 0, 0),
			0 3px 0 rgba(255, 152, 0, .05),
			0 4px 0 rgba(255, 152, 0, .1),
			0 5px 0 rgba(255, 152, 0, .15),
			0 6px 0 rgba(255, 152, 0, .2),
			0 7px 1px rgba(255, 152, 0, .25),
			0 14px 5px rgba(255, 152, 0, .3),
			0 20px 15px rgba(255, 152, 0, .3),
			0 24px 20px rgba(255, 152, 0, .3),
			0 24px 30px rgba(255, 152, 0, .3);
	}
}
@keyframes ep-shadow-in-orange {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(255, 152, 0, 0),
			0 3px 0 rgba(255, 152, 0, .05),
			0 4px 0 rgba(255, 152, 0, .1),
			0 5px 0 rgba(255, 152, 0, .15),
			0 6px 0 rgba(255, 152, 0, .2),
			0 7px 1px rgba(255, 152, 0, .25),
			0 14px 5px rgba(255, 152, 0, .3),
			0 20px 15px rgba(255, 152, 0, .3),
			0 24px 20px rgba(255, 152, 0, .3),
			0 24px 30px rgba(255, 152, 0, .3);
	}
}

/*深橙 deeporange rgba(255, 87, 34, .85)*/
.ep-main.deeporange { color: rgba(255, 87, 34, .85); }
.ep-main.deeporange .shadow-fade-in {
	-webkit-animation: ep-shadow-in-deeporange 3s ease-in-out 1s 1;
	animation: ep-shadow-in-deeporange 3s ease-in-out 1s 1;
	-webkit-animation-fill-mode: forwards;
 	animation-fill-mode: forwards;
}
@-webkit-keyframes ep-shadow-in-deeporange {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(255, 87, 34, 0),
			0 3px 0 rgba(255, 87, 34, .05),
			0 4px 0 rgba(255, 87, 34, .1),
			0 5px 0 rgba(255, 87, 34, .15),
			0 6px 0 rgba(255, 87, 34, .2),
			0 7px 1px rgba(255, 87, 34, .25),
			0 14px 5px rgba(255, 87, 34, .3),
			0 20px 15px rgba(255, 87, 34, .3),
			0 24px 20px rgba(255, 87, 34, .3),
			0 24px 30px rgba(255, 87, 34, .3);
	}
}
@keyframes ep-shadow-in-deeporange {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(255, 87, 34, 0),
			0 3px 0 rgba(255, 87, 34, .05),
			0 4px 0 rgba(255, 87, 34, .1),
			0 5px 0 rgba(255, 87, 34, .15),
			0 6px 0 rgba(255, 87, 34, .2),
			0 7px 1px rgba(255, 87, 34, .25),
			0 14px 5px rgba(255, 87, 34, .3),
			0 20px 15px rgba(255, 87, 34, .3),
			0 24px 20px rgba(255, 87, 34, .3),
			0 24px 30px rgba(255, 87, 34, .3);
	}
}

/*棕色 brown rgba(121, 85, 72, .85)*/
.ep-main.brown { color: rgba(121, 85, 72, .85); }
.ep-main.brown .shadow-fade-in {
	-webkit-animation: ep-shadow-in-brown 3s ease-in-out 1s 1;
	animation: ep-shadow-in-brown 3s ease-in-out 1s 1;
	-webkit-animation-fill-mode: forwards;
 	animation-fill-mode: forwards;
}
@-webkit-keyframes ep-shadow-in-brown {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(121, 85, 72, 0),
			0 3px 0 rgba(121, 85, 72, .05),
			0 4px 0 rgba(121, 85, 72, .1),
			0 5px 0 rgba(121, 85, 72, .15),
			0 6px 0 rgba(121, 85, 72, .2),
			0 7px 1px rgba(121, 85, 72, .25),
			0 14px 5px rgba(121, 85, 72, .3),
			0 20px 15px rgba(121, 85, 72, .3),
			0 24px 20px rgba(121, 85, 72, .3),
			0 24px 30px rgba(121, 85, 72, .3);
	}
}
@keyframes ep-shadow-in-brown {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(121, 85, 72, 0),
			0 3px 0 rgba(121, 85, 72, .05),
			0 4px 0 rgba(121, 85, 72, .1),
			0 5px 0 rgba(121, 85, 72, .15),
			0 6px 0 rgba(121, 85, 72, .2),
			0 7px 1px rgba(121, 85, 72, .25),
			0 14px 5px rgba(121, 85, 72, .3),
			0 20px 15px rgba(121, 85, 72, .3),
			0 24px 20px rgba(121, 85, 72, .3),
			0 24px 30px rgba(121, 85, 72, .3);
	}
}

/*灰色 grey rgba(158, 158, 158, .85)*/
.ep-main.grey { color: rgba(158, 158, 158, .85); }
.ep-main.grey .shadow-fade-in {
	-webkit-animation: ep-shadow-in-grey 3s ease-in-out 1s 1;
	animation: ep-shadow-in-grey 3s ease-in-out 1s 1;
	-webkit-animation-fill-mode: forwards;
 	animation-fill-mode: forwards;
}
@-webkit-keyframes ep-shadow-in-grey {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(158, 158, 158, 0),
			0 3px 0 rgba(158, 158, 158, .05),
			0 4px 0 rgba(158, 158, 158, .1),
			0 5px 0 rgba(158, 158, 158, .15),
			0 6px 0 rgba(158, 158, 158, .2),
			0 7px 1px rgba(158, 158, 158, .25),
			0 14px 5px rgba(158, 158, 158, .3),
			0 20px 15px rgba(158, 158, 158, .3),
			0 24px 20px rgba(158, 158, 158, .3),
			0 24px 30px rgba(158, 158, 158, .3);
	}
}
@keyframes ep-shadow-in-grey {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(158, 158, 158, 0),
			0 3px 0 rgba(158, 158, 158, .05),
			0 4px 0 rgba(158, 158, 158, .1),
			0 5px 0 rgba(158, 158, 158, .15),
			0 6px 0 rgba(158, 158, 158, .2),
			0 7px 1px rgba(158, 158, 158, .25),
			0 14px 5px rgba(158, 158, 158, .3),
			0 20px 15px rgba(158, 158, 158, .3),
			0 24px 20px rgba(158, 158, 158, .3),
			0 24px 30px rgba(158, 158, 158, .3);
	}
}

/*灰藍 bluegrey rgba(96, 125, 139, .85)*/
.ep-main.bluegrey { color: rgba(96, 125, 139, .85); }
.ep-main.bluegrey .shadow-fade-in {
	-webkit-animation: ep-shadow-in-bluegrey 3s ease-in-out 1s 1;
	animation: ep-shadow-in-bluegrey 3s ease-in-out 1s 1;
	-webkit-animation-fill-mode: forwards;
 	animation-fill-mode: forwards;
}
@-webkit-keyframes ep-shadow-in-bluegrey {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(96, 125, 139, 0),
			0 3px 0 rgba(96, 125, 139, .05),
			0 4px 0 rgba(96, 125, 139, .1),
			0 5px 0 rgba(96, 125, 139, .15),
			0 6px 0 rgba(96, 125, 139, .2),
			0 7px 1px rgba(96, 125, 139, .25),
			0 14px 5px rgba(96, 125, 139, .3),
			0 20px 15px rgba(96, 125, 139, .3),
			0 24px 20px rgba(96, 125, 139, .3),
			0 24px 30px rgba(96, 125, 139, .3);
	}
}
@keyframes ep-shadow-in-bluegrey {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(96, 125, 139, 0),
			0 3px 0 rgba(96, 125, 139, .05),
			0 4px 0 rgba(96, 125, 139, .1),
			0 5px 0 rgba(96, 125, 139, .15),
			0 6px 0 rgba(96, 125, 139, .2),
			0 7px 1px rgba(96, 125, 139, .25),
			0 14px 5px rgba(96, 125, 139, .3),
			0 20px 15px rgba(96, 125, 139, .3),
			0 24px 20px rgba(96, 125, 139, .3),
			0 24px 30px rgba(96, 125, 139, .3);
	}
}

/*白 white rgba(255, 255, 255, .85) 基本尚不支援*/
.ep-main.white { color: rgba(255, 255, 255, .85); }
.ep-main.white .shadow-fade-in {
	color: rgba(0, 0, 0, 1);
	-webkit-animation: ep-shadow-in-white 3s ease-in-out 1s 1;
	animation: ep-shadow-in-white 3s ease-in-out 1s 1;
	-webkit-animation-fill-mode: forwards;
 	animation-fill-mode: forwards;
}
@-webkit-keyframes ep-shadow-in-white {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(255, 255, 255, 0),
			0 3px 0 rgba(255, 255, 255, .05),
			0 4px 0 rgba(255, 255, 255, .1),
			0 5px 0 rgba(255, 255, 255, .15),
			0 6px 0 rgba(255, 255, 255, .2),
			0 7px 1px rgba(255, 255, 255, .25),
			0 14px 5px rgba(255, 255, 255, .3),
			0 20px 15px rgba(255, 255, 255, .3),
			0 24px 20px rgba(255, 255, 255, .3),
			0 24px 30px rgba(255, 255, 255, .3);
	}
}
@keyframes ep-shadow-in-white {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(255, 255, 255, 0),
			0 3px 0 rgba(255, 255, 255, .05),
			0 4px 0 rgba(255, 255, 255, .1),
			0 5px 0 rgba(255, 255, 255, .15),
			0 6px 0 rgba(255, 255, 255, .2),
			0 7px 1px rgba(255, 255, 255, .25),
			0 14px 5px rgba(255, 255, 255, .3),
			0 20px 15px rgba(255, 255, 255, .3),
			0 24px 20px rgba(255, 255, 255, .3),
			0 24px 30px rgba(255, 255, 255, .3);
	}
}

/*黑 black rgba(0, 0, 0, .85)*/
.ep-main.black { color: rgba(0, 0, 0, .85); }
.ep-main.black .shadow-fade-in {
	-webkit-animation: ep-shadow-in-black 3s ease-in-out 1s 1;
	animation: ep-shadow-in-black 3s ease-in-out 1s 1;
	-webkit-animation-fill-mode: forwards;
 	animation-fill-mode: forwards;
}
@-webkit-keyframes ep-shadow-in-black {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(0, 0, 0, 0),
			0 3px 0 rgba(0, 0, 0, .05),
			0 4px 0 rgba(0, 0, 0, .1),
			0 5px 0 rgba(0, 0, 0, .15),
			0 6px 0 rgba(0, 0, 0, .2),
			0 7px 1px rgba(0, 0, 0, .25),
			0 14px 5px rgba(0, 0, 0, .3),
			0 20px 15px rgba(0, 0, 0, .3),
			0 24px 20px rgba(0, 0, 0, .3),
			0 24px 30px rgba(0, 0, 0, .3);
	}
}
@keyframes ep-shadow-in-black {
	from { text-shadow: 0 0 0 transparent; }
	to {
text-shadow: 0 2px 0 rgba(0, 0, 0, 0),
			0 3px 0 rgba(0, 0, 0, .05),
			0 4px 0 rgba(0, 0, 0, .1),
			0 5px 0 rgba(0, 0, 0, .15),
			0 6px 0 rgba(0, 0, 0, .2),
			0 7px 1px rgba(0, 0, 0, .25),
			0 14px 5px rgba(0, 0, 0, .3),
			0 20px 15px rgba(0, 0, 0, .3),
			0 24px 20px rgba(0, 0, 0, .3),
			0 24px 30px rgba(0, 0, 0, .3);
	}
}

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

@media screen and (min-width: 641px) and (max-width: 1024px) {
	.ep-main .shadow-fade-in { margin: 10% 0 0 0; font-size: 300px; }
	.ep-main .description { font-size: 26px; }
	.ep-main .ep-hbut { font-size: 20px; }
}
@media screen and (min-width: 481px) and (max-width: 640px) {
	.ep-main .shadow-fade-in { margin: 20% 0 0 0; font-size: 150px; }
	.ep-main .description { font-size: 18px; }
	.ep-main .ep-hbut { font-size: 14px; }
}
@media screen and (min-width: 1px) and (max-width: 480px) {
	.ep-main .shadow-fade-in { margin: 50% 0 0 0; font-size: 100px; }
	.ep-main .description { font-size: 16px; }
	.ep-main .ep-hbut { font-size: 14px; }
}




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