/**
 * 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/>.
 */

.goods {
    margin: 2px;
    border-radius: 5px;
    padding: 3px;
    width: 240px;
    height: 50px;
    box-shadow: 0px 1px 1px #777777;
    cursor: pointer;
}

.goods:hover {
    background-color: #F4F4F4;
}

.goods-image {
    margin: 2px;
    width: 50px;
    height: 50px;
}

.goods-title {
    margin: 2px 0px;
    width: 186px;
    font-size: 15px;
    font-weight: bold;
}

.goods-cost {
    margin: 2px 0px;
    width: 186px;
    color: #3333FF;
}

.shop-categories {
    margin: -3px 0px 5px 0px;
}

.shop-type {
    padding: 5px 0px;
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    margin-right: 3px;
    width: 50px;
    font-size: 11px;
    text-align: center;
    cursor: pointer;
    background-color: #DDDDDD;
    transition: all 300ms ease;
}

/* NIK */
.x-gm .users-name::before {
    content: "[운영자]";
    color: #008AED;
    text-shadow: 0px 0px 2px #2AF;
}

.chat-item > .x-gm::before {
    content: "[운영자]";
    color: #008AED;
    text-shadow: 0px 0px 2px #2AF;
}

.room-user-title > .x-gm::before {
    content: "[운영자]";
    color: #008AED;
    text-shadow: 0px 0px 2px #2AF;
}

.x-red_name {
    color: #FF3333;
}

.x-orange_name {
    color: #FFA533;
}

.x-green_name {
    color: #43C227;
}

.x-blue_name {
    color: #2F77D9;
}

.x-indigo_name {
    color: #1C18B9;
}

.x-purple_name {
    color: #A939CC;
}

.x-pink_name {
    color: #F15F9A;
}

.x-mod .users-name::before{ content: "[운영팀]"; color: #039BE5; text-shadow: 0 0 2px #29B6F6; }
.chat-item>.x-mod::before{ content: "[운영팀]"; color: #039BE5; text-shadow: 0 0 2px #29B6F6; }
.room-user-title>.x-mod::before{ content: "[운영팀]"; color: #039BE5; text-shadow: 0 0 2px #29B6F6; }

.x-word .users-name::before{ content: "[단어팀]"; color: #3949AB; text-shadow: 0 0 2px #5C6BC0; }
.chat-item>.x-word::before{ content: "[단어팀]"; color: #3949AB; text-shadow: 0 0 2px #5C6BC0; }
.room-user-title>.x-word::before{ content: "[단어팀]"; color: #3949AB; text-shadow: 0 0 2px #5C6BC0; }

.x-minwon .users-name::before{ content: "[민원팀]"; color: #43A047; text-shadow: 0 0 2px #66BB6A; }
.chat-item>.x-minwon::before{ content: "[민원팀]"; color: #43A047; text-shadow: 0 0 2px #66BB6A; }
.room-user-title>.x-minwon::before{ content: "[민원팀]"; color: #43A047; text-shadow: 0 0 2px #66BB6A; }

.x-dev .users-name::before{ content: "[개발팀]"; color: #FB8C00; text-shadow: 0 0 2px #FFA726; }
.chat-item>.x-dev::before{ content: "[개발팀]"; color: #FB8C00; text-shadow: 0 0 2px #FFA726; }
.room-user-title>.x-dev::before{ content: "[개발팀]"; color: #FB8C00; text-shadow: 0 0 2px #FFA726; }

.x-media .users-name::before{ content: "[미디어팀]"; color: #8E24AA; text-shadow: 0 0 2px #AB47BC; }
.chat-item>.x-media::before{ content: "[미디어팀]"; color: #8E24AA; text-shadow: 0 0 2px #AB47BC; }
.room-user-title>.x-media::before{ content: "[미디어팀]"; color: #8E24AA; text-shadow: 0 0 2px #AB47BC; }