body:after {
    display:block;
    content:"";
    z-index:-99;
    position:fixed;
    top:50%;
    left:50%;
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    transform:translateX(-50%) translateY(-50%);
    background:rgba(0,0,0,0.4);
}
/* 
Style the video: 100% width and height to cover the entire window */
#myVideo {
    z-index:-100;
    position:fixed;
    top:6rem;
    left:50%;
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    transform:translateX(-50%);
    background-color:#000;
}

@media (min-aspect-ratio: 16/9)
{
	video#myVideo {width:100%;}	
}
@media (max-aspect-ratio: 16/9)
{
	video#myVideo {height:100%;}	
}

@media (max-width:1024px) {
    video#myVideo {
        display:none;
    }
}

main#main {

}

main#main .mbody {
    margin-top:10rem;
    padding-left:6.25%;
    /* position:absolute;
    top:calc(50% + 4rem);
    transform:translateY(-50%);
    left:6.25%;
    padding-bottom:1rem; */
}

main#main .mbody .tit-top {
    display:inline-block;
    font-size:2.4rem;
    color:#fff;
    font-weight:600;
}
main#main .mbody .tit-top:after {
    display:inline-block;
    content:"";
    width:2.5rem;
    height:1px;
    background:#fff;
    margin-left:10px;
    vertical-align:middle;
}
main#main .mbody h2 {
    margin:1rem 0 6rem;
    font-size:8.6rem;
    color:#fff;
    font-weight:800;
    line-height:1.2;
}
main#main .mbody div img {
    width:36rem;
    height:auto;
    max-width:100%;
}
main#main .mbody p {
    margin:2rem 0 1rem;
    font-size:2.8rem;
    color:#fff;
    font-weight:600;
}

@media (max-width:1024px) {
    main#main .mbody {
        padding-left:5%;
        padding-right:5%;
        padding-bottom:5rem;
    }
}
@media (max-width:520px) {
    main#main .mbody h2 {
        font-size:5.6rem;
    }
}


main#main .view-mov-btn {
    width:24.8rem;
    position:fixed;
    bottom:6rem;
    right:6rem;
    padding: 2rem;
    border-radius: 0.6rem;
    background-color: rgba(255,255,255,1);
}
main#main .view-mov-btn h3 {
    font-size: 1.8rem;
    font-weight: 500;
    color: #000;
}
main#main .view-mov-btn p {
    margin-top:1rem;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.29;
    color: #333;
}
main#main .view-mov-btn p img {
    width:21.4rem;
}
main#main .view-mov-btn .play-video {
    display:block;
    margin-top:1.5rem;
    width:100%;
    height:4.8rem;
    padding:0 2rem;
    border-radius: 3px;
    box-shadow: 0px 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.2);
    background:var(--first-color) url("../img/view-mov-btn-arr.png") no-repeat right 2rem center;
    background-size:auto 1.1rem;
}
main#main .view-mov-btn .play-video span {
    display:block;
    line-height:4.8rem;
    font-size: 1.5rem;
    color: #fff;
    text-align:left;
    padding-left: 2.5rem;
    background: url("../img/icon-mov-play.png") no-repeat left center;
    background-size: auto 2rem;
}

@media (max-width: 1024px) {
    main#main .view-mov-btn {
        margin-top:2rem;
        width:36rem;
        position:inherit;
        bottom:inherit;
        right:inherit;
    }
}


main#main .tail {
    z-index: 2;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    height: 2.3rem;
    line-height: 2.3rem;
    font-size: 1.3rem;
    color: #5d5b5a;
    text-align: center;
    background-color: rgba(18,18,18,0.6);
    z-index:100;
}

main#main .mbody .v-go {
    text-align:center;
    width:36rem;
}




@media (max-width: 1024px) {
    img.video_fakeback {
        display: block;
        left: 50%;
        transform: translateX(-50%);
    }
}