body,div,html{margin:0;padding:0}.box-map{margin:20px auto 0;position:relative}.box-map:after{content:".";visibility:hidden;clear:both;height:0}.ctrl-btn,.ctrl-input{margin:10px auto;text-align:center}.ctrl-btn .btn,.ctrl-input .btn{margin:5px}.map-box{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #000;float:left}.gobox{position:absolute;background:red;-webkit-transition:ease .4s;transition:ease .4s;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:10px solid #00F;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.d-0{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.d-1{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.d-2{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.d-3{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}