@import url(http://fonts.googleapis.com/css?family=Open+Sans);

@font-face {
    font-family: 'Century Gothic';
    src: url('../lib/font/CenturyGothic.eot');
    src: url('../lib/font/CenturyGothicd41d.eot?#iefix') format('embedded-opentype'), url('../lib/font/CenturyGothic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

*:focus {
    outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: none;
    border-bottom: 1px solid #624700;
    -webkit-text-fill-color: white;
    -webkit-box-shadow: 0 0 0px 1000px #00000000 inset;
    transition: background-color 5000s ease-in-out 0s;
}

body {
    /*background-image: url("/images/background.jpg");*/
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    font-family: 'Ubuntu', sans-serif;
    background-color: #000 /*#0b1320*/;
}

.cent-goth {
    font-family: 'Century Gothic';
}

.montserrat {
    font-family: 'Montserrat', sans-serif;
}

.divbody1 {
    background-color: #0b1320;
}

.divbody2 {
    width: 1024px;
    padding: 20px;
    border: 0px solid white;
    color: #fff;
    text-align: left;
}

A {
    text-decoration: none;
}

    A:link {
        color: #696969;
        text-decoration: none;
    }

    A:active {
        color: #696969;
        text-decoration: none;
    }

    A:visited {
        color: #696969;
        text-decoration: none;
    }

    A:hover {
        color: #13e3d7;
        text-decoration: underline;
    }

.form-acc {
    text-align: center;
}

.promotion {
    background: rgb(63,8,92);
    background: linear-gradient(0deg, rgba(63,8,92,1) 0%, rgba(13,13,13,1) 60%, rgba(0,0,0,1) 100%);
}

    .promotion .accordionBanner .promo-small-img {
        display: none;
    }

/*.promotion .accordionBanner p {
        margin: 0;
        font-family: 'Century Gothic';
        padding: 16px;
        color: white;
        font-weight: bold;
        font-style: italic;
        font-size: 22.5px;
        background-color: #252525;
        border-top: 2px solid #03a0f3;
    }

        .promotion .accordionBanner p span {
            color: #03a0f3;
        }*/

.field-lbl {
    font-size: calc(10px + 0.2vw);
    display: block;
    text-align: left;
    color: #04f0ff;
    font-family: 'Century Gothic';
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 15px;
}

.field-input {
    display: block;
    background: rgba(69,155,212, 0.1);
    color: white !important;
    width: 100%;
    border: none;
    /*padding: 3% 0;*/
    /*border-bottom: 1px solid #624700;*/
    margin: 5px 0;
    padding: 12px 10px;
    font-family: 'ubuntu';
    font-size: calc(10px + 0.2vw);
    cursor: text;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    .field-input::-webkit-input-placeholder {
        /*font-style: italic;*/
        color: #9e9e9e;
    }

    .field-input option {
        color: #03a0f3;
        background-color: black;
    }

.hasDatepicker {
    -webkit-appearance: none;
    background-image: url("../images/calendar_icon.png") !important;
    background-position: 98% center !important;
    background-repeat: no-repeat !important;
    background-size: 5% !important;
}

    .hasDatepicker:hover {
        cursor: pointer;
    }

.select {
    -webkit-appearance: none;
    background-image: url("../images/select-arr.png") !important;
    background-position: 98% center !important;
    background-repeat: no-repeat !important;
}

    .select:hover {
        cursor: pointer;
    }

.fileinput {
    pointer-events: auto;
    display: inline-block;
    width: 30%;
    background-color: #03a0f3;
    color: white;
    padding: 10px;
}

    .fileinput:hover {
        cursor: pointer;
        background-color: #00669c;
    }

.filename {
    display: inline-block;
    width: 62%;
    text-align: right;
}

.dep-cont, .wd-cont, .tfr-cont, .cpw-cont {
    padding: 0 100px;
    font-size: 0px;
    text-align: center;
}

    .dep-cont .dep-field, .wd-cont .wd-field, .tfr-cont .tfr-field, .cpw-cont .cpw-field {
        width: 42%;
        display: inline-block;
        vertical-align: top;
        margin: 0 20px;
    }

.reg-form .uni-title {
    width: auto;
    padding: 3% 0;
}

    .reg-form .uni-title img {
        width: 35%;
    }

.reg-form .reg-field {
    text-align: center;
}

    .reg-form .reg-field .reg-left, .reg-field .reg-right {
        width: 30%;
        display: inline-block;
        margin: 0 3%;
        vertical-align: top;
    }

.fp-form, .m-fp {
    position: relative;
}

    .fp-form .uni-title, .m-fp .uni-title, .m-lang .uni-title, .m-loginp .uni-title, .m-reg .uni-title {
        width: auto;
        padding: 5% 0;
    }

    .fp-form .errMsg, .m-fp .errMsg, .m-loginp .errMsg, .reg-form .errMsg {
        position: absolute;
        text-align: center;
        width: 100%;
        top: 15%;
        z-index: 9;
    }

    .fp-form .uni-title img, .m-fp .uni-title img {
        width: 60%;
    }

    .fp-form .uni-title p, .m-fp .uni-title p, .reg-form .uni-title p {
        top: 20%;
        font-size: 1.5vw;
    }

        .fp-form .uni-title p span, .reg-form .uni-title p span, .m-fp .fp-desc, .m-lang .lang-desc, .m-loginp .loginp-desc, .m-reg .reg-desc {
            display: block;
            color: white;
            font-size: 0.85vw;
            letter-spacing: 0;
            font-weight: lighter;
            font-family: Ubuntu;
            margin-top: 10px;
        }

    .fp-form .fp-btn, .m-fp .fp-btn, .m-loginp .loginp-btn {
        width: 100%;
        text-align: right;
        padding: 8% 0;
    }
.reg-btn {
    width: 100%;
    text-align: center;
    padding: 8% 0;
}

.con-btn {
    margin: 0 8%;
}

.req-suc {
    color: #03a0f3;
    text-align: center;
    font-size: 20px;
    padding: 50px 0;
}

.dep-btn {
    margin-top: 65px;
}

    .dep-btn .con-btn {
        text-align: center;
    }

.time-pick {
    text-align: left;
}

    .time-pick .select {
        width: 26%;
        display: inline-block;
        margin-right: 3.7%;
    }

        .time-pick .select:last-child {
            margin: 0;
        }

.reg-btn .con-btn {
    /*margin: 0 18%;*/
    margin: 0 auto;
}

.con-btn .clear {
    background: none;
    border: none;
    color: grey;
    box-shadow: none;
    width: 60px !important;
}

    .con-btn .clear:hover {
        background: none !important;
    }

.fp-form .fp-btn .btn, .m-fp .fp-btn .btn, .m-loginp .loginp-btn .btn, .reg-btn .con-btn .btn, .m-reg .con-btn .btn {
    float: unset;
    width: 30%;
}

.reg-btn .con-btn .btn {
    width: 20%;
}

.fp-form .fp-field, .m-fp .fp-field {
    width: 330px;
    margin: auto;
    text-align: center;
}

    .fp-form .fp-field .alertfont, .m-fp .fp-field .alertfont, .reg-form .alertfont, .m-reg .alertfont {
        text-align: left;
        display: block;
        color: grey;
        width: 100%;
        margin-bottom: 5%;
        font-size: calc(7.5px + 0.2vw);
    }

.banking, .faq, .tnc, .about, .fp-form, .m-fp, .m-lang, .m-loginp, .reg-form, .m-reg, .profile-bg {
    /*background-image: url("/images/toplight-bg.png");
    background-repeat: no-repeat;
    background-position-x: center;*/
}

.banking, .about, .vip, .tnc, .faq {
    background: rgb(63,8,92);
    background: linear-gradient(0deg, rgba(63,8,92,1) 0%, rgba(13,13,13,1) 60%, rgba(0,0,0,1) 100%);
}

    .banking #b-type {
        width: 900px;
        font-family: 'Lato';
        text-align: center;
        font-size: 10px;
        margin: 25px 0;
    }

        .banking #b-type caption {
            color: #fff;
            font-family: 'Century Gothic';
            font-style: italic;
            padding-bottom: 15px;
            text-align: left;
            font-size: 25px;
            font-weight: bold;
        }

        .banking #b-type .b-method {
            padding: 25px 20px;
        }

        .banking #b-type #b-content {
            text-align: left;
            font-size: 16px;
            color: #fff;
            font-family: 'Ubuntu'
        }

    .banking table {
        width: 100%;
        
    }

    .banking table, .banking th, .banking td {
        border: 0px solid #03a0f3;
        border-collapse: separate;
        border-spacing: 2px;
        overflow: hidden;
    }

    .banking th {
        background-color: transparent; /*#13e3d7;*/
        color: #fff; /*#000;*/
        padding: 15px;
        font-size: 15px;
    }

    .banking #b-deposit th {
        background-color: #13e3d7;
    }

    .banking td {
        color: #fefefe;
        padding: 15px;
        font-size: 14px;
    }

    .banking tr {
        /*background-image: url("/images/diamond-bg.png");*/
        background-color: #000;
    }

    .banking #b-type #b-content ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .banking #b-type #b-content li {
        line-height: 1.4;
    }

        .banking #b-type #b-content li:before {
            content: "* ";
        }

.uni-title {
    margin: auto;
    width: 815px;
    position: relative;
    text-align: center;
    padding: 2% 0;
}

    .uni-title p {
        position: absolute;
        left: 0;
        bottom: 52px;
        width: 100%;
        text-align: center;
        color: #03a0f3;
        font-family: 'Lato';
        font-weight: bold;
        letter-spacing: 4px;
        font-size: 50px;
    }

.slot-box {
    min-width: 1024px;
    position: relative;
}

    .slot-box #slot-bg {
        background: url(../images/slot-bg.html);
        background-position-x: center;
        background-size: 100%;
        background-repeat: no-repeat;
    }

.slot-container {
    padding: 35% 20% 2% 20%;
}

    .slot-container .slot-main {
        text-align: center;
        position: relative;
        margin-bottom: 5%;
    }

        .slot-container .slot-main img:nth-child(1) {
            width: 50%;
        }

    .slot-container .prod-img {
        width: 16%;
        display: inline-block;
        position: absolute;
        left: 31%;
        top: 65%;
    }

        .slot-container .prod-img img {
            width: 100% !important;
        }

    .slot-container .prod-link {
        width: 30%;
        position: absolute;
        text-align: left;
        left: 52%;
        top: 70%;
    }

        .slot-container .prod-link img {
            width: 21% !important;
            margin: 0 2%;
        }

    .slot-container .slot-sub {
        text-align: center;
    }

        .slot-container .slot-sub .sub-prod {
            width: 49%;
            display: inline-block;
            position: relative;
            margin-bottom: 10%;
            text-align: right;
        }

        .slot-container .slot-sub .sub-bg img:nth-child(1) {
            width: 90%;
        }

        .slot-container .slot-sub .sub-bg img:nth-child(3) {
            position: absolute;
            width: 50%;
            left: 0;
            top: 70%;
        }

        .slot-container .slot-sub .sub-prod-img {
            position: absolute;
            top: 85%;
            left: 9%;
            width: 30%;
            text-align: center;
        }

            .slot-container .slot-sub .sub-prod-img img {
                width: 90%;
            }

        .slot-container .slot-sub .sub-prod-link {
            position: absolute;
            left: 48%;
            top: 90%;
            width: 50%;
            text-align: left;
        }

            .slot-container .slot-sub .sub-prod-link img {
                margin-right: 5%;
                width: 25%;
            }

.live-box {
    position: relative;
    min-width: 1024px;
}

    .live-box img:first-child {
        width: 100%;
    }

    .live-box .live-container {
        padding-top: 30%;
        position: absolute;
        top: 0;
        width: 100%;
        height: 30%;
    }

    .live-box .live-3d {
        text-align: center;
        padding-top: 8%;
        position: relative;
        height: 83%;
    }

    .live-box .live-prod {
        position: absolute;
        top: 54%;
        left: 37%;
        width: 25%;
    }

    .live-box .prod-img img {
        width: 40%;
    }

    .live-box .prod-link {
        text-align: center;
    }

        .live-box .prod-link img {
            width: 15%;
            margin: 0 5%;
        }

