html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: outside none none;
}
blockquote, q {
    quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: none;
}
a {
    cursor: pointer;
    text-decoration: none !important;
    color: inherit;
}
a.link{
    color: #3f94d5;
    font-weight: 600;
}
button{
    cursor:pointer;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clear {
    clear: both;
}
a:hover{}
a.no_hover:hover{
    color:inherit;
}
textarea:focus, input:focus, button:focus{
    outline: none;
}
:focus{
    outline:none;
}
::-webkit-scrollbar {
    width: 8px;
    display:none;
}
::-webkit-scrollbar-button {
    width: 8px;
    height:5px;
}
::-webkit-scrollbar-track {
    background:#333;
    border: thin solid #333;
    border-radius:10px;
}
::-webkit-scrollbar-thumb {
    background:#878787;
    border: thin solid #333;
    border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
    background:#878787;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins.woff') format('woff'), url('../fonts/Poppins.ttf')  format('truetype'), url('../fonts/Poppins.svg#Poppins') format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/PoppinsMedium.eot?#iefix') format('embedded-opentype'),url('../fonts/PoppinsMedium.woff') format('woff'), url('../fonts/PoppinsMedium.ttf')  format('truetype'), url('../fonts/PoppinsMedium.svg#PoppinsMedium') format('svg');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/PoppinsSemiBold.eot?#iefix') format('embedded-opentype'),url('../fonts/PoppinsSemiBold.woff') format('woff'), url('../fonts/PoppinsSemiBold.ttf')  format('truetype'), url('../fonts/PoppinsSemiBold.svg#PoppinsSemiBold') format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/PoppinsBold.eot?#iefix') format('embedded-opentype'),url('../fonts/PoppinsBold.woff') format('woff'), url('../fonts/PoppinsBold.ttf')  format('truetype'), url('../fonts/PoppinsBold.svg#PoppinsBold') format('svg');
  font-weight: 800;
  font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src:  url('../fonts/Montserrat-Medium.woff2')  format('woff2'), url('../fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src:  url('../fonts/Montserrat-Regular.woff2')  format('woff2'), url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src:  url('../fonts/Montserrat-SemiBold.woff2')  format('woff2'), url('../fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src:  url('../fonts/Montserrat-Bold.woff2')  format('woff2'), url('../fonts/Montserrat-Bold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Marujo';
    src:  url('../fonts/Marujo.woff2')  format('woff2'), url('../fonts/Marujo.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Marujo';
    src:  url('../fonts/MarujoBold.woff2')  format('woff2'), url('../fonts/MarujoBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
body svg{
    font-size:inherit;
}
.body_set{
    height: calc(100% - 14px);
    width: calc(100% - 14px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: white;
    z-index: -2;
    filter: blur(6px);
}
.body_set_1{
    background-color: white;
}
.body_set_2{
    background-color: #2ecc71;
}
.body_set_3{
    background-color: #3498db;
}
.body_set_4{
    background-color: #c63aff;
}
.body_set_5{
    background-color: #c63aff;
}
.body_set_6{
    background-color: #ff5151;
}
.treasure_1{
    color:white !important;
}
.treasure_2{
    color:#2ecc71 !important;
}
.treasure_3{
    color:#3498db !important;
}
.treasure_4{
    color: #c63aff !important;
}
.treasure_5{
    color:#f39c12 !important;
}
.treasure_6{
    color:#ff5151 !important;
}
.grecaptcha-badge{
    display:none !important;
}
#global_message{
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 6;
    transform: translate(-50%,-50%);
    text-align: center;
    max-width: 100%;
    width: 100%;
    padding: 20px;
    display:none;
    filter: blur(0px);
}
#global_message .background{
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0.2;
    display: none;
}
#global_message img{max-width: 100%;margin-bottom: 20px;max-height: 250px;border-radius: 10px;}
#global_message .text{
}
#global_message p{
    font-size: 17px;
    font-weight: 600;
    line-height: 35px;
    border-radius: 5px;
    background-color: #1d160e;
    padding: 13px 20px;
    display: inline;
    border: 3px solid #dcc18d;
    color: white;
}
#global_message button{
    font-size: 17px;
    font-weight: 600;
    line-height: 33px;
    border-radius: 5px;
    border: #f0564a 2px solid;
    color: #f0564a;
    background-color: white;
    margin-top: 20px;
}
#global_message.active{
  animation-name: global_message_show;
  animation-duration: 0.5s;
  filter: blur(0px);
}
@keyframes global_message_show {
  from {filter: blur(10px);}
  to {filter: blur(0px);}
}
#count_down_div{
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: #f0564a;
    padding: 5px 15px;
    font-size: 17px;
    color: white;
    border-radius: 5px;
    display:none;
    z-index: 15;
}
.activity_count_down{font-size: 50px;color: white;font-weight: 700;text-shadow: 2px 2px 2px black;display: none;}
.reward_item_div{
    padding: 10px;
    height: 90px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    border-radius: 10px;
    z-index: 2;
}
.reward_item_div h5{
    color: #f7eb56;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
}
.reward_item_div::after{
    content:"";
    background-color: #000;
    width:100%;
    height:100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: -1;
    border-radius: 10px;
    opacity: 0.8;
}
.reward_item_div ul{
}
.reward_item_div ul li{
    width: 50px;
    text-align: center;
    float: left;
    margin: 0 10px;
}
.reward_item_div ul li img{
    height: 50px;
}
.reward_item_div ul li .amount{
    background-color: #f7eb56;
    text-align: center;
    padding: 0 5px;
    border-radius: 25px;
    font-size: 14px;
    box-shadow: 1px 1px 1px 0px #b7b7b7;
}
#battle_ready{
    position: absolute;
    transform: translate(-50%);
    left: 50%;
    bottom: 7%;
    padding-bottom: 120px;
}
#battle_ready .button{
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: auto;
}
#battle_ready.solobo5{
    bottom: 7%;
}
#battle_ready.solobo5 .battle_ready{
    width: 700px;
    zoom: 0.8;
}
#battle_ready.solobo5 .battle_ready .standing{
    float:left;
    margin: 0 5px;
}
#battle_ready.onevone .battle_ready{
    width: 520px;
    zoom: 0.9;
}
#battle_ready.onevone .battle_ready .standing{
    float:left;
}
#battle_ready.onevone .battle_ready .standing#battle_ready_1{
    margin: 0 195px;
    margin-bottom: 20px;
}
#battle_ready.guild_fight{
    bottom: 7%;
    padding: 0;
}
#battle_ready.guild_fight .battle_ready{
    width: 750px;
    zoom: 0.8;
}
#battle_ready.guild_fight .battle_ready .standing{
    float:left;
    margin: 145px 10px 0px;
}
#battle_ready.guild_fight.show{bottom: 15%;}
#battle_ready.guild_fight.show .battle_ready{
    zoom: 0.65;
    width: 751px;
}
#battle_ready.guild_fight.show .battle_ready .standing{margin-top: 40px;}
#battle_ready.fivevfive{
    bottom: 7%;
}
#battle_ready.fivevfive .battle_ready{
    width: 390px;
    zoom: 0.9;
}
#battle_ready.fivevfive .battle_ready .standing{
    float:left;
}
#battle_ready.fivevfive .battle_ready .standing#battle_ready_1{
    margin-left: 60px;
}
.battle_ready .standing{
    position: relative;
    cursor: pointer;
}
.battle_ready .standing .avatar{
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 34px;
}
.battle_ready .control{
    position: absolute;
    bottom: 0;
    height: 32px;
    width: 32px;
    background-color: #984300;
    color: white;
    font-size: 19px;
    border-radius: 150px;
    text-align: center;
    cursor: pointer;
    border: 3px solid white;
}
.battle_ready .control.user{
    position: absolute;
    bottom: 0;
    border-radius: 150px;
}
.battle_ready .control svg{
}
.battle_ready .control.info{
    left: 50%;
    transform: translate(-50%,0);
}
.battle_ready .control.remove{
    right: 0;
}
.battle_ready .standing .stand{width: 130px;}
body::after{
    content:'';
    filter: blur(12px);
    background: url('../img/background/home_background.jpg');
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}
body .content .close{
    position: absolute;
    right: -20px;
    top: -20px;
    background-color: #9C7A54;
    height: 50px;
    width: 50px;
    font-size: 40px;
    border-radius: 150px;
    cursor: pointer;
    color: #F5ECE1;
}
.guide_button{
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: #d72503;
    width: 35px;
    height: 35px;
    cursor: pointer;
    border-radius: 150px;
    color: white;
    font-size: 17px;
    z-index: 2;
    box-shadow: 0px 0px 1px 1px #626262;
}
.guide_button svg{}
.text_title{
    text-transform: uppercase;
    color: white;
}
.button_center_svg{
    height: 30px;
    position: absolute;
    width: 30px;
    background-color: #a37e51;
    color: white;
    border-radius: 150px;
    font-size: 25px;
    cursor: pointer;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
}
.button_center_svg.show{
    background-color: transparent;
    color: #787878;
}
.button_center_svg.hide{
    display:none;
}
.button_center_svg svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.pokemon_battle_emulator .standing{position: relative;width: 210px;cursor: pointer;height: 200px;}
.pokemon_battle_emulator .standing .stand{
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%);
    z-index: -1;
    width: 130px;
}
.pokemon_battle_emulator .standing .effect{
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translate(-50%);
    bottom: 20px;
    opacity:0;
}
.pokemon_battle_emulator .standing .avatar{
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 33px;
}
.pokemon_battle_emulator .standing .avatar.attack{
     -webkit-animation-name: attack;
     -webkit-animation-duration: 0.4s;
}
.pokemon_battle_emulator .standing .avatar.attacked{
     -webkit-animation-name: attacked;
     -webkit-animation-duration: 0.4s;
}
.pokemon_battle_emulator .standing .effect.show{
     -webkit-animation-name: effect;
     -webkit-animation-duration: 0.8s;
}
@-webkit-keyframes attacked {
  0% {
    filter: brightness(1);
    margin-left: 0px;
    margin-bottom: 0px;
  }
  25% {
    filter: brightness(1.5);
    margin-left: -1px;
    margin-bottom: -1px;
  }
  75% {
    filter: brightness(1.5);
    margin-left: 1px;
    margin-bottom: 1px;
  }
  100% {
    filter: brightness(1);
    margin-left: 0px;
    margin-bottom: 0px;
  }
}

