@charset "utf-8";
.screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-9999;}
div.window_modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;}
.more {
    background: url("../../img/dk/renewal/common/sp_textSet-2.png") no-repeat -225px -30px;
    display: block;
    height: 10px;
    text-indent: -9000em;
    width: 43px;
}
.data-guide{
	width:14px;
	height:14px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../img/dk/renewal/icon_set.png) no-repeat left -96px;;
	
}
.views dl.user dd.author .data-guide{
	float:left;
	margin-top:-2px;
}
.comment .data-guide
{
		float:left;
	margin-top:-2px;
}
.data-guide-layer{
	position:absolute;
	top:0;
	left:0;
	
	
}
#header .qrcode{position:absolute; top:42px; right:0}
#header .go_mobile{width:146px; height:30px; display:block; text-indent:-9999px; position:absolute; top:10px; right:17px; background:url(../../img/dk/renewal/common/img_goMobile.png) no-repeat 0 0;}
#header .mobile_qr{position:absolute; top:40px; right:13px; z-index:10; display:none;}
#header .go_mobile:hover + .mobile_qr{display:block;}

.color-red{
	 color: #ff4900 !important;
}
.icon {
	 background: url("../../img/dk/renewal/icon_set.png") no-repeat 0 0;
	 text-indent:-9999px;
}
._noti1 {	
	width:43px;
	height:20px;
	display:inline-block;
	background-position:-343px 0;
}
._update {
	width:53px;
	height:20px;
	display:inline-block;
	background-position:-396px -30px;
}
._event {
	width:53px;
	height:20px;
	display:inline-block;
	background-position:-396px -240px;
}
._noti2 {
	width:53px;
	height:20px;
	display:inline-block;
	background-position:-396px 0;
}
._progress {
    width:53px;
	height:20px;
	display:inline-block;
	background-position:-396px -60px;
}
._end {
    width:53px;
	height:20px;
	display:inline-block;
	background-position:-396px -90px;
}
._accept {
    width:53px;
	height:20px;
	display:inline-block;
	background-position:-396px -150px;
	text-indent:-9999px;
}
._answer {
    width:53px;
	height:20px;
	display:inline-block;
	background-position:-396px -180px;
	text-indent:-9999px;
}
._complete {
    width:53px;
	height:20px;
	display:inline-block;
	background-position:-396px -210px;
	text-indent:-9999px;
}
._haland {	
	width:44px;
	height:20px;
	display:inline-block;
	background-position:-343px -30px;
}
._luana
{	
	width:44px;
	height:20px;
	display:inline-block;
	background-position:-343px -60px;
}
._ruemon
{	
	width:44px;
	height:20px;
	display:inline-block;
	background-position:-343px -90px;
}
._Ratio
{	
	width:44px;
	height:20px;
	display:inline-block;
	background-position:-343px -150px;
}
._grion
{	
	width:44px;
	height:20px;
	display:inline-block;
	background-position:-343px -180px;
}
._verma
{	
	width:44px;
	height:20px;
	display:inline-block;
	background-position:-343px -120px;
}
._free
{	
	width:44px;
	height:20px;
	display:inline-block;
	background-position:-343px -210px;
}
._guild
{	
	width:44px;
	height:22px;
	display:inline-block;
	background-position:-343px -240px;
}
._server
{	
	width:44px;
	height:22px;
	display:inline-block;
	background-position:-343px -272px;
}

._pinael
{	
	width:44px;
	height:20px;
	display:inline-block;
	background-position:-343px -304px;
}
._valkyrie{
	width:44px;
	height:20px;
	display:inline-block;
	background-position:-343px -334px;
}
._hiper{
	width:44px;
	height:20px;
	display:inline-block;
	background-position:-343px -364px;
}

._adore{
	width:44px;
	height:20px;
	display:inline-block;
	background-position:-343px -394px;
}

._image{
	width:16px;
	height:13px;
	display:inline-block;
	margin-top:top;
	background-position:0 -51px;
}
.gm{width:116px; height:22px; display:inline-block; margin-top:10px; background:url(../../img/dk/renewal/common/img_admin.png) no-repeat 0 0;}

.viewAvt {
    display:none;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #a6bddc;
    opacity: 0;
    width: 295px;
    z-index: 100;
}
.viewAvt .wrap {
    background: url("../sgi/Image/DKonline/Image/cbt2/bg_viewAvatar.html") no-repeat scroll left top rgba(0, 0, 0, 0);
}
.viewAvt .wrap .close {
    left: 253px;
    position: absolute;
    top: 10px;
    z-index: 2;
}
.viewAvt .wrap .close img {
	background: url("../../img/dk/renewal/common/sp_btnSet.png") no-repeat -976px -271px;
	width:24px;
	height:24px;
}

