@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

* {
  box-sizing: border-box;
}
.divc {
	border-radius:.75em;
	width:30%;
	font-size:1.5em;
	font-weight:900;
	color:#00003f;
	background-color:#48c9b0;	
box-shadow: .1em .1em .3em .45em #2f0808 inset;
	
	padding:.4em;
	}
	
.divc {
	border-radius:.75em;
	width:30%;
	font-size:1.5em;
	font-weight:900;
	color:darkgreen;
	background-color:lightgreen;	
	box-shadow: .1em .1em .3em .3em #af0000 inset;
	padding:.4em;
	}


div.fixed {
  position: fixed;
  bottom:1em;
  right:1em;
  width: 45px;
  border: 3px solid darkorange;
  border-style: inset;
	background:darkgray;
}

A:Link{color: #0000ef; text-decoration:none;}
A:Visited {color: #0000ef; text-decoration:none;}
A:Hover {color: maroon; text-decoration:underline;}
A:Active {color: #bf0000; text-decoration:none;}

H1, H2, H3, H4, H5, H6 {
	text-align:center;
	font-family:arial, sans-serif;
	color:#000;
	text-transform:lowercase;
	font-weight:900;
	margin:0;
	padding:0;
	text-shadow: 1px 1px 3px #850;
}
H1 {font-size: 275%;margin-bottom:.33em;}
H2 {font-size: 200%;}
H3 {font-size: 125%;}
H4 {font-size: 100%;}
H5 {font-size: 90%;}
H6 {font-size: 80%;}

TH {text-align:center; font-weight:900;}

BODY {
	max-width:75em;
	font-family:'Times New Roman','Serif'; 
	font-size:1.0em;
	color:black;
	text-align:justify;
	margin:0 auto 1em auto;
	padding:0;
	background:black;
	box-sizing: border-box;
	background-image: url("./images/a2.jpg"); 
	background-attachment: fixed;
	background-size:normal;
}

.BigImg {
	border: 1px solid #ffffef;
}
.BigImg:hover {
	border: 1px solid red;
}
.BigImg:active {
	-ms-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	border:1px dotted blue;
}
	
.BigImg2 {
	border: 1px solid #ffffef;
}
.BigImg2:hover {
	border: 1px solid red;
}
.BigImg2:active {
	-ms-transform: scale(2);
	-webkit-transform: scale(2);
	transform: scale(2);
	border:1px dotted blue;
}

.indent {text-align:justify; text-indent:1.5em;margin:0; padding:0;}
.indentneg {text-align:justify; text-indent:-1.0em; margin:0; padding:0;}
.indenttop {text-align:justify; text-indent:1.0em; margin:.33% 0 0 0; padding:0;}
.standard {text-align:justify; margin:.75% 0 0 0; padding:0;}
.center{margin-left:auto;margin-right:auto;}
	
#menu1 {
	text-align:center; 
	font-family:arial, sans-serif; 
	color:#082f28;	
	font-style: normal; 
	font-weight: bold; 	
	font-size: 250%; 
	line-height:55%; 
	margin:.25em 0 0 0; 
	padding:3px 0 7px 0; 
	text-shadow: -1px -1px 2px blue;
	text-transform:lowercase;
	}
	
.outer {
	padding:0; 
	width:100%; 
	margin-left:auto;
	margin-right:auto;
	box-sizing: border-box;
	}

.button {
	display: inline-block;
	text-transform: capitalize;
	font-size: .5em;
	font-weight:900;	
	cursor: pointer;
	text-align: center;	
	color:red;
	background-color:lightgray;
	border-radius:1em;
	border-color:gray;
}
.button:hover { 
	color: green; 
}
.button:active {
	color:blue;
	transform: translateY(2px);
}

	
#taba {
	box-shadow: 0 0 .2em .5em #3f1f1f inset;
	border:1px solid #3f0000;
	line-height:1.0;
	color:black;
	border-radius:1.75em;
	padding:.25em .65em;
	background:#eee;	
    }
	
#diva {
	border-radius:1.75em;
	margin-top:0;
	margin-bottom:.2em;
	font-size:1.5em;
	font-weight:900;
	color:#000;
	background:#A44;
	width:33%;
    }

	

	
@media only screen and (max-width: 1024px) {.SaleButton{margin-bottom:.5em;font-size:90%;} .formattable {font-size:50%;}}

@media only screen and (max-width: 800px) {#diva{width:100%;} .tdb{font-size:95%;}  .digest01{width:100%;} #tabList{font-size:60%;width:100%;} #tabList2{font-size:90%;width:100%;}.topad{margin:auto;width:95%;}}

@media  only screen and (max-width: 640px){.formattable {font-size:33%;} .hdr{font-size:100%;} .ad{display:none;} body{font-size:90%;margin-right:0px;margin-left:0px;} h1{font-size:130%;} h2{font-size:120%;} .adx{display:none;} .menu1{font-size:200%;} .ad2{display:none;}}