* { padding: 0px; margin: 0px; }
body { overflow-x: hidden; }
.fl { float: left; }
.bl { display: block; }
.ab { position: absolute; }
video { position: absolute; left: 50%; margin-left: -2px; top: 0px; transform: translate(-50%); object-fit: contain; }
.navs { width: 650px; height: 84px; left: 50%; margin-left: -320px; }
.nav1, .nav2, .nav3, .nav4 { width: 304px; height: 84px; margin-right: 20px; float: left; }
.nav1 { background: url("../images/p1-r1.png") no-repeat; }
.nav1:hover { background: url("../images/p1-r2.png") no-repeat; }
.nav1:hover, .nav2:hover, .nav3:hover, .nav4:hover { cursor: pointer; }
.nav2 { background: url("../images/p2-r1.png") no-repeat; }
.nav2:hover { background: url("../images/p2-r2.png") no-repeat; }