|
|
@@ -71,7 +71,7 @@
|
|
|
width: 100%;
|
|
|
height: 54%;
|
|
|
|
|
|
- & > img {
|
|
|
+ &>img {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
object-fit: fill;
|
|
|
@@ -98,30 +98,13 @@
|
|
|
overflow: auto;
|
|
|
font-size: 16px;
|
|
|
line-height: 24px;
|
|
|
- letter-spacing: 2px;
|
|
|
+ // letter-spacing: 2px;
|
|
|
font-weight: 400;
|
|
|
color: rgba(69, 68, 55, 1);
|
|
|
white-space: normal;
|
|
|
transition: width 0.6s ease-in-out, padding 0.86s ease-in-out, opacity 0.3s ease-in-out;
|
|
|
|
|
|
- &::before {
|
|
|
- content: '';
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- left: 0;
|
|
|
- width: 100%;
|
|
|
- height: 40%;
|
|
|
- pointer-events: none;
|
|
|
- z-index: 1;
|
|
|
- // background-image: url('../../../../../assets/sgImg/mask.png');
|
|
|
- // background-size: 100% 100%;
|
|
|
- background: linear-gradient(
|
|
|
- to top,
|
|
|
- rgba(255, 255, 255, 1),
|
|
|
- 20%,
|
|
|
- rgba(255, 255, 255, 0)
|
|
|
- );
|
|
|
- }
|
|
|
+
|
|
|
|
|
|
&::-webkit-scrollbar {
|
|
|
width: 0;
|
|
|
@@ -133,7 +116,7 @@
|
|
|
background-image: url('../../../../../assets/img/A6_policy_part_bg1.jpg');
|
|
|
background-size: #ddd6c2;
|
|
|
background-size: 100% 100%;
|
|
|
- padding-bottom: 60px;
|
|
|
+ padding-bottom: 40px;
|
|
|
|
|
|
.part1Box {
|
|
|
width: 100%;
|
|
|
@@ -180,6 +163,23 @@
|
|
|
height: fit-content;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ &::before {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 30%;
|
|
|
+ pointer-events: none;
|
|
|
+ z-index: 10;
|
|
|
+ // background-image: url('../../../../../assets/sgImg/mask.png');
|
|
|
+ // background-size: 100% 100%;
|
|
|
+ background: linear-gradient(to top,
|
|
|
+ rgba(255, 255, 255, 0.8),
|
|
|
+ 20%,
|
|
|
+ rgba(255, 255, 255, 0));
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.part2 {
|
|
|
@@ -201,7 +201,7 @@
|
|
|
justify-content: space-between;
|
|
|
text-align: center;
|
|
|
|
|
|
- & > img {
|
|
|
+ &>img {
|
|
|
height: 78%;
|
|
|
max-width: 50%;
|
|
|
object-fit: contain;
|
|
|
@@ -261,7 +261,7 @@
|
|
|
position: relative;
|
|
|
font-size: 15px;
|
|
|
|
|
|
- & > img {
|
|
|
+ &>img {
|
|
|
position: absolute;
|
|
|
top: 50%;
|
|
|
left: 50%;
|
|
|
@@ -289,13 +289,14 @@
|
|
|
|
|
|
.desc {
|
|
|
letter-spacing: 0px;
|
|
|
- line-height: 20px;
|
|
|
+ line-height: 18px;
|
|
|
width: 100%;
|
|
|
height: 20%;
|
|
|
white-space: normal;
|
|
|
overflow: auto;
|
|
|
text-align: justify;
|
|
|
- font-size: 15px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #454437;
|
|
|
|
|
|
&::-webkit-scrollbar {
|
|
|
width: 0;
|
|
|
@@ -343,7 +344,7 @@
|
|
|
color: #7c4b36;
|
|
|
}
|
|
|
|
|
|
- & > img {
|
|
|
+ &>img {
|
|
|
height: 24px;
|
|
|
object-fit: contain;
|
|
|
}
|
|
|
@@ -368,4 +369,4 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-}
|
|
|
+}
|