[data-v-b63f0c1c]{margin:0;padding:0}div[data-v-b63f0c1c]{width:700px;height:550px;padding:10px;border:1px solid grey}h4[data-v-b63f0c1c]{margin:10px 0 10px 10px}button[data-v-b63f0c1c]{width:120px;height:30px;margin:0 10px}div ul[data-v-b63f0c1c]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:550px;list-style:none;text-decoration:none}div ul li[data-v-b63f0c1c]{float:left;width:80px;height:80px;line-height:80px;text-align:center;border:1px solid #000}.f1-1[data-v-b63f0c1c]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.f1-2[data-v-b63f0c1c]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse nowrap;flex-flow:row-reverse nowrap}.f1-3[data-v-b63f0c1c]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.f1-4[data-v-b63f0c1c]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-flow:column-reverse nowrap;flex-flow:column-reverse nowrap}.f2-1[data-v-b63f0c1c]{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.f2-1[data-v-b63f0c1c],.f2-2[data-v-b63f0c1c]{-webkit-box-orient:horizontal;-webkit-box-direction:normal}.f2-2[data-v-b63f0c1c]{-ms-flex-flow:row wrap;flex-flow:row wrap}.f2-3[data-v-b63f0c1c]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap-reverse;flex-flow:row wrap-reverse}.f3-1[data-v-b63f0c1c]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.f3-2[data-v-b63f0c1c]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.f3-3[data-v-b63f0c1c]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.f3-4[data-v-b63f0c1c]{-ms-flex-pack:distribute;justify-content:space-around}.f3-5[data-v-b63f0c1c]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.f3-6[data-v-b63f0c1c]{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.f4-1[data-v-b63f0c1c]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.f4-2[data-v-b63f0c1c]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.f4-3[data-v-b63f0c1c]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.f4-4[data-v-b63f0c1c]{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.f4-5[data-v-b63f0c1c]{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.f5-1[data-v-b63f0c1c]{-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-line-pack:start;align-content:flex-start}.f5-1[data-v-b63f0c1c],.f5-2[data-v-b63f0c1c]{-webkit-box-orient:horizontal;-webkit-box-direction:normal}.f5-2[data-v-b63f0c1c]{-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-line-pack:end;align-content:flex-end}.f5-3[data-v-b63f0c1c]{-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-line-pack:center;align-content:center}.f5-3[data-v-b63f0c1c],.f5-4[data-v-b63f0c1c]{-webkit-box-orient:horizontal;-webkit-box-direction:normal}.f5-4[data-v-b63f0c1c]{-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-line-pack:stretch;align-content:stretch}.f5-5[data-v-b63f0c1c]{-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-line-pack:distribute;align-content:space-around}.f5-5[data-v-b63f0c1c],.f5-6[data-v-b63f0c1c]{-webkit-box-orient:horizontal;-webkit-box-direction:normal}.f5-6[data-v-b63f0c1c]{-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-line-pack:justify;align-content:space-between}.f6-1[data-v-b63f0c1c]{-webkit-box-flex:1;-ms-flex:1;flex:1}.f6-2[data-v-b63f0c1c]{-webkit-box-flex:2;-ms-flex:2;flex:2}.f6-3[data-v-b63f0c1c]{-webkit-box-flex:3;-ms-flex:3;flex:3}.f6-4[data-v-b63f0c1c]{-webkit-box-flex:4;-ms-flex:4;flex:4}