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

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

 @charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
@media(min-width: 100px) and (max-width: 750px ){
	  
	  .mogg {display:none;}
	  .logup {display:none;}
	  .navy{display:none;}
	 .fpage{display:none;}
	  


	.pinpon{position:absolute;left:90px; width:200px; height: 270px;}
	table {
  border-collapse: collapse;
  width: 100%;
  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:9px;
	color:#AF7303;
}
tr:nth-child(even) {background-color: #f2f2f2;}

.notifications {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #F00;
	background-color: white;
	width: 75%;
	padding-top: 400px;
}

.register label {
	font-family: "Courier New", Courier, monospace;
	font-weight: normal;
	font-size:12px;
}
.submit {
	font-family: Tahoma, Geneva, sans-serif;
	background-color: #FFF;
	color: #cb9912;
	border: 0.5px solid #cb9912;
	width: 10%;
	float: none;
	clear: none;
}
 

	.w3-sidebar w3-bar-block w3-border-right{display:none;}
	#mySidebar{background-color: white;  position:static; left:0px; top:50px; width:100%; height:auto; }
	#mySidebar #w3{background-color: transparent;    font-size:11px; border:0px;  }
	
	.sliderr{background-color: white; border:0px; position:absolute; left:20px; top:5px; width:10px; font-size:15px;}
	.head1 {
	margin: auto;
	height: 15%;
	width: 100%;
	border-bottom-width: 0.5px;
	border-bottom-style: solid;
	border-bottom-color: #fcb50a;
	background-color:#FAEBD7;
    position: absolute;
	top: 0%;
	left: 0%;}
	 
.head1 .logup {
	display:none;
}
.head1 .logup #lv {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #543c03;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	top: 0px;
	right: 5px;
 
	
}
.head1 .logup #lv li {
	float: left;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 11px;
	cursor: pointer;
	filter: Invert;
}
.head1 ul {
	font-size: 14px;
	margin: 0px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 6px;
	list-style-type: none;
	position: absolute;
	left: 1%;
	bottom: 0px;
}
.head1 ul li {
	overflow: hidden;
	float: left;
	padding-top: 10px;
	padding-right: 9px;
	padding-bottom: 1px;
	padding-left: 0px;
	color: #543c03;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 11px;
	word-spacing: normal;
	letter-spacing: normal;
	white-space: normal;
	display: inline-block;
	cursor: pointer;
	filter: FlipH;
}
.head1 ul li form a {
	color: #543c03;
	text-decoration: none;
}

.mbody {
	min-height:85%;
	width: 100%;
	margin:1px; padding:1px;
    word-wrap:break-word;
	 
	position: absolute;
	left: 0;
	top: 15%;
	background-color:white;
	overflow:scroll;
	 
}

 
.mbody .spannel {
	display:none;}
	#mySidebar  ul {
		font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
	list-style-type: none;
 	text-align:center;
	margin: 0px;
	padding-top:0;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5%;
	display: block;
		
		
		}
		
	#mySidebar ul li{
		padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #543c03;
	cursor: pointer;
	filter: Light;
	text-decoration:none;
		
		}
		#mySidebar ul li a{
	 color:black;
	text-decoration:none;
		
		}

.mbody .disp {
 	position: static;
	min-height:100%;
	width: 90%;
	left: 5%;
	top: 5%;
	font-size: 11px;
	color: #543c02;
	margin:1px; padding:1px;
    word-wrap:break-word;
 	text-align: justify;
	line-height: 1.5;
	opacity: 1;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	  overflow: hidden ;
 	  float:left;
	  padding-left:10px;
	
}

.mbody .disp .register {
	color: #666;
	 height: 100%;
	width: 100%;
	 
	position: static;
	left: 0%;
	 text-align: none;
	top: 5%;
	font-size:10px;
	overflow:scroll;
 
	float:left;

}

.mbody .register form label {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 0.2px;
}


.mbody .register form input {
	background-color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#AF7303;
	position: absolute;
	left: 100px;
	border: 0.5px solid #cb9912;
	font-variant: normal;
	width:200px;
}

.mbody .register .bott {

font-family:"Arial Black", Gadget, sans-serif;
}



.mbody .register form textarea {
	background-color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#AF7303;
	position: absolute;
	left: 120px;
	border: 0.5px solid #cb9912;
	font-variant: normal;
	
}

.mbody .register form select {
	background-color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#AF7303;
	position: absolute;
	left: 100px;
	border: 0.5px solid #cb9912;
	font-variant: normal;
	width:120px;
	
}
 
	
 
.mbody .disp .register1 {
	color: #666;
	height: 10%;
	width: 90%;
	margin: 0px;
	padding: 0%;
	position: absolute;
	right: 5%;
	top: 5%;
	
}
.mbody .register1 .bott1 {

font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:11px;
	color:#AF7303;
	background-color:white;
}

 
	}
	
