*{margin:0px; padding: 0px;}



.qrBlock{width: 30%; margin: 10% auto; text-align:center;}
.qr{width: 100%;}
.qr img{width:100%; }



.selection, .controlBlock{ width: 80%; margin: 10% auto; text-align:center; }
.selectedItem{ width: 10%; display: inline-block; margin: 2%; padding: 5%; border: solid 3px #fff; }
.selectedItem.sel{ border:solid 3px #ff0000; }


.controlBlock{ }
.controlItem{ width: 40%; padding: 2%; margin: 2%; cursor: pointer; display: inline-block; border: solid 3px #999;  height: 20%;  }
.controlItem.sel{border: solid 3px #0000ff; }
.controlItem.fade{opacity: 0.5;}