#body_content {
    background-size: cover;
}

@font-face {
    font-family: 'BOONTOOK-ULTRA';
    src: url('../Fonts/Garuda Bold/BOONTOOK-ULTRA.TTF') format('truetype');
}

#accRegContainer {
    margin: auto;
}


#registration-page {
    position: relative;
    height: 100%;
}

    #registration-page #left-angel {
        width: 375px;
        height: 100%;
        left: 0;
        position: absolute;
    }

        #registration-page #left-angel #left-angel-img {
            width: 75%;
            bottom: 0;
            position: absolute;
            left: -20px;
        }

    #registration-page #right-angel {
        width: 375px;
        height: 100%;
        right: 0;
        position: absolute;
    }

        #registration-page #right-angel #right-angel-img {
            width: 75%;
            bottom: 0;
            position: absolute;
            right: 0;
        }

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #25aae1;
    padding-left: 10%;
    padding-right: 10%;
}

.quickRegType_LeftImg {
    max-width: 900px;
}

.EgameBanner {
    margin: 0 auto;
}

.registration-container {
    margin-top: 5%;
}

.quickRegTypeLeftImg {
    max-width: 670px;
    margin: auto;
}

.quickRegEGameTitle {
    margin-top: 33%;
    padding-left: 36%;
}

#para-one {
    font-size: 48px;
    color: white;
    margin: 15px 0 0 0;
    line-height: 1.2em;
}

    #para-one .last, .last {
        font-size: 30px;
    }

.fontPattern {
    font-family: -webkit-body;
}

#para-one.zh-CN {
    font-size: 66px;
}


.highlight-text {
    color: #25AAE1;
}

    .highlight-text.th {
        font-size: 70px;
    }

#para-two {
    font-size: 46px;
    color: white;
}

.registration-body {
    padding-top: 20px;
    margin: 0px 10%;
}

.registration-container {
    padding-left: 15px;
    padding-right: 15px;
}

    .registration-container .row {
        margin: 0;
    }

.registration-title {
    border: 1px solid #25AAE1;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    background-color: #25AAE1;
    font-weight: bold;
    font-size: 18px;
    height: 63px;
    max-width: 700px;
}

    .registration-title .title {
        text-align: center;
        color: white;
        top: 0%;
        left: 50%;
        transform: translateX(-50%) translateY(-100%);
        height: 100%;
        width: 100%;
        display: table;
        padding-left: 0% !important;
    }

        .registration-title .title span {
            display: table-cell;
            vertical-align: middle;
            padding-left:5%;
        }

.registration-content {
    padding: 0 25px;
    border: 1px solid white;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    background-color: white;
    max-width: 700px;
    min-height: 402px;
}

    .registration-content .registration-description {
        margin-top: 20px;
        text-align: center;
        font-size: 17px;
        color: #898989;
    }

        .registration-content .registration-description.th-TH,
        .registration-content .registration-description.vi-VN {
            width: 110%;
            margin-left: -5%;
        }

            .registration-content .registration-description.th-TH .col-md-12,
            .registration-content .registration-description.vi-VN .col-md-12 {
                padding-left: 0;
            }

    .registration-content .registration-form {
        margin-top: 30px;
    }

        .registration-content .registration-form .row {
            margin-right: 0;
            margin-left: 0;
        }

        .registration-content .registration-form .high-resolution {
            display: block;
        }

        .registration-content .registration-form .low-resolution {
            display: none;
        }

    .registration-content #phone-col {
        max-height: 65px;
    }

    .registration-content .registration-form .col-md-6,
    .registration-content .registration-form .col-md-12 {
        position: relative;
    }

    .registration-content .registration-form input {
        padding-left: 30px;
    }

    .registration-content .registration-form .symbol {
        position: absolute;
        width: 16px;
        height: 16px;
        margin-top: 8px;
        margin-left: 8px;
    }

    .registration-content .registration-form .reg-symbol-fname {
        background: url('/Images/Icons/fun88-registerform-symbols.png') no-repeat;
        background-position: -8px -18px;
    }

    .registration-content .registration-form .reg-symbol-lname {
        background: url('/Images/Icons/fun88-registerform-symbols.png') no-repeat;
        background-position: -41px -18px;
    }

    .registration-content .registration-form .reg-symbol-username {
        background: url('/Images/Icons/fun88-registerform-symbols.png') no-repeat;
        background-position: -74px -18px;
    }

    .registration-content .registration-form .reg-symbol-password {
        background: url('/Images/Icons/fun88-registerform-symbols.png') no-repeat;
        background-position: -106px -18px;
    }

    .registration-content .registration-form .reg-symbol-email {
        background: url('/Images/Icons/fun88-registerform-symbols.png') no-repeat;
        background-position: -142px -18px;
        width: 18px;
        margin-left: 7px;
    }

    .registration-content .registration-form .reg-symbol-phone {
        background: url('/Images/Icons/fun88-registerform-symbols.png') no-repeat;
        background-position: -177px -15px;
        height: 20px;
        margin-top: 7px;
    }

    .registration-content .registration-form #btn-register {
        background-color: #25AAE1;
        font-weight: bold;
        color: white;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        padding: 10px 50px;
    }

    .registration-content input {
        max-width: 748px;
    }

    .registration-content .col-md-6, .registration-content .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }

    .registration-content .first-col {
        padding-right: 8px;
    }

    .registration-content .second-col {
        padding-left: 8px;
    }

