html {
    background-color: #000000;
    margin: 0;
    padding: 0;
}

body {
    background-color: #fff;
    color: #333;
    font-size: 15px;
    font-family: '微软雅黑',"Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 60px 0 0 0;
}

a {
    color: #333;
    outline: none;
    text-decoration: none;
    cursor: pointer;
}

    a:link, a:visited,
    a:active, a:hover {
        color: #333;
    }

header, footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

h1, h2, h3,
h4, h5, h6 {
    margin-bottom: 0;
    padding-bottom: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }

.btn {
    border-radius: 0;
}

.mart20 {
    margin-top: 20px;
}

.marr5 {
    margin-right: 5px;
}

.marr10 {
    margin-right: 10px;
}

.marl10 {
    margin-left: 10px;
}

.hover_big:hover {
    -webkit-transform: scale(1.2); /*规模变大为1.2倍  */
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.ie-updater-box {
    background-color: #efdcc9;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1080;
    width:100%;
}
.ie-updater-box a{
        color: #477709;
}
::-webkit-scrollbar-track {
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #999;
}
/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    width: 1200px;
    position: relative;
}

.logo {
    width: 210px;
    background-image: url('../img/logo.gif');
    background-repeat: no-repeat;
    float: left;
}

#body {
    background-color: #efeeef;
    clear: both;
}

header {
    background-color: #0C0C0C;
    clear: both;
}

    header .page-header {
        height: 60px;
        border: none;
    }

        header .page-header a {
            display: inline-block;
            height: 60px;
        }


        /* menu
----------------------------------------------------------*/
        header .page-header > ul {
            margin: 0;
            padding: 0;
            font-weight: 600;
            float: right;
            display: inline-block;
            width: 900px;
            height: 60px;
        }

            header .page-header > ul li {
                float: left;
                display: inline-block;
                list-style: none;
            }

                header .page-header > ul li a {
                    width: 100px;
                    line-height: 60px;
                    vertical-align: middle;
                    text-align: center;
                    color: #DCDCDC;
                    text-decoration: none;
                    background: transparent;
                    -moz-transition: all 0.2s ease-in-out;
                    -o-transition: all 0.2s ease-in-out;
                    -webkit-transition: all 0.2s ease-in-out;
                    transition: all 0.2s ease-in-out;
                }

                    header .page-header > ul li a.active, header .page-header > ul li a:hover {
                        font-size: 16px;
                        color: #E5EB00;
                        background: transparent;
                        background: url('../img/menu_hover.gif') no-repeat;
                        background-size: cover;
                        -moz-animation: menu_hover 0.6s ease;
                        -o-animation: menu_hover 0.6s ease;
                        -webkit-animation: menu_hover 0.6s ease;
                        animation: menu_hover 0.6s ease;
                    }

@keyframes menu_hover {
    from {
        background: url('../img/menu_hover.gif') no-repeat 0 62px;
        background-size: cover;
    }

    to {
        background: url('../img/menu_hover.gif') no-repeat 0 0;
        background-size: cover;
    }
}

@-moz-keyframes menu_hover /* Firefox */
{
    from {
        background: url('../img/menu_hover.gif') no-repeat 0 62px;
        background-size: cover;
    }

    to {
        background: url('../img/menu_hover.gif') no-repeat 0 0;
        background-size: cover;
    }
}

@-webkit-keyframes menu_hover /* Safari 和 Chrome */
{
    from {
        background: url('../img/menu_hover.gif') no-repeat 0 62px;
        background-size: cover;
    }

    to {
        background: url('../img/menu_hover.gif') no-repeat 0 0;
        background-size: cover;
    }
}