.live-sub {
    text-align: center;
    height: 96%;
}

    .live-sub .sub, .live-sub .sub-invd {
        width: 49%;
        display: inline-block;
        padding-top: 5%;
        position: relative;
        margin-bottom: 8%;
        height: 69%;
    }

        .live-sub .sub .sub-img, .live-sub .sub-invd .sub-img {
            width: 100%;
            height: 85%;
        }

    .live-sub .sub-left {
        text-align: right;
    }

    .live-sub .sub-right {
        text-align: left;
    }

    .live-sub .alone {
        float: left;
    }

    .live-sub .sub-left .sub-prod {
        width: 40%;
        display: inline-block;
        position: absolute;
        top: 61%;
        left: 21%;
        text-align: center;
    }

    .live-sub .left {
        width: 50% !important;
        display: inline-block;
        transform: perspective( 400px ) rotateY(-15deg);
        margin-right: 10%;
        box-shadow: 0px 0px 20px 7px #8a8361;
    }

    .live-sub .right {
        width: 50% !important;
        display: inline-block;
        transform: perspective( 400px ) rotateY(15deg);
        margin-left: 10%;
        box-shadow: 0px 0px 20px 7px #8a8361;
    }

    .live-sub .sub-right .sub-prod {
        width: 40%;
        display: inline-block;
        position: absolute;
        top: 60%;
        right: 24%;
        text-align: center;
    }

    .live-sub .sub-logo {
        width: 100%;
        display: inline-block;
    }

        .live-sub .sub-logo img {
            width: 40%;
        }

    .live-sub .sub-link {
        width: 100%;
        display: inline-block;
    }

        .live-sub .sub-link img {
            width: 20%;
            margin: 0 5%;
        }

.sg-live-img {
    display: inline-block;
    width: 49%;
    height: 100%;
}

    .sg-live-img img {
        height: 100%;
    }

.sg-live {
    width: 45%;
    display: inline-block;
    transform-style: preserve-3d;
    height: 60%;
}

    .sg-live img {
        box-shadow: 0px 0px 20px 7px #8a8361;
    }

    .sg-live:nth-child(1) .sg-live-img:nth-child(2) {
        transform: perspective( 400px ) rotateY(15deg);
    }

    .sg-live:nth-child(1) .sg-live-img:nth-child(1) {
        transform: perspective( 400px ) rotateY(20deg);
    }

        .sg-live:nth-child(1) .sg-live-img:nth-child(1) img {
            margin-left: 60%;
        }

    .sg-live:nth-child(2) .sg-live-img:nth-child(1) {
        transform: perspective( 400px ) rotateY(-15deg);
    }

    .sg-live:nth-child(2) .sg-live-img:nth-child(2) {
        transform: perspective( 400px ) rotateY(-20deg);
    }

        .sg-live:nth-child(2) .sg-live-img:nth-child(2) img {
            margin-left: -110%
        }

.spt-btn {
    margin-top: 5%;
}

    .spt-btn img {
        width: 30% !important;
        height: auto !important;
        margin-top: 4%;
    }

        .spt-btn img:hover {
            cursor: pointer;
            transform: scale(1.1);
        }

.m-sport-container {
    display: none;
}

#sport-slide::-webkit-scrollbar {
    width: 5px;
    background-color: #00000000;
}

#sport-slide::-webkit-scrollbar-thumb {
    background-color: #0000003b;
    border-radius: 10px;
}

.sport-container {
    position: relative;
    min-width: 1024px;
}

.m-top {
    height: 100%;
}

.sport-container .sport-img-3d {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    overflow-y: scroll;
    text-align: center;
}

    .sport-container .sport-img-3d .left {
        width: 23%;
        margin: 9% 3% 5% 0;
        left: 23%;
        height: 55%;
        top: 21%;
        text-align: center;
        display: inline-block;
    }

    .sport-container .sport-img-3d .right {
        width: 23%;
        margin: 9% 0 5% 3%;
        right: 23%;
        height: 55%;
        top: 21%;
        text-align: center;
        display: inline-block;
    }

    .sport-container .sport-img-3d .img-flat {
        transform: perspective( 400px ) rotateY(0deg);
        height: 100%;
    }

    .sport-container .sport-img-3d .img-left {
        transform: perspective( 400px ) rotateY(20deg);
        height: 100%;
    }

    .sport-container .sport-img-3d .img {
        height: 80%;
        width: 100%;
        border: 0.3vw solid #d4d3d3;
        border-radius: 6%;
        box-shadow: 0px 0px 20px 7px #bce6146b;
        overflow: hidden;
    }

    .sport-container .sport-img-3d .img-left p, .img-flat p, .sport-container .sport-img-3d .img-right p {
        font-size: 3vw;
        width: 100%;
        font-weight: bold;
        margin: 5% 0;
        background: -webkit-linear-gradient(45deg, #ffbb1b 0%, #ffbb1b 22%, #ffff35 50%, #ffff35 58%, #ffbb1b 79%, #ffbb1b 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .sport-container .sport-img-3d .img-left p, .sport-container .sport-img-3d .img-right p {
        background: unset;
        -webkit-background-clip: unset;
        -webkit-text-fill-color: unset;
        color: #ffff35;
        text-shadow: -12px -4.3px 0 #e5ae33, -11px -4px 0 #e5ae33, -10px -3.7px 0 #e5ae33, -9px -3.4px 0 #e5ae33, -8px -3.1px 0 #e5ae33, -1px -1px 0 #e5ae33, -2px -1.3px 0 #e5ae33, -3px -1.6px 0 #e5ae33, -4px -1.9px 0 #e5ae33, -5px -2.2px 0 #e5ae33, -6px -2.5px 1px #e5ae33, -7px -2.8px 5px #e5ae33;
    }

    .sport-container .sport-img-3d .img-right p {
        text-shadow: 12px -4.3px 0 #e5ae33, 11px -4px 0 #e5ae33, 10px -3.7px 0 #e5ae33, 9px -3.4px 0 #e5ae33, 8px -3.1px 0 #e5ae33, 1px -1px 0 #e5ae33, 2px -1.3px 0 #e5ae33, 3px -1.6px 0 #e5ae33, 4px -1.9px 0 #e5ae33, 5px -2.2px 0 #e5ae33, 6px -2.5px 1px #e5ae33, 7px -2.8px 5px #e5ae33;
    }

    .sport-container .sport-img-3d .img-right {
        transform: perspective( 400px ) rotateY(-20deg);
        height: 100%;
    }

.sidenav {
    display: none;
}

.footer {
    margin: 0 auto;
    /*max-width: 1024px;*/
    width: 100%;
    min-width: 1024px;
    width: 100%;
    position: relative;
    margin-top: 50px;
    background-color: #000 !important;
}

.PReg {
    background: #1a1a1a;
    text-align: center;
    padding: 5px 0;
    min-width: 1024px;
}

    .PReg p {
        color: white;
        display: inline-block;
        margin-right: 10px;
    }

    .PReg input {
        float: unset;
        display: inline-block;
        width: 120px;
    }

.mask {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #00000063;
    z-index: 8;
}

.footer-banner h5 {
    color: grey;
    text-align: center;
}

.footer-banner .footer-bank-logo {
    text-align: center;
}

.footer-bank-logo img {
    width: 120px;
    margin: 0px 5px;
}

#menu5 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.9em;
    border-radius: 3px;
    border: solid #2789b7 2px;
    margin-top: 5px;
}

    #menu5 ul {
        position: absolute;
        display: block;
        opacity: 0.97;
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        display: block;
        font-size: 0.9em;
    }

        #menu5 ul li, #menu5 li a {
            width: 97.3%;
            min-width: 288px;
        }

        #menu5 ul li {
            display: block;
            text-align: center;
            line-height: 50px;
            font-family: 'Muli';
            color: black;
            background: #8A8A7F;
            text-decoration: none;
        }

#logo {
    float: left;
    margin: 10px 0px;
}

#contact {
    margin-left: 50px;
    width: 230px;
    color: white;
    font-family: 'Open Sans';
    font-size: 0.9em;
    margin-top: 10px;
    text-align: left;
    float: left;
}

    #contact p {
        font-family: 'Open Sans';
        font-weight: bold;
        margin: 0px;
        margin-top: 8px;
        float: left;
        margin-bottom: 5px;
    }

    #contact img {
        float: left;
        clear: both;
        padding: 5px;
        margin-right: 5px;
        float: left;
    }

img {
    max-width: 100%;
    max-height: 100%;
}

#forheader {
    /*background-image: url("/images/header.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    min-width: 1024px;*/
    background-color: #000;
}

#header {
    margin: 0 auto;
    border: 0px solid white;
    max-width: 1024px;
    min-width: 768px;
    width: 100%;
    height: auto;
    overflow: auto;
}

.login {
    display: inline-flex;
}

.center {
    margin-top: 35px;
    display: inline-block;
}

    .center .center-panel {
        display: inline-block;
    }

    .center .center-setting {
        float: right;
        padding-bottom: 15px;
        display: inline-flex;
    }

        .center .center-setting div {
            border: 1px solid #03a0f3;
            height: 15px;
            margin-top: 2px;
        }

        .center .center-setting a {
            text-decoration: none;
            letter-spacing: 1px;
            font-weight: bolder;
            font-family: 'Century Gothic';
            color: #03a0f3;
        }

            .center .center-setting a:hover {
                text-decoration: underline;
            }

        .center .center-setting > * {
            margin-left: 30px;
        }

    .center p {
        margin: 0;
    }

    .center input[type="text"], .center input[type="password"] {
        float: left;
        clear: both;
        color: white;
        outline: none;
        border: none;
        border-radius: 3px;
        font-family: 'Century Gothic';
        padding: 10px;
        margin-bottom: 5px;
        margin-left: 10px;
        background-color: #363636;
        width: 150px;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 1px;
    }

.profile {
    text-align: right;
    margin-bottom: 35px;
}

    .profile .profile-txn {
        display: inline-block;
    }

