124 lines
2.1 KiB
CSS
124 lines
2.1 KiB
CSS
.footer{
|
|
width: 100%;
|
|
height: 60vh;
|
|
background: #1A2B3B;
|
|
background-image: url(../imgs/home/footerbg.png);
|
|
background-size: auto 100%;
|
|
background-position: right;
|
|
background-repeat: no-repeat;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.footer-list{
|
|
width: 90%;
|
|
height: 90%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
box-sizing: border-box;
|
|
/* margin: 0 auto; */
|
|
/* background: palegoldenrod; */
|
|
}
|
|
|
|
.footer-list-item{
|
|
width: 20vw;
|
|
height: 90%;
|
|
list-style: none;
|
|
/* background: palegoldenrod; */
|
|
text-align: center;
|
|
padding-top: 12vh;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.footer-logo{
|
|
width: 8vw;
|
|
}
|
|
|
|
.footer-list-item-text{
|
|
width: 100%;
|
|
font-size: 0.89vw;
|
|
color: rgba(255, 255, 255, 0.5);
|
|
text-align: justify;
|
|
/* padding-top: 2vh; */
|
|
box-sizing: border-box;
|
|
line-height: 3vw;
|
|
}
|
|
|
|
.item-textBOX{
|
|
padding-top: 10vh;
|
|
width: 19vw;
|
|
}
|
|
.item-nav{
|
|
color: #fff;
|
|
padding-top: 10vh;
|
|
text-align: left;
|
|
padding-left: 5vw;
|
|
}
|
|
|
|
|
|
.item-nav p:nth-of-type(1){
|
|
font-size: 1.5vw;
|
|
font-weight: 400;
|
|
|
|
|
|
}
|
|
|
|
.item-nav p:nth-of-type(2) {
|
|
font-size: 0.8vw;
|
|
color: rgba(255, 255, 255, 0.5);
|
|
|
|
}
|
|
|
|
.item-nav p:nth-of-type(3) {
|
|
font-size: 0.8vw;
|
|
color: rgba(255, 255, 255, 0.5);
|
|
|
|
}
|
|
|
|
.item-nav p:nth-of-type(2) a{
|
|
font-size: 0.8vw;
|
|
color: rgba(255, 255, 255, 0.5);
|
|
|
|
text-decoration: none;
|
|
}
|
|
|
|
.item-nav p:nth-of-type(3) a{
|
|
font-size: 0.8vw;
|
|
color: rgba(255, 255, 255, 0.5);
|
|
|
|
text-decoration: none;
|
|
}
|
|
|
|
.item-nav p a:hover{
|
|
color: #4885FD;
|
|
}
|
|
|
|
.item-nav p img{
|
|
width: 1vw;
|
|
height: auto;
|
|
margin-right: 1vw;
|
|
}
|
|
|
|
|
|
/* .footer-list-item img{
|
|
width: 100%;
|
|
height: 100%;
|
|
} */
|
|
.footer-bottom{
|
|
width: 98%;
|
|
margin: 0 auto;
|
|
padding: 0vw 3vw;
|
|
text-align: right;
|
|
color: rgba(255, 255, 255, 0.7);
|
|
font-size: 0.8vw;
|
|
box-sizing: border-box;
|
|
height: 4vh;
|
|
}
|
|
|
|
.footer-bottom .record{
|
|
color: rgba(255, 255, 255, 0.7);
|
|
}
|
|
|
|
.footer-bottom .record:hover{
|
|
color: #00A0D2;
|
|
} |