@-webkit-keyframes effect {
  0% {
    opacity:1;
  }
  99% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
@-webkit-keyframes attack {
  0% {
    bottom: 33px;
  }
  50% {
    bottom: 45px;
  }
  100% {
    bottom: 33px;  
  }
}
.pokemon_list{
    width: 100%;
}
.pokemon_list ul.main{
}
.pokemon_list ul.main.twenty{
    padding: 0 10%;
}
.pokemon_list ul.main.twenty li.main{
    zoom: 0.45 !important;
    width: 18%;
}
.pokemon_list ul.main.twenty li.main .name{display:none}
.pokemon_list ul.main.twenty li.main .cp{display:none}
.pokemon_list ul.main.twenty li.main .element{display:none}
.pokemon_list ul.main.twenty li.main .info .level{
    font-size: 27px;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
    font-weight: 700;
}
.pokemon_list ul.main.twenty li.main:nth-child(4){
    margin:0 !important;
}
.pokemon_list ul.main.fivevfive{}
.pokemon_list ul.main li.main .lock{
    color: white;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 23px;
    opacity: 0.7;
}
.pokemon_list ul.main li.main .lock svg{}
.pokemon_list ul.main li.main{
    width: 31%;
    position: relative;
    margin: 0 1%;
    text-align: center;
    float: left;
    cursor: pointer;
    height: 185px;
}
.pokemon_list ul.main li.main .avatar{
    margin-bottom: 4px;
    position: absolute;
    bottom: 60px;
    left: 50%;
    transform: translate(-50%);
    max-height: 140px;
    z-index: 2;
}
.pokemon_list ul.main li.main .info {position: absolute;height: 65px;padding: 0;text-align: left;z-index: 1;bottom: 0;width: auto;left: 50%;transform: translate(-50%);}
.pokemon_list ul.main li.main .info .name{color: #1D69C3;position: absolute;top: 20%;left: 23px;font-size: 13px;font-weight: 800;}
.pokemon_list ul.main li.main .info .cp{
    position: absolute;
    bottom: 10px;
    left: 23px;
    font-size: 88%;
    color: #333;
    font-weight: 700;
}
.pokemon_list ul.main li.main .info .level{
    position: absolute;
    right: 10px;
    top: 13px;
    font-weight: 600;
    font-size: 85%;
}

.pokemon_list ul.main li.main .info .element{
    position: absolute;
    right: 13px;
    bottom: 4px;
}
.pokemon_list ul.main li.main .info .element ul{}
.pokemon_list ul.main li.main .info .element ul li{
    float: left;
    margin-left: 3px;
}
.pokemon_list ul.main li.main .info .element ul li img{
    height: 22px;
}
.pokemon_list ul.main li.main .main_info{
}
.pokemon_list ul.main li.main .info .frame{
    height: 100%;
    z-index: -1;
}
.bar_div{
    width: 100%;
    height: 10px;
    display: inline-block;
    background-color: #1C1C1C99;
    border-radius: 140px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    position: relative;
    border: 1px solid #1C1C1C99;
}
.bar_div .bar{background-color: #FCD95F;border-radius: 150px;width: 50%;color: white;font-weight: 500;font-size: 12px;max-width: 100%;text-align: center;height: 100%;transition: 0.5s;}
.bar_div span{
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
}
body header{position: absolute;top: 10px;height: 50px;width: 100%;padding: 20px 0;}
body header.pokemon_training{}
body header.pokemon_training .right p{
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 20%;
    font-size: 22px;
    width: 90px;
    color: white;
}
body header.pokemon_training .right{
    cursor: pointer;
    width: 78px;
    text-align: center;
    height: 90px;
    font-weight: 800;
}
body header.pokemon_training .right img{
    height: 100%;
    margin-top: -6px;
}
body header .mini_popup.event_icon{
    left: 0px;
    top: 100px;
}
body header .mini_popup.event_icon img{
}
body header .mini_popup{
    position: absolute;
    right: 0;
    top: 80px;
    cursor: pointer;
    text-align: center;
}
body header .mini_popup img{
    height: 90px;
    float: none;
}
body header .mini_popup p{
    text-align: center;
    font-size: 16px;
    background-color: white;
    padding: 5 10px;
    border-radius: 150px;
    font-weight: 700;
}
body header .floor_curent{
    background: url(../img/icon/training_floor.png);
    height: 40px;
    width: 124px;
    background-size: cover;
    font-size: 22px;
    color: #603B1A;
    font-weight: 800;
}
body header .floor_curent p{
}
body header .middle{
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}
body header .middle .pokemon_arena_rule{
    height: 50px;
    padding: 0 5px;
    background-color: white;
    border-radius: 150px;
    cursor: pointer;
    box-shadow: 1px 1px 1px #8b8b8b;
}
body header .middle .pokemon_arena_rule.champion{}
body header .middle .pokemon_arena_rule.champion p{
}
body header .middle .pokemon_arena_rule p{
    line-height:50px;
    padding: 0 5px;
    color: #333;
    font-weight: 700;
    font-size: 22px;
}
body header .middle .pokemon_arena_rule .format{
    text-align: center;
    float: left;
    line-height: 40px;
    margin: 5px 0;
}
body header .middle .pokemon_arena_rule img{
    height: 35px;
    margin: 8px 3px;
}
body header .middle .pokemon_training{}
body header .right select{
    float: right;
    height: 50px;
    padding: 0 8px;
    background-color: white;
    border-radius: 150px;
    font-size: 18px;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    box-shadow: 1px 1px 1px #8b8b8b;
}
body header .right .guild_create{
    background: #1b1b1b;
    border: 3px solid #ffffff;
    padding: 0 20px;
    color: #ffffff;
    font-size: 22px;
    border-radius: 67px;
    line-height: 46px;
    margin: 7px 10px;
}
body header .right .mini_item{
    float: right;
    position: relative;
    text-align: center;
    cursor: pointer;
    margin-left: 10px;
    padding: 0 5px;
}
body header .right .mini_item img{}
body header .right .mini_item p{
    position: absolute;
    bottom: 0px;
    background-color: white;
    min-width: 40px;
    padding: 0 5px;
    font-size: 12px;
    left: 50%;
    border-radius: 10px;
    transform: translate(-50%);
}
body header .right .poke_coin{
    width: 185px;
    float: right;
    position: relative;
    text-align: center;
    cursor: pointer;
    margin-left: 5px;
}
body header .right .poke_coin svg{
    position: absolute;
    top: 50%;
    margin: 0;
    height: 30px;
    left: 5px;
    transform: translate(0,-50%);
    color: #333;
    font-size: 35px;
}
body header.pokemon_list .right{
    width:auto;
}
body header.pokemon_list .right .item{
    float: left;
}
body header.pokemon_list .right .item .button_no{
    line-height: 18px;
    font-weight: 700;
    margin-top: 0;
    font-size: 15px;
    height: 60px;
    width: 60px;
    /* color: #ffffff; */
    border-radius: 150px;
    text-align: center;
    position: relative;
    font-family: inherit;
}
body header.pokemon_list .right .item .button_no.active{
    color: #333;
    background-color: #ffffff;
}
body header .right .poke_coin img{position: absolute;right: 0;top: -5px;}
body header .right .poke_coin p{
    padding-right: 55px;
    padding-left: 26px;
    line-height: 52px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}
body header .right .poke_coin .first_topup_tag{
    background-color: f0564a;
    color: white;
    font-weight: 700;
    line-height: 30px;
    font-size: 16px;
    border-radius: 150px;
    padding: 0 5px;
    position: absolute;
    right: -10px;
    top: -10px;
    display:none;
}
body header .right .poke_coin::after{
    content:"";
    background-color: white;
    width: calc(100% - 10px);
    top: 6px;
    right: 10px;
    height: 40px;
    position: absolute;
    z-index: -1;
    border-radius: 150px;
}
body header img{
    height: 60px;
}
body header .item{
    cursor:pointer;
    float: left;
    margin-left: 10px;
}
body header .middle p{
}
body header .left{
    position: absolute;
    z-index: 2;
    left: 20px;
}
body header .left .avatar{
}
body header .right{
    position: absolute;
    z-index: 2;
    right: 20px;
}
body header .profile{
    float: left;
}
body header .profile .avatar{
    border-radius: 150px;
    border: 3px solid white;
    width: 70px;
    box-shadow: 1px 1px 5px -2px black;
    height: 70px;
}
body header .profile .info{
    height: 40px;
    width: 200px;
    background-color: white;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    z-index: -1;
    left: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 150px;
    box-shadow: 1px 1px 5px -1px black;
}
body header .profile .info .name{
    font-size: 16px;
    padding-left: 25px;
    font-weight: 700;
}
body header .profile .info .level{
    height: 42px;
    width: 42px;
    background-color: #FFB500;
    position: absolute;
    right: 4px;
    top: 4px;
    border-radius: 150px;
}
body header .profile .info .level p{
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 16px;
    color: white;
    text-shadow: 0 0 3px #984300, 0 0 3px #984300, 0 0 3px #984300, 0 0 3px #984300;
}
body header .profile .icon{
    border-radius: 150px;
    height: 60px;
    cursor: pointer;
}
body header .icon_button .icon{
    height: 60px;
    cursor: pointer;
}
body header .icon_button {
    float: left;
    margin-right: 10px;
}
body header svg{
}
body header .menu.white svg{
    color:white;
}
body{
    background-color: #333;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.div_middle{
    width: calc(100vh*0.7);
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
body .pokemon_quest_ads_screen{
    width: 80%;
}
body .pokemon_quest_ads_screen .banner{
    width: 100%;
    margin-bottom: 40px;
}
body .pokemon_quest_ads_screen .reward_time{color: white;font-size: 20px;margin-top: 15px;}
body .pokemon_quest_ads_screen .reward_receive{
    border-radius: 150px;
    line-height: 66px;
    position: relative;
    padding: 5px;
    width: 190px;
    margin: 0 auto;
    cursor: pointer;
}
body .pokemon_quest_ads_screen .reward_receive .item{
    position: absolute;
}
body .pokemon_quest_ads_screen .reward_receive .take{
    float: right;
    text-align: left;
    font-size: 22px;
    line-height: 66px;
    border-radius: 10px;
    width: 100px;
    text-align: center;
    margin-top: 0;
}
body .lucky_wheel_screen{}
body .lucky_wheel_screen .skip{
    position: absolute;
    bottom: 7%;
    left: 50%;
    transform: translate(-50%,0);
    text-align: center;
    background-color: #333;
    color: white;
    font-size: 19px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 150px;
    text-transform: uppercase;
    cursor: pointer;
}
body .lucky_wheel_screen .skip .fa-check-square{
    display:none
}
body .lucky_wheel_screen .skip.active .fa-check-square{
    display:inherit
}
body .lucky_wheel_screen .skip.active .fa-square{
    display:none
}
body .lucky_wheel_screen .skip.active{
    color:#ffd400;
}
body .lucky_wheel_screen .skip svg{}
body .lucky_wheel_screen .wheel{
    width: 500px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 50px;
}
body .lucky_wheel_screen .wheel .center_tag{left: calc(50% + 2px);top: calc(47% + -1px);}
body .lucky_wheel_screen .wheel .center_tag img{
    height: 100px;
}
body .lucky_wheel_screen .wheel .top_tag{
    position: absolute;
    top: -31%;
    left: calc( 50% + 2px);
    transform: translate(-50%,0);
}
body .lucky_wheel_screen .wheel .top_tag img{}
body .lucky_wheel_screen .button_div{}
body .lucky_wheel_screen .button_div button{width: 28%;margin: 0 2%;}
body .lucky_wheel_screen .button_div .currency{
    position: absolute;
    text-align: center;
    width: 100%;
    margin-top: 10px;
}
body .lucky_wheel_screen .button_div .currency p{padding-right: 40px;color: white;text-shadow: 2px 1px 1px black;font-weight: 700;}
body .lucky_wheel_screen .button_div .currency img{
    height: 50px;
    position: absolute;
    top: 0;
}
body .tutorial_screen{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000000bf;
    z-index: 9;
    display: none;
}
body .tutorial_screen .text{
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%);
    color: white;
    font-size: 28px;
    width: 80%;
    font-family: 'Montserrat';
    font-weight: 700;
    text-shadow: 2px 2px 1px black;
    line-height: 45px;
}
body .tutorial_screen .text p{
    text-align: center;
}
body .tutorial_screen .tutorial_icon{
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: -70px;
    height: 70px;
}
body .tutorial_screen .icon{
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: pointer;
}
body .content{
    position: relative;
    height: calc(100% - 100px);
    z-index: 1;
    padding-top: 100px;
}
body .content .pokemon_treasure_find_screen{}
body .content .pokemon_treasure_find_screen .detail{
    padding: 0 10%;
    margin-top: 20px;
}
body .content .pokemon_treasure_find_screen .detail .menu{
    color: white;
}
body .content .pokemon_treasure_find_screen .detail .menu ul{}
body .content .pokemon_treasure_find_screen .detail .menu ul li.active{
    background-color: white;
    color: #333;
}
body .content .pokemon_treasure_find_screen .detail .menu ul li{
    float: left;
    line-height: 30px;
    padding: 10px 20px;
    color:white;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
}
body .content .pokemon_treasure_find_screen .detail .reward_div{}
body .content .pokemon_treasure_find_screen .detail .reward_div #find_time{
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
}
body .content .pokemon_treasure_find_screen .detail .reward_div .reward{padding-top: 40px;}
body .content .pokemon_treasure_find_screen .detail .reward_div .reward li{
    float: left;
    position: relative;
    margin: 0 20px 20px 0;
}
body .content .pokemon_treasure_find_screen .detail .history_div{}
body .content .pokemon_treasure_find_screen .detail .history_div table{width: 100%;}
body .content .pokemon_treasure_find_screen .detail .history_div table tr{}
body .content .pokemon_treasure_find_screen .detail .history_div table tr td{
    line-height: 30px;
}
body .content .pokemon_treasure_find_screen .detail .history_div table tr td:nth-child(2){
    text-align: right;
}
body .content .pokemon_treasure_find_screen .detail .history_div table tr td a{
    font-weight: 800;
}
body .content .pokemon_treasure_find_screen .detail .child_div{
    background-color: white;
    width: calc(100% - 30px);
    min-height: 290px;
    padding: 15px;
    border-top: 2px solid;
    border-radius: 0 10px 10px 10px;
    position: relative;
}
body .content .battle_field_screen{}
body .content .battle_field_screen .player_list{
    height: 35%;
    overflow: auto;
    position: absolute;
    top: 100px;
    width: 100%;
}
body .content .battle_field_screen .player_list ul{}
body .content .battle_field_screen .player_list ul li{
    cursor: pointer;
    float: left;
    width: calc(20% - 30px);
    text-align: center;
    margin: 15px;
    position: relative;
}
body .content .battle_field_screen .player_list ul li .avatar{
    height: 70px;
    border-radius: 150px;
    margin-bottom: 5px;
}
body .content .battle_field_screen .player_list ul li .info{
    background-color: white;
    line-height: 25px;
    position: relative;
    border-radius: 50px;
    font-weight: 700;
    font-size: 11px;
}
body .content .battle_field_screen .player_list ul li .icon{
    position: absolute;
    left: 64px;
    top: -11px;
    height: 35px;
}
body .content .battle_field_screen .player_list ul li .info .name{}
body .content .pokemon_quest_adv_screen {
    width: 100%;
    padding-left: 0px;
}
body .content .pokemon_quest_adv_screen ul{}
body .content .pokemon_quest_adv_screen ul li{
    width: calc(100% - 50px);
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px;
}
body .content .pokemon_quest_adv_screen ul li .quest_rare{
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translate(0,-50%);
    z-index: 2;
}
body .content .pokemon_quest_adv_screen ul li .quest_rare img{}
body .content .pokemon_quest_adv_screen ul li .quest_info{
    float: left;
    width: calc(100% - 115px);
    height: 97px;
    background: url('../img/quest_adv/background.png');
    background-size: 100% 100%;
    position: relative;
}
body .content .pokemon_quest_adv_screen ul li .quest_info .reward{
    width: 100px;
    background-color: 242321;
    border-radius: 10px;
    height: 70px;
    margin-left: 55px;
    margin-top: 10px;
    float: left;
    padding: 0 5px;
}
body .content .pokemon_quest_adv_screen ul li .quest_info .reward .item{
    float: left;
    width: 50px;
    text-align: center;
}
body .content .pokemon_quest_adv_screen ul li .quest_info .reward .item img{
    height: 40px;
    margin-top: 3px;
}
body .content .pokemon_quest_adv_screen ul li .quest_info .reward .item .amount{
    background-color: #f7eb56;
    text-align: center;
    padding: 0 5px;
    border-radius: 25px;
    width: 30px;
    margin: 0 auto;
    font-size: 13px;
    box-shadow: 1px 1px 1px 0px #b7b7b7;
}
body .content .pokemon_quest_adv_screen ul li .quest_control{
    position: absolute;
    width: 100px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
body .content .pokemon_quest_adv_screen ul li .quest_control button{
    width: 100%;
    height: 40px;
    background-color: #fbea7a;
    border: 0;
    border-radius: 7px;
    font-size: 20px;
    color: #333;
    box-shadow: 2px 2px 2px 0px #0000004d;
}
body .content .pokemon_quest_adv_screen ul li .quest_control .price{
    line-height: 50px;
    position: relative;
}
body .content .pokemon_quest_adv_screen ul li .quest_control .price p{
    text-align: center;
    padding-right: 20px;
    font-size: 22px;
    color: white;
    font-weight: 700;
    text-shadow: 2px 1px 1px black;
}
body .content .pokemon_quest_adv_screen ul li .quest_control .price img{
    position: absolute;
    height: 40px;
    right: 10px;
    top: 50%;
    transform: translate(0,-50%);
}
body .content .pokemon_quest_adv_screen ul li .rule{
    float: left;
    width: 100px;
    line-height: 22px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding: 25px 0;
    margin: 0 10px;
}
body .content .pokemon_quest_adv_screen ul li .rule p{}
body .content .pokemon_quest_adv_screen ul li .rule svg{}
body .content .pokemon_quest_adv_screen ul li .element{
    float: left;
    padding: 28px 0;
}
body .content .pokemon_quest_adv_screen ul li .element img{
    height: 40px;
}
body .content .pokemon_quest_adv_screen ul li .pokemon{
    float: left;
    position: absolute;
    width: 80px;
    height: 100%;
    margin-left: 20px;
    zoom: 0.8;
    right: 10px;
    cursor: pointer;
}
body .content .pokemon_quest_adv_screen ul li .pokemon .stand{
    position: absolute;
    left: 50%;
    width: 100px;
    bottom: 20px;
    transform: translate(-50%);
}
body .content .pokemon_quest_adv_screen ul li .pokemon .avatar{
    position: absolute;
    z-index: 2;
    bottom: 45px;
    left: 50%;
    transform: translate(-50%);
}
body .content .pokemon_question_screen{
    margin-bottom: 30px;
}
body .content .pokemon_question_screen .question{
    font-size: 30px;
    color: white;
    padding: 20px;
    text-align: center;
    line-height: 50px;
}
body .content .pokemon_question_screen .question p{}
body .content .pokemon_question_screen .question img.icon{
    height: 40px;
    vertical-align: middle;
    margin-top: -10px;
}
body .content .pokemon_question_screen .question img.pokemon{
    height: auto;
    margin: 0 15px 20px;
}
body .content .pokemon_question_screen .question span{
    color: #ffd400;
    font-weight: 800;
}
body .content .pokemon_question_screen .result{
    margin-top: 20px;
}
body .content .pokemon_question_screen .result ul{
    width: 100%;
}
body .content .pokemon_question_screen .result ul li.no_choice{
    filter: grayscale(1);
}
body .content .pokemon_question_screen .result ul li{
    width: calc(50% - 60px);
    margin: 0 30px;
    text-align: center;
    float: left;
    font-size: 25px;
    border-radius: 10px;
    padding: 15px 0px;
    background-color: #E74C3C;
    color: white;
    position: relative;
    cursor: pointer;
}
body .content .pokemon_question_screen .result ul li:first-child{
    margin-right: 20px;
    background-color: #27AE60;
}
body .content .pokemon_question_screen .result ul li p{
    font-weight: 800;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
body .content .pokemon_question_screen .result ul li span{}
body .content .pokemon_question_screen .result ul li .system_result{
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: -45px;
    color: #ffd400;
    display: none;
}
body .content .guild_screen{}
body .content .guild_screen .guild_home{}
body .content .guild_screen .guild_home .top{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
body .content .guild_screen .guild_home .top .guild_activity{
    position: absolute;
    width: 90%;
    top: 16%;
    padding: 0 5%;
    text-align: center;
}
body .content .guild_screen .guild_home .top .guild_activity ul{}
body .content .guild_screen .guild_home .top .guild_activity ul li{
    float: left;
    color: white;
    font-weight: 700;
    cursor: pointer;
    margin: 0 12px;
}
body .content .guild_screen .guild_home .top .guild_activity ul li .avatar{
    height: 80px;
    position: relative;
    width: 125px;
    margin: 0 auto;
    margin-bottom: 7px;
}
body .content .guild_screen .guild_home .top .guild_activity ul li .avatar .image{
    height: 100%;
    width: 100%;
}
body .content .guild_screen .guild_home .top .guild_activity ul li .avatar .frame{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
body .content .guild_screen .guild_home .top .guild_activity ul li .avatar img{
    height: 100px;
}
body .content .guild_screen .guild_home .top .guild_activity ul li p{
    font-size: 16px;
    text-transform: uppercase;
}
body .content .guild_screen .guild_home .top .guild_formation{
    position: absolute;
    left: 50%;
    bottom: 60px;
    transform: translate(-50% ,100%);
    cursor: pointer;
}
body .content .guild_screen .guild_home .top .guild_formation img{
    height: 220px;
}
body .content .guild_screen .guild_home .top .guild_list_button{
    position: absolute;
    bottom: -120px;
    right: 30px;
    cursor: pointer;
}
body .content .guild_screen .guild_home .top .guild_list_button img{
    height: 120px;
}
body .content .guild_screen .guild_home .top .guild_background{
}
body .content .guild_screen .guild_home .bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
body .content .guild_screen .guild_home .bottom .bottom_icon{
    position: absolute;
    z-index: 1;
    bottom: 8%;
    left: 0;
    cursor: pointer;
    width: 100%;
    height: 60px;
}
body .content .guild_screen .guild_home .bottom .bottom_icon .back{
    position: absolute;
    left: 15px;
}
body .content .guild_screen .guild_home .bottom .bottom_icon .exit{
    position: absolute;
    right: 15px;
}
body .content .guild_screen .guild_home .bottom .bottom_icon img{
    height: 60px;
}
body .content .guild_screen .guild_home .bottom .guild_name{
    position: absolute;
    bottom: 23%;
}
body .content .guild_screen .guild_home .bottom .guild_name p{
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    line-height: 40px;
    color: white;
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 800;
    background: linear-gradient(90deg,rgb(255 255 255) 0%,rgb(255 218 13) 50%,rgb(250 255 105) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
body .content .guild_screen .guild_home .bottom .guild_name img{
    width: 100%;
}
body .content .guild_screen .guild_home .bottom .bottom_menu{
    position: absolute;
    top: 0;
    width: 100%;
}
body .content .guild_screen .guild_home .bottom .bottom_menu .menu{
    position: absolute;
    top: 0px;
    cursor: pointer;
}
body .content .guild_screen .guild_home .bottom .bottom_menu .menu img{
    height: 250px;
}
body .content .guild_screen .guild_home .bottom .bottom_menu .manage_member{
    left: 10%;
}
body .content .guild_screen .guild_home .bottom .bottom_menu .manage_guild{
    right: 12%;
}
body .content .guild_screen .guild_home .bottom .guild_background{}
body .content .guild_screen .guild_home .guild_background{}
body .content .guild_screen .guild_home .guild_background img{
    height: auto;
    width: 100%;
}
body .content .guild_screen .guild_list{
    height: calc(100% - 50px);
    overflow: auto;
}
body .content .guild_screen .guild_list ul{
    padding: 0 30px;
}
body .content .guild_screen .guild_list ul li{
    padding: 15px;
    margin: 15px 0;
    background: url(../img/guild/guild_list_frame.png);
    background-size: 100% 100%;
    position: relative;
}
body .content .guild_screen .guild_list ul li .avatar{
    height: 66px;
    border-radius: 150px;
    border: 3px solid black;
    float: left;
    cursor: pointer;
}
body .content .guild_screen .guild_list ul li .info{
    float: left;
    color: white;
    margin-left: 15px;
    padding: 9px 0;
}
body .content .guild_screen .guild_list ul li .info .name{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 11px;
    cursor: pointer;
    color: #ffd400;
}
body .content .guild_screen .guild_list ul li .info .detail{
    font-size: 16px;
}
body .content .guild_screen .guild_list ul li .info .detail svg{
    margin-right: 4px;
    font-size: 15px;
}
body .content .guild_screen .guild_list ul li .info .detail span{
    margin-right: 10px;
}
body .content .guild_screen .guild_list ul li .join{
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translate(0,-50%);
}
body .content .guild_screen .guild_list ul li .join p{
    color:white;
    float: left;
    line-height: 50px;
    font-size: 20px;
}
body .content .guild_screen .guild_list ul li .join p svg{}
body .content .guild_screen .guild_list ul li .join button{
    font-size: 18px;
    font-weight: 600;
    font-family: inherit;
    padding: 10px;
    border-radius: 7px;
    cursor: pointer;
    border: 2px solid white;
    color: white;
    background: transparent;
    float: right;
    margin-left: 13px;
}
body .content .guild_screen .guild_list ul li button.waiting{
    color: #8f8f8f;
    border-color: #8f8f8f;
}
body .content .pokemon_arena_screen .battle_report , body .content .pokemon_arena_screen .death_battle_report{
    width: 84%;
    background-color: #1D1B16;
    z-index: 2;
    color: white;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #585858;
}
body .content .pokemon_arena_screen .death_battle_report{padding-bottom: 20px;}
body .content .pokemon_arena_screen .death_battle_report h5{
    text-transform: uppercase;
    margin-top: 20px;
}
body .content .pokemon_arena_screen .death_battle_report ul {
    padding: 0 10px;
    margin: 20px 0;
}
body .content .pokemon_arena_screen .death_battle_report ul li{
    line-height: 40px;
    font-size: 16px;
    margin: 20px 0;
}
body .content .pokemon_arena_screen .death_battle_report ul li .member{
    float: left;
    cursor: pointer;
}
body .content .pokemon_arena_screen .death_battle_report ul li .member .avatar{
    height: 40px;
    border-radius: 150px;
    float: left;
}
body .content .pokemon_arena_screen .death_battle_report ul li .member .name{
    float: left;
    margin-left: 10px;
    font-weight: 700;
}
body .content .pokemon_arena_screen .death_battle_report ul li .pokemon{
    float: right;
    background-color: #2c2c2c;
    border-radius: 150px;
    padding: 0 10px;
    cursor: pointer;
}
body .content .pokemon_arena_screen .death_battle_report ul li .pokemon .avatar{
    max-height: 30px;
    float: left;
}
body .content .pokemon_arena_screen .death_battle_report ul li .pokemon .name{
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    color: #ffd400;
    font-weight: 700;
}
body .content .pokemon_arena_screen .death_battle_report ul li .pokemon .cp{
    float: left;
}
body .content .pokemon_arena_screen .death_battle_report table{
    width: 100%;
    margin-top: 15px;
}
body .content .pokemon_arena_screen .death_battle_report .report_history{
    height: 370px;
    overflow: auto;
}
body .content .pokemon_arena_screen .death_battle_report table tr{}
body .content .pokemon_arena_screen .death_battle_report table tr td{
    padding: 0 10px;
    color: white;
    font-size: 17px;
    line-height: 35px;
}
body .content .pokemon_arena_screen .death_battle_report table tr td:last-child{
    text-align: right;
}
body .content .pokemon_arena_screen .death_battle_report table tr td a{
    color: #ffd400;
}
body .content .pokemon_arena_screen .battle_report .battle_history{
    text-align: left;
    padding: 15px 10px;
}
body .content .pokemon_arena_screen .battle_report .battle_history h5{
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: center;
}
body .content .pokemon_arena_screen .battle_report .battle_history table{
    width: 100%;
    color: white;
}
body .content .pokemon_arena_screen .battle_report .battle_history table tr{}
body .content .pokemon_arena_screen .battle_report .battle_history table tr td{
    font-size: 16px;
    line-height: 35px;
}
body .content .pokemon_arena_screen .attack{color: #27ae60;}
body .content .pokemon_arena_screen .defend{color: #2980b9;}
body .content .pokemon_arena_screen .score{color: #e74c3c;}
body .content .pokemon_arena_screen .battle_report .battle_history table tr td .score{
    color: #FFBE3F;
}
body .content .pokemon_arena_screen .battle_report .battle_history table tr td:nth-child(2){
    width: 55px;
    text-align: center;
}
body .content .pokemon_arena_screen .battle_report .battle_history table tr td:last-child{
    text-align: right;
    width: 120px;
}
body .content .pokemon_arena_screen .battle_report ul{}
body .content .pokemon_arena_screen .battle_report ul li:first-child{
    width: 100%;
    color: #FFBE3F;
}
body .content .pokemon_arena_screen .battle_report ul li .note{
    font-size: 15px;
    color: white;
    font-weight: 600;
    margin-top: 5px;
}
body .content .pokemon_arena_screen .battle_report ul li:nth-child(2){background-color: #58482F;}
body .content .pokemon_arena_screen .battle_report ul li:nth-child(3){background-color: #545440;}
body .content .pokemon_arena_screen .battle_report ul li{
    float: left;
    width: 46%;
    margin: 2%;
    font-size: 28px;
    padding: 15px 0;
    border-radius: 15px;
    color: white;
}
body .content .pokemon_arena_screen .battle_report ul li h5{
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
}
body .content .pokemon_arena_screen .battle_report ul li p{
    font-weight: 700;
}
body .content .pokemon_arena_screen .death_battle_content{
    padding: 0 5%;
    margin-top: 20px;
}
body .content .pokemon_arena_screen .death_battle_content .module{
    background-color: white;
    border-radius: 10px;
    padding: 15px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
    box-shadow: 1px 1px 1px #a5a5a5;
}
body .content .pokemon_arena_screen .death_battle_content .module.victory{}
body .content .pokemon_arena_screen .death_battle_content .module.victory h5{
    font-size: 17px;
}
body .content .pokemon_arena_screen .death_battle_content .module.victory .avatar{
    height: 100px;
    border-radius: 150px;
    cursor: pointer;
}
body .content .pokemon_arena_screen .death_battle_content .module.victory p.name{
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 17px;
    margin-top: 8px;
    cursor: pointer;
}
body .content .pokemon_arena_screen .death_battle_content .module.bet{
    background-color: transparent;
    box-shadow: none;
}
body .content .pokemon_arena_screen .death_battle_content .module.bet h5{
    color: white;
    font-size: 30px;
    margin-bottom: 40px;
    text-shadow: 1px 1px 1px black;
}
body .content .pokemon_arena_screen .death_battle_content .module.bet .bet_detail{}
body .content .pokemon_arena_screen .death_battle_content .module.bet .bet_detail .bet_profile{}
body .content .pokemon_arena_screen .death_battle_content .module.bet .bet_detail .bet_profile img{
    height: 100px;
    border-radius: 150px;
    border: 3px solid white;
    margin-bottom: 10px;
}
body .content .pokemon_arena_screen .death_battle_content .module.bet .bet_detail .bet_profile p{
    color: white;
    font-size: 18px;
    background-color: white;
    color: #333;
    width: 200px;
    line-height: 45px;
    border-radius: 150px;
    font-weight: 700;
}
body .content .pokemon_arena_screen .death_battle_content .module.bet .bet_detail .middle{
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}
body .content .pokemon_arena_screen .death_battle_content .module.bet .bet_detail .middle img{
    height: 100px;
}
body .content .pokemon_arena_screen .death_battle_content .module.bet .bet_detail .bet_profile.left{
    float: left;
}
body .content .pokemon_arena_screen .death_battle_content .module.bet .bet_detail .bet_profile.right{
    float: right;
}
body .content .pokemon_arena_screen .death_battle_content .module.bet .bet_detail .bet_bar{
    color: white;
    margin-top: 20px;
}
body .content .pokemon_arena_screen .death_battle_content .module.bet .bet_detail .bet_bar p{
    font-size: 18px;
    margin-bottom: 8px;
}
body .content .pokemon_arena_screen .death_battle_content .module.bet .bet_detail .bet_bar p span{
    padding: 0 10px;
}
body .content .pokemon_arena_screen .death_battle_content .module.bet .bet_detail .bet_bar p button{
    background-color: white;
    color: #333;
    border: 0;
    border-radius: 45px;
    line-height: 30px;
    width: 80px;
    font-size: 16px;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Montserrat';
}
body .content .pokemon_arena_screen .death_battle_content .module.bet .bet_detail .bet_bar p button.choose{
    background-color: #27ae60;
    color: white;
}
body .content .pokemon_arena_screen .death_battle_content .module.bet .bet_detail .bet_bar .left{
    float: left;
}
body .content .pokemon_arena_screen .death_battle_content .module.bet .bet_detail .bet_bar .right{
    float: right;
}
body .content .pokemon_arena_screen .death_battle_content .module.bet .bet_detail .bet_bar .bar_div{
    background-color: #e74c3c;
    height: 14px;
}
body .content .pokemon_arena_screen .death_battle_content .module.bet .bet_detail .bet_bar .bar_div .bar{
    background-color: #3498db;
}
body .content .pokemon_arena_screen .death_battle_content .module.history{}body .content .pokemon_arena_screen .death_battle_content .module.bet .bet_detail{}
body .content .pokemon_arena_screen .death_battle_content .module.history table{
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    text-align: right;
}
body .content .pokemon_arena_screen .death_battle_content .module.history .list{
    max-height: 500px;
    overflow:auto;
}
body .content .pokemon_arena_screen .death_battle_content .module.history table tr td{
    line-height: 40px;
}
body .content .pokemon_arena_screen .death_battle_content .module.history table tr td:first-child{
    text-align: left;
}
body .content .pokemon_arena_screen .death_battle_content .module.history table tr td a{
    color: #1d69c3;
    font-weight: 700;
}
body .content .pokemon_arena_screen .death_battle_content .module.history table tr td .time{
    color: grey;
    font-weight: 600;
}
body .content .pokemon_arena_screen .death_battle_content .module h5{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    color: #e74c3c;
    margin-bottom: 10px;
}
body .content .pokemon_arena_screen .death_battle_content .module p{
    font-size: 20px;
    font-weight: 600;
}
body .content .pokemon_arena_screen .death_battle_content .module p span{
    font-weight: 700;
}
body .content .pokemon_arena_screen .enemy_list{
    width: 80%;
    margin: 20px auto;
}
body .content .pokemon_arena_screen .enemy_list ul.main{}
body .content .pokemon_arena_screen .enemy_list ul.main li.main .avatar{
    width: 63px;
    float: left;
    margin-right: 10px;
    border-radius: 150px;
}
body .content .pokemon_arena_screen .enemy_list ul.main li.main .detail{
    float: left;
    text-align: left;
}
body .content .pokemon_arena_screen .enemy_list ul.main li.main{filter: grayscale(1);opacity: 0.9;background-color: white;border-radius: 10px;padding: 15px;font-size: 18px;font-weight: 700;text-align: center;cursor: pointer;margin-bottom: 10px;box-shadow: 1px 1px 1px #a5a5a5;}
body .content .pokemon_arena_screen .enemy_list ul.main li.main:hover,body .content .pokemon_arena_screen .enemy_list ul.main li.main.active{filter: grayscale(0);opacity: 1;}
body .content .pokemon_arena_screen .enemy_list ul.main li.main .element{
    margin-top: 10px;
}
body .content .pokemon_arena_screen .enemy_list ul.main li.main .element ul{}
body .content .pokemon_arena_screen .enemy_list ul.main li.main .element ul li{
    float: left;
}
body .content .pokemon_arena_screen .enemy_list ul.main li.main .element ul li img{
    height: 29px;
    margin: 0 2.2px;
}
body .content .pokemon_arena_screen .profile.death_battle ul li p{
    line-height: 13px;
    font-size: 20px;
    text-transform: uppercase;
    font-size: 13px;
    padding-top: 8px;
}
body .content .pokemon_arena_screen .profile.death_battle ul li span{
    font-size: 25px;
    color: #e74c3c;
    font-weight: 700;
}
body .content .pokemon_arena_screen .profile.death_battle ul li{width: 100% !important;border-right: 0 !important;font-size: 20px !important;text-align: center;}
body .content .pokemon_arena_screen .profile.death_battle ul li:nth-child(2){
}
body .content .pokemon_arena_screen .profile{
    position: absolute;
    bottom: 10px;
    right: 10px;
    height: auto;
    width: 120px;
    background-color: white;
    text-align: center;
    margin: 10px;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #707070;
    cursor: pointer;
}
body .content .pokemon_arena_screen .profile ul{}
body .content .pokemon_arena_screen .profile ul li:first-child{
    float: none;
    width: 100%;
    font-size: 25px;
    border-bottom: 1px solid #ccc;
}
body .content .pokemon_arena_screen .profile ul li{height: 55px;width: calc(50% - 1px);float: left;text-align: center;font-size: 20px;}

body .content .pokemon_arena_screen .profile ul li:nth-child(2){
    border-right: 1px solid #ccc;
    width: calc(50% - 1px);
}
body .content .pokemon_arena_screen .profile ul li p{
    line-height: 55px;
}
body .content .pokemon_arena_screen .profile ul li svg{
}
body .content .pokemon_catch_screen .ball_bonus{
    width: 140%;
    position: absolute;
    bottom: -90px;
    left: 50%;
    transform: translate(-50%,0);
    height: 40px;
}
body .content .pokemon_catch_screen .ball_bonus img{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 2;
}
body .content .pokemon_catch_screen .ball_bonus .progress{position: absolute;left: 10px;z-index: 2;line-height: 40px;font-size: 20px;font-weight: 700;}
body .content .pokemon_catch_screen .ball_bonus .bar_div{
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
body .content .pokemon_catch_screen .ball_bonus .bar_div .bar{
    background-color: #ffd400;
    border-radius: 0;
}
body .content .pokemon_catch_screen .ball_bonus::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
    z-index: -1;
    border-radius: 150px;
    opacity: 0.7;
}
body .content .pokemon_catch_screen .ball_menu{
    width: 140%;
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translate(-50%,0);
    height: 70px;
}
body .content .pokemon_catch_screen .ball_menu::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
    z-index: -1;
    border-radius: 150px;
    opacity: 0.7;
}
body .content .pokemon_catch_screen .ball_menu ul{}
body .content .pokemon_catch_screen .ball_menu ul li{
    float: left;
    height: 100%;
    cursor: pointer;
}
body .content .pokemon_catch_screen .ball_menu ul li img{
    height: 100%;
    filter: grayscale(1);
}
body .content .pokemon_catch_screen .ball_menu ul li.active img,body .content .pokemon_catch_screen .ball_menu ul li:hover img{
    filter: grayscale(0);
}
body .content .shop_screen{
    margin-top: 40px;
    text-shadow: 2px 1px 1px black;
    font-weight: 700;
}
body .content .shop_screen .shop_monthly{
    width: 80%;
    margin: 20px auto;
    color: white;
    overflow: auto;
    height: calc(100% - 120px);
}
body .content .shop_screen .shop_monthly .item{
    margin-bottom: 30px;
    background-color: #093461;
    padding-bottom: 20px;
    border-radius: 10px;
}
body .content .shop_screen .shop_monthly h5{
    line-height: 70px;
    text-align: center;
    text-transform: uppercase;
    font-size: 23px;
}
body .content .shop_screen .shop_monthly .image{
    width: 100%;
}
body .content .shop_screen .shop_monthly .label{
    font-size: 18px;
    padding: 0 20px;
    color: #ffd400;
    font-weight: 600;
}
body .content .shop_screen .shop_monthly ul{
    padding: 15px 20px;
}
body .content .shop_screen .shop_monthly ul li{
    line-height: 30px;
    font-size: 18px;
    font-weight: 600;
    list-style: disc inside;
}
body .content .shop_screen .shop_monthly .control_module{
    padding: 0 20px;
    margin: 10px 0;
}
body .content .shop_screen .shop_monthly .control_module .price{
    float: left;
    font-size: 25px;
    line-height: 47px;
}
body .content .shop_screen .shop_monthly .control_module .more_time{
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    color: #ffd400;
}
body .content .shop_screen .shop_monthly .control_module .price img{
    height: 50px;
    vertical-align: middle;
    margin-top: -6px;
}
body .content .shop_screen .shop_monthly .control_module button{
    float: right;
    margin: 0;
    border-radius: 10px;
}
body .content .shop_screen .shop_data{
    width: 100%;
    margin: 0 auto;
    height: calc(100% - 120px);
    overflow: auto;
}
body .content .shop_screen .shop_data h5{
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-size: 20px;
    margin: 20px 0;
}
body .content .shop_screen .shop_data ul{
    cursor: pointer;
}
body .content .shop_screen .shop_data ul.item li .item{
    background: url('../img/background/shop_item.png');
}
body .content .shop_screen .shop_data ul.limit li .item{
    background: url('../img/background/shop_limit.png');
}
body .content .shop_screen .shop_data ul.limit li .item p.price{
    background-color: #881bc0;
}
body .content .shop_screen .shop_data ul.limit_time li .item{
    background: url('../img/background/shop_limit.png');
}
body .content .shop_screen .shop_data ul.limit_time li .item p.price{
    background-color: #881bc0;
}
body .content .shop_screen .shop_data ul.weekly li .item{
    background: url('../img/background/shop_weekly.png');
}
body .content .shop_screen .shop_data ul.weekly li .item p.price{
    background-color: e78f00;
}
body .content .shop_screen .shop_data ul li{
    background: url('../img/background/shop_item.png');
    background-size: cover;
    float: left;
    width: 30%;
    margin: 0 1.65%;
    position: relative;
    margin-bottom: 20px;
}
body .content .shop_screen .shop_data ul li .item{
    width: 100%;
    padding-top: 120%;
    text-shadow: 1px 1px 1px black;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: white;
    border-radius: 5px;
    background-size: cover !important;
}
body .content .shop_screen .shop_data ul li .avatar{position: absolute;top: 45%;height: 80px;width: 100%;transform: translate(0,-50%);}
body .content .shop_screen .shop_data ul li .avatar img{max-height: 100%;}
body .content .shop_screen .shop_data ul li p.name{
    font-size: 15px;
    color: white;
    position: absolute;
    top: 8%;
    width: calc(100% - 40px);
    padding: 0 20px;
}
body .content .shop_screen .shop_data ul li p.note{}
body .content .shop_screen .shop_data ul li p.price img{
    height: 24px;
    vertical-align: middle;
    margin-top: -8px;
}
body .content .shop_screen .shop_data ul li p.amount{
    position: absolute;
    bottom: 50px;
    right: 20px;
    text-transform: none;
    font-size: 16px;
}
body .content .shop_screen .shop_data ul li p.limit{
    position: absolute;
    bottom: 50px;
    left: 20px;
    text-transform: none;
    font-size: 16px;
}
body .content .shop_screen .shop_data ul li p.time{
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: -25px;
    font-size: 13px;
    text-align: center;
    width: 54px;
    height: 22px;
    line-height: 21px;
    border-radius: 150px;
}
body .content .shop_screen .shop_data ul li p.discount{
    position: absolute;
    right: -6px;
    top: -6px;
    text-transform: none;
    font-size: 13px;
    text-align: center;
    width: 54px;
    height: 22px;
    line-height: 21px;
    background: url('../img/icon/shop_tag.png');
    background-size: cover;
}
body .content .shop_screen .shop_data ul li p.price{
    width: calc(100% - 4px);
    left: 2px;
    line-height: 40px;
    background-color: #00813a;
    border: none;
    font-size: 19px;
    position: absolute;
    bottom: 0;
    font-weight: 800;
    border-radius: 0 0 5px 5px;
} 
body .content .shop_screen .menu{
    width: 80%;
    margin: 0 auto;
}
body .content .shop_screen .menu ul{}
body .content .shop_screen .menu ul li.active{background-color: #093461;}
body .content .shop_screen .menu ul li img{
    height: 50px;
}
body .content .shop_screen .menu ul li{
    float: left;
    line-height: 50px;
    width: calc(33% - 2px);
    text-align: center;
    border: 2px solid #093461;
    color: white;
    font-weight: 700;
    font-size: 18px;
    cursor: pointer;
    text-transform: uppercase;
    text-shadow: 2px 1px 1px black;
    height: 50px;
    position: relative;
}
body .content .shop_screen .menu ul.four li{
    width: calc(25% - 3px);
}
body .content .shop_screen .menu ul.four li:nth-child(3){
    border-radius: 0;
}
body .content .shop_screen .menu ul.four li:nth-child(4){
    border-radius: 0 10px 10px 0;
    border-left: 0;
}
body .content .shop_screen .menu ul li:first-child{border-radius: 10px 0px 0px 10px;border-right: none;}
body .content .shop_screen .menu ul li:nth-child(3){
    border-left: none;
    border-radius: 0 10px 10px 0;
}
body .content .pokemon_tower_screen{
    
}
body .content .pokemon_tower_screen ul.main li.main{
    zoom: 0.9;
}
body .content .pokemon_tower_screen ul.main li.main:nth-child(4){
    margin-left: 18%;
}
body .content .pokemon_tower_screen ul.main li.main:nth-child(5){
}
body .content .quest_screen{
    padding: 0 10px;
}
body .content .quest_screen h5{
    color: white;
    font-size: 19px;
    padding: 0 5px;
    margin: 30px 0 30px;
    text-shadow: 2px 1px 1px black;
}
body .content .quest_screen h5 img{
    height: 26px;
    vertical-align: middle;
    margin-top: -10px;
}
body .content .quest_screen h5 p{
    float: right;
}
body .content .quest_screen h5 svg{
    cursor: pointer;
    margin-left: 5px;
}
body .content .quest_screen h5 a{
  color: #ffd400;
}
body .content .quest_screen ul {
    padding: 0 10px;
    margin: 20px 0;
}
body .content .quest_screen ul li{
    line-height: 40px;
    font-size: 16px;
    margin: 20px 0;
}
body .content .quest_screen ul li .member{
    float: left;
    cursor: pointer;
}
body .content .quest_screen ul li .member .avatar{
    height: 40px;
    border-radius: 150px;
    float: left;
}
body .content .quest_screen ul li .member .name{
    float: left;
    margin-left: 10px;
    font-weight: 700;
    color: white;
    text-shadow: 2px 1px 1px black;
}
body .content .quest_screen ul li .pokemon{
    float: right;
    background-color: #093461;
    border-radius: 150px;
    padding: 0 10px;
    cursor: pointer;
    position: relative;
}
body .content .quest_screen ul li .pokemon .avatar{
    max-height: 30px;
    float: left;
}
body .content .quest_screen ul li .pokemon .name{
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    color: #ffffff;
    padding-right: 23px;
    text-shadow: 2px 1px 1px black;
}
body .content .quest_screen ul li .pokemon .name img{
    height: 25px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    right: 10px;
}
body .content .activity_screen h5{
    color: white;
    text-transform: uppercase;
    text-align: center;
    font-size: 25px;
    margin: 10px 0;
}
body .content .activity_screen{overflow: auto;height: calc(100% - 10px);}
body .content .activity_screen ul{padding: 0 10px;}
body .content .activity_screen ul li{
    border: 2px solid #B0916A;
    border-radius: 10px;
    background-color: #F5ECE1;
    cursor: pointer;
    margin: 15px;
    position: relative;
    width: calc(50% - 34px);
    height: auto;
    float: left;
    padding-bottom: 25px;
}
body .content .activity_screen ul li img{
    width: 100%;
    border-radius: 10px 10px 0 0;
}
body .content .activity_screen ul li .time{position: absolute;right: 10px;bottom: 10px;font-size: 14px;color: #646464;}
body .content .activity_screen ul li .score{position: absolute;left: 10px;bottom: 10px;color: #646464;font-size: 14px;}
body .content .activity_screen ul li p{
    line-height: 45px;
    text-align: left;
    width: 100%;
    color: #443523;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 800;
    padding: 0 10px;
}
body .content .bag_screen{
    height: 100%;
    width: 100%;
}
body .content .bag_screen.treasure{}
body .content .bag_screen.treasure .status_div{}
body .content .bag_screen.treasure .status_div .status{
    background-color: #ffffff14;
    height: 40px;
    width: 40px;
    top: 10px;
    border-radius: 150px;
    font-size: 18px;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    color: white;
}
body .content .bag_screen.treasure .status_div .status.lock{
    position: absolute;
    right: 10px;
    top: 10px;
}
body .content .bag_screen.treasure .status_div .status.wearing{
    left: 10px;
}
body .content .bag_screen.treasure .status_div .status.wearing img{
    width: 80%;
}
body .content .bag_screen.treasure .item img{
    height:140px;
    margin-top: -22px;
    cursor: pointer;
}
body .content .bag_screen .bag_list{
}
body .content .bag_screen .bag_list ul {
    padding: 0 10px;
    height: calc(100% - 30px);
    overflow: auto;
}
body .content .bag_screen .bag_list ul li{
    float: left;
    width: calc(33.33% - 20px);
    position: relative;
    margin: 10px;
    z-index: 1;
}
body .content .bag_screen .bag_list ul li .item{
    padding-top: 100%;
}
body .content .bag_screen .bag_list ul li::after{
    content:"";
    background-color: black;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    border-radius: 10px;
    top: 0;
}
body .content .bag_screen .bag_list ul li .used{
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 25px;
    color: white;
    cursor: pointer;
}
body .content .bag_screen .bag_list ul li .item_name{
    position: absolute;
    bottom: 15px;
    color: #f7eb56;
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
}
body .content .bag_screen .bag_list ul li .material_item{
    position: absolute;
    height: 70px;
    width: 70px;
    margin-top: -8%;
    cursor: pointer;
}
body .content .bag_screen .bag_list ul li .material_item .amount{
    font-size: 13px;
    padding: 0px 8px;
}
body .content .badge_screen{
    height: 100%;
    width: 100%;
}
body .content .badge_screen .badge_list{
}
body .content .badge_screen .badge_list ul {
    padding: 0 10px;
    height: calc(100% - 30px);
    overflow: auto;
}
body .content .badge_screen .badge_list ul li{
    float: left;
    width: calc(25% - 20px);
    position: relative;
    margin: 10px;
    z-index: 1;
    cursor: pointer;
}
body .content .badge_screen .badge_list ul li .bar_div{position: absolute;bottom: 0;width: calc(100% - 2px);left: 0;height: 6px;}
body .content .badge_screen .badge_list ul li .bar_div .bar{}
body .content .badge_screen .badge_list ul li.have img{
    filter: grayscale(0);
}
body .content .badge_screen .badge_list ul li img{
    width: 80%;
    filter: grayscale(1);
}
body .content .badge_screen .badge_list ul li .item{
    padding-top: 100%;
}
body .content .badge_screen .badge_list ul li::after{
    content:"";
    background-color: black;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    border-radius: 10px;
    top: 0;
}
body .content .badge_screen .badge_list ul li .current{
    position: absolute;
    top: 6px;
    left: 6px;
    color: #f7eb56;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
}
body .content .badge_screen .badge_list ul li .buff{
    position: absolute;
    top: 6px;
    right: 6px;
    color: #f7eb56;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
}
body .content .home_screen{}
body .content .home_screen .daily_popup{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display:none;
}
body .content .home_screen .daily_popup::after{
    content:'';
    background-color: black;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
}
body .content .home_screen .daily_popup .daily_popup_content{
    display:block;
    width: 90%;
    z-index: 3;
}
body .content .home_screen .daily_popup img{
    width: 75%;
    cursor: pointer;
}
body .content .home_screen .daily_popup .close{
    right:0;
    top:0;
}
body .content .pokemon_training_main_screen{
    position: absolute;
    text-align: center;
    text-shadow: none;
    width: 75%;
    padding: 20px 10px;
    font-weight: 600;
    border-radius: 10px;
    color: white;
}
body .content .pokemon_training_main_screen ul{}
body .content .pokemon_training_main_screen ul li{
    background-color: #2c2c2c;
    height: 50px;
    border-radius: 150px;
    padding: 10px 15px;
    position: relative;
    margin: 0 auto;
    width: calc(100% - 70px);
    cursor: pointer;
    margin-bottom: 20px;
}
body .content .pokemon_training_main_screen ul li img{
    height: 40px;
    position: absolute;
    left: 10px;
    background-color: #1d160e;
    border-radius: 150px;
    padding: 5px;
}
body .content .pokemon_training_main_screen ul li .info{
    float: left;
    text-align: left;
    line-height: 50px;
    margin-left: 10px;
    padding-left: 45px;
}
body .content .pokemon_training_main_screen ul li .pokemon_training_click{
    height: 100%;
}
body .content .pokemon_training_main_screen ul li .info .name{
    color: #ffd400;
    font-weight: 700;
    font-size: 18px;
}
body .content .pokemon_training_main_screen ul li .info .level{}
body .content .pokemon_training_main_screen ul li .xp{
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translate(0,-50%);
    font-size: 17px;
}
body .content .pokemon_training_main_screen ul li .remove{
    position: absolute;
    right: -80px;
    top: 0;
    height: 100%;
    background-color: #2c2c2c;
    width: 70px;
    font-size: 39px;
    border-radius: 150px;
    cursor: pointer;
}
body .content .pokemon_training_main_screen ul li .xp span{
    color: #ffd400;
}
body .content .pokemon_training_screen{}
body .content .pokemon_training_screen .pokemon_list ul.main li.main,body .content .pokemon_boss_screen .pokemon_list ul.main li.main{
    margin: 0 auto;
    float: none;
}
body .content .training_time_bar{
    position: absolute;
    bottom: 70px;
    left: 50%;
    width: 80%;
    transform: translate(-50%);
}
body .content .training_time_bar .bar_div{
}
body .content .training_time_bar .bar.run{
     -webkit-animation-name: training_bar;
     -webkit-animation-duration: 60s;
}
@-webkit-keyframes training_bar {
  0% {width:0%} 10% {width:10%} 20% {width:20%} 30% {width:30%} 40% {width:40%} 50% {width:50%} 60% {width:60%} 70% {width:70%} 80% {width:80%} 90% {width:90%} 100% {width:100%}
}
body .content .pokemon_training_screen .pokemon_training{}
body .content .pokemon_training_screen .pokemon_training .top{
    margin-bottom: 70px;
}
body .content .pokemon_training_screen .pokemon_training .bottom{
    
}
body .content .home_screen .bottom_menu ul.main_menu{
    bottom: 0;
    background-color: #ffffff;
    padding: 10px 0 20px;
    border-radius: 30px 30px 0 0;
    font-weight: 700;
}
body .content .home_screen .bottom_menu ul.other_menu::after{
    content:'';
    width: 100%;
    height: 140%;
    position: absolute;
    bottom: 0;
    z-index: -1;
}
body .content .home_screen .bottom_menu ul.other_menu li{
    width: 16.6%;
    position: relative;
}
body .content .home_screen .bottom_menu ul.other_menu li img{
    height: 70px;
}
body .content .home_screen .bottom_menu ul.other_menu li .note{
    position: absolute;
    right: 20px;
    background-color: #e74c3c;
    color: white;
    border-radius: 150px;
    font-size: 14px;
    height: 26px;
    width: 26px;
    line-height: 26px;
    text-align: center;
    top: 0px;
    display:none;
}
body .content .home_screen .bottom_menu ul.other_menu li p{
    text-transform: unset;
    font-size: 16px;
    color: white;
    font-weight: 600;
}
body .content .home_screen .bottom_menu{
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
}
body .content .home_screen .bottom_menu ul {position: relative;padding-bottom: 20px;}
body .content .home_screen .bottom_menu ul li{
    float: left;
    text-align: center;
    width: 25%;
    cursor: pointer;
}
body .content .home_screen .bottom_menu ul li img{
    height: 80px;
}
body .content .home_screen .bottom_menu ul li p{
    text-transform: unset;
    font-size: 17px;
}
body .content .home_screen .pokemon_stand{
    width: 342px;
    text-align: center;
}
body .content .home_screen .pokemon_stand ul{}
body .content .home_screen .pokemon_stand .bottom{
    margin-bottom: 50px;
}
body .content .home_screen .pokemon_stand .top ul{
    padding: 0 52px;
}
body .content .home_screen .pokemon_stand ul li{
    height: 80px;
    width: 104px;
    text-align: center;
    float: left;
    margin: 5px;
    margin-bottom: 15px;
    position: relative;
}
body .content .home_screen .pokemon_stand ul li img.avatar{position: absolute;bottom: 26px;left: 50%;transform: translate(-50%);}
body .content .home_screen .pokemon_stand ul li img.stand{position: absolute;bottom: 0;left: 50%;transform: translate(-50%);z-index: -1;width: 100%;}
.center_div{
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
}
.center_important{
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%,-50%);
}
body .logo{
    text-align: center;
}
body .content .login{
    position: absolute;
    width: 100%;
    text-align: center;
}
body .content .login .forgot{
    font-size: 20px;
    color: white;
    text-shadow: 1px 1px 2px black;
    border-radius: 150px;
    font-weight: 700;
    cursor: pointer;
    text-align: right;
    line-height: 50px;
}
body .content .login .other_login{}
body .content .login .other_login {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    position: fixed;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%,-50%);
}
body .content .login .other_login .item{}
body .content .login .other_login .item .google{
    display: flex;
    line-height: 50px;
    background-color: white;
    padding: 0 10px 0 0px;
    border-radius: 150px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}
body .content .login .other_login .item img{
    height: 50px;
}
body .content .login .other_login .item p{}
body .content .count_down_open{width: 370px;}
body .content .count_down_open .text{
    background-color: white;
    font-size: 22px;
    font-weight: 800;
    color: #333;
    text-transform: uppercase;
    border-radius: 150px;
    padding: 5 0px;
}
body .content .count_down_open .time{font-size: 60px;margin-bottom: 20px;width: 100%;}
body .content .login .logo p{font-size: 22px;margin-top: 15px;color: #333;font-weight: 800;}
body .content .login .logo img{height: 130px;}
body .content .login .image{margin-top: 50px;}
body .content .login .form{
    text-align: center;
    margin-top: 50px;
}
body .content .login .form .note{
    width: 80%;
    margin: 0 auto;
    font-size: 17px;
    text-align: left;
    line-height: 31px;
}
body .content .login .form input{
    font-family: Montserrat;
    width: 85%;
    line-height: 60px;
    border-radius: 70px;
    border: 1px solid #A06E45;
    margin-bottom: 25px;
    text-align: left;
    font-size: 20px;
    color: #A06E45;
    padding: 0 15px;
    font-weight: 600;
}
body .content .login .form input::placeholder{
    color: #A06E45;
}
body .content .login .form input.password{
}
body .button{
    position: absolute;
    bottom: 20%;
    left: 0%;
    width: 100%;
    text-align:center;
}
body .button p{
    font-size: 20px;
    margin-top: 15px;
    color: white;
    text-transform: none;
    cursor: pointer;
}
body .button_yes{
    width: 210px;
    line-height: 50px;
    border: none;
    margin-top: 20px;
    text-align: center;
    background-color: #ffd400;
    font-size: 20px;
    text-transform: uppercase;
    color: #333;
    font-weight: 700;
    border-radius: 150px;
    position: relative;
    font-family: 'Montserrat';
}
body button .price{
    position: absolute;
    color: white;
    width: 100%;
}
body button .price img{
    height: 30px;
    vertical-align: middle;
    margin-top: -10px;
}
body .button_no{
    width: 204px;
    line-height: 44px;
    margin-top: 20px;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    color: white;
    background-color: transparent;
    border: 3px solid #ffffff;
    color: #ffffff;
    border-radius: 25px;
    margin-left: 10px;
    font-weight: 700;
    position: relative;
    font-family: 'Montserrat';
}
body .content .background{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}
body .content .background img{
    width: 100%;
    height: 100%;
}
.material_item.out_amount{
    filter: grayscale(1);
}
.material_item{
    background-color: #a37e51;
    height: 60px;
    width: 60px;
    position: relative;
    border-radius: 150px;
    border: 3px solid #cdc1a9;
}
.material_item .amount{
    background-color: #f7eb56;
    text-align: center;
    position: absolute;
    padding: 0 5px;
    border-radius: 25px;
    right: -7px;
    bottom: -3px;
    color: #333;
    font-size: 13px;
    box-shadow: 1px 1px 1px 0px #b7b7b7;
    line-height: normal;
}
.material_item img{
    width: 80%;
    margin: 10%;
}
.chat_content{
    position: absolute;
    top: 0px;
    left: -100%;
    height: 100%;
    width: 100%;
    background-color: white;
    z-index: 3;
    transition-duration: 0.5s;
}
.chat_content #chat_content{}
.chat_content .chat_open_button{
    right: -82px;
    width: 130px;
    position: absolute;
    height: 35px;
    text-align: center;
    line-height: 35px;
    top: 50%;
    transform: translate(0,-50%) rotate(90deg);
    font-size: 22px;
    color: white;
    background-color: #333;
    cursor: pointer;
    border-radius: 10px 10px 0 0;
}
.chat_content .chat_open_button p{position: absolute;right: 10px;background-color: #e74c3c;color: white;border-radius: 150px;font-size: 13px;height: 22px;width: 22px;line-height: 22px;text-align: center;top: 50%;transform: translate(0,-50%);}
.chat_content .channel_list .contact_button{
    position: absolute;
    bottom: 0;
    height: 80px;
    background-color: #443523;
    width: 100%;
    cursor: pointer;
    color: white;
    box-shadow: 2px -1px 6px black;
}
.chat_content .channel_list .contact_button.active{
    color:#ffd400;
}
.chat_content .channel_list .contact_button svg{
    font-size: 40px;
}
.chat_content .channel_list{
    float: left;
    width: 110px;
    text-align: center;
    background-color: #443523;
    position: relative;
    height: 100%;
}
.chat_content .channel_list .chat_list_div{
    height: calc(100% - 80px);
    overflow: auto;
}
.chat_content .channel_list ul{}
.chat_content .channel_list ul li{
    padding: 7px 15px;
    cursor: pointer;
    height: 71px;
    position: relative;
}
.chat_content .channel_list ul li .status.online{
    background-color:#3ed300;
}
.chat_content .channel_list ul li .status{
    height: 14px;
    width: 14px;
    background-color: gray;
    border-radius: 150px;
    position: absolute;
    bottom: 7px;
    left: 20px;
    border: 3px solid #443523;
}
.chat_content .channel_list ul li .chat_amount{
    position: absolute;
    right: 10px;
    bottom: 10px;
    background-color: #e74c3c;
    color: white;
    border-radius: 150px;
    font-size: 13px;
    height: 22px;
    width: 22px;
}
.chat_content .channel_list ul li:hover , .chat_content .channel_list ul li.active{
    background-color:#584630;
}
.chat_content .chat_detail{
    float: right;
    width: calc(100% - 110px);
    background-color: #1C160F;
    height: 100%;
    color: #FFFFFB;
}
.chat_content .chat_contact{
    background-color: #1C160F;
    height: 100%;
    width: calc(100% - 150px);
    float: right;
    padding: 20px;
}
.chat_content .chat_contact .list{}
.chat_content .chat_contact .list ul{
    overflow: auto;
    height: calc(100% - 110px);
    margin-top: 20px;
}
.chat_content .chat_contact .list ul li:first-child{
    margin-top:0;
}
.chat_content .chat_contact .list ul li{
    margin-top: 25px;
    position: relative;
}
.chat_content .chat_contact .list ul li img{
    height: 40px;
    float: left;
    border-radius: 150px;
    cursor: pointer;
}
.chat_content .chat_contact .list ul li p{
    float: left;
    line-height: 40px;
    margin-left: 10px;
    font-size: 21px;
    font-weight: 700;
    color: white;
    cursor: pointer;
}
.chat_content .chat_contact .list ul li svg{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    font-size: 20px;
    cursor: pointer;
    color: #ccc;
}
.chat_content .chat_contact .menu ul li.active{background-color: #c7c7c7;color: #333;}
.chat_content .chat_contact .menu ul li{
    left: 50%;
    float: left;
    line-height: 50px;
    width: calc(50% - 4px);
    text-align: center;
    border: 2px solid #c7c7c7;
    color: white;
    font-weight: 700;
    font-size: 18px;
    cursor: pointer;
}
.chat_content .chat_contact .menu ul li:first-child{border-radius: 10px 0px 0px 10px;}
.chat_content .chat_contact .menu ul li:nth-child(2){
    border-left: none;
    border-radius: 0 10px 10px 0;
}
.chat_content .chat_detail .chat_name{
    height: 85px;
    border-bottom: 1px solid #333;
    padding: 0 10px;
    line-height: 85px;
    position: relative;
}
.chat_content .chat_detail .chat_name p{
    padding-left: 60px;
    font-weight: 700;
    font-size: 20px;
}
.chat_content .chat_detail .chat_name img{
    height: 50px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    border-radius: 150px;
}
.chat_content .chat_detail .chat_name .close{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0,-50%);
    font-size: 40px;
    color: #B0916A;
    cursor: pointer;
}
.chat_content .chat_detail .chat_text{
    padding: 10px;
    overflow: hidden;
    overflow-y: auto;
    height: calc(100% - 175px);
    margin-right: 5px;
}
.chat_content .chat_detail .chat_text::-webkit-scrollbar {
    width: 5px;
    display:block;
}
.chat_content .chat_detail .chat_text ul{}
.chat_content .chat_detail .chat_text ul li{
    position: relative;
    padding-left: 60px;
    margin-bottom: 20px;
}
.chat_content .chat_detail .chat_text ul li.me{
    padding: 0;
}
.chat_content .chat_detail .chat_text ul li.me img{
    display: none;
}
.chat_content .chat_detail .chat_text ul li.me p.text{
    background-color: #4e4843;
    min-height: auto;
}
.chat_content .chat_detail .chat_text ul li p.text a{
    color: #ffd400;
    font-weight: 700;
}
.chat_content .chat_detail .chat_text ul li.me p.text span{
    display: none;
}
.chat_content .chat_detail .chat_text ul li.me p.time{
    right: auto;
    left: 5px;
    display: none;
}
.chat_content .chat_detail .chat_text ul li .avatar{
    height: 50px;
    width: 50px;
    left: 0;
    position: absolute;
    cursor: pointer;
    border-radius: 150px;
}
.chat_content .chat_detail .chat_text ul li .avatar .image{
    height: 100%;
    width: 100%;
    border-radius: 150px;
}
.chat_content .chat_detail .chat_text ul li .avatar .frame{
    height: 70px;
    width: 70px;
    position: absolute;
    left: -10px;
    top: -10px;
}
.chat_content .chat_detail .chat_text ul li p.text{
    background-color: #332d27;
    border-radius: 5px;
    min-height: 30px;
    padding: 10px;
    font-size: 16px;
}
.chat_content .chat_detail .chat_text ul li p.text span{
    font-weight: 800;
    cursor: pointer;
}
.chat_content .chat_detail .chat_text ul li p.time{
    position: absolute;
    right: 5px;
    bottom: -7px;
    background-color: #161616;
    border-radius: 150px;
    padding: 1px 8px;
    font-size: 11px;
    color: #ccc;
} 
.chat_content .channel_list ul li img{
    height: 100%;
    border-radius: 150px;
}
.chat_content .chat_detail .chat_add{
    width: calc(100% - 20px);
    padding: 0 10px;
    height: 55px;
}
.chat_content .chat_detail .chat_add input{
    width: 100%;
    background: transparent;
    border: 1px solid #B0916A;
    border-radius: 7px;
    height: 100%;
    color: white;
    padding: 0 10px;
    font-size: 16px;
}
.chat_content .chat_detail .chat_add input::-webkit-input-placeholder {
    color: white;
}
.popup_content{
    position: absolute;
    height:100%;
    width: 100%;
    z-index: 9;
    display:none;
}
.popup_content .item_wearing_screen{}
.popup_content .item_wearing_screen .item_list{
    position: absolute;
    width: calc(100% - 20px);
    bottom: -100px;
    background-color: #1d160e;
    padding: 10px;
    border-radius: 10px;
    border: 3px solid #dcc18d;
    left: 0;
}
.popup_content .item_wearing_screen .item_list ul{}
.popup_content .item_wearing_screen .item_list ul li{
    width: 11.1%;
    float: left;
    position: relative;
    filter: grayscale(1);
}
.popup_content .item_wearing_screen .item_list ul li.active{
    filter: grayscale(0);
}
.popup_content .item_wearing_screen .item_list ul li div{
    padding-top:100%;
    cursor: pointer;
}
.popup_content .item_wearing_screen .item_list ul li img{
    width: 100%;
}
.popup_content .item_wearing_screen .option{}
.popup_content .item_wearing_screen .option ul{padding: 0 15px;}
.popup_content .item_wearing_screen .option ul li{
    line-height: 40px;
    font-size: 15px;
}
.popup_content .item_wearing_screen .option ul li span{
    color: #ffd400;
}
.popup_content .item_wearing_screen .list{
    max-height: 290px;
    overflow: auto;
    margin: 10px 0;
}
.popup_content .item_wearing_screen .list ul{
    width: 100%;
}
.popup_content .item_wearing_screen .list ul li{
    float: left;
    width: calc(20% - 4px);
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    border: 2px solid #1d160e;
}
.popup_content .item_wearing_screen .list ul li.active{
    border: 2px solid #ffd400;
}
.popup_content .item_wearing_screen .list ul li .treasure_content{
    width: 100%;
    padding-top: 100%;
}
.popup_content .item_wearing_screen .list ul li .treasure_content .status_div{
}
.popup_content .item_wearing_screen .list ul li .treasure_content .status_div .status{
    position: absolute;
    top: 15px;
    left: 15px;
    height: 35px;
    width: 35px;
    border-radius: 150px;
    background-color: #ffffff14;
    z-index: 2;
}
.popup_content .item_wearing_screen .list ul li .treasure_content .status_div .status.wearing{}
.popup_content .item_wearing_screen .list ul li .treasure_content .status_div .status img{
    width: 80%;
    height: 80%;
}
.popup_content .item_wearing_screen .list ul li img{
    height: 70%;
}
.popup_content .item_wearing_screen .list ul li .level{
    left: 50%;
    bottom: 5px;
    position: absolute;
    transform: translate(-50%);
}
.popup_content .treasure_decay_screen{}
.popup_content .treasure_decay_screen .decay_count{
    margin-top: 20px;
    color:  #ffd400;
    font-size: 20px;
}
.popup_content .treasure_decay_screen .decay_count span{
    color: white;
}
.popup_content .treasure_decay_screen .list{}
.popup_content .treasure_decay_screen .list ul{}
.popup_content .treasure_decay_screen .list ul li.active{
    border: 3px solid #f7eb56;
    opacity:1;
}
.popup_content .treasure_decay_screen .list ul li{
    float: right;
    width: calc(47% - 2px);
    position: relative;
    border: 3px solid #ccc;
    border-radius: 150px;
    cursor: pointer;
    margin-bottom: 15px;
    opacity: 0.5;
}
.popup_content .treasure_decay_screen .list ul li:nth-child(odd){
    float: left;
}
.popup_content .treasure_decay_screen .list ul li img{
    height: 70px;
    float: left;
}
.popup_content .treasure_decay_screen .list ul li .detail{
    float: left;
    text-align: left;
    padding: 14px 0px;
}
.popup_content .treasure_decay_screen .list ul li .detail .name{
    font-size: 17px;
    margin-bottom: 4px;
    font-weight: 700;
}
.popup_content .treasure_decay_screen .list ul li .detail .amount{}
.popup_content .treasure_decay_screen .list ul li .exchange{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    right: 15px;
    font-size: 20px;
}
.popup_content .close{
    position: absolute;
    right: -20px;
    top: -20px;
    background-color: #9C7A54;
    height: 50px;
    width: 50px;
    font-size: 40px;
    border-radius: 150px;
    cursor: pointer;
    color: #F5ECE1;
    z-index: 2;
}
.popup_content .shop_confirm ul{
    width: 100%;
    margin-bottom: 30px;
    color: white;
}
.popup_content .shop_confirm ul li .label{
    text-align: left;
    line-height: 35px;
    text-transform: uppercase;
    font-size: 14px;
    width: 100%;
}
.popup_content .shop_confirm ul li{
    width: 44%;
    float: left;
    margin: 0 3%;
    margin-bottom: 10px;
}
.popup_content .shop_confirm ul li .data .note{
    text-align: left;
    padding: 15px;
    font-size: 15px;
    line-height: 30px;
    color: #adadad;
}
.popup_content .shop_confirm ul li .data{
    border: 1px solid #dcc18d;
    line-height: 60px;
    min-height: 60px;
    width: 100%;
    font-size: 20px;
    border-radius: 5px;
    background-color: #2d251d;
    text-align: center;
    position: relative;
}
.popup_content .shop_confirm ul li input{
    border: 0;
    line-height: 58px;
    width: 100%;
    font-size: 20px;
    text-align: center;
    color: white;
    background-color: transparent;
    float: left;
}
.popup_content .shop_confirm ul li.shop_confirm_select img{
    height: 60px;
    float: left;
}
.popup_content .shop_confirm ul li select{
    border: 0;
    line-height: 58px;
    height: 58px;
    width: calc(100% - 63px);
    font-size: 20px;
    text-align: center;
    color: white;
    background-color: transparent;
    cursor: pointer;
    float: right;
}
.popup_content .shop_confirm ul li select option{
    color:#333;
}
.popup_content .shop_confirm .item_detail{
}
.popup_content .shop_confirm .item_detail p{
    text-transform: uppercase;
    color: #dcc18d;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}
.popup_content .shop_confirm .item_detail img{
    max-height: 110px;
}
.popup_content .shop_confirm ul li .data .currency{position: absolute;width: auto;padding-left: 35px;}
.popup_content .shop_confirm ul li .data .currency img{
    position: absolute;
    height: 30px;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
}
.popup_content .shop_confirm ul li .data .currency p{
    float: left;
}
.popup_content .close svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.popup_content #popup_content h5{
    font-size: 30px;
    text-transform: unset;
    font-weight: 700;
    color: #ffd400;
    margin-bottom: 30px;
}
.popup_content #popup_content .notification_list_screen{}
.popup_content #popup_content .notification_list_screen .list{
    background-color: #0a0a0a;
    border-radius: 10px;
    padding: 10px;
    max-height: 500px;
    overflow: auto;
}
.popup_content #popup_content .notification_list_screen .list ul{}
.popup_content #popup_content .notification_list_screen .list ul li{
    text-align: left;
    position: relative;
    padding-bottom: 25px;
}
.popup_content #popup_content .notification_list_screen .list ul li a{
    color: #ffd400;
    font-weight: 700;
}
.popup_content #popup_content .notification_list_screen .list ul li .text{
    font-size: 15px;
}
.popup_content #popup_content .notification_list_screen .list ul li .time{
    position: absolute;
    right: 0;
    font-size: 13px;
    color: #ccc;
}
.popup_content #popup_content .resource_return_screen{}
.popup_content #popup_content .resource_return_screen .button_return{
    float: left;
    width: 40%;
}
.popup_content #popup_content .resource_return_screen .button_return button{
    float: left;
    width: 45%;
    margin: 0;
    border-radius: 10px;
    margin-left: 5%;
}
.popup_content #popup_content .resource_return_screen h3{
    color: #ffeb00;
    font-weight: 700;
    font-size: 16px;
    text-align: left;
}
.popup_content #popup_content .resource_return_screen .time{
    position: absolute;
    right: 15px;
    top: 10px;
    color: #ccc;
}
.popup_content #popup_content .resource_return_screen ul li{
    text-align: left;
    line-height: 30px;
    margin: 50px 0;
}
.popup_content #popup_content .resource_return_screen ul li .detail{
    border-radius: 10px;
    border: 2px solid;
    width: 55%;
    padding: 10px;
    position: relative;
    float: left;
}
.popup_content #popup_content .resource_return_screen p{}
.popup_content #popup_content .battle_field_star{}
.popup_content #popup_content .battle_field_star ul{}
.popup_content #popup_content .battle_field_star ul li{
    border: 2px solid #fff;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 27px;
    cursor: pointer;
    opacity: 0.5;
}
.popup_content #popup_content .battle_field_star ul li img{
    float: left;
    height: 50px;
}
.popup_content #popup_content .battle_field_star ul li p{
    float: left;
    line-height: 50px;
    font-size: 16px;
    margin-left: 8px;
}
.popup_content #popup_content .battle_field_star ul li.active{
    opacity: 1;
}
.popup_content #popup_content .top_damage_screen{}
.popup_content #popup_content .top_damage_screen h3{
    font-size: 20px;
    margin: 20px 0;
}
.popup_content #popup_content .top_damage_screen .battle_history{
    margin: 0 auto;
    width: 50%;
    max-height: 315px;
    overflow: auto;
    margin-bottom: 20px;
}
.popup_content #popup_content .top_damage_screen .battle_history table{
    width:100%;
    color: white;
}
.popup_content #popup_content .top_damage_screen .battle_history table tr{}
.popup_content #popup_content .top_damage_screen .battle_history table tr td{
    line-height: 30px;
}
.popup_content #popup_content .top_damage_screen .battle_history table tr td.time{
    color: grey;
    text-align: right;
}
.popup_content #popup_content .top_damage_screen h5{}
.popup_content #popup_content .top_damage_screen h5 img{
    vertical-align: middle;
    height: 40px;
    margin-top: -10px;
    margin-right: 8px;
}
.popup_content #popup_content .top_damage_screen h5 p{
    line-height: 40px;
    color: #ffd400;
    font-weight: 600;
    font-size: 25px;
    text-transform: capitalize;
}
.popup_content #popup_content .top_damage_screen ul{
    width: 80%;
    margin: 20 auto;
}
.popup_content #popup_content .top_damage_screen ul li{
    margin-bottom: 10px;
    height: 36px;
    cursor: pointer;
    position: relative;
}
.popup_content #popup_content .top_damage_screen ul li .avatar{
    max-height: 36px;
    float: left;
    max-width: 51px;
}
.popup_content #popup_content .top_damage_screen ul li .detail{
    float: right;
    width: calc(100% - 120px);
    margin-right: 60px;
    text-align: left;
    margin-top: 8px;
}
.popup_content #popup_content .top_damage_screen ul li .detail .damage_bar{
    height: 20px;
    display: inline-block;
    background-color: #ffd400;
    border-radius: 140px;
    text-align: center;
    font-size: 12px;
    position: relative;
}
.popup_content #popup_content .top_damage_screen ul li .detail .damage{
    position: absolute;
    left: calc(100% + 5px);
    top: 50%;
    font-size: 13px;
    transform: translate(0,-50%);
}
.popup_content #popup_content .battle_field_map_popup{}
.popup_content #popup_content .battle_field_map_popup .list_team{}
.popup_content #popup_content .battle_field_map_popup .list_team li{
    background-color: #2c2c2c;
    border-radius: 10px;
    line-height: 40px;
    font-size: 19px;
    font-weight: 700;
    margin-right: 15px;
    float: left;
    padding: 5px 15px;
}
.popup_content #popup_content .battle_field_map_popup .list_team li img{
    height: 34px;
    float: left;
    margin-top: 3px;
}
.popup_content #popup_content .battle_field_map_popup .list_team li p{
    float: left;
    margin-left: 10px;
}
.popup_content #popup_content .battle_field_map_popup h5{
    font-size: 30px;
    text-transform: unset;
    font-weight: 700;
    color: #ffd400;
    margin-bottom: 30px;
}
.popup_content #popup_content h4{
    color:#f7eb56;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 20px;
    text-align: center;
}
.popup_content #popup_content .popup_menu{}
.popup_content #popup_content .popup_menu ul{
    margin: 0 auto;
    width: 60%;
}
.popup_content #popup_content .popup_menu ul li{
    width: 100%;
    background-color: white;
    color: #333;
    position: relative;
    line-height: 50px;
    border-radius: 150px;
    font-weight: 700;
    font-size: 20px;
    margin: 30px 0;
    cursor: pointer;
}
.popup_content #popup_content .popup_menu ul li img{
    height: 50px;
    position: absolute;
    left: 5px;
}
.popup_content #popup_content .popup_menu ul li svg{
    position: absolute;
    left: 15px;
    font-size: 25px;
    top: 50%;
    transform: translate(0,-50%);
}
.popup_content #popup_content .popup_menu ul li img p{}
.popup_content #popup_content .guild_battle_ready_missing{}
.popup_content #popup_content .guild_battle_ready_missing ul{
    max-height: 400px;
    overflow: auto;
    margin: 0 auto;
}
.popup_content #popup_content .guild_battle_ready_missing ul li{
    margin-bottom: 10px;
    width: 50%;
    float: left;
}
.popup_content #popup_content .guild_battle_ready_missing ul li img{
    height: 50px;
    float: left;
    border-radius: 150px;
    margin-right: 10px;
    cursor: pointer;
}
.popup_content #popup_content .guild_battle_ready_missing ul li p{
    float: left;
    font-weight: 700;
    line-height: 50px;
    font-size: 20px;
    cursor: pointer;
}
.popup_content #popup_content .badge_detail_screen p{
    text-align:left;
    font-size: 16px;
    line-height: 30px;
}
.popup_content #popup_content p span{
    color: #ffeb00;
}
.popup_content #popup_content .event_screen{}
.popup_content #popup_content .event_screen ul{width: 100%;margin-top: 20px;}
.popup_content #popup_content .event_screen ul li{filter: grayscale(1);border: 1px solid #6A5840;background-color: #F5ECE1;margin-bottom: 10px;border-radius: 5px;color: #443523;font-size: 19px;padding: 0 10px;line-height: 25px;position: relative;}
.popup_content #popup_content .event_screen ul li .left{
    float: left;
    width: 75%;
    border-right: 1px solid #6A5840;
    font-size: 23px;
    line-height: 54px;
}
.popup_content #popup_content .event_screen ul li .right{
    text-align: center;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0,-50%);
}
.popup_content #popup_content .event_screen ul li .icon{
    vertical-align: middle;
    margin-top: -7px;
    height: 33px;
}
.popup_content #popup_content .event_screen ul li p{
    line-height: 46px;
    font-size: 23px;
    padding-right: 40px;
    text-align: right;
}
.popup_content #popup_content .event_screen ul li .right img{
    height: 40px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
}
.popup_content #popup_content .event_screen ul li.finish{
    filter: grayscale(0);
}
.popup_content #popup_content .event_screen .label{
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 14px;
}
.popup_content #popup_content .event_screen .icon{
    height: 40px;
    vertical-align: top;
    margin-top: 4px;
}
.popup_content #popup_content .event_screen .topup_amount{
    font-size: 40px;
    color: #ffd400;
    font-weight: 700;
}
.popup_content #popup_content .member_profile{}
.popup_content #popup_content .member_profile .avatar{
}
.popup_content #popup_content .member_profile .avatar .image{
    height: 100px;
    border-radius: 150px;
    border: 3px solid white;
    margin-bottom: 10px;
}
.popup_content #popup_content .member_profile .avatar .frame{
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    height: 140px;
    top: 0px;
}
.popup_content #popup_content .member_profile .tag{
    color:white;
}
.popup_content #popup_content .member_profile .intro{
    width: 420px;
    padding: 10px;
    margin: 10px auto;
    background-color: #2a241b;
    border-radius: 10px;
    border: none;
    color: white;
    font-size: 17px;
    line-height: 30px;
    height: 110px;
    resize: none;
    font-family: inherit;
    font-weight: 600;
}
.popup_content #popup_content .member_profile .name{
    font-size: 23px;
    color: #ffd400;
    font-weight: 700;
    margin-bottom: 20px;
}
.popup_content #popup_content .member_profile .badge{
    width: 420px;
    padding: 5px;
    margin: 25px auto;
    background-color: #2a241b;
    border-radius: 10px;
}
.popup_content #popup_content .member_profile .badge ul{}
.popup_content #popup_content .member_profile .badge ul li{
    height: 50px;
    width: 50px;
    float: left;
    position: relative;
    margin: 5px;
    cursor: pointer;
}
.popup_content #popup_content .member_profile .badge ul li img{
    height: 100%;
}
.popup_content #popup_content .member_profile .menu{
    margin: 0 auto;
    width: 330px;
    text-align: center;
}
.popup_content #popup_content .member_profile .menu ul li{
    float: left;
    width: 33.3%;
    font-size: 17px;
    cursor: pointer;
    color: #d3d3d3;
}
.popup_content #popup_content .member_profile .menu ul li svg{
    margin-bottom: 11px;
    font-size: 27px;
}
.popup_content #popup_content .member_profile .menu ul li p{}
.popup_content #popup_content .guild_popup_screen select{
    width: 100%;
    height: 50px;
    margin-bottom: 25px;
    border-radius: 60px;
    padding: 0 15px;
    font-size: 20px;
    cursor: pointer;
}
.popup_content #popup_content .guild_popup_screen{
    padding:0 10%;
}
.popup_content #popup_content .guild_popup_screen .label{
    text-align: left;
    padding: 0 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.popup_content #popup_content .guild_popup_screen textarea{
    width: 100%;
    line-height: 25px;
    height: 150px;
    margin-bottom: 25px;
    border-radius: 10px;
    padding: 15px;
    font-size: 20px;
    resize: none;
}
.popup_content #popup_content .guild_popup_screen #guild_avatar_show{
    cursor: pointer;
    height: 100px;
    border: 3px solid white;
    border-radius: 150px;
    margin-bottom: 20px;
    width: 100px;
}
.popup_content #popup_content .guild_popup_screen input{
    width: 100%;
    line-height: 50px;
    margin-bottom: 25px;
    border-radius: 150px;
    padding: 0 15px;
    font-size: 20px;
}
.popup_content #popup_content .guild_popup_screen .guild_fee{}
.popup_content #popup_content .guild_popup_screen .guild_fee ul{}
.popup_content #popup_content .guild_popup_screen .guild_fee ul li{
    float: left;
    margin: 10px 20px;
    width: calc(50% - 44px);
    border: 2px solid white;
    border-radius: 5px;
    cursor: pointer;
    line-height: 60px;
    opacity: 0.5;
}
.popup_content #popup_content .guild_popup_screen .guild_fee ul li.active{
    opacity: 1;
}
.popup_content #popup_content .guild_popup_screen .guild_fee ul li img{
    height: 42px;
    margin-top: -10px;
    vertical-align: middle;
}
.popup_content #popup_content .guild_popup_screen .guild_fee ul li p{
    font-size: 24px;
}
.popup_content #popup_content .setting_screen .list_check_box ul{}
.popup_content #popup_content .setting_screen .list_check_box ul li{
    width: calc(50% - 20px);
    float: left;
    padding: 0 10px;
    font-size: 16px;
    margin-bottom: 14px;
}
.popup_content #popup_content .setting_screen .list_check_box ul li .check_box{
    float: right;
}
.popup_content #popup_content .setting_screen .list_check_box ul li .info{
    float: left;
}
.popup_content #popup_content .setting_screen .list_check_box ul li .info img{
    height: 30px;
    float: left;
    margin-right: 10px;
}
.popup_content #popup_content .setting_screen .list_check_box ul li .info .name{
    float: left;
    line-height: 30px;
}
.popup_content #popup_content .setting_screen table{
    color: white;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Montserrat';
    width: 100%;
    line-height: 60px;
}
.popup_content #popup_content .setting_screen table tr{}
.popup_content #popup_content .setting_screen table tr td{
    position: relative;
}
.popup_content #popup_content .setting_screen table tr td svg{
    cursor: pointer;
    color: grey;
}
.popup_content #popup_content .setting_screen table tr td:first-child{}
.popup_content #popup_content .setting_screen{
    width: 80%;
    margin: 0 auto;
}
/* The switch - the box around the slider */
.popup_content #popup_content .setting_screen .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  vertical-align: middle;
}

