/*=====DEFAULT FORMATS=====*/

html, body {
    background:#ffffff;
    height:100%;
	color: #ffffff;
	font: 14px Arial;
	margin: 0 auto;
	padding: 0;
	position: relative;
    min-width: 1170px;
    
}

.fireworks {
    width: 100%;
    position:absolute;
    top:0;
    background:transparent !important;
}
body {  
    overflow-x: hidden;
    scroll-behavior: smooth;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    font-family: Microsoft Yahei;
}

ul {
	list-style:none;
    margin: 0;
    padding: 0;
}
a {
	text-decoration:none;
	color:#fff;
	cursor:pointer;
}
a:hover {
	color:#E4520D;
}
h1, h2, h3, h4, h5, h6 {
    color: #fd6d17;
    /*color: #e84f0c;*/
    font-weight: bold;
    display: block;
    margin: 15px 0;
}
h1 {
    font-size: 3em;
}
h2 {
   font-size: 2.8em;
}
h3 {
    font-size: 2.5em;
}
h4 {
   font-size: 2.3em;
}
h5 {
   font-size: 2em;
}
h6 {
    font-size: 1.5em;
}
hr {
    border: none;
    border-bottom: 2px solid;
    color: #e84f0c
}
p {
    line-height: 22px;
    font-size: 1.2em;
}
.text-center {
    text-align: center !important;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.text-indent {
	text-indent:30px;
}
.text-bold {
    font-weight: bold;
}
.no-right {
    text-align: initial !important;
}
.white-space {
    white-space: pre-line;
}
.font-normal {
    font-weight: normal !important;
}
.font-15 {
    font-size: 15px !important;
}

.font-16 {
    font-size: 16px !important;
}

.m-b-10 {
    margin-bottom: 10px;
}

.text-red {
    color: #dd3333 !important;
}
.btn-ghost-o {
    border: 1px solid #f06405;
    background: transparent;
    color: #fff;
    padding: 8px 50px;
    font-size: 15px;
    cursor: pointer;
}
    .btn-ghost-o:hover {
        border: 1px solid #f06405;
        background: #f06405;
        color: #fff;
    }
.pos-rel {
    position: relative;
}

.tab-links {
    display: block;
    list-style: none;
    border-bottom: 3px solid #ff6a00;
    z-index: 9;
    margin: 15px 0px;
    font-size: 0;
}
    .tab-links > li {
        color: #757575;
        display: inline-block;
        text-align: center;
        width: 11.1%;
        padding: 10px 10px;
        font-size: 15px;
        border: 1px solid #b5b5b5;
        background: linear-gradient(to bottom, white 0%, #e5e5e5 100%);
    }
.tab-links > li a {
    text-decoration:none;
    color:#757575;
    display:block;
}
    .tab-links li.active {
        border: 1px #ff6a00 solid;
        background: #fff;
        color: #ff6a00;
    }
    .tab-links li.active a {
            color: #ff6a00;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .tab-links > li.active:before {
    border-top: 60px solid transparent;
    }
}
.tab-links >li{
    /*margin-left: 40px;*/
}

.tab-links > li.active, .tab-links > li:hover {
        border: 1px #ff6a00 solid;
        /* background: #fff; */
        /*background-color:  #e84f0c;*/
    }
.tab-links > li:hover > a {
    color: #fd6d17 !important;
        
    }
.tab-panel {
    position: relative;
}
.tab-content  {
    margin: 20px auto;
    position: relative;
    display: none;
}
#tab-1 {
    display: block
}
/*.btn {
    padding: 5px 20px;
    display: inline-block;
    border-radius: 3px;
    margin: 5px 2px;
    color: #ededed;
    border: none;
    text-align: center;
}*/
.btn-medium{
    padding: 10px 30px;
    display: block;
}
.btn-gold {
	background:#e84f0c !important;
}
.btn-gold:hover {
	background:#de6d09 !important;
    color: #fff;
}
.btn-red {
	background:#bd0404 !important;
}
.btn-red:hover {
	background:#f32222 !important;
    color: #fff;
}
.btn-green {
	background:#23830d !important;
}
.btn-green:hover {
	background:#2bbb0a !important;
}
.btn-gold:hover,
.btn-red:hover,
.btn-green:hover {
 	-webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     -o-transition: all 300ms ease-in-out;
     -ms-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
}
.red-btn {
    background: #dd3333;
    border: 1px solid #d71e1e;
    /*background: #636869;
    border: 1px solid #7d8182;*/
}
.btn-default {
    border: 1px solid #e84f0c;
    color: #e84f0c;
    padding: 8px 10px;
     border-radius: 3px;
    background-color: #DADADA;
    -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;


     -o-transition: all 300ms ease-in-out;
     -ms-transition: all 300ms ease-in-out;
     transition: all 300ms ease-in-out;
}
.btn-default:hover {
    background-color: #e84f0c;
    color: #fff;
    cursor: pointer;
}
.btn-back {
	position:absolute !important;
	right:50px !important;
	top:30px;
    height:auto !important;
    display:inline-block !important;
}
/*.copy-btn {
	position: absolute !important;
    right: 35px !important;
    top: 72px;
    background: #e8e8e8;
    height: auto !important;
    display: inline-block !important;
}*/
.copy-btn2 {
	position: absolute !important;
	right: 56px !important;
    top: 117px;
    background: #e8e8e8;
    height: auto !important;
    display: inline-block !important;
}
.hidden {
    display: none !important;
}
/*======GRID SYSTEM========*/
.container {
    margin-right: auto;
    margin-left: auto;
    /*padding-left: 15px;
    padding-right: 15px;*/
}

    .container:before, .container:after {
        content: " ";
        display: table;
    }

    .container:after {
        clear: both;
    }

.container {
    width: 1170px;
}

@media only screen and (max-width: 1024px) {
    .container {
        width: 100%;
    }
}

.row:before, .row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12, .col-1-custom, .column-20 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12, .col-1-custom, .column-20 {
    float: left;
}

.column {
    padding: 0;
}

.column-12 {
    width: 100%;
}

.column-11 {
    width: 91.6666666667%;
}

.column-10 {
    width: 83.3333333333%;
}

.column-9 {
    width: 75%;
}

.column-8 {
    width: 66.6666666667%;
}

.column-7 {
    width: 58.3333333334%;
}

.column-6 {
    width: 50%;
}

.column-5 {
    width: 41.66666666667%;
}

.column-4 {
    width: 33.33333333333%;
}

.column-3 {
    width: 25%;
}

.column-2 {
    width: 16.66666666667%;
}

.column-1 {
    width: 8.33333333%;
}

.col-1-custom {
    width: 5%;
}

.offset-md-0 {
    margin-left: 0;
}

.offset-lg-1 {
    margin-left: 8.333333%;
}

.offset-lg-2 {
    margin-left: 16.666667%;
}

.offset-lg-3 {
    margin-left: 25%;
}

.offset-lg-4 {
    margin-left: 33.333333%;
}

.offset-lg-5 {
    margin-left: 41.666667%;
}

.offset-lg-6 {
    margin-left: 50%;
}

.offset-lg-7 {
    margin-left: 58.333333%;
}

.offset-lg-8 {
    margin-left: 66.666667%;
}

.offset-lg-9 {
    margin-left: 75%;
}

.offset-lg-10 {
    margin-left: 83.333333%;
}

.offset-lg-11 {
    margin-left: 91.666667%;
}

.column-padd2 {
    padding: 0 2px;
}

.no-padd {
    padding: 0;
}

.no-pad-r {
    padding-right: 0;
}

.no-float {
    margin: 0 auto !important;
    float: none;
}

.column-20 {
    width: 20% !important;
}

.col-custom-20 {
    width: 20% !important;
}
/* ========== MEDIUM DEVICES ========== */
@media only screen and (max-width: 1366px) and (min-width: 1200px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.6666666667%;
    }

    .col-md-10 {
        width: 83.3333333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.6666666667%;
    }

    .col-md-7 {
        width: 58.3333333334%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666666667%;
    }

    .col-md-4 {
        width: 33.33333333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.333333%;
    }

    .offset-md-2 {
        margin-left: 16.666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.333333%;
    }

    .offset-md-5 {
        margin-left: 41.666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.333333%;
    }

    .offset-md-8 {
        margin-left: 66.666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.333333%;
    }

    .offset-md-11 {
        margin-left: 91.666667%;
    }
}
/* ========== SMALL DEVICES ========== */
@media only screen and (max-width: 1024px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }

    .col-sm {
        padding: 0;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.6666666667%;
    }

    .col-sm-10 {
        width: 83.3333333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.6666666667%;
    }

    .col-sm-7 {
        width: 58.3333333334%;
    }

    .col-sm-6 {
        width: 50% !important;
    }

    .col-sm-5 {
        width: 41.66666666667%;
    }

    .col-sm-4 {
        width: 33.33333333333%;
    }

    .col-sm-3 {
        width: 25% !important;
    }

    .col-sm-2 {
        width: 16.66666666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.333333%;
    }

    .offset-sm-2 {
        margin-left: 16.666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.333333%;
    }

    .offset-sm-5 {
        margin-left: 41.666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.333333%;
    }

    .offset-sm-8 {
        margin-left: 66.666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.333333%;
    }

    .offset-sm-11 {
        margin-left: 91.666667%;
    }
}

/* ========== EXTRA SMALL DEVICES ========== */
@media only screen and (max-width: 768px) {
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }

    .col-xs {
        padding: 0;
    }

    .col-xs-12 {
        width: 100% !important;
    }

    .col-xs-11 {
        width: 91.6666666667%;
    }

    .col-xs-10 {
        width: 83.3333333333%;
    }

    .col-xs-9 {
        width: 75%;
    }

    .col-xs-8 {
        width: 66.6666666667%;
    }

    .col-xs-7 {
        width: 58.3333333334%;
    }

    .col-xs-6 {
        width: 50% !important;
    }

    .col-xs-5 {
        width: 41.66666666667%;
    }

    .col-xs-4 {
        width: 33.33333333333%;
    }

    .col-xs-3 {
        width: 25%;
    }

    .col-xs-2 {
        width: 16.66666666667%;
    }

    .col-xs-1 {
        width: 8.33333333%;
    }

    .col-xs-4-custom {
        width: 33.33333333333% !important;
    }
}
/*=====HEADER=====*/
.header-cont {
    position: absolute;
    width: 100%;
}
.header {
    background: #0e0e0e;
    /*position: absolute;*/
    min-width: 1170px;
    width: 100%;
    /*-webkit-transition: ease-in 0.3s;
    transition: ease-in 0.3s;*/
    z-index: 99;
}
.header-fix {
	position:fixed;
	z-index:200;
    background: #0e0e0e;
    height: 55px;
    top: 0;
}
    .header-fix .logo-holder > .img-logo {
        width: 180px;
        margin-top: 5px;
    }
.header-fix .nav-new {
    height: 55px;
}
.header-fix .nav-main {
    /*padding: 10px 0;*/
    height: 55px;
}
.header-fix .main-nav > li {
    height: auto;
}
    .header-fix .main-nav > li a {
        padding: 17px 8px;
    }
    .header-fix .new-notice {
        top: 0px;
        left: 0px;
    }
    .header-fix .gif-notice {
        top: -2px;
    }
    .header-fix .login-nav {
        padding: 4px 0 0 0;
    }
    .header-fix .login-nav li {
        margin-top: 4px;
        height: auto;
    }
.hor-gwr{
    display: block;
}
.hor-gwr img {
    vertical-align: middle;
}
.dep-log {
    padding: 7px 15px;
    border-radius: 5px;
    margin-right: 5px;
}
.dep-log i {
    margin-right: 5px;
    font-size: 23px;
    vertical-align: sub;
}
.dep-log span {
    vertical-align: text-bottom;
}
.login-nav li a i {
    margin-right: 7px;
    font-size: 19px;
    vertical-align: text-top;
}
.logo-holder {
    display: block;
    width: 100%;
    height: auto;
    padding: 5px 0;
}
    .logo-holder > .img-logo {
        width: 191px;
        height: auto;
        margin-top: 23px;
    }
.nav {
    position: relative;
    height: 93px;
    width: 100%;
}
.main-nav {
    display: block;
    position: relative;
    height: 93px;
    width: 647px;
    z-index:9;
}
    .main-nav > li {
        display: inline-block;
        position: relative;
    }
.main-nav > li:last-child:after  {
    display: none;
}
        .main-nav > li > a {
            font-size: 13px;
            display: inline-block;
            -webkit-transition: ease-in 0.2s;
            transition: ease-in 0.2s;
            z-index: 9;
            padding: 36px 12px;
        }
.main-nav > li > a:hover,
.main-nav > li.active > a  {
    color: #dd3333;
}
.main-nav > li:hover ul {
    display: block;
}
.main-nav > li > ul {
    display: none;
    position: absolute;
    text-align: center;
    width: 90px;
    top: 65px;
    z-index: 9999;
    background: #fff;
    margin-left: -20px;
}
.main-nav > li > ul:before{
    display: block;
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -5px;
    left: 43%;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
}

.main-nav > li > ul > li:hover a{
    display: block;
    color: #fff;
    background: #000;
    width: auto;
    -webkit-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
}
.main-nav > li > ul > li{
    background-color: #fff;
}
.main-nav > li > ul > li > a {
    color: #201f1f;
    font-size: 16px;
    text-decoration: none;
    display: block;
    padding: 10px 0;
}
/*==============NEW HEADER==============*/
.nav-new {
    position: relative;
    height: 93px;
    width: 100%;
    text-align: center;
    margin-left: 25px;
}
.nav-main {
    display: block;
    position: relative;
    height: 93px;
    width: 100%;
    z-index: 9;
    text-align: center;
}
@media only screen and (max-width: 1170px){

}
.login-nav {
    display: block;
    padding: 30px 0;
    text-align: right;
}
    .login-nav li {
        display: inline-block;
        margin-right: 5px;
    }
.login-nav li a{
    font-size: 16px; 
    display: block;
}
.login-nav li a:hover{
    color: #fff;
}
.login-nav li > a.reg-btn {
    background: none;
    border: 1px solid #fff;
    padding: 7px 15px;
    border-radius: 5px;
    margin-right: 5px;
}
.login-nav li > a.login-btn {
    border-radius: 5px;
    background: none;
    border: 1px solid #fff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e25a0b', endColorstr='#de3009',GradientType=0 );
    width: 100%;
    display: block;
    line-height: 36px;
    font-size: 16px;
    height: 35px;
    padding: 0px 15px !important;   
}
    .login-nav li > a.login-btn:hover {
        background: #dd3333;
        border: 1px solid #d71e1e;
    }
