:root{
--soultpl-back-color:white;
--soultpl-fore-color:black;
--soultpl-back-color-dim:white;
--soultpl-back-color-dim2:white;
--soultpl-link-color:blue;
--soultpl-link-visited-color:purple;
}

body{
font-family:sans-serif;
font-size:16px;
background:var(--soultpl-back-color);
color:var(--soultpl-fore-color);
}
*{
color:inherit;
font-family:inherit;
}
html,body{
height:100%;
}
body{
margin:0;
padding:8px;
box-sizing:border-box;
}
*:not(h1,h2,h3,h4,h5,h6,small,big,rt,sup,sub){
font-size:inherit;
}
*:disabled,.disabled{
opacity:0.4;
}
embed,*.day,*.day *{
background:white !important;
color:black !important;
}
.soulbox,td,input,select,keygen,textarea,button,code,fieldset{
background:var(--soultpl-back-color-dim);
}
th{
background:var(--soultpl-back-color-dim2);
}
.soulbox,td,th,input,select,keygen,textarea,button,code,fieldset{
border:1px solid var(--soultpl-fore-color);
}
.soulbox,td,th,input,select,keygen,textarea,button,code,fieldset,mark{
border-radius:8px;
}
img{
max-width:100%;
}
*:not(meter,.day){
appearance:none;
-webkit-appearance:none;
}
.soulbox,td,th,input,select,keygen,textarea,code{
box-sizing:border-box;
padding:4px;
}
mark{
padding:2px;
margin:2px;
}
button,input[type=button],input[type=submit],input[type=reset]{
padding:4px 8px;
}
a:link{
text-decoration:none;
color:var(--soultpl-link-color);
}
a:visited{
color:var(--soultpl-link-visited-color);
}
a:hover{
text-decoration:underline;
}
h1,h2,h3,h4,h5,p{
margin:8px 0;
}
em{
font-style:italic;
}
strong{
font-weight:bold;
font-variant:small-caps;
}
blockquote{
margin:8px 0 0 30px;
}
code{
display:inline-block;
}

.§0{color:#000}
.§1{color:#00a}
.§2{color:#0a0}
.§3{color:#0aa}
.§4{color:#a00}
.§5{color:#a0a}
.§6{color:#fa0}
.§7{color:#aaa}
.§8{color:#555}
.§9{color:#55f}
.§a{color:#5f5}
.§b{color:#5ff}
.§c{color:#f55}
.§d{color:#f5f}
.§e{color:#ff5}
.§f{color:#fff}
.§l{text-weight:bold}
.§m{text-decoration:line-through}
.§n{text-decoration:underline}
.§o{text-style:italic}
textarea{
-webkit-overflow-scrolling:touch;
}


/*
 * soultpl
 */

/* heading */
.soultpl-heading-placeholder{
height:4rem;
}
.soultpl-heading-box{
position:fixed;
top:0px;
left:0px;
width:100%;
height:4rem;
text-align:center;
background:var(--soultpl-back-color);
border-bottom:1px solid var(--soultpl-fore-color);
z-index:999;
}
.soultpl-heading-text{
margin:0;
line-height:4rem;
}

/* footer */
.soultpl-footer-box{
margin-top:1.25rem;
width:100%;
text-align:center;
background:var(--soultpl-back-color);
border:1px solid var(--soultpl-fore-color);
}

/* back to top */
.soultpl-backtotop-button{
width:3.125rem;
height:3.125rem;
font-size:1.875rem;
text-align:center;
line-height:3.125rem;
position:fixed;
right:1rem;
bottom:4rem;
z-index:998;
}

/* dropdown navigate bar */
.soultpl-combomenu{
padding:0;
}
.soultpl-combomenu li{
position:relative;
display:block;
float:left;
list-style-type:none;
margin:2px;
}
.soultpl-combomenu li:hover>a{
text-decoration:underline;
}
.soultpl-combomenu li a{
display:block;
}
.soultpl-combomenu ul{
float:left;
padding:0;
}
.soultpl-combomenu li li{
float:none;
margin:2px 0;
}
.soultpl-combomenu li>ul{
visibility:hidden;
position:absolute;
z-index:1;
}
.soultpl-combomenu li:hover>ul{
visibility:visible;
left:0;
top:100%;
}
.soultpl-combomenu li li:hover>ul{
visibility:visible;
left:100%;
top:0;
}