.box_quickguide,
.box_quickguide_r {
    background-color: #111;
    border: 1px solid #fff;
    border-radius: 7px;
    display: none;
    left: 0;
    padding: 1em 1em .4em 1em;
    position: absolute;
    top: 0;
    width: auto;
    z-index: 1
}

.box_quickguide,
.box_quickguide_r {
    left: 190px
}

.box_quickguide>p,
.box_quickguide_r>p {
    display: block;
    font-size: 1em;
    width: 300px
}

.relativeBox {
    position: relative
}

.detail {
    background-color: #111;
    cursor: pointer;
    margin-bottom: .8em;
    overflow: hidden;
    padding: 1.71em 57px 1.71em 1.2em;
    position: relative
}

.detail_n {
    background-color: #111;
    cursor: pointer;
    margin-bottom: .8em;
    overflow: hidden;
    padding: .6em 57px .6em .6em;
    position: relative
}

.a_noaction {
    cursor: auto
}

.detail>p,
.detail_n>p {
    float: left;
    font-size: 1.2em;
    margin-bottom: auto
}

.detail>.a_button,
.detail_n>.a_button {
    background-color: #051725;
    background-position: center;
    background-repeat: no-repeat;
    float: right;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 57px
}

.detail>.link_status,
.detail_n>.link_status {
    float: right;
    margin-right: .8em;
    margin-top: .8em
}

.detail:hover,
.detail_n:hover {
    background-color: #0e395b
}

.a_noaction:hover {
    background-color: #111
}

.detail:hover .a_button,
.detail_n:hover .a_button {
    background-color: #831016
}

.detail_security {
    background: #111;
    margin-bottom: .8em;
    padding: .3em 1.2em;
    zoom: 1
}

.detail_security:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden
}

.detail_security>dl {
    float: left;
    color: #b2b2b2;
    background: #111
}

.detail_security>dl>dt {
    text-align: left;
    padding-bottom: 8px
}

.detail_security>dl>dd {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 2px solid #252525;
    border-bottom: none;
    background: #252525;
    padding: 2px
}

.detail_security>dl>dd:last-of-type {
    border-bottom: 2px solid #252525
}

.detail_security>dl>dd.my_lv {
    height: 180px;
    background: #111;
    font-size: 10em;
    font-weight: bold;
    line-height: 170px
}

.detail_security>dl.my_security>dd.note {
    height: auto;
    font-size: .8em;
    padding-top: 9px;
    padding-bottom: 9px
}

.detail_security>dl .btn_claim {
    padding: none
}

.detail_security>dl .btn_claim>.button {
    display: block;
    padding: .7em .5em
}

.detail_security>dl span {
    display: block
}

.charname {
	text-align: center;
	width:230px;
	color:white;
	border:1px solid #6fa7d6;
}
.char1234 {
	text-align: center;
	width:230px;
	color:white;
	border:1px solid #6fa7d6;
}

.karuswarrior {
	width: 230px;
	height: 215px;
	background: url(/images/11.png) no-repeat;
	border: 1px solid #6fa7d6;
    padding: 1px;

}
.karusrogue {
	width: 230px;
	height: 215px;
	background: url(/images/12.png) no-repeat;
	border: 1px solid #6fa7d6;
    padding: 1px;

}
.karuspriest {
	width: 230px;
	height: 215px;
	background: url(/images/13.png) no-repeat;
	border: 1px solid #6fa7d6;
    padding: 1px;

}
.karusmage {
	width: 230px;
	height: 215px;
	background: url(/images/14.png) no-repeat;
	border: 1px solid #6fa7d6;
    padding: 1px;

}

.humanwarrior {
	width: 230px;
	height: 215px;
	background: url(/images/21.png) no-repeat;
	border: 1px solid #6fa7d6;
    padding: 1px;

}
.humanrogue {
	width: 230px;
	height: 215px;
	background: url(/images/22.png) no-repeat;
	border: 1px solid #6fa7d6;
    padding: 1px;

}
.humanpriest {
	width: 230px;
	height: 215px;
	background: url(/images/23.png) no-repeat;
	border: 1px solid #6fa7d6;
    padding: 1px;

}
.humanmage {
	width: 230px;
	height: 215px;
	background: url(/images/24.png) no-repeat;
	border: 1px solid #6fa7d6;
    padding: 1px;

}

