@charset "utf-8";

/*紅 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 - 15px) !important; left: calc(100% / 2 - 15px) !important; margin: auto;
	-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
}

.pl-antcss-dot { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 8px; height: 8px; border-radius: 100%; }

.pl-antcss-dot:nth-child(1) {
	box-shadow: 0 0 2px 2px rgba(129, 212, 250, 0.6),  0 0 12px 0 rgba(129, 212, 250, 1);
	background-color: rgba(129, 212, 250, .95);
	-webkit-animation: preloader-jump-1 1.5s linear infinite;
 	animation: preloader-jump-1 1.5s linear infinite;
}

.pl-antcss-dot:nth-child(2) {
	box-shadow: 0 0 2px 2px rgba(197, 225, 165, 0.6),  0 0 12px 0 rgba(197, 225, 165, 1);
	background-color: rgba(197, 225, 165, .95);
	-webkit-animation: preloader-jump-2 1.5s linear infinite;
	animation: preloader-jump-2 1.5s linear infinite;
}

.pl-antcss-dot:nth-child(3) {
	box-shadow: 0 0 2px 2px rgba(255, 224, 130, 0.6),  0 0 12px 0 rgba(255, 224, 130, 1);
	background-color: rgba(255, 224, 130, .95);
	-webkit-animation: preloader-jump-3 1.5s linear infinite;
	animation: preloader-jump-3 1.5s linear infinite;
}

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

/*不支援 自選顏色*/



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

@-webkit-keyframes preloader-jump-1 {
	0% { -webkit-transform: translate3d(0, 0, 0) scale(2); transform: translate3d(0, 0, 0) scale(2); }
	12.5% { -webkit-transform: translate3d(41.66667%, -142.85714%, 0); transform: translate3d(41.66667%, -142.85714%, 0); }
	25% { -webkit-transform: translate3d(250%, -250%, 0); transform: translate3d(250%, -250%, 0); }
	37.5% { -webkit-transform: translate3d(500%, 250%, 0); transform: translate3d(500%, 250%, 0); }
	50% { -webkit-transform: translate3d(500%, 0, 0); transform: translate3d(500%, 0, 0); }
	100% { -webkit-transform: translate3d(0, 0, 0) scale(2); transform: translate3d(0, 0, 0) scale(2); }
}

@keyframes preloader-jump-1 {
	0% { -webkit-transform: translate3d(0, 0, 0) scale(2); transform: translate3d(0, 0, 0) scale(2); }
	12.5% { -webkit-transform: translate3d(41.66667%, -142.85714%, 0); transform: translate3d(41.66667%, -142.85714%, 0); }
	25% { -webkit-transform: translate3d(250%, -250%, 0); transform: translate3d(250%, -250%, 0); }
	37.5% { -webkit-transform: translate3d(500%, 250%, 0); transform: translate3d(500%, 250%, 0); }
	50% { -webkit-transform: translate3d(500%, 0, 0); transform: translate3d(500%, 0, 0); }
	100% { -webkit-transform: translate3d(0, 0, 0) scale(2); transform: translate3d(0, 0, 0) scale(2); }
}

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

@-webkit-keyframes preloader-jump-2 {
	0% { -webkit-transform: translate3d(250%, 0, 0); transform: translate3d(250%, 0, 0); }
	25% { -webkit-transform: translate3d(0, 0, 0) scale(2); transform: translate3d(0, 0, 0) scale(2); }
	37.5% { -webkit-transform: translate3d(41.66667%, -142.85714%, 0); transform: translate3d(41.66667%, -142.85714%, 0); }
	50% { -webkit-transform: translate3d(250%, -250%, 0); transform: translate3d(250%, -250%, 0); }
	62.5% { -webkit-transform: translate3d(500%, 250%, 0); transform: translate3d(500%, 250%, 0); }
	75% { -webkit-transform: translate3d(500%, 0, 0); transform: translate3d(500%, 0, 0); }
	100% { -webkit-transform: translate3d(250%, 0, 0); transform: translate3d(250%, 0, 0); }
}

@keyframes preloader-jump-2 {
	0% { -webkit-transform: translate3d(250%, 0, 0); transform: translate3d(250%, 0, 0); }
	25% { -webkit-transform: translate3d(0, 0, 0) scale(2); transform: translate3d(0, 0, 0) scale(2); }
	37.5% { -webkit-transform: translate3d(41.66667%, -142.85714%, 0); transform: translate3d(41.66667%, -142.85714%, 0); }
	50% { -webkit-transform: translate3d(250%, -250%, 0); transform: translate3d(250%, -250%, 0); }
	62.5% { -webkit-transform: translate3d(500%, 250%, 0); transform: translate3d(500%, 250%, 0); }
	75% { -webkit-transform: translate3d(500%, 0, 0); transform: translate3d(500%, 0, 0); }
	100% { -webkit-transform: translate3d(250%, 0, 0); transform: translate3d(250%, 0, 0); }
}

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

@-webkit-keyframes preloader-jump-3 {
	0% { -webkit-transform: translate3d(500%, 0, 0); transform: translate3d(500%, 0, 0); }
	50% { -webkit-transform: translate3d(0, 0, 0) scale(2); transform: translate3d(0, 0, 0) scale(2); }
	62.5% { -webkit-transform: translate3d(41.66667%, -142.85714%, 0); transform: translate3d(41.66667%, -142.85714%, 0); }
	75% { -webkit-transform: translate3d(250%, -250%, 0); transform: translate3d(250%, -250%, 0); }
	87.5% { -webkit-transform: translate3d(500%, 250%, 0); transform: translate3d(500%, 250%, 0); }
	100% { -webkit-transform: translate3d(500%, 0, 0); transform: translate3d(500%, 0, 0); }
}

@keyframes preloader-jump-3 {
	0% { -webkit-transform: translate3d(500%, 0, 0); transform: translate3d(500%, 0, 0); }
	50% { -webkit-transform: translate3d(0, 0, 0) scale(2); transform: translate3d(0, 0, 0) scale(2); }
	62.5% { -webkit-transform: translate3d(41.66667%, -142.85714%, 0); transform: translate3d(41.66667%, -142.85714%, 0); }
	75% { -webkit-transform: translate3d(250%, -250%, 0); transform: translate3d(250%, -250%, 0); }
	87.5% { -webkit-transform: translate3d(500%, 250%, 0); transform: translate3d(500%, 250%, 0); }
	100% { -webkit-transform: translate3d(500%, 0, 0); transform: translate3d(500%, 0, 0); }
}

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