@charset "utf-8";
/**************************************************  表单容器样式  **************************************************/
.LoginBox { width:500px; margin:0 auto;}
.LoginBox a,.FormBox a { color:#e76d00;}   .LoginBox a:hover,.FormBox a:hover { color:#ff0000;}
.FormBox { padding:15px; min-height:477px;}

.aside { float:left; width:240px; background-color:#d61718; color:#fff;}
.aside a { color:#fff;}   .aside a:hover { color:#000;}
.content { float:right; width:760px; background-color:#fff; position:relative;}

/**************************************************  头像  **************************************************/
.RoleBox { width:150px; height:150px; margin:15px auto 10px; border-radius:50%; overflow:hidden;}
.RoleBox a { display:block; width:100%; height:100%; position:relative;}
.RoleBox a img { display:block;}
.RoleBox a .note { width:100%; height:40px; line-height:40px; position:absolute; bottom:0; left:0; text-align:center; background-color:#000; opacity:0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.RoleBox a:hover .note { opacity:0.6; color:#fff;}

.UserName { text-align:center; font-size:14px;}
.line { height:2px; line-height:0; font-size:0; background:url(../images/bg-line.jpg) repeat-x;}

/**************************************************  游戏图标列表  **************************************************/
.ulGameIcon { padding:10px 0 0 0; overflow:hidden;}
.ulGameIcon li { float:left; width:40px; height:30px; padding:0 5px; margin:0 0 10px 0;}

/**************************************************  左侧二级菜单  **************************************************/
.SubMenu { clear:both;}
.SubMenu li { height:50px; padding:0 10px 0 20px; line-height:50px; font-size:16px; font-weight:bold; background:url(../images/bg-line.jpg) repeat-x left bottom;}
.SubMenu li a { display:block; width:100%; height:100%;}
.SubMenu li a:hover { color:#fff;}
.SubMenu li.active { background-color:#fff; background-image:none;}
.SubMenu li.active a { color:#d61718;}

/**************************************************  表格  **************************************************/
.table0 { margin:10px auto;}
.table0 th,.table0 td { padding:6px 5px; vertical-align:middle;}
.table0 th { width:25%; text-align:right; font-size:14px; font-weight:normal; color:#333;}
.table0 .tdc { width:65%;}
.table0 .tdr { width:10%;}

.table1 { margin:10px auto;}
.table1 th,.table1 td { padding:10px 5px; vertical-align:middle;}
.table1 th { width:25%; text-align:right; font-size:14px; font-weight:bold; color:#333;}
.table1 .tdc { width:40%;}
.table1 .tdr { width:35%; color:#888;}

.tableA { margin:10px auto;}
.tableA th,.tableA td { padding:10px; vertical-align:middle; border:1px solid #ddd;}
.tableA th { text-align:center; font-size:14px; font-weight:bold; color:#333; background-color:#f0f0f0;}


/**************************************************  输入框  **************************************************/
.ipt { display:inline-block; width:100%; padding:8px 5px; border:1px solid #ddd; border-radius:4px; background-color:#f8f8f8; transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}
.ipt:focus { border-color:#999; background-color:#fff; box-shadow: 0px 0px 3px 0px #aaa; -webkit-box-shadow: 0px 0px 4px 0px #aaa;}
.iptRed { display:block; width:100%; padding:8px 5px; border:1px solid #ff8383; border-radius:4px; background-color:#fff;}
.ipt1 { width:140px; height:34px; line-height:34px; border:1px solid #ccc; border-radius:4px;}
.select { display:inline-block; padding:6px; border:1px solid #ddd; border-radius:4px; background-color:#fafafa; color:#666;}

/***************************************************  按钮  **************************************************/
.btnA { display:block; width:100%; padding:10px 0; margin:0 auto; border-radius:4px; background-color:#d61718; text-align:center; font-size:14px; color:#fff; cursor:pointer; transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}
.btnA:hover { background-color:#fc5e16; color:#fff;}
.btnB,a.btnB { display:inline-block; width:220px; padding:10px 0; border-radius:4px; background-color:#d61718; text-align:center; font-size:14px; color:#fff; cursor:pointer; transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}
.btnB:hover,a.btnB:hover { background-color:#fc5e16; color:#fff;}
.btnC { display:inline-block; width:220px; padding:10px 0; border-radius:4px; background-color:#aaa; text-align:center; font-size:14px; color:#fff; cursor:pointer; transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}
.btnC:hover { background-color:#bbb;}
.btnD { display:inline-block; width:100px; height:34px; line-height:24px; border-radius:4px; background-color:#d61718; text-align:center; font-size:12px; color:#fff; cursor:pointer; transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}
.btnD:hover { background-color:#fc5e16;}

/**************************************************  充值方式  **************************************************/
.ulPay { padding:10px 0 0 0; overflow:hidden;}
.ulPay li { float:left; width:220px; margin:20px 0 0 18px;}
.ulPay li img { display:block; border:1px solid #ddd;}
.ulPay li label { display:block; margin-top:5px; text-align:center; font-size:14px;}

/**************************************************  QA问题列表  **************************************************/
.QAlist { padding:0 15px 0 15px; overflow:hidden; list-style-type:disc; list-style-position:inside;}
.QAlist li { float:left; margin:5px 0; width:50%; font-size:14px; *display:inline;}

/**************************************************  问题内容  **************************************************/
.article { padding:15px; font-size:14px; line-height:26px;}
.article header { margin-bottom:10px; padding-bottom:10px; text-align:center; border-bottom:1px solid #ddd;}
.article header h2 { font-size:20px; color:#333; margin:5px auto;}
.article header small { font-size:12px; color:#999;}
.article p { padding:6px 0;}
.article strong { color:#000;}

.AnswerBox { padding:0 15px; font-size:14px;}
.small { font-size:12px; color:#999;}

/**************************************************  头像列表  **************************************************/
.ulHeadPic { padding:10px 0 0 0; overflow:hidden;}
.ulHeadPic li { float:left; width:152px; margin:20px 0 0 24px;}
.ulHeadPic li img { display:block; border:1px solid #ddd;}
.ulHeadPic li label { display:block; margin-top:5px; text-align:center; font-size:14px;}