a.orange-btn {
    border-radius: 5px;
    background: #e25a0b;
    background: -moz-linear-gradient(top, #e25a0b 0%, #de3009 100%);
    background: -webkit-linear-gradient(top, #e25a0b 0%,#de3009 100%);
    background: linear-gradient(to bottom, #e25a0b 0%,#de3009 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e25a0b', endColorstr='#de3009',GradientType=0 );
    height: 36px;
    width: 100%;
    display: block;
    /* text-align: center; */
    line-height: 36px;
    font-size: 16px;
    /*padding: 0 15px;*/
    padding: 0 10px;
}
a.orange-btn:hover {
    background: #de3009;
    background: -moz-linear-gradient(top,  #de3009 0%, #e25a0b 100%);
    background: -webkit-linear-gradient(top,  #de3009 0%,#e25a0b 100%);
    background: linear-gradient(to bottom,  #de3009 0%,#e25a0b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de3009', endColorstr='#e25a0b',GradientType=0 ); 
}
.login-nav li > a.reg-btn:hover {
    background: #dd3333;
    border: 1px solid #d71e1e;

}
/*==============POP UP LOGIN==============*/
.login-box {
    width: 350px;
    height: auto;
    border-radius:10px;
    border: 1px solid #999;
    background:#ffffff;
    display:none;
}
    .login-box img {
        margin: 40px 0 10px 0;
        /*margin: 25px 0 10px 0;*/
        /*margin: 0;*/
    }
.login-box hr {
    color: #d3d3d3;
    width: 77%;
    border-bottom: 1px solid;
    margin-bottom: 30px;
}
img#verify_code {
    height: 35px;
    width: 84px;
    margin: 10px 5px;
}
.header-login {
    position:relative;
    width:100%;
}
.header-login a i{
    color: #ff6000;
    font-size: 30px;
    margin-left: 10px;
}
.login-popbox {
    padding: 0 40px 10px;
}
    .login-popbox .input-field {
        border: 1px solid #999999;
        border-radius: 5px;
    }
    .login-popbox .btn-submit {
        height: 45px;
        width: 100%;
        border-radius: 5px;
        font-size: 15px;
        margin:0 !important;
        display:inline;
        margin-bottom: 15px;
    }
    .login-popbox p {
        text-align:center;
        margin: 30px 0px;
    }
    .login-popbox .forgot {
        margin-top: 10px;
        padding-bottom: 30px;
    }
    .login-popbox .forgot a {
        color: #ff6000;
        padding: 0;
    }
    .login-popbox .forgot a:hover {
        color: #1aad2c;
    }
    .login-popbox .forgot p {
        color: #333333;
        margin: 0;
        font-size: 14px;
        padding: 0 0 0 50px;
    }

/*==============TRANSLATION==============*/
.trans-nav {
    padding: 7px 0;
    display: inline-block;
    -webkit-transition: width 0s, height 0s ease-in-out 0.5s;
    transition: width 0s, height 0s ease-in-out 0.5s;
    cursor: pointer;
    margin-left: 10px;
}
    /*.trans-nav:hover {
        width: 132px;
        right: 17px;
        border: 1px solid #fff;
        border-radius: 5px;
        background: rgba(0,0,0,0.8);
    }*/
.active-trans {
    padding: 0px 12px;
    width: 70px;
    /*height: 44px;*/
    margin-left: 0px;
    border-left: 1px solid #fff;
    cursor: pointer;
    transition: ease;
    -webkit-transition: linear 0s; /* Safari */
    transition: linear 0s;
}
/*.active-trans:hover {
    width: 132px;
}*/
.active-trans img {
    vertical-align: middle;
}
.active-trans i {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
}
.language-select {
    position: absolute;
    display: none;
    background: #fff;
    opacity: .9;
    border: 1px solid #a9a9a9;
    margin: 13px 0 0 0;
    border-radius: 4px;
    right: -15px;
    z-index: 100;
    top: 25px;
    width: 128px;
}
    .language-select:after,
    .language-select:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    .language-select:after {
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #ffffff;
        border-width: 13px;
        margin-left: 16px;
    }
    .language-select:before {
        border-color: rgba(194, 225, 245, 0);
        border-bottom-color: #a9a9a9;
        border-width: 14px;
        margin-left: 15px;
    }
    .language-select li {
        display: block;
        padding: 0px 14px;
        cursor: pointer;
        margin-top: 0 !important;
        margin-right: 0;
    }
.language-select li label {
    margin: 0;
}
    .language-select li span {
        font-size: 14px;
        color: #666666 !important;
        line-height: 30px;
        vertical-align: super;
        margin-left: 10px;
        cursor: pointer;
    }
    .language-select > li:hover, .language-select > li.active {
        background: #fd6d17; 
        cursor: pointer;
    }
    .language-select > li:hover span, .language-select > li.active span {
        color: #fff !important;
    }
.header-fix .trans-nav {
    padding: 13px 0;
}
.header-fix .active-trans {
    padding: 4px 12px;
}
.header-fix .language-select {
    top: 37px;
}
/*==============AFTER LOGIN==============*/
.navi {
    padding: 0;
}
.user-nav li{
    position: relative;
    display: inline-block;
    padding: 10px 0;
}
.user-nav ul {
    position: relative;
    width: 100%;
}
.header-fix .user-nav {
    padding: 0;
}
.header-fix .user-nav ul {
    height: 55px;
    margin-top: 0;
}
.user-nav {
    padding: 22px 0;
    text-align: right;
}
    .user-nav .language-select {
        right: 44px;
        z-index: 1;
        top: 0px;
    }
    .user-nav .language-select li {
        display: block;
        padding: 6px 14px;
    }
    .user-nav .user-info {
        margin-left: 10px;
        cursor: pointer;
    }
    .user-nav > ul li {
        display: inline-block;
        margin-right: 5px;
    }
    .user-nav > ul li > a {
        font-size: 16px;
        display: block;
    }
    .user-nav > ul li > a > i {
        margin-right: 7px;
        font-size: 19px;
        vertical-align: text-top;
    }
    .user-nav span {
        display: inline-block;
    }
.user-info {
    position: relative;
}
.user-info-drop {
    display: none;
    position: absolute !important;
    left: -103px;
    background: #fff;
    width: 200px !important;
    height: auto !important;
    border-top: 4px solid #dd3333;
    border-bottom: 1px solid #f59558;
    border-left: 1px solid #8e8e8e;
    border-right: 1px solid #8e8e8e;
    opacity: 0.9;
    text-align: center;
    color: #0e0e0e;
    padding: 15px 10px;
    margin: 0 !important;
    top: 42px;
    z-index: 12;
}
.user-info:hover .user-info-drop {
    display: block;
}
.user-info > span i,
.user-info  i {
    font-size: 20px;
    width: 20px;
    vertical-align: sub;
    padding: 0 5px;
}
.user-nav .user-info-drop li {
    display: block;
    padding: 5px 10px;
    color: #0e0e0e;
}
    .user-nav .user-info-drop li:last-child > a {
        color: #0e0e0e;
    }
    .after-log-btn > a{
        margin:8px 0;
        padding:6px 0;
    }
    .after-log-btn > a i {
        font-size: 25px !important;
    }

.user-info-drop li:last-child > a:hover{
   color:#dd3333;
   cursor:pointer;
}
/*==============END OF NEW HEADER==============*/
.scroll-top {
    background: #e34e4e;
    display: none;
}
/*=====BANNER AND MOBILE DOWNLOAD=======*/
.banner {
    width: 100%;
    position: relative;
    max-width: 2540px;
    height: 370px;
    overflow: hidden;
    margin: 0 auto;
}
.mobile-download {
    position: absolute;
    background: rgba(0,0,0,0.8);
    right: 0;
    top: 0px;
    bottom: 0;
    width: 740px;
    height: 384px;
    padding: 10px 31px;
    z-index: 11;
}
@media (max-width: 1600px) {
    .mobile-download {
        width: 623px;
    }
}
@media (max-width: 1440px){
	.mobile-download {
        width: 480px;
    }
}
@media (max-width: 1366px){
    .mobile-download {
        width: 475px;
    }
}
.mobile-download:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    left: -40px;
    /*bottom: 0;*/
    width: 0;
    opacity: 0.8;
    height: 0;
    border-right: 40px solid #000000;
    border-top: 0px solid transparent;
    border-bottom: 196px solid transparent;
    display: block;
}
.mobile-download:after {
    content: '';
    position: absolute;
    right: 0;
    left: -40px;
    bottom: 0;
    width: 0;
    opacity: 0.8;
    height: 0;
    border-top: 196px solid transparent;
    border-right: 40px solid #000000;
    border-bottom: 0 solid transparent;
    display: block;
}
.idn-play-dl {
    padding: 18px 31px;
    top: 0;
    height: 370px;
}
    .idn-play-dl:before {
        content: '';
        left: -40px;
        border-right: 40px solid #000000;
        border-bottom: 190px solid transparent;
    }

    .idn-play-dl:after {
        content: '';
        left: -40px;
        border-top: 190px solid transparent;
        border-right: 40px solid #000000;
    }
.mobile-download h3 {
    color: #dd3333;
    padding: 5px 0 0;
    margin: 0;
    text-align:center;
}
@media (max-width: 1366px) {
    .mobile-download h3 {
        font-size: 32px;
    }
}
.mobile-download h6 {
    color: #b4b4b4;
    font-size: 15px;
    font-style: italic;
    margin: 5px 0 15px;
    text-align:center;
}
.mobile-dl-btn {
    display:block;
    text-align: center;
}
@media (max-width: 1440px)  {
    .mobile-dl-btn {
        width: 360px;
    }
}
.mobile-dl-btn a {
    display: inline-block;
    padding: 6px 11px;
    line-height: 30px;
    border-radius: 5px;
    vertical-align: middle;
    position: relative;
    text-align: center;
    width: 34%;
    margin: 0 3px;
    font-size: 14px;
}
    .mobile-dl-btn a i {
        font-size: 30px;
        vertical-align: middle;
    }
        .mobile-dl-btn a i.icon-fish,
        .mobile-dl-btn a i.icon-cowboy {
            font-size: 23px;
        }
    .mobile-dl-btn a span {
        display: inline;
        vertical-align: middle;
    }
@media (max-width: 1440px) {
    .mobile-dl-btn a {
        padding: 4px 5px;
        width: 38%;
    }
}

    .mobile-dl-btn a > span i {
        font-size: 30px;
        margin-right: 5px;
    }
    @media (max-width: 1600px) {
        .mobile-dl-btn a > span i {
           
        }
    }
    @media (max-width: 1440px) {
        .mobile-dl-btn a > span i {
           
        }
    }
.mobile-dl-btn a > span span {
    font-size: 12px;
    vertical-align: top;
}
    @media (max-width: 1440px) {
        .mobile-dl-btn > span span {
            padding-left: 0;
            text-align: right;
            display: block;
            font-size: 11px;
        }
    }
    @media (max-width: 1600px) {
        .mobile-dl-btn .mt-btn span {
            padding-right: 20px;
        }
    }
     .gg-dl{
         left:25px;
         top:7px;
     }
     .idn-dl{
         left:20px;
         top:7px;
     }
    .mt-dl {
        left: 25px !important;
        top: 6px;
    }
.dl-mobile {
    background: #8f181c!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #cf2127 0%, #8f181c 100%)!important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #cf2127 0%,#8f181c 100%)!important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #cf2127 0%,#8f181c 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf2127', endColorstr='#8f181c',GradientType=0 )!important; /* IE6-9 */
    border: none;
}
.mt-btn {
    background: -moz-linear-gradient(top,  #01d4ef 0%, #01b3d1 50%, #007c9f 100%)!important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #01d4ef 0%, #01b3d1 50%, #007c9f 100%)!important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #01d4ef 0%, #01b3d1 50%, #007c9f 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01d4ef', endColorstr='#007c9f',GradientType=0 )!important; /* IE6-9 */
	border: none;
}
.idn-btn {
    background: #9b59b6; /* Old browsers */
    background: -moz-linear-gradient(top, #9b59b6 0%, #8e44ad 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #9b59b6 0%,#8e44ad 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #9b59b6 0%,#8e44ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b59b6', endColorstr='#8e44ad',GradientType=0 ); /* IE6-9 */
    border: none;
}
.vg-btn > span i {
    font-size: 18px !important;
    line-height: 30px;
}
/*.mobile-dl-btn a:hover {
    cursor: pointer;
    color: #fff;
	background: #e25a0b !important; 
    background: -moz-linear-gradient(top,  #e25a0b 0%, #de3009 100%) !important; 
    background: -webkit-linear-gradient(top,  #e25a0b 0%,#de3009 100%) !important; 
    background: linear-gradient(to bottom,  #e25a0b 0%,#de3009 100%) !important; 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e25a0b', endColorstr='#de3009',GradientType=0  !important); 
}*/
.clientImage {
    margin-bottom: 10px;
    /*width: 535px;*/
    display: block;
    text-align: center;
}
    .clientImage > img {
        width: 346px;
        height: auto;
    }
.icon-btn{
    float: left;
}
.qrcode {
    width: 130px;
    height: auto;
    text-align: center;
    position: absolute;
    top: 150px;
    left: -19px;
}
.qrcode > img {
    border: 6px solid #FFF;
    margin-top: 10PX
}
/*=======Announcement=========*/
.announcement {
    background: #424242;
    width: 100%;
    /*min-width: 1170px;*/
    overflow: hidden;
    padding: 6px 0;
    height: 40px;
    display:block;
}
.announcement i {
    font-size: 26px;
    vertical-align: middle;
    color:#fff;
    position: absolute;
}
.announcement span {
    vertical-align: middle;
}
.announcement span:last-child {
    margin-left: 10px;
}
.announce-scroll {
    /*width: 80%;*/
    overflow: hidden;
    height: 65px;
    position: relative;
	    padding: 10px 0;
}
.announce-scroll > div{
    display:inline-block;
    font-size:0;
}

    .announce-box {
        background-color: #201f1f;
        padding: 5px 0;
        text-align: right;
        height: 64px;
        position: relative;
        z-index: 9;
    }
/*=======Promotions=========*/
.promotion {
    min-height: 549px;
    background: #fff;
}
.sec-title {
    color: #333333;
    font-size: 21px;
    padding: 50px 0 40px;
}
.promotion li {
    position: relative;
    overflow: hidden;
    height: 186px;
    margin-bottom: 20px;
}
.promotion li:hover .overlay {
    height: auto;
    height: 100%;
    bottom: -125px;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}
.promo-list {
    width: 360px;
    height: 186px;
    margin-bottom: 23px;
    background: #e1e1e1;
}
.promo-list img {
    width: 100%;
    height: auto;
    /*background: url('../images/promo update/promo-preload.png') no-repeat;*/
}
.overlay {
    padding: 10px 0;
    position: absolute;
    color: #fff;
    left: 0;
    bottom: -185px;
    right: 0;
    background-color: rgba(0,0,0,0.8);
    text-align: center;
    overflow: hidden;
    width: 360px;
    /*height: 100%;*/
    -webkit-transition: ease-in 0.2s;
    transition: ease-in 0.2s;
}
.overlay .title {
    font-weight: 600;
}
.over-td {
    background:#eeeeee !important;
}
.promo-span {
    color: #656565;
    font-weight: 600;
}
.promo-img-center {
    display: block;
    margin: 0 auto;
}
/*======= Features =========*/
.feature {
    min-height: 364px;
    background: #f9fafb;
    padding-bottom: 10px;
}
.title-wrap {
    padding: 50px 0 32px;
    margin-bottom: 25px;
}
.title-wrap li p {
    color: #333333;
    font-size: 21px;
}
.two a {
    color: #afafaf;
    padding-top: 9px;
    font-size: 15px;
    font-weight: normal;
}
.two a:hover {
    color: #414141;
}
.two i {
    font-size: 22px;
    vertical-align: sub;
}
.feature-img {
    width: 100%;
    height: 186px;
    background: #e1e1e1;
}
.feature-img img {
    object-fit: cover;
    margin-bottom: 20px;
    width: 100%;
    height: 100%;
}
.menu-feature li {
    margin-bottom: 8px;
}
.menu-feature li a {
    background: #eee;
    display: block;
    border-radius: 5px;
    color: #707070;
    padding: 12px;
    font-size:12px;
}
.feature-aof {
    padding: 3px 12px !important;
}
.menu-feature .active {
    background: #c3c3c3;
}
.menu-feature li.active > a {
    color: #333333;
}
.blog-feature li a {
    /*padding: 17px;*/
}
/*======= What we Do =========*/
.what-we-do-bg {
    background: #fff;
    border-top: 1px solid rgba(204, 204, 204, 0.47);
}
.what-we-do {
    padding: 40px 0;
    min-height: 530px;
}
.what-we-do h2 {
    font-size: 20px;
    color: #333333;
    line-height: 25px;
    font-weight: normal;
    text-align: center;
}
.what-we-do p {
    text-align: justify;
    word-spacing: -2px;
    color: #686868;
    line-height: 30px;
}
.what-we-do p a {
    color: #dd3333;
}
.what-we-do i {
    color: #dd3333;
    display: block;
    font-size: 59px;
    text-align: center;
}
/*======= Footer =========*/
.footer {
    background: #1d1d1d;
}
.footer-sec h2 {
    font-size: 24px;
    color: #fff;
    font-weight: normal;
}
.footer-sec .img-logo {
    /*margin-top: 46px;    
    height: 45px;*/
    height: 125px;
    display: block;
    margin: 32px auto;
}
.payment-list {
    display: block;
    margin-bottom: 10px;
}
    .payment-list li {
        display: inline-block;
        margin-right: 23px;
        margin-bottom: 17px;
        filter: gray;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        -webkit-transition: ease-in 0.5s;
        transition: ease-in 0.5s;
    }
    .payment-list li:hover {
        filter: none;
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        cursor: pointer;
    }
.trust-paymentlist li {
    margin-right: 10px;
}
.union-pay {
    background: url('../images/payments_1.png') no-repeat 0 0;
    width: 52px;
    height: 32px;
}
.qq-pay {
    background: url('../images/payments_1.png') no-repeat -78px 0;
    width: 28px;
    height: 32px;
}
.alipay-pay {
    background: url('../images/payments_1.png') no-repeat -133px 0;
    width: 92px;
    height: 32px;
}
.red-pay {
    background: url('../images/payments_1.png') no-repeat -251px 0;
    width: 32px;
    height: 32px;
}
.mastercard-pay {
    background: url('../images/payments_1.png') no-repeat 0 -52px;
    width: 27px;
    height: 16px;
}
.visa-pay {
    background: url('../images/payments_1.png') no-repeat -53px -52px;
    width: 50px;
    height: 16px;
}
.neteller-pay {
    background: url('../images/payments_1.png') no-repeat -131px -52px;
    width: 94px;
    height: 16px;
}
.skrill-pay {
    background: url('../images/payments_1.png') no-repeat -251px -52px;
    width: 45px;
    height: 16px;
}
.astropay-card {
    background: url('../images/payments_1.png') no-repeat 0 -90px;
    width: 85px;
    height: 30px;
}
.usdt-foot {
	background: url(../images/payments_1.png) no-repeat -105px -86px;
	width: 40px;
	height: 33px;
}
.secure-godaddy {
    background: url('../images/trust-payments.png') no-repeat -1px 0;
    width: 45px;
    height: 23px;
}
.idn-playlogo {
    background: url('../images/trust-payments_1.png') no-repeat -55px -2px;
    width: 111px;
    height: 19px;
}
.first-cagayan {
    background: url('../images/trust-payments.png') no-repeat -176px 0;
    width: 110px;
    height: 23px;
}
.gg-network {
    background: url('../images/trust-payments.png') no-repeat -144px -101px;
    width: 105px;
    height: 17px;
}
.gg-poker {
    background: url('../images/trust-payments.png') no-repeat -1px -50px;
    width: 86px;
    height: 17px;
}
.bmm-testlab {
    background: url('../images/trust-payments.png') no-repeat -97px -47px;
    width: 139px;
    height: 23px;
}
.pagcor {
    background: url('../images/trust-payments.png') no-repeat -251px -49px;
    width: 91px;
    height: 19px;
}
.gaming-curacao {
    background: url('../images/trust-payments.png') no-repeat 0 -93px;
    width: 71px;
    height: 24px;
}
.curacao-eGame {
    background: url('../images/trust-payments.png') no-repeat -78px -93px;
    width: 21px;
    height: 25px;
}
.plus-18 {
    background: url('../images/trust-payments.png') no-repeat -109px -93px;
    width: 25px;
    height: 25px;
}
.ag-gaming {
    background: url('../images/trust-payments.png') no-repeat -265px -95px;
    width: 70px;
    height: 24px;
}
.demo-gwr {
    display: block;
    margin: 35px 0 0;
}
.news-wrapper {
    overflow: hidden;
    height: 25px;
    position: absolute;
    top: 5px;
    left: 20px;
    /*margin: 14px 0 12px 15px;
    width: 100%;*/
}
.newsbtn {
    
    font-size: 0;
    padding: 0;
    text-align:right;
}
.newsbtn > a {
    border-radius: 50%;
    border: 2px solid #dd3333;
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    font-size: 18px;
    margin: 0 5px;
    padding-top: 1px;
    }
.newsbtn a:hover {
    color: #FF9364;
}
.announce-box:after{
    content: "";
    position: absolute;
    right: -50px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 64px solid transparent;
    border-left: 50px solid #201f1f;
}
.announce-box >img {
    float: right;
}
.announce-box >span {
    font-size: 20px;
    float: right;
    margin-top: 17px;
    padding: 0 3px 0 21px;
}
.announce-text {
    overflow: hidden;
    width: 90%;
    display: inline-block;
    padding-left: 20px;
}
#list-announce {
    list-style: none;
    /*display: block;*/
    margin-left: 20px;
    overflow: hidden;
    height:30px;
    top:0;
    /*position:relative;
    top:-2px;*/
}
/*#list-announce {
    list-style: none;
    margin-left: 20px;
    overflow: hidden;
    height: 40px;
}*/

#list-announce > li {
        list-style: none;
        display:block;
        margin-bottom: 5px;
        color: #ffffff;
        font-size:14px;
        white-space:nowrap;
        overflow:hidden;

    }
#list-announce > li font{
    color:yellow !important;
}

        #list-announce > li > a {
            color: #1b1b1b;
            font-size: 16px;
        }
.news-arrow{
    font-size: 15px;
    vertical-align:baseline;
    line-height: 0.75em;
    color:#E4520D;
}
/*====gametype======*/
.gametype {
    width: 100%;
    min-width: 1170px;
    height: 168px;
    overflow: hidden;
    background: #000 url('../images/game-types-bg.png') top center repeat;
    position: relative;
    margin: 0 auto;
}
.gametype img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
/*====MAIN CONTENTS======*/
.inner-body {
    width: 100%;
    min-width: 1170px;
    background: #fff;
    padding: 10px 0;
    position: relative;
}
.main-body {
    width: 100%;
    min-width: 1170px;
    background: #fff;
    padding: 20px 0;
    position: relative;
}

/* inner body */
.inner-body p {
    color: #535353;
    line-height: 30px;
    /*padding: 2px 0;
    ;*/
}
.inner-body h3 {
    color: #fd6d17;
    font-weight: bold;
    font-size: 16px;
    margin: 0;
}
.inner-body strong {
	font-weight:bold;
}
.inner-body .page-title {
    display: block;
    padding: 0 0 15px;
    border-bottom: 1px solid #e84f0c;
}
.inner-box {
    background: #fff;
    border: 1px solid #e1e1e1;
}
    .inner-box .inner-title {
        background: #f9f9f9;
        border: 1px solid #cfcfcd;
        padding: 0 20px;
    }
        .inner-box .inner-title h6 {
            color: #dd3333;
            font-size: 18px;
            margin: 0;
            padding: 10px 0;
        }
.inner-box-details {
    padding: 20px;
}
    .inner-box-details p {
        font-size: 15px;
    }
        .inner-box-details p > span.dark-gray {
            font-size: 15px;
        }
    .inner-box-details h6 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .inner-box-details .btn-submit {
        background: #dd3333;
    }
        .inner-box-details .btn-submit:hover {
            background: #e96464;
        }
    .table-box-duo {
        display: block;
        text-align: center;
        margin: 20px 0;
    }
    .table-box-duo .table-default,
    .table-box-solo .table-default {
        border: none;
    }
    .table-box-solo .table-default {
        min-width: 50%;
    }
    .table-box-duo .table-default {
        min-width: 45%;
        margin: 0 15px;
    }
.table-box-solo {
    margin: 20px 0;
}
.table-box-duo table {
    display: inline-table;
}
.table-shadow {
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.2);
}
.fix-title {
    font-size: 30px;
    white-space: nowrap;
}
/* text default */
.orange {
    color: #333 !important;
    /*font-weight:bold;*/
}
.red {
	color: #F00 !important;
	font-weight:bold;
}
.black {
    color: #404040;
    font-weight: bold;
}
.blue {
	color: blue;
}
.dark-blue {
	color:#E4520D;
	font-weight:bold;
}
.white {
	color:#fff !important; 
}
.orange-red {
    color: #e84f0c !important;
}
.gold {
    color: #e3d9b9 !important;
}
.gray {
    color: #999999;
}
.red-pink {
    color: #ff493f;
}
.grey-txt {
    color: #757575;
}
.dark-gray {
    color: #656565 !important;
    font-weight: bold;
}
.no-bold {
    font-weight: normal;
}
.small-p{
    font-size: 1em !important;
    padding-left: 34px;
}
/*=====Promotion=======*/
.promos{
    padding: 5px;
    position: relative;
    display: block;
}
.promo-img.big {
    height: 340px;
    overflow: hidden;
    
}
.promo-img.small {
    height: 165px;
    overflow: hidden;
}
.promo-img-hot.small {
    height: 340px;
    overflow: hidden;
}
.promo-img-hot.small > img {
    width: 600px;
    height: 369px;
}
.promo-img,.promo-img-hot {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: auto
}
.promo-img  >img {
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
}
.promo-img-hot >img {
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
}
.promo-img > .promo-detail {
    position: absolute;
    background-color: rgba(0,0,0,0.7);
    padding: 5px 0px 10px 44px;  
    bottom:-40px; 
    width: 100%;
    left: -35px;
    -webkit-transition: ease-in 0.2s;
    transition: ease-in 0.2s;
}
.promo-img-hot > .promo-detail {
    position: absolute;
    background-color: rgba(0,0,0,0.7);
    padding: 5px 0px 10px 44px;  
    bottom:-40px; 
    width: 100%;
    left: -35px;
    -webkit-transition: ease-in 0.2s;
    transition: ease-in 0.2s;
}
.promo-img > .promo-detail:after {
    content: "";
    position: absolute;
    right: -41px;
    top: 0;
    border-top: 100px solid transparent;
    border-left: 41px solid rgba(0,0,0,0.7);
     -webkit-transition: ease-in 0.2s;
    transition: ease-in 0.2s;
}
.promo-img-hot > .promo-detail:after {
    content: "";
    position: absolute;
    right: -41px;
    top: 0;
    border-top: 100px solid transparent;
    border-left: 41px solid rgba(0,0,0,0.7);
     -webkit-transition: ease-in 0.2s;
    transition: ease-in 0.2s;
}
.promo-detail  h3 {
    color: #fff;
    font-size: 18px;
}
.promo-detail  p {
    font-size: 16px;
}

.promo-detail  hr {
    color: #fff;
    border-bottom: 1px solid;
}

.promo-detail > div {
        color: #fff;
}
.promo-img:hover .promo-detail{
    cursor: pointer;
    bottom: 0;
    background-color:rgba(222, 73, 2, 0.9);
}
.promo-img-hot:hover .promo-detail{
    cursor: pointer;
    bottom: 0;
    background-color:rgba(222, 73, 2, 0.9);
}
.promo-img:hover .promo-detail:after{
   border-left: 41px solid  rgba(222, 73, 2, 0.9);
}
.promo-img-hot:hover .promo-detail:after{
   border-left: 41px solid  rgba(222, 73, 2, 0.9);
}

.promo-img:hover img {
    width: 110%;
    height: auto;
    cursor: pointer;
}
.promo-img-hot:hover img {
    height: auto;
    cursor: pointer;
    transform: translate(-50%, -50%) scale(1.1, 1.1);
}
/*===== About Us=======*/
.aboutus {
    width: 100%;
    min-width: 1170px;
    background-color: #dfdfdf;
    padding: 30px 0;
    color: #292828;
}
.aboutus p {
    line-height: 26px;
}
.box-holder {
    float: left;
    width: 90px;
    height: 90px;
    background-color: #b3b3b3;
    display: block;
    background: url('../images/box-holder.png') top left no-repeat;
    text-align: center;
    position: relative;
}
.box-holder > .box-num {
    font-size: 67px;
    display: block;
    text-align: center;
    top: 0;
    left: -6px;
    position: relative;
    color: #fff;
    font-weight: bold;
}
.about-disc {
    float: left;
    padding: 0 10px;
    width: 80%;
    height: 149px;
    display: block;
}
/*=====Footer=======*/
footer {
    width: 100%;
    min-width: 1170px;
    padding: 20px 0 0;
    background-color: #1b1b1b;
}
.footer-copy {
    background: #424242;
    text-align: center;
    color: #909090;
    font-size: 14px;
}
.logo-list {
    margin: 0;
    padding-bottom: 15px;
    list-style: none;
}
.logo-list > li{
    display: inline-block;
    padding: 0 0 21px 0;
    text-align: center;
    width: auto;
    margin-right: 5px;
}
.logo-list > li >img {
    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter     id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter:gray;
    -webkit-filter:grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-transition: ease-in 0.5s;
    transition: ease-in 0.5s;
    width: auto;
    height: 23px;
}
.logo-list > li:hover img {
    filter:none; 
    -webkit-filter:grayscale(0%); 
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    cursor: pointer;
}
footer p {
    padding: 5px;
    font-size: 13px;
}

/*=====Translation Language=======*/
.language {
    position: relative;
}
.language-menu {
    padding: 0px 12px;
    width: 120px;
    border: 1px solid #ccc;
    display: block;
    text-align: center;
    margin-top: -1px;
    position: relative;
    float: right;
}
.language-menu:hover {
    background-color: #fff;
    color: #000;
}

.language-option {
    display: none;
    background-color: #fff;
    position: absolute;
    z-index: 99;
    right: 0;
    top: 36px;
    width: 120px;
}
.language-option > li{
    display: block;
    color: #000;
}
.language-option > li >label {
    padding: 10px 17px;
    display: block;
}
.language-option > li:hover {
    background-color: #e84f0c;
    color:#fff;
    cursor: pointer;
}

/*=====Login======*/
.login {
    width: 100%;
    position: relative;
    margin-top: 5px;
    float: right;
    text-align: right;
}
.login > ul {
    width: 100px;
    display: block;
    position: absolute;
    right: 0;
}
.after > ul {
    display: inline-block;
    width: auto
}
.after > label.wel-user {
    float: left;
    margin-top: 10px;
}
.after > ul li {
    font-size: 16px;
    padding: 10px 15px;
    text-align: center;
}
.after .dropdown {
	width: 120px;
    margin-top: -1px;
}
.after .dropdown > li:hover {
    background-color: #e84f0c;
    color: #fff;
}
.after .dropdown > li:hover a {
    color: #fff;
}
.login > ul li {
    font-size: 16px;
    padding: 10px 15px;
    text-align: center;
}
.login > ul > li > ul.dropdown  li {
    font-size: 16px;
    padding: 5px 15px;
    text-align: center;
}
.login > ul > li > ul.dropdown li > a.text-link {
    margin:0;
}
.dropdown {
    position: absolute;
    display: none;
    z-index: 99;
    background-color: #dedede;
    right: 0;
    top: 40px;
    top: 32px \9/;
    box-shadow:1px 2px 1px 1px rgba(0,0,0,0.2);
}
@-moz-document url-prefix() { 
  .dropdown { 
     top: 34px;
  }
}
.login > ul li:hover {
    background-color: #dedede;
    color: #E6732E;
    cursor: pointer;
}
.login > ul li:hover .dropdown{
    display: block;
    color: #000;
}
.login-form {
    width: 200px;
    height: auto;
    padding: 15px 0 10px;
}


/*=====Forms======*/
.label-text {
    display: block;
    color: #1b1b1b;
    font-size: 18px;
}
.input-field {
    width: 100%;
    height: 40px;
    border: 1px solid #565656;
	border-radius:1px;
    padding: 5px 8px;
    margin: 8px 0;
}

.login-form .text-link {
    font-size: 18px;
    color: #e84f0c;
    display: block;
    margin: 8px 0;
}
.login-form .text-link:hover {
    color: #E4520D;
    font-weight: bold;
    
}
/*DEPOSIT PAGE*/
.deposit-form {
    margin-bottom: 20px !important;
}
.deposit-btn {
margin: 20px 0 0 146px!important;
}
.form-details {
    background: #e8e8e8;
    border: 1px solid #c6c6c6;
    padding: 25px 0px 15px;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 40px;
}
.lbl-space {
    margin: 0 20px 0 40px;
}
/*=======Banner Slider========*/

.banner-slider {
	min-width: 1170px;
    position: relative
}
@media only screen and (min-width:1170px) and (max-width:1366px){
	.banner-slider > img {
		left:-17%;
		position:absolute;
	}
}
@media only screen and (max-width:768px){
	.banner-slider > img {
		left:-5%;
		position:absolute;
	}
}
.banner-inner {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    background-color: #fff;
}
.promo-banner {
    width: 100%;
    /*max-width: 1366px;*/
    height:auto;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.promo-banner img  {
    width: 100%;
    height:auto;
    /*position: absolute;*/
    min-width: 1170px;
}
.rules {
    position: absolute;
    z-index: 9;
    top: 20px;
    right: 170px;
    background-color: rgba(0,0,0,0.9);
    padding: 5px;
    width: 450px;
}
.rules > h6 {
    margin: 2px auto;
    text-align: center;
}
.rules > .list-numeric > li{
    color: #fff !important;
    line-height: 22px;
    margin-left: 16px;
    font-size: 12px;
}
/*=====Table Defaults=======*/

.table-default {
    border: 0 #fff solid;
    border-collapse: collapse;
    overflow: hidden;
    table-layout: fixed;
    margin: 5px auto;
    color: #fff;
    border: 1px solid #aeaeae;
}
.tbl-fix{
    /*width:450px;*/
    width: 500px;
    height: 600px;
}
.tbl-col-1{
    display:block;
    white-space: nowrap;
    border:1px solid #b5b1b1;
}

.tbl-btn{
    text-align:center;
    margin: 20px 0;
}
.tbl-2-col:after,.tbl-2-col:before{
    content:'';
    clear:both;
}
.table-default > thead > tr > th {
    /*background:#e84f0c;*/
    background: #464a4b;
    font-size:14px;
    font-weight: normal;
}
.table-default > thead > tr.light-orange > th  {
  background-color: #ffac7b;  
}
.table-default > thead > tr.light-orange > th .red{
    font-weight:normal;
}
.table-default > tbody > tr > td {
	color:#757575;
}
.table-default > thead > tr > th {
    text-align: center;
    padding: 10px 10px;
    vertical-align: middle;
}
.table-rf > thead > tr > th
 {
    text-align: center;
    padding: 12px 13px;
    vertical-align: middle;
}
.table-rf2 > thead > tr > th
 {
    text-align: center;
    padding: 12px 21px;
    vertical-align: middle;
}
.table-default.table-rf2 > tbody > tr> td{
     text-align: center;
    padding: 12px 15px;
    vertical-align: middle;
}
.table-default.table-rf > tbody > tr> td{
     text-align: center;
    padding: 12px 15px;
    vertical-align: middle;
}
.table-default > tbody > tr> td{
    text-align: center;
    padding: 10px 10px;
    vertical-align: middle;
}
.inner-contents .table-default > tbody > tr> td{
     text-align: center;
    padding: 12px 15px !important;
    vertical-align: middle;
}
.table-default > thead > tr:first-child > th {
    background: #dd3333;
    /*font-size: 18px;
    font-weight: bold;*/
}
.table-default > tbody > tr > .card_img img {
    width: 100%;
    height: auto;
}
.table-default > tbody > tr> td img {
    width: 17px;
    height: auto;
}
.table-default > tbody > tr> td .card_img {
    width: 100%;
    height: auto;
}
.table-default > thead > tr.table-header > th {
    /*background-color: #e84f0c;*/
    background: #464a4b;
}
.table-default > thead > tr.title-header >th {
    background-color: #999;
}
.table-default > tbody > tr:nth-child(odd){
    background-color: #fff;
}
.table-default > tbody > tr:nth-child(even) {
    background-color: rgba(149, 151, 152, 0.1607843137254902);
}
.table-default > tbody > tr > td  .boxLink {
	color:#fff;
    background-color: #e84f0c;
    padding: 5px 10px;
}
.table-default > tbody > tr > td .boxLink:hover {
	color:#fff;
    background-color: #e84f0c;
    padding: 5px 10px;
    background-color: #1b1b1b;
    cursor: pointer;
}
.table-responsive {
    width: 100%;
    height: auto;
}

.table-border > thead > tr:first-child > th {
    border: 1px solid #ccc8c8;
}
.table-border > thead > tr > th {
    border: 1px solid #ccc8c8;
}
.table-border > tbody > tr> td {
    border: 1px solid #ccc8c8;
}
.table-bonus > thead > tr > th
 {
    text-align: center;
    padding: 12px 42px;
    vertical-align: middle;
}
.table-bonus2 > tbody > tr > td
 {
    text-align: center;
    padding: 12px 69px;
    vertical-align: middle;
}
.img-responsive {
    width: 100%;
    height: auto;

}
.inner-contents .table-vip-club > thead > tr > th,
.inner-contents .table-vip-club > tbody > tr > td {
    padding: 12px 10px !important;
    border: 1px solid #c5a26d;
}
/*=====List=======*/
.list-circle {
    /*margin: 10px;*/
    margin: 20px 10px;
}

.list-numeric {
    margin: 0 10px;
}

    .list-numeric > li {
        margin-left: 40px;
        list-style-type: decimal;
        color: #535353;
        line-height: 30px;
    }
.list-numeric > li {
	margin-left:40px;
	list-style-type:decimal;
	color: #535353;
	line-height:30px;
}
.list-circle > li {
	margin-left:40px;
	list-style-type:circle;
	color:#000;
	line-height:30px;	
}
.list-reset > li {
	margin-left:40px;
	color:#000;
	line-height:30px;	
}

/*=====Ads Holder=======*/

.ads-holder {
    overflow: hidden;
    width: 100%;
    margin: 20px 0;
    text-align: center;
}
.ads-holder > a img {
    width: 297px;
    height: auto;
    overflow: hidden;
    border-radius: 3px;
    margin-top: 15px;
    position: relative;
}
.ads-holder img.gg-img {
   margin-bottom: 15px;
}
.gg-inner-btn {
    position: absolute;
    width: 220px!important;
    height: auto!important;
    top: 43px;
    right: 85px;
    padding: 15px 10px!important;
    background: #8f181c!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #cf2127 0%, #8f181c 100%)!important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #cf2127 0%,#8f181c 100%)!important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #cf2127 0%,#8f181c 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf2127', endColorstr='#8f181c',GradientType=0 )!important; /* IE6-9 */
}
.gg-inner-btn:hover {
    cursor: pointer;
    background: #e25a0b !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #e25a0b 0%, #de3009 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #e25a0b 0%,#de3009 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #e25a0b 0%,#de3009 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e25a0b', endColorstr='#de3009',GradientType=0  !important); /* IE6-9 */

}
.idn-inner-btn {
    position: absolute;
    width: 220px!important;
    height: auto!important;
    bottom: 40px;
    right: 85px;
    padding: 15px 10px!important;
    background: -moz-linear-gradient(top,  #01d4ef 0%, #01b3d1 50%, #007c9f 100%)!important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #01d4ef 0%, #01b3d1 50%, #007c9f 100%)!important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #01d4ef 0%, #01b3d1 50%, #007c9f 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01d4ef', endColorstr='#007c9f',GradientType=0 )!important; /* IE6-9 */
}
.idn-inner-btn:hover {
    cursor: pointer!important;
    background: #e25a0b !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #e25a0b 0%, #de3009 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #e25a0b 0%,#de3009 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #e25a0b 0%,#de3009 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e25a0b', endColorstr='#de3009',GradientType=0  !important); /* IE6-9 */
}
.iconbtn{
    margin-top: 0;
    float: left;
    margin-left: 20px;
    margin-right: 10px;
}
.btn-submit span{
    float: left;
    margin-top: 5px;
    
}
/*=====CS Widget=======*/

.cs-support {
    position: fixed;
    z-index: 12;
    width: 67px;
    height: auto;
    right: 0;
    margin-top: 130px;
}
.cs-support-pukeshou {
	position:absolute;
	z-index:99;
	width:67px;
	height:168px;
	left:0;
	margin-top:200px;	
}


/*=====Grid Shop Li=======*/

.grid-shop li {
	width: 18%;
    overflow: hidden;
    display: inline-block;
    margin: 10px 5px 0 5px;
    background-color: #e9e9e9;
    padding: 5px;
    -webkit-transition: ease-in 0.2s;
    transition: ease-in 0.2s;
}

.grid-shop > li > a > .grid-details  {
	width: 100%;
    text-align: center;
    color: #E47A1C;
    font-weight: bold;
    background-color: #e9e9e9;
    position: absolute;
    bottom: -94px;
    height: 145px;
    -webkit-transition: ease-in 0.2s;
    transition: ease-in 0.2s;
}


/*=====CSS3 Hover Effect=======*/

.item {
   width: 200px;
   height: 220px;
   margin: 10px;
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: pointer;
   background:#dfdfdf;
}
.item .mask,.item .content {
    width: 200px;
    height: 220px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    padding: 25px 0;
}
.item img {
   display: block;
   position: relative;
}
.item h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.item p {
   font-size: 18px;
   position: relative;
   color: #fff;
   text-align: center;
   line-height:25px;
   font-weight:bold;
}
.item a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.item a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
.item-box:after {
	clear:both;
}
.item-box img,
.item-box .product-title {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   width:100%;
   background-size:cover;
}
.item-box .mask {
   background-color: rgb(228, 58, 7);
   -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;  
}
.item-box h2 {
   background: rgba(255, 255, 255, 0.5);
   color: #000;
   -webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   -moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}
.item-box .mask p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color: #000;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.product-title {
	position:absolute;
	z-index: 99;
	width: 200px;
    height: auto;
    bottom: 10px;
	display:block;
}
.product-title p {
	opacity:1;
	font-weight:bold;
	text-align: center;
	-webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
	-moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
	box-shadow: 0px 2px 3px rgba(159, 141, 140, 0.5);
	cursor: default;
	background: rgb(228, 58, 7);
}
.product-title p {
    font-size: 16px;
    text-align: center;
    margin: 0;
	padding: 5px 0;
	color:#000;
}
.product-title h6 {
    font-size: 16px;
    text-align: center;
    margin: 5px 0;
}
.item-category .page-title {
	display:block;
	padding:15px 0;
	border-bottom:1px solid #e84f0c;
	font-size:30px;
}
.item-category:after, 
.item-category:before {
    content: " ";
    display: table; 
}
.item-category:after{
    clear:both;
}

.item-box:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.item-box:hover img,
.item-box:hover .product-title {
   -webkit-transform: translateX(300px);
   -moz-transform: translateX(300px);
   -o-transform: translateX(300px);
   -ms-transform: translateX(300px);
   transform: translateX(300px);
}
.item-box:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
/*=====Forms=======*/
.label-text {
    display: block;
    color: #1b1b1b;
    font-size: 18px;
}
.input-field {
    width: 100%;
    height: 40px;
    border: 1px solid #565656;
    padding: 5px 8px;
    margin: 8px 0;
}
.btn-submit {
    width: 200px;
    display: block;
    border-radius: 3px;
    height: auto;
    /*padding: 10px 15px;*/
    background: #fd6d17; 
    border: none;
    color: #fff;
    /*font-size: 18px;*/
    text-align: center;
    margin: 0 auto;
}
.btn-submit:hover {
        cursor: pointer;
        color: #fff;
        background: #f59558; /* Old browsers */
        -webkit-transition: ease-in 0.3s;
        transition: ease-in 0.3s;
}
.btn-start {
    width: 270px;
    display: block;
    border-radius: 3px;
    height: auto;
    padding: 10px 15px;
	background: -moz-linear-gradient(top,  #01d4ef 0%, #01b3d1 50%, #007c9f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #01d4ef 0%,#01b3d1 50%,#007c9f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #01d4ef 0%,#01b3d1 50%,#007c9f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01d4ef', endColorstr='#007c9f',GradientType=0 ); /* IE6-9 */
	border: none;
    color: #fff;
    font-size: 22px;
    text-align: center;
    margin: 50px auto 0;
	text-shadow: 1px 1px 1px #000;
}
.btn-start:hover {
    cursor: pointer;
    color: #fff;
	background: -moz-linear-gradient(top,  #007c9f 0%, #01b3d1 50%, #01d4ef 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #007c9f 0%,#01b3d1 50%,#01d4ef 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #007c9f 0%,#01b3d1 50%,#01d4ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007c9f', endColorstr='#01d4ef',GradientType=0 ); /* IE6-9 */
    -webkit-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
}
.text-link {
    font-size: 18px;
    color: #e84f0c;
    display: block;
    margin: 8px 0;
}
.text-link:hover {
    color: #E47A1C;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
.form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius:5px;
}
.form-textarea {
    height: 80px;
    margin-bottom: 4px;
}
.field-grp {
    position: relative;
    /* display: inline-block; */
    display: block;
    border-collapse: separate;
    margin: 5px 0;
}
.form-inline .form-grp {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.button-middle {
    display: table-cell;
    vertical-align: middle;
    height: 80px;
}
.button-middle>.btn-submit {
    display: block;
    padding: 10px 36px;
    width: auto;
    line-height: normal;
}
.field-grp-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: auto;
}
a.field-grp-addon {
    background-color: #e7b43a;
    border: 1px solid #e7b43a;
    color: #ededed;
}
.field-grp .form-control, .field-grp-addon, .field-grp-btn {
    display: table-cell;
}
.field-grp-addon, .field-grp-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.field-grp-addon:first-child{
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.field-grp-addon:last-child  {
     border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.field-grp .form-control:not(:first-child):not(:last-child), .field-grp-addon:not(:first-child):not(:last-child), .field-grp-btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}
.field-grp .form-control {
    border-radius: 5px 0 0px 5px;
}
.form-horizontal, .form-inline  {
    margin: 10px 0;
}
.form-horizontal  .form-grp {
    color: #1b1b1b;
}
    .form-horizontal .form-grp-custom {
        color: #8a8a8a;
    }
/* ========== FOR TEXT CAPTCHA ==========*/
.text-captcha {
    position: absolute;
    right: 24px;
    top: 8px;
}

.form-grp {
    margin-bottom: 15px;
    position: relative;
}
.form-grp-custom {
    margin-bottom: 20px;
    position: relative;
}
.form-horizontal .control-lbl {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
    padding-left: 1px;
    padding-right: 1px;
    color: #1b1b1b;
    font-weight: normal;
}
.lbl-pad-top {
    padding-top: 9px !important;
}
.form-horizontal .control-lbl2 {
    padding-top: 8px;
    margin-bottom: 0;
    text-align: right;
    padding-left: 1px;
    padding-right: 1px;
    color: #e84f0c;
}

.form-inline .field-grp{
    margin: 0;
}
.form-withdraw {
    width:410px;
    margin: 10px auto;
}
.form-question {
    width:380px;
    margin: 10px auto;
}

.form-info .field-grp {
    margin: 0;
}
.form-info .field-grp > input{
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.form-top {
    padding: 5px 20px;
}
.form-top > .btn-default {
    display:inline-block;
  }
.form-top>input[type="checkbox"] {
   margin: 10px 12px;
}
.resend {
    text-align: center;
    display: block;
    width: 139px;
    margin: 0 auto;
}
.resend .icon-refresh {
    margin-top: 53px;
}
.leftCheckbox {
    float: left;
    width: 5%;
    margin: 15px 0;
}

.myaccount {
	width:619px;
	height:auto;
	margin:20px auto;	
}
.myaccount > label {
	display:block;
	margin:8px;
	color:#000;
}
.myaccount > .boxorange {
	background-color:#e84f0c;
	padding: 10px 5px;
}
.boxorange .orange, .boxorange label.control-lbl , .boxorange label.control-lbl2{
	color:#fff;
}

.yellowBigText {
	/*color:#FF0;*/
    color: #e84f0c;
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    display: block;
    padding-top: 5px;
}
/*=====GRID PROMOTIONS====*/
.grid {
    list-style: none;
    padding: 20px 0;
    margin: 0 auto;
    width: 100%;
}
    .grid > li {
        width: 48%;
        overflow: hidden;
        display: inline-block;
        margin: 10px 15px 10px 5px;
        background-color: #fff;
        padding: 17px;
        -webkit-transition: ease-in 0.2s;
        transition: ease-in 0.2s;
        -webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.15);
        box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.15);
    }
        .grid > li > a {
            display: block;
            width: 100%;
            height: auto;
            position: relative;
        }
.grid > li img {
   width: 100%;
   
}
.grid-box {
    position: relative;
}
.far-time {
    position: absolute;
    right: 10px;
    top: 10px;
}
.far-time em {
    background: url(../images/time.png) no-repeat;
    width: 13px;
    height: 13px;
    display:inline-block;
    line-height: 20px;
    vertical-align:middle;
    /*position: absolute;
    right: 33%;
    top: 10px;*/
}
.far-time span {
    color: #999;
    padding-left: 10px;
    line-height:20px;
    vertical-align:middle;
    }
.grid-details > .title {
    color: #dd3333;
    padding: 10px 0;
    font-weight: bold;
    font-size: 18px;
    word-break: break-all;
}
.grid-details > small {
    color: #3f3f3f;
    font-weight: normal;
    font-size: 15px;
    word-break: break-all;
}
.grid-overlay {
    display: none;
    height: 168px;
    width: 100%;
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 0;
    -webkit-transition: ease-in 0.2s;
    transition: ease-in 0.2s;
}
    .grid-overlay img {
        display: block;
        margin: 55px auto;
        width: auto !important;
    }
.grid > li:hover .grid-overlay {
    display: block;
}
/*=====Member Center=======*/
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot');
    src: url('../fonts/icomoon.eot#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.woff') format('woff'), url('../images/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.siteNavigationMember >.titleHeader {
	background-color: #e84f0c;
	margin-bottom:1px;
	text-align: center;
	display:block;
	width:100%;
	height:48px;
	line-height:48px; 
	font-size: 20px;
	font-weight: bold;	
    color: #fff;
	border-radius: 5px 5px 0px 0px;
}
.siteNavigationMember ul >li  {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
} 
.siteNavigationMember ul >li span {
    float: left;
    margin-left: 45px;
	position:absolute;
}
.siteNavigationMember ul >li  span.leftIcon {
	font-size: 18px;
    line-height: 26px;
	margin-left: 15px;
	width: 86%;
    font-family: 'icomoon';
}
.siteNavigationMember ul >li  span.menuText {
	font-weight:bold;
	font-family:"Microsoft Yahei","Arial",sans-serif, !important;
	font-size:15px !important;
}
.siteNavigationMember ul >li  span.rightIcon {
	font-size: 14px;
    line-height: 26px;
    right: 10px;
     font-family: 'icomoon';
}
.siteNavigationMember ul >li  {
	display:block;
	width:100%;
	margin-bottom:1px;
	font-size:15px;
	background-color: #e84f0c;
	line-height: 27px;
    position:relative;
}
.siteNavigationMember ul > li >a{
    padding: 10px 0px 10px 0px;
    height:45px;
}
.siteNavigationMember ul >li:hover,.siteNavigationMember ul >li:hover a,
.siteNavigationMember ul >li.active,.siteNavigationMember ul >li.active a
  {
	background-color: #DADADA;
	color: #e84f0c;
	cursor: pointer;
}

.siteNavigationMember ul > li:nth-child(6):after {
    background: url(../images/mc-new-default.gif) center no-repeat;
    display: block;
    content: '';
    width: 45px;
    height: 45px;
    position: absolute;
    z-index: 9;
    top: -1px;
    right: 0;
}
.siteNavigationMember ul > li.active:nth-child(6):after,.siteNavigationMember ul > li:hover:nth-child(6):after {
    background: url(../images/mc-new-active.gif) center no-repeat;
    display: block;
    content: '';
    width: 45px;
    height: 45px;
    position: absolute;
    z-index: 9;
    top: -1px;
    right: 0;
}
.siteNavigationMember ul >li >a {
    display: block;
    vertical-align: middle;
	position: relative;
 }
 .siteNavigationMember ul >li >a {
    display: block;
    vertical-align: middle;
	position: relative;
 }
.siteNavigationMember ul >li >a:after, .siteNavigationMember ul >li >a:before {
    display: table;
    content: '';
}
.siteNavigationMember ul >li >a:after {
    clear: both;
}

.memberTitle {
	margin-bottom:20px;
}

.member-body {
  padding:15px 15px;
    /*background-color: #DADADA;
    padding: 20px 20px 20px 25px;
    min-height: 555px;
    margin-left: 10px;
    background: #f6f6f6;
    border: 1px solid #cccccc;
    border-radius: 5px;*/
}
.member-body-addbcard {
    width: 95%;
    padding: 35px 30px;
}
.form-withdraw {
    width: 100%;
    height: auto;
    margin: 10px auto;
}
.form-withdraw .error-msg {
    font-size: 11px;
    margin-top: 13px;
    display: inline-block;
}
.bankButtons {
	width:220px;
	height:auto;
	margin: 20px auto 20px;
	text-align:center;
}
.bankButtons li span{
    color: #1b1b1b;
}
.bankButtons li img {
    margin: 10px 0px;
    border-radius: 5px;
    border: 3px solid #434343;
}
.bankButtons li img:hover {
    margin: 10px 0px;
    border-radius: 5px;
    border: 3px solid #e84f0c;
}
.member-body .orange {
    color: #fd6d17;
}
/*=====Pagination=======*/
.pagination-container {
    margin: 16px auto;

    text-align: center;
}
.pagination-container > ul.pagination {
    list-style: none;
    padding: 0;
}
.pagination > li {
    display: inline-block;
    padding: 3px;
}
    .pagination > li > a {
        display: block;
        padding: 5px 10px;
        border-radius: 5px;
        color: #ededed;
        background-color: #f59558;
        border: 1px solid #ec7f3e;
    }
.pagination > li.disable >a {
    color: #fff;
}
.pagination > li.disable:hover >a {
    color: #fff;
    cursor: no-drop;
     background-color: #aa2e00;
}
.pagination > li.current >a {
    color: #e84f0c;
    background-color: transparent;
}
.pagination > li:hover >a {
    color:  #e84f0c;
    background-color: transparent;
}

/*=====Message=======*/
.msg-section {
    min-height: 618px;
}
.message-List {
    list-style: none;
    padding: 10px 0;
    color: #ededed;
    border: 1px solid #aeaeae;
}
.message-List li {
        border-bottom: 1px #cccccc solid;
        padding: 15px 5px;
        -webkit-transition: ease-in 0.3s;
        transition: ease-in 0.3s;
        color: #e84f0c
    }
.message-List li:nth-child(odd){
    background:#fff;
}
.message-List li:nth-child(even) {
    background: #ececec;
} 
.message-List li:last-child {
    border: none;
}
.message-List li a > .msg-content {
    font-size: 14px;
    line-height: 26px;
    color: #1b1b1b;
}
.message-List li a > h4,.message-List li   p {
    margin: 5px 0;
    
}
/*.message-List li   .msg-date {
    color: #10527d;
}
.message-List li .msg-content {
    min-height: 80px;
    overflow: hidden;
    color: #1b1b1b;
}*/

.message-List li.new-message h4 {
    font-weight: bolder;
    color: #e84f0c;
    font-size: 16px;
}
.message-List li.new-message .msg-content{
    font-weight: bold;
    color:#1b1b1b;
}
.message-List li.new-message   .msg-date  {
    font-weight: bold;
}
.message-List li h4 {
    font-weight: normal;
}
.message-List li h4 {
    font-weight: normal;
     font-size: 16px;
}

/*=====Download Center=======*/

#content .downloadContainer {
    float:left;
    background-image:url(../images/mobileBannerDownload.jpg);
    border-radius:5px; 
    width:680px; 
    height: 612px;
    margin-top:20px; 
    border-top:5px solid #e84f0c; 
    border-bottom:5px solid #e84f0c;
}
.detailsContainer {
    float: right;
    margin-right: 17px;
    width: 340px;
    height: 100%;
    background: url(../images/transparentBackground.png);
}
.download-mobile-content {
    width: 295px;
    color: #fff;
}
.download-mobile-content > a {
        text-shadow: 1px 1px 1px #000;
        margin: 10px 0;
        font-size: 17px;
        letter-spacing:1px;
    }
    .download-mobile-content > .downloadLabel {
        text-align: center;
        margin-bottom: 5px;
    }
.snailLogo {
    margin-right: auto;
    margin-left: auto;
    display: block;
}
    .snailLogo img {
        height: 40px;
    }
.contentMobile {
    padding: 8px 10px;
    font-size: 12px;
}
.playButton {
    display: block;
    width: 238px;
    height: 77px;
    background: url(../images/playButton.png);
    border-radius: 5px;
    font-size: 30px;
    margin: 30px auto;
    text-align: center;
    line-height: 73px;
}
.playButton:hover {
    background: url(../images/playButton-hover.png);
}
.playButton p {
    text-align: center;
    padding-top: 15px;
}

.iconsContainer > li{
    background-color: #201f1f;
    display: inline-block;
    width: 67px;
    height: 73px;
    margin-left: 5px;
    float: left;
    border-radius: 7px;
    text-align: center;
    padding-top: 5px;
}
.iconsContainer > li  span {
    display: block;
}
.iconsContainer > li:hover i, .iconsContainer > li:hover span {
    color: #fff;
}
.iconsContainer {
    height: 69px;
    margin-bottom: 13px;
}
.iconsContainer >li:hover{
    background: #525252;
}
.qrCode {
    background: url(../images/anp-qrcode.png);
    height: 134px;
    width: 134px;
	margin:0px auto 9px;
}
.scanAndDownload {
    color: #fff;
    text-align: center;
}

/*=========ANIMATIONS CSS========*/
.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.circle {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 2px solid #e84f0c;
    text-align: center;
    line-height: 41px !important;
    margin-top: 5px;
    color: #e84f0c;
}
.circle > i {
    color: #e84f0c
}
.contact-box .list-contact>  li:hover {
    cursor: pointer
}
.contact-box .list-contact>  li:hover .circle{
     background-color: #e84f0c;
    color: #fff;
}

.contact-box .list-contact> li:hover  i.fa.animated {
    -webkit-animation-name: tada;
    animation-name: tada;
    animation-play-state: running;
    color: #fff;
}
.iconsContainer > li:hover i.fa.animated {
    -webkit-animation-name: tada;
    animation-name: tada;
    animation-play-state: running;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.contact-box {
    width: 400px;
    height: auto;
    margin: 10px auto;
}
.list-contact > li {
    display: block;
    padding: 10px 0;
    color: #1b1b1b;
}

.banks {
    margin-top: 15px;
}
.list-banks {
    display: block;
}
.list-banks > li{
    display: block;
    float: left;
    margin: 5px;
}
.list-banks > li  span {
    background: url(../images/banks.png) repeat-x;
    border:1px solid #a7a7a7;
    width: 140px;
    height: 40px;
    display: block;
    float: left;
}

.list-banks > li  .radio-bank {
    float: left;
    margin-top: 13px;
}
.list-banks > li  span:hover,.list-banks > li  span:active,.list-banks > li  span:focus   {
    border:1px solid #dd580b;
}
.banktransfer-form {
    margin-top: 22px;
}
.btn-next {
    display: inline-block;
    width: 100px;
    height: 30px;
    padding: 3px 0;
}
.bankActive {
    background: url(../images/banks.png) repeat-x;

    border:1px solid #a7a7a7;
    width: 160px;
    height: 40px;
    margin: 5px auto;
    display: block;
}
.btn-copy {
    background-color: #e84f0c;
    border-radius: 3px;
    display: block;
    text-align: center;
    padding: 3px 5px;
    width: 100px;
}
.btn-copy:hover {
     background-color: #ff9364;
}
.timer-section {
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 5px;
}
.timer-section label {
    color: #535353
}
.timer-countdown {
    text-align: center;
    display: block;
    margin: 30px auto;
}
.timer-countdown label {
    color: #de3009;
    font-size: 50px;
    display: block;
    font-weight: 100;
}

/*=====Pop Up CSS=======*/
.pop-up {
    background-color: #ffffff;
    width: 700px;
    height: 405px;
    border-radius: 15px;
    padding: 15px;
    position: relative;
	border: 1.5px solid #e84f0c;
}
.logos {
    display: block;
    width: 100%;
    height: 48px;
    text-align: center;
}
.logos > ul > li {
    display: inline-block;
    text-align: center;
    padding: 0 15px 0 15px;
}
.left-image {
    display: block;
    float: left;
    margin-right: 25px;
}
.pukeshou-content p {
    color: #000000;
    line-height: 25px;
    text-align: left;
	font-size:14px;
	text-indent:40px;
	margin-bottom:10px;
}
.pop-up > span {
    color: #000000;
    margin-left: 13px;
}
.note-content {
	margin-bottom:10px;
}
#pukeshouNote {
    display: none;
}
.closeBtn {
    position: absolute;
    top: 8px;
    right: 8px;
    display: block;
    width: 22px;
    height: 22px;
}

/*=====Member Center Deposit Page=======*/
.bank-list li a {
	background: url(../images/banks.png) repeat-x;
	border: 1px solid #a7a7a7;
	width: 178px;
	height: 39px;
	display: block;
	/* float: left; */
	text-align: center;
	margin: 15px 0;
}
.bank-list {
	width:178px;
	margin:0 auto;
}
/*=====Fishing Game=======*/

.fish-games {
	padding: 20px 0;
}
.fish-game-1 {
	position:relative;
	width:366px;
	height:300px;
	background:url(../images/img_1.png);
}
.fish-game-2 {
	position:relative;
	width:366px;
	height:300px;
	background:url(../images/img_2.png);
}
.fish-game-3 {
	position:relative;
	width:366px;
	height:300px;
	background:url(../images/img_3.png);
}
.game-buttons {
	width:366px;
	height:70px;
	display:block;
	position:absolute;
	bottom:0;
}
.game-buttons li {
    width: 183px;
    background: #0C3;
    height: 70px;
    display: block;
    padding: 11px 0;
    float: left;
    text-align: center;
    font-size: 18px;
	text-shadow: 2px 1px 0px rgb(86, 86, 86);
}
.game-buttons li.play:hover {
	background: linear-gradient(to bottom,  #9eea63 0%,#3b7b0a 100%);
	cursor:pointer;
}
.game-buttons li.try:hover {
	background:linear-gradient(to bottom,  #f1c47c 0%,#f14b00 100%);
	cursor:pointer;
}
.game-buttons .try {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f09e1c+0,d1490c+100 */
	background: #f09e1c; /* Old browsers */
	background: -moz-linear-gradient(top,  #f09e1c 0%, #d1490c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f09e1c 0%,#d1490c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f09e1c 0%,#d1490c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09e1c', endColorstr='#d1490c',GradientType=0 ); /* IE6-9 */

}
.game-buttons .play {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#82f828+0,4d9913+100 */
	background: #82f828; /* Old browsers */
	background: -moz-linear-gradient(top,  #82f828 0%, #4d9913 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #82f828 0%,#4d9913 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #82f828 0%,#4d9913 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82f828', endColorstr='#4d9913',GradientType=0 ); /* IE6-9 */

}
.game-details {
	background:url(../images/fish-game-bg.jpg);
	padding:20px 0;
}
.fish-game-tabs {
	width:100%;
	height: 60px;
	background:url(../images/menu-bg.png) 0px;
	background-size:cover;
	border-radius: 15px 15px 0 0;
}
.fish-game-tabs li.active {
	background:rgba(255, 255, 255, 0.1) ;
}
.fish-game-tabs li:last-child a{
	border-right:none;
}
.fish-game-tabs li a{
	width: 20%;
    text-align: center;
    border-right: 1px solid #d2ac1b;
    float: left;
    color: #fff9c4;
    text-shadow: 1px 1px #ab8500;
    font-size: 18px;
    height: 60px;
    line-height: 66px;
    cursor: pointer;
    font-weight: 700;
}
.fish-game-tabs li a:hover {
	background:rgba(255,204,142,0.5);
    text-shadow: 1px 1px #e2d8b2;
	color:#000;
	transition: all ease-in 400ms;
}
.fish-game-tabs li.active:first-child a {
	border-top-left-radius:15px;
}
.fish-game-tabs li.active:last-child a {
	border-top-right-radius:15px;
}
.fish-game-tabs li.active a {
	background:rgba(255,204,142,0.5);
    text-shadow: 1px 1px #e2d8b2;
	color:#000;
}
.game-tab-content {
    margin: 0 auto !important;
	padding: 15px;
    position: relative;
    display: none;
	background:#beeeff;
	display:none;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.game-details p {
	color:#333;
	line-height:30px;
	font-size:14px;
}
.img-responsive {
    width: 100%;
    height: auto;
}
.fish-game {
	width: 100%;
    height: 255px;
   	overflow: hidden;
    border-bottom: 1px #222222 solid;
    padding: 0;
    margin: 0;
    text-align: center;
    position: relative;
}
.fish-game:hover > img  {
  width: 120%;
  height: auto;
}
.fish-game img {
	width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: ease-in 0.2s;
    transition: ease-in 0.2s;
	cursor:pointer;
}

/*=====Index Banners=======*/

.fish-btn {
	position:absolute;
	bottom: 0;
	left:400px;
}
.new-notice {
    position: absolute;
    top: 18px;
    z-index: 2;
    left: 0px;
}
.gif-notice {
    height: 22px;
    position: absolute;
    top: 17px;
    z-index: 2;
    left: 0;
}
.png-3d {
    height: auto !important;
    top: 20px;
}
.header-fix .png-3d {
    top: 1px;
}
@media only screen and (max-width: 1170px) {
    .new-notice {
        right: 155px; 
    }
}
.new-nav {
    position: relative;
	/*bottom: 0;
	left:400px;*/
}
/*=====Animation for Fish Game Banners=======*/
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}


/*=====Fishing Game Page=======*/

.fish-button {
    width: 100%;
    position: absolute;
    bottom: 30px;
    max-width: 100%;
    height: auto;
    left: 420px;
}
.fish-button img:hover {
	-webkit-animation-name: tada;
    animation-name: tada;
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;	
}
.banner-fish {
	position: relative;
    margin-left: auto;
    margin-right: auto;
	width: 1600px;
    height: 500px;
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 992px) {
	.fish-button img {
		bottom: 0;
		left: 400px;
	}
	.banner-fish img {
		left:-17% !important;
		position:absolute;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1920px) {
	.fish-button img {
		bottom: 100px;
		left: 400px;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.fish-button img {
		max-width: 200px;
		height: auto;
		left: -239PX;
		bottom: 34px;
	}
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1366px) {
	.fish-button img {
		bottom: 0;
	}
	.banner-fish img {
		left:0% !important;
		position:absolute;
	}
}
	
/*=====Contact Us Page=======*/
.supp a {
    display: block;
}
.supp span {
    display: block;
    text-align: center;
    font-size: 15px;
}
.contact-support {
    width: 67px;
    height: auto;
    background: #dd3333;
}
    .contact-support li {
        border-bottom: 1px #e71818 solid;
        position: relative;
        padding: 14px 0;
        -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
        box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
    }
        .contact-support li:hover {
            background: #a51515;
            -webkit-transition: ease-in 0.3s;
            transition: ease-in 0.3s;
        }

.contact-support li:last-child {
	border-bottom: none;
}
        .contact-support li i {
            font-size: 35px;
            cursor: pointer;
            display: block;
            text-align: center;
        }
.contact-support li i.enve {
    font-size: 37px;
}
    .contact-support .dropLeft.wechat {
        bottom: 0;
        padding: 12px;
        text-align: center;
    }
.contact-support .dropLeft.qq {
    bottom: -104px !important;
}
    .contact-support .dropLeft.mail {
        bottom: -42px;
    }
.contact-support .dropLeft {
	position: absolute;
	right: 67px;
	background: #a51515;;
	padding: 10px;
	display: none;
    color: #fff;
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;	
    -webkit-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
}
.contact-support .dropLeft.wechat:after {
	top: 28px;
}
.contact-support .dropLeft.mail:after {
	top: 45px;
}
/*.contact-support .dropLeft:after {
	display:block;
	content: '';
    background:url(../images/arrow.png) no-repeat;
    width: 12px;
    height: 19px;
    display: block;
    position: absolute;
    right: -12px;
    top: 60px;
    -webkit-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
}*/
.contact-support li:hover .dropLeft {
	display:block;
    -webkit-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
}
    .contact-support .dropLeft p {
        font-size: 13px;
        padding: 6px 0;
    }
    .contact-support .dropLeft.mail p:first-child {
        border-bottom: 1px #dc2b2b solid;
        /*-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);*/
    }
    .contact-support .dropLeft p a:hover {
        color: #ffc400;
    }
.contact-support .dropLeft .orange {
	color:#fff000;
	font-size:16px;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

/* Message Notice */
span.msg-count {
    background-color: #ff5855;
    color: #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    /* float: left; */
    position: absolute;
    top: -2px;
    /* z-index: 99; */
    left: -14px;
    /* top: -8px; */
    /* left: -59px !important; */
    /* box-shadow: 1px 1px #E0E0DF; */
}

/*=====Login Container=======*/

.login-container {
    width: 400px;
    height: auto;
    border-radius:10px;
    border: 1px solid #e84f0c;
    background:#ffffff;
    display:none;
}
.login-header {
    position:relative;
    width:100%;
    height:60px;
    border-radius: 10px 10px 0 0;
	background: #f09e1c; /* Old browsers */
	background: -moz-linear-gradient(top,  #f09e1c 0%, #d1490c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f09e1c 0%,#d1490c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e28b00 0%,#d1490c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09e1c', endColorstr='#d1490c',GradientType=0 ); /* IE6-9 */
}
.login-header > a > img {
    margin: 10px 0 0 20px;
}
.login-popup {
    padding:20px 40px;
}
    .login-popup .input-field {
        border: 1px solid #e84f0c;
        border-radius: 5px;
    }
    .login-popup .btn-submit {
        height: 60px;
        width:150px;
        border-radius:10px;
        font-size:20px;
        margin:0 !important;
        display:inline;
    }
    .login-popup .input-field {
        font-size:14px;
        color:#1b1b1b;
    }
    .login-popup a {
        font-size:16px;
        line-height:58px;
        text-align:right;
    }
	.login-popup a.btn-register {
        text-align:center;
    }
	.login-popup a.btn-register:hover {
        color:#ffffff;
		text-decoration:none;
		background: #e25a0b; 
		background: -moz-linear-gradient(top,  #e25a0b 0%, #de3009 100%); 
		background: -webkit-linear-gradient(top,  #e25a0b 0%,#de3009 100%); 
		background: linear-gradient(to bottom,  #e25a0b 0%,#de3009 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e25a0b', endColorstr='#de3009',GradientType=0 ); 
		-webkit-transition: all ease-in 0.2s;
		transition: all ease-in 0.2s;
    }
    .login-popup a:hover {
        text-decoration:underline;
    }
    .login-popup p {
        text-align:center;
        margin:30px 0;
    }
.btn-register {
    height: 60px;
    width: 250px;
    border-radius:10px;
    font-size:20px;
    display:block;
    background:none;
    border:3px solid #e84f0c;
    color:#e84f0c;
    font-weight:bold;
    margin:0 auto;
    text-align:center;
}
.reg-submit {
    width: 100% !important;
    margin-top: 20px !important;
    font-size: 16px;
}
.close-login {
    position: absolute;
    top: 12px;
    right: 28px;
    display: block;
    width: 22px;
    height: 22px;
}
.anp-login-logo {
    float:left;
}

.input-field.uname {
	background: url(../images/uname-icon.png) no-repeat 7px 8px;
	padding-left: 35px;
}
.input-field.pword {
	background: url(../images/pword-icon.png) no-repeat 7px 8px;
	padding-left: 35px;
}

/*.btn-submit {
    width: 125px;
    display: inline-block;
    border-radius: 3px;
    height: auto;
    padding: 10px 15px;
    background: #e25a0b; 
    background: -moz-linear-gradient(top,  #e25a0b 0%, #de3009 100%); 
    background: -webkit-linear-gradient(top,  #e25a0b 0%,#de3009 100%); 
    background: linear-gradient(to bottom,  #e25a0b 0%,#de3009 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e25a0b', endColorstr='#de3009',GradientType=0 ); 
    border: none;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
}
.btn-submit:hover {
    cursor: pointer;
    color: #fff;
    background: #dd580b; 
    background: -moz-linear-gradient(top,  #dd580b 0%, #dd680f 100%); 
    background: -webkit-linear-gradient(top,  #dd580b 0%,#dd680f 100%);
    background: linear-gradient(to bottom,  #dd580b 0%,#dd680f 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd580b', endColorstr='#dd680f',GradientType=0 ); 

}*/

/*ADDITIONAL CSS*/

.btn-link {
   border-radius:4px;
   padding:10px 15px;
   background-color:#e84f0c;
}
.btn-link > i {
       font-family: 'icomoon';
       margin-right:5px;
       font-size:16px;
}
.btn-link:hover {
    color:#fff;
    background-color:#E47A1C;
}
.label-value {
    padding-top:7px;
    color:#E4520D;
    font-weight:bold;
}
.label-offset {
    width:400px;
    position:absolute;
    float:right;
    max-width:inherit;
    top:7px;
    right:-179%;
}
.btn-addon {
    display:block;
    height:38px;
    padding:6px;
    background-color:#e84f0c;
    border-radius:0 4px 4px 0;
    color:#fff;
}
.btn-addon:hover {
    background-color:#E47A1C;
}
.btn-grp > .btn-submit,.btn-grp > .btn-submit:disabled  {
    /*display:inline-block;*/
    /*width:157px;*/
    
}
.btn-grp > .btn-submit:disabled {
    background:#9e6e5a;
    color:#fff;
}
.btn-grp > .btn-submit:disabled:hover {
    cursor:not-allowed;
}
a.orange:hover {
    color:#E47A1C;
}

/*====== BANNER SLIDER ======*/

.banner-slider  .slides {
    margin: 0;
    padding: 0;
    position: absolute;
}
.slides > li {
    list-style: none;
    display: block;
    position: relative;
}
.slides > li {
     width: 2545px;
    -webkit-transform: translate(-10%);
    transform: translate(-10%);
}
.banner-slider {
    min-width: 1170px;
    width: 100%;
    overflow: hidden;
    height: 460px;
    position: relative;
    max-width: 2540px;
    margin: 0 auto;
}

img[src="images/charityload.jpg"] {
    filter: blur(15px);
    -webkit-filter: blur(15px);
    opacity: .6;
}
.slides {
    width: 25000px;
    float: left;
}
.slides > li {
    float: left;
}

.bannerNavi {
    position: absolute;
    left: 50%;
    bottom: 14px;
    z-index: 9;
    transform: translate(-50%,0);
}

.bannerNavi > li {
    float: left;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 8px 0 10px;
    border: #1f1f1f solid 2px;
	opacity: 7;
    cursor: pointer;
    border-radius: 8px;
}
.activeImage {
    background-color: #dd3333 !important;
}
.slides > li {
    width: 100%;
    -webkit-transform: translate(0%);
    transform: translate(0%);
}
@media screen and (max-width: 2200px) {
    .slides > li  {
        width: 2500px;
        -webkit-transform: translate(0%);
        transform: translate(0%);
    }
}
@media screen and (max-width: 1920px) {
    .slides > li  {
        width: 2500px;
        -webkit-transform: translate(0%);
        transform: translate(0%);
    }
}
@media screen and (max-width: 1600px) {
    .slides > li {
        width: 2470px;
        -webkit-transform: translate(0%);
        transform: translate(0%);
    }
}
@media screen and (max-width: 1366px) {
    .slides > li  {
        width: 2500px;
        -webkit-transform: translate(-7%);
        transform: translate(-7%);
    }
    /*HEADER*/
    .nav:before {
        left: -1px;
    }
}
/*@media screen and (max-width: 1271px) {
    .slides > li {
        width: 2700px;
        -webkit-transform: translate(-7%);
        transform: translate(-7%);
    }
}*/

/*====== ADDED CSS ======*/

.table-title {
    text-align: center;
}
.table-title h6 {
    margin: 0 0 15px 0!important;
}
.inner-contents > p {
    line-height: 40px;
}
.submit-btn {
    text-align: center;
    font-size: 12px;
}

.idn-title {
    height: 35px;
}
.yellow-text {
    position: absolute;
    right: 0;
    top: 5px;
    padding: 0 5px; 
}
.icons-refresh {
    width: 22px;
    height: 22px;
    background: url(../images/icon-refresh.png) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 5px;
}
/*.refresh:hover {
    color: yellow;
}*/
.arrowDown {
    position: absolute;
    right: 20px;
    display: block;
    top: 15px;
    color: #555;
    font-size: 9px;
}
.list-accounts {
    display: none;
    background-color: #fff;
    position: absolute;
    top: 35px;
    width: 320px;
    overflow: hidden;
    transition: ease 0.4s;
    -o-transition: ease 0.4s;
    -webkit-transition: ease-in 0.5s;
    z-index: 9;
    border: 1px solid #ccc;
}
.list-accounts > li {
    display: block;
    position: relative;
}
.list-accounts > li > label {
    color: #333;
    display: block;
    padding: 5px;
    height: auto;
}
.list-accounts > li span.account {
    width: 80px;
    display: inline-block;
}
.list-accounts > li span.rmbPoints {
    margin-left: 3px;
}
.list-accounts > li a.yellow-text {
    position: absolute;
    right: 0;
    top: 5px;
    padding: 0 5px;
}
.list-accounts > li a.yellow-text > strong {
    top: -5px;
    position: relative;
    display: inline-block;
    color: #e84f0c;
}
input#accountSelect::-webkit-input-placeholder{
    color: #555;
}
input#accountSelect::-moz-input-placeholder{
    color: #555;
}
input#accountSelect::-ms-input-placeholder{
    color: #555;
}
input#accountSelect::-o-input-placeholder{
    color: #555;
}
.member-body h1 {
    font-size: 2.5em;
}

/*====== Member Center Tabs ======*/

.tranButtons .tab-links {
    /*display: block;
    list-style: none;  
    border-bottom: 3px solid  #e84f0c;
    z-index: 9;
    margin: 15px 0;*/
}
.tranButtons .tab-links > li {
    /*background-color: #989898;
    display: inline-block;
    margin: -3px 0;
    position: relative;
     border-bottom: 3px solid  #e84f0c;*/
}
.tranButtons .tab-links > li a {
    /*padding: 20px 10px 19px 14px;
    display: block;
    text-align: center;
    font-size: 15px;*/
}
.tranButtons .tab-links > li a > span {
    position: absolute;
    top: 12px;
    left: 8px;
}
.tranButtons .tab-links > li a > span > i {
    float: left;
    font-size: 40px;
}
.tranButtons .tab-links > li:before {
    /*content:"";
    position: absolute;
    right: -40px;
    top: 0;
    color:#989898; 
    border-top: 59px solid transparent;
    border-left: 40px solid ;
    border-top: 57px solid transparent \0/;*/
}
.tranButtons .tab-links > li:after {
    /*content: "";
    position: absolute;
    left: -39px;
    top: 0;
    color: #989898;
    border-bottom: 58px solid transparent;
    border-right: 39px solid;
     border-bottom: 56px solid transparent \0/;*/
}
.tranButtons .tab-links > li.active:before {
    /*content:"";
    position: absolute;
    right: -40px;
    top: 0;
    border-top: 59px solid transparent;
    border-left: 40px solid  #e84f0c;
    border-top: 57px solid transparent \9/;*/
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
   .tranButtons .tab-links > li.active:before {
    border-top: 60px solid transparent;
    }
}
.tranButtons .tab-links >li{
    /*margin-left: 40px;*/
}
.tranButtons .tab-links >li:first-child{
    margin-left: 0;
}
.tranButtons .tab-links >li:first-child:after{
    border: 0;
}
.tranButtons .tab-links > li.active:before,.tab-links > li:hover:before  {
     border-left: 40px solid  #e84f0c;
}
.tranButtons .tab-links > li:hover:after,.tab-links > li.active:after {
      border-right: 40px solid  #e84f0c
}
.tranButtons .tab-links > li.active,.tab-links > li:hover{
    /*background-color:  #e84f0c;*/
}


/*====== ADDED CSS ========*/

/*====== Table-default ======*/

/*.inner-contents .table-default {
    border: 0px #fff solid;
    border-collapse: collapse;
    overflow: hidden;
    table-layout: fixed;
    margin: 5px auto;
    color: #fff;
	border:1px solid #999;
}*/
.inner-contents .table-default > thead > tr > th {
	background:#e84f0c;
	font-size:18px;
	font-weight:bold;
}
.inner-contents .table-default > tbody > tr > td {
	color:#222222;
}
.inner-contents .table-default > thead > tr > th, 
.inner-contents .table-default > tbody > tr> td {
    text-align: center;
    padding: 12px 50px;
    vertical-align: middle;
}
.inner-contents .table-cpg > thead > tr > th, 
.inner-contents .table-cpg > tbody > tr> td {
    text-align: center;
    padding: 11px 20px !important;
    vertical-align: middle;
}
.inner-contents .table-game > thead > tr > th, 
.inner-contents .table-game > tbody > tr> td {
    text-align: center;
    padding: 12px 30px !important;
    vertical-align: middle;
}
/*.inner-contents .table-default > tbody > tr> td img {
    width: 25px;
    height: auto;
}*/
.inner-contents .table-default > thead > tr.table-header >th {
    background-color: #e84f0c;
}
.inner-contents .table-default > thead > tr.title-header >th {
    background-color: #999;
}
.inner-contents .table-default > tbody > tr:nth-child(odd){
    background-color: #eceaea;
}
.inner-contents .table-default > tbody > tr:nth-child(even){
    background-color: rgb(214, 214, 214);
}
.inner-contents .table-default > tbody > tr > td  .boxLink {
	color:#fff;
    background-color: #e84f0c;
    padding: 5px 10px;
}
.inner-contents .table-default > tbody > tr > td .boxLink:hover {
	color:#fff;
    background-color: #e84f0c;
    padding: 5px 10px;
    background-color: #1b1b1b;
    cursor: pointer;
}
.inner-contents .table-responsive {
    width: 100%;
    height: auto;
}
.inner-contents .img-responsive {
    width: 100%;
    height: auto;

}
/*--table--*/
.th-no-pad{
    padding:12px !important;
}
.btn-default{
    display: block;
    position: relative;
    margin: 5px auto;
    right: inherit;
    bottom: inherit;
    height: 50px;
        margin-bottom: 10px;
}
.btn-default:after,.btn-default:before{
    display: table;
    content: '';
}
.btn-default:after{
    clear: both;
}

#complete-prof {
    background: url(../images/popUp-Profile.png) center no-repeat;
    width: 600px;
    height: 350px;
    display: none;
    margin: 0 auto;
    margin-top: 75px;
    margin-left: -45px;
    border: none !important;
    z-index: 9;
}
.section-btn{
    text-align: center;
    display: block;
    position: relative;
    margin-top:250px;
}
.section-btn > a{
    margin: 0 5px;

}
.section-btn > a:hover{
    filter: brightness(135%);
    -webkit-filter: brightness(135%);
}

.gg-popup{
    background: url(../images/gg-popUp.png) top center no-repeat;
    width: 600px !important;
    height: 350px !important;
    border: none;
    display: none;
}
.gg-popup-qrbox {
    position: absolute;
    top: 85px;
    left: 24px;
    text-align: center;
}
    .gg-popup-qrbox > img {
        display: block;
        border-top: 8px solid #08286b;
        border-left: 8px solid #08286b;
        border-right: 8px solid #08286b;
    }
    .gg-popup-qrbox > p {
        background: #08286b;
        padding: 4px 0 5px;
        margin-bottom: 4px;
        font-weight: bold;
        font-size: 17px;
        letter-spacing: 1px;
        font-family: 'Microsoft Yahei';
    }
.gg-popup > span {
    width: 160px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    color: #fff;
}
.download-links {
    position: absolute;
    bottom: 18px;
    display: block;
    width: 95%;
}
.download-links-btngrp a {
    border-radius: 5px;
    margin: 0 5px !important;
    height: auto !important;
    padding: 8px 0;
    border: 2px solid #fff;
    font-size: 16px;
    background: #193d71;
    background: -moz-linear-gradient(top, #193d71 0%, #0a1d4a 100%);
    background: -webkit-linear-gradient(top, #193d71 0%,#0a1d4a 100%);
    background: linear-gradient(to bottom, #193d71 0%,#0a1d4a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#193d71', endColorstr='#0a1d4a',GradientType=0 );
}
    .download-links-btngrp a > i {
        margin-right: 5px;
        font-size: 23px;
        vertical-align: sub;
    }
.download-links > a {
    display: inline-block;
    width: 160px;
    height: 50px;
    margin: 0 10px;
}
.download-links > a:hover{
    filter: brightness(1.5);
    -webkit-filter: brightness(1.5);
    -ms-filter: brightness(1.5);
    -o-filter: brightness(1.5);
}

.gg-popup .closeBtn {
    position: absolute;
    top: 13px;
    right: 13px;
}

h2.page-title{
    font-size: 28px;
    color: #636363;
    border-bottom: 1px solid #636363 !important;
}

.box-count{
    width:305px;
    height: 85px;
    margin: 20px auto;
    background-color: #e84f0c;
    border-radius: 10px;
    display: block;
    transition: ease-in 0.3s;
    -webkit-transition: ease-in 0.3s;
    -o-transition: ease-in 0.3s;
}
.box-count:hover{
    background-color: #333;
}
.box-count .box-text{
    font-size: 12px;
    color: #fff;
    line-height: 18px;
}
.box-count .box-no{
    font-size: 108px;
    color: #fff;
    font-family: 'Impact';
    line-height: 81px;
}
.box-count .box-title{
    font-size: 22px;
    color: #fff;
    margin: 5px 0;
}

.subagent-panel{
    margin: 35px 0;
}

.subagentBox{
    border-radius: 10px;
    overflow: hidden;
    width:100%;
    /*height: 284px;*/
    position: relative;
      cursor: pointer;
}
.subagentpage {
    height: 300px;
    width: 100%;
    /*background: url(../images/ANP-GG_IDN-SubBanner.jpg) no-repeat center center;*/
    background-image: url('../images/blur2.jpg');
    background-size: cover;
    background-position: center;
}

.subagentpage > .promo-banner{
    max-width: 1600px;
}
@media only screen and (max-width:1366px){
    .subagentpage{
        height: 253px;
    }

}
.subagentBox .subagent-img > img{
    max-width: 100%;
    height: auto;
    position: relative;
}

.subagentBox .subagent-img{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}
.subagentBox .subagent-img > .subagent-title{
    position: absolute;
    bottom: 30px;
    color:#fff;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    font-size: 18px;
    display: block;
}  
.subagentBox > .subagent-detail{
    position: absolute;
    background-color: rgba(0,0,0,0.79);
    width: 100%;
    height: 100%;
    bottom: -100%;
    left: 0;
    display: block
     transition:ease-in 0.2s;
    -webkit-transition: ease-in 0.2s;
    -o-transition: ease-in 0.2s;
}
.subagentBox:hover > .subagent-detail{
    bottom: 0;
}
.subagent-detail > .subagent-inner{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    text-align: center;
}
.subagent-detail > .subagent-inner img{
    display: inline-block;
}
.subagent-detail > .subagent-inner a{
    display: block;
    margin: 10px 0;
    border: 1px solid #fff;
    padding: 10px 15px;
    border-radius: 5px;
    transition: ease-in 0.3s;
    -webkit-transition: ease-in 0.3s;
    -o-transition: ease-in 0.3s;
}
.subagent-detail > .subagent-inner a:hover{
    background-color: #e84f0c;
    border-color:  #e84f0c;
    color: #fff;
}
/*******************Bank Card****************/
.mc-bankcard p {
    padding: 20px 0px !important;
}
.member-body .btn-sub {
    margin-left: 10px;
}
.addcard-link {
    color: #fd6d17;
    border-bottom: 1px solid #fd6d17;
}
    .addcard-link:hover {
        color: #797979;
        border-bottom: 1px solid #929292;
    }
/*****************Add Bank Card**************/
.pop-up {
    width: 550px;
    height: auto;
    position: relative;
    border-radius: 5px;
    display: none;
}
.pop-up-title > h4 {
    font-size: 18px;
}
.select-1 {
    padding-right: 5px;
}
.lbl-link {
    margin-left: 15px;
}
/******************** MEMBER CENTER POP UP ***********************/

.pop {
    width: 494px !important;
    padding: 0 7px;
}
.pop-title {
    padding: 0;
}
.pop-up-title > h3 {
    font-size: 22px;
}
.pop-up-title > h4 {
    font-size: 18px;
}
.pop-label{
    padding: 0 0 10px 0 !important;
    min-height: 224px;
    text-align: center;
}
.pop-up-content{
    /*padding: 10px;*/
    min-height: 224px;
    text-align: center;
}
.pop-up-content .label-info li {
    width: 100%;
    padding: 10px 0;
}
.pop-up-content .label-info li label:first-child {
    text-align: right;
    color: #e84f0c;
    font-weight: 600;
}
.pop-up-content .label-info li label:last-child {
    color: #333;
    font-weight: normal;
    text-align: left;
}
.pop-up-content .label-info li.reminder p {
    font-style: italic;
    color: #e84f0c;
}
.bank-card-pop-up {
    min-height: 0 !important;
    height: auto;
}
.pop-up-content ul{
    width: 100%;
    position: relative;
}
.pop-up-content li {
    padding-right: 5px;
    margin: 10px 0 0 0;
}
.pop-up-content li > img {
   background: #fff;
    height: 35px;
    padding: 5px 0;
    border-radius: 5px;
}
.pop-up-content li p {
    font-size: 13px;
    padding-top: 10px;
    color: #333;
}
.pop-up-content > p {
    margin: 35px auto;
    font-size: 20px;
}
.pop-up-content > a {
    font-size: 13px;
    color: #fff;
    background: #A27E3C;
    padding: 10px 0;
    margin: 15px 0 15px 31px;
    border-radius: 5px;
}
.pop-up-content .btn-bank-card {
    width: 100% !important;
    cursor: pointer;
}
.pop-up-content .btn-bank {
    margin: 0 0 10px 0;
}
.pop-up-content a:hover {
    background-color: #cea14e; 
}

.closebtn {
    width: 20px;
    height: 20px;
    border: 2px #cda14d solid;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    right: -23px;
    top: -17px;
    padding: 1px;
    -webkit-transition: ease-in 0.2s;
    transition: ease-in 0.2s;
}
.closebtn:hover {
    background-color: #cda14d;
    color: #090909;
    cursor: pointer;
} 
.member-body .btn-sub {
    margin-left: 54px;
}
span.register-cross {
    position: absolute;
    right: -13px;
    top: 6px;
    color: #ff0008;
    font-size: 25px;
}
span.errormsg, span.invalid {
    display: block;
    color: #dd3333 !important;
    font-size: 11px;
    padding: 5px 0;
}
.chg-pw {
    font-size:0;
    position:relative;
}
    .chg-pw input,
    .chg-pw select {
        width: 49%;
    }
 .chg-pw > label {
     font-size: 13px;
     color: #a0a0a0;
     font-weight:normal;
}
    .chg-pw span.errormsg,
    .chg-pw span.invalid {
        font-size: 11px !important;
        position: absolute !important;
        top: 7px;
        /* width: 100%; */
        left: 310px;
    }
span.detail-check {
    position: absolute;
    right: -15px;
    top: 6px;
    color: #04bd22;
    font-size: 25px;
}
/*************Bank Success**********/
.mc-bank {
    width: 100%;
    margin: 20px 0 50px;
    height: auto;
}
.mc-bank li{
    margin: 10px 0;
}
.mc-bank-acct {
    width: 85%;
    margin: 0 auto;
    text-align: center;
    background: #ffffff;
    padding-bottom: 10px;
    border: 1px solid #cbcbcb;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
.bank-content img .full-name .mc-card-num:hover{
    display: none;
}
.mc-bank-acct span {
    font-size: 13px;
}
.mc-bank-acct img {
    width: 157px;
    height: 29px;
    margin: 10px 0;
}
.full-name {
    color: #000;
    display: block;
    font-weight: bold;
    margin-bottom: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 20px;
}
.mc-card-num, .usdt-cardnum {
    color: #090909;
    display: block;
    font-weight: bold;
    padding-bottom: 10px;
}
span.card-num {
    display: inline-block;
    margin-left: 10px;
}
.mc-add-label {
    color: #f59558;
    font-weight: bold;
    display: block;
    font-size: 13px;
}
a.mc-bank-add:hover .mc-add-label {
    color: #fff;
}
.mc-bank-add {
    width: 85%;
    margin: 0 auto;
    background: none !important;
    height: 109px;
    border: #f59558 2px dashed !important;
    border-radius: 10px;
    text-align: center;
    display: block;
}
a.mc-bank-add:hover {
    background: #f59558 !important;
    color: #fff;
}
.mc-bank-add i {
    font-size: 50px;
    padding: 10px 0;
    color: #f59558;
    display: block;
}
a.mc-bank-add:hover i {
    color: #fff;
}
/******************** WITHDRAWAL ******************************/

.choose-bank label {
    position: relative;
    width: 100%;
    display: inline-flex;
    height: 40px;
    background: #fff;
    border: 1px solid #ccc;
    font-weight: normal;
    color: #555;
    cursor: pointer;
    padding: 2px 10px;
    line-height: 35px;
    margin-bottom: 0;
    border-radius: 5px;
}
.choose-bank label img{
    height: 22px;
    margin-top: 6px;
    margin-right: 12px;
    float: left;
}
.choose-bank label span{
    font-size: 13px;
}
.choose-bank label > span#name-full {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100px;
    display: inline-block;
}
.choose-bank label span#card-num {
    white-space: nowrap;
    overflow: visible;
}
.choose-bank i {
    color: #333;
    position: absolute;
    right: 8px;
    top: 8px;
    font-size: 22px;
}
.choose-bank ul {
    position: absolute;
    z-index: 1;
    display: none;
    top: 39px;
    border-radius:0;
    background: #fff;
    width: 100%;
    border: 1px solid #ccc;
}
    .choose-bank ul li {
        display: block;
        background: #fff;
        padding: 8px 14px;
        cursor: pointer;
        width: 100%;
        text-align: left;
        /*width: 370px;*/
        /*width: 427px;*/
        border-radius: 0;
        -webkit-border-radius: 0;
    }
        .choose-bank ul li > div {
            width: 49%;
            display: inline-block;
            font-size: 0;
            position: relative;
        }
.choose-bank ul li > div span{
    vertical-align: middle;
    line-height: 35px;
    color: #757575;
    font-size:15px;
}
.choose-bank ul li > div img {
        /* padding: 5px 0; */
        width: 95%;
        position: absolute;
        left: 0;
        top: -10px;
    }
    /*.choose-bank ul li span.name-full {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    padding: 0 10px;

    width:100px;
}
.choose-bank ul li span.card-num {
    white-space: nowrap;
    overflow: visible;
}*/
    .choose-bank ul li:hover {
        background-color: #ccc;
        border-radius: 0 !important;
    }
.choose-bank ul li:last-child{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
/*.choose-bank ul li img {
    margin-right: 10px;
    height: 23px;
   cursor: pointer;
}
.choose-bank ul li span{
    font-size: 13px;
    color: #333;
   cursor: pointer;
}*/
.btn-set button {
    width: 7.2em;
}
.ipt-popup{
    background: url(../images/ipt-popup.jpg) no-repeat;
    width: 600px !important;
    height: 350px !important;
    display: none;
    border-radius: 12px;
    border: 2px solid #ffba00;
    cursor:pointer;
}
.ipt-popup .closeBtn {
    position: absolute;
    top: 13px;
    right: 13px;
}
.inner-details p.orange-red{
    color: #e84f0c;
    display: block;
}
#MEIQIA-BTN, #MEIQIA-BTN-HOLDER {
    display: none !important;
}
.edit-txt {
    margin-left: 10px;
    color: #1aad2c;
    text-decoration: underline;
    cursor: pointer;
}
.edit-txt i {
    letter-spacing: 5px;
}
.edit-withdraw-pop, .edit-withdraw-success {
    display: none;
    width: 472px;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    padding: 15px 20px;
    z-index: 101;
}
.edit-withdraw-success {
    width: 360px;
    padding: 30px 0;
}
.edit-withdraw-success i {
    color: #1aad2c !important;
    vertical-align: top !important;
    font-size: 24px !important;
    margin-right: 10px;
}
.edit-withdraw-success span {
    color: #e84f0c !important;
}
.edit-withdraw-success .close-pop {
    margin-top: 20px;
}
.loading-index-bankrecord {
    background-color: #fff;
    border-radius: 5px;
    width: 250px;
    margin: 0 auto;
    text-align: center;
}
.loading-index-bankrecord i {
    font-size: 30px;
    color: #fd6d17;
    padding: 15px 0 10px;
    display: block;
}
/*======== ALIPAY DEPOSIT ========*/
/*--12/14/2017*/
.btn-submit {
    display: block;
    margin:0 auto;
    border-radius: 3px;
    padding: 13px 13px;
    min-width:135px;
    color: #fff;
}
.btn-submit:hover {
    cursor: pointer;
    color: #fff;
    /*background: #dd580b;
    background: linear-gradient(to bottom,  #dd580b 0%,#dd680f 100%);*/
	-webkit-transition: ease-in 0.3s;
    transition: ease-in 0.3s;
}
.deposit-btn {
    margin: 10px 20px !important;
}

#blockBg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}
.inner-image {
    display: block;
    overflow: hidden;
    text-align: -webkit-center;
    text-align: center;
    position: relative;
    width:100%;
    height:auto;
    margin-bottom: 10px;
}
#prev:hover {
    opacity: 0.5;
}
#next:hover {
    opacity: 0.7;
}
.tutorial-title {
    color: #333333;
    text-align: center;
    font-size: 14px;
    padding-top: 10px;
}
.tutorial-btn {
    display: block;
    text-align: center;
}
.deposit-row {
    display:inline !important;
}

/*======== ALIPAY TRANSFER ========*/
.transfer-title {
    margin-left: 35px;
}
.alipay-reminder {
    font-weight:bold;
    text-align: center;
    margin-bottom: 10px;
}
.alipay-note {
    color: #707070;
    font-size: 12px;
}
.alipay-copy-1 {
    top: 147px;
}
.alipay-copy-2 {
    top: 194px;
}
.alipay-copy-3 {
    top: 240px;
}
.alipay-page-2 .tooltip {
    top: 21%;
}
.alipay-page-2 .qr-box {
    margin: 3% auto 0;
}
.alipay-page-2 .form-group-deposit {
    margin: 0;
}
/*====== IDN PAGE ========*/
.idn-qr {
    width: 85px;
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
}
.android-note {
    font-size: 13px;
    padding-bottom: 10px;
}
.idn-play-dl .btn-start {
    margin: 13px auto 0 !important;
    padding: 10px 15px;
    font-size: 17px;
}

/*====== QQ CC AFFILIATE ========*/

.qq-contact a > img {
    vertical-align:bottom;
}


/*-----------JAM (9-5-17)-----------*/
.dep-txt {
    font-size: 13px;
    font-weight: normal;
    color: #888888 !important;
}

.no-pad {
    padding: 0px;
}

.no-padd-left {
    padding-left: 0 !important;
}
/*======== MARQUEE ========*/
.movement {
    height: 16px;
    overflow: hidden;
    display: block;
    width: 100%;
}
.movement > a {
    margin-right: 15px;
    display: block;
    position: relative;
    animation: marquee 30s linear infinite;
    -webkit-animation-delay: 3s;
    width: 900px;
    left: 0;
}
.movement > a:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}
.movement p {
    display: inline-block;
    line-height: 10px;
    color: #ef3f23;
    font-size: 13px;
}
@-webkit-keyframes marquee{
  0% { left: 0; }
  58% { left: -150%;
        z-index: 0;
  }
  59% { z-index: -1;}
  60% { left: 100%;}
  61% { z-index: 0;}
  100% { left: 0;}
}
@keyframes marquee {
  0% { left: 0; }
  58% { left: -150%;
        z-index: 0;
  }
  59% { z-index: -1;}
  60% { left: 100%;}
  61% { z-index: 0;}
  100% { left: 0;}
}
@-webkit-keyframes marqueeMob{
  0% { left: 5%; }
  68% { left: -1200px;
        z-index: 0;
  }
  69% { z-index: -1;}
  70% { left: 100%;}
  71% { z-index: 0;}
  100% { left: 5%;}
}
@keyframes marqueeMob {
  0% { left: 5%; }
  68% { left: -1200px;
        z-index: 0;
  }
  69% { z-index: -1;}
  70% { left: 100%;}
  71% { z-index: 0;}
  100% { left: 5%;}
}
@-webkit-keyframes marqueeMobSmaller{
  0% { left: 5%; }
  78% { left: -1100px;
        z-index: 0;
  }
  79% { z-index: -1;}
  80% { left: 100%;}
  81% { z-index: 0;}
  100% { left: 5%;}
}
@keyframes marqueeMobSmaller {
  0% { left: 5%; }
  78% { left: -1100px;
        z-index: 0;
  }
  79% { z-index: -1;}
  80% { left: 100%;}
  81% { z-index: 0;}
  100% { left: 5%;}
}
@-webkit-keyframes marqueeMobSmallest{
  0% { left: 5%; }
  88% { left: -1100px;
        z-index: 0;
  }
  89% { z-index: -1;}
  90% { left: 100%;}
  91% { z-index: 0;}
  100% { left: 5%;}
}
@keyframes marqueeMobSmallest {
  0% { left: 5%; }
  88% { left: -1100px;
        z-index: 0;
  }
  89% { z-index: -1;}
  90% { left: 100%;}
  91% { z-index: 0;}
  100% { left: 5%;}
}
/*marquee a {
    display: block;
}
marquee p {
    color: #e84f0c !important;
    display: inline-block;
    line-height: 0 !important;
    font-size: 13px;
    margin-right: 15px;
}*/
.marquee-deposit {
    display: block;
    padding-top: 15px;
}

.marquee-deposit li {
    display: inline-block;
}

.marquee-deposit i.icon-icon-101 {
    font-size: 25px;
    margin-right: 5px;
    vertical-align: middle;
    color: #888888;
}

.list-notice {
    padding-left: 10px;
    width: 90%;
    vertical-align: middle;
}

.line {
    border-bottom: 1px solid #bdbdbd;
    margin: 10px 0;
}

.dep-input .col-4 {
    padding: 0;
}

.field-cont {
    display: block;
    margin-right: 10px;
}

.field-group {
    position: relative;
    /* display: table; */
    display: inline-flex;
    border-collapse: separate;
    /* margin: 5px 0; */
    width: 100%;
}

.border-deposit {
    border-radius: 5px 0 0 5px !important;
}

.deposit .form-control {
    border: 1px solid #cdcdcd;
    background-color: #fff;
    -webkit-border-radius: 0px;
    display: block;
    width: 100%;
    color: #252525;
    border-radius: 5px;
}
.form-control::-webkit-input-placeholder{
    color:#ccc;
}
.field-group-addon {
    padding: 12px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #666;
    text-align: center;
    background-color: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 5px;
    width: auto;
    height: 38px;
    white-space: nowrap;
    vertical-align: middle;
}

.field-group-addon:last-child {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/*------------ for tabs ------------*/

.deposit .control-lbl {
    color: #888;
    margin-top: 9px;
    padding: 0 5px 0 0;
    vertical-align: middle;
    font-weight: normal;
    white-space: nowrap;
}

.control-lbl.dep-label {
    display: block;
    /*padding: 3px 0;
    padding: 7px 0;*/
    text-align: left;
}

.deposit-box .dep-label {
    padding: 7px 0;
}

.deposit-box .form-control {
    margin-bottom: 17px;
}

.deposit .form-group {
    margin: 15px 0 0;
    display: block;
    width: 100%;
}

.form-group-deposit span i {
    vertical-align: middle;
    margin-right: 5px;
}

.error-msg, .errormsg {
    font-size: 10px;
    font-weight: normal;
}

.lbl-note {
    display: block;
    font-size: 12px;
}

#tabs {
    font-size: 0;
}

.tab-details {
    display: block;
    width: 100%;
}

.tab-list:not(:first-child) {
    display: none;
}

.bank-tabs {
    border: 1px solid #b5b5b5;
    border-radius: 5px;
    background: linear-gradient(to bottom, white 0%, #e5e5e5 100%);
    width: 150px;
    height: 45px;
    padding: 10px 0;
    display: inline-block;
    text-align: center;
    margin: 15px 5px 15px 0;
    vertical-align: top;
    position: relative;
    /*overflow: hidden;*/
    font-size: 12px;
}
.bank-tabs > span {
    /*color: #fd6d17 ;*/
    vertical-align: -webkit-baseline-middle;
}
.active-tab {
    border: 2px solid #f59558;
    background: linear-gradient(to bottom, #e5e5e5 0%, white 100%);
}

.tab-deac img {
    /* opacity: .5; */
    filter: grayscale(100%) opacity(0.5) brightness(50%);
    -webkit-filter: grayscale(100%) opacity(0.5) brightness(50%);
}

.bank-name-only {
    padding-top: 10px;
}

.tab-deac {
    border: 1px solid #b5b5b5;
    border-radius: 5px;
    background: #dedede;
}

.tab-deac:hover {
    background: #dedede !important;
    cursor: default;
}

.tab-deac:after {
    content: url(../images/tab-deac-icon.png);
    position: absolute;
    top: -1px;
    right: -1px;
}

.bank-tabs:hover {
    background: linear-gradient(to bottom, #e5e5e5 0%, white 100%);
    cursor: pointer;
}

.bank-tabs img {
    vertical-align: -webkit-baseline-middle;
    margin-right: 7px;
}

.deac-icon {
    position: absolute;
    top: -7px;
    right: -7px;
}

.bank-check {
    color: #fff;
    position: absolute;
    bottom: 1px;
    right: 0px;
    z-index: 1;
    font-size: 11px;
}

.active-tab:after {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 21px solid #fd6d17;
    border-left: 21px solid transparent;
    position: absolute;
    bottom: -1px;
    right: -1px;
}

.deposit .btn-submit{
    font-size: 14px;
}

.pay-btn {
    /*padding: 8px 70px;*/
    border-radius: 5px;
    display: inline-block;
}

/*------------ for Tab 6,7,8 ------------*/
.qr-box {
    margin: 0 auto;
    width: 187px;
    height: auto;
    padding: 35px 0;
}

.dep-input .dep-label {
    color: #e84f0c;
    font-weight: normal;
}

.qr-box label {
    text-align: center;
    display: block;
    font-size: 15px;
}

.qr-box .column-12 .column-4 i {
    font-size: 30px;
    vertical-align: middle;
    padding-left: 10px;
}

.qr-box .column-12 label {
    font-size: 12px;
}

.qr-box .column-12 {
    background-color: #e84f0c;
    color: #fff;
    height: 45px;
    padding: 5px 0;
}

.tooltip {
    position: absolute;
    right: 23%;
    top: 35px;
}
.postscript-page-2 .deposit-box .form-group {
    margin: 7px 0;
}
/*------------ for Tab 4 ------------*/
.tab-space {
    font-size: 15px;
    margin-bottom: 10px;
}

.deposit .inner-body p {
    color: #e84f0c;
}

.alipay-sec .form-group {
    margin: 11px 0;
}

/*.alipay-sec .copy-btn {
    top: auto;
    right: 46px !important;
}*/

.alipay-label {
    font-size: 15px;
    padding: 10px;
}

.alipay-details button {
    /*cursor: pointer;*/
    padding: 5px 0;
    border-radius: 5px;
    width: 18%;
}

.alipay-padd {
    padding-top: 29px !important;
}

.orange-plain-btn {
    background: #fff;
    color: #e84f0c;
    border: 1px solid #fd6d17;
    -o-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s;
}
    .orange-plain-btn:hover {
        background: #fd6d17;
        color: #ffffff;
        border: 1px solid #e84f0c;
    }
.deposit-box {
    height: 300px;
}

.mc-content {
    padding: 10px;
}

.member-box {
    /*border-radius: 5px;*/
    width: 100%;
    margin: 10px auto;
    border: 1px solid #cdcdcd;
    background-color: #fff;
}

.member-box.mc-content.dep-mc-content {
    padding: 10px 35px;
}
.dep-mc-content h3 {
    margin: 10px 0;
}
.btn-alipay .btn-top {
    margin-top: 8px;
    padding-top: 8px;
}

/*.btn-alipay {
    padding-top: 15px;
}*/

.list-deposit {
    margin: 3px 0 10px 0;
    list-style: decimal;
}

.list-deposit li {
    line-height: 30px;
}

/*------------ for Tab 5 ------------*/
.form-group-deposit {
    margin: 15px 0;
    display: inline-block;
    width: 100%;
}

.alipay-slider ul.slider-img li i {
    font-size: 22px;
    position: absolute;
    top: 55%;
    right: 0;
    color: #c3c3c3;
}

.alipay-slider ul.slider-img li {
    display: inline-block;
    padding: 0 40px 0 15px;
    position: relative;
}
ul.slider-img li .tutorial {
    cursor: pointer;
}
.ali-copy {
    margin: 8px 0 !important;
}
.no-wrap {
    white-space: initial !important;
}
.form-group-deposit .alipay-padd {
    margin-bottom: 10px;
}
.highlight-txt {
    font-size: 16px !important;
}
.highlight-amt {
    font-weight: bold !important;
    color: #ff1e1d !important;
    font-size: 16px !important;
}
/*--------- for pop up ---------*/
.block-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    z-index: 200;
    display: none;
}

/*.pop-image {
    display: none;
    z-index: 202;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.pop-image .image-container {
    width: 400px;
    height: 650px;
    display: block;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 201;
    background: #efefef;
    border: 3px solid #e84f0c;
    border-radius: 5px;
}

.pop-image .alipay-label {
    font-size: 20px;
    text-align: center;
    padding: 20px 0;
}

.pop-image ul.slider-img {
    overflow-y: scroll;
    height: 554px;
    display: block;
    text-align: center;
}*/

/*.pop-image img {
    height: 450px;
}*/



/*.pop-image ul.slider-img li:last-child {
    margin-bottom: 0px;
}*/

/*.pop-image ul.slider-img li {
    display: block;
    margin-bottom: 15px;
}
.pop-image close-alipay {
    display: block;
    position: absolute;
    top: 10px;
    right: 8px;
    color: #0187d0;
}*/
.pop-image {
    display: none;
    z-index: 202;
    position: fixed;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    background: #fff;
    text-align: center;
    padding: 20px 35px 35px 35px;
    border-radius: 5px;
    border: 2px solid #e84f0c;
}
.pop-image i {
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    color: #e84f0c;
    font-size: 20px;
    cursor: pointer;
}
::-webkit-scrollbar {
    width: 0; 
    background: transparent; 
}

.pop-image i {
    display: block;
    position: absolute;
    top: 10px;
    right: 8px;
    color: #e84f0c;
}
.bo-data > li {
    line-height: 20px;
    text-align: left;
    margin: 0 30px;
    list-style-position: inside;
    word-break: keep-all;
    text-indent: -2.85em;
    padding-left: 30px;
    padding-bottom: 15px;
}
    .bo-data > li:before {
        content: "\e90a";
        font-family: 'icomoon';
        margin: 0 20px 0 5px;
        color: #fd6d17;
    }
    .bo-data > li > a {
        color: #fd6d17;
    }
.bo-data > li > a:hover  {
    color: #e84f0c;
}

/*Mobile Verification*/
.selection {
    position: relative;
    cursor: pointer;
    word-wrap: break-word;
    white-space: normal;
    color: #555;
    border: 1px solid #ccc;
    padding: 18px 0;
    margin-right: 7px;
    background: #fff;
    -webkit-transition: box-shadow .1s ease,width .1s ease;
    transition: box-shadow .1s ease,width .1s ease
}
.selection i {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    color: #000;
    padding: 13px 5px;
}
.select-tab {
    position: relative;
}
.select-tab select {
    width: 100%;
}
.selection input.search {
    position: absolute;
    z-index: 2;
    background: none transparent!important;
    border: none!important;
    box-shadow: none!important;
    cursor: text;
    top: 0;
    line-height: 36px;
    padding: 0 17px 0 4px;
    width: 100%;
    outline: 0;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}
.btn-ver {
    width: auto;
    border: none;
    margin-left: 10px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 15px;
}
.withdraw-contact {
    width: 39%;
}
/*.withdraw-contact input.search {
    width: 75%;
}*/
/*Mobile verification---Edit*/
.icon-verify {
    display:none;
    color: #1aad2c;
    font-size: 22px;
    margin-left: 5px;
    /*display: inline-block;*/
    padding: 8px 0;
}
.edit-sec {
    margin-top: 5px;
    text-align: right;
    width: 51.5%;
}
.edit-sec a {
    color: #e84f0c;
}
.edit-sec a > span {
    text-decoration: underline;
}
/*End Mobile verification---Edit*/
.mob-verification {
    display: none;
}
ul.selection-menu, .selection-edit {
    display: none;
    position: absolute;
    width: 100%;
    height: 165px;
    background: #fff;
    top: 36px;
    overflow-y: scroll;
    z-index: 1;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
ul.selection-menu  li, .selection-edit li {
    padding: 4px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.selection-menu  li:hover {
    background: #2390fd;
    color: #ffffff;
}
.mob-verification, .confirm-verification {
    display: none;
    width: 425px;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 101;
}
.numVerify {
    width: 445px !important;
}
.numVerify .icon-icon-100 {
    color: #f5c610;
}
.confirm-verification a.close-pop, .mob-verification a.close-pop {
    position: absolute;
    right: 18px;
    top: 11px;
}
.confirm-verification a.close-pop i, .mob-verification a.close-pop i {
    font-size: 15px;
    color: #e84f0c;
}
/*.deposit-header {
    padding: 0 30px;
}*/
.deposit-header h1 {
    font-size: 22px;
    padding: 15px 0;
    border-bottom: 1px solid #cdcdcd;
    color: #e84f0c;
    margin: 0;
}
.verification-details {
    /*text-align: center;*/
    padding: 24px 35px 10px;
}
.verification-details input:first-child {
    width: 40%;
    margin-right: 9px;
    padding-right: 7px;
}
.verification-details input {
    width: 56%;
    height: 38px;
    background: #ffffff;
    border: 1px solid #ccc;
    padding-left: 5px;
    margin-bottom: 15px;
}
.verification-details button.btn-mob-ver {
    height: 35px;
    border-radius: 5px;
    width: 100%;
}
.ver-code {
    margin-bottom: 15px;
}
.ver-code button {
    margin-top: 10px;
}
.ver-code input {
    margin-top: 30px;
    width: 100% !important;
    margin-bottom: 5px;
}
.ver-code .error, .error > i {
    color: #ff0008 !important;
    font-size: 11px !important;
}
.error {
    margin-bottom: 10px;
    display: inline-block;
}
.error > i {
    vertical-align: text-bottom !important; 
}
.edit-code button {
    display: inline-block !important;
}
.ver-code button, .ver-code .error {
    display: block;
}
.verification-details i {
    color: #1aad2c;
    font-size: 35px;
    vertical-align: middle;
    margin-right: 5px;
}
.verification-details span {
    color: #888;
    font-size: 18px;
    vertical-align: middle;
} 
.confirm-verification .verification-details {
    padding: 24px 35px 25px;
}
.confirm-verification .verification-details > button {
    display: block;
    margin-top: 15px;
}
.verification-details .selection {
    padding: 0;
    margin-right: 0;
}
.verification-details .selection i {
    font-size: 11px;
    color: #000;
    padding: 0;
    top: 12px;
    right: 6px;
}
.verification-details .selection input {
    width: 100%;
    margin: 0;
    border: none;
    height: 35px;
    padding: 0 25px 0 4px
}
.verification-details .edit-input input {
    width: 97%;
    margin-left: 6px;
}
.edit-verification ul.selection-menu {
    width: 146px;
    top: 36px;
}
.edit-verification .ver-code {
    text-align: initial;
}
.edit-verification button:first-child {
    margin-right: 6px;
}
.edit-verification button {
    width: 174px;
}
/*Mobile Verification*/
.selection {
    position: relative;
    cursor: pointer;
    word-wrap: break-word;
    white-space: normal;
    color: #555;
    border: 1px solid #ccc;
    padding: 18px 0;
    margin-right: 7px;
    border: 1px solid #ccc;
    background: #fff;
    -webkit-transition: box-shadow .1s ease,width .1s ease;
    transition: box-shadow .1s ease,width .1s ease
}
.selection i {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    color: #000;
    padding: 13px 5px;
}
.select-tab {
    position: relative;
}
.select-tab select {
    width: 100%;
}
.selection input.search {
    position: absolute;
    z-index: 2;
    background: none transparent!important;
    border: none!important;
    box-shadow: none!important;
    cursor: text;
    top: 0;
    line-height: 36px;
    padding: 0 17px 0 4px;
    width: 100%;
    outline: 0;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}
.btn-ver {
    width: auto;
    border: none;
    margin-left: 10px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 15px;
}
.withdraw-contact {
    width: 39%;
}
/*.withdraw-contact input.search {
    width: 75%;
}*/
/*Mobile verification---Edit*/
.icon-verify {
    color: #1aad2c;
    font-size: 22px;
    margin-left: 5px;
    display: inline-block;
    padding: 8px 0;
}
.edit-sec {
    margin-top: 5px;
    text-align: right;
    width: 51.5%;
}
.edit-sec a {
    color: #e84f0c;
}
.edit-sec a > span {
    text-decoration: underline;
}
/*End Mobile verification---Edit*/
.mob-verification {
    display: none;
}
ul.selection-menu, .selection-edit {
    display: none;
    position: absolute;
    width: 100%;
    height: 165px;
    background: #fff;
    top: 36px;
    overflow-y: scroll;
    z-index: 1;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
ul.selection-menu  li, .selection-edit li {
    padding: 4px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.selection-menu  li:hover {
    background: #2390fd;
    color: #ffffff;
}
.mob-verification, .confirm-verification {
    display: none;
    width: 425px;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 101;
}
.numVerify {
    width: 445px !important;
}
.numVerify .icon-icon-100 {
    color: #f5c610;
}
.confirm-verification a.close-pop, .mob-verification a.close-pop {
    position: absolute;
    right: 18px;
    top: 11px;
}
.confirm-verification a.close-pop i, .mob-verification a.close-pop i {
    font-size: 15px;
    color: #e84f0c;
}
.deposit-header h1 {
    font-size: 22px;
    padding: 15px 0px;
    border-bottom: 1px solid #cdcdcd;
    color: #e84f0c;
    margin: 0;
}
.verification-details {
    /*text-align: center;*/
    padding: 24px 35px 10px;
}
.verification-details input:first-child {
    width: 40%;
    margin-right: 9px;
    padding-right: 7px;
}
.verification-details input {
    width: 56%;
    height: 38px;
    background: #ffffff;
    border: 1px solid #ccc;
    padding-left: 5px;
    margin-bottom: 15px;
}
.verification-details button.btn-mob-ver {
    height: 35px;
    border-radius: 5px;
    width: 100%;
}
.ver-code {
    margin-bottom: 15px;
}
.ver-code button {
    margin-top: 10px;
}
.ver-code input {
    margin-top: 30px;
    width: 100% !important;
    margin-bottom: 5px;
}
.ver-code .error, .error > i {
    color: #ff0008 !important;
    font-size: 11px !important;
}
.error {
    margin-bottom: 10px;
}
.error > i {
    vertical-align: text-bottom !important; 
}
.edit-code button {
    display: inline-block !important;
}
.ver-code button, .ver-code .error {
    display: block;
}
.verification-details i {
    color: #1aad2c;
    font-size: 35px;
    vertical-align: middle;
    margin-right: 5px;
}
.verification-details span {
    color: #888;
    font-size: 18px;
    vertical-align: middle;
} 
.confirm-verification .verification-details {
    padding: 24px 35px 25px;
}
.confirm-verification .verification-details > button {
    display: block;
    margin-top: 15px;
}
.verification-details .selection {
    padding: 0;
    margin-right: 0;
}
.verification-details .selection i {
    font-size: 11px;
    color: #000;
    padding: 0;
    top: 12px;
    right: 6px;
}
.verification-details .selection input {
    width: 100%;
    margin: 0;
    border: none;
    height: 35px;
    padding: 0 25px 0 4px
}
.verification-details .edit-input input {
    width: 97%;
    margin-left: 6px;
}
.edit-verification ul.selection-menu {
    width: 146px;
    top: 36px;
}
.edit-verification .ver-code {
    text-align: initial;
}
.edit-verification button:first-child {
    margin-right: 6px;
}
.edit-verification button {
    width: 174px;
}

/*--- 11/8/17 JAM ---*/
.dep-box1 {
    background-color: #fff;
    min-height: 325px;
    width: 50%;
    border: 1px solid #ccc;
    margin-left: 40px;
    padding-bottom: 10px;
}
.dep-box2 {
    /*background-color: #fff;
    min-height: 440px;
    width: 40%;
    border: 1px solid #ccc;
    margin-left: 20px;*/
}
.dep-title-cont {
    margin: 20px 0;
    display: block;
    text-align: center;
    height: 75px;
    /*border-bottom: 1px solid #ccc;*/
}
.dep-title-cont .pro-title{
    padding-top: 10px;
}
.dep-title-cont .icon-gift-01 {
    color: #de3009;
    font-size: 38px;
    vertical-align: middle;
}
.dep-title {
    color: #1b1b1b;
    font-size: 16px;
    text-align: center;
    display: block;
}
.dep-lbl {
    padding-top: 7px;
    margin-bottom: 0;
    color: #1b1b1b;
    font-weight: normal;
}
.dep-gift {
    display: inline-block;
    font-size: 22px !important;
    vertical-align: middle;
}
.dep {
    border-bottom: 1px solid !important;
    color: #ccc !important;
    margin: 15px;
}
.dep-horizon {
    margin: 10px 12%;
}

/*====== FOR SNOWLFALL =====*/
a:hover { color: #FFFFFF; }
	#flake {
		color: #fff;
		position: absolute;
		font-size: 25px;
		top: -80px;
        z-index: 999;
	}

/*====== JAM edit on bankcards =====*/

/*======= BANK EDIT ===*/
.mc-edit {
    display: none;
    background: rgba(37, 36, 35, 0.5686274509803921);
    position: absolute;
    left: 34px;
    top: 0px;
    width: 77.5%;
    height: 100%;
    margin: 0 auto;
    /* border-radius: 10px; */
    text-align: center;
    border: none;
    overflow: hidden !important;
}
    .mc-edit i {
        font-size: 40px;
        color: #ffffff;
        display: block;
        margin-bottom: 5px;
    }
.mc-edit-label {
    color: #ffffff;
    font-weight: bold;
    display: block;
    font-size: 13px;
}
.mc-bank li:hover:not(.addbankhover) .mc-edit{
    display: block;
}

.mc-edit-cont {
    display: block;
    width: 100%;
    position: absolute;
    /* left: 40%; */
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
/*====== MC_TRANSFER PAGE ========*/
.box-cont {
    background-color: #fff;
    margin: 0 auto;
    min-height: 385px;
    width: 65%;
    border: 1px solid #ccc;
    padding: 0 50px 10px;
}
.box-header {
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
}
.box-header h3 {
    font-size: 25px;
    line-height: 35px;
}
.box-header i.icon-anpFonts-refresh {
    font-size: 21px;
    margin-left: 5px;
    color: #27ae60;
}
.wallet-select {
    margin: 20px 0 10px;
}
.box-header .field-grp-addon {
    display: inline-table;
    background-color: #f59558;
    border: 1.5px solid #f59558;
    /*padding: 6px 9px;*/
    padding: 17px 9px;
}
.box-header .field-grp .ggWallet {
    /*width: 137px;
    height: 42px;
    display: inline-block;
    padding: 12px;
    font-size: 14px;
    color: #555;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 1px;
    vertical-align: middle;
    border-radius: 0 5px 5px 0;*/
    width: 160px;
    display: inline-block;
    padding: 12px 3px;
    font-size: 14px;
    color: #555;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 1px;
    vertical-align: middle;
    border-radius: 0 5px 5px 0;
}

.wallet-select .column-4 {
    padding: 0;
    width: auto;
}
.box-header .field-grp i.icon-anpFonts-refresh {
    /*display: inline-block;
    font-size: 23px;
    padding-top: 9px;*/
    font-size: 18px;
    position: absolute;
    top: 25px;
}
.box-header .field-grp-addon i {
    color: #fff;
}
.transfer-form {
    margin: 30px 0;
}
.transfer-wallet {
    position: relative;
    margin-bottom: 35px;
}
    .transfer-wallet i.icon-anpFonts-connect {
        position: absolute;
        color: #cccccc;
        right: 13%;
        top: 22px;
        font-size: 58px;
    }
.change-btn {
    position: absolute;
    background: #464a4b;
    border: 1px solid #464a4b;
    padding: 2px;
    border-radius: 5px;
    right: 15%;
    top: 35px;
    font-size: 12px;
}
    .change-btn:hover {
        background-color: #fd6d17;
        border: 1px solid #fd6d17;
        color: #ffffff;
    }
.transfer-list {
    display: none;
    position: absolute;
    background: #fff;
    width: 305px;
    left: 99px;
    top: 100%;
    z-index: 1;
}
.swap-btn {
    color: #a6a6a6;
    position: absolute;
    top: 7px;
    right: 25px;
    font-size: 22px;
}
.swap-btn:hover {
    color: #e84f0c;
}
.transfer-form .btn-submit {
    /*width: 100%;*/
}
.transfer-wallet .test i {
    display: block !important;
}
.input-pad {
    padding: 0 20%;

}

/* After 10 mins Timer Pop Up Yhan*/
.deposit-end-timer{
    display: none;
    width: 700px;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 5;
    padding: 10px 10px 40px 10px;
    min-height: 350px;
}
.end-timer-title{
   /* padding: 15px 0px; */
    border-bottom: 1px solid #cdcdcd;
    color: #e84f0c;
    margin: 0;
}
.end-timer-title h1{
    font-size:22px;
}
.timer-msg{
    display:block;
    color: #757575;
    margin-top: 20px;
}
.timer-msg ol{
    list-style-type: decimal;
    text-align: justify;
    padding: 5px 10px;
    width: 90%;
    margin: 30px auto;
}
.timer-msg ol li > span{
    color:red;
    vertical-align:baseline;
    font-size: 13px;
}
.timer-msg ol li{
    line-height: 25px;
}
.privacy-checked{
    margin-top: 30px;

}
.privacy-checked input[type='checkbox']{
    padding-top: 10px;
}

.after-timer{
    display:none;
    margin-top:30px;
}
.end-timer-head{
    border-bottom: 1px solid #f00;
    padding: 5px 0;
   font-size: 18px;
   text-align: center;
   color:#f00;
}
.end-timer-sub{
    padding: 10px 0;
    text-align: center;
    display: block;
    margin-top: 80px;
}
.end-timer-btn{
    cursor: pointer;
    padding: 10px 0px;
    border-radius: 5px;
    text-align: center;
}
.after-timer-btn{
    padding: 10px 10px !important;
    width: 150px !important;
}
#poptimeclose{
    margin-top: 20px;
}
#poptimeclose button{
   margin-top: 20px !important;
}
#poptimeclose:disabled{
    background:#da7032;
    border:1px solid #da7032;
    color:#fff;
   
}
.ctrl-lbl-fix{
    margin-top: 1px !important;
    margin-bottom: 0 !important;
}
.timer-msg ol li > p {
    font-size: 13px;
}
/*======= verify code =====*/
.inp {
    border: 1px solid gray;
    padding: 0 10px;
    height: 30px;
    font-size: 18px;
}

/* ========== FOR LOGIN GEETEST CAPTCHA ==========*/
.slide-captcha {
    margin: 15px auto;
}
.show {
    display: block;
}
.hide {
    display: none !important;
}
.hide-2 {
    display: none;
}
#notice {
    color: red;
}
#wait {
    margin: 0 0px 20px !important;
    color: #848484;
    font-size: 15px;
}
#submitBtn {
    margin-top: 30px;
}
#sb {
    position: absolute;
    color: green;
    top: 670px;
    left: 50%;
    transform: translateX(-50%);
}
/* 以下遮罩层为demo.用户可自行设计实现 */
#mask {
    display: none;
    position: fixed;
    text-align: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: auto;
}
/* 可自行设计实现captcha的位置大小 */
.popup-mobile {
    position: relative;
}
#popup-captcha-mobile {
    position: fixed;
    display: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 9999;
}
/* ========== FOR LOGIN GEETEST CAPTCHA ==========*/
.slide-captcha > .geetest_wind {
    width: 100% !important;
}
.slide-captcha > .geetest_holder.geetest_wind.geetest_detect .geetest_radar .geetest_dot {
    background: #ff6000 !important;
}

.slide-captcha > .geetest_holder.geetest_wind .geetest_radar .geetest_sector {
    box-shadow: inset 0 0 0 1px #ff6000 !important;
    background-color: #ff853b !important;
    background-image: linear-gradient(115deg, rgba(0,0,0,0) 50%,#ffcbab 50%),linear-gradient(65deg, #ffb081 50%,rgba(0,0,0,0) 50%) !important;
}
.slide-captcha > .geetest_holder.geetest_wind .geetest_wait .geetest_wait_dot {
    background: #ff9657 !important;
}
.slide-captcha > .geetest_holder.geetest_wind .geetest_wait_compute .geetest_wait_dot {
    background: #ff9657 !important;
}
.slide-captcha > .geetest_holder.geetest_wind .geetest_radar_btn, .geetest_holder.geetest_wind .geetest_success_btn {
    border: 1px solid #e25a0b !important;
}
.slide-captcha > .geetest_holder.geetest_wind .geetest_radar .geetest_ring {
    box-shadow: inset 0 0 0 1px #ff6000 !important;
    background: #ffcbab !important;
}
.slide-captcha > .geetest_holder.geetest_wind .geetest_radar .geetest_scan .geetest_h {
    background: #ffcbab !important;
    box-shadow: 0 0 1px #ffb081 !important;
}
.slide-captcha > .geetest_holder.geetest_wind .geetest_radar_btn, .geetest_holder.geetest_wind .geetest_success_btn {
    border: 1px solid #ff853b !important;
}
.slide-captcha > .geetest_holder.geetest_wind .geetest_logo, .geetest_holder.geetest_wind .geetest_success_logo {
    display: none;
}
.geetest_wind.geetest_fullpage_click.geetest_float .geetest_fullpage_click_box {
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
}
.geetest_fullpage_pointer_in,.geetest_fullpage_pointer_out {
    display: none !important;
}
.geetest_fullpage_ghost {
    background-color: rgb(0, 0, 0);
    opacity: 0.6;
}

.login-form > .slide-captcha {
    min-width: 200px !important;
    margin: 0 0 15px 0 !important;
}
    .login-form > .slide-captcha > .geetest_wind {
        min-width: 200px !important;
    }

.notif-content {
    margin-bottom: 5px;
}
.cny {
    color: #666666;
}
/*=== PROFILE WALLET (JAM) ===*/
.dep-title-cont .wallet {
    border: 1px solid #cccccc;
    border-radius: 5px;
    width: 130px;
    height: 62px;
    display: inline-table;
}
.dep-title-cont .wallet span {
    color: #e84f0c;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    display: block;
    padding: 5px 0;
}
.wallet .wallet-title {
    border-bottom: 1px solid #cccccc;
    border-top-left-radius: 3px;
    border-top-right-radius: 4px;
}
.wallet .wallet-title span {
    color: #666666;
    font-size: 12px;
    padding: 5px 0;
}
.idncny-btn {
    width: 150px !important;
    text-align: center;
    margin: 20px 0;
}
.border-red {
    border: 1px solid #dd3333 !important;
}

.errormsg > input {
    border: 1px solid #ff0008;
}
.errormsg > select {
    border: 1px solid #ff0008;
}

/*alipay tab */
ul.tabs-alipay {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
    ul.tabs-alipay li {
        border: 1px solid #b5b5b5;
        border-radius: 5px;
        background: linear-gradient(to bottom, white 0%, #e5e5e5 100%);
        width: 150px;
        height: 45px;
        padding: 10px 0;
        display: inline-block;
        text-align: center;
        margin: 0 5px;
        position: relative;
        font-size: 12px;
        color: #000000;
        line-height: 20px;
        cursor: pointer;
    }
        ul.tabs-alipay li:last-child{
            display:none;
        }
        ul.tabs-alipay li.current {
            color: #fd6d17;
            border: 2px solid #fd6d17;
            background: linear-gradient(to bottom, #e5e5e5 0%, white 100%);
        }

#tab-content-ali > div{
	display: none;
	padding: 15px;
}
#tab-content-ali > div.current{
	display: block;
}
.alitabs-lbl label{
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
    padding-left: 1px;
    padding-right: 0;
    color: #1b1b1b;
    font-weight: normal;
}
.alitab-tooltip{
    position: absolute;
    background: #e84f0c;
    color: #ffffff;
    padding: 3px 0;
    top: -26px;
    width: 75px;
    right: -1px;
    font-size: 10.5px;
}
.alipop-tut {
    width: 890px;
    height: 470px;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    background-color: #fff;
    position: relative;
    /*padding: 10px 25px 40px 25px;*/
}
.alipop-img{
    padding: 15px;
}
.alipop-header {
    background: #e84f0c;
    padding: 0.002em 0;
    text-align: center;
    margin-bottom: 20px;
    height: 45px;
    border-radius: 5px 5px 0 0;
}
    .alipop-header h4 {
        color: #fff;
        font-size: 18px !important;
        line-height: 18px;
    }
.alipop-tut p {
        color: #757575;
        margin: 25px 0;
    }
.alipop-tut i {
    color: #ffffff;
    top: 5px;
    right: 10px;
    position: absolute;
}
.alipop-tut hr{
    border: 1px solid #cdcdcd;
}
.ali-validate {
    vertical-align: -webkit-baseline-middle;
    font-weight: normal;
}
.img-center-ali {
    margin-top:20px;
    width: 180px;
}
.step-ali-1 {
    width: 100%;
}
/*===== TOOLTIP HOVER =====*/
.tooltip-box {
    background-color: #fff;
    width: auto;
    height: auto;
    border: #ccc 1px solid;
    padding-top: 10px;
    padding-bottom:10px;
    position: absolute;
    top: 312px;
    right: 274px;
    z-index: 1;
    display: none;
    border-radius:5px;
}
.tooltip-box label {
    color: #e84f0c;
    text-align: center;
    display: block;
    font-weight:normal;
}
.tooltip-box img {
    margin: 0 20px;
    height: 160px;
    width: 160px;
}
.qr-code-img{
    /*padding:10px;*/
    display:none;
}
.qr-code-img img {
    padding: 20px 20px;
    background: #fff;
    border: 1px solid #ccc;
    /*margin: 0 auto;*/
    display:block;
    width:180px;
}
.qr-code-img p{
    width: 180px;
    /*text-align:center;*/
}
/* for much details in index table (temporary)*/
.tbl-index-rank > tbody > tr > td {
    padding: 0 3px !important;
}
.head-width {
    width: 12%;
}
.table-default.tbl-fix.tbl-index-rank {
    font-size: 13px;
}
/* for two tables in AOF promo*/
.aof-tables {
    margin-bottom: 30px;
}
.tbl-aof > thead > tr > th {
    padding: 12px 35px !important;
}
.inner-contents .table-default-aof > tbody > tr> td{
     text-align: center;
    padding: 13px 15px !important;
    vertical-align: middle;
}
.table-default-aof {
    border: 0 #fff solid;
    border-collapse: collapse;
    overflow: hidden;
    table-layout: fixed;
    margin: 5px auto;
    color: #fff;
	border:2px solid #b5b1b1;
    width: 95%;
}
.table-default-aof > thead > tr > th {
	background:#e84f0c;
	font-size:14px;
	font-weight:normal;
}
.table-default-aof > thead > tr.light-orange > th  {
  background-color: #ffac7b;  
}
.table-default-aof > thead > tr.light-orange > th .red{
    font-weight:normal;
}
.table-default-aof > tbody > tr > td {
	color:#222222;
}
.table-default-aof > thead > tr > th {
    text-align: center;
    padding: 12px 10px;
    vertical-align: middle;
}
.table-default-aof.table-rf2 > tbody > tr> td{
    text-align: center;
    padding: 12px 15px;
    vertical-align: middle;
}
.table-default-aof.table-rf > tbody > tr> td{
    text-align: center;
    padding: 12px 15px;
    vertical-align: middle;
}
.table-default-aof > tbody > tr> td{
    text-align: center;
    padding: 12px 50px;
    vertical-align: middle;
}
.table-default-aof > thead > tr:first-child  > th{
    background: #e84f0c;
    font-size: 18px;
    font-weight: bold;
}
.table-default-aof > thead > tr.table-header >th {
    background-color: #e84f0c;
}
.table-default-aof > thead > tr.title-header >th {
    background-color: #999;
}
.table-default-aof > tbody > tr:nth-child(odd){
    background-color: #eceaea;
}
.table-default-aof > tbody > tr:nth-child(even){
    background-color: rgb(214, 214, 214);
}
/*TRANSFER ADDITIONAL*/
.ggWallet span {
    color: #e84f0c;
    font-size: 16px;
}
#optionPicked {
    font-weight: normal;
    vertical-align: super;
    margin-left: 5px;
}
.cny {
    color: #666666;
}
.cny-dpl {
    display: block;
    font-size: 12px !important;
    color: #999 !important;
    padding-top: 5px;
}
.to-input {
    position: relative;
    margin-bottom: 0 !important;
}
    .to-input i {
        position: absolute;
        right: 7px;
        top: 10px;
    }
.transfer-wallet .test i {
    display: block !important;
}
.wallet-list {
    display: none;
    position: absolute;
    z-index: 1;
    width: 90%;
    top: 37px;
    background: #fff;
    border: 1px solid #ccc;
}
.wallet-list li {
        display: block;
        background: #fff;
        padding: 8px 7px;
        cursor: pointer;

    }
    .wallet-list li:hover {
        background-color: #ccc;
    }
    .wallet-list li img {
        margin-right: 5px;
    }
.optionName {
    vertical-align: super;
}
/*AOF & RF BONUS BUTTON*/
.link-btn {
    display: block;
    width: 200px;
    margin: 20px auto;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/*loading img*/
img.loading {
    display: block;
    margin: 0 auto;
    height: 80px;
    margin-top: 20%;
}
.mark {
    color: red;
}

.deposit-pop {
    z-index: 999 !important;
}
.deposit-pop a.close-pop i {
    color: #cccccc !important;
}


.invalid {
    color:red;
}

/*yhan*/
.feeds-adj {
    background: #e9e9e9;
}

.registerBg {
    background-image: url(../images/registerBg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

@media(max-width:1920px) {
    .registerBg {
        padding: 84px 0;
    }
}

@media(max-width:1600px) {
    .registerBg {
        padding: 15px 0;
    }
}

.reg-title {
    margin-bottom: 15px;
}

    .reg-title p {
        font-size: 20px;
        color:#fff !important;
        /*color: #7b7b7b;*/
    }

.reg-container {
    background: rgba(0, 0, 0, 0.80);
    padding: 30px 30px;
    width: 100%;
    display: block;
    margin: 0 auto;
    height:auto;
    min-height:815px;
    -webkit-box-shadow: 4px 0px 2px -2px rgba(255,255,255,0.8);
    -moz-box-shadow: 4px 0px 2px -2px rgba(255,255,255,0.8);
    box-shadow: 4px 0px 2px -2px rgba(255,255,255,0.8);
}

    .reg-container .form-grp {
        margin-bottom: 5px;
        width:100%;
    }

    .reg-container h1 {
        font-size: 25px;
        color: #e28e41;
        font-weight: normal;
        margin: 0;
    }


.reg-captcha {
    cursor: pointer;
    position: absolute;
    top: 9px;
    right: 10px;
}

.reg-left {
    text-align: center;
    padding: 12.15% 38px;
    background: rgba(0, 0, 0, 0.70);
    min-height: 815px;
    height: auto;
}


    .reg-left img {
        cursor: pointer;
    }

        .reg-left img:hover {
            -moz-box-shadow: 0 0 10px #ccc;
            -webkit-box-shadow: 0 0 10px #ccc;
            box-shadow: 0 0 10px #ccc;
            border-radius: 51px;
            -webkit-box-radius: 51px;
        }

    .reg-left .video-btn:hover {
        border-radius: 0 !important;
    }

    .reg-left h1 {
        color: #e28e41;
        padding-bottom: 30px;
    }

    .reg-left p {
        color: #fff;
        font-size: 20px;
        margin-bottom: 36px;
    }

    .reg-left .reg-download {
        height: 70px;
        width: 100%;
        border-radius: 5px;
        border: 1px solid #ccc;
        margin-top: 50px;
        padding: 3px;
        position: relative;
        background: -moz-linear-gradient(top, #ffffff 0%,#afafaf 100%);
        background: -webkit-linear-gradient(top, #ffffff 0%,#afafaf 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#afafaf 100%);
    }

.reg-contact {
    font-size: 13px !important;
    line-height: 18px !important;
    margin-top: 30px;
    margin-bottom: 25px !important;
}

    .reg-contact span {
        color: #e28e41;
        /*text-decoration: underline;*/
    }

.reg-download .icon-cont {
    width: 80px;
    border-radius: 4px;
}

.reg-download .gg-box {
    background: -moz-linear-gradient(top, #c51f25 0%,#8b0d11 100%);
    background: -webkit-linear-gradient(top, #c51f25 0%,#8b0d11 100%);
    background: -o-linear-gradient(top, #c51f25 0%,#8b0d11 100%);
}

.reg-download .idn-box {
    background: -moz-linear-gradient(top, #01cbe7 0%,#0095aa 100%);
    background: -webkit-linear-gradient(top, #01cbe7 0%,#0095aa 100%);
    background: -o-linear-gradient(top, #01cbe7 0%,#0095aa 100%);
}

.reg-download i {
    color: #fff;
    font-size: 63px;
}

.reg-download .dl-txt {
    position: absolute;
    top: 10px;
    right: 12px;
}

.dl-txt p {
    color: #333;
    font-weight: 600;
}


.registerBg {
    background-image: url(../images/registerBg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

@media(max-width:1920px) {
    .registerBg {
        padding: 84px 0;
    }
}

@media(max-width:1600px) {
    .registerBg {
        padding: 15px 0;
    }
}

.reg-title {
    margin-bottom: 15px;
}

    .reg-title p {
        font-size: 20px;
        color:#fff !important;
        /*color: #7b7b7b;*/
    }

.reg-container {
    background: rgba(0, 0, 0, 0.80);
    padding: 30px 30px;
    width: 100%;
    display: block;
    margin: 0 auto;
    height:auto;
    min-height:815px;
    -webkit-box-shadow: 4px 0px 2px -2px rgba(255,255,255,0.8);
    -moz-box-shadow: 4px 0px 2px -2px rgba(255,255,255,0.8);
    box-shadow: 4px 0px 2px -2px rgba(255,255,255,0.8);
}

    .reg-container .form-grp {
        margin-bottom: 5px;
        width:100%;
    }

    .reg-container h1 {
        font-size: 25px;
        color: #e28e41;
        font-weight: normal;
        margin: 0;
    }


.reg-radius {
    border-radius: 2px !important;
    border: none;
    padding-left: 80px;
}

.reg-lbl {
    font-size: 12px;
    font-weight: normal !important;
    padding-top: 4px !important;
    color: #7e7d7d !important;
    font-style: italic;
    height:15px;
    display:inline-block;
}

    .reg-lbl a {
        color: #7e7d7d;
    }
/* ========== FOR REGISTER CAPTCHA ==========*/
.reg-captcha {
    cursor: pointer;
    position: absolute;
    top: 9px;
    right: 10px;
}

.reg-left {
    text-align: center;
    padding: 12.15% 38px;
    background: rgba(0, 0, 0, 0.70);
    min-height: 815px;
    height: auto;
}


    .reg-left img {
        cursor: pointer;
    }

        .reg-left img:hover {
            -moz-box-shadow: 0 0 10px #ccc;
            -webkit-box-shadow: 0 0 10px #ccc;
            box-shadow: 0 0 10px #ccc;
            border-radius: 51px;
            -webkit-box-radius: 51px;
        }

    .reg-left .video-btn:hover {
        border-radius: 0 !important;
    }

    .reg-left h1 {
        color: #e28e41;
        padding-bottom: 30px;
    }

    .reg-left p {
        color: #fff;
        font-size: 20px;
        margin-bottom: 36px;
    }

    .reg-left .reg-download {
        height: 70px;
        width: 100%;
        border-radius: 5px;
        border: 1px solid #ccc;
        margin-top: 50px;
        padding: 3px;
        position: relative;
        background: -moz-linear-gradient(top, #ffffff 0%,#afafaf 100%);
        background: -webkit-linear-gradient(top, #ffffff 0%,#afafaf 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#afafaf 100%);
    }

.reg-contact {
    font-size: 13px !important;
    line-height: 18px !important;
    margin-top: 30px;
    margin-bottom: 25px !important;
}

    .reg-contact span {
        color: #e28e41;
        /*text-decoration: underline;*/
    }

.reg-download .icon-cont {
    width: 80px;
    border-radius: 4px;
}

.reg-download .gg-box {
    background: -moz-linear-gradient(top, #c51f25 0%,#8b0d11 100%);
    background: -webkit-linear-gradient(top, #c51f25 0%,#8b0d11 100%);
    background: -o-linear-gradient(top, #c51f25 0%,#8b0d11 100%);
}

.reg-download .idn-box {
    background: -moz-linear-gradient(top, #01cbe7 0%,#0095aa 100%);
    background: -webkit-linear-gradient(top, #01cbe7 0%,#0095aa 100%);
    background: -o-linear-gradient(top, #01cbe7 0%,#0095aa 100%);
}

.reg-download i {
    color: #fff;
    font-size: 63px;
}

.reg-download .dl-txt {
    position: absolute;
    top: 10px;
    right: 12px;
}

.dl-txt p {
    color: #333;
    font-weight: 600;
}


/*Additional TOP Header*/
.top-header {
    background: #1a1b1b;
    /*position:relative;
    z-index: 1;*//* comment by ycha*/
}
.head-amt-box {
    position: relative;
    width: 1170px;
    /*text-align: right;*/
    display: block;
    margin: 0 auto;
}
.head-amt-box ul{
    text-align:right;
}
	.head-amt-box ul li {
		display: inline-block;
		font-size: 12px !important;
		text-transform: uppercase;
		vertical-align: middle;
	}
    .head-amt-box ul li label {
        padding: 8px 10px 5px 0;
        font-weight: normal;
        /*font-size: 15px;*/
    }
        .head-amt-box ul li span {
            color: #f9c40c;
            /*font-size: 15px;*/
        }
.head-tutorial {
    font-size: 12px !important;
    border: 1px dashed #f9c40c;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 3px 4px;
    color: #f9c40c;
    margin-right: 5px;
}
.head-cowboy {
    padding: 3px 18px;
}
.head-qip {
    font-size: 20px !important;
    vertical-align: sub !important;
}

.head-amt-link {
    position: absolute;
    top: 7px;
}
.vg-link {
    padding: 3px 5px;
}
.head-tutorial:hover {
    opacity: 0.8;
    color: #f9c40c;
}
.head-tutorial i {
    padding: 0 5px;
    font-size: 15px;
    vertical-align: text-bottom;
}
.new-lbl > div{
    margin-top:10px;
    padding:0;
}
.new-lbl > div > select{
    margin:0;
}
.new-lbl > span {
    display: block;
    margin-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.new-lbl > input{
    margin:0;
}


#month > select {
    margin-left: 5px;
}
.icon-annc {
    display: inline-block;
    padding-top: 3px;
    position:absolute;
}
.icon-annc > i {
        font-size: 22px;
        color: #fff;
    }

/*FORM FORGOT PASSWORD*/
.forgot-adj {
    padding: 50px 0px;
    display: block;
    width: 70%;
    margin: 0 auto;
}
.forgot-note p {
    font-size: 12px !important;
    padding: 20px 0 5px;
    line-height: 19px;
    text-align: center;
}
.forgot-notice {
    padding-left: 5px !important;
}
.frgt-email-title {
    padding: 5px 0 !important;
    border-bottom: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
    .frgt-email-title h6 {
        margin: 5px 0;
        font-size: 17px;
    }
.tbl-adj {
    line-height: 20px;
    margin: 0;
}
.tbl-add-mrgn{
    margin-left:40px;
}
.tbl-row {
    background: #6f8293 !important;
    color: #fff !important;
}
.tbl-row td{
    color:#fff !important;
    font-weight:600;
}


/*ADD MT GAMES*/
.inside-download{
    display:block;
}




/*===== SECURITY QUESTIONS =====*/
.security-form {
    padding: 0px 0 15px;
}
.sec-second-pw {
    margin: 0;
}
.security-box {
    padding: 0px 0 20px;
    min-height: 450px;
    height: auto;
}
.security-boxpad {
    padding: 20px 30px;
}
.security-box h3 {
    color: #757575;
    font-size: 25px;
}
    .security-box p {
        font-size: 12px;
        color: #a0a0a0;
    }
    .security-box span {
        color: #f06405;
    }
    .security-box hr {
        border: none;
        border-bottom: 1px solid;
        color: #ccc;
    }
    .security-box a {
        color: #a0a0a0;
        text-decoration-style: none;
    }
        .security-box a:hover {
            color: #f06405;
        }
        .security-questBox {
            padding: 0px 0 20px 0;
        }
    .security-quest {
        color: #a0a0a0;
        text-align: right;
        padding: 10px 0;
        font-weight: normal;
    }
.quest-select {
    background-color: #f2efef;
}
    .quest-select > option {
        background-color: #fff;
    }
.security-cont {
    margin-bottom: 10px;
}
    .security-cont > p {
        text-align: right;
        font-size: 14px;
        line-height: initial;
        padding-top: 10px;
        color: #a0a0a0;
    }
.chg-quest > span.errormsg,
.chg-quest > span.invalid {
    display: block !important;
    color: #ed1c24;
    font-size: 13px;
    padding: 5px 0;
    position: static;
}
.security-cont span.errormsg {
    color: #ed1c24;
    font-size: 11px;
    padding: 10px 0;
    /*display: inline-block;
        position:static !important;*/
}
.newPlayer-hide {
    display: none;
}
/*.oldPlayer-hide {
    display: none;
}*/
    .oldPlayer-hide .input-hide {
        display: none;
    }
.security-btn {
    width: 110px;
    display: inline-block;
    border-radius: 5px;
    margin-right: 15px;
    font-size: 15px;
}
    .security-btn:last-child {
        margin: 0;
    }
.gray-btn {
    background: #e84f0c;
    color: #fff;
    padding: 8px 0;
    text-align: center;
    
}
    .gray-btn:hover {
        border: 2px solid #e84f0c;
        color: #e84f0c !important;
        background: none;
        padding: 6px 0;
        cursor: pointer;
    }
.security-btnBox {
    /*padding: 10px 0;
    width: 240px;
    margin: 0px 154px;*/
    padding-bottom: 20px;

}
.security-btnBox button{
    font-size:15px;
}
    .security-btnBox a{
        color:#fff;
    } 
    .security-btnBox .editSec {
        background: #27ae60;
        border: 1px solid #23a95b;
        color: #fff;
        padding: 7px 0;
    }
        .security-btnBox .editSec:hover {
            background: #fff;
            border: 2px solid #27ae60;
            color: #27ae60;
            padding: 6px 0;
            cursor:pointer;
        }
/*===== SECURITY POPUP =====*/
.security-popUp {
    display: none;
    z-index: 1000;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgb(0, 0, 0);
    opacity: 0.6;
    position: fixed;
}
.popUp-Cont {
    display: none;
    width: 500px;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000;
    padding: 10px 0 25px 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
    .popUp-Cont .success-security {
        margin: 35px auto 10px auto;
        display: block;
    }
.popUp-txt {
    text-align: center;
    padding: 10px 0 25px 0;
}
            .popUp-txt p {
                color: #333;
                font-size: 19px;
                font-weight: 600;
                padding-bottom: 8px;
            }
            .popUp-txt span {
                color: #888;
                font-size: 14px;
            }
    .popUp-Cont a {
        width: 130px;
    }
/*===== SECURITY SETTINGS =====*/
.security-opt {
    border: 1px solid #c3c3c3;
    padding: 15px 0px;
    position: relative;
}
    .security-opt .icon-circle {
        border-radius: 50%;
        height: 60px;
        width: 60px;
        color: #fff;
        display: block;
        margin: 0 auto;
    }
    .icon-circle > i {
        text-align: center;
        font-size: 35px;
        padding: 12px 10px;
        display: block;
    }
    .green-bg {
        background-color: #65d394;
    }
    .red-bg {
        background-color: #f63d44;
    }
    /*.icon-anpFonts-032 {
        text-align: center;
        display: block;
        position: relative;
        font-size: 30px;
        top: 16px;
    }*/
    .security-opt .optTitle {
        font-weight: 600;
        font-size: 18px;
    }
        .green-txt {
            color: #65d394 !important;
        }
        .red-txt {
            color: #f63d44 !important;
            font-size: 12px !important;
            padding-top: 5px !important;
        }

.optBtn {
    padding: 7px 0;
    width: 110px;
    text-align: center;
    border-radius: 4px;
    border: .5px solid #ccc;
    color: #888 !important;
    margin: 13px auto;
    display: block;
    font-weight: 600;
    background: -moz-linear-gradient(top bottom, #ffffff 0%,#dadada 100%);
    background: -webkit-linear-gradient(top bottom, #ffffff 0%,#dadada 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#dadada 100%);
}
    a.optBtn:hover {
        color: #888;
        background: -moz-linear-gradient(top bottom, #dadada 0%,#ffffff 100%);
        background: -webkit-linear-gradient(top bottom, #dadada 0%,#ffffff 100%);
        background: linear-gradient(to bottom, #dadada 0%,#ffffff 100%);
    }
/*===== CHANGE PASSWORD =====*/
.changepwd-btn {
    /*width: 120px;
    border-radius: 5px;
    font-size: 15px;*/
}
.promotxt-red {
    color: #dd3333 !important;
    font-weight: bold;
}
.promo-sec-text{
    font-size:1.1em;
}
.promo-img-wechat{
    display:block;
  
}
.promo-img-wechat img{
    width:30%;
}

.ng-cloak {
    display:none;
}
.gg-qr-lbl {
    margin-top: 6px;
}
/* ALIPAY OLD Details*/
.alipay-old-req {
    display: block;
    color: #27ae60 !important;
    text-decoration: underline;
    font-size: 13px;
    cursor: pointer;
    padding: 8px 0;
}

/*For Swiper on Banner*/

.swiper-pagination-bullet-active {
    color: #fff;
    background-color: #dd3333 !important;
}

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    color: #000;
    background-color: #fff;
    margin: 0 8px 0 10px;
    border: #1f1f1f solid 2px;
    border-radius: 8px;
    opacity: 7;
}

.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 14px;
    width: 100%;
}
@media (max-width: 1600px) {
    .swiper-slide a > img {
        margin-left: -170px;
    }
}
@media only screen and (min-width:1170px) and (max-width:1440px) {
    .swiper-slide a > img {
        margin-left: -250px;
    }
}

@media only screen and (max-width:1170px) {
    .swiper-slide a > img {
        margin-left: -300px;
    }
}
@media (max-width: 1200px) {
    .swiper-slide a > img {
        margin-left: -330px;
    }
}

/*TABLE ALTER*/
.td-alter-gray {
    background: rgba(149, 151, 152, 0.1607843137254902) !important;
}

.td-alter-white {
    background: #fff !important;
}
.td-bitcoin-left tr td:last-child {
    /*text-align: left;*/
}
.promo-button {
    text-align: center;
    padding: 20px 0px 10px;
}
/*=== FIREWORKS ===*/
#canvas {
    cursor: crosshair;
    display: block;
    position: fixed;
    top:0;
    height: 126px;
    pointer-events: none;
    width: 100%;
    z-index: 999;
}
/* ==== ANIMATION =====*/
/* Grow Shadow */
.hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}

    .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5) !important;
        -webkit-transform: scale(1.1) !important;
        transform: scale(1.1) !important;
    }

/*-------------MBP PROMO STYLES------------*/
.mbp-titles h6{
    margin: 0;
}
.mbp-t-red {
    color: #F00 !important;
}

.font-bold {
	font-weight: bold;
}
.primary-red {
	color: #dd3333 !important;
}
.p-r-10 {
	padding-right: 10px;
}