@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: 'Gidole-Regular', sans-serif;
}

body {
	background-color: #FFFFFF;
	margin: 0px auto;
}

video {
	width: 100%;
	transform: translateY(-10%);
	z-index: -1;
	position: fixed;
	background-attachment: fixed;
}

@media screen and (max-device-width: 480px) {
video {
	width: 100%;
	z-index: -1;
}
}

td#width-margin {
	width: 50px;
}

header {
	width: 100%;
    overflow: hidden;
    position: fixed;
	font-size: 16px;
	color: #FFFFFF;
    left: 0;
    z-index: 999;
}

header td {
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}

header img#logo {
	width: 278px;
	height: 108px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

header img#blank-avatar {
	width: 50px;
	height: 50px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

header img#header-icon {
	width: 50px;
	height: 50px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

header.smaller td {
	height: 110px;
}

header.smaller img#logo {
	width: 225px;
	height: 86px;
}

header.smaller img#blank-avatar {
	width: 40px;
	height: 40px;
}

header.smaller img#header-icon {
	width: 40px;
	height: 40px;
}

footer {
    z-index: 999;
}