.field-validation-error span {
    font-size: 12px;
}

.button-arrow-reg {
    background: url('/Images/Icons/fun88-button-arrow-icon.png') no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    z-index: 2;
    margin: 8px;
}

.claim-step {
    padding-right: 0;
}

    .claim-step div.col-md-3 {
        height: 82px;
        margin-bottom: 20px;
        padding-top: 18px;
        padding-left: 52px;
        padding-right: 10px;
        background-color: #25AAE1;
        width: 24.9%;
    }

        .claim-step div.col-md-3 span.header {
            font-size: 14px;
            color: white;
        }

        .claim-step div.col-md-3 span.text {
            font-size: 14px;
            color: #E1E1E1;
        }

        .claim-step div.col-md-3 .icon {
            width: 42px;
            height: 65px;
            float: left;
            margin-right: 10px;
        }

        .claim-step div.col-md-3 .claim-step-icon-1 {
            background: url('/Images/Icons/fun88-stepstoclaim-symbols.png') no-repeat;
            background-position: -18px -23px;
        }

        .claim-step div.col-md-3 .claim-step-icon-2 {
            background: url('/Images/Icons/fun88-stepstoclaim-symbols.png') no-repeat;
            background-position: -88px -23px;
        }

        .claim-step div.col-md-3 .claim-step-icon-3 {
            background: url('/Images/Icons/fun88-stepstoclaim-symbols.png') no-repeat;
            background-position: -156px -23px;
        }

        .claim-step div.col-md-3 .claim-step-icon-4 {
            background: url('/Images/Icons/fun88-stepstoclaim-symbols.png') no-repeat;
            background-position: -224px -13px;
            height: 52px;
            margin-top: -4px;
        }

    .claim-step .step-arrow {
        background: url(/Images/fun88-claim-step-arrow.png) no-repeat;
        width: 42px;
        height: 82px;
        float: left;
        z-index: 1;
        position: relative;
    }

    .claim-step .step-2,
    .claim-step .step-3,
    .claim-step .step-4 {
        margin-left: -56px;
    }

#youkuplayer {
    height: 100%;
}

.angel-player-banner {
    width: 100%;
    height: 100%;
    min-width: 530px;
}

.ambassadorBanner {
    margin-top: -22px;
}

.promoText {
    font-size: 18px;
    font-family: sans-serif;
    font-weight: bold;
    color: white;
}

.worldCupMobileTitle {
    width: 100%;
    min-height: 100px;
    background: white;
    font-size: 28px;
    font-weight: bold;
    color: #25aae1;
    padding: 10px 10px;
    text-align: center;
}

.worldcupWatermark {
    display: none;
    background-color: white;
    height: 100%;
    width: 100%;
    position: absolute;
    background: url(/Images/WorldCup2018/watermark.jpg) no-repeat center;
    background-size: contain;
    margin-left: -25px;
}

.worldcupPromoSteps {
    display: none;
}

@media(max-width: 1725px) {
    .claim-step div.col-md-3 span.header {
        font-size: 13px;
    }

    .claim-step div.col-md-3 span.text {
        font-size: 13px;
    }

    #para-one {
        font-size: 44px;
    }

        #para-one .last, .last {
            font-size: 41px;
        }

        #para-one.zh-CN {
            font-size: 55px;
        }

    .quickRegType_LeftImg {
        max-width: 850px;
    }

    .quickRegTypeLeftImg {
        max-width: 630px;
    }

    .quickRegEGameTitle {
        margin-top: 32%;
    }

    .registration-body {
        margin: 0px 5%;
    }
}

@media(max-width: 1645px) {
    .claim-step div.col-md-3 span.header {
        font-size: 12px;
    }

    .claim-step div.col-md-3 span.text {
        font-size: 12px;
    }

    .quickRegEGameTitle {
        margin-top: 33%;
    }
}

@media(max-width: 1600px) {
    #registration-page #left-angel #left-angel-img {
        width: 65%;
    }

    #registration-page #right-angel #right-angel-img {
        width: 65%;
    }

    .claim-step {
        display: none;
    }

    .quickRegEGameTitle {
        margin-top: 31%;
        padding-left: 23%;
    }
}

