.layout-outline { position: relative; width: 100%; height: 19.2rem; padding: 1.5rem 0 0.5rem; } .layout-area { position: absolute; left: 0; top: 1.74rem; width: 100%; height: 17.2rem; background: url(../assets/images/bg_world_map.png); background-repeat: no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; -o-background-size: 100% 100%; background-position: center 0; } .six-outline { width: 100%; height: 100%; position: relative; } .six-shape-0 { position: absolute; top: 6.2rem; left: 17rem; } .six-shape-1 { position: absolute; top: 3.8rem; left: 12.6rem; } .six-shape-2 { position: absolute; top: 3.8rem; right: 12.6rem; } .six-shape-3 { position: absolute; bottom: 4.56rem; left: 12.6rem; } .six-shape-4 { position: absolute; bottom: 4.56rem; right: 12.6rem; } .six-shape-5 { position: absolute; bottom: 2.1rem; left: 16.86rem; } .six-shape-6 { position: absolute; top: 1.58rem; left: 17rem; } .six-shape-7 { position: absolute; top: 3.8rem; left: 4.28rem; } .six-shape-8 { position: absolute; bottom: 4.56rem; left: 4.28rem; } .six-shape-9 { position: absolute; top: 1.58rem; left: 8.46rem; } .six-shape-10 { position: absolute; top: 6.2rem; left: 8.46rem; } .six-shape-11 { position: absolute; bottom: 2.1rem; left: 8.46rem; } .six-shape-12 { position: absolute; top: 1.58rem; right: 8.46rem; } .six-shape-13 { position: absolute; top: 6.2rem; right: 8.46rem; } .six-shape-14 { position: absolute; bottom: 2.1rem; right: 8.46rem; } .six-shape-15 { position: absolute; top: 3.8rem; right: 4.28rem; } .six-shape-16 { position: absolute; bottom: 4.56rem; right: 4.28rem; } .six-shape-17 { position: absolute; top: 6.2rem; left: 0; } .six-shape-18 { position: absolute; top: 6.2rem; right: 0; }