.blhx-char { position: relative; width: 1300px; height: 750px; overflow: hidden; margin: 0 auto; } .blhx-char .char-skins { position: absolute; top: 0; z-index: 2; margin: 0; width: 1300px; height: 750px; } .blhx-char .skin-info { position: absolute; bottom: 33px; right: 0; z-index: 4; } .blhx-char .skin-info table { width: 617px; height: 140px; border-collapse: collapse; background-color: rgba(255, 255, 255, 0.5); color: #fff; text-align: center; } .blhx-char .skin-info td { background-color: rgba(0, 0, 0, 0.5); } .blhx-char .skin-info td.chibi { background-color: transparent; width: 170px; } .blhx-char .char-name { position: absolute; top: 30px; left: 120px; z-index: 3; font-size: 20px; text-align: center; background-color: rgba(255, 255, 255, 0.5); border-radius: 0 0 30px 30px; padding: 0 10px 0 10px; } .blhx-char .char-attr { position: absolute; top: 32px; right: 1px; z-index: 3; max-width: 617px; background-color: rgba(255, 255, 255, 0.5); max-height: 563px; overflow: auto; } .blhx-char .char-attr > table { width: 600px; text-align: center; color: #fff; } .blhx-char .char-attr > table td { background-color: rgba(0, 0, 0, 0.5); } .blhx-char .char-attr > table th { color: #000; background-color: #b9a7db; } .blhx-char .char-attr > table td.skill-icon { width: 65px; }