* {
box-sizing:border-box;
outline:none;
position:relative;
margin:0;
padding:0;
}

body {
display:flex;
flex-direction:column;
width:100vw;
height:100%;
overflow:hidden;
}

body .page {
display:flex;
flex-direction:column;
width:100%;
height:100%;
flex-grow:1;
justify-content:center;
align-items:center;
}

.page .pagehead {
width:100vw;
background:#08f;
color:#FFF;
text-align:center;
line-height:40px;
height:40px;
display:none;
display: flex;
justify-content: center;
align-items: center;
}

.page .pagebody {
display:flex;
flex-direction:column;
align-items:center;
flex-grow:1;
width:100vw;
border-top:10px solid rgba(255, 255, 255, 0);
}

.page .pagefoot {
display:flex;
justify-content:center;
width:100vw;
height:40px;
border:1px solid #CCC;
border-left:none;
border-right:none;
position:fixed;
background:#FFF;
left:0;
bottom:0;
z-index: 8888;
display: none;
}

iframe {
border:none;
width:100%;
height:calc(100vh - 60px);
position:fixed;
left:0;
top:0;
background:#FFF;
overflow:hidden;
z-index: 7777;
visibility: hidden;
}

::-webkit-scrollbar {
width:2px;
}

::-webkit-scrollbar-track {
-webkit-box-shadow:inset 6px rgba(0,0,0,0.3);
border-radius:10px;
}

::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,0.2);
}

::-webkit-scrollbar-thumb:window-inactive {
background:rgba(255,0,0,0.4);
}

.button.back {
position:absolute;
height:40px;
line-height:40px;
background:none;
overflow: hidden;
}

.button.back .main {
background:rgba(255, 255, 255, 0);
border:none;
color:rgba(0,0,0,0);
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
font-size: 18px;
}

.button.back .main:before,.button.back .main::before {
display: block;
content:"◀";
color:#fff;
background:#ff0;
position:absolute;
width:100%;
font-size: 16px;
height:100%;
left:0;
height:0;
}

button
{
	user-select: none;
	-webkit-user-select:none;
}


.headline .label
{
	display: none;
}

.headline .button
{
	display: none;
}