/* page elements
----------------------------------------------------------*/
/* banner */
.banner {
    text-align: center;
}

    .banner .banner_con {
        background-image: url('../img/banner_groundback.jpg');
        background-repeat: repeat-x;
        z-index: 100;
    }

        .banner .banner_con .content-wrapper {
            height: 285px;
            text-align: center;
            clear: both;
            position: relative;
        }

            .banner .banner_con .content-wrapper .download {
                width: 400px;
                height: 320px;
                cursor: pointer;
                position: absolute;
                left: 0;
            }

            .banner .banner_con .content-wrapper > .banner_img {
                float: left;
                margin-left: 400px;
                width: 790px;
                height: 285px;
            }

    .banner .banner_crl {
        height: 35px;
        background-image: url('../img/control_groundback.gif');
        background-repeat: repeat-x;
    }

        .banner .banner_crl ul {
            margin: 0 auto;
            padding: 0;
            height: 100%;
            width: 56px;
            line-height: 35px;
            vertical-align: middle;
            text-align: center;
        }

            .banner .banner_crl ul > li {
                width: 14px;
                list-style: none;
                display: inline-block;
                float: left;
            }

                .banner .banner_crl ul > li > a {
                    width: 14px;
                    height: 14px;
                    display: inline-block;
                    cursor: pointer;
                }

                    .banner .banner_crl ul > li > a.banner_rad {
                        background-image: url('data:image/gif;base64,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') /*../img/rad.gif*/;
                        background-repeat: no-repeat;
                    }

                        .banner .banner_crl ul > li > a.banner_rad.active, .banner .banner_crl ul > li > a.banner_rad:hover {
                            background-image: url('data:image/gif;base64,R0lGODlhDgAOAPcAAHYDAHsEAHkEAG4CAG8CAGUCAH4EAOqtAGgCAG0CAOirAPi6AGECAGICAOeqAHIEAFYCACkAAHMDAGQCAF4AAPa4AGMCANygAHgEAIMBAFEAALyCAIgcALyDAFsjADIBAD8RAFYBAFwCADcBAOOmAFACANOYACUAANKWAMKBANqeAG8BALZ2AC0AAHECAP/AAKtSAHgDAC8HALBsAKloAJRRAHUEAKNhAMKFANGXALuAAHABAMyRAP6/AEsBAH4bAJc1ANSYANicAE8BAF0CADMBAIgNAFMCAGcDAGMqAGs1ADIAAHg5AMWIADcMACEAAC8AAGoAAMWDAOOlAMJ5AOiqANufAG01AOuuAHQ7AIIEAKJkAFIcAIFNAMqNADoOAIUAAMeGADkBAGo0AEoBAIEEAHACAEgBAHADAL19AHEDAM+VAFQBAGkCAE4BAPm6AIMEAIAAAM6RAHE+AHYEAM+SAG4DAK1tAMSCAJ1eAKVFANebAFoCAPu8AKppAEobALF4ADEAAKteAGwCAGYCAPK0AGsCAP2+AGcCAGoCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBSaWdodHM9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9yaWdodHMvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wUmlnaHRzOk1hcmtlZD0iRmFsc2UiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDo4RkRBQkZCNzNFODhFNTExODM0M0UxMzI4QTMyRURBNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0RDRENEM4NjlDOTkxMUU1OEQ5MEI3RTBFNDAzRDgyMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0RDRENEM4NTlDOTkxMUU1OEQ5MEI3RTBFNDAzRDgyMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZGNTQyOEM4OTY5Q0U1MTFBNEFCOENBNDAzQzExMDdBIiBzdFJlZjpkb2N1bWVudElEPSJ1dWlkOjhGREFCRkI3M0U4OEU1MTE4MzQzRTEzMjhBMzJFREE3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAA4ADgAACNgAEyFClChRgwkMChAghGgAIgmGGhgaxIfNEAh20BCS4NACAwgfnjj5IgNKCSIIELRBdOQElxo07mxREsFHQTOEInjw40XFhRw6urSwMKjAGRA36lQpVOjAng5XyEwgNCJJmikVDh1a4IBHHg0Fi2RpouBNjxd9sKCYQUFNATFjcJDIutWBHEFRBhly8weQCQVMDwiRAmRFIgyGAs3ZsMbKhSBhYMQZlMAFARFLmLBIgYeKHjA7BhDAYOMBkhAUfnAwkgFAAgMByhgQICDAAwAxANAJIACOloAAOw==') /*../img/rad_active.gif*/;
                            background-repeat: no-repeat;
                        }

/*sml-banner*/
.sml-banner {
    text-align: center;
}

    .sml-banner .banner_con {
        background-image: url('../img/banner_small_back.gif');
        background-repeat: repeat-x;
    }

        .sml-banner .banner_con .content-wrapper {
            height: 163px;
            text-align: center;
        }

.sml-download {
    display: block;
    position: absolute;
    left: 59px;
}

.sml-banner .banner_con .content-wrapper > div {
    height: 163px;
}

.sml-banner .banner_con .content-wrapper > .banner_img {
    margin-left: 300px;
    float: left;
}