.steps {
    background-image: url("../images/steps-bg.html");
    min-width: 1024px;
    border-top: 5px solid #03a0f3;
    background-repeat: repeat-x;
    padding: 20px 0;
}

    .steps .steps-container {
        display: flex;
        margin: 0 auto;
        width: 1024px;
        overflow: hidden;
    }

    .steps .steps-inline {
        width: 25%;
        text-align: center;
    }

        .steps .steps-inline p {
            margin: 0;
            font-family: 'Open Sans';
            font-weight: bold;
            font-size: 13px;
            color: #dab800;
        }

        .steps .steps-inline .steps-sp {
            font-size: 20px;
            background: -webkit-linear-gradient(top, #dcbc64 0%, #b07f02 28%, #b07f02 45%, #ffe6a0 74%, #ffc72e 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .steps .steps-inline img {
            width: 55%;
        }

.jackpot {
    height: 367px;
    background-color: #1a1a1a;
    min-width: 1024px;
}

    .jackpot .jackpot-container {
        display: flex;
        margin: 0 auto;
        width: 1050px;
        overflow: hidden;
        height: 100%;
        position: relative;
        overflow: visible;
    }

    .jackpot .jackpot-contact {
        padding-top: 20px;
    }

        .jackpot .jackpot-contact h1, .jackpot-jp h1 {
            color: #03a0f3;
        }

    .jackpot .jackpot-contact-type {
        margin: 50px 70px 50px 50px;
        display: flex;
    }

        .jackpot .jackpot-contact-type .contact-logo {
            margin-right: 40px;
        }

        .jackpot .jackpot-contact-type h2 {
            color: white;
            margin: 0;
        }

    .jackpot .jp-line {
        background: #1a1a1a;
        background: -moz-linear-gradient(top, #1a1a1a 0%, #ffffff 22%, #ffffff 75%, #1a1a1a 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #1a1a1a), color-stop(22%, #ffffff), color-stop(75%, #ffffff), color-stop(100%, #1a1a1a));
        background: -webkit-linear-gradient(top, #1a1a1a 0%, #ffffff 22%, #ffffff 75%, #1a1a1a 100%);
        background: -o-linear-gradient(top, #1a1a1a 0%, #ffffff 22%, #ffffff 75%, #1a1a1a 100%);
        background: linear-gradient(to bottom, #1a1a1a 0%, #ffffff 22%, #ffffff 75%, #1a1a1a 100%);
        width: 1px;
        background-color: aliceblue;
        height: 272px;
        position: absolute;
        bottom: 20px;
        left: 357.33px;
    }

    .jackpot .jackpot-jp {
        padding-top: 20px;
        margin-left: 70px;
        position: relative;
    }

    .jackpot .jackpot-gold {
        position: absolute;
        top: 120px;
        left: 20px;
        z-index: 99;
        width: 500px;
    }

    .jackpot .jackpot-counter {
        position: absolute;
        top: 50px;
        right: 60px;
        font-family: 'Open Sans';
        font-weight: bolder;
        font-size: 30px;
    }

::-webkit-input-placeholder {
    color: #979b9d;
}

:-moz-placeholder { /* Firefox 18- */
    color: #979b9d;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #979b9d;
}

:-ms-input-placeholder {
    color: #979b9d;
}

.m-login {
    display: none;
}

.btn {
    /*background: #f1fc53;
    background: -moz-linear-gradient(top, #f1fc53 0%, #f1fc53 30%, #b3de24 53%, #a2cc22 77%, #a2cc22 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f1fc53), color-stop(30%, #f1fc53), color-stop(53%, #b3de24), color-stop(77%, #a2cc22), color-stop(100%, #a2cc22));
    background: -webkit-linear-gradient(top, #f1fc53 0%, #f1fc53 30%, #b3de24 53%, #a2cc22 77%, #a2cc22 100%);
    background: -o-linear-gradient(top, #f1fc53 0%, #f1fc53 30%, #b3de24 53%, #a2cc22 77%, #a2cc22 100%);
    background: linear-gradient(to bottom, #f1fc53 0%, #f1fc53 30%, #b3de24 53%, #a2cc22 77%, #a2cc22 100%);*/
    background-color: transparent;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 5vw;
    font-family: Arial;
    color: #00e2d7;
    font-size: 14px;
    padding: 8px 10px;
    border: 2px solid #00e2d7;
    min-width: 100px;
    text-decoration: none;
    margin-left: 10px;
    margin-bottom: 5px;
    font-weight: bold;
    font-family: 'Century Gothic';
    /*box-shadow: 0px 0px 14px 0px grey;*/
    text-transform: uppercase;
}

.btn-profile {
    /*background: rgb(84,38,141);
    background: linear-gradient(0deg, rgba(84,38,141,1) 0%, rgba(40,31,51,1) 50%, rgba(84,38,141,1) 100%);
    border: 2px solid #8e32ff !important;
    color: #8e32ff;*/
    background: rgb(12,117,113);
    background: linear-gradient(0deg, rgba(12,117,113,1) 0%, rgba(26,51,50,1) 50%, rgba(12,117,113,1) 100%);
    border: 2px solid #15dcd5 !important;
    color: #15dcd5;
}

.btn:hover {
   /* background: #d3fa52;
    background: -moz-linear-gradient(top, #d3fa52 0%, #a2cc22 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #d3fa52), color-stop(100%, #a2cc22));
    background: -webkit-linear-gradient(top, #d3fa52 0%, #a2cc22 100%);
    background: -o-linear-gradient(top, #d3fa52 0%, #a2cc22 100%);
    background: linear-gradient(to bottom, #d3fa52 0%, #a2cc22 100%);*/
    text-decoration: none;
    cursor: pointer;
}

.btn2 {
    background: #515151;
    background: -moz-linear-gradient(top, #515151 0%, #4a4a4a 4%, #424242 13%, #3d3d3d 25%, #3d3d3d 46%, #505050 50%, #505050 100%);
    background: -webkit-linear-gradient(top, #515151 0%,#4a4a4a 4%,#424242 13%,#3d3d3d 25%,#3d3d3d 46%,#505050 50%,#505050 100%);
    background: linear-gradient(to bottom, #515151 0%,#4a4a4a 4%,#424242 13%,#3d3d3d 25%,#3d3d3d 46%,#505050 50%,#505050 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#505050',GradientType=0 );
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Arial;
    color: #ffffff;
    font-size: 15px;
    padding: 8px 15px 8px 15px;
    border: solid #a1b3ba 1px;
    text-decoration: none;
    margin-left: 5px;
    margin-bottom: 5px;
    font-family: 'Marcellus';
    float: left;
    width: 172px;
}

    .btn2:hover {
        background: #262121;
        background-image: -webkit-linear-gradient(top, #262121, #505050);
        background-image: -moz-linear-gradient(top, #262121, #505050);
        background-image: -ms-linear-gradient(top, #262121, #505050);
        background-image: -o-linear-gradient(top, #262121, #505050);
        background-image: linear-gradient(to bottom, #262121, #505050);
        text-decoration: none;
        cursor: pointer;
    }

.btnfp {
    position: absolute;
    right: 0;
    padding: 10px 10px;
    background: none;
    color: #15dcd5;
    border: none;
    font: inherit;
    cursor: pointer;
    font-size: small;
}

    .btnfp:hover {
        text-decoration: underline;
    }

#menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.9em;
    border-radius: 3px;
    border: solid #2789b7 2px;
    margin-top: 5px;
}

    #menu ul {
        background: #1a6288;
        background: -moz-linear-gradient(top, #1a6288 0%, #185e82 2%, #185a7c 7%, #165b7c 9%, #175878 12%, #155676 16%, #0f3e58 44%, #093246 63%, #072a3d 77%, #072638 91%, #06273a 98%, #093248 100%);
        background: -webkit-linear-gradient(top, #1a6288 0%,#185e82 2%,#185a7c 7%,#165b7c 9%,#175878 12%,#155676 16%,#0f3e58 44%,#093246 63%,#072a3d 77%,#072638 91%,#06273a 98%,#093248 100%);
        background: linear-gradient(to bottom, #1a6288 0%,#185e82 2%,#185a7c 7%,#165b7c 9%,#175878 12%,#155676 16%,#0f3e58 44%,#093246 63%,#072a3d 77%,#072638 91%,#06273a 98%,#093248 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a6288', endColorstr='#093248',GradientType=0 );
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        display: flex;
    }
    /*Create a horizontal list with spacing*/
    #menu li {
        float: left;
        width: 16.66%;
    }
        /*Style for menu links*/
        #menu li a {
            display: block;
            text-align: center;
            line-height: 50px;
            font-family: 'PT Sans';
            color: white;
            text-decoration: none;
            font-weight: bold;
            text-shadow: 1px 1px #000000;
        }
        /*Hover state for top level links*/
        #menu li:hover a {
            color: #16c894;
        }
/*Style for dropdown links*/
#forcontainer {
    margin: 0 auto;
    max-width: 1024px;
    min-width: 1024px;
    width: 100%;
    position: relative;
}

    #forcontainer::after {
        content: "";
        background-color: black;
        opacity: 0.7;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        z-index: -1;
    }

#m_language {
    text-align: center;
    display: none;
}

#container {
    margin: 0 auto;
    max-width: 1024px;
    min-width: 768px;
    width: 100%;
    height: auto;
    overflow: auto;
    width: 100%;
    color: white;
    margin-bottom: 10px;
}

    #container img {
        width: 100%;
        margin: 0;
        padding: 0;
    }

#faq_container {
    width: 80%;
    padding: 50px 50px 100px 50px;
    text-align: center;
    font-family: 'Ubuntu';
    position: relative;
    margin: 0 auto;
}

#tnc {
    padding: 50px 50px 100px 50px;
    text-align: left;
    font-family: 'Ubuntu';
}

    #tnc p {
        clear: both;
        color: #4ac3ff;
    }

    #tnc ol {
        padding-left: 15px;
    }

.tnc_title {
    color: #4ac3ff;
    font-family: 'Marcellus';
    font-weight: bold;
    font-size: 16pt;
    text-align: center;
    width: 100%;
}

#forgetpass {
    width: 80%;
    padding: 50px 50px 100px 50px;
    text-align: center;
    font-family: 'PT Sans';
    position: relative;
    margin: 0 auto;
    overflow: auto;
}

    #forgetpass p {
        margin-top: 30px;
        margin-bottom: 30px;
        font-family: 'Ubuntu';
    }

    #forgetpass input[type="text"] {
        float: left;
        color: black;
        outline: none;
        border: none;
        border-radius: 5px;
        font-family: arial;
        padding: 5px;
        padding-top: 8px;
        padding-bottom: 8px;
        border: 2px inset #4b4545;
        color: black;
        width: 50%;
        font-family: 'Ubuntu';
    }

#forget_content center {
    width: 100%;
    float: left;
    overflow: auto;
    line-height: 50px;
    margin-top: 20px;
}

#forgetpass label {
    float: left;
    width: 30%;
    clear: both;
    text-align: left;
    font-family: 'Ubuntu';
    line-height: 35px;
}

#forget_content {
    margin: 0 auto;
    overflow: auto;
    width: 80%;
    height: auto;
    font-family: 'Ubuntu';
}

#forgetpass ::-webkit-input-placeholder {
    color: black;
    font-family: 'Open Sans';
    font-weight: 600;
}

#forgetpass :-moz-placeholder { /* Firefox 18- */
    color: black;
}

#forgetpass ::-moz-placeholder { /* Firefox 19+ */
    color: black;
}

#forgetpass :-ms-input-placeholder {
    color: black;
}

#forget_button {
    width: 250px;
    text-align: center;
    margin: 0 auto;
    overflow: auto;
    padding-top: 50px;
}

#ctl00_cphBody_bg {
    min-width: 1024px;
}

/*.vip {
    background-image: url(/images/bg-vip.jpg);
    background-repeat: no-repeat;
    background-position-x: center;
    background-size: cover;
}*/

    .vip .uni-title {
        display: none;
    }

    .vip .vip-title {
        text-align: center;
        margin: 50px 0;
    }

    .vip .backboard {
        position: relative;
        overflow: hidden;
    }

        .vip .backboard .vip-rank {
            position: absolute;
            height: 284.11px;
            width: 838px;
            top: 0;
            padding: 45px 34px 20px 28px;
        }

    .vip #tbl-rank-logo {
        width: 100%;
        margin-top: 10px;
        border-collapse: collapse;
    }

        .vip #tbl-rank-logo td {
            text-align: center;
            width: calc(70%/5);
            border-right: 1px solid #dac2844a;
        }

            .vip #tbl-rank-logo td img {
                text-align: center;
            }

    .vip .tbl-rank-det {
        width: 100%;
        color: white;
        margin: 30px 0;
        font-family: Ubuntu;
        font-weight: lighter !important;
        font-size: 13px;
        border-collapse: collapse;
    }

        .vip .tbl-rank-det th, .vip .tbl-rank-det td {
            text-align: center;
            width: calc(70%/5);
            padding: 10px;
            font-weight: lighter !important;
            background-color: #440c0c;
        }

        .vip .tbl-rank-det td {
            background: none !important;
        }

        .vip .tbl-rank-det tr:nth-child(3) {
            background: #0000009c !important;
        }

    .vip .vip-number {
        display: inline-block;
        width: 7%;
        vertical-align: middle;
    }

        .vip .vip-number .number-round {
            border-radius: 50%;
            width: 40px;
            height: 40px;
            background: #03a0f3;
            border: 0px solid #666;
            color: #fff;
            text-align: center;
            display: inline-block;
            font: italic bold 30px 'Open Sans';
        }

    .vip .vip-list {
        margin: 25px 0;
    }

    .vip .vip-desc {
        padding: 15px 0;
    }

        .vip .vip-desc .vip-steps {
            display: inline-block;
            width: 92%;
            vertical-align: middle;
            color: white;
            font: bold 14px 'Open Sans';
        }

            .vip .vip-desc .vip-steps p {
                margin: 0;
            }

#faq_content, #tnc_content, #about_content, #vip_content {
    width: 930px;
    margin: 0 auto;
    overflow: auto;
    font-family: "Lato";
    color: #03a0f3;
    font-weight: bold;
    font-size: 22px;
    padding-bottom: 50px;
}

    #faq_content ul, #tnc_content ul, #about_content ul {
        margin: 0;
        padding: 0;
    }

        #faq_content ul li, #tnc_content ul > li, #about_content ul > li {
            list-style: none;
            border-bottom: 1px solid #979797;
            margin-bottom: 38px;
            text-align: left;
        }

            #faq_content ul li:last-child, #tnc_content ul li:last-child {
                border-bottom: 0px;
            }

            #faq_content ul li span, #tnc_content ul li ul li, #about_content ul li span {
                display: block;
                font-family: 'Ubuntu';
                color: #979797;
                font-weight: normal;
                font-size: 16px;
                margin: 40px 0;
                text-align: justify;
                border: 0px;
            }

        #about_content ul > li {
            font-size: 30px;
            list-style: none;
            border-bottom: 0px;
            text-align: center;
        }

        #about_content ul li span {
            font-size: 13px;
            text-align: center;
            line-height: 1.8;
        }

    #about_content #about_main {
        margin-bottom: 80px;
    }

        #about_content #about_main li span {
            color: white;
            font-size: 15px;
            line-height: 2;
        }

            #about_content #about_main li span:first-child {
                margin-top: 0;
            }