@media(min-width: 751px) and (max-width: 1600px ){	
.head1 .mog{ display:none;}

 
table {
  border-collapse: collapse;
  width: 100%;
  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:12px;
	color:#AF7303;
}
tr:nth-child(even) {background-color: #f2f2f2;}

.notifications {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #F00;
	background-color: #FFF;
	width: 75%;
	padding-top: 400px;
}

.register label {
	font-family: "Courier New", Courier, monospace;
	font-weight: normal;
	font-size:12px;
}
.submit {
	font-family: Tahoma, Geneva, sans-serif;
	background-color: #FFF;
	color: #cb9912;
	border: 0.5px solid #cb9912;
	width: 10%;
	float: none;
	clear: none;
}

.uplod {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #000;
	height: 100px;
	width: 90%;
	padding-top: 500px;
	top: 10%;
	position: absolute;
	left:5%;
	
	
}



.head1 {
	margin: 0px;
	padding: 0px;
	height: 20%;
	width: 76%;
	border-right-width: 0.5px;
	border-bottom-width: 0.5px;
	border-left-width: 0.5px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #fcb50a;
	border-bottom-color: #fcb50a;
	border-left-color: #fcb50a;
	position: absolute;
	background-color:# ;
	left: 12%;
	top: 0px;

 }
.head1 .jorName {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 65%;
	position: absolute;
	left: 30%;
	top: 0%;
}
.head1 .logup {
	margin: 0px;
	padding: 0px;
	width: 20%;
	position: absolute;
	top: 8%;
	right: 1%;
	height: 5%;
}
.head1 .logup #lv {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #543c03;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	top: 0px;
	right: 5px;
}
.head1 .logup #lv li {
	float: left;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 11px;
	cursor: pointer;
	filter: Invert;
}
.head1 ul {
	font-size: 14px;
	margin: 0px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 6px;
	list-style-type: none;
	position: absolute;
	right: 1%;
	bottom: 20px;
}
.head1 ul li {
	overflow: hidden;
	float: left;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 10px;
	color: #543c03;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 11.8px;
	word-spacing: normal;
	letter-spacing: normal;
	white-space: normal;
	display: inline-block;
	cursor: pointer;
	filter: FlipH;
}

.head1 ul li form a {
	color: #543c03;
	text-decoration: none;
}
 
.mbody {
	min-height: 80%;
	width: 76%;
	border-right-width: 0.5px;
	border-left-width: 0.5px;
	border-bottom-width: 0.5px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #fcb50a;
	border-left-color: #fcb50a;
	border-bottom-color: #fcb50a;
	position: absolute;
	left: 12%;
	top: 20%;
	overflow:scroll;
	float:left;
	overflow-x: hidden;
	 
	 
}
 
 .mySidenav{display:none;}
 .mbody .spannel {
	 
	 
	 
  position: -webkit-sticky;
  position: sticky;
  top:0px;
  background-color: white;
  padding: 50px;
  font-size: 20px;

	margin: 0px;
	padding: 0px;
	height: auto;
	width: 15%;
	border-right-width: 0.5px;
	border-right-style: solid;
	border-right-color: #fcb50a;
	border-top-width: 0.5px;
	border-top-style: solid;
	border-top-color: #fcb50a;
	 
 	 
}
.mbody .spannel ul {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	list-style-type: none;
	float: none;
	margin: 0px;
	padding-top: 1%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5%;
	display: block;
}
.mbody .spannel ul li {
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #543c03;
	cursor: pointer;
	filter: Light;
}


.mbody .spannel ul li form a {
	list-style-type: none;
	text-decoration: none;
	color: #543c03;
}

.mbody .disp {
 	position: absolute;
	height: 100%;
	width: 75%;
	left: 20%;
	top: 1px;
	font-size: 12px;
	color: #543c02;
	margin: 0px;
	padding: 10px;
	text-align: justify;
	line-height: 1.5;
	opacity: 1;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 
	
}


.mbody .disp .register {
	color: #666;
	height: 99%;
	width: 80%;
	margin: 0px;
	padding: 0%;
	position: absolute;
	left: 10px;
	top: 20px;

}

.mbody .register form label {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 2px;
}


.mbody .register form input {
	background-color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#AF7303;
	position: absolute;
	left: 120px;
	border: 0.5px solid #cb9912;
	font-variant: normal;
}

.mbody .register .bott {

font-family:"Arial Black", Gadget, sans-serif;
}



.mbody .register form textarea {
	background-color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#AF7303;
	position: absolute;
	left: 120px;
	border: 0.5px solid #cb9912;
	font-variant: normal;
	
}

.mbody .register form select {
	background-color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#AF7303;
	position: absolute;
	left: 120px;
	border: 0.5px solid #cb9912;
	font-variant: normal;
	
}
 
	
 
.mbody .disp .register1 {
	color: #666;
	height: 10%;
	width: 50%;
	margin: 0px;
	padding: 0%;
	position: absolute;
	right: 0px;
	top: 0px;
	
}
.mbody .register1 .bott1 {

font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:11px;
	color:#AF7303;
	background-color:white;
}

}


