body{
    background:url(/template/hsart012/style/pictures/bg_main_body.png) repeat-y scroll center top #fff;
}

#arpggame_body {
 background: url(/template/hsart012/style/pictures/bg_main_top.png) no-repeat scroll center top;
 
}

#arpggame_body1 {
    background:url(/template/hsart012/style/pictures/header.gif)  no-repeat scroll center top;
}

#arpggame_footer1 {
    background:url(/template/hsart012/style/pictures/bg_main_footer.png) no-repeat;
    background-position:  bottom center ;
}


#arpggame_footer{
        background: url(/template/hsart012/style/pictures/bg_footer.png) no-repeat bottom center;
}

.wp980 {
 width:1200px;
 margin:0 auto
}


.rm1{
    background:url(/template/hsart012/style/pictures/r11.png);
    width: 278px;
    height: 118px;
}

.rm1:hover{
    background:url(/template/hsart012/style/pictures/r12.png);
}

.rm2{
    background:url(/template/hsart012/style/pictures/r21.png);
    width: 278px;
    height: 118px;
}

.rm2:hover{
    background:url(/template/hsart012/style/pictures/r22.png);
}

.rm3{
    background:url(/template/hsart012/style/pictures/r31.png);
    width: 278px;
    height: 118px;
}

.rm3:hover{
    background:url(/template/hsart012/style/pictures/r32.png);
}

.rm4{
    background:url(/template/hsart012/style/pictures/r41.png);
    width: 278px;
    height: 118px;
}

.rm4:hover{
    background:url(/template/hsart012/style/pictures/r42.png);
}

.rm5{
    background:url(/template/hsart012/style/pictures/r51.png);
    width: 278px;
    height: 118px;
}

.rm5:hover{
    background:url(/template/hsart012/style/pictures/r52.png);
}

.tabel_center{
    width: 585px;
}

.main_pic2{
    width: 585px;
    height: 225px;
}

.block_menu{
    margin-bottom: 1px;
}

.vhead{
    position: absolute;
    z-index: -9;
    width: 100%;
    
}

#arpggame_toptb{
    margin: 0px 80px;
}

/**/
.fireline_lb{
    width: 210px;
}

.tabel_center{
    width: 686px;
}

.fireline_rb {
    width: 210px;
}


.menu_left_block1{
    width: 210px;
    height: 80px;
    margin-bottom: 5px;
}

.menu_left_block1_pic1 {
    background:url(/template/hsart012/style/pictures/menu_left_block1_1.png);
}

.menu_left_block1_pic2 {
    background:url(/template/hsart012/style/pictures/menu_left_block1_2.png);
}

.menu_left_block1_pic3 {
    background:url(/template/hsart012/style/pictures/menu_left_block1_3.png);
}

.menu_left_block1_pic1:hover {
    filter: brightness(1.2);
    transition: filter 0.5s;
}

.menu_left_block1_pic2:hover {
    filter: brightness(1.2);
    transition: filter 0.5s;
}

.menu_left_block1_pic3:hover {
    filter: brightness(1.2);
    transition: filter 0.5s;
}

.menu_left_block2{
    display: flex;
    margin-bottom: 5px;
}

.menu_left_block2_area{
    width: 102px;
    height: 75px;
    margin-right: 6px;
}

.menu_left_block2_pic11 {
    background:url(/template/hsart012/style/pictures/menu_left_block2_11.png);
}

.menu_left_block2_pic12 {
    background:url(/template/hsart012/style/pictures/menu_left_block2_12.png);
}

.menu_left_block2_pic21 {
    background:url(/template/hsart012/style/pictures/menu_left_block2_21.png);
}

.menu_left_block2_pic22 {
    background:url(/template/hsart012/style/pictures/menu_left_block2_22.png);
}

.menu_left_block2_pic31 {
    background:url(/template/hsart012/style/pictures/menu_left_block2_31.png);
}

.menu_left_block2_pic32 {
    background:url(/template/hsart012/style/pictures/menu_left_block2_32.png);
}

.menu_left_block2_pic11:hover {
    filter: brightness(1.2);
    transition: filter 0.5s;
}

.menu_left_block2_pic12:hover {
    filter: brightness(1.2);
    transition: filter 0.5s;
}

.menu_left_block2_pic21:hover {
    filter: brightness(1.2);
    transition: filter 0.5s;
}

.menu_left_block2_pic22:hover {
    filter: brightness(1.2);
    transition: filter 0.5s;
}

.menu_left_block2_pic31:hover {
    filter: brightness(1.2);
    transition: filter 0.5s;
}

.menu_left_block2_pic32:hover {
    filter: brightness(1.2);
    transition: filter 0.5s;
}

.menu_right_block3{
    display: flex;
    margin-bottom: 5px;
}

.menu_right_block3_area{
    width: 106px;
    height: 80px;
}

.menu_right_block3_pic11 {
    margin-right: 4px;
    background:url(/template/hsart012/style/pictures/menu_right_block3_11.png);
}

.menu_right_block3_pic12 {
    background:url(/template/hsart012/style/pictures/menu_right_block3_12.png);
}

.menu_right_block3_pic21 {
    margin-right: 4px;
    background:url(/template/hsart012/style/pictures/menu_right_block3_21.png);
}

.menu_right_block3_pic22 {
    background:url(/template/hsart012/style/pictures/menu_right_block3_22.png);
}

.menu_right_block3_pic11:hover {
    filter: brightness(1.2);
    transition: filter 0.5s;
}

.menu_right_block3_pic12:hover {
    filter: brightness(1.2);
    transition: filter 0.5s;
}

.menu_right_block3_pic21:hover {
    filter: brightness(1.2);
    transition: filter 0.5s;
}

.menu_right_block3_pic22:hover {
    filter: brightness(1.2);
    transition: filter 0.5s;
}

#menu {
    padding-top: 45px;
}

#menu ul {
  display: flex;
  justify-content: center;
  gap: 2px;
  list-style: none;
  padding: 0;
  margin: 0px;
}

#menu li {
  display: inline-block;
}

#menu a {
  display: block;
  padding: 8px 12px;
  text-decoration: none;
  color: #ffd797;
  font: 600 27px Arial, Helvetica;
}

#menu a:hover {
  text-decoration: none;
}

#arpggame_menu {
  width: 100%;
}

#portal_block_13_content {
    margin-top: 18px;
}

#portal_block_19_content {
    margin-top: 11px;
}

#portal_block_24 {
    margin-top: 1px;
}
    

.header_logo_area{
    width: 100%;
    height: 400px;
}

.header_logo {
    display: flex;
    height: 400px;
    justify-content: center;
    align-items: center;
}