/* main-content */
.main-content {
    background-image: url('../img/main_groundback.gif');
    background-repeat: repeat;
    padding-top: 20px;
}

    .main-content .main_left {
        width: 300px;
        float: left;
    }

        .main-content .main_left .btn_recharge {
            display: block;
            margin-left: 5px;
            width: 290px;
            height: 90px;
            background-image: url('../img/recharge.gif');
            cursor: pointer;
        }

        .main-content .main_left .btn_kefu {
            display: block;
            margin-top: 15px;
            margin-left: 10px;
            margin-right: 10px;
            width: 280px;
            height: 110px;
            border: 1px solid #9F0100;
            border-radius: 10px;
            background-image: url('../img/kefu.gif');
            background-repeat: no-repeat;
        }

        .main-content .main_left .btn_qq {
            display: block;
            margin-top: 15px;
            margin-left: 10px;
            margin-right: 10px;
            width: 280px;
            height: 90px;
            border: 1px solid #9F0100;
            border-radius: 10px;
            background-image: url('../img/qq.gif');
            background-repeat: no-repeat;
        }

        .main-content .main_left .btn_jianhu {
            display: block;
            margin-top: 15px;
            margin-left: 10px;
            margin-right: 10px;
            width: 280px;
            height: 60px;
            background-image: url('../img/jianhu.gif');
            background-repeat: no-repeat;
        }

    .main-content .main_con {
        width: 900px;
        float: left;
        margin-bottom: 10px;
    }

        .main-content .main_con > .con_info {
            margin-left: 40px;
            width: 850px;
            border: 1px solid #FE1310;
            -webkit-box-shadow: inset 0 0 20px #0C0C0C;
            -moz-box-shadow: inset 0 0 20px #0C0C0C;
            box-shadow: inset 0 0 20px #0C0C0C;
            border-radius: 10px;
            background-color: #3e0403;
            padding: 10px;
        }

        .main-content .main_con .con_info .list_info {
            width: 600px;
            height: 100%;
            padding-left: 10px;
        }

            .main-content .main_con .con_info .list_info .list_title {
                padding: 10px 10px 0 10px;
            }

                .main-content .main_con .con_info .list_info .list_title p {
                    font-weight: 600;
                    color: #fff;
                    font-size: 1.2em;
                    margin: 10px;
                }

                    .main-content .main_con .con_info .list_info .list_title p > span {
                        color: #F39C0B;
                    }

                .main-content .main_con .con_info .list_info .list_title .more {
                    color: #F39C0B;
                    font-size: 0.7em;
                    font-weight: 400;
                    border-radius: 5px;
                    background-color: #5C0403;
                    padding: 5px 10px 5px 10px;
                }

                    .main-content .main_con .con_info .list_info .list_title .more:hover {
                        color: #FDF936;
                    }

            .main-content .main_con .con_info .list_info .list_split {
                height: 10px;
                margin: 0 20px 10px 15px;
                border-radius: 10px;
                background-color: #5C0403;
            }

            .main-content .main_con .con_info .list_info .list_con {
                min-height: 200px;
                margin-bottom: 10px;
            }

                .main-content .main_con .con_info .list_info .list_con > ul {
                    padding-left: 20px;
                    padding-right: 20px;
                }

                    .main-content .main_con .con_info .list_info .list_con > ul li {
                        list-style: none;
                    }

                        .main-content .main_con .con_info .list_info .list_con > ul li a {
                            color: #B04D09;
                            display: inline-block;
                            width: 100%;
                            padding-top: 5px;
                            padding-bottom: 5px;
                            border-bottom: 1px dashed #AA0000;
                        }

                            .main-content .main_con .con_info .list_info .list_con > ul li a:hover {
                                color: #FDF936;
                            }

                            .main-content .main_con .con_info .list_info .list_con > ul li a > span {
                                margin-left: 10px;
                                float: right;
                            }

    .main-content .list_aid {
        padding-left: 10px;
    }

        .main-content .list_aid a {
            display: block;
        }

            .main-content .list_aid a:hover {
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -o-transform: scale(1.1);
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
            }

    .main-content .main_con .con_info .btn_info {
        width: 200px;
        padding-left: 20px;
        padding-bottom: 30px;
        margin-left: 20px;
        border-left: 2px ridge #5A0403;
    }

        .main-content .main_con .con_info .btn_info > a {
            display: block;
            width: 189px;
            height: 91px;
            margin-top: 30px;
            overflow: hidden;
            position: relative;
        }

            .main-content .main_con .con_info .btn_info > a:after {
                background: #fff;
                content: "";
                height: 255px;
                left: -145px;
                opacity: .2;
                position: absolute;
                top: -75px;
                -webkit-transform: rotate(35deg);
                -ms-transform: rotate(35deg);
                -moz-transform: rotate(35deg);
                -o-transform: rotate(35deg);
                transform: rotate(35deg);
                -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
                -moz-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
                -o-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
                transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
                width: 100px;
                z-index: 100;
            }

            .main-content .main_con .con_info .btn_info > a:hover:after {
                left: 120%;
                -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
                -moz-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
                -o-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
                transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
            }

/*sml-content*/
.sml-content {
    background-image: url('../img/small_groundback.gif');
    background-repeat: repeat;
    padding-bottom: 10px;
    height: 100%;
}

    .sml-content > .content-wrapper {
        border-radius: 10px;
        background-color: #fff;
        padding: 20px;
    }

.head {
    background-color: #851513;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    color: #fff;
    padding: 0 30px 0 30px;
}

.sml-content .content-wrapper .head span {
    float: right;
    font-size: .8em;
    font-weight: 400;
}

.sml-content .content-wrapper .head .active {
    color: #FFFC01;
}

.sml-content .head .active > a, .sml-content .head .active > a:hover {
    color: #FFFC01;
    text-decoration: none;
}

.sml-content .content-wrapper .content .content-wrapper {
    width: 900px;
}

.sml-content .content-wrapper .content .tips {
    border: 1px solid #FFCD94;
    background-color: #FFFDD4;
    color: #C11410;
    text-align: center;
    font-weight: 600;
    height: 100%;
}

.sml-content .content > ul {
    padding-left: 0;
    padding-right: 0;
}

    .sml-content .content > ul li {
        list-style: none;
    }

.sml-content .news_content > ul {
    padding-left: 40px;
    padding-right: 40px;
}

    .sml-content .news_content > ul li {
        list-style: none;
    }

        .sml-content .news_content > ul li a {
            display: inline-block;
            width: 100%;
            padding-top: 15px;
            padding-bottom: 10px;
            border-bottom: 1px dashed #B0B0B0;
        }

            .sml-content .news_content > ul li a:hover {
                font-weight: 600;
                color: #AA0000;
            }

            .sml-content .news_content > ul li a > span {
                margin-left: 10px;
                float: right;
            }

.news_detail {
    padding: 0 30px;
}

    .news_detail h1 {
        font-weight: bold;
        font-size: 29px;
    }

    .news_detail p {
        text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/
    }

    .news_detail .news_title_small {
        text-align: center;
        margin-bottom: 30px;
    }

    .news_detail h3 {
        margin-bottom: 10px;
    }