@media(max-width:1520px) {
    #para-one {
        font-size: 40px;
    }

        #para-one .last, .last {
            font-size: 37px;
        }

        #para-one.zh-CN {
            font-size: 51px;
        }

    .registration-content .registration-description {
        margin-top: 10px;
    }

    .registration-content .registration-form {
        margin-top: 10px;
    }

        .registration-content .registration-form .high-resolution {
            display: none;
        }

        .registration-content .registration-form .low-resolution {
            display: block;
        }

    .registration-content #phone-col {
        max-height: 55px;
    }

    .quickRegEGameTitle {
        margin-top: 41%;
    }
}

@media(max-width: 1365px) {
    #registration-page #left-angel #left-angel-img {
        width: 61%;
    }

    #registration-page #right-angel #right-angel-img {
        width: 61%;
    }

    #para-one {
        font-size: 36px;
    }

        #para-one .last, .last {
            font-size: 33px;
        }

        #para-one.zh-CN {
            font-size: 47px;
        }

    .ambassadorBanner {
        margin-top: 32px;
    }

    .quickRegType_LeftImg {
        max-width: 735px;
        padding-top: 8%;
    }

    .quickRegTypeLeftImg {
        max-width: 630px;
    }

    .quickRegEGameTitle {
        margin-top: 44%;
    }
}

@media(max-width:1260px) {
    #registration-page #left-angel,
    #registration-page #right-angel {
        display: none;
    }

    .quickRegType_LeftImg {
        max-width: 710px;
        margin-top: 36px;
    }

    .quickRegTypeLeftImg {
        max-width: 630px;
    }

    .quickRegEGameTitle {
        margin-top: 47%;
        padding-left: 16%;
    }
}

@media (max-width: 1200px) {
    #para-one {
        font-size: 40px;
    }

        #para-one .last, .last {
            font-size: 37px;
        }

        #para-one.zh-CN {
            font-size: 51px;
        }

    .highlight-text.th {
        font-size: 50px;
    }

    .quickRegType_LeftImg {
        max-width: 540px;
        margin-top: -8%;
    }

    .quickRegTypeLeftImg {
        max-width: 545px;
    }

    .registration-container {
        margin-top: 0px;
    }

    .wcdisplay {
        min-height: 600px !important;
    }

    .promoImage {
        margin: 10px;
    }

    .quickRegEGameTitle {
        margin-top: 40%;
        padding-left: 3%;
    }
}

@media (max-width: 990px) {
    .row-eq-height {
        padding-left: unset !important;
        padding-right: unset !important;
    }

    .promoColContainer {
        border: 1px solid white;
    }

    .wcdisplay {
        min-height: unset !important;
        height: 550px !important;
    }

    .quickRegEGameTitle {
        margin: 0 auto;
        margin-top: 7%;
        padding: 0;
        padding-top: 66%;
    }

    .EgameBanner {
        margin: 0 auto;
        background-color: white;
    }
}

@media (min-width: 768px) and (max-width: 1100px) /*and (max-height: 768px)*/ {
    .registration-description.vi-VN,
    .registration-description.th-TH {
        font-size: 14px;
    }

    .promoImage {
        margin: 10px;
    }
}

@media (min-width: 990px) and (max-width: 1120px) {
    .promoText {
        font-size: 15px !important;
    }

    .row-eq-height {
        min-height: 120px !important;
    }

    .promoCol {
        top: 5px !important;
    }

    .promoImage {
        max-width: 140% !important;
    }
}

@media (min-width: 1120px) and (max-width: 1250px) {
    .promoCol {
        top: 5px !important;
    }
}

@media(min-width: 745px) and (max-width: 985px) {
    #para-one {
        font-size: 30px;
    }

        #para-one .last, .last {
            font-size: 27px;
        }

        #para-one.zh-CN {
            font-size: 41px;
        }

    .highlight-text.th {
        font-size: 50px;
    }

    .promoText {
        font-size: 17px !important;
    }

    .promoImage {
        max-width: 45% !important;
        margin: 10px;
    }

    .worldCupMobileTitle span span {
        font-size: 23px !important;
        color: black !important;
    }
}

@media(min-width: 500px) and (max-width: 744px) {
    #para-one {
        font-size: 20px;
    }

        #para-one .last, .last {
            font-size: 17px;
        }

        #para-one.zh-CN {
            font-size: 31px;
        }

    .highlight-text.th {
        font-size: 30px;
    }

    .promoText {
        font-size: 15px !important;
    }

    .promoImage {
        max-width: 50% !important;
    }

    .worldCupMobileTitle {
        font-size: 20px !important;
        min-height: unset !important;
    }

    .wcdisplay {
        min-height: unset !important;
        height: 410px !important;
    }

    .worldCupMobileTitle span span {
        font-size: 20px !important;
        color: black !important;
    }
}


