/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0;
    padding:0;
}
input,textarea, select{
    color: #7f7f7f;
    font-size: 2.5vh;
    font-family: 'Ubuntu', serif;
	padding:1vh;
	border:none;
	background: #e6e6e6;
	width: 25vw;
	background-color:transparent;
	border-bottom:1px solid #aaa;
}
input:focus,textarea:focus,select:focus{
	/*outline-color:#7e7e7e;*/
	outline:none;
	background-color:#f6f6f6;
	border-bottom:1px solid #aaa;
}
input[type=checkbox]{
	width:2vw;
}
html, body {
	height:100%;
    margin:0;
    padding:0;
}
body {
	width: 100%;
	background: #f6f6f6;
    color: #7f7f7f;
    font-size: 2.5vh;
    font-family: 'Ubuntu', serif;
	overflow-x: hidden;
	overflow-y: auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
} 
h1 {
	padding: 2vh 0 4vh 0;
	font-size: 4vh;
}
h2 {
	padding: 2vh 0;
	font-size: 3.5vh;
}
h3 {
	padding: 0.5vh 0 1vh 0;
	font-size: 3vh;
}
h1 em{
	font-size: 3vh;
}
h2 em{
	font-size: 2.5vh;
}
a {
    text-decoration: none;
    color: #7f7f7f;
    opacity: 0.6;
}
a:hover{
    text-decoration: none;
    opacity: 1;
}
#dpVideo {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	object-fit: cover;
}
#main {
    width: 100%;
    height:100%;
    top: 0px;
    position: absolute;
    /*background-image: url('../imgs/main_bg.jpg');*/
    /*
	background-image: url('../imgs/main_bga.jpg');
    background-size: cover;
    background-repeat: no-repeat;
	background-position: bottom center;
	*/
}
#logo {
    height:10vh;
    padding:5vh 0;
    text-align: center;
}
#logo img {
    min-width:25vw;
	max-height:10vh;
}
#logoo {
    height:10vh;
    padding:5vh 0;
    text-align: center;
}
#logoo img{
	min-width:40vw;
	height:auto;
}
#login{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size:2.5vh;
	text-align:center;
	display: inline-block;
	background-color:rgba(255,255,255,0.65);
	padding:1vh;
}
#login div{
	padding-bottom:1vh;
}
.tright {
	text-align:right;
}
.tcenter {
	text-align:center;
}
input[type=button]{
	margin-top:2vh;
	margin-bottom:1vh;
	background-color:#bdbdbd;
	color:#f6f6f6;
	width:26vw;
}
input[type=button]:hover{
	background-color:#999999;
}
.footer {
    position: fixed;
	text-align: center;
	bottom: 1vh;
	width: 100%;
}
#err{
	display:none;
	background-color:#ff6666;
	padding:2vh;
	font-weight:bold;
	color:#f6f6f6;
	text-align:center;
}
#msg{
	display:none;
	background-color:rgba(0,0,0,0.1);
	padding:1.5vh;
	/*font-weight:bold;*/
	color:#f6f6f6;
	text-align:center;
	font-size:2.5vh;
	margin-top:1vh;
	line-height:3.5vh;
}
.text-left{
	text-align:left;
}
ol{
	margin-bottom:2vh;
}
li{
	margin: 1vh 0 0 2vh;
}
#subdomain{
	position: fixed;
    top: 27vh;
    left: 70vw;
	text-transform: uppercase;
	font-size:3vh;
	color:#bfbfbf;
}