/* footer
----------------------------------------------------------*/
footer {
    background-color: #000000;
    color: #696969;
    clear: both;
    font-size: .8em;
}

    footer ul, footer li {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    footer .copy {
        margin-top: 20px;
        margin-left: 100px;
        text-align: center;
        width: 60%;
    }

    footer .about {
        height: 30px;
        padding: 10px 0 5px;
        text-align: center;
    }

        footer .about a {
            color: #fff;
            border-right: 1px solid #fff;
            line-height: 17px;
            list-style: none;
            outline: medium;
            text-decoration: none;
            text-align: center;
            padding: 0 10px;
        }
/*#region web_game */

.web_game .well {
    padding: 10px;
    margin: 20px 30px;
    background-color: #F2F2F2;
    border: 1px solid #D3D3D3;
}

.web_game .game_img {
    width: 335px;
    height: 195px;
    float: left;
}

    .web_game .game_img img {
        width: 332px;
        height: 195px;
    }

.web_game .game_info {
    float: left;
    width: 720px;
    padding: 10px;
}

    .web_game .game_info .game_title {
        border-bottom: 1px dashed #B0B0B0;
        padding-bottom: 15px;
    }

        .web_game .game_info .game_title > span {
            font-size: 18px;
            font-weight: 700;
            letter-spacing: 3px;
            color: #861511;
            float: left;
        }

        .web_game .game_info .game_title .active_time {
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0;
            float: right;
            padding-top: 5px;
        }

.web_game .active_content {
    padding-top: 20px;
}

    .web_game .active_content span {
        color: #861511;
        font-weight: 700;
    }

.web_game .game_info .btn {
    float: right;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 25px;
    vertical-align: middle;
    margin-right: 20px;
    padding: 5px 15px 5px 5px;
}

    .web_game .game_info .btn.noimg {
        padding-left: 30px;
        padding-right: 30px;
    }

    .web_game .game_info .btn:hover {
        box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
    }

    .web_game .game_info .btn.green {
        background-color: #5ABD0B;
        box-shadow: 0 2px 0 #66AF52, 2px 4px 6px #66AF52;
    }

        .web_game .game_info .btn.green:hover {
            box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
        }

    .web_game .game_info .btn.red {
        background-color: #FD6220;
        box-shadow: 0 2px 0 #FD6220, 2px 4px 6px #FD6220;
    }

        .web_game .game_info .btn.red:hover {
            box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
        }

    .web_game .game_info .btn.blue {
        background-color: #066AC0;
        box-shadow: 0 2px 0 #066AC0, 2px 4px 6px #066AC0;
    }

        .web_game .game_info .btn.blue:hover {
            box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
        }

    .web_game .game_info .btn > .btn_icon {
        display: inline-block;
        margin-right: 10px;
        float: left;
    }

.web_game .game_cro p {
    line-height: 30px;
}

.web_game .game_serv > span {
    line-height: 35px;
    font-size: 16px;
    font-weight: 600;
    color: #FF5A00;
    margin-right: 8px;
}


/*#endregion */

.content {
    position: relative;
}

.gamer .gamer_page {
    float: left;
    min-width: 30px;
    height: 574px;
}

    .gamer .gamer_page .gamer_page_btn {
        width: 100%;
        display: block;
        margin-top: 200px;
    }

        .gamer .gamer_page .gamer_page_btn:hover {
            -webkit-transform: scale(1.2); /*规模变大为1.2倍  */
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            transform: scale(1.2);
        }

    .gamer .gamer_page.gamer_next {
        position: absolute;
        top: 0;
        right: 0;
    }

.gamer .gamer_next img {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.gamer .gamer_page_rado {
    margin-top: 20px;
    width: 100%;
    text-align: center;
}

    .gamer .gamer_page_rado > a {
        color: #fff;
        font-size: 20px;
        width: 30px;
        line-height: 30px;
        display: inline-block;
        background: #FE5A8D;
        margin-right: 30px;
        border-radius: 20px;
        text-decoration: none;
    }

        .gamer .gamer_page_rado > a:hover, .gamer .gamer_page_rado > a.active {
            background: #C121A5;
            text-decoration: none;
        }

.gamer_info {
    height: 315px;
    width: 600px;
    overflow: hidden;
    padding: 5px;
    position: relative;
}

    .gamer_info .gamer_img {
        width: 265px;
        height: 100%;
        position: absolute;
        left: 5px;
    }

    .gamer_info .gamer_des {
        margin-left: 280px;
        width: 300px;
        height: 100%;
        padding-top: 10px;
        font-size: 14px;
    }

        .gamer_info .gamer_des p {
            margin: 0 0 5px;
        }

        .gamer_info .gamer_des .gamer_title {
            font-size: 20px;
            color: #f13d87;
        }

        .gamer_info .gamer_des .gamer_text_title {
            color: #f13d87;
            font-weight: 600;
        }

/*#region waterfall */


.gamer .waterfall {
    width: 1000px;
    height: 574px;
    margin: 10px auto;
}

    .gamer .waterfall .item_list {
        position: relative;
    }

        .gamer .waterfall .item_list .item {
            position: absolute;
            top: 0;
            left: 0;
            overflow: hidden;
            background: #fff;
        }

        .gamer .waterfall .item_list .label {
            width: 250px;
            height: 142px;
            top: 0;
            left: 750px;
            overflow: hidden;
        }

            .gamer .waterfall .item_list .label a {
                width: 82px;
                height: 46px;
                line-height: 46px;
                text-align: center;
                font-size: 18px;
                color: #fff;
                background: #FE5A8D;
                top: 0;
                left: 0;
                display: block;
                position: absolute;
                -moz-transition: all .3s ease-in-out 0s;
                -o-transition: all .3s ease-in-out 0s;
                -webkit-transition: all .3s ease-in-out 0s;
                transition: all .3s ease-in-out 0s;
            }

                .gamer .waterfall .item_list .label a:hover {
                    background: #C121A5;
                    text-decoration: none;
                }

                .gamer .waterfall .item_list .label a.curr {
                    background: #C121A5;
                    text-decoration: none;
                }

                .gamer .waterfall .item_list .label a.a1 {
                    top: 0;
                    left: 0;
                }

                .gamer .waterfall .item_list .label a.a2 {
                    top: 0;
                    left: 84px;
                }

                .gamer .waterfall .item_list .label a.a3 {
                    top: 0;
                    left: 168px;
                }

                .gamer .waterfall .item_list .label a.a4 {
                    top: 48px;
                    left: 0;
                }

                .gamer .waterfall .item_list .label a.a5 {
                    top: 48px;
                    left: 84px;
                }

                .gamer .waterfall .item_list .label a.a6 {
                    top: 48px;
                    left: 168px;
                }

                .gamer .waterfall .item_list .label a.a7 {
                    top: 96px;
                    left: 0;
                }

                .gamer .waterfall .item_list .label a.a8 {
                    top: 96px;
                    left: 84px;
                }

                .gamer .waterfall .item_list .label a.a9 {
                    top: 96px;
                    left: 168px;
                }

        .gamer .waterfall .item_list .size1 {
            width: 248px;
            height: 286px;
        }

        .gamer .waterfall .item_list img.tm {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            cursor: pointer;
            -moz-transition: all .4s ease-in-out 0s;
            -o-transition: all .4s ease-in-out 0s;
            -webkit-transition: all .4s ease-in-out 0s;
            transition: all .4s ease-in-out 0s;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
        }

            .gamer .waterfall .item_list img.tm:hover {
                -webkit-transform: scale(1.2);
                -moz-transform: scale(1.2);
                -ms-transform: scale(1.2);
                -o-transform: scale(1.2);
                transform: scale(1.2);
            }

        .gamer .waterfall .item_list .size1 img.tm {
            width: 248px;
            height: 286px;
        }

        .gamer .waterfall .item_list .size2 {
            width: 123px;
            height: 142px;
        }

            .gamer .waterfall .item_list .size2 img.tm {
                width: 123px;
                height: 142px;
            }

        .gamer .waterfall .item_list .tm {
            opacity: 0;
            filter: alpha(opacity=0);
        }

        .gamer .waterfall .item_list .loading_img {
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -8px 0 0 -8px;
            z-index: 1;
            width: 20px;
        }

        .gamer .waterfall .item_list .pos1 {
            top: 0;
            left: 0;
        }

        .gamer .waterfall .item_list .pos2 {
            top: 0;
            left: 250px;
        }

        .gamer .waterfall .item_list .pos3 {
            top: 0;
            left: 375px;
        }

        .gamer .waterfall .item_list .pos4 {
            top: 144px;
            left: 250px;
        }

        .gamer .waterfall .item_list .pos5 {
            top: 144px;
            left: 375px;
        }

        .gamer .waterfall .item_list .pos6 {
            top: 0;
            left: 500px;
        }

        .gamer .waterfall .item_list .pos7 {
            top: 144px;
            left: 750px;
        }

        .gamer .waterfall .item_list .pos8 {
            top: 144px;
            left: 875px;
        }

        .gamer .waterfall .item_list .pos9 {
            top: 288px;
            left: 0;
        }

        .gamer .waterfall .item_list .pos10 {
            top: 432px;
            left: 0;
        }

        .gamer .waterfall .item_list .pos11 {
            top: 288px;
            left: 125px;
        }

        .gamer .waterfall .item_list .pos12 {
            top: 288px;
            left: 375px;
        }

        .gamer .waterfall .item_list .pos13 {
            top: 432px;
            left: 375px;
        }

        .gamer .waterfall .item_list .pos14 {
            top: 288px;
            left: 500px;
        }

        .gamer .waterfall .item_list .pos15 {
            top: 432px;
            left: 500px;
        }

        .gamer .waterfall .item_list .pos16 {
            top: 288px;
            left: 625px;
        }

        .gamer .waterfall .item_list .pos17 {
            top: 288px;
            left: 875px;
        }

        .gamer .waterfall .item_list .pos18 {
            top: 432px;
            left: 875px;
        }


/*#endregion */


/*#region Recharge */

.chongzhi_biaoti {
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    margin: 10px auto;
    background: #fff9e4;
    border: 1px solid #f4e8cc;
    color: #d30000;
    padding-left: 5px;
}

    .chongzhi_biaoti span {
        color: #666666;
        font-size: 12px;
        font-weight: normal;
        float: right;
        padding-right: 5px;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACYElEQVQ4jW2TP0wTYRjGn+/uWjmEploGg11BQow2oWqMCzExJkYSUBeNA3F1wTgxGCUOuPhnMpHEFdw4F8Pgn4KTehBAJEg1qbQpJCi03LXc9e59Pwfi0QOf7fve3/M+b97kFdijjoWrJ6IiMqRKJa1CSRITXK4VXPZMl2v3C+mJ+Xpe1D9Ofrs+rgqld8VdwyZZIBAAQIWCJuhIyBg89o38mYm+UIO7+acNk9ZM9rdfSuZqxb1DhZSgZugULRytHG77dOGVowHA263PY2WyA3NvvBupxnak9GPI1YowShlkrGkAwB/VQpwbkz8b1sYA9In04s00Q36ZqS4FKbLL3Jf8bHUUd4pPgndLpQnMfEpxuDa84q6F4AfFEaQy1xB/cxbG6nsAQH9LD1DyA8aOOvAEDSu6ONC5SVaowdDqCOb8HyjHXcxyFgBQ8izApoBxNYLwZKcmpWz9t+2QDmnoT/Rg4MiNnamWngPKblkKCSZu1Yj/Ywbwof0Fupu7MFv5joG5R5hcN4GYGmJIMhSfqajWt94jI/8Ok5vTQCICxLTgX0iAmIqazdXFJuitZVRCxoH8Y8RtHblyAWhUAD0cIhyANF5UIqwOJmRsX/Js5ygyp1+iv+MKcFDdV1csAns0qCynX5se+0aCmkNAxppGZsNEbj0PbPhh8xaDwIa8/NUUAHB+6lbDslbI2mI7WYpUd8mSD3gSiAggrgVmWaWC/LXdhttZJ3RMLR+7x8Gy1446cDWCFDJYmHB2xiawIS/Nh4+pXrGpc8dB8qEkmZY+J0kyCFQgwSYLeU9enFuo5/8C72Upr1+RXzIAAAAASUVORK5CYII=') /*../img/pay/help.png*/;
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 20px;
    }

.congzhi_table {
    margin: 0 auto;
    border: 1px solid #ccc;
    border-top: 0;
    border-left: 0;
}

    .congzhi_table td {
        height: 30px;
        line-height: 30px;
        padding: 5px;
        border: 1px solid #ccc;
        border-bottom: 0;
        border-right: 0;
    }

    .congzhi_table .td_title {
        width: 26%;
        text-align: right;
        font-weight: 600;
        border-right: 0;
    }

    .congzhi_table .td_content {
        width: 74%;
        text-align: left;
        border-left: 0;
    }

.border_leixing, .border_none_ltb {
    border: none;
    width: 100%;
}

    .border_leixing td, .border_none_ltb td {
        width: 50%;
    }

    .border_leixing td, .border_none_ltb td, .boder_white {
        border: 1px solid transparent;
        cursor: pointer;
    }

        .boder_white:hover {
            border: 1px solid #AA0000;
        }

.chongzhi_input {
    width: 210px;
    float: left;
    margin-top: 5px;
}

    .chongzhi_input .input {
        border: 1px solid #a3a3a3;
        height: 25px;
        line-height: 25px;
        width: 210px;
    }

    .chongzhi_input .tip {
        width: 200px;
        float: left;
        margin-left: 20px;
        margin-top: 3px;
    }

.queren_button {
    background-image: url('../img/pay/button.png');
    background-repeat: no-repeat;
    background-position: -363px -93px;
    width: 132px;
    height: 36px;
    border: none 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-top: 10px;
    cursor: pointer;
}

.onShow {
    background-image: url('data:image/gif;base64,R0lGODlhFgAWAPd/ABRFo4mu4QBm1gtixgB+7QJPtg9LrABeygBCrABSviKi/gBdzQBr3gBh0QBgzAFJswBr2ABp1l6MzABw4ABi1gA/qQA5ogBLtgBFshRAnQBWwuDf5QB25au82wBk0ABx3////wBm0tTX4wCG9vvt4BuH5t75/wCF9iGP6wY2mqHR9ABcxxyD3wBq2yZmvQ2Z/wBf1Bp61pu03P//+9ra4x2l/z6l9TJaqhJgwBBkxjZaqf//81bA/3aQwQCM/meMxhFmyQCF9BVuzx1vytDs/vbw7Q+N8//46hKR9arf/wpr0ABu3D16xPvw506z/A9TtQxWuQB55hVv0bLk/1W//wBMuEK4/w+H7X+SwRRz1Rt93Ap02pux2oCTwp603ESO1orU//7s24XQ/wdu1jdZpyJqwyJuxyZpwSZ70f//9D2q+UOo9xFhxTGe9TBbrB+L6f/88////QBp2ABm2czS4wBjzwBQu5+z2dva5XWRxACM/QCO/8zU4xVDn1jB/////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAH8ALAAAAAAWABYAAAiUAP8IHEiwoMGDCBMqXMiwIcENdDp0uHOHTpGGIjrQiSixQ5cNC2l0yEix40QaCYvcySgxjMsuE7uEQaiRYweXYejArEjT5s0jG+5IxNKBpskOR46E8ejxDkKhJsPQoAMVplGmJSXCtHrQ582XQ2ceDLNVotKlRGUmJKtVBFWYWMSuZYrlDtG4DaUy/eqwr9+/gPsGBAA7') /*../img/pay/onShow.gif*/;
    background-repeat: no-repeat;
    padding-left: 25px;
    font-size: 12px;
    line-height: 22px;
    vertical-align: middle;
}

.chongzhi_tishi {
    line-height: 30px;
    clear: both;
    padding-top: 5px;
    margin-top: 20px;
    background: #fff9e4;
    border: 1px solid #f4e8cc;
    padding-left: 10px;
}

.chongzhi_tishi_title {
    font-size: 16px;
    color: #FF0000;
    font-weight: bold;
}

.pay_help .toggle_title {
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    width: 100%;
}

    .pay_help .toggle_title:hover {
        text-decoration: none;
    }

    .pay_help .toggle_title span {
        margin-right: 10px;
        color: #ac0000;
    }

    .pay_help .toggle_title .tipes {
        display: inline-block;
        line-height: 36px;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        width: 36px;
        height: 36px;
        border-radius: 10px;
        margin-right: 10px;
        color: #FFFFFF;
        background: -moz-linear-gradient(top, #E67650 0, #942905 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#E67650), color-stop(100%,#942905));
        background: -webkit-linear-gradient(top, #E67650 0,#942905 100%);
        background: -o-linear-gradient(top, #E67650 0,#942905 100%);
        background: -ms-linear-gradient(top, #E67650 0,#942905 100%);
        background: linear-gradient(to bottom, #E67650 0,#942905 100%);
    }

.pay_help .panel-body p {
    padding-left: 10px;
    line-height: 24px;
}

    .pay_help .panel-body p > span {
        font-weight: bolder;
        font-size: 14px;
        display: inline-block;
        width: 100%;
    }


.content .pay-pane {
    width: 562px;
    min-height: 700px;
    margin: 20px auto;
}


.sml-content .content-wrapper .recharge-menu {
    width: 250px;
    position: absolute;
    left: 30px;
}

    .sml-content .content-wrapper .recharge-menu .head {
        color: #FEF600;
    }

.sml-content .content-wrapper .recharge-con {
    margin-left: 300px;
    width: 850px;
    min-height: 790px;
}

.sml-content .recharge-con .head, .sml-content .recharge-con .head .active {
    color: #FEF600;
}

    .sml-content .recharge-con .head span {
        color: #fff;
    }



.recharge-menu ul {
    background-color: #FDFFBB;
    box-shadow: 3px 3px 3px rgba(48, 58, 58, 0.5);
}

    .recharge-menu ul > li {
        margin: 0;
        border-top: 1px solid #F7E35C;
    }

        .recharge-menu ul > li.active {
            border: 0;
        }

            .recharge-menu ul > li.active > a, .recharge-menu ul > li.active > a:focus, .recharge-menu ul > li.active > a:hover {
                color: #fff;
                background-color: #FDFFBB;
                background-image: url('../img/pay/back-selected.png');
                background-size: cover;
                border-radius: 0;
                margin-left: -10px;
                margin-bottom: -10px;
                padding-bottom: 15px;
            }

.tip-info {
    margin-top: 10px;
    display: block;
    width: 100%;
}
/*#endregion */

.question-menu {
    position: absolute;
    left: 30px;
    width: 240px;
}

.question-con {
    float: left;
    margin-left: 300px;
    width: 850px;
    min-height: 500px;
}

.question-menu ul {
    background-color: #FDFFBB;
    box-shadow: 3px 3px 3px rgba(48, 58, 58, 0.5);
}

    .question-menu ul > li {
        margin: 0;
        border-top: 1px solid #F7E35C;
    }

        .question-menu ul > li > a {
            color: #492201;
            padding: 10px 45px;
            line-height: 44px;
            font-size: 16px;
        }

        .question-menu ul > li.active {
            border: 0;
        }

            .question-menu ul > li.active > a, .question-menu ul > li.active > a:hover, .question-menu ul > li.active > a:focus {
                color: #fff;
                background-color: #FDFFBB;
                background-image: url('../img/question/back-selected.png');
                background-size: cover;
                border-radius: 0;
                margin-left: -10px;
                margin-bottom: -10px;
                padding-bottom: 15px;
            }


.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #fff;
}

.question-head > li > a {
    color: #fff;
    font-weight: bold;
    border: 1px solid #BFBFBF;
    border-radius: 0;
    padding: 10px 0;
    background: -moz-linear-gradient(top, #AA120F 0, #871514 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#AA120F), color-stop(100%,#871514));
    background: -webkit-linear-gradient(top, #AA120F 0,#871514 100%);
    background: -o-linear-gradient(top, #AA120F 0,#871514 100%);
    background: -ms-linear-gradient(top, #AA120F 0,#871514 100%);
    background: linear-gradient(to bottom, #AA120F 0,#871514 100%);
    background-color: #AA120F;
}

    .question-head > li.active > a, .question-head > li.active > a:hover, .question-head > li.active > a:focus, .question-head > li > a:hover, .question-head > li > a:focus {
        color: #fff;
        font-weight: bold;
        border: 1px solid #BFBFBF;
        background: -moz-linear-gradient(top, #519607 0, #41760A 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#519607), color-stop(100%,#41760A));
        background: -webkit-linear-gradient(top, #519607 0,#41760A 100%);
        background: -o-linear-gradient(top, #519607 0,#41760A 100%);
        background: -ms-linear-gradient(top, #519607 0,#41760A 100%);
        background: linear-gradient(to bottom, #519607 0,#41760A 100%);
        background-color: #519607;
    }

.down_text {
    margin: 30px 0;
    text-align: center;
}

.mobile_down_text {
    margin: 10px 0;
    text-align: center;
}

.down-leap {
    font-size: 36px;
    margin-top: 30px;
}

.down-title {
    font-size: 30px;
    color: #00A3FD;
}

.down-small {
    font-size: 18px;
    color: #7A7A7A;
    margin-bottom: 50px;
}

.down-btn {
    height: 328px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
}

    .down-btn a {
        display: inline-block;
        margin-top: 155px;
    }

        .down-btn a:hover {
            -moz-transform: scale(0.9);
            -ms-transform: scale(0.9);
            -o-transform: scale(0.9);
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
        }

.down-game {
    background-image: url('../img/download/khd.PNG');
}

.down-bd {
    background-image: url('../img/download/bd.png');
}

.down-flash {
    background-image: url('../img/download/flash.PNG');
}

.down-ie {
    background-image: url('../img/download/ie.PNG');
}

.flex {
    overflow: hidden;
}

    .flex .slides {
        margin: 0;
        padding: 0;
        list-style: none;
        position: relative;
        -moz-transition: transform ease-out .3s;
        -o-transition: transform ease-out .3s;
        -webkit-transition: transform ease-out .3s;
        transition: transform ease-out .3s;
    }

        .flex .slides:after {
            clear: both;
        }

        .flex .slides li {
            display: block;
            position: relative;
            overflow: hidden;
            float: left;
        }

.tab-pane {
    position: relative;
}

.alert_bar {
    width: 600px;
    border-radius: 10px;
    background-color: #fff;
    padding: 10px 10px;
}

    .alert_bar .alert_head {
        width: 100%;
        line-height: 50px;
        height: 50px;
        background-image: url('../img/alert/bg_head.jpg');
        background-repeat: no-repeat;
        margin-left: -11px;
        margin-right: -10px;
        padding-left: 30px;
    }

        .alert_bar .alert_head img {
            margin-bottom: 10px;
        }

        .alert_bar .alert_head span {
            color: #fff;
            font-size: 24px;
        }

    .alert_bar .alert_body {
        border: 1px solid #CFCFCF;
        border-radius: 10px;
        width: 100%;
        margin-top: 10px;
        padding: 10px;
        background-color: #F1F1F1;
        overflow-y: auto;
    }

    .alert_bar .alert_item {
        padding: 10px 20px;
        border-bottom: 1px dashed #CFCFCF;
    }

        .alert_bar .alert_item .item_title {
            font-size: 22px;
            color: #F15500;
            margin: 10px 0;
        }

        .alert_bar .alert_item p {
            color: #760300;
            line-height: 25px;
        }

        .alert_bar .alert_item span {
            color: #FF0500;
            margin-right: 30px;
        }

    .alert_bar .btn {
        color: #fff;
        background-color: #FF651F;
        padding: 5px 30px;
        margin: 10px;
    }

    .alert_bar .last_item {
        border-bottom: none;
    }

.alert_process {
    width: 700px;
    height: 500px;
}

.report_panel {
    width: 300px;
    background-color: #FAFFAD;
    margin-bottom: 10px;
}

    .report_panel ol {
        width: 50%;
        color: #760300;
        float: left;
        padding-top: 10px;
    }

#loading {
    background-color: #374140;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    margin-top: 0px;
    top: 0px;
}

#loading-center {
    width: 100%;
    height: 100%;
    position: relative;
}

#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 150px;
    width: 150px;
    margin-top: -75px;
    margin-left: -75px;
}

.object {
    width: 20px;
    height: 20px;
    background-color: #FFF;
    float: left;
    margin-right: 20px;
    margin-top: 65px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
}

#object_one {
    -webkit-animation: object_one 1.5s infinite;
    animation: object_one 1.5s infinite;
}

#object_two {
    -webkit-animation: object_two 1.5s infinite;
    animation: object_two 1.5s infinite;
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

#object_three {
    -webkit-animation: object_three 1.5s infinite;
    animation: object_three 1.5s infinite;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

@-webkit-keyframes object_one {
    75% {
        -webkit-transform: scale(0);
    }
}

@keyframes object_one {

    75% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
}

@-webkit-keyframes object_two {
    75% {
        -webkit-transform: scale(0);
    }
}

@keyframes object_two {
    75% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
}

@-webkit-keyframes object_three {

    75% {
        -webkit-transform: scale(0);
    }
}

@keyframes object_three {

    75% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
}

.btn_flash {
    position: absolute;
    right: 0;
    top: 10px;
    border: 1px solid #b1b5b7;
    padding: 5px;
}

    .btn_flash > img {
        margin-right: 10px;
    }

    .btn_flash:hover, .btn_flash:active {
        text-decoration: none;
        background-color: #c0c5de;
    }

.news_detail table {
    width: 100%;
    max-width: 100%;
    border: 1px solid #ddd;
}

    .news_detail table td {
        border: 1px solid #ddd;
    }