html,body,div,span,input{font-size:10px;}
.points {font-size:7px;}
html,body{height:100%;overflow:hidden;padding:0;margin:0}
canvas {
	xbackground:#000;
	
}
#p01{width:100%;height:100%;position:relative;opacity:1;margin:auto;background:#000}
#display {
	width:100%;
	height:100%;
}

.fn_input {
	width:23%;
	text-align:right;
	border: 1px solid rgba(0,0,0,.1);
	background: url("../img/spin_ico.png") no-repeat scroll 100% 0   rgba(255, 255, 255, 0.5);
        background-size: contain;
         padding-right: 5%;
        cursor:pointer;
}

#fl {
	xborder: 1px solid #FF0000;
    height: 5%;
    position: absolute;
    right: 1%;
    top: 20%;
    width: 22%
}

#fk {
	xborder: 1px solid #FF0000;
    height: 5%;
    position: absolute;
    right: 1%;
    top: 29%;
    width: 22%
}

.fb {
	xborder: 1px solid #FF0000;
    xheight: 5%;
    xposition: absolute;
    right: 1%;
    xtop: 30%;
    xwidth: 22%;
	margin-top:2%;
}

.fb .check {
    width: 49%;
	left:0;
	color:#fff;	
	padding:0%;
	position:absolute;
	background:#0f71b8;	
	cursor:pointer;	
}
.fb .draw {
    width: 49%;
	right:0;
	color:#fff;
	padding:0%;	
	position:absolute;	
	background:#0f71b8;
	cursor:pointer;
}
.fb .draw:hover {
	background:#009fe3;
}
.fb .check:hover {
	background:#009fe3;
}

.fb .draw span, .fb .check span {
	line-height:200%;
	padding:5%;
}
#fnl {
	background: rgba(255,255,255,0);
	width:22%;
	position:absolute;
	height:58%;
	right:1%;
	top:39%;
	overflow-y:scroll;
}
.fn {
	display:block;
	cursor:pointer;
	border:1px solid rgba(0,0,0,0);	
}

.hover {
	background: rgba(255,255,255,0.5);
	border-top:1px solid rgba(0,0,0,.5);
	border-bottom:1px solid rgba(0,0,0,.5);
}


.points {
	position:absolute;
	right:1%;
}

#fl_a {
}
#fl_b {
}


#fk_a {
}
#fk_b {
}
#fk_c {
}

#input {
	position:fixed;
	bottom:20px;
	width:200px;
	marin:auto;
	    bottom: 20px;
    left: 50%;
    margin: auto;
    position: fixed;
    width: 200px;
	margin-left:-100px;	
}
/*

#title{display:block;font-size:15pt;color:rgba(255,255,255,.7);padding:1% 0 0 7.7%}
body {
	font-family:Arial;
	background:url(../img/tlo_I.png) no-repeat scroll 50% 50%;;
	background-color:rgba(15,68,56,1);
	margin:0;
	padding:0
	background-size:100%;
}

#loading{width:100%;font-size:16pt;top:50%;position:absolute;height:100%;color:rgba(255,255,255,.6);text-align:center;display:block;margin:auto}
#p01{width:50%;height:97%;position:relative;opacity:.0;margin:auto}
#header{position:absolute;height:10%;top:3%;left:1%;width:98%;xbackground:#f0f}
#logo{background:url(../img/logo/LOGO_ptak_small.png) no-repeat scroll 50% 50%;background-size:100%;color:transparent;height:95%;position:absolute;width:5.5%}
#chart-A{background:#fff;left:1%;position:absolute;top:15%;height:27%;width:35%}
#chart-B{background:#fff;position:absolute;left:1%;top:43%;height:27%;width:35%}
#chart-C{background:#fff;position:absolute;left:1%;top:71%;height:27%;width:35%}
#display{position:absolute;top:15%;left:37%;width:28%;background:#fff;height:83%}
#menu-right{position:absolute;top:15%;right:-1%;width:35%;height:83%;xbackground:red;color:#fff}
.l{width:48%;left:0;position:absolute;height:50%}
.r{width:48%;right:0;position:absolute;height:50%}
#menu-right .slider{width:100%;height:8%;top:0;right:0;position:relative}
#menu-right .slider span{display:block;color:rgba(220,220,220,1)}
#menu-right .slider .sl{opacity:.9;width:100%;height:100%;border:0;background-color:rgba(17,72,69,1);cursor:pointer}
#menu-right .slider .sl .pbd{color:rgba(255,255,255,1);position:absolute;display:block;text-align:center;width:100%;cursor:pointer;text-shadow:0 0 1px #000,0px 0 2px #000;margin-top:2%}
#prev{cursor:pointer;position:absolute;right:6%;top:1%;width:5%}
#next{cursor:pointer;position:absolute;right:1%;top:1%;width:5%}
*/