#banner {
height: 100vh;
overflow: hidden;
position: relative;
}
#banner img {
width: 100%;
height: 100%;
object-fit: cover;
animation: zooomin 80s ease-in infinite;
transition: all 0.5 ease-in-out;
}
@keyframes zooomin {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.banner_caption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: end;
padding-bottom: 150px;
background: #00000024;
}
.caption {
color: #FFFFFF;
font-size: 52px;
font-weight: 600;
line-height: 62px;
width: 684px;
margin: 0;
}
#common_header {
padding: 170px 0px 90px;
}
.common_header_caption {
color: #000000;
font-size: 36px;
font-weight: 700;
width: 650px;
margin: 0;
letter-spacing: 0.1px;
}
.common_header {
display: flex;
align-items: end;
justify-content: space-between;
}
.common_header_right p {
margin: 0;
width: 415px;
}
#common_header_img {
height: 430px;
overflow: hidden;
}
#common_header_img img{
width: 100%;
height: 100%;
object-fit: cover;
}
#product_header {
padding: 170px 0px 70px;
}
#common_page {
padding-top: 170px;
}