/**
 * Rule the words! KKuTu Online
 * Copyright (C) 2017 JJoriping(op@jjo.kr)
 * 
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with this program. If not, see <http://www.gnu.org/licenses/>.
 */
@charset "UTF-8";

.expls div {
    float: left;
}

.e-head {
    width: 100%;
}

.e-main-image {
    border: 1px solid #444444;
    margin: 2px;
    width: 44px;
    height: 44px;
}

.e-main-title {
    margin: 0px 0px 3px 3px;
    padding-top: 7px;
    width: 247px;
}

.e-sub-title {
    padding-top: 3px;
    width: 230px;
}

.e-sub-image {
    margin: 0px 3px 0px 1px;
    width: 15px;
    height: 15px;
}

.e-ear {
    padding-top: 15px;
    width: 70px;
    text-align: right;
}

.e-body {
    width: 100%;
}

.e-separator {
    border-bottom: 1px dashed #333333;
    margin: 2px 0px 1px 0px;
    width: 100%;
}

.e-champ {
    width: 320px;
}

.e-champ-sub-title {
    margin-top: 2px;
    color: #BBBBBB;
}

.e-champ-title {
    padding-top: 1px;
    margin: 0px 0px 1px 3px;
}

.e-champ-role {
    padding-top: 1px;
    width: 100%;
    color: #BBBBBB;
}

.e-champ-info {
    width: 100%;
}

.e-champ-info-item {
    margin: 2px 0px;
    width: 160px;
}

.e-champ-info-head {
    padding-top: 2px;
    width: 60px;
    font-size: 11px;
    text-align: center;
}

.e-champ-info-body {
    border-radius: 5px;
    width: 100px;
    height: 15px;
    background-color: #232323;
}

.e-champ-info-body .graph-bar {
    border-radius: 5px;
}

.e-champ-skill {
    margin-top: 4px;
    width: 100%;
}

.e-champ-skill-item {
    margin: 2px 0px;
    width: 320px;
    font-size: 11px;
}

.e-champ-skill-image {
    margin: 2px;
    width: 26px;
    height: 26px;
}

.e-champ-skill-title {
    width: 290px;
}

.e-champ-skill-desc {
    width: 290px;
    color: #BBBBBB;
}

.e-item {
    width: 300px;
}

.e-item-head {
    margin-bottom: 5px;
    width: 100%;
}

.e-item-gold {
    color: #EEEE44;
}

.e-item-body {
    width: 100%;
}

.e-item-from {
    padding-top: 3px;
    border-top: 1px dashed #333333;
    margin-top: 3px;
    width: 100%;
}

.e-item-from-image {
    margin: 2px;
    width: 26px;
    height: 26px;
}

.e-spell {
    width: 300px;
}

.e-spell-head {
    margin-bottom: 5px;
    width: 100%;
}

.e-spell-body {
    width: 100%;
}

.e-rune-page {
    width: 355px;
}

.e-rune-bg {
    padding: 1px 0px;
    border-top: 1px dashed #333333;
    margin: 1px 0px;
    width: 200px;
}

.e-rune-bg:first-child {
    border-top: none;
}

.e-rune-bar {
    margin: 2px 0px;
    width: 200px;
}

.e-rune-image {
    margin: 2px;
    width: 26px;
    height: 26px;
}

.e-rune-bar-title {
    padding: 4px 0px 0px 2px;
    width: 138px;
    text-align: left;
}

.e-rune-bar-value {
    padding-top: 8px;
    width: 30px;
    text-align: center;
}

.e-rune-sum {
    margin: 4px 0px;
    width: 150px;
    font-size: 11px;
}

.e-rune-sum-title {
    width: 100px;
    text-align: center;
}

.e-rune-sum-value {
    width: 50px;
    text-align: center;
}

.e-rune {
    width: 300px;
}

.e-rune-head {
    margin-bottom: 5px;
    width: 100%;
}

.e-rune-body {
    width: 100%;
}

.e-mastery-page {
    width: 291px;
}

.e-mastery-bg {
    border-left: 1px dashed #333333;
    margin: 2px;
    width: 92px;
}

.e-mastery-bg:first-child {
    border-left: none;
}

.e-mastery-bar {
    margin: 1px;
    width: 90px;
}

.e-mastery-image {
    margin: 1px;
    width: 28px;
    height: 28px;
}

.e-mastery-image-final {
    border: 1px solid #777777;
    margin: 0px;
}

.e-mastery-else {
    opacity: 0.1;
}

.e-mastery {
    width: 300px;
}

.e-mastery-level-item {
    margin: 3px 0px;
}

.e-mastery-level-item h4 {
    float: left;
    width: 20px;
    text-align: center;
    color: #FFFF77;
}

.e-mastery-level-item h5 {
    float: left;
    padding-top: 1px;
    width: 280px;
}

stats {
    color: #AAEECC;
}

passive, active, unique, consumable {
    color: #CC9955;
}

groupLimit {
    color: #EEEEEE;
}

aura {
    color: #DD99DD;
}

#eQuintessence .eRuneCaseTitle {
    color: #FFAAFF;
}

#eMark .eRuneCaseTitle {
    color: #FFBBBB;
}

#eSeal .eRuneCaseTitle {
    color: #FFFFAA;
}

#eGlyph .eRuneCaseTitle {
    color: #BBBBFF;
}