@CHARSET "UTF-8";


/*@media screen and (max-width: 1024px) {*/
@media 		
		screen and (-webkit-device-pixel-ratio: 2),
		screen and (max-width: 45em)
 {
	
	* {
		font-size: 3vh;
	}
	input,select {
		min-height: 10vh !important;
		
		font-size: inherit;
	}
	/*
	input[type=text] {
		line-height: 48px;
		vertical-align: middle;
	}
	input[type=radio], input[type=checkbox] {
		min-width: 48px;
		min-height: 48px;
		//padding: 50%;	
	}
	
	input[type=checkbox] + label {
		font-size: 1.5em;
	}
	
	input[type=file] {
		min-height: 96px;
		width:100%;
		font-size: 9pt;
	}
	
	.ele_input_floating {
		float:none;
	}*/
	
	input {
		font-size: 3vh !important;	
	}
	
	input[type=text],select {
		min-width: 80vw;
		max-width: 90vw;
	}
	
	input[type=date],input[type=time] {
		min-width:35vw;
	}
	
	input[type=button],button,input[type=submit] {
		min-height: 10vh;
		width: 100%;
		min-width: auto;
		font-size: inherit;
	}
	
	input[type=checkbox],input[type=radio] {
		width: 2rem;
		height: 2rem;
	}
	label {
	display: block;
		
	}
	
	fieldset {
		border: 0;
		padding: 0;
		margin: 0;
	}
	
	fieldset legend {
		font-weight: bold;
	}
	
	
/*   #####   CONTENT ##### */
	#ele_content {
		width: 97vw !important;
	    padding-left: 1em;
	    padding-right: 1em;
	    margin: 12vh auto !important
	}
	
	#subcontent {
	    width: 98vw;
	    height: 100vh;
	    margin: 0;
	    left: 0;
	    top: 4rem !important;
	    /*overflow: auto;*/
	    z-index: 3;
	}
	
	#subcontent_closer {
		position: fixed;
		right: 2%;
	}
	
	.ele_box_closer {
		height: 2rem;
	    width: 2rem;
	    float: inherit;
	    text-align: center;
	    vertical-align: middle;
	    line-height: 2rem;
	    z-index: 3;
	    background: white;
	}
	
	body {
		width: 100%;
	}
	
	#ele_content {
		box-sizing: border-box;
		padding: 3px;
	}
	
	
	/* ## header ##*/
	
	
	#ele_header1 {
	    width: 97vw;
	    height: 4rem;
	    overflow: hidden;
	    position: fixed;
	    top: 0;
	    display: block;
	    border: 0;
	    z-index: 1;
	}
	#ele_header1 h1 {
	    padding-left: 5rem;
	    height: 4rem;
	    line-height: 4rem;
	    font-size: 3rem;
	    vertical-align: middle;
	    	background: white;
	    width: 100%;
	}
	
	/* #### controls #### */
	
	#controls {
			/*white-space: nowrap;*/
			margin: 0 auto;
	}
	
	#controls > .spacer {
		display:none !important; 
	}
	
	article h1 {
		font-size: 6vh;
	}
	
	section h1 {
		font-size: 4vh;
	}
	
	
	/*   #### tabs #### */
	
	.eletabby input + label.tabs,
	.eletabby div.tabheader {
		display:none;
	}
	.eletabby article  {
	padding-top: 0 !important;
	}
	
	.eletabby input + label.tabs + article {
		display: block !important;
	    position: static !important;
	    padding: 1em !important;
	    height: auto !important; 
	    width: auto !important; 
	}
	
	/** #### ele list ##### **/
	
	ul.ele_list {
	display: block;
	}
	
	ul.ele_list li {
		display: block;
		margin-bottom: 1em;
	}
	
	ul.ele_list li span {
		display: inline-block;

	}
	
	ul.ele_list li .ele_list_right  {
		width: 100%;
		margin: 0;
		padding:0;
	}
	
	div.messagebox {
		position: fixed;
		left: 0; bottom: 0;
		width: 93vw;
		max-width: none;
		min-width: auto;
		height: ;
	}
}