#register_content {
    margin: 0 auto;
    overflow: auto;
    width: 90%;
}

    #register_content center {
        width: 100%;
        float: left;
        margin-top: 20px;
        line-height: 50px;
    }

#faq_content .titlefaq1 {
    color: #4ac3ff;
    float: left;
    font-weight: bold;
    font-family: 'Ubuntu';
    font-size: 12pt;
    text-align: left;
    clear: both;
}

#faq_content .titlefaq2 {
    float: left;
    clear: both;
    color: white;
    font-family: 'Ubuntu';
    font-size: 12pt;
    text-align: left;
    margin-bottom: 20px;
}


.btn3 {
    background: #515151;
    background: -moz-linear-gradient(top, #515151 0%, #4a4a4a 4%, #424242 13%, #3d3d3d 25%, #3d3d3d 46%, #505050 50%, #505050 100%);
    background: -webkit-linear-gradient(top, #515151 0%,#4a4a4a 4%,#424242 13%,#3d3d3d 25%,#3d3d3d 46%,#505050 50%,#505050 100%);
    background: linear-gradient(to bottom, #515151 0%,#4a4a4a 4%,#424242 13%,#3d3d3d 25%,#3d3d3d 46%,#505050 50%,#505050 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#505050',GradientType=0 );
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Arial;
    color: #ffffff;
    font-size: 15px;
    padding: 8px 15px 8px 15px;
    border: solid #a1b3ba 1px;
    text-decoration: none;
    margin-left: 5px;
    margin-bottom: 5px;
    font-family: 'Marcellus';
    width: 80px;
}

    .btn3:hover {
        background: #262121;
        background-image: -webkit-linear-gradient(top, #262121, #505050);
        background-image: -moz-linear-gradient(top, #262121, #505050);
        background-image: -ms-linear-gradient(top, #262121, #505050);
        background-image: -o-linear-gradient(top, #262121, #505050);
        background-image: linear-gradient(to bottom, #262121, #505050);
        text-decoration: none;
        cursor: pointer;
    }

.btn4 {
    background: #07283b;
    background: -moz-linear-gradient(top, #07283b 0%, #07283b 17%, #114964 46%, #185e82 50%, #1a6c92 58%, #2489bf 71%, #2ba5e8 83%, #2daef2 88%, #2eb2fa 92%, #2fb5fe 96%, #2fb5fe 100%);
    background: -webkit-linear-gradient(top, #07283b 0%,#07283b 17%,#114964 46%,#185e82 50%,#1a6c92 58%,#2489bf 71%,#2ba5e8 83%,#2daef2 88%,#2eb2fa 92%,#2fb5fe 96%,#2fb5fe 100%);
    background: linear-gradient(to bottom, #07283b 0%,#07283b 17%,#114964 46%,#185e82 50%,#1a6c92 58%,#2489bf 71%,#2ba5e8 83%,#2daef2 88%,#2eb2fa 92%,#2fb5fe 96%,#2fb5fe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07283b', endColorstr='#2fb5fe',GradientType=0 );
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Arial;
    color: #ffffff;
    font-size: 15px;
    padding: 8px 15px 8px 15px;
    border: solid #2494bf 1px;
    text-decoration: none;
    margin-left: 5px;
    margin-bottom: 5px;
    font-family: 'Marcellus';
    width: 80px;
}

    .btn4:hover {
        background: #3fa7e8;
        background-image: -webkit-linear-gradient(top, #3fa7e8, #1274b5);
        background-image: -moz-linear-gradient(top, #3fa7e8, #1274b5);
        background-image: -ms-linear-gradient(top, #3fa7e8, #1274b5);
        background-image: -o-linear-gradient(top, #3fa7e8, #1274b5);
        background-image: linear-gradient(to bottom, #3fa7e8, #1274b5);
        text-decoration: none;
        cursor: pointer;
    }

.btn6 {
    background: #515151;
    background: -moz-linear-gradient(top, #515151 0%, #4a4a4a 4%, #424242 13%, #3d3d3d 25%, #3d3d3d 46%, #505050 50%, #505050 100%);
    background: -webkit-linear-gradient(top, #515151 0%,#4a4a4a 4%,#424242 13%,#3d3d3d 25%,#3d3d3d 46%,#505050 50%,#505050 100%);
    background: linear-gradient(to bottom, #515151 0%,#4a4a4a 4%,#424242 13%,#3d3d3d 25%,#3d3d3d 46%,#505050 50%,#505050 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#505050',GradientType=0 );
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Arial;
    color: #ffffff;
    font-size: 15px;
    padding: 8px 15px 8px 15px;
    border: solid #a1b3ba 1px;
    text-decoration: none;
    margin-left: 5px;
    margin-bottom: 5px;
    font-family: 'Marcellus';
    width: 80px;
}

    .btn6:hover {
        background: #262121;
        background-image: -webkit-linear-gradient(top, #262121, #505050);
        background-image: -moz-linear-gradient(top, #262121, #505050);
        background-image: -ms-linear-gradient(top, #262121, #505050);
        background-image: -o-linear-gradient(top, #262121, #505050);
        background-image: linear-gradient(to bottom, #262121, #505050);
        text-decoration: none;
        cursor: pointer;
    }

.btn7 {
    background: #07283b;
    background: -moz-linear-gradient(top, #07283b 0%, #07283b 17%, #114964 46%, #185e82 50%, #1a6c92 58%, #2489bf 71%, #2ba5e8 83%, #2daef2 88%, #2eb2fa 92%, #2fb5fe 96%, #2fb5fe 100%);
    background: -webkit-linear-gradient(top, #07283b 0%,#07283b 17%,#114964 46%,#185e82 50%,#1a6c92 58%,#2489bf 71%,#2ba5e8 83%,#2daef2 88%,#2eb2fa 92%,#2fb5fe 96%,#2fb5fe 100%);
    background: linear-gradient(to bottom, #07283b 0%,#07283b 17%,#114964 46%,#185e82 50%,#1a6c92 58%,#2489bf 71%,#2ba5e8 83%,#2daef2 88%,#2eb2fa 92%,#2fb5fe 96%,#2fb5fe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07283b', endColorstr='#2fb5fe',GradientType=0 );
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: Arial;
    color: #ffffff;
    font-size: 15px;
    padding: 8px 15px 8px 15px;
    border: solid #2494bf 1px;
    text-decoration: none;
    margin-left: 5px;
    margin-bottom: 5px;
    font-family: 'Marcellus';
    width: 80px;
}

    .btn7:hover {
        background: #3fa7e8;
        background-image: -webkit-linear-gradient(top, #3fa7e8, #1274b5);
        background-image: -moz-linear-gradient(top, #3fa7e8, #1274b5);
        background-image: -ms-linear-gradient(top, #3fa7e8, #1274b5);
        background-image: -o-linear-gradient(top, #3fa7e8, #1274b5);
        background-image: linear-gradient(to bottom, #3fa7e8, #1274b5);
        text-decoration: none;
        cursor: pointer;
    }

#announcement {
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    margin: 0 auto;
    max-width: 1024px;
    min-width: 768px;
    overflow: auto;
    margin-bottom: 25px;
}

#slot_category {
    text-align: left;
    font-family: arial;
    font-weight: normal;
    margin: 5px;
    width: 246px;
    height: 178px;
    border-radius: 3px;
    float: left;
    overflow: hidden;
}

    #slot_category img {
        margin: 0;
        padding: 0;
        border: 3px solid transparent;
        -moz-border-image: -moz-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);
        -webkit-border-image: -webkit-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);
        border-image: linear-gradient(to bottom, #3acfd5 0%, #3a4ed5 100%);
        border-image-slice: 1;
        border-radius: 5px;
        width: 96%;
        float: left;
    }

.categorytitle {
    position: absolute;
    margin-top: 160px;
    text-align: center;
}

#guide_container {
    margin: 0 auto;
    max-width: 1024px;
    min-width: 768px;
    overflow: hidden;
    margin-bottom: 25px;
}

#step_container {
    margin: 0 auto;
    max-width: 1024px;
    min-width: 768px;
    overflow: hidden;
    margin-bottom: 25px;
    height: 83px;
    background-image: url("../images/step_background.html");
    background-repeat: no-repeat;
    color: white;
}

    #step_container img {
        float: left;
    }

    #step_container p {
        float: left;
        width: 100px;
        padding-left: 5px;
        font-family: Helvetica;
        font-weight: bold;
        position: relative;
        height: 60px;
        text-align: left;
        font-size: 14pt;
        margin-top: 18px;
        margin-bottom: 18px;
        background: -webkit-linear-gradient(#e6ece8, #626060,#dfdfdf);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.edit1 {
    float: left;
    width: 100px;
    overflow: hidden;
    font-family: Helvetica;
    font-weight: bold;
    position: relative;
    height: 60px;
    text-align: left;
    font-size: 13pt;
    margin-top: -6px;
    margin-bottom: -6px;
    background: -webkit-linear-gradient(#e6ece8, #626060,#dfdfdf);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.editword {
    overflow: auto;
}

#logobet {
    float: left;
}

#bank {
    float: left;
    clear: both;
}

#bank2 {
    width: 900px;
    /*border-bottom: 1px solid #ffffff4d;*/
    padding-bottom: 10px;
}

    #bank2 img {
        width: 153px;
        height: 45px;
        margin: 5px;
    }

#banking_content {
    clear: both;
    margin: 0 auto;
    overflow: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    float: left;
}

#bank_container {
    width: 80%;
    padding: 50px 50px 100px 50px;
    text-align: center;
    font-family: 'Ubuntu';
    position: relative;
    margin: 0 auto;
}

    #bank_container table {
        width: 100%;
        text-align: left;
        border-collapse: collapse;
        float: left;
        margin-top: 30px;
        overflow: auto;
    }

        #bank_container table th {
            border-bottom: 2px solid #1f6e94;
            font-weight: bold;
        }

        #bank_container table th, #bank_container table td {
            padding: 10px;
        }

#banking_content .titlefaq1 {
    color: #4ac3ff;
    float: left;
    font-weight: bold;
    font-family: 'Ubuntu';
    font-size: 12pt;
    text-align: left;
    clear: both;
}

#banking_content .titlefaq2 {
    float: left;
    clear: both;
    color: white;
    font-family: 'Ubuntu';
    font-size: 12pt;
    text-align: left;
    margin-bottom: 20px;
}

#approved_menthod {
    border-radius: 1px;
    font-family: arial;
    font-weight: bold;
    padding: 1px;
    padding-top: 10px;
    margin: 0 auto;
    max-width: 1024px;
    min-width: 768px;
    overflow: auto;
    margin-bottom: 25px;
    border: 2px solid #214152;
    padding: 5px;
    background-color: black;
    padding-top: 30px;
    padding-bottom: 30px;
}

#jackpot {
    background-image: url("../images/background_jackpot.html");
    max-width: 1024px;
    min-width: 768px;
    margin: 0 auto;
    height: 172px;
    color: white;
    text-align: center;
    font-size: 1.2em;
    margin-bottom: 25px;
}

#promotion_container {
    width: 80%;
    padding: 50px 50px 100px 50px;
    text-align: center;
    font-family: 'Ubuntu';
    position: relative;
    margin: 0 auto;
}

    #promotion_container table {
        width: 90%;
        text-align: center;
        border-collapse: collapse;
        margin-top: 30px;
        overflow: auto;
        margin-left: auto;
        margin-right: auto;
    }

        #promotion_container table th {
            background-color: #02212f;
        }

        #promotion_container table td {
            background-color: #053044;
        }

        #promotion_container table th, #promotion_container table td {
            padding: 10px;
            border: 2px solid #1f6e94;
        }

    #promotion_container ol li {
        text-align: left;
    }

#mobile_casino_container {
    width: 80%;
    padding: 50px 50px 100px 50px;
    text-align: center;
    font-family: 'Ubuntu';
    position: relative;
    margin: 0 auto;
}

    #mobile_casino_container img {
        width: auto;
    }

#footer {
    color: #ffffff;
    max-width: 1024px;
    text-align: left;
}

    #footer p {
        font-size: 11pt;
        opacity: 0.9;
    }

#menu2 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.9em;
    min-width: 768px;
    border-radius: 3px;
    margin-top: 40px;
    display: flex;
    border-top: 0px solid #03a0f3;
}

    #menu2 .menu-footer {
        width: auto;
        padding: 20px 0px;
        position: absolute;
        /*left: 0;*/
    }

        #menu2 .menu-footer a {
            text-decoration: none;
            font-family: 'Century Gothic';
            color: #fff;
            padding: 0 20px;
            border-right: 0px solid #03a0f3;
        }

            #menu2 .menu-footer a:first-child {
                padding-left: 0;
                padding-right: 20px;
            }

            #menu2 .menu-footer a:last-child, .mobilesite, .desksite {
                border-right: 0 !important;
            }

            #menu2 .menu-footer a:hover {
                /*font-size: 1.02em;*/
                color: #13e3d7;
                text-decoration: underline;
            }

