@import "shared.css";
@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');
.guide_st_items {
    width: 261px;
    /* margin: 2px auto; */
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 7px;
    padding-left: 4px;
    height: 136px;
    background-image: url(../../../img/store.jpg);
}

.guide_cm_table {
	font-family: "Philosopher";
	margin:10px 0 10px 0;
	border: hidden;
}
.guide_cm_table tr {
	text-align: center;
}

.guide_cm_table td {
	padding: 0;
	overflow:hidden;
	border: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:inline-block;
	margin-top: 10px;
	text-align: left;
	line-height: 25px;
}

.guide_cm_table td li {
	list-style-type: none;
	margin-left: 5px;
}

.guide_cm_table td:nth-child(odd) {
	width:264px;
	vertical-align: top;
	text-align: left;
	background-color: #ffffff0d;
	border: 0;
	
}

.guide_cm_table td:nth-child(even) {
	width:71px;
	text-align: left;
	border: 0;
}

.guide_cm_bad {
	color:#F00;
	padding:3px 10px;
}

.guide_cm_good {
	color:#06a206;
	padding:3px 10px;
}

.guide_cm_dev {
    font-size: 12px !important;
    float: right;
    color: #00848a !important;
    position: absolute;
    right: 10px;
    background-color: #000000b8;
	border-radius: 10px !important;
    filter: drop-shadow(0px 0px 2px #444) !important;
    padding: 0 6px 0 6px !important;
	margin:0 !important;
	z-index: 999;
}

.square {
    cursor: pointer;
    position: absolute;
    background-image: url(../../../img/wh_root_on.png);
    text-align: center;
}

.square img {
    width: auto;
    height: auto;
    /* max-height: 100%; */
    max-width: 100%;
    filter: drop-shadow(2px 3px 4px black);
    height: -webkit-fill-available;
}

.guide_square {
    position: absolute;
    background-image:url(../../../img/wh_root_on.png);
	text-align: center;
	margin: 1px 0 0 2px;
}

.guide_square img {
	width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    z-index: auto;
	filter: drop-shadow(2px 3px 4px black);
}

.guide_square:hover img {
    	 /*text-shadow: 0px 0px 27px #fff;*/
	 opacity:0.6;
}

#tooltip h3, #tooltip div {
    margin: 0;
}
#tooltip h3 {
    font: normal 13px Tahoma,Helvetica,sans-serif;
    text-align: left;
}

@keyframes spin {
	0 {
	 -webkit-transform: rotateY(0);
	 transform: rotateY(0);
	}
	50% {
	 -webkit-transform: rotateY(180deg);
	 transform: rotateY(180deg);
	}
	100% {
	 -webkit-transform: rotateY(0deg);
	 transform: rotateY(0deg);
	}
}

#guide_item_card{
	display:inline-grid;
/*
	margin:5px;
	background-image: radial-gradient(#222f30, #652f3b, #27242f);
	padding:10px 5px 0px 5px;
	border:#8a7987 double 5px;
	box-shadow:0 0 11px 2px #947267;
	vertical-align: bottom; */
}

.guide_item {
	    display: inline-block;
/*     min-height: 38px;
    min-width: 38px;
    margin: auto;
    border: #665b66 ridge 2px;
    position: relative;
    cursor: pointer;
    zoom: 1.5; */
}

.guide_item img {
	/*max-height: 100%;*/
    display: block;
    max-width: 96px;
    max-height: 96px;
    min-width: 64px;
    min-height: 64px;
    border-radius: 3px;
    border: 1px solid #56423d;
}


.guide_cm_tab {
	margin: 10px 0 10px 0;
}

.guide_cm_tab td {
	width:264px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:inline-block;
}

.guide_table td {
	width:50%;
	vertical-align:top !important;
}

.guide_table ul li {
text-align: left;
  /*color: #eec3ef;
  font-size: 15px;*/
  text-transform: capitalize;
  padding: 0px 26px;
  display: block;
  height: 26px;
  /*line-height: 88px;*/
  position: relative;
  border-top: 2px solid rgba(0, 0, 0, 0)
}

.guide_table ul li:hover {
  /*border-top: 2px solid #d65aff;*/
  text-shadow: 0px 0px 27px #fff;
}

.guide_title {
	height:52px;
	border: 1px solid #cccccc;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 110%;
	background-position-x: -10px;
	color: white;
	font-size: 26px;
	font-variant: small-caps;
	padding-left: 20px;
	line-height: 44px;
	border: #ebd6c8 double 2px;
	box-shadow: 0 0 11px 2px #947267;
	text-shadow: 0px 0px 5px black,0px 0px 5px black;
	margin: 20px;
	text-align: center;
}

.jarallax-img {
	max-width:100%;
}

.guide_jewel img {
    display: block;
    margin: 0 auto;
    border-radius: 20px;
    border: 3px solid rgba(169, 129, 118, 0.21);
}

/* view.group */

