/* 
    Created on : Déc. 2015
    Author     : ASter for BattleDGN
*/

.menu{
position: relative;
width: 376px;
left: 0px;
display: inline-block;
vertical-align: top;
}
.menu-top{
width:376px;
height:78px;
position:relative;
margin: 0 auto;
background: url(../img/container/scroll-h.png) no-repeat; 
}

.menu-mid{
width:376px;
min-height:61px;
position:relative;
margin: 0 auto;
background: url(../img/container/scroll-c.png); 
background-repeat: repeat-y;
}
.menu-bottom{
width:376px;
height:78px;
position:relative;
margin: 0 auto;
background: url(../img/container/scroll-b.png) no-repeat; 
}

.login-box{
    position: relative;
    margin: 100px auto;
    width: 434px;
    height: 487px;
    background: url(../img/letter_v.png)no-repeat;
}
.login-table {
    position: relative;
    top: 100px;
}
.P-Input{
background: url(../img/pattern30.png); 
background-repeat: repeat;
border-radius: 6px;
color: white;
}
.Pinput{
position: absolute;
top:18px;
left:60px;
width: 146px;
height: 15px;
line-height: 15px;
border: none;
outline: 0;
background: transparent;
}
.container{
position: relative;
min-height: 670px;
width: 664px;
left: 20px;
top: 25px;  
display: inline-block;
}
.contain-top{
width:662px;
height:45px;
position:relative;
margin: 0 auto;
background: url(../img/container/bg_content_top.png) no-repeat; 
/*background-position: center*/
}

.contain-mid{
width:664px;
min-height:129px;
position:relative;
margin: 0 auto;
background: url(../img/container/bg_content_middle.png); 
background-repeat: repeat-y;
}

.contain-bottom{
width:664px;
height:47px;
position:relative;
margin: 0 auto;
background: url(../img/container/bg_content_bottom.png) no-repeat; 
background-position: center
}
.footer{
position:relative;
margin: 0 auto;    
width: 100%;
}
.contain-copyright
{
width: 100%;
height: auto;
margin: 25px 0px 0px !important;
background: transparent url("../img/container/footerLine02.png") no-repeat scroll center top;
}
.footerContainer {
    padding: 10px 0px;
    margin: 0 auto;
    width: 80%;
    height: auto;
}
.gravityLogo{
width:149px;
height:43px;    
background: url(../img/gravity.png) no-repeat; 
}
.footerText{
    text-align: center;
    color: white;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 17px;
}
a.footerText:hover,
.news_comment:hover,
.li-menu:hover,
a.suggest:hover{
text-decoration: underline;
}

.account-info{
position: absolute;
top:15px;
left:0px;
width: 262px;
height: 234px;  
background: url(../img/letter.png) no-repeat; 
background-size: 100%;
}
.ac-info {
    position: relative;
    margin: 80px auto;
}

.li-menu{
color: #652A0C;
cursor: pointer;
height: 17px;
line-height: 17px;
}
.li-puce,.list-puce{    
position: relative;
background: url(../img/li.png) no-repeat; 
background-position: center 0px;
width: 17px;
height: 17px;
line-height: 17px;
padding-left: 10px;
}
.list-puce{  
background-position: center 0px;
}
.menu-table{
margin-left: 70px;
}