@charset "utf-8";

html, body {
    margin: 0 auto;
    font-size: 10px;
    width: 100%;
    height: 100%;
		scrollbar-width: thin;
		scrollbar-color: gray transparent;
}
html {
    overflow: hidden;
    overflow-y: auto;
}

#body-wrap {
	position: relative;
	display: block;
	padding-top: 50px;
	width: 100%;
	min-height: 100%;
	box-sizing: border-box;
    /* -moz-transition: ease-in-out 0.3s 0.1s;
    -o-transition: ease-in-out 0.3s 0.1s;
    -webkit-transition: ease-in-out 0.3s;
    -webkit-transition-delay: 0.1s;
    transition: padding ease-in-out 0.3s 0.1s; */
}
#body-wrap[conly] {
	padding: 0;
}
#body-wrap #layout_header {
	position: fixed;
	display: block;
	left: 0;
	top: 0;
	height: fit-content;
	width: 100vw;
	z-index: 99999999;
}
#body-wrap #layout_content {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	/* overflow: auto; */
}
#body-wrap #layout_footer {
	position: absolute;
	display: block;
	width: 100%;
	bottom: 0;
	overflow: hidden;
	z-index: 99999999;
}
#body-wrap #layout_header:empty, 
#body-wrap #layout_footer:empty {
	height: 0;
	display: none;
	padding: 0;
	border: 0;
}