body {
	width: 100vw; height: 100vh; margin: 0;
}
header {
	width: 100vw; height: 5vh; margin: 0; border: none; background: rgba(0,10,150,.8);
}
nav {
	width: 100vw; height: 7vh; margin: 0 auto; 
}
nav div {
	width: 100vw; height: 7vh; margin: 0 auto; border-bottom: 1px solid rgba(0,0,0,.2);
}
article {
	width: 100vw; height: 88vh; margin: 0; border: none; 
}
section {
	width: 70vw; height: 80vh; margin: 0; border: none; display: inline-block; vertical-align: top;
}
aside {
	width: 29vw; height: 88vh; margin: 0; border: none; display: inline-block; vertical-align: top; border-left: 1px solid rgba(0,0,0,.2);
}
section div#imgdv  {
	width: 69vw; height: 81.2vh; margin: 5px auto; border: none; border: 1px solid rgba(0,10,50,.2); position: relative;
}
section div img {
	width: 69vw; height: 70vh; 
}

section footer {
	width: 100%; height: 5vh; margin:0; border: none; background: rgb(0,0,0);
}

#fm {
	width: 99%; height: 50vh; margin: 5vh auto; 
}
fieldset {
	width: 90%; height: auto; margin: 2.5vh 0; border: none;
}
legend {
	font-family: cambria, calibri; font-size: 11pt; color: rgba(0,0,0,.6);
}
.lng {
	width: 90%; height: auto; margin: 0.7vh 0.5vw; padding: 5px; border: 1px solid rgba(0,0,0,.3);
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
}
.sht {
	width: 41.5%; height: auto; margin: 0.5vh 0.5vw; padding: 5px; border: 1px solid rgba(0,0,0,.3);
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
}
.bnt {
	width: 41.5%; height: auto; margin: 0.5vh 0.5vw; padding: 5px; border: 1px solid rgba(0,0,0,.3); background: rgb(0,0,0); 
	color: rgb(255,255,255); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer;
}
#nv1 {
	width: 10%; height: auto; margin: 0 5vw 0 0; padding: 5px; display: inline-block; vertical-align: top; borders: 1px solid rgba(0,0,0,.1);
	font-family: verdana, calibri, cambria; font-size: 10pt; font-weight: bold; color: white;
}
#nv2 {
	width: 98%; height: auto; margin: 0; padding: 1px; display: inline-block; vertical-align: top; 
}
#nv2 div {
	width: 12%; height: auto; margin: 0.2vh 0.2vw; padding: 5px; display: inline-block; vertical-align: top; font-size: 10pt; 
	font-weight: bold; color: white; font-family: verdana, calibri, cambria; text-align: center; 
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: default; border: 1px solid rgba(0,10,150,.2); 
	backgrounds: rgba(150,150,250,.5); borders: 1px solid rgba(0,0,0,.1); 
}
#nv2 div:hover {
	background: rgba(0,0,0,.3);		/* rgba(70,70,250,.5); */
}
#nv2 div img {
	width: 30%; height: 30%;
}

#confirm {
	display: none;
}

#bner {
	width: 90%; height: auto; padding: 5px; 
}
#msg {
	width: 90%; height: auto; padding: 5px; margin: 10px 0 0;
}
.navs {
	display: inline-block; vertical-align: top; padding: 0px 20px; font-family: verdana, calibri, cambria; font-size: 14pt; font-weight: bold; 
}
/*
.navs:hover {
	cursor: pointer; color: red;
}
*/

#cov {
	width: 100%; height: auto; 
}
#f {
	width: 20%; height: auto; padding: 5px; display: inline-block; vertical-align: top; font-family: verdana, calibri, cambria; font-size: 10pt; font-weight: bold; 
}
#s {
	width: 12%; height: auto; padding: 5px; display: inline-block; vertical-align: top; font-family: verdana, calibri, cambria; font-size: 10pt; font-weight: bold; 
}
#t {
	width: 28%; height: auto; padding: 5px; display: inline-block; vertical-align: top; font-family: verdana, calibri, cambria; font-size: 10pt; font-weight: bold; 
}
#r {
	width: 35%; height: auto; padding: 5px; display: inline-block; vertical-align: top; font-family: verdana, calibri, cambria; font-size: 10pt; font-weight: bold; 
}
#fh {
	width: 20%; height: auto; padding: 5px; display: inline-block; vertical-align: top; font-family: verdana, calibri, cambria; font-size: 10pt; 
	font-weight: bold; color: red;
}
#sh {
	width: 12%; height: auto; padding: 5px; display: inline-block; vertical-align: top; font-family: verdana, calibri, cambria; font-size: 10pt; 
	font-weight: bold; color: red;
}
#th {
	width: 28%; height: auto; padding: 5px; display: inline-block; vertical-align: top; font-family: verdana, calibri, cambria; font-size: 10pt; 
	font-weight: bold; color: red;
}
#rh {
	width: 35%; height: auto; padding: 5px; display: inline-block; vertical-align: top; font-family: verdana, calibri, cambria; font-size: 10pt; 
	font-weight: bold; color: red;
}

#imgcl1 {
	display: block; font-family: calibri, arial narrow;
}
.imgclass {
	display: none; position: absolute; float: left;
}
.dsply {
	width: 98.5%; height: 7.5vh; background: rgba(0,0,0,.2); padding: 5px 5px; margin: 0 auto; position: absolute;
}

/*	For Contact Related Information		*/
.c_gdv {
	width: 95%; height: 85vh; margin: 1vh auto; border: 1px solid rgba(0,0,0,.1);
}
.c_gdv img {
	width: 95%; height: 10vh; margin: 2vh auto; display: block;
}
.c_ctn {
	width: 95%; min-height: auto; max-height: 68vh; margin: 1vh auto; padding: 1vh 0vw; font-family: calibri, arial narrow; color: rgba(0,0,0,.8);
	text-align: left; line-height: 18pt; overflow: auto;
}
.c_ctn b { 
	display: block; margin: 2vh 1vw 2vh 0;  font-family: arial narrow, calibri;
}

#dv #img {
	width: 15vw; height: 5vh; margin: 1vh 1vw;
}
.butn {
	position: absolute; float: left; width: 5vw; height: 8vh; opacity: .6;
}
#left {
	top: 45vh; left: .5vw;
}
#right {
	top: 45vh; left: 64.5vw;
}
.spn {
	width: 40%; padding: 5px; display: inline-block; margin: 1vh 1vw;
}
iframe {
	width: 70vw; height: 80vh; 
}
#imgsp {
	display: inline-block; font-size: 24pt; vertical-align: top; float: right; margin-right: 15px; cursor: pointer;
}