.divfoot1 {
    border: 0px solid white;
    margin-top: 70px;
    margin-bottom: 50px;
    width: 100%;
    clear: both;
}

.divfoot2 {
    /*width: 20%;*/
    height: 130px;
    float: left;
    font-size: 12px;
    border-right: 1px solid #13e3d7;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'Century Gothic';
    text-transform: uppercase;
}

    .divfoot2:first-child {
        padding-left: 0 !important;
    }

    .divfoot2:last-child {
        border-right: 0px !important;
    }

    .divfoot2 > .gry {
        color: #a8a8a8;
        font-weight: bold;
    }

.divfootsep {
    width: 100%;
    margin-top: 200px;
    clear: both;
    height: 1px;
    background-color: #2e2e2e
}

.divfootc1 {
    width: 100%;
    margin-top: 20px;
    border: 0px solid #2e2e2e;
    font-size: 11.76px;
    color: #696969;
    display: block;
}

.divfootc1-1 {
    width: 48%;
    border: 0px solid white;
    float: left;
    padding-right: 20px;
}

.divfootc1-2 {
    width: 48%;
    border: 0px solid white;
    float: right;
}

.dfc-tit {
    color: #03a0f3;
    text-transform: uppercase
}

.dfc-white {
    color: #fff;
}

.divfootbnk {
    width: 100%;
    margin-top: 30px;
    text-align: center;
    font-family: 'Lato';
    font-size: 14px;
    color: #03a0f3;
    font-weight: bold;
}

    .divfootbnk > img {
        height: 33px;
        padding: 20px 5px;
    }

    .divfootbnk > .cpyrght {
        font-size: 12px;
        color: #929292
    }

#copyright {
    width: auto;
    font-family: 'PT Sans';
    color: #03a0f3;
    padding: 20px 0px;
    position: absolute;
    right: 0;
}

    #copyright p {
        margin: 0;
    }

#menu3 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.9em;
    border-radius: 3px;
    margin-top: 5px;
    width: 400px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 25px;
}

    #menu3 ul {
        list-style-type: none;
        margin: 0 auto;
        padding: 0;
        overflow: hidden;
        display: flex;
    }

    /*Create a horizontal list with spacing*/
    #menu3 li {
        background: #1a6288;
        background: -moz-linear-gradient(top, #1a6288 0%, #185e82 2%, #185a7c 7%, #165b7c 9%, #175878 12%, #155676 16%, #0f3e58 44%, #093246 63%, #072a3d 77%, #072638 91%, #06273a 98%, #093248 100%);
        background: -webkit-linear-gradient(top, #1a6288 0%,#185e82 2%,#185a7c 7%,#165b7c 9%,#175878 12%,#155676 16%,#0f3e58 44%,#093246 63%,#072a3d 77%,#072638 91%,#06273a 98%,#093248 100%);
        background: linear-gradient(to bottom, #1a6288 0%,#185e82 2%,#185a7c 7%,#165b7c 9%,#175878 12%,#155676 16%,#0f3e58 44%,#093246 63%,#072a3d 77%,#072638 91%,#06273a 98%,#093248 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a6288', endColorstr='#093248',GradientType=0 );
        float: left;
        border: solid #2789b7 1px;
        margin: 2px;
        width: 50%;
    }
        /*Style for menu links*/
        #menu3 li a {
            display: block;
            text-align: center;
            line-height: 50px;
            font-family: 'PT Sans';
            color: white;
            text-decoration: none;
        }
        /*Hover state for top level links*/
        #menu3 li:hover a {
            color: #16c894;
        }

        /*Style for dropdown links*/


        /*Prevent text wrapping*/
        #menu3 li ul li a {
            width: auto;
            min-width: 100px;
            padding: 0 20px;
        }

    /*Display the dropdown on hover*/
    #menu3 ul li a:hover + .hidden, .hidden:hover {
        display: block;
    }

#profile_container {
    padding: 65px 0;
    margin: 0 auto;
    max-width: 1024px;
    min-width: 1024px;
    width: 100%;
    position: relative;
}

    #profile_container .uni-title p {
        bottom: 57px;
        font-size: 36px;
    }

#menu4 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.9em;
    border-radius: 3px;
    margin-top: 5px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 25px;
}

    #menu4 ul {
        list-style-type: none;
        margin: 0 auto;
        padding: 0;
        overflow: hidden;
        display: flex;
    }
    /*Create a horizontal list with spacing*/
    #menu4 li {
        background: #1a6288;
        background: -moz-linear-gradient(top, #1a6288 0%, #185e82 2%, #185a7c 7%, #165b7c 9%, #175878 12%, #155676 16%, #0f3e58 44%, #093246 63%, #072a3d 77%, #072638 91%, #06273a 98%, #093248 100%);
        background: -webkit-linear-gradient(top, #1a6288 0%,#185e82 2%,#185a7c 7%,#165b7c 9%,#175878 12%,#155676 16%,#0f3e58 44%,#093246 63%,#072a3d 77%,#072638 91%,#06273a 98%,#093248 100%);
        background: linear-gradient(to bottom, #1a6288 0%,#185e82 2%,#185a7c 7%,#165b7c 9%,#175878 12%,#155676 16%,#0f3e58 44%,#093246 63%,#072a3d 77%,#072638 91%,#06273a 98%,#093248 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a6288', endColorstr='#093248',GradientType=0 );
        float: left;
        border: solid #2789b7 1px;
        margin: 2px;
        width: 50%;
    }
        /*Style for menu links*/
        #menu4 li a {
            display: block;
            text-align: center;
            line-height: 50px;
            font-family: 'PT Sans';
            color: white;
            text-decoration: none;
            font-weight: bold;
        }
        /*Hover state for top level links*/
        #menu4 li:hover a {
            color: #16c894;
        }
        /*Prevent text wrapping*/
        #menu4 li ul li a {
            width: auto;
            min-width: 100px;
            padding: 0 20px;
        }

    /*Display the dropdown on hover*/
    #menu4 ul li a:hover + .hidden, .hidden:hover {
        display: block;
    }

#menu6 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 0.8em;
    border-radius: 3px;
    margin-top: 5px;
    margin: 0 auto;
}

    #menu6 ul {
        list-style-type: none;
        margin: 0 auto;
        padding: 0;
        overflow: hidden;
        text-align: center;
        border-bottom: solid #03a0f3 2px;
    }

    #menu6 li {
        vertical-align: top;
        height: 35px;
        display: inline-block;
        border: solid #03a0f3 2px;
        border-bottom: none;
        margin: 0 10px;
        width: 13%;
    }

        #menu6 li a {
            height: 100%;
            padding-top: 9px;
            letter-spacing: 1px;
            display: block;
            text-align: center;
            font-family: 'Century Gothic';
            color: white;
            text-decoration: none;
            font-weight: bold;
            font-size: 12px;
        }

        #menu6 li:last-child {
            /*padding: 0;*/
            border: 0 !important;
        }

            #menu6 li:last-child:hover {
                background-color: transparent !important;
            }

        #menu6 li:hover, #menu6 ul .active {
            background-color: #03a0f3;
            cursor: pointer;
        }

            #menu6 li:hover a, #menu6 ul .active a {
                color: #fff;
            }

        #menu6 li ul li a {
            width: auto;
            min-width: 100px;
            padding: 0 20px;
        }

    #menu6 ul li a:hover + .hidden, .hidden:hover {
        display: block;
    }

#productcontainer {
    width: 184.5px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    float: left;
    font-size: 11pt;
    background-image: url("../images/background-effect.html");
    background-size: cover;
    background-repeat: no-repeat;
}

    #productcontainer img {
        width: auto;
    }

#img_container {
    width: 100%;
    float: left;
    text-align: center;
}

    #img_container img {
        text-align: center;
        height: 5%;
        width: 15%;
        margin: 0 auto;
        margin-left: 8%;
        margin-right: 8%;
    }

#upperslot {
    height: 90px;
    padding: 10px;
    font-family: monospace;
    padding-top: 0;
    overflow: auto;
}

    #upperslot label {
        width: 100%;
        float: left;
        margin: 2px;
        margin-top: 5px;
    }

.editfont {
    font-weight: bold;
    width: 100%;
    float: left;
    margin: 2px;
    font-size: 12px;
}

#upperslot2 {
    line-height: 88px;
    font-family: 'PT Sans';
    padding-bottom: 10px;
}

#bottomslot {
    width: 100%;
    height: 80px;
    float: left;
}

    #bottomslot p {
        color: #1d75a1;
        font-weight: bold;
        font-size: 13pt;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #bottomslot label {
        width: 100%;
        float: left;
        font-family: "'PT Sans'",monospace,Arial;
        margin: 1px;
    }

#DEPOSIT {
    width: 100%;
    text-align: left;
    overflow: auto;
    padding: 20px 20px 50px 50px;
}

    #DEPOSIT img {
        width: auto;
        overflow: auto;
    }

    #DEPOSIT select {
        width: 200px;
        clear: both;
        color: black;
        outline: none;
        border: none;
        border-radius: 5px;
        font-family: arial;
        padding: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 5px;
        font-weight: bold;
        -webkit-appearance: none;
        background: url('../images/arrow.html') no-repeat right #dcdcdc;
    }

    #DEPOSIT input[type="file"] {
        width: 250px;
        clear: both;
        color: black;
        outline: none;
        border: none;
        border-radius: 5px;
        font-family: arial;
        padding: 5px;
        font-weight: bold;
        -webkit-appearance: none;
        background: no-repeat right #dcdcdc;
    }

    #DEPOSIT ::-webkit-file-upload-button {
        float: left;
        border-radius: 5px;
        border: none;
        background: #1f6e94;
        color: white;
        padding: 5px;
        margin-right: 20px;
    }

    #DEPOSIT .selected {
        color: #ffc90f;
        font-weight: bold;
        font-style: italic;
    }

    #DEPOSIT center {
        width: 100%;
        float: left;
        overflow: auto;
        line-height: 50px;
        margin-top: 20px;
    }

    #DEPOSIT ul {
        padding-left: 0;
        font-size: 10pt;
    }

        #DEPOSIT ul li {
            list-style-type: none;
        }

#withdraw {
    width: 100%;
    text-align: left;
    overflow: auto;
    padding: 20px 20px 50px 50px;
}

    #withdraw img {
        width: auto;
        overflow: auto;
    }

    #withdraw center {
        width: 100%;
        float: left;
        overflow: auto;
        line-height: 50px;
        margin-top: 20px;
    }

    #withdraw ul {
        padding-left: 0;
        font-size: 10pt;
    }

        #withdraw ul li {
            list-style-type: none;
        }

    #withdraw label {
        width: 200px;
        float: left;
        clear: both;
        line-height: 35px;
        margin-top: 5px;
        margin-bottom: 5px;
        font-family: 'PT Sans',monospace,Arial;
    }

    #withdraw input[type="text"] {
        width: 340px;
        float: left;
        margin-top: 5px;
        margin-bottom: 5px;
        color: black;
        outline: none;
        border: none;
        border-radius: 5px;
        font-family: arial;
        padding: 10px 5px 10px 5px;
        font-weight: bold;
        -webkit-appearance: none;
        background: no-repeat right #dcdcdc;
    }

    #withdraw .selected {
        color: #ffc90f;
        font-weight: bold;
        font-style: italic;
    }

