@charset "utf-8";

#logo_animate {
	position:absolute;
	width:441px;
	height:118px;
	z-index:3;
	top:0px;
	left:-3px;
	overflow: hidden;
}
#light {
	position:absolute;
	width:137px;
	height:118px;
	z-index:1;
	top:0px;
}

.demo{
	-webkit-animation:demo-an 7s ease-out infinite;
	-moz-animation:demo-an 7s ease-out infinite;
	border-radius:0.1em;
	color:#fff;
	/*font:bold 4em/normal \5FAE\8F6F\96C5\9ED1,tahoma,arial,\5b8b\4f53,sans-serif;*/
	margin:0;
	-webkit-mask:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 20%) -450px 0px no-repeat content;
	-moz-mask:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,0) 20%) -450px 0px no-repeat content;
	text-align:center;
	text-shadow:1px 1px 0 #ccc;
	width:50px;
	height:50px;
}
@-webkit-keyframes demo-an{
	to{ -webkit-mask-position:450px 0; }
}

/*邊源光暈動畫*/
#long {
	position:absolute;
	width:70px;
	height:70px;
	z-index:1;
	left: 56px;
	top: 6px;
}

@-webkit-keyframes greenPulse {
  from { -webkit-box-shadow: 0 0 9px #333; }
  50% { -webkit-box-shadow: 0 0 18px #91bd09; }
  to { -webkit-box-shadow: 0 0 9px #333; }
}

.green {
  -webkit-animation-name: greenPulse;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite ;
}