﻿@charset "utf-8";
/* CSS Document */
body{font:12px/150% corbel,Helvetica,Arial,Helvetica,sans-serif;text-align:center; background:#242424; padding:0; margin:0 auto;}
body > div{text-align:left;margin-right:auto;margin-left:auto;} 
div,form,ol,li,span,ul,dl,dt,dd{ margin:0; padding:0; border:0; text-align:left;}
img,a img,p{border:0;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0; font-weight:normal; font-size:12px;}
ul,ol,li {list-style:none;text-align:left;}
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline; }
img{vertical-align:top;}
/* 默认链接颜色 */
a{outline-style:none;text-decoration:none; color:#292929;}
a:focus { outline: 0; }
a:hover {color:#292929}

/* 通用属性 */
.left{float:left;}
.right{float:right;}
.clear{clear:both;font-size:1px;width:1px;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}/*ie and firefox1.5 updata */
.clearfix:before,.clearfix:after{content:' ';display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both}
.clearfix{zoom:1}


/*中间部分*/
#contentBox{ overflow:hidden; height:855px;}
.centerbox{ width:100%; height:100%; position:relative;/* 整个页面背景图片拆分 background-image:url(../../../../images/official/naruto/bigbg1.jpg); background-color:#fff; background-position:center top; background-repeat:no-repeat;*/}
.center_aninmatbg{ display:block;opacity: 0; filter:Alpha(opacity=0);z-index:-10;width:100%; height:100%; background-color:#fff; background-position:center top; background-repeat:no-repeat; position:absolute; left:0px; top:0px;  }

.navbox{ width:980px; height:70px; margin:0 auto; margin-bottom:330px;}
/*导航部分*/
.gamelogo{ float:left; margin-left:20px;}
.nav{ float:right;}
.nav li{ display:block; float:left;}
.nav li a{ display:inline; float:left; width:138px; height:68px; text-indent:-999em; margin-left:3px; background-image:url(../../../../images/official/naruto/navbg.png)}
.nav li .active{ background-position:0 -68px !important }
.nav li.current a.index{ background-position:0 -68px }

.nav li a.news{ background-position:-140px 0 }
.nav li.current a.news{ background-position:-140px -68px }
.nav li a.guides{ background-position:-281px 0 }
.nav li.current a.guides{ background-position:-281px -68px }
.nav li a.forum{ background-position:-422px 0 }
.nav li.current a.forum{ background-position:-422px -68px }
.nav li a.gift{ background-position:-562px 0 }
.nav li.current a.gift{ background-position:-562px -68px }
.nav li a.support{ width:68px; height:68px; background-position:-702px 0 }
.nav li.current a.support{ width:68px; height:68px; background-position:-702px -68px }

/*中间内容*/
.content{ width:980px;margin:0 auto;}
/*中间——左侧*/
.conleftbar{ width:275px;float:left; overflow:hidden;}
.conleftbar .gamestart a{ display:block; width:275px; height:187px; background:url(../../../../images/official/naruto/gamestart.jpg) 0 0 no-repeat;}
.conleftbar .gamestart a:hover{background:url(../../../../images/official/naruto/gamestart.jpg) 0px -187px no-repeat;}
.cont_way{ width:275px; background:#313131;}

/*左侧登陆后和未登录时*/
.title{ width:275px; height:40px; }
.title h2{ float:left; font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#bfbfbf; height:40px; line-height:40px; padding-left:10px;}

.title div{ float:right; padding-top:12px; margin-right:5px;}
.title div a{ display:block; width:28px; height:27px; float:left; background-image:url(../../../../images/official/naruto/logwith.png); margin-right:4px;}
.title div a.ad_facebook_btn{ background-position: -3px 0 ;}
.title div a.ad_facebook_btn:hover{ background-position:-3px -27px ;}

.title div a.ad_google_btn{ background-position: -36px 0 ;}
.title div a.ad_google_btn:hover{ background-position: -36px -27px ;}

.title div a.ad_twitter_btn{ background-position: -68px 0 ;}
.title div a.ad_twitter_btn:hover{ background-position: -68px -27px ;}

.title div a.way4{ background-position: -99px 0 ;}
.title div a.way4:hover{ background-position: -99px -27px ;}

.title div a.way5{ background:url(../../../../images/official/naruto/way5.png) 3px 2px no-repeat ;}
.title div a.way5:hover{ background:url(../../../../images/official/naruto/way5.png) 3px 2px no-repeat ;}

.title .welcome{float:left; font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#ff7800; width:260px; overflow:hidden; height:35px; line-height:35px; padding-left:10px;}
.login_username{ width:275px; overflow:hidden; margin-bottom:5px;}
.login_username .username{ margin-top:10px;}
.login_username .username , .login_username .password{ border:none; width:257px; height:30px; line-height:30px; overflow:hidden; background:#fdfdfd ;color:#969595; margin-left:5px; margin-bottom:5px; padding:0 4px;}
.col_3d{ color:#3d3d3d}
.login_username div{ padding:3px 0 3px 5px;}
.login_username div span{ display:inline-block; margin:6px 0px;}
.login_username div span a{color:#dddddd; margin-right:8px; }
.login_username div span a:hover{ text-decoration:underline; color:#fff;}
.login_username strong a{ display:block; float:left; margin-left:5px;height:38px; line-height:38px; color:#fff; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:14px;}
.login_username strong a.signin{width:142px; background:#3867c0;}
.login_username strong a.signup{ width:118px; background:#adadad;}

.login_username p{}
.login_username p strong{ font-family:Tahoma, Geneva, sans-serif; color:#ff7800; font-size:13px; font-weight:bolder; height:30px; line-height:30px; padding-left:10px;}
.login_username p span{ display:block; width:255px; padding:0 10px; overflow:hidden; color:#fff; height:22px; line-height:22px; }
.login_username p span.login_history{ font-size:15px; font-weight:bolder;}

.login_username p span a.last_login_history{color:#ff7800; text-decoration:underline; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.login_username p a.log_out{ display:block; width:140px; height:38px; background:#3867c0; margin-left:10px; color:#fff; text-align:center; line-height:38px; font-size:18px;}
a.user_logout_left{ display:block; width:140px; height:38px; background:#3867c0; margin-left:10px; margin-top:20px;color:#fff; text-align:center; line-height:38px; font-size:18px;}




.facebook_z{ width:255px; background:#fff; height:70px; padding:5px; margin:5px 0 2px 5px; overflow:hidden; }
.facebook_zimg{ height:10px; float:left; margin-right:10px; margin-top:2px; }
.facebook_con{ float:left;padding:5px; }
.facebook_con p{ font-size:14px; color:#000; font-weight:bolder; height:20px; line-height:20px; margin-bottom:10px;}
.facebook_con a{ display:block; width:38px; height:20px; }
.like{ height:36px; line-height:36px; color:#757575; padding:0 15px; font-size:14px;}
.z_listimg{ padding-left:4px;}
.z_listimg li{ float:left; margin:0 5px; display:inline;}
.new_server{ width:255px; height:52px; background:url(../../../../images/official/naruto/serverbg.jpg) bottom right no-repeat; padding:25px 10px;}
.new_server strong{ font-size:14px; font-weight:bolder; font-family:Tahoma, Geneva, sans-serif; color:#bfbfbf;}
.new_server p{ color:#757575; height:20px; line-height:20px;}
.gd_ad{ width:275px; height:160px; padding:0 0px; background:#313131;}



/*中间滚动内容*/
.control { width:980px; margin:0 auto;  margin-top:40px; margin-bottom:50px; }
.roll { width: 980px; margin: 0 auto; height:200px; position:relative; overflow:1hidden; background:#f9f9f9;}
.control h2{ font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#242424; height:30px; line-height:30px;}
.btn_left { display: block; width: 20px; height: 132px; background: url(../../../../images/official/naruto/btn.jpg) no-repeat 0px 55px; position: absolute; top: 35px; left: 0px; z-index: 1; }
.btn_right { display: block; width: 20px; height: 132px; background: url(../../../../images/official/naruto/btn.jpg) no-repeat -32px 55px; position: absolute; top: 35px; right: 0; z-index: 1; }
.roll .wrap { width: 940px; height: 200px; position: relative; overflow: hidden;left: 20px;  }
.roll ul { position: absolute; height:132px; top:36px; left: 0px; overflow:hidden }
.roll li { float: left; width: 168px; height: 132px; text-align: center; margin:0 10px; position:relative; }
.roll li img{width: 168px; height: 132px;}
.roll li span{ display:block; background:url(../../../../images/official/naruto/roll_mask.png) 0 0 no-repeat; width:168px; height:132px; position:absolute; left:0px ; top:0px; display:none; }

/*滚动遮罩看大图*/
/*#mask{ display:none; width:100%; height:100%; position:absolute; left:0px; top:0px; background:#000; opacity:0.8; filter:alpha(opacity:80); z-index:9;}
#roll_con{display:none; width:990px; height:503px; position:absolute; left:0px; top:0px; z-index:10;}
#roll_close a{ display:none;position:absolute; right:0px; top:0px; background:url(../../../../images/official/naruto/roll_close.png) 0px 0px no-repeat; width:138px; height:127px; z-index:10;}
#roll_con .roll_btn1{ display:block; position:absolute; left:30px; top:0px; width:88px; height:503px; background:url(../../../../images/official/naruto/roll_btn.png) 0 155px no-repeat;}
#roll_con .roll_btn2{ display:block; position:absolute; right:30px; top:0px; width:88px; height:503px;  background:url(../../../../images/official/naruto/roll_btn.png) -120px 155px no-repeat;}
#roll_bigimg{ margin:0 auto; width:640px; height:503px;}*/

/*.cont{display:none; position:absolute;  left:15px; width:212px; height:210px;  top:-210px; background:url(../../../../images/official/naruto/new_titlebg1.gif) 0 0 no-repeat; }
.new_title{width:213px; height:40px; position:relative;}
.new_title h2{ line-height:30px; padding-left:20px; font-family:Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bolder; color:#000; }
.new_title a{ background:url(../../../../images/official/naruto/play_close_hover.gif) 0px -34px no-repeat; width:34px; height:34px; position:absolute; right:4px; top:1px;}
.new_title a:hover{ background:url(../../../../images/official/naruto/play_close_hover.gif) 0px 0px no-repeat; width:34px; height:34px; position:absolute; right:4px; top:1px;}
.play_footer_newsbox{ float:left; width:300px; padding-left:15px;}
#divo {width: 6px; height: 150px; background:url(../../../../images/official/naruto/scrollbg.png) 0px 0 no-repeat; position: absolute; right: 5px; top: 47px;}
#divt { width: 6px; height: 29px; background:url(../../../../images/official/naruto/scrollbg2.png) 0px 0 no-repeat; position: absolute; right: 0px; top:0px;}
#divs{ width:160px; padding:10px 15px; height:140px; position:absolute; overflow:hidden; left: 0px; top: 40px;}
#divf{ position:absolute;  top:0px; left:0px; }

#divf ul li a{ display:block;width:170px;padding:5px 5px; margin-left:10px;  height:20px; line-height:20px; border-bottom:1px dashed #c9c9c9; color:#757575;}
.bx_container{ width:280px; margin:0 auto; position:relative;}
.froum_btn{ background:url(../../../../images/official/naruto/forum_btn.gif) 0 0 no-repeat; width:70px; height:36px; position:absolute; right:50px; top:3px; *top:3px;}

/*玩游戏新闻滚动*/
/*#demo{overflow:hidden;height:20px; line-height:20px;width:260px;margin-top:5px; background:url(../../../../images/official/naruto/play_footer_news.gif) 0px 5px no-repeat;  }
#demo1 {height:auto;text-align:left; }
#demo2 {height:auto;text-align:left;}
#demo1 li {list-style-type:none;height:26px;text-align:left;text-indent:15px;}
#demo2 li {list-style-type:none;height:26px;text-align:left;text-indent:15px;}*/

/*左侧日历*/
.server_open_plan_calendar{ width:263px;  padding:5px 3px 5px 10px; }
.server_calendar{ font-family:Arial, Helvetica, sans-serif; color:#fff; font-size: 12px; font-weight:bolder; border:2px solid #88abda; width:256px; padding:5px 0px 5px 3px; }
.server_calendar tr{ width:259px;}
.calendar_title th{ text-align:center;}
.server_calendar tr th{ width:33px; height:33px;  text-align:center; line-height:33px; }
.day_title td{ color:#59b9f3; }
.server_calendar tr td { width:32px; height:32px; margin:1px;  text-align:center; line-height:24px; display:inline-block;}
.server_calendar tr td span{ display:block; width:26px; height:26px; text-align: center;}
span.server_type_1 , span.server_type_2,span.server_type_5{display:inline-block;  width:26px; height:26px; margin:1px;}
span.server_type_1{  border:3px solid #f19702; }
span.server_type_2{border:3px solid #25ac36;}
span.server_type_5{border:3px solid blueviolet;}
span.will_open , span.is_open{display:block;  width:26px; height:26px; margin:1px;}
span.will_open{background:#0d52d4;}
span.is_open{background:#626262;}
span.server_width{ width:15px; height:15px;}
span.server_width_bg{ width:18px; height:18px;}
.srever_tips_box {width:253px;  padding:10px 10px 10px 12px; }
.srever_tips_box strong{ float:left; width:120px; height:30px; line-height:30px; color:#fff;}
.srever_tips_box strong span{ display:inline-block; float:left; margin-right:5px;}

.footerbox{ width:100%; height:250px; background-color:#242424; background-position: center top; background-repeat:no-repeat; padding-top:185px;}

/*Play Page Guide Box*/
.rapidGuidesBox {
    display: block;
    width: 625px;
    height: 325px;
    position: absolute;
    top: -320px;
    left: auto;
    overflow: hidden;
}
#miniRapidGuidesIco{
    position: absolute;
    top:0px;
    left:0px;
    display: none;
    cursor:pointer;
}
#rapidGuidesIco{
    position: absolute;
    top:0px;
    left:0px;
}
#rapidGuidesTalkBox{
    position: absolute;
    top:60px;
    left: 200px;
    width: 375px;
    height: 230px;
    /*width: 0px;
    height: 0px;*/
    display: block;
    overflow: hidden;
    background: url(../../../../images/official/naruto/rapid_guides_talk_box.png) 0 0 no-repeat;
    padding: 20px 20px 5px 30px;
    /*padding: 0px;*/
}
#closeRapidGuidesTalkBox {
    position: absolute;
    right: 6px;
    top:5px;
    width: 14px;
    height: 14px;
    display: block;
    text-indent: 1000px;
    background: url(../../../../images/official/naruto/rapid_guides_talk_box_close.png) 0 0 no-repeat;
}
#closeRapidGuidesTalkBox:hover {
    background-position: 0 -14px;
}
#talkContent h1{
    font-size: 16px;
    font-weight: bold;
    color: #830000;
}
/*#talkContent span {
    color: #c77405;
}*/
#talkContent ul{
    margin-top: 20px;
}
#talkContent ul li a{
    font-size: 14px;
    color:#830000;
}
#talkContent ul li a:hover{
    text-decoration: underline;
}