.page_list {position:relative;z-index:1; width:100%; padding:0 0 30px}
.giude_search_wrap {border:1px solid #ebe8e5;width:100%;padding-top:21px;height:81px;background:#80808061 ;position:relative;margin-bottom:30px;}
.giude_search_wrap h3 { width:121px;text-align:center;float:left;font-size:14px;color:#BBB;padding-top:7px;}
.giude_search_wrap .search{height:45px;}
.giude_search_wrap .input_div_wrp{float:left;width:508px;}
.giude_search_wrap .input_label{top:9px;}
.giude_search_wrap .entry_word {border:1px solid #cbcbcb;background-color:#fff;line-height:30px;padding:0 20px;width:468px;height:36px;font-size:13px;color:#CCC;}
.giude_search_wrap .btn_entry{position:absolute;right:35px;top:23px;width:57px;padding-top:36px;height:0;overflow:hidden;background:url("../../../img/guide_btn_search01.gif") 0 0 no-repeat;}
.giude_search_wrap .txt_recom {clear:both;}
.giude_search_wrap .txt_recom h4 {float:left;padding-left:121px;width:43px;padding-top:3px;}
.giude_search_wrap .txt_recom ul {float:left;width: 490px;padding-top:1px;}
.giude_search_wrap .txt_recom ul li {display:inline;padding:0 2px 0 7px;background:url("../../../img/guide_bul_bar01.gif") 0 1px no-repeat;font:12px'Nanum Gothic','나눔고딕','맑은 고딕','돋움';}
.giude_search_wrap .txt_recom ul li:first-child {padding-left:0;background:none;}
.giude_search_wrap .txt_recom ul li a {color:#666;vertical-align:middle;}

.guide_content_wrap {clear:both;position:relative;z-index:1;}
.guide_content_wrap nav *{box-sizing: initial;}
.guide_content_wrap .guide_content p{display: inline-block;}
.guide_content_wrap .sub_category { margin-bottom:40px;}
.guide_content_wrap .sub_category .detail_category{overflow:hidden;}
.guide_content_wrap .sub_category .detail_category li{float:left;padding:0 5px;background:url("../../../img/line_guide_cate.gif") no-repeat left 9px;}
.guide_content_wrap .sub_category .detail_category li:first-child {background:none;padding:0 5px 0 0;}
.guide_content_wrap .sub_category .detail_category li a{display:block;padding:5px;color:#626262;}
.guide_content_wrap .sub_category .detail_category li a:hover{text-decoration:underline;color:#0fb39080;}
.guide_content_wrap .sub_category .detail_category li.active a{font-weight: bold;color:#0fb39080;}
.guide_content_wrap .sub_category .depth01 {border-right: 0; border-bottom:0;overflow:hidden;zoom:1;padding-top:1px; /*background:url("../../../img/guide_bul_bar03.gif") 0 0 repeat-y;background-position:40px;*/margin-bottom:30px;}
.guide_content_wrap .sub_category .depth01 li {float: left; overflow:hidden;zoom:1;width:19%;border:1px solid #e3e3e3; margin-top:-1px;/*background:url("../../../img/guide_bg_tab02.png") 100% 100% no-repeat;*/}
.guide_content_wrap .sub_category .depth01 li a {text-align:center;display:block; padding:9px 0 0;height:32px;color:#aaa;background: #80808020;}
.guide_content_wrap .sub_category .depth01 li.active a,
.guide_content_wrap .sub_category .depth01 li a:hover {color:#fff;background-color:#0fb39080;text-decoration:none; box-shadow: inset 0 0 5px 2px rgba(0,0,0,.9), inset 0 0 0px 1px rgb(255 255 255);   -moz-box-shadow: inset 0 0 5px 2px rgba(0,0,0,.9), inset 0 0 0px 1px rgb(255 255 255);   -webkit-box-shadow: inset 0 0 5px 2px rgba(0,0,0,.9), inset 0 0 0px 1px rgb(255 255 255);}
.guide_content_wrap .sub_category .depth02 {background:url("../../../img/guide_bg_line01.gif") 0 bottom repeat-x; padding-left:10px;}
.guide_content_wrap .sub_category .depth02 .in {overflow:hidden;position:relative;}
.guide_content_wrap .sub_category .depth02 ul {margin-left:-10px;padding:5px 0 7px;}
.guide_content_wrap .sub_category .depth02 li {display:inline;}
.guide_content_wrap .sub_category .depth02 li a {display:inline-block;padding:5px 10px 5px 12px; color:#999; background:url("../../../img/guide_bul_bar02.gif") 0 10px no-repeat;}
.guide_content_wrap .sub_category .depth02 li.active a{color:#008c9d;font-family:'Nanum Gothic Bold';text-decoration:underline;}
.guide_content_wrap .sub_category .depth03 {clear:both;margin-top:20px;border:1px solid #393d42;}
.guide_content_wrap .sub_category .depth03 ul {padding-bottom:15px;overflow:hidden;zoom:1;}
.guide_content_wrap .sub_category .depth03 li {width:20%;float:left;padding-top:14px;}
.guide_content_wrap .sub_category .depth03 li span {display:block;padding-left:30px;background:url("../../../img/guide_bul_box02.gif") 21px 8px no-repeat;}
.guide_content_wrap .sub_category .depth03 li a {color:#999;}
.guide_content_wrap .sub_category .depth03 li.active a,
.guide_content_wrap .sub_category .depth03 li a:hover {color:#008c9d;font-family:'Nanum Gothic Bold';text-decoration:underline;}
.guide_content_wrap .sub_category .btn_contentModify { text-align:right; height:40px;border-bottom:1px  solid #e3e3e3;}
.guide_content_wrap .sub_category .btn_contentModify a {display:inline-block; width:118px;height:30px;padding-top:5px;text-align:center;color:#fff;background:url("../../../img/bg_content01.gif") 0 0 no-repeat;overflow:hidden; font-size:12px;font-family:"맑은 고딕";text-decoration:none;}
.guide_content_wrap .sub_category.sub_mastery .depth01 li a {height:50px;}
.guide_content_wrap .sub_category.sub_mastery li {display:table;}
.guide_content_wrap .sub_category.sub_mastery li a {display:table-cell;padding:0 5px;vertical-align:middle;}


.guide_content_wrap .guide_content div {text-decoration:none;}
.guide_content_wrap .guide_content p img {max-height:511px;max-width:511px;background-color: #000;width: 100%;float: left;}

.guide_content {text-align:center;color:#BBB;line-height:1.5;/*font-size:13px;*/padding:0 20px 30px;}
.guide_content .map {margin-bottom:40px;}
.guide_table_wrap {clear:both;}
.guide_table_wrap h4 {font-size:15px;color:#fff;background:url("../../../img/guide_bul_arrow03.gif") 0 5px no-repeat;padding-left: 21px;height:35px;}
.guide_table_wrap .hd {}
.guide_table_wrap .hd h4 {float:left;margin-right:10px;;}
.guide_table_wrap .hd .sel {}
.guide_table_list01 {clear:both;margin-bottom:30px;}
.guide_table_list01 table {width:100%; border-collapse:collapse;}
.guide_table_list01 thead th {background-color:#f6f6f620;font-weight:normal;color:#BBB;padding:5px 0; min-height: 30px;border:1px solid #e3e3e320;}
.guide_table_list01 thead th a {color:#BBB;}
.guide_table_list01 thead th .align {display:inline-block;background:  url("../../../img/guide_bul_arrow05.gif") right center no-repeat; padding-right:15px;}
.guide_table_list01 thead th .align.on {background:url("../../../img/guide_bul_arrow06.gif") right center no-repeat;}
.guide_table_list01 tbody td {padding:5px 0;border:1px solid #e3e3e320;text-align:center;color:#BBB; line-height:1.6;font-size: 0.875em;}
.guide_table_list01 tbody td .set {padding: 5px 0;}
.guide_table_list01 tbody td .set:first-child {padding-top:0;}
.guide_table_list01 tbody td.tal {text-align:left;}
.guide_table_list01 tbody td img {vertical-align:middle;}
.guide_table_list01 .image { width:55px ;}
.guide_table_list01 .image img{ width:55px ;}
.guide_table_list01 td.name {text-align:left;padding-left:10px;color:#BBB;}
.guide_table_list01 td.name a {color:#BBB;}
.guide_table_list01 .attack {width:70px;}
.guide_table_list01 .defence {width:70px;}
.guide_table_list01 .ex_drop {width:80px;}
.guide_table_list01 .drop_lvl {width:70px;}
.guide_table_list01 .job {width:140px;padding:5px 10px;}
.guide_table_list01 td.set_name {width:70px;padding:5px 10px;color:#BBB;}
.guide_table_list01 .set_parts {width:120px;padding:5px 10px;}
.guide_table_list01 .set_opt {}
.guide_table_list01 td.set_opt {text-align:left;padding:5px 10px;color:#BBB;}
.guide_table_list01 td.full_opt {text-align:left;width:160px;padding:5px 10px;color:#BBB;}
.guide_table_list01 .use_lvl {width:70px;}
.guide_table_list01 .opt {width:70px;}
.guide_table_list01 .mana {width:70px;}
.guide_table_list01 .attr{width:100px;padding:5px 10px;}
.guide_table_list01 td.item_desc {text-align:left;width:260px;padding:5px 10px;color:#BBB;}
.guide_table_list01 .attack_min{width:85px;}
.guide_table_list01 .attack_max{width:85px;}
.guide_table_list01 .defence_suc{width:85px;}
.guide_table_list01 .mon_map{width:70px;}
.guide_table_list01 td img.cha_class {width:24px;height:24px;margin-bottom:3px;}


.guide_select_cate {text-align:right; height:40px;}
.guide_select_cate p {display:inline-block;vertical-align:middle;padding:3px 5px 0 0;zoom:1;*display:inline;}

.guide_table_list02 {clear:both;margin-bottom:30px;}
.guide_table_list02 table {width:100%;}
.guide_table_list02 thead th {background-color:#18191a;font-weight:normal;color:#fff;height:40px;}
.guide_table_list02 tbody td {padding:10px 0;border-bottom:1px solid #393d42;text-align:center;color:#CCC;}
.guide_table_list02 tbody td.tal {text-align:left;}
.guide_table_list02 tbody td img {vertical-align:middle;}
.guide_table_list02 .image { width:80px ;}
.guide_table_list02 td.image img {width:50px;height:50px;}
.guide_table_list02 td.name {text-align:left;padding-left:10px;}
.guide_table_list02 .state{width:60px;}
.guide_table_list02 .map{width:180px;}
.guide_table_list02 .damage{width:100px;}
.guide_table_list02 .option{width:120px;padding:0 10px;}
.guide_table_list02 .buff{width:130px;padding:0 10px;}
.guide_table_list02 .job{width:160px;}
.guide_table_list02 th.map {width:190px;}
.guide_table_list02 th.job{width:170px;}


.guide_map_info {clear:both;margin-bottom:30px;}
.guide_game_bx span.customSelect {font-family: "Philosopher";font-size:13px; background:#0b0b0d url('../../../img/guide_bul_arrow04.gif') right 0 no-repeat;color:#008c9d;font-weight:bold;padding:5px 0 0;text-indent: 4px;height: 23px;border:1px solid #0a454b; vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.guide_game_bx span.customSelect.changed {background-color: #f0dea4;}
.guide_game_bx select.styled {height:30px; border:1px solid #0a454b; font-size:13px; color:#008c9d; vertical-align:middle;}
.guide_game_bx .customSelect .customSelectInner {padding-right:30px;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.guide_job_list {clear:both;text-align:right;padding-bottom:20px;color:#929292;}
.guide_job_list li {display:inline;margin-left:10px}
.guide_job_list li img {margin-right:5px;vertical-align:middle;}



.guide_table_wrap .select-disign {float:left;}
.guide_table_wrap .select2-container .select2-choice {height:26px;padding:6px 0 0 15px;}
.guide_table_wrap .select2-container .select2-choice div b {background:url('http://image.webzen.kr//contents/select-icons.png') no-repeat right -116px;}
.guide_table_wrap .select2-container .select2-choice {color:#008c9d;}



.guide_popup {padding:20px 20px 0; font-family:'Nanum Gothic','나눔고딕','맑은 고딕','돋움';}
.guide_popup h1 {position:absolute;top:-999px;left:-999px;}
.guide_popup .item_detail_wrap {clear:both;}
.guide_popup .item_detail_wrap .item_detail {position:relative;}
.guide_popup .item_detail_wrap .item_detail .thumb {position:absolute;left:0;top:0;}
.guide_popup .item_detail_wrap .item_detail dl {padding:7px 0 20px 65px;line-height:1.2;min-height: 43px;}
.guide_popup .item_detail_wrap .item_detail dl dt {font-weight:bold;color:#CCC;margin-bottom:5px;}
.guide_popup .item_detail_wrap .item_detail dl dd {}
.guide_popup .item_detail_wrap .item_state {border-collapse: collapse;margin-bottom:20px;}
.guide_popup .item_detail_wrap .item_state th {padding-left:30px;width:90px;height:30px;text-align:left;font-weight:normal;border:1px solid #ccc;background-color:#f0f0f0;}
.guide_popup .item_detail_wrap .item_state td {padding-left:40px;width:75px;border:1px solid #ccc;}
.guide_popup .txt_imp {color:#cd4806; background:url("../../../img/guide_bul_arrow07.gif") 0 6px no-repeat;padding:0 0 20px 10px;}
.guide_popup .drop_item_list li {color:#cd4806; background:url("../../../img/guide_bul_arrow07.gif") 0 6px no-repeat;padding:0 0 5px 10px;}

.guide_popup .material_list {border-top:1px solid #ccc;border-left:1px solid #ccc; margin-bottom:20px;}
.guide_popup .material_list .item {position:relative;padding:10px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.guide_popup .material_list .item .thumb {position:absolute;left:10px;top:10px;}
.guide_popup .material_list .item dl {padding:7px 0 0 65px;line-height:1.2;height: 43px;}
.guide_popup .material_list .item dl dt {font-weight:bold;color:#CCC;margin-bottom:5px;}
.guide_popup .material_list .item dl dd {color:#666;}
.guide_popup .material_list .item dl dd span {color:#cd4806;}

.guide_popup .guide_job_list li {color:#666;}

.guide_popup .item_look {}
.guide_popup .item_look dt {font-weight:bold;color:#CCC;}

.guide_popup .item_drop_info {}
.guide_popup .item_drop_info h2 {font-size:13px;color:#CCC;margin-bottom:5px;}
.guide_popup .info_scroll {height: 285px; overflow-x:hidden; overflow-y: scroll}


.guide_search_wrap {}
.guide_search_wrap h3 {padding-bottom:10px;font-size:16px;font-weight:bold;color:#BBB;}
.guide_search_wrap .txt_result_count {font-size:16px;color:#BBB; padding-bottom:15px;border-bottom:1px solid #e3e3e3; margin-bottom:20px;}
.guide_search_wrap .txt_result_count strong {color:#cf8d00;}
.guide_search_wrap .txt_result_wrap {clear:both;padding:0 20px;border-bottom:1px solid #e3e3e3; }
.guide_search_wrap .txt_result {padding-bottom:40px;}
.guide_search_wrap .txt_result .tit {font-size:16px;color:#BBB;font-weight:bold; margin-bottom:5px;}
.guide_search_wrap .txt_result .tit strong {text-decoration:underline;}
.guide_search_wrap .txt_result .txt {line-height:1.4;color:#929292; margin-bottom:10px;}
.guide_search_wrap .txt_result .cate {color:#a68c64;font-size:13px;}
.guide_search_wrap .txt_result .cate span {font-size:10px;}
.guide_search_wrap .txt_result a {text-decoration:none;}
.guide_search_wrap .txt_result a:hover {text-decoration:none;}
.guide_search_wrap .txt_result a:hover .tit strong,
.guide_search_wrap .txt_result a:hover .txt02,
.guide_search_wrap .txt_result a:hover .txt {text-decoration:underline;}
.guide_search_wrap .txt_result a:hover .tit span {text-decoration:none !impoartant;}
.guide_search_wrap .txt_result .point_c {color:#cf8d00;}
.guide_search_wrap .txt_result .txt02 {color:#cf8d00; font-weight:bold;}
.guide_search_wrap .pager {text-align:center;}

.guide_search_wrap .no_result {padding-top:15px;}
.guide_search_wrap .no_result p {padding-bottom:37px;color:#929292;}
.guide_search_wrap .no_result ul {border:1px solid #393d42; padding:27px 30px 24px; }
.guide_search_wrap .no_result ul li {height:21px;background:url("../../../img/guide_bul_box03.gif") 0 7px no-repeat;color:#766d5e; padding-left:7px; line-height:1.2;}

.guide_recentBBS_wrap {clear:both;}
.guide_recentBBS_wrap h4 {font-size:15px;color:#fff;background:url("../../../img/guide_bul_arrow03.gif") 0 5px no-repeat;padding-left: 21px;height:35px;}
.guide_recentBBS_wrap .guide_list01 {}
.guide_recentBBS_wrap .guide_list01 ul {border:1px solid #393d42; padding:15px 30px 5px; overflow:hidden;zoom:1;}
.guide_recentBBS_wrap .guide_list01 ul li {float:left;width:50%;overflow:hidden;}
.guide_recentBBS_wrap .guide_list01 ul li a {color:#929292;}
.guide_recentBBS_wrap .guide_list01 ul li span {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:0 20px 0 7px;height:30px;background:url("../../../img/guide_bul_box02.gif") 0 7px no-repeat;color:#766d5e; line-height:1.2;}

.guide_main_wrap {clear:both;padding-top:40px;border-top:1px solid #000;}

.guide_title01 {width:86px;height:0;padding-top:21px;overflow:hidden;position:relative;background:url("/img/guide_tit_guide01.png") 0 0 no-repeat;}
.guide_title02 {width:55px;height:0;padding-top:21px;overflow:hidden;position:relative;background:url("/img/guide_tit_guide02.png") 0 0 no-repeat;}
.guide_title03 {width:57px;height:0;padding-top:21px;overflow:hidden;position:relative;background:url("/img/guide_tit_guide03.png") 0 0 no-repeat;}
.guide_title04 {width:86px;height:0;padding-top:21px;overflow:hidden;position:relative;background:url("/img/guide_tit_guide04.png") 0 0 no-repeat;}
.guide_title05 {width:86px;height:0;padding-top:21px;overflow:hidden;position:relative;background:url("/img/guide_tit_guide05.png") 0 0 no-repeat;}
.guide_title06 {width:59px;height:0;padding-top:21px;overflow:hidden;position:relative;background:url("/img/guide_tit_guide06.png") 0 0 no-repeat;}
.guide_title07 {width:86px;height:0;padding-top:21px;overflow:hidden;position:relative;background:url("/img/guide_tit_guide07.png") 0 0 no-repeat;}


/*.popup_itemView {font-family:'Nanum Gothic','나눔고딕','맑은 고딕','돋움'; padding:20px;}*/
.popup_itemView h1 {margin-bottom:15px;font-size:13px;color:#CCC;}
.popup_itemView .item_detail {margin-bottom:20px;}
.popup_itemView .item_detail table {width:100%;border-collapse:collapse;}
.popup_itemView .item_detail th {background-color:#f0f0f0;color:#666;padding-left:27px;width:92px;text-align:left;border:1px solid #ccc;font-weight:normal;}
.popup_itemView .item_detail th.th2 {padding-left:5px;width:120px;}
.popup_itemView .item_detail .vt {vertical-align:top;}
.popup_itemView .item_detail th.vt div {padding-top:10px;}
.popup_itemView .item_detail td.vt div {padding-top:0;}
.popup_itemView .item_detail td {padding:9px 10px;border:1px solid #ccc;}
.popup_itemView .item_detail .thumb {width:92px;text-align:center; padding:0 !important;font-size:0 !important;line-height:0 !important;}
.popup_itemView .item_detail .thumb img {vertical-align:top;}
.popup_itemView .item_detail .desc {border:1px solid #ccc;border-top:0;padding:15px;line-height:1.6;color:#CCC;}

.popup_itemView .itemOption_wrap table {width:100%;border-collapse:collapse;}
.popup_itemView .itemOption_wrap th {background-color:#CCC;color:#fff;border:1px solid #ccc;font-weight:normal;line-height:1.2;padding:5px 0;}
.popup_itemView .itemOption_wrap th.th2 {padding-left:5px;width:120px;}
.popup_itemView .itemOption_wrap td {padding:9px 0;border:1px solid #ccc;text-align:center;}

.guide_box {overflow:hidden;/*border:1px solid #eeeeee60;*/margin-bottom:20px;padding-bottom:15px;}
.guide_box h5 {margin:-1px -1px 9px;padding-left:19px;height:60px;background:#302e2e61;}
.guide_box h5 a {color:#CCC;line-height:60px;}
.guide_box ul {float:left;padding-left:19px;}
.guide_box li {
	border: 1px solid #e3e3e3;
	margin-top: -1px;
	/*padding-left:12px;*/
	/*background:url('../../../img/bul_box04.gif') no-repeat 0 10px;margin-left: 19px; */
	float: left; 
	width: 211px; 
	}
.guide_box li a {
    text-align: center;
    display: block;
    padding: 9px 0 0;
    height: 32px;
    color: #aaa;
    background: #80808020;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.guide_box li a:hover {color:#fff;background-color:#0fb39080;text-decoration:none; box-shadow: inset 0 0 5px 2px rgba(0,0,0,.9), inset 0 0 0px 1px rgb(255 255 255);   -moz-box-shadow: inset 0 0 5px 2px rgba(0,0,0,.9), inset 0 0 0px 1px rgb(255 255 255);   -webkit-box-shadow: inset 0 0 5px 2px rgba(0,0,0,.9), inset 0 0 0px 1px rgb(255 255 255);}

.guide_box * {
    box-sizing: initial;
}

.guide_box .colmn1 {width:231px;}
.guide_box .colmn2 {width:231px;}
.guide_box .colmn3 {width:190px;}
.guide_box a {color:#666;/*font-size:14px;*/}
.guide_box a:hover {color:#ba350f;text-decoration:underline;}

.dict_content {line-height:1.5;font-size:13px;margin-top:-30px;padding:0 0 30px;}
.dict_content .picture_map {padding:10px 0;text-align:center;}
.dict_item_list {padding-top:10px;}
.dict_item_list .title_set {height:80px;margin-top:-8px;padding-left:30px;background:#80808061;color:#0fb39080;font-family:'Nanum Gothic Bold';font-size:26px;line-height:80px;}

.dict_item_list table td {vertical-align: top;}


.tb_item_list {font-family:"Philosopher";table-layout:fixed;width:100%;border-collapse:collapse;border-spacing:0;line-height:1.3;}
.tb_item_list th {padding:0;height:80px;background:#80808061;border:1px solid #80808061;color:#CCC;font-size:13px;text-align:center;font-weight:normal;box-sizing:border-box;vertical-align: middle;}
.tb_item_list th a {display:inline-block;color:#CCC;text-decoration:none;}
.tb_item_list .wide th {height:40px;}
.tb_item_list .small th {font-size:12px;}
.tb_item_list .align {display:inline-block;background:url('../../..../../../img/guide_bul_arrow05.gif') no-repeat 100% 50%;padding-right:11px;}
.tb_item_list .align.on {background:url('../../..../../../img/guide_bul_arrow06.gif') no-repeat 100% 50%;}
.tb_item_list .valign {display:inline-block;height:31px;background:url('../../..../../../img/guide_bul_arrow05.gif') no-repeat 50% 100%;padding-bottom:10px;line-height:1.2;}
.tb_item_list .valign.on {background:url('../../..../../../img/guide_bul_arrow06.gif') no-repeat 50% 100%;}
.tb_item_list img.cha_class {width:24px;height:24px;margin:0 -1px 2px;}
.tb_item_list td {padding: 15px 5px 15px 5px;border:.1px solid #eeeeee60;color:#666;font-size:15px;text-align:center;word-wrap:break-word;word-break:break-word;box-sizing:border-box;vertical-align: middle;}
.tb_item_list td.image {padding-top:14px;padding-bottom:14px;}
.tb_item_list td.image a.icon {display:inline-block;margin:-4px;background:url('../../../img/ico_image.png') no-repeat 100% 100%;}

/* s: fix mu.lv */
.dict_item_list td.name span {color:#ffffff20;display:inline-block;width:100%;white-space: nowrap;overflow: hidden;line-height:0.8em;font:12px;text-overflow: ellipsis;float: left;clear: left;cursor: alias;}







.tb_item_list td.name span {color:#ffffff20;display:inline-block;width:100%;white-space: nowrap;overflow: hidden;line-height:1.1em;text-overflow: ellipsis;float: left;clear: left;cursor: alias;}
.tb_item_list td.image div {background:#f6f6f620;width:45px;height:45px;margin:auto;box-shadow:inset 0 0 2px #000000;cursor: alias;}
.tb_item_list td.image img {-webkit-filter: drop-shadow(0px 0px 5px #000000);filter: drop-shadow(0px 0px 5px #000000);width:45px;height:45px;}
.tb_item_list td.name div {font-size: 12px;filter: drop-shadow(0px 0px 1px #444);display: inline-block;color: white;border-radius: 10px; padding: 0 6px 0 6px;vertical-align: text-bottom;}
.marketexe {font-size: 10px;filter: drop-shadow(0px 0px 1px #444);display: inline-block;color:#c0bfbf;border-radius: 5px; padding: 0 3px 0 3px;vertical-align: text-bottom;text-shadow: 0 0 2px black;}
/* e: fix mu.lv */

.tb_item_list td.image a {
	display:inline-block;width:62px;height:97px;margin:4px 0;padding:4px;
	vertical-align: middle;
	line-height: 97px;
	box-sizing: initial;/*border: 1px solid #56423d;*/
}

.tb_item_list td.image a img{
    height: auto;
    width: auto;
    max-height: 90px;
    max-width: 62px;
    vertical-align: middle;
    -webkit-filter: drop-shadow(0px 5px 5px #000000);
    filter: drop-shadow(0px 5px 5px #000000);
}

.tb_item_list td.image a.custom {background: linear-gradient(0deg, rgb(48 48 50 / 30%) 0%, rgb(111 111 111 / 30%) 35%, rgb(221 210 210 / 30%) 100%), url(../../../img/bg_item_custom.png) no-repeat;}
.tb_item_list td.image a.normal {background: linear-gradient(0deg, rgb(48 48 50 / 30%) 0%, rgb(111 111 111 / 30%) 35%, rgb(221 210 210 / 30%) 100%), url(../../../img/bg_item_normal.png) no-repeat;}
.tb_item_list td.image a.mastery {background: linear-gradient(0deg, rgb(48 48 50 / 30%) 0%, rgb(111 111 111 / 30%) 35%, rgb(221 210 210 / 30%) 100%), url(../../../img/bg_item_mastery.png) no-repeat;}
.tb_item_list td.name {padding-left:15px;padding-right:15px;/*color:#CCC;*/text-align:left;font-size: 1.1em;}
.tb_item_list td.name a {/*color:#CCC;*/font-size: larger;}
.tb_item_list td.name a:hover {color:#ba350f;text-decoration:underline;}
.tb_item_list td.job {padding:10px 0 8px;}

.tb_set_list {table-layout:fixed;width:100%;margin-bottom:40px;border-collapse:collapse;border-spacing:0;line-height:1.3;}
.tb_set_list th {background:#80808061;border:1px solid #80808061;color:#CCC;font-size:13px;text-align:center;font-weight:normal;box-sizing:border-box;}
.tb_set_list td {padding-top:8px;padding-bottom:10px;border:1px solid #eeeeee60;color:#666;font-size:15px;text-align:center;word-wrap:break-word;word-break:break-word;box-sizing:border-box;}
.tb_set_list tr:first-child th {border-top:0;}
.tb_set_list tr:first-child td {border-top:0;}
.tb_set_list img.cha_class {width:24px;height:24px;margin:0 -1px 2px;}
.tb_set_list .image td {padding-top:14px;padding-bottom:14px;}
.tb_set_list .image td a.mastery {display:inline-block;width:62px;height:97px;margin:6px 0;padding:4px;background:url('../../..../../../img/bg_item_mastery.png') no-repeat;}
.tb_set_list .name td {padding-top:9px;padding-right:5px;*padding-right:0;padding-bottom:12px;padding-left:5px;*padding-left:0;color:#CCC;}
.tb_set_list .name td a {color:#CCC;}
.tb_set_list .job td {padding-top:24px;padding-bottom:22px;}

.tb_set_list.tb_set2 th {width:80px;}
.tb_set_list.tb_set2 td {width:325px;}
.tb_set_list.tb_set2 td[colspan] {width:auto;}
.tb_set_list.tb_set3 th {width:82px;}
.tb_set_list.tb_set3 td {width:216px;}
.tb_set_list.tb_set3 td[colspan] {width:auto;}
.tb_set_list.tb_set4 th {width:82px;}
.tb_set_list.tb_set4 td {width:162px;}
.tb_set_list.tb_set4 td[colspan] {width:auto;}
.tb_set_list.tb_set5 th {width:80px;}
.tb_set_list.tb_set5 td {width:130px;}
.tb_set_list.tb_set5 td[colspan] {width:auto;}
.tb_set_list.tb_set6 th {width:82px;}
.tb_set_list.tb_set6 td {width:108px;}
.tb_set_list.tb_set6 td[colspan] {width:auto;}
.tb_set_list.tb_set7 th {width:79px;}
.tb_set_list.tb_set7 td {width:93px;}
.tb_set_list.tb_set7 td[colspan] {width:auto;}

ol, ul, dl, li {
    list-style: none;
}


.pop_item_desc {padding:80px 20px 20px 20px;}

.thm_inormal{background: url(../../../img/bg_item_normal.png) no-repeat, linear-gradient(0deg, rgb(48 48 50 ) 0%, rgb(111 111 111 ) 35%, rgb(180 180 180 ) 100%);}
.thm_icustom{background: url(../../../img/bg_item_custom.png) no-repeat, linear-gradient(0deg, rgb(48 48 50 ) 0%, rgb(111 111 111 ) 35%, rgb(180 180 180 ) 100%);}
.thm_imastery{background: url(../../../img/bg_item_mastery.png) no-repeat, linear-gradient(0deg, rgb(48 48 50 ) 0%, rgb(111 111 111 ) 35%, rgb(180 180 180 ) 100%);}

.pop_item_desc .thm_item {position:absolute;top:-90px;left:40px;height: 138px;width: 92px;text-align: center;
    line-height: 138px;
    background-size: 100%;
}
.pop_item_desc .thm_item img {
	object-fit: contain;
	max-height: 120px;
	max-width: 88px;
	vertical-align: middle;
	-webkit-filter: drop-shadow(0px 5px 5px #000000);
	filter: drop-shadow(0px 5px 5px #000000);
	margin-left: 2px;
}

.pop_item_desc .title_item {
    margin: 0 0 5px 116px;
    padding-top: 18px;
    color: #333;
    font-size: 34px;
    font-weight: normal;
}

.pop_item_desc .summary {
    position: relative;
    margin-bottom: 20px;
    padding: 0 40px 35px;
    background: #f6f4f14d;;
}

.pop_item_desc .desc_item {overflow:hidden;width:100%;line-height:1.5;}
.pop_item_desc .desc_item li {position:relative;overflow:hidden;padding:0 0 1px 116px;color:#d2d2d2;font-size:15px;}
.pop_item_desc .desc_item em {position:absolute;left:0;top:0;display:block;width:116px;color:#999;font-size:15px;font-style:normal;}

.pop_item_desc .tab_desc {overflow:hidden;width:100%;height:50px;}
.pop_item_desc .tab_desc h2 {float:left;}
.pop_item_desc .tab_desc a {float:left;width:138px;height:49px;border:1px solid #333;border-bottom:0;background:#fff;color:#CCC;font-size:16px;font-weight:normal;text-align:center;line-height:49px;text-decoration:none;}
.pop_item_desc .tab_desc a.on {background:#333;color:#fff;}
.pop_item_desc .pop_tabset .cont {display:none;}
.pop_item_desc .pop_tabset .cont.show {display:block;}

.pop_item_desc .tb_desc_list {table-layout:fixed;width:100%;border-collapse:collapse;border-spacing:0;line-height:1.3;}
.pop_item_desc .tb_desc_list th {padding:0;height:60px;background:#333;color:#fff;font-size:13px;text-align:center;font-weight:normal;box-sizing:border-box;line-height:1.1;}
.pop_item_desc .tb_desc_list td {padding-top:27px;padding-bottom:25px;border:.1px solid #eeeeee60;color:#d2d2d2;font-size:15px;text-align:center;word-wrap:break-word;word-break:break-word;box-sizing:border-box;}
.page_list {
    background-color: #0e0e0e08 !important;
}

.muonline-mastertree-container{
    overflow: hidden;
    position: relative;
    width: 33%;
    height: 100%;
	padding: 10px;
}

.muonline-imagen-masterskilltree{
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.muonline-mastertree-content{
    position: relative;
    width: 100%;
}

.fondogreentext{
    font-weight: bold;
    background: linear-gradient(180deg, rgba(14, 82, 28, 0.8) 20%, rgba(108, 216, 133, 0) 100%);
    border-radius: 50px;
}

.fondobluetext{
    font-weight: bold;
    background: linear-gradient(180deg, rgba(23, 51, 112, 0.8) 20%,rgba(76, 79, 224, 0) 100%);
    border-radius: 50px;
}

.fondoredtext{
    font-weight: bold;
    background: linear-gradient(180deg, rgba(160, 34, 34, 0.8) 20%, rgba(206, 87, 87, 0) 100%);
    border-radius: 50px;
}

#popoverInfoSkill .popover-header{
    background-color: #000 !important;
    color: #cfcfcf;
    text-align: center;
}

#popoverInfoSkill .popover-body{
    background-color: #000 !important;
    color: #cfcfcf;
    font-size: smaller;
    padding: 5px;
}

.imagenskill:hover {
    -ms-transform: scale(1.15); /* IE 9 */
    -webkit-transform: scale(1.15); /* Safari 3-8 */
    transform: scale(1.15);
}

.skillselected:focus, .skillselected:hover{
    box-shadow: 0 0 0 0.25rem rgba(51, 206, 116, 0.774) !important;
}

.mob_golds{background-image: radial-gradient(#ffad0059 10%, transparent 98%, black 99%);}
.mob_boss{background-image: radial-gradient(#ff000059 10%, transparent 98%, black 99%);}
.mob_traps{background-image: radial-gradient(#33000059 10%, transparent 98%, black 99%);}

.blink span span{
	-webkit-animation: blink 0.8s infinite both;
	animation: blink 0.8s infinite both;
	font-weight: bold;
	color:#dfcc91;
	font-size:14px;
	font-variant:initial;
	font-family:monospace;
}
.blink span {
	display: inline-grid;
	line-height: 14px;
	background-color:#00000080;
}
@-webkit-keyframes blink {
  25%,
  50%,
  75% {
	opacity: 1;
  }
  25%,
  75% {
	opacity: 0.3;
  }
}
@keyframes blink {
  25%,
  50%,
  75% {
	opacity: 1;
  }
  25%,
  75% {
	opacity: 0.3;
  }
}

.img-shadow {
	position: relative;
	max-width: 100%;
	float: left;
	}
    
    .img-shadow::before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		box-shadow: inset 0 0 15px 5px rgba(0,0,0,.9), inset 0 0 0px 1px rgb(255 255 255);
		-moz-box-shadow: inset 0 0 15px 5px rgba(0,0,0,.9), inset 0 0 0px 1px rgb(255 255 255);
		-webkit-box-shadow: inset 0 0 15px 5px rgba(0,0,0,.9), inset 0 0 0px 1px rgb(255 255 255);
	   } 
	   
.img-shadow img {
	float: left;
	} 
	
kbd{display:inline-block;color:#000;text-decoration:none;text-align:center;background:#efefef;padding:3px 7px;margin:5px 3px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-webkit-box-shadow:inset 0 0 25px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;-moz-box-shadow:inset 0 0 25px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;box-shadow:inset 0 0 25px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;text-shadow:0 1px 0 #f6f6f6}.oft-kbd-sd{padding:4.5px 10.5px;margin:7.5px 3.5px;font-size:150%;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-webkit-box-shadow:inset 0 0 37.5px #e8e8e8,0 1.5px 0 #c3c3c3,0 3px 0 #c9c9c9,0 3px 4.5px #333;-moz-box-shadow:inset 0 0 37.5px #e8e8e8,0 1.5px 0 #c3c3c3,0 3px 0 #c9c9c9,0 3px 4.5px #333;box-shadow:inset 0 0 37.5px #e8e8e8,0 1.5px 0 #c3c3c3,0 3px 0 #c9c9c9,0 3px 4.5px #333;text-shadow:0 1.5px 0 #f6f6f6}.oft-kbd-md{padding:6px 14px;margin:10px 6px;font-size:200%;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-webkit-box-shadow:inset 0 0 50px #e8e8e8,0 2px 0 #c3c3c3,0 4px 0 #c9c9c9,0 4px 6px #333;-moz-box-shadow:inset 0 0 50px #e8e8e8,0 2px 0 #c3c3c3,0 4px 0 #c9c9c9,0 4px 6px #333;box-shadow:inset 0 0 50px #e8e8e8,0 2px 0 #c3c3c3,0 4px 0 #c9c9c9,0 4px 6px #333;text-shadow:0 2px 0 #f6f6f6}.oft-kbd-lg{padding:9px 21px;margin:15px 9px;font-size:300%;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-webkit-box-shadow:inset 0 0 75px #e8e8e8,0 3px 0 #c3c3c3,0 6px 0 #c9c9c9,0 6px 9px #333;-moz-box-shadow:inset 0 0 75px #e8e8e8,0 3px 0 #c3c3c3,0 6px 0 #c9c9c9,0 6px 9px #333;box-shadow:inset 0 0 75px #e8e8e8,0 3px 0 #c3c3c3,0 6px 0 #c9c9c9,0 6px 9px #333;text-shadow:0 3px 0 #f6f6f6}

.mouse-left {
    background: url('../../../img/css_mouse.png') -1px -1px;
}
.mouse-middle {
    background: url('../../../img/css_mouse.png') -1px -83px;
}
.mouse-right {
    background: url('../../../img/css_mouse.png') -1px -165px;
}

.mouse-left, .mouse-middle, .mouse-right {display: inline-block;width: 50px; height: 80px;zoom: .35;vertical-align: bottom;}

.item_size_12{
	/*font-size: 12px;*/
}

.item_font_family{
	font-family: "Philosopher";
}

.item_tip_0{
	color:#FFFFFF;
}

.item_tip_1{
	color:#80B2FF;
}

.item_tip_2{
	color:#FF0000;
}

.item_tip_3{
	color:#FADE09;
}

.item_tip_4{
	color:#00FF00;
}

.item_tip_5{
	color:#FFFFFF;
	background-color: #FF0000;
}

.item_tip_6{
	color: #F9629F;
}

.item_tip_7{
	color:#FFFFFF;
	background-color: #0000FF;
}

.item_tip_8{
	color:#FFFFFF;
	background-color: #a06600;
}

.item_tip_9{
	color:#00FF00;
	background-color: #80B2FF;
}

.item_tip_10{
	color:#707070;
}

.item_tip_11{
	color:#FFC0CB;
}

.item_tip_12{
	color:#FF00FF;
}

.item_tip_13{
	color:#FF7F50;
}


.item_white{
	color:#FFFFFF;
}

.item_light_green{
	color:#00FF00;
}

.item_light_blue{
	color:#80B2FF;
}

.item_light_blue_2{
	color:#3366FF;
}

.item_blue{
	color:#0066FF;
}

.item_pink{
	color:#FF1493;
}

.item_yellow{
	color:#FADE09;
}

.item_yellow_2{
	color:#FFCC00;
}

.item_red{
	color:#FF0000;
}

.item_dark_red{
	color:#800000;
}

.item_dark_red_background{
	background-color:#800000;
}

.item_purple{
	color: #800080;
}

.item_socket{
	color: #B266FF;
}

.item_grey{
	color: #808080;
}

.item_yellow_title{
	color: #FFCC19;
}

.item_exe_title{
	color: #008000;
}

.item_socket_title{
	color: #B266FF;
}

.item_socket_exe_title{
	color: #7401DF;
}

.item_ancient_title{
	color: #01DF01;
}

.item_ancient_background{
	background-color: #0000FF;
}

.buff000,.buff001,.buff002,.buff003,.buff004,.buff005,.buff006,.buff007,.buff008,.buff009,.buff010,.buff011,.buff012,.buff013,.buff014,.buff015,.buff016,.buff017,.buff018,.buff019,.buff020,.buff021,.buff022,.buff023,.buff024,.buff025,.buff026,.buff027,.buff028,.buff029,.buff030,.buff031,.buff032,.buff033,.buff034,.buff035,.buff036,.buff037,.buff038,.buff039,.buff040,.buff041,.buff042,.buff043,.buff044,.buff045,.buff046,.buff047,.buff048,.buff049,.buff050,.buff051,.buff052,.buff053,.buff054,.buff055,.buff056,.buff057,.buff058,.buff059,.buff060,.buff061,.buff062,.buff063,.buff064,.buff065,.buff066,.buff067,.buff068,.buff069,.buff070,.buff071,.buff072,.buff073,.buff074,.buff075,.buff076,.buff077,.buff078,.buff079,.buff080,.buff081,.buff082,.buff083,.buff084,.buff085,.buff086,.buff087,.buff088,.buff089,.buff090,.buff091,.buff092,.buff093,.buff094,.buff095,.buff096,.buff097,.buff098,.buff099,.buff100,.buff101,.buff102,.buff103,.buff104,.buff105,.buff106,.buff107,.buff108,.buff109,.buff110,.buff111,.buff112,.buff113,.buff114,.buff115,.buff116,.buff117,.buff118,.buff119,.buff120,.buff121,.buff122,.buff123,.buff124,.buff125,.buff126,.buff127,.buff128,.buff129,.buff130,.buff131,.buff132,.buff133,.buff134,.buff135,.buff136,.buff137,.buff138,.buff139,.buff140,.buff141,.buff142,.buff143,.buff144,.buff145,.buff146,.buff147,.buff148,.buff149,.buff150,.buff151,.buff152,.buff153,.buff154,.buff155,.buff156,.buff157,.buff158,.buff159,.buff160,.buff161,.buff162,.buff163,.buff164,.buff165,.buff166,.buff167,.buff168,.buff169,.buff170,.buff171,.buff172,.buff173,.buff174,.buff175,.buff176,.buff177,.buff178,.buff179,.buff180,.buff181,.buff182,.buff183,.buff184,.buff185,.buff186,.buff187,.buff188,.buff189,.buff190,.buff191,.buff192,.buff193,.buff194,.buff195,.buff196,.buff197,.buff198,.buff199,.buff200,.buff201,.buff202,.buff203,.buff204,.buff205,.buff206,.buff207,.buff208,.buff209,.buff210,.buff211,.buff212,.buff213,.buff214,.buff215,.buff216,.buff217,.buff218,.buff219,.buff220,.buff221,.buff222,.buff223,.buff224,.buff225,.buff226,.buff227,.buff228,.buff229,.buff230,.buff231,.buff232,.buff233,.buff234,.buff235,.buff236,.buff237,.buff238,.buff239{width:20px;height:28px}.bb{background-image:url(../../../img/buffsheet.png);background-repeat:no-repeat;display:inline-block}.buff000{background-position:0 0}.buff001{background-position:-20px 0}.buff002{background-position:-40px 0}.buff003{background-position:-60px 0}.buff004{background-position:-80px 0}.buff005{background-position:-100px 0}.buff006{background-position:-120px 0}.buff007{background-position:-140px 0}.buff008{background-position:-160px 0}.buff009{background-position:-180px 0}.buff010{background-position:-200px 0}.buff011{background-position:-220px 0}.buff012{background-position:-240px 0}.buff013{background-position:-260px 0}.buff014{background-position:-280px 0}.buff015{background-position:-300px 0}.buff016{background-position:-320px 0}.buff017{background-position:-340px 0}.buff018{background-position:0 -28px}.buff019{background-position:-20px -28px}.buff020{background-position:-40px -28px}.buff021{background-position:-60px -28px}.buff022{background-position:-80px -28px}.buff023{background-position:-100px -28px}.buff024{background-position:-120px -28px}.buff025{background-position:-140px -28px}.buff026{background-position:-160px -28px}.buff027{background-position:-180px -28px}.buff028{background-position:-200px -28px}.buff029{background-position:-220px -28px}.buff030{background-position:-240px -28px}.buff031{background-position:-260px -28px}.buff032{background-position:-280px -28px}.buff033{background-position:-300px -28px}.buff034{background-position:-320px -28px}.buff035{background-position:-340px -28px}.buff036{background-position:0 -56px}.buff037{background-position:-20px -56px}.buff038{background-position:-40px -56px}.buff039{background-position:-60px -56px}.buff040{background-position:-80px -56px}.buff041{background-position:-100px -56px}.buff042{background-position:-120px -56px}.buff043{background-position:-140px -56px}.buff044{background-position:-160px -56px}.buff045{background-position:-180px -56px}.buff046{background-position:-200px -56px}.buff047{background-position:-220px -56px}.buff048{background-position:-240px -56px}.buff049{background-position:-260px -56px}.buff050{background-position:-280px -56px}.buff051{background-position:-300px -56px}.buff052{background-position:-320px -56px}.buff053{background-position:-340px -56px}.buff054{background-position:0 -84px}.buff055{background-position:-20px -84px}.buff056{background-position:-40px -84px}.buff057{background-position:-60px -84px}.buff058{background-position:-80px -84px}.buff059{background-position:-100px -84px}.buff060{background-position:-120px -84px}.buff061{background-position:-140px -84px}.buff062{background-position:-160px -84px}.buff063{background-position:-180px -84px}.buff064{background-position:-200px -84px}.buff065{background-position:-220px -84px}.buff066{background-position:-240px -84px}.buff067{background-position:-260px -84px}.buff068{background-position:-280px -84px}.buff069{background-position:-300px -84px}.buff070{background-position:-320px -84px}.buff071{background-position:-340px -84px}.buff072{background-position:0 -112px}.buff073{background-position:-20px -112px}.buff074{background-position:-40px -112px}.buff075{background-position:-60px -112px}.buff076{background-position:-80px -112px}.buff077{background-position:-100px -112px}.buff078{background-position:-120px -112px}.buff079{background-position:-140px -112px}.buff080{background-position:-160px -112px}.buff081{background-position:-180px -112px}.buff082{background-position:-200px -112px}.buff083{background-position:-220px -112px}.buff084{background-position:-240px -112px}.buff085{background-position:-260px -112px}.buff086{background-position:-280px -112px}.buff087{background-position:-300px -112px}.buff088{background-position:-320px -112px}.buff089{background-position:-340px -112px}.buff090{background-position:0 -140px}.buff091{background-position:-20px -140px}.buff092{background-position:-40px -140px}.buff093{background-position:-60px -140px}.buff094{background-position:-80px -140px}.buff095{background-position:-100px -140px}.buff096{background-position:-120px -140px}.buff097{background-position:-140px -140px}.buff098{background-position:-160px -140px}.buff099{background-position:-180px -140px}.buff100{background-position:-200px -140px}.buff101{background-position:-220px -140px}.buff102{background-position:-240px -140px}.buff103{background-position:-260px -140px}.buff104{background-position:-280px -140px}.buff105{background-position:-300px -140px}.buff106{background-position:-320px -140px}.buff107{background-position:-340px -140px}.buff108{background-position:0 -168px}.buff109{background-position:-20px -168px}.buff110{background-position:-40px -168px}.buff111{background-position:-60px -168px}.buff112{background-position:-80px -168px}.buff113{background-position:-100px -168px}.buff114{background-position:-120px -168px}.buff115{background-position:-140px -168px}.buff116{background-position:-160px -168px}.buff117{background-position:-180px -168px}.buff118{background-position:-200px -168px}.buff119{background-position:-220px -168px}.buff120{background-position:-240px -168px}.buff121{background-position:-260px -168px}.buff122{background-position:-280px -168px}.buff123{background-position:-300px -168px}.buff124{background-position:-320px -168px}.buff125{background-position:-340px -168px}.buff126{background-position:0 -196px}.buff127{background-position:-20px -196px}.buff128{background-position:-40px -196px}.buff129{background-position:-60px -196px}.buff130{background-position:-80px -196px}.buff131{background-position:-100px -196px}.buff132{background-position:-120px -196px}.buff133{background-position:-140px -196px}.buff134{background-position:-160px -196px}.buff135{background-position:-180px -196px}.buff136{background-position:-200px -196px}.buff137{background-position:-220px -196px}.buff138{background-position:-240px -196px}.buff139{background-position:-260px -196px}.buff140{background-position:-280px -196px}.buff141{background-position:-300px -196px}.buff142{background-position:-320px -196px}.buff143{background-position:-340px -196px}.buff144{background-position:0 -224px}.buff145{background-position:-20px -224px}.buff146{background-position:-40px -224px}.buff147{background-position:-60px -224px}.buff148{background-position:-80px -224px}.buff149{background-position:-100px -224px}.buff150{background-position:-120px -224px}.buff151{background-position:-140px -224px}.buff152{background-position:-160px -224px}.buff153{background-position:-180px -224px}.buff154{background-position:-200px -224px}.buff155{background-position:-220px -224px}.buff156{background-position:-240px -224px}.buff157{background-position:-260px -224px}.buff158{background-position:-280px -224px}.buff159{background-position:-300px -224px}.buff160{background-position:-320px -224px}.buff161{background-position:-340px -224px}.buff162{background-position:0 -252px}.buff163{background-position:-20px -252px}.buff164{background-position:-40px -252px}.buff165{background-position:-60px -252px}.buff166{background-position:-80px -252px}.buff167{background-position:-100px -252px}.buff168{background-position:-120px -252px}.buff169{background-position:-140px -252px}.buff170{background-position:-160px -252px}.buff171{background-position:-180px -252px}.buff172{background-position:-200px -252px}.buff173{background-position:-220px -252px}.buff174{background-position:-240px -252px}.buff175{background-position:-260px -252px}.buff176{background-position:-280px -252px}.buff177{background-position:-300px -252px}.buff178{background-position:-320px -252px}.buff179{background-position:-340px -252px}.buff180{background-position:0 -280px}.buff181{background-position:-20px -280px}.buff182{background-position:-40px -280px}.buff183{background-position:-60px -280px}.buff184{background-position:-80px -280px}.buff185{background-position:-100px -280px}.buff186{background-position:-120px -280px}.buff187{background-position:-140px -280px}.buff188{background-position:-160px -280px}.buff189{background-position:-180px -280px}.buff190{background-position:-200px -280px}.buff191{background-position:-220px -280px}.buff192{background-position:-240px -280px}.buff193{background-position:-260px -280px}.buff194{background-position:-280px -280px}.buff195{background-position:-300px -280px}.buff196{background-position:-320px -280px}.buff197{background-position:-340px -280px}.buff198{background-position:0 -308px}.buff199{background-position:-20px -308px}.buff200{background-position:-40px -308px}.buff201{background-position:-60px -308px}.buff202{background-position:-80px -308px}.buff203{background-position:-100px -308px}.buff204{background-position:-120px -308px}.buff205{background-position:-140px -308px}.buff206{background-position:-160px -308px}.buff207{background-position:-180px -308px}.buff208{background-position:-200px -308px}.buff209{background-position:-220px -308px}.buff210{background-position:-240px -308px}.buff211{background-position:-260px -308px}.buff212{background-position:-280px -308px}.buff213{background-position:-300px -308px}.buff214{background-position:-320px -308px}.buff215{background-position:-340px -308px}.buff216{background-position:0 -336px}.buff217{background-position:-20px -336px}.buff218{background-position:-40px -336px}.buff219{background-position:-60px -336px}.buff220{background-position:-80px -336px}.buff221{background-position:-100px -336px}.buff222{background-position:-120px -336px}.buff223{background-position:-140px -336px}.buff224{background-position:-160px -336px}.buff225{background-position:-180px -336px}.buff226{background-position:-200px -336px}.buff227{background-position:-220px -336px}.buff228{background-position:-240px -336px}.buff229{background-position:-260px -336px}.buff230{background-position:-280px -336px}.buff231{background-position:-300px -336px}.buff232{background-position:-320px -336px}.buff233{background-position:-340px -336px}.buff234{background-position:-360px 0}.buff235{background-position:-360px -28px}.buff236{background-position:-360px -56px}.buff237{background-position:-360px -84px}.buff238{background-position:-360px -112px}.buff239{background-position:-360px -140px}

.item_buble{
    height: 16px;
    line-height: 14px;
    background-color: #622733;
        float: left;
    margin-left: 5px;
    margin-top: 5px;
    border-radius: 8px;
    padding: 0 2px 0 2px;
    /*color: #f5ebe4;*/
    border: #9f7e75 solid 1px;
}