html, body {
    width: 100%;
    background-color: white!important;
}

.bg-football {
    /*background: url(/toko4d/images/share/background.jpg) no-repeat center top;*/
    background-color: white;
    width: 100%;
}

/*.header {
    WIDTH: expression(document.body.clientWidth <= 1030? "1030px": "auto");
    MIN-WIDTH: 1030px;
}*/

.header {
    width: 100% !important;
    margin: 0px auto;
}

.header2 {
    width: 1030px !important;
    margin: 0px auto;
    overflow: hidden;
}


.margin-bottom-0 li a {
    text-decoration: none;
    color: #000;
}

#dialog-button:hover {
    text-decoration: none;
    color: #FFF;
}

.margin-bottom-0 li a:hover {
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
}

.JOINNOW_left {
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}

    .JOINNOW_left:hover {
        font-size: 14px;
        font-weight: bold;
        text-decoration: underline;
        color: #FFF;
    }

#lIVEHELP_left {
    font-size: 14px;
    color: #013844;
    font-weight: bold;
    cursor: pointer;
}

    #lIVEHELP_left:hover {
        font-size: 14px;
        font-weight: bold;
        text-decoration: underline;
        color: #27a6a8;
    }

.logout-btn:hover {
    /*text-decoration: underline;
    color: #0068ff;*/
}

#LiveCasino li a:hover, #SportsBook li a:hover {
    background: rgb(84, 92, 89);
}

.m-bottom-9 li a span, .m-bottom-9 li {
    color: #FFF;
    font-weight: bold;
    font-size: 12px;
}

.logo-img {
    background-image: url(/toko4d/images/share/hdr_logo-2.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 270px 80px;
}

.en-US {
    display: block;
}

.zh-CN {
    display: none;
}

a:focus {
    outline: none;
    -moz-outline: none;
}

a {
    blr: expression_r(this.onFocus=this.blur());
}

.tooltip {
    z-index: 2;
}

.tooltip-inner {
    padding: 3px 1px;
}

.tooltip .success {
    background-image: url(/toko4d/images/sharestatu/Valid.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    height: 20px;
    width: 20px;
}

.tooltip .error {
    background-image: url(/toko4d/images/sharestatu/Invalid.gif);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    height: 20px;
    width: 20px;
}

.ad-left_bolck {
    position: fixed;
    width: 30px;
    left: 0;
    z-index: 00;
    background: #1dcd00;
    top: 30%;
}

.tooltip-inner {
    background-color: transparent;
}

.tooltip.right .tooltip-arrow {
    background-color: transparent;
    border-right-color: transparent;
}

form {
    margin: 0px;
    padding: 0px;
    display: inherit;
    width: 100%;
}

a:link, a {
    color: white;
    cursor: pointer;
}

.container {
    width: 970px !important;
    padding-right: 0px;
    padding-left: 0px;
}

.container_pinngmaign {
    margin-top: 12px;
}

.bg-hdr-wc {
    width: 1020px;
    height: 120px !important;
}

.light, a.light, a.light:link, .light a, .light a:link {
    color: #203666;
    text-decoration: none;
}

a.light2, a.light2:link, .light2 a, .light2 a:link {
    color: #FFFFFF;
    text-decoration: cancel-underline;
}

    a.light2:hover, .light2 a:hover {
        color: #fff;
        text-decoration: none;
    }

a.light3, a.light3:link, .light3 a, .light3 a:link {
    color: #FFF;
    text-decoration: none;
}

.light3 li a {
    text-decoration: none;
    color: #8b8a8a;
}

    .light3 li a:hover {
        text-decoration: underline;
        color: #8b8a8a;
    }

a.light3:hover, .light3 a:hover {
    color: rgb(155, 172, 180);
    text-decoration: none;
}


a.light2-bold, a.light2-bold:link, .light2-bold a, .light2-bold a:link {
    color: #27a6a8;
    text-decoration: cancel-underline;
    font-size: 16px;
    font-weight: lighter;
}

    a.light2-bold:hover, .light2-bold a:hover {
        color: rgb(155, 172, 180);
        text-decoration: none;
        font-size: 16px;
        font-weight: lighter;
    }

.color-072b40 {
    color: #072b40;
}

.font-green-bold {
    font-weight: bold;
    color: #2cae2f;
    font-size: 14px;
}

.font-yellow-bold {
    font-weight: bold;
    color: #ffc20e;
    font-size: 14px;
}

.font-red-bold {
    font-weight: bold;
    color: #ed1c24;
    font-size: 14px;
}

.font-white-bold {
    font-weight: bold;
    color: #fff;
    font-size: 14px;
}

.font-black-bold {
    font-weight: bold;
    color: #000;
    font-size: 14px;
}

.font-11 {
    font-size: 11px;
}

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

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

.font-15 {
    font-size: 15px;
}

.font-38 {
    font-size: 38px;
}

.font-bold {
    font-weight: bold;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

/*共用样式*/

.div_center {
    margin: 0 auto;
}

.m-top-10 {
    margin-top: 10px;
}

.m-top-20 {
    margin-top: 20px;
}

.m-left-20 {
    margin-left: 20px !important;
}

.m-top-5 {
    margin-top: 5px;
}

.m-left-5 {
    margin-left: 4px;
}

.m-left-10 {
    margin-left: 10px !important;
}

.p-top-120 {
    padding-top: 120px;
}

.p-top-160 {
    padding-top: 160px;
}

.p-top-140 {
    padding-top: 140px;
}

.shadow-light {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

/*.shadow-light:hover {
        font-weight: bold;
    }*/

/*--public--*/


/*input[type="button"],*/

input[type="submit"], input[type="reset"], input[type="file"], button {
    /*background-image: url('/toko4d/images/share/login_button.gif');*/
    background-repeat: no-repeat;
    background-position: center center;
    width: 65px;
    height: 27px;
    color: #203666;
    cursor: pointer;
    border: none;
    font-size: 14px;
    border-radius: 3px;
}


.logout-btn {
    /*background-color: transparent!important; */
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../index.html);
    color: #27A6A8;
}

.font-red-bold {
    color: red !important;
    font-weight: bold;
}

.font-bold {
    font-weight: bold !important;
}

.margin-bottom-0 {
    margin-bottom: 0px;
}

.m-bottom-5 {
    margin-bottom: 5px;
}

.m-bottom-7 {
    margin-bottom: 7px;
}

.m-bottom-9 {
    margin-bottom: 5px;
}

.loading {
    background: url(/toko4d/images/loading.gif) no-repeat 50% 200px;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
}

.loading_mask {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #205564;
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

/*---bootcsss over*/

.ico-dropdown .btn {
    background-image: none;
    background-color: transparent !important;
    border: none;
    padding: 0px;
    margin: 0px;
    height: 17px;
    margin-top: -6px;
    width: 38px;
}

.ico-dropdown .dropdown-menu {
    width: 40px;
    min-width: 40px;
    overflow: hidden;
    background-color: #498f9a;
    margin-left: -5px;
    text-align: center;
    border-radius: 0;
}

    .ico-dropdown .dropdown-menu li {
        overflow: hidden;
        padding: 0px;
        margin: 0px;
    }

        .ico-dropdown .dropdown-menu li a {
            padding: 6px;
            margin: 0px;
        }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    margin: 0px;
    padding: 0px;
}

/*select **/

.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: #41fdfd;
    background-position: inherit;
    background: none;
    text-shadow: none;
    border: 1px solid rgb(86, 124, 137);
    background-color: rgb(23, 74, 92);
    height: 32px !important;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 10px;
}

.bootstrap-select .btn {
    padding: 6px;
}

.modal-dialog {
    margin-top: 16%;
}

.modal-header {
    padding: 10px;
    border-bottom: none;
}

.modal-content {
    background-color: #99B8EC;
    border: 1px solid #ECECEC;
    border-radius: 0px;
}

    .modal-content .modal-title {
        background-color: #071031;
        line-height: 34px;
        font-size: 18px;
        padding: 0px 10px;
        color: #FFF;
        font-weight: bold;
    }

    .modal-content .close {
        color: red;
        text-shadow: none;
        opacity: 0.8;
        filter: alpha(opacity = 80);
        width: 30px;
        height: 34px;
    }

.modal-footer {
    padding: 19px 20px 20px;
    margin-top: 15px;
    text-align: right;
    border-top: #878387 1px solid;
    text-align: center;
}

.modal-body {
    padding: 0px 10px;
}

    .modal-body h5 {
        background-color: #A3C6FF;
        font-size: 14px;
        color: #000;
        font-family: Tahoma, Geneva, sans-serif;
        line-height: 34px;
        margin: 0px;
        padding: 0px 20px; /* border-bottom:gray 1px solid; */
        font-weight: bold;
    }

    .modal-body p {
        color: #000;
        margin: 0px;
        padding: 10px 20px;
    }

    .modal-body ul {
        list-style: none;
        padding: 0px 10px;
    }


        .modal-body ul li {
            list-style: none;
            padding-left: 10px;
        }

        .modal-body ul label {
            color: #123367;
        }

            .modal-body ul label input {
                margin-right: 10px;
            }

.modal-footer .btn {
    width: 150px;
    text-shadow: none;
    border: none;
    border-radius: 2px;
}

.modal-footer .btn-default {
    /*background-image: url(/images/share/mbr_btn_cc_ctr.png) !important;*/
    /*background-repeat: repeat-x;*/
    font-size: 14px;
    text-decoration: none;
    background-position-y: -3px;
    background: #fafafa;
    background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(41%, rgba(155,193,255,1)), color-stop(100%, rgba(155,193,255,1)));
    background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#9bc1ff', GradientType=0 );
    height: 30px !important;
    line-height: 30px !important;
    text-align: center;
    margin: 0px;
    border: medium none;
    font-weight: bold;
    color: #304046;
    padding: 0px 6px 0px 6px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 1px solid #878387;
}

.modal-footer #btnClaimNow {
    text-decoration: none;
    /*background-image: url(/images/share/mbr_btn_sb_ctr.png) !important;*/
    /*background-repeat: repeat-x;*/
    font-size: 14px;
    font-weight: bold;
    border: none;
    width: 150px;
    background-position-y: -3px;
    background: #fafafa;
    background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(41%, rgba(155,193,255,1)), color-stop(100%, rgba(155,193,255,1)));
    background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#9bc1ff', GradientType=0 );
    height: 30px !important;
    line-height: 30px !important;
    text-align: center;
    margin: 0px;
    border: medium none;
    font-weight: bold;
    color: #304046;
    padding: 0px 6px 0px 6px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 1px solid #878387;
}

