a.black,input.button {
    display: inline-block;
    cursor: pointer
}

.btn,a.black,input.button {
    cursor: pointer
}

img,input {
    vertical-align: middle
}

.center,.title,select,table.adv {
    text-align: center
}

.btn,.sm .trans {
    overflow: hidden
}

.btn .label,.nwr {
    white-space: nowrap
}

.clb,.clr {
    clear: both
}

body {
    max-width: 550px;
    font-family: Verdana,Arial,sans-serif;
    font-size: 14px;
    color: #FFF;
    background-color: #303030;
    text-shadow: #000 0 -1px 1px;
    margin: 0 auto
}

.life_bar,.separ,.stat_bar {
    max-width: 50%
}

input,table.adv {
    font-size: 12px;
    margin: 0;
    padding: 0
}

td.adv {
    border: 1px solid #000;
    font-weight: 700;
    background-color: #999
}

input {
    background: #FFC
}

input.text,textarea.text {
    background-color: #707070;
    color: #fff;
    border: 1px solid #C8C8C8;
    margin: 2px 0 3px;
    padding: 2px 1px 3px
}

hr,select {
    border: none
}

input.button {
    width: 20%;
    background-color: #303030;
    color: #fff;
    font-weight: 400;
    font-size: 11px;
    border: none;
    padding: 3px 10px
}

input.medium {
    width: 20%
}

input.medium-text,textarea.medium-text {
    width: 40%
}

select {
    background-color: #707070;
    width: 35%;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    margin: 2px 0 3px;
    padding: 2px 1px 3px 10px
}

a.button,h1,h2 {
    font-weight: 400
}

.black,a.black {
    background-color: #000;
    margin: 0;
    font-size: 11px;
    color: #fff
}

select.small {
    width: 60px
}

select.medium {
    width: 80px
}

span {
    text-decoration: none
}

.black {
    padding: 0 3px
}

a {
    text-decoration: underline;
    color: #f4d06e;
    outline: 0
}

.btn,.button-href a,.footList a,.menuList a,.menuList a.inline,a.black {
    text-decoration: none
}

a.black {
    padding: 0 5px
}

a.button {
    background-color: #303030;
    color: #fff;
    font-size: 11px;
    padding: 3px 10px
}

h1,h2 {
    color: #fff
}

.bold,.not_here,.ttl,b {
    font-weight: 700
}

h1 {
    font-size: 17px
}

h2 {
    font-size: 16px
}

b {
    font-size: 103%;
    color: #fff;
    padding: 1px 0
}

hr {
    height: 0;
    border-top: #25231f solid 1px;
    border-bottom: #34332c solid 1px;
    margin: 5px;
    padding: 0
}

li,ul {
    list-style: square;
    margin: 0 0 0 10px;
    padding: 1px
}

.footList li,.indList li,.menuList li {
    list-style: none
}

.big {
    font-size: 120%;
    margin: 0;
    padding: 0 0 2px
}

.line {
    background-image: url(/images/icon/line.png);
    background-color: #3e3d36;
    background-repeat: repeat-x;
    background-position: bottom left;
    padding-top: 5px
}

.main,.player {
    background-image: url(/images/icon/bg.png)
}

.dot-line,.mini-line {
    border: 0;
    margin: 0;
    padding: 0
}

.mini-line {
    border-top: #3e3d36 solid 2px
}

.dot-line {
    border-bottom: #3e3d36 dotted 1px
}

.foot,.old_title,.player,.title {
    padding: 5px
}

img {
    border: 0
}

.vat,.vt {
    vertical-align: top
}

img.portrait {
    float: left;
    margin-right: 4px;
    margin-bottom: 4px
}

.main {
    background-color: #212121
}

.title {
    font-size: 130%;
    font-family: Century Gothic,Arial,sans-serif;
    color: #FF9
}

.old_title {
    font-size: 110%;
    border: 0;
    color: #FF9
}

.foot {
    background-color: #141111
}

.player {
    background-color: #212121
}

.snow {
    background-image: url(/images/bg-snow.png);
    background-repeat: repeat-x;
    background-position: 0 0
}

.error,.ok,.warn {
    padding: 2px;
    border-bottom: #5c5853 solid 1px
}

.error {
    color: #FF3434
}

.ok {
    color: #3C3
}

.warn {
    color: #CFC
}

.block,.block_right,.block_up {
    padding: 5px 0 5px 5px
}

.error,.ok,.warn {
    background-color: #303030;
    border-right: #3e3d36 solid 1px;
    border-left: #3e3d36 solid 1px
}

.block {
    border-bottom: #5c5853 solid 1px
}

.block_up {
    border-top: #5c5853 solid 1px
}

.block_right {
    border-right: #5c5853 solid 1px
}

.block_light {
    background-color: #333;
    border-left: #3e3d36 solid 2px;
    border-right: #3e3d36 solid 2px;
    padding: 5px
}

.bg-4 {
    background-image: url(/images/bg-4.png);
    background-repeat: repeat-x;
    background-position: 0 0
}

.gold-title {
    background-image: url(/images/bg-gold.png);
    background-repeat: repeat-x;
    background-position: 0 0
}

.button .left,.button .right,.button-href .left,.button-href .right {
    background-repeat: no-repeat
}

