.wrap-all{ background:#19181E url(http://img1.cache.netease.com/game/img/ff/bodybg.png) center repeat-y; min-width:960px; }
.wrap-footbg{ background: url(http://img1.cache.netease.com/game/img/ff/footbg.jpg) 50% bottom no-repeat;  }
.wrap-headbg{ background: url(http://img1.cache.netease.com/game/img/ff/headbg.jpg) 50% top no-repeat;  }

.header{ width: 960px; margin: 0 auto; height: 260px; position: relative; }
.header h1{ text-indent: -9999px;}
.header h1{width:300px; height:230px; margin:0 auto;}
.header h1 a{width:300px; height:230px; display:block; background:url(http://img1.cache.netease.com/game/img/tx2/trans.png);}
.header .logo{ position: absolute; width: 232px; height: 25px; top:24px; right:-23px;}
.nav{ width:960px; height: 50px; margin: 0 auto; padding: 0;}
.nav li{ float: left; display: inline;}
.mainnav{ float: left; display: inline; overflow: hidden; margin: 8px 0 0 20px; width: 850px;  }
.mainnav li{ font-size:14px; font-weight: bold; background: url(http://img1.cache.netease.com/game/img/ff/navlibg.png) left no-repeat; padding: 0 10px 0 14px;  line-height: 16px; }

.mainnav li a:link,.mainnav li a:visited{ color: #fff; }
.mainnav li a:hover{ color: #fff000; text-decoration: none; }
.subnav{float: left; display: inline; overflow: hidden; margin: 11px 0 0 20px; width: 590px; }
.subnav li{ padding:0 11px; border-left:1px solid #6c4b9c; margin-left: -5px; line-height: 1.2; color:#727868; }
.subnav li a:link, .subnav li a:visited{ color:#6c4b9c;  }
.subnav li a:hover{ }
.tobbs{ float: right; padding:3px 29px 0 0;  }
.tobbs a{ width: 39px; height: 39px; display: block; background: url(http://img1.cache.netease.com/game/img/ff/tobbs.jpg) no-repeat; text-indent: -9999px; outline: none; }

/* common */
.noBg{ background: none !important; }
a{ color: #2b2b2b; }

.areabg{ background: url(http://img1.cache.netease.com/game/img/ff/areabg.png) 0 0 repeat-y; }
.areabor{ background: url(http://img1.cache.netease.com/game/img/ff/areabor.png) 100% 0 no-repeat; height: 1px; display: block; font-size: 1px;  clear:both; }



.dotline{ background:url(http://img1.cache.netease.com/game/img/ff/doth.png) repeat-x; height: 1px; font-size: 1px; line-height: 1px; display: block; clear: both;  }
.whiteline{ background:#fff; height: 1px; font-size: 1px; line-height: 1px; display: block; clear: both; margin: 0 7px; overflow: hidden;  }

.more{ float: right; clear: both; height: 20px; line-height: 20px; }
.more a:link,.more a:visited { color: #485568; }
.more a:hover{ color:#BA2636;  }
.list12 li {background: url(http://img1.cache.netease.com/game/img/tx2/dot.png) 0 8px no-repeat;clear:both;line-height:21px;padding-left:9px;}
.list12 li .f14px {line-height:25px;}
.colL .list12{ padding: 0 0 0 5px; }

.f14bla li { background:transparent url(http://img1.cache.netease.com/game/img/tx2/dot.png) 0 10px no-repeat;clear:both;font-size:14px;line-height:25px; height: 25px; padding-left:9px;  }
.f14bla li .f12px {line-height:21px; _line-height: 25px;  }
.f14bla li .st, .f14bla li .st a, .f14bla li .st a:visited {color:#1E50A2;line-height:21px;}
.f14bla li .st a:hover {color:#BA2636;}
/*.f14bla li span {position:relative;_zoom:1; }*/
.f14bla .right{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #666; padding-right: 5px; }


.f14blu li {background:url(http://img1.cache.netease.com/game/css09/bg_n.gif) left -498px no-repeat; font-size:14px; line-height:25px; padding-left:9px; color:#1E50A2;}
.f14blu li a {color:#1E50A2;}
.f14blu li a:hover {color:#ba2636;}
.f14blu li span {line-height:20px;}
.colM .f14bla{ padding: 0 0 0 10px; }

.muti-list{ text-align: left; overflow: hidden; }
.muti-list li{ background: url(http://img1.cache.netease.com/game/img/tx2/dot.png) 0 8px no-repeat; padding: 0 7px 0 13px; float: left; line-height: 1.7; }
.muti-list-wrap{ overflow: hidden; }

.tabs{ height: 23px; overflow: hidden; background: url(http://img1.cache.netease.com/game/img/ff/tabbg.png) 0 22px repeat-x; }
.tabs li{ float: left; height: 23px; line-height: 23px; margin:0 10px; display:inline; }
.tabs li span{ display: inline-block; height:23px; }
.tabs li a{ height: 23px; display: inline-block; padding: 0 15px;}
.tabs li a:link,.tabs li a:visited{ color:#000; }
.tabs li a:hover{ text-decoration: none; }
.tabs li.active{ font-weight:bold; background: url(http://img1.cache.netease.com/game/img/ff/tabbg.png) 100% -1px no-repeat; }
.tabs li.active span{ background: url(http://img1.cache.netease.com/game/img/ff/tabbg.png) 0 -24px no-repeat;}


.piclist{ overflow: hidden; }
.piclist li{ float: left; padding-left: 35px; width: 120px; }
.piclist li img{ margin-bottom: 5px; }
.piclist li h3{  width: 120px; line-height: 14px; overflow: hidden; padding: 0; margin: 0; font-weight:normal; text-align: center; }
.borderpic img{ border: 1px solid #A462C8; padding: 1px;  }
.colL .piclist li{ padding:0 20px 0 10px; }




/* layout */
.content{ padding: 0; }
.colLM{ width: 750px; float: left;overflow: hidden;  }
.colL{ width: 310px; float: left; overflow: hidden; }
.colM{ width: 440px; float: left; }
.colR{ width: 210px; float: right; overflow: hidden; }
.colLM .content{ padding: 0 15px 0 8px; }
.colL .content{ padding: 0; }
.colM .content{ padding: 0 15px;}

.area{ width: 960px; margin: 0 auto; text-align: left; }


/* titles */

.title{ background: url(http://img1.cache.netease.com/game/img/ff/titlebg.png) 100% -25px no-repeat; height: 25px; line-height: 25px;}
.colL .title{ width: 300px; overflow: hidden; }
.title a:link,.title a:visited{ color: #fff; }
.title h2{ background: url(http://img1.cache.netease.com/game/img/ff/titlebg.png) 0 0 no-repeat; float: left; display: block; height: 25px; padding: 0 0 0 35px; color: #fff; font-weight: bold; }
.title .right{ padding: 0 12px 0 0; }
.title-m{ background: url(http://img1.cache.netease.com/game/img/ff/titlembg.png) 0 0 no-repeat; height: 26px; line-height: 26px;}
.title-m a:link,.title-m a:visited{ color: #fff; }
.title-m h2{ float: left; display: block; height: 25px; padding: 0 0 0 35px; color: #fff; font-weight: bold; }
.title-m .right{ padding: 0 20px 0 0; }
.title-m .right, .title-m .right a:link, .title-m .right a:visited{ color:#1f216a;  }
.title-main{ width: 960px; background: url(http://img1.cache.netease.com/game/img/ff/titlemainbg.jpg) 0 0 no-repeat; height:28px; line-height: 28px; overflow: hidden; padding:8px 0 3px 0; }
.title-main a:link, .title-main a:visited{ color: #2e3222; }
.title-main h2{ font: normal 16px/25px "simhei";  float: left; display: block; padding: 0 0 0 48px; height: 25px; color: #004649; overflow: hidden; }
.title-main .right{ padding: 0 15px 0 0; color: #fff;}
.title-main .right a:link, .title-main .right a:visited{ color: #fff; }

.title-side{ height: 32px; overflow: hidden; background: url(http://img1.cache.netease.com/game/img/ff/titlesidebg.png) 14px 0 no-repeat; }
.title-side h2{ text-align: center; line-height: 32px; color: #fff; font-weight: bold;  }
.title-side h2 a:link, .title-side h2 a:visited{ color: #fff; }





/* slide box */
.slidebox{ width: 306px; height: 302px; padding: 1px; background: #e3b3ff; border: 1px solid #8f2d93; }
.slidebox-inner{ background: url(http://img1.cache.netease.com/game/img/ff/slideboxbg.png); padding:3px 2px 0; height: 299px; }
.slidebox-inner h3{ font-size: 14px; line-height: 25px; color: #ff7d8f9; font-weight: bold; text-align: left; padding: 0 5px; }
.slidebox-inner h3 a:link, .slidebox-inner h3 a:visited{ color: #f7d8f9;}
.slidebox-inner h3 a:hover{ color: #fff; }
.slidebox-inner img{border: 1px solid #d1a807;}
.slidebox-tabs { overflow: hidden; height: 57px; }
.slidebox-tabs li{ display: inline; float: left; padding:6px 0 0 0;  width: 75px; height: 51px; background: url(http://img1.cache.netease.com/game/img/ff/slidetabbg.png) 0 0 no-repeat;   }
.slidebox-tabs li.last{ margin: 0; }
.slidebox-tabs li.active{ background-position:0 -57px; }
.slidebox-tabs li a{ width:73px; height: 51px; display: block; padding: 0 0 0 1px; }
.slidebox-tabs li img{ border: none; margin-left:  1px; }
.slidecont{ display: none; }
.slidecont.active{ display: block; }

/* sprecmd */
.sprecmd li{ float: left; padding: 0 5px 5px 0; }

/* hot point */
.hotpoint{ width: 300px; padding: 0 12px 0 0; }
.hotpoint .imgblock{ float: left; margin-left: 5px; display: inline; background: #fff; padding: 1px; border:1px solid #a462c8;  }
.hotpoint h3, .hotpoint p{ margin: 0 0 0 90px; text-align: left; }
.hotpoint h3{ font-weight: bold; line-height: 1.6; }
.hotpoint p{ color: #333; line-height: 1.6; text-indent: 2em; }
.hotpoint .muti-list{ width: 350px; padding: 0 0 0 5px; }
.hotpoint .muti-list li{ width: 142px; }
.colM .hotpoint{ width: 390px; padding: 0 0 0 5px;   }
.colM .hotpoint h3, .colM .hotpoint p{ margin: 0 0 0 140px; font-size: 14px; }

/* focus */
.focus{ overflow: hidden; height: 535px; }
.focus-tabs{ height: 23px; overflow: hidden; line-height: 23px; background: url(http://img1.cache.netease.com/game/img/ff/focustab.png) 0 22px repeat-x; padding: 0 0 0 10px; }
.focus-tabs li{ float: left; display:inline; margin-right: 40px; text-align: center; }
.focus-tabs li a{ width: 93px; height: 23px; display: block; }
.focus-tabs li a:link,.focus-tabs li a:visited{ color: #000; }
.focus-tabs li.active{ font-weight: bold; background: url(http://img1.cache.netease.com/game/img/ff/focustab.png) no-repeat 0 -1px; }
.focus-contents{ text-align: left; padding: 0 5px; overflow: hidden; }
.focus-contents h2.bigsize{ font-size: 20px; font-family: "simhei"; line-height: 24px; margin:7px 0 4px;}
.focus-contents h3{ line-height: 21px; }

.focus-content{ display: none; }
.focus-contents .focus-content.active{ display: block; }

/* gameservice */
.gameservice{ background:url(http://img1.cache.netease.com/game/img/ff/gameservicebg.jpg) 1px 100% no-repeat; padding:0 0 16px;}
.gameservice p{ margin:0; text-align:center;}

/* piclib */
.piclib{background:url(http://img1.cache.netease.com/game/img/ff/piclibbg.jpg) no-repeat; height:274px; width:960px;}
.piclib-wrap{padding:55px 20px 0 230px;}
.piclib-title{position:relative;}
.piclib-title .more{position:absolute; top:2px; right:10px;}
.piclib-contents{background:url(http://img1.cache.netease.com/game/img/ff/gd1.png) 0 100% repeat-x; height:158px;}
.piclib-contents .piclist {padding:0 0 15px 3px; overflow:hidden;}
.piclib-contents .piclist li{width:164px; padding:0 6px;}
.piclib-contents .piclist li img{padding:1px; border:1px solid #d46be5;}
.piclib-contents .piclist li h3{width:164px; height:14px; line-height:14px;}
.piclib-contents .piclib-content{display:none;}
.piclib-contents .piclib-content.active{display:block;}

/* roleslist */
.roleslist .role{ background:url(http://img1.cache.netease.com/game/img/ff/rolesbg.jpg) 0 0 no-repeat; width:74px; height:199px; float:left; margin:0 1px 3px 0; display:inline;}
.roleslist .role ul{padding:110px 0 0 12px;}
.roleslist .role ul li{line-height:20px;}
.roleslist .role ul li a:link, .roleslist .role ul li a:visited{color:#fff;}
.roleslist .qs{ background-position:0 0;}
.roleslist .zs{ background-position:-74px 0;}
.roleslist .js{ background-position:-148px 0;}
.roleslist .ms{ background-position:-222px 0;}
.roleslist .fs{ background-position:0 -199px;}
.roleslist .ws{ background-position:-74px -199px;}
.roleslist .gs{ background-position:-148px -199px;}
.roleslist .ck{ background-position:-222px -199px;}

/* sect */
.sect-title{position:relative;}
.sect-title .more{position:absolute; top:2px; right:10px;}
.sect-content{ display: none; }
.sect-contents .sect-content.active{ display: block; }

/* weekact */ 
.weekact {background:url(http://img1.cache.netease.com/game/img/ff/weekactbg.jpg) no-repeat 70px 0; padding:0 10px 0 0; }
.weekact  a:link, .weekact a:visited{color:#660084;}
.weekact td{line-height:24px; color:#660084;}
.weekact .daynum{ width:50px;  height:24px; line-height:24px; display:inline-block; text-align:center; color:#600; font-weight:bold; background:url(http://img1.cache.netease.com/game/img/ff/daynumbg.png) no-repeat; margin:0 ;}

/* game lib  */
.gamelib{ padding: 1px; border:1px solid #7b55c1; background: #EBDBF9; overflow: hidden; margin-top: 3px; }
.gamelib h3{ width: 74px; line-height: 49px; height: 49px; float: left; color: #fff; background: url(http://img1.cache.netease.com/game/img/ff/gamelibh3bg.png) repeat-x; text-align: center; }
.gamelib-list{ height: 49px; overflow: hidden; background: #ebdbf9;}
.gamelib ul{ background: #ebdbf9; padding: 0 0 0 10px; margin-top: 5px; }
.gamelib ul li{ background: url(http://img1.cache.netease.com/game/img/ff/gameliblibg.png) 0 6px no-repeat; padding: 0 6px 0 8px; width: 73px; height: 20px; line-height: 20px; overflow: hidden; }
.gamelib ul li a:link, .gamelib ul li a:visited{ color: #4a4a4a; }
.gamelib ul li a:hover{ color:#000;  }

/* game info */
.gameinfo li{ float:left; padding-right: 20px;  }


/* links */
.links{ overflow: hidden;  }
.links li{ float: left; padding: 0 0 0 15px; }


/* footer */
.footer{  padding: 350px 0 0 0; height: 90px;  }
.foot { color: #fff; }
.foot .text{ border: none; margin: 0; padding: 0; }
.footer a:link,.footer a:visited{ color: #fff; }





/* colR */
.colR .muti-list-wrap{ width: 188px;}
.colR .muti-list{ width:190px; margin-left: 20px;  }
.colR .muti-list li{ width: 75px; padding-left: 8px; background:url(http://img1.cache.netease.com/game/img/ff/arrow.png) 0 7px no-repeat; }
.colR .muti-list li a:link, .colR .muti-list li a:visited{ color: #282a1c; }
.colR .muti-list li a:hover{ color: #BA2636; }
.colR .hotpoint{ width: 190px; background: none; padding: 0; margin: 0 0 0 10px; }
.colR .hotpoint h3{ margin: 0 0 5px 5px; color: #282a1c;}
.colR .hotpoint h3 a:link, .colR .hotpoint h3 a:visited{ color:#282a1c; }
.colR .hotpoint h3 a:hover{ color: #000; }
.colR .hotpoint .imgblock{ margin-left: 3px;   }
.colR .hotpoint p{ margin-left: 85px; text-indent: 2em; color: #282a1c;}
.colR .list12{ padding: 0 0 0 10px; }
.colR .list12 li a:link, .colR .list12 li a:visited{ color: #282a1c; }
.colR .list12 li a:hover{ color: #BA2636; }


/* subpage */
.subpage .colLM{ width: 650px; }
.subpage .colR{ width: 310px;  }
.subpage .colLM .content{ padding: 0 15px 0 0; margin: 0;}
.subpage .colLM .content-inner{ padding:0 10px 0 20px; border:1px solid #a385c8; background:url(http://img1.cache.netease.com/game/img/ff/sublmbg.jpg) right top no-repeat;}
.subpage .colR .content{ padding: 0; margin: 0; }
.subpage .colR .piclist li{ padding: 0 0 0 18px; width: 124px; }
.subpage .colR .piclist img{ margin-bottom: 5px;  }
.subpage .colR .piclist h3{ width: 122px; }
.subpage .colR .dotline{ margin: 0 20px 0 15px; }
.subpiclists .piclist li{ width: 124px; padding: 0 13px; }
.crumb{ text-align: left; padding: 0; height: 35px; line-height: 35px; color: #2b2b2b; background:url(http://img1.cache.netease.com/game/img/ff/crumbbg.png) 0 bottom no-repeat;}
.crumb a:link, .crumb a:visited{ color: #2b2b2b; }
.crumb a:hover{ color: #BA2636; }
.crumbsuit{ background:none; padding:0 10px 0 0;}
.sublist {margin:12px 0;}

/* pages */
.bot01 { text-align: center; overflow: hidden;}
.bot01 li{ float:left; width:16px; height:16px; line-height:16px; border:1px solid #50475f; margin-left:5px; color:#525745; }
.bot01 a,.bot01 a:active,.bot01 a:link,.bot01 a:visited{color:#50475f; display:block; height:16px;}
.bot01 .begin,.bot01 .End{width:50px;display:block;height:16px;}
.bot01 .on,.bot01 a:hover {background: #8f7f82; color:#fff; text-decoration: none; }
.bot01 .on a:link, .bot01 .on a:visited{color:#fff; }
.bot01 .page1{width:36px;}
.bot01 .page1 input{width:30px; z-index:-1000; border:0px;}
.bot01 .page2{border:0px; }
.bot01 .dotted{border:0px; background:none;}
.bot01 .not,.bot01 span{width:54px;display:block;height:16px; color:#ceccd9; }

/* end page */
.endborder{ border: 1px solid #a385c8; }
.endContent { margin: 0 10px;}
.endContent .summary { background: #fafafa; }
.endpage .endContent { margin: 0;}
.endpage .colLM .content-inner{ padding:0 15px;}


.endMore { background: transparent; height:46px; line-height:44px; margin: 0; overflow:hidden; clear:both; }
.endMore .left {display:inline; margin-left:10px; text-decoration:underline;}
.endMore .left a {text-decoration:underline;}
.endMore .right {display:inline; margin-right:9px;}