﻿@charset "utf-8";
/* CSS Document */
body {background:url(/img/colum_bg/newguide.jpg) no-repeat center 42px}

.mid-hd-path h3 {width:63px; background-position:0 -67px}
.menu-title h2 {background-position:0 -63px}
.new-guide {zoom:1}
.content-notice {margin-top:20px; border:1px solid #d8d8a6; background-color:#eae4c0; text-align:center}
.guide-content {width:481px; margin:0 auto; line-height:1.5}
.guide-post {overflow:hidden}

.guide-nav, .guide-nav-link a, .guide-nav-slider, .content-nav, .content-nav-bottom,
.new-player h4, .content-inline, .content-inline-b, .faq-title
{background-image:url(/img/new_guide.png); background-repeat:no-repeat}
.guide-nav {width:486px; margin:0 auto 15px; background-position:0 -247px}
.guide-nav-link {width:393px; margin:0 auto; position:relative}
.guide-nav-link a {float:left; width:98px; height:70px; text-indent:-9999px}
.guide-1 {background-position:0 -153px}
.guide-2 {background-position:-90px -153px}
.guide-3 {background-position:-180px -153px}
.guide-4 {background-position:-270px -153px}
.guide-1:hover {background-position:0 -83px}
.guide-2:hover {background-position:-90px -83px}
.guide-3:hover {background-position:-180px -83px}
.guide-4:hover {background-position:-270px -83px}

.guide-nav-box {height:33px; position:relative}
.guide-nav-slider {width:30px; height:18px; background-position:-454px -202px; position:absolute; top:-5px; left:75px}

.guide-title {width:516px; height:41px; background:url(/img/common_bg.png) no-repeat 0 -116px; overflow:hidden; zoom:1}
.guide-title h4 {font-size:14px; font-weight:bold; color:#472401; margin:12px 0 0 32px}
.guide-title a {float:right; width:33px; height:16px; margin:14px 16px 0 0; background:url(/img/common_bg.png) no-repeat -523px -119px; text-indent:-9999px}

.guide-list {width:515px; margin:5px 0 20px; background:url(/img/new_guide_bottom.png) no-repeat 0 bottom}
.guide-list ul {padding:10px 30px}
.guide-list li {display:inline; margin-left:5px}
.guide-list li a {padding-right:5px; border-right:1px solid #2d1f16; line-height:1.2}

.content-nav {width:500px; margin:0 auto; padding-top:15px; background-position:0 -351px; position:relative}
.content-nav h3 {float:left; margin-bottom:10px; padding:0 10px 0 40px; color:#c74b00; font-size:14px; background:url(/img/icons.png) no-repeat right -257px}
.content-nav-bottom {height:32px; background-position:0 -446px; background-color:#fff}
.content-repeat {clear:both; background:#fff url(/img/new_guide_repeat.png) repeat-y 9px 0}
.player-cartoon-1 {position:absolute; right:0; bottom:0; width:106px; height:90px; background:url(/img/guide_cartoon_1.png) no-repeat 0 0}
.player-cartoon-2 {position:absolute; right:11px; bottom:0; width:95px; height:154px; background:url(/img/guide_cartoon_2.png) no-repeat 0 0}
* html .player-cartoon-1 {background:none}
* html .player-cartoon-2 {background:none}
* html .fix-png24-guide1 {display:block; width:106px; height:90px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/guide_cartoon_1.png')}
* html .fix-png24-guide2 {display:block; width:106px; height:90px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/guide_cartoon_2.png')}
.content-nav .list-a {width:355px; margin-left:35px}
.content-nav .list-a li {float:left; margin-left:5px; line-height:2}
.content-nav .list-a a {padding-right:5px; border-right:1px solid #472401; white-space:nowrap}

.content-inline {width:395px; margin-left:20px; padding-top:10px; background-position:0 -518px}
.content-inline-b {height:18px; background-position:0 -530px}
.content-inline .list-b {border-width:0 1px; border-style:solid; border-color:#E7D8BD; background-color:#eee5dd; overflow:hidden}
.content-inline .list-b li {float:left; width:117px; height:22px; padding:0 5px; border-left:1px dashed #b7a47f; margin-left:-1px
}
.content-inline .list-b li a {display:block; padding-left:20px; border-bottom:1px solid #c9c097; border-top:1px solid #fff; background:url(/img/icons.png) no-repeat 5px -279px}

.new-player h4 {width:476px; height:20px; line-height:20px; margin:20px 0; padding-left:25px; background-position:0  -498px}

.faq-item {margin:15px 0; border:1px solid #a29781}
.faq-item h5 {float:left; padding-left:40px; background:url(/img/icons.png) no-repeat 10px -302px; color:#1f0700}
.faq-title {margin:0 auto; padding:0 20px; border-bottom:1px solid #DED4B9; overflow:hidden; zoom:1; background-position:0 -564px}
.faq-title .faq-btn {float:right; width:10px; height:10px;  background:url(/img/icons.png) no-repeat 0 0; position:relative; top:5px; right:5px}
.faq-content {margin:1px; padding:10px; display:none; background-color:#efe4c8; color:#472401}
.faq-title .btn-expand {background-position:0 -15px}
.faq-expand .faq-title {padding:10px 20px}
.faq-expand .faq-content{display:block}

.gameinfo .common-title {position:relative}
.gameinfo .common-title .more {position:absolute; width:33px; height:16px; top:12px; right:18px; background:url(/img/common_bg.png) no-repeat -523px -119px; text-indent:-9999px}
.gameinfo .common-title h3 {font-size:14px; margin-left:37px; line-height:41px}

.gameinfo .common-title-1 {position:relative}
.gameinfo .common-title-1 .more {position:absolute; width:33px; height:16px; top:12px; right:18px; background:url(/img/common_bg.png) no-repeat -523px -119px; text-indent:-9999px}
.gameinfo .common-title-1 h3 {color:#472401; font-size:14px; margin-left:37px; line-height:41px}

.gi-model {padding-bottom:20px; margin-bottom:20px; background:url(/img/new_guide_bottom.png) no-repeat scroll 0 bottom}
.gi-model-in {padding:20px 35px 0}
.gi-nav-list a {display:inline-block; padding-right:5px; margin:0 5px 5px 0; line-height:1; white-space:normal; border-right:1px solid #61463b}

.gi-model-1 {width:245px; padding:0 0 0 1px; background:url(/img/new_guide_bottom.png) no-repeat scroll 0 bottom}
.gi-model-1 .gi-model-in {padding:15px 0 20px 10px; width:235px; height:70px; background:url(/img/new_guide_bottom.png) no-repeat scroll right bottom}
.gi-model-1 .gi-nav-list a {line-height:1.2}

.gi-title-list {display:inline-block; margin:0 10px 20px 0; vertical-align:top}
* .gi-title-list {*display:inline; zoom:1}

.gi-list-wrap {width:520px; margin:auto}

.gi-post {width:457px; margin:auto; padding-top:20px}
.gi-tips {width:457px; margin:20px auto 0; border:1px solid #d9d7c2}
.gi-tips p {margin:1px; background-color:#eae4c0; text-align:center}