.modal-footer .btn-default:hover, .modal-footer .btn-default:focus {
    text-decoration: none;
    color: #fff;
}

.modal-footer #btnClaimNow:hover {
    text-decoration: none;
    color: #fff;
}

#dialog {
    background-color: #99B8EC;
    border: 1px solid #A3C6FF;
    border-radius: 0px;
}

#dialog-header {
    background-color: #071031;
    line-height: 34px;
    font-size: 18px;
    padding: 0px 10px;
    color: #FFF;
    font-weight: bold;
    margin: 8px;
}

#dialog-title {
}

#dialog-close {
    color: red;
    text-shadow: none;
    opacity: 0.8;
    filter: alpha(opacity = 80);
    width: 30px;
    height: 30px;
    margin-top: -32px;
    cursor: pointer;
    float: right;
    background-image: url(/toko4d/images/share/hdr_ico_close.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#dialog-content {
    padding: 16px;
}

#dialog-content-inner {
    font-size: 14px;
    color: #123367 !important;
}

#dialog-button-container {
    text-align: right;
    margin-top: 10px;
    height: 30px;
    font-weight: bold;
}

#dialog-button {
    font-weight: bold;
    font-size: 14px;
    background-image: url('/toko4d/images/share/login_button.gif');
    background-repeat: no-repeat;
    background-position: center center;
    width: 65px;
    height: 27px;
    color: #203666;
    cursor: pointer;
    border: none;
    font-size: 14px;
}

}

#dialog-mask {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: #205564;
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

#myPromotionModel .modal-body dl {
    padding-left: 20px;
}

/*--header--*/

.header {
    width: 100%;
    /*background-image: url(/images/share/grass_bg_head.jpg);
    background-position: center top;
    background-repeat: repeat-x;*/
}

.header-nav {
    /*background-image: url(/toko4d/images/share/menu_bg.gif);*/
    background-color: #3ca4fe!important;
    background-repeat: repeat-x;
    height: 35px;
    min-height: 35px;
}

    .header-nav:hover {
        color: #fcb03b;
        /*text-shadow: 1px 1px 1px #003e99;*/
    }

    .header-nav .nav-pills {
        margin-left: 120px  !important;
    }

.header .nav-pills > li.active {
    height: 31px;
    min-height: 31px;
}

.header-nav .nav-pills .line {
    width: 12px;
    height: 35px;
    background-image: url(/toko4d/images/share/mn_bg_dv.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

.header .nav-pills > li.active:hover a {
    color: #222222 !important;
}

/*.header .nav-pills > li.active .ico-home:hover {
    background-image: url(/images/share/mn_home_on.gif) !important;
}

.header .nav-pills > li.active .ico-mobile:hover {
    background-image: url(/images/share/mn_mobile_on.gif) !important;
}*/

.header .nav-pills > li.active1 {
    background-image: none;
    background-color: #203666 !important;
    color: #fff;
    min-height: 35px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
}

    .header .nav-pills > li.active1 > a, .header .nav-pills > li.active1 > a:hover {
        color: #fff;
        min-height: 31px;
        height: 31px;
        overflow: hidden;
        padding: 0px 20px;
    }

.list-demo > li.active1 {
    background-color: #ed1c24 !important;
    background-image: none;
    color: #fff;
    float: right;
    font-size: 16px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    margin-top: 3px;
    min-height: 26px;
    overflow: hidden;
    text-align: center;
    width: 150px;
}

    .list-demo > li.active1 a:hover {
        color: #fff;
    }

.header .nav-pills > li > a:hover, .header .nav-pills > li > a:focus {
    color: #222222;
    background-image: none;
    background-color: transparent;
}

.header .nav > li > a {
    font-family: Tahoma, Geneva, sans-serif;
    padding: 0px 13px;
    font-size: 11px;
    font-weight: bold;
    line-height: 35px;
}

.header .list-inline > li {
    margin: 4px 0px 0px 0px;
    padding-right: 6px;
    color: #000;
}

    .header .list-inline > li:last-child {
        border-right: none;
    }

.header .input-box {
    background: url('/toko4d/images/share/field_login_bg.gif') repeat-x;
    /*background-image: url(/images/share/hdr_countdown_timer.gif);*/
    /*background-repeat: no-repeat;*/
    background-position: center;
    height: 27px;
    line-height: 27px;
    width: 227px;
    padding: 0px;
    text-align: center;
    position: absolute;
    top: 33px;
    left: 150px;
}

.header .login-box {
    left: 167px;
}

.header .input-notice {
    color: #fff;
    cursor: pointer;
    display: none;
    height: 25px;
    left: 68px;
    line-height: 28px;
    padding: 0px;
    position: absolute;
    top: 68px;
    width: auto;
    z-index: 100;
}

.header .notice {
    left: -30px;
}

/*.header .notice-en {
    left: -30px;
}*/

.header .input-notice > span {
    background: url('/toko4d/images/share/bar_notice.gif') no-repeat;
    float: left;
    height: 22px;
    line-height: 22px;
    text-align: center;
    width: 68px;
}

.header .input-notice > em {
    background-color: #011245;
    float: left;
    font-style: normal;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    padding: 0 5px;
    text-align: center;
    width: 500px;
}

.header .notice > em {
    width: 350px;
}

.header .input-notice > em li {
    float: left;
    list-style-type: none;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 0px;
}

.header #cdClock {
    padding: 0px;
    text-align: center;
}

.header .input-box .col-xs-8 {
    padding: 0px;
}

.header .login-top-view {
    width: 100%;
}

.header .sub-nav-list li {
    height: 190px;
    float: left;
    display: inline;
    width: 246px;
}

.dropdown-menu-list {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 150px;
    line-height: 28px;
    padding: 5px 0;
    margin-top: -3px;
    font-size: 14px !important;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    /* border-radius: 4px; */
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    /* background-clip: padding-box; */
    text-align: left;
    text-indent: 20px;
}

    .dropdown-menu-list li a {
        color: #0068ff;
    }

    .dropdown-menu-list li {
        color: #0068ff;
        background-color: #ffffff;
    }


        .dropdown-menu-list li:hover {
            color: #ffffff;
            background-color: #0068ff;
            text-decoration: none;
        }

        .dropdown-menu-list li a:hover {
            text-decoration: none;
            background-color: #0068ff;
            color: #ffffff;
        }

#EGames .sub-nav-content a:hover {
    background-color: #9CC2FF !important;
}

#SportsBook .sub-nav-content a:hover {
    background-color: #9CC2FF !important;
}

#LiveCasino .sub-nav-content a:hover {
    background-color: #9CC2FF !important;
}
#Sabung .sub-nav-content a:hover {
    background-color: #9CC2FF !important;
}
ul.topMenu li:hover {
	background-color: #3c8dbc!important;
}
.header .sub-nav-list ul {
    height: 190px;
    background-color: #9CC2FF;
    position: absolute;
    width: 1030px;
    z-index: 301;
    text-align: center;
    margin-left: 0px !important;
    margin: 0px;
    -webkit-padding-start: 0px !important;
}
.header #LiveCasino {
    height: 420px;
}
.header #EGames {
    height: 420px;
}
.header #Lottery {
    height: 420px;
}
.header .sub-nav-list a {
    display: block;
}

    .header .sub-nav-list a:hover {
        display: block;
        text-decoration: none;
    }

.header #SportsBook .sub-nav-img {
    width: 230px;
    height: 190px;
}

.header #LiveCasino .sub-nav-img {
    width: 150px;
    height: 190px;
}

.header #EGames .sub-nav-img {
    width: 230px;
    height: 190px;
}

.header #Lottery .sub-nav-img {
    width: 230px;
    height: 190px;
}

.header #Poker .sub-nav-img {
    width: 230px;
    height: 190px;
}
.header #Sabung .sub-nav-img {
    width: 230px;
    height: 190px;
}

