a:link, a:visited {color:#462303; text-decoration:none}
a:hover, a:active {color:#462303; text-decoration:underline}

body {background:url(/img/body_bg.jpg) no-repeat center 42px}

/* navigator */
.head {height:755px; margin-bottom:10px; background:url(../img/index/index_nav_bg.png) no-repeat center bottom; position:relative}
.head-body {position:relative; height:755px}
.index_top {position:absolute; top:0; left:33px; width:935px; height:169px; background:url(../img/index/index_top_logo.png) no-repeat 0 0}
.index_top a {position:absolute; left:360px; display:block; width:215px; height:125px; text-indent:-9999px; overflow:hidden; cursor:default}
*html .head, *html .index_top  {background:none}
*html .fixpng24-nav {position:absolute; bottom:0; width:1002px; height:312px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/index/index_nav_bg.png')}
*html .fixpng24-logo {position:absolute; width:935px; height:169px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/index/index_top_logo.png')}

.head {z-index:0}
.head-body {z-index:0}
.index_top {z-index:1}
*html .fixpng24-nav {z-index:0}
*html .fixpng24-logo {z-index:0}

.index-nav {height:546px; position:relative; z-index:0}
.hot {height:168px}
.hot .left-area {float:left; width:435px; height:136px; padding-top:32px}
.left-area .dl-btns {height:52px; margin:0 0 0 96px}
.left-area .dl-btns a {display:block; width:278px; height:50px; text-indent:-9999px; overflow:hidden}
.left-area ul {width:300px; margin:24px 0 0 100px}
.left-area li {width:300px; _float:left; line-height:1.5}
.left-area ul a {float:left; width:228px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.left-area ul span {float:right}
.left-area ul a:link, .left-area ul a:visited, .left-area ul span {color:#b0967d}

.hot .mid-area {float:left; width:131px; height:168px}
.hot .mid-area a {overflow:hidden; text-indent:-9999px}
.mid-area p {height:0; line-height:0; font-size:0}
.mid-area .dl-big-btn {display:block; height:50px; margin-bottom:35px}
.mid-area .pay-btn, .mid-area .pay-help-btn {float:left; width:65px; height:24px}
.mid-area .enter-active {display:block; width:93px; height:35px; margin:24px auto 0}

.hot .right-flash {float:right; width:436px; height:168px}

.nav-bottom {width:370px; margin-left:338px; padding-top:10px}
.nav-bottom a {display:inline-block}
.nav-bottom .nav-b-1 {width:108px}
.nav-bottom .nav-b-2 {width:133px}
.nav-bottom a:link, .nav-bottom a:visited {color:#ecdfbc}
.icon-new {background-position:right -54px}

/* test */
/*.head-body {background-color:red}*/
/*.index-nav {background-color:blue;}*/



/* layout */
#main .col-left, #main .col-middle {float:left}
#main .col-left {width:208px; margin-right:5px; padding-top:6px}
#main .col-middle {width:485px}
#main .col-right {float:right; width:207px}

/* background-image */
.box-game, .box-hero .left-title, .hero-bottom, .col-middle, .middle-bottom, .middle-title, .mid-tab-on, .new-item,
.middle-item-box img, .middle-notice, .right-layout, .btn-1, .btn-2, .login-btn, .auth
{background-image:url(../img/index_bg.png?t20100701); background-repeat:no-repeat}

.hero-inline, .middle-in {background-image:url(../img/index_bg_repeat.png); background-repeat:repeat-y}

.ui-icon {background-image:url(../img/icons.png); background-repeat:no-repeat}

/* left */
.left-layout {margin-bottom:4px}
.col-left .left-title {height:50px; position:relative}
.left-layout h2 {text-indent:-9999px}
.left-layout .left-title sup {position:absolute; top:20px; right:20px; width:23px}
.left-layout .left-title a {display:block; height:8px; overflow:hidden}
.left-layout .left-title a:hover {border-bottom:1px solid #462303}

.box-game {height:167px; background-position:0 -200px}
.box-game ul {padding:0 0 0 60px}
.box-game li {height:27px; line-height:27px}
.box-hero .left-title {background-position:0 -368px}
.box-hero .hero-inline {background-position:-485px 0}
.box-hero .flash {width:178px; height:136px; margin:0 auto; padding-bottom:4px; border-bottom:1px solid #d0cec1}
.box-hero p {width:178px; margin:9px auto 0; text-align:center; line-height:1.2}
.box-hero .hero-bottom {height:15px; background-position:0 -580px}

/* middle */
.col-middle {background-position:0 -50px}
.middle-in {margin-top:75px; background-position:0 0}
.middle-bottom {height:50px; margin-top:-50px; background-position:0 0}
.middle-main {position:relative; top:-30px; margin:0 18px 0 20px; background-color:#fff}
.middle-title {width:448px; height:42px; background-position:0 -596px; position:relative}
.mid-tit-more {position:absolute; top:10px; right:27px; display:block; width:25px; height:16px; line-height:16px; text-indent:-9999px; overflow:hidden}
.mid-tit-more:hover {border-bottom:1px solid #523a14}
.middle-tab h2 {display:none}

/* news tab title */
.middle-tab {zoom:1}
.middle-tab-in {margin-left:30px}
.middle-tab .mid-tab-a {float:left; margin-top:18px; padding:0 10px 0 9px; line-height:1.2; border-left:1px solid #462504}
.middle-tab .mid-tab-a:link, .middle-tab .mid-tab-a:visited, .middle-tab .mid-tab-a:hover {text-decoration:none}
.middle-tab .mid-tab-first {width:49px; border:none}
.middle-tab .mid-tab-on {position:relative; right:-1px; width:76px; height:32px; margin-top:9px; padding:0; border:none; background-position:-209px -563px; font-size:14px; text-align:center; font-weight:bold; line-height:32px; zoom:1}

/* news tab content */
.mid-tab-content {height:213px; _height:215px}
.mid-tab-content .mid-tab-in {overflow:hidden; zoom:1}
.slide-news {width:445px; margin-bottom:-1px; border:1px solid #DBD8CF; overflow:hidden; position:relative; top:-1px}
.slide-news li {position:relative; width:443px; border-width:1px; border-style:solid; border-color:#fff #fff #dbd8cf #fff; background-color:#f0ebe7; overflow:hidden;
_float:left; #float:left; zoom:1}
.slide-news .slide-news-tit {display:inline-block; height:24px; margin-right:20px; padding-left:14px; line-height:24px}
.slide-news .slide-news-tit .news-type {padding-left:11px; background-position:0 -30px}
.icon-collapse {display:none; position:absolute; right:1px; top:6px; width:20px; height:12px; background-position:5px 2px; cursor:pointer}
.icon-collapse:active {top:8px; right:0}
.slide-news .slide-news-detail {display:none; padding:0 15px 10px 60px}
.slide-news .news-expand {background-color:#e6e2d7}
.slide-news .news-expand .icon-collapse {background-position:5px -15px}
.slide-news-detail i {display:block; font-style:normal; font-size:10px}
.slide-news-text {}
.slide-news-text span {display:block; height:36px; overflow:hidden; line-height:1.4}
.slide-news-pic {float:right; margin-left:20px; _margin-top:-12px; #margin-top:-12px; width:90px; height:62px; border:2px solid #777367}
.slide-news-link {display:block; text-align:right; padding-right:10px;}

/* new item content */
.new-item {width:58px; height:16px; background-position:-285px -569px; text-indent:-9999px; position:relative; top:15px; left:36px;}
.middle-item-box {margin-top:12px; height:120px}
.middle-item-box dl {float:left; width:189px; margin-left:16px; padding-bottom:5px; border:1px solid #dbd8cf; border-radius:2px; background-color:efece5; _display:inline; zoom:1}
.middle-item-box img {width:32px; height:32px; padding:3px; background-position:-447px -205px; text-align:center}
.middle-item-box dt {margin:6px 0 0 14px}
.middle-item-box dt img {float:left}
.middle-item-box dt span {float:left; width:110px; padding-left:11px; cursor:pointer}
.middle-item-box dt a:link span, .middle-item-box dt a:visited span {font-weight:bold; text-decoration:none; cursor:text}
.middle-item-box dt a:hover span, .middle-item-box dt a:active span {font-weight:bold; text-decoration:none; cursor:text}
.middle-item-box dd {clear:both; height:34px; margin:0 0 0 15px; padding-top:5px; overflow:hidden; color:#784d23}
.middle-item-box p {float:right; width:235px; height:96px; overflow:hidden; zoom:1}
.middle-item-box p a {float:left; width:38px; height:38px; margin:0 8px 10px 0; _display:inline; cursor:default}
.middle-item-box a:hover {position:relative; top:1px; left:1px}


/* ÎÂÜ°Ìáʾ */
.middle-notice {width:481px; height:57px; padding-top:10px; background-position:0 -133px; color:#6e5328; text-align:center; line-height:1.5}
.middle-notice h2 {display:none}

/* right column */
.right-layout {margin-bottom:9px}
.video {height:161px; background-position:-209px -205px}
.video h2 {height:36px; text-indent:-9999px; position:relative}
.video h2 sup {display:none; position:absolute; top:9px; right:18px; display:block; width:24px}
.video h2 sup a {display:block; height:14px; overflow:hidden}
.video h2 sup a:hover {border-bottom:1px solid #462303}
.video-box {width:198px; margin:0 auto}
.video p {margin-top:3px; color:#482400; text-align:center}

.auth{height:68px; background-position:-209px -374px}
.auth a{display:block; height:68px; text-indent:-9999px}

.qq-login {height:98px; background-position:-209px -638px}
.qq-login a {overflow:hidden}
.qq-login a:hover {position:relative; left:1px; top:1px}
.qq-login .btn-1 {float:left; width:79px; height:15px; margin:10px 0 0 15px; text-indent:-9999px; background-position:-224px -648px}
.qq-login .btn-2 {float:right; width:70px; height:15px; margin:10px 16px 0 0; text-indent:-9999px; background-position:-330px -648px}
.qq-login .login-btn {clear:both; display:block; width:140px; height:37px; margin-left:28px; text-indent:-9999px; background-position:-344px -555px;
position:relative; top:21px; left:6px}
.qq-login .login-btn:hover {top:22px; left:7px; zoom:1}

.loged {height:46px}
.loged .loged-bd {padding:10px 10px 0 20px; line-height:1.5}

.service {height:95px; background-position:-209px -458px; color:#44261b}
.service p {padding:40px 0 0 54px; line-height:1.4}
.service p span {}