@-webkit-keyframes line01 {
  from {
	opacity:1;
    width:1px;
	height:0;
    top:0;
	left:0;
  }
  33% {
    width:1px;
	height:8%;
    top:21%;
	left:33%;
  }
  66% {
    width:1px;
	height:16%;
    top:42%;
	left:66%;
  }
  to {
	opacity:1;
    width:1px;
	height:25%;
    top:65%;
	left:100%;
  }
}

@keyframes line01 {
  from {
	opacity:1;
    width:1px;
	height:0;
    top:0;
	left:0;
  }
  33% {
    width:1px;
	height:8%;
    top:21%;
	left:33%;
  }
  66% {
    width:1px;
	height:16%;
    top:42%;
	left:66%;
  }
  to {
	opacity:1;
    width:1px;
	height:25%;
    top:65%;
	left:100%;
  }
}
@-webkit-keyframes line02 {
  from {
	opacity:1;
    width:1px;
	height:0;
    bottom:0;
	left:0;
  }
  33% {
    width:1px;
	height:6%;
    bottom:21%;
	left:33%;
  }
  66% {
    width:1px;
	height:16%;
    bottom:42%;
	left:66%;
  }
  to{
	opacity:1;
    width:1px;
	height:25%;
    bottom:65%;
	left:100%;
  }
}

@keyframes line02 {
  from {
	opacity:1;
    width:1px;
	height:0;
    bottom:0;
	left:0;
  }
  33% {
    width:1px;
	height:6%;
    bottom:21%;
	left:33%;
  }
  66% {
    width:1px;
	height:16%;
    bottom:42%;
	left:66%;
  }
  to{
	opacity:1;
    width:1px;
	height:25%;
    bottom:65%;
	left:100%;
  }
}

@-webkit-keyframes line03 {
  from {
	opacity:1;
    width:1px;
	height:0;
    top:0;
	right:0;
  }
  33% {
    width:1px;
	height:8%;
    top:21%;
	right:33%;
  }
  66% {
    width:1px;
	height:16%;
    top:42%;
	right:66%;
  }
  to {
	opacity:1;
    width:1px;
	height:25%;
    top:65%;
	right:100%;
  }
}

@keyframes line03 {
  from {
	opacity:1;
    width:1px;
	height:0;
    top:0;
	right:0;
  }
  33% {
    width:1px;
	height:8%;
    top:21%;
	right:33%;
  }
  66% {
    width:1px;
	height:16%;
    top:42%;
	right:66%;
  }
  to {
	opacity:1;
    width:1px;
	height:25%;
    top:65%;
	right:100%;
  }
}
@-webkit-keyframes line04 {
  from {
	opacity:1;
    width:1px;
	height:0;
    bottom:0;
	right:0;
  }
  33% {
    width:1px;
	height:8%;
    bottom:21%;
	right:33%;
  }
  66% {
    width:1px;
	height:16%;
    bottom:42%;
	right:66%;
  }
  to {
	opacity:1;
    width:1px;
	height:25%;
    bottom:65%;
	right:100%;
  }
}

@keyframes line04 {
 from {
	opacity:1;
    width:1px;
	height:0;
    bottom:0;
	right:0;
  }
  33% {
    width:1px;
	height:8%;
    bottom:21%;
	right:33%;
  }
  66% {
    width:1px;
	height:16%;
    bottom:42%;
	right:66%;
  }
  to {
	opacity:1;
    width:1px;
	height:25%;
    bottom:65%;
	right:100%;
  }
}

@-webkit-keyframes line05 {
 from {
	opacity:1;
    width:0;
	height:0;
	left:0;
    top:0;
  }
  33% {
    width:8%;
	height:1px;
    left:25%;
	top:30%;
  }
  66% {  
    width:16%;
	height:1px;
    left:50%;
	top:60%;
  }
  to {
    width:25%;
	height:1px;
    left:76%;
	top:90%;
	opacity:1;
  }
}

@keyframes line05 {
   from {
	opacity:1;
    width:0;
	height:0;
	left:0;
    top:0;
  }
  33% {
    width:8%;
	height:1px;
    left:25%;
	top:30%;
  }
  66% {  
    width:16%;
	height:1px;
    left:50%;
	top:60%;
  }
  to {
    width:25%;
	height:1px;
    left:76%;
	top:90%;
	opacity:1;
  }
}
@-webkit-keyframes line06 {
  from {
	opacity:1;
    width:0;
	height:0;
	left:0;
    bottom:0;
  }
  33% {
    width:8%;
	height:1px;
    left:25%;
	bottom:33%;
  }
  66% {  
    width:16%;
	height:1px;
    left:50%;
	bottom:66%;
  }
  to {
    width:25%;
	height:1px;
    left:76%;
	bottom:89%;
	opacity:1;
  }
}

@keyframes line06 {
   from {
	opacity:1;
    width:0;
	height:0;
	left:0;
    bottom:0;
  }
  33% {
    width:8%;
	height:1px;
    left:25%;
	bottom:33%;
  }
  66% {  
    width:16%;
	height:1px;
    left:50%;
	bottom:66%;
  }
  to {
    width:25%;
	height:1px;
    left:76%;
	bottom:89%;
	opacity:1;
  }
}
@-webkit-keyframes line07 {
  from {
	opacity:1;
    width:0;
	height:0;
	right:0;
    top:0;
  }
  33% {
    width:8%;
	height:1px;
    right:25%;
	top:33%;
  }
  66% {  
    width:16%;
	height:1px;
    right:50%;
	top:66%;
  }
  to {
    width:25%;
	height:1px;
    right:76%;
	top:89%;
	opacity:1;
  }
}

@keyframes line07 {
    from {
	opacity:1;
    width:0;
	height:0;
	right:0;
    top:0;
  }
  33% {
    width:8%;
	height:1px;
    right:25%;
	top:33%;
  }
  66% {  
    width:16%;
	height:1px;
    right:50%;
	top:66%;
  }
  to {
    width:25%;
	height:1px;
    right:76%;
	top:89%;
	opacity:1;
  }
}
@-webkit-keyframes line08 {
  from {
	opacity:1;
    width:0;
	height:0;
	right:0;
    bottom:0;
  }
  33% {
    width:8%;
	height:1px;
    right:25%;
	bottom:33%;
  }
  66% {  
    width:16%;
	height:1px;
    right:50%;
	bottom:66%;
  }
  to {
    width:25%;
	height:1px;
    right:76%;
	bottom:89%;
	opacity:1;
  }
}

@keyframes line08 {
   from {
	opacity:1;
    width:0;
	height:0;
	right:0;
    bottom:0;
  }
  33% {
    width:8%;
	height:1px;
    right:25%;
	bottom:33%;
  }
  66% {  
    width:16%;
	height:1px;
    right:50%;
	bottom:66%;
  }
  to {
    width:25%;
	height:1px;
    right:76%;
	bottom:89%;
	opacity:1;
  }
}