/**
 * 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-bf .users-name::before{ content: "[총관리자]"; color: #37a515; text-shadow: 0px 0px 0px; }
.chat-item>.x-bf::before{ content: "[총관리자]"; color: #37a515; text-shadow: 0px 0px 0px; }
.room-user-title>.x-bf::before{ content: "[총관리자]"; color: #37a515; text-shadow: 0px 0px 0px; }

.x-yt .users-name::before{ content: "[YT]"; color: #2F77D9; text-shadow: 0px 0px 0px; }
.chat-item>.x-yt::before{ content: "[YT]"; color: #2F77D9; text-shadow: 0px 0px 0px; }
.room-user-title>.x-yt::before{ content: "[YT]"; color: #2F77D9; text-shadow: 0px 0px 0px; }

.x-bj .users-name::before{ content: "[BJ]"; color: #106ae5; text-shadow: 0px 0px 0px; }
.chat-item>.x-bj::before{ content: "[BJ]"; color: #106ae5; text-shadow: 0px 0px 0px; }
.room-user-title>.x-bj::before{ content: "[BJ]"; color: #106ae5; text-shadow: 0px 0px 0px; }

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

.x-design .users-name::before{ content: "[디자인부]"; color: #2F77D9; text-shadow: 0px 0px 0px; }
.chat-item>.x-design::before{ content: "[디자인부]"; color: #2F77D9; text-shadow: 0px 0px 0px; }
.room-user-title>.x-design::before{ content: "[디자인부]"; color: #2F77D9; text-shadow: 0px 0px 0px; }

.x-uman .users-name::before{ content: "[유저관리부]"; color: #2F77D9; text-shadow: 0px 0px 0px; }
.chat-item>.x-uman::before{ content: "[유저관리부]"; color: #2F77D9; text-shadow: 0px 0px 0px; }
.room-user-title>.x-uman::before{ content: "[유저관리부]"; color: #2F77D9; text-shadow: 0px 0px 0px; }

.x-1yearbadge .users-name::before{ content: "[1주년]"; color: #2F77D9; text-shadow: 0px 0px 0px; }
.chat-item>.x-1yearbadge::before{ content: "[1주년]"; color: #2F77D9; text-shadow: 0px 0px 0px; }
.room-user-title>.x-1yearbadge::before{ content: "[1주년]"; color: #2F77D9; text-shadow: 0px 0px 0px; }

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

.x-money .users-name::before{ content: "[총무]"; color: #2F77D9; text-shadow: 0px 0px 0px; }
.chat-item>.x-money::before{ content: "[총무]"; color: #2F77D9; text-shadow: 0px 0px 0px; }
.room-user-title>.x.money::before{ content: "[총무]"; color: #2F77D9; text-shadow: 0px 0px 0px; }

.x-premanager .users-name::before{ content: "[부관리자]"; color: #2F77D9; text-shadow: 0px 0px 0px; }
.chat-item>.x-premanager::before{ content: "[부관리자]"; color: #2F77D9; text-shadow: 0px 0px 0px; }
.room-user-title>.x.premanager::before{ content: "[부관리자]"; color: #2F77D9; text-shadow: 0px 0px 0px; }

.x-music .users-name::before{ content: "[음악부]"; color: #2F77D9; text-shadow: 0px 0px 0px; }
.chat-item>.x-music::before{ content: "[음악부]"; color: #2F77D9; text-shadow: 0px 0px 0px; }
.room-user-title>.x.music::before{ content: "[음악부]"; color: #2F77D9; text-shadow: 0px 0px 0px; }

.x-honor .users-name::before{ content: "[H]"; color: #2F77D9; text-shadow: 0px 0px 0px; }
.chat-item>.x-honor::before{ content: "[H]"; color: #2F77D9; text-shadow: 0px 0px 0px; }
.room-user-title>.x.honor::before{ content: "[H]"; color: #2F77D9; text-shadow: 0px 0px 0px; }

.x-master .users-name::before{ content: "[M]"; color: #cc0606; text-shadow: 0px 0px 0px; }
.chat-item>.x-master::before{ content: "[M]"; color: #cc0606; text-shadow: 0px 0px 0px; }
.room-user-title>.x.master::before{ content: "[M]"; color: #cc0606; text-shadow: 0px 0px 0px; }

.x-challenger .users-name::before{ content: "[C]"; color: #ffc3a2; text-shadow: 0px 0px 0px; }
.chat-item>.x-challenger::before{ content: "[C]"; color: #ffc3a2; text-shadow: 0px 0px 0px; }
.room-user-title>.x.challenger::before{ content: "[C]"; color: #ffc3a2; text-shadow: 0px 0px 0px; }

.x-champion .users-name::before{ content: "[C]"; color: #fa27ff; text-shadow: 0px 0px 0px; }
.chat-item>.x-champion::before{ content: "[C]"; color: #fa27ff; text-shadow: 0px 0px 0px; }
.room-user-title>.x.champion::before{ content: "[C]"; color: #fa27ff; text-shadow: 0px 0px 0px; }

.x-spectator .users-name::before{ content: "[관전]"; color: #A9A9A9; text-shadow: 0px 0px 0px; }
.chat-item>.x-spectator::before{ content: "[관전]"; color: #A9A9A9; text-shadow: 0px 0px 0px; }
.room-user-title>.x.spectator::before{ content: "[관전]"; color: #A9A9A9; text-shadow: 0px 0px 0px; }

.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-gray_name{ color: #808080; }
.x-emerald_name{ color: #00b07b; }
.x-yellow_name{ color: #FFFF00; }
.x-lightblue_name{ color: #66ffff; }
.x-rainbow_name{
  background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
  -webkit-background-clip: text;
  color: transparent;
}
.x-blink_name{
  background-image: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
  -webkit-background-clip: text;
  color: transparent;
}
.x-gradient_name{
  background: -webkit-linear-gradient(to right, #b79891, #94716b);
}