body,div,html,li,textarea,ul{margin:0;padding:0}.box-map{margin:20px;float:left;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}.ctrl-con{margin-left:500px}.ctrl-input,.my-area{margin:0 auto;text-align: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)}.ctrl-input{width:330px}.my-area{width:340px}.my-area .text-area{display:block;margin-left:40px;width:295px;height:300px;padding-left:5px;outline:0;background:#000;color:#0F0;font-size:14px;line-height:22px;resize:none;border:none;overflow-y:auto}.my-area .left-index{list-style:none;width:40px;height:300px;overflow:hidden;float:left;color:#fff;background:#BBB}.my-area .left-index li{height:22px;line-height:22px;text-align:center}.my-area .left-index .error{background:red}.my-area .left-index #curr{background:#00F}