#transfer {
    width: 100%;
    text-align: left;
    overflow: auto;
    padding: 20px 20px 50px 50px;
}

    #transfer img {
        width: auto;
        overflow: auto;
    }

    #transfer center {
        width: 100%;
        float: left;
        overflow: auto;
        line-height: 50px;
        margin-top: 20px;
    }

    #transfer .selected {
        color: #ffc90f;
        font-weight: bold;
        font-style: italic;
    }

    #transfer label {
        width: 200px;
        float: left;
        clear: both;
        line-height: 35px;
        margin-top: 5px;
        margin-bottom: 5px;
        font-family: 'PT Sans',monospace,Arial;
    }

    #transfer input[type="text"] {
        width: 340px;
        float: left;
        margin-top: 5px;
        margin-bottom: 5px;
        color: black;
        outline: none;
        border: none;
        border-radius: 5px;
        font-family: arial;
        padding: 10px 5px 10px 5px;
        font-weight: bold;
        -webkit-appearance: none;
        background: no-repeat right #dcdcdc;
    }


#change_password img {
    width: auto;
    overflow: auto;
}

#change_password {
    width: 100%;
    text-align: left;
    overflow: auto;
    padding: 20px 20px 50px 50px;
}

    #change_password center {
        width: 100%;
        float: left;
        overflow: auto;
        line-height: 50px;
        margin-top: 20px;
    }

    #change_password label {
        width: 200px;
        float: left;
        clear: both;
        line-height: 35px;
        margin-top: 5px;
        margin-bottom: 5px;
        font-family: 'PT Sans',monospace,Arial;
    }

    #change_password input[type="text"] {
        width: 340px;
        float: left;
        margin-top: 5px;
        margin-bottom: 5px;
        color: black;
        outline: none;
        border: none;
        border-radius: 5px;
        font-family: arial;
        padding: 10px 5px 10px 5px;
        font-weight: bold;
        -webkit-appearance: none;
        background: no-repeat right #dcdcdc;
    }

#withdraw ::-webkit-input-placeholder {
    color: black;
}

#withdraw :-moz-placeholder { /* Firefox 18- */
    color: black;
}

#withdraw ::-moz-placeholder { /* Firefox 19+ */
    color: black;
}

#withdraw :-ms-input-placeholder {
    color: black;
}

#transfer ::-webkit-input-placeholder {
    color: black;
}

#transfer :-moz-placeholder { /* Firefox 18- */
    color: black;
}

#transfer ::-moz-placeholder { /* Firefox 19+ */
    color: black;
}

#transfer :-ms-input-placeholder {
    color: black;
}

#change_password ::-webkit-input-placeholder {
    color: black;
}

#change_password :-moz-placeholder { /* Firefox 18- */
    color: black;
}

#change_password ::-moz-placeholder { /* Firefox 19+ */
    color: black;
}

#change_password :-ms-input-placeholder {
    color: black;
}

.red {
    color: red;
}

.selectpic {
    display: none;
}

@viewport {
    zoom: 1.0;
    width: device-width;
}

#show-menu {
    display: none;
}

.l_button {
    display: none;
}

#m_livecasino {
    display: none;
}

#m_sbobet {
    display: none;
}

#m_ibcbet {
    display: none;
}

.alertfont {
    float: left;
    font-size: 9pt;
    font-style: italic;
}

.alertfont2 {
    float: left;
    font-size: 9pt;
    font-style: italic;
}

#m_12win {
    display: none;
}

.nav {
    background-color: #03a0f3;
}

.nav-container {
    margin: 0 auto;
    max-width: 1024px;
    min-width: 1024px;
    width: 100%;
    position: relative;
}

    .nav-container ul {
        padding: 0;
        margin: 0;
        display: flex
    }

    .nav-container li {
        font-family: "Century Gothic", sans-serif;
        font-weight: bold;
        font-size: 12px;
        letter-spacing: 1.5px;
        flex-grow: 1;
        text-align: center;
        list-style-type: none;
        padding: 18px 0;
    }

        .nav-container li:hover {
            background-color: #411666;
            cursor: pointer;
        }

    .nav-container .nav-items {
        margin: 10px;
    }

    .nav-container li p {
        text-decoration: none;
        color: #fff;
        margin: 0;
    }

    .nav-container .nav-items-img {
        height: 33px;
    }

    .nav-container .nav-items-text {
        margin-top: 5px;
    }

li.nav-over {
    background-color: #411666 !important;
}

#mobile_main, .m-home-login, .m-social, .m-jackpot, .m-prod-logo, .m-footer-banner, .h-line, .m-bank, .m-fp, .m-loginp, .m-reg, .m-backboard, .game-type-cont {
    display: none;
}

#about_content {
    width: 800px;
}

