﻿/* css author:songjianmin
 psd author:lilingjian songjianmin
 index.css ��index.html/content style*/
/*content*/ #content {
    width: 1004px;
    height: auto;
}

/*contentleft*/ #contentleft {
    width: 200px;
    height: 900px;
    float: left;
    padding-top: 30px;
    text-align: center;
} #contentlefttop {
    background: url(../img/leftbartopbg.gif) no-repeat top left;;
    width: 192px;
    height: 34px;
} #contentleftmid {
    background: url(../img/leftbarmidbg.gif) repeat-y;
    width: 192px;
    height: auto;
}

/*login*/ #login {
    text-align: center;
    clear: both;
    padding-top: 10px;
height:70px;
}#login iframe {

} 
#formleft {margin-left:auto;margin-right:auto;}
#formleft ul{ list-style:none; margin:0px; padding:0px; text-align:center;}
#formleft ul li{}
#leftbarbtn {
} .leftbar {
    width: 166px;
    height: auto;
    text-align: left;
    clear: both;
    padding-left: 14px !important; /*ff*/
    >padding-left: 2px !important; /*ie7*/
    padding-left: 12px; /*ie6*/
} .leftbartopbg {
    background: url(../img/servicetopbg.jpg) no-repeat top left;
    width: 166px;
    height: 37px;
} .leftbarmidbg {
    background: url(../img/servicemidbg.jpg) repeat-y top left;
    width: 166px;
    height: auto;
    padding-left: 10px;
    padding-top: 10px;
} .leftbarbottombg {
    background: url(../img/servicebottombg.jpg) no-repeat top left;
    width: 166px;
    height: 27px;
}#service {
}#servicetitle {
    margin-top: 12px;
} #statetitle {
    margin-top: 12px;
} #serverstate {
}#statemid ul {
} #contentleftbottom {
    background: url(../img/leftbarbottombg.gif) no-repeat bottom left;
    width: 192px;
    height: 12px;
}

