.controll_box {
    width: 250px;
    height: 250px;
    float: left;
    margin: 5%;
    position: relative;
}


.controll_box .btn {
    width: 30%;
    height: 30%;
    text-align: center;
    font-size: 60px;
    cursor: pointer;
    position: absolute;
    line-height: 100%;
}

.controll_box .btn span.icon {
    line-height: inherit;
    display: inline-block;
    vertical-align: middle;
}

.controll_box .btn.btn-u, .controll_box .btn.btn-t {left: 35%; top: 0%;}
.controll_box .btn.btn-l, .controll_box .btn.btn-s {left: 0%; top: 35%;}
.controll_box .btn.btn-r, .controll_box .btn.btn-c {right: 0%; top: 35%;}
.controll_box .btn.btn-d, .controll_box .btn.btn-x {left: 35%; bottom: 0%;}