@charset "utf-8";
/*============================================================================*/
.pl-antcss { position: fixed; top: calc(100% / 2 - 20px) !important; left: calc(100% / 2 - 20px) !important; width: 40px; height: 40px; }

.pl-antcss .double-bounce1,
.pl-antcss .double-bounce2 {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	border-radius: 50%;
	opacity: .6;
	
	box-shadow: 0 0 2px 2px rgba(255, 255, 255, .5), 0 0 12px 0 rgba(0, 0, 0, .85); background-color: rgba(0, 0, 0, .85); /*預設 黑*/
	
	-webkit-animation: preloader-bounce 2s infinite ease-in-out;
	animation: preloader-bounce 2s infinite ease-in-out;
}
/*----------------------------------------------------------------------------*/

/*紅*/
.pl-antcss.red .double-bounce1,
.pl-antcss.red .double-bounce2 { box-shadow: 0 0 2px 2px rgba(255, 255, 255, .5), 0 0 12px 0 rgba(229, 57, 53, .85); background-color: rgba(229, 57, 53, .85); }

/*粉*/
.pl-antcss.pink .double-bounce1,
.pl-antcss.pink .double-bounce2 { box-shadow: 0 0 2px 2px rgba(255, 255, 255, .5), 0 0 12px 0 rgba(255, 150, 220, .85); background-color: rgba(255, 150, 220, .85); }

/*紫*/
.pl-antcss.purple .double-bounce1,
.pl-antcss.purple .double-bounce2 { box-shadow: 0 0 2px 2px rgba(255, 255, 255, .5), 0 0 12px 0 rgba(156, 39, 176, .85); background-color: rgba(156, 39, 176, .85); }

/*深紫*/
.pl-antcss.deeppurple .double-bounce1,
.pl-antcss.deeppurple .double-bounce2 { box-shadow: 0 0 2px 2px rgba(255, 255, 255, .5), 0 0 12px 0 rgba(103, 58, 183, .85); background-color: rgba(103, 58, 183, .85); }

/*靛青*/
.pl-antcss.indigo .double-bounce1,
.pl-antcss.indigo .double-bounce2 { box-shadow: 0 0 2px 2px rgba(255, 255, 255, .5), 0 0 12px 0 rgba(63, 81, 181, .85); background-color: rgba(63, 81, 181, .85); }

/*藍*/
.pl-antcss.blue .double-bounce1,
.pl-antcss.blue .double-bounce2 { box-shadow: 0 0 2px 2px rgba(255, 255, 255, .5), 0 0 12px 0 rgba(21, 101, 192, .85); background-color: rgba(21, 101, 192, .85); }

/*淺藍*/
.pl-antcss.lightblue .double-bounce1,
.pl-antcss.lightblue .double-bounce2 { box-shadow: 0 0 2px 2px rgba(255, 255, 255, .5), 0 0 12px 0 rgba(3, 169, 244, .85); background-color: rgba(3, 169, 244, .85); }

/*青色*/
.pl-antcss.cyan .double-bounce1,
.pl-antcss.cyan .double-bounce2 { box-shadow: 0 0 2px 2px rgba(255, 255, 255, .5), 0 0 12px 0 rgba(0, 188, 212, .85); background-color: rgba(0, 188, 212, .85); }

/*藍綠色*/
.pl-antcss.teal .double-bounce1,
.pl-antcss.teal .double-bounce2 { box-shadow: 0 0 2px 2px rgba(255, 255, 255, .5), 0 0 12px 0 rgba(0, 150, 136, .85); background-color: rgba(0, 150, 136, .85); }

/*綠*/
.pl-antcss.green .double-bounce1,
.pl-antcss.green .double-bounce2 { box-shadow: 0 0 2px 2px rgba(255, 255, 255, .5), 0 0 12px 0 rgba(76, 175, 80, .85); background-color: rgba(76, 175, 80, .85); }

/*淺綠*/
.pl-antcss.lightgreen .double-bounce1,
.pl-antcss.lightgreen .double-bounce2 { box-shadow: 0 0 2px 2px rgba(255, 255, 255, .5), 0 0 12px 0 rgba(139, 195, 74, .85); background-color: rgba(139, 195, 74, .85); }

/*檸檬綠*/
.pl-antcss.lime .double-bounce1,
.pl-antcss.lime .double-bounce2 { box-shadow: 0 0 2px 2px rgba(255, 255, 255, .5), 0 0 12px 0 rgba(205, 220, 57, .85); background-color: rgba(205, 220, 57, .85); }

/*黃色*/
.pl-antcss.yellow .double-bounce1,
.pl-antcss.yellow .double-bounce2 { box-shadow: 0 0 2px 2px rgba(255, 255, 255, .5), 0 0 12px 0 rgba(255, 235, 59, .85); background-color: rgba(255, 235, 59, .85); }

/*琥珀色*/
.pl-antcss.amber .double-bounce1,
.pl-antcss.amber .double-bounce2 { box-shadow: 0 0 2px 2px rgba(255, 255, 255, .5), 0 0 12px 0 rgba(255, 193, 7, .85); background-color: rgba(255, 193, 7, .85); }

/*橙色*/
.pl-antcss.orange .double-bounce1,
.pl-antcss.orange .double-bounce2 { box-shadow: 0 0 2px 2px rgba(255, 255, 255, .5), 0 0 12px 0 rgba(255, 152, 0, .85); background-color: rgba(255, 152, 0, .85); }

/*深橙*/
.pl-antcss.deeporange .double-bounce1,
.pl-antcss.deeporange .double-bounce2 { box-shadow: 0 0 2px 2px rgba(255, 255, 255, .5), 0 0 12px 0 rgba(255, 87, 34, .85); background-color: rgba(255, 87, 34, .85); }

/*棕色*/
.pl-antcss.brown .double-bounce1,
.pl-antcss.brown .double-bounce2 { box-shadow: 0 0 2px 2px rgba(255, 255, 255, .5), 0 0 12px 0 rgba(121, 85, 72, .85); background-color: rgba(121, 85, 72, .85); }

/*灰色*/
.pl-antcss.grey .double-bounce1,
.pl-antcss.grey .double-bounce2 { box-shadow: 0 0 2px 2px rgba(255, 255, 255, .5), 0 0 12px 0 rgba(158, 158, 158, .85); background-color: rgba(158, 158, 158, .85); }

/*灰藍*/
.pl-antcss.bluegrey .double-bounce1,
.pl-antcss.bluegrey .double-bounce2 { box-shadow: 0 0 2px 2px rgba(255, 255, 255, .5), 0 0 12px 0 rgba(96, 125, 139, .85); background-color: rgba(96, 125, 139, .85); }


.pl-antcss.white .double-bounce1,
.pl-antcss.white .double-bounce2 { box-shadow: 0 0 2px 2px rgba(255, 255, 255, .5), 0 0 12px 0 rgba(255, 255, 255, .85); background-color: rgba(255, 255, 255, .85); }

.pl-antcss.black .double-bounce1,
.pl-antcss.black .double-bounce2 { box-shadow: 0 0 2px 2px rgba(0, 0, 0, .5), 0 0 12px 0 rgba(0, 0, 0, .85); background-color: rgba(0, 0, 0, .85); }


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

.pl-antcss .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }

@-webkit-keyframes preloader-bounce {
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}

@keyframes preloader-bounce {
	0%, 100% { 
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	} 50% { 
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}
/*============================================================================*/