@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option{margin: 0; padding: 0;}
ul,ol{list-style: none;}
img{border: 0;}
input,select,textarea{outline:0;}
textarea{resize:none;}
table{border-collapse: collapse; border-spacing: 0;}
th,strong,var,em{font-weight: normal; font-style: normal;}
a{text-decoration: none;}
a:link,a:visited,a:hover,a:active{text-decoration:none; border: 0px;} 
a:hover{text-decoration: underline;}
video {
    width: 100%;
    height: 100%;
}
h3{
    text-align: center;
}
p{
    text-indent:2em;
}
@media screen and (min-width: 1000px) {
    html,body{font-family:"Times New Roman", Times, serif; font-size: 16px; text-align: left;}
    body{
        background: url(111.jpg);
    }
    .box {
        margin: 0 auto;
        width: 800px;
        opacity:1;
        background: #fff;
        text-align: center;
    }
    video {
        width: 500px;
        height: 100%;
    }
    p{
        text-align: left;
        padding: 5px;
    }
    audio::-webkit-media-controls-volume-slider, video::-webkit-media-controls-volume-slider,audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button,audio::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-fullscreen-button{
        display: none;
    }
}
@media screen and (max-width: 999px) {
    html,body{font-size: 2em;}
    .box {
        margin: 0 auto;
        width: 95%;
        margin-bottom: 20px;
        opacity:1;
    }
}