@charset "utf-8";
@import url('../../_bk_plugin_css/gFontEN/EmilysCandy.css'); /*date*/
/*紅 red rgba(244, 67, 54, .85)*/ /*粉 pink rgba(255, 150, 220, .85)*/

/*紫 purple rgba(156, 39, 176, .85)*/ /*深紫 deeppurple rgba(103, 58, 183, .85)*/

/*靛青 indigo rgba(63, 81, 181, .85)*/ /*藍 blue rgba(33, 150, 243, .85)*/ /*淺藍 lightblue rgba(3, 169, 244, .85)*/

/*青色 cyan rgba(0, 188, 212, .85)*/ /*藍綠色 teal rgba(0, 150, 136, .85)*/

/*綠 green rgba(76, 175, 80, .85)*/ /*淺綠 lightgreen rgba(139, 195, 74, .85)*/ /*檸檬綠 lime rgba(205, 220, 57, .85)*/

/*黃色 yellow rgba(255, 235, 59, .85)*/ /*琥珀色 amber rgba(255, 193, 7, .85)*/ /*橙色 orange rgba(255, 152, 0, .85)*/ /*深橙 deeporange rgba(255, 87, 34, .85)*/

/*棕色 brown rgba(121, 85, 72, .85)*/ /*灰色 grey rgba(158, 158, 158, .85)*/ /*灰藍 bluegrey rgba(96, 125, 139, .85)*/

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

.pl-antcss { position: fixed; top: calc(100% / 2 - 10px) !important; left: calc(100% / 2 - 125px) !important; }

.pl-antcss .container { width: 100vw; height: 100vh; }

.pl-antcss .loader { position: absolute; margin: auto; width: 250px; height: 10px; }

.pl-antcss .loader--dot {
	position: absolute; width: 10px; height: 10px;
	border-radius: 100%;
	background-color: rgba(3, 169, 244, .85);
	animation-name: preloader-loader;
	animation-timing-function: ease-in-out;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}
.pl-antcss .loader--dot:first-child { box-shadow: 0 0 3px 0 rgba(156, 39, 176, .35); background-color: rgba(156, 39, 176, .85); animation-delay: 0.5s;  }
.pl-antcss .loader--dot:nth-child(2) { box-shadow: 0 0 3px 0 rgba(3, 169, 244, .35); background-color: rgba(3, 169, 244, .85); animation-delay: 0.4s; }
.pl-antcss .loader--dot:nth-child(3) { box-shadow: 0 0 3px 0 rgba(63, 81, 181, .35); background-color: rgba(63, 81, 181, .85); animation-delay: 0.3s; }
.pl-antcss .loader--dot:nth-child(4) { box-shadow: 0 0 3px 0 rgba(205, 220, 57, .35); background-color: rgba(205, 220, 57, .85); animation-delay: 0.2s; }
.pl-antcss .loader--dot:nth-child(5) { box-shadow: 0 0 3px 0 rgba(255, 152, 0, .35); background-color: rgba(255, 152, 0, .85); animation-delay: 0.1s; }
.pl-antcss .loader--dot:nth-child(6) { box-shadow: 0 0 3px 0 rgba(244, 67, 54, .35); background-color: rgba(244, 67, 54, .85); animation-delay: 0s; }




.pl-antcss .loader--text { position: absolute; top: 20px; left: 0; right: 0; margin: auto; width: 120px; color: rgba(0, 0, 0, .85); font-size: 16px; /*font-weight: 500;*/ }
.pl-antcss .loader--text:after {
	content: "Loading"; font-family: 'EmilysCandy';
	animation-name: preloader-loading-text;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
}

@keyframes preloader-loader {
	15% { transform: translateX(0); }
	45% { transform: translateX(230px); }
	65% { transform: translateX(230px); }
	95% { transform: translateX(0); }
}
@keyframes preloader-loading-text {
	0% { content: "載入中請稍候"; }
	20% { content: "載入中請稍候 ."; }
	40% { content: "載入中請稍候 .."; }
	60% { content: "載入中請稍候 ..."; }
	80% { content: "載入中請稍候 ...."; }
	100% { content: "載入中請稍候 ....."; }
}

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