* {
    margin: 0;
    padding: 0;
    font-size: medium;
}
@media screen and (max-width:480px){
    * {
        font-size: large;
    }
}
a.button {
    width: 100%;
    height: 100%;
    display: block;
}
a.menu {
    display: block;
}
#ggl_head {
    margin: 5px;
    padding: 5px;
}
#ggl_foot {
    margin: 5px;
    padding: 5px;
}
div.tr {
    display: flex;
}
div.tr:hover {
    background: #dbb;
}
div.td {
    flex: 1;
}
div.td2 {
    flex: 2;
}
div.td4 {
    flex: 4;
}
div.td8 {
    flex: 8;
}
div.tdh {
    flex: 1;
    background: #ecc;
}
div.tdb {
    flex: 5;
}
div.win {
    background: #447;
    position :absolute;
    border-radius: 5px;
    margin: 5px;
    padding: 0px 5px;
}
div.win_head {
    color: #fff;
}
div.win_body {
    background: #fff;
}
span.close {
    background: #88c;
}
input.id {
    width: 90%;
}
.inp_blg {
    width: 90%;
    height: 400px;
}
.inp_txt {
    width: 90%;
    height: 50px;
}
.inp_img {
    width: 100px;
    height: 100px;
}
#top {
    position: sticky;
    top: 0;
    background: #ecc;
}
#foot {
    height: 2000px;
}
#bottom {
    position: sticky;
    bottom: 0;
    background: #ecc;
}
div.cont {
    background: #ded;
    border-radius: 5px;
    margin: 5px;
    padding: 5px;
    line-height: 150%;
}
a.link {
    color: #000;
    background: #ecc;
    border-radius: 5px;
    margin: 5px;
    padding: 0px 5px;
}
a.link:hover {
    color: #ecc;
    background: #000;
}
span.link {
    color: #fff;
    background: #a88;
    border-radius: 5px;
    margin: 5px;
    padding: 0px 5px;
}
span.link:hover {
    color: #a88;
    background: #eee;
}
.midbtn {
    color: #fff;
    background: #8a8;
    border-radius: 5px;
    margin: 5px;
    padding: 0px 5px;
    font-size: 30px;
}
.midbtn:hover {
    color: #a88;
    background: #eee;
}
.bigbtn {
    color: #fff;
    background: #a88;
    border-radius: 5px;
    margin: 5px;
    padding: 0px 5px;
    font-size: 50px;
}
.bigbtn:hover {
    color: #a88;
    background: #eee;
}
span.alt {
    color: #fff;
    background: #f00;
    border-radius: 5px;
    margin: 5px;
    padding: 0px 5px;}
.hide {
    color: #fff;
    background: #447;
    border-radius: 5px;
    margin: 5px;
    padding: 0px 5px;
}
label:hover {
    color: #fff;
    background: #000;
}
.hide:hover {
    color: #447;
    background: #eee;
}
.dic {
    color: #fff;
    background: #447;
    border-radius: 5px;
    margin: 5px;
    padding: 0px 5px;
}
.dic:hover {
    color: #447;
    background: #eee;
}
h1 {
    color: #fff;
    background: #88a;
    border-radius: 5px;
    margin: 5px;
    padding: 0px 5px;
}
h2 {
    color: #fff;
    background: #797;
    border-radius: 5px;
    margin: 5px;
    padding: 0px 5px;
}
h3 {
    color: #fff;
    background: #9b9;
    border-radius: 5px;
    margin: 5px;
    padding: 0px 5px;
}
.btn_blue {
    color: #fff;
    background: blue;
    border-radius: 5px;
    margin: 5px;
    padding: 0px 5px;
}
.btn_red {
    color: #fff;
    background:red;
    border-radius: 5px;
    margin: 5px;
    padding: 0px 5px;
}
.btn_gray {
    color: #000;
    background:gray;
    border-radius: 5px;
    margin: 5px;
    padding: 0px 5px;
}
.btn_orange {
    color: #000;
    background:orange;
    border-radius: 5px;
    margin: 5px;
    padding: 0px 5px;
}
.btn_yellow {
    color: #000;
    background:yellow;
    border-radius: 5px;
    margin: 5px;
    padding: 0px 5px;
}
.btn_green {
    color: #fff;
    background:green;
    border-radius: 5px;
    margin: 5px;
    padding: 0px 5px;
}