@charset "utf-8";
/* CSS Document */

* { margin:0 ; padding:0;}
body,td,th { font-size: 12px; }
body{
	font-family: Verdana, "宋体";
	font-size: 12px;
	color: #5e5d5d;
	background:url(../images/indexbg.png) no-repeat scroll center top #edfff4;	
}
img { border: 0; }
.center { margin: 0 auto; }
.clearall {clear:both;height:0;font-size:1px;line-height:0px; }
ul,li{ list-style-type:none; }

/*a:link { color: #5e5d5d; text-decoration: none; }
a:visited { color: #5e5d5d; text-decoration: none; }
a:hover { text-decoration: underline; color: #ca4846; }*/
.gray { color: #5e5d5d; }
.gray a:link { color: #5e5d5d; text-decoration: none; }
.gray a:visited { color: #5e5d5d; text-decoration: none; }
.gray a:hover { text-decoration: underline!important; color: #ca4846; }
.orange { color: #d76749; }
.orange a:link { color: #d76749; text-decoration: none; }
.orange a:visited { color: #d76749; text-decoration: none; }
.orange a:hover { text-decoration: underline!important; color: #f83400; }
.brown { color: #4f4537; }
.brown a:link { color: #4f4537; text-decoration: none; }
.brown a:visited { color: #4f4537; text-decoration: none; }
.brown a:hover { text-decoration: underline!important; color: #f83400; }
.sbrown { color: #96866f }
.sbrown a:link { color: #96866f; text-decoration: none; }
.sbrown a:visited { color: #96866f; text-decoration: none; }
.sbrown a:hover { text-decoration: underline!important; color: #f83400; }
.white { color: #fff }
.white a:link { color: #fff; text-decoration: none; }
.white a:visited { color: #fff; text-decoration: none; }
.white a:hover { text-decoration: underline!important; color: #f83400; }

/*--------通栏--------*/
.bengoutop { width: auto; height: 32px; background:url(../images/bg.png) repeat-x 0 -64px; }
.topmenu { float: left; margin-left:10px; letter-spacing:1px; }
.topmenu a{ margin: 0 5px 0 5px; }
.finalpagetop { width: 910px; height: 32px; line-height: 32px; }
.logo2 { float: left; width: 96px; }
.finalmenu { float: left; margin-left:10px; letter-spacing:1px; }
.finalmenu a{ margin: 0 5px 0 5px; }

/*--------头部--------*/
.top { margin: 0 auto; width: 990px; height: 267px; background:url(../images/top.gif); }

/*--------菜单--------*/
.menu_box { margin: 0 auto; width: 990px; height: 54px; }
.menu_l { float: left; width: 32px; height: 54px; background:url(../images/index.png) no-repeat -10px -10px; }
.menu_m { float:left; width: 927px; height: 49px; background:url(../images/bg.png) repeat-x 0 0; padding-top: 5px; }
.menu_r { float: left; width: 31px; height: 54px; background:url(../images/index.png) no-repeat -52px -10px; }
.memu { padding-top: 10px; }
.menu a{ float: left; width: 83px; height: 44px; line-height:40px; text-align: center; color: #e6ceae!important; font-size: 13px; font-weight: bold; text-decoration:none; background:url(../images/index.png) no-repeat -205px -10px; padding-left: 20px; }
.menu a:hover { text-decoration:none; color:#ffc700!important; background:url(../images/index.png) no-repeat -92px -10px; }

/*----------图片外框效果----------*/
a.box { width: auto; }
a.box {  margin: 0 auto; display: block; border: 1px solid #cdb694; padding:2px; background:#ffffff; text-align:center; }
a.box:hover { border: 1px solid #d76749; display: block; }
a.box_txt { display: block; text-align:center; height:24px; line-height:24px; color:#d76749; overflow:hidden; font-weight: bold; text-decoration:none;}
a.box_txt:hover{ color:#f83400; text-decoration:underline; }

/*--------内容--------*/
.page { margin: 0 auto; width:990px; padding: }
.page_middle { width: 960px; margin-left: 7px; height: auto; background:url(../images/bg2.png) repeat-y 0 0; padding: 7px 7px 4px 7px; border: 1px solid #fff; }

.left { float: left; width: 402px; padding-right: 8px; }
.middle { float: left; width: 297px; }
.right { float: right; width: 245px; }

/*----------推荐图片选项卡----------*/
.ad {  width: 392px; height: 304px; border: 1px solid #ba9c78; background: #fffaf0; padding: 4px 4px 3px 4px; margin-bottom: 7px; _margin-bottom: 8px; }
.ad_4 { width: 81px; height: 302px; float: right; }
.ad_4 h3 a{ display: block; width: 79px; height: 72px; cursor:pointer; margin-bottom: 2px; border: 1px solid #fff; }
.ad_4 h3 a:hover{ border: 1px solid #d76749; }

.ad_pic{ width: 306px; height: 301px; float: left; border: 1px solid #e3c8a5; }
.ad_pic .normal { display:none; }
.ad_pic .current { display:block; }

/*----------动画在线----------*/
.allbox { width: auto; height: auto; border: 1px solid #ba9c78; background: #fffaf0;  margin-bottom: 8px; }
.title { width: auto; height: 24px; line-height: 24px; border-bottom: 1px solid #ba9c78; background: #f6ecde; font-size: 13px; }
.name { float: left; width: 160px; height: 24px; background:url(../images/index.png) no-repeat -967px -10px; padding-left: 26px; color: #313130; font-weight: bold; overflow: hidden; }
.more { width: 30px; float: right; text-align:right; padding-right: 10px; }

.online_content { width: auto; height:135px; padding: 10px; }
.online_pic { float: left; width: 86px; height: 130px; }
.online_list { float: right; width:285px; }
.online_list li { float:left; width: 285px; height: 22px; line-height: 22px; background:url(../images/index.png) no-repeat -987px -61px; }
.c_title { float: left; width: 195px; padding-left: 7px; height: 22px; overflow: hidden; }
.date { float: right; width:70px; text-align: right; font-size: 11px; color:#727272; }

/*----------小编推荐阅读----------*/
.tj_content  { width: auto; height: 266px; padding: 10px; }
.tj { float: left; width:270px; height: 123px; border-bottom: 1px dashed #959595; margin-bottom:10px; }
.tj li { float:left; width: 270px; height: 24px; line-height: 24px; background:url(../images/index.png) no-repeat -981px -43px; }
.tj_title { float: left; width: 255px; padding-left: 14px; height: 24px; overflow: hidden; }

/*----------漫画在线----------*/
.comic_list { margin: 0 auto; width:275px; height: 136px; padding: 9px; *padding: 10px; }
.comic_list li { float:left; width: 275px; height: 22x; line-height: 22px; background:url(../images/index.png) no-repeat -987px -61px; }
.comic_list_title { float: left; width: 175px; padding-left: 7px; height: 22px; overflow: hidden; }

/*----------情报----------*/
.qb { width: 219px; height: 94px; padding: 10px; }
.qb_title { width: auto; height: 24px; line-height: 24px; border-bottom: 1px dashed #ba9c78; }
.qb_c { width: 135px; height: 24px; line-height: 24px; float:left; font-weight: bold; overflow: hidden; }
.qb_content { float:left; width: 221px; height: 50px; _height: 43px; overflow: hidden; padding-top:5px; line-height: 18px; }

.button_all { text-decoration: none; background: url(../images/index.png) no-repeat -318px -10px; float: right; width: 66px; height: 22px; line-height: 22px; display:block; color:#e6ceae!important; cursor:pointer; text-align: center; }
.button_all:hover {	text-decoration: none;	background: url(../images/index.png) no-repeat -394px -10px; float: right; width: 66px; height: 22px; line-height: 22px; display:block;color:#cc2c01!important; cursor:pointer; text-align: center;}

/*----------广告----------*/
.ad01 { width: 245px; height: 166px; margin-bottom: 6px; }

/*----------关键字----------*/
.keyword { width: 231px; height: auto; padding: 10px 5px; border-bottom: 1px dashed #333333; }
.keyword li { float:left; width: 66px; height: 22px; line-height: 22px; margin-left: 5px; _margin-left: 4px; background:url(../images/index.png) no-repeat -987px -80px; padding-left:6px; overflow: hidden; }

.key_list { width: 231px; height: auto; padding: 10px 5px; }
.key_list li { float: left; width: 215px; height: 24px; line-height: 24px; background:url(../images/index.png) no-repeat -987px -78px; padding-left:6px; margin-left: 5px; _margin-left: 4px; }
.key_name { float: left; width: 140px; height: 24px; line-height: 24px; overflow: hidden; }

/*----------小游戏----------*/
.h_box { float: left; width: 707px; }
.game_list { width: 695px; padding: 10px 0 0 10px;}
.game_list li{ float: left; width: 127px; height: 128px; _height: 116px;margin-right: 12px; _margin-right: 10px; }

/*----------路飞军团----------*/
.lf_list { width: 695px; padding: 10px 0 0 10px;}
.lf_list li{ float: left; width: 127px; height: 176px; _height: 168px; margin-right: 12px; _margin-right: 10px; }

/*----------海贼王图片----------*/
.hzw_pic { float: left; width: 707px; }
.pic1_l {float:left; width: 229px; height: 365px; margin-right:10px; }
.pic1_r {float:right; width: 229px; height: 365px; }

.pic_list { width: 217px; padding: 10px 0 0 10px; }
.pic_list li{ float:left; width: 99px; height: 109px; margin-right: 9px; _margin-right: 6px; }

/*----------海贼王资料----------*/
.info { width: 238px; height: auto; padding-left: 5px; border-bottom: 1px dashed #333333; }
.info li { float:left; width: 74px; height: 22px; line-height: 22px; margin-left: 5px; _margin-left: 4px; overflow: hidden; }
.info_title { width: 213px; height:30px; line-height: 30px; padding: 0 10px; font-weight: bold; }


/*----------友情连接----------*/
.link { margin: 0 auto; width: 975px; margin-top: 10px; }
.link_list { width: 950px; margin: 0 auto; padding: 5px; text-align: center; line-height: 24px; }

/*----------底部----------*/
.footer { margin: 0 auto; width: 990px; height: 134px; background:url(../images/footer.gif); }
.footerlogo { float:left; margin: 43px 0 0 221px; *margin: 43px 0 0 221px; _margin: 43px 0 0 112px;}
.footercopy { float:left; width: 500px; line-height: 20px; margin-top: 30px; }


/*--------分页--------*/
.paging { margin: 0 auto; width: 681px; height: 28px; *height: 32px; _height: 29px; line-height: 28px; border: 1px solid #cdb694; background: #fff; text-align: center; margin-bottom: 10px; }
.allpaging { width: 604px; text-align: center; color: #0f62b9; }
.allpaging a { border: #cdb694 1px solid; padding: 2px 5px 2px 5px; color: #d76749; margin-right: 5px; text-decoration: none; background: #FFF; }
.allpaging a:hover { border: #ebc18f 1px solid; color: #ca4846; background: #ffe5c1; text-decoration: none; }
.allpaging span.current { border: #ebc18f 1px solid; padding: 2px 5px 2px 5px; color:#d76749; background: #ffe5c1; margin-right:5px;}
.allpaging span.disabled { border: #ebc18f 1px solid; padding: 2px 5px 2px 5px;  color: #d76749; margin-right: 2px;}
.pagingbox { width: 35px; height: 17px; border: 1px solid #cdb694; background:#ffffff; margin:3px 5px 0 5px; *margin-top:1px 5px 0 5px; _margin-top:3px 5px 0 5px; }
.buttongo { width: 35px; height: 24px; text-decoration: none; background: url(../images/index.png) no-repeat -470px -10px; padding: 2px 10px 2px 8px;color:#fff!important; cursor:pointer; }
.buttongo:hover { width: 35px; height: 24px; text-decoration: none; padding: 2px 10px 2px 8px; color:#ca4846!important; background: url(../images/index.png) no-repeat -515px -10px; cursor:pointer; }

/*--------列表--------*/
.p_list { width: 695px; padding: 10px 0 0 10px;}
.p_list li{ float: left; width: 127px; height: 128px; margin-right: 12px; _margin-right: 10px; }

.txt_list { width: 693px; padding: 10px 0 0 11px; margin-bottom: 10px; }
.txt_list li { float: left; width: 683px; height: 32px; line-height: 32px; border-bottom: 1px dashed #727272; }
.txt_name  { float: left; width: 600px; height: 32px; line-height: 32px; overflow: hidden; }

/*--------内容--------*/
.c_top { width: 680px; height: 75px; border-bottom: 1px dashed #727272; margin: 0 auto; }
.c_name { float: left; width: 680px; height: 45px; line-height: 45px; font-size: 16px; font-weight: bold; text-align: center; }
.c_info { float: left; width: 680px; height:30px; line-height: 30px; text-align: center; }

.content { width: 680px; margin: 0 auto; padding: 10px 0; line-height: 30px; font-size: 14px; }
.back { width: 680px; margin: 0 auto; text-align: right; height: 30px; line-height: 30px; font-weight: bold; }


/*--------内容列表--------*/
.ci_list { float:left; width:690px; height: auto; margin: 10px 0 0 12px; display:inline; } 
.ci_list li { float: left; width: 690px; height: auto; }
.ci_list li a{ float:left; display: block; width: 118px; height: 30px; background:url(../images/index.png) no-repeat -558px -10px ; line-height: 30px; padding-left: 10px; text-decoration: none; color: #5e5d5d; margin: 0 10px 8px 0; overflow: hidden;}
.ci_list li a:hover { width: 118px; height: 30px; background:url(../images/index.png) no-repeat -694px -10px ; line-height: 30px; padding-left: 10px; text-decoration: none; color: #d76749; font-weight: bold;  overflow: hidden;}

.ci_lista { float:left; width:690px; height: auto; margin: 10px 0 0 12px; display:inline; } 
.ci_lista li { float: left; width: 690px; height: auto; }
.ci_lista li a{ float:left; display: block; width: 118px; height: 30px; background:url(../images/index.png) no-repeat -558px -43px ; line-height: 30px; padding-left: 10px; text-decoration: none; color: #5e5d5d; margin: 0 10px 8px 0;  overflow: hidden;}
.ci_lista li a:hover { width: 118px; height: 30px; background:url(../images/index.png) no-repeat -694px -43px ; line-height: 30px; padding-left: 10px; text-decoration: none; color: #d76749; font-weight: bold;  overflow: hidden;}