@charset "utf-8";
/* CSS Document */
html,body { width:100%; height:100%; overflow:hidden; background:#000}
#loading { position:fixed; z-index:10000; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:url(loading.gif) no-repeat center #000; background-size:100px}
.bgmp4 { position:absolute; width:100%; height:100%;}
	.bgmp4 video { width:100%; height:100%; object-fit:fill; }
.mask { position:absolute; width:100%; height:100%; background:rgba(0,0,0,.3);}
.fm1 { position:absolute; left:4%; top:3%; width:17.6%; height:3.7%; background:url(fm1.png) no-repeat center; background-size:contain;}
.fm2 { position:absolute; left:44%; top:23%; width:12%; height:48.1%; background:url(fm2.png) no-repeat center; background-size:contain;}
.fm3 { position:absolute; right:4%; bottom:3%; width:4%; height:1.6%; background:url(fm3.png) no-repeat center; background-size:contain;}
#musicbtn { position:absolute; right:4%; top:3%; width:1.3%; height:2.5%; background-repeat: no-repeat; background-position: center center; background-size: contain; cursor:pointer}
#musicbtn.on{ background-image: url(mplay.png);}
#musicbtn.off{	background-image: url(mstop.png);}
.nav { position:absolute; left:38%; top:79.6%; width:25%;}
	.nav ul { overflow:hidden}
	.nav ul li { float:left; width:25%; margin:0 4%;}
	.nav ul li img { width:100%;}
	.nav ul li img.hov,.nav ul li:hover img.cmn { display:none}
	.nav ul li:hover img.hov { display:block}