/* SΜ */
.html {
	height:100%;
	overflow: auto;
}

.appIconBig{
	display: block;                  /* ζΜzu */
	margin-left: auto;
	margin-right: auto;
}

.box {
	float: none;
	padding:0px 3% 0px 3%;
	margin:0px auto;
	height:104px;
}

.clear {
	clear:both;@/*floatΜπA±±ͺ|Cg*/
}

body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	text-align: left; 
	font-family : Arial,'lr oSVbN',sans-serif ;
}

div.containerArea {                  /* ΕΊwwiέθ */
	position:relative;
	background-color: #5e426d;
	max-height: 100%; 
	height: auto
}

body > #container {
    height: auto;
}

div#fc2_bottom_bnr{position:static!important;}


/* X}zp */

@media screen and (max-width: 320px) {

span.fontsize {font-size: large; }

div.tabbox {
   margin: 0px; padding: 0px; width: 100%;;
}

p.tabs { margin: 3px; padding: 3px; }
p.tabs a {
   display: block; width: 7.5em; float: left;
   margin: 5px 1px 5px 1px; padding: 1px;
   text-align: center;
   border-radius: 12px 12px 0px 0px; 
}
p.tabs a.tab1 { background-color: #d2691e; color: white; }
p.tabs a.tab2 { background-color: #808080; color: white; }
p.tabs a.tab3 { background-color: #556b2f; color: white; }
p.tabs a:hover { color: yellow; }

div.tab { height: 85%; overflow: auto; clear: left; }
div#tab1 {
   border: 10px solid #000000; background-color: #000000;
}
div#tab2 {
   border: 10px solid #000000; background-color: #000000;
}
div#tab3 {
   border: 10px solid #000000; background-color: #000000;
}
div.tab p { margin: 0.5em; }
-->

}



/* PCp */

@media screen and (min-width: 321px) {

span.fontsize {font-size: small; }

  <style type="text/css"><!--
div.tabbox {
   margin: 3px; padding: 3px; width: 100%;;
}

p.tabs { margin: 3px; padding: 3px; }
p.tabs a {
   display: block; width: 4em; float: left;
   margin: 3px 1px 3px 0px; padding: 3px;
   text-align: center;
   border-radius: 12px 12px 0px 0px; 
}
p.tabs a.tab1 { background-color: #d2691e; color: white; }
p.tabs a.tab2 { background-color: #808080; color:white;}
p.tabs a.tab3 { background-color: #556b2f; color: white; }
p.tabs a:hover { color: yellow; }

div.tab { height: 90%; overflow: auto; clear: left; }
div#tab1 {
   border: 2px solid #000000; background-color: #000000;
}
div#tab2 {
   border: 2px solid #000000; background-color: #000000;
}
div#tab3 {
   border: 2px solid #000000; background-color: #000000;
}
div.tab p { margin: 0.5em; }
--></style>

}