.block_outer {
    background-color: #302e2e;
    border-bottom: #141111 solid 1px;
    border-right: #141111 solid 1px;
    border-left: #3e3d36 1px solid;
    border-top: #3e3d36 1px solid;
    padding: 5px 0 5px 5px
}

.block_dashed {
    border: 1px dashed #5c5853;
    background-color: #2e2e2e;
    margin: 5px;
    padding: 5px
}

.not_here {
    color: #999;
    border: 0
}

.menuList li {
    border-bottom: #5c5853 dotted 1px;
    margin: 0
}

.highlight {
    background-color: #383838
}

.menuList li:hover {
    background-color: #323232
}

.menuList li.original:hover {
    background-color: transparent
}

.menuList li:last-child {
    border: 0
}

.menuList a {
    display: block;
    padding: 5px
}

.btn,.button,.button-href,.button-href a,.button-href span,.footList,.footList a,.menuList a.inline {
    display: inline-block
}

.menuList a.inline {
    padding: 5px
}

.menuList img {
    padding: 0 5px 0 0
}

.menuList p {
    margin: 0;
    padding: 5px 0 5px 5px
}

.blockimage img {
    padding: 0 5px 0 0
}

.footList {
    margin: 0;
    padding: 0
}

.footList li {
    margin-left: 3px;
    margin-top: 3px;
    float: left;
    border-bottom: #141111 solid 1px;
    border-right: #141111 solid 1px;
    border-left: #3e3d36 1px solid;
    border-top: #3e3d36 1px solid
}

.footList a {
    font-size: 11px;
    padding: 0 5px
}

.button .left {
    background-image: url(/images/icon/block/bt-l.png?v=1);
    background-position: top left;
    padding: 0 0 0 2px
}

.button .right {
    background-image: url(/images/icon/block/bt-r.png?v=1);
    background-position: top right;
    padding: 0 2px 0 0
}

.button input,.button-href span {
    background-image: url(/images/icon/block/bt-bg.png?v=1);
    background-color: #40414a;
    height: 24px
}

.button input {
    border: 0;
    color: #fff;
    font-size: 13px;
    padding: 0 24px
}

.button-href a {
    color: #fff;
    font-size: 12px
}

.button-href span {
    margin: 0 9px
}

.button-href p {
    margin: 0;
    padding: 4px
}

.button-href .left {
    background-image: url(/images/icon/block/bt-l.png?v=1);
    background-position: top left
}

.button-href .right {
    background-image: url(/images/icon/block/bt-r.png?v=1);
    background-position: top right
}

.separ {
    border: 0;
    border-bottom: #3e3d36 solid 1px;
    border-top: #1f1f1a solid 1px;
    margin: 5px auto;
    padding: 0
}

.exp_bar {
    margin-bottom: 2px;
    border-top: #202020 solid 1px;
    background-color: #707070;
    padding: 0
}

.exp_bar .progress,.exp_bar .progress_life {
    padding-top: 1px;
    padding-bottom: 1px;
    width: 0
}

.exp_bar .progress {
    background-color: #6C6
}

.exp_bar .progress_life {
    background-color: #966
}

.life_bar {
    border: 1px solid #C90;
    margin: 5px auto
}

.life_bar-green {
    background-color: #393
}

.life_bar-red {
    background-color: #933
}

.life_bar-black {
    background-color: #000
}

.life_bar,.life_bar-black,.life_bar-green,.life_bar-red {
    height: 3px;
    padding: 0
}

.btn,.btn .end {
    height: 24px;
    background-repeat: no-repeat;
    background-image: url(/images/icon/block/bg-btn.png)
}

.stat_bar {
    margin-top: 5px;
    margin-bottom: 8px;
    border: 1px solid #000;
    background-color: #fff;
    padding: 0
}

.stat_bar .progress {
    background-color: #FC3;
    width: 0;
    padding-top: 2px;
    padding-bottom: 2px
}

.stat_bar .blue {
    background-color: #99C
}

.small {
    font-size: 75%
}

.medium {
    font-size: 85%
}

.right {
    text-align: right
}

