.gold-font {
    background: linear-gradient(to bottom, #cfc09f 22%,#634f2c 24%, #cfc09f 26%, #cfc09f 27%,#ffecb3 40%,#3a2c0f 78%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
}

@font-face {
    font-family: Sukhumvit;
    src: url('https://www.88-hd.com/assets/font/sukhumvit.ttf');
}
html, body {
    height: 100%;
}

body {
    font-family: Sukhumvit, Arial;
    background-image:url('https://www.88-hd.com/assets/img/bg_pattern2.png');
}

.nav-bar {
    width: 100%;
    height: 50px;
    background: rgba(16, 16, 16, 0.8);
}

.nav-bar_content {
    width: 100%;
    height: 50px;
    margin: 0 auto;
}

.nav-bar_content ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.nav-bar_content ul li a {
    display: block;
    float: left;
    padding: 0 10px;
    height: 50px;
    font-size: 18px;
    line-height: 2.7em;
    font-family: Sukhumvit, Arial;
    color: #b0b0b0;
    text-decoration: none;
}

.nav-bar_content ul li a:hover {
    background: #202020;
}

.horizontal-ad-bar {
    width: 728px;
    height: auto;
    margin: 10px auto;
}

.side-ad-bar {
    float: left;
    margin:20px;
    width: 208px;
    height: auto;
}

.content-body {
    float: left;
    width:67vw;
}

.nav-bar_search-container {
    float:right;
    width:296px;
    height:50px;
    overflow:hidden;
    padding-top:6px;
}

.nav-bar_search-lang-switch {
    float:left;
    width: 43px;
    height: 40px;
    position: relative;
    top: -2px;
}

.nav-bar_search-input {
    float:left;
    width:190px;
}

.nav-bar_search-btn {
    float:left;
    margin-left:4px;
    width:42px;
}

.mobile-nav {
    display: none;
}

.content {
    width: 100%;
    min-height: 400px;
    height: auto;
    margin: 10px auto;
}

.footer {
    width: 100%;
    height: auto;
    background: rgba(48, 48, 48, 0.7);
    margin-top: 10px;
    border: solid rgb(25, 25, 25);
    border-width: 1px 0 0 0;
}

.footer_content {
    width: 1024px;
    height: auto;
    color: white;
    margin: 0 auto;
    font-size: 14px;
    padding:15px 0;
}

.footer_content h2 {
    font-size: 14px;
}

.page-section-h {
    margin: 0 10px;
}

hr {
    border-color: white;
}

.ext-nav-button {
    font-size: 18px;
    line-height: 2.7em;
    font-family: Sukhumvit, Arial;
    color: #ffffff;
    text-decoration: none;
}

.ext-nav-button img {
    position: relative;
    top:-2px;
}

.ext-nav-button:hover {
    background: #202020;
}

/**
 Mobile devices.
 */
@media only screen and (max-width: 1024px) {
    #left-side-ad {
        display: none;
    }

    .nav-bar_content {
        width: 100%;
        height: 50px;
        margin: 0 auto;
    }

    .nav-bar_content ul {
        display: none;
    }

    .nav-bar_search-container {
        float:right;
        width:246px;
        height:50px;
        overflow:hidden;
        padding-top:5px;
        margin-right:5px;
    }

    .mobile-nav {
        display: flex;
        float:left;
        height: 50px;
    }

    .horizontal-ad-bar {
        width: 100%;
        height: auto;
        margin: 10px auto;
        text-align: center;
    }

    .horizontal-ad-bar img {
        width: 100%;
        height: 22%;
    }

    .content {
        width: 100%;
        min-height: 400px;
        height: auto;
        margin: 10px auto;
    }

    .footer_content {
        width: 96%;
        margin: 10px 2%;
        height: auto;
        color: white;
        font-size: 14px;
        padding:15px 0;
    }

    .nav-bar_search-lang-switch {
        display: none;
    }

    .content-body {
        float: none;
        width:100%;
    }

    .side-ad-bar {
        float: none;
        margin:0;
        width: 100%;
        height: auto;
        text-align: center;
    }

    #search-input_textbox {
        display: none;
    }

    .nav-bar_search-container {
        width: 70px !important;
    }
}

@media only screen and (max-width: 395px) {
    .content {
        width: 100%;
        min-height: 400px;
        height: auto;
        margin: 10px auto;
        text-align: center;
    }
}

.floating_ads_bt-mid_container {
    position: fixed;
    left: 50%;
    bottom: 0%;
    -ms-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    width: 728px;
    height: 90px;
    margin-bottom: 15px;
    background: none;
    z-index: 20000;
    box-shadow: #000 0 2px 18px;
    text-align: center;
}

@media only screen and (max-width: 728px) {
    .floating_ads_bt-mid_container {
        width: 100%;
        height: auto;
    }

    .floating_ads_bt-mid_container img {
        width: 100%;
        height: 22%;
    }

}