@charset "UTF-8";/* CSS Document */.cssplayNav {padding:0; margin:-30px auto 25px auto; list-style:none; height:25px; width:408px; overflow:hidden;border-top:1px solid #ccc; border-bottom:1px solid #ccc;}.cssplayNav li {float:left;}.cssplayNav li a {display:block; float:left; width:100px; line-height:25px; text-align:center; font-family:arial, sans-serif; font-size:13px; text-decoration:none; font-weight:bold; border-right:1px solid #333; border-left:1px solid #ccc;-moz-transition: 0.25s;-ms-transition: 0.25s;-o-transition: 0.25s;-webkit-transition: 0.25s;transition: 0.25s;}.cssplayNav li a b {display:block; width:0; height:0; border-left:50px solid #00476d; border-right:50px solid #00476d; border-bottom:20px solid #80b048; overflow:hidden;}.cssplayNav li a:before {content: attr(rel); background:#00476d; color:#fff; display:block; width:100px; height:50px; text-align:center;background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255,0.4), rgba(255, 255, 255,0));background-image: -webkit-linear-gradient(-90deg, rgba(255, 255, 255,0.4), rgba(255, 255, 255,0));background-image: -ms-linear-gradient(-90deg, rgba(255, 255, 255,0.4), rgba(255, 255, 255,0));background-image: -o-linear-gradient(-90deg, rgba(255, 255, 255,0.4), rgba(255, 255, 255,0));background-image: linear-gradient(-90deg, rgba(255, 255, 255,0.4), rgba(255, 255, 255,0));}.cssplayNav li a:after {content: attr(rel); background:#80b048; color:#000; display:block; width:100px; height:25px; text-align:center;background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255,0.4), rgba(255, 255, 255,0));background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255,0.4), rgba(255, 255, 255,0));background-image: -ms-linear-gradient(90deg, rgba(255, 255, 255,0.4), rgba(255, 255, 255,0));background-image: -o-linear-gradient(90deg, rgba(255, 255, 255,0.4), rgba(255, 255, 255,0));background-image: linear-gradient(90deg, rgba(255, 255, 255,0.4), rgba(255, 255, 255,0));}.cssplayNav li a:hover {margin-top:-70px;}