@charset "utf-8";
@import url(http://ffo.changyou.com/logo/ffo_logo.css);
html,body{overflow-x:hidden;}
/*global*/
body { font-family: tahoma,'宋体'; font-size: 12px;  height: 100%;width:100%;background: url(../img/sub_bg.jpg) center 55px no-repeat;}
.hideTxt {position:absolute; left:-9999px; top:-9999px;}

#header { position: relative; width: 1000px; height: 425px; margin: 0 auto; background: url(../img/sub_header.jpg)  center top no-repeat;}
.ffo_logo_lk a, .ffo_logo_bg { top: 30px; left: 10px; }
.ffo_logo_lk a { z-index: 3; }
.ffo_logo_bg { z-index: 2 }
.link {position:absolute; right:154px; top:2px; line-height:20px; color:#fff; width:200px; height:20px;}
.link a { line-height:28px; color:#fff; padding:0 4px; font-size:12px; line-height:20px;}
.link a:hover {color:#da374a; text-decoration:underline;}
#cyouShare { width:100px; height:20px; position:absolute; top:4px; right:50px;}
#cyouShare span { color:#fff;}

#content { position: relative; width: 1000px; height: 1417px; margin: 0 auto; background: url(../img/sub_content.jpg)  center top no-repeat;}
.left { width:208px; height:490px; position:absolute; top:26px; left:90px;}
.left a { display:block; width:208px; height:98px; float:left; background: url(../img/sprite.jpg) no-repeat; text-indent:-9999em;}
.left a#sub1 { background-position:0 0;}
.left a#sub1:hover, .left a#sub1.current { background-position:-209px 0;}
.left a#sub2 { background-position:0 -99px;}
.left a#sub2:hover, .left a#sub2.current { background-position:-209px -99px;}
.left a#sub3 { background-position:0 -198px;}
.left a#sub3:hover, .left a#sub3.current { background-position:-209px -198px;}
.left a#sub4 { background-position:0 -297px;}
.left a#sub4:hover, .left a#sub4.current { background-position:-209px -297px;}
.left a#back { background-position:0 -396px;}
.left a#back:hover, .left a#back.current { background-position:-209px -396px;}
.cont { width:624px; height:1250px; position:absolute; top:10px; left:338px;}
.cont h3 { font-family:'微软雅黑','宋体'; font-size:30px; line-height:44px; color:#ac362c; border-bottom:5px solid #454864; width:140px;}
.cont h4 { font-family:'宋体'; font-size:16px; line-height:28px; color:#FF0000; font-weight:700; padding-bottom:12px;}
.cont h5 { font-family:'宋体'; font-size:14px; line-height:28px; color:#afa8b7; padding-bottom:10px;}
.scroll-pane { width: 560px; height: 1140px; margin:0 auto;}
.cont .cont_box { width:560px; height:1200px; border-top:1px solid #454864; padding-top:40px;}
.cont .txt { width:560px; height:1140px; overflow:hidden; padding:0px 54px 20px 10px;}
.cont p { text-indent:2em; font-family:'宋体'; font-size:14px; line-height:20px; color:#cfc8d9; padding-bottom:18px; }
.cont p.center { text-indent:0em; text-align:center;}
.cont p.pic { padding:12px 0;}
.cont .alight { color:#ad362c; font-weight:700;}
.cont a {  line-height:20px; color:#525c97; text-decoration:underline;}
.cont table { width:85%; margin:0 auto;}
.cont td { font-family:'微软雅黑','宋体'; font-size:14px; line-height:20px; color:#70687a; text-align:center; padding:6px 12px; border:1px solid #433b4f; background:#212334; }
.cont td.tit { font-size:16px; color:#70687a; font-weight:700; line-height:26px; padding:10px 12px; background:#26283e;}
.cont td.leftAlign { text-align:left;}

/*jscrollpane css*/
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0px; right: 8px; width: 10px; height: 1140px; background: none;}
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: #241f2a; }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: none; position: relative; }
.jspDrag { background: #525069; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: none; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; background: none; }
.jspVerticalBar .jspArrow { height: 19px; }
.jspHorizontalBar .jspArrow { width: 19px; 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; }