html {
                -webkit-text-size-adjust: 100%
            }
            body {
                margin: 0;
                padding: 0;
                font-size: 12px;
                color: #666;
                font-family: Verdana,Geneva,sans-serif;
                background: #f8c38d
            }
            dl,dt,dd,ul,li,h1,h2,form,input,textarea,p,td,h4,h3 {
                padding: 0;
                margin: 0
            }
            ul,dl {
                list-style: none
            }
            img {
                vertical-align: top;
                border: 0
            }
            .clear {
                clear: both
            }
            .left {
                float: left
            }
            .right {
                float: right
            }
            div.header {
                min-width: 240px;
                width: 100%;
                height: 55px;
                opacity: 1;
                filter: alpha(opacity=100);
                background: #87042e;
                background: -webkit-linear-gradient(top,#87042e 0%,#87042e 100%);
                background: linear-gradient(to bottom,#87042e 0%,#87042e 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF266887',endColorstr='#FF0A4D6C',GradientType=0);
                border-bottom: 1px solid #111;
                text-align: center
            }
            div.header_left {
                float: left;
                width: 40px;
                padding-left: 10px;
                cursor: pointer
            }
            div.header_right {
                float: right;
                width: 40px;
                padding-right: 10px;
                cursor: pointer
            }
            #PopMenuDiv {
                position: absolute;
                width: 180px;
                left: 0;
                top: 55px;
                z-index: 1000;
                text-align: left;
                display: none
            }
            #PopMeneUL li {
                width: 100vw;
                height: 32px;
                line-height: 32px;
                font-size: 14px;
                overflow: hidden;
                border-bottom: #2676A2 1px solid;
                background: #266887;
                padding: 3px 0 3px 10px;
                color: #fff
            }
            #PopMeneUL li.selected {
                background: #012F47
            }
            #PopMeneUL li.selected a {
                color: #FDB504
            }
            #PopMeneUL li a {
                text-decoration: none;
                color: #FFF
            }
            #PopMeneUL li img {
                padding: 0 5px 0 0;
                width: 32px;
                height: 32px
            }
            #searchDiv {
                width: 100%;
                height: 30px;
                padding: 0 0 0 0;
                position: relative;
                display: none;
                clear: both;
                margin-top: -1px
            }
            #searchForm #keywordsDiv {
                height: 30px;
                float: left;
                width: 100%
            }
            #searchForm #keywordsInput {
                width: 100%;
                height: 30px;
                padding-left: 5px;
                padding-right: 60px
            }
            #searchForm #submitDiv {
                width: 60px;
                height: 30px;
                float: right;
                position: absolute;
                right: 0
            }
            #searchForm #submitInput {
                width: 100%;
                height: 30px;
                border: 0;
                background-color: #056194;
                color: #FFF;
                font-weight: 700
            }
            div.allgames {
                margin-left: auto;
                margin-right: auto;
                height: auto;
                min-height: calc(100vh - 235px);
            }
            div.thumb {
                float: left;
                background: #FFF;
                text-align: center;
                position: relative;
                aspect-ratio: 4 / 3;
                border: #188CB7 5px solid;
                color: #FDB504;
                font-size: 12px;
                border-radius: 15px;
                box-sizing: border-box;
                -webkit-border-radius: 15px;
                -moz-border-radius: 15px;
                -ms-border-radius: 15px;
                -o-border-radius: 15px;
                box-shadow: -4px 4px 5px #00557D,4px -4px 5px #00557D;
                -webkit-box-shadow: -4px 4px 5px #00557D,4px -4px 5px #00557D;
                -moz-box-shadow: -4px 4px 5px #00557D,4px -4px 5px #00557D
            }
            div.thumb {
                --margin: 10px;
                --allWidth: calc(100% - 40px);
                --width: calc((100% - 40px)/2);
                margin: var(--margin);
                width: var(--width)
            }
            @media only screen and (min-width: 300px) {
                div.thumb {
                    --margin:10px;
                    --allWidth: calc(100% - 60px);
                    --width: calc((100% - 60px)/3);
                    margin: var(--margin);
                    width: var(--width)
                }
            }
            @media only screen and (min-width: 600px) {
                div.thumb {
                    --margin:10px;
                    --allWidth: calc(100% - 80px);
                    --width: calc((100% - 80px)/4);
                    margin: var(--margin);
                    width: var(--width)
                }
            }
            @media only screen and (min-width: 1000px) {
                div.thumb {
                    --margin:10px;
                    --allWidth: calc(100% - 120px);
                    --width: calc((100% - 120px)/6);
                    margin: var(--margin);
                    width: var(--width)
                }
            }
            @media only screen and (min-width: 1400px) {
                div.thumb {
                    --margin:10px;
                    --allWidth: calc(100% - 160px);
                    --width: calc((100% - 160px)/8);
                    margin: var(--margin);
                    width: var(--width)
                }
            }
            div.thumb a img {
                width: 100%;
                height: 100%;
                border-radius: 8px;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                -ms-border-radius: 8px;
                -o-border-radius: 8px;
                border: #009EEA 1px solid;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box
            }
            div.thumb a {
                color: #f5f500;
                text-decoration: none
            }
            div.thumb span.GameName {
                filter: alpha(opacity=80);
                -moz-opacity: .8;
                opacity: .8;
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: auto;
                display: none;
                color: #FDB50E;
                background-color: #111;
                padding: 5px 0 5px 0;
                border-bottom-left-radius: 10px;
                border-bottom-right-radius: 10px
            }
            .tag-new {
                position: absolute;
                top: -5px;
                left: -5px;
                width: 58px;
                height: 58px;
                background: url(../tag-new.html) 0 0 no-repeat;
                display: none
            }
            .tag-hot {
                position: absolute;
                top: -5px;
                left: -5px;
                width: 58px;
                height: 58px;
                background: url(../tag-hot.html) 0 0 no-repeat;
                display: none
            }
            .tag-best {
                position: absolute;
                top: -5px;
                left: -5px;
                width: 58px;
                height: 58px;
                background: url(../tag-best.html) 0 0 no-repeat;
                display: none
            }
            .tag-feature {
                position: absolute;
                top: -5px;
                left: -5px;
                width: 58px;
                height: 58px;
                background: url(../tag-featured12.html) 0 0 no-repeat
            }
            span.GameRating {
                position: absolute;
                top: 2px;
                right: 2px;
                display: none;
                background: url(../stars.html) 0 -16px repeat-x;
                width: 80px;
                height: 16px
            }
            span.GameRating span {
                background: url(../stars.html) 0 0 repeat-x;
                display: block;
                width: 80px;
                height: 16px
            }
            #loadingmoregames {
                clear: both;
                width: 100%;
                text-align: center;
                padding: 10px;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box
            }
            .foot {
                height: 40px;
                width: 100%;
                min-width: 240px;
                line-height: 40px;
                color: #fff;
                clear: both;
                overflow: hidden;
                text-align: center;
                background: #87042e
            }
            .foot a {
                color: #fff;
                text-decoration: none
            }
            div.bottomtext {
                clear: both;
                padding: 5px 10px 10px 10px;
                color: #fff;
                width: 100%;
                min-width: 240px;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                font-size: 14px;
                line-height: 20px
            }
            div.bottomtext a {
                color: #fff;
                font-weight: 700;
                text-decoration: none
            }
            #backToTop {
                width: 60px;
                height: 50px;
                position: fixed;
                bottom: 50px;
                right: 10px;
                display: none;
                background: url(../png/backtotop.png);
                cursor: pointer
            }
            #footad {
                position: fixed;
                width: 100%;
                height: 50px;
                text-align: center;
                bottom: 0;
                background: #fff;
                padding-top: 5px
            }
            div.ThumbAd {
                width: 100%;
                height: auto;
                clear: both;
                text-align: center;
                margin-top: 5px;
                border: 0;
                color: #FFF;
                background: #0e93cb;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                -ms-border-radius: 0;
                -o-border-radius: 0;
                box-shadow: 0 0 0 #00557D,0 0 0 #00557D;
                -webkit-box-shadow: 0 0 0 #00557D,0 0 0 #00557D;
                -moz-box-shadow: 0 0 0 #00557D,0 0 0 #00557D
            }