* {padding:0; margin:0;}
body, html, canvas{  width: 100%; height: 100%; position: relative; margin: 0; padding: 0; background: #111;}
body, html { overflow: hidden; font-family:微軟正黑體,Verdana, Geneva, sans-ser; color:#9acd32;}
body>div {width: 100%; height:100%; position: absolute; z-index:100; top: 0; text-align:center; }
body>div div {width: 100%; top:30%; height: px; position: absolute; text-align:center; }
body>div div:after { content:""; width: 180px; height:180px; border: 1px solid #9acd32; display:block; position:absolute; left:50%; margin-left:-90px; top: -30px;}
body>div div:before { content:""; width: 180px; height:180px; border: 1px solid #9acd32; display:block;position:absolute;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);left:50%; margin-left:-90px;  top: -30px; }
p { letter-spacing:10px; font-size:23px; position:absolute; text-align:center; top:70%; width:100%; padding-top:15px;}