@media(min-width: 325px) and (max-width: 500px) {
    #para-one {
        font-size: 14px;
    }

        #para-one .last, .last {
            font-size: 11px;
        }

        #para-one.zh-CN {
            font-size: 25px;
        }

    .highlight-text.th {
        font-size: 25px;
    }

    .registration-content .registration-description {
        font-size: 16px;
    }

    .promoText {
        font-size: 15px !important;
    }

    .wcdisplay {
        min-height: unset !important;
        height: 255px !important;
    }

    .promoImage {
        max-width: 80% !important;
    }

    .worldCupMobileTitle {
        font-size: 20px !important;
    }

        .worldCupMobileTitle span span {
            font-size: 18px !important;
            color: black !important;
        }
}

@media(min-width: 200px) and (max-width: 325px) {
    #para-one {
        font-size: 12px;
    }

        #para-one .last, .last {
            font-size: 9px;
        }

        #para-one.zh-CN {
            font-size: 23px;
        }

    .registration-content .registration-description {
        font-size: 12px;
    }

    .promoText {
        font-size: 15px !important;
    }

    .worldCupMobileTitle {
        font-size: 18px !important;
    }

    .wcdisplay {
        min-height: unset !important;
        height: 255px !important;
    }

    .worldCupMobileTitle span span {
        font-size: 16px !important;
        color: black !important;
    }
}

@media(max-width: 992px) {
    .registration-body {
        padding: 20px 0;
    }

    .registration-container {
        padding: 0;
    }

    .registration-title {
        max-width: none;
    }

    .registration-content {
        max-width: none;
    }

        .registration-content .registration-description {
            margin-top: 20px;
        }

        .registration-content .registration-form {
            padding: 0 20%;
            margin-top: 30px;
        }

        .registration-content .first-col {
            padding-right: 0;
        }

        .registration-content .second-col {
            padding-left: 0;
        }

    .registration-title .title {
        text-align: center;
        color: white;
    }

    #country-code-input {
        max-width: 70px;
    }

    .registration-content .registration-form #phone-col {
        margin-left: 68px;
        max-height: 65px;
    }

    .registration-content .registration-form .high-resolution {
        display: block;
    }

    .registration-content .registration-form .low-resolution {
        display: none;
    }

    .quickRegType_LeftImg, quickRegTypeLeftImg {
        max-width: 800px;
        margin: auto;
    }

    .quickRegType_LeftImg {
        /*margin: -20px !important;*/
        padding-top: 5% !important;
    }

    #body_content {
        background-size: cover !important;
    }

    .row {
        margin: 0px;
    }

    .row-eq-height {
        display: block;
    }
}

@media(max-width:815px) {
    .registration-body {
        padding-bottom: 0;
    }

    .registration-container {
        margin: 0;
    }

        .registration-container.bet-content-false {
            padding-bottom: 13%;
        }

    .registration-title {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .registration-content {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

        .registration-content .first-col {
            padding-right: 0;
        }

        .registration-content .second-col {
            padding-left: 0;
        }

        .registration-content .registration-form {
            padding: 0;
        }

    #PhoneNumber {
        max-width: 665px;
    }

    .quickRegType_LeftImg, .quickRegTypeLeftImg {
        max-width: 100%;
    }
}

@media (min-width: 1260px) {
    .container {
        max-width: 63%;
    }
}

@media(max-width:800px) and (min-height: 1280px) {
    .registration-container.bet-content-false {
        padding-bottom: 16%;
    }
}

@media(max-width:740px) {
    .registration-container.bet-content-false {
        padding-bottom: 17%;
    }
}


@media(max-width:739px) and (max-height:415px) {
    .registration-container.bet-content-false {
        padding-bottom: 5%;
    }
}

@media(max-width:600px) {
    .angel-player-banner {
        min-width: initial;
    }

    .registration-container.bet-content-false {
        padding-bottom: 16%;
    }

    .quickRegType_LeftImg, .quickRegTypeLeftImg {
        max-width: 100%;
    }

    .quickRegType_LeftImg {
        padding-top: 5%;
    }
}

@media(max-width:385px) {
    .registration-container.bet-content-false {
        padding-bottom: 15%;
    }

    .registration-title .title {
        font-size: 14px;
    }
}

@media(max-width:360px) {
    .registration-title .title {
        font-size: 15px;
    }

    .highlight-text.th {
        font-size: 25px;
    }
}

@media(max-width:320px) {
    .registration-title .title {
        font-size: 14px;
    }

    #header-container {
        padding: 0px;
    }

    .highlight-text.th {
        font-size: 25px;
    }
}

@media(min-height:300px) and (max-height:400px) and (max-width: 700px) {
    .registration-container.bet-content-false {
        padding-bottom: 8%;
    }
}


/*@media screen and (max-width:991px) {
    .nba-logo {
        margin-bottom: 5%;
    }
}*/