html,
       body {
           height: 100%;
           margin: 0;
       }

       body {
           display: flex;
           flex-direction: column;
           min-height: 100vh;
       }

       #wrap {
           flex: 1;
           display: flex;
           flex-direction: column;
       }

       article {
           flex: 1;
       }

       /* footer */
       footer {
           margin-top: auto;
       }

       .service-banner {
           background: url(../../images/service-kv.jpg);
           background-repeat: no-repeat;
           background-position: center;
           background-size: cover;
       }

       .service-header {
           color: #0689F7;
           font-size: 22px;
           font-weight: 900;
           width: 100%;
           text-align: center;
           margin-top: 30px;
       }

       .GameIcon {
           width: 120px;
           height: 120px;
           margin-right: 15px;
           display: inline-block;
           background-size: contain;
           overflow: hidden;
           display: inline-block;
           background-size: cover !important;
           background-position: center !important;
           overflow: hidden;
           vertical-align: middle;
           margin-bottom: 10px;
           object-fit: cover;

       }

       .GameIcon img {
           display: block;
           width: 100%;
           height: auto;
       }

       .GameIcon {
           transform: scale(1, 1);
           transition: all 0.5s ease-out;
       }

       .GameIcon:hover {
           transform: scale(1.1, 1.1);
       }

       .GameInfo {
           display: inline-block;
           width: (100%-130px);
           word-break: break-all;
           overflow: hidden
       }

       a:link .GameNameS {
           color: #fff;
       }

       a:visited .GameNameS {
           color: #fff;
       }

       a:hover .GameNameS {
           color: #0689F7;
           size: 18px;
       }

       a:active .GameNameS {
           color: #fff;
       }