#app{
    width: 100%;
margin: 0 auto;
}

.page-wrapper{
    opacity: 0;
transition: all 1s;
}

.page-wrapper.show{
    opacity:1;
}

#app .page-router-wrapper{
    max-width: 1920px;
margin: 0 auto;
}

.page-router-wrapper{
    min-height: 400px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.home-page-wrapper .module-homeTopKeyVisualData{
    margin-bottom: 70px;
}

.module-homeTopKeyVisualData{
    position: relative;
}

.module-homeTopKeyVisualData .content-wrapper.desktop{
    height: 100vh;
}

.module-homeTopKeyVisualData .content-wrapper{
    overflow: hidden;
    display: block;
    position: relative;
    background-color: rgba(8,27,42,.3);
}

.module-homeTopKeyVisualData .content-wrapper .autoplay-container{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.module-homeTopKeyVisualData .content-wrapper .autoplay-container img{
    height: 100vh;
    width: 100%;
}

.module-homeTopKeyVisualData .content-wrapper .content-area{
    width: 90%;
padding-top: 70vh;
padding-left: 210px;
padding-bottom: 383px;
background-color: transparent;
position: absolute;
z-index: 1;
}

.module-homeTopKeyVisualData .content-wrapper .content-area .section-title{
    color: #fff;
font-size: 20px;
line-height: 30px;
margin-bottom: 10px;
text-shadow: 0 2px 15px rgba(8,27,42,.8);
}

.module-homeTopKeyVisualData .content-wrapper .content-area .title{
    color: #fff;
font-size: 50px;
line-height: 50px;
font-weight: 700;
margin-bottom: 10px;
text-shadow: 0 3px 25px rgba(8,27,42,.8);
}

.module-homeTopKeyVisualData .content-wrapper .content-area .summary{
    font-size: 24px;
color: #fff;
line-height: 30px;
text-shadow: 0 2px 15px rgba(8,27,42,.8);
}

/* @media only screen and (max-width: 1533px){
    .module-homeTopKeyVisualData .content-wrapper .autoplay-container img{
        width:auto;
        height:100%;
    }
    
} */

@media only screen and (max-width: 1440px){
    .module-homeTopKeyVisualData .content-wrapper .content-area{
        padding-left: 100px;
    }
    
}

@media only screen and (max-width: 991px){
    /* .module-homeTopKeyVisualData .content-wrapper.desktop{
        height:70%
    } */

    .module-homeTopKeyVisualData .content-wrapper .content-area{
        padding-top:300px !important;
        padding-left: 20px !important;

    }

    .module-homeTopKeyVisualData .content-wrapper.desktop{
        height: 470px;
    }

    .module-homeTopKeyVisualData .content-wrapper .autoplay-container img{
        height: 470px !important;
    }

    .module-homeTopKeyVisualData .content-wrapper .content-area .title{

    font-size: 40px;
    line-height:50px

    }
}


@media only screen and (max-width: 768px){
    .module-homeTopKeyVisualData .content-wrapper .content-area{
        width: 100%;

        padding: 300px 20px !important;

    }

    .module-homeTopKeyVisualData .content-wrapper .autoplay-container img{
height: 500px !important;
    }

    .module-homeTopKeyVisualData .content-wrapper.desktop{
        height: 500px;


    }

    .module-homeTopKeyVisualData .content-wrapper .content-area .title{
        font-size: 32px;
    }

    .module-homeTopKeyVisualData .content-wrapper .content-area .summary{
        font-size: 22px;
    }

}


@media only screen and (max-width: 648px){
    .module-homeTopKeyVisualData .content-wrapper .content-area{
        width: 100%;

        padding: 250px 20px !important;

    }

    .module-homeTopKeyVisualData .content-wrapper .autoplay-container img{
height: 400px !important;
    }

    .module-homeTopKeyVisualData .content-wrapper.desktop{
        height: 400px;


    }

    .module-homeTopKeyVisualData .content-wrapper .content-area .title{
        font-size: 20px;
        line-height: 28px;
    }

    .module-homeTopKeyVisualData .content-wrapper .content-area .summary{
        font-size: 16px;
    }

}