.ico-egamesone {
    background: url(/toko4d/images/share/nav_menu/hdr_submn_pt.gif) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-egamesone {
    background: url(/toko4d/images/share/nav_menu/hdr_submn_pt_over.gif) no-repeat 50% 50%;
}

.ico-egamestwo {
    background: url(/toko4d/images/share/nav_menu/hdr_submn_spade.gif) no-repeat 50% 50%;
}
.ico-egamesthree {
    background: url(/toko4d/images/share/nav_menu/haba.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-egamesthree {
    background: url(/toko4d/images/share/nav_menu/haba1.png) no-repeat 50% 50%;
}

.ico-egamesfour {
    background: url(/toko4d/images/share/nav_menu/hdr_submn_spade.gif) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-egamesfour {
    background: url(/toko4d/images/share/nav_menu/gggaming.png) no-repeat 50% 50%;
}

.ico-egamesfive {
    background: url(/toko4d/images/share/nav_menu/gggaming.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-egamesfive{
    background: url(/toko4d/images/share/nav_menu/gggaming1.png) no-repeat 50% 50%;
}

.ico-TopTrend {
    background: url(/toko4d/images/share/nav_menu/joker.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-TopTrend {
    background: url(/toko4d/images/share/nav_menu/joker1.png) no-repeat 50% 50%;
}
.ico-Mg {
    background: url(/toko4d/images/share/nav_menu/jdb168.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-Mg {
    background: url(/toko4d/images/share/nav_menu/jdb168.gif) no-repeat 50% 50%;
}

.ico-sportsbook1 {
    background: url(/toko4d/images/share/nav_menu/m8bet.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-sportsbook1 {
    background: url(/toko4d/images/share/nav_menu/m8bet1.png) no-repeat 50% 50%;
}

.ico-sportsbook2 {
    background: url(/toko4d/images/share/nav_menu/afb88.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-sportsbook2 {
    background: url(/toko4d/images/share/nav_menu/afb881.png) no-repeat 50% 50%;
}

.ico-sportsbook3 {
    background: url(/toko4d/images/share/nav_menu/ugsport.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-sportsbook3 {
    background: url(/toko4d/images/share/nav_menu/ugsport1.png) no-repeat 50% 50%;
}


.ico-LiveCasinoGd {
    background: url(/toko4d/images/share/nav_menu/igkasino.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-LiveCasinoGd {
    background: url(/toko4d/images/share/nav_menu/igkasino1.png) no-repeat 50% 50%;
}

.ico-LiveCasinoRoyal {
    background: url(/toko4d/images/share/nav_menu/lmgkcasino.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-LiveCasinoRoyal {
    background: url(/toko4d/images/share/nav_menu/lmgkcasino1.png) no-repeat 50% 50%;
}

.ico-LiveCasinoGp {
    background: url(/toko4d/images/share/nav_menu/gdc.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-LiveCasinoGp {
    background: url(/toko4d/images/share/nav_menu/gdc1.png) no-repeat 50% 50%;
}

.ico-LiveCasinoi {
    background: url(/toko4d/images/share/nav_menu/gd88.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-LiveCasinoi {
    background: url(/toko4d/images/share/nav_menu/gd88.png) no-repeat 50% 50%;
}

.ico-LiveCasinoAllBet {
    background: url(/toko4d/images/share/nav_menu/abkasino.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-LiveCasinoAllBet {
    background: url(/toko4d/images/share/nav_menu/abkasino1.png) no-repeat 50% 50%;
}

.ico-LiveCasinoAg {
    background: url(/toko4d/images/share/nav_menu/agkasino.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-LiveCasinoAg {
    background: url(/toko4d/images/share/nav_menu/agkasino1.png) no-repeat 50% 50%;
}

.ico-LiveCasinoPt {
    background: url(/toko4d/images/share/nav_menu/gakasino.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-LiveCasinoPt {
    background: url(/toko4d/images/share/nav_menu/gakasino1.png) no-repeat 50% 50%;
}

.ico-LiveCasinoOpus {
    background: url(/toko4d/images/share/nav_menu/ogkasino.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-LiveCasinoOpus {
    background: url(/toko4d/images/share/nav_menu/ogkasino1.png) no-repeat 50% 50%;
}



.ico-sgp {
    background: url(/toko4d/images/share/nav_menu/sgp.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-sgp {
    background: url(/toko4d/images/share/nav_menu/sgp1.png) no-repeat 50% 50%;
}
.ico-magnum {
    background: url(/toko4d/images/share/nav_menu/magnum.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-magnum {
    background: url(/toko4d/images/share/nav_menu/magnum1.png) no-repeat 50% 50%;
}
.ico-hongkong {
    background: url(/toko4d/images/share/nav_menu/hongkong.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-hongkong {
    background: url(/toko4d/images/share/nav_menu/hongkong1.png) no-repeat 50% 50%;
}
.ico-syd {
    background: url(/toko4d/images/share/nav_menu/syd.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-syd {
    background: url(/toko4d/images/share/nav_menu/syd1.png) no-repeat 50% 50%;
}
.ico-wales {
    background: url(/toko4d/images/share/nav_menu/wales.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-wales {
    background: url(/toko4d/images/share/nav_menu/wales1.png) no-repeat 50% 50%;
}
.ico-serbia {
    background: url(/toko4d/images/share/nav_menu/serbia.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-serbia {
    background: url(/toko4d/images/share/nav_menu/serbia1.png) no-repeat 50% 50%;
}
.ico-Kch {
    background: url(/toko4d/images/share/nav_menu/kuching.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-Kch {
    background: url(/toko4d/images/share/nav_menu/kuching1.png) no-repeat 50% 50%;
}
.ico-ptlg {
    background: url(/toko4d/images/share/nav_menu/ptlg.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-ptlg {
    background: url(/toko4d/images/share/nav_menu/ptlg1.png) no-repeat 50% 50%;
}

.ico-HappyLotto {
    background: url(/toko4d/images/share/nav_menu/happylotto.gif) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-HappyLotto {
    background: url(/toko4d/images/share/nav_menu/happylotto_hover.gif) no-repeat 50% 50%;
}

.ico-iLotto {
    background: url(/toko4d/images/share/nav_menu/ilotto.gif) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-iLotto {
    background: url(/toko4d/images/share/nav_menu/ilotto_hover.gif) no-repeat 50% 50%;
}

.ico-TxLotto {
    background: url(/toko4d/images/share/nav_menu/lottery_txbet.gif) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-TxLotto {
    background: url(/toko4d/images/share/nav_menu/lottery_txbet_hover.gif) no-repeat 50% 50%;
}

.ico-DominoAndDewaPoker {
    background: url(/toko4d/images/share/nav_menu/idnplay.gif) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-DominoAndDewaPoker {
    background: url(/toko4d/images/share/nav_menu/idnplay_hover.gif) no-repeat 50% 50%;
}

.ico-GroundPoker {
    background: url(/toko4d/images/share/nav_menu/tangkas.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-GroundPoker {
    background: url(/toko4d/images/share/nav_menu/tangkas1.png) no-repeat 50% 50%;
}



.ico-seniqq {
    background: url(/toko4d/images/share/nav_menu/seniqq1.png) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-BoxingPoker {
    background: url(/toko4d/images/share/nav_menu/seniqq1.png) no-repeat 50% 50%;
}
.ico-TxBetPoker {
    background: url(/toko4d/images/share/nav_menu/txbet.gif) no-repeat 50% 50%;
}

.header .sub-nav-list li:hover .ico-TxBetPoker {
    background: url(/toko4d/images/share/nav_menu/txbet_hover.gif) no-repeat 50% 50%;
}

.ico-sabungone {
    background: url(/toko4d/images/share/nav_menu/s1288.png) no-repeat 50% 50%;
}
.header .sub-nav-list li:hover .ico-sabungone {
    background: url(/toko4d/images/share/nav_menu/s12881.png) no-repeat 50% 50%;
}
.ico-sabungtwo {
    background: url(/toko4d/images/share/nav_menu/sv388.png) no-repeat 50% 50%;
}
.header .sub-nav-list li:hover .ico-sabungtwo {
    background: url(/toko4d/images/share/nav_menu/sv3881.png) no-repeat 50% 50%;
}

/**** ad start ***/
/*
.ad-left-help
{
}

.ad-left-help ul
{
    list-style: none;
    padding-left: 0px;
    width: 230px;
    margin-right: 20px !important;
    list-style: none;
    left: 0px;
}

.ad-left-help ul li
{
    height: 38px;
}

.ad-left-help ul li > a:hover
{
    text-decoration: none !important;
    color: #00f6ff;
    font-weight: bold;
}

.ad-left-help ul li > a > span
{
    padding-left: 22px;
    visibility: hidden;
}

.ad-left-help ul li > a:hover > span
{
    visibility: visible;
}

.ico-ad-left
{
    width: 25px;
    height: 320px;
    position: absolute;
    float: left;
    display: inline;
    left: 0;
    cursor: pointer;
}

.ico-ad-right
{
    width: 25px;
    height: 320px;
    position: absolute;
    float: right;
    display: inline;
    right: -16px;
    cursor: pointer;
}


.ad-left
{
    position: fixed;
    width: 136px;
    left: 0;
    z-index: 200;
}

.ad-right
{
    position: fixed;
    top: 20%;
    right: 16px;
    width: 180px;
    height: 280px;
    z-index: 700;
    margin: 0px;
}*/


.ad-left-help {
}

    .ad-left-help span {
        float: left;
        height: 35px;
        line-height: 50px;
        padding: 0px;
    }

    .ad-left-help > span {
        width: 200px;
        height: 10px;
        margin-left: 10px;
        float: left;
    }

    .ad-left-help ul {
        /*background: url(/images/share/help_bg_ctr.png) repeat-y 50% 50%;*/
    }

    .ad-left-help ul {
        float: left;
        left: 0px;
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: 200px;
    }

        .ad-left-help ul li {
            float: left;
            height: 35px;
            line-height: 35px;
            /* margin: 0px 8px; */
            /* margin-left: 18px; */
            padding-left: 5px;
            width: 140px;
            margin: 2px 0px;
        }

            .ad-left-help ul li:hover {
                background-color: #0068ff;
                border-radius: 3px;
                width: 140px;
            }

            .ad-left-help ul li > a {
                float: left;
                height: 35px;
                margin: 0px;
                padding: 0px;
            }

                .ad-left-help ul li > a > span {
                    color: #fff;
                    float: left;
                    font-weight: bold;
                    margin-left: 15px;
                    padding-left: 22px;
                }

            .ad-left-help ul li:hover > a > span {
                color: #0a305d;
                visibility: visible;
            }

        .ad-left-help ul.btm {
            padding-left: 30px;
        }

            .ad-left-help ul.btm li {
                float: left;
                height: 28px;
                margin: 0px;
                padding: 0px;
                width: 28px;
            }

                .ad-left-help ul.btm li:hover {
                    background: none;
                }

                .ad-left-help ul.btm li > a {
                    float: left;
                    height: 28px;
                    width: 28px;
                }

                .ad-left-help ul.btm li.w35 {
                    height: 36px;
                    width: 36px;
                }

                    .ad-left-help ul.btm li.w35 a {
                        height: 36px;
                        width: 36px;
                    }

    .ad-left-help .left-ym {
        background-image: url("/toko4d/images/share/chat_ym.gif");
    }

    .ad-left-help .left-bb {
        background-image: url("/toko4d/images/share/chat_bb.gif");
    }

    .ad-left-help .left-line {
        background-image: url("/toko4d/images/share/chat_line.gif");
    }

    .ad-left-help .left-skype {
        background-image: url("/toko4d/images/share/chat_skype.gif");
    }

    .ad-left-help .left-wechat {
        background-image: url("/toko4d/images/share/chat_wechat.gif");
    }

    .ad-left-help .left-sms {
        background-image: url("/toko4d/images/share/chat_hp.gif");
    }

.ico-ad-left.showimg {
    cursor: pointer;
    display: inline;
    float: left;
    height: 80px;
    left: 0;
    position: absolute;
    width: 39px;
    margin-left: 135px;
}

.ico-ad-left.hideimg {
    cursor: pointer;
    display: inline;
    float: left;
    height: 80px;
    left: 0;
    position: absolute;
    width: 39px;
}

.ico-ad-right {
    cursor: pointer;
    display: inline;
    float: right;
    height: 320px;
    position: absolute;
    right: -16px;
    width: 25px;
}

.ico-ad-left.showimg {
    background-image: url(/toko4d/images/share/arrow_left.png);
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.ico-ad-left.hideimg {
    background-image: url(/toko4d/images/share/arrow_left.png);
    background-position: center center !important;
    background-repeat: no-repeat !important;
}


.ad-left {
    left: 0px;
    padding-left: 0px;
    position: fixed;
    top: 15%;
    width: 205px;
    z-index: 700;
}

    .ad-left .ad-left-content {
        /*livehelp_xmas14*/
        width: 140px;
        background-image: url(/toko4d/images/share/livehelp_support.png);
        background-position: top center !important;
        background-repeat: no-repeat !important;
    }

    .ad-left .shadow-left {
        padding-top: 75px;
        padding-bottom: 0px;
        padding-left: 55px;
        line-height: 28PX;
        color: #7d1f08;
        font-size: 18px;
        font-weight: bold;
    }
/**** ad end ***/

/***  form ****/

.form-groups, .form-groups-noul {
    padding: 10px 0px; /* background-image: url(/images/promotion_bg_big_ctr.png); */
    background-repeat: repeat-y;
    background-position: center top;
}

    .form-groups .form-header, .form-groups-noul .form-header {
        background-color: #071031;
        font-size: 17px;
        color: #ffffff;
        padding: 5px;
        font-weight: bold;
        font-family: Tahoma, Geneva, sans-serif;
    }

        .form-groups .form-header a {
            font-size: 12px;
            font-weight: normal;
            color: #ffffff;
            height: 28px;
            line-height: 28px;
        }

    .form-groups h2 {
        font-size: 14px;
        font-weight: bold;
        color: #000;
    }

    .form-groups ul {
        list-style: none;
        font-size: 14px;
        padding: 0px;
        margin: 0px;
        font-size: 12px;
        color: #000;
    }

    .form-groups li {
        height: 36px;
        line-height: 32px;
    }

        .form-groups li em {
            font-style: normal !important;
            width: 140px;
            display: inline-block;
            float: left;
            padding-left: 6px;
            color: #000;
            font-size: 13px;
        }

        .form-groups li p {
            width: 210px;
            margin-left: 135px;
            color: #000;
            font-size: 12px;
            padding: 0px 0px 6px 6px;
            display: block;
            line-height: 18px;
        }

            .form-groups li p.light {
                width: 210px;
                margin-left: 150px;
                background-color: rgb(65, 253, 253);
                color: rgb(224, 0, 9);
                font-size: 12px;
                padding: 6px 0px 6px 6px;
                display: block;
                line-height: 18px;
            }


        .form-groups li input[type='text'], .form-groups li input[type='password'] {
            width: 210px;
            line-height: 27px;
            height: 30px;
            border: 1px solid #CCC;
            background-color: #123367;
            color: #D2D7DD;
            background-image: none;
        }

        .form-groups li input[type='text'], .form-groups li input[type='password'] {
            width: 210px;
            line-height: 27px;
            height: 30px;
            border: 1px solid #CCC;
            background-color: #123367;
            color: #D2D7DD;
            background-image: none;
        }

        * + html .form-groups li select {
            border: none;
            padding: 5px;
            height: 27px !important;
        }

        .form-groups li .bootstrap-select {
            float: left;
            margin-bottom: 0px !important;
            z-index: 0 !important;
            padding-left: 2px;
            radius: 0px !important;
        }

            .form-groups li .bootstrap-select .btn {
                border-radius: 0px;
                border: 1px solid rgb(86, 124, 137) !important;
            }

.bootstrap-select.btn-group .btn .filter-option {
    display: inline-block;
    overflow: hidden;
    float: left;
    text-align: left;
    margin-top: -3px;
}

* + html .dropdown-menu .dropdown-menu {
    position: relative !important;
    top: 0px !important;
}

.form-groups .box {
    background-color: #99B8EC;
    color: #000;
    padding: 4px;
    font-family: Tahoma, Geneva, sans-serif, "΢ÈíÑźÚ";
    font-size: 12px;
    font-weight: normal;
}

    .form-groups .box label {
        cursor: pointer;
    }

.form-groups .reg_button {
    /*background-image: url(/images/share/mbr_btn_sb_ctr.png) !important;*/
    /*background-repeat: repeat-x;*/
    border: none;
    font-size: 14px;
    background: rgba(250,250,250,1);
    background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(41%, rgba(155,193,255,1)), color-stop(100%, rgba(155,193,255,1)));
    background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#9bc1ff', GradientType=0 );
    height: 30px !important;
    line-height: 30px !important;
    text-align: center;
    width: 98% !important;
    margin: 0px;
    border: medium none;
    font-weight: bold;
    color: #304046;
    padding: 0px 6px 0px 6px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 1px solid #878387;
}

.form-groups-line {
    border-bottom: 1px rgb(0, 46, 73) solid;
    height: 2px !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.input-group-1, .input-group-2 {
    padding: 10px 0px;
}

.input-group-3 {
    padding: 0px 0px 0px 100px;
}

    .input-group-3 input, .input-group-1 input, .input-group-1 button {
        width: 80% !important;
        text-align: center;
    }

.input-group-2 input, .input-group-2 button {
    width: 46.5% !important;
    text-align: center;
}

.btn-pre {
    font-size: 14px;
    /*background-image: url('/images/share/mbr_btn_cc_ctr.png');
    background-position-y: -3px;
    background-repeat: repeat-x;*/
    background: #fafafa;
    background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(41%, rgba(155,193,255,1)), color-stop(100%, rgba(155,193,255,1)));
    background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#9bc1ff', GradientType=0 );
    height: 30px !important;
    line-height: 30px !important;
    text-align: center;
    width: 98%;
    margin: 0px;
    border: medium none;
    font-weight: bold;
    color: #304046;
    padding: 0px 6px 0px 6px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 1px solid #878387;
}

    .btn-pre:hover {
        color: #fff;
    }

.btn-next {
    font-size: 14px;
    /*background-image: url('/images/share/mbr_btn_sb_ctr.png');*/
    /*background-repeat: repeat-x;
    background-position-y: -3px;*/
    background: #fafafa;
    background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(41%, rgba(155,193,255,1)), color-stop(100%, rgba(155,193,255,1)));
    background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#9bc1ff', GradientType=0 );
    height: 30px !important;
    line-height: 30px !important;
    text-align: center;
    width: 98%;
    margin: 0px;
    border: medium none;
    font-weight: bold;
    color: #304046;
    padding: 0px 6px 0px 6px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 1px solid #878387;
}

    .btn-next:hover {
        color: #fff;
    }

.form-groups .step-line {
    background-color: #071031;
    color: #d2d2d2;
    margin-bottom: 8px;
}

    .form-groups .step-line b {
        color: #fff;
        font-weight: bold;
    }

.form-groups .op-pane table input[type='text'], .form-groups .op-pane table input[type='password'] {
    background-image: none;
    width: 108px;
    line-height: 27px;
    height: 30px;
    border: 1px solid #123367;
    background-color: #123367;
    color: #FFF;
}

.form-groups .op-pane table {
    color: #000 !important;
    font-size: 13px;
}

    .form-groups .op-pane table input[type='submit'] {
        width: 160px;
    }

.form-groups .data-pane {
    margin-top: 20px;
    min-height: 559px;
    height: auto;
}

    .form-groups .data-pane table {
        width: 100%;
    }

        .form-groups .data-pane table thead tr:first-child {
            background-color: #b5cfd5;
            height: 32px;
            color: #002e49;
            font-size: 14px;
            border: none;
        }

        .form-groups .data-pane table th, .form-groups .data-pane table td {
            padding: 3px 6px;
        }

    .form-groups .data-pane tr {
        font-size: 13px;
        color: #fff;
        height: 30px;
    }

    .form-groups .data-pane tbody tr:hover {
    }

    .form-groups .data-pane tr.even {
        background-color: #fff !important;
        color: #424242;
        height: 30px;
        font-size: 14px;
    }

    .form-groups .data-pane tr.odd {
        background-color: #ececec !important;
        color: #424242;
        height: 30px;
        font-size: 14px;
    }

    .form-groups .data-pane .text-info {
        width: 180px;
        white-space: nowrap;
        overflow: hidden;
        cursor: pointer;
    }

#dialog-content .form-groups {
    padding: 0px !important;
}

#dialog-content .data-pane {
    padding: 0px !important;
    margin: 0px !important;
}

.pager {
    background-color: #FFF;
    text-align: left;
    margin: 0px;
}

    .pager ul {
        padding: 3px;
    }

    .pager li {
        display: inline-block;
        height: 28px !important;
        vertical-align: middle;
    }

        .pager li a {
            display: block;
            margin: 0px 5px;
            height: 28px;
            line-height: 28px;
            background-color: transparent !important;
            border: none !important;
            border-radius: 0px;
            padding: 0px 13px !important;
            vertical-align: middle;
        }

            .pager li a.active {
                background-color: #0068ff !important;
            }

            .pager li a.disabled {
            }

            .pager li a.prev {
                /*  background-image: url(/images/share/mbr_ico_pre.png)!important;background-repeat: no-repeat;background-position: center center; */
            }

            .pager li a.next {
                background-image: url(/toko4d/images/share/mbr_ico_next.png) !important;
                background-repeat: no-repeat;
                background-position: center center;
            }

            .pager li a.fist {
                background-image: url(/toko4d/images/share/mbr_ico_first.png) !important;
                background-repeat: no-repeat;
                background-position: center center;
            }

            .pager li a.last {
                background-image: url(/toko4d/images/share/mbr_ico_last.png) !important;
                background-repeat: no-repeat;
                background-position: center center;
            }

            .pager li a:hover {
                background-color: #fff !important;
            }

.pageList {
    background-color: #A3C6FF;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 1px 3px 1px 8px;
}

    .pageList a {
        color: #000;
        display: inline-block;
        height: 24px !important;
        line-height: 24px;
        vertical-align: middle;
        background-color: transparent !important;
        border: none !important;
        border-radius: 0px;
        padding: 0px 12px !important;
        vertical-align: middle;
    }

        .pageList a.p_current {
            background-color: #0068ff !important;
            color: #fff;
        }

        .pageList a.disabled {
        }

        .pageList a.p_prev {
            background-image: url('/toko4d/images/share/mbr_ico_first.png') !important;
            background-repeat: no-repeat;
            background-position: center center;
        }

        .pageList a.p_next {
            background-image: url(/toko4d/images/share/mbr_ico_next.png) !important;
            background-repeat: no-repeat;
            background-position: center center;
        }

        .pageList a.p_first {
            background-image: url(/toko4d/images/share/mbr_ico_first.png) !important;
            background-repeat: no-repeat;
            background-position: center center;
        }

        .pageList a.p_last {
            background-image: url(/toko4d/images/share/mbr_ico_last.png) !important;
            background-repeat: no-repeat;
            background-position: center center;
        }

        .pageList a:hover {
            background-color: #123367 !important;
        }

.td_txt_left {
    font-size: 12px;
}

/**end form***/


.fine-prints {
    display: none;
    margin-left: 23px;
}

.notice_dialog {
    width: 840px !important;
}

    .notice_dialog .modal-content {
        /*	background-image: url("/Public/images/share/hm_annc_bg.gif"); */
        background-position: center top;
        background-repeat: no-repeat;
        background: #162460;
    }

.text-hm-shct-tt-16 {
    color: #fff;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.notice_dialog .modal-content ul {
    padding-top: 12px;
    font-family: Tahoma, Geneva, sans-serif, "΢ÈíÑźÚ";
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    font-weight: bold;
}

    .notice_dialog .modal-content ul li {
        list-style-type: disc;
        margin-left: 127px;
    }

.modal-content .btn-notice-close {
    /*	margin-top: 20px; 			margin-bottom: 20px;  */
    height: 60px;
    width: 80px;
    padding-bottom: 20px;
}

    .modal-content .btn-notice-close .btn {
        width: 200px;
        margin-left: 320px;
        /*background-image: url("/images/share/mbr_btn_cc_ctr.png");
        background-repeat: repeat-x;
            border: none;*/
        font-size: 14px;
        background: rgba(250,250,250,1);
        background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(41%, rgba(155,193,255,1)), color-stop(100%, rgba(155,193,255,1)));
        background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
        background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
        background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
        background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(155,193,255,1) 41%, rgba(155,193,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#9bc1ff', GradientType=0 );
        height: 30px !important;
        line-height: 30px !important;
        text-align: center;
        border: medium none;
        font-weight: bold;
        color: #304046;
        padding: 0px 6px 0px 6px;
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        border: 1px solid #878387;
    }

        .modal-content .btn-notice-close .btn:hover {
            color: #fff;
        }

/*index start*/

.col-xs-left {
    width: 1022px !important;
    padding: 0px;
    margin: 0px !important;
}

.col-xs-right {
    width: 355px !important;
    padding: 0px;
    margin-left: 65.39% !important;
}

    .col-xs-right .slider-box-01 {
        margin-bottom: 9px;
    }

    .col-xs-right .panel {
        border: none;
    }

.index-nav {
    margin-top: 4px;
    margin-bottom: 4px;
}

    .index-nav ul {
        padding: 0px;
        margin: 0px;
    }

        .index-nav ul > li {
            height: 190px;
            width: 165px;
            list-style: none;
            margin-right: 8px;
        }

    .index-nav .ico-promotion {
        margin-right: 0px !important;
    }

    .index-nav ul > li .shadow-light {
        padding-top: 6px;
        text-align: center;
        padding-top: 0px\9 \0; /*所有ie*/
        font-size: 11px !important;
        padding-top: 128px;
        padding-bottom: 5px;
    }

    .index-nav ul > li .light2 {
        display: block;
        padding: 13px 0px 6px 15px;
        /* text-align: center; */
    }

    .index-nav ul a {
        display: block;
    }

        .index-nav ul a:hover {
            text-decoration: none;
        }

/*index end*/


/*母版页页脚部分*/

#footer {
    margin: 10px auto 0px auto;
    width: 1030px;
    height: 112px;
}

    #footer table {
        /*border: none;
        width: 1020px;
        margin-top: 5px;
        margin-left: 10px;
        padding-top: 8px;*/
    }

.bg-ftr-pat {
    background: url('/toko4d/images/share/footer_bg.gif') repeat-x;
    background-position: center center;
    /*background: #e0e0e0;*/
}

.text-ftr-indi-11 {
    color: #203666;
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
}

.text-ftr-link-11:link {
    color: #203666;
    text-decoration: none;
}

.text-ftr-link-11:hover {
    color: #FFF;
}

.text-ftr-link-11:visited {
    /*color: #acacac;*/
    text-decoration: none;
}

#footlink {
    background: url('/toko4d/images/share/line_f.gif') repeat-x;
    /* margin-top: 5px; */
    margin-left: 5px;
    padding-bottom: 5px;
    width: 1020px;
}

    #footlink a {
        background-position: center center;
        background-repeat: repeat-x;
        background-repeat: repeat-x;
        /*padding: 2px 8px;*/
    }

.footImg {
    display: inline-block;
}

#ftr_icon_cagayan {
    width: 31px;
    height: 44px;
    background-image: url('/toko4d/images/share/ftr_icon_cagayan_of.png');
}

    #ftr_icon_cagayan:hover {
        background-image: url('/toko4d/images/share/ftr_icon_cagayan_ov.png');
    }

#ftr_icon_spade {
    width: 28px;
    height: 44px;
    background-image: url('../../index.html');
}

    #ftr_icon_spade:hover {
        background-image: url('/toko4d/images/share/ftr_icon_spade_ov.png');
    }

#ftr_icon_isin4d {
    width: 61px;
    height: 44px;
    background-image: url('../../index.html');
}

    #ftr_icon_isin4d:hover {
        background-image: url('../../index.html');
    }

#ftr_icon_bni {
    width: 80px;
    height: 44px;
    background-image: url('../../index.html');
}

    #ftr_icon_bni:hover {
        background-image: url('../../index.html');
    }

#ftr_icon_bca {
    width: 93px;
    height: 44px;
    background-image: url('../../index.html');
}

    #ftr_icon_bca:hover {
        background-image: url('../../index.html');
    }

#ftr_icon_bri {
    width: 118px;
    height: 44px;
    background-image: url('../../index.html');
}

    #ftr_icon_bri:hover {
        background-image: url('../../index.html');
    }

#ftr_icon_mandiri {
    width: 95px;
    height: 44px;
    background-image: url('../../index.html');
}

    #ftr_icon_mandiri:hover {
        background-image: url('../../index.html');
    }

#ftr_icon_danamonline {
    width: 95px;
    height: 44px;
    background-image: url('../../index.html');
}

    #ftr_icon_danamonline:hover {
        background-image: url('../../index.html');
    }


.joinNow {
    background-image: url(../../index.html);
    background-repeat: no-repeat;
    background-position: center;
    height: 26px !important;
    border: none;
    font-weight: bold;
    color: #FFF;
    font-size: 14px;
}

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

.ico-livehelp {
    background-image: url(../../index.html);
    background-repeat: no-repeat !important;
    padding: 15px 15px 15px 15px;
}


    .ico-livehelp:hover {
        background-image: url(../../index.html);
        background-repeat: no-repeat !important;
        padding: 15px 15px 15px 15px;
    }

.ico-livehelpwechat {
    background-image: url(../../index.html);
    background-repeat: no-repeat !important;
    padding: 15px 15px 15px 15px;
}

    .ico-livehelpwechat:hover {
        background-image: url(../../index.html);
        background-repeat: no-repeat !important;
        padding: 15px 15px 15px 15px;
    }

.ico-livehelp_mail {
    background-image: url(../../index.html);
    background-repeat: no-repeat !important;
    padding: 15px 15px 15px 15px;
}

    .ico-livehelp_mail:hover {
        background-image: url(../../index.html);
        background-repeat: no-repeat !important;
        padding: 15px 15px 15px 15px;
    }


.ico-livehelp_whatsapp {
    background-image: url(../../index.html);
    background-repeat: no-repeat !important;
    padding: 15px 15px 15px 15px;
}

    .ico-livehelp_whatsapp:hover {
        background-image: url(../../index.html);
        background-repeat: no-repeat !important;
        padding: 15px 15px 15px 15px;
    }


.ico-livehelp_skype {
    background-image: url(../../index.html);
    background-repeat: no-repeat !important;
    padding: 15px 15px 15px 15px;
}

    .ico-livehelp_skype:hover {
        background-image: url(../../index.html);
        background-repeat: no-repeat !important;
        padding: 15px 15px 15px 15px;
    }



.ico-livehelp_line {
    background-image: url(../../index.html);
    background-repeat: no-repeat !important;
    padding: 15px 15px 15px 15px;
}

    .ico-livehelp_line:hover {
        background-image: url(../../index.html);
        background-repeat: no-repeat !important;
        padding: 15px 15px 15px 15px;
    }


.ico-livehelp_yahoo {
    background-image: url(../../index.html);
    background-repeat: no-repeat !important;
    padding: 15px 15px 15px 15px;
}

    .ico-livehelp_yahoo:hover {
        background-image: url(../../index.html);
        background-repeat: no-repeat !important;
        padding: 15px 15px 15px 15px;
    }

.ico-livehelp_qq {
    background-image: url(../../index.html);
    background-repeat: no-repeat !important;
    padding: 15px 15px 15px 15px;
}



    .ico-livehelp_qq:hover {
        background-image: url(../../index.html);
        background-repeat: no-repeat !important;
        padding: 15px 15px 15px 15px;
    }



div table tr td a span {
    display: none;
}


div table tr td a:hover span {
    /*position: absolute;
    margin-left: 18px;
    display: block;
    background: #013e4c;
    text-decoration: none;
    font-weight: bold;
    color: #1dcd00;
    padding: 4px;*/
}

div table tr td a:hover:last-child span {
    /*position: absolute;
    display: block;
    background: #013e4c;
    text-decoration: none;
    font-weight: bold;
    color: #1dcd00;
    margin-left: -48px;
    margin-top: -18px;
    padding: 4px;*/
}

div table tr td:first-child a:hover span {
    /*position: absolute;
    position: absolute;
    display: block;
    background: #013e4c;
    text-decoration: none;
    font-weight: bold;
    color: #1dcd00;
    margin-left: 24px;
    padding: 4px;
    width: 142px;*/
}

.foot-t1 {
    width: 600px;
}

.foot-t2 {
    width: 100px;
}

/* anytime.5.0.1-1403131246.min.css
Copyright 2008-2014 Andrew M. Andrews III.
License: creativecommons.org/licenses/by-nc-sa/3.0/
Any+Time is a trademark of Andrew M. Andrews III */

.AnyTime-pkr * {
    border: 0;
    font: inherit;
    font-size: x-small;
    font-style: normal;
    font-weight: 400;
    list-style-type: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.AnyTime-win {
    background-color: #F0F0F1;
    border: 3px solid silver;
    display: inline-block;
    font: normal normal normal xx-small/normal sans-serif;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.AnyTime-pkr, .AnyTime-pkr * {
    text-align: center;
}

    .AnyTime-pkr .AnyTime-cloak {
        background-color: #D7D7D7;
        opacity: .7;
        position: absolute;
        filter: alpha(opacity=70);
    }

    .AnyTime-pkr .AnyTime-hdr {
        background-color: #D0D0D1;
        color: #606062;
        font-family: Arial, Helvetica, sans-serif;
        font-size: medium;
        font-weight: 400;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }

    .AnyTime-pkr .AnyTime-x-btn {
        background-color: #FCFCFF;
        border: 1px solid #F99;
        color: #FF9F9F;
        cursor: default;
        float: right;
        margin: .25em .25em 0 0;
        width: 1.5em;
        -moz-border-radius: .4em;
        -webkit-border-radius: .4em;
        border-radius: .4em;
    }

    .AnyTime-pkr .AnyTime-btn {
        background-color: #FCFCFE;
        border: 1px solid #999;
        color: #606062;
        cursor: default;
        font-family: Arial, Helvetica, sans-serif;
        margin: 0 .1em .1em 0;
        padding: .2em .3em;
        -moz-border-radius: .1em;
        -webkit-border-radius: .1em;
        border-radius: .1em;
    }

    .AnyTime-pkr .AnyTime-body {
        margin: 0 1em 1em 0;
    }

    .AnyTime-pkr .AnyTime-date {
        display: inline-block;
        margin-left: 1em;
        vertical-align: top;
    }

    .AnyTime-pkr .AnyTime-lbl {
        color: #606063;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        font-weight: 400;
        font-style: normal;
        margin-top: .8em;
    }

    .AnyTime-pkr .AnyTime-yrs {
        width: 20em;
    }

    .AnyTime-pkr .AnyTime-yrs-past-btn, .AnyTime-pkr .AnyTime-yrs-ahead-btn {
        display: inline-block;
        width: 2.4em;
    }

    .AnyTime-pkr .AnyTime-yr-prior-btn, .AnyTime-pkr .AnyTime-yr-cur-btn, .AnyTime-pkr .AnyTime-yr-next-btn {
        display: inline-block;
        width: 4.8em;
    }

    .AnyTime-pkr .AnyTime-mons {
        width: 20em;
    }

        .AnyTime-pkr .AnyTime-mons:after {
            content: "";
            display: table;
            clear: both;
        }

    .AnyTime-pkr .AnyTime-mon-btn {
        float: left;
        width: 3.2em;
    }

    .AnyTime-pkr .AnyTime-mon7-btn {
        clear: left;
    }

    .AnyTime-pkr .AnyTime-dom-table {
        background-color: #F0F0F1;
        border: 1px solid #E3E3E4;
        border-spacing: 1px;
        width: 20em;
    }

    .AnyTime-pkr th.AnyTime-dow {
        background-color: #C0C0C1;
        color: #fff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 95%;
        font-weight: 400;
        font-style: normal;
        padding: .1em .3em;
    }

    .AnyTime-pkr .AnyTime-dom-btn {
        text-align: right;
        padding-right: .5em;
    }

    .AnyTime-pkr .AnyTime-dom-btn-empty, .AnyTime-pkr .AnyTime-min-ten-btn-empty, .AnyTime-pkr .AnyTime-min-one-btn-empty, .AnyTime-pkr .AnyTime-sec-ten-btn-empty, .AnyTime-pkr .AnyTime-sec-one-btn-empty {
        background-color: #F3F3F4;
        border: 1px solid #C0C0c1;
    }

    .AnyTime-pkr .AnyTime-time, .AnyTime-pkr .AnyTime-hrs-am, .AnyTime-pkr .AnyTime-hrs-pm, .AnyTime-pkr .AnyTime-mins-tens, .AnyTime-pkr .AnyTime-mins-ones, .AnyTime-pkr .AnyTime-secs-tens, .AnyTime-pkr .AnyTime-secs-ones {
        display: inline-block;
    }

    .AnyTime-pkr .AnyTime-hrs, .AnyTime-pkr .AnyTime-mins, .AnyTime-pkr .AnyTime-secs, .AnyTime-pkr .AnyTime-offs {
        display: inline-block;
        margin-left: 1em;
    }

    .AnyTime-pkr .AnyTime-hr-btn {
        text-align: right;
        width: 3.5em;
    }

    .AnyTime-pkr .AnyTime-min-ten-btn, .AnyTime-pkr .AnyTime-min-one-btn {
        width: 2em;
    }

    .AnyTime-pkr .AnyTime-sec-ten-btn, .AnyTime-pkr .AnyTime-sec-one-btn {
        width: 2em;
    }

    .AnyTime-pkr .AnyTime-off-cur-btn {
        display: inline-block;
        overflow: hidden;
    }

    .AnyTime-pkr .AnyTime-off-select-btn {
        display: inline-block;
        vertical-align: top;
        width: 2em;
    }

    .AnyTime-pkr .AnyTime-yr-selector {
        position: absolute;
    }

    .AnyTime-pkr .AnyTime-body-yr-selector {
        margin: .8em 1em;
    }

    .AnyTime-pkr .AnyTime-yr-mil, .AnyTime-pkr .AnyTime-yr-cent, .AnyTime-pkr .AnyTime-yr-dec, .AnyTime-pkr .AnyTime-yr-yr, .AnyTime-pkr .AnyTime-yr-era {
        display: inline-block;
        vertical-align: top;
    }

    .AnyTime-pkr .AnyTime-mil-btn, .AnyTime-pkr .AnyTime-cent-btn, .AnyTime-pkr .AnyTime-dec-btn, .AnyTime-pkr .AnyTime-yr-btn {
        width: 2em;
    }

    .AnyTime-pkr .AnyTime-era-btn {
        margin-left: 1em;
    }

    .AnyTime-pkr .AnyTime-off-selector {
        margin: 1em 2em;
        position: absolute;
    }

    .AnyTime-pkr .AnyTime-body-off-selector {
        margin: .8em 1em;
        overflow-x: hidden;
        overflow-y: auto;
        white-space: nowrap;
    }

    .AnyTime-pkr .AnyTime-off-off-btn {
        text-align: left;
    }

    .AnyTime-pkr .AnyTime-cur-btn {
        border: 1px solid #333334;
        background-color: #C0C0C1;
        color: #FCFCFE;
        font-weight: 700;
    }

    .AnyTime-pkr .AnyTime-out-btn {
        background-color: #F0F0F1;
        border: 1px solid #C0C0c1;
    }

    .AnyTime-pkr .AnyTime-focus-btn {
        border: 1px dashed #000;
    }

/*** jquery css***/

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}

.ui-state-disabled {
    cursor: default !important;
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
}

    .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
        text-decoration: none;
    }

.ui-button-icon-only {
    width: 2.2em;
}

button.ui-button-icon-only {
    width: 2.4em;
}

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}

input.ui-button {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-se {
        width: 12px;
        height: 12px;
        right: -5px;
        bottom: -5px;
        background-position: 16px 16px;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

#enshareicon {
    position: fixed;
    right: 32px;
    top: 200px;
}

    #enshareicon ul li {
        list-style-type: none;
        height: 48px;
    }

#cnshareicon {
    position: fixed;
    right: 32px;
    top: 200px;
}

    #cnshareicon ul li {
        list-style-type: none;
        height: 48px;
    }

.ico_share ul li {
    list-style: none;
    float: left; /* 往左浮动 */
}

.ico_share {
    margin-left: -42px;
    display: block; /* 将链接设为块级元素 */
    width: 350px; /* 设置宽度 */
    height: 24px; /* 设置高度 */
    color: #fff; /* 设置文字颜色 */
    text-decoration: none; /* 去掉下划线 */
}

    .ico_share a:hover {
        text-decoration: none;
    }

#btnClose:hover {
    text-decoration: none;
    color: #fff;
}

.retro {
    -webkit-box-shadow: inset 0px 0px 100px transparent;
    background: -webkit-linear-gradient(top, rgba(255,145,0,0.2) 0%,rgba(255,230,48,0.2) 60%),-webkit-linear-gradient(20deg,rgba(255,0,0,0.5) 0%,rgba(255,0,0,0) 35%);
    -moz-box-shadow: inset 0px 0px 100px rgba(0,0,20,1);
    background: -moz-linear-gradient(top,rgba(255,145,0,0.2) 0%,rgba(255,230,48,0.2) 60%),-moz-linear-gradient(20deg,rgba(255,0,0,0.5) 0%,rgba(255,0,0,0) 35%);
    display: table;
}

    .retro img {
        /*-webkit-filter: sepia(20%) brightness(10%) contrast(130%);*/
        position: relative;
        /*z-index: -1;*/
    }


#windownbg {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
}

#windown-box {
    position: fixed;
    _position: absolute;
    border: 5px solid #FFF;
    background: #d7d7d7;
    text-align: left;
}

#windown-title {
    position: relative;
    height: 30px;
    border: 1px solid #222;
    overflow: hidden;
    background: url(../../index.html) 0 0 repeat-x;
    background: rgb(199,214,251);
}

    #windown-title h2 {
        position: relative;
        left: 10px;
        top: 5px;
        font-size: 14px;
        color: #000;
        margin: 0px;
        padding: 0px;
        float: left;
        width: auto;
    }

#windown-close {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 16px;
    height: 16px;
    text-indent: -10em;
    overflow: hidden;
    background: url(/toko4d/images/share/hdr_ico_close-2.png) 0 0 no-repeat;
    cursor: pointer;
}

#windown-content-border {
    position: relative;
    top: -1px;
    border: 1px solid #222;
    padding: 5px 0 5px 5px;
}

#windown-content img, #windown-content iframe {
    display: block;
}

#windown-content .loading {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    margin-top: -8px;
}


dl, dd {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    list-style-type: none;
}

.tel-main {
    width: 300px;
    height: 138px;
    margin: 0 auto;
    overflow: hidden;
}

    .tel-main dl {
        width: auto;
        height: auto;
        margin: 0px 10px;
        float: left;
    }

    .tel-main dd {
        width: 100%;
        height: 30px;
        line-height: 30px;
        margin-top: 10px;
        float: left;
    }

        .tel-main dd.h {
            height: 20px;
            line-height: 20px;
            margin: 0px;
            padding: 0px;
            color: #0068ff;
        }

        .tel-main dd span {
            width: auto;
            height: auto;
            float: left;
        }

            .tel-main dd span em {
                width: auto;
                float: left;
                font-style: normal;
                margin-left: 10px;
                color: #f63;
            }

            .tel-main dd span.w {
                width: 110px;
                text-align: right;
                color: #0068ff;
            }

            .tel-main dd span.w-cn {
                width: 88px;
            }

        .tel-main dd input.tel-vf {
            width: 142px;
            height: 28px;
            line-height: 28px;
            float: left;
            background-color: #123367;
            border: 1px solid #123367;
        }

        .tel-main dd input.btn {
            width: 62px;
            height: 24px;
            color: #fff;
            line-height: 10px;
            font-weight: normal;
            font-size: 12px;
            background-color: rgb(248, 169, 0);
            border-radius: 3px;
            color:#000
        }

        .tel-main dd input.w140 {
            width: 142px;
            font-weight: bold;
        }

        .tel-main dd > .p-8 {
            padding-left: 8px;
            margin-left: 3px;
        }

.narrow_coloum {
    width: 80px;
}

.wide_coloum {
    width: 140px;
}

.progressive {
    color: #FFF;
}

.progressive-en {
    background-image: url('../../index.html');
    float: left;
    height: 150px;
    width: 100%;
}

.progressive-id {
    /*background: url('/Public/images/share/jackpot-bg.gif') repeat-x;*/
    background-color: #11C1C7;
    float: left;
    height: 77px;
    width: 100%;
}

.progressive-cn {
    background-image: url('../../index.html');
    float: left;
    height: 150px;
    width: 100%;
}

.progressive > .number {
    font-size: 48px;
    height: 77px;
    line-height: 77px;
    /*margin-left: 360px;*/
    /*margin-top: 40px;*/
    text-align: center;
    width: 645px;
}

.top-frame, .bottom-frame {
    height: 5px;
    float: left;
}

.left-frame, .right-frame {
    width: 5px;
    float: left;
}

.frame {
    background-color: #99B8EC;
}

.frame_tl {
    background: url('/toko4d/images/share/frame_tl-2.gif') no-repeat;
    height: 5px;
    width: 5px;
    float: left;
}

.frame_tr {
    background: url('/toko4d/images/share/frame_tr-2.gif') no-repeat;
    height: 5px;
    width: 5px;
    float: left;
}

.frame_bl {
    background: url('/toko4d/images/share/frame_bl-2.gif') no-repeat;
    height: 5px;
    width: 5px;
    float: left;
}

.frame_br {
    background: url('/toko4d/images/share/frame_br-2.gif') no-repeat;
    height: 5px;
    width: 5px;
    float: left;
}

.frame_t {
    background: url('/toko4d/images/share/frame_t.gif') repeat-x;
    height: 5px;
    float: left;
}

.frame_b {
    background: url('/toko4d/images/share/frame_b.gif') repeat-x;
    height: 5px;
    float: left;
}

.frame_l {
    background: url('/toko4d/images/share/frame_l.gif') repeat-y;
    width: 5px;
}

.frame_r {
    background: url('/toko4d/images/share/frame_r.gif') repeat-y;
    width: 5px;
}

.footer_bg {
    background: url('/toko4d/images/share/footer_bg.gif') repeat-x;
}

.frame_bg {
    background-color: #155E9D;
}

.header_bg {
            /*background: url('/toko4d/images/share/header_bg.gif') repeat-x;*/
            background-color: white;
            background-size: 100% 100%;
        }

        #bonusUl li dl {
            color: #123367;
        }

            #bonusUl li dl dd a {
                color: #0068ff;
            }

        .btn-hdr-login {
            background-position: center;
            background-repeat: no-repeat;
            color: #0068ff;
            display: inherit;
            font-size: 15px;
            font-weight: bold;
            height: 27px;
            line-height: 27px;
            margin-left: 15px;
            text-align: center;
            width: 97px;
        }

        a.btn-hdr-login {
            color: #0068ff;
        }

        .ico-text-show {
            background-color: #0068ff !important;
            color: #ffffff !important;
        }

        #supplybank li {
            list-style-type: none;
            float: left;
        }

        .nav-tabs {
            border: none;
        }

            .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {
                background: none;
                color: #FFF;
                border: none !important;
            }

            .nav-tabs > li > a {
                border: none;
            }

                .nav-tabs > li > a:hover {
                    border: none;
                    color: #FFF !important;
                }

        #footcontent .nav > li > a {
            background: none;
            color: #acacac;
            padding: 0px 0px;
            margin-left: 20px;
        }

        a.new {
            width: auto;
            height: auot;
            padding-left: 5px;
            padding-right: 5px;
            border-radius: 2px;
            background: #0068ff;
            text-decoration: none;
            overflow: hidden;
            color: #fff;
            filter: alpha(opacity = 80);
            opacity: 0.8;
        }

        .Tips {
            width: 300px;
            height: auto;
            float: left;
            position: absolute;
            display: none;
            z-index: 1000;
            margin-left: 0;
            overflow: hidden;
        }

            .Tips span {
                width: 10px;
                height: 9px;
                padding: 0px;
                margin: 0px;
                float: left;
                margin-left: 260px;
                position: relative;
                z-index: 200;
                background: url("/toko4d/Public/share/rebate_bg.gif") no-repeat;
            }

            .Tips .box {
                width: 100%;
                height: auto;
                background: rgb(18,50,108);
                border-radius: 3px;
                margin-top: -1px;
                float: left;
                border: 1px solid #0068ff;
                padding: 8px 20px;
                text-align: left;
            }

        .box h3 {
            width: 100%;
            height: 100%;
            margin: 0px;
            padding: 0px;
            float: left;
            font-size: 12px;
            line-height: 20px;
        }

            .box h3 p {
                height: 100%;
                width: auto;
                float: left;
                color: #f63;
            }

        .Tips .addrebate {
            width: 100%;
            height: auto;
            display: none;
        }

        .addrebate ul {
            width: 100%;
            height: auto;
            margin: 0px;
            padding: 0px;
            float: left;
            list-style-type: none;
        }

        .addrebate li {
            width: 100%;
            height: 30px;
            float: left;
            line-height: 30px;
            margin-top: 5px;
        }

            .addrebate li span {
                width: auto;
                float: left;
                margin: 0px;
                padding: 0px;
                background: none;
            }

                .addrebate li span.w {
                    width: 60px;
                    float: left;
                    margin-right: 8px;
                    text-align: right;
                }

            .addrebate li .btn-next {
                width: auto !important;
                margin-right: 10px;
            }

        .index-nav .light2 {
            color: #203666;
            text-decoration: none;
            font-size: 11px;
            font-weight: bold;
        }

        .dpopupWraper
    {
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.8);
        display: table;
        text-align: center;
        z-index: 999999999;
        position: fixed;
        top:0;left:0;
    }

    /* Outer */
.popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
}

/* Inner */
.popup-inner {

    color: #fff;
    max-width:700px;
    width:90%;
    padding:40px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#000;
    filter: alpha(opacity=50);
  /* IE */
  -moz-opacity: 0.6;
  /* Mozilla */
  opacity: 0.6;
  /* CSS3 */
    font-size: 16px;
}
.pop-inner h2{
    color: #fff;
}

/* Close Button */
.popup-close {
    width:30px;
    height:30px;
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,0,0,0.8);
    font-family:Arial, Sans-Serif;
    font-size:20px;
    text-align:center;
    line-height:100%;
    color:#fff;
}

.popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;
}

.popup td{
font-size: 16px;
}

.box2{
    display: inline-block;
    border:0px solid blue;
    margin-right:4px;
	margin-bottom:10px;
	margin-left:4px;
}

.box_productwrap{
    width: 980px !important;
}

.box2>.box-container{
background: #262626;
box-shadow: 2px 2px 1px #000;
}

.box2.img img{
    width: 480px;
float:left;padding:5px;
}

.bg_wrap{
    margin:0 auto;
    width:auto;
    min-height:600px;
    background:#fff;padding:5px;border:0px solid red;
}

.title_h2{
margin: 5px 0; border-bottom: 1px solid #36b5f7; padding-bottom: 5px
}

.bg_resultwrapper{
    margin:0 auto;
    height:503px;

}

.resultbox {
  list-style: none;
  text-align: center;
  border:0px solid red;
  margin:0 auto;

}
.resultbox li {
  position: relative;
  display: inline-block;
  margin-right: 0px;
  right:20px;
}
.resultbox  img{
 float:left;
 margin-left: -40px;
}

.box_result{
    cursor:pointer; background:#f8f8f8;padding:5px;border-radius:5px; padding:10px;border:1px solid #97acd2;margin: auto;width:190px;margin:8px;}
.box_result .country{
background: rgb(133,178,211); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(133,178,211,1) 0%, rgba(184,221,239,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(133,178,211,1) 0%,rgba(184,221,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(133,178,211,1) 0%,rgba(184,221,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85b2d3', endColorstr='#b8ddef',GradientType=0 ); /* IE6-9 */
padding:4px;border-radius:4px; border:0px solid #cfcfcf; font-weight:bold;font-size:18px;color:#000;text-align:center;}
.box_result .code{background:none;padding:0px;font-weight:900;font-size:16px;color:#4e70b4;text-align:center;margin-top:10px;}
.box_result .date{background:none;padding:0px;font-weight:900;font-size:13px;color:#000;text-align:center;}

.logo{float:left;margin-top: 20px;}

form ol{
	list-style-type:none;
	margin:0px;
	padding:0px;
	color:red;
	font-weight:bold;
}

#nch_error_error ol {
    padding: 0px;
    list-style: none;
}
#nch_error_error li {
    font-weight: bold;
    color: #FF0000;
	padding: 5px;
}

#nch_error_error .error {
	color: #FF0000;
	background-color: #F9E2F9;
	padding: 20px;
	margin: 10px 5px;
	border: 1px dotted #CCCCCC;
	display: block;
	font-size: 12px;
}

#index-result{height: 130px; repeat-x; border: 0px solid red;margin:0 0 0 10px;}
#index-result .item{
	width: 122px;
    margin: 10px 0px 0px 0px;
    display: inline-block;
    text-align: center;}
.title_result{
	color:#fff;
	margin:-10px 0 0 0;
	padding-bottom:5px;
	font-size:17px;
	font-weight:bolder;
	text-align:center;
	font-weight: normal;
}
#index-result-1{height: 139px; background: url(/toko4d/images/result-1.png) repeat-x; border: 0px solid #000;}

.kodetogel {
	vertical-align: middle;
	margin-top: -15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#fff;
	font-weight: normal;
	border:0px solid red;
}

.tanggaltogel {
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-bottom: 5px;
	color:#fff;
	font-weight: normal;
}

p.lb_title_result {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.pool>p{text-align: center;}
.pool>p:first-child{font-size: 19px;font-weight: bold;color: #ffffff;text-transform: uppercase; margin-top: 12px;}
.pool>p:nth-child(2){font-size: 13px;color: white;margin-top: 2px;margin-bottom: 2px;}
.pool>p:nth-child(3){font-size: 33px;font-weight: bold;color: #f1dc09;letter-spacing: 15px;margin: 0px;}
.pool>a:last-child{text-decoration: none;font-size: 13px;color: white;font-style: italic;margin-top: 15px;margin: 0 0 0 0px;}


#username, #password, #txt_code,#code {
/*position:absolute!important;*/
background:none!important;
border: 1px solid #3ca4fe!important;
height:26px!important;
color:#000!important;
box-sizing: border-box!important;
margin-top: 50px!important;
}
#txt_num {
margin-top: 50px!important;
margin-left: -9px;
}
#icoLock{
  margin-top: 50px!important;
}
#username, #password {
width:110px!important;
}
#loginLay{
  background-color: #3ca4fe!important;
  height:26px!important;
  padding:0 5px!important;
  color:white!important;
  box-sizing: border-box!important;
  margin-top: 50px!important;
  margin-left: -14px;
}
#daftarLay{
  background-color: #ffe13d!important;
  color:#3ca4fe!important;
  box-sizing: border-box!important;
  margin-top: 49px!important;
  line-height: 12px;
       text-align: center!important;
}
.text-right {
    text-align: left!important;
}
/*footercss*/
.footer-wrapper {
  background:  url(../images/footer.jpg)!important;
	margin-top:45px!important;
  padding-top: 20px!important;
  color: #737373!important;
}

.footmenu ul, .footmenu li, .follow-us ul, .follow-us li {
  margin: 0; padding:0; list-style: none!important;
}

.footmenu ul {
  display: table!important;
  margin:0 auto!important;
}

.footmenu li {
  float: left!important;
  padding: 0 10px 0 0!important;
}

.footmenu li:after {
  content:"|"!important;
  padding-left: 10px!important;
  font-weight: bold!important;
}

.footmenu li:last-child:after {
  content:""!important;
}

.footmenu li, .footmenu li a {
  color: #3ca4fe!important;
  font-weight: bold!important;
  text-transform: uppercase!important;
}

.lisensi {
  color: #3ca4fe!important;

}

.lisensi img {
  display: block!important;
  margin-top: 15px!important;
}

.footertext {
  text-align: justify!important;
  text-align-last: center!important;
  color: #000000!important;
  line-height: 2em!important;
}

.bank img {
  margin-top: 25px!important;
}

.follow-us li {
  float: left;
  margin-left: 9px!important;
}

.follow-us li:first-child {
  margin-left: 0!important;
}

.follow-us li img {
  margin-top: 15px!important;
}

.partner {
  color: #3ca4fe!important;

}



.footer {
margin-top:0px!important;
font-size:11px!important;
}

.footlogo {
margin:0 10px!important;
}

.footbank {
margin-bottom:10px!important;
}


.footheading {
  font-size:18px!important;
  color: #ccc!important;
  font-weight: normal!important;
  margin: 0; padding: 0!important;
  margin-bottom: 10px!important;
  margin-top: 10px!important;
}

.copyright {
margin-top:5px!important;
padding-bottom: 10px!important;
color:#000000!important;
text-align: center!important;
}
.newh1{
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
.newh2{
  display: block;
font-size: 1.5em;
-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}
.newh5{
  display: block;
    font-size: 0.83em;
    -webkit-margin-before: 1.67em;
    -webkit-margin-after: 1.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
    text-align: justify;
text-align-last: center;
color: #000000;
line-height: 2em;
}

.runningtext {
height:22px;
margin:0px 0 10px 0;
background: url(../images/runningtext.png) no-repeat center left;
margin-top: 3px;
line-height:22px;
}

.runningtext_content {
height:22px;
line-height:22px;
padding:0 0px 0 30px;
color:#000;

    margin-top: 5px;
}
.homekeluaran {
	margin-top: 20px;
	box-shadow: 0 0 3px 3px rgba(44, 164, 250, 0.16);
    background: linear-gradient(to bottom, rgba(12, 12, 12, 0) 30%, #2ca4fa 100%);

}

.homekeluaran td {
	width: 233px;
	height: 140px;
	background: url(../images/homekeluaran.png) no-repeat;
	text-align: center;
	padding-right: 10px;
}

.homekeluaran td:last-child {
	padding-right: 0;
}

.homekeluaran .lokalan {
	color: #fff;
	line-height: 34px;
	font-size: 14px;
}

.homekeluaran .tanggal {
	color: #000000;
	margin-top: 20px;
	font-size: 14px;
}

.homekeluaran .nomor {
	font-family: bebasNeue;
	color: #fff;
	font-size: 24px;
	margin-top: 23px;
	letter-spacing: 34px;
	padding-left: 32px;
}

.homebanner {
	margin-top: 20px;
}

.homebanner td {
	padding-left: 10px;
}

.homebanner td:first-child {
	padding-left: 0;
}

.homenews-title {
  background-color: #3ca4fe;
  color: #fff;
  font-size: 14px;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
  width: 25%;
  float: left;
      margin-top: 10px;
}

.homenews-content {
  border:1px solid #3ca4fe;
  padding: 0 10px;
  box-sizing: border-box;
  width: 75%;
  height: 37px;
  float: left;
  overflow: hidden;
      margin-top: 10px;
}

.homenews-marquee {
  float: left !important;
  margin: 12px 20px 2px 20px;
  line-height: normal;
}

.homenews-marquee a {
  text-transform: uppercase;
  color: #000000;
}

.homenews-marquee a:hover {
  color: #2a67bd;
}

.homenews-marquee a div {
	float: left;
}
.widthSlider{
  width: auto;
}
@media (min-width: 768px) {
  .widthSlider {
    width: auto;
  }
}

@media (min-width: 992px) {
  .widthSlider {
    width: auto;
  }
}

@media (min-width: 1200px) {
  .widthSlider {
    width: auto;
  }
}

.centPadd{
  text-align: center;
}
/* jackpot */
.jackpot {
height:179px;
margin:10px auto 0 25px;
background:url(../images/jackpot.jpg) no-repeat;
position:relative;
}

.totaljackpot, .totaljackpot2, .totaljackpot3 {
position:absolute;
font-family:bebasNeue;
color:#fff;
font-size:80px;
text-align:center;
font-weight:normal;
letter-spacing: 0px;
top:30px;
}

.totaljackpot {
left:422px;
}

.totaljackpot2 {
left:395px;
}

.totaljackpot3 {
left:718px;
}
.homebanner {
	margin-top: 20px;
}

.homebanner td {
	padding-left: 10px;
}

.homebanner td:first-child {
	padding-left: 0;
}
.sidecontact {
position:fixed;
margin-top:10px;
left:-150px;
top:20%;
background:url(../images/contact.png) no-repeat;
width:221px;
height:476px;
cursor:pointer;
z-index: 99;

-moz-transition-duration:0.5s;
-o-transition-duration:0.5s;
-webkit-transition-duration:0.5s;
transition-duration:0.5s;
}

.sidecontact:hover {
left:0;
}

.joinsekarang {
 width: 130px;
 height: 34px;
 position: absolute;
 top: 126px;
 left: 81px;
}

.sidecontact ul, .sidecontact li {
margin:0; padding:0; list-style:none;
}

.sidecontact, .sidecontact a {
color:#fff;
font-weight:bold;
font-style:italic;
}

.sidecontact ul {
margin-top:177px;
}

.sidecontact li {
    margin-left: 40px;
    margin-bottom: 22px;
    font-size: 11px;
}
.homekeluaran {
  width: 960px!important;
	margin-top: 20px;
	box-shadow: 0 0 3px 3px rgba(44, 164, 250, 0.16);
    background: linear-gradient(to bottom, rgba(12, 12, 12, 0) 30%, #2ca4fa 100%);

}
.homekeluaran td {
	width: 233px;
	height: 140px;
	background: url(../images/homekeluaran.png) no-repeat;
	text-align: center;
	padding-right: 19px;
}

.homekeluaran td:last-child {
	padding-right: 0;
}

.homekeluaran .lokalan {
	color: #fff;
	line-height: 34px;
	font-size: 14px;
}

.homekeluaran .tanggal {
	color: #000000;
	margin-top: 20px;
	font-size: 14px;
}

.homekeluaran .nomor {
	font-family: bebasNeue;
	color: #fff;
	font-size: 24px;
	margin-top: 11px;
	letter-spacing: 34px;
	padding-left: 40px;
}
.homekeluaran2 {
  width: 710px!important;
	margin-top: 20px;
	box-shadow: 0 0 3px 3px rgba(44, 164, 250, 0.16);
    background: linear-gradient(to bottom, rgba(12, 12, 12, 0) 30%, #2ca4fa 100%);

}
.homekeluaran2 td {
	width: 233px;
	height: 140px;
	background: url(../images/homekeluaran.png) no-repeat;
	text-align: center;
	padding-right: 19px;
}

.homekeluaran2 td:last-child {
	padding-right: 0;
}

.homekeluaran2 .lokalan {
	color: #fff;
	line-height: 34px;
	font-size: 14px;
}

.homekeluaran2 .tanggal {
	color: #000000;
	margin-top: 20px;
	font-size: 14px;
}

.homekeluaran2 .nomor {
	font-family: bebasNeue;
	color: #fff;
	font-size: 24px;
	margin-top: 11px;
	text-align: left;
	padding-left: 45px;
    letter-spacing: 13px;
}

.captionOrange, .captionBlack
{
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
}
.captionOrange
{
  background: #EB5100;
  background-color: rgba(235, 81, 0, 0.6);
}
.captionBlack
{
  font-size:16px;
  background: #000;
  background-color: rgba(0, 0, 0, 0.4);
}
a.captionOrange, A.captionOrange:active, A.captionOrange:visited
{
  color: #ffffff;
  text-decoration: none;
}
a.captionOrange:hover
{
  color: #eb5100;
  text-decoration: underline;
  background-color: #eeeeee;
  background-color: rgba(238, 238, 238, 0.7);
}
.bricon
{
  background: url(../img/browser-icons.png);
}
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
{
position: absolute;
cursor: pointer;
display: block;
background: url(../img/a17.png) no-repeat;
overflow:hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05ldn { background-position: -250px -40px; }
.jssora05rdn { background-position: -310px -40px; }

.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av
{
filter: alpha(opacity=70);
opacity: .7;
overflow:hidden;
cursor: pointer;
border: #000 1px solid;
}
.jssorb01 div { background-color: gray; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
.jssorb01 .av { background-color: #fff; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

.newPasaranBox{
  background-color: white;
  border: 1px solid white;
}
.headNewPasaranBox{
  background-color: #3ca4fe;
  color: white;
  font-size: 18px;
  padding: 8px;
}
.paddBox{
  padding: 10px;
}
.dateTextPasaran{
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
}
.roundNoPasaran{
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  background-color: #3ca4fe;
  color: white;
  line-height: 35px;
  font-size: 20px;
  margin-bottom: 10px;
}
.shadow {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}
.boxPasaranAll{
  background: #1c92d2;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #1c92d2, #f2fcfe);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #1c92d2, #f2fcfe); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  padding: 5px;

}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col-xs-3:nth-last-child(1):nth-child(odd) {
    clear:both;
    float:none;
    margin:0 auto;
}

 .accordion .acWrapper > h3 { color: #000 !important; margin: 10px 0px; font-weight: bold; }

.accordion .acWrapper .acDesc, .accordion .acWrapper .acDesc ul li { color: #000 !important; line-height: 22px; }

.footertext a:link, .footertext a{
    color: #0064ff !important;
    text-decoration: none !important;
}

[data-accordion] [data-control] {
    padding-right: 30px !important;
}

.nomor li{
    display: inline-block;
}