@charset "utf-8";
@import url('../../../_bk_plugin_css/gFontEN/Italiana.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: 8% 0 50px 0;
	color: rgba(0, 0, 0, 1); font-family: 'Italiana'; font-size: 250px; font-weight: bold;
}




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

.ep-main .description {
	display: flex; justify-content: center; line-height: 46px;
	font-size: 30px; font-weight: 5400;
	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: 0px; margin: 20px 0; width: 100vw; max-width: 1920px;
	font-size: 30px; font-weight: 500;
	-webkit-animation: bounceInUp 2500ms; animation: bounceInUp 2500ms;
	
}

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

/*紅 red rgba(244, 67, 54, .85)*/
.ep-main.red { color: rgba(244, 67, 54, .85); }
.ep-main.red .shadow-fade-in { color: rgba(244, 67, 54, .85); }


/*粉 pink rgba(255, 150, 220, .85)*/
.ep-main.pink { color: rgba(255, 150, 220, .85); }
.ep-main.pink .shadow-fade-in { color: rgba(255, 150, 220, .85); }


/*紫 purple rgba(156, 39, 176, .85)*/
.ep-main.purple { color: rgba(156, 39, 176, .85); }
.ep-main.purple .shadow-fade-in { color: rgba(156, 39, 176, .85); }


/*深紫 deeppurples rgba(103, 58, 183, .85)*/
.ep-main.deeppurples { color: rgba(103, 58, 183, .85); }
.ep-main.deeppurples .shadow-fade-in { color: rgba(103, 58, 183, .85); }


/*靛青 indigo rgba(63, 81, 181, .85)*/
.ep-main.indigo { color: rgba(63, 81, 181, .85); }
.ep-main.indigo .shadow-fade-in { color: rgba(63, 81, 181, .85); }


/*藍 blue rgba(33, 150, 243, .85)*/
.ep-main.blue { color: rgba(33, 150, 243, .85); }
.ep-main.blue .shadow-fade-in { color: rgba(33, 150, 243, .85); }


/*淺藍 lightblue rgba(3, 169, 244, .85)*/
.ep-main.lightblue { color: rgba(3, 169, 244, .85); }
.ep-main.lightblue .shadow-fade-in { color: rgba(3, 169, 244, .85); }


/*青色 cyan rgba(0, 188, 212, .85)*/
.ep-main.cyan { color: rgba(0, 188, 212, .85); }
.ep-main.cyan .shadow-fade-in { color: rgba(0, 188, 212, .85); }


/*藍綠色 teal rgba(0, 150, 136, .85)*/
.ep-main.teal { color: rgba(0, 150, 136, .85); }
.ep-main.teal .shadow-fade-in { color: rgba(0, 150, 136, .85); }


/*綠 green rgba(76, 175, 80, .85)*/
.ep-main.green { color: rgba(76, 175, 80, .85); }
.ep-main.green .shadow-fade-in { color: rgba(76, 175, 80, .85); }


/*淺綠 lightgreen rgba(139, 195, 74, .85)*/
.ep-main.lightgreen { color: rgba(139, 195, 74, .85); }
.ep-main.lightgreen .shadow-fade-in { color: rgba(139, 195, 74, .85); }


/*檸檬綠 lime rgba(205, 220, 57, .85)*/
.ep-main.lime { color: rgba(205, 220, 57, .85); }
.ep-main.lime .shadow-fade-in { color: rgba(205, 220, 57, .85); }


/*黃色 yellow rgba(255, 235, 59, .85)*/
.ep-main.yellow { color: rgba(255, 235, 59, .85); }
.ep-main.yellow .shadow-fade-in { color: rgba(255, 235, 59, .85); }


/*琥珀色 amber rgba(255, 193, 7, .85)*/
.ep-main.amber { color: rgba(255, 193, 7, .85); }
.ep-main.amber .shadow-fade-in { color: rgba(255, 193, 7, .85); }


/*橙色 orange rgba(255, 152, 0, .85)*/
.ep-main.orange { color: rgba(255, 152, 0, .85); }
.ep-main.orange .shadow-fade-in { color: rgba(255, 152, 0, .85); }


/*深橙 deeporange rgba(255, 87, 34, .85)*/
.ep-main.deeporange { color: rgba(255, 87, 34, .85); }
.ep-main.deeporange .shadow-fade-in { color: rgba(255, 87, 34, .85); }


/*棕色 brown rgba(121, 85, 72, .85)*/
.ep-main.brown { color: rgba(121, 85, 72, .85); }
.ep-main.brown .shadow-fade-in { color: rgba(121, 85, 72, .85); }


/*灰色 grey rgba(158, 158, 158, .85)*/
.ep-main.grey { color: rgba(158, 158, 158, .85); }
.ep-main.grey .shadow-fade-in { color: rgba(158, 158, 158, .85); }


/*灰藍 bluegrey rgba(96, 125, 139, .85)*/
.ep-main.bluegrey { color: rgba(96, 125, 139, .85); }
.ep-main.bluegrey .shadow-fade-in { color: rgba(96, 125, 139, .85); }


/*白 white rgba(255, 255, 255, .85) 基本尚不支援*/
.ep-main.white { color: rgba(255, 255, 255, .85); }
.ep-main.white .shadow-fade-in { color: rgba(255, 255, 255, .85); }

/*黑 black rgba(0, 0, 0, .85)*/
.ep-main.black { color: rgba(0, 0, 0, .85); }
.ep-main.black .shadow-fade-in { color: rgba(0, 0, 0, .85); }


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

@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: 40% 0 0 0; font-size: 100px; }
	.ep-main .description { font-size: 16px; }
	.ep-main .ep-hbut { font-size: 14px; }
}




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