html,body {
    width: 100%;
}

#container {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#background_video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    object-fit: cover;
    height: 100%;
    width: 100%;
}

#video_cover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../img/video1_cover.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}

#video_controls {
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translate(-50%, 0);
}

#play img {
    width: 100px;
}

#pause img {
    width: 90px;
}

#pause {
    display: none;
}


#video_controls {
        display: block;
}


/* Demo page specific styles */


#container {
    text-align: center;
    height: 100vh;
}

#overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    /*background: rgba(0, 0, 0, 0);*/
}

#main_content {
    z-index: 2;
    position: relative;
    display: inline-block;

    /* Vertical center */
    top: 55vh;
    transform: translateY(-50%);
    margin: 20px;
}

#main_content .maintitle{
    font-size: 42px;
    color: #fff;
    text-shadow: 2px 1px 1px #5e5e63;
}

#main_content .subtitle{
    font-size: 26px;
}
#main_content p{
    font-size: 16px;
}

#more{
    width: 100%;
    height: 100px;
}
#more p{
    padding:80px 0; 
    color: #fff;
}
.index_button{
    padding-top: 45vh;
    cursor: pointer;

}
.index_button img{
    width: 45px;
}


@media only screen and (min-width: 481px) {
#main_content .maintitle{
    font-size: 58px;
}

}

/* 桌面版面: 980px 到最大 1232px。樣式繼承自: 行動版面和表格版面。 */

@media only screen and (min-width: 980px) {
#overlay {
    /*background: rgba(0, 0, 0, 0);*/
}
#main_content .maintitle{
    font-size: 85px;
    font-family: 'Convergence', sans-serif;
}
#video_cover {
    background: none;
}
}