@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 - 25px) !important; left: calc(100% / 2 - 115px) !important; }

.pl-antcss .loader {
	position: absolute; width: 230px; height: 50px;
	border-radius: 100%;
}

.pl-antcss .loader .bar {
	width: 25px; height: 3px;
	font-size: 0;
	box-shadow: 0 0 3px 1px rgba(3, 169, 244, .15);
	background-color: rgba(3, 169, 244, .85);
	opacity: 0;
	-webkit-animation-duration: 2.5s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: preloader-subtleIn;
	-webkit-animation-timing-function: ease-in-out;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
}

.pl-antcss .loader .bar:nth-child(1) { -webkit-animation-delay: 0s; }
.pl-antcss .loader .bar:nth-child(2) { background-color: rgba(239, 83, 80, .85); box-shadow: 0 0 3px 1px rgba(239, 83, 80, .15); -webkit-animation-delay: .3s; }
.pl-antcss .loader .bar:nth-child(3) { background-color: rgba(255, 202, 40, .85); box-shadow: 0 0 3px 1px rgba(255, 202, 40, .15); -webkit-animation-delay: .6s; }
.pl-antcss .loader .bar:nth-child(4) { background-color: rgba(212, 225, 87, .85); box-shadow: 0 0 3px 1px rgba(212, 225, 87, .15); -webkit-animation-delay: .9s; }
.pl-antcss .loader .bar:nth-child(5) { background-color: rgba(0, 188, 212, .85); box-shadow: 0 0 3px 1px rgba(0, 188, 212, .15); -webkit-animation-delay: 1.2s; }
.pl-antcss .loader .bar:nth-child(6) { background-color: rgba(149, 117, 205, .85); box-shadow: 0 0 3px 1px rgba(149, 117, 205, .15); -webkit-animation-delay: 1.5s; }
.pl-antcss .loader .bar:nth-child(7) { background-color: rgba(189, 189, 189, .85); box-shadow: 0 0 3px 1px rgba(189, 189, 189, .15); -webkit-animation-delay: 1.8s; }
.pl-antcss .loader .bar:nth-child(8) { background-color: rgba(92, 107, 192, .85); box-shadow: 0 0 3px 1px rgba(92, 107, 192, .15); -webkit-animation-delay: 2.1s; }
.pl-antcss .loader .bar:nth-child(9) { background-color: rgba(255, 112, 67, .85); box-shadow: 0 0 3px 1px rgba(255, 112, 67, .15); -webkit-animation-delay: 2.4s; }

@-webkit-keyframes preloader-subtleIn {
	0% { opacity: 0; -moz-transform: translateY(300%); -ms-transform: translateY(300%); -webkit-transform: translateY(300%); transform: translateY(300%); }
	30% { opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
}

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

/*不支援 自選顏色*/

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

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