/*contentright*/ #contentright {
    width: 800px;
    height: auto;
    float: left;
} * html #contentright {
    width: 804px;
} #contentrighthead {
    width: 797px;
    height: 291px;
    clear: both;
} #appeal {/*滚动广告*/
    width: 542px;
    height: 291px;
    float: left;
    margin-top: -15px
}#newtreasure {
    width: 249px;
    height: auto;
    padding-left: 6px;
    padding-top: 93px;
    float: left;
    text-align: left;
} #newtreasurehead {
    background: url(../img/newtreasureheadbg.gif) no-repeat bottom left;
    height: 62px;
} #newtreasuretop {
    background: url(../img/newtreasuretopbg.gif) no-repeat top left;
    height: 24px;
} #newtreasuretitle {
    margin-top: 1px;
}#newtreasuremid {
    background: url(../img/newtreasuremidbg.gif) repeat-y;
} .newtreasure {
    width: 228px;
    height: 54px;
    padding-left: 20px;
    padding-top: 14px;
} .newtreasureimg {
    float: left;
} .newtreasuretext {
    float: left;
    padding-left: 7px;
} .newtreasuretext img {
    margin-bottom: -3px;
}#contentrighttopframe {
    background: url(../img/contentrighttopbg.gif) no-repeat top left;
    width: 797px;
    height: 19px;
    clear: both;
} #contentrighttop {
    background: url(../img/contentrightmidbg.gif) repeat top left;
    width: 797px;
    height: 390px;
    clear: both;
} #newsnotice {
    width: 350px;
    height: 300px;
    float: left;
} #newsnoticetop {
    background: url(../img/namestopbg.gif) repeat-x top left;
    width: 331px;
    height: 33px;
    margin-left: 20px;
    margin-top: 6px;
} #newsnoticemid {
    width: 331px;
    height: 267px;
} #newsnoticemid ul {
    width: 300px;
    height: 250px;
    margin-left: 30px;
    margin-top: 15px;
} #newsul {
    display: block;
} #noticeul {
    display: none;
} #gamedata {
    width: 180px;
    height: 300px;
    float: left;
    margin-left: 13px;
} #gamedata ul {
    padding-top: 6px;
    line-height: 160%;
} #besttreasure {
    width: 239px;
    height: 300px;
    float: left;
} #besttreasuretop {
    background: url(../img/besttreasuretopbg.gif) no-repeat top left;
    width: 239px;
    height: 33px;
    margin-top: 6px;
    margin-left: 6px;
} #besttreasuretitle {
    margin-top: 8px;
}#treasuremid {
    width: 230px;
    height: 210px;
    margin-top: 25px;
    margin-left: 20px;
} #treasuremid li {
    margin-bottom: 18px;
} .treasureimg {
    float: left;
    width: 51px;
    height: 51px;
} .treasuretext {
    float: left;
    padding-top: 6px;
    width: 60px;
    height: 52px;
    text-align: left;
} .treasuretext img {
    margin-bottom: -4px;
} .treasureproduct {
} .treasureproduct li {
    width: 115px;
    height: 52px;
    float: left;
} #banner {
    width: 797px;
    height: 90px;
    clear: both;
    text-align: center;
    padding-left: 5px;
} #banner img {
    width: 246px;
    height: 69px;
    padding-right: 5px;
} #contentrightmid {
    background: url(../img/contentrightmidbg.gif) repeat-y;
    width: 797px;
    height: 350px;
    clear: both;
    text-align: center;
} #names {
    width: 362px;
    height: 350px;
    float: left;
    margin-left: 12px;
} #nametitleimg {
} #namestop {
    background: url(../img/namestopbg.gif) no-repeat top left;
    width: 352px;
    height: 32px;
    margin-left: 8px;
} #s1title {
} #s0title {
}#s1iframe {
    display: block;
} #s0iframe {
    display: none;
} #namescontent {
    width: 320px;
    height: 270px;
    margin-left: 16px;
    margin-top: 0px !important;
    >margin-top: -8px !important;
    margin-top: -8px;
} * html #namescontent {
    margin-left: 6px;
} #namesmid {
    background: url(../img/namesmidbg.gif) no-repeat bottom left;
    width: 340px;
    height: 300px;
    float: left;
    margin-left: 10px;
} * html #namesmid {
    width: 330px;
    margin-left: 0px;
} #player {
    width: 415px;
    height: 350px;
    margin-left: 8px;
    float: left;
} * html #player {
    width: 400px;
} #playertop {
    background: url(../img/playertopbg.gif) no-repeat top left;
    width: 405px;
    height: 32px;
    float: left;
    margin-left: 2px;
} * html #playertop {
    width: 400px;
    margin-left: 0px;
}#playermid {
    width: 380px;
    height: 300px;
    float: left;
    padding-top:5px;
} * html #playermid {
    width: 370px;
} .playerul {
    text-align: left;
    width: 370px;
    margin-top: 20px;
    margin-left: 20px;
    display: block;
} * html .playerul {
    margin-left: 10px;
} #taste {
    margin-top: 20px;
    margin-left: 20px;
} * html #taste {
    margin-left: 10px;
} .tasteul {
    text-align: left;
    width: 370px;
    display: block;
    clear: both;
} #tasteforeword {
    text-align: left;
    width: 370px;
    height: 42px;
    text-align: left;
    clear: both;
} #tasteforwordleft {
    width: 140px;
    height: 42px;
    float: left;
} #tasteforwordright {
    width: 50px;
    height: 42px;
    float: left;
} #communication {
    display: none;
} #strategy {
    display: none;
} #contentrightbottom {
    background: url(../img/contentrightmidbg.gif) repeat-y;
    clear: both;
    width: 797px;
    height: 115px;
}

/*iconscroll start*/ #icon {
    overflow: hidden;
    width: 765px;
    height: 80px;
    background: url(../img/iconscrollbg.jpg) repeat-x;
    padding-top: 10px;
    margin-left: 20px;
    padding-bottom: 15px;
} #icon img {
    padding-top: 10px;
} #scrollicon {
    width: 780px;
    float: left;
    width: 800%;
} #scrollicon1 {
    float: left;
    width: auto;
} #scrollicon2 {
    float: left;
    width: auto;
}

/*iconscroll end*/ #contentrightfoot {
    background: url(../img/contentrightfootbg.gif) no-repeat bottom left;
    width: 796px;
    height: 43px;
    clear: both;
}