@charset "utf-8";@import url(../../../../../xtl.changyou.com/logo/xtl_logo_lk.css);
body{ background:#000 url(../img/bg.jpg) no-repeat left 0px; }
html{ overflow-x:hidden}
.hideTxt {position: absolute;text-indent: -999em;}
.xtl_logo_bg, .xtl_logo_lk a { left:0px;top: 30px;}
#share{ display:block; position:absolute; color:#f7f8f8; top:80px; left:40px; width:82px; overflow:hidden; height:16px; line-height:16px;}

#content{ width:1000px; height:985px; background:url(../img/content.jpg) no-repeat center top;position:relative;}
.box{ width:744px; height:985px; margin-left:256px; overflow:hidden;}
.nav{ width:727px; height:86px; margin-top:50px;}
.nav li { width:121px; height:86px; float:left;}
.nav li a{ display:block; width:121px; height:86px; }
.nav li a:hover,.nav li a.act{ background:url(../img/nav.jpg) no-repeat;}
.nav li.navli1 a:hover,.nav li.navli1 a.act{ background-position:0 0;}
.nav li.navli2 a:hover,.nav li.navli2 a.act{ background-position:-121px 0;}
.nav li.navli3 a:hover,.nav li.navli3 a.act{ background-position:-242px 0;}
.nav li.navli4 a:hover,.nav li.navli4 a.act{ background-position:-363px 0;}
.nav li.navli5 a:hover,.nav li.navli5 a.act{ background-position:-484px 0;}
.nav li.navli6 a:hover,.nav li.navli6 a.act{ background-position:-605px 0;}
.wrap{ width:637px; height:750px; padding:0 40px 40px 50px;  position:relative; display:none; margin-top:40px;}
.wrap .tit{ height:44px; font:30px/44px "微软雅黑"; font-weight:bold; color:#242126; border-bottom:1px solid #d05e00; position:relative;}
.wrap .tit span{ color:#242126; font:18px/24px "微软雅黑"; font-weight:normal; padding:20px 0 0 10px;}
.wrap .tit .arrow{ width:17px; height:7px; background:url(../img/arrow.gif) no-repeat; position:absolute; bottom:-7px; left:49px;}
.wrap .wrapcon{ margin:20px 0;}
.wrap p{
	font:normal 16px/20px "微软雅黑";
	color:#21201b;
	margin-bottom:20px;
	background: left;
}
.wrap img{ display:block; margin:0 auto;}
.wrap p.center{ text-align:center;}
.wrap p a{ color:#bd0003;}
.wrap p span{ color:#993300;}
.wrap h3{ font:16px/20px "微软雅黑"; font-weight:bold;}
.wrap table{  margin:0 auto; width:80%;}
.wrap table tr th{ background:#474649; color:#FFF; font:16px/30px "微软雅黑"; font-weight:bold; border:1px solid #be9361; text-align:center; padding:0 10px;}
.wrap table tr td{ background:#efc38e; color:#000; font:14px/30px "微软雅黑"; border:1px solid #be9361; text-align:center; padding:0 10px;}
.wrap table tr.odd td{ background:#efbd81;}


.tbtn{ width:155px; height:84px; position:absolute; top:645px; left:51px;}
.tbtn a.home,.tbtn a.reg,.tbtn a.down{ display:block; width:29px; height:37px; background:#312e34; color:#b8b0bf; font:12px/16px "宋体"; text-align:center; position:absolute; top:0px; left:0px; padding:8px 8px 0;}
.tbtn a.reg{ left:55px;}
.tbtn a.down{ left:110px;}

.tbtn a.home:hover,.tbtn a.reg:hover,.tbtn a.down:hover{ background:#840c0d; color:#FFF;}





/*jscrollpane css*/
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 10px; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #c4a17c; position: relative; width:4px;height: 300px;-moz-border-radius: 4px;    -webkit-border-radius: 4px;    border-radius:4px;}
.jspDrag { background: #d32f2f; position: relative; top: 0; left: -2px; cursor: pointer; width:8px;-moz-border-radius: 4px;    -webkit-border-radius: 4px;    border-radius:4px;
background-image: -moz-linear-gradient(top, #d93131, #9c1f1f); /* Firefox */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d93131), color-stop(1, #9c1f1f)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d93131', endColorstr='#9c1f1f', GradientType='0'); /* IE*/}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }