170 lines
2.7 KiB
CSS
170 lines
2.7 KiB
CSS
.page {
|
|
position: relative;
|
|
width: 100vw;
|
|
height: 56.25vw;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.block_1 {
|
|
height: 56.25vw;
|
|
background: url(./img/997214e1a0a985bf61478bceec7f9889.png)
|
|
100% no-repeat;
|
|
background-size: 100% 100%;
|
|
width: 100vw;
|
|
}
|
|
|
|
.block_2 {
|
|
height: 56.25vw;
|
|
background: url(./img/aa106e7a62423d10446f89d4675ac8e0.png)
|
|
100% no-repeat;
|
|
background-size: 100% 100%;
|
|
width: 100vw;
|
|
position: relative;
|
|
}
|
|
|
|
.box_1 {
|
|
height: 47.5vw;
|
|
background: url(./img/3c6ca594aecab281e1e29ca4726dcd73.png)
|
|
100% no-repeat;
|
|
background-size: 100% 100%;
|
|
width: 82.04vw;
|
|
position: relative;
|
|
margin: 1.48vw 0 0 10.62vw;
|
|
}
|
|
|
|
.image-wrapper_1 {
|
|
width: 64.15vw;
|
|
height: 5.79vw;
|
|
margin: 4.84vw 0 0 10.31vw;
|
|
}
|
|
|
|
.image_1 {
|
|
width: 5.08vw;
|
|
height: 5.08vw;
|
|
margin-top: 0.71vw;
|
|
}
|
|
|
|
.image_2 {
|
|
width: 5.08vw;
|
|
height: 5.08vw;
|
|
margin: 0.7vw 0 0 1.56vw;
|
|
}
|
|
|
|
.image_3 {
|
|
width: 5.08vw;
|
|
height: 5.08vw;
|
|
margin-left: 47.35vw;
|
|
}
|
|
|
|
.text-wrapper_1 {
|
|
width: 34.54vw;
|
|
height: 2.19vw;
|
|
margin: 0.39vw 0 0 22.1vw;
|
|
}
|
|
|
|
.text_1 {
|
|
width: 34.54vw;
|
|
height: 2.19vw;
|
|
-webkit-text-stroke: 1px rgba(13, 79, 69, 1);
|
|
overflow-wrap: break-word;
|
|
color: rgba(222, 253, 186, 1);
|
|
font-size: 2.03vw;
|
|
font-family: Adobe Heiti Std R;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 2.04vw;
|
|
}
|
|
|
|
.box_2 {
|
|
width: 47.19vw;
|
|
height: 18.91vw;
|
|
margin: 6.71vw 0 8.67vw 10vw;
|
|
}
|
|
|
|
.image_4 {
|
|
width: 15.63vw;
|
|
height: 15.63vw;
|
|
}
|
|
|
|
.group_1 {
|
|
position: relative;
|
|
width: 15.63vw;
|
|
height: 15.63vw;
|
|
background: url(./img/51545197e304e8b2d06b8f531c5292a6.png)
|
|
100% no-repeat;
|
|
background-size: 100% 100%;
|
|
margin-top: 3.29vw;
|
|
}
|
|
|
|
.image_5 {
|
|
position: absolute;
|
|
left: 9.85vw;
|
|
top: 6.02vw;
|
|
width: 15.63vw;
|
|
height: 15.63vw;
|
|
}
|
|
|
|
.group_2 {
|
|
position: absolute;
|
|
left: -17.5vw;
|
|
top: 11.72vw;
|
|
width: 30.47vw;
|
|
height: 5.94vw;
|
|
background: url(./img/0fd7c7f98ad2953a9359c2b60e408e3c.png)
|
|
100% no-repeat;
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.image_6 {
|
|
width: 4.07vw;
|
|
height: 4.22vw;
|
|
margin: 0.85vw 0 0 3.67vw;
|
|
}
|
|
|
|
.text_2 {
|
|
width: 15.32vw;
|
|
height: 2.97vw;
|
|
overflow-wrap: break-word;
|
|
color: rgba(255, 245, 137, 1);
|
|
font-size: 3.75vw;
|
|
font-family: Adobe Heiti Std R;
|
|
font-weight: NaN;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
line-height: 3.75vw;
|
|
margin: 1.48vw 4.6vw 0 2.81vw;
|
|
}
|
|
|
|
.image_7 {
|
|
position: absolute;
|
|
left: 23.05vw;
|
|
top: 11.02vw;
|
|
width: 15.63vw;
|
|
height: 15.63vw;
|
|
}
|
|
|
|
.image-wrapper_2 {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 48.99vw;
|
|
width: 100vw;
|
|
height: 7.35vw;
|
|
}
|
|
|
|
.image_8 {
|
|
position: absolute;
|
|
left: 53.36vw;
|
|
top: -4.06vw;
|
|
width: 25.63vw;
|
|
height: 8.29vw;
|
|
}
|
|
|
|
.image_9 {
|
|
position: absolute;
|
|
left: 21.02vw;
|
|
top: -4.06vw;
|
|
width: 25.63vw;
|
|
height: 8.29vw;
|
|
}
|