@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 - 0px) !important; left: calc(100% / 2 - 0px) !important; }
.pl-antcss .loader { transform: translate3d(-50%, -50%, 0); }
.pl-antcss .dot {
	display: inline-block; margin: 0 5px 0 0; width: 12px; height: 12px;
	border-radius: 100%;
	background: transparent;
	-webkit-animation: preloader-slide 1.4s infinite;
	animation: preloader-slide 1.4s infinite;
}
.pl-antcss .dot div { display: inline-block; width: 100%; }
.pl-antcss .dot:nth-child(1) { animation-delay: 0.1s; background: rgba(255, 202, 40, .85); box-shadow: 0 0 3px 1px rgba(255, 202, 40, .35); }
.pl-antcss .dot:nth-child(2) { animation-delay: 0.2s; background: rgba(239, 83, 80, .85); box-shadow: 0 0 3px 1px rgba(239, 83, 80, .35); }
.pl-antcss .dot:nth-child(3) { animation-delay: 0.3s; background: rgba(156, 39, 176, .85); box-shadow: 0 0 3px 1px rgba(156, 39, 176, .35); }
.pl-antcss .dot:nth-child(4) { animation-delay: 0.4s; background: rgba(3, 169, 244, .85); box-shadow: 0 0 3px 1px rgba(3, 169, 244, .35); }
.pl-antcss .dot:nth-child(5) { animation-delay: 0.5s; background: rgba(205, 220, 57, .85); box-shadow: 0 0 3px 1px rgba(205, 220, 57, .35); }
.pl-antcss .dot:nth-child(6) { animation-delay: 0.6s; background: rgba(38, 166, 154, .85); box-shadow: 0 0 3px 1px rgba(38, 166, 154, .35); }
.pl-antcss .dot:nth-child(7) { animation-delay: 0.7s; background: rgba(121, 85, 72, .85); box-shadow: 0 0 3px 1px rgba(121, 85, 72, .35); }


@-webkit-keyframes preloader-slide {
	0% { transform: scale(1); }
	50% { opacity: 0.3; transform: scale(2); }
	100% { transform: scale(1); }
}

@keyframes preloader-slide {
	0% { transform: scale(1); }
	50% { opacity: 0.3; transform: scale(2); }
	100% { transform: scale(1); }
}

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

/*不支援 自選顏色*/

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

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