.logo {width:180px}
/* nav {background-color:#101010} */
body {background:url("../image/background.jpg")}
/* body { background: #18b528; }
nav { background-color: #37833a; } */
.icon{width:45px;height:45px}
.label{font-family:var(--bs-font-monospace);text-align:center;text-transform:uppercase}
.label{display:inline-block;width:100%;overflow:hidden;padding:.25rem .25rem 0 .25rem;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}
.gameList{position:relative}
.gameList a{width:100px;height:100px;display:block}
.gameList a img{width:100px;height:100px;border-radius:15px;border:2px solid rgba(69,69,69,1);top:20px}
.gameList a p{width:100px;max-height:38px;bottom:-20px;position:absolute;color:white;font-family:var(--bs-font-monospace);text-transform:capitalize;background:rgba(69,69,69,1);border-bottom-left-radius:10px;border-bottom-right-radius:10px;font-size:.75rem;text-align:center;overflow:hidden; white-space: nowrap;
    text-overflow: ellipsis; -o-text-overflow:ellipsis; padding:0 7px;}

.navbar-expand-lg .navbar-collapse{justify-content: center;}

.search-form{position:relative;display:block;width: 245px;margin-top: 15px;}
.search-form .search-input{display:block;background:#e5e9ef;color:#fff;border:none;border-radius:25px;width:100%;height:48px;line-height:48px;padding:0 45px 0 15px;background-color:#463e62;font-size:16px;outline: none;}
.search-form .search-input::placeholder{color:#d0deed}
.search-form .search-input:focus{background-color:#574b81}
.search-form .search-btn{width:48px;height:48px;position:absolute;right:0px;top:0px;border:none;border-radius:0 5px 5px 0;background: transparent;cursor: pointer;}

.title-text{color: #fff;text-align: center;}
.navbar-dark .navbar-toggler{box-shadow: none;border-color: rgba(255,255,255,.55);}

footer{margin-bottom: 100px;height:55px;line-height: 55px;padding:0 30px;display: flex;justify-content: space-evenly;align-items: center;font-size: 14px;}
footer .f-logo{height:35px;width:auto;vertical-align: middle;}
footer .links a{color: #f8ecec;margin:0 6px;font-size: 14px;opacity: 0.8;}
footer .links a:hover{opacity: 1.0;}
footer .f-text{color: #f8ecec;opacity: 0.8;}

#AdAAnchor {max-height: 90px;}

@media screen and (max-width:575px) {
    .search-form{width: 285px;margin-top:0;}
    .footer-H{height:105px;}
    footer{margin-bottom: 30px;height:100px;line-height: 1;padding:10px;display: block;}
    footer .f-logo{display: block;margin:0 auto;}
    footer .links{text-align: center;margin:5px 0 10px;}
    footer .links a{font-size: 15px;}
    footer .f-text{text-align: center;font-size: 12px;}
    .gameDesc-box{max-height:200px;overflow-y: auto;}
    #AdAAnchor {max-height: 56px;}
}

/* game detail page */
.gameImg-box {
    width: 100%;
}
.gameImg {
    width: 120px;
    height: 120px;
    border-radius: 10px;
    margin-top: 10px;
}
.playBtn {
    position: relative;
    top: -5rem;
    font-size: 4rem;
    color: rgba(255, 255, 255, 0.8);
}
.gameTitle {
    font-size: 1rem;
    text-decoration-line: underline;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.75);
}
.gameDesc {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.75);
}