@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin: 0; padding: 0;}
table{border-collapse: collapse; border-spacing: 0;}
fieldset,img{border: 0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal; font-weight: normal;}
ul,ol,li{list-style: none;}
h1,h2,h3,h4,h5,h6{font-size: 100%; font-weight: normal;}
q:before,q:after{content: '';}
a,a:visited{text-decoration: none;}
a:hover{text-decoration: none;}

.fixed{clear: both; height: 0; overflow: hidden;}
.clearfix:after{display: block; visibility: hidden; clear: both; height: 0; content: ".";}
.clearfix{*zoom: 1;}
/*****************/
body{font-family: verdana,helvetica,arial,sans-serif; font-size: 14px; line-height: 1; color: #333; background:#fff; min-width: 1200px;}
input{font-family: verdana,helvetica,arial,sans-serif;}


/**********banner**********/
.banner{width: 100%; background-color: #000;}
.banner_box{width: 100%; height: 500px; overflow: hidden; position: relative; z-index: 0;}
.banner_box li{width:1920px; height: 500px; position: absolute; top: 0; left: 0; display: none;margin:0 auto;}
.banner_box .game_info{width:370px; float: right; text-align: center;}
.game_info .game_logo{display:block;height:230px; line-height:230px;}
.banner_box p{width: 300px; margin: 0 auto; padding: 0 0 30px 0; line-height: 25px;height: 50px; font-size: 18px; color: #fff; text-shadow: 2px 2px 3px #000;}
.banner_nav{position: absolute; top: -70px; left: 0;}
.banner_nav_list{width: 1000px; height: 50px; overflow: hidden; position: relative;}
.banner_nav_list ul{position: absolute; left: 0; top: 0; width: 9999px;}
.banner_nav_list li{width: 196px; height: 50px; float: left; margin-right: 5px; line-height: 50px; text-align: center; color: #a7a7a7; background: url("../images/banner_nav_bg.png") repeat; cursor: pointer;}
.banner_nav_list li.cur{background: url("../images/banner_nav_hover_bg.png") repeat; color: #fff;}
.banner_nav .btn_prev, .banner_nav .btn_next{position: absolute; width: 68px; height: 50px; top: 0; background: url("../images/banner_nav_bg.png") repeat;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.banner_nav .btn_prev{left: -73px;}
.banner_nav .btn_next{right: -73px;}
.banner_nav .btn_prev span, .banner_nav .btn_next span{display: block; width: 68px; height: 50px; background: url("../images/icon_arrows01.png") no-repeat center -25px;}
.banner_nav .btn_next span{background-position: center 15px;} 
.game_play {opacity:0.85;transition:all 0.3s ease 0s; }
.game_play:hover {opacity:1;}
fieldset, img{ border: 0 none;}
/********content********/
.content{padding: 0 0 7px; border-top: 1px solid #454545; background: url("../images/content_bg.jpg") no-repeat center 0;}
.w1000{width: 1000px; position:relative; margin: 0 auto;}
.main{margin:-67px auto 0;}
.box{ background-color: #fff; box-shadow: 2px 0 1px rgba(0,0,0,0.1),0 2px 1px rgba(0,0,0,0.1),-2px 0 1px rgba(0,0,0,0.1),0 -2px 1px rgba(0,0,0,0.1);}
.caption_bg h3, #slides .next,#slides .prev ,.caption h3, .pagination li a, .forum_btn{ text-indent:-999em; }
.caption a, .tit a.tit2, .tit a.tit1, .web_game h3.wh3, .txt a {text-shadow: 0px 1px #fff; }
.caption a, a.more { background-image: url("../images/play.png"); }
#slid, .web_game, .pagination { background-repeat:repeat-x; }
/**/
.w10{ width:1000px; margin:0 auto; position:relative;}
.web_game .w10{ padding-top:20px;}


.main_left{ margin-right:20px; float:left; width:690px; z-index:54;}
.Browser,.Forum{ border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;}
.reg_log{ line-height:40px; font-size:18px; color:#333; background:#e5e5e5; width: 288px; height: 40px;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;}
.reg_log a{ float: left; height:39px; width: 143px; line-height: 40px; text-align: center; color: #333333; border-bottom:solid 1px #b2b2b2;}
.btn_reg{ border-right:solid 1px #e5e5e5; }
.reg_log .btn_log{width: 144px;border-radius:0px 5px 0 0;-moz-border-radius:0px 5px 0 0;-webkit-border-radius:0px 5px 0 0; }
.btn_log:hover{ background: #f2f2f2;}
.btn_reg.cur{ border-right:solid 1px #b2b2b2; border-radius:5px 0px 0 0;-moz-border-radius:5px 0px 0 0;-webkit-border-radius:5px 0px 0 0; background: #fff; border-bottom:solid 1px #fff;}
.news_nav{ width: 690px; height: 50px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; background: #e9e9e8;}
.news_nav li{width: 229px; height: 49px; float: left; text-align: center; line-height: 50px; border-top:solid 1px #cdcdcd;border-bottom:solid 1px #cdcdcd; cursor: pointer;}
.news_nav h3{font-weight:bold; font-size:14px;}
.news_nav li:hover {background: #ddd;}
.news_nav_l{border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-left:solid 1px #cdcdcd;}
.news_nav_r{border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;border-right:solid 1px #cdcdcd;}
.news_nav_l.cur{border-left:solid 1px #1a1a1a; }
.news_nav_r.cur{border-right:solid 1px #1a1a1a; }
.news_nav li.cur{ background:#1a1a1a; border-top:solid 1px #1a1a1a;border-bottom:solid 1px #1a1a1a; color: #fff;  }
.ninja02{ width:650px; height:150px;}
.news_lists_wrap{ padding-bottom:20px;}
.news_lists_wrap p.tit{ height:21px; line-height:21px; text-align:center; color:#fff; font-weight:bold; font-size:12px;}
.news_lists_wrap i{ height:42px; width:42px; position:absolute; top:0; right:0; background-image:url(../images/games_status.png);}
.news_lists_wrap i.hot{ background-position:-50px 0;}
.news_lists_wrap i.new{ background-position:-151px 0;}
.news_lists_wrap i.soon{ background-position:-2px 0;}
.news_lists_wrap i.beta{ background-position:-100px 0;}
.box{ margin-top:20px; position:relative; display:inline-block; float:left; z-index:18; overflow:hidden;}

.box_wrap{ width:338px; height:100px; border-radius:5px;}
.box_Social,.box_Social .transform{ float:left; width: 338px; height: 180px; border-radius:5px; }
.box_margin{ margin-right: 14px;}
.txt{ height:80px; padding:10px 20px;width: 298px; position: absolute;z-index: 2;background-image:url(../images/315_bg.png);}
.txt .txt_h4{font-size:20px; margin-top:10px;}
.txt .txt_p{font-size:12px;}
.box_wrap .txt{ background-image:url(../images/315_bg.png);top:-100px;}
.box_Social .txt{height:160px;top: -180px;}
.box_wrap .txt a{bottom: 15px;}

.txt h4{ font-size:14px; color:#fff; line-height:30px; font-weight: bold;}
.txt p{ color:#b9b9bb; font-size:11px; line-height:18px;}
.txt_p{ overflow:hidden; height:19px; width:100%;}
.txt a{   background: url("../images/btn.png") no-repeat scroll 0 0 transparent;bottom: 30px;color: #222222;font-size: 12px;font-weight: bold;height: 22px;line-height: 24px;position: absolute;text-indent: 13px;width: 88px;}
.txt a:hover { color:#fff; text-decoration: none; background-position:0 -23px; text-shadow: 0 1px #000; }
.txt a.btn01{ left:20px;}
.txt a.btn02{ left:118px;}

.main_right{ width:290px; float:left; margin-top: 20px;}
.login,.Interact{ border:solid 1px #CECECE; border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;}
.login form{ padding-top:20px;}

.input_bg{ line-height:31px; height:31px; overflow:hidden; padding:0 5px; border:solid 1px #999999; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
/*login*/

.login_name,.login_pass{ position:relative; width:251px; margin:0 auto; font-size:12px; color:#555; z-index:65;}
.login_email,.login_password{ height:31px; margin:0; border:none; background:none; line-height:31px; font-family:Arial;}
.login_email{ padding:0; width:251px; background:#fff;}
.login_password{ width:214px; padding:0;}
.login_pass .input_bg{ background-image:url(../images/login.png); background-repeat:no-repeat; background-position:-369px -56px;}

.login_name p{ height:31px; width:120px; position:absolute; right:0; top:1px; line-height:31px; border-left:solid 1px #999; padding-left:7px;box-shadow: -1px 0 2px rgba(0, 0, 0, 0.2); background:url(../images/login.png) -504px -26px no-repeat; cursor:pointer;}
.login_name ul{ display:none; width:125px; padding:10px 0; border:solid 1px #999;position:absolute; right:0; top:-25px; background-color:#FBFBFB; z-index:66; -moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px;border-radius:6px; right:-19px\9; #right:-18px; box-shadow: 0 1px rgba(34, 25, 25, 0.15) inset, 0 1px rgba(255, 255, 255, 0.8);-moz-transition: all 0.1s ease-in-out 0s;}
.login_name li{ display:block; line-height:31px; position:relative; #height:24px;}
.login_name li a{ display:block; padding-left:22px; color:#555; text-decoration: none;}
.login_name li a:hover{ background-color:#eee;}
.login_name li a.gou{ background-image:url(../images/gou.png); background-position:7px 11px; background-repeat:no-repeat;}

.login_pass{ margin-top:20px; z-index:64;}
.login_pass p{ vertical-align:middle; line-height:15px; margin-top:10px; position:relative;}
.login_checkbox{ margin:0 5px 0 2px;vertical-align:middle;}
#login_checkbox{vertical-align:middle;}
.login_pass p a{ color:#0066cc; position:absolute; right:-7px; top:1px;}
.login_signin{ width:170px; height:45px; border:none; background:url(../images/sign_in.png) no-repeat; margin:20px 0 0 20px;
 cursor:pointer;color:#fff;font-size:22px;font-weight:bold; text-shadow: 0 -1px 0 #2664c7;
    transition: all 0.3s ease-out 0s;}
.login_signin:hover{ background:url(../images/sign_in.png) 0 -45px no-repeat;}

.login .games{ border-bottom:solid 1px #d7d7d7; padding-bottom:20px; }

/*log_out*/
.log_out { padding:10px 20px 0; }
.log_out li { background-color: #F5F5F5;border:1px solid #d7d7d7; margin-top:10px; }
.log_out li strong { float:left; padding: 8px;text-align: right;width: 92px; }
.log_out li span { background-color: #fff;padding: 8px;text-align: left; word-wrap: break-word; width: 121px;float:left;border-left: 1px solid #D7D7D7;}
.log_out li.log_out_bnt { border:0;margin-top:15px;text-align:center;background:none; }
.log_out li.log_out_bnt a { text-decoration:none;font-family: arial; background-color: #0066CC;color: #FFFFFF;display:inline-block;font-size: 14px;
font-weight: bold;margin-right: 10px;padding: 5px;text-align: center;width: 90px;display: table-cell;vertical-align: middle;}
.log_out li.log_out_bnt a:hover {background-color:#193bae;}
#log_jg{width:8px;background-color:#fff;}
/*login*/
.login_h3{ line-height:38px; border-bottom:solid 1px #b2b2b2; font-size:18px; color:#333; padding-left:18px; background:url(../images/title_x.png) repeat-x;}

.link ul{ float:left; margin:20px 0 15px;}
.link li {float:left; margin-left:16px; background-position:-78px -5px; width:52px; height:65px; background-image:url(../images/login.png);}
.link li:active { background-position:0px -5px;  }
.link li a{ display: block;font-size: 10px;height: 0;padding-top: 52px;text-align: center;width: 52px; background-image:url(../images/login.png);}
.link li.link_facebook a{ background-position:-148px -5px; color:#213b6d;}
.link li.link_google a{ background-position:-199px -5px;color:#282828;}
.link li.link_mangafox a{ background-position:-300px -5px;color:#4c6824;}
.link li.link_yahoo a{ background-position:-250px -5px;color:#5c2964;}

/*Interact*/



.shadow{ padding-bottom:20px;}
.main_right .shadow{ padding-bottom:20px;}
.pic{ margin-top: 18px;}
/*transform*/
.transform{width:338px; position:absolute; height:21px; padding-top:129px; top:0; left:0;}

/*******footer_list********/
#footer { background:#08090a url("../images/footer_bg.png") left top repeat-x; height: 108px; font-family: arial;}
#footer .footer_logo { background: url("../images/footer_logo.png") no-repeat 0 24px;font-size: 14px;height: 70px;padding-left: 400px;padding-top: 30px;width: 600px;margin: 0 auto;position: relative;z-index: 1;}
#footer .footer_logo p { padding-left:50px; color: #595959; line-height: 180%; }
#footer .footer_logo a { color: #fff; }
#footer .footer_logo a:hover {  color:#c41212; }
#footer .footer_bg_box {  background: url("../images/footer_bg_box.png") no-repeat center top;height: 100px;margin: -98px auto 0;width: 1000px;}
#footer .footer_p {float: left;}
#footer a.footer_boost{ color:#aaa;font-weight:bold; background-color: #222222;border: 1px solid #575757;display: inline-block;margin-left: 10px;padding: 16px 5px 0;height:30px;text-align: center;width: 60px;}
#footer a.footer_boost:hover {color:#fff; background-color: #202020;border: 1px solid #999;text-decoration:none;}


#footer .acc{float: left;width:140px;margin:5px 0px 0px 18px;border-radius:20px;text-align:center;background-color:#303030;}
#footer .acc a:link,#footer .acc a:hover,#footer .acc a:active,#footer .acc a:visited{line-height:18px;text-align:center;color:#fff;}
#footer .acc:hover{background-color:#4f4f4f;color:#fff;}