.btn .label,.cntr {
    text-align: center
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.grey {
    color: #999
}

.yellow {
    color: #FC6
}

.red {
    color: #FF3434
}

.dred {
    color: #C66
}

.green {
    color: #3C3
}

.dgreen {
    color: #9C9
}

.blue {
    color: #95B9C7
}

.orange {
    color: #ffa800
}

.purple {
    color: #939
}

.neutral {
    color: #CC9
}

.hint {
    color: #F90;
    font-size: 75%;
    padding: 5px
}

.Admin {
    color: #9CC
}

.Moder {
    color: #F96
}

.quality-0 {
    color: #909090
}

.quality-1,.quality-1p {
    color: #9b8869
}

.quality-2,.quality-2p {
    color: #9bcd69
}

.quality-3,.quality-3p {
    color: #529ce4
}

.quality-4,.quality-4p {
    color: #d67bfc
}

.quality-5,.quality-5p {
    color: #f96c27
}

.quality-6,.quality-6p {
    color: #989898
}

.better {
    color: #3C3;
    font-size: 80%
}

.menuList,div,form,h1,h2,h3,html,img,p,span {
    margin: 0;
    padding: 0
}

.block_zero,.menuList h1,table {
    padding: 5px
}

input.large,textarea.large {
    width: 98%
}

.white,h1 a {
    color: #fff
}

.button,.button-href {
    margin: 5px 5px 5px 0;
    padding: 0
}

.btn {
    background-position: 0 -26px
}

.btn .end,.btn .label,.sm {
    display: block;
    cursor: pointer
}

.btn .end {
    background-position: 100% -52px
}

.btn .label {
    color: #fff;
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
    line-height: 12px;
    height: 18px;
    border: 0;
    background-image: url(/images/icon/block/bg-btn.png);
    background-repeat: repeat-x;
    background-position: 0 0;
    background-color: #40414a;
    margin: 0 4px;
    padding: 6px 9px 0
}

.rngb,.sm,.sm .trans {
    background-repeat: no-repeat
}

.btn.green,.btn.green .end,.btn.green .label {
    background-image: url(/images/icon/block/bg-btn-green.png)
}

.btn input.label {
    padding: 0 18px;
    height: 24px
}

.bigBtn .label {
    font-size: 14px
}

.bigBtn {
    margin-bottom: 5px
}

.sm {
    height: 12px;
    width: 12px
}

.sm.sec-0 {
    background-image: url(/images/smiles/emoji/0.png)
}

.sm.sec-1 {
    background-image: url(/images/smiles/emoji/1.png)
}

.sm.sec-2 {
    background-image: url(/images/smiles/emoji/2.png)
}

.sm.sec-3 {
    background-image: url(/images/smiles/emoji/3.png)
}

.sm.sec-4 {
    background-image: url(/images/smiles/emoji/4.png?1)
}

.sm.sec-5 {
    background-image: url(/images/smiles/emoji/5.png)
}

.sm .trans {
    width: 30px;
    padding: 0;
    background-color: Transparent;
    border: 0;
    margin: -10px;
    cursor: pointer;
    outline: 0
}

.list {
    padding: 5px
}

.list a {
    text-decoration: none!important
}

.list .txt {
    color: #999
}

.list .txt:hover {
    color: #ccc
}

.list:hover {
    background-color: #323232
}

.rngb {
    display: inline-block;
    background-image: url(/images/coliseum/wings.png);
    height: 81px
}

.rngb .pos {
    padding: 9px 57px
}

.rght {
    text-align: right
}

.left,.lft {
    text-align: left
}

.mb10 {
    margin-bottom: 10px
}

.mb5 {
    margin-bottom: 5px
}

.mb2 {
    margin-bottom: 2px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml110 {
    margin-left: 110px
}

.mlr5 {
    margin-left: 5px;
    margin-right: 5px
}

.mlra {
    margin-left: auto;
    margin-right: auto
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mt5 {
    margin-top: 5px
}

.mt15 {
    margin-top: 15px
}

.h_stat,.mr0a {
    margin: 0 auto
}

.w33 {
    width: 33%
}

.w45 {
    width: 45%
}

.w90 {
    width: 90%
}

.w100 {
    width: 100%
}

.wm150 {
    max-width: 150px
}

.w130p {
    width: 130px
}

.w150p {
    width: 150px
}

.w180pi {
    width: 180px!important
}

.w200p {
    width: 200px
}

.fl {
    float: left
}

.fr {
    float: right
}

.bl {
    display: block
}

.ib,.ibl {
    display: inline-block
}

.bw {
    word-wrap: break-word
}

.head {
    background-color: #141111;
    padding: 3px;
    font-size: 95%
}

.ttl {
    max-width: 63%;
    color: #FF9;
    padding: 0
}

.h_stat {
    width: 150px
}

.p5 {
    padding: 5px
}

.p0 {
    padding: 0
}

.pt2 {
    padding-top: 2px
}

.pt5 {
    padding-top: 5px
}

.px20 {
    padding-left: 20px;
    padding-right: 20px
}

.w50 {
    width: 50%
}

.ib {
    //display: inline;
    //zoom:1}

.p_dummy,.p_dummy_wide,.smilesingle {
    display: inline-block
}

.sh8 {
    text-shadow: 0 0 1px #000,0 0 1px #000,0 0 1px #000,0 0 1px #000,0 0 1px #000,0 0 1px #000,0 0 1px #000,0 0 1px #000
}

.fs0 {
    font-size: 0
}

.it_stat1,.it_stat2 {
    font-weight: 700;
    font-size: 10px
}

.smilebtn {
    color: #fff;
    padding: 6px 0 0;
    border: 0;
    cursor: pointer;
    background: url(/images/smiles/emoji/grinning.png) no-repeat;
    min-width: 19px
}

.arena_bg,.fault_bg {
    background-position: center 0
}

.smilesingle {
    padding: 3px;
    position: relative;
    min-width: 30px
}

.cosmos {
    position: absolute;
    left: -100%
}

#returnToOK {
    position: absolute;
    z-index: 1000
}

.rating-table {
    border: 0;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.rating-table td {
    border-top: #3e3d36 solid 1px
}

.arena_bg {
    background-image: url(/images/town/hd/arena.jpg);
    background-repeat: no-repeat
}

.fault_bg {
    background-image: url(/images/fault/arena_bg.jpg);
    background-repeat: no-repeat
}

.ch_slot.actv,.item50 {
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.player_table {
    width: 100%;
    max-width: 320px;
    padding: 0;
    margin: 0 auto;
    border: 0;
    text-align: center
}

.p_dummy,.p_dummy .brd {
    width: 120px;
    height: 160px
}

.player_table td {
    vertical-align: middle
}

.block_fight *,.ich_key {
    vertical-align: top
}

.p_dummy .brd {
    background-image: url(/images/icon/pd_brd.png);
    background-repeat: no-repeat
}

.p_dummy_wide {
    width: 176px;
    height: 160px
}

.it_brd,.it_stat1,.it_stat2 {
    display: block
}

.item50 {
    width: 52px;
    height: 52px;
    margin-bottom: 5px
}

.it_brd {
    width: 50px;
    height: 50px;
    padding: 1px;
    background-repeat: no-repeat
}

.it_brd.q0 {
    color: #9b8869;
    background-image: url(/images/icon/bg-ibrd_q0_0.png)
}

.it_brd.q1 {
    color: #9b8869;
    background-image: url(/images/icon/bg-ibrd_q1_0.png)
}

.it_brd.q2 {
    color: #0bb00b;
    background-image: url(/images/icon/bg-ibrd_q2_0.png)
}

.it_brd.q2p {
    color: #0bb00b;
    background-image: url(/images/icon/bg-ibrd_q2_1.png)
}

.it_brd.q3 {
    color: #09688b;
    background-image: url(/images/icon/bg-ibrd_q3_0.png)
}

.it_brd.q3p {
    color: #09688b;
    background-image: url(/images/icon/bg-ibrd_q3_1.png)
}

.it_brd.q4 {
    color: #990cd3;
    background-image: url(/images/icon/bg-ibrd_q4_0.png)
}

.it_brd.q4p {
    color: #990cd3;
    background-image: url(/images/icon/bg-ibrd_q4_1.png)
}

.it_brd.q5,.it_brd.q5p {
    color: #e0700c;
    background-image: url(/images/icon/bg-ibrd_q5_1.png)
}

.it_brd.q6 {
    color: #df2f00;
    background-image: url(/images/icon/bg-ibrd_q6_0.png)
}

.it_brd.q6p {
    color: #df2f00;
    background-image: url(/images/icon/bg-ibrd_q6_1.png)
}

.it_stat1 {
    height: 15px;
    margin: -5px -3px 0;
    text-align: right;
    color: #9c9
}

.it_stat2 {
    margin-top: 30px
}

.ch_brd,.ch_slot,.nbtn1 {
    display: inline-block
}

.it_stars {
    height: 9px;
    padding-right: 1px;
    font-size: 0;
    text-align: center
}

.it_stars img {
    margin-right: -1px
}

.ch_slot {
    padding: 5px 0
}

.ch_slot.actv {
    background-image: url(/images/starsquest/bg-chest-light.png);
    background-size: contain
}

.ch_brd {
    margin: 2px
}

.ch_brd.curr {
    background-image: url(/images/starsquest/brd-chest.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.nbtn1,.nbtn1 .lbl {
    background-image: url(/images/icon/bg-nbtn.png)
}

.iwm120 {
    width: 100%;
    max-width: 120px
}

.nbtn,.nbtn1 {
    max-width: 240px;
    min-width: 100px;
    text-decoration: none!important;
    color: #fff!important;
    font-size: 12px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap
}

.ich_key {
    margin-top: -9px
}

.nbtn1 {
    height: 54px;
    text-transform: uppercase;
    text-shadow: none;
    background-repeat: no-repeat
}

.nbtn1 .lbl {
    display: block;
    height: 34px;
    padding-top: 20px;
    background-repeat: no-repeat
}

.nbtn,.nbtn .lbl {
    background-image: url(/images/battle/bg-nbtn.png);
    background-repeat: no-repeat
}

.nbtn1 .ico {
    height: 38px;
    padding: 9px 0 7px 10px;
    text-transform: none
}

.nbtn1 .ico .txt {
    display: block;
    padding-top: 3px;
    margin-left: 43px
}

.nbtn,.unit_slot {
    display: inline-block;
    //zoom:1}

.nbtn1 .ico .txt.smpl {
    padding-top: 12px
}

.nbtn1.b_gray {
    background-position: 0 0
}

.nbtn1.b_gray .lbl {
    background-position: 100% -162px
}

.nbtn1.b_green {
    background-position: 0 -54px
}

.nbtn1.b_green .lbl {
    background-position: 100% -216px
}

.nbtn1.b_green2 {
    background-position: 0 -324px
}

.nbtn1.b_green2 .lbl {
    background-position: 100% -378px
}

.nbtn1.b_red {
    background-position: 0 -108px
}

.nbtn1.b_red .lbl {
    background-position: 100% -270px
}

.nbtn1 .glow {
    text-shadow: 0 1px 4px rgba(251,247,194,.3),0 -1px 4px rgba(251,247,194,.3),1px 0 4px rgba(251,247,194,.3),-1px 0 4px rgba(251,247,194,.3)
}

.nbtn {
    //display: inline;
    height: 54px;
    text-shadow: none
}

.nbtn .lbl {
    display: block;
    height: 42px;
    padding-top: 8px
}

.nbtn .ico {
    height: 42px;
    padding: 8px 0 7px 8px
}

.block_fight,.block_fight .bf_left,.block_fight .bf_right,.unit_slot {
    height: 160px;
    background-repeat: no-repeat
}

.nbtn .ico img {
    margin-right: -12px
}

.nbtn .txt {
    display: block;
    padding-top: 4px
}

.nbtn .txt.smpl {
    padding-top: 12px
}

.nbtn .ico .txt {
    margin-left: 35px
}

.nbtn .ico .txt img {
    margin-right: 0
}

.nbtn.b_grey {
    background-position: 0 0
}

.nbtn.b_grey .lbl {
    background-position: 100% -162px
}

.nbtn.b_green {
    background-position: 0 -54px
}

.nbtn.b_green .lbl {
    background-position: 100% -216px
}

.nbtn.b_red {
    text-transform: uppercase;
    background-position: 0 -108px
}

.nbtn.b_red .lbl {
    background-position: 100% -270px;
    text-shadow: 0 1px 4px rgba(251,247,194,.6),0 -1px 4px rgba(251,247,194,.6),1px 0 4px rgba(251,247,194,.6),-1px 0 4px rgba(251,247,194,.6)
}

.block_fight {
    margin: 5px;
    overflow: hidden;
    border: 1px solid #8c8d88;
    box-shadow: inset 0 0 0 1px #201512;
    text-align: center;
    font-size: 0;
    background-image: url(/images/battle/bg-fight.jpg);
    background-position: 74% 100%
}

.block_fight.king {
    background-image: url(/images/battle/bg-fight-king.jpg)
}

.block_fight.king_enemy {
    background-image: url(/images/battle/bg-fight-king-enemy.jpg)
}

.block_fight.coliseum {
    background-image: url(/images/battle/bg-coliseum.jpg)
}

.block_fight.altars {
    background-image: url(/images/battle/bg-altars.jpg)
}

.block_fight.ct {
    background-image: url(/images/battle/bg-ct.jpg)
}

.block_fight.duels {
    background-image: url(/images/battle/bg-duels.jpg)
}

.block_fight.valley {
    background-image: url(/images/battle/bg-valley.jpg)
}

.block_fight .bf_left {
    background-image: url(/images/battle/bg-fight-cr_l.png);
    background-position: 0 0
}

.block_fight .bf_right {
    background-image: url(/images/battle/bg-fight-cr_r.png);
    background-position: 100% 0
}

.unit_slot {
    width: 49%;
    //display: inline;
    text-align: left;
    background-position: 50% 100%
}

.unit_slot.s_enemy {
    text-align: right
}

.fprg {
    height: 3px;
    width: 108px;
    margin: 5px auto 2px;
    border: 1px solid #c90;
    background-color: #333;
    font-size: 0
}

.bf_info_l,.bf_info_r {
    width: 108px;
    margin: 0 auto;
    font-size: 12px;
    font-weight: 700
}

.fprg .rate {
    height: 3px;
    background-color: #393
}

.fprg .dmg {
    height: 3px;
    background-color: #933
}

.bf_info_r {
    text-align: left
}

.bf_info_l {
    text-align: right
}

.bf_rip {
    margin-top: 2px;
    font-size: 11px;
    font-weight: 700;
    text-align: center
}

.bf_rip img {
    vertical-align: bottom
}

.dragon_b,.share_box .shb_text {
    vertical-align: middle
}

.bf_skills {
    display: inline-block;
    //display: inline;
    //zoom:1;width: 24px;
    margin: 5px 0 0 5%
}

.s_enemy .bf_skills {
    margin: 5px 5% 0 0
}

.ff_icons {
    width: 108px;
    margin: 5px auto 2px
}

.fight_buttons {
    margin-top: 5px;
    font-size: 0;
    text-align: center
}

.fight_buttons .nbtn {
    width: 114px;
    margin: 0 3px 5px
}

.frame {
    background: url(/images/frame/bg-frame-top.png) 50% 0 no-repeat
}

.frame .wr1 {
    background: url(/images/frame/bg-frame-down.png) 50% 100% no-repeat
}

.frame .wr2 {
    background: url(/images/frame/bg-frame-left.png) repeat-y
}

.frame .wr3 {
    background: url(/images/frame/bg-frame-right.png) 100% 0 repeat-y
}

.frame .wr4 {
    background: url(/images/frame/bg-frame-top_left.png) no-repeat
}

.frame .wr5 {
    background: url(/images/frame/bg-frame-top_right.png) 100% 0 no-repeat
}

.frame .wr6 {
    background: url(/images/frame/bg-frame-btm_left.png) 0 100% no-repeat
}

.frame .wr7 {
    background: url(/images/frame/bg-frame-btm_right.png) 100% 100% no-repeat
}

.frame .f_sep {
    background: url(/images/frame/bg-frame-sep.png) 50% 0 no-repeat
}

.frame .swr1 {
    background: url(/images/frame/bg-frame-sep_left.png) no-repeat
}

.frame .swr2 {
    background: url(/images/frame/bg-frame-sep_right.png) 100% 0 no-repeat
}

.frame .f_ttl {
    padding: 15px 20px 0;
    text-align: right
}

.evd .f_ttl,.evd .rttl,.pennants,.share_box {
    text-align: center
}

.frame .f_pic_l {
    background: url(/images/frame/bg-frame-pic_left.png) 0 12px no-repeat
}

.frame .f_pic_r {
    background: url(/images/frame/bg-frame-pic_right.png) 100% 12px no-repeat
}

.frame .p_sep {
    padding: 15px 20px 10px
}

.tlist {
    width: 100%;
    padding: 0;
    margin: 5px 0;
    border-spacing: 0;
    background: url(/images/pennon/bg-table-sep.png) 50% 0 no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.tlist.sep tr {
    background: url(/images/pennon/bg-table-sep.png) 50% 100% no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain
}

.tlist.sep td {
    padding: 0 5px 3px
}

.pennants {
    margin: -6px 15px 0;
    font-size: 0
}

.pennon .p_text,.pennon .p_ttl {
    font-size: 10px;
    text-shadow: none;
    overflow: hidden
}

.pennon {
    width: 67px;
    margin: 0 auto
}

.pennon .p_ttl {
    height: 16px;
    padding-top: 6px
}

.pennon .p_ttl.line2 {
    height: 19px!important;
    padding-top: 6px!important;
    line-height: 9px
}

.pennon .p_text {
    padding-top: 2px
}

.pennon.p_green .p_text,.pennon.p_green .p_ttl {
    color: #68cd06
}

.pennon.p_blue .p_text,.pennon.p_blue .p_ttl {
    color: #7636fc
}

.pennon.p_red .p_text,.pennon.p_red .p_ttl {
    color: #d05606
}

.pennon .p_open {
    height: 90px
}

.pennon.p_green .p_open {
    background: url(/images/pennon/bg-pennon_small_green2.png) no-repeat
}

.pennon.p_blue .p_open {
    background: url(/images/pennon/bg-pennon_small_blue2.png) no-repeat
}

.pennon.p_red .p_open {
    background: url(/images/pennon/bg-pennon_small_red2.png) no-repeat
}

.pennon .p_close {
    height: 26px
}

.pennon.p_green .p_close {
    background: url(/images/pennon/bg-pennon_small_green.jpg) no-repeat
}

.pennon.p_blue .p_close {
    background: url(/images/pennon/bg-pennon_small_blue.jpg) no-repeat
}

.pennon.p_red .p_close {
    background: url(/images/pennon/bg-pennon_small_red.jpg) no-repeat
}

.pennon.p_green img {
    border: 1px solid #6a0
}

.pennon .p_ico {
    margin-top: 1px
}

.pennon .p_close .p_ico {
    display: none
}

.share_box {
    height: 50px;
    color: #999;
    background: no-repeat #222
}

.share_box .shb_end {
    height: 50px;
    background-position: 100% 0;
    background-repeat: no-repeat;
    line-height: 50px
}

.share_box .shb_text {
    display: inline-block;
    line-height: normal;
    margin-top: -3px;
    text-shadow: #000 -1px -1px 1px,#000 1px 1px 1px
}

.smount .sd_click,.smount .sd_enter {
    display: block;
    text-decoration: none!important
}

.share_box a {
    color: #db8def
}

.share_box.shb_pic_gold {
    background-image: url(/images/sharebox/pic-1-0.png)
}

.share_box.shb_pic_discount {
    background-image: url(/images/sharebox/pic-2-0.png)
}

.share_box.shb_pic_event,.share_box.shb_pic_experience {
    background-image: url(/images/sharebox/pic-3-0.png)
}

.share_box.shb_pic_gold .shb_end {
    background-image: url(/images/sharebox/pic-1-1.png)
}

.share_box.shb_pic_discount .shb_end {
    background-image: url(/images/sharebox/pic-2-1.png)
}

.share_box.shb_pic_event .shb_end,.share_box.shb_pic_experience .shb_end {
    background-image: url(/images/sharebox/pic-3-1.png)
}

.dot-line2 {
    border: 0;
    margin: 0;
    padding: 0;
    height: 0;
    font-size: 0;
    border-bottom: #333 dotted 1px
}

.smount {
    margin: 5px;
    position: relative
}

.smount .sdoor {
    width: 25%;
    position: absolute;
    top: 27%
}

.smount .sd_loot {
    position: absolute;
    left: 0;
    bottom: 0
}

.smount .sd1 {
    left: 0
}

.smount .sd2 {
    left: 25%
}

.smount .sd3 {
    left: 50%
}

.smount .sd4 {
    left: 75%
}

.smount .sd_enter {
    width: 41.2%;
    max-width: 56px;
    position: absolute;
    bottom: -36%;
    left: 29.4%
}

.smount .sd_click {
    width: 60%;
    height: 75%;
    position: absolute;
    top: 20%;
    left: 20%
}

.sframe {
    background: url(/images/mountain/bg-sframe_s1.png) repeat-x
}

.sframe .wr1 {
    background: url(/images/mountain/bg-sframe_s2.png) 100% 0 repeat-y
}

.sframe .wr2 {
    background: url(/images/mountain/bg-sframe_s3.png) 0 100% repeat-x
}

.sframe .wr3 {
    background: url(/images/mountain/bg-sframe_s4.png) repeat-y
}

.sframe .wr4 {
    background: url(/images/mountain/bg-sframe_c1.png) no-repeat
}

.sframe .wr5 {
    background: url(/images/mountain/bg-sframe_c2.png) 100% 0 no-repeat
}

.sframe .wr6 {
    background: url(/images/mountain/bg-sframe_c3.png) 100% 100% no-repeat
}

.sframe .wr7 {
    background: url(/images/mountain/bg-sframe_c4.png) 0 100% no-repeat;
    padding: 0 16px 16px
}

.sframe .sf_ttl {
    display: inline-block;
    //display: inline;
    //zoom:1;vertical-align: top;
    white-space: nowrap;
    color: #63d8ff;
    text-shadow: 1px 1px #0a1251;
    font-size: 14px;
    line-height: 1!important;
    background: url(/images/mountain/bg.png) #212121
}

.evd .reward .isep,.evd .rttl .item.free {
    display: none
}

.sframe .sft_l {
    background: url(/images/mountain/bg-sframe_t.png) no-repeat
}

.sframe .sft_r {
    padding: 0 25px;
    background: url(/images/mountain/bg-sframe_t.png) 100% -35px no-repeat
}

.evd .reward .item,.gerb {
    background-repeat: no-repeat
}

.gerb {
    width: 54px;
    height: 54px;
    background-position: 50% 50%
}

.evd .f_ttl table {
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0
}

.evd .stat_bar {
    max-width: 100%
}

.evd .rttl {
    font-size: 0
}

.evd .rttl .item {
    padding: 3px 0;
    font-size: 14px
}

.evd .reward {
    min-height: 50px;
    position: relative;
    overflow: hidden;
    text-align: left;
    font-size: 0
}

.evd .reward .i_left .idata,.evd .reward .i_right .idata {
    padding-left: 21px;
    padding-right: 40px
}

.evd .reward .item {
    padding: 5px 0;
    position: relative;
    z-index: 100;
    vertical-align: middle;
    font-size: 14px;
    background-position: 0 50%
}

.evd .reward .open {
    background-image: url(/images/icon/ok.png)
}

.evd .reward .lock {
    background-image: url(/images/icon/lock.png)
}

.evd .dot-line2 {
    margin: 5px -6px
}

.evd .rwN {
    width: 50px;
    height: 14px;
    padding: 16px 0 20px;
    margin-top: -25px;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    background: url(/images/icon/reward_n.png) 50% 50% no-repeat
}

.evd .p_sep {
    padding: 11px 16px 5px
}

.evd .rlist {
    padding: 5px 0
}

@media handheld,screen and (min-width: 100px) {
    .share_box.shb_pic_event {
        background-position:-20px 0
    }

    .share_box.shb_pic_discount {
        background-position: -27px 0
    }

    .share_box.shb_pic_gold {
        background-position: -23px 0
    }

    .share_box.shb_pic_event .shb_end {
        background-position: 130% 0
    }

    .share_box.shb_pic_discount .shb_end,.share_box.shb_pic_gold .shb_end {
        background-position: 160% 0
    }
}

@media handheld,screen and (min-width: 280px) {
    .share_box.shb_pic_event {
        background-position:-4px 0
    }

    .share_box.shb_pic_discount {
        background-position: -15px 0
    }

    .share_box.shb_pic_gold {
        background-position: -12px 0
    }

    .share_box.shb_pic_event .shb_end {
        background-position: 105% 0
    }

    .share_box.shb_pic_discount .shb_end,.share_box.shb_pic_gold .shb_end {
        background-position: 125% 0
    }

    .dragon_b {
        width: 120px
    }
}

@media handheld,screen and (min-width: 340px) {
    .share_box.shb_pic_event {
        background-position:0 0
    }

    .share_box.shb_pic_discount {
        background-position: -10px 0
    }

    .share_box.shb_pic_gold {
        background-position: -7px 0
    }

    .share_box.shb_pic_event .shb_end {
        background-position: 100% 0
    }

    .share_box.shb_pic_discount .shb_end,.share_box.shb_pic_gold .shb_end {
        background-position: 112% 0
    }
}

@media handheld,screen and (min-width: 375px) {
    .share_box.shb_pic_discount,.share_box.shb_pic_gold {
        background-position:0 0
    }

    .share_box.shb_pic_discount .shb_end,.share_box.shb_pic_gold .shb_end {
        background-position: 100% 0
    }
}

@media handheld,screen and (min-width: 320px) {
    .fight_buttons .nbtn {
        width:130px
    }

    .fight_buttons .nbtn .ico {
        padding-right: 15px
    }

    .pennants {
        margin: -6px 12px 0
    }

    .pennon {
        width: 95px
    }

    .pennon .p_ttl.line2 {
        height: 16px!important;
        padding-top: 6px!important;
        line-height: normal
    }

    .pennon .p_open {
        height: 86px
    }

    .pennon.p_green .p_open {
        background: url(/images/pennon/bg-pennon_medium_green2.png) no-repeat
    }

    .pennon.p_blue .p_open {
        background: url(/images/pennon/bg-pennon_medium_blue2.png) no-repeat
    }

    .pennon.p_red .p_open {
        background: url(/images/pennon/bg-pennon_medium_red2.png) no-repeat
    }

    .pennon.p_green .p_close {
        background: url(/images/pennon/bg-pennon_medium_green.jpg) no-repeat
    }

    .pennon.p_blue .p_close {
        background: url(/images/pennon/bg-pennon_medium_blue.jpg) no-repeat
    }

    .pennon.p_red .p_close {
        background: url(/images/pennon/bg-pennon_medium_red.jpg) no-repeat
    }

    .pennon .p_ico {
        margin-top: -1px
    }

    .dragon_b {
        width: 130px
    }

    .dragon_l {
        margin-right: 5px
    }

    .dragon_r {
        margin-left: 5px
    }
}

@media all and (min-width: 310px) {
    .evd .reward .i_left .idata,.evd .reward .i_right .idata {
        padding-left:27px;
        padding-right: 50px
    }

    .evd .reward .item {
        background-position: 0 50%
    }

    .evd .dot-line2 {
        margin: 5px -10px
    }

    .evd .p_sep {
        padding: 11px 20px 5px
    }
}

@media all and (min-width: 321px) {
    .evd .rttl .item,.evd .rttl .item.free {
        display:inline-block
    }

    .evd .rttl {
        font-size: 0;
        margin: 0 -15px
    }

    .evd .rttl .item {
        width: 49%;
        vertical-align: middle
    }

    .evd .rttl .item img.lock {
        display: none
    }

    .evd .reward .item {
        display: inline-block;
        width: 49%
    }

    .evd .reward .isep {
        display: inline-block;
        width: 1%;
        min-height: 50px;
        vertical-align: middle;
        font-size: 0
    }

    .evd .reward .i_left .idata {
        padding-left: 2px;
        padding-right: 15px
    }

    .evd .reward .i_left.open .idata {
        padding-left: 20px;
        padding-right: 15px
    }

    .evd .reward .i_right .idata {
        padding-left: 42px;
        padding-right: 0
    }

    .evd .reward .i_right.lock .idata,.evd .reward .i_right.open .idata {
        padding-left: 51px
    }

    .evd .reward .i_right {
        background-position: 31px 50%
    }

    .evd .rwN {
        right: 50%;
        margin-right: -25px
    }

    .evd .rlist {
        background: url(/images/icon/rlist.png) 49.9% 0 repeat-y
    }

    .evd .p_sep {
        padding: 11px 10px 5px 15px
    }

    .evd .dot-line2 {
        margin: 5px 0 5px -5px
    }
}

@media all and (min-width: 360px) {
    .evd .reward .i_left .idata {
        padding-left:2px;
        padding-right: 20px
    }

    .evd .reward .i_left.open .idata {
        padding-left: 22px;
        padding-right: 20px
    }

    .evd .reward .i_right .idata {
        padding-left: 46px;
        padding-right: 0
    }

    .evd .reward .i_right.lock .idata,.evd .reward .i_right.open .idata {
        padding-left: 55px
    }

    .evd .reward .i_right {
        background-position: 33px 50%
    }

    .evd .p_sep {
        padding: 11px 10px 5px 18px
    }

    .evd .dot-line2 {
        margin: 5px 0 5px -8px
    }
}

@media all and (min-width: 375px) {
    .evd .reward .i_left .idata {
        padding-left:2px;
        padding-right: 20px
    }

    .evd .reward .i_left.open .idata {
        padding-left: 22px;
        padding-right: 20px
    }

    .evd .reward .i_right .idata {
        padding-left: 47px;
        padding-right: 0
    }

    .evd .reward .i_right.lock .idata,.evd .reward .i_right.open .idata {
        padding-left: 58px
    }

    .evd .reward .i_right {
        background-position: 35px 50%
    }

    .evd .p_sep {
        padding: 11px 10px 5px 20px
    }

    .evd .dot-line2 {
        margin: 5px 0 5px -10px
    }
}

@media all and (min-width: 410px) {
    .evd .p_sep {
        padding:11px 15px 5px 20px
    }

    .evd .dot-line2 {
        margin: 5px -5px 5px -10px
    }

    .evd .reward .i_right {
        background-position: 37px 50%
    }

    .evd .reward .i_left .idata {
        padding-left: 5px;
        padding-right: 20px
    }

    .evd .reward .i_left.open .idata {
        padding-left: 26px;
        padding-right: 20px
    }

    .evd .reward .i_right .idata {
        padding-left: 56px;
        padding-right: 0
    }

    .evd .reward .i_right.lock .idata,.evd .reward .i_right.open .idata {
        padding-left: 63px;
        padding-right: 0
    }
}

@media all and (min-width: 460px) {
    .evd .p_sep {
        padding:11px 20px 5px 22px
    }

    .evd .dot-line2 {
        margin: 5px -10px 5px -12px
    }

    .evd .reward .i_left .idata {
        padding-left: 10px;
        padding-right: 20px
    }

    .evd .reward .i_right .idata {
        padding-left: 63px;
        padding-right: 0
    }
}

@media handheld,screen and (min-width: 360px) {
    .dragon_l {
        margin-right:12px
    }

    .dragon_r {
        margin-left: 12px
    }
}

@media handheld,screen and (min-width: 380px) {
    .pennon {
        padding:0 9px;
        background: url(/images/pennon/bg-pennon_large.png) no-repeat
    }
}

@media handheld,screen and (min-width: 400px) {
    .bf_skills {
        margin-left:10%
    }

    .s_enemy .bf_skills {
        margin-right: 10%
    }

    .fight_buttons .nbtn {
        width: 126px
    }

    .dragon_b {
        width: 140px
    }
}

@media handheld,screen and (min-width: 460px) {
    .bf_skills {
        margin-left:15%
    }

    .s_enemy .bf_skills {
        margin-right: 15%
    }

    .fight_buttons .nbtn {
        width: 130px;
        margin: 0 5px 10px
    }

    .dragon_b {
        width: 150px
    }

    .dragon_l {
        margin-right: 15px
    }

    .dragon_r {
        margin-left: 15px
    }
}