/* Hide default HTML checkbox */
.popup_content #popup_content .setting_screen .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.popup_content #popup_content .setting_screen .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.popup_content #popup_content .setting_screen .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: #242424;
  -webkit-transition: .4s;
  transition: .4s;
}

.popup_content #popup_content .setting_screen input:checked + .slider {
  background-color: #ffd400;
}

.popup_content #popup_content .setting_screen input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.popup_content #popup_content .setting_screen input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.popup_content #popup_content .setting_screen.battle_challenge{}
.popup_content #popup_content .setting_screen.battle_challenge .battle_formation{
    width: 240px;
    margin: 0 auto;
}
.popup_content #popup_content .setting_screen.battle_challenge .battle_formation.fivevfive ul li:nth-child(1){
    margin-left: 45px;
}
.popup_content #popup_content .setting_screen.battle_challenge .battle_formation.solo{
    width: 80px;
}
.popup_content #popup_content .setting_screen.battle_challenge .battle_formation.onevone{
    width: 320px;
}
.popup_content #popup_content .setting_screen.battle_challenge .battle_formation.solobo5{
    width: 400px;
}
.popup_content #popup_content .setting_screen.battle_challenge .battle_formation.onevone ul li:first-child{margin: 0 41%;}
.popup_content #popup_content .setting_screen.battle_challenge .battle_formation ul{}
.popup_content #popup_content .setting_screen.battle_challenge .battle_formation ul li{
    background-color: #ffffff14;
    border-radius: 150px;
    height: 50px;
    width: 50px;
    padding: 5px;
    float: left;
    margin: 10px;
}
.popup_content #popup_content .setting_screen.battle_challenge .battle_formation ul li img{
    width: 100%;
}
.popup_content #popup_content .setting_screen.pokemon_level_up{}
.popup_content #popup_content .setting_screen.pokemon_level_up .material_item{
    margin:0 auto;
}
.popup_content #popup_content .setting_screen.pokemon_level_up .material_item p span{
    color:inherit;
}
.popup_content #popup_content .setting_screen.training_fast .info{
    background-color: #2c2c2c;
    border-radius: 150px;
    padding: 0px 5px 0px 15px;
    line-height: 54px;
    font-size: 17px;
    margin: 20px 0 30px;
}
.popup_content #popup_content .setting_screen.training_fast .info .coin{
    float: right;
    font-weight: 700;
    color: #f7eb56;
    font-size: 20px;
}
.popup_content #popup_content .setting_screen.training_fast .info .coin img{
    height: 50px;
    vertical-align: middle;
    margin-top: -7px;
    margin-left: -4px;
}
.popup_content #popup_content .setting_screen.training_fast .info .text{
    float: left;
    font-weight: 700;
}
.popup_content #popup_content .setting_screen.training_fast .note{
    text-align: left;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 10px;
}
.popup_content #popup_content .setting_screen.diamond_transfer_screen .transfer_user{
    padding: 0 10px;
    margin-bottom: 15px;
}
.popup_content #popup_content .setting_screen.diamond_transfer_screen .transfer_user img{
    height: 50px;
    float: left;
    border-radius: 150px;
}
.popup_content #popup_content .setting_screen.diamond_transfer_screen .transfer_user .name{
    float: left;
    line-height: 50px;
    margin-left: 10px;
    font-size: 23px;
    color: #ffd400;
}
.popup_content #popup_content .setting_screen.diamond_transfer_screen .transfer_user .name span{}
.popup_content #popup_content .setting_screen.friend_pokemon_screen .note{
    text-align: left;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 10px;
}
.popup_content #popup_content .setting_screen.friend_pokemon_screen .note span{
    color:#ffd400;
    font-weight: 700;
}
.popup_content #popup_content .setting_screen.friend_pokemon_screen .pokemon{
    background-color: #2c2c2c;
    border-radius: 150px;
    padding: 0 15px;
    line-height: 54px;
    font-size: 17px;
    margin: 20px 0 10px;
}
.popup_content #popup_content .setting_screen.friend_pokemon_screen .pokemon .avatar{
    max-height: 30px;
    float: left;
}
.popup_content #popup_content .setting_screen.friend_pokemon_screen .pokemon .name{
    float: left;
    color: #ffd400;
    font-weight: 700;
}
.popup_content #popup_content .setting_screen.friend_pokemon_screen .pokemon .cp{
    float:right;
}
.popup_content #popup_content .setting_screen input{
    width: 100%;
    line-height: 50px;
    margin-bottom: 25px;
    border-radius: 150px;
    padding: 0 15px;
    font-size: 20px;
}
.popup_content #popup_content .setting_screen .pokemon_skill_mp{}
.popup_content #popup_content .setting_screen .pokemon_skill_mp .skill_dmg{float: right;margin-right: 10px;font-size: 20px;}
.popup_content #popup_content .setting_screen .pokemon_skill_mp select{
    line-height: 34px;
    height: 34px;
    width: 60px;
    padding: 0;
    text-align: center;
    background-color: #4d91d7;
    color: white;
    border: 0;
}
.popup_content #popup_content .setting_screen select{
    width: 100%;
    line-height: 50px;
    margin-bottom: 25px;
    border-radius: 150px;
    padding: 0 15px;
    font-size: 20px;
    height: 50px;
    cursor: pointer;
}
.popup_content #popup_content .setting_screen .label{
    text-align: left;
    padding: 0 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.popup_content #popup_content .setting_screen h5{
    font-size: 20px;
    text-transform: uppercase;
    line-height: 50px;
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight: 700;
}
.popup_content #popup_content .setting_screen .community{
    margin: 0 auto;
    width: 128px;
}
.popup_content #popup_content .setting_screen .community li{
    float: left;
    height: 50px;
    width: 50px;
    border: 2px solid #A06E45;
    background-color: #F5ECE1;
    border-radius: 150px;
    color: #2E2011;
    font-size: 30px;
    position: relative;
    cursor: pointer;
    margin: 0 5px;
}
.popup_content #popup_content .setting_screen .community li svg{}
.popup_content #popup_content .setting_screen #volume_control {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 55px;
  border: 2px solid #A06E45;
  background: #F5ECE1;
  outline: none;
  -webkit-transition: .2s;
  transition: opacity .2s;
  cursor: pointer;
  padding: 0;
}

