/**
 * 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";

 .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: 176px;
     color: #9b6d29;
     font-weight: 600;
     display: flex;
     align-items: center;
     justify-content: flex-end;
     column-gap: 5px;
 }

.goods-cost img {
    height: 12px;
}
 
 .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: "[\C6B4 \C601 \C790 ]";
     color: #008AED;
     text-shadow: 0px 0px 2px #2AF;
 }
 
 .chat-item > .x-gm::before {
     content: "[\C6B4 \C601 \C790 ]";
     color: #008AED;
     text-shadow: 0px 0px 2px #2AF;
 }
 
 .room-user-title > .x-gm::before {
     content: "[\C6B4 \C601 \C790 ]";
     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-mint_name {
     color: #6ee7b7;
 }
 
 .x-rainbow_name {
     animation-name: rainbow;
     animation-duration: 16s;
     animation-iteration-count: infinite;
     animation-timing-function: cubic-bezier;
     -webkit-animation-timing-function: cubic-bezier;
 }
 
 .x-8th_name {
     animation-name: eighth;
     animation-duration: 5s;
     animation-iteration-count: infinite;
     animation-timing-function: cubic-bezier;
     -webkit-animation-timing-function: cubic-bezier;
 }
 
 .chat-head.x-blossom_name {
     color: #FFB6C1;
 }
 
 @keyframes rainbow{
     from {
         color: red;
     }
     16% {
         color: darkorange;
     }
     33% {
         color: orange;
     }
     50% {
         color: green;
     }
     66% {
         color: blue;
     }
     83% {
         color: blueviolet;
     }
     to {
         color: red;
     }
 }
 
 @keyframes eighth{
     from {
         color: #f43f5e;
     }
     50% {
         color: #3b82f6;
     }
     to {
         color: #f43f5e;
     }
 }
 
 .x-mod .users-name::before{ content: "[\C6B4 \C601 \D300 ]"; color: #039BE5; text-shadow: 0 0 2px #29B6F6; }
 .chat-item>.x-mod::before{ content: "[\C6B4 \C601 \D300 ]"; color: #039BE5; text-shadow: 0 0 2px #29B6F6; }
 .room-user-title>.x-mod::before{ content: "[\C6B4 \C601 \D300 ]"; color: #039BE5; text-shadow: 0 0 2px #29B6F6; }
 
 .x-word .users-name::before{ content: "[\B2E8 \C5B4 \D300 ]"; color: #3949AB; text-shadow: 0 0 2px #5C6BC0; }
 .chat-item>.x-word::before{ content: "[\B2E8 \C5B4 \D300 ]"; color: #3949AB; text-shadow: 0 0 2px #5C6BC0; }
 .room-user-title>.x-word::before{ content: "[\B2E8 \C5B4 \D300 ]"; color: #3949AB; text-shadow: 0 0 2px #5C6BC0; }
 
 .x-minwon .users-name::before{ content: "[\BBFC \C6D0 \D300 ]"; color: #43A047; text-shadow: 0 0 2px #66BB6A; }
 .chat-item>.x-minwon::before{ content: "[\BBFC \C6D0 \D300 ]"; color: #43A047; text-shadow: 0 0 2px #66BB6A; }
 .room-user-title>.x-minwon::before{ content: "[\BBFC \C6D0 \D300 ]"; color: #43A047; text-shadow: 0 0 2px #66BB6A; }
 
 .x-dev .users-name::before{ content: "[\AC1C \BC1C \D300 ]"; color: #FB8C00; text-shadow: 0 0 2px #FFA726; }
 .chat-item>.x-dev::before{ content: "[\AC1C \BC1C \D300 ]"; color: #FB8C00; text-shadow: 0 0 2px #FFA726; }
 .room-user-title>.x-dev::before{ content: "[\AC1C \BC1C \D300 ]"; color: #FB8C00; text-shadow: 0 0 2px #FFA726; }
 
 .x-media .users-name::before{ content: "[\BBF8 \B514 \C5B4 \D300 ]"; color: #8E24AA; text-shadow: 0 0 2px #AB47BC; }
 .chat-item>.x-media::before{ content: "[\BBF8 \B514 \C5B4 \D300 ]"; color: #8E24AA; text-shadow: 0 0 2px #AB47BC; }
 .room-user-title>.x-media::before{ content: "[\BBF8 \B514 \C5B4 \D300 ]"; color: #8E24AA; text-shadow: 0 0 2px #AB47BC; }
 
 .x-plan .users-name::before{ content: "[\AE30 \D68D \D300 ]"; color: #C43162; text-shadow: 0 0 2px #E91E63; }
 .chat-item>.x-plan::before{ content: "[\AE30 \D68D \D300 ]"; color: #C43162; text-shadow: 0 0 2px #E91E63; }
 .room-user-title>.x-plan::before{ content: "[\AE30 \D68D \D300 ]"; color: #C43162; text-shadow: 0 0 2px #E91E63; }
 
 .ShopSort {
     position: relative;
 }
 
 .ShopSort:hover #shop-radio {
     visibility: visible;
     opacity: 1;
 }
 
 .goods-title.goods-new::after {
     content: "\C2E0 \ADDC ";
     color: #fff;
     background: #3553a0;
     border-radius: 3px;
     padding: 1px 3px;
     font-size: x-small;
     float: right;
     font-weight: normal;
 }