.main_container{
	position:relative;
	height:100vh;
	width:100%;
	min-height:750px;
	font-family: Verdana, Geneva, sans-serif;
	color: rgb(178,178,178);
	overflow:hidden;
}
.header {
	position:absolute;
	top:0px;
	height: 90px;
	width:100%;
	min-width:800px;
}
.middle{
	position:absolute;
	top:90px;
	bottom:90px;
	width:100%;
	min-width:800px;
}
.footer {
	position:absolute;
	bottom:0px;
	height:90px;
	width:100%;
	min-width:800px;
	overflow: visible !important;
}

.header_container {
	position:relative;
	height:100%;
	width:100%;
}
.h01 {
	position:absolute;
	width: 360px;
}
.h02 {
	position:absolute;
	left:360px;
	right:0px;
	height: 100%;
	background-color: rgb(204,204,204);
}

.col_container {
	position:relative;
	height:100%;
	width:100%;
}
.col1 {
	position:absolute;
	left:0px;
	width:118px;
	height:100%;
	border-right: 2px solid;
	border-color: rgb(178,178,178);
	font-size: 80%;
}
.col2 {
	position:absolute;
	left:120px;
	width:225px;
	height:100%;
	padding-left:5px;
	padding-right:5px;
	border-right: 2px solid;
	border-color: rgb(178,178,178);	  
	font-size: 80%;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;    	
}
.col3 {
	position:absolute;
	left:358px;
	right:255px;
	height:100%;
	padding-left:5px;
	padding-right:5px;
}
.col4 {
	position:absolute;
	right:0px;
	width: 255px;
	padding-left:3px;
	height:100%;
	color:black;
}

.col1a {
}
.col1b {
	border-top: 2px solid;
  }
.col1c {
	border-top: 2px solid;
	font-size:80%;
}

.col2a {
	position:relative;
}
.col2b {
	position:absolute;
	overflow: hidden;
	top:32px;
	bottom:0px;
}
.col2b li {
	border: 2px solid white;
	padding: 2px;
}
.col3_container {
	position:relative;
	height:100%;
	width:100%;
}
.col3a {
	font-size: 130%;
	position:absolute;
	top:0px;
	left:5% 
	height:25px;
}
.col3b {
	position:absolute;
	top:30px;
	bottom:36px;
	width:100%;
}
.col3b form {
	color: black;
}
.col3c {
	position:absolute;
	bottom:0px;
	font-size: 60%;
}
.col4a {
	font-size: 130%;
	color: rgb(178,178,178);
}
.col4b {
	font-size:0.6rem;
	text-align: justify;
	text-justify: inter-word;	
}
.col4c {
	font-size:0.65rem;
	text-align: justify;
	text-justify: inter-word;	

}
.col4b1 {
	float: left;
	width: 74px;
	margin: 5px;
}
.col4b1 img {
	float: top;
	display: block;
	margin: 0 auto;
}
.col4b1 span {
}
/*
.footer_container{
	position:relative;
	height:100%;
	width:100%;
}
*/
.footer_container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.f01 {
	position:absolute;
	left:0px;
	width:320px;
	height:90px;
}

.f02 {
	position:absolute;
	left:320px;
	right:0px;
	top:0px;
	height:80px;
	padding-left:10px;
	padding-top:10px;
}
.f02a {
    position: relative;
    float: left;
    width: 150px;

    transform: translateZ(0);
}


button:focus {outline:0;}

.but1 {
	border: 2px solid white;
	background-color: white;
	cursor: pointer;
	width:110px;
}
.but1:active {
	transform: translateY(4px);
}
.but1 img {
	float: left;
}
.but1 span {
	float: left;
	display: inline-block;
	line-height: normal;
	padding: 5px 0px;
	color: rgb(178,178,178);
	font-size: 10px;
}
.but2 {
	border: none;
	background-color: white;
	cursor: pointer;
	width:118px;
}
.but2:active {
	transform: translateY(4px);
}
.but2 img {
	float: left;
}
.but2 span {
	float: left;
	display: inline-block;
	line-height: normal;
	padding: 10px 0px;
	color: rgb(178,178,178);
	font-size: 10px;
}
.but3 {
	border: none;
	background-color: white;
	cursor: pointer;
	width:118px;
}
.but3:active {
	transform: translateY(4px);
}
.but3 img {
	float: left;
}
.but3 span {
	float: left;
	display: inline-block;
	line-height: normal;
	padding: 12px 0px;
	color: rgb(178,178,178);
	font-size: 9px;
}
.but4 {
	border: none;
	background-color: white;
	cursor: pointer;
	width:118px;
}
.but4:active {
	transform: translateY(4px);
}
.but4 img {
	float: left;
}
.but4 span {
	float: left;
	display: inline-block;
	line-height: normal;
	padding: 18px 0px;
	color: rgb(178,178,178);
	font-size: 9px;
}
.but5 {
	border: none;
	background-color: white;
	cursor: pointer;
}
.but5:active {
	transform: translateY(4px);
}

#image_slider{
	position: relative;
	height: auto;
	list-style: none;
	float: left;
	/*Chrom default padding for ul is 40px */
	padding:0px;
	margin:0px;
}
#image_slider img{
	display:block;
}
.nvgt{
	position:absolute;
	left: 170px;
	height: 20px;
	width: 40px;
	opacity: 0.6;
}
.nvgt:hover{
	opacity: 0.9;
}	
#prev{
	background: #000 url('img/up.png') no-repeat center;
	top: 0px;
}
#next{
	background: #000 url('img/down.png') no-repeat center;
	bottom: 0px;
}

table {
	border-collapse: collapse;
}
table, th, td {
	border: 1px solid black;
}	

.pref {
	position: relative;
	height:100%;
	width:100%;
	overflow-y:auto;
}
.pref_img {
	width : 50px;
	height: 50px;
	object-fit: contain;
}

.footer,
.footer_container,
.f02,
.f02a {
    overflow: visible !important;
}