@media(min-width: 1601px) and (max-width:10000px){	
.head1 .mog{ display:none;}

 
table {
  border-collapse: collapse;
  width: 100%;
  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:12px;
	color:#AF7303;
}
tr:nth-child(even) {background-color: #f2f2f2;}

.notifications {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #F00;
	background-color: #FFF;
	width: 75%;
	padding-top: 400px;
}

.register label {
	font-family: "Courier New", Courier, monospace;
	font-weight: normal;
	font-size:12px;
}
.submit {
	font-family: Tahoma, Geneva, sans-serif;
	background-color: #FFF;
	color: #cb9912;
	border: 0.5px solid #cb9912;
	width: 10%;
	float: none;
	clear: none;
}

.uplod {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #000;
	height: 100px;
	width: 90%;
	padding-top: 500px;
	top: 10%;
	position: absolute;
	left:5%;
	
	
}



.head1 {
	margin: 0px;
	padding: 0px;
	height: 20%;
	width: 76%;
	border-right-width: 0.5px;
	border-bottom-width: 0.5px;
	border-left-width: 0.5px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #fcb50a;
	border-bottom-color: #fcb50a;
	border-left-color: #fcb50a;
	position: absolute;
	left: 12%;
	top: 0px;
  
 }
.head1 .jorName {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 65%;
	position: absolute;
	left: 30%;
	top: 0%;
}
.head1 .logup {
	margin: 0px;
	padding: 0px;
	width: 20%;
	position: absolute;
	top: 8%;
	right: 1%;
	height: 5%;
}
.head1 .logup #lv {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #543c03;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	top: 0px;
	right: 5px;
}
.head1 .logup #lv li {
	float: left;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 11px;
	cursor: pointer;
	filter: Invert;
}
.head1 ul {
	font-size: 14px;
	margin: 0px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 6px;
	list-style-type: none;
	position: absolute;
	right: 1%;
	top: 60px;
}
.head1 ul li {
	overflow: hidden;
	float: left;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 10px;
	color: #543c03;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 11.8px;
	word-spacing: normal;
	letter-spacing: normal;
	white-space: normal;
	display: inline-block;
	cursor: pointer;
	filter: FlipH;
}

.head1 ul li form a {
	color: #543c03;
	text-decoration: none;
}
 
.mbody {
	min-height: 80%;
	width: 76%;
	border-right-width: 0.5px;
	border-left-width: 0.5px;
	border-bottom-width: 0.5px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #fcb50a;
	border-left-color: #fcb50a;
	border-bottom-color: #fcb50a;
	position: absolute;
	left: 12%;
	top: 20%;
	background-color:white;
	overflow:scroll;
	float:left;
	overflow-x: hidden;
	 
	 
}
 
 .mySidenav{display:none;}
 .mbody .spannel {
	 
	 
	 
  position: -webkit-sticky;
  position: sticky;
  top:0px;
  background-color: white;
  padding: 50px;
  font-size: 20px;

	margin: 0px;
	padding: 0px;
	height: auto;
	width: 15%;
	border-right-width: 0.5px;
	border-right-style: solid;
	border-right-color: #fcb50a;
	border-top-width: 0.5px;
	border-top-style: solid;
	border-top-color: #fcb50a;
	 
 	 
}
.mbody .spannel ul {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	list-style-type: none;
	float: none;
	margin: 0px;
	padding-top: 1%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5%;
	display: block;
}
.mbody .spannel ul li {
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #543c03;
	cursor: pointer;
	filter: Light;
}


.mbody .spannel ul li form a {
	list-style-type: none;
	text-decoration: none;
	color: #543c03;
}

.mbody .disp {
 	position: absolute;
	height: 100%;
	width: 75%;
	left: 20%;
	top: 1px;
	font-size: 12px;
	color: #543c02;
	margin: 0px;
	padding: 10px;
	text-align: justify;
	line-height: 1.5;
	opacity: 1;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 
	
}


.mbody .disp .register {
	color: #666;
	height: 99%;
	width: 80%;
	margin: 0px;
	padding: 0%;
	position: absolute;
	left: 10px;
	top: 20px;

}

.mbody .register form label {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 2px;
}


.mbody .register form input {
	background-color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#AF7303;
	position: absolute;
	left: 120px;
	border: 0.5px solid #cb9912;
	font-variant: normal;
}

.mbody .register .bott {

font-family:"Arial Black", Gadget, sans-serif;
}



.mbody .register form textarea {
	background-color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#AF7303;
	position: absolute;
	left: 120px;
	border: 0.5px solid #cb9912;
	font-variant: normal;
	
}

.mbody .register form select {
	background-color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#AF7303;
	position: absolute;
	left: 120px;
	border: 0.5px solid #cb9912;
	font-variant: normal;
	
}
 
	
 
.mbody .disp .register1 {
	color: #666;
	height: 10%;
	width: 50%;
	margin: 0px;
	padding: 0%;
	position: absolute;
	right: 0px;
	top: 0px;
	
}
.mbody .register1 .bott1 {

font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:11px;
	color:#AF7303;
	background-color:white;
}

}