.popup_content #popup_content .setting_screen #volume_control::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%; 
  background: #F5ECE1;
  border: 2px solid #A06E45;
  cursor: pointer;
}

.popup_content #popup_content .setting_screen #volume_control::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%; 
  background: #F5ECE1;
  border: 2px solid #A06E45;
  cursor: pointer;
}
.popup_content #popup_content .treasure_profile_screen{
    padding-bottom: 50px;
}
.popup_content #popup_content .treasure_profile_screen .button_level_up{}
.popup_content #popup_content .treasure_profile_screen .button_level_up select{
    width: 204px;
    line-height: 44px;
    margin-top: 20px;
    text-align: center;
    font-size: 20px;
    background-color: transparent;
    border: 3px solid #ffffff;
    color: #ffffff;
    border-radius: 25px;
    margin-right: 10px;
    font-weight: 700;
    height: 52px;
    position: relative;
    font-family: 'Montserrat';
    cursor: pointer;
}
.popup_content #popup_content .treasure_profile_screen .button_level_up select option{
    color:#333;
}
.popup_content #popup_content .treasure_profile_screen .level_up{
    font-size: 20px;
    margin-top: 20px;
    float: left;
    position: absolute;
    text-align: center;
    width: 100%;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Montserrat';
}
.popup_content #popup_content .treasure_profile_screen .level_up .amount{
    color: white;
}
.popup_content #popup_content .treasure_profile_screen .status_div{
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: 30px;
    color: #333;
}
.popup_content #popup_content .treasure_profile_screen .status_div img{
    height: 50px;
}
.popup_content #popup_content .treasure_profile_screen .status{
    height: 70px;
    width: 70px;
    background-color: #ffffff14;
    border-radius: 150px;
    position: relative;
    float: left;
    margin-right: 10px;
    display:none;
    color:white;
}
.popup_content #popup_content .treasure_profile_screen .avatar{}
.popup_content #popup_content .treasure_profile_screen .name{
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 20px;
}
.popup_content #popup_content .treasure_profile_screen .data{}
.popup_content #popup_content .treasure_profile_screen .data ul{}
.popup_content #popup_content .treasure_profile_screen .data ul li{
    font-size: 17px;
    line-height: 35px;
}
.popup_content #popup_content .treasure_profile_screen .data ul li span{
    color: #ffd400;
} 