.viewAvt .wrap .avatar img, .user_info_clone .avatar img {
    background: url("../../img/dk/renewal/common/img_character.gif") no-repeat left top;    
    height: 54px;
    width: 54px;  
}
.viewAvt .wrap .warrior img, .user_info_clone .warrior img {
    background-position:0 0;
}
.viewAvt .wrap .sorcerer img, .user_info_clone .sorcerer img {
    background-position: -58px 0em;
}
.viewAvt .wrap .warlook img, .user_info_clone .warlook img {
    background-position: -116px 0em;
}
.viewAvt .wrap .paladin img, .user_info_clone .paladin img {
    background-position: -174px 0em;
}
.viewAvt .wrap .diel img, .user_info_clone .diel img {
    background-position: -174px -58px;
}
.viewAvt .wrap .noClas img, .user_info_clone .noClas img {
    background-position: 0 -58px;
}
.viewAvt .wrap .gm img, .user_info_clone .gm img {
    background-position: -58px -58px;
}
.viewAvt .wrap .gm_pink img, .user_info_clone .gm_pink img {
    background-position: -116px -58px;
}
.viewAvt .wrap {
    background:#ebf0f7;
    border-top: 1px solid #FFFFFF;
    position: relative;
}
.viewAvt .wrap .noti {
    position: absolute;
    right: 0;
    top: 11px;
}
.viewAvt .wrap .info {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    width: 293px;
    z-index: 1;
}
.viewAvt .wrap .nodata p {
    color: #585858;
    padding: 31px 0;
    text-align: center;
}
.viewAvt .server {
    height: 45px;
    margin: 6px 0 0 19px;
    position: relative;
    width: 222px;
    z-index: 9;
}
.viewAvt .server .btn {
    border: 1px solid #D0D0D0;
    color: #555555;
    display: block;
    font-weight: bold;
    height: 25px;
    text-decoration: none;
}
.viewAvt .server .btn {
    padding: 5px 0 0 8px;
}
.viewAvt .server .btn span {
	font-size:14px;
	line-height:20px;
	color:#35528f;
}
.viewAvt .server A.on {
    background: url("../../../DKOnline/Image/cbt2/main/ico_rankingOn.gif") no-repeat scroll 197px 9px #FFFFFF;
}
.viewAvt .server A.off {
	background:#fff url("../../img/dk/renewal/bul/bul_arr_dn.png") no-repeat scroll 200px 12px;
}
.viewAvt .server .servlist {
    background: #fff;
    border:1px solid #ccc;
	border-top:none;
    left: 0;
    list-style: none outside none;
    opacity: 0;
    padding: 0 0 10px;
    position: absolute;
    top: 31px;
    width: 220px;
    z-index: 2147483647;
}
.viewAvt .server .servlist ul {
    list-style: none outside none;
}
.viewAvt .server .servlist h3 {
    border-bottom: 1px dashed #AAAAAA;
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 0 9px;
    padding: 0 0 5px;
    position: relative;
    width: 188px;
}
.viewAvt .server .servlist h3.pr {
    padding-top: 10px;
}
.viewAvt .server .servlist h3.op {
    margin-top: 15px;
}
.viewAvt .server ul {
    list-style: none outside none;
    padding: 5px 0 1px;
}
.viewAvt .server ul li {
    color: #3C3C3C;
    font-size: 12px;
    line-height: 16px;
    padding: 3px 0 0 10px;
}
.viewAvt .server ul li A {
    color: #3C3C3C;
}
.viewAvt .server ul li span {
    color: #A8A8A8;
    font-size: 11px;
    font-weight: normal;
    padding-left: 3px;
}
.viewAvt .server ul li.on {
    font-weight: bold;
}
.viewAvt .server ul li.on A {
    color: #2B8DA2;
}
.viewAvt .bar {
    background:#f8f8f8;
    border: 2px solid #c0cce0;
    height: 104px;
    left: 0px;
    position: absolute;
    top: 0;
    width: 291px;
}
.viewAvt .avtList {
    overflow: hidden;
    width: 295px;
	background:#fff;
}
.avtList .info,
.user_info_clone{
	padding:0 0 0 19px;
	border-bottom:1px solid #a6bddc;
}

.avtList .info .data,
.user_info_clone .data{
	overflow:hidden;
}

.avtList .info .data .avatar,
.user_info_clone .data .avatar
{
	float:left;
}
.avtList .info .data ul,
.user_info_clone .data ul{
	float:left;
	padding:0 0 11px 10px;
}
.avtList .info .data ul li,
.user_info_clone .data ul li
{
	font-size:11px;
	overflow:hidden;
	padding:0 0 4px 0;
	line-height:16px;
}
.avtList .info .data ul li strong,
.user_info_clone .data ul li strong
{
	float:left;
	color:#35528f;
}
.avtList .info .data ul li p,
.user_info_clone .data ul li p
{
	float:left;
	color:#7581a9;
	padding:0 0 0 5px;
}
.avtList .info .name,
.user_info_clone .name
{
	font-size:11px;
	height:21px;
	color:#35528f;
	padding:9px 0 0 0 ;
}



.user_info_clone{
	width:275px;	
	background:#fff;
	position:absolute;
	top:0;
	left:0;
	border:1px solid #a6bddc; 
	
	
}