.detail {
background-color:#051725;
cursor:pointer;
margin-bottom:.8em;
overflow:hidden;
position:relative;
padding:1.71em 57px 1.71em 1.2em;
}

.detail_n {
background-color:#111;
cursor:pointer;
margin-bottom:.8em;
overflow:hidden;
position:relative;
padding:.6em 57px .6em .6em;
}

.a_button {
background-color:#252525;
background-position:center;
background-repeat:no-repeat;
cursor:pointer;
float:right;
height:100%;
position:absolute;
right:0;
top:0;
width:57px;
}

.a_locked .a_button {
background-image:url(/portal/assets/images/common/icon_locked_2.png);
}

.a_editable .a_button {
background-image:url(/portal/assets/images/common/icon_editable.png);
}

.a_add .a_button {
background-image:url(/portal/assets/images/common/icon_add.png);
}

.a_remove .a_button {
background-image:url(/portal/assets/images/common/icon_remove.png);
}

.a_activate .a_button {
background-image:url(/portal/assets/images/common/icon_activate.png);
}

.a_deactivate .a_button {
background-image:url(/portal/assets/images/common/icon_deactivate.png);
}

.a_do .a_button {
background-image:url(/portal/assets/images/common/icon_do.png);
}

.a_search .a_button {
background-image:url(/portal/assets/images/common/icon_search.png);
}

.a_next .a_button {
background-image:url(/portal/assets/images/common/icon_next.png);
}

.label {
clear:both;
margin-bottom:.25em;
}

.label>p {
clear:both;
color:#b2b2b2;
display:block;
font-size:1.5em;
font-weight:300;
margin-bottom:auto;
overflow:hidden;
}

.label>p>span {
float:right;
font-size:.6em;
margin-left:4em;
}

h2 {
border:0;
color:#b2b2b2;
font-size:1.5em;
font-weight:400;
margin:0;
padding:0;
}

h3 {
border:0;
color:#b2b2b2;
font-size:1.5em;
font-weight:800;
margin:0;
padding:0;
}

h4 {
border:0;
color:#fff;
font-size:1.875em;
font-weight:300;
margin:0;
padding:0;
}

h5 {
border:0;
color:#fff;
font-family:"Open Sans Condensed",sans-serif;
font-size:2.25em;
font-style:italic;
font-weight:300;
margin:0;
padding:0;
}

h6 {
border:0;
color:#b2b2b2;
font-size:1.125em;
font-weight:600;
margin:0;
padding:0;
}

select option {
background:#000;
color:gray;
margin:40px;
}

p {
color:#b2b2b2;
font-size:1.125em;
font-weight:300;
line-height:1.2em;
margin-bottom:.8em;
}

span {
color:#c9c9c9;
}

.j_right {
float:right;
margin-left:2em;
}

.j_left {
float:left;
margin-right:2em;
}

.j_left,.j_right>img {
width:auto;
}

select::-ms-expand {
visibility:hidden;
}

select {
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
appearance:none;
background-color:transparent;
background-image:url(/portal/assets/images/common/icon_dnArrow_select.png);
background-position:right center;
background-repeat:no-repeat;
border:1px solid #252525;
color:#c5c5c5;
font-size:1.125em;
padding:.5em 41px .5em .5em;
}

time {
color:#666;
display:block;
}

.circle {
border:1px solid #fff;
border-radius:11px;
display:inline-block;
margin-right:.8em;
vertical-align:middle;
height:22px;
width:22px;
}

.circle>.core {
background-color:#fff;
border-radius:8px;
display:none;
height:16px;
width:16px;
margin:3px;
}

a,body,div,figure,img,p,table,td,tr {
border:0;
margin:0;
padding:0;
}