.popup_content #popup_content .pokemon_info_screen{
}
.popup_content #popup_content .pokemon_info_screen .item_list{float: right;width: 70px;}
.popup_content #popup_content .pokemon_info_screen .item_list ul{}
.popup_content #popup_content .pokemon_info_screen .item_list ul li{
    width: 100%;
    position: relative;
}
.popup_content #popup_content .pokemon_info_screen .item_list ul li div{
    padding-top:100%;
    cursor: pointer;
}
.popup_content #popup_content .pokemon_info_screen .item_list ul li img{
    width: 100%;
}
.popup_content #popup_content .pokemon_info_screen .item_list ul li img.no_wearing{
    opacity: 0.3;
}
.popup_content #popup_content .pokemon_info_screen .skill_detail{
    margin: 20px 0;
    position: relative;
    text-align: left;
    border-top: 1px solid #4e4e4e;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #4e4e4e;
}
.popup_content #popup_content .pokemon_info_screen .skill_detail .skill_name{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
}
.popup_content #popup_content .pokemon_info_screen .skill_detail .skill_name img{
    width: 25px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 6px;
}
.popup_content #popup_content .pokemon_info_screen .skill_detail .skill_text{
    font-size: 14px;
    max-width: calc(100% - 60px);
    line-height: 20px;
    min-height: 40px;
}
.popup_content #popup_content .pokemon_info_screen .skill_detail .skill_energy{
    position: absolute;
    right: 0;
    height: 40px;
    width: 40px;
    background-color: #4d91d7;
    color: white;
    text-align: center;
    line-height: 40px;
    top: 50%;
    border-radius: 150px;
    transform: translate(0,-50%);
    font-size: 17px;
}
.popup_content #popup_content .pokemon_info_screen .info{
    width: calc(90% - 70px);
    padding: 0 5%;
    float: left;
}
.popup_content #popup_content .pokemon_info_screen .avatar{
    padding: 0 25%;
}
.popup_content #popup_content .pokemon_info_screen table{
    margin: 20px auto;
    width: 100%;
}
.popup_content #popup_content .pokemon_info_screen table tr td{
    color: white;
    position: relative;
    line-height: 35px;
    font-size: 16px;
    height: 35px;
}
.popup_content #popup_content .pokemon_info_screen table tr td .quality{
    color:grey;
}
.popup_content #popup_content .pokemon_info_screen table tr td .upgrade{
    color:#6eff00;
}
.popup_content #popup_content .pokemon_info_screen table tr td .author{
    color: #ffeb00;
    font-weight: 700;
    cursor: pointer;
}
.popup_content #popup_content .pokemon_info_screen table tr td:nth-child(2){
    text-align: right;
}
.popup_content #popup_content .pokemon_info_screen table tr td .name{
    color: #ffeb00;
    font-weight: 800;
    font-size: 21px;
}
.popup_content #popup_content .pokemon_info_screen table tr td .element{position: absolute;top: 50%;right: 0;transform: translate(0,-50%);height: 25px;}
.popup_content #popup_content .pokemon_info_screen table tr td .element ul{}
.popup_content #popup_content .pokemon_info_screen table tr td .element ul li{
    float: right;
    margin-left: 5px;
}
.popup_content #popup_content .pokemon_info_screen table tr td .element ul li img{
    height: 25px;
}
.popup_content #popup_content .list_select{
    margin-top: 10px;
}
.popup_content #popup_content .list_select.gem ul li{
    height: 64px;
    width: 64px;
}
.popup_content #popup_content .list_select.gem ul li img{
    width: 80%;
    height: 80%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.popup_content #popup_content .list_select ul li{
    height: 120px;
    width: 120px;
    float: left;
    position: relative;
    background-color: black;
    border-radius: 7px;
    margin: 10px;
    cursor: pointer;
}
.popup_content #popup_content .list_select ul li img{
    max-width: 100px;
    max-height: 100px;
    position: absolute;
    transform: translate(-50%);
    bottom: 10px;
    cursor: pointer;
}
.popup_content #popup_content .guide_screen{
    text-align: left;
    color: white;
    line-height: 25px;
    font-size: 16px;
}
.popup_content #popup_content .guide_screen table{
    width: 100%;
    text-align: center;
}
.popup_content #popup_content .guide_screen table tr{}
.popup_content #popup_content .guide_screen table tr td{
    border: 1px solid #ccc;
    color: white;
    line-height: 40px;
}
.popup_content #popup_content .guide_screen p{
    margin-bottom: 10px;
}
.popup_content #popup_content .guide_screen span {
    color: #ffd400;
}
.popup_content #popup_content .guide_screen ul {
    margin-bottom: 10px;
}
.popup_content #popup_content .guide_screen ul li{
    list-style: disc inside;
    margin: 0;
}
.popup_content #popup_content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    background-color: #1d160e;
    text-shadow: none;
    width: 85%;
    padding: 20px 10px;
    font-weight: 600;
    border-radius: 10px;
    border: 3px solid #dcc18d;
    color: white;
}
.popup_content #popup_content::after{
    background-color: #1d160e;
    text-shadow: none;
    width: 85%;
    padding: 20px 10px;
    font-weight: 600;
    border-radius: 10px;
    border: 3px solid #dcc18d;
    color: white;
}
.popup_content #popup_content .pokemon_training_reward{
    
}
.popup_content #popup_content .pokemon_training_reward .reward{
    margin-top: 20px;
}
.popup_content #popup_content .pokemon_training_reward .reward li{
    float: left;
    margin-bottom:20px;
    width:25%;
}
.popup_content #popup_content .pokemon_training_reward .reward li .material_item{
    margin:0 auto;
    top: 0;
    left: 0;
    transform: translate(0);
}
.popup_content #popup_content .pokemon_training_reward .pokemon{}
.popup_content #popup_content .pokemon_training_reward .pokemon ul{}
.popup_content #popup_content .pokemon_training_reward .pokemon ul li{
    float: left;
    width: 20%;
}
.popup_content #popup_content .pokemon_training_reward .pokemon .total{
    color: white;
    font-size: 14px;
}
.popup_content #popup_content .pokemon_training_reward .pokemon .xp{
    margin-bottom:6px
}
.popup_content #popup_content .pokemon_training_reward .pokemon .avatar{
    margin-bottom: 15px;
    height: 50px;
}
.popup_content #popup_content .pokemon_training_reward .pokemon img{
    max-height:50px;
}
.popup_content #popup_content .pokemon_training_reward .pokemon p{
    font-size: 15px;
    color: #ffeb00;
    font-weight: 700;
    line-height: 26px;
}
.frame_content{
    position: absolute;
    z-index: 100;
    width: 100%;
    top: 100%;
    z-index: 3;
    height: 100%;
    transition-duration: 1s;
}
.frame_content .title{
    position: absolute;
    top: 10%;
    width: 100%;
    text-align: center;
}
.frame_content .title p:first-child{
    font-size: 35px;
    margin-bottom: 10px;
    font-family: Marujo;
    font-weight: 700;
}
.frame_content .title p:last-child{
    text-transform: none;
    font-size: 21px;
} 
.header_select{}
.header_select select{
    height: 50px;
    padding: 0 8px;
    background-color: white;
    border-radius: 150px;
    font-size: 18px;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    box-shadow: 1px 1px 1px #8b8b8b;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
}
.frame_content .frame_content_div .map_change_screen{}
.frame_content .frame_content_div .map_change_screen .map{
    width: 100%;
}
.frame_content .frame_content_div .map_change_screen .map .main_map{
    width: 100%;
}
.frame_content .frame_content_div .map_change_screen .map .map_maker_list{}
.frame_content .frame_content_div .map_change_screen .map .map_maker_list .map_maker{
    height: 40px;
    width: 40px;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}