@media screen and (max-width : 480px) {
    #m-slider {
        display: block !important;
    }

    .banking, .faq, .tnc, .about, .fp-form, .m-fp, .m-lang, .m-loginp, .reg-form, .m-reg, .profile-bg, .promotion {
        background-size: 200%;
    }

    .c1 {
        margin-top: -15%;
    }

    .zopim {
        position: fixed !important;
        bottom: 5px !important;
        top: unset !important;
    }

    .desksite {
        display: unset !important;
    }

    .mobilesite, #slider {
        display: none;
    }

    .game-type-cont {
        width: 100%;
        border-top: 5px solid #03a0f3;
        display: block;
    }

        .game-type-cont .game-type {
            font-size: 0px;
            padding: 10% 5% 5% 5%;
        }

            .game-type-cont .game-type .type {
                display: inline-block;
                width: 50%;
                text-align: center;
                margin-bottom: 5%;
            }

                .game-type-cont .game-type .type img {
                    width: 80%;
                }

    .promotion .accordionBanner, .promotion .accordionContent {
        width: 90%;
        min-width: 310px;
    }

        .promotion .accordionBanner .promo-large-img {
            display: none;
        }

        .promotion .accordionBanner .promo-small-img {
            display: block;
        }

        .promotion .accordionBanner p {
            padding: 3%;
            font-size: calc(10px + 1vw);
        }

        .promotion .accordionBanner img {
            width: 100%;
        }

    .divbank-dep {
        display: block;
    }

    #ctl00_cphBody_bg {
        min-width: unset;
    }

    .vip {
        background-image: url(../images/vip-bg-m.html);
        background-size: 250%;
    }

        .vip #vip_content {
            width: 100%;
            padding-bottom: 0;
        }

            .vip #vip_content .m-backboard {
                padding: 0 5%;
                display: block;
            }

                .vip #vip_content .m-backboard .m-bb-rank {
                    position: relative;
                    margin-bottom: 5%;
                }

                    .vip #vip_content .m-backboard .m-bb-rank .rank {
                        position: absolute;
                        width: 84.5vw;
                        top: 0;
                        height: 71vw;
                        padding: 3%;
                    }

                        .vip #vip_content .m-backboard .m-bb-rank .rank .rank-logo {
                            height: 60%;
                            text-align: center;
                            padding-top: 6%;
                        }

                        .vip #vip_content .m-backboard .m-bb-rank .rank .rank-tbl .tbl-rank-det {
                            margin: 0;
                            font-size: 3.5vw;
                        }

                            .vip #vip_content .m-backboard .m-bb-rank .rank .rank-tbl .tbl-rank-det th, .vip #vip_content .m-backboard .m-bb-rank .rank .rank-tbl .tbl-rank-det td {
                                padding: 2.4% 5%;
                            }

            .vip #vip_content .backboard {
                display: none;
            }

            .vip #vip_content .vip-title {
                margin: 20px 0;
            }

                .vip #vip_content .vip-title img {
                    width: 55%;
                }

            .vip #vip_content .vip-desc {
                padding: 0 5%;
            }

                .vip #vip_content .vip-desc .vip-number {
                    width: 15%;
                    vertical-align: top;
                }

                    .vip #vip_content .vip-desc .vip-number .number-round {
                        width: 8vw;
                        height: 8vw;
                        font-size: 5.5vw;
                    }

                .vip #vip_content .vip-desc .vip-steps {
                    width: 80%;
                    font-size: 3.6vw;
                }

    .dep-cont, .wd-cont, .tfr-cont, .cpw-cont {
        padding: 0 5%;
    }

        .dep-cont .dep-field, .wd-cont .wd-field, .tfr-cont .tfr-field, .cpw-cont .cpw-field {
            width: 100%;
            margin: 0;
        }

    .dep-btn {
        padding: 10% 0;
        margin-top: unset;
    }

    .profile-bg {
        min-width: 320px !important;
    }

    .reg-btn .con-btn .btn {
        width: 30%;
    }

    .con-btn {
        margin: 0 8% !important;
    }

    .field-lbl, .field-input {
        font-size: initial !important;
    }

    .alertfont {
        font-size: 3.5vw !important;
    }

    .fp-field {
        width: auto !important;
    }

    .m-fp, .m-lang, .m-loginp, .m-reg {
        display: block;
        min-width: 320px;
    }

        .m-lang .langimg {
            width: 35%;
        }

        .m-lang .lang-div {
            width: 100%;
            text-align: center;
            margin-bottom: 10%;
        }

            .m-lang .lang-div span {
                font-family: 'Century Gothic';
                font-weight: bold;
                color: #03a0f3;
                font-size: 5vw;
                letter-spacing: 2px;
            }

        .m-fp .fp-desc, .m-lang .lang-desc, .m-loginp .loginp-desc, .m-reg .reg-desc {
            text-align: center;
            font-size: 4vw;
            margin-bottom: 10%;
        }

        .m-fp .fp-field, .m-loginp .loginp-field, .m-reg .reg-field {
            margin: 0 10%;
        }

            .m-loginp .loginp-field a {
                font-family: 'Century Gothic';
                text-decoration: none;
                color: #787878;
                font-weight: bold;
            }

        .m-fp .alertfont, .m-reg .alertfont {
            margin-top: auto;
        }

        .m-fp .fp-btn {
            padding: 18% 0;
            text-align: center;
        }

        .m-loginp .loginp-btn, .m-reg .reg-btn {
            padding: 10% 0;
            text-align: center;
        }

    .banking #b-type {
        width: 100%;
        min-width: 320px;
    }

    .banking th {
        background-color: transparent; /*#3f0b0b;*/
        width: 40%;
    }

    .banking td {
        font-family: "Ubuntu";
        font-size: 15px;
    }

    .banking .m-bank table {
        width: 100%;
        margin-bottom: 5%;
    }

    .m-bank {
        display: block;
    }

    #b-deposit, #b-withdraw {
        display: none;
    }

    .banking #b-type #b-content li {
        margin-bottom: 5%;
    }

    .uni-title {
        width: 310px !important;
        padding: 20px 0 !important;
    }

        .uni-title img {
            width: 50%;
        }

        .uni-title p {
            top: 50px !important;
            font-size: 18px !important;
            margin: 0;
            bottom: unset !important;
        }

    .p-contact {
        border-top: 1vw solid #03a0f3;
    }

    .sport-container, .PReg, #live-bg, #main, .live-box .live-sub .sub .sub-prod .sub-link, .live-box .live-sub .sub-invd .sub-prod .sub-link, .steps {
        display: none;
    }

    .slot-box, .live-box {
        min-width: 320px;
    }

        .slot-box #slot-bg {
            background: url(../images/m-slot-bg.jpg);
            background-position-x: center;
            background-size: 100%;
            background-repeat: no-repeat;
        }

        .live-box .live-container {
            padding-top: 65%;
        }

        .slot-box #m-slot-bg, .live-box #m-live-bg, .live-sub .m {
            display: block !important;
        }

        .live-box .live-sub .sub, .live-box .live-sub .sub-invd {
            width: 100%;
            height: 128%;
        }

            .live-box .live-sub .sub > .m, .live-box .live-sub .sub-invd > .m {
                text-align: center;
                margin-top: 5%;
            }

                .live-box .live-sub .sub > .m img, .live-box .live-sub .sub-invd > .m img {
                    width: 12%;
                    margin: 0px 2%;
                }

        .live-box .live-sub .sub-img {
            width: 59% !important;
            height: 65%;
        }

        .live-box .live-sub .sub-left > img {
            left: 8% !important;
            width: 35% !important;
        }

        .live-box .live-sub .sub-left .sub-prod {
            top: 50%;
            left: 5%;
        }

        .live-box .live-sub .sub-right > img {
            width: 40% !important;
            right: 8% !important;
        }

        .live-box .live-sub .sub-right .sub-prod {
            top: 50%;
            right: 10%;
        }

        .slot-box .slot-container {
            padding: 70% 5% 2% 5%;
        }

            .slot-box .slot-container .slot-main {
                margin-bottom: 10%;
            }

                .slot-box .slot-container .slot-main img:nth-child(1) {
                    width: 80%;
                }

                .slot-box .slot-container .slot-main .prod-img {
                    width: 28%;
                    left: 18.5%;
                }

                .slot-box .slot-container .slot-main .prod-link {
                    width: 44%;
                }

            .slot-box .slot-container .sub-prod {
                width: 70%;
                margin-bottom: 15%;
            }

                .slot-box .slot-container .sub-prod .sub-prod-link {
                    width: 65%;
                }

    .m-sport-container {
        display: block;
        position: relative;
        min-width: 320px;
        margin-bottom: 20%;
    }

        .m-sport-container .m-sport-box {
            position: absolute;
            padding-top: 72%;
            top: 0;
            width: 100%;
            height: 100%;
        }

    .h-line {
        display: block;
        width: 100%;
        height: 0.3%;
        background: rgba(196,125,44,0);
        background: -moz-linear-gradient(left, rgba(196,125,44,0) 0%, rgba(196,125,44,0) 9%, rgba(196,125,44,1) 38%, rgba(196,125,44,1) 42%, rgba(255,199,59,1) 48%, rgba(255,199,59,1) 54%, rgba(196,125,44,1) 61%, rgba(196,125,44,1) 66%, rgba(196,125,44,0) 89%, rgba(196,125,44,0) 100%);
        background: -webkit-linear-gradient(left, rgba(196,125,44,0) 0%, rgba(196,125,44,0) 9%, rgba(196,125,44,1) 38%, rgba(196,125,44,1) 42%, rgba(255,199,59,1) 48%, rgba(255,199,59,1) 54%, rgba(196,125,44,1) 61%, rgba(196,125,44,1) 66%, rgba(196,125,44,0) 89%, rgba(196,125,44,0) 100%);
        background: -o-linear-gradient(left, rgba(196,125,44,0) 0%, rgba(196,125,44,0) 9%, rgba(196,125,44,1) 38%, rgba(196,125,44,1) 42%, rgba(255,199,59,1) 48%, rgba(255,199,59,1) 54%, rgba(196,125,44,1) 61%, rgba(196,125,44,1) 66%, rgba(196,125,44,0) 89%, rgba(196,125,44,0) 100%);
        background: linear-gradient(to right, rgba(196,125,44,0) 0%, rgba(196,125,44,0) 9%, rgba(196,125,44,1) 38%, rgba(196,125,44,1) 42%, rgba(255,199,59,1) 48%, rgba(255,199,59,1) 54%, rgba(196,125,44,1) 61%, rgba(196,125,44,1) 66%, rgba(196,125,44,0) 89%, rgba(196,125,44,0) 100%);
        margin: 5% 0 10% 0;
    }

    .m-sport-container .m-spt-prod {
        height: 30%;
        padding-top: 10%;
        padding-left: 15%;
        position: relative;
    }

    .m-sport-container .m-spt-img {
        height: 50%;
        width: 75%;
        display: inline-block;
        transform: perspective( 400px ) rotateY(30deg);
        border: 1vw solid #c3c3c3;
        border-radius: 6%;
        overflow: hidden;
    }

    .m-sport-container .m-prod {
        margin-top: 18%;
        height: 12%;
    }

        .m-sport-container .m-prod .m-spt-logo {
            display: inline-block;
        }

            .m-sport-container .m-prod .m-spt-logo p {
                margin: 0;
                font-size: 7vw;
                font-weight: bold;
                background: -webkit-linear-gradient(45deg, #ffbb1b 0%, #ffbb1b 22%, #ffff35 50%, #ffff35 58%, #ffbb1b 79%, #ffbb1b 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

        .m-sport-container .m-prod .m-spt-btn {
            display: inline-block;
            height: 100%;
            width: 35%;
            float: right;
            margin-right: 10%;
        }

            .m-sport-container .m-prod .m-spt-btn img {
                width: 100% !important;
                height: auto !important;
            }

    .footer {
        min-width: 0;
        margin-top: 0;
        display: none;
    }

    .m-footer-banner {
        display: block;
    }

        .m-footer-banner h5 {
            font-size: 2.5vw;
            color: grey;
            text-align: center;
        }

    .sidenav {
        display: block;
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 9999;
        left: 0;
        background-color: #111111;
        overflow-x: hidden;
        transition: 0.5s;
        font-family: 'Century Gothic';
        font-weight: bold;
        font-size: 3.5vw;
        padding-top: 2%;
        white-space: nowrap;
        transform: translateZ(100px);
    }

        .sidenav .sidenav-container {
            height: 70%;
            overflow-y: scroll;
        }

        .sidenav .sidenav-profile a {
            color: #03a0f3;
        }

        .sidenav a {
            margin: 0 10%;
            padding: 6% 0;
            text-decoration: none;
            color: white;
            display: block;
            border-bottom: 1px solid #413413;
        }

        .sidenav .sidenav-footer {
            margin: 10%;
            position: absolute;
            bottom: 8%;
        }

            .sidenav .sidenav-footer .btnDesk {
                background: none;
                border: none;
                font-family: 'Century Gothic';
                color: #03a0f3;
                font-size: 3vw;
                margin: 8% 0;
            }

            .sidenav .sidenav-footer p {
                font-family: 'Century Gothic';
                color: #03a0f3;
                font-size: 2.3vw;
            }

    .footer-product-logo {
        display: none;
    }

    .m-prod-logo {
        display: block;
        text-align: center;
        width: 100%;
    }

        .m-prod-logo img {
            width: 25%;
            margin: 2%;
        }

    .m-footer-bank {
        text-align: center;
    }

        .m-footer-bank img {
            margin: 1%;
            width: 35%;
        }

    .footer-banner {
        display: none;
    }

    .m-jackpot {
        display: block;
        color: #03a0f3;
        background-color: #1a1a1a;
        padding: 5% 7%;
        overflow: visible;
        height: 20vh;
    }

        .m-jackpot h1 {
            margin: 0;
            font-size: 4.5vw;
        }

        .m-jackpot .m-jp {
            padding: 5%;
            position: relative;
        }

            .m-jackpot .m-jp .m-jp-ctr {
                color: black;
                position: absolute;
                font-size: 6vw;
                font-weight: bold;
                top: 21%;
                right: 11%;
            }

    .steps {
        width: 100%;
        min-width: 0;
        background-image: url(../images/m-steps-bg.html);
        background-size: cover;
        padding: 0px 0 8% 0;
    }

        .steps .steps-container {
            width: 100%;
            display: block;
        }

        .steps .steps-inline {
            width: 49%;
            text-align: center;
            display: inline-block;
            margin-top: 5%;
        }

            .steps .steps-inline p {
                font-size: 2.5vw;
            }

            .steps .steps-inline .steps-sp {
                font-size: 4.2vw;
            }

    .jackpot {
        display: none;
    }

    .m-social {
        width: 100%;
        color: white;
        display: flex;
    }

        .m-social .m-apps {
            width: 100%;
            color: white;
            display: inline-flex;
            padding: 5%;
        }

            .m-social .m-apps .m-apps-img {
                width: 30%;
                padding: 0 5%;
            }

            .m-social .m-apps .m-apps-h3 {
                width: 80%;
                margin-left: 4%;
            }

            .m-social .m-apps p, .m-social .m-apps img {
                margin: 0;
                width: 100%;
                font-size: 4vw;
                font-family: 'Lato';
                font-weight: bold;
            }

    .m-home-login {
        display: block;
        background-image: url(../images/header.html);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        text-align: center;
    }

        .m-home-login .m-home-btn {
            display: inline-flex;
            width: 50%;
        }

        .m-home-login .btn-m-home {
            margin: 3%;
            width: 50%;
            font-size: 3.5vw;
            padding: 4% 0%;
            border-radius: 0;
        }

    .selectpic {
        display: block;
    }

    #menu {
        margin-left: 5%;
        margin-right: 5%;
        overflow: auto;
    }

        #menu ul {
            opacity: 0.97;
            display: block;
        }

            #menu ul li, li a {
                width: 100%;
                display: block;
            }

    #contact {
        display: none;
    }

    body {
        margin: 0px;
        padding: 0px;
        font-family: arial;
        /*background-color: #000;*/
        background: rgb(63,8,92);
        background: linear-gradient(0deg, rgba(63,8,92,1) 0%, rgba(13,13,13,1) 30%, rgba(0,0,0,1) 100%);
        overflow-x: hidden;
    }

    #forheader {
        /*background-image: url("/images/m_header.jpg");*/
        /*background-image: url("/images/header.jpg");
        background-repeat: no-repeat;
        background-size: cover;*/
        background-color: #000;
        width: 100%;
        min-width: 320px;
        max-width: 480px
    }

    #header {
        min-width: 320px;
        max-width: 480px;
    }

    #logo {
        width: 100%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin: 3% auto;
        position: relative;
        z-index: 10;
    }

        #logo .m-menu {
            top: 0;
            position: absolute;
            z-index: 99;
            width: 7%;
            margin-left: 3%;
            padding: 2%;
        }


    .selectpic {
        float: left;
        cursor: pointer;
        width: 100%;
    }

    .nav {
        display: none
    }

    .center {
        display: none;
    }

    #language {
        display: none;
    }

    #forcontainer {
        margin: 0 auto;
        min-width: 320px;
        max-width: 480px;
        width: 100%;
        position: relative;
        overflow: visible;
    }

    #container {
        margin: 0 auto;
        max-width: 480px;
        min-width: 320px;
        width: 100%;
        height: auto;
        overflow: auto;
        width: 100%;
        color: white;
        margin-bottom: 10px;
    }

    #bank2 {
        width: auto;
        height: auto;
        margin: 0 5%;
        padding-bottom: 7%;
    }

        #bank2 img {
            width: 23%;
            height: auto;
            margin: 0 0.5%;
        }

    #bank_container {
        width: 100%;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 20px;
        text-align: center;
        font-family: 'PT Sans';
        position: relative;
        margin: 0 auto;
        float: left;
    }

        #bank_container table {
            width: 95%;
            margin-left: 2.5%;
            margin-right: 2.5%;
            text-align: left;
            border-collapse: collapse;
            float: left;
            margin-top: 30px;
            overflow: auto;
            font: 10px/1.4 'Ubuntu';
        }

            #bank_container table td, #bank_container table th {
                padding: 2%;
            }

    #banking_content {
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        font: 8px/1.4 'Ubuntu';
    }

        #banking_content .titlefaq2 {
            font: 13px/1.4 'Ubuntu';
        }

    #approved_menthod {
        display: none;
    }

    #menu2 {
        min-width: 0;
        margin-top: 0;
        border-top: 0;
        display: block;
        font-size: 2.8vw;
        margin-bottom: 10%;
    }

        #menu2 .menu-footer a:first-child, #menu2 .menu-footer a {
            padding: 0 10px;
        }

        #menu2 .menu-footer, #menu2 #copyright {
            position: unset;
            text-align: center;
            padding: 3% 0px;
        }

        #menu2 #copyright {
            text-align: center;
            width: 100%;
        }

            #menu2 #copyright p {
                display: inline-block;
                font-size: 3vw;
            }

    #menu {
        display: none;
    }

    #menu {
        display: block;
    }


    #container input[type=checkbox]:not(:checked) + #menu {
        transition: all 1.5s ease-in-out;
        transition: all 1.5s ease-in-out;
        /* margin-top: -360px; */
        position: absolute;
        z-index: 1;
        top: -650px;
    }

    #container input[type=checkbox]:checked ~ #menu {
        transition: all 1.5s ease-in-out;
        position: absolute;
        z-index: 1;
        top: 0px;
    }

    #menu .show-menu {
        display: block;
    }

    .l_button {
        width: 15%;
        font: 14px/1.1 'Marcellus';
        font-weight: bold;
        color: white;
        float: right;
        background: url('../images/m_people.png') no-repeat left,-moz-linear-gradient(top, #07283b 0%, #07283b 17%, #0b3448 27%, #0f425d 38%, #114763 44%, #124e6a 46%, #155a7b 48%, #165f80 49%, #1d709a 59%, #2182b5 67%, #289cd9 76%, #2ca9ec 83%, #2eb2fa 89%, #2fb5fe 92%, #2fb5fe 97%, #2eb2fa 98%, #2595d4 100%); /* FF3.6-15 */
        background: url('../images/m_people.png') no-repeat left,-webkit-linear-gradient(top, #07283b 0%,#07283b 17%,#0b3448 27%,#0f425d 38%,#114763 44%,#124e6a 46%,#155a7b 48%,#165f80 49%,#1d709a 59%,#2182b5 67%,#289cd9 76%,#2ca9ec 83%,#2eb2fa 89%,#2fb5fe 92%,#2fb5fe 97%,#2eb2fa 98%,#2595d4 100%); /* Chrome10-25,Safari5.1-6 */
        background: url('../images/m_people.png') no-repeat left,linear-gradient(to bottom, #07283b 0%,#07283b 17%,#0b3448 27%,#0f425d 38%,#114763 44%,#124e6a 46%,#155a7b 48%,#165f80 49%,#1d709a 59%,#2182b5 67%,#289cd9 76%,#2ca9ec 83%,#2eb2fa 89%,#2fb5fe 92%,#2fb5fe 97%,#2eb2fa 98%,#2595d4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        border: 1px solid #2fb5fe;
        padding: 3% 10px 3% 28px;
        line-height: 100%;
        margin-top: 2%;
        margin-right: 2%;
        display: none;
    }

    .m_logo {
        width: 35%;
    }

    .l_button p {
        margin: 0;
    }

    .l_button:hover {
        border: 1px solid #97d0f0;
    }

    #faq_container {
        width: 100%;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 20px;
        text-align: center;
        font-family: 'PT Sans';
        position: relative;
        margin: 0 auto;
        float: left;
    }

    #faq_content, #tnc_content, #about_content {
        margin-top: 20px;
        width: 90%;
    }

    #forget_content {
        margin: 0 auto;
        overflow: auto;
        width: 90%;
        height: auto;
    }

    #forgetpass label {
        float: left;
        width: 100%;
        clear: both;
        text-align: left;
        line-height: 35px;
    }

    #forgetpass input[type="text"] {
        float: left;
        color: black;
        outline: none;
        border: none;
        border-radius: 5px;
        font-family: arial;
        padding: 5px;
        padding-top: 8px;
        padding-bottom: 8px;
        border: 2px inset #4b4545;
        color: black;
        width: 90%;
    }

    #forgetpass {
        width: 80%;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 20px;
        text-align: center;
        font-family: 'PT Sans';
        position: relative;
        margin: 0 auto;
    }

        #forgetpass p {
            font: 9.5pt;
            margin-top: 20px;
            margin-bottom: 20px;
        }

    #forget_button {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        overflow: auto;
        padding-top: 50px;
    }

    .m-login {
        display: flex;
        position: absolute;
        top: 0;
        right: 0;
        width: 22%;
        height: 75%;
        margin-right: 2%;
    }

        .m-login .m-login-btn {
            width: 50%;
            margin-right: 5%;
            height: 100%;
            position: relative
        }

            .m-login .m-login-btn img {
                width: 50%;
                position: absolute;
                left: 25%;
                top: 15%;
            }

            .m-login .m-login-btn p {
                font-family: 'Century Gothic';
                color: white;
                font-weight: bold;
                font-size: 3vw;
                letter-spacing: 1px;
                margin: 0;
            }

        .m-login .btn-m {
            margin: 0px 10px 0px 0px;
            border-radius: 30px;
            width: 10.5vw;
            height: 100%;
            min-width: unset;
        }

    .btn3 {
        width: 50px;
    }

    .center img {
        width: 200px;
    }

    #promotion_container {
        width: 95%;
        margin: 0px;
        padding-left: 2.5%;
        padding-right: 2.5%;
        padding-bottom: 20px;
        text-align: center;
        font-family: 'Ubuntu';
        position: relative;
        margin: 0 auto;
        padding-top: 0px;
    }

        #promotion_container table {
            width: 95%;
            margin-left: 2.5%;
            margin-right: 2.5%;
            text-align: left;
            border-collapse: collapse;
            float: left;
            margin-top: 30px;
            overflow: auto;
            text-align: center;
            font: 11px/1.4 'PT Sans';
        }

    #promotion_content {
        float: left;
    }

        #promotion_content ol {
            padding-left: 10px;
            margin: 10px;
            float: left;
        }

            #promotion_content ol li {
                margin-top: 5px;
                margin-bottom: 5px;
            }

    #tnc {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        padding-top: 0px;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 20px;
        text-align: left;
        font-family: 'Ubuntu';
    }

    #productcontainer {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: center;
        float: left;
        font-size: 11pt;
        background-image: url("../images/m_background-effect.html");
        background-repeat: no-repeat;
        background-size: cover;
    }

    #bottomslot {
        margin-bottom: 50px;
    }

    #DEPOSIT {
        width: 100%;
        text-align: left;
        overflow: auto;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

        #DEPOSIT img {
            float: left;
            width: 45%;
            margin: 2.5%;
        }

        #DEPOSIT .selected {
            text-align: center;
            clear: both;
        }

        #DEPOSIT p {
            width: 100%;
            text-align: left;
            float: left;
            clear: both;
        }

        #DEPOSIT ul li {
            text-align: left;
            float: left;
            clear: both;
        }

        #DEPOSIT ol {
            padding-left: 0;
        }

        #DEPOSIT select {
            width: 100%;
        }

        #DEPOSIT input[type="file"] {
            width: 96%;
        }

    #withdraw {
        width: 100%;
        text-align: left;
        overflow: auto;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

        #withdraw img {
            float: left;
            width: 45%;
            margin: 2.5%;
        }

        #withdraw .selected {
            text-align: center;
            clear: both;
        }

        #withdraw p {
            width: 100%;
            text-align: left;
            float: left;
            clear: both;
        }

        #withdraw ul li {
            text-align: left;
            float: left;
            clear: both;
        }

        #withdraw ol {
            padding-left: 0;
        }

        #withdraw label {
            width: 100%;
            float: left;
            clear: both;
            line-height: 35px;
            margin-top: 5px;
            margin-bottom: 5px;
            font-family: 'PT Sans',monospace,Arial;
            text-align: left;
        }

        #withdraw input[type="text"] {
            width: 95%;
        }

    #transfer {
        width: 100%;
        text-align: left;
        overflow: auto;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

        #transfer img {
            float: left;
            width: 45%;
            margin: 2.5%;
        }

        #transfer .selected {
            text-align: center;
            clear: both;
        }

        #transfer p {
            width: 100%;
            text-align: left;
            float: left;
            clear: both;
        }

        #transfer label {
            width: 100%;
            text-align: left;
        }

        #transfer input[type="text"] {
            width: 95%;
        }

    #change_password {
        width: 100%;
        text-align: left;
        overflow: auto;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

        #change_password label {
            width: 100%;
            text-align: left;
        }

        #change_password input[type="text"] {
            width: 95%;
        }

    #menu4 ul {
        display: initial;
        width: 100%:
    }

        #menu4 ul li {
            width: 98%;
            float: left;
        }

            #menu4 ul li a {
                float: left;
                width: 100%;
                background: url('../images/arrow_up.html') no-repeat right;
                font-family: 'PT Sans';
                font-weight: bold;
            }

    #m_livecasino {
        display: block;
    }

    #d_livecasino {
        display: none;
    }

    #menu3 ul {
        display: inherit;
        width: 100%;
    }

        #menu3 ul li {
            width: 98%;
        }

            #menu3 ul li a {
                background: url('../images/arrow_up.html') no-repeat right;
                width: 100%;
                font-family: 'PT Sans';
                font-weight: bold;
            }

    #d_sportbook {
        display: none;
    }

    #m_sbobet {
        float: left;
        display: block;
        width: 400px;
        height: 400px;
        -webkit-transition: 1s;
        transition: 1s;
        overflow: hidden;
    }

        #m_sbobet.clicked {
            height: 0px;
            width: 400px;
        }

        #m_sbobet img {
            width: auto;
        }

    #m_ibcbet {
        display: block;
        width: 400px;
        height: 400px;
        -webkit-transition: 1s;
    }

        #m_ibcbet img {
            width: auto;
        }

        #m_ibcbet.clicked {
            width: 400px;
            height: 0px;
        }

    #m_language {
        display: block;
    }

        #m_language img {
            margin: 20px;
        }

    .alertfont {
        margin-top: -35px;
    }

    .alertfont2 {
        margin-top: -30px;
        float: left;
        font-size: 9pt;
        font-style: italic;
    }

    #mobile_casino_container {
        width: 90%;
        padding-top: 0;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 20px;
        text-align: center;
        position: relative;
        margin: 0 auto;
        float: left;
    }

        #mobile_casino_container center img {
            width: 40%;
        }

    #menu4 {
        width: 100%;
    }

        #menu4 ul {
            display: initial;
            /* float: left; */
            clear: left;
            width: 100%:;
        }

    #profile_container {
        padding: 0;
        margin: 0;
        width: 100%;
        min-width: 320px;
        max-width: 480px;
    }

    #m_12win {
        display: block;
    }

    #d_mobilecasino {
        display: none;
    }

    #announcement {
        display: none;
    }

    #step_container {
        display: none;
    }

    #jackpot {
        display: none;
    }

    #footer_content {
        display: none;
    }

    #mobile_main {
        display: block;
    }

    #mobile_title {
        float: left;
        margin: 10px;
        margin-bottom: 15px;
    }

    #mobile_chat {
        float: left;
        width: 100%;
        background-color: #02121b;
        text-align: center;
        border-bottom: 1px solid #1b6995;
        padding-bottom: 10px;
    }

        #mobile_chat img {
            width: 13%;
            float: left;
        }

        #mobile_chat p {
            color: white;
            margin: 0;
            margin-top: 5px;
            margin-bottom: 5px;
            font: 9px/1.05 'Open Sans';
            font-weight: bold;
            text-align: center;
            padding: 1px;
        }

    #mobile_title img {
        width: 50%;
        float: left;
    }

    #mobile_chat_content {
        width: 18%;
        float: left;
        padding: 2px;
    }

    #mobile_title center {
        width: 100%;
        float: left;
        overflow: auto;
        line-height: 50px;
        margin-top: 50px;
    }

    #btn8 {
        background: #07283b;
        background: url('../images/m_desktop_icon.html') left no-repeat, -moz-linear-gradient(top, #07283b 0%, #07283b 17%, #114964 46%, #185e82 50%, #1a6c92 58%, #2489bf 71%, #2ba5e8 83%, #2daef2 88%, #2eb2fa 92%, #2fb5fe 96%, #2fb5fe 100%);
        background: url('../images/m_desktop_icon.html') left no-repeat, -webkit-linear-gradient(top, #07283b 0%,#07283b 17%,#114964 46%,#185e82 50%,#1a6c92 58%,#2489bf 71%,#2ba5e8 83%,#2daef2 88%,#2eb2fa 92%,#2fb5fe 96%,#2fb5fe 100%);
        background: url('../images/m_desktop_icon.html') left no-repeat, linear-gradient(to bottom, #07283b 0%,#07283b 17%,#114964 46%,#185e82 50%,#1a6c92 58%,#2489bf 71%,#2ba5e8 83%,#2daef2 88%,#2eb2fa 92%,#2fb5fe 96%,#2fb5fe 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07283b', endColorstr='#2fb5fe',GradientType=0 );
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        font-family: Arial;
        color: #ffffff;
        font-size: 15px;
        padding: 10px 15px 10px 60px;
        border: solid #2494bf 1px;
        text-decoration: none;
        margin-left: 5px;
        margin-bottom: 5px;
        font-family: 'Marcellus';
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        width: 400px;
    }

    #mobile_title center img {
        float: left;
    }

    #menu6 {
        display: none;
    }
}

@media screen and (max-width : 319px) {
    body {
        overflow-x: auto;
    }
}