@import url('record.css');
.section-record2{ 
    margin-top: var(--sectionpd);
    padding: 0 var(--sectionper);
    position: relative;
}
.section-record2-2,.section-record3-2{  padding: 0 var(--sectionper);  position: relative;}
/*
section-record3
*/
.section-record3{
    position: relative;
    padding: var(--sectionpd)  var(--sectionper);
    padding-bottom: 30px;
    background-image: linear-gradient(to bottom, rgba(120,121,128,0) 0%,rgba(36,36,36,0.8) 40%),linear-gradient(to bottom, rgba(120, 121, 128,1) 0%,rgba(120, 121, 128,0.68) 30%,rgba(79,80,83,0) 50%), url(../img/record/record1/bg-section3.jpg);
    background-repeat:no-repeat ;
    background-position:center top;
    background-size:cover;
}
.article-31{
    /* margin-top: var(--rowpd); */
    margin-top: 35%;
    position: relative;
   }
.bg-circledot{
    position: absolute;
    width: 50%;
    margin-left: -30%;
    margin-bottom: -40%;
    z-index: 3;
}
.section-record3 .picnote{
    display: none;
}
@media screen and (min-width: 768px) {
    .article-31{
        margin-top: 35%;
       }
       .section-record3 .picnote{
        display: block;
    }
}
/*
section-record4
*/
.section-record4{
     padding: var(--sectionpd)  0;
    background-image: url(../img/all/footer_Maskgroup2.svg);
    background-position: right calc( var(--sectionpd) + 130px);
    background-repeat:no-repeat ;
    background-size:auto 90px ;}
.article4-1{
    margin-left: 0%;
    padding:0  var(--sectionper);
}
.pageborder-s4{
    margin-top: -1%;
}
.article4-2{
    padding-bottom: 5%;
}
.figure4-2{
    position: relative;
    z-index: 2;
    padding:0  calc(var(--sectionper) + 30px);
    margin-top: -10%;
}
@media screen and (min-width: 950px) {
    .article4-1{
        margin-left: 20%;
    }
    .pageborder-s4{
        margin-top: -3%;
    }
    .article4-2{
        width: 80%;       
   }
   
}
/*
section-record5
*/
.section-record5{
    padding:0 var(--sectionper) var(--sectionpd) var(--sectionper);
    position: relative;
}
.figure-5{
    margin:0  var(--sectionper);
}

@media screen and (min-width: 768px) {
    .figure-5{
        margin:0px;
    }
    .section-record5{
        padding:0 0 var(--sectionpd) var(--sectionper);
    }
    .figure-5 .img-mask{ opacity: 1;
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 80%,rgba(33,69,146,0.65) 100%);
    }
}