.frame_content .frame_content_div .map_change_screen .map .map_maker_list .map_maker .background{
    width: 100%;
}
.frame_content .frame_content_div .map_change_screen .map .map_maker_list .map_maker .current{
    top: -25px;
    height: 40px;
}
.frame_content .frame_content_div .map_change_screen .map .map_maker_list .map_maker .tag{
    background-color: white;
    position: absolute;
    bottom: -10px;
    left: 50%;
    border-radius: 150px;
    padding: 2px 10px;
    transform: translate(-50%);
}
.frame_content .frame_content_div .map_change_screen .map .map_maker_list .map_maker .icon{
    width: 100%;
}
.frame_content .frame_content_div .map_change_screen .map .map_maker_list .map_maker.point_1{
    width: 50px;
    height: 50px;
}
.frame_content .frame_content_div .map_change_screen .map .map_maker_list .map_maker.point_2{
    width: 80px;
    height: 80px;   
}
.frame_content .frame_content_div .map_change_screen .map .map_maker_list .map_maker.point_3{
    height: 110px;
    width: 110px;
}
.frame_content .frame_content_div .pokemon_champion_site_map_screen{}
.frame_content .frame_content_div .pokemon_champion_site_map_screen ul.menu{
    margin: 0 auto;
    width: 350px;
    margin-bottom: 80px;
}
.frame_content .frame_content_div .pokemon_champion_site_map_screen ul.menu li{
    float: left;
    width: calc(50% - 14px);
    border: 2px solid #fff;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    line-height: 40px;
    font-size: 19px;
    border-radius: 7px;
    margin: 0 5px;
    cursor: pointer;
    font-weight: 700;
}
.frame_content .frame_content_div .pokemon_champion_site_map_screen ul.menu li.active{
    background-color: #ffd400;
    color: #333;
    border-color: #ffd400;
}
.frame_content .frame_content_div .pokemon_champion_site_map_screen .map{
    padding: 0 20px;
}
.frame_content .frame_content_div .pokemon_champion_site_map_screen .map .top{}
.frame_content .frame_content_div .pokemon_champion_site_map_screen .map .profile{
    float: left;
    text-align: center;
    width: 160px;
    position: relative;
}
.frame_content .frame_content_div .pokemon_champion_site_map_screen .map .profile .avatar{
    height: 100px;
    border-radius: 150px;
    border: 4px solid white;
    cursor: pointer;
}
.frame_content .frame_content_div .pokemon_champion_site_map_screen .map .profile .name{
    background-color: white;
    margin-top: -12px;
    z-index: 3;
    position: absolute;
    width: 160px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 38px;
    font-weight: 700;
    cursor: pointer;
}
.frame_content .frame_content_div .pokemon_champion_site_map_screen .map .profile button{
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: -65px;
    background-color: #ffd400;
    color: #333;
    font-size: 16px;
    border-radius: 150px;
    border: 0;
    line-height: 25px;
    padding: 0 10px;
    font-weight: 700;
    font-family: 'Montserrat';
    display: none;
}
.frame_content .frame_content_div .pokemon_champion_site_map_screen .map .right.profile{
    float: right;
}
.frame_content .frame_content_div .pokemon_champion_site_map_screen .map .top .lose{
    filter: grayscale(1);
}
.frame_content .frame_content_div .pokemon_champion_site_map_screen .map .top .map_1 .profile{zoom: 0.8;}
.frame_content .frame_content_div .pokemon_champion_site_map_screen .map .top .map_1{
    width: 48%;
    float: left;
    position: relative;
    height: 160px;
    z-index: 1;
}
.frame_content .frame_content_div .pokemon_champion_site_map_screen .map .top .map_2{
    width: 480px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding-top: 50px;
    height: 330px;
}
.frame_content .frame_content_div .pokemon_champion_site_map_screen .map .bottom.profile{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}
.frame_content .frame_content_div .pokemon_champion_site_map_screen .map .top .map_2 .profile{}
.frame_content .frame_content_div .pokemon_champion_site_map_screen .map .line_background{
    position: absolute;
    height: 70px;
    border-bottom: 3px solid white;
    border-left: 3px solid white;
    border-right: 3px solid white;
    width: 100%;
    left: 50%;
    margin: 0 auto;
    transform: translate(-50%);
    border-radius: 0 0 5px 5px;
    opacity: 0.6;
    z-index: -1;
}
.frame_content .frame_content_div .pokemon_champion_site_map_screen .map .map_2 .line_background{
    width: calc(100% - 160px);
    top: -2px;
    height: 330px;
}
.frame_content .frame_content_div .pokemon_champion_site_map_screen .map .map_1 .line_background{
    width: calc(100% - 140px);
}
.frame_content .frame_content_div .top_list{
    padding: 0 8%;
    margin-top: 40px;
    height: calc(100% - 80px);
    overflow: auto;
    padding-top: 20px;
}
.frame_content .frame_content_div .top_list ul{
    width: 100%;
}
.frame_content .frame_content_div .top_list ul li{position: relative;margin-bottom: 40px;}
.frame_content .frame_content_div .top_list ul li .score{
    background-color: white;
    width: calc(100% - 131px);
    height: 60px;
    line-height: 60px;
    position: relative;
    border-radius: 150px;
    font-size: 17px;
    font-weight: 700;
}
.frame_content .frame_content_div .top_list ul li img.avatar{
    height: 80px;
    position: absolute;
    left: -10px;
    top: -12px;
    border-radius: 150px;
    border: 2px solid white;
    z-index: 1;
    box-shadow: 1px 1px 2px darkgrey;
    cursor: pointer;
}
.frame_content .frame_content_div .top_list ul li p.name{
    padding-left: 87px;
    cursor: pointer;
}
.frame_content .frame_content_div .top_list ul li p.level{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0,-50%);
    color: #f32a2a;
}
.frame_content .frame_content_div .top_list ul li .reward{
    position: absolute;
    right: 0;
    top: 0;
    width: 130px;
}
.frame_content .frame_content_div .top_list ul li .reward .team_img{
    text-align: center;
}
.frame_content .frame_content_div .top_list ul li .reward .team_img img{
    height: 60px;
}
.frame_content .frame_content_div .top_list ul li .reward .material_item{
    height: 54px;
    width: 54px;
    float: left;
    margin-left: 5px;
}
header.pokedex .pokedex_element{
    position: absolute;
    top: 20px;
    right: 0;
    height: 50px;
    width: calc(100%);
}
header.pokedex .pokedex_element button{
    height: 100%;
    border: 2px solid #ababab;
    border-radius: 150px;
    width: 160px;
    text-align: left;
    position: relative;
    padding-left: 45px;
    background-color: #ffffff;
    font-size: 18px;
    cursor: pointer;
    color: #333;
    float: right;
    margin-right: 20px;
}
header.pokedex .pokedex_element button img{
    height: 30px;
    position: absolute;
    left: 8px;
    top: 8px;
}
header.pokedex .pokedex_element ul{
    position: absolute;
    left: 0;
    top: 65px;
    z-index: 3;
    margin: 0 10px;
}
header.pokedex .pokedex_element ul:after{
    content:"";
    background-color: black;
    height: 150%;
    width: 150%;
    position: absolute;
    left: -20px;
    top: -100px;
    opacity: 0.9;
    z-index: -1;
}
header.pokedex .pokedex_element ul li{
    height: 46px;
    border: 2px solid #ababab;
    border-radius: 150px;
    width: calc(50% - 60px);
    text-align: left;
    position: relative;
    padding-left: 45px;
    background-color: #ffffff;
    font-size: 18px;
    cursor: pointer;
    color: #333;
    line-height: 46px;
    margin-bottom: 15px;
    float: left;
}
header.pokedex .pokedex_element ul li:nth-child(odd){
    margin-right: 20px;
}
header.pokedex .pokedex_element ul li img{
    height: 30px;
    position: absolute;
    left: 8px;
    top: 8px;
}
.pokedex_screen .pokemon_list{
    height: calc(100% - 80px);
    overflow-x: auto;
    margin-top: 40px;
}
body .pokedex_screen .close{
    right: 20px;
    top: 20px;
    z-index: 2;
}
.frame_content .frame_content_div{position: absolute;width: 100%;height: calc(100% - 50px);overflow: auto;padding-top: 50px;}
.frame_content .background{
    z-index: -1;
}
.frame_content .pokemon_battle_screen{}
.frame_content .pokemon_battle_screen .battle_top_damage_screen .close{
    right: -20px;
    top: -20px;
}
.frame_content .pokemon_battle_screen .battle_top_damage_screen{
    width: 80%;
    background-color: #1d160e;
    border: 3px solid #dcc18d;
    border-radius: 10px;
    color: white;
    padding: 20px;
    display: none;
}
.frame_content .pokemon_battle_screen .battle_top_damage_screen h5{
    text-transform: uppercase;
}
.frame_content .pokemon_battle_screen .battle_top_damage_screen ul{
    width: 80%;
    margin: 20 auto;
    max-height: 250px;
    overflow: auto;
}
.frame_content .pokemon_battle_screen .battle_top_damage_screen ul li{
    margin-bottom: 10px;
    height: 36px;
    cursor: pointer;
}
.frame_content .pokemon_battle_screen .battle_top_damage_screen ul li .avatar{
    max-height: 36px;
    float: left;
    max-width: 51px;
}
.frame_content .pokemon_battle_screen .battle_top_damage_screen ul li .detail{
    float: right;
    width: calc(100% - 120px);
    margin-right: 60px;
    text-align: left;
    margin-top: 8px;
}
.frame_content .pokemon_battle_screen .battle_top_damage_screen ul li .detail .name{}
.frame_content .pokemon_battle_screen .battle_top_damage_screen ul li .detail .damage_bar {
    height: 20px;
    display: inline-block;
    background-color: #ffd400;
    border-radius: 140px;
    text-align: center;
    font-size: 12px;
    position: relative;
}
.frame_content .pokemon_battle_screen .battle_top_damage_screen ul li .detail .damage{position: absolute;left: calc(100% + 5px);top: 50%;font-size: 13px;transform: translate(0,-50%);}
.frame_content .pokemon_battle_screen.twentyvtwenty{}
.frame_content .pokemon_battle_screen.twentyvtwenty .pokemon_battle_emulator .standing{
    width: 170px;
    height: 130px;
    zoom: 0.65;
    float: left;
}
.frame_content .pokemon_battle_screen.twentyvtwenty .pokemon_battle_emulator{
    width: 553px;
}
.frame_content .pokemon_battle_screen.onevone {}
.frame_content .pokemon_battle_screen.onevone .pokemon_battle_emulator .standing{
    width: 130px;
    height: 150px;
    zoom: 0.9;
    float: left;
}
.frame_content .pokemon_battle_screen.solobo5 {}
.frame_content .pokemon_battle_screen.solobo5 .pokemon_battle_emulator{
    width: 553px;
}
.frame_content .pokemon_battle_screen.solobo5 .pokemon_battle_emulator .standing{
    width: 130px;
    height: 150px;
    zoom: 0.85;
    float: left;
}
.frame_content .pokemon_battle_screen.onevone .bottom .standing:first-child{
    margin: 0 195px;
}
.frame_content .pokemon_battle_screen.onevone .top .standing:last-child{
    margin:0 195px;
}
.frame_content .pokemon_battle_screen.fivevfive {}
.frame_content .pokemon_battle_screen.onevone .pokemon_battle_emulator{
    width: 468px;
}
.frame_content .pokemon_battle_screen .pokemon_battle_emulator{
    width: 405px;
    height: 100%;
}
.frame_content .pokemon_battle_screen.fivevfive .pokemon_battle_emulator .standing{
    width: 150px;
    height: 150px;
    zoom: 0.9;
    float: left;
}
.frame_content .pokemon_battle_screen .pokemon_battle_emulator .standing.total_1{
    margin: 0 auto;
    float: none;
}
.frame_content .pokemon_battle_screen.fivevfive .bottom .standing:nth-child(1){
    margin-left: 80px;
}
.frame_content .pokemon_battle_screen.fivevfive .top .standing:nth-child(4){
    margin-left: 80px;
}
.frame_content .pokemon_battle_screen .top{
    position: absolute;
    top: 10%;
    width: 100%;
}
.frame_content .pokemon_battle_screen .bottom{
    position: absolute;
    bottom: 10%;
    width: 100%;
}
.frame_content .pokemon_battle_screen .hp_mp_bar{
    position: absolute;
    width: 60px;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%);
}
.frame_content .pokemon_battle_screen .hp_mp_bar .status_icon{
    margin-top: 3px;
    position: absolute;
}
.frame_content .pokemon_battle_screen .hp_mp_bar .status_icon ul{}
.frame_content .pokemon_battle_screen .hp_mp_bar .status_icon ul li{
    float: left;
}
.frame_content .pokemon_battle_screen .hp_mp_bar .status_icon ul li img{
    height: 13px;
    margin-right: 2px;
}
.frame_content .pokemon_battle_screen .damage_value{
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 80px;
    z-index: 2;
    opacity:0;
}
.frame_content .pokemon_battle_screen .damage_value.show{
     -webkit-animation-name: damage_value;
     -webkit-animation-duration: 1s;
}
@-webkit-keyframes damage_value {
  0% {
    opacity:0;
    bottom:80px;
  }
  20% {
    opacity:1;
  }
  99% {
    opacity:1;
    bottom: 120px;
  }
  100% {
    opacity:0;
    bottom:80px;
  }
}
.frame_content .pokemon_battle_screen .damage_value p{
    color:#f15f5f;
    text-shadow: 2px 1px 1px black;
    font-weight: 700;
    font-size: 19px;
}
.frame_content .pokemon_battle_screen .damage_value p.critical , .frame_content .pokemon_battle_screen .damage_value p.buff{
    color:#dc4eff !important;
}
.frame_content .pokemon_battle_screen .damage_value p.debuff{
    color:#ff8100 !important;
}
.frame_content .pokemon_battle_screen .damage_value p.heal{
    color: #04ff00;
}
.frame_content .pokemon_battle_screen .damage_value.show{
    
    
}
.frame_content .pokemon_battle_screen .hp_mp_bar .bar{background-color: #f0564a;}
.frame_content .pokemon_battle_screen .hp_mp_bar .bar_div{
    margin-top: 1px;
    height: 5px;
    border: 1px solid #383838;
}
.frame_content .pokemon_battle_screen .hp_mp_bar .bar_div.hp .bar{
}
.frame_content .pokemon_battle_screen .hp_mp_bar .bar_div.mp .bar{
    background-color: rgb(54 170 225);
}
.frame_content .frame_content_div .pokemon_battle_select{}
.frame_content .frame_content_div .pokemon_battle_select .pokemon_list{}
.frame_content .frame_content_div .close{
    position: absolute;
    right: 20px;
    top: 20px;
    background-color: #9C7A54;
    height: 50px;
    width: 50px;
    font-size: 40px;
    border-radius: 150px;
    cursor: pointer;
    color: #F5ECE1;
    z-index: 2;
}
.frame_content .frame_content_div .pokemon_detail_screen{
    height: 100%;
    padding: 0 20px;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_change{width: 100%;position: absolute;top: 50%;transform: translate(0,-50%);height: 50px;left: 0;}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_change .left{position: absolute;left: -40px;top: 50%;transform: translate(0,-50%);}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_change .right{
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translate(0,-50%);
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_change svg{
    font-size: 70px;
    cursor: pointer;
    color: #333;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_skin{
    height: calc(100% - 345px);
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_skin .skin_list{
    overflow: auto;
    height: 100%;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_skin .skin_list li{
    height: 230px;
    position: relative;
    width: 25%;
    float: left;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_skin .skin_list li .avatar{
    height: auto;
    width: auto;
    float: none;
    position: absolute;
    bottom: 90px;
    left: 50%;
    transform: translate(-50%);
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_skin .skin_list li .price{margin-top: 10px;}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_skin .skin_list li .price p{
    line-height: 30px;
    font-size: 20px;
    padding-right: 30px;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_skin .skin_list li .price .icon{
    height: 30px;
    position: absolute;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_skin .skin_list li .skin_button{position: absolute;top: 150px;text-align: center;left: 50%;transform: translate(-50%);}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_skin .skin_list li .skin_button button{
    line-height: 30px;
    width: 100px;
    font-size: 15px;
    margin-top: 0;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info.div_background{
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .skill_detail{
    margin: 20px 30px 0;
    position: relative;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .skill_detail .skill_name{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .skill_detail .skill_name img{
    width: 25px;
    vertical-align: middle;
    margin-top: -8px;
    margin-right: 6px;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .skill_detail .skill_text{
    font-size: 15px;
    max-width: calc(100% - 60px);
    line-height: 20px;
    min-height: 40px;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .skill_detail .skill_energy{
    position: absolute;
    right: 0;
    height: 50px;
    width: 50px;
    background-color: #4d91d7;
    color: white;
    text-align: center;
    line-height: 50px;
    top: 50%;
    border-radius: 150px;
    transform: translate(0,-50%);
    font-size: 20px;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .bar_div{
    height: 17px;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .bar_div .bar{}
.frame_content .frame_content_div .pokemon_detail_screen .div_background{
    padding: 15px;
    background-color: #f4eddf;
    border: 4px solid #9C7A54;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info{
    position: relative;
    margin-bottom: 15px;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .close{
    position: absolute;
    right: -15px;
    top: -20px;
    font-size: 30px;
    color: #F5ECE1;
    background-color: 9C7A54;
    height: 40px;
    width: 40px;
    border-radius: 150px;
    cursor: pointer;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .close svg{
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 22px;
    transform: translate(-50%,-50%);
}
.frame_content .frame_content_div .pokemon_detail_screen .avatar{
    float: left;
    height: 90px;
    width: 90px;
    position: relative;
}
.frame_content .frame_content_div .pokemon_detail_screen .avatar img{
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.frame_content .frame_content_div .pokemon_detail_screen .avatar .skin{
    position: absolute;
    right: 0;
    top: 0;
    background-color: #00000045;
    width: 30px;
    height: 30px;
    border-radius: 150px;
    color: white;
    cursor: pointer;
}
.frame_content .frame_content_div .pokemon_detail_screen .avatar .skin svg{}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .level_div{
    margin-top: 10px;
    font-weight: 600;
    margin-bottom: 6px;
    font-size: 15px;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .pokemon_level{
    width: calc(100% - 125px);
    position: relative;
    padding-right: 125px;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .pokemon_level .button_level_up{
    position: absolute;
    top: -5px;
    z-index: 1;
    width: 100px;
    right: 0;
    cursor: pointer;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .pokemon_level .button_level_up p{
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .pokemon_level .button_level_up .button_background{
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    z-index: -1;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .pokemon_level .button_level_up .material_item{
    height: 30px;
    width: 30px;
    margin-top: 8px;
    margin-left: 14px;
    float: left;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .pokemon_level .button_level_up .material_item p{
    font-size: 10px;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .pokemon_level .button_level_up .up{
    line-height: 55px;
    color: #ffffff;
    font-size: 17px;
    font-weight: 800;
    text-align: center;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .pokemon_level .button_level_up .button_background img{
    width: 100%;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .pokemon_level .button_level_up .button_center_svg{
    height: 30px;
    width: 30px;
    font-size: 25px;
    right: auto;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .button_level_up svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .level_div .level{
    float: left;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .level_div .exp{
    float: right;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .info .point_level{
    margin-top: 5px;
    position: relative;
    line-height: 30px;
    height: 30px;
    font-weight: 700;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .info .point_level span{
    color: #4d91d7;
    cursor: pointer;
    font-size: 16px;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .info .point_level p{
    padding-left: 30px;
    float: left;
    margin-right: 10px;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_evolution{
    height: calc(100% - 345px);
    overflow: auto;
    font-size: 18px;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_evolution .evolution{
    margin-top: 10px;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_evolution .evolution button{
    background-color: #1fae51;
    color: white;
    border: none;
    border-radius: 150px;
    height: 46px;
    width: 136px;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    float: left;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_evolution .evolution .material{
    float: left;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_evolution .evolution .material ul{}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_evolution .evolution .material ul li{
    float: left;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_evolution .evolution .material ul li .material_item {
    margin-left: 10px;
    height: 40px;
    width: 40px;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_evolution .evolution .material ul li .material_item .amount{}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_stats{
    height: calc(100% - 425px);
    overflow: auto;
    font-size: 18px;
    padding-bottom: 80px;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_stats .point_add_confirm{
    position: absolute;
    bottom: 0;
    text-align: center;
    width: calc(100% - 40px);
    left: 50%;
    background-color: #1d160e;
    transform: translate(-50%);
    padding-bottom: 20px;
    display: none;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_stats .element_bonus{}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_stats .element_bonus h5{
    text-transform: uppercase;
    color: #1D69C3;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 700;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_stats .element_bonus .element_attack{
    float: left;
    width: 47%;
    padding-right: 3%;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_stats .element_bonus .element_def{
    float: left;
    width: 47%;
    padding-left: 3%;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_stats .element_bonus ul{}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_stats .element_bonus .element_def ul li{
    padding-right:0;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_stats .element_bonus ul li{
    margin-bottom: 15px;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_stats .element_bonus ul li .right{
    float: right;
    padding-right: 35px;
    position: relative;
    font-weight: 700;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_stats .element_bonus ul li img{
    float: left;
    width: 30px;
    margin-top: -2px;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_stats .element_bonus ul li .button_center_svg{
    right: 0;
    top: 0;
    cursor: pointer;
    height: 25px;
    width: 25px;
}
.frame_content .frame_content_div .pokemon_detail_screen table{
    width: 100%;
    margin-bottom: 15px;
    font-size: 18px;
}
.frame_content .frame_content_div .pokemon_detail_screen table li{
    margin-bottom: 27px;
    font-weight: 700;
}
.frame_content .frame_content_div .pokemon_detail_screen table tr{
}
.frame_content .frame_content_div .pokemon_detail_screen table tr td{line-height: 50px;text-align: right;position: relative;}
.frame_content .frame_content_div .pokemon_detail_screen table tr td .quality{color:grey;}
.frame_content .frame_content_div .pokemon_detail_screen table tr td:nth-child(1){
    text-align: left;
}
.frame_content .frame_content_div .pokemon_detail_screen table tr td:nth-child(2){
    text-align: right;
}
.frame_content .frame_content_div .pokemon_detail_screen table tr td:nth-child(3){
    color: #2e9f00;
    padding-right: 5px;
}
.frame_content .frame_content_div .pokemon_detail_screen table tr td:nth-child(4){padding-right: 38px;color: #a37e51;}
.frame_content .frame_content_div .pokemon_detail_screen table tr td .icon{
    height: 21px;
    vertical-align: middle;
    margin-top: -8px;
    margin-left: 7px;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_stats table tr td .element{
    height: 30px;
    vertical-align: middle;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_stats table tr td .point_level_button{
    right: 0;
    top: 0;
    margin-top: 0;
    cursor: pointer;
    height: 25px;
    width: 25px;
}

.frame_content .frame_content_div .pokemon_detail_screen .point_level_button{
    height: 22px;
    position: absolute;
    width: 22px;
    background-color: white;
    color: #CCA67C;
    border-radius: 6px;
    font-size: 20px;
    top: 50%;
    transform: translate(0,-50%);
}
.frame_content .frame_content_div .pokemon_detail_screen .point_level_button svg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.frame_content .frame_content_div .pokemon_detail_screen .info{
    float: right;
    width: calc(100% - 100px);
    position: relative;
}
.frame_content .frame_content_div .pokemon_detail_screen .info .item_wearing{
    position: absolute;
    background-color: #000;
    border-radius: 5px;
    right: 100px;
    top: 0;
    cursor: pointer;
}
.frame_content .frame_content_div .pokemon_detail_screen .info .item_wearing ul{
    height: 80px;
    width: 80px;
}
.frame_content .frame_content_div .pokemon_detail_screen .info .item_wearing ul li{
    width: 33%;
    float: left;
}
.frame_content .frame_content_div .pokemon_detail_screen .info .item_wearing ul li div{
    position: relative;
    padding-top: 100%;
}
.frame_content .frame_content_div .pokemon_detail_screen .info .item_wearing ul li .no_wearing{opacity: 0.3;}
.frame_content .frame_content_div .pokemon_detail_screen .info .item_wearing ul li img{
    width: 100%;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .info p{
    font-size: 16px;
}
.frame_content .frame_content_div .pokemon_detail_screen .pokemon_info .info .cp{
    text-transform:inherit;
    font-size: 15px;
    font-weight: 700;
}
.frame_content .frame_content_div .pokemon_detail_screen .info .name{
    color: #1D69C3;
    font-size: 20px !important;
    margin-bottom: 7px;
    font-weight: 800;
}
.frame_content .frame_content_div .pokemon_detail_screen .info .name .text_copy{
    cursor: pointer;
    color: #333;
}
.frame_content .frame_content_div .pokemon_detail_screen .info .element{
    position: absolute;
    right: 0;
    top: 0;
}
.frame_content .frame_content_div .pokemon_detail_screen .info .role{
    position: absolute;
    right: 0;
    top: 45px;
    width: 35px;
    height: 35px;
}
.frame_content .frame_content_div .pokemon_detail_screen .info .role img{
    width: 100%;
}

.frame_content .frame_content_div .pokemon_detail_screen .info .element li{
    float: left;
    margin-left: 7px;
}
.frame_content .frame_content_div .pokemon_detail_screen .info .element li img{
    height: 35px;
}
.frame_content .background img{
    width: 100%;
    height: 100%;
}
.frame_content .frame_content_div .pokemon_catch{}
.frame_content .frame_content_div .pokemon_catch_button{
    position:absolute;
    left: 50%;
    bottom: 10%;
    width: 100%;
    transform: translate(-50%);
    text-align: center;
}
.frame_content .frame_content_div .pokemon_catch ul.catch_1{
    margin-top: 40%;
}
.frame_content .frame_content_div .pokemon_catch ul.catch_1 li.main{
    margin: 0 34.5%;
}
.frame_content .frame_content_div .pokemon_catch ul.main li.main .avatar{
    position: absolute;
    left: 50%;
    bottom: 64px;
    transform: translate(-50%);
}
.frame_content .frame_content_div .pokemon_catch ul.main li.main .trans{
    height: 100px;
}
.frame_content .frame_content_div .pokemon_catch ul li.main{
    margin-bottom: 30px;
}
.frame_content .frame_content_div .pokemon_catch ul li.catch_1{
}
.frame_content .frame_content_div .pokemon_catch ul li .item{width: 100%;position: absolute;bottom: 0;left: 0;z-index: -1;}
.frame_content .frame_content_div .pokemon_catch ul li .item img.icon{
    position: absolute;
    bottom: 64px;
    height: 90px;
    left: 50%;
    transform: translate(-50%);
}
.frame_content .frame_content_div .pokemon_catch ul li .tag {
    position: absolute;
    left: 0;
    height: 20px;
}
.frame_content .frame_content_div .pokemon_catch ul li .loading{
    width: 100%;
    position: absolute;
    bottom: 0;
}
.frame_content .frame_content_div .pokemon_catch ul li .loading .gif{
    position: absolute;
    top: 0;
    left: 0;
}
.frame_content .frame_content_div .pokemon_catch ul li .loading img{
    width: 100%;
}
.frame_content .frame_content_div .pokemon_catch ul li .item .note{
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-size: 13px;
    background-color: #4e4e4e;
    color: white;
    padding: 3px 0;
    border-radius: 0 0 5px 5px;
}
body .frame_content_div .pokemon_list{
    height: calc(100% - 80px);
    overflow-x: auto;
    margin-top: 40px;
}

body .content .pokemon_list_screen{}
body .content .pokemon_list_screen .warehouse_button{
    position: absolute;
    left: 20px;
    bottom: 20px;
    cursor: pointer;
}
body .content .pokemon_list_screen .warehouse_button img{
    height: 50px;
}
body .content .pokemon_list_screen .pokemon_list{
    height: calc(100% - 100px);
    overflow-x: auto;
    margin-top: 20px;
}
body .topup_screen {
    padding: 40px 70px;
}
body .topup_screen .topup{}
body .topup_screen .topup_result{
    padding: 20px 0;
    text-align: center;
}
body .topup_screen .topup_result img{
    height: 130px;
    margin-bottom: 15px;
}
body .topup_screen .topup_result p{
    font-size: 16px;
    font-weight: 600;
    color: green;
}
body .topup_screen .topup .fawa_receive{
    border-top: 1px solid #ddd;
    margin-top: 20px !important;
    padding-top: 10px;
    font-size: 16px !important;
}
body .topup_screen .topup .fawa_receive span{
    color: #f0564a;
}
body .topup_screen .topup button.topup{
    padding: 0 10px;
    border: none;
    border-radius: 65px;
    line-height: 40px;
    color: #333;
    font-size: 18px;
    width: 100%;
    cursor: pointer;
    background-color: #ffd400;
    font-weight: 700;
    font-family: inherit;
    text-transform: uppercase;
}
body .topup_screen .topup .label{
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 30px;
    margin-top: 15px;
}
body .topup_screen .topup img.fawa{
    height: 20px;
    margin-bottom: -4px;
}
body .topup_screen .topup input,body .topup_screen .topup select{
    margin: 0;
    border: 1px solid #ccc;
    width: 100%;
    height: 49px;
    border-radius: 5px;
    padding: 0 15px;
    font-size: 15px;
    color: #354052;
}
body .topup_screen .topup #recharge_menu{
}
body .topup_screen .topup #recharge_menu ul{
}
body .topup_screen .topup #recharge_menu ul li:first-child{
    margin-left: 0;
}
body .topup_screen .topup #recharge_menu ul li.active{
    border: 2px solid #f0564a;
}
body .topup_screen .topup #recharge_menu ul li{
    text-align: center;
    float: left;
    width: calc(25% - 32px);
    border: 2px solid #e3e3e3;
    cursor: pointer;
    border-radius: 5px;
    padding: 10px;
    margin-left: 10px;
}
body .topup_screen .topup #recharge_menu ul li img{
    margin-bottom: 5px;
}
body .topup_screen .topup #recharge_menu ul li .name{
    line-height: 30px;
    margin: 0;
    font-weight: 600;
    font-size: 15px;
}
body .topup_screen .topup #recharge_menu ul li .note{
    line-height: 20px;
    margin: 0;
}
.topup_result{
    width: 280px;
    padding: 10px;
    background-color: white;
    border-radius: 15px;
}
.topup_result img{
    margin-bottom: 20px;
}
.topup_result p{
    font-size: 18px;
    line-height: 25px;
}
.note {
    text-align: left;
    line-height: 30px;
    font-size: 16px;
}
@media (min-width: 1100px) {
    .pokedex_screen .pokemon_list ul.main li.main .avatar.png{
        display:none;
    } 
}
@media (max-width: 1099px) {
    .pokedex_screen .pokemon_list ul.main li.main .avatar.gif{
        display:none;
    }
    .pokedex_screen .pokemon_list ul.main li.main{
        height:145px;
    }   
}
@media (max-width: 799px) {
}
@media (max-height: 850px) {
    .div_middle{
        zoom: 0.8;
        -webkit-text-size-adjust:auto;
    } 
}
@media (max-width: 599px) {
    .div_middle{
        zoom: 0.8;
        -webkit-text-size-adjust:auto;
        width:100%;
    }     
    body .content .login{
        width:100%;
    }
    .frame_content .frame_content_div .pokemon_detail_screen .pokemon_stats{
        height: calc(100% - 415px);
    }
    .button_center_svg{
        font-size:20px;
    }
    .frame_content .frame_content_div{
    }
}
@media (max-width: 499px) {
    .div_middle{
        zoom: 0.65;
    }
}
@media (max-height: 649px) {
    .div_middle{
        zoom: 0.65;
    }
}