@charset "UTF-8";body{font-family:'微軟正黑體','新細明體','標楷體',sans-serif;color:#f2f2f2}#menu li{display:inline-block;margin:10px;width:85px;height:85px;color:#000;background:#fff;background:rgba(255,255,255,.5);border-radius:350px;font-size:3em;float:left}#menu li.active{background:#666;background:rgba(0,0,0,.5);color:#fff;border:solid 2px #fff}#menu li a{vertical-align:middle;text-align:center;text-decoration:none;color:#000;line-height:1.5}#menu li.active a:hover{color:#000}#menu li:hover{background:rgba(255,255,255,.8)}#menu li a,#menu li.active a{padding:9px 18px;display:block}#menu li.active a{color:#fff}#menu{position:fixed;top:0;left:0;height:40px;z-index:70;width:100%;padding:0;margin:0}.intro p{width:50%;margin:0 auto;font-size:1.5em}.twitter-share-button{position:fixed;z-index:99;right:149px;top:9px}#download{margin:10px 0 0;padding:15px 10px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#49afcd;background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(top,#5bc0de,#2f96b4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0,0,0,.1)rgba(0,0,0,.1)rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);border-radius:6px;vertical-align:middle;cursor:pointer;display:inline-block;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}#download a{text-decoration:none;color:#fff}#download:hover{text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#2F96B4;background-position:0 -15px;-webkit-transition:background-position .1s linear;transition:background-position .1s linear}#infoMenu{height:20px;color:#f2f2f2;position:fixed;z-index:70;bottom:0;width:100%;text-align:right;font-size:.9em;padding:8px 0}#infoMenu ul{padding:0 40px}#infoMenu li a{display:block;margin:0 22px 0 0;color:#333}#infoMenu li a:hover{text-decoration:underline}#infoMenu li{display:inline-block;position:relative}#examplesList{display:none;background:#282828;border-radius:6px;padding:20px;float:left;position:absolute;bottom:29px;right:0;width:638px;text-align:left}#examplesList ul{padding:0}#examplesList ul li{display:block;margin:5px 0}#examplesList ul li a{color:#BDBDBD;margin:0}#examplesList ul li a:hover{color:#f2f2f2}#examplesList .column{float:left;margin:0 20px 0 0}#examplesList h3{color:#f2f2f2;font-size:1.2em;margin:0 0 15px;border-bottom:1px solid rgba(0,0,0,.4);box-shadow:0 1px 0 rgba(255,255,255,.1);padding:0 0 5px}