|
|
@@ -63,9 +63,9 @@ export default {
|
|
|
position: relative;
|
|
|
>.logo{
|
|
|
position: absolute;
|
|
|
- top: 50px;
|
|
|
- left: 68px;
|
|
|
- width: 254px;
|
|
|
+ top: 60px;
|
|
|
+ left: 70px;
|
|
|
+ width: 235px;
|
|
|
z-index: 3;
|
|
|
}
|
|
|
>.wrap{
|
|
|
@@ -80,25 +80,24 @@ export default {
|
|
|
background-position: center center;
|
|
|
>.title{
|
|
|
position: absolute;
|
|
|
- top: calc(169 / 1080 * 100vh);
|
|
|
- left: 167px;
|
|
|
- height: calc(469 / 1080 * 100vh);
|
|
|
+ top: calc(82 / 1080 * 100vh);
|
|
|
+ right: 202px;
|
|
|
+ height: calc(649 / 1080 * 100vh);
|
|
|
}
|
|
|
>.title-en{
|
|
|
position: absolute;
|
|
|
- bottom: calc(82/ 1080 * 100vh);
|
|
|
- left: 68px;
|
|
|
- height: calc(324 / 1080 * 100vh);
|
|
|
+ bottom: calc(100/ 1080 * 100vh);
|
|
|
+ left: 70px;
|
|
|
+ height: calc(277 / 1080 * 100vh);
|
|
|
}
|
|
|
>button.begin{
|
|
|
position: absolute;
|
|
|
- bottom: 60px;
|
|
|
- left: 50%;
|
|
|
- transform: translateX(-50%);
|
|
|
- width: 167px;
|
|
|
- height: 167px;
|
|
|
+ bottom: calc(172/ 1080 * 100vh);
|
|
|
+ right: 297px;
|
|
|
+ height: calc(221 / 1080 * 100vh);
|
|
|
+ width: 86px;
|
|
|
background-image: url(@/assets/images/btn-start.png);
|
|
|
- background-size: cover;
|
|
|
+ background-size: contain;
|
|
|
background-repeat: no-repeat;
|
|
|
background-position: center center;
|
|
|
}
|