@charset "utf-8";
body{ background:url(../images/login_bg.png) repeat-x 0 107px    }

#breadCrumb{margin:0 auto; width:946px; height:34px; line-height:34px; margin-bottom:10px; color:#3f3f3f; padding-left:4px;}
#breadCrumb a{color:#3f3f3f;}
#breadCrumb em{ font-style:normal; color:#666}

.container{margin:0 auto 10px auto; width:950px; overflow:hidden; }
.left{ float:left; width:220px; height:550px; border:1px solid #d6d6d6; background:#FFF;}
.left ul{ padding-top:12px;}
.left ul li{ height:50px; width:200px; padding:0 10px 5px 10px; }
.left ul li a{background:url(../images/user_left_bg.png);display:block; height:32px; padding:8px 0 0 80px; font-size:14px; color:#666}
.left ul li a:hover{ color:#000;}

.left ul .an1 a{ background-position:-280px -25px}
.left ul .an1 a:hover{ background-position:-6px -25px}
.left ul .an1b a{ background-position:-6px -25px; text-decoration:none; color:#000;}
.left ul .an2 a{ background-position:-280px -85px}
.left ul .an2 a:hover{ background-position:-6px -85px}
.left ul .an2b a{ background-position:-6px -85px; text-decoration:none; color:#000;}
.left ul .an3 a{ background-position:-280px -145px}
.left ul .an3 a:hover{ background-position:-6px -145px}
.left ul .an3b a{ background-position:-6px -145px; text-decoration:none; color:#000;}
.left ul .an4 a{ background-position:-280px -205px}
.left ul .an4 a:hover{ background-position:-6px -205px}
.left ul .an4b a{ background-position:-6px -205px; text-decoration:none; color:#000;}
.left ul .an5 a{ background-position:-280px -265px}
.left ul .an5 a:hover{ background-position:-6px -265px}
.left ul .an5b a{ background-position:-6px -265px; text-decoration:none; color:#000;}
.left ul .an6 a{ background-position:-280px -325px}
.left ul .an6 a:hover{ background-position:-6px -325px}
.left ul .an6b a{ background-position:-6px -325px; text-decoration:none; color:#000;}
.left ul .an7 a{ background-position:-280px -385px}
.left ul .an7 a:hover{ background-position:-6px -385px}
.left ul .an8 a{ background-position:-280px -445px}
.left ul .an8 a:hover{ background-position:-6px -445px}
.left ul .an8b a{ background-position:-6px -445px}
.left ul .an9 a{ background-position:-280px -505px}
.left ul .an9 a:hover{ background-position:-6px -505px}
.left ul .an9b a{ background-position:-6px -445px}
.left ul .an10 a{ background-position:-280px -568px}
.left ul .an10 a:hover{ background-position:-6px -568px}
.left ul .an10b a{ background-position:-6px -568px; text-decoration:none; color:#000;}

.right{ float:right; width:700px; border:1px solid #d6d6d6; background:#FFF; padding:0 8px 20px 8px}
.right .userbox{ border-bottom:1px #979797 dotted; padding:8px 0 15px 0; overflow:hidden; width:700px; color:#666}
.right .userbox div{ width:610px; float:right; line-height:23px;}
.right .userbox h3{ font-size:14px; padding-left:10px; color:#000;}
.right .userbox a{color:#003399;text-decoration:underline; margin-left:15px}
.right .userbox a:hover{ color: #000}
.right .userbox .mane{ font-size:13px; color:#000}
.right .userbox .gg{float:left; width:48px; background:url(../images/gg_bg.png) no-repeat center top; padding:8px 18px; line-height:35px; text-align:center;}
.right .userbox .gg a{color:#666; margin:0;}



/*最近玩过的游戏*/
.cleardiv{ clear:both;}
.gamelist{ width:660px; margin:auto;}
.gamelist h2{margin-top:10px;  font-size:14px;background:url(../images/green_dot.gif) 0 4px no-repeat;  padding-left:16px; line-height:24px; height:30px;}
.game_one{border:1px solid #D9D9D9; padding:10px 4px; font-size:12px; background:#fff; margin-bottom:10px;}
.game_one img{ float:left; display:block; width:142px; height:82px; margin-right:6px;}
.game_one dl{ display:block; float:left; width:500px;}
.game_one dl dt{ background:url(../images/game_title_dot.gif) 0 4px no-repeat; height:24px; line-height:24px; padding-left:22px; font-size:14px; color:#449806; font-weight:bold;}
.game_one dl dt span{ color:#999; font-size:12px; font-weight:normal; font-size:12px;}
.game_one dl dd{margin-top:8px;}
.game_one dl dd ul{height:auto}
.game_one dl dd ul li{text-align:left; background:url(../images/game_one_bg.gif) no-repeat; width:130px;overflow:hidden; height:32px; line-height:26px; float:left; margin-right:6px; padding-left:26px;}
.game_one dl dd a{ color:#333; text-decoration:none;}
.game_one dl dd a:hover{ color:#333; text-decoration:underline;}


.readonly{ height:35px;}

/*安全中心样式*/
.safe_box{color:#666666;width:700px; margin:0 auto;}
  .safe_box_t{border-bottom:1px dotted #979797;color:#000;overflow:hidden;padding:8px 0 15px;width:700px; font-size:14px; font-weight:bold; text-indent:10px;}
  .safe_box_c{ padding:10px;}

.left_safe{background:#FFFFFF;border:1px solid #D6D6D6; float:left; height:180px; width:220px;}
.left_safe ul{ padding-top:12px;}
.left_safe ul li{ height:50px; width:200px; padding:0 10px 5px 10px; }
.left_safe ul li a{background:url(../images/user_left_bg.png);display:block; height:32px; padding:8px 0 0 80px; font-size:14px; color:#666}
.left_safe ul li a:hover{ color:#000;}

.left_safe ul .an1 a{ background-position:-280px -25px}
.left_safe ul .an1 a:hover{ background-position:-6px -25px}
.left_safe ul .an1b a{ background-position:-6px -25px; text-decoration:none; color:#000;}
.left_safe ul .an2 a{ background-position:-280px -85px}
.left_safe ul .an2 a:hover{ background-position:-6px -85px}
.left_safe ul .an2b a{ background-position:-6px -85px; text-decoration:none; color:#000;}
.left_safe ul .an3 a{ background-position:-280px -145px}
.left_safe ul .an3 a:hover{ background-position:-6px -145px}
.left_safe ul .an3b a{ background-position:-6px -145px; text-decoration:none; color:#000;}
.left_safe ul .an4 a{ background-position:-280px -205px}
.left_safe ul .an4 a:hover{ background-position:-6px -205px}
.left_safe ul .an4b a{ background-position:-6px -205px; text-decoration:none; color:#000;}
.left_safe ul .an5 a{ background-position:-280px -265px}
.left_safe ul .an5 a:hover{ background-position:-6px -265px}
.left_safe ul .an5b a{ background-position:-6px -265px; text-decoration:none; color:#000;}
.left_safe ul .an6 a{ background-position:-280px -325px}
.left_safe ul .an6 a:hover{ background-position:-6px -325px}
.left_safe ul .an6b a{ background-position:-6px -325px; text-decoration:none; color:#000;}
.left_safe ul .an7 a{ background-position:-280px -385px}
.left_safe ul .an7 a:hover{ background-position:-6px -385px}
.left_safe ul .an8 a{ background-position:-280px -445px}
.left_safe ul .an8 a:hover{ background-position:-6px -445px}
.left_safe ul .an8b a{ background-position:-6px -445px}
.left_safe ul .an9 a{ background-position:-280px -505px}
.left_safe ul .an9 a:hover{ background-position:-6px -505px}
.left_safe ul .an10 a{ background-position:-280px -568px}
.left_safe ul .an10 a:hover{ background-position:-6px -568px}
.left_safe ul .an10b a{ background-position:-6px -568px; text-decoration:none; color:#000;}

.logindiv{ padding:8px 15px 30px 15px;}
.logindiv_txt{ width:70px; font-size:16px; font-weight:bold; display:block; float:left; color:#F00; text-align:center;}

.logindiv h3{color:#67b500; font-size:14px; font-weight:bold; padding-bottom:8px}
.logindiv li{clear:both; padding:8px 20px; font-size:14px;color:#7f9db9; line-height:22px;}
.logindiv label{width:150px; float:left; text-align:right; color:#444;}
.ilog_txt{width:200px; height:20px; border:1px solid #7f9db9; line-height:20px; padding:0 0 0 4px;}
.logindiv .inputA{ background:#fff4ea}
.logindiv .Code { width:60px; color:#CCC}
.Login_an{ text-align:center; padding:30px 0 30px 0; line-height:40px;}
.Login_an a{ color:#06F; text-decoration:underline}

.safe_txt{ border:1px solid #7F9DB9; height:20px; line-height:20px; width:60px;}
.serverName{ color:#ff6600}

.NextBtn{border:1px solid #CC9966;background:#FFF3DC;width:80px;height:30px;color:#7A3E00;font-size:13px;border-radius:3px;cursor:pointer;line-height:28px}

.title_t{color:#2d2d2d;font-size:12px;font-family:宋体;font-weight:bold;}
.fl{float:left;}
.pointer{cursor:pointer;}

/*装备附魔样式*/

DIV#Itemdiv{ width:320px; height:auto; text-align:left}
DIV#Itemdiv LI
{
    padding:2px 2px 2px 2px;
    text-align:left;
    font:9pt;
    display:-moz-inline-box;
    display:inline-block;
    width:320px;
}

.pager_mout
{
    color:#369;
    font-size:10pt;
    border:1px solid #369;
    background-color:#ffffff;
    width:15px;
    text-align:center;
    display:-moz-inline-box;
    display:inline-block;
    cursor:hand;
}

.pager_mover
{
    color:red;
    font-size:10pt;
    border:1px solid red;
    background-color:#ffffaa;
    width:15px;
    text-align:center;
    display:-moz-inline-box;
    display:inline-block;
    cursor:hand;
}

#loading {
 width: 200px;
 background-color: #ffffff;
 border : 1px solid #ff0000;
 text-align:left;

}

#loadcss {
 display : block ; /*很重要, 弄成块*/
background-color: #00aa00;
color:#cccccc;
text-align : center;
}