@charset "utf-8";
span.required {
 background: #f5a924;
 font-size:90%;
 color: #FFF;
 padding:.5em 1em;
 line-height:1;
 position:absolute;
 right:0;
 }

 span.error_blank,
 span.error_format,
 pan.error_match { display: block; color: #ff0000; margin-top: 3px;}

span.loading {
 width: 50px;
 height: 50px;
 border-radius: 50%;
 border-top: 5px solid rgba( 255, 255, 255, 0.2 );
 border-right: 5px solid rgba( 255, 255, 255, 0.2 );
 border-bottom: 5px solid rgba( 255, 255, 255, 0.2 );
 border-left: 5px solid #ffffff;
 -webkit-transform: translateZ( 0 ); -ms-transform: translateZ( 0 ); transform: translateZ( 0 );
 -webkit-animation: load-circle 1.0s linear infinite; animation: load-circle 1.0s linear infinite;
 position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px;}

@-webkit-keyframes load-circle {
 0% { -webkit-transform: rotate( 0deg ); transform: rotate( 0deg ); }
 100% { -webkit-transform: rotate( 360deg ); transform: rotate( 360deg ); }
}

@keyframes load-circle {
 0% { -webkit-transform: rotate( 0deg ); transform: rotate( 0deg ); }
 100% { -webkit-transform: rotate( 360deg ); transform: rotate( 360deg ); }
}