﻿@charset "utf-8";

#firstbg {
    margin: 0;
    height: 417px;
    background: url(../images/firstbg.png) no-repeat center top;
}

#newsbg {
    width: 1000px;
    height: 38px;
    margin-top: 1px;
    background: url(../images/idxnewsbg.png) no-repeat;
    margin: 0 auto;
    color: #4d3a00;
}

#newsbg1 {
    width: 1000px;
    height: 38px;
    margin-top: 1px;
    margin: 0 auto;
    color: #FFFFFF;
}

.first_news {
    width: 790px;
    height: 38px;
    line-height: 38px;
    float: right;
    margin-right: 47px;
}

#firstgame {
    width: 1000px;
    height: 323px;
    margin: 0 auto;
    background: url(../images/idxfirstbgin.png) no-repeat;
    margin-top: 16px;
    position: relative;
}

#firstkefu {
    width: 224px;
    height: 42px;
    position: absolute;
    top: 0;
    left: 393px;
}

    #firstkefu a {
        display: block;
        width: 224px;
        height: 42px;
    }

#firstyouhui {
    width: 235px;
    height: 42px;
    position: absolute;
    bottom: 0;
    left: 393px;
}

    #firstyouhui a {
        display: block;
        width: 235px;
        height: 42px;
    }

#f1 {
    width: 178px;
    height: 229px;
    position: absolute;
    top: 46px;
    left: 21px;
}

    #f1 a {
        display: block;
        width: 178px;
        height: 229px;
        background: url(../images/f1.png) no-repeat;
    }

        #f1 a:hover {
            filter: alpha(opacity=90);
            -moz-opacity: 0.9;
            -khtml-opacity: 0.9;
            opacity: 0.9;
        }

#f2 {
    width: 177px;
    height: 203px;
    position: absolute;
    top: 61px;
    left: 218px;
}

    #f2 a {
        display: block;
        width: 177px;
        height: 203px;
        background: url(../images/f2.png) no-repeat;
    }

        #f2 a:hover {
            filter: alpha(opacity=90);
            -moz-opacity: 0.9;
            -khtml-opacity: 0.9;
            opacity: 0.9;
        }

#f3 {
    width: 178px;
    height: 191px;
    position: absolute;
    top: 67px;
    left: 413px;
}

    #f3 a {
        display: block;
        width: 178px;
        height: 191px;
        background: url(../images/f3.png) no-repeat;
    }

        #f3 a:hover {
            filter: alpha(opacity=90);
            -moz-opacity: 0.9;
            -khtml-opacity: 0.9;
            opacity: 0.9;
        }

#f4 {
    width: 178px;
    height: 203px;
    position: absolute;
    top: 61px;
    left: 610px;
}

    #f4 a {
        display: block;
        width: 178px;
        height: 203px;
        background: url(../images/f4.png) no-repeat;
    }

        #f4 a:hover {
            filter: alpha(opacity=90);
            -moz-opacity: 0.9;
            -khtml-opacity: 0.9;
            opacity: 0.9;
        }

#f5 {
    width: 177px;
    height: 229px;
    position: absolute;
    top: 47px;
    left: 807px;
}

    #f5 a {
        display: block;
        width: 177px;
        height: 229px;
        background: url(../images/f5.png) no-repeat;
    }

        #f5 a:hover {
            filter: alpha(opacity=90);
            -moz-opacity: 0.9;
            -khtml-opacity: 0.9;
            opacity: 0.9;
        }


#L-Menual {
    margin: 0;
    height: 39px;
    zoom: 1;
}

    #L-Menual ul {
        margin: 0;
        padding: 0;
    }

        #L-Menual ul li {
            width: 100%;
            height: 39px;
            background: url(../images/Lbg.png) no-repeat right top;
        }

            #L-Menual ul li a {
                width: 100%;
                height: 39px;
                line-height: 39px;
                display: block;
                text-decoration: none;
                text-align: center;
                color: #080808;
                font-weight: bold;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 14px;
            }

                #L-Menual ul li a:hover, #L-Menual ul li a.current {
                    color: #FFFFFF;
                    background: url(../images/mOver.png) no-repeat left top;
                    background-size: contain;
                }



            #L-Menual ul li.flashad-youhui {
                position: relative;
                background: none;
            }

                #L-Menual ul li.flashad-youhui div {
                    position: absolute;
                    z-index: 90;
                    left: -5px;
                    top: 3px;
                    margin-left: 10px;
                    width: 116px;
                    height: 33px;
                    line-height: 30px;
                    text-align: center;
                    background: url(../images/youhui1.png) no-repeat;
                }

                #L-Menual ul li.flashad-youhui a {
                    color: #00E4FF;
                }

                    #L-Menual ul li.flashad-youhui a:hover {
                        background: none;
                        color: #FF0000;
                    }

            #L-Menual ul li.flashad-kefu {
                position: relative;
                background: none;
            }

                #L-Menual ul li.flashad-kefu div {
                    position: absolute;
                    z-index: 100;
                    left: 0px;
                    top: 3px;
                    width: 118px;
                    height: 33px;
                    line-height: 30px;
                    text-align: center;
                    background: url(../images/kefu.png) no-repeat;
                }

                #L-Menual ul li.flashad-kefu a {
                    color: #DDFF20;
                }

                    #L-Menual ul li.flashad-kefu a:hover {
                        background: none;
                        color: #FF0000;
                    }

#page-footer {
    float: left;
    width: 100%;
    margin: 0;
    height: auto;
    background-color: #0c0c0c;
}

.footer {
    width: 1000px;
    margin: 0 auto;
    height: 76px;
    position: relative;
    padding-top: 18px;
    color: #9D9D9D;
}

.honbet {
    float: left;
    width: 150px;
    height: 60px;
}

#page-footer .honbet a {
    display: block;
    width: 150px;
    height: 60px;
}

#ArticleList {
    position: absolute;
    top: -20px;
    left: 0;
    width: 1000px;
    height: 37px;
    line-height: 37px;
    background: url(../images/article.png) no-repeat center top;
    overflow: hidden;
    text-align: center;
    color: #9c9c9c;
}

    #ArticleList a {
        color: #9c9c9c;
        padding: 0 5px;
    }

        #ArticleList a:hover {
            color: #FFFFFF;
        }

#footermsg {
    margin: 0;
    padding: 0;
    height: 76px;
    line-height: 76px;
    overflow: hidden;
    text-align: right;
    color: #7c7c7c;
    background: url(../images/footermsg.png) no-repeat center bottom;
}

.copy {
    float: right;
}
.footerLogo {
    width: 100px;
}