@charset "UTF-8";
/* 
CSS By Away
http://www.dfuns.idv.tw
 */
 


.navi{
	/*border:solid 1px #333;
	border-radius:10px;*/
	padding:7px 0; 
	overflow:hidden; 
	box-shadow:0 0 5px #103f8b;
	/*background-color: hsla( 200, 100%, 20%, 1);*/
	background-image: -moz-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 0%, 100%, 0) 20px);
	background-image: -webkit-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 0%, 100%, 0) 20px);
	background-image: -o-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 0%, 100%, 0) 20px);
	background-image: -ms-linear-gradient(hsla( 0, 0%, 100%,.5), hsla( 0, 0%, 100%, 0) 20px);}
.navi li{ height:25px; float:left; list-style:none; padding: 0 10px; margin-left:-1px; border-left: dotted 1px #999;}
.navi li a{
	display:block; color:#FFF; text-align:center; text-decoration:none; padding:5px; letter-spacing:.1em; text-shadow:0 0 3px #FFF; font:15px/1em Arial, Helvetica, sans-serif;
	-moz-transition:margin-top .5s ease-out;
	-webkit-transition:margin-top .5s ease-out;
	-o-transition:margin-top .5s ease-out;
	-ms-transition:margin-top .5s ease-out;
}
.navi li a:hover{ margin-top:-41px;}
.navi li:nth-child(1) a:after, .navi li:nth-child(2) a:after, .navi li:nth-child(3) a:after,
.navi li:nth-child(4) a:after, .navi li:nth-child(5) a:after, .navi li:nth-child(6) a:after{ content: attr(title);}
.navi li a:after{ display:block; margin:28px 0; color:#63beff; }