@font-face
{
 font-family:'3dchess';
 src:url('../media/3dchess.woff') format('woff');
}
*
{
 margin:0;
 color:#dddddd;
 outline:none;
 font-family:verdana,arial,helvetica,sans-serif;
}
a
{
 color:#ffffff;
 text-decoration:none;
}
h1
{
 font-family:'3dchess';
 font-size:4.0em;
}
h3
{
 font-family:'3dchess';
 font-size:2.2em;
}
.video
{
 position:fixed;
 display:block;
 top:50%;
 left:50%;
 min-width:100%;
 min-height:100%;
 width:auto;
 height:auto;
 z-index:-2;
 transform:translateX(-50%) translateY(-50%);
 background-size:cover;
 transition:1s opacity;
}
.main
{
 text-align:center;
}
.hed
{
 display:inline-block;
 text-align:center;
 padding:0 44px;
}

.hed .tik
{
 position:absolute;
 height:38px;
 width:38px;
 top:12px;
 right:12px;
 background-color:#000000;
 font-size:2.2em;
 line-height:1.1em;
 cursor:pointer;
}
.hed input[type=checkbox]
{
 display:none;
 -webkit-appearance:none;
}
header input[type=checkbox]:checked ~ .nav
{
 display:block;
 width:100%;
}

.hed .mnu
{
 display:none;
 -webkit-appearance:none;
} 






.hed li
{
 margin:24px 0;
}
.page .box
{
 max-width:80%;
 margin:4px auto 40px auto;
 padding:28px;
 background-color:rgba(0,0,0,0.6);
 text-align:left;
 border:1px #dddddd solid;
}
.page p
{
 display:block;
 margin-bottom:24px;
}
.page img
{
 float:right;
 margin:12px;
 border:1px #dddddd solid;
 clear:both;
}
.page ul
{
 display:inline-block;
 padding-left:0;
}
.page li
{
 display:block;
}
.page .ico
{
 float:left;
 margin-bottom:32px;
 border:1px #aaaaaa solid;
}
.page .itm
{
 float:left;
 max-width:68%;
 margin-bottom:36px;
}
.page b
{
 display:block;
}
.watch
{
 display:none;
}
.left
{
 float:left;
}
.clr
{
 clear:both;
}