@charset "UTF-8";
@keyframes bounceInUp {
  0%,60%,75%,90%,to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, 2em, 0) scaleY(1.6); }
  60% {
    opacity: 1;
    transform: translate3d(0, -1em, 0) scaleY(0.9); }
  75% {
    transform: translate3d(0, -0.5em, 0) scaleY(0.95); }
  90% {
    transform: translate3d(0, 0.25em, 0) scaleY(0.985); }
  to {
    transform: translateZ(0) scaleY(1); } }
@keyframes bounceInLeft {
  0%,60%,75%,90%,to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(2em, 0, 0) scaleX(1.6); }
  60% {
    opacity: 1;
    transform: translate3d(-1em, 0, 0) scaleX(0.9); }
  75% {
    transform: translate3d(-0.5em, 0, 0) scaleX(0.95); }
  90% {
    transform: translate3d(0.25em, 0, 0) scaleX(0.985); }
  to {
    transform: translateZ(0) scaleX(1); } }
@keyframes shake {
  0% {
    transform: translate(0.5px, 0.5px) rotate(0deg); }
  10% {
    transform: translate(-0.5px, -1px) rotate(-1deg); }
  20% {
    transform: translate(-1.5px, 0px) rotate(1deg); }
  30% {
    transform: translate(1.5px, 1px) rotate(0deg); }
  40% {
    transform: translate(0.5px, -0.5px) rotate(1deg); }
  50% {
    transform: translate(-0.5px, 1px) rotate(-1deg); }
  60% {
    transform: translate(-1.5px, 0.5px) rotate(0deg); }
  70% {
    transform: translate(1.5px, 0.5px) rotate(-1deg); }
  80% {
    transform: translate(-0.5px, -0.5px) rotate(1deg); }
  90% {
    transform: translate(0.5px, 1px) rotate(0deg); }
  100% {
    transform: translate(0.5px, -1px) rotate(-1deg); } }
/* /////////////////////////////
적용 되는 곳
	- 플레이어1.0 채팅 영역
	- 웹용 채팅 영역 (2014.10)
///////////////////////////// */
/*
    2019-02-12
    웹플레이어 변경작업중 , 저장 위치 변경
    기존  /css/new_app/chat.css  에서 현파일 임폴트
*/
body {
  width: 100%;
  height: 100%;
  background: #fff; }

.chat_area * {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-family: 'NG','돋움',dotum,AppleGothic; }

.chat_area p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  font-family: 'NG','돋움',dotum,AppleGothic; }

.chat_area a {
  text-decoration: none; }

.chat_area strong {
  font-family: 'NGEB'; }

.chat_area dl {
  clear: both;
  margin: 6px 8px;
  opacity: 1; }

.chat_area dl dt {
  position: relative;
  padding: 1px 0 1px 30px;
  color: #767676;
  line-height: 1.2em; }

.chat_area dl dt img {
  vertical-align: middle;
  margin: 0 2px 3px 0; }

.chat_area dl dt > img {
  height: 12px; }

.chat_area dl dt a {
  color: #767676; }

.chat_area dl dd {
  padding: 1px 0 1px 30px;
  line-height: 16px;
  color: #000;
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  overflow: hidden; }

.chat_area dl dd > p {
  display: inline-block; }

.talk {
  color: #000 !important; }

/* 2014-09-29 추가 */
.chat_area em {
  font-family: tahoma;
  font-size: 11px;
  font-style: normal; }

/* 댓글형 */
.chat_area .wh_c {
  background: #fff; }

.chat_area .gr_c {
  background: #f6f6f6; }

.chat_area dl.comment {
  margin: 0; }

.chat_area dl.comment dt {
  padding: 14px 0 0 6px;
  color: #333;
  font-size: 11px;
  background: none; }

.chat_area dl.comment dd {
  padding: 1px 0 11px 6px;
  line-height: 16px;
  font-size: 10px;
  color: #3670bf; }

.chat_area dl.comment dd .time {
  font-family: tahoma;
  color: #999;
  font-size: 10px;
  font-style: normal; }

.chat_area dl.comment dd a {
  font-size: 11px;
  color: #3670bf; }

/* 방장채팅 */
.chat_area dl.bj dt {
  color: #ed391c;
  font-family: 'NGEB'; }

.chat_area dl.bj dt a {
  color: #ed391c; }

.chat_area dl.bj dd {
  color: #000;
  font-family: 'NGEB'; }

.talk_bj {
  color: #000 !important; }

/*  2014-09-29 추가 */
.chat_area dl.bj dd.chat_img {
  padding-left: 0 !important;
  width: 181px;
  height: 38px;
  margin-left: 32px; }

/* 2103.07 수정 */
/* 열혈팬채팅 */
.chat_area dl.hot dd {
  color: #e73ca2; }

.chatTopfanMsg {
  color: #e73ca2 !important; }

/* 2014-09-29 추가 */
/* 팬클럽채팅 */
.chat_area dl.fan dd {
  color: #56a704; }

.chatfanMsg {
  color: #56a704 !important; }

/* 2014-09-29 추가 */
/* 개인채팅 */
.chat_area dl.mychat dd {
  color: #2f84e5; }

.chatOwnMsg2 {
  color: #2f84e5 !important; }

/* 2014-09-29 추가 */
/* 운영자안내 */
.chat_area dl.info dt {
  color: #af7c68; }

.chat_area dl.info dt a {
  color: #af7c68; }

.chat_area dl.info dd {
  color: #af7c68; }

.chat_area dl dd img.emoticon {
  vertical-align: text-bottom;
  height: 26px;
  width: 26px; }

/* 남자 icon 110614 */
.chat_area .man {
  background-position: 0 0; }

/* BJ */
.chat_area .manager_m {
  background-position: 0 -35px; }

/* 매니저 */
.chat_area .hot_m {
  background-position: 0 -70px; }

/* 열혈팬 */
.chat_area .fan_m {
  background-position: 0 -105px; }

/* 팬클럽 */
.chat_area .user_m {
  background-position: 0 -140px; }

/* 일반 */
.chat_area .supporter_m {
  background-position: 0 -140px; }

/* 일반 */
.chat_area .out_m {
  background-position: 0 -175px; }

/* 퇴장 */
.chat_area .user_mb {
  background-position: 0 -210px; }

/* 블라인드 */
.chat_area .supporter_mb {
  background-position: 0 -210px; }

/* 블라인드 */
.chat_area .user_mw {
  background-position: 0 -245px; }

/* 벙어리 */
.chat_area .supporter_mw {
  background-position: 0 -245px; }

/* 벙어리 */
.chat_area .user_gm {
  background-position: 0 -771px; }

/* 글로벌남자 */
.chat_area .supporter_gm {
  background-position: 0 -771px; }

/* 글로벌남자 */
.chat_area .man_g {
  background-position: 0 -847px; }

/* 글로벌남자 BJ */
.chat_area .gudok_m {
  background-position: 0 -1022px; }

/*구독자*/
/* 여자 icon 110614 */
.chat_area .woman {
  background-position: 0 -280px; }

/* BJ */
.chat_area .manager_w {
  background-position: 0 -315px; }

/* 매니저 */
.chat_area .hot_w {
  background-position: 0 -350px; }

/* 열혈팬 */
.chat_area .fan_w {
  background-position: 0 -385px; }

/* 팬클럽 */
.chat_area .user_w {
  background-position: 0 -420px; }

/* 일반 */
.chat_area .supporter_w {
  background-position: 0 -420px; }

/* 일반 */
.chat_area .out_w {
  background-position: 0 -455px; }

/* 퇴장 */
.chat_area .user_wb {
  background-position: 0 -490px; }

/* 블라인드 */
.chat_area .supporter_wb {
  background-position: 0 -490px; }

/* 블라인드 */
.chat_area .user_ww {
  background-position: 0 -525px; }

/* 벙어리 */
.chat_area .supporter_ww {
  background-position: 0 -525px; }

/* 벙어리 */
.chat_area .user_gw {
  background-position: 0 -808px; }

/* 글로벌여자 */
.chat_area .supporter_gw {
  background-position: 0 -808px; }

/* 글로벌여자 */
.chat_area .woman_g {
  background-position: 0 -885px; }

/* 글로벌여자 BJ */
.chat_area .gudok_w {
  background-position: 0 -1071px; }

/*구독자*/
/* 모바일 icon 110919 */
.chat_area .phone {
  background-position: 0 -629px; }

.chat_area .global_phone {
  background-position: 0 -926px; }

/* 2015-06-01 add */
.psncon_support {
  position: absolute;
  left: 15px;
  top: 5px;
  overflow: hidden;
  text-indent: -1111px;
  width: 5px;
  height: 7px;
  background: url(/images/new_app/chat/psncon_support.gif) no-repeat 0 0; }

.vlist .psncon_support {
  left: 27px;
  top: 7px;
  z-index: 9999; }

/* 안내 icon 110614 */
/* .speak {background-position:2px -558px} */
/* 공지 */
.chat_area .ear {
  background-position: 0 -592px;
  font-weight: normal !important; }

/* 귓말 110628 */
.chat_area .ear_deny {
  color: #63a4e7;
  font-size: 11px;
  line-height: 1.3em;
  padding: 10px 25px;
  text-align: center; }

.chat_area .ear_deny a {
  color: #63a4e7; }

/* 110920 */
.chat_area .speak dt {
  background-position: 0 -678px;
  color: #4286c9;
  font-family: 'NGEB';
  padding-top: 1px; }

.chat_area .police dt {
  background-position: 0 -727px;
  color: #d63543;
  font-family: 'NGEB';
  padding-top: 4px; }

.chat_area .illegal dt {
  color: #ff3300; }

/* 2015-10-01 추가 */
.chat_area .servernt dt {
  background-position: 0 -972px;
  color: #1075ed;
  font-family: 'NGEB';
  padding-top: 4px; }

.chat_area .police dd,
.chat_area .speak dd,
.chat_area .servernt dd {
  padding: 0; }

.chat_area .speak dd .box_o {
  border: 1px solid #0a4991;
  border-radius: 3px; }

.chat_area .police dd .box_o {
  border: 1px solid #991b26;
  border-radius: 3px; }

.chat_area .illegal dd .box_o {
  border: 1px solid #c3c3c3;
  border-radius: 2px; }

/* 2015-10-01 추가 */
.chat_area .servernt dd .box_o {
  border: 1px solid #0243ae;
  border-radius: 3px; }

.chat_area .speak dd .box_i {
  border: 1px solid #6ca1d5;
  background-color: #4286c9;
  color: #fff;
  border-radius: 2px; }

.chat_area .speak dd .box_i p {
  color: #fff;
  word-break: break-all;
  word-wrap: break-word; }

.chat_area .police dd .box_i {
  border: 1px solid #df616c;
  background-color: #d63543;
  color: #fff;
  border-radius: 2px; }

.chat_area .illegal dd .box_i {
  border: none;
  background: none; }

/* 2015-10-01 추가 */
.chat_area .police dd .box_i p {
  color: #fff;
  word-break: break-all;
  word-wrap: break-word; }

.chat_area .illegal dd .box_i p {
  color: #ff3300;
  letter-spacing: -1px;
  word-break: break-all;
  word-wrap: break-word; }

/* 2015-10-01 추가 */
.chat_area .servernt dd .box_i {
  border: 1px solid #407ee5;
  background-color: #0a5ade;
  color: #fff;
  border-radius: 2px; }

.chat_area .servernt dd .box_i p {
  color: #fff;
  word-break: break-all;
  word-wrap: break-word; }

.chat_area .box_i p {
  margin: 0 8px;
  padding: 6px 0; }

.chat_area .illegal .box_i p {
  margin: 0 8px;
  padding: 6px 0;
  text-align: justify; }

/* 2015-10-01 추가 */
.chat_area .box_o {
  margin: 3px 0 0 32px;
  position: relative; }

.chat_area .box_o img {
  position: absolute;
  display: none; }

/* 2015-11-13 display:none 추가 */
.chat_area .box_o .ic_arw {
  top: -4px;
  left: 41px;
  display: block; }

/* 2015-11-13 display:block 추가 */
.chat_area .box_o .ic_arw_sp {
  display: none;
  position: absolute;
  top: -4px;
  left: 41px;
  width: 7px;
  height: 5px;
  overflow: hidden;
  text-indent: -1111px;
  background: url("/images/new_app/chat/ic_white_arw.gif") no-repeat 0 0; }

/* 2015-11-11 추가 */
.chat_area .box_o .run_lt {
  top: -1px;
  left: -1px; }

.chat_area .box_o .run_rt {
  top: -1px;
  right: -1px; }

.chat_area .box_o .run_lb {
  bottom: -1px;
  left: -1px; }

.chat_area .box_o .run_rb {
  bottom: -1px;
  right: -1px; }

/* 이모티콘 On/Off */
.chat_area .emo_notice {
  margin: 4px 3px 5px 3px;
  padding-left: 5px;
  font-size: 11px;
  color: #9a9a9a; }

/* 안내글 */
.chat_area .notice {
  margin: 10px 6px;
  font-size: 11px;
  color: #9a9a9a;
  position: relative; }

.chat_area .notice.manager a,
.chat_area .notice.manager {
  color: #16c7bd; }

.chat_area .notice a {
  font-size: 11px;
  color: #9a9a9a; }

.chat_area .notice span {
  font-size: 11px; }

.chat_area .name {
  font-size: 11px;
  color: #666; }

.chat_area .name a {
  font-size: 11px;
  color: #666; }

.chat_area .name span {
  color: #af7c68;
  font-family: 'NGEB'; }

.chat_area span.user {
  color: #333; }

.chat_area span.supporter {
  color: #333; }

.chat_area span.manager {
  color: #16c7bd;
  font-family: 'NGEB'; }

.chat_area .support,
.chat_area .support a {
  color: #6934c1;
  font-family: 'NGEB';
  letter-spacing: -1px; }

/* 120918 */
.chat_area .hotfan,
.chat_area .hotfan a {
  color: #E15277;
  font-family: 'NGEB';
  letter-spacing: -1px; }

/* 110628 */
.chat_area .fanclub,
.chat_area .fanclub a {
  color: #56a704;
  font-family: 'NGEB';
  letter-spacing: -1px; }

/* 110628 */
.chat_area .hotfan em,
.chat_area .fanclub em {
  letter-spacing: 0; }

.chat_area span.caution {
  color: #e7816d;
  font-family: 'NGEB'; }

.chat_area span.bold {
  font-family: 'NGEB'; }

.chat_area .blacklist,
.chat_area .blacklist a {
  color: #e7816d;
  font-family: 'NGEB'; }

/* 120409 */
.chat_area span.relay {
  font-size: 11px;
  color: #1e74c7;
  font-family: 'NGEB';
  letter-spacing: -1px; }

/* 120409 */
.chat_area span.vod {
  font-size: 11px;
  color: #009900;
  font-family: 'NGEB';
  letter-spacing: -1px; }

/* 120409 */
/* bullet */
.chat_area .in {
  padding-left: 8px;
  margin-left: 9px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 16'%3e%3cpath fill-rule='evenodd' d='M.576 14.576c-.235.234-.235.614 0 .848.234.235.614.235.848 0l7-7c.235-.234.235-.614 0-.848l-7-7C1.19.34.81.34.576.576.34.81.34 1.19.576 1.424L7.15 8 .576 14.576z'/%3e%3c/svg%3e");
  background-size: 5px 5px;
  background-position: 0 50%;
  background-repeat: no-repeat; }

.chat_area .out {
  padding-left: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 16'%3e%3cpath fill-rule='evenodd' d='M8.424 14.576c.235.234.235.614 0 .848-.234.235-.614.235-.848 0l-7-7C.34 8.19.34 7.81.576 7.576l7-7c.234-.235.614-.235.848 0 .235.234.235.614 0 .848L1.85 8l6.575 6.576z'/%3e%3c/svg%3e");
  background-size: 5px 5px;
  background-position: 0 50%;
  background-repeat: no-repeat; }

/* 배경 */
.chat_area .box_end {
  margin: 11px 0 0 0;
  padding: 9px 0 6px 0;
  background: #fafafa; }

.chat_area .box_hot {
  margin: 0;
  padding: 9px 0 7px 21px;
  background: #ffeff3; }

.chat_area .box_Vstart {
  box-sizing: border-box;
  display: flex;
  min-height: 17px;
  min-width: 280px;
  margin: 16px 0;
  border-radius: 30px;
  color: #63a4e7;
  word-break: break-all;
  align-items: center;
  justify-content: center;
  padding: 0 10px; }
  .chat_area .box_Vstart > span {
    font-family: 'NGEB'; }
    .chat_area .box_Vstart > span span {
      font-family: 'NGEB'; }

.box_game_point {
  margin: 10px;
  padding: 12px 0;
  text-align: center;
  border-radius: 3px;
  background: #e9f6ff;
  color: #6d6d6d; }
  .box_game_point p {
    word-break: break-word;
    padding: 0 10px; }
    .box_game_point p strong {
      color: #4279ff;
      font-family: 'NGEB'; }
    .box_game_point p span {
      display: inline-block;
      color: #000;
      font-family: 'NG'; }

/* 배경 텍스트 */
.chat_area .ice {
  margin: 14px 0;
  padding: 0 10px;
  text-align: center;
  font-size: 11px;
  color: #63a4e7; }

.chat_area .ice span {
  display: inline-block;
  margin-bottom: 4px;
  color: #2550b1;
  font-family: 'NGEB';
  font-size: 12px; }

.chat_area .txt_g {
  padding: 0;
  text-align: center;
  font-size: 11px;
  color: #666; }

.chat_area .txt_g span {
  color: #666;
  font-family: 'NGEB';
  font-size: 12px; }

/* flash 110628 */
/* .chat_area .flash {width:195px;height:145px;200px;position:relative;margin:5px 0 30px 0}

.chat_area .flash .bal_txt {font-size:11px;font-family:'NGEB';color:#333;letter-spacing:-1px}
.chat_area .flash .bal_txt strong {font-size:11px}
.chat_area .flash .bal_txt .num {letter-spacing:0;font-size:11px} */
/* 스티커 및 별풍선 */
.chat_area .flash {
  width: 195px;
  height: 145px;
  /* 200px; */
  position: relative;
  /*margin:5px 0 30px 0*/
  margin: 5px auto 15px; }

.chat_area .flash .text {
  width: 195px;
  position: absolute;
  text-align: center;
  bottom: 2px;
  left: 0;
  color: #357DB8;
  letter-spacing: 0;
  color: #f5401c;
  line-height: 1.2em; }

.chat_area .flash .bal_txt {
  font-size: 11px;
  font-family: 'NGEB';
  color: #333;
  letter-spacing: -1px; }

.chat_area .flash .bal_txt strong {
  font-size: 11px;
  font-family: 'NGEB'; }

.chat_area .flash .bal_txt .num {
  letter-spacing: 0;
  font-size: 11px;
  font-family: 'NGEB'; }

.chat_area .flash .text_s {
  width: 195px;
  position: absolute;
  text-align: center;
  bottom: 2px;
  left: 0;
  color: #666;
  letter-spacing: 0;
  line-height: 1.2em; }

.chat_area .flash .text_s .bal_txt .num {
  color: #f52b37;
  font-family: 'NGEB'; }

.chat_area .flash .text_s .bal_txt {
  color: #666;
  font-weight: normal; }

/* 이미지 스티커 추가 */
.chat_area .sticker_area {
  width: 192px;
  height: 200px;
  position: relative;
  text-align: center;
  margin: 0 auto; }

.chat_area .sticker_area.vod {
  height: 154px;
  margin: 10px auto; }

.chat_area .sticker_area .ea {
  position: absolute;
  top: 20px;
  left: 0;
  text-align: center;
  width: 100%;
  font-family: 'NGEB';
  color: #edba3b;
  font-size: 33px;
  font-family: verdana;
  line-height: 1.0em;
  font-style: italic;
  letter-spacing: -1px; }

.chat_area .sticker_area .text {
  width: 195px;
  position: absolute;
  text-align: center;
  bottom: 2px;
  left: 0;
  color: #357DB8;
  letter-spacing: 0;
  color: #f5401c;
  line-height: 1.2em; }

.chat_area .sticker_area .bal_txt {
  font-size: 11px;
  font-family: 'NGEB';
  color: #333;
  letter-spacing: -1px; }

.chat_area .sticker_area .bal_txt strong {
  font-size: 11px;
  font-family: 'NGEB'; }

.chat_area .sticker_area .bal_txt .num {
  letter-spacing: 0;
  font-size: 11px;
  font-family: 'NGEB'; }

.chat_area .sticker_area .text_s {
  width: 195px;
  position: absolute;
  text-align: center;
  bottom: 2px;
  left: 0;
  color: #666;
  letter-spacing: 0;
  line-height: 1.2em; }

.chat_area .sticker_area .text_s a {
  color: #666;
  letter-spacing: 0;
  line-height: 1.2em; }

.chat_area .sticker_area .text_s .bal_txt .num {
  color: #f52b37;
  font-family: 'NGEB'; }

.chat_area .sticker_area .text_s .bal_txt {
  color: #666;
  font-weight: normal; }

/*
모바일 sticker_s0
너님최고 sticker_s1
눈이부셔 sticker_s2
멘탈붕괴 sticker_s3
미션성공 sticker_s4
미션실패 sticker_s5
예뻐요 sticker_s6
의지부족 sticker_s7
잘했어요 sticker_s8
지켜보긔 sticker_s9
ㅋㅋㅋㅋ sticker_s10
힘내요 sticker_s11
사랑해 sticker_s12
 */
.chat_area .sticker_s0 .ea {
  color: #edba3b; }

.chat_area .sticker_s1 .ea {
  color: #b70002; }

.chat_area .sticker_s2 .ea {
  color: #ff5c01; }

.chat_area .sticker_s3 .ea {
  color: #fd0000; }

.chat_area .sticker_s4 .ea {
  color: #3a3a3a; }

.chat_area .sticker_s5 .ea {
  color: #000000; }

.chat_area .sticker_s6 .ea {
  color: #fff; }

.chat_area .sticker_s7 .ea {
  color: #000000; }

.chat_area .sticker_s8 .ea {
  color: #30188a; }

.chat_area .sticker_s9 .ea {
  color: #ffeb01; }

.chat_area .sticker_s10 .ea {
  color: #242424; }

.chat_area .sticker_s11 .ea {
  color: #d9edff; }

.chat_area .sticker_s12 .ea {
  color: #ffea00; }

.chat_area .sticker_setc .ea {
  color: #e5ff00; }

/* 110801 소셜추가 */
.chat_area dl.social_site {
  border-bottom: 1px solid #ffffff;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  background: #f0f0f0;
  margin: 0;
  text-align: center;
  padding: 10px 0; }

.chat_area dl.social_site dt {
  color: #444444;
  font-size: 11px;
  background: none;
  padding: 0; }

.chat_area dl.social_site dt em {
  text-decoration: normal;
  color: #222222;
  padding-right: 1px; }

.chat_area dl.social_site dt span {
  color: #0064d5;
  font-size: 11px; }

.chat_area dl.social_site .t {
  display: inline-block;
  background: url(/images/new_app/chat/bg_social.gif) 0px 0px no-repeat;
  padding: 0px;
  color: #ffffff;
  height: 20px;
  width: 128px;
  text-align: left;
  font-size: 11px;
  margin-top: 3px; }

.chat_area dl.social_site .m {
  display: inline-block;
  background: url(/images/new_app/chat/bg_social.gif) 0px -21px no-repeat;
  padding: 0px;
  color: #ffffff;
  height: 20px;
  width: 128px;
  text-align: left;
  font-size: 11px;
  margin-top: 3px; }

.chat_area dl.social_site .f {
  display: inline-block;
  background: url(/images/new_app/chat/bg_social.gif) 0px -42px no-repeat;
  padding: 0px;
  color: #ffffff;
  height: 20px;
  width: 128px;
  text-align: left;
  font-size: 11px;
  margin-top: 3px; }

.chat_area dl.social_site a {
  color: #ffffff;
  display: block;
  padding: 3px 0 0 23px; }

/* 111011 소셜추가 */
.chat_area .social_area {
  margin: 5px 0; }

.chat_area dl.social_list {
  border: 1px solid #ffffff;
  background: #f6f6f6;
  margin: 0;
  padding: 5px 5px;
  letter-spacing: -1px; }

.chat_area dl.social_list dt {
  color: #777777;
  font-size: 11px;
  background: none;
  padding: 0;
  line-height: 20px; }

.chat_area dl.social_list dt span {
  color: #4050a2;
  font-family: 'NGEB';
  padding: 0 5px 0 0; }

.chat_area dl.social_list dd {
  color: #222222;
  font-size: 11px;
  background: none;
  padding: 0; }

.chat_area dl.social_list dd .t {
  width: 13px;
  height: 13px;
  background: url(/images/new_app/chat/ico_social.gif) 0 0 no-repeat;
  margin: 0 0 0 2px;
  display: inline-block;
  text-indent: -3000em; }

.chat_area dl.social_list dd .f {
  width: 13px;
  height: 13px;
  background: url(/images/new_app/chat/ico_social.gif) -15px 0 no-repeat;
  margin: 0 0 0 2px;
  display: inline-block;
  text-indent: -3000em; }

.chat_area dl.social_list dd .m {
  width: 13px;
  height: 13px;
  background: url(/images/new_app/chat/ico_social.gif) -30px 0 no-repeat;
  margin: 0 0 0 2px;
  display: inline-block;
  text-indent: -3000em; }

/* 소셜댓글 */
.chat_area .new_msg {
  letter-spacing: -1px;
  width: 100%;
  text-align: center;
  background: #f9f9f9;
  border-bottom: 1px solid #f0f0f0; }

.chat_area .new_msg a {
  display: block;
  padding: 7px 0 6px 0; }

.chat_area .new_msg span {
  padding: 0 0 0 18px;
  background: url(/images/new_app/chat/ico_reple.gif) 0 0 no-repeat;
  font-size: 11px;
  color: #2e68c3; }

.chat_area .pass_msg {
  letter-spacing: -1px;
  width: 100%;
  text-align: center;
  background: #f8f8f8;
  border-top: 1px solid #cdcdcd;
  border-bottom: 2px solid #eeeeee; }

.chat_area .pass_msg a {
  display: block;
  padding: 7px 0 6px 0; }

.chat_area .pass_msg span {
  padding: 0 16px 0 0;
  background: url(/images/new_app/chat/ico_reple.gif) right -42px no-repeat;
  font-size: 11px;
  color: #54575d; }

.chat_area .no_msg {
  color: #444444;
  font-size: 11px;
  letter-spacing: -1px;
  line-height: 18px;
  padding: 18px 0;
  text-align: center; }

.chat_area .no_msg span {
  color: #2d65bc;
  font-size: 11px; }

.chat_area .sns_reple {
  border-bottom: 1px solid #eaeaea;
  position: relative;
  padding: 5px 0;
  float: left;
  width: 100%;
  min-height: 62px; }

.chat_area .thum {
  width: 48px;
  position: absolute;
  left: 5px;
  top: 5px; }

.chat_area .thum .t {
  background: url("/images/new_app/chat/ico_social.gif") no-repeat 0 0;
  display: inline-block;
  height: 13px;
  margin: 4px 2px 0 0;
  text-indent: -3000em;
  width: 13px; }

.chat_area .thum .f {
  background: url("/images/new_app/chat/ico_social.gif") no-repeat -15px 0;
  display: inline-block;
  height: 13px;
  margin: 4px 2px 0 0;
  text-indent: -3000em;
  width: 13px; }

.chat_area .thum .m {
  background: url("/images/new_app/chat/ico_social.gif") no-repeat -30px 0;
  display: inline-block;
  height: 13px;
  margin: 4px 2px 0 0;
  text-indent: -3000em;
  width: 13px; }

.chat_area .right_smstxt {
  padding: 0 0 0 54px;
  margin: 0;
  height: 62px; }

.chat_area .right_smstxt .sns_txt {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 100%; }

.chat_area .right_smstxt .sns_txt li {
  float: left;
  width: 99%; }

.chat_area .right_smstxt .sns_txt .tit {
  font-size: 11px;
  font-family: tahoma;
  padding: 0 0 3px 0;
  color: #1a1a1a;
  font-family: 'NGEB'; }

.chat_area .right_smstxt .sns_txt .r_text {
  padding: 0 0 16px 0;
  color: #666;
  font-size: 11px; }

.chat_area .sns_reple .del_re {
  position: absolute;
  left: 55px;
  bottom: 7px; }

.chat_area .sns_reple .del_re a {
  color: #aaaaaa;
  font-size: 11px;
  text-decoration: underline;
  color: #aaaaaa;
  margin-right: 5px; }

.chat_area .sns_reple .del_re .line {
  background: url("/images/new_app/chat/line_2011.gif") 0 2px no-repeat;
  padding: 0 0 0 6px; }

.chat_area .sns_reple .time {
  position: absolute;
  bottom: 7px;
  right: 8px;
  color: #bebebe;
  font-size: 11px; }

.chat_area .chulchek {
  text-align: center;
  padding: 5px 0; }

.chat_area .chulchek img {
  border: none 0; }

/* 별풍선 이미지 */
.chat_area .balloon_area {
  position: relative;
  width: 195px;
  height: 145px;
  margin: 10px auto;
  background: url(/new_player/items/balloon.png) 0 0 no-repeat; }

.chat_area .balloon_area.bg_none,
.chat_area .balloon_area.storytelling_on {
  background: none; }

/* 2015-11-17 추가 */
.chat_area .balloon_area.storytelling_on img {
  height: 145px; }

.chat_area .balloon_area.vod {
  background: none;
  height: 136px;
  width: 222px;
  margin: 10px auto; }

.chat_area .balloon_area.vod .text {
  width: 100%; }

.chat_area .balloon_area.breaktime {
  background: none; }

.chat_area .balloon_area.breaktime img {
  display: block;
  width: 130px;
  height: 96px;
  margin: 0 auto; }

.chat_area .balloon_area.breaktime .text {
  color: #666;
  white-space: nowrap; }

.chat_area .balloon_area.breaktime .text strong {
  color: #f5401c; }

.chat_area .balloon_area .text {
  width: 195px;
  position: absolute;
  text-align: center;
  bottom: 3px;
  left: 0;
  letter-spacing: 0;
  color: #f5401c;
  line-height: 1.2em; }

.chat_area .balloon_area .text a {
  letter-spacing: 0;
  color: #f5401c;
  line-height: 1.2em;
  position: relative; }

.chat_area .balloon_area .bal_txt {
  font-size: 11px;
  font-family: 'NGEB';
  color: #333; }

.chat_area .balloon_area .bal_txt strong {
  font-size: 11px; }

.chat_area .balloon_area .bal_txt .num {
  letter-spacing: 0;
  font-size: 11px;
  font-family: 'NGEB'; }

.chat_area .balloon_area p.ea {
  position: absolute;
  top: 18px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #0028bd;
  font-size: 45px;
  font-family: arial;
  line-height: 1.0em;
  letter-spacing: -1px;
  z-index: 50; }

.chat_area .img_balloon {
  text-align: center;
  position: absolute;
  top: 6px;
  width: 195px;
  z-index: 10;
  left: 0; }

/* 희망풍선 */
.chat_area .hballoon_area {
  width: 195px;
  height: 145px;
  position: relative;
  margin: 5px auto 15px auto;
  /*background:url(/new_player/items/balloon.png) 0 0 no-repeat;*/
  position: relative; }

.chat_area .hballoon_area .text {
  width: 195px;
  position: absolute;
  text-align: center;
  bottom: 2px;
  left: 0;
  color: #357DB8;
  letter-spacing: 0;
  color: #f5401c;
  line-height: 1.2em; }

.chat_area .hballoon_area .bal_txt {
  font-size: 11px;
  font-family: 'NGEB';
  color: #333;
  letter-spacing: -1px; }

.chat_area .hballoon_area .bal_txt strong {
  font-size: 11px;
  font-family: 'NGEB'; }

.chat_area .hballoon_area .bal_txt .num {
  letter-spacing: 0;
  font-size: 11px; }

.chat_area .hballoon_area p.ea {
  position: absolute;
  top: 18px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #0028bd;
  font-size: 45px;
  font-family: arial;
  line-height: 1.0em;
  letter-spacing: -1px;
  z-index: 50; }

.chat_area .img_balloon {
  text-align: center;
  position: absolute;
  top: 6px;
  width: 195px;
  z-index: 10;
  left: 0; }

/* 미션풍선 */
.chat_area .mission_area {
  position: relative;
  width: 195px;
  height: 160px;
  margin: 5px auto 15px auto; }
  .chat_area .mission_area img {
    vertical-align: top; }
  .chat_area .mission_area.complete {
    height: 145px; }
    .chat_area .mission_area.complete .text {
      color: #333; }
  .chat_area .mission_area .text {
    width: 195px;
    position: absolute;
    z-index: 10;
    text-align: center;
    top: 115px;
    left: 0;
    letter-spacing: 0;
    color: #888;
    line-height: 1.2em; }
    .chat_area .mission_area .text p {
      line-height: 100%;
      font-size: 11px;
      font-family: 'NGEB'; }
      .chat_area .mission_area .text p.nick {
        padding-top: 3px;
        font-size: 12px;
        color: #f5401c; }
        .chat_area .mission_area .text p.nick a {
          color: #f5401c; }
      .chat_area .mission_area .text p.txt {
        padding-top: 3px;
        color: #333; }

.chat_area .sprinkle_gift {
  position: relative;
  width: 195px;
  margin: 10px auto; }
  .chat_area .sprinkle_gift .img {
    font-size: 0; }
  .chat_area .sprinkle_gift .text {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 36px;
    padding-top: 3px;
    font-size: 11px;
    text-align: center;
    color: #333; }
    .chat_area .sprinkle_gift .text a {
      font-size: 13px;
      color: #f5401c;
      font-weight: bold;
      vertical-align: -1px; }
    .chat_area .sprinkle_gift .text p {
      color: #333;
      font-size: 11px; }
      .chat_area .sprinkle_gift .text p strong,
      .chat_area .sprinkle_gift .text p span {
        font-family: 'NGEB';
        font-size: 11px; }
.chat_area .g1q, .chat_area .g2q {
  position: relative;
  box-sizing: border-box;
  margin: 30px auto;
  width: 270px;
  padding-bottom: 35px;
  text-align: center;
  border-radius: 8px;
  border: solid 1px #eee; }
  .chat_area .g1q p, .chat_area .g2q p {
    position: relative;
    display: inline-block;
    padding: 15px 5px 15px 123px;
    font-size: 12px;
    text-align: left;
    font-family: 'NGB'; }
    .chat_area .g1q p:before, .chat_area .g2q p:before {
      content: '';
      display: block;
      position: absolute;
      width: 122px;
      height: 75px;
      left: 0;
      bottom: 0;
      background-image: url("/images/webplayer/chat/qatar_2022_1.svg"); }
  .chat_area .g1q a, .chat_area .g2q a {
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
    padding: 11px 8px;
    font-size: 12px;
    text-align: center;
    border-radius: 0 0 8px 8px;
    color: #4279ff;
    background-color: #ebf4ff;
    font-family: 'NGEB'; }
    .chat_area .g1q a:after, .chat_area .g2q a:after {
      content: '';
      display: inline-block;
      width: 6px;
      height: 10px;
      margin: 0 0 0 5px;
      vertical-align: -1px;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10'%3e%3cpath fill='none' stroke='%234279FF' stroke-linecap='round' stroke-linejoin='round' d='m1 1 4 4-4 4'/%3e%3c/svg%3e"); }
  .chat_area .g1q.g2q p:before, .chat_area .g2q.g2q p:before {
    background-image: url("/images/webplayer/chat/qatar_2022_2.svg"); }
  .chat_area .g1q.g2q a, .chat_area .g2q.g2q a {
    color: #fb5757;
    background-color: #fee; }
    .chat_area .g1q.g2q a:after, .chat_area .g2q.g2q a:after {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10'%3e%3cpath fill='none' stroke='%23fb5757' stroke-linecap='round' stroke-linejoin='round' d='m1 1 4 4-4 4'/%3e%3c/svg%3e"); }
.chat_area .g3q {
  position: relative;
  box-sizing: border-box;
  display: block;
  margin: 30px auto;
  width: 270px;
  padding: 12px 8px;
  border-radius: 8px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  font-family: 'NGEB';
  background: #89092d url("/images/webplayer/chat/qatar_2022_3.png") no-repeat;
  background-size: cover; }
  .chat_area .g3q:before, .chat_area .g3q:after {
    content: '';
    display: inline-block; }
  .chat_area .g3q:before {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: -4px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3e%3cdefs%3e%3cpath d='M11.547.828a8 8 0 1 0-7.095 14.344A8 8 0 0 0 11.548.828' id='r3cinxf64a'/%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cmask id='egtxo34v9b' fill='%23fff'%3e%3cuse xlink:href='%23r3cinxf64a'/%3e%3c/mask%3e%3cuse fill='%23FFF' xlink:href='%23r3cinxf64a'/%3e%3cpath d='M14.908 12.385c-.026-.058-.3-.15-.61-.134-.065.003-.13.011-.196.024l-1.923.294a.819.819 0 0 0-.159.034 1.24 1.24 0 0 0-.7.577.859.859 0 0 0-.064.15l-.662 1.839c-.058.14-.11.271-.148.383-.042.093-.085.186-.129.278l.155.105a8.396 8.396 0 0 0 4.489-3.424 33.834 33.834 0 0 1-.053-.126zm-9.471 2.832-.75-1.803a.907.907 0 0 0-.071-.147 1.241 1.241 0 0 0-.728-.542.85.85 0 0 0-.16-.027l-1.935-.199a4.473 4.473 0 0 0-.345-.04c-.222-.016-.383-.007-.396.03l-.073.198A8.385 8.385 0 0 0 5.565 16l.06-.045c.025-.02 0-.238-.091-.5a2.317 2.317 0 0 0-.097-.238M2.26 6.186c.214-.212.344-.536.332-.826a.788.788 0 0 0-.02-.157L2.201 3.34a1.556 1.556 0 0 0-.047-.21c-.08-.279-.226-.488-.365-.498h-.004l-.624-.04C.116 3.933-.5 5.575-.5 7.35v.09l.002.012.003.168.157.108.001.001c.075.05.435.02.73-.148.05-.03.1-.062.145-.099l1.596-1.188a.9.9 0 0 0 .127-.107M6.033 1.11c.038.04.077.075.12.104l1.535 1.188c.04.035.085.064.132.09.253.136.58.136.832 0a.765.765 0 0 0 .133-.09l1.535-1.188c.072-.05.14-.103.2-.158.21-.187.346-.389.32-.5V.555l-.117-.52a6.108 6.108 0 0 0-2.3-.53C8.361-.497 8.3-.5 8.236-.5c-.062 0-.124.003-.186.005a6.111 6.111 0 0 0-2.3.53l-.058.259v.002c-.028.126.1.56.341.814m4.537 6.85c.121-.375-.039-.872-.356-1.104L9.34 6.22l-.873-.637c-.317-.232-.837-.232-1.154 0l-.213.155-.212.155-.577.421-.66.483-.084.06c-.317.232-.478.729-.356 1.104l.017.054.046.144c.07.213.164.505.254.786l.268.828.08.25h.001c.121.375.542.682.934.682H8.97c.392 0 .812-.307.934-.682l.475-1.47.191-.592zm3.479-5.366-.214.013h-.001c-.103.008-.378.248-.488.55a.774.774 0 0 0-.04.154l-.378 1.826a.699.699 0 0 0-.021.155 1.088 1.088 0 0 0 .498.91l1.715 1.153c.106.08.21.15.305.211.2.127.355.202.39.18.048-.032.178-.164.184-.228L16 7.514v-.057c0-1.83-.728-3.517-1.951-4.863' fill='%230F3654' mask='url(%23egtxo34v9b)'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%; }
  .chat_area .g3q:after {
    width: 6px;
    height: 10px;
    margin: 0 0 0 5px;
    vertical-align: -1px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='m1 1 4 4-4 4'/%3e%3c/svg%3e"); }
.chat_area .g1q, .chat_area .g2q, .chat_area .g3q {
  animation: 0.5s 1 bounceInUp cubic-bezier(0.56, 0.12, 0.12, 0.98); }
.chat_area dd .g1q, .chat_area dd .g2q, .chat_area dd .g3q {
  translate: -30px 0; }

/* 클랜원 */
.chat_area .clan,
.chat_area .clan a {
  color: #a34500;
  font-family: 'NGEB';
  letter-spacing: -1px; }

/* 130527 */
.chat_area .hotclan,
.chat_area .hotclan a {
  color: #000fa3;
  font-family: 'NGEB';
  letter-spacing: -1px; }

/* 130527 */
.chat_area .clan_top {
  border: 1px solid #b8b8b8;
  margin: 0 6px;
  background: #f6f6f6;
  padding-bottom: 4px; }

.chat_area .clan_top .list_game {
  margin: 0 7px 0 19px;
  border-bottom: 1px solid #b8b8b8;
  padding-bottom: 3px; }

.chat_area .clan_top .list_game li {
  list-style: none;
  position: relative;
  height: 32px;
  margin-top: 6px; }

.chat_area .clan_top .list_game li a {
  display: block;
  padding: 9px 0 0 39px;
  font-family: 'NGEB';
  font-size: 11px;
  color: #000;
  height: 28px; }

.chat_area .clan_top .list_game li a img {
  width: 26px;
  height: 26px;
  border: 1px solid #000;
  position: absolute;
  top: 0;
  left: 0; }

/*.chat_area .clan_top p {margin-left: -6px}*/
.chat_area .s_chat dl {
  margin: 0 0 5px 2px; }

.chat_area .s_chat dt a {
  color: #ccc; }

.chat_area .s_chat dl dd {
  color: #000 !important; }

.chat_area .s_chat .run_lt {
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  _display: none; }

.chat_area .s_chat .run_rt {
  position: absolute;
  display: block;
  top: 0px;
  right: 0px;
  _display: none; }

.chat_area .s_chat .run_lb {
  position: absolute;
  display: block;
  bottom: 0px;
  left: 0px;
  _display: none; }

.chat_area .s_chat .run_rb {
  position: absolute;
  display: block;
  bottom: 0px;
  right: 0px;
  _display: none; }

.chat_area .s_chat_layer {
  position: fixed;
  top: 5px;
  left: 5px;
  width: 98%;
  margin: 0 auto;
  _position: absolute;
  z-index: 200; }

.chat_area .s_chat_layer .s_chat {
  background-color: #4e9dee;
  position: relative;
  padding-top: 5px;
  margin-bottom: 5px; }

.chat_area .s_chat .game_pr {
  display: block;
  height: 48px;
  width: 95%; }

.chat_area .s_chat .game_pr .img_g {
  position: absolute;
  top: 5px;
  left: 6px;
  border: 0; }

.chat_area .s_chat .layer_close {
  position: absolute;
  top: 6px;
  right: 4px;
  padding: 0 3px; }

.chat_area .s_chat .layer_close img {
  border: 0; }

.chat_area .s_chat .game_pr span {
  display: block;
  color: #fff;
  padding: 5px 0 0 51px; }

.chat_area .s_chat .game_pr em {
  font-family: 'NGEB';
  color: #003974;
  display: block;
  padding-left: 51px;
  font-size: 12px; }

.chat_area .s_chat_layer {
  position: fixed;
  _position: absolute;
  z-index: 100;
  left: 0;
  top: 5px;
  _bottom: -1px;
  width: 100%;
  _width: 93%;
  _left: 2px;
  overflow: hidden; }

/* 130709 초콜릿추가 */
.chat_area .chocolate {
  width: 195px;
  height: 198px;
  position: relative;
  margin: 5px 0 30px; }

.chat_area .chocolate.vod {
  height: 150px;
  margin: 10px auto;
  text-align: center; }

.chat_area .chocolate .text {
  color: #666;
  letter-spacing: 0;
  position: absolute;
  bottom: 2px;
  left: 0;
  text-align: center;
  width: 100%;
  font-size: 11px;
  line-height: 1.3em; }

.chat_area .chocolate .text strong {
  font-size: 11px; }

.chat_area .chocolate .text span.bal_txt {
  font-size: 11px; }

.chat_area .chocolate .text span.bal_txt strong {
  font-size: 11px; }

.chat_area .chocolate .text span.bal_txt span.num {
  color: #f52b35;
  font-size: 11px;
  font-family: 'NGEB'; }

/* 130807 */
.chat_area .chocolate1 {
  width: 195px;
  position: relative;
  margin: 10px auto;
  text-align: center; }

.chat_area .chocolate1 img {
  display: block;
  height: 156px; }

.chat_area .chocolate1 p.ea {
  position: absolute;
  top: 11px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #c61e26;
  font-size: 35px;
  font-family: arial;
  line-height: 1.0em;
  letter-spacing: -1px;
  z-index: 50;
  font-family: 'NGEB';
  text-shadow: 0 0px 1px #fff; }

.chat_area .chocolate1 .text {
  color: #666;
  letter-spacing: 0;
  text-align: center;
  font-size: 11px;
  line-height: 1.3em; }

.chat_area .chocolate1 .text strong {
  font-size: 11px;
  font-family: 'NGEB'; }

.chat_area .chocolate1 .text span.bal_txt {
  font-size: 11px; }

.chat_area .chocolate1 .text span.bal_txt strong {
  font-size: 11px;
  font-family: 'NGEB'; }

.chat_area .chocolate1 .text span.bal_txt span.num {
  color: #f52b35;
  font-size: 11px;
  font-family: 'NGEB'; }

.chat_area .chat_item {
  text-align: center; }

.chat_area .tac {
  text-align: center; }

/* 130827 채팅 이모티콘 */
.chat_area .position_wrap {
  position: relative;
  z-index: 100; }

.chat_area .emoticon_wrap * {
  margin: 0;
  padding: 0; }

.chat_area .emoticon_wrap li {
  list-style: none; }

.chat_area .emoticon_wrap img {
  border: none; }

.chat_area .emoticon_wrap .emoticon {
  width: 200px;
  height: 186px;
  position: relative; }

.chat_area .emoticon_wrap .emoticon .tab_area {
  height: 23px;
  font-family: 'NGEB';
  color: #222;
  font-size: 12px;
  letter-spacing: -1px;
  border: 1px solid #316c90;
  background: #59a6d4;
  display: block;
  position: relative; }

.chat_area .emoticon_wrap .emoticon .tab_area ul {
  position: absolute;
  bottom: -1px;
  left: 5px;
  width: 100%;
  overflow: hidden; }

.chat_area .emoticon_wrap .emoticon .tab_area li {
  font-size: 11px;
  color: #fff;
  width: 51px;
  text-align: center;
  font-weight: normal;
  border: 1px solid #316c90;
  border-bottom: none;
  padding: 3px 0 0 0;
  background: #3a6f8f;
  height: 14px;
  float: left;
  cursor: pointer; }

.chat_area .emoticon_wrap .emoticon .tab_area li.on {
  background: #fff;
  color: #000; }

.chat_area .emoticon_wrap .con {
  width: 174px;
  overflow: hidden;
  margin: 0 0 0 11px; }

.chat_area .emoticon_wrap .con li {
  float: left;
  list-style: none !important; }

.chat_area .emoticon_wrap .con li a {
  overflow: hidden;
  display: block;
  width: 29px;
  height: 27px; }

.chat_area .emoticon_wrap .con li a:hover {
  background: url(/images/player/emoticon/box_line.gif) 0 0 no-repeat; }

.chat_area .emoticon_wrap .con li a img {
  margin: 3px 0 0 3px;
  display: inline; }

.chat_area .emoticon_wrap .emo {
  height: 138px;
  border-left: 1px solid #888888;
  border-right: 1px solid #888888;
  padding-top: 4px; }

.chat_area .emoticon_wrap .emoticon a.btn_close {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  width: 15px;
  height: 15px;
  background: url(/images/player/emoticon/btn_close.gif) 1px 1px no-repeat;
  position: absolute;
  top: 5px;
  right: 3px; }

.chat_area .emoticon_wrap .emoticon .pg {
  text-align: center;
  border: 1px solid #888888;
  border-top: none;
  height: 21px;
  overflow: hidden;
  background: #f2f3f3; }

.chat_area .emoticon_wrap .emoticon .pg a {
  display: inline-block;
  width: 52px;
  letter-spacing: -1px;
  color: #585858;
  font-size: 11px;
  text-decoration: none;
  padding: 2px 0 0 0;
  margin: 3px 4px 0 4px; }

.chat_area .emoticon_wrap .emoticon .pg a.btn_prev {
  background: url(/images/player/emoticon/btn_prev.gif) right 0 no-repeat; }

.chat_area .emoticon_wrap .emoticon .pg a.btn_next {
  background: url(/images/player/emoticon/btn_next.gif) 0 0 no-repeat; }

.chat_area .emoticon_wrap .emo .game_area {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 11px;
  padding-top: 3px;
  height: 38px; }

.chat_area .emoticon_wrap .emo .game_area .g_pg a {
  display: block;
  position: absolute;
  width: 18px;
  height: 28px;
  text-indent: -9999em;
  overflow: hidden;
  z-index: 1000; }

.chat_area .emoticon_wrap .emo .game_area a.btn_g_prev {
  background: url(/images/player/emoticon/btn_g_prev.gif) 7px 8px no-repeat;
  left: 0; }

.chat_area .emoticon_wrap .emo .game_area a.btn_g_next {
  background: url(/images/player/emoticon/btn_g_next.gif) 7px 8px no-repeat;
  right: 0; }

.chat_area .emoticon_wrap .emo .game_area ul {
  width: 168px;
  margin: 0 0 0 19px;
  float: left; }

.chat_area .emoticon_wrap .emo .game_area li {
  float: left;
  width: 28px;
  height: 28px;
  position: relative;
  margin-left: -1px; }

.chat_area .emoticon_wrap .emo .game_area li a img {
  width: 28px;
  height: 28px; }

.chat_area .emoticon_wrap .emo .game_area li a span {
  height: 28px;
  width: 28px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background: url(/images/player/emoticon/g_line1.gif) 0 0 no-repeat;
  z-index: 10;
  text-indent: -99999em; }

.chat_area .emoticon_wrap .emo .game_area li.on a span {
  position: absolute;
  top: 0;
  left: 0;
  background: url(/images/player/emoticon/g_line2.gif) 0 0 no-repeat; }

.chat_area .emoticon_wrap .emo .game_area li.no a span {
  position: absolute;
  top: 0;
  left: 0;
  background: url(/images/player/emoticon/g_no.gif) 0 0 no-repeat;
  z-index: 9; }

.chat_area .emoticon_wrap .g_emoticon {
  text-align: center;
  font-size: 11px;
  color: #316c90;
  line-height: 1.5em; }

.chat_area .emoticon_wrap .g_emoticon a {
  display: block;
  width: 76px;
  height: 27px;
  margin: 7px auto; }

/* 퀵뷰선물권 */
.chat_area .gift_area {
  width: 230px;
  min-height: 154px;
  position: relative;
  margin: 5px auto 10px auto;
  text-align: center; }

.chat_area .gift_area img {
  display: inline-block;
  height: 110px; }

.chat_area .gift_area .text {
  width: 100%;
  text-align: center;
  margin-top: 5px;
  font-size: 11px;
  color: #666;
  line-height: 1.2em; }

.chat_area .gift_area .text span {
  font-size: 11px;
  font-family: 'NGEB';
  color: #328fde; }

.chat_area .gift_area .text strong {
  font-size: 11px;
  color: #f52b35;
  font-family: 'NGEB'; }

/* 불타는 텐미닛 2013.09.04 */
.chat_area .tenmin {
  position: relative;
  background: url("/images/game_center/chat_tenmin.png") no-repeat;
  width: 210px;
  height: 197px;
  margin: 0 auto; }

.chat_area .tenmin em {
  font-size: 36px;
  font-family: 'NGEB';
  color: #fd1100;
  font-family: Arial;
  text-align: center;
  position: absolute;
  top: 45px;
  left: 70px;
  width: 76px; }

.chat_area .tenmin p {
  line-height: 14px;
  font-size: 11px;
  color: #5c5c5c;
  position: absolute;
  bottom: 14px;
  width: 100%;
  text-align: center; }

/* 140225 게임다운받기 추가 */
.chat_area .chocolate_game {
  width: 195px;
  position: relative;
  margin: -4px auto 12px auto;
  text-align: center; }

.chat_area .chocolate_game img.png24 {
  margin-bottom: 52px; }

.chat_area .chocolate_game p.ea {
  position: absolute;
  top: 5px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #c61e26;
  font-size: 35px;
  font-family: arial;
  line-height: 1.0em;
  letter-spacing: -1px;
  z-index: 50;
  font-family: 'NGEB'; }

.chat_area .chocolate_game .text {
  color: #666;
  letter-spacing: 0;
  position: absolute;
  bottom: 2px;
  left: 0;
  text-align: center;
  width: 100%;
  font-size: 11px;
  line-height: 1.3em; }

.chat_area .chocolate_game p.down {
  padding: 0 0 3px 0; }

.chat_area .chocolate_game p.down a {
  font-size: 11px;
  color: #a13900;
  text-decoration: underline;
  /* 140227삭제 background:url(/images/player/bul_down.gif) right 4px no-repeat;padding-right:3px */ }

.chat_area .chocolate_game .text strong {
  font-size: 11px;
  font-family: 'NGEB'; }

.chat_area .chocolate_game .text span.bal_txt {
  font-size: 11px; }

.chat_area .chocolate_game .text span.bal_txt strong {
  font-size: 11px;
  font-family: 'NGEB'; }

.chat_area .chocolate_game .text span.bal_txt span.num {
  color: #f52b35;
  font-size: 11px;
  font-family: 'NGEB'; }

.chat_area .vote_txt {
  margin: 11px 0 0 0;
  padding: 9px 0 8px 0;
  text-align: center;
  font-family: 'NGEB';
  color: #2550b1; }

.chat_area .vote_txt span {
  display: block;
  font-weight: normal;
  font-size: 11px;
  margin-top: 2px;
  color: #63a4e7; }

.chat_area .vote_txt img {
  padding-top: 3px; }

/* 샵프리카  */
.shop_area {
  position: relative;
  width: 195px;
  margin: 5px auto 15px auto; }

.shop_area .text {
  position: relative;
  font-size: 12px;
  text-align: center;
  font-family: 'NGEB'; }

.shop_area .text p, .shop_area .text p span {
  font-size: 11px; }

.shop_area .text span {
  color: #f7411c; }

.shop_area .text span.nick,
.shop_area .text strong a {
  color: #127cff;
  font-family: 'NGEB'; }

.shop_area p em {
  font-weight: normal; }

.shop_area .text p.stxt {
  font-weight: normal;
  font-size: 11px;
  margin-top: 5px; }

.shop_area .text p.stxt a {
  font-size: 11px;
  color: #127cff;
  text-decoration: underline; }

/* 2015-08-24 추가 */
.m_chat_area {
  /* 매니저 운영자안내 정렬 160530 추가 */ }
  .m_chat_area .chat_memoyo dl {
    margin: 3px 0; }
  .m_chat_area .chat_memoyo dt,
  .m_chat_area .chat_memoyo dd {
    line-height: 1.5em; }
  .m_chat_area .chat_memoyo dd {
    padding: 0;
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: break-all; }
  .m_chat_area .chat_memoyo dt img {
    margin: 0 4px 0 0; }
  .m_chat_area .chat_memoyo p {
    line-height: 1.3em;
    margin: 6px 0 0; }
  .m_chat_area .chat_area dl {
    margin: 6px 0 0 0; }
  .m_chat_area .chat_area dt, .m_chat_area .chat_area dd {
    line-height: 1em; }
  .m_chat_area .chat_area .box_i p {
    margin: 0 8px;
    padding: 2px 0 2px; }
  .m_chat_area .chat_area .speak dt, .m_chat_area .chat_area .police dt, .m_chat_area .chat_area .servernt dt {
    padding-left: 0px; }
    .m_chat_area .chat_area .speak dt em, .m_chat_area .chat_area .police dt em, .m_chat_area .chat_area .servernt dt em {
      display: none; }
  .m_chat_area .chat_area .speak dd, .m_chat_area .chat_area .police dd, .m_chat_area .chat_area .servernt dd {
    white-space: normal; }
    .m_chat_area .chat_area .speak dd .box_o, .m_chat_area .chat_area .police dd .box_o, .m_chat_area .chat_area .servernt dd .box_o {
      margin-left: 0; }

/* 160125 */
.chat_area .notice_gamble {
  margin-top: 19px;
  transform: translateZ(0); }

.chat_area .notice_gamble:first-child {
  margin-top: 10px; }

.chat_area .notice_gamble dt {
  background-position: 0 -974px;
  color: #11a3ff;
  font-family: 'NGEB';
  padding-top: 3px; }

.chat_area .notice_gamble dd {
  padding-left: 0; }

.chat_area .notice_gamble dd .box {
  background: #11a3ff;
  color: #fff;
  padding: 12px 9px 9px 9px;
  line-height: 1.2em;
  border-radius: 2px;
  font-size: 13px;
  position: relative;
  margin: 2px 0 0 32px;
  letter-spacing: -1px; }

/* 160509 운영자 경고 레이어 */
#lightwhBox {
  position: fixed;
  _position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  min-height: 100%;
  _height: 100%;
  background-color: #fff;
  zoom: 1;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8; }

.admiin_msglayer {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  z-index: 200; }

.admiin_msglayer .button {
  text-align: center;
  padding-top: 16px; }

.admiin_msglayer .button img {
  border: none; }

/* 160923 ad(studio) */
p.ad_info {
  color: #fff;
  padding: 10px 0 6px 34px;
  background: #4a95fc url("/images/new_app/chat/icon_af.png") 9px 6px no-repeat; }

.adballoon_area {
  position: relative;
  width: 195px;
  margin: 10px auto;
  text-align: center; }
  .adballoon_area p.img {
    text-align: center;
    margin: 0 auto 11px;
    font-size: 11px;
    width: 175px;
    height: 94px;
    background: url(/new_player/items/bg_adballoon.png) 0 0 no-repeat; }
  .adballoon_area p img {
    width: 56px;
    height: 56px;
    margin-top: 34px;
    border-radius: 5px; }
  .adballoon_area .text {
    font-size: 11px;
    text-align: center;
    color: #666; }
  .adballoon_area .text strong,
  .adballoon_area .text strong a {
    font-size: 12px;
    color: #ea4b44;
    font-family: 'NGEB'; }
  .adballoon_area .text p strong {
    color: #000;
    font-size: 12px;
    font-family: 'NGEB'; }
  .adballoon_area.save_gift img {
    display: inline-block;
    width: 150px;
    height: 107px; }
  .adballoon_area.save_gift p.img {
    width: auto;
    height: auto;
    margin: 0;
    background: none;
    font: 0/0 a; }
    .adballoon_area.save_gift p.img img {
      margin: 0;
      width: 195px;
      height: 145px; }
    .adballoon_area.save_gift p.img .box {
      position: absolute;
      top: 70px;
      left: 0;
      right: 0;
      text-align: center; }
      .adballoon_area.save_gift p.img .box em {
        box-sizing: border-box;
        display: inline-block;
        min-width: 76px;
        padding: 0 10px;
        height: 37px;
        font-size: 28px;
        line-height: 36px;
        color: #0cf0bd;
        border: 1px solid #1c1c1c;
        border-radius: 4px;
        background: #444;
        box-shadow: 3px 0 0 #1c1c1c; }
        .adballoon_area.save_gift p.img .box em i {
          display: block;
          position: absolute;
          top: 0;
          left: 50%;
          margin-left: -23.5px;
          width: 43px;
          height: 7px;
          background: url("//res.afreecatv.com/images/chat/deco_hand.jpg") no-repeat;
          background-size: 104% auto; }
    .adballoon_area.save_gift p.img + .text {
      margin-top: -32px;
      padding-bottom: 5px;
      color: #333;
      font-family: 'NGEB'; }
    .adballoon_area.save_gift p.img + .text p {
      margin-top: -1px;
      font-size: 11px;
      font-family: 'NGEB'; }

/* entrance 2017-11-13 추가 */
.entrance {
  position: relative;
  margin: 5px auto; }

.entrance p.img {
  text-align: center;
  margin-bottom: 6px;
  font-size: 11px; }

.entrance p img {
  width: 154px;
  margin-top: 10px;
  height: 65px; }

.entrance .text {
  font-size: 11px;
  text-align: center;
  color: #666;
  line-height: 1.3em;
  margin: 0 6px 0 8px; }

.entrance .text strong {
  font-size: 11px;
  color: #328fde;
  font-family: 'NGEB'; }

.entrance .text .type {
  font-size: 11px;
  color: #f52b35; }

.entrance .text em {
  font-size: 10px; }

.entrance .text .sai {
  font-size: 11px;
  color: #c7c7c7; }

.entrance .text .go_memobox {
  font-size: 11px;
  color: #151515;
  font-family: dotum;
  font-weight: normal; }

/* 재입장하기 */
.chat_disconnect {
  padding-top: 15px;
  text-align: center; }

.chat_disconnect .info {
  color: #256dc2;
  font-size: 11px;
  font-family: 'NGEB';
  display: block;
  padding: 0 0 10px; }

.chat_disconnect a.btn_re_enter {
  display: inline-block;
  min-width: 44px;
  height: 20px;
  padding: 0 5px 0 5px;
  font-size: 11px;
  line-height: 21px;
  text-align: center;
  color: #fff !important;
  background: #4096de;
  border: 1px solid #3889bf;
  vertical-align: top;
  text-decoration: none !important;
  border-radius: 3px;
  letter-spacing: -1px; }

/* 채팅 번역 */
.translation_btn {
  display: inline-block;
  height: 13px;
  line-height: 13px;
  padding: 3px 5px 0px;
  margin: 0 0 0 4px;
  font-size: 11px;
  font-weight: normal !important;
  color: #fff !important;
  border: 1px solid #0a57d9;
  background-color: #0260fe;
  text-decoration: none;
  cursor: pointer; }

.translation_btn.share {
  display: inline-block;
  padding: 3px 2px 0px;
  margin: 0;
  color: #0a57d9 !important;
  border: 1px solid #0a57d9;
  background-color: transparent; }

.translation_output {
  display: block !important;
  margin: 2px 0 4px  !important; }

.translation_output span {
  color: #0260fe;
  background-color: #deeaff;
  padding-top: 1px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .translation_btn {
    padding: 2px 5px 1px; }

  .translation_btn.share {
    padding: 2px 2px 1px; } }
@-moz-document url-prefix() {
  .translation_btn {
    padding: 2px 5px 1px; }

  .translation_btn.share {
    padding: 2px 2px 1px; } }
/* 171108 */
dl dt {
  position: relative; }

dl dt em.pc {
  width: 24px;
  height: 24px;
  line-height: 0 !important;
  display: inline-block;
  vertical-align: middle;
  background: url("/images/chat/ic_chat_v3.png") -9999em -9999em no-repeat;
  position: absolute;
  left: 0;
  top: 0; }

dl dt em img {
  border-radius: 50%; }

dl dt em.pc img {
  width: 100%;
  height: 100%;
  background: #fff; }

.box_ice dl dt em.pc img {
  background: #e9f6ff; }

dl dt em.pc span {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url("/images/chat/ic_chat_v3.png") -9999em -9999em no-repeat; }

.chat_area .gudok_m em.pc span.manager {
  width: 12px;
  height: 12px;
  background-position: 0 -732px;
  right: -3px;
  bottom: -3px; }

.chat_area .gudok_w em.pc span.manager {
  width: 12px;
  height: 12px;
  background-position: -44px -732px;
  right: -3px;
  bottom: -3px; }

.chat_area .gudok_m em.pc span.hot {
  width: 12px;
  height: 11px;
  background-position: 0 -780px;
  right: -3px;
  bottom: -3px; }

.chat_area .gudok_w em.pc span.hot {
  width: 12px;
  height: 11px;
  background-position: -44px -780px;
  right: -3px;
  bottom: -3px; }

.chat_area .gudok_m em.pc span.fan {
  width: 9px;
  height: 9px;
  background-position: 0 -826px;
  right: -2px;
  bottom: -2px; }

.chat_area .gudok_w em.pc span.fan {
  width: 9px;
  height: 9px;
  background-position: -44px -826px;
  right: -2px;
  bottom: -2px; }

.chat_area .gudok_m em.pc span.s {
  width: 6px;
  height: 6px;
  background-position: 0 -871px;
  right: -1px;
  bottom: 0px; }

.chat_area .gudok_w em.pc span.s {
  width: 6px;
  height: 6px;
  background-position: -44px -871px;
  right: -1px;
  bottom: 0px; }

.chat_area .servernt em.pc, .chat_area .notice_gamble dt em.pc {
  background-position: -54px -414px; }

/* 운영자 노티*/
.chat_area .speak em.pc {
  background-position: -54px -460px; }

/* 운영자 스피커*/
.chat_area .police dt em.pc {
  background-position: 0 -498px; }

/* 운영자 경고*/
.chat_area .phone em.pc {
  background-position: 0 -372px; }

/* 폰 */
.chat_area .ear em.pc {
  background-position: 0 -459px; }

/* 귓말 */
.chat_area .man em.pc {
  background-position: 0 0; }

/* bj */
.chat_area .woman em.pc {
  background-position: -54px 0; }

.chat_area .manager_m em.pc {
  background-position: 0 -44px; }

/* 매니저 */
.chat_area .manager_w em.pc {
  background-position: -54px -44px; }

.chat_area .gudok_m em.pc {
  background-position: 0 -85px; }

/* 구독 */
.chat_area .gudok_w em.pc {
  background-position: -54px -85px; }

.chat_area .hot_m em.pc {
  background-position: 0 -126px; }

/* 열혈팬 */
.chat_area .hot_w em.pc {
  background-position: -54px -126px; }

.chat_area .fan_m em.pc {
  background-position: 0 -169px; }

/* 팬클럽 */
.chat_area .fan_w em.pc {
  background-position: -54px -169px; }

.chat_area .user_m em.pc {
  background-position: 0 -211px; }

/* 일반 */
.chat_area .user_w em.pc {
  background-position: -54px -211px; }

.chat_area .user_mw em.pc {
  background-position: 0 -250px; }

/* 벙어리 */
.chat_area .user_ww em.pc {
  background-position: -54px -250px; }

.chat_area .user_mb em.pc {
  background-position: 0 -293px; }

/* 블라인드 */
.chat_area .user_wb em.pc {
  background-position: -54px -293px; }

.chat_area .out_m em.pc {
  background-position: 0 -333px; }

/*퇴장*/
.chat_area .out_w em.pc {
  background-position: -54px -333px; }

.chat_area .gender.bj em.pc {
  background-position: -100px 0; }

/* bj */
.chat_area .gender.manager em.pc {
  background-position: -100px -44px; }

/* 매니저 */
.chat_area .gender.gudok {
  background-color: transparent !important; }

.chat_area .gender.gudok em.pc {
  background-position: -100px -86px; }

/* 구독 */
.chat_area .gender.hot em.pc {
  background-position: -100px -126px; }

/* 열혈팬 */
.chat_area .gender.fan em.pc {
  background-position: -100px -169px; }

/* 팬클럽 */
.chat_area .gender em.pc {
  background-position: -100px -211px; }

/* 일반 */
.chat_area .gender em.pc span.manager {
  right: -3px;
  bottom: -3px;
  width: 12px;
  height: 12px;
  background-position: -100px -732px; }

/* 구독 매니저 */
.chat_area .gender em.pc span.hot {
  right: -3px;
  bottom: -3px;
  width: 12px;
  height: 11px;
  background-position: -100px -780px; }

/* 구독 열혈 */
.chat_area .gender em.pc span.fan {
  right: -2px;
  bottom: -2px;
  width: 9px;
  height: 9px;
  background-position: -100px -826px; }

/* 구독 팬 */
.chat_area .gender em.pc span.s {
  right: -1px;
  bottom: 0px;
  width: 4px;
  height: 4px;
  background: #8c58ff;
  border: 1px solid #fff;
  border-radius: 50%; }

/* 구독 서포터 */
.ogq_img {
  font-size: 0;
  margin-bottom: 5px; }

.ogq_img a {
  display: inline-block !important;
  vertical-align: middle; }

.ogq_img .emoticon_buy {
  display: none;
  padding: 2px 6px 0;
  margin-left: 9px;
  border: 1px solid #b2b2b2;
  border-radius: 3px;
  vertical-align: middle;
  line-height: 18px;
  font-size: 11px;
  color: #666;
  font-weight: normal; }

.ogq_img img {
  position: relative !important;
  display: inline-block !important;
  width: 69px;
  height: 60px;
  vertical-align: middle; }

.ogq_img.small img {
  width: 46px;
  height: 40px; }

.ic_itemdrop {
  position: relative;
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -3px 1px 0 0;
  border-radius: 50%;
  vertical-align: middle;
  background-color: #4279ff; }
  .ic_itemdrop i {
    display: block;
    width: 11px;
    height: 11px;
    margin: 4px;
    font: 0/0 a;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 10 11'%3e%3cpath d='M4.55 6.02V3.54H1.08c-.32 0-.62.14-.83.39-.2.25-.28.58-.22.89l.25 1.2h4.27zM4.55 6.91H.47l.61 2.93c.1.49.54.85 1.04.85h2.43V6.91zM5.45 6.91v3.78h2.43c.5 0 .94-.36 1.04-.85l.61-2.93H5.45zM9.75 3.93c-.2-.25-.51-.39-.83-.39H5.45v2.48h4.27l.25-1.2a1.1 1.1 0 00-.22-.89M2.2 1.71L3.38.82c.12-.09.3-.06.38.05l1.38 1.97c.12.16-.11.36-.33.27L2.25 2.03c-.15-.06-.18-.23-.05-.32' fill-rule='evenodd' clip-rule='evenodd'/%3e%3cpath d='M5.07 3.11l3.29-1.44c.14-.07.17-.22.06-.32L7.29.37a.29.29 0 00-.38.02L4.76 2.81c-.16.17.08.4.31.3' fill-rule='evenodd' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat; }

.gift-emoticon_chat {
  margin: 10px auto; }
  .gift-emoticon_chat p {
    height: 110px;
    background: url("//res.afreecatv.com/new_player/items/gift-ogq_bg.png") no-repeat center;
    text-align: center; }
    .gift-emoticon_chat p img {
      display: inline-block;
      margin: 10px auto 0;
      width: 100px;
      height: 100px; }
  .gift-emoticon_chat .text {
    position: relative;
    margin-top: 5px;
    color: #666;
    text-align: center;
    font-size: 11px; }
    .gift-emoticon_chat .text a {
      font-weight: bold; }
    .gift-emoticon_chat .text span {
      display: block;
      color: #4279ff;
      font-family: 'NGEB'; }

.chat_area .mission_balloon {
  background: none; }
  .chat_area .mission_balloon .text {
    bottom: 0px;
    color: #333; }
    .chat_area .mission_balloon .text strong, .chat_area .mission_balloon .text a {
      color: #f5401c;
      font-family: 'NGB'; }

/* 도전미션 선물 세레모니 */
.chat_area .challenge_mission_balloon {
  background: none; }
  .chat_area .challenge_mission_balloon .text {
    bottom: 4px;
    color: #333; }
    .chat_area .challenge_mission_balloon .text strong, .chat_area .challenge_mission_balloon .text a {
      font-size: 12px;
      color: #f5401c;
      font-family: 'NGB'; }

.webplayer_vod .chat_area .challenge_mission_balloon .text {
  bottom: 3px; }

/* 스마트 티비 , 기본 퍼스나콘과 채팅 , 별풍선 , 스티커 퀵뷰 초콜릿 구독만 출력됨 */
/* 스마트티비용 선물용 */
.chat_area .smartTV_gift {
  position: relative;
  max-width: 25rem;
  margin: 1.5rem .4rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 5.75rem; }
  .chat_area .smartTV_gift em {
    position: absolute;
    left: 1.5rem;
    top: 50%;
    width: 3.5rem;
    height: 3rem;
    margin-top: -1.5rem;
    background: url("/new_player/img/smartTV_gift_icon.png") no-repeat;
    background-size: 3.5rem auto; }
    .chat_area .smartTV_gift em.n1 {
      height: 3.6rem;
      margin-top: -1.8rem;
      background-position: 0 0; }
    .chat_area .smartTV_gift em.n2 {
      height: 3.2rem;
      margin-top: -1.55rem;
      background-position: 0 -6rem; }
    .chat_area .smartTV_gift em.n3 {
      background-position: 0 -12rem; }
    .chat_area .smartTV_gift em.n4 {
      background-position: 0 -18rem; }
    .chat_area .smartTV_gift em.n5 {
      background-position: 0 -24rem; }
  .chat_area .smartTV_gift div {
    padding: 0.8rem 2rem 0.8rem 5.75rem; }
  .chat_area .smartTV_gift p {
    color: #fff; }
  .chat_area .smartTV_gift strong {
    color: #f0e200;
    font-family: 'NGEB'; }

.gudok_img em.pc {
  background-image: none !important; }

.chat_area a.link {
  color: #4279ff; }
  .chat_area a.link:hover {
    color: #4279ff;
    border-bottom: 1px solid #4279ff; }

.svg_personacon, .svg_pernacon {
  /* 운영자 노티*/
  /* 운영자 스피커*/
  /* 운영자 경고*/
  /* 귓말 */ }
  .svg_personacon dl dt em.pc, .svg_pernacon dl dt em.pc {
    width: 24px;
    height: 24px; }
  .svg_personacon .man em.pc, .svg_pernacon .man em.pc {
    background: url("/images/chat/personacon/bj-male.svg") no-repeat 0 -1px; }
  .svg_personacon .woman em.pc, .svg_pernacon .woman em.pc {
    background: url("/images/chat/personacon/bj-female.svg") no-repeat 0 -1px; }
  .svg_personacon .gender.bj em.pc, .svg_pernacon .gender.bj em.pc {
    background: url("/images/chat/personacon/bj-gender.svg") no-repeat -1px -1px; }
  .svg_personacon .manager_m em.pc, .svg_pernacon .manager_m em.pc {
    background: url("/images/chat/personacon/m-male.svg") no-repeat 0 -2px; }
  .svg_personacon .manager_w em.pc, .svg_pernacon .manager_w em.pc {
    background: url("/images/chat/personacon/m-female.svg") no-repeat 0 -2px; }
  .svg_personacon .gender.manager em.pc, .svg_pernacon .gender.manager em.pc {
    background: url("/images/chat/personacon/m-gender.svg") no-repeat -1px -1px; }
  .svg_personacon .gudok_m em.pc, .svg_pernacon .gudok_m em.pc {
    background: url("/images/chat/personacon/sub-male.svg") no-repeat 0 0px; }
  .svg_personacon .gudok_w em.pc, .svg_pernacon .gudok_w em.pc {
    background: url("/images/chat/personacon/sub-female.svg") no-repeat -1px 0; }
  .svg_personacon .gender.gudok em.pc, .svg_pernacon .gender.gudok em.pc {
    background: url("/images/chat/personacon/sub-gender.svg") no-repeat -1px -1px; }
  .svg_personacon .hot_m em.pc, .svg_pernacon .hot_m em.pc {
    background: url("/images/chat/personacon/bigfan-male.svg") no-repeat 0 -1px; }
  .svg_personacon .hot_w em.pc, .svg_pernacon .hot_w em.pc {
    background: url("/images/chat/personacon/bigfan-female.svg") no-repeat 0 0; }
  .svg_personacon .gender.hot em.pc, .svg_pernacon .gender.hot em.pc {
    background: url("/images/chat/personacon/bigfan-gender.svg") no-repeat -1px 0px; }
  .svg_personacon .fan_m em.pc, .svg_pernacon .fan_m em.pc {
    background: url("/images/chat/personacon/fan-male.svg") no-repeat 0 -1px; }
  .svg_personacon .fan_w em.pc, .svg_pernacon .fan_w em.pc {
    background: url("/images/chat/personacon/fan-female.svg") no-repeat 0 -1px; }
  .svg_personacon .gender.fan em.pc, .svg_pernacon .gender.fan em.pc {
    background: url("/images/chat/personacon/fan-gender.svg") no-repeat 0 -1px; }
  .svg_personacon .user_m em.pc, .svg_pernacon .user_m em.pc {
    background: url("/images/chat/personacon/user-male.svg") no-repeat 0 -2px; }
  .svg_personacon .user_w em.pc, .svg_pernacon .user_w em.pc {
    background: url("/images/chat/personacon/user-female.svg") no-repeat -1px -2px; }
  .svg_personacon .gender em.pc, .svg_pernacon .gender em.pc {
    background: url("/images/chat/personacon/user-gender.svg") no-repeat -1px -1px; }
  .svg_personacon .manager .manager_m em.pc span.manager,
  .svg_personacon .gudok_m em.pc span.manager, .svg_pernacon .manager .manager_m em.pc span.manager,
  .svg_pernacon .gudok_m em.pc span.manager {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3e%3cg fill='none' fill-rule='evenodd'%3e%3ccircle fill='%230D54C6' cx='6' cy='6' r='6'/%3e%3cpath fill='%23FFF' d='M9 3v1h1v4H8V5H7v3H5V5H4v3H2V4h1V3z'/%3e%3c/g%3e%3c/svg%3e") no-repeat; }
  .svg_personacon .gudok_m em.pc span.hot, .svg_pernacon .gudok_m em.pc span.hot {
    background: url("data:image/svg+xml,%3csvg width='12' height='11' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M1.933.305C.748.904.013 2.147 0 3.735l.012.419c.11 1.04.635 1.898 1.74 3.078l.39.406.434.434c.05.05.802.83 2.255 2.338l.674.59.793-.706 2.426-2.526.41-.418c.635-.663 1.047-1.17 1.364-1.72.24-.415.398-.824.464-1.237A3.78 3.78 0 0 0 11 3.835C10.986 2.225 10.275.93 9.088.311c-.944-.492-2.35-.376-3.24.232l-.165.122-.08.066-.086.08L5.376.68a2.494 2.494 0 0 0-.149-.118C4.35-.08 2.894-.18 1.933.305z' fill='%23FFF' fill-rule='nonzero'/%3e%3cpath d='M8.615 1.201C9.4 1.624 9.989 2.571 10 3.965c0 .114-.008.297-.027.416-.178 1.153-1.4 2.356-2.44 3.427-.092.094-.75.807-1.972 2.139l-.06.053-.062-.056L3.518 7.86C2.448 6.787 1.133 5.422 1.01 4.258L1 3.862c.011-1.394.641-2.267 1.395-2.66.608-.317 1.65-.262 2.23.176.3.227.592.643.876 1.247.274-.59.582-1.006.923-1.247.58-.41 1.58-.505 2.19-.177z' fill='%230D54C6'/%3e%3cpath d='M7.883 9.993 8 10a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1 1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-1l-.117.007a.993.993 0 0 0-.323.095l-.061.033-.06-.033A.996.996 0 0 0 9 6H8a1 1 0 0 0-1 1v2a1 1 0 0 0 .883.993z' fill='%23FFF' fill-rule='nonzero'/%3e%3cpath fill='%230D54C6' d='M8 9V7h1v1h1V7h1v2h-1v1H9V9z'/%3e%3c/g%3e%3c/svg%3e") no-repeat; }
  .svg_personacon .gudok_m em.pc span.fan, .svg_pernacon .gudok_m em.pc span.fan {
    background: url("data:image/svg+xml,%3csvg width='9' height='9' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M1.623.26C.627.76.011 1.794 0 3.097l.01.332c.098.937.576 1.663 1.603 2.717l2.07 2.109c.05.047.323.296.822.745l.831-.822 1.832-1.815c.694-.692 1.105-1.165 1.414-1.696.197-.34.33-.68.386-1.027A3.1 3.1 0 0 0 9 3.175C8.989 1.858 8.395.783 7.396.265L7.229.19A2.736 2.736 0 0 0 6.026.01c-.5.034-.997.31-1.383.572l-.128.093L4.422.6C4.04.323 3.538.042 3.028.007c-.496-.034-1 .05-1.405.253z' fill='%23FFF' fill-rule='nonzero'/%3e%3cpath d='M6.922 1.157c.612.329 1.069 1.065 1.077 2.148.001.089-.006.232-.02.324-.139.897-1.09 1.832-1.899 2.664-.07.074-.582.628-1.533 1.663l-.047.042-.048-.044-1.494-1.62c-.832-.834-1.855-1.896-1.95-2.801L1 3.225c.009-1.083.499-1.762 1.085-2.068.473-.246 1.283-.203 1.734.137.234.177.46.5.681.97.213-.46.453-.783.719-.97.45-.318 1.229-.392 1.703-.137z' fill='%230D54C6'/%3e%3c/g%3e%3c/svg%3e") no-repeat; }
  .svg_personacon .gudok_m em.pc span.s, .svg_pernacon .gudok_m em.pc span.s {
    right: -1px;
    bottom: 0px;
    width: 4px;
    height: 4px;
    background: #0D54C6;
    border: 1px solid #fff;
    border-radius: 50%; }
  .svg_personacon .manager .manager_w em.pc span.manager,
  .svg_personacon .gudok_w em.pc span.manager, .svg_pernacon .manager .manager_w em.pc span.manager,
  .svg_pernacon .gudok_w em.pc span.manager {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3e%3cg fill='none' fill-rule='evenodd'%3e%3ccircle fill='%23F22B3B' cx='6' cy='6' r='6'/%3e%3cpath fill='%23FFF' d='M9 3v1h1v4H8V5H7v3H5V5H4v3H2V4h1V3z'/%3e%3c/g%3e%3c/svg%3e") no-repeat; }
  .svg_personacon .gudok_w em.pc span.hot, .svg_pernacon .gudok_w em.pc span.hot {
    background: url("data:image/svg+xml,%3csvg width='12' height='11' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M1.933.305C.748.904.013 2.147 0 3.735l.012.419c.11 1.04.635 1.898 1.74 3.078l.39.406.434.434c.05.05.802.83 2.255 2.338l.674.59.793-.706 2.426-2.526.41-.418c.635-.663 1.047-1.17 1.364-1.72.24-.415.398-.824.464-1.237A3.78 3.78 0 0 0 11 3.835C10.986 2.225 10.275.93 9.088.311c-.944-.492-2.35-.376-3.24.232l-.165.122-.08.066-.086.08L5.376.68a2.494 2.494 0 0 0-.149-.118C4.35-.08 2.894-.18 1.933.305z' fill='%23FFF' fill-rule='nonzero'/%3e%3cpath d='M8.615 1.201C9.4 1.624 9.989 2.571 10 3.965c0 .114-.008.297-.027.416-.178 1.153-1.4 2.356-2.44 3.427-.092.094-.75.807-1.972 2.139l-.06.053-.062-.056L3.518 7.86C2.448 6.787 1.133 5.422 1.01 4.258L1 3.862c.011-1.394.641-2.267 1.395-2.66.608-.317 1.65-.262 2.23.176.3.227.592.643.876 1.247.274-.59.582-1.006.923-1.247.58-.41 1.58-.505 2.19-.177z' fill='%23F22B3B'/%3e%3cpath d='M7.883 9.993 8 10a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1 1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-1l-.117.007a.993.993 0 0 0-.323.095l-.061.033-.06-.033A.996.996 0 0 0 9 6H8a1 1 0 0 0-1 1v2a1 1 0 0 0 .883.993z' fill='%23FFF' fill-rule='nonzero'/%3e%3cpath fill='%23F22B3B' d='M8 9V7h1v1h1V7h1v2h-1v1H9V9z'/%3e%3c/g%3e%3c/svg%3e") no-repeat; }
  .svg_personacon .gudok_w em.pc span.fan, .svg_pernacon .gudok_w em.pc span.fan {
    background: url("data:image/svg+xml,%3csvg width='9' height='9' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M1.623.26C.627.76.011 1.794 0 3.097l.01.332c.098.937.576 1.663 1.603 2.717l2.07 2.109c.05.047.323.296.822.745l.831-.822 1.832-1.815c.694-.692 1.105-1.165 1.414-1.696.197-.34.33-.68.386-1.027A3.1 3.1 0 0 0 9 3.175C8.989 1.858 8.395.783 7.396.265L7.229.19A2.736 2.736 0 0 0 6.026.01c-.5.034-.997.31-1.383.572l-.128.093L4.422.6C4.04.323 3.538.042 3.028.007c-.496-.034-1 .05-1.405.253z' fill='%23FFF' fill-rule='nonzero'/%3e%3cpath d='M6.922 1.157c.612.329 1.069 1.065 1.077 2.148.001.089-.006.232-.02.324-.139.897-1.09 1.832-1.899 2.664-.07.074-.582.628-1.533 1.663l-.047.042-.048-.044-1.494-1.62c-.832-.834-1.855-1.896-1.95-2.801L1 3.225c.009-1.083.499-1.762 1.085-2.068.473-.246 1.283-.203 1.734.137.234.177.46.5.681.97.213-.46.453-.783.719-.97.45-.318 1.229-.392 1.703-.137z' fill='%23F22B3B'/%3e%3c/g%3e%3c/svg%3e") no-repeat; }
  .svg_personacon .gudok_w em.pc span.s, .svg_pernacon .gudok_w em.pc span.s {
    right: -1px;
    bottom: 0px;
    width: 4px;
    height: 4px;
    background: #F22B3B;
    border: 1px solid #fff;
    border-radius: 50%; }
  .svg_personacon .manager em.pc span.manager,
  .svg_personacon .gender.gudok em.pc span.manager, .svg_pernacon .manager em.pc span.manager,
  .svg_pernacon .gender.gudok em.pc span.manager {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3e%3cg fill='none' fill-rule='evenodd'%3e%3ccircle fill='%23974EFF' cx='6' cy='6' r='6'/%3e%3cpath fill='%23FFF' d='M9 3v1h1v4H8V5H7v3H5V5H4v3H2V4h1V3z'/%3e%3c/g%3e%3c/svg%3e") no-repeat; }
  .svg_personacon .gender.gudok em.pc span.hot, .svg_pernacon .gender.gudok em.pc span.hot {
    background: url("data:image/svg+xml,%3csvg width='12' height='11' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M1.933.305C.748.904.013 2.147 0 3.735l.012.419c.11 1.04.635 1.898 1.74 3.078l.39.406.434.434c.05.05.802.83 2.255 2.338l.674.59.793-.706 2.426-2.526.41-.418c.635-.663 1.047-1.17 1.364-1.72.24-.415.398-.824.464-1.237A3.78 3.78 0 0 0 11 3.835C10.986 2.225 10.275.93 9.088.311c-.944-.492-2.35-.376-3.24.232l-.165.122-.08.066-.086.08L5.376.68a2.494 2.494 0 0 0-.149-.118C4.35-.08 2.894-.18 1.933.305z' fill='%23FFF' fill-rule='nonzero'/%3e%3cpath d='M8.615 1.201C9.4 1.624 9.989 2.571 10 3.965c0 .114-.008.297-.027.416-.178 1.153-1.4 2.356-2.44 3.427-.092.094-.75.807-1.972 2.139l-.06.053-.062-.056L3.518 7.86C2.448 6.787 1.133 5.422 1.01 4.258L1 3.862c.011-1.394.641-2.267 1.395-2.66.608-.317 1.65-.262 2.23.176.3.227.592.643.876 1.247.274-.59.582-1.006.923-1.247.58-.41 1.58-.505 2.19-.177z' fill='%23974EFF'/%3e%3cpath d='M7.883 9.993 8 10a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1 1 1 0 0 0 1-1V7a1 1 0 0 0-1-1h-1l-.117.007a.993.993 0 0 0-.323.095l-.061.033-.06-.033A.996.996 0 0 0 9 6H8a1 1 0 0 0-1 1v2a1 1 0 0 0 .883.993z' fill='%23FFF' fill-rule='nonzero'/%3e%3cpath fill='%23974EFF' d='M8 9V7h1v1h1V7h1v2h-1v1H9V9z'/%3e%3c/g%3e%3c/svg%3e") no-repeat; }
  .svg_personacon .gender.gudok em.pc span.fan, .svg_pernacon .gender.gudok em.pc span.fan {
    background: url("data:image/svg+xml,%3csvg width='9' height='9' xmlns='http://www.w3.org/2000/svg'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M1.623.26C.627.76.011 1.794 0 3.097l.01.332c.098.937.576 1.663 1.603 2.717l2.07 2.109c.05.047.323.296.822.745l.831-.822 1.832-1.815c.694-.692 1.105-1.165 1.414-1.696.197-.34.33-.68.386-1.027A3.1 3.1 0 0 0 9 3.175C8.989 1.858 8.395.783 7.396.265L7.229.19A2.736 2.736 0 0 0 6.026.01c-.5.034-.997.31-1.383.572l-.128.093L4.422.6C4.04.323 3.538.042 3.028.007c-.496-.034-1 .05-1.405.253z' fill='%23FFF' fill-rule='nonzero'/%3e%3cpath d='M6.922 1.157c.612.329 1.069 1.065 1.077 2.148.001.089-.006.232-.02.324-.139.897-1.09 1.832-1.899 2.664-.07.074-.582.628-1.533 1.663l-.047.042-.048-.044-1.494-1.62c-.832-.834-1.855-1.896-1.95-2.801L1 3.225c.009-1.083.499-1.762 1.085-2.068.473-.246 1.283-.203 1.734.137.234.177.46.5.681.97.213-.46.453-.783.719-.97.45-.318 1.229-.392 1.703-.137z' fill='%23974EFF'/%3e%3c/g%3e%3c/svg%3e") no-repeat; }
  .svg_personacon .servernt em.pc,
  .svg_personacon .notice_gamble dt em.pc, .svg_pernacon .servernt em.pc,
  .svg_pernacon .notice_gamble dt em.pc {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath fill='%230052CD' d='M3 21v-1H2V6h1V5h2V4h5V3H9V2H8V1H7V0h2v1h1v1h1v1h1V2h1V1h1V0h2v1h-1v1h-1v1h-1v1h5v1h2v1h1v14h-1v1h-1v1H4v-1z'/%3e%3cpath fill='%230052CD' d='M7 0h2v1H7zM3 5h2V4h13v1h2v1h1v9H2V6h1zm5-4h2v1H8zm1 1h2v1H9z'/%3e%3cpath fill='%230048B6' d='M10 3h3v1h-3z'/%3e%3cpath fill='%230052CD' d='M12 2h2v1h-2zm2-2h2v1h-2zm-1 1h2v1h-2z'/%3e%3cpath d='M2 18v-3h4v-1h11v1h4v3H2z' fill='%230048B6'/%3e%3cpath d='M3 5h3v1h2v6H2V6h1V5z' fill='%23FF005A'/%3e%3cpath d='M20 12h-5V6h5v1h1v4h-1v1z' fill='%2300EFFE'/%3e%3cpath fill='%2342312E' d='M17 7h2v2h-2z'/%3e%3cpath fill='%23282424' d='M17 9h2v1h-2z'/%3e%3cpath fill='%23004A76' d='M20 6h1v1h-1zm0 5h1v1h-1zm-4 1h5v1h-5z'/%3e%3cpath d='M9 7h5v5h-1v1H9V7z' fill='%2300EC00'/%3e%3cpath d='M13 13v-1h1v2H9v-1h4z' fill='%23007200'/%3e%3cpath fill='%2342312E' d='M4 7h2v2H4z'/%3e%3cpath fill='%23F0C' d='M2 9h2v1H2z'/%3e%3cpath fill='%23282424' d='M4 9h2v1H4z'/%3e%3cpath fill='%238C0059' d='M2 12h5v1H2z'/%3e%3cpath fill='%23003D9D' d='M2 18h19v2H2zm1 2h17v1H3zm1 1h15v1H4z'/%3e%3cpath fill='%23FFF' d='M7 17h9v1H7zm-1-1h1v1H6zm10 0h1v1h-1z'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat; }
  .svg_personacon .speak em.pc, .svg_pernacon .speak em.pc {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath fill='%2300A9FF' d='M16 0v6h2v6h-2v6h-4v-1h-1v-1h-1v-1H9v-1H8v-1H3v-1H2V6h1V5h5V4h1V3h1V2h1V1h1V0z'/%3e%3cpath fill='%23005A92' d='M3 5h5v1H3z'/%3e%3cpath fill='%230089EF' d='M3 6h5v1H3z'/%3e%3cpath fill='%238EEDFF' d='M6 6h2v1H6z'/%3e%3cpath fill='%2300DCFF' d='M6 7h2v1H6z'/%3e%3cpath fill='%2300B7FF' d='M6 8h2v3H6z'/%3e%3cpath fill='%230096FF' d='M5 6h1v1H5z'/%3e%3cpath fill='%230076CD' d='M3 7h3v5H3z'/%3e%3cpath fill='%23005A92' d='M16 10h2v2h-2zm1-4h1v4h-1z'/%3e%3cpath fill='%2300A9FF' d='M16 6h1v2h-1z'/%3e%3cpath fill='%230076CD' d='M16 8h1v2h-1z'/%3e%3cpath fill='%23005A92' d='M8 4h1v1H8z'/%3e%3cpath d='M21 5v1h-1V5h1zm2-1v1h-2V4h2zm0 10v1h-2v-1h2zm-2-1v1h-1v-1h1zm-1-4h3v1h-3V9z' fill='%233B667D'/%3e%3cpath fill='%238EEDFF' d='M8 5h1v1H8z'/%3e%3cpath fill='%2300DCFF' d='M8 6h1v1H8z'/%3e%3cpath fill='%23005A92' d='M9 3h1v1H9z'/%3e%3cpath fill='%238EEDFF' d='M9 4h1v1H9z'/%3e%3cpath fill='%2300DCFF' d='M9 5h1v1H9z'/%3e%3cpath fill='%23005A92' d='M10 2h1v1h-1z'/%3e%3cpath fill='%238EEDFF' d='M10 3h1v1h-1z'/%3e%3cpath fill='%2300DCFF' d='M10 4h1v1h-1z'/%3e%3cpath fill='%23005A92' d='M11 1h1v1h-1z'/%3e%3cpath fill='%238EEDFF' d='M11 2h1v1h-1z'/%3e%3cpath fill='%2300DCFF' d='M11 3h1v1h-1zm1-1h1v1h-1z'/%3e%3cpath fill='%2300BAFF' d='M8 7h1v1H8z'/%3e%3cpath fill='%230076CD' d='M6 11h1v1H6z'/%3e%3cpath fill='%230094EB' d='M7 11h1v1H7zm1 1h1v1H8zm1 1h1v1H9zm1 1h1v1h-1zm1 1h1v1h-1zm1 1h3v1h-3z'/%3e%3cpath fill='%2300BAFF' d='M9 6h1v1H9zm1-1h1v1h-1zm1-1h1v1h-1zm1-1h1v1h-1zm1-1h2v1h-2z'/%3e%3cpath fill='%2300A9FF' d='M13 3h2v13h-2zM8 8h1v4H8zm1-1h1v6H9zm1-1h1v8h-1zm1-1h1v10h-1zm1-1h1v12h-1z'/%3e%3cpath fill='%23005A92' d='M12 0h4v1h-4z'/%3e%3cpath fill='%238EEDFF' d='M12 1h3v1h-3z'/%3e%3cpath fill='%23005A92' d='M12 17h4v1h-4zm-1-1h1v1h-1zm-1-1h1v1h-1zm-1-1h1v1H9zm-1-1h1v1H8zm-5-1h5v1H3zM2 6h1v6H2zm13-5h1v16h-1z'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%; }
  .svg_personacon .police dt em.pc, .svg_pernacon .police dt em.pc {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M6 2V0h2v2h1v2H7V2H6zm10 0V0h2v2h-1v2h-2V2h1zM3 20v-2h1v-1h1V9h1V7h1V6h1V5h8v1h1v1h1v2h1v8h1v1h1v2H3zm8-20h2v4h-2V0z' fill='red'/%3e%3cpath fill='%23C4C4C4' d='M4 17h16v2H4z'/%3e%3cpath fill='%23FF7400' d='M6 0h2v2H6zm10 0h2v2h-2zm-1 2h2v2h-2zM7 2h2v2H7z'/%3e%3cpath fill='red' d='M6 7h10v9H6z'/%3e%3cpath fill='%23FF9591' d='M6 7h1v7H6zm1 0h1v3H7zm1-1h1v2H8zm1 0h7v1H9z'/%3e%3cpath fill='%23FF2A2B' d='M6 14h1v2H6zm1-4h1v2H7zm1-2h1v3H8zm1-1h1v3H9zm1 0h1v2h-1zm1 0h2v1h-2z'/%3e%3cpath fill='%23C60000' d='M8 5h3v1H8zm7 0h1v1h-1zm1 1h1v1h-1zm-1 10h1v1h-1zM7 6h1v1H7zM5 16h1v1H5z'/%3e%3cpath fill='%237C7B7A' d='M4 17h1v1H4z'/%3e%3cpath fill='%23777675' d='M3 18h1v1H3z'/%3e%3cpath fill='%23706F6E' d='M19 17h1v1h-1z'/%3e%3cpath fill='%23656463' d='M20 18h1v2h-1z'/%3e%3cpath fill='%23A8A8A8' d='M4 18h16v1H4zm10-1h4v1h-4z'/%3e%3cpath fill='%23B1B1B1' d='M18 17h1v1h-1z'/%3e%3cpath fill='%23656463' d='M3 19h17v1H3z'/%3e%3cpath fill='%23C60000' d='M6 7h1v2H6zM5 9h1v4H5z'/%3e%3cpath fill='%23E60000' d='M5 13h1v3H5zm11-6h1v2h-1z'/%3e%3cpath fill='%23C60000' d='M18 9h1v8h-1zm-1-2h1v2h-1zm-1 8h2v2h-2z'/%3e%3cpath fill='%23ED0000' d='M13 15h3v1h-3zm2-1h3v1h-3zm1-5h2v5h-2z'/%3e%3cpath fill='%23E60000' d='M11 5h4v1h-4z'/%3e%3cpath fill='%23ED0000' d='M6 16h9v1H6z'/%3e%3cpath fill='%23FF7400' d='M11 0h2v4h-2z'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat; }
  .svg_personacon .ear em.pc, .svg_pernacon .ear em.pc {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M16 0v1h1v1h1v1h1v9h-1v1h-1v1h-1v1h-1v1H7v-1H6V3h1V2h1V1h1V0h7z' fill='%23FFE4C2'/%3e%3cpath fill='%23AF8667' d='M6 3h1v2H6zm1-1h1v1H7zm1-1h1v1H8z'/%3e%3cpath fill='%239D4929' d='M15 1h1v1h-1z'/%3e%3cpath fill='%23D7D8D8' d='M15 0h1v1h-1z'/%3e%3cpath fill='%23C6C5C6' d='M16 1h1v1h-1zm1 1h1v1h-1z'/%3e%3cpath fill='%23D7D8D8' d='M18 3h1v1h-1z'/%3e%3cpath fill='%23FFD5C0' d='M18 11h1v1h-1z'/%3e%3cpath fill='%23E2CBAD' d='M17 11h1v2h-1zm-1 1h1v2h-1zm-1 1h1v2h-1zm-1 1h1v2h-1zm-1 1h1v1h-1z'/%3e%3cpath fill='%239D4929' d='M16 2h1v1h-1zm1 1h1v1h-1zm-1 8h1v1h-1zm-1 1h1v1h-1zm-1 1h1v1h-1zm-8 1h1v1H6z'/%3e%3cpath fill='%23FFB56F' d='M6 13h8v1H6zm7-1h2v1h-2zm1-1h2v1h-2zm1-1h2v1h-2zm1-1h1v1h-1zm-9 5h6v1H7z'/%3e%3cpath fill='%23E4AF78' d='M8 12h1v1H8z'/%3e%3cpath fill='%239C6C62' d='M8 11h1v1H8zm2 0h2v1h-2z'/%3e%3cpath fill='%23FFE4C2' d='M13 1h2v1h-2zm2 2h2v1h-2zm0-1h1v1h-1zm-1 2h3v5h-3zm-2 7h2v1h-2z'/%3e%3cpath fill='%23FFD5C0' d='M13 10h2v1h-2zm0-8h2v2h-2zm-3 0h2v2h-2z'/%3e%3cpath fill='%23FFE4C2' d='M8 2h2v2H8z'/%3e%3cpath fill='%23FFE4C2' d='M7 3h2v2H7z'/%3e%3cpath fill='%23FFD5C0' d='M13 4h1v1h-1zm0 5h3v1h-3z'/%3e%3cpath fill='%23FFE4C2' d='M12 10h1v1h-1z'/%3e%3cpath fill='%23AF8667' d='M9 12h1v1H9z'/%3e%3cpath fill='%23E97310' d='M9 11h1v1H9z'/%3e%3cpath fill='%239D4929' d='M12 9h1v1h-1z'/%3e%3cpath fill='%23AF8667' d='M9 4h1v1H9z'/%3e%3cpath fill='%239D4929' d='M13 7h1v2h-1zM8 7h1v2H8zm2-3h3v1h-3z'/%3e%3cpath fill='%23FFF' d='M9 1h4v1H9z'/%3e%3cpath fill='%23FFB56F' d='M8 5h1v2H8z'/%3e%3cpath fill='%23E4AF78' d='M9 5h1v2H9z'/%3e%3cpath fill='%23E97310' d='M10 5h2v2h-2z'/%3e%3cpath fill='%23FFB56F' d='M12 7h1v2h-1z'/%3e%3cpath fill='%2379695E' d='M10 7h2v2h-2z'/%3e%3cpath fill='%23FFB56F' d='M10 9h1v1h-1z'/%3e%3cpath fill='%23AF8667' d='M10 10h1v1h-1zm1-1h1v2h-1zM9 7h1v2H9zm3-2h1v2h-1z'/%3e%3cpath fill='%23E2CBAD' d='M12 2h1v2h-1z'/%3e%3cpath fill='%239C6C62' d='M13 5h1v2h-1z'/%3e%3cpath fill='%23E97310' d='M8 9h1v2H8z'/%3e%3cpath fill='%23FFB56F' d='M9 9h1v2H9z'/%3e%3cpath fill='%23E2CBAD' d='M10 12h3v1h-3z'/%3e%3cpath fill='%23FFD5C0' d='M6 5h2v8H6z'/%3e%3cpath fill='%239C6C62' d='M13 14h1v1h-1zm-1 1h1v1h-1z'/%3e%3cpath fill='%239D4929' d='M7 15h5v1H7z'/%3e%3cpath fill='%239C6C62' d='M17 4h1v1h-1z'/%3e%3cpath fill='%2379695E' d='M17 9h1v2h-1z'/%3e%3cpath fill='%239D4929' d='M17 5h1v4h-1z'/%3e%3cpath fill='%23E2CBAD' d='M18 4h1v7h-1z'/%3e%3cpath fill='%23AF8667' d='M9 0h6v1H9z'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat; }

#smartTV_chat dl dt,
#smartTV_chat dl dt a,
#smartTV_chat dl dt a em,
#smartTV_chat dl dd,
#smartTV_chat dl dd span,
#smartTV_chat .chat_area .notice,
#smartTV_chat .chat_area .smartTV_gift p,
#smartTV_chat .chat_area .smartTV_gift strong {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2rem;
  vertical-align: 0;
  font-family: "SamsungOneUI";
  background: -webkit-linear-gradient(top, black, black);
  -webkit-background-clip: text;
  -webkit-text-stroke: 6px transparent; }
#smartTV_chat dl {
  margin: 1.5rem .4rem; }
  #smartTV_chat dl dt {
    padding-left: 1.85rem;
    color: #fff; }
  #smartTV_chat dl dt a {
    color: #b9b9b9;
    cursor: default;
    padding-left: .4rem; }
  #smartTV_chat dl dt > em {
    width: 1.7rem;
    height: 1.8rem;
    margin-top: -.1rem;
    background-size: 5.7rem auto; }
  #smartTV_chat dl dt > img {
    display: none; }
  #smartTV_chat dl dt > em span {
    display: none; }
  #smartTV_chat dl dd,
  #smartTV_chat dl dd span {
    color: #fff;
    line-height: 2rem;
    padding-left: 0; }
#smartTV_chat .chat_area {
  /* 운영자 스피커*/
  /* 운영자 경고*/
  /* 폰 */
  /* 귓말 */
  /* bj */
  /* 매니저 */
  /* 구독 */
  /* 열혈팬 */
  /* 팬클럽 */
  /* 일반 */
  /* 벙어리 */
  /* 블라인드 */
  /*퇴장*/ }
  #smartTV_chat .chat_area .notice {
    color: #fff000;
    line-height: 2rem;
    vertical-align: middle; }
  #smartTV_chat .chat_area .servernt em.pc,
  #smartTV_chat .chat_area .notice_gamble dt em.pc {
    background-position: -4rem -30.2rem; }
  #smartTV_chat .chat_area .speak em.pc {
    background-position: -4rem -33.2rem; }
  #smartTV_chat .chat_area .police dt em.pc {
    background-position: 0 -36.2rem; }
  #smartTV_chat .chat_area .phone em.pc {
    background-position: 0 -27rem; }
  #smartTV_chat .chat_area .ear em.pc {
    background-position: 0 -24.2rem; }
  #smartTV_chat .chat_area .man em.pc {
    background-position: 0 .1rem; }
  #smartTV_chat .chat_area .woman em.pc {
    background-position: -4rem .1rem; }
  #smartTV_chat .chat_area .manager_m em.pc {
    background-position: 0 -3rem; }
  #smartTV_chat .chat_area .manager_w em.pc {
    background-position: -4rem -3rem; }
  #smartTV_chat .chat_area .gudok_m em.pc {
    background-position: 0 -6.2rem; }
  #smartTV_chat .chat_area .hot_m em.pc {
    background-position: 0 -6.2rem; }
  #smartTV_chat .chat_area .hot_w em.pc {
    background-position: -4rem -6.2rem; }
  #smartTV_chat .chat_area .fan_m em.pc {
    background-position: 0 -9.1rem; }
  #smartTV_chat .chat_area .fan_w em.pc {
    background-position: -4rem -9.1rem; }
  #smartTV_chat .chat_area .user_m em.pc {
    background-position: 0 -12.2rem; }
  #smartTV_chat .chat_area .user_w em.pc {
    background-position: -4rem -12.2rem; }
  #smartTV_chat .chat_area .user_mw em.pc {
    background-position: 0 -12.2rem; }
  #smartTV_chat .chat_area .user_ww em.pc {
    background-position: -4rem -12.2rem; }
  #smartTV_chat .chat_area .user_mb em.pc {
    background-position: 0 -15.15rem; }
  #smartTV_chat .chat_area .user_wb em.pc {
    background-position: -4rem -15.15rem; }
  #smartTV_chat .chat_area .out_m em.pc {
    background-position: 0 -17.15rem; }
  #smartTV_chat .chat_area .out_w em.pc {
    background-position: -4rem -17.15rem; }
  #smartTV_chat .chat_area .gudok_w em.pc {
    background-position: -4rem -6.2rem; }

* {
  margin: 0;
  padding: 0;
  outline: none; }

html, body {
  overflow: hidden;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: 'NG','AppleGothic',sans-serif; }

h1, h2, h3, h4, h5, h6, div, ol, ul, dl, p, img, fieldset, object {
  font-size: 12px;
  border: 0;
  outline: none;
  list-style: normal;
  border: none; }

a, a:active, a:hover {
  color: #666;
  text-decoration: none; }

em, li {
  list-style: none;
  font-style: normal; }

caption, legend, .hide {
  display: none; }

button {
  background-color: transparent;
  border: none;
  cursor: pointer; }

label {
  cursor: pointer; }

.bg_dark {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); }

.blind {
  display: block;
  position: absolute;
  overflow: hidden;
  left: -9999px;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px; }

.chatbox #emoticonArea {
  transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }

.chatbox {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff; }

.chatbox h2 {
  height: 18px;
  padding: 6px 0 0 8px;
  border-bottom: 1px solid #e1e1e1;
  font-weight: bold;
  font-size: 12px;
  color: #3d82f6; }

.chatbox .chat_area {
  will-change: scroll-position;
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
  bottom: 113px;
  padding: 0;
  z-index: 1;
  overflow: auto;
  overflow-x: hidden;
  will-change: scroll-position; }

/* 채팅 스크롤 다운 버튼 */
.chat_scroll_down {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 80px;
  opacity: 0;
  width: 58px;
  height: 26px;
  margin-left: -29px;
  transition: all 0.2s ease-in-out; }

.chat_scroll_down button {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  font: 0/0 a;
  border: none;
  background-repeat: auto;
  background-color: #3d82f6;
  border-radius: 13px;
  box-shadow: 0 4px 4px #0000004a; }
  .chat_scroll_down button:before {
    content: '';
    display: block;
    width: 18px;
    height: 16px;
    margin: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 18'%3e%3cpath fill-rule='evenodd' fill='%23fff' d='M7.407 1a.75.75 0 0 1 .75.75l-.001 12.346 4.377-4.376a.75.75 0 0 1 1.061 1.06l-5.657 5.657a.75.75 0 0 1-1.06 0L1.22 10.78a.75.75 0 0 1 1.06-1.06l4.376 4.376V1.75a.75.75 0 0 1 .75-.75z'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat; }

.chat_scroll_down.on {
  opacity: 1;
  z-index: 100;
  bottom: 120px; }

.video_chat .chat_scroll_down {
  bottom: -40px; }

.video_chat .chat_scroll_down.on {
  bottom: 10px; }

/*툴팁*/
.ttip {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 12;
  font-size: 11px;
  line-height: 1em;
  padding: 7px 5px 3px;
  color: #fff;
  white-space: nowrap;
  background: #555;
  border-radius: 2px; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .ttip {
    padding: 5px 5px 3px; } }
.ttip span {
  position: absolute;
  left: 50%;
  bottom: -3px;
  margin: 0 0 0 -2px;
  width: 5px;
  height: 3px;
  overflow: hidden;
  text-indent: -1111px; }

.ttip span {
  display: none; }

/* 2017-0516 숨김처리  */
.setbox .c-notice .ttip {
  left: -15px;
  top: -21px; }

.setbox .viewer .ttip {
  left: -30px;
  top: -21px; }

.setbox .mchat .ttip {
  left: -23px;
  top: -21px; }

.setbox .c-out .ttip {
  left: -29px;
  top: -21px; }

.setbox .ice .ttip {
  left: -11px;
  top: -21px; }

.setbox .set .ttip {
  left: -5px;
  top: -21px; }

.setbox .close .ttip {
  left: inherit;
  right: 6px;
  top: -21px; }

.setbox .close .ttip span {
  left: inherit;
  right: 6px; }

.actionbox .emo .ttip {
  left: -20px;
  top: -24px; }

.actionbox .police .ttip {
  left: 0px;
  top: -24px; }

.actionbox .hope .ttip {
  left: -40px;
  top: -26px; }

.actionbox .star .ttip {
  left: -35px;
  top: -26px; }

.actionbox .sticker .ttip {
  left: inherit;
  right: -24px;
  top: -26px; }

.actionbox .sticker .ttip span {
  left: inherit;
  right: 35px; }

.actionbox .choco .ttip {
  left: inherit;
  right: 0px;
  top: -26px; }

.actionbox .choco .ttip span {
  left: inherit;
  right: 9px; }

.area_header ul li.close a:after,
.area_header ul li.close a:hover:after {
  transform: translateX(-82%) !important; }

.area_header * {
  font-family: 'NG','AppleGothic',sans-serif; }

.area_header {
  position: relative;
  border-bottom: 1px solid #f0f0f0;
  margin: 0 8px; }
  .area_header h2 {
    display: inline-block;
    line-height: 38px;
    margin: 0;
    padding: 0;
    border: none;
    height: auto;
    color: #424242; }
    .area_header h2 span {
      font-size: 16px;
      color: #424242;
      vertical-align: -2px;
      font-family: 'NGB','AppleGothic',sans-serif; }
    .area_header h2 a {
      position: relative;
      display: inline-block;
      left: auto;
      margin-left: 7px;
      padding: 0 8px;
      font-size: 12px;
      color: #888;
      font-weight: normal; }
      .area_header h2 a:after, .area_header h2 a:before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        display: block; }
      .area_header h2 a:before {
        left: 0;
        width: 1px;
        height: 12px;
        background-color: #e2e2e2; }
      .area_header h2 a:after {
        right: 0;
        border-top: 2px solid transparent;
        border-bottom: 2px solid transparent;
        border-left: 3px solid #888; }
  .area_header > ul {
    position: absolute;
    right: 2px;
    top: 9px;
    z-index: 101; }
    .area_header > ul:after {
      content: '';
      display: block;
      clear: both; }
  .area_header a.history_back {
    display: inline-block;
    font-size: 0;
    width: 20px;
    height: 20px;
    margin: -1px 0 0 -5px;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 16'%3e%3cpath fill-rule='evenodd' fill='%23444' d='M8.424 14.576c.235.234.235.614 0 .848-.234.235-.614.235-.848 0l-7-7C.34 8.19.34 7.81.576 7.576l7-7c.234-.235.614-.235.848 0 .235.234.235.614 0 .848L1.85 8l6.575 6.576z'/%3e%3c/svg%3e");
    background-size: 7px 14px;
    background-position: 50% 50%;
    background-repeat: no-repeat; }

.area_header > ul li {
  float: left;
  margin: 0 0 0 6px; }

.area_header .chat_move {
  position: relative;
  z-index: 10;
  box-sizing: border-box;
  display: none;
  width: 18px;
  height: 15px;
  margin-right: 2px;
  font-size: 0;
  vertical-align: 4px;
  border-radius: 2px;
  border: 1px solid #999;
  transition: all 0.2s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
  .area_header .chat_move:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 8px;
    bottom: 1px;
    display: block;
    width: 7px;
    height: 11px;
    background-color: #999;
    border-radius: 1px;
    transition: all 0.2s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
  .area_header .chat_move:hover {
    border-color: #4279ff; }
    .area_header .chat_move:hover:before {
      background-color: #4279ff; }

#chatting_area .area_header .chat_move,
.smode .area_header .chat_move {
  display: inline-block; }

.chat_left .area_header .chat_move:before {
  left: 1px; }
.chat_left .area_header .chat_move_wrap:after {
  transform: translateX(-25%); }

.chat_move_wrap {
  position: relative;
  z-index: 101;
  display: inline-block; }
  .chat_move_wrap .tooltip {
    display: block;
    position: absolute;
    z-index: 101;
    top: 100%;
    left: -8px;
    margin-top: 8px;
    padding: 8px 35px 8px 14px;
    white-space: nowrap;
    font-size: 13px;
    color: #fff;
    background-color: #8db4fa;
    border-radius: 4px; }
    .chat_move_wrap .tooltip:before {
      content: '';
      display: block;
      position: absolute;
      bottom: 100%;
      left: 13px;
      width: 0;
      height: 0;
      border-bottom: 5px solid #8db4fa;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent; }
  .chat_move_wrap button.close {
    position: absolute;
    top: 4px;
    right: 4px;
    font-size: 0;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L11 10.293l5.646-5.647a.5.5 0 0 1 .765.638l-.057.07L11.707 11l5.647 5.646.057.07a.5.5 0 0 1-.765.638L11 11.707l-5.646 5.647a.5.5 0 0 1-.765-.638l.057-.07L10.293 11 4.646 5.354l-.057-.07a.5.5 0 0 1 .057-.638z' fill='%23fff'/%3e%3c/svg%3e");
    background-size: 16px 16px;
    background-position: 50% 50%; }

.chat_blind {
  display: none;
  position: absolute;
  z-index: 1000;
  top: 39px;
  bottom: 113px;
  left: 0;
  right: 0;
  background: #fff;
  text-align: center; }
  .chat_blind:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 8px;
    right: 8px;
    height: 1px;
    background: #f0f0f0; }
  .chat_blind div {
    position: absolute;
    top: 50%;
    left: 10px;
    right: 10px;
    transform: translate(0, -50%); }
    .chat_blind div p {
      position: relative;
      margin: 0 0 15px 0;
      font-size: 14px;
      color: #555;
      font-weight: bold; }
      .chat_blind div p:before {
        content: '';
        display: block;
        width: 100px;
        height: 135px;
        margin: 0 auto 15px;
        background-image: url("/images/webplayer/chat/split_chat_2x.png");
        background-size: 1000px 1000px;
        background-repeat: no-repeat;
        background-position: 0 0; }
    .chat_blind div button {
      padding: 10px 15px;
      font-size: 13px;
      background-color: #386cff;
      color: #fff;
      border-radius: 3px; }

@media (max-width: 920px) {
  .chat_blind div p:before {
    display: none; } }
.thema_dark .chat_blind:after {
  background: #1d1d1d !important; }

.area_header ul li.chat_speed {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 7px 8px;
  margin-top: -4px;
  border-radius: 8px;
  border: solid 1px #f5f5f5;
  font-size: 0;
  cursor: pointer;
  background-color: #fff; }
  .area_header ul li.chat_speed span {
    display: inline-block;
    font-size: 13px;
    color: #888;
    line-height: 1;
    vertical-align: middle; }
  .area_header ul li.chat_speed div {
    display: inline-block;
    margin: 0;
    font-size: 0;
    vertical-align: middle; }
    .area_header ul li.chat_speed div a {
      font-size: 13px;
      color: #4279ff;
      background: none; }
    .area_header ul li.chat_speed div > a {
      position: relative;
      display: inline-block;
      height: 13px;
      width: 30px;
      padding: 0 10px 0 0;
      font-size: 13px;
      line-height: 1;
      vertical-align: middle;
      background: none;
      text-align: center; }
      .area_header ul li.chat_speed div > a:after {
        content: '';
        position: absolute;
        right: 0px;
        top: 5.5px;
        display: block;
        width: 0;
        height: 0;
        border-top: 3px solid #c5c5c5;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent; }
      .area_header ul li.chat_speed div > a.on + ul {
        height: auto;
        opacity: 1;
        z-index: 10; }
    .area_header ul li.chat_speed div ul {
      overflow-y: auto;
      position: absolute;
      top: 24px;
      left: -1px;
      right: -1px;
      width: 100%;
      max-height: 196px;
      z-index: -1;
      height: 0;
      opacity: 0;
      border: solid 1px #f5f5f5;
      border-top: none;
      border-radius: 0 0 8px 8px;
      background-color: #fff; }
      .area_header ul li.chat_speed div ul li {
        display: block !important;
        float: none;
        margin: 0; }
        .area_header ul li.chat_speed div ul li:first-child {
          padding-top: 6px; }
        .area_header ul li.chat_speed div ul li a {
          position: relative;
          display: block;
          width: auto;
          height: 28px;
          font-size: 13px;
          line-height: 29px;
          text-align: center;
          color: #888;
          transition: all 0.2s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
          .area_header ul li.chat_speed div ul li a:hover {
            background-color: #e7edfa; }
          .area_header ul li.chat_speed div ul li a.on {
            color: #4c7cf6; }
            .area_header ul li.chat_speed div ul li a.on:after {
              content: '';
              position: absolute;
              top: 50%;
              transform: translate(50%, -50%);
              display: inline-block;
              width: 9px;
              height: 7px;
              background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7'%3e%3cpath fill-rule='evenodd' fill='%234C7CF6' d='M8 2.5L4.5 6A1 1 0 013 6L1 4a1 1 0 011.4-1.5L3.8 4l2.8-2.8A1 1 0 118 2.5z'/%3e%3c/svg%3e") 50% 50% no-repeat;
              background-size: 100% 100%; }
  .area_header ul li.chat_speed.on {
    border-radius: 8px 8px 0 0; }
    .area_header ul li.chat_speed.on div:before {
      content: '';
      display: block;
      position: absolute;
      bottom: 0px;
      left: 3px;
      right: 3px;
      height: 1px;
      background-color: #f0f0f0; }
    .area_header ul li.chat_speed.on div ul {
      display: block;
      top: 27px;
      height: auto;
      opacity: 1;
      z-index: 10; }
      .area_header ul li.chat_speed.on div ul:before {
        top: 0; }
      .area_header ul li.chat_speed.on div ul li:first-child {
        padding-top: 0; }

.move_handle {
  position: absolute;
  z-index: 1002;
  top: 0;
  bottom: 0;
  left: -5px;
  width: 10px;
  font-size: 0;
  background-color: transparent;
  cursor: e-resize; }
  .chat_left .move_handle {
    left: auto;
    right: -5px; }
    .chat_left .move_handle .chat_move_wrap[tip]:hover:after {
      transform: translateX(-25%); }
  @media (min-height: 1081px) and (orientation: portrait), (max-width: 860px) {
    .move_handle {
      display: none; } }

@media (min-height: 1081px) and (orientation: portrait), (max-width: 860px) {
  .move_handle {
    display: block; } }
.safari .chat_move_wrap:hover:before {
  transform: translateX(-50%); }
.safari .chat_move_wrap:hover:after {
  transform: translateX(-17%); }
.safari .chat_left .chat_move_wrap:hover:before {
  transform: translateX(-50%); }
.safari .chat_left .chat_move_wrap:hover:after {
  transform: translateX(-17%); }

/* 스크롤 공통 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: transparent; }

::-webkit-scrollbar-thumb {
  background: #e4e4e4;
  border-radius: 8px; }

::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 8px; }

*:hover::-webkit-scrollbar-thumb {
  background: #bbb; }

::-webkit-scrollbar-button,
::-webkit-scrollbar-corner {
  display: none !important; }

html {
  scrollbar-3dLight-Color: #efefef;
  scrollbar-arrow-color: #dfdfdf;
  scrollbar-base-color: #efefef;
  scrollbar-Face-Color: #bbb;
  scrollbar-Track-Color: #fff;
  scrollbar-DarkShadow-Color: #fff;
  scrollbar-Highlight-Color: #efefef;
  scrollbar-Shadow-Color: #efefef; }

.list_viewer {
  height: 222px;
  padding: 1px;
  overflow-y: auto;
  border: 1px solid #a2a2a2;
  border-bottom: none;
  position: relative;
  /* 남자 icon */
  /* BJ */
  /* 매니저 */
  /* 열혈팬 */
  /* 팬클럽 */
  /* 2015-08-13 !important 삭제 */
  /* 일반 */
  /* 일반 */
  /* 퇴장 */
  /* 블라인드 */
  /* 블라인드 */
  /* 벙어리 */
  /* 벙어리 */
  /* 글로벌남자 */
  /* 글로벌남자 */
  /* 글로벌남자 BJ */
  /*구독자*/
  /* 여자 icon */
  /* BJ */
  /* 매니저 */
  /* 열혈팬 */
  /* 팬클럽 */
  /* 일반 */
  /* 일반 */
  /* 퇴장 */
  /* 블라인드 */
  /* 블라인드 */
  /* 벙어리 */
  /* 벙어리 */
  /* 글로벌여자 */
  /* 글로벌여자 */
  /* 글로벌여자 BJ */
  /*구독자*/
  /* 중성 icon */
  /* 일반 */
  /* BJ */
  /* 매니저 */
  /* 열혈팬 */
  /* 팬클럽 */
  /*구독자*/
  /* 모바일 icon */
  /* 안내 icon */ }
  .list_viewer h3 {
    box-sizing: border-box;
    height: 21px;
    padding: 0 0 0 12px;
    margin: 0 0 1px 0;
    font-size: 11px;
    line-height: 23px;
    color: #1e62d4;
    font-weight: normal;
    background: #eaf0f8; }
  .list_viewer h3 strong {
    color: #ff4800;
    font-size: 11px; }
  .list_viewer .bj_info {
    position: relative;
    height: 24px; }
  .list_viewer .bj_info:after {
    content: "";
    display: block;
    clear: both; }
  .list_viewer .bj_info a {
    display: block;
    height: 24px;
    padding: 0 0 0 45px;
    color: #767676;
    font-size: 11px;
    background: url("/images/chat/ic_chat_v3.gif") no-repeat;
    line-height: 1.2em;
    text-decoration: none; }
  .list_viewer .bj_info > a span {
    position: absolute;
    top: 0;
    left: 142px;
    float: left;
    display: block;
    width: 97px;
    padding: 4px 0 0 0;
    font-family: tahoma;
    font-size: 11px;
    vertical-align: top; }
  .list_viewer .bj_info > a em {
    float: left;
    display: block;
    width: 97px;
    padding: 5px 0 0 0;
    font-size: 11px;
    color: #3c3c3c;
    vertical-align: top; }
  .list_viewer li {
    position: relative;
    height: 20px;
    padding-top: 2px; }
  .list_viewer li:after {
    display: block;
    clear: both;
    content: ""; }
  .list_viewer li a {
    display: block;
    position: relative;
    height: 20px;
    padding: 0 0 0 45px;
    color: #767676;
    font-size: 11px;
    background: url("/images/chat/ic_chat_v3.gif") no-repeat;
    line-height: 1.2em;
    text-decoration: none; }
  .list_viewer .vlist > li > a span {
    position: absolute;
    top: 0;
    left: 142px;
    float: left;
    display: block;
    width: 97px;
    padding: 4px 0 0 0;
    font-family: tahoma;
    font-size: 11px;
    vertical-align: top; }
  .list_viewer .vlist > li > a em {
    float: left;
    display: block;
    width: 97px;
    padding: 3px 0 0 0;
    font-size: 11px;
    color: #3c3c3c;
    vertical-align: top; }
  .list_viewer .man a {
    background-position: 12px 3px; }
  .list_viewer .manager_m a {
    background-position: 12px -34px; }
  .list_viewer .topfan_m a {
    background-position: 12px -69px; }
  .list_viewer .fan_m a {
    background-position: 12px -103px; }
  .list_viewer .user_m a {
    background-position: 12px -138px; }
  .list_viewer .supporter_m a {
    background-position: 12px -138px; }
  .list_viewer .out_m a {
    background-position: 12px -174px; }
  .list_viewer .user_mb a {
    background-position: 12px -208px; }
  .list_viewer .supporter_mb a {
    background-position: 12px -208px; }
  .list_viewer .user_mw a {
    background-position: 12px -244px; }
  .list_viewer .supporter_mw a {
    background-position: 12px -244px; }
  .list_viewer .user_gm a {
    background-position: 12px -770px; }
  .list_viewer .supporter_gm a {
    background-position: 12px -770px; }
  .list_viewer .man_g a {
    background-position: 12px -846px; }
  .list_viewer .gudok_m a {
    background-position: 12px -1021px; }
  .list_viewer .woman a {
    background-position: 12px -277px; }
  .list_viewer .manager_w a {
    background-position: 12px -314px; }
  .list_viewer .topfan_w a {
    background-position: 12px -349px; }
  .list_viewer .fan_w a {
    background-position: 12px -384px; }
  .list_viewer .user_w a {
    background-position: 12px -419px; }
  .list_viewer .supporter_w a {
    background-position: 12px -419px; }
  .list_viewer .out_w a {
    background-position: 12px -454px; }
  .list_viewer .user_wb a {
    background-position: 12px -489px; }
  .list_viewer .supporter_wb a {
    background-position: 12px -489px; }
  .list_viewer .user_ww a {
    background-position: 12px -524px; }
  .list_viewer .supporter_ww a {
    background-position: 12px -524px; }
  .list_viewer .user_gw a {
    background-position: 12px -807px; }
  .list_viewer .supporter_gw a {
    background-position: 12px -807px; }
  .list_viewer .woman_g a {
    background-position: 12px -884px; }
  .list_viewer .gudok_w a {
    background-position: 12px -1070px; }
  .list_viewer .gender > a {
    background: url("/images/chat/ic_chat_v3.gif") no-repeat; }
  .list_viewer .gender > a {
    background-position: 12px -1291px; }
  .list_viewer .gender.bj > a {
    background-position: 12px -1118px; }
  .list_viewer .gender.manager > a {
    background-position: 12px -1153px; }
  .list_viewer .gender.topfan > a {
    background-position: 12px -1223px; }
  .list_viewer .gender.fan > a {
    background-position: 12px -1258px; }
  .list_viewer .gender.gudok > a {
    background-position: 12px -1189px; }
  .list_viewer .phone a {
    background-position: 12px -628px; }
  .list_viewer .global_phone a {
    background-position: 12px -925px; }
  .list_viewer .ear a {
    background-position: 12px -591px;
    font-weight: normal !important; }

.wrap_lv .toggle_op {
  position: relative;
  z-index: 99999; }
.wrap_lv .btn_toggle_op {
  height: 8px;
  display: block;
  padding: 6px 0;
  border: 1px solid #a2a2a2;
  border-top: 1px solid #f2f2f2;
  text-decoration: none; }
.wrap_lv .btn_toggle_op span {
  display: block;
  width: 12px;
  height: 8px;
  margin: 0 auto;
  overflow: hidden;
  text-indent: -9999px;
  background: url("/images/webplayer/chat/split_chat.png") no-repeat 0px -130px; }
.wrap_lv .btn_toggle_op:hover span {
  background-position: -12px -130px; }
.wrap_lv .toggle_cs {
  display: none;
  position: relative;
  z-index: 111; }
.wrap_lv .btn_toggle_cs {
  display: block;
  height: 8px;
  padding: 6px 0;
  border: 1px solid #a2a2a2;
  border-top: 1px solid #f2f2f2; }
.wrap_lv .btn_toggle_cs span {
  display: block;
  width: 12px;
  height: 8px;
  margin: 0 auto;
  overflow: hidden;
  text-indent: -9999px;
  background: url("/images/webplayer/chat/split_chat.png") no-repeat 0 -122px; }
.wrap_lv .btn_toggle_cs:hover span {
  background-position: -12px -122px; }

.layer_context {
  display: none;
  position: absolute;
  left: 45px;
  top: 17px;
  z-index: 22222;
  width: 124px;
  padding: 2px;
  border: 1px solid #9d9da1;
  background: #fff; }
  .layer_context a {
    color: #3c3c3c !important;
    font-weight: normal !important;
    text-align: left; }
  .layer_context strong.nick {
    display: block;
    padding: 5px 0 3px 0;
    line-height: 14px;
    font-size: 11px;
    margin: 0;
    vertical-align: top;
    color: #328fde !important;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ccc; }
  .layer_context a.nick {
    position: relative;
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 0 !important;
    height: auto !important;
    background: none !important; }
  .layer_context a.nick span {
    overflow: hidden;
    float: none;
    display: block;
    margin-right: 18px;
    padding: 5px 0 3px 6px;
    line-height: 14px;
    font-size: 11px;
    vertical-align: top;
    color: #328fde !important;
    white-space: nowrap;
    font-weight: bold;
    text-align: left; }
  .layer_context a.nick em {
    position: absolute;
    top: 4px;
    right: 2px;
    width: 13px;
    height: 13px;
    padding: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(102, 102, 102, 0.999)' stroke=''  viewBox='0 0 17 16' %3e%3cpath fill-rule='evenodd' d='M16.747 8.784c-.065.146-.31.241-.463.241a.626.626 0 01-.425-.162l-.881-.833v7.097c0 .444-.39.804-.87.804h-3.19c-.48 0-.869-.36-.869-.804v-3.122H6.994v3.122c0 .444-.389.804-.869.804l-3.215.024c-.48 0-.869-.336-.869-.78V7.997l-.896.837c-.234.217-.609.258-.796 0-.195-.269-.013-.542.222-.759l7.516-7.049a.623.623 0 01.425-.163c.159 0 .311.058.424.163l7.616 7.156c.112.112.338.281.195.602zM8.529 1.939l-5.526 5.16v7.918h3.006v-3.193c0-.444.388-.804.868-.804h3.259c.48 0 .869.36.869.804v3.193h3.012V7.67c0-.178.03-.334.086-.467L8.529 1.939z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }
  .layer_context ul {
    margin: 2px 0 0;
    padding: 0;
    border-top: 1px solid #ccc; }
  .layer_context ul.top {
    border-top: none; }
  .layer_context ul li {
    margin: 2px 0 0;
    text-align: left; }
  .layer_context ul li a {
    display: block;
    height: 15px;
    padding: 4px 0 0 6px;
    font-size: 11px !important;
    letter-spacing: -1px;
    color: #3c3c3c;
    background: none;
    line-height: 14px !important;
    font-family: 'NG','돋움',dotum,AppleGothic !important; }
  .layer_context ul li.off {
    height: 15px;
    font-size: 11px;
    letter-spacing: -1px;
    padding: 4px 0 0 6px;
    margin: 2px 0 0;
    color: #3c3c3c;
    background: none;
    line-height: 14px;
    color: #a0a0a0;
    font-weight: normal; }
  .layer_context .text strong {
    color: #328fde; }

.chat_area .layer_context {
  left: 20px; }

.bj_info .layer_context a {
  display: block;
  height: 15px;
  padding: 4px 0 0 6px;
  font-size: 11px;
  letter-spacing: -1px;
  color: #3c3c3c;
  background: none;
  line-height: 14px; }

/* 설정 */
.wrap_st {
  display: none;
  position: absolute;
  right: 0px;
  top: 35px;
  z-index: 111;
  background: #fff; }
  .wrap_st:before {
    background: url("/images/webplayer/chat/split_chat.png") no-repeat -120px -50px; }
  .wrap_st .list_setting {
    width: 129px;
    padding: 1px;
    border: 1px solid #959595; }
  .wrap_st .list_setting .list_st1 {
    padding: 2px 0 0 0;
    margin: 0 0 1px 0;
    border-bottom: 1px solid #d9d9d9; }
  .wrap_st .list_setting .list_st1 li {
    padding: 5px 0 5px 7px;
    font-size: 11px;
    line-height: 14px; }
  .wrap_st .list_setting .list_st1 li input {
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    line-height: 14px; }
  .wrap_st .list_setting .list_st1 li label {
    font-size: 11px;
    color: #666;
    vertical-align: middle;
    line-height: 14px; }
  .wrap_st .list_setting .list_st2 li {
    margin: 0 0 1px 0; }
  .wrap_st .list_setting .list_st2 li a {
    display: block;
    padding: 8px 8px 4px 8px;
    font-size: 11px;
    line-height: 14px;
    text-decoration: none; }
  .wrap_st .list_setting .list_st2 li a:hover {
    text-decoration: underline; }
  .wrap_st .font-level {
    padding: 8px 0 4px 8px;
    color: #666;
    font-size: 0; }
    .wrap_st .font-level span {
      font-size: 11px;
      margin-right: 8px; }
    .wrap_st .font-level div {
      position: relative;
      display: inline-block;
      font-size: 0; }
      .wrap_st .font-level div input {
        display: inline-block;
        width: 17px;
        height: 11px;
        margin: 0 11px;
        padding: 0;
        font-size: 10px;
        vertical-align: 0px;
        color: #888;
        border: none;
        text-align: center;
        cursor: default; }
      .wrap_st .font-level div button {
        position: absolute;
        width: 11px;
        height: 11px;
        top: 0;
        border: 1px solid #ccc;
        font-size: 0; }
        .wrap_st .font-level div button:before, .wrap_st .font-level div button:after {
          content: '';
          display: block;
          position: absolute;
          background-color: #959595; }
        .wrap_st .font-level div button:before {
          width: 5px;
          height: 1px;
          left: 2px;
          top: 4px; }
        .wrap_st .font-level div button.plus:after {
          width: 1px;
          height: 5px;
          top: 2px;
          left: 4px; }
        .wrap_st .font-level div button.minus {
          left: 0; }
        .wrap_st .font-level div button.plus {
          right: 0; }

/* 채팅금지 관련 레이어  */
.layer_s_chat {
  display: none;
  position: absolute;
  left: 18px;
  bottom: 73px;
  z-index: 100;
  width: 238px;
  border: 1px solid #2c84ce;
  background: #fff; }
  .layer_s_chat .layer_in {
    position: relative;
    width: 100%;
    height: 100%; }
  .layer_s_chat .layer_in .layer_ac {
    text-align: center;
    letter-spacing: -1px;
    color: #7e7e7e;
    line-height: 17px;
    padding-top: 18px; }
  .layer_s_chat .layer_in .btn_close {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    width: 10px;
    height: 9px;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
    z-index: 9;
    background: url("/images/webplayer/chat/split_chat.png") no-repeat -30px -50px; }
  .layer_s_chat .layer_in .btn_wrap {
    padding: 14px 0 20px 0;
    text-align: center; }
  .layer_s_chat .layer_in .btn_st2 {
    display: inline-block;
    min-width: 44px;
    height: 20px;
    padding: 2px 15px;
    padding: 0 15px 0px 15px\0;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    color: #525252 !important;
    background: #fff;
    border: 1px solid #b8b8b8;
    vertical-align: top;
    text-decoration: none !important;
    border-radius: 3px;
    letter-spacing: -1px; }
  .layer_s_chat .layer_in .color_bl, .layer_s_chat a.color_bl {
    color: #328fde; }
  .layer_s_chat .layer_in .color_red, .layer_s_chat a.color_red {
    color: #f50000; }
  .layer_s_chat .layer_in .par {
    display: block;
    padding-top: 8px; }

.layer_s_gudok {
  position: absolute;
  left: 12px;
  bottom: 116px;
  z-index: 100;
  width: 259px;
  height: 110px;
  border: 1px solid #2c84ce;
  background: #fff; }
  .layer_s_gudok .layer_in {
    position: relative;
    width: 100%;
    height: 100%; }
    .layer_s_gudok .layer_in .btn_close {
      position: absolute;
      right: 7px;
      top: 7px;
      display: block;
      width: 9px;
      height: 10px;
      padding: 5px;
      overflow: hidden;
      text-indent: -9999px;
      z-index: 9;
      background: url("/images/flashplayer/btn_close_emo.gif") no-repeat center; }
    .layer_s_gudok .layer_in dl {
      padding: 13px 0 0 19px; }
    .layer_s_gudok .layer_in dl dt {
      height: 20px;
      color: #3d82f6;
      font-weight: bold; }
    .layer_s_gudok .layer_in dl dd {
      color: #393939;
      line-height: 130%; }
    .layer_s_gudok .layer_in dl dd.btn {
      text-align: center;
      padding-top: 8px; }
    .layer_s_gudok .layer_in dl dd.btn a {
      display: inline-block;
      width: 74px;
      height: 22px;
      line-height: 23px;
      color: #fff;
      border: 1px solid #3889bf;
      text-decoration: none;
      background: #4096de; }
    .layer_s_gudok .layer_in dl dd.btn a span {
      display: inline-block;
      padding-right: 7px;
      background: url("/images/flashplayer/icon_arr_link.gif") no-repeat right 9px; }

/* 투표 */
.poll_layer {
  background: #ebf3ff;
  position: absolute;
  z-index: 2;
  top: -1px;
  left: 0;
  height: 26px;
  width: 100%;
  padding-top: 5px;
  border-bottom: 1px solid #bcc9dd; }
  .poll_layer a span,
  .poll_layer .btn_close {
    background: url("/images/flashplayer/bul_poll.png") -9999px -99999px no-repeat; }
  .poll_layer .btn_close {
    width: 15px;
    height: 14px;
    background-position: 0 -75px;
    border: none;
    position: absolute;
    top: 9px;
    right: 5px;
    cursor: pointer; }
  .poll_layer a span {
    font-size: 11px;
    padding: 3px 4px 3px 19px;
    margin-right: 5px;
    border-radius: 2px;
    color: #fff; }
  .poll_layer a.poll {
    color: #1a56d4; }
  .poll_layer a.poll span {
    background-color: #1a58d5;
    border: 1px solid #0c3faf;
    background-position: 0 -1px; }
  .poll_layer a.poll_end {
    color: #434343; }
  .poll_layer a.poll_end span {
    background-color: #adadad;
    border: 1px solid #adadad;
    background-position: 0 -25px; }
  .poll_layer a.poll_result {
    color: #1a56d4; }
  .poll_layer a.poll_result span {
    background-color: #1a58d5;
    border: 1px solid #0c3faf;
    background-position: 0 -48px; }
  .poll_layer a {
    font-size: 11px;
    text-decoration: none;
    padding: 6px 0 4px 0;
    margin: 0 5px 0 10px;
    display: inline-block; }

/* 매니저 채팅 */
.layer_mchat {
  display: none;
  position: absolute;
  top: calc(50vh - 125px);
  left: calc(50vw - 128.5px );
  z-index: 112;
  min-width: 300px;
  min-height: 255px;
  border: 1px solid #e2e2e2;
  background: #fff;
  opacity: .9; }
  .layer_mchat.right_auto {
    right: auto; }
  .layer_mchat h2 {
    display: flex;
    align-items: center;
    height: 20px;
    box-sizing: border-box;
    padding: 0 0 0 9px;
    font-size: 12px;
    color: #3d82f6;
    border-bottom: 1px solid #e4e4e4; }
    .layer_mchat h2 button {
      display: inline-block;
      width: 12px;
      height: 13px;
      margin-left: 3px;
      font-size: 0;
      vertical-align: 3px;
      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13'%3e%3cpath d='m6.24 2.72 3.02 2.63a1 1 0 0 1 .1 1.4l-3 3.45h4.16a.5.5 0 1 1 0 1H4.84a2 2 0 0 1-1.58-.47L1.75 9.42a2 2 0 0 1-.2-2.82l3.28-3.78a1 1 0 0 1 1.41-.1zM2.31 7.25a1 1 0 0 0 .01 1.33l.09.08 1.5 1.31c.15.13.33.21.51.24l.1-.01h.24a1 1 0 0 0 .48-.24l.09-.08L2.3 7.25zm3.28-3.77L2.96 6.5l3.02 2.62L8.61 6.1 5.59 3.48z' fill='%23686E7C' fill-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
      background-size: 100% 100%; }
  .layer_mchat a.btn_close {
    position: absolute;
    right: 2px;
    top: 0;
    display: block;
    width: 9px;
    height: 10px;
    padding: 5px;
    overflow: hidden;
    text-indent: -9999px;
    z-index: 9;
    background: url("/images/flashplayer/icon_v2.png") no-repeat 5px -43px; }
  .layer_mchat .sendbox {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 37px;
    padding: 0;
    border-top: 1px solid #e4e4e4; }
  .layer_mchat .sendbox > div {
    position: absolute;
    left: 0;
    right: 60px;
    top: 5px;
    bottom: 5px;
    margin: 0 0 0 7px;
    padding: 0; }
  .layer_mchat .sendbox .input {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 7px 5px 4px;
    height: 26px;
    margin: 0;
    font-size: 12px;
    line-height: 1.1;
    color: #5f5f5f;
    overflow: auto;
    vertical-align: middle;
    border: 1px solid #ebeef9;
    border-right: none;
    background-color: #f5f6f9;
    border-radius: 2px 0 0 2px; }
  .layer_mchat .sendbox a.send {
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 5px;
    margin-right: 7px;
    display: block;
    width: 53px;
    height: 26px;
    overflow: hidden;
    z-index: 9;
    text-align: center;
    line-height: 26px;
    font-size: 11px;
    border: 1px solid #ebeef9;
    border-left: none;
    vertical-align: middle;
    text-decoration: none;
    background-color: #f5f6f9;
    border-radius: 0 2px 2px 0; }
  .layer_mchat .mchatlist {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 41px;
    padding: 10px 9px;
    min-height: 163px;
    overflow: auto;
    overflow-x: hidden; }
  .layer_mchat .mchatlist dl dt em {
    display: none; }
  .layer_mchat .ui-resizable-handle {
    position: absolute; }
  .layer_mchat .ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0; }
  .layer_mchat .ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0; }
  .layer_mchat .ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%; }
  .layer_mchat .ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%; }
  .layer_mchat .ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px; }
  .layer_mchat .ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px; }
  .layer_mchat .ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px; }
  .layer_mchat .ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px; }

.chat_layer {
  overflow: hidden;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 110;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  transform: translateX(110%);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
  .chat_layer.on {
    transform: translateX(0);
    opacity: 1;
    height: auto; }
  .chat_layer .area_header {
    height: 40px;
    margin: 0 16px; }
  .chat_layer .contents {
    position: relative;
    box-sizing: border-box;
    max-height: calc( 100% - 40px );
    overflow-y: auto; }
  .chat_layer > .close {
    position: absolute;
    right: 13px;
    top: 8px;
    width: 22px;
    height: 22px;
    font-size: 0;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L11 10.293l5.646-5.647a.5.5 0 0 1 .765.638l-.057.07L11.707 11l5.647 5.646.057.07a.5.5 0 0 1-.765.638L11 11.707l-5.646 5.647a.5.5 0 0 1-.765-.638l.057-.07L10.293 11 4.646 5.354l-.057-.07a.5.5 0 0 1 .057-.638z' fill='%23707173'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%; }
  .chat_layer .close.on,
  .chat_layer .close:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L11 10.293l5.646-5.647a.5.5 0 0 1 .765.638l-.057.07L11.707 11l5.647 5.646.057.07a.5.5 0 0 1-.765.638L11 11.707l-5.646 5.647a.5.5 0 0 1-.765-.638l.057-.07L10.293 11 4.646 5.354l-.057-.07a.5.5 0 0 1 .057-.638z' fill='%234279ff'/%3e%3c/svg%3e"); }

.list_participant {
  max-height: 427px;
  height: calc( 100%  - 112px ) !important;
  display: flex;
  flex-direction: column; }
  .list_participant.more {
    max-height: 727px; }
    .list_participant.more .more:before {
      transform: rotate(180deg); }
    .list_participant.more .contents {
      max-height: 660px; }
  .list_participant .area_header {
    border: none; }
  .list_participant .input_wrap {
    position: relative;
    box-sizing: border-box;
    height: 32px;
    margin: 6px 14px;
    border-radius: 4px;
    border: solid 1px #e3e3e3; }
    .list_participant .input_wrap input {
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      padding: 6px 50px 6px 12px;
      border: none;
      border-radius: 4px;
      background-color: transparent; }
    .list_participant .input_wrap button {
      font-size: 0;
      position: absolute; }
    .list_participant .input_wrap .delete {
      top: 7px;
      right: 32px;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      background-color: #dddddd;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath fill-rule='evenodd' fill='%23ffffff' d='M.576.576c.234-.235.614-.235.848 0L9 8.15 16.576.576c.208-.209.531-.232.765-.07l.083.07c.235.234.235.614 0 .848L9.85 9l7.575 7.576c.209.208.232.531.07.765l-.07.083c-.234.235-.614.235-.848 0L9 9.85l-7.576 7.575c-.208.209-.531.232-.765.07l-.083-.07c-.235-.234-.235-.614 0-.848L8.15 9 .576 1.424C.367 1.216.344.893.506.66z'/%3e%3c/svg%3e");
      background-size: 50% 50%;
      background-position: 50% 50%;
      background-repeat: no-repeat; }
    .list_participant .input_wrap .search {
      top: 7px;
      right: 12px;
      width: 15px;
      height: 15px;
      transition: all 0.2s cubic-bezier(0.56, 0.12, 0.12, 0.98);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill-rule='evenodd'  fill='%23b3b3b3' d='M8.5.4c4.474 0 8.1 3.626 8.1 8.1 0 2.028-.745 3.882-1.977 5.303l4.852 4.853c.234.234.234.614 0 .848-.235.234-.615.234-.849 0l-4.855-4.854c-1.417 1.216-3.258 1.95-5.271 1.95-4.474 0-8.1-3.626-8.1-8.1S4.026.4 8.5.4zm0 1.2c-3.81 0-6.9 3.09-6.9 6.9 0 3.81 3.09 6.9 6.9 6.9 3.81 0 6.9-3.09 6.9-6.9 0-3.81-3.09-6.9-6.9-6.9z'/%3e%3c/svg%3e");
      background-size: 100% 100%;
      background-position: 50% 50%;
      background-repeat: no-repeat; }
      .list_participant .input_wrap .search:hover {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill-rule='evenodd'  fill='%234279ff' d='M8.5.4c4.474 0 8.1 3.626 8.1 8.1 0 2.028-.745 3.882-1.977 5.303l4.852 4.853c.234.234.234.614 0 .848-.235.234-.615.234-.849 0l-4.855-4.854c-1.417 1.216-3.258 1.95-5.271 1.95-4.474 0-8.1-3.626-8.1-8.1S4.026.4 8.5.4zm0 1.2c-3.81 0-6.9 3.09-6.9 6.9 0 3.81 3.09 6.9 6.9 6.9 3.81 0 6.9-3.09 6.9-6.9 0-3.81-3.09-6.9-6.9-6.9z'/%3e%3c/svg%3e"); }
  .list_participant .contents {
    overflow: auto;
    height: calc( 100% - 65px );
    overflow-x: hidden;
    max-height: 360px; }
    .list_participant .contents .none {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      text-align: center;
      height: 100%;
      color: #707173;
      line-height: 1.4; }
      .list_participant .contents .none em {
        color: #444;
        font-weight: bold; }
      .list_participant .contents .none p {
        margin-top: 10px; }
    .list_participant .contents .loading {
      position: relative;
      top: auto;
      height: 100%; }
    .list_participant .contents dl {
      position: relative;
      padding: 6px 0; }
      .list_participant .contents dl + dl:after {
        content: '';
        display: block;
        position: absolute;
        left: 14px;
        right: 14px;
        top: 0;
        height: 1px;
        background-color: #f0f0f0; }
      .list_participant .contents dl dt {
        font-size: 13px;
        padding: 4px 14px;
        font-weight: bold; }
      .list_participant .contents dl dd ul li {
        position: relative;
        height: 30px;
        font-size: 0; }
        .list_participant .contents dl dd ul li a {
          display: flex;
          align-items: center;
          height: 100%;
          padding: 0 14px;
          transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
          .list_participant .contents dl dd ul li a:hover {
            background-color: rgba(66, 121, 255, 0.03); }
        .list_participant .contents dl dd ul li em {
          position: relative;
          display: inline-block;
          width: 18px;
          height: 18px;
          margin-right: 4px;
          font-size: 0;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center; }
          .list_participant .contents dl dd ul li em.supporter:after {
            content: '';
            display: block;
            position: absolute;
            width: 8px;
            height: 8px;
            bottom: -2px;
            right: -2px;
            background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9'%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath d='M1024 0v1024H0V0h1024z'/%3e%3c/clipPath%3e%3cclipPath id='b'%3e%3cpath d='M9 0v9H0V0h9z'/%3e%3c/clipPath%3e%3cclipPath id='d'%3e%3cpath d='M2.131 0c.381 0 .72.069 1.018.207.298.138.53.333.694.584.165.251.248.537.248.857h-1.1c0-.244-.076-.434-.23-.57-.154-.135-.37-.203-.648-.203-.269 0-.477.057-.626.17a.537.537 0 0 0-.224.45c0 .172.088.318.262.435.175.117.432.227.771.33.625.188 1.08.42 1.366.699.286.278.429.625.429 1.04 0 .461-.175.823-.524 1.086-.35.262-.82.394-1.41.394a2.72 2.72 0 0 1-1.12-.226 1.773 1.773 0 0 1-.771-.617A1.58 1.58 0 0 1 0 3.728h1.102c0 .588.352.883 1.055.883.261 0 .465-.054.612-.16a.518.518 0 0 0 .22-.445.564.564 0 0 0-.22-.478c-.147-.11-.41-.228-.791-.351a5.607 5.607 0 0 1-.905-.365C.468 2.486.165 2.046.165 1.49c0-.288.081-.545.243-.77.163-.226.396-.403.7-.53C1.412.063 1.753 0 2.13 0z'/%3e%3c/clipPath%3e%3clinearGradient id='c' x1='4.5' y1='0' x2='4.5' y2='8.889' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23B07BE5' offset='0%25'/%3e%3cstop stop-color='%239D69D3' offset='100%25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg clip-path='url(%23a)' transform='translate(-601 -173)'%3e%3cg clip-path='url(%23b)' transform='translate(601 173)'%3e%3cpath fill='url(%23c)' d='M0 0h9v9H0V0z'/%3e%3c/g%3e%3cg clip-path='url(%23d)' transform='translate(603.447 174.72)'%3e%3cpath fill='%23FFF' d='M0 0h4.09v5.479H0V0z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
            background-size: 100% 100%; }
          .list_participant .contents dl dd ul li em.mute.male {
            background-image: url("/images/chat/personacon/mute-male.svg") !important; }
          .list_participant .contents dl dd ul li em.mute.female {
            background-image: url("/images/chat/personacon/mute-female.svg") !important; }
          .list_participant .contents dl dd ul li em.mute.neutral {
            background-image: url("/images/chat/personacon/mute-neutral.svg") !important; }
        .list_participant .contents dl dd ul li span {
          display: inline-block;
          font-size: 13px;
          color: #8c8c8c; }
      .list_participant .contents dl dd ul.bj .male {
        background-image: url("/images/chat/personacon/bj-male.svg"); }
      .list_participant .contents dl dd ul.bj .female {
        background-image: url("/images/chat/personacon/bj-female.svg"); }
      .list_participant .contents dl dd ul.bj .neutral {
        background-image: url("/images/chat/personacon/bj-gender.svg"); }
      .list_participant .contents dl dd ul.manager .male {
        background-image: url("/images/chat/personacon/m-male.svg"); }
      .list_participant .contents dl dd ul.manager .female {
        background-image: url("/images/chat/personacon/m-female.svg"); }
      .list_participant .contents dl dd ul.manager .neutral {
        background-image: url("/images/chat/personacon/m-gender.svg"); }
      .list_participant .contents dl dd ul.subscription .male {
        background-image: url("/images/chat/personacon/sub-male.svg"); }
      .list_participant .contents dl dd ul.subscription .female {
        background-image: url("/images/chat/personacon/sub-female.svg"); }
      .list_participant .contents dl dd ul.subscription .neutral {
        background-image: url("/images/chat/personacon/sub-gender.svg"); }
      .list_participant .contents dl dd ul.hot .male {
        background-image: url("/images/chat/personacon/bigfan-male.svg"); }
      .list_participant .contents dl dd ul.hot .female {
        background-image: url("/images/chat/personacon/bigfan-female.svg"); }
      .list_participant .contents dl dd ul.hot .neutral {
        background-image: url("/images/chat/personacon/bigfan-gender.svg"); }
      .list_participant .contents dl dd ul.fan .male {
        background-image: url("/images/chat/personacon/fan-male.svg"); }
      .list_participant .contents dl dd ul.fan .female {
        background-image: url("/images/chat/personacon/fan-female.svg"); }
      .list_participant .contents dl dd ul.fan .neutral {
        background-image: url("/images/chat/personacon/fan-gender.svg"); }
      .list_participant .contents dl dd ul .male {
        background-image: url("/images/chat/personacon/user-male.svg"); }
      .list_participant .contents dl dd ul .female {
        background-image: url("/images/chat/personacon/user-female.svg"); }
      .list_participant .contents dl dd ul .neutral {
        background-image: url("/images/chat/personacon/user-gender.svg");
        background-position: 0 1px; }
    .list_participant .contents .effective_box {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .list_participant .contents .effective_list > div {
      position: relative;
      height: 30px; }
      .list_participant .contents .effective_list > div.bj .male {
        background-image: url("/images/chat/personacon/bj-male.svg"); }
      .list_participant .contents .effective_list > div.bj .female {
        background-image: url("/images/chat/personacon/bj-female.svg"); }
      .list_participant .contents .effective_list > div.bj .neutral {
        background-image: url("/images/chat/personacon/bj-gender.svg"); }
      .list_participant .contents .effective_list > div.manager .male {
        background-image: url("/images/chat/personacon/m-male.svg"); }
      .list_participant .contents .effective_list > div.manager .female {
        background-image: url("/images/chat/personacon/m-female.svg"); }
      .list_participant .contents .effective_list > div.manager .neutral {
        background-image: url("/images/chat/personacon/m-gender.svg"); }
      .list_participant .contents .effective_list > div.subscription .male {
        background-image: url("/images/chat/personacon/sub-male.svg"); }
      .list_participant .contents .effective_list > div.subscription .female {
        background-image: url("/images/chat/personacon/sub-female.svg"); }
      .list_participant .contents .effective_list > div.subscription .neutral {
        background-image: url("/images/chat/personacon/sub-gender.svg"); }
      .list_participant .contents .effective_list > div.hot .male {
        background-image: url("/images/chat/personacon/bigfan-male.svg"); }
      .list_participant .contents .effective_list > div.hot .female {
        background-image: url("/images/chat/personacon/bigfan-female.svg"); }
      .list_participant .contents .effective_list > div.hot .neutral {
        background-image: url("/images/chat/personacon/bigfan-gender.svg"); }
      .list_participant .contents .effective_list > div.fan .male {
        background-image: url("/images/chat/personacon/fan-male.svg"); }
      .list_participant .contents .effective_list > div.fan .female {
        background-image: url("/images/chat/personacon/fan-female.svg"); }
      .list_participant .contents .effective_list > div.fan .neutral {
        background-image: url("/images/chat/personacon/fan-gender.svg"); }
      .list_participant .contents .effective_list > div .male {
        background-image: url("/images/chat/personacon/user-male.svg"); }
      .list_participant .contents .effective_list > div .female {
        background-image: url("/images/chat/personacon/user-female.svg"); }
      .list_participant .contents .effective_list > div .neutral {
        background-image: url("/images/chat/personacon/user-gender.svg");
        background-position: 0 1px; }
      .list_participant .contents .effective_list > div .bg_none {
        background: none !important;
        overflow: hidden;
        border-radius: 50%; }
      .list_participant .contents .effective_list > div a {
        display: flex;
        align-items: center;
        height: 100%;
        padding: 0 14px;
        transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
        .list_participant .contents .effective_list > div a:hover {
          background-color: rgba(66, 121, 255, 0.05); }
        .list_participant .contents .effective_list > div a em {
          position: relative;
          display: inline-block;
          width: 18px;
          height: 18px;
          margin-right: 4px;
          font-size: 0;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center; }
          .list_participant .contents .effective_list > div a em img {
            display: block;
            width: 18px;
            height: 18px;
            object-fit: contain;
            aspect-ratio: 1/1; }
          .list_participant .contents .effective_list > div a em.supporter:after {
            content: '';
            display: block;
            position: absolute;
            width: 8px;
            height: 8px;
            bottom: -2px;
            right: -2px;
            background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9'%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath d='M1024 0v1024H0V0h1024z'/%3e%3c/clipPath%3e%3cclipPath id='b'%3e%3cpath d='M9 0v9H0V0h9z'/%3e%3c/clipPath%3e%3cclipPath id='d'%3e%3cpath d='M2.131 0c.381 0 .72.069 1.018.207.298.138.53.333.694.584.165.251.248.537.248.857h-1.1c0-.244-.076-.434-.23-.57-.154-.135-.37-.203-.648-.203-.269 0-.477.057-.626.17a.537.537 0 0 0-.224.45c0 .172.088.318.262.435.175.117.432.227.771.33.625.188 1.08.42 1.366.699.286.278.429.625.429 1.04 0 .461-.175.823-.524 1.086-.35.262-.82.394-1.41.394a2.72 2.72 0 0 1-1.12-.226 1.773 1.773 0 0 1-.771-.617A1.58 1.58 0 0 1 0 3.728h1.102c0 .588.352.883 1.055.883.261 0 .465-.054.612-.16a.518.518 0 0 0 .22-.445.564.564 0 0 0-.22-.478c-.147-.11-.41-.228-.791-.351a5.607 5.607 0 0 1-.905-.365C.468 2.486.165 2.046.165 1.49c0-.288.081-.545.243-.77.163-.226.396-.403.7-.53C1.412.063 1.753 0 2.13 0z'/%3e%3c/clipPath%3e%3clinearGradient id='c' x1='4.5' y1='0' x2='4.5' y2='8.889' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23B07BE5' offset='0%25'/%3e%3cstop stop-color='%239D69D3' offset='100%25'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg clip-path='url(%23a)' transform='translate(-601 -173)'%3e%3cg clip-path='url(%23b)' transform='translate(601 173)'%3e%3cpath fill='url(%23c)' d='M0 0h9v9H0V0z'/%3e%3c/g%3e%3cg clip-path='url(%23d)' transform='translate(603.447 174.72)'%3e%3cpath fill='%23FFF' d='M0 0h4.09v5.479H0V0z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
            background-size: 100% 100%; }
          .list_participant .contents .effective_list > div a em.mute.male {
            background-image: url("/images/chat/personacon/mute-male.svg") !important; }
          .list_participant .contents .effective_list > div a em.mute.female {
            background-image: url("/images/chat/personacon/mute-female.svg") !important; }
          .list_participant .contents .effective_list > div a em.mute.neutral {
            background-image: url("/images/chat/personacon/mute-neutral.svg") !important; }
        .list_participant .contents .effective_list > div a span {
          display: inline-block;
          font-size: 13px;
          color: #8c8c8c; }
    .list_participant .contents .effective_list .title {
      box-sizing: border-box;
      height: 25px !important;
      margin-top: 5px;
      padding: 8px 14px 0;
      font-size: 13px;
      font-weight: bold;
      border: none !important; }
      .list_participant .contents .effective_list .title:first-child {
        height: 30px !important;
        margin-top: 0;
        padding-top: 15px; }
      .list_participant .contents .effective_list .title:before {
        content: '';
        display: block;
        position: absolute;
        left: 14px;
        right: 14px;
        top: 0;
        height: 1px;
        background-color: #f0f0f0; }
      .list_participant .contents .effective_list .title:first-child:before {
        display: none; }
  .list_participant .more {
    position: relative;
    z-index: 10;
    height: 25px;
    background-color: #f7f8f9;
    font-size: 0;
    z-index: 10; }
    .list_participant .more:before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 11px;
      height: 6px;
      margin: -3px 0 0 -5.5px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3e%3cpath fill-rule='evenodd' fill='%23b3b3b3' d='M1.39.544C1.138.33.76.358.544.61c-.215.252-.186.63.066.846l7.01 6c.225.192.557.192.781 0l6.99-6c.251-.217.28-.595.064-.847-.216-.251-.594-.28-.846-.064L8.01 6.21 1.39.544z'/%3e%3c/svg%3e");
      background-size: 100% 100%;
      background-position: 50% 50%;
      background-repeat: no-repeat; }

.layer_context_v2 {
  position: absolute;
  z-index: 100;
  width: 180px;
  top: 20px;
  left: 30px;
  border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #e3e3e3;
  background-color: #fff;
  padding: 0;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.07); }
  .list_participant .layer_context_v2 {
    left: 35px;
    top: 25px; }
  .layer_context_v2 > a {
    position: relative;
    box-sizing: border-box;
    display: block !important;
    height: auto !important;
    padding: 12px 40px 8px 13px !important;
    color: #4279ff;
    text-align: left; }
    .layer_context_v2 > a span {
      display: block !important;
      font-size: 14px !important;
      color: #4279ff !important;
      word-break: break-all; }
      .layer_context_v2 > a span + span {
        margin-top: 2px;
        font-size: 12px  !important;
        color: #bababa !important; }
    .layer_context_v2 > a em {
      position: absolute !important;
      top: 14px;
      right: 13px;
      display: block;
      width: 26px !important;
      height: 26px !important;
      margin: 0 !important;
      background-color: #f5f6f7;
      border-radius: 6px;
      font-size: 0;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16' %3e%3cpath fill-rule='evenodd' fill='%23888' d='M16.747 8.784c-.065.146-.31.241-.463.241a.626.626 0 01-.425-.162l-.881-.833v7.097c0 .444-.39.804-.87.804h-3.19c-.48 0-.869-.36-.869-.804v-3.122H6.994v3.122c0 .444-.389.804-.869.804l-3.215.024c-.48 0-.869-.336-.869-.78V7.997l-.896.837c-.234.217-.609.258-.796 0-.195-.269-.013-.542.222-.759l7.516-7.049a.623.623 0 01.425-.163c.159 0 .311.058.424.163l7.616 7.156c.112.112.338.281.195.602zM8.529 1.939l-5.526 5.16v7.918h3.006v-3.193c0-.444.388-.804.868-.804h3.259c.48 0 .869.36.869.804v3.193h3.012V7.67c0-.178.03-.334.086-.467L8.529 1.939z'/%3e%3c/svg%3e");
      background-size: 14px 13px !important;
      background-position: 50% 50%;
      background-repeat: no-repeat; }
  .layer_context_v2 a.history_back {
    font-size: 12px;
    color: #444 !important;
    display: flex !important;
    align-items: center;
    padding: 9px 40px 8px 11px !important;
    background-image: unset !important; }
    .layer_context_v2 a.history_back:before {
      content: '';
      display: inline-block;
      margin-right: 7px;
      width: 6px;
      height: 10px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 16'%3e%3cpath fill-rule='evenodd' fill='%23b3b3b3' d='M.576 14.576c-.235.234-.235.614 0 .848.234.235.614.235.848 0l7-7c.235-.234.235-.614 0-.848l-7-7C1.19.34.81.34.576.576.34.81.34 1.19.576 1.424L7.15 8 .576 14.576z'/%3e%3c/svg%3e");
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 16'%3e%3cpath fill-rule='evenodd' fill='%23b3b3b3' d='M8.424 14.576c.235.234.235.614 0 .848-.234.235-.614.235-.848 0l-7-7C.34 8.19.34 7.81.576 7.576l7-7c.234-.235.614-.235.848 0 .235.234.235.614 0 .848L1.85 8l6.575 6.576z'/%3e%3c/svg%3e");
      background-size: 100% 100%;
      background-position: 50% 50%;
      background-repeat: no-repeat; }
  .layer_context_v2 ul {
    position: relative;
    margin: 0;
    padding: 6px 0;
    border: none; }
    .layer_context_v2 ul:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 13px;
      right: 13px;
      height: 1px;
      background-color: #f0f0f0; }
    .layer_context_v2 ul li {
      height: auto !important;
      margin: 0;
      padding: 0; }
      .layer_context_v2 ul li a {
        box-sizing: border-box;
        display: block;
        height: 26px !important;
        padding: 6px 13px !important;
        font-size: 12px !important;
        color: #666 !important;
        font-weight: normal !important;
        text-align: left;
        font-family: 'NG' !important; }
        .layer_context_v2 ul li a:hover {
          background-color: rgba(66, 121, 255, 0.03); }
        .layer_context_v2 ul li a.arrow {
          display: flex;
          justify-content: space-between; }
          .layer_context_v2 ul li a.arrow:after {
            content: '';
            display: block;
            width: 6px;
            height: 10px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 16'%3e%3cpath fill-rule='evenodd' fill='%23b3b3b3' d='M.576 14.576c-.235.234-.235.614 0 .848.234.235.614.235.848 0l7-7c.235-.234.235-.614 0-.848l-7-7C1.19.34.81.34.576.576.34.81.34 1.19.576 1.424L7.15 8 .576 14.576z'/%3e%3c/svg%3e");
            background-size: 100% 100%;
            background-position: 50% 50%;
            background-repeat: no-repeat; }
      .layer_context_v2 ul li.off a {
        color: #bababa;
        cursor: default;
        background-color: transparent; }
    .layer_context_v2 ul:empty {
      padding: 0 !important; }
      .layer_context_v2 ul:empty:before {
        display: none; }

.layer_context_wrap {
  overflow: hidden;
  position: absolute;
  top: 5px;
  left: 15px;
  margin: 15px;
  border-radius: 4px;
  border: 1px solid #e3e3e3;
  background-color: #fff;
  z-index: 100;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.07);
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); }
  .reverse_float .layer_context_wrap {
    top: auto !important;
    bottom: 10px; }
  .effective_list .layer_context_wrap {
    left: 20px;
    top: 10px; }
  .layer_context_wrap .layer_context_v2 {
    position: relative;
    top: auto;
    left: auto;
    box-shadow: unset;
    border: none;
    transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .layer_context_wrap .layer_context_v2 + .layer_context_v2 {
      position: absolute;
      left: 0;
      top: 0;
      transform: translate(120%, 0); }
  .layer_context_wrap.sub {
    height: 146px !important; }
    .layer_context_wrap.sub .layer_context_v2 {
      position: absolute;
      transform: translate(-120%, 0); }
      .layer_context_wrap.sub .layer_context_v2 + .layer_context_v2 {
        position: relative;
        transform: translate(0, 0); }
    .layer_context_wrap.sub[data-itemCnt='1'] {
      height: 66px !important; }
    .layer_context_wrap.sub[data-itemCnt='2'] {
      height: 96px !important; }
    .layer_context_wrap.sub[data-itemCnt='3'] {
      height: 122px !important; }
    .layer_context_wrap.sub[data-itemCnt='4'] {
      height: 146px !important; }
    .layer_context_wrap.sub[data-itemCnt='5'] {
      height: 170px !important; }
    .layer_context_wrap.sub[data-itemCnt='6'] {
      height: 196px !important; }
  .list_participant .layer_context_wrap {
    top: 10px;
    left: 20px; }

.reverse_float dt > .layer_context_v2 {
  top: auto !important;
  bottom: 100%; }

#chatting_area .gift_box {
  display: flex;
  opacity: 0;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 5px;
  right: 5px;
  padding: 15px 15px 15px 100px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
  #chatting_area .gift_box .icon {
    position: absolute;
    left: 26px;
    top: 50%;
    margin-top: -18px;
    width: 52px;
    height: 36px;
    background-size: 100% 100%;
    font-size: 0; }
    #chatting_area .gift_box .icon.qv {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='54' height='38'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath fill='%23F9FAFF' stroke='%23C2D3FF' d='M6.116 1C3.296 1 1 3.39 1 6.329V31.67C1 34.609 3.295 37 6.116 37h41.768C50.704 37 53 34.609 53 31.67V6.33C53 3.39 50.705 1 47.884 1H6.116z'/%3e%3cpath fill='%23C2D3FF' d='M53 9H1V5.972C1 3.226 3.395 1 6.35 1h41.3C50.605 1 53 3.226 53 5.972V9z'/%3e%3cpath fill='%23375ECD' d='M27.23 26.582c-2.488 0-4.504-1.991-4.504-4.446 0-2.454 2.016-4.445 4.504-4.445 2.487 0 4.503 1.99 4.503 4.445 0 .991-.33 1.907-.884 2.646l-1.946-2.477-2.329 1.901 1.76 2.24a4.546 4.546 0 0 1-1.104.136m7.229-4.446c0-3.94-3.237-7.136-7.23-7.136C23.238 15 20 18.195 20 22.136c0 3.941 3.237 7.137 7.23 7.137a7.281 7.281 0 0 0 2.864-.584L31.99 31.1l2.328-1.902-1.76-2.24a7.062 7.062 0 0 0 1.902-4.823'/%3e%3c/g%3e%3c/svg%3e"); }
    #chatting_area .gift_box .icon.qv_plus {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='54' height='38'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath fill='%23F9FAFF' stroke='%23C2D3FF' d='M6.116 1C3.296 1 1 3.39 1 6.329V31.67C1 34.609 3.295 37 6.116 37h41.768C50.704 37 53 34.609 53 31.67V6.33C53 3.39 50.705 1 47.884 1H6.116z'/%3e%3cpath fill='%23C2D3FF' d='M53 9H1V5.972C1 3.226 3.395 1 6.35 1h41.3C50.605 1 53 3.226 53 5.972V9z'/%3e%3cpath fill='%23375ECD' d='M24.852 27.033c-2.487 0-4.504-1.99-4.504-4.445s2.017-4.446 4.504-4.446c2.487 0 4.504 1.99 4.504 4.446 0 .99-.33 1.906-.885 2.645l-1.945-2.477-2.33 1.902 1.76 2.24a4.546 4.546 0 0 1-1.104.135m7.229-4.445c0-3.941-3.236-7.137-7.229-7.137s-7.23 3.196-7.23 7.137c0 3.94 3.237 7.136 7.23 7.136a7.281 7.281 0 0 0 2.865-.584l1.894 2.412 2.329-1.901-1.76-2.241a7.062 7.062 0 0 0 1.901-4.822'/%3e%3cpath fill='%23FF12B4' d='M42.409 16.973H39.08V13.58h-2.41v3.393h-3.328v2.456h3.328v3.393h2.41v-3.393h3.328z'/%3e%3c/g%3e%3c/svg%3e"); }
    #chatting_area .gift_box .icon.subscribe {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='54' height='38'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath fill='%23FFF8F8' stroke='%23FFCBCB' d='M6.116 1C3.296 1 1 3.39 1 6.329V31.67C1 34.609 3.295 37 6.116 37h41.768C50.704 37 53 34.609 53 31.67V6.33C53 3.39 50.705 1 47.884 1H6.116z'/%3e%3cpath fill='%23FFCBCB' d='M53 9H1V5.972C1 3.226 3.395 1 6.35 1h41.3C50.605 1 53 3.226 53 5.972V9z'/%3e%3cpath fill='%23FF4646' d='M26.417 32c-2.02 0-3.84-.455-5.408-1.352a.143.143 0 0 1-.02-.014.152.152 0 0 0-.038-.024 10.207 10.207 0 0 1-1.58-1.139 10.79 10.79 0 0 1-.27-.29 3.242 3.242 0 0 1-.304-.435c-.33-.533-.505-1.161-.52-1.864l-.217-9.288-.06-2.315a.94.94 0 0 1 .036-.278l.014-.052c.08-.308.34-.69 1.115-.756.228-.01.446-.016.662-.021 4.589-.23 9.268-.23 13.902 0 .103.005.199.012.286.022h.006l.007.001c.345.058.618.196.812.41a1.209 1.209 0 0 1 .21.296 1.93 1.93 0 0 1 .165.787l-.041 1.847h.012c1.41 0 2.576.435 3.466 1.292.884.856 1.338 1.924 1.348 3.174.005 1.24-.445 2.332-1.337 3.243-.896.911-2.065 1.373-3.477 1.373h-.134a8.857 8.857 0 0 1-.18-.009c-.019.33-.052.644-.1.934-.143.803-.407 1.49-.786 2.044-.373.536-.86.962-1.45 1.269-1.463.76-3.521 1.145-6.12 1.145z'/%3e%3cpath fill='%23FFF' d='M35.414 24.606c-.094 0-.182-.003-.265-.008a.158.158 0 0 1-.153-.156l.104-4.806a.158.158 0 0 1 .15-.15c.066-.005.12-.008.164-.008.791 0 1.478.248 2.04.738v.001c.565.507.852 1.122.852 1.828 0 .707-.287 1.318-.852 1.816-.562.494-1.249.745-2.04.745zm-14.315-2.742c-.589-.614-.434-.982.463-1.104l3.02-.43 1.458-2.857c.359-.783.718-.783 1.077 0l1.435 2.858 3.417.485c.887.07.902.436.045 1.098L29.8 23.997l.553 3.145c.254.97-.082 1.149-1.01.534l-2.765-1.414-2.924 1.577c-.832.553-1.119.32-.86-.697l.554-3.145-2.25-2.133z'/%3e%3c/g%3e%3c/svg%3e"); }
  #chatting_area .gift_box .text {
    color: #222;
    font-size: 13px;
    line-height: 1.6; }
    #chatting_area .gift_box .text em.count {
      color: #4279ff;
      font-weight: bold; }
  #chatting_area .gift_box.on {
    z-index: 100;
    bottom: 123px;
    opacity: 1;
    animation: 0.5s 1 bounceInUp cubic-bezier(0.56, 0.12, 0.12, 0.98); }

.ic_lowspeed {
  z-index: -1;
  opacity: 0;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 12px;
  bottom: 50px;
  min-width: 36px;
  width: 36px;
  height: 36px;
  padding: 0 10px;
  border-radius: 18px;
  background-color: #f2f5ff;
  box-shadow: 0 2px 3px 0 rgba(204, 204, 204, 0.5);
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); }
  .ic_lowspeed:before {
    content: '';
    display: inline-flex;
    width: 14px;
    height: 16px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16'%3e%3cg fill='none' fill-rule='evenodd' transform='translate(.571 .5)'%3e%3ccircle cx='6.429' cy='8.471' r='5.929' stroke='%23333'/%3e%3crect width='1' height='4.5' x='6' y='5.043' fill='%23333' rx='.5'/%3e%3crect width='5.143' height='1' x='3.929' fill='%23333' rx='.5'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%; }
  .ic_lowspeed span {
    position: absolute;
    left: 100%;
    display: inline-flex;
    margin-left: 4px;
    font-size: 12px;
    color: #333;
    white-space: nowrap;
    transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); }
  .ic_lowspeed:hover {
    padding: 0 14px;
    width: auto;
    z-index: 101 !important; }
    .ic_lowspeed:hover:before {
      animation: shake 0.4s; }
    .ic_lowspeed:hover span {
      position: relative;
      left: 0; }
  .ic_lowspeed.on {
    z-index: 1;
    opacity: 1;
    bottom: 124px;
    animation: 0.5s 1 bounceInUp cubic-bezier(0.56, 0.12, 0.12, 0.98); }

.chat_alert {
  box-sizing: border-box;
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 420px;
  margin: auto;
  opacity: 0;
  z-index: -1;
  padding: 0 20px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
  .chat_alert .chat_alert_contents {
    position: relative; }
  .chat_alert .chat_alert_footer {
    position: relative; }
    .chat_alert .chat_alert_footer button {
      display: block;
      width: 100%;
      height: 40px;
      font-size: 13px;
      color: #666;
      border-radius: 3px;
      border: solid 1px #eee; }
  .chat_alert.on {
    z-index: 101;
    opacity: 1;
    bottom: 113px;
    padding: 30px 20px 20px;
    animation: 0.5s 1 bounceInUp cubic-bezier(0.56, 0.12, 0.12, 0.98); }
  .chat_alert.chat_low p {
    text-align: center;
    font-size: 13px;
    color: #666;
    line-height: 1.6; }
  .chat_alert.chat_low .count {
    margin: 10px 0 20px;
    font-size: 14px;
    color: #333;
    text-align: center; }
    .chat_alert.chat_low .count em {
      color: #ff2424; }

.chat_layer.setting_chat {
  display: flex;
  flex-direction: column;
  max-height: calc( 100% - 10px ); }
.chat_layer .contents ul {
  position: relative;
  padding: 6px 0; }
  .chat_layer .contents ul + ul::before {
    content: '';
    display: block;
    position: absolute;
    left: 14px;
    right: 14px;
    top: 0;
    height: 1px;
    background-color: #f0f0f0; }
  .chat_layer .contents ul li a {
    position: relative;
    display: block;
    box-sizing: border-box;
    height: 40px;
    padding: 13px 18px;
    font-size: 13px;
    color: #666;
    transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
    .chat_layer .contents ul li a:hover {
      background-color: rgba(66, 121, 255, 0.03); }
    .chat_layer .contents ul li a.more_layer:after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      right: 20px;
      width: 6px;
      height: 10px;
      margin-top: -5px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 16'%3e%3cpath fill-rule='evenodd' fill='%23b3b3b3' d='M.576 14.576c-.235.234-.235.614 0 .848.234.235.614.235.848 0l7-7c.235-.234.235-.614 0-.848l-7-7C1.19.34.81.34.576.576.34.81.34 1.19.576 1.424L7.15 8 .576 14.576z'/%3e%3c/svg%3e");
      background-size: 100% 100%;
      background-position: 50% 50%;
      background-repeat: no-repeat; }
  .chat_layer .contents ul li p.title {
    box-sizing: border-box;
    position: relative;
    display: block;
    height: 40px;
    padding: 12px 18px;
    font-size: 13px;
    color: #666; }
.chat_layer .contents .font-level {
  position: relative;
  padding: 13px 18px  24px 18px;
  color: #666;
  font-size: 0;
  overflow: hidden; }
  .chat_layer .contents .font-level:before {
    content: '';
    display: block;
    position: absolute;
    left: 14px;
    right: 14px;
    top: 0;
    height: 1px;
    background-color: #f0f0f0; }
  .chat_layer .contents .font-level span {
    margin: 2px 0;
    font-size: 13px; }
  .chat_layer .contents .font-level div {
    float: right;
    position: relative;
    display: inline-block;
    font-size: 0; }
    .chat_layer .contents .font-level div input {
      display: inline-block;
      width: 36px;
      height: 22px;
      margin: 0 20px;
      padding: 0;
      font-size: 12px;
      vertical-align: 0px;
      color: #444;
      border: 1px solid #e5e5e5;
      text-align: center;
      cursor: default; }
    .chat_layer .contents .font-level div button {
      position: absolute;
      width: 16px;
      height: 16px;
      top: 4px;
      font-size: 0;
      border-radius: 50%; }
      .chat_layer .contents .font-level div button:before, .chat_layer .contents .font-level div button:after {
        content: '';
        display: block;
        position: absolute;
        background-color: #b3b3b3; }
      .chat_layer .contents .font-level div button:before {
        width: 9px;
        height: 1px;
        left: 3px;
        top: 8px; }
      .chat_layer .contents .font-level div button.plus:after {
        width: 1px;
        height: 9px;
        top: 4px;
        left: 8px; }
      .chat_layer .contents .font-level div button.plus:before {
        left: 4px; }
      .chat_layer .contents .font-level div button.minus {
        left: 0; }
      .chat_layer .contents .font-level div button.plus {
        right: 0; }
      .chat_layer .contents .font-level div button:hover {
        background-color: #f9fbff; }
        .chat_layer .contents .font-level div button:hover:before, .chat_layer .contents .font-level div button:hover:after {
          background-color: #4279ff; }
  .chat_layer .contents .font-level .preview {
    clear: both;
    float: none;
    display: block;
    padding: 13px 18px;
    margin-top: 20px;
    border-radius: 4px;
    background-color: #fbfbfb; }
    .chat_layer .contents .font-level .preview dl dt {
      position: relative;
      padding: 1px 0 1px 30px;
      line-height: 1.2; }
      .chat_layer .contents .font-level .preview dl dt em {
        position: absolute;
        left: 0;
        top: 2px;
        display: inline-block;
        width: 24px;
        height: 24px;
        vertical-align: middle;
        background: url("/images/chat/personacon/bj-male.svg") no-repeat 0 0; }
      .chat_layer .contents .font-level .preview dl dt img {
        height: 12px;
        vertical-align: middle;
        margin: 0 2px 3px 0; }
      .chat_layer .contents .font-level .preview dl dt a {
        display: inline-block; }
    .chat_layer .contents .font-level .preview dl dd {
      padding: 1px 0 1px 30px;
      font-size: 12px;
      color: #000;
      line-height: 1.2; }
    .chat_layer .contents .font-level .preview dl dt a, .chat_layer .contents .font-level .preview dl dd {
      font-size: calc( var(--text-default) + var(--text-size) * 2 ); }
.chat_layer .contents .checkbox_wrap {
  position: relative; }
  .chat_layer .contents .checkbox_wrap.depth label {
    padding: 12px 45px 12px 35px; }
  .chat_layer .contents .checkbox_wrap.depth:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 10;
    top: 16px;
    left: 17px;
    width: 7px;
    height: 5px;
    border: 1px solid #b3b3b3;
    border-width: 0 0 1px 1px; }
  .chat_layer .contents .checkbox_wrap input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: none; }
  .chat_layer .contents .checkbox_wrap label {
    box-sizing: border-box;
    position: relative;
    display: block;
    min-height: 40px;
    padding: 12px 45px 12px 18px;
    word-break: break-all;
    font-size: 13px;
    color: #666;
    transition: all 0.2s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
    .chat_layer .contents .checkbox_wrap label:hover {
      background-color: rgba(66, 121, 255, 0.03); }
    .chat_layer .contents .checkbox_wrap label:before, .chat_layer .contents .checkbox_wrap label:after {
      content: '';
      position: absolute;
      transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
    .chat_layer .contents .checkbox_wrap label:before {
      width: 22px;
      height: 22px;
      top: 50%;
      right: 18px;
      margin-top: -12px;
      border: 1px solid #cccccc; }
    .chat_layer .contents .checkbox_wrap label:after {
      width: 16px;
      height: 12px;
      opacity: 0;
      right: 22px;
      top: 50%;
      margin-top: -7px;
      background-size: 100% 100%;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 15'%3e%3cpath fill-rule='evenodd' fill='%234279ff' d='M7.018 12.676l-4.75-4.15c-.374-.328-.942-.29-1.27.085-.326.374-.288.943.086 1.27l5.395 4.714c.361.315.906.292 1.24-.053l12.47-12.917c.345-.357.335-.927-.022-1.272-.358-.346-.927-.336-1.273.022l-11.876 12.3z'/%3e%3c/svg%3e"); }
  .chat_layer .contents .checkbox_wrap input:checked + label:before {
    border-color: #4279ff; }
  .chat_layer .contents .checkbox_wrap input:checked + label:after {
    opacity: 1;
    transform: rotateY(360deg); }
.chat_layer .contents .chat_speed_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding: 0 18px; }
  .chat_layer .contents .chat_speed_wrap span {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 0;
    font-size: 13px;
    color: #666;
    transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
.chat_layer .contents .chat_speed {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0;
  cursor: pointer;
  margin-top: 1px; }
  .chat_layer .contents .chat_speed a {
    font-size: 12px;
    color: #000;
    background: none;
    white-space: nowrap; }
  .chat_layer .contents .chat_speed > a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: end;
    width: 74px;
    height: 28px;
    padding: 0 32px 0 10px;
    border-radius: 8px;
    color: #444;
    border: solid 1px #f5f5f5;
    font-size: 13px;
    line-height: 1;
    vertical-align: middle;
    background: none;
    text-align: center; }
    .chat_layer .contents .chat_speed > a:after {
      content: '';
      position: absolute;
      right: 10px;
      top: 11px;
      display: block;
      width: 0;
      height: 0;
      border-top: 3px solid #c5c5c5;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent; }
    .chat_layer .contents .chat_speed > a.on + ul {
      height: auto;
      opacity: 1;
      z-index: 10; }
  .chat_layer .contents .chat_speed ul {
    overflow-y: auto;
    position: absolute;
    box-sizing: border-box;
    top: 24px;
    left: 0;
    right: 0;
    width: 74px;
    padding: 6px 0;
    max-height: 132px;
    z-index: -1;
    height: 0;
    opacity: 0;
    border: solid 1px #f5f5f5;
    border-radius: 0 0 8px 8px;
    background-color: #fff; }
    .chat_layer .contents .chat_speed ul li {
      display: block !important;
      float: none;
      margin: 0; }
      .chat_layer .contents .chat_speed ul li a {
        position: relative;
        display: flex;
        width: auto;
        height: 28px;
        align-items: center;
        justify-content: end;
        padding: 0 25px 0 0;
        font-size: 13px;
        text-indent: 13px;
        color: #888;
        transition: all 0.2s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
        .chat_layer .contents .chat_speed ul li a:hover {
          background-color: #e7edfa; }
        .chat_layer .contents .chat_speed ul li a.on {
          color: #4c7cf6; }
          .chat_layer .contents .chat_speed ul li a.on:after {
            content: '';
            position: absolute;
            top: 50%;
            right: 5px;
            transform: translate(0, -50%);
            display: inline-block;
            width: 7px;
            height: 6px;
            background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7'%3e%3cpath fill-rule='evenodd' fill='%234C7CF6' d='M8 2.5L4.5 6A1 1 0 013 6L1 4a1 1 0 011.4-1.5L3.8 4l2.8-2.8A1 1 0 118 2.5z'/%3e%3c/svg%3e") 50% 50% no-repeat;
            background-size: 100% 100%; }
  .chat_layer .contents .chat_speed.on > a {
    border-radius: 8px 8px 0 0; }
    .chat_layer .contents .chat_speed.on > a:after {
      transform: rotate(180deg); }
  .chat_layer .contents .chat_speed.on ul {
    display: block;
    top: 27px;
    height: auto;
    opacity: 1;
    z-index: 10; }
    .chat_layer .contents .chat_speed.on ul:before {
      top: 0; }
    .chat_layer .contents .chat_speed.on ul li:first-child {
      padding-top: 0; }
.chat_layer.setting_freeze, .chat_layer.chatting_management {
  top: 0;
  width: 100%; }
  .chat_layer.setting_freeze h3, .chat_layer.chatting_management h3 {
    font-size: 14px;
    margin-bottom: 12px; }
  .chat_layer.setting_freeze .contents, .chat_layer.chatting_management .contents {
    padding: 15px 18px 10px; }
    .chat_layer.setting_freeze .contents button.setting_detail, .chat_layer.chatting_management .contents button.setting_detail {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 40px;
      border-radius: 4px;
      background-color: #f8fafc;
      color: #333; }
      .chat_layer.setting_freeze .contents button.setting_detail:before, .chat_layer.chatting_management .contents button.setting_detail:before {
        content: '';
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-right: 3px;
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3e%3cdefs%3e%3cfilter id='a' width='110.8%25' height='106.2%25' x='-5.4%25' y='-3.1%25' filterUnits='objectBoundingBox'%3e%3cfeOffset dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3e%3cfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='3'/%3e%3cfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3e%3cfeMerge%3e%3cfeMergeNode in='shadowMatrixOuter1'/%3e%3cfeMergeNode in='SourceGraphic'/%3e%3c/feMerge%3e%3c/filter%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd' stroke='%23333' filter='url(%23a)' transform='translate(-101 -63)'%3e%3cpath d='M110.557 74.756c-2.005.375-3.73-1.327-3.35-3.306.212-1.1 1.122-1.998 2.236-2.206 2.005-.375 3.73 1.327 3.35 3.305-.211 1.1-1.122 1.998-2.236 2.207zm6.41-.772-1.059-.603c.106-.444.169-.905.169-1.381s-.063-.937-.169-1.381l1.048-.597c.52-.296.696-.944.402-1.446l-.674-1.151a1.08 1.08 0 0 0-1.46-.387l-1.059.604a6.082 6.082 0 0 0-2.423-1.385v-1.203c0-.58-.481-1.054-1.069-1.054h-1.347c-.587 0-1.068.474-1.068 1.054v1.203a6.087 6.087 0 0 0-2.423 1.385l-1.06-.604a1.08 1.08 0 0 0-1.46.387l-.673 1.15a1.05 1.05 0 0 0 .391 1.44l1.06.604a5.889 5.889 0 0 0-.17 1.38c0 .477.062.938.17 1.382l-1.049.597c-.52.296-.695.944-.402 1.446l.673 1.151a1.08 1.08 0 0 0 1.46.387l1.06-.604a6.087 6.087 0 0 0 2.423 1.385v1.203c0 .58.48 1.054 1.068 1.054h1.347c.588 0 1.069-.475 1.069-1.054v-1.203a6.082 6.082 0 0 0 2.423-1.385l1.06.604a1.08 1.08 0 0 0 1.46-.387l.673-1.15a1.05 1.05 0 0 0-.391-1.44z'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
        background-size: 100% 100%; }
    .chat_layer.setting_freeze .contents p.description, .chat_layer.chatting_management .contents p.description {
      font-size: 12px;
      color: #b3b3b3;
      margin-top: 10px; }
    .chat_layer.setting_freeze .contents > div:not(.chat_lowspeed, .btn_wrap) button:not(.setting_detail),
    .chat_layer.setting_freeze .contents dl dd > button, .chat_layer.chatting_management .contents > div:not(.chat_lowspeed, .btn_wrap) button:not(.setting_detail),
    .chat_layer.chatting_management .contents dl dd > button {
      position: absolute;
      right: 0;
      top: 18px;
      min-width: 64px;
      font-size: 13px;
      line-height: 1;
      border: 1px solid #4279ff;
      color: #4279ff;
      padding: 10px;
      border-radius: 3px;
      font-family: 'NGB','AppleGothic',sans-serif; }
      .chat_layer.setting_freeze .contents > div:not(.chat_lowspeed, .btn_wrap) button:not(.setting_detail).on,
      .chat_layer.setting_freeze .contents dl dd > button.on, .chat_layer.chatting_management .contents > div:not(.chat_lowspeed, .btn_wrap) button:not(.setting_detail).on,
      .chat_layer.chatting_management .contents dl dd > button.on {
        background-color: #4279ff;
        color: #fff; }
    .chat_layer.setting_freeze .contents > div:not(.chat_lowspeed) p + button:not(.setting_detail), .chat_layer.chatting_management .contents > div:not(.chat_lowspeed) p + button:not(.setting_detail) {
      top: 12px;
      right: 18px; }
    .chat_layer.setting_freeze .contents dl, .chat_layer.chatting_management .contents dl {
      position: relative;
      padding: 22px 0 0;
      min-height: 34px; }
      .chat_layer.setting_freeze .contents dl dt, .chat_layer.chatting_management .contents dl dt {
        font-size: 13px; }
        .chat_layer.setting_freeze .contents dl dt span, .chat_layer.chatting_management .contents dl dt span {
          font-size: 13px;
          color: #444;
          font-family: 'NGEB','AppleGothic',sans-serif;
          vertical-align: middle; }
        .chat_layer.setting_freeze .contents dl dt .tip, .chat_layer.chatting_management .contents dl dt .tip {
          position: relative;
          display: inline-block;
          margin-left: 2px;
          vertical-align: middle; }
          .chat_layer.setting_freeze .contents dl dt .tip em, .chat_layer.chatting_management .contents dl dt .tip em {
            display: block;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background-color: #eeeeee; }
            .chat_layer.setting_freeze .contents dl dt .tip em:before, .chat_layer.chatting_management .contents dl dt .tip em:before {
              content: '';
              display: inline-block;
              width: 100%;
              height: 100%;
              background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3e%3cpath fill='%23D8D8D8' stroke='%23979797' d='M6.625 6.625h1V10h-1zm0-2.625h1v1h-1z'/%3e%3c/svg%3e") 50% 50% no-repeat;
              background-size: 100% 100%; }
          .chat_layer.setting_freeze .contents dl dt .tip div, .chat_layer.chatting_management .contents dl dt .tip div {
            display: none;
            position: absolute;
            z-index: 10;
            left: 0;
            bottom: 100%;
            padding: 12px;
            margin: 0 0 8px -46px;
            min-width: 160px;
            white-space: pre-line;
            word-break: break-all;
            border-radius: 5px;
            background-color: rgba(66, 121, 255, 0.9); }
            .chat_layer.setting_freeze .contents dl dt .tip div:before, .chat_layer.chatting_management .contents dl dt .tip div:before {
              content: '';
              display: block;
              position: absolute;
              top: 100%;
              left: 48px;
              border-top: 5px solid rgba(66, 121, 255, 0.9);
              border-left: 5px solid transparent;
              border-right: 5px solid transparent; }
            .chat_layer.setting_freeze .contents dl dt .tip div p, .chat_layer.chatting_management .contents dl dt .tip div p {
              position: relative;
              display: block;
              margin: 5px 0 0;
              padding-left: 8px;
              font-size: 13px;
              color: #fff;
              line-height: 1.2; }
              .chat_layer.setting_freeze .contents dl dt .tip div p:first-child, .chat_layer.chatting_management .contents dl dt .tip div p:first-child {
                margin-top: 0; }
              .chat_layer.setting_freeze .contents dl dt .tip div p:after, .chat_layer.chatting_management .contents dl dt .tip div p:after {
                content: '';
                display: block;
                width: 2px;
                height: 2px;
                position: absolute;
                left: 0;
                top: 6px;
                background-color: #fff; }
          .chat_layer.setting_freeze .contents dl dt .tip:hover div, .chat_layer.chatting_management .contents dl dt .tip:hover div {
            display: inline-flex;
            flex-direction: column; }
      .chat_layer.setting_freeze .contents dl dd p, .chat_layer.chatting_management .contents dl dd p {
        margin-top: 3px;
        font-size: 12px;
        color: #b3b3b3; }
      .chat_layer.setting_freeze .contents dl dd ul, .chat_layer.chatting_management .contents dl dd ul {
        display: flex;
        flex-wrap: wrap;
        margin-top: 18px;
        padding: 0; }
        .chat_layer.setting_freeze .contents dl dd ul li, .chat_layer.chatting_management .contents dl dd ul li {
          display: inline-flex;
          min-width: 80px;
          align-items: center;
          margin-bottom: 14px; }
          .chat_layer.setting_freeze .contents dl dd ul li input, .chat_layer.chatting_management .contents dl dd ul li input {
            width: 0;
            height: 0;
            opacity: 0; }
          .chat_layer.setting_freeze .contents dl dd ul li label, .chat_layer.chatting_management .contents dl dd ul li label {
            position: relative;
            padding-left: 28px;
            height: 22px;
            display: inline-flex;
            align-items: center;
            font-size: 13px;
            color: #666; }
            .chat_layer.setting_freeze .contents dl dd ul li label:before, .chat_layer.setting_freeze .contents dl dd ul li label:after, .chat_layer.chatting_management .contents dl dd ul li label:before, .chat_layer.chatting_management .contents dl dd ul li label:after {
              content: '';
              position: absolute;
              display: block;
              transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
            .chat_layer.setting_freeze .contents dl dd ul li label:before, .chat_layer.chatting_management .contents dl dd ul li label:before {
              left: 0px;
              right: 0;
              width: 20px;
              height: 20px;
              border: 1px solid #ccc;
              border-radius: 1px; }
            .chat_layer.setting_freeze .contents dl dd ul li label:after, .chat_layer.chatting_management .contents dl dd ul li label:after {
              left: 5px;
              top: 50%;
              width: 12px;
              height: 10px;
              opacity: 0;
              margin-top: -5px;
              background-size: 100% 100%;
              background-position: 50% 50%;
              background-repeat: no-repeat;
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 15'%3e%3cpath fill-rule='evenodd' fill='%234279ff' d='M7.018 12.676l-4.75-4.15c-.374-.328-.942-.29-1.27.085-.326.374-.288.943.086 1.27l5.395 4.714c.361.315.906.292 1.24-.053l12.47-12.917c.345-.357.335-.927-.022-1.272-.358-.346-.927-.336-1.273.022l-11.876 12.3z'/%3e%3c/svg%3e"); }
            .chat_layer.setting_freeze .contents dl dd ul li label:hover, .chat_layer.chatting_management .contents dl dd ul li label:hover {
              border-color: #4279ff; }
          .chat_layer.setting_freeze .contents dl dd ul li input:checked + label:before, .chat_layer.chatting_management .contents dl dd ul li input:checked + label:before {
            border-color: #4279ff; }
          .chat_layer.setting_freeze .contents dl dd ul li input:checked + label:after, .chat_layer.chatting_management .contents dl dd ul li input:checked + label:after {
            opacity: 1;
            transform: rotateY(360deg); }
      .chat_layer.setting_freeze .contents dl dd .btn_increase, .chat_layer.chatting_management .contents dl dd .btn_increase {
        display: flex;
        margin: 8px 0;
        padding: 0;
        border-radius: 1px;
        background-color: #fff; }
        .chat_layer.setting_freeze .contents dl dd .btn_increase button, .chat_layer.chatting_management .contents dl dd .btn_increase button {
          position: relative;
          z-index: 1;
          top: 0;
          flex: 1 0 auto;
          border: none;
          height: 36px;
          margin: 0 -1px;
          font-size: 12px;
          border: 1px solid #e5e5e5;
          transition: all 0.1s cubic-bezier(0.56, 0.12, 0.12, 0.98);
          border-radius: 0; }
          .chat_layer.setting_freeze .contents dl dd .btn_increase button:first-child, .chat_layer.chatting_management .contents dl dd .btn_increase button:first-child {
            border-radius: 1px  0 0 1px;
            margin: 0; }
          .chat_layer.setting_freeze .contents dl dd .btn_increase button:last-child, .chat_layer.chatting_management .contents dl dd .btn_increase button:last-child {
            border-radius: 0 1px 1px 0;
            margin: 0; }
          .chat_layer.setting_freeze .contents dl dd .btn_increase button:active, .chat_layer.chatting_management .contents dl dd .btn_increase button:active {
            z-index: 2;
            border-color: #4279ff;
            color: #4279ff; }
      .chat_layer.setting_freeze .contents dl dd .calculator, .chat_layer.chatting_management .contents dl dd .calculator {
        position: relative;
        height: 36px;
        border-radius: 1px; }
        .chat_layer.setting_freeze .contents dl dd .calculator input, .chat_layer.chatting_management .contents dl dd .calculator input {
          box-sizing: border-box;
          width: calc( 100% - 55px);
          height: 100%;
          padding: 0 52px 0 0;
          border-radius: 0;
          margin: 0 35px;
          border: 1px solid #e5e5e5;
          border-left: none;
          border-right: none;
          line-height: 38px;
          font-size: 12px;
          color: #666;
          text-align: right; }
        .chat_layer.setting_freeze .contents dl dd .calculator label, .chat_layer.chatting_management .contents dl dd .calculator label {
          position: absolute;
          top: 50%;
          left: calc( 100% - 70px );
          margin-top: -8px;
          font-size: 12px;
          color: #666; }
        .chat_layer.setting_freeze .contents dl dd .calculator button, .chat_layer.chatting_management .contents dl dd .calculator button {
          position: absolute;
          background-color: #f8f8f8;
          top: 0;
          bottom: 0;
          width: 35px;
          font-size: 0;
          border: 1px solid #e5e5e5;
          transition: all 0.1s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
          .chat_layer.setting_freeze .contents dl dd .calculator button.minus, .chat_layer.chatting_management .contents dl dd .calculator button.minus {
            left: 0;
            border-radius: 1px  0 0 1px; }
          .chat_layer.setting_freeze .contents dl dd .calculator button.plus, .chat_layer.chatting_management .contents dl dd .calculator button.plus {
            right: 0;
            border-radius: 0 1px 1px 0; }
          .chat_layer.setting_freeze .contents dl dd .calculator button:before, .chat_layer.setting_freeze .contents dl dd .calculator button:after, .chat_layer.chatting_management .contents dl dd .calculator button:before, .chat_layer.chatting_management .contents dl dd .calculator button:after {
            content: '';
            display: block;
            position: absolute;
            background-color: #b3b3b3; }
          .chat_layer.setting_freeze .contents dl dd .calculator button:before, .chat_layer.chatting_management .contents dl dd .calculator button:before {
            width: 13px;
            height: 1px;
            top: 50%;
            left: 50%;
            margin: 0 0 0 -6px; }
          .chat_layer.setting_freeze .contents dl dd .calculator button.plus:after, .chat_layer.chatting_management .contents dl dd .calculator button.plus:after {
            width: 1px;
            height: 13px;
            top: 50%;
            left: 50%;
            margin: -6px 0 0 0; }
          .chat_layer.setting_freeze .contents dl dd .calculator button:active, .chat_layer.chatting_management .contents dl dd .calculator button:active {
            border-color: #4279ff; }
            .chat_layer.setting_freeze .contents dl dd .calculator button:active:before, .chat_layer.setting_freeze .contents dl dd .calculator button:active:after, .chat_layer.chatting_management .contents dl dd .calculator button:active:before, .chat_layer.chatting_management .contents dl dd .calculator button:active:after {
              background-color: #4279ff; }
    .chat_layer.setting_freeze .contents .btn_wrap, .chat_layer.chatting_management .contents .btn_wrap {
      display: flex;
      justify-content: space-between;
      margin: auto;
      padding-top: 0; }
      .chat_layer.setting_freeze .contents .btn_wrap button, .chat_layer.chatting_management .contents .btn_wrap button {
        width: calc( 50% - 3.5px );
        border: 1px solid #e5e5e5;
        border-radius: 2px;
        height: 36px;
        font-size: 13px;
        color: #666; }
        .chat_layer.setting_freeze .contents .btn_wrap button + button, .chat_layer.chatting_management .contents .btn_wrap button + button {
          border-color: #4279ff;
          background-color: #4279ff;
          color: #fff; }
  .chat_layer.setting_freeze.sub .contents p, .chat_layer.chatting_management.sub .contents p {
    font-size: 13px;
    color: #666; }
    .chat_layer.setting_freeze.sub .contents p + span, .chat_layer.setting_freeze.sub .contents p + span + span, .chat_layer.chatting_management.sub .contents p + span, .chat_layer.chatting_management.sub .contents p + span + span {
      display: block;
      margin-top: 8px;
      font-size: 12px;
      color: #b3b3b3;
      padding-left: 12px;
      text-indent: -12px; }
    .chat_layer.setting_freeze.sub .contents p + span + span, .chat_layer.chatting_management.sub .contents p + span + span {
      margin-top: 2px; }
  .chat_layer.setting_freeze.sub .contents dl, .chat_layer.chatting_management.sub .contents dl {
    padding: 18px 0; }
    .chat_layer.setting_freeze.sub .contents dl dt, .chat_layer.chatting_management.sub .contents dl dt {
      font-size: 13px;
      font-family: 'NGEB','AppleGothic',sans-serif; }
.chat_layer .chat_lowspeed {
  position: relative;
  margin-top: 22px; }
  .chat_layer .chat_lowspeed:before {
    content: '';
    display: block;
    height: 6px;
    position: absolute;
    left: -18px;
    right: -18px;
    top: -3px;
    background-color: #f8f8f8; }
  .chat_layer .chat_lowspeed dl {
    padding: 25px 0 14px !important; }
  .chat_layer .chat_lowspeed dt span {
    font-size: 14px !important; }
  .chat_layer .chat_lowspeed dd {
    padding: 25px 0 0;
    cursor: pointer; }
    .chat_layer .chat_lowspeed dd:hover .unit .handler {
      border-color: #4279ff; }
  .chat_layer .chat_lowspeed .unit {
    position: relative;
    display: flex;
    height: 6px;
    border-radius: 3px;
    background-color: #eee;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
    .chat_layer .chat_lowspeed .unit .ProgressBar {
      position: absolute;
      left: 0;
      top: 0;
      height: 6px;
      border-radius: 3px;
      background-color: #4279ff; }
      .chat_layer .chat_lowspeed .unit .ProgressBar .handler {
        position: absolute;
        right: -6px;
        top: -6px;
        z-index: 1;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        font-size: 0;
        background-color: #fff !important;
        box-shadow: 0 2px 4px 0 rgba(213, 213, 213, 0.5);
        border: solid 1px #eee !important;
        transition: all 0.2s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
  .chat_layer .chat_lowspeed ol {
    display: flex;
    justify-content: space-between;
    left: 0;
    right: 0;
    padding: 0 10%; }
    .chat_layer .chat_lowspeed ol li {
      position: relative;
      flex: 1 0 auto;
      text-align: center;
      width: 20%;
      padding-top: 13px; }
      .chat_layer .chat_lowspeed ol li span {
        display: inline-flex; }
      .chat_layer .chat_lowspeed ol li:first-child {
        position: absolute;
        left: 0;
        width: auto; }
        .chat_layer .chat_lowspeed ol li:first-child span {
          transform: translateX(-25%); }
      .chat_layer .chat_lowspeed ol li:last-child {
        position: absolute;
        right: 0;
        width: auto; }
        .chat_layer .chat_lowspeed ol li:last-child span {
          transform: translateX(40%); }
      .chat_layer .chat_lowspeed ol li:not(:first-child, :last-child):before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -1px;
        display: block;
        width: 2px;
        height: 6px;
        background-color: #eee; }
      .chat_layer .chat_lowspeed ol li:first-child span {
        font-weight: bold; }
  .chat_layer .chat_lowspeed > button {
    transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98);
    position: absolute;
    right: 0;
    top: 16px;
    min-width: 64px;
    padding: 10px;
    font-size: 13px;
    border-radius: 3px;
    background-color: #f0f1f2;
    color: #bbb;
    font-family: 'NGB','AppleGothic',sans-serif; }
    .chat_layer .chat_lowspeed > button.on {
      color: #fff;
      background-color: #4279ff; }

.dashboard_mode .chat_layer.setting_freeze, .dashboard_mode .chat_layer.chatting_management {
  height: 100%; }
.dashboard_mode .chat_layer.list_participant .contents {
  height: calc( 100% - 44px ); }
.dashboard_mode .chat_layer .more {
  display: none; }

html[lang="en"] .chat_layer.setting_freeze .contents dl dt .tip div,
html[lang="en"] .chat_layer.chatting_management .contents dl dt .tip div {
  margin-left: -65px;
  width: 200px; }
  html[lang="en"] .chat_layer.setting_freeze .contents dl dt .tip div:before,
  html[lang="en"] .chat_layer.chatting_management .contents dl dt .tip div:before {
    left: 67px; }

html[lang="th"] .chat_layer.setting_freeze .contents dl dt .tip div,
html[lang="th"] .chat_layer.chatting_management .contents dl dt .tip div {
  margin-left: -90px;
  width: 200px; }
  html[lang="th"] .chat_layer.setting_freeze .contents dl dt .tip div:before,
  html[lang="th"] .chat_layer.chatting_management .contents dl dt .tip div:before {
    left: 92px; }

html[lang="vi"] .chat_layer.setting_freeze .contents dl dt .tip div,
html[lang="vi"] .chat_layer.chatting_management .contents dl dt .tip div {
  margin-left: -75px; }
  html[lang="vi"] .chat_layer.setting_freeze .contents dl dt .tip div:before,
  html[lang="vi"] .chat_layer.chatting_management .contents dl dt .tip div:before {
    left: 77px; }

/************************************************************************

	* 작성자    : DK
	* 작성일    : 2019.05.2
	* 설명       :

	채팅 테마 변경을 위한 css
	1. chat_thema_dark  (씨네마 모드용 css)
	2. dark thema  (다크테마용 css)

************************************************************************/
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* ↓↓↓↓↓↓ chat_thema_dark  기존 스크린 모드용 어두운 형태 ↓↓↓↓↓↓ */
#chatting_area.chat_thema_dark,
#chatting_area.chat_theme_dark {
  border-color: transparent !important;
  background: #121213 !important;
  /* 헤더 아이디찾기  */
  /* 채팅 입력 영역 */
  /* 채팅 번역 관련 */
  /* 시청자 리스트 */
  /* 셋팅 */
  /*  투표 결과 알림 */ }
  #chatting_area.chat_thema_dark .chatbox,
  #chatting_area.chat_theme_dark .chatbox {
    background: #121213 !important; }
  #chatting_area.chat_thema_dark .chatbox h2,
  #chatting_area.chat_theme_dark .chatbox h2 {
    border-bottom: 1px solid #383c45; }
  #chatting_area.chat_thema_dark .btn_org:before,
  #chatting_area.chat_theme_dark .btn_org:before {
    background-color: #4b4c50; }
  #chatting_area.chat_thema_dark .chat_notice,
  #chatting_area.chat_theme_dark .chat_notice {
    background: #222; }
    #chatting_area.chat_thema_dark .chat_notice .msg p,
    #chatting_area.chat_theme_dark .chat_notice .msg p {
      color: #fff;
      word-wrap: break-word; }
    #chatting_area.chat_thema_dark .chat_notice .btn_chat_notice span,
    #chatting_area.chat_theme_dark .chat_notice .btn_chat_notice span {
      opacity: 0.5; }
  #chatting_area.chat_thema_dark .idsearch .input_text,
  #chatting_area.chat_theme_dark .idsearch .input_text {
    color: #9da7bd;
    background: #3c3d46;
    border: 1px solid #23242a; }
  #chatting_area.chat_thema_dark .idsearch .sel em a,
  #chatting_area.chat_theme_dark .idsearch .sel em a {
    color: #686e7c;
    border: 1px solid #38383e;
    background-color: #101013; }
  #chatting_area.chat_thema_dark .idsearch .sel em a:hover,
  #chatting_area.chat_theme_dark .idsearch .sel em a:hover {
    color: #9da7bd; }
  #chatting_area.chat_thema_dark .idsearch .sel ul,
  #chatting_area.chat_theme_dark .idsearch .sel ul {
    border: 1px solid #38383e;
    background-color: transparent; }
  #chatting_area.chat_thema_dark .idsearch .sel li a,
  #chatting_area.chat_theme_dark .idsearch .sel li a {
    color: #686e7c;
    background: #101013; }
  #chatting_area.chat_thema_dark .idsearch .sel li a:hover,
  #chatting_area.chat_theme_dark .idsearch .sel li a:hover {
    color: #9da7bd;
    background: #2c2c38; }
  #chatting_area.chat_thema_dark .idsearch .input_text,
  #chatting_area.chat_thema_dark .idsearch .sel > a,
  #chatting_area.chat_theme_dark .idsearch .input_text,
  #chatting_area.chat_theme_dark .idsearch .sel > a {
    background-color: #232428;
    border: 1px solid #38383e; }
  #chatting_area.chat_thema_dark .idsearch a.btn_apply,
  #chatting_area.chat_theme_dark .idsearch a.btn_apply {
    color: #e6e6e6;
    border: 1px solid #3c3d46;
    background: #3c3d46; }
  #chatting_area.chat_thema_dark .actionbox,
  #chatting_area.chat_theme_dark .actionbox {
    border-top: 1px solid #1d1d1d;
    background: #222; }
    #chatting_area.chat_thema_dark .actionbox .ul1 li:before,
    #chatting_area.chat_theme_dark .actionbox .ul1 li:before {
      background-color: #4b4c50; }
    #chatting_area.chat_thema_dark .actionbox .ul2:before,
    #chatting_area.chat_theme_dark .actionbox .ul2:before {
      background-color: #2e3037; }
    #chatting_area.chat_thema_dark .actionbox .chat_write,
    #chatting_area.chat_theme_dark .actionbox .chat_write {
      background: #222;
      border-color: #2d2d2e; }
      #chatting_area.chat_thema_dark .actionbox .chat_write .write_area,
      #chatting_area.chat_theme_dark .actionbox .chat_write .write_area {
        color: #888;
        background: #2f323a; }
      #chatting_area.chat_thema_dark .actionbox .chat_write .btn_send,
      #chatting_area.chat_theme_dark .actionbox .chat_write .btn_send {
        color: #fff;
        background: #1579d7; }
      #chatting_area.chat_thema_dark .actionbox .chat_write .write_area,
      #chatting_area.chat_thema_dark .actionbox .chat_write .btn_send,
      #chatting_area.chat_theme_dark .actionbox .chat_write .write_area,
      #chatting_area.chat_theme_dark .actionbox .chat_write .btn_send {
        background-color: #222;
        color: #999; }
      #chatting_area.chat_thema_dark .actionbox .chat_write.admin .ad_toggle:after,
      #chatting_area.chat_theme_dark .actionbox .chat_write.admin .ad_toggle:after {
        background-color: #333; }
  #chatting_area.chat_thema_dark .translation_select_con,
  #chatting_area.chat_theme_dark .translation_select_con {
    background-color: #2f323a;
    border: 1px solid #383c45; }
    #chatting_area.chat_thema_dark .translation_select_con .select_btn ul a,
    #chatting_area.chat_theme_dark .translation_select_con .select_btn ul a {
      color: #a5aec6;
      background-color: #2f323a; }
    #chatting_area.chat_thema_dark .translation_select_con .select_btn ul a:hover,
    #chatting_area.chat_theme_dark .translation_select_con .select_btn ul a:hover {
      color: #fff;
      background-color: #3d82f6; }
    #chatting_area.chat_thema_dark .translation_select_con .select_btn.on ul,
    #chatting_area.chat_theme_dark .translation_select_con .select_btn.on ul {
      border: 1px solid #383c45; }
    #chatting_area.chat_thema_dark .translation_select_con span,
    #chatting_area.chat_theme_dark .translation_select_con span {
      background: none; }
    #chatting_area.chat_thema_dark .translation_select_con button span,
    #chatting_area.chat_theme_dark .translation_select_con button span {
      border-left: none;
      background: none; }
  #chatting_area.chat_thema_dark .list_viewer,
  #chatting_area.chat_theme_dark .list_viewer {
    border: 1px solid #38383e;
    border-bottom: none; }
    #chatting_area.chat_thema_dark .list_viewer h3,
    #chatting_area.chat_theme_dark .list_viewer h3 {
      color: #ff4800;
      background: #0e0e12; }
    #chatting_area.chat_thema_dark .list_viewer .bj_info a em,
    #chatting_area.chat_thema_dark .list_viewer li a,
    #chatting_area.chat_thema_dark .list_viewer li a em,
    #chatting_area.chat_thema_dark .list_viewer li a span,
    #chatting_area.chat_theme_dark .list_viewer .bj_info a em,
    #chatting_area.chat_theme_dark .list_viewer li a,
    #chatting_area.chat_theme_dark .list_viewer li a em,
    #chatting_area.chat_theme_dark .list_viewer li a span {
      color: #717683; }
  #chatting_area.chat_thema_dark .wrap_lv,
  #chatting_area.chat_theme_dark .wrap_lv {
    left: 0;
    background: #18181e; }
    #chatting_area.chat_thema_dark .wrap_lv .btn_toggle_op,
    #chatting_area.chat_theme_dark .wrap_lv .btn_toggle_op {
      border: 1px solid #38383e; }
    #chatting_area.chat_thema_dark .wrap_lv .btn_toggle_op span,
    #chatting_area.chat_theme_dark .wrap_lv .btn_toggle_op span {
      background: url("/images/webplayer/chat/split_chat.png") no-repeat 0px -583px; }
    #chatting_area.chat_thema_dark .wrap_lv .btn_toggle_op:hover span,
    #chatting_area.chat_theme_dark .wrap_lv .btn_toggle_op:hover span {
      background-position: -12px -583px; }
    #chatting_area.chat_thema_dark .wrap_lv .btn_toggle_cs,
    #chatting_area.chat_theme_dark .wrap_lv .btn_toggle_cs {
      border: 1px solid #38383e; }
    #chatting_area.chat_thema_dark .wrap_lv .btn_toggle_cs span,
    #chatting_area.chat_theme_dark .wrap_lv .btn_toggle_cs span {
      background: url("/images/webplayer/chat/split_chat.png") no-repeat 0px -575px; }
    #chatting_area.chat_thema_dark .wrap_lv .btn_toggle_cs:hover span,
    #chatting_area.chat_theme_dark .wrap_lv .btn_toggle_cs:hover span {
      background-position: -12px -575px; }
  #chatting_area.chat_thema_dark .wrap_st,
  #chatting_area.chat_theme_dark .wrap_st {
    background: #18181e; }
    #chatting_area.chat_thema_dark .wrap_st .list_setting,
    #chatting_area.chat_theme_dark .wrap_st .list_setting {
      border: 1px solid #44454b; }
      #chatting_area.chat_thema_dark .wrap_st .list_setting .list_st1,
      #chatting_area.chat_theme_dark .wrap_st .list_setting .list_st1 {
        border-bottom: 1px solid #2a2b30; }
        #chatting_area.chat_thema_dark .wrap_st .list_setting .list_st1 li input,
        #chatting_area.chat_theme_dark .wrap_st .list_setting .list_st1 li input {
          background: #727275;
          border: 1px solid #38383e; }
      #chatting_area.chat_thema_dark .wrap_st .list_setting .list_st1 a, #chatting_area.chat_thema_dark .wrap_st .list_setting .list_st1 label, #chatting_area.chat_thema_dark .wrap_st .list_setting .list_st1 span, #chatting_area.chat_thema_dark .wrap_st .list_setting .list_st2 a, #chatting_area.chat_thema_dark .wrap_st .list_setting .list_st2 label, #chatting_area.chat_thema_dark .wrap_st .list_setting .list_st2 span,
      #chatting_area.chat_theme_dark .wrap_st .list_setting .list_st1 a,
      #chatting_area.chat_theme_dark .wrap_st .list_setting .list_st1 label,
      #chatting_area.chat_theme_dark .wrap_st .list_setting .list_st1 span,
      #chatting_area.chat_theme_dark .wrap_st .list_setting .list_st2 a,
      #chatting_area.chat_theme_dark .wrap_st .list_setting .list_st2 label,
      #chatting_area.chat_theme_dark .wrap_st .list_setting .list_st2 span {
        color: #c8c8c8; }
      #chatting_area.chat_thema_dark .wrap_st .list_setting .list_st1 div button, #chatting_area.chat_thema_dark .wrap_st .list_setting .list_st2 div button,
      #chatting_area.chat_theme_dark .wrap_st .list_setting .list_st1 div button,
      #chatting_area.chat_theme_dark .wrap_st .list_setting .list_st2 div button {
        border-color: #2a2b30; }
      #chatting_area.chat_thema_dark .wrap_st .list_setting .list_st1 div input, #chatting_area.chat_thema_dark .wrap_st .list_setting .list_st2 div input,
      #chatting_area.chat_theme_dark .wrap_st .list_setting .list_st1 div input,
      #chatting_area.chat_theme_dark .wrap_st .list_setting .list_st2 div input {
        background-color: #2a2b30; }
  #chatting_area.chat_thema_dark .layer_context a,
  #chatting_area.chat_theme_dark .layer_context a {
    color: #686e7c !important; }
  #chatting_area.chat_thema_dark .layer_context strong, #chatting_area.chat_thema_dark .layer_context a.nick,
  #chatting_area.chat_theme_dark .layer_context strong,
  #chatting_area.chat_theme_dark .layer_context a.nick {
    margin-bottom: -2px;
    border-bottom: 1px solid #44454b; }
  #chatting_area.chat_thema_dark .layer_context ul,
  #chatting_area.chat_theme_dark .layer_context ul {
    border-top: 1px solid #23242a; }
    #chatting_area.chat_thema_dark .layer_context ul li.off,
    #chatting_area.chat_theme_dark .layer_context ul li.off {
      color: #686e7c; }
  #chatting_area.chat_thema_dark .chat_area .vote_txt,
  #chatting_area.chat_theme_dark .chat_area .vote_txt {
    color: #0197ff; }
  #chatting_area.chat_thema_dark .chat_area .vote_txt span,
  #chatting_area.chat_theme_dark .chat_area .vote_txt span {
    color: #0197ff; }
  #chatting_area.chat_thema_dark .chat_area dl dd,
  #chatting_area.chat_theme_dark .chat_area dl dd {
    color: #d3d3d3; }
  #chatting_area.chat_thema_dark .chat_area dl.fan dd,
  #chatting_area.chat_theme_dark .chat_area dl.fan dd {
    color: #56a704; }
  #chatting_area.chat_thema_dark .chat_area .s_chat dl dd,
  #chatting_area.chat_theme_dark .chat_area .s_chat dl dd {
    color: #d2d2d2 !important; }
  #chatting_area.chat_thema_dark .chat_area .illegal dt,
  #chatting_area.chat_theme_dark .chat_area .illegal dt {
    color: #d50002; }
  #chatting_area.chat_thema_dark .chat_area .illegal dd .box_o,
  #chatting_area.chat_theme_dark .chat_area .illegal dd .box_o {
    border: 1px solid #42444e; }
  #chatting_area.chat_thema_dark .chat_area .illegal dd .box_i,
  #chatting_area.chat_theme_dark .chat_area .illegal dd .box_i {
    background: #2b2d32; }
  #chatting_area.chat_thema_dark .chat_area .illegal dd .box_i p,
  #chatting_area.chat_theme_dark .chat_area .illegal dd .box_i p {
    color: #d50002; }
  #chatting_area.chat_thema_dark .chat_area .clan_top,
  #chatting_area.chat_theme_dark .chat_area .clan_top {
    border: 1px solid #313237;
    background: #313237; }
  #chatting_area.chat_thema_dark .chat_area .clan_top .list_game,
  #chatting_area.chat_theme_dark .chat_area .clan_top .list_game {
    border-bottom: 1px solid #2a2b30; }
  #chatting_area.chat_thema_dark .chat_area .clan_top .list_game li a,
  #chatting_area.chat_theme_dark .chat_area .clan_top .list_game li a {
    color: #888; }
  #chatting_area.chat_thema_dark .chat_area .hotclan,
  #chatting_area.chat_thema_dark .chat_area .hotclan a,
  #chatting_area.chat_theme_dark .chat_area .hotclan,
  #chatting_area.chat_theme_dark .chat_area .hotclan a {
    color: #0197ff; }
  #chatting_area.chat_thema_dark .chat_area dl.social_list,
  #chatting_area.chat_theme_dark .chat_area dl.social_list {
    border: 1px solid #313237;
    background: #313237; }
  #chatting_area.chat_thema_dark .chat_area .ear_deny,
  #chatting_area.chat_theme_dark .chat_area .ear_deny {
    color: #888;
    background: #313237; }
  #chatting_area.chat_thema_dark .chat_area .ear_deny a,
  #chatting_area.chat_theme_dark .chat_area .ear_deny a {
    color: #888; }
  #chatting_area.chat_thema_dark .chat_area .box_end,
  #chatting_area.chat_theme_dark .chat_area .box_end {
    background: #2a2b30; }
  #chatting_area.chat_thema_dark .chat_area .ice,
  #chatting_area.chat_thema_dark .chat_area .ice span,
  #chatting_area.chat_theme_dark .chat_area .ice,
  #chatting_area.chat_theme_dark .chat_area .ice span {
    color: #0197ff; }
  #chatting_area.chat_thema_dark .chat_area .txt_g span,
  #chatting_area.chat_theme_dark .chat_area .txt_g span {
    color: #888; }
  #chatting_area.chat_thema_dark .chat_area span.user,
  #chatting_area.chat_theme_dark .chat_area span.user {
    color: #666; }
  #chatting_area.chat_thema_dark .chat_area .s_chat dt a,
  #chatting_area.chat_theme_dark .chat_area .s_chat dt a {
    color: #767676; }
  #chatting_area.chat_thema_dark .chat_area .balloon_area .bal_txt,
  #chatting_area.chat_thema_dark .chat_area .hballoon_area .bal_txt,
  #chatting_area.chat_theme_dark .chat_area .balloon_area .bal_txt,
  #chatting_area.chat_theme_dark .chat_area .hballoon_area .bal_txt {
    color: #333; }
  #chatting_area.chat_thema_dark .area_header,
  #chatting_area.chat_theme_dark .area_header {
    border-bottom: 1px solid #1d1d1d; }
    #chatting_area.chat_thema_dark .area_header h2,
    #chatting_area.chat_theme_dark .area_header h2 {
      border: none; }
      #chatting_area.chat_thema_dark .area_header h2 span,
      #chatting_area.chat_theme_dark .area_header h2 span {
        color: #c8c8c8; }
      #chatting_area.chat_thema_dark .area_header h2 a:before,
      #chatting_area.chat_theme_dark .area_header h2 a:before {
        background-color: #38383e; }
    #chatting_area.chat_thema_dark .area_header ul li.chat_speed,
    #chatting_area.chat_theme_dark .area_header ul li.chat_speed {
      border-color: #151515;
      background: #222; }
      #chatting_area.chat_thema_dark .area_header ul li.chat_speed span,
      #chatting_area.chat_theme_dark .area_header ul li.chat_speed span {
        color: #c8c8c8; }
      #chatting_area.chat_thema_dark .area_header ul li.chat_speed div:before,
      #chatting_area.chat_theme_dark .area_header ul li.chat_speed div:before {
        background: #222; }
      #chatting_area.chat_thema_dark .area_header ul li.chat_speed div > a,
      #chatting_area.chat_theme_dark .area_header ul li.chat_speed div > a {
        color: #7398ff;
        border-color: #29292a; }
        #chatting_area.chat_thema_dark .area_header ul li.chat_speed div > a:after,
        #chatting_area.chat_theme_dark .area_header ul li.chat_speed div > a:after {
          border-top-color: #666666;
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 4'%3e%3cpath fill-rule='evenodd' fill='%23767676' d='M0 0h7L3.5 4z'/%3e%3c/svg%3e"); }
      #chatting_area.chat_thema_dark .area_header ul li.chat_speed div ul,
      #chatting_area.chat_theme_dark .area_header ul li.chat_speed div ul {
        border-color: #29292a;
        background-color: #1b1b1c; }
        #chatting_area.chat_thema_dark .area_header ul li.chat_speed div ul a,
        #chatting_area.chat_theme_dark .area_header ul li.chat_speed div ul a {
          color: #888; }
          #chatting_area.chat_thema_dark .area_header ul li.chat_speed div ul a:hover,
          #chatting_area.chat_theme_dark .area_header ul li.chat_speed div ul a:hover {
            background-color: #282828; }
          #chatting_area.chat_thema_dark .area_header ul li.chat_speed div ul a.on,
          #chatting_area.chat_theme_dark .area_header ul li.chat_speed div ul a.on {
            color: #7398ff; }
            #chatting_area.chat_thema_dark .area_header ul li.chat_speed div ul a.on:before,
            #chatting_area.chat_theme_dark .area_header ul li.chat_speed div ul a.on:before {
              background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7'%3e%3cpath fill-rule='evenodd' fill='%234C7CF6' d='M8 2.5L4.5 6A1 1 0 013 6L1 4a1 1 0 011.4-1.5L3.8 4l2.8-2.8A1 1 0 118 2.5z'/%3e%3c/svg%3e") 50% 50% no-repeat; }
  #chatting_area.chat_thema_dark .chatbox .actionbox,
  #chatting_area.chat_theme_dark .chatbox .actionbox {
    border-color: #1d1d1d;
    background-color: #121213 !important; }
    #chatting_area.chat_thema_dark .chatbox .actionbox:before,
    #chatting_area.chat_theme_dark .chatbox .actionbox:before {
      background-color: #121213 !important; }
    #chatting_area.chat_thema_dark .chatbox .actionbox .ul2:before,
    #chatting_area.chat_theme_dark .chatbox .actionbox .ul2:before {
      background-color: #2e3037; }
  #chatting_area.chat_thema_dark .poll_layer,
  #chatting_area.chat_theme_dark .poll_layer {
    background-color: #40454f;
    color: #bec4cd; }
    #chatting_area.chat_thema_dark .poll_layer a,
    #chatting_area.chat_theme_dark .poll_layer a {
      color: #b3c0dd; }
    #chatting_area.chat_thema_dark .poll_layer .btn_close,
    #chatting_area.chat_theme_dark .poll_layer .btn_close {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' fill='%23666666' d='M14.462.518c.27-.27.709-.269.979.002.27.27.269.71-.002.98L8.956 7.957l6.483 6.46c.27.27.272.71.002.98s-.709.271-.98.002L7.976 8.935 1.49 15.4c-.244.242-.623.266-.893.071l-.086-.073c-.27-.27-.269-.71.002-.98l6.481-6.46L.513 1.5C.242 1.23.24.791.51.52c.27-.27.708-.272.98-.002l6.484 6.463z'/%3e%3c/svg%3e"); }
  #chatting_area.chat_thema_dark .chat_area dl dt a,
  #chatting_area.chat_theme_dark .chat_area dl dt a {
    color: #929292; }
  #chatting_area.chat_thema_dark .chat_area dl.bj dt a,
  #chatting_area.chat_theme_dark .chat_area dl.bj dt a {
    color: #ed391c; }
  #chatting_area.chat_thema_dark .chat_area dl.bj dd,
  #chatting_area.chat_theme_dark .chat_area dl.bj dd {
    color: #d3d3d3; }
  #chatting_area.chat_thema_dark .chat_area .name,
  #chatting_area.chat_thema_dark .chat_area .name a,
  #chatting_area.chat_theme_dark .chat_area .name,
  #chatting_area.chat_theme_dark .chat_area .name a {
    color: #9a9a9a; }
  #chatting_area.chat_thema_dark .chat_area .name span,
  #chatting_area.chat_theme_dark .chat_area .name span {
    color: #e7816d; }
  #chatting_area.chat_thema_dark .chat_area .box_Vstart,
  #chatting_area.chat_theme_dark .chat_area .box_Vstart {
    background: transparent;
    color: #e5e5e5; }
  #chatting_area.chat_thema_dark .translation_output span,
  #chatting_area.chat_theme_dark .translation_output span {
    background-color: transparent; }
  #chatting_area.chat_thema_dark dl dt em.pc img,
  #chatting_area.chat_theme_dark dl dt em.pc img {
    background: #1e1f24; }
  #chatting_area.chat_thema_dark dl dt em.pc span.mask,
  #chatting_area.chat_theme_dark dl dt em.pc span.mask {
    background: url("/images/new_app/chat/ic_chat_v2_b.png") 0 -638px no-repeat; }
  #chatting_area.chat_thema_dark .box_ice dl dt em.pc img,
  #chatting_area.chat_theme_dark .box_ice dl dt em.pc img {
    background: #19364d; }
  #chatting_area.chat_thema_dark .box_ice dl dt em.pc span.mask,
  #chatting_area.chat_theme_dark .box_ice dl dt em.pc span.mask {
    background: url("/images/new_app/chat/ic_chat_v2_b.png") -54px -638px no-repeat; }
  #chatting_area.chat_thema_dark .chat_area .entrance .text p strong,
  #chatting_area.chat_thema_dark .chat_area .adballoon_area .text p strong,
  #chatting_area.chat_thema_dark .chat_area .sticker_area .text_s,
  #chatting_area.chat_thema_dark .chat_area .gift_area .text,
  #chatting_area.chat_thema_dark .chat_area .gift_area .text a,
  #chatting_area.chat_thema_dark .chat_area .shop_area .text,
  #chatting_area.chat_thema_dark .chat_area .shop_area .text a,
  #chatting_area.chat_thema_dark .chat_area .balloon_area .img_balloon + .text .bal_txt,
  #chatting_area.chat_thema_dark .chat_area .sticker_area .text_s,
  #chatting_area.chat_thema_dark .chat_area .sticker_area .text_s .bal_txt,
  #chatting_area.chat_theme_dark .chat_area .entrance .text p strong,
  #chatting_area.chat_theme_dark .chat_area .adballoon_area .text p strong,
  #chatting_area.chat_theme_dark .chat_area .sticker_area .text_s,
  #chatting_area.chat_theme_dark .chat_area .gift_area .text,
  #chatting_area.chat_theme_dark .chat_area .gift_area .text a,
  #chatting_area.chat_theme_dark .chat_area .shop_area .text,
  #chatting_area.chat_theme_dark .chat_area .shop_area .text a,
  #chatting_area.chat_theme_dark .chat_area .balloon_area .img_balloon + .text .bal_txt,
  #chatting_area.chat_theme_dark .chat_area .sticker_area .text_s,
  #chatting_area.chat_theme_dark .chat_area .sticker_area .text_s .bal_txt {
    color: #d3d3d3; }
  #chatting_area.chat_thema_dark .chat_area .adballoon_area.save_gift .text,
  #chatting_area.chat_thema_dark .chat_area .balloon_area.breaktime .text,
  #chatting_area.chat_theme_dark .chat_area .adballoon_area.save_gift .text,
  #chatting_area.chat_theme_dark .chat_area .balloon_area.breaktime .text {
    color: #999; }
  #chatting_area.chat_thema_dark .ogq_img a,
  #chatting_area.chat_theme_dark .ogq_img a {
    border-color: #333;
    color: #929292; }
  #chatting_area.chat_thema_dark #emoticonBox.ogq .tab_area .item_list > button:before,
  #chatting_area.chat_theme_dark #emoticonBox.ogq .tab_area .item_list > button:before {
    border-color: #888; }
  #chatting_area.chat_thema_dark #emoticonBox.ogq .scroll_area.ogq_item span a:hover,
  #chatting_area.chat_thema_dark #emoticonBox .scroll_area span a:hover,
  #chatting_area.chat_theme_dark #emoticonBox.ogq .scroll_area.ogq_item span a:hover,
  #chatting_area.chat_theme_dark #emoticonBox .scroll_area span a:hover {
    background: #333;
    border-color: #333; }
  #chatting_area.chat_thema_dark .chatbox .chat_area,
  #chatting_area.chat_thema_dark .chatbox .chat_notice,
  #chatting_area.chat_theme_dark .chatbox .chat_area,
  #chatting_area.chat_theme_dark .chatbox .chat_notice {
    scrollbar-face-color: #6a6b6d;
    scrollbar-shadow-color: #77787b;
    scrollbar-highlight-color: #77787b;
    scrollbar-3dlight-color: #2a2b30;
    scrollbar-darkshadow-color: #2a2b30;
    scrollbar-track-color: #2a2b30;
    scrollbar-arrow-color: #6f7073; }
  #chatting_area.chat_thema_dark::-webkit-scrollbar-thumb, #chatting_area.chat_thema_dark *::-webkit-scrollbar-thumb,
  #chatting_area.chat_theme_dark::-webkit-scrollbar-thumb,
  #chatting_area.chat_theme_dark *::-webkit-scrollbar-thumb {
    background: #3c3d41; }
  #chatting_area.chat_thema_dark:hover::-webkit-scrollbar-thumb, #chatting_area.chat_thema_dark *:hover::-webkit-scrollbar-thumb,
  #chatting_area.chat_theme_dark:hover::-webkit-scrollbar-thumb,
  #chatting_area.chat_theme_dark *:hover::-webkit-scrollbar-thumb {
    background: #626366; }
  #chatting_area.chat_thema_dark::-webkit-scrollbar-track, #chatting_area.chat_thema_dark *::-webkit-scrollbar-track, #chatting_area.chat_thema_dark::-webkit-scrollbar, #chatting_area.chat_thema_dark *::-webkit-scrollbar,
  #chatting_area.chat_theme_dark::-webkit-scrollbar-track,
  #chatting_area.chat_theme_dark *::-webkit-scrollbar-track,
  #chatting_area.chat_theme_dark::-webkit-scrollbar,
  #chatting_area.chat_theme_dark *::-webkit-scrollbar {
    background: #1e1f24; }

/* 매니져챗  #chatting_area  밖에 위치하여 커트롤   */
.smode .layer_mchat {
  border: 1px solid #383c45;
  background: #282930;
  z-index: 1002; }
  .smode .layer_mchat h2 {
    color: #686e7c;
    border-bottom: 1px solid #383c45; }
  .smode .layer_mchat a.btn_close {
    background: url("/images/flashplayer/icon_v2.png") no-repeat -15px -43px; }
  .smode .layer_mchat .mchatlist .m_chat_area dt {
    color: #767676; }
  .smode .layer_mchat .mchatlist .m_chat_area dd {
    color: #d2d2d2; }
  .smode .layer_mchat .sendbox,
  .smode .layer_mchat .sendbox > div {
    border-color: #333; }
  .smode .layer_mchat .sendbox .input::placeholder {
    color: #4d4d4d; }
  .smode .layer_mchat .sendbox .input,
  .smode .layer_mchat .sendbox a.send {
    border-color: #333;
    color: #999;
    background-color: #282828; }
  .smode .layer_mchat .mchatlist .m_chat_area dt a {
    color: #929292; }
  .smode .layer_mchat .mchatlist .m_chat_area dd {
    color: #d3d3d3; }
.smode .area_header ul li.chat_speed span {
  color: #c8c8c8; }
.smode .area_header ul li.chat_speed div > a {
  color: #888;
  border-color: #29292a; }
  .smode .area_header ul li.chat_speed div > a:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 4'%3e%3cpath fill-rule='evenodd' fill='%23767676' d='M0 0h7L3.5 4z'/%3e%3c/svg%3e"); }
.smode .area_header ul li.chat_speed div ul {
  border-color: #29292a;
  background-color: #1b1b1c; }
  .smode .area_header ul li.chat_speed div ul a {
    color: #888; }
    .smode .area_header ul li.chat_speed div ul a:hover {
      background-color: #282828; }
    .smode .area_header ul li.chat_speed div ul a.on {
      color: #4c7cf6; }
      .smode .area_header ul li.chat_speed div ul a.on:before {
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7'%3e%3cpath fill-rule='evenodd' fill='%234C7CF6' d='M8 2.5L4.5 6A1 1 0 013 6L1 4a1 1 0 011.4-1.5L3.8 4l2.8-2.8A1 1 0 118 2.5z'/%3e%3c/svg%3e") 50% 50% no-repeat; }
.smode .box_game_point {
  color: #888;
  background-color: #222; }
  .smode .box_game_point strong {
    color: #4279ff; }
  .smode .box_game_point span {
    color: #fff; }

/* ↑↑↑↑↑↑ chat_thema_dark ↑↑↑↑↑ */
/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
/* ↓↓↓↓↓↓ dark thema ↓↓↓↓↓↓ */
.thema_dark, .theme_dark {
  color: #eee !important;
  background: #121213;
  /* 매니져챗  #chatting_area  밖에 위치하여 커트롤   */ }
  .thema_dark #chatting_area, .theme_dark #chatting_area {
    border-color: transparent !important;
    /* 헤더 아이디찾기  */
    /* 채팅 입력 영역 */
    /* 채팅 번역 관련 */
    /* 시청자 리스트 */
    /* 셋팅 */
    /* 채팅 내부 ict메뉴 */
    /*  투표 결과 알림 */
    /* ************ */
    /* ************ */
    /* ************ */
    /* 채팅내부 테마 */
    /* 다크테마 스크롤 */ }
    .thema_dark #chatting_area, .thema_dark #chatting_area .chatbox, .theme_dark #chatting_area, .theme_dark #chatting_area .chatbox {
      background-color: #121213 !important; }
      .thema_dark #chatting_area h2, .thema_dark #chatting_area .chatbox h2, .theme_dark #chatting_area h2, .theme_dark #chatting_area .chatbox h2 {
        border-color: #2e2e2f !important; }
    .thema_dark #chatting_area .btn_org:before, .theme_dark #chatting_area .btn_org:before {
      background-color: #4b4c50; }
    .thema_dark #chatting_area .chat_notice, .theme_dark #chatting_area .chat_notice {
      background: #222; }
      .thema_dark #chatting_area .chat_notice .msg p, .theme_dark #chatting_area .chat_notice .msg p {
        color: #fff;
        word-wrap: break-word; }
        .thema_dark #chatting_area .chat_notice .msg p .link, .theme_dark #chatting_area .chat_notice .msg p .link {
          color: #7398ff; }
      .thema_dark #chatting_area .chat_notice .btn_chat_notice span, .theme_dark #chatting_area .chat_notice .btn_chat_notice span {
        opacity: 0.5; }
    .thema_dark #chatting_area .idsearch .sel em a, .theme_dark #chatting_area .idsearch .sel em a {
      background-color: #222;
      color: #999;
      border: 1px solid #2d2d2e; }
    .thema_dark #chatting_area .idsearch .sel em a:hover, .theme_dark #chatting_area .idsearch .sel em a:hover {
      color: #9da7bd; }
    .thema_dark #chatting_area .idsearch .sel ul, .theme_dark #chatting_area .idsearch .sel ul {
      border: 1px solid #2d2d2e;
      background-color: transparent; }
    .thema_dark #chatting_area .idsearch .sel li a, .theme_dark #chatting_area .idsearch .sel li a {
      color: #999;
      background: #222; }
    .thema_dark #chatting_area .idsearch .sel li a:hover, .theme_dark #chatting_area .idsearch .sel li a:hover {
      color: #9da7bd;
      background: #2c2c38; }
    .thema_dark #chatting_area .idsearch .input_text,
    .thema_dark #chatting_area .idsearch .sel > a, .theme_dark #chatting_area .idsearch .input_text,
    .theme_dark #chatting_area .idsearch .sel > a {
      background-color: #222;
      color: #999;
      border: 1px solid #2d2d2e; }
    .thema_dark #chatting_area .idsearch a.btn_apply, .theme_dark #chatting_area .idsearch a.btn_apply {
      background-color: #222;
      color: #999;
      border-color: #2d2d2e; }
    .thema_dark #chatting_area .actionbox .ul2:before, .theme_dark #chatting_area .actionbox .ul2:before {
      background-color: #2e3037; }
    .thema_dark #chatting_area .actionbox .ul1 li:before, .theme_dark #chatting_area .actionbox .ul1 li:before {
      background-color: #4b4c50; }
    .thema_dark #chatting_area .actionbox .chat_write, .theme_dark #chatting_area .actionbox .chat_write {
      background: #222;
      border-color: #2d2d2e; }
    .thema_dark #chatting_area .actionbox .chat_write .write_area, .theme_dark #chatting_area .actionbox .chat_write .write_area {
      color: #888;
      background: #222; }
    .thema_dark #chatting_area .actionbox .chat_write .btn_send:hover,
    .thema_dark #chatting_area .actionbox .chat_write .write_area:focus + .btn_send, .theme_dark #chatting_area .actionbox .chat_write .btn_send:hover,
    .theme_dark #chatting_area .actionbox .chat_write .write_area:focus + .btn_send {
      color: #7398ff; }
    .thema_dark #chatting_area .actionbox .chat_write .btn_send, .theme_dark #chatting_area .actionbox .chat_write .btn_send {
      color: #fff;
      background: #1579d7; }
    .thema_dark #chatting_area .actionbox .chat_write.admin .ad_toggle:after, .theme_dark #chatting_area .actionbox .chat_write.admin .ad_toggle:after {
      background-color: #333; }
    .thema_dark #chatting_area .actionbox .chat_write .write_area,
    .thema_dark #chatting_area .actionbox .chat_write .btn_send, .theme_dark #chatting_area .actionbox .chat_write .write_area,
    .theme_dark #chatting_area .actionbox .chat_write .btn_send {
      background-color: #222;
      color: #999; }
    .thema_dark #chatting_area .translation_select_con, .theme_dark #chatting_area .translation_select_con {
      background-color: #1b1b1c;
      border: 1px solid #333; }
      .thema_dark #chatting_area .translation_select_con .select_btn ul, .theme_dark #chatting_area .translation_select_con .select_btn ul {
        background-color: #1b1b1c; }
      .thema_dark #chatting_area .translation_select_con .select_btn ul a, .theme_dark #chatting_area .translation_select_con .select_btn ul a {
        color: #999; }
      .thema_dark #chatting_area .translation_select_con .select_btn ul a:hover, .theme_dark #chatting_area .translation_select_con .select_btn ul a:hover {
        color: #fff;
        background-color: #3d82f6; }
      .thema_dark #chatting_area .translation_select_con .select_btn a em, .theme_dark #chatting_area .translation_select_con .select_btn a em {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3e%3cpath fill-rule='evenodd'  fill='%237398ff' d='M4.918 5.925L.138.849C-.057.645-.045.326.163.136c.208-.19.532-.18.726.027l4.028 4.276L8.946.163c.193-.207.517-.217.725-.027.208.19.22.509.028.713L4.92 5.925z'/%3e%3c/svg%3e"); }
      .thema_dark #chatting_area .translation_select_con .select_btn > a, .theme_dark #chatting_area .translation_select_con .select_btn > a {
        color: #7398ff; }
      .thema_dark #chatting_area .translation_select_con .select_btn.on ul, .theme_dark #chatting_area .translation_select_con .select_btn.on ul {
        border: 1px solid #333; }
      .thema_dark #chatting_area .translation_select_con button, .theme_dark #chatting_area .translation_select_con button {
        border-color: #7398ff;
        background-color: #7398ff; }
      .thema_dark #chatting_area .translation_select_con button span, .theme_dark #chatting_area .translation_select_con button span {
        border-left: none;
        background: none; }
      .thema_dark #chatting_area .translation_select_con > span, .theme_dark #chatting_area .translation_select_con > span {
        color: #999; }
    .thema_dark #chatting_area .list_viewer, .theme_dark #chatting_area .list_viewer {
      border: 1px solid #38383e;
      border-bottom: none; }
    .thema_dark #chatting_area .list_viewer h3 strong, .theme_dark #chatting_area .list_viewer h3 strong {
      color: #ff4800; }
    .thema_dark #chatting_area .list_viewer h3, .theme_dark #chatting_area .list_viewer h3 {
      color: #7398ff;
      background: #222; }
    .thema_dark #chatting_area .list_viewer li a, .theme_dark #chatting_area .list_viewer li a {
      color: #888; }
    .thema_dark #chatting_area .list_viewer .bj_info a em,
    .thema_dark #chatting_area .list_viewer li a em, .theme_dark #chatting_area .list_viewer .bj_info a em,
    .theme_dark #chatting_area .list_viewer li a em {
      color: #c8c8c8 !important; }
    .thema_dark #chatting_area .wrap_lv, .theme_dark #chatting_area .wrap_lv {
      left: 0;
      background: #1b1b1c; }
    .thema_dark #chatting_area .wrap_lv .btn_toggle_op, .theme_dark #chatting_area .wrap_lv .btn_toggle_op {
      border: 1px solid #38383e; }
    .thema_dark #chatting_area .wrap_lv .btn_toggle_op span, .theme_dark #chatting_area .wrap_lv .btn_toggle_op span {
      background: url("/images/webplayer/chat/split_chat.png") no-repeat 0px -583px; }
    .thema_dark #chatting_area .wrap_lv .btn_toggle_op:hover span, .theme_dark #chatting_area .wrap_lv .btn_toggle_op:hover span {
      background-position: -12px -583px; }
    .thema_dark #chatting_area .wrap_lv .btn_toggle_cs, .theme_dark #chatting_area .wrap_lv .btn_toggle_cs {
      border: 1px solid #38383e; }
    .thema_dark #chatting_area .wrap_lv .btn_toggle_cs span, .theme_dark #chatting_area .wrap_lv .btn_toggle_cs span {
      background: url("/images/webplayer/chat/split_chat.png") no-repeat 0px -575px; }
    .thema_dark #chatting_area .wrap_lv .btn_toggle_cs:hover span, .theme_dark #chatting_area .wrap_lv .btn_toggle_cs:hover span {
      background-position: -12px -575px; }
    .thema_dark #chatting_area .wrap_st, .theme_dark #chatting_area .wrap_st {
      background: #18181e; }
    .thema_dark #chatting_area .wrap_st .list_setting, .theme_dark #chatting_area .wrap_st .list_setting {
      border: 1px solid #44454b; }
    .thema_dark #chatting_area .wrap_st .list_setting .list_st1, .theme_dark #chatting_area .wrap_st .list_setting .list_st1 {
      border-bottom: 1px solid #2a2b30; }
    .thema_dark #chatting_area .wrap_st .list_setting .list_st1 li input, .theme_dark #chatting_area .wrap_st .list_setting .list_st1 li input {
      background: #727275;
      border: 1px solid #38383e; }
    .thema_dark #chatting_area .wrap_st .list_setting .list_st1 li label,
    .thema_dark #chatting_area .wrap_st .list_setting .list_st2 li a, .theme_dark #chatting_area .wrap_st .list_setting .list_st1 li label,
    .theme_dark #chatting_area .wrap_st .list_setting .list_st2 li a {
      color: #c8c8c8; }
    .thema_dark #chatting_area .wrap_st .list_setting .font-level span, .theme_dark #chatting_area .wrap_st .list_setting .font-level span {
      color: #c8c8c8; }
    .thema_dark #chatting_area .wrap_st .list_setting .font-level div button, .theme_dark #chatting_area .wrap_st .list_setting .font-level div button {
      border-color: #2a2b30; }
    .thema_dark #chatting_area .wrap_st .list_setting .font-level div input, .theme_dark #chatting_area .wrap_st .list_setting .font-level div input {
      background-color: #2a2b30; }
    .thema_dark #chatting_area .layer_context, .theme_dark #chatting_area .layer_context {
      border: 1px solid #44454b;
      background: #1b1b1c; }
    .thema_dark #chatting_area .layer_context a, .theme_dark #chatting_area .layer_context a {
      color: #c8c8c8 !important; }
    .thema_dark #chatting_area .layer_context strong,
    .thema_dark #chatting_area .layer_context a.nick, .theme_dark #chatting_area .layer_context strong,
    .theme_dark #chatting_area .layer_context a.nick {
      margin-bottom: -2px;
      border-bottom: 1px solid #44454b; }
    .thema_dark #chatting_area .layer_context a.nick span, .theme_dark #chatting_area .layer_context a.nick span {
      color: #7398ff !important; }
    .thema_dark #chatting_area .layer_context ul, .theme_dark #chatting_area .layer_context ul {
      border-top: 1px solid #23242a; }
    .thema_dark #chatting_area .layer_context ul li.off, .theme_dark #chatting_area .layer_context ul li.off {
      color: #686e7c; }
    .thema_dark #chatting_area .chat_area .vote_txt, .theme_dark #chatting_area .chat_area .vote_txt {
      color: #0197ff; }
    .thema_dark #chatting_area .chat_area .vote_txt span, .theme_dark #chatting_area .chat_area .vote_txt span {
      color: #0197ff; }
    .thema_dark #chatting_area .chat_area dl dd, .theme_dark #chatting_area .chat_area dl dd {
      color: #d3d3d3; }
    .thema_dark #chatting_area .chat_area dl.fan dd, .theme_dark #chatting_area .chat_area dl.fan dd {
      color: #56a704; }
    .thema_dark #chatting_area .chat_area .s_chat dl dd, .theme_dark #chatting_area .chat_area .s_chat dl dd {
      color: #d2d2d2 !important; }
    .thema_dark #chatting_area .chat_area .illegal dt, .theme_dark #chatting_area .chat_area .illegal dt {
      color: #d50002; }
    .thema_dark #chatting_area .chat_area .illegal dd .box_o, .theme_dark #chatting_area .chat_area .illegal dd .box_o {
      border: 1px solid #42444e; }
    .thema_dark #chatting_area .chat_area .illegal dd .box_i, .theme_dark #chatting_area .chat_area .illegal dd .box_i {
      background: #2b2d32; }
    .thema_dark #chatting_area .chat_area .illegal dd .box_i p, .theme_dark #chatting_area .chat_area .illegal dd .box_i p {
      color: #d50002; }
    .thema_dark #chatting_area .chat_area .clan_top, .theme_dark #chatting_area .chat_area .clan_top {
      border: 1px solid #313237;
      background: #313237; }
    .thema_dark #chatting_area .chat_area .clan_top .list_game, .theme_dark #chatting_area .chat_area .clan_top .list_game {
      border-bottom: 1px solid #2a2b30; }
    .thema_dark #chatting_area .chat_area .clan_top .list_game li a, .theme_dark #chatting_area .chat_area .clan_top .list_game li a {
      color: #888; }
    .thema_dark #chatting_area .chat_area .hotclan,
    .thema_dark #chatting_area .chat_area .hotclan a, .theme_dark #chatting_area .chat_area .hotclan,
    .theme_dark #chatting_area .chat_area .hotclan a {
      color: #0197ff; }
    .thema_dark #chatting_area .chat_area dl.social_list, .theme_dark #chatting_area .chat_area dl.social_list {
      border: 1px solid #313237;
      background: #313237; }
    .thema_dark #chatting_area .chat_area .ear_deny, .theme_dark #chatting_area .chat_area .ear_deny {
      color: #0197ff; }
    .thema_dark #chatting_area .chat_area .ear_deny a, .theme_dark #chatting_area .chat_area .ear_deny a {
      color: #0197ff; }
    .thema_dark #chatting_area .chat_area .box_end, .theme_dark #chatting_area .chat_area .box_end {
      background: #2a2b30; }
    .thema_dark #chatting_area .chat_area .box_ice .support, .thema_dark #chatting_area .chat_area .box_ice .support a, .theme_dark #chatting_area .chat_area .box_ice .support, .theme_dark #chatting_area .chat_area .box_ice .support a {
      color: #8666bb; }
    .thema_dark #chatting_area .chat_area .ice,
    .thema_dark #chatting_area .chat_area .ice span, .theme_dark #chatting_area .chat_area .ice,
    .theme_dark #chatting_area .chat_area .ice span {
      color: #0197ff; }
    .thema_dark #chatting_area .chat_area .txt_g span, .theme_dark #chatting_area .chat_area .txt_g span {
      color: #888; }
    .thema_dark #chatting_area .chat_area span.user, .theme_dark #chatting_area .chat_area span.user {
      color: #aaa; }
    .thema_dark #chatting_area .chat_area .s_chat dt a, .theme_dark #chatting_area .chat_area .s_chat dt a {
      color: #767676; }
    .thema_dark #chatting_area .chat_area .balloon_area .bal_txt,
    .thema_dark #chatting_area .chat_area .hballoon_area .bal_txt, .theme_dark #chatting_area .chat_area .balloon_area .bal_txt,
    .theme_dark #chatting_area .chat_area .hballoon_area .bal_txt {
      color: #333; }
    .thema_dark #chatting_area .area_header, .theme_dark #chatting_area .area_header {
      border-color: #1d1d1d; }
      .thema_dark #chatting_area .area_header h2, .theme_dark #chatting_area .area_header h2 {
        border: none; }
        .thema_dark #chatting_area .area_header h2 span, .theme_dark #chatting_area .area_header h2 span {
          color: #c8c8c8; }
        .thema_dark #chatting_area .area_header h2 a:before, .theme_dark #chatting_area .area_header h2 a:before {
          background-color: #38383e; }
      .thema_dark #chatting_area .area_header ul li.chat_speed, .theme_dark #chatting_area .area_header ul li.chat_speed {
        border-color: transparent;
        background-color: #151515; }
        .thema_dark #chatting_area .area_header ul li.chat_speed span, .theme_dark #chatting_area .area_header ul li.chat_speed span {
          color: #c8c8c8; }
        .thema_dark #chatting_area .area_header ul li.chat_speed div:before, .theme_dark #chatting_area .area_header ul li.chat_speed div:before {
          background-color: #151515; }
        .thema_dark #chatting_area .area_header ul li.chat_speed div > a, .theme_dark #chatting_area .area_header ul li.chat_speed div > a {
          color: #888;
          border-color: #29292a; }
          .thema_dark #chatting_area .area_header ul li.chat_speed div > a:after, .theme_dark #chatting_area .area_header ul li.chat_speed div > a:after {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 4'%3e%3cpath fill-rule='evenodd' fill='%23767676' d='M0 0h7L3.5 4z'/%3e%3c/svg%3e"); }
        .thema_dark #chatting_area .area_header ul li.chat_speed div ul, .theme_dark #chatting_area .area_header ul li.chat_speed div ul {
          border-color: #1e1e1f;
          background-color: #151515; }
          .thema_dark #chatting_area .area_header ul li.chat_speed div ul a, .theme_dark #chatting_area .area_header ul li.chat_speed div ul a {
            color: #888; }
            .thema_dark #chatting_area .area_header ul li.chat_speed div ul a:hover, .theme_dark #chatting_area .area_header ul li.chat_speed div ul a:hover {
              background-color: #282828; }
            .thema_dark #chatting_area .area_header ul li.chat_speed div ul a.on, .theme_dark #chatting_area .area_header ul li.chat_speed div ul a.on {
              color: #4c7cf6; }
              .thema_dark #chatting_area .area_header ul li.chat_speed div ul a.on:before, .theme_dark #chatting_area .area_header ul li.chat_speed div ul a.on:before {
                background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7'%3e%3cpath fill-rule='evenodd' fill='%234C7CF6' d='M8 2.5L4.5 6A1 1 0 013 6L1 4a1 1 0 011.4-1.5L3.8 4l2.8-2.8A1 1 0 118 2.5z'/%3e%3c/svg%3e") 50% 50% no-repeat; }
    .thema_dark #chatting_area .chatbox .actionbox, .theme_dark #chatting_area .chatbox .actionbox {
      background-color: #121213 !important;
      border-color: #1d1d1d; }
    .thema_dark #chatting_area .chatbox .actionbox .ul2:before, .theme_dark #chatting_area .chatbox .actionbox .ul2:before {
      background-color: #2e3037; }
    .thema_dark #chatting_area .actionbox:before, .theme_dark #chatting_area .actionbox:before {
      background-color: #121213 !important; }
    .thema_dark #chatting_area .actionbox ul.ul1 li.game_point .game_point_layer, .theme_dark #chatting_area .actionbox ul.ul1 li.game_point .game_point_layer {
      background-color: #222;
      border-color: #333; }
      .thema_dark #chatting_area .actionbox ul.ul1 li.game_point .game_point_layer:before, .theme_dark #chatting_area .actionbox ul.ul1 li.game_point .game_point_layer:before {
        border-top-color: #333; }
      .thema_dark #chatting_area .actionbox ul.ul1 li.game_point .game_point_layer:after, .theme_dark #chatting_area .actionbox ul.ul1 li.game_point .game_point_layer:after {
        border-top-color: #222; }
      .thema_dark #chatting_area .actionbox ul.ul1 li.game_point .game_point_layer p, .theme_dark #chatting_area .actionbox ul.ul1 li.game_point .game_point_layer p {
        color: #999; }
    .thema_dark #chatting_area .poll_layer, .theme_dark #chatting_area .poll_layer {
      background-color: #282828;
      color: #999; }
      .thema_dark #chatting_area .poll_layer a, .theme_dark #chatting_area .poll_layer a {
        color: #999; }
      .thema_dark #chatting_area .poll_layer .btn_close, .theme_dark #chatting_area .poll_layer .btn_close {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' fill='%23666666' d='M14.462.518c.27-.27.709-.269.979.002.27.27.269.71-.002.98L8.956 7.957l6.483 6.46c.27.27.272.71.002.98s-.709.271-.98.002L7.976 8.935 1.49 15.4c-.244.242-.623.266-.893.071l-.086-.073c-.27-.27-.269-.71.002-.98l6.481-6.46L.513 1.5C.242 1.23.24.791.51.52c.27-.27.708-.272.98-.002l6.484 6.463z'/%3e%3c/svg%3e"); }
    .thema_dark #chatting_area .chat_area dl dt a, .theme_dark #chatting_area .chat_area dl dt a {
      color: #929292; }
    .thema_dark #chatting_area .chat_area dl.bj dt a, .theme_dark #chatting_area .chat_area dl.bj dt a {
      color: #ed391c; }
    .thema_dark #chatting_area .chat_area dl.bj dd, .theme_dark #chatting_area .chat_area dl.bj dd {
      color: #d3d3d3; }
    .thema_dark #chatting_area .chat_area .name,
    .thema_dark #chatting_area .chat_area .name a, .theme_dark #chatting_area .chat_area .name,
    .theme_dark #chatting_area .chat_area .name a {
      color: #9a9a9a; }
    .thema_dark #chatting_area .chat_area .name span, .theme_dark #chatting_area .chat_area .name span {
      color: #e7816d; }
    .thema_dark #chatting_area .chat_area .box_Vstart, .theme_dark #chatting_area .chat_area .box_Vstart {
      background: transparent;
      color: #e5e5e5; }
    .thema_dark #chatting_area .translation_output span, .theme_dark #chatting_area .translation_output span {
      background-color: transparent;
      color: #6b85cf; }
    .thema_dark #chatting_area .translation_btn, .theme_dark #chatting_area .translation_btn {
      background-color: #4279ff; }
    .thema_dark #chatting_area .translation_btn.share, .theme_dark #chatting_area .translation_btn.share {
      color: #6b85cf !important;
      border: 1px solid #6b85cf;
      background-color: transparent; }
    .thema_dark #chatting_area dl dt em.pc img, .theme_dark #chatting_area dl dt em.pc img {
      background: #1e1f24; }
    .thema_dark #chatting_area .box_ice dl dt em.pc img, .theme_dark #chatting_area .box_ice dl dt em.pc img {
      background: #19364d; }
    .thema_dark #chatting_area .chat_area .entrance .text p strong,
    .thema_dark #chatting_area .chat_area .adballoon_area .text p strong,
    .thema_dark #chatting_area .chat_area .sticker_area .text_s,
    .thema_dark #chatting_area .chat_area .gift_area .text,
    .thema_dark #chatting_area .chat_area .gift_area .text a,
    .thema_dark #chatting_area .chat_area .shop_area .text,
    .thema_dark #chatting_area .chat_area .shop_area .text a,
    .thema_dark #chatting_area .chat_area .balloon_area .img_balloon + .text .bal_txt,
    .thema_dark #chatting_area .chat_area .sticker_area .text_s,
    .thema_dark #chatting_area .chat_area .sticker_area .text_s .bal_txt, .theme_dark #chatting_area .chat_area .entrance .text p strong,
    .theme_dark #chatting_area .chat_area .adballoon_area .text p strong,
    .theme_dark #chatting_area .chat_area .sticker_area .text_s,
    .theme_dark #chatting_area .chat_area .gift_area .text,
    .theme_dark #chatting_area .chat_area .gift_area .text a,
    .theme_dark #chatting_area .chat_area .shop_area .text,
    .theme_dark #chatting_area .chat_area .shop_area .text a,
    .theme_dark #chatting_area .chat_area .balloon_area .img_balloon + .text .bal_txt,
    .theme_dark #chatting_area .chat_area .sticker_area .text_s,
    .theme_dark #chatting_area .chat_area .sticker_area .text_s .bal_txt {
      color: #d3d3d3; }
    .thema_dark #chatting_area .chat_area .adballoon_area.save_gift .text,
    .thema_dark #chatting_area .chat_area .balloon_area.breaktime .text, .theme_dark #chatting_area .chat_area .adballoon_area.save_gift .text,
    .theme_dark #chatting_area .chat_area .balloon_area.breaktime .text {
      color: #999; }
    .thema_dark #chatting_area .chat_area .adballoon_area.save_gift p.img + .text, .theme_dark #chatting_area .chat_area .adballoon_area.save_gift p.img + .text {
      color: #666; }
    .thema_dark #chatting_area .chat_area .in, .theme_dark #chatting_area .chat_area .in {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 16'%3e%3cpath fill='%239a9a9a' fill-rule='evenodd' d='M.576 14.576c-.235.234-.235.614 0 .848.234.235.614.235.848 0l7-7c.235-.234.235-.614 0-.848l-7-7C1.19.34.81.34.576.576.34.81.34 1.19.576 1.424L7.15 8 .576 14.576z'/%3e%3c/svg%3e"); }
    .thema_dark #chatting_area .chat_area .out, .theme_dark #chatting_area .chat_area .out {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 16'%3e%3cpath fill='%239a9a9a' fill-rule='evenodd' d='M8.424 14.576c.235.234.235.614 0 .848-.234.235-.614.235-.848 0l-7-7C.34 8.19.34 7.81.576 7.576l7-7c.234-.235.614-.235.848 0 .235.234.235.614 0 .848L1.85 8l6.575 6.576z'/%3e%3c/svg%3e"); }
    .thema_dark #chatting_area .gift-emoticon_chat .text, .theme_dark #chatting_area .gift-emoticon_chat .text {
      color: #999; }
      .thema_dark #chatting_area .gift-emoticon_chat .text a, .theme_dark #chatting_area .gift-emoticon_chat .text a {
        color: #d3d3d3; }
      .thema_dark #chatting_area .gift-emoticon_chat .text span, .theme_dark #chatting_area .gift-emoticon_chat .text span {
        color: #7398ff; }
    .thema_dark #chatting_area.vod .area_header > ul .chat_speed, .theme_dark #chatting_area.vod .area_header > ul .chat_speed {
      background-color: #151515;
      border-color: #1e1e1f; }
      .thema_dark #chatting_area.vod .area_header > ul .chat_speed span, .theme_dark #chatting_area.vod .area_header > ul .chat_speed span {
        color: #888; }
      .thema_dark #chatting_area.vod .area_header > ul .chat_speed div > a, .theme_dark #chatting_area.vod .area_header > ul .chat_speed div > a {
        color: #7398ff; }
        .thema_dark #chatting_area.vod .area_header > ul .chat_speed div > a:after, .theme_dark #chatting_area.vod .area_header > ul .chat_speed div > a:after {
          border-top-color: #999; }
      .thema_dark #chatting_area.vod .area_header > ul .chat_speed div ul a, .theme_dark #chatting_area.vod .area_header > ul .chat_speed div ul a {
        color: #888; }
        .thema_dark #chatting_area.vod .area_header > ul .chat_speed div ul a.on, .theme_dark #chatting_area.vod .area_header > ul .chat_speed div ul a.on {
          color: #7398ff; }
    @media (max-width: 920px) {
      .thema_dark #chatting_area.vod .chatbox, .theme_dark #chatting_area.vod .chatbox {
        background-color: #222 !important; }
      .thema_dark #chatting_area.vod .area_header > ul .chat_speed, .theme_dark #chatting_area.vod .area_header > ul .chat_speed {
        background-color: #151515 !important;
        border-color: #1e1e1f; }
        .thema_dark #chatting_area.vod .area_header > ul .chat_speed ul, .theme_dark #chatting_area.vod .area_header > ul .chat_speed ul {
          background-color: #151515;
          border-color: #1e1e1f; }
      .thema_dark #chatting_area.vod .chat_blind, .theme_dark #chatting_area.vod .chat_blind {
        background-color: #222 !important; }
        .thema_dark #chatting_area.vod .chat_blind button, .theme_dark #chatting_area.vod .chat_blind button {
          background-color: #7398ff; } }
    .thema_dark #chatting_area .chatbox .chat_area,
    .thema_dark #chatting_area .chatbox .chat_notice, .theme_dark #chatting_area .chatbox .chat_area,
    .theme_dark #chatting_area .chatbox .chat_notice {
      scrollbar-face-color: #222;
      scrollbar-shadow-color: #222;
      scrollbar-darkshadow-color: #2a2b30;
      scrollbar-track-color: #121213;
      scrollbar-arrow-color: #4d4d4d; }
    .thema_dark #chatting_area .chatbox .chat_area:hover,
    .thema_dark #chatting_area .chatbox .chat_notice:hover, .theme_dark #chatting_area .chatbox .chat_area:hover,
    .theme_dark #chatting_area .chatbox .chat_notice:hover {
      scrollbar-face-color: #4d4d4d;
      scrollbar-shadow-color: #4d4d4d; }
    .thema_dark #chatting_area::-webkit-scrollbar-thumb,
    .thema_dark #chatting_area *::-webkit-scrollbar-thumb, .theme_dark #chatting_area::-webkit-scrollbar-thumb,
    .theme_dark #chatting_area *::-webkit-scrollbar-thumb {
      background: #222; }
    .thema_dark #chatting_area:hover::-webkit-scrollbar-thumb,
    .thema_dark #chatting_area *:hover::-webkit-scrollbar-thumb, .theme_dark #chatting_area:hover::-webkit-scrollbar-thumb,
    .theme_dark #chatting_area *:hover::-webkit-scrollbar-thumb {
      background: #4d4d4d; }
    .thema_dark #chatting_area::-webkit-scrollbar-track,
    .thema_dark #chatting_area *::-webkit-scrollbar-track, .thema_dark #chatting_area::-webkit-scrollbar,
    .thema_dark #chatting_area *::-webkit-scrollbar, .theme_dark #chatting_area::-webkit-scrollbar-track,
    .theme_dark #chatting_area *::-webkit-scrollbar-track, .theme_dark #chatting_area::-webkit-scrollbar,
    .theme_dark #chatting_area *::-webkit-scrollbar {
      background: #121213; }
  .thema_dark .layer_mchat, .theme_dark .layer_mchat {
    border-color: #333;
    background: #1b1b1c; }
    .thema_dark .layer_mchat h2, .theme_dark .layer_mchat h2 {
      color: #c8c8c8;
      border-color: #333; }
      .thema_dark .layer_mchat h2 button, .theme_dark .layer_mchat h2 button {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' %3e%3cpath d='m6.24 2.72 3.02 2.63a1 1 0 0 1 .1 1.4l-3 3.45h4.16a.5.5 0 1 1 0 1H4.84a2 2 0 0 1-1.58-.47L1.75 9.42a2 2 0 0 1-.2-2.82l3.28-3.78a1 1 0 0 1 1.41-.1zM2.31 7.25a1 1 0 0 0 .01 1.33l.09.08 1.5 1.31c.15.13.33.21.51.24l.1-.01h.24a1 1 0 0 0 .48-.24l.09-.08L2.3 7.25zm3.28-3.77L2.96 6.5l3.02 2.62L8.61 6.1 5.59 3.48z' fill='%23c8c8c8' fill-rule='evenodd'/%3e%3c/svg%3e"); }
    .thema_dark .layer_mchat a.btn_close, .theme_dark .layer_mchat a.btn_close {
      background: url("/images/flashplayer/split_layer_dark.png") no-repeat 4px -44px; }
    .thema_dark .layer_mchat .sendbox,
    .thema_dark .layer_mchat .sendbox > div, .theme_dark .layer_mchat .sendbox,
    .theme_dark .layer_mchat .sendbox > div {
      border-color: #333; }
    .thema_dark .layer_mchat .sendbox .input::placeholder, .theme_dark .layer_mchat .sendbox .input::placeholder {
      color: #4d4d4d; }
    .thema_dark .layer_mchat .sendbox .input,
    .thema_dark .layer_mchat .sendbox a.send, .theme_dark .layer_mchat .sendbox .input,
    .theme_dark .layer_mchat .sendbox a.send {
      border-color: #333;
      color: #999;
      background-color: #282828; }
    .thema_dark .layer_mchat .mchatlist .m_chat_area dt a, .theme_dark .layer_mchat .mchatlist .m_chat_area dt a {
      color: #929292; }
    .thema_dark .layer_mchat .mchatlist .m_chat_area dd, .theme_dark .layer_mchat .mchatlist .m_chat_area dd {
      color: #d3d3d3; }
  .thema_dark .ogq_img a, .theme_dark .ogq_img a {
    border-color: #333;
    color: #929292; }
  .thema_dark .induce_login > div, .theme_dark .induce_login > div {
    background-color: #333;
    border-color: #444; }
  .thema_dark .induce_login strong, .theme_dark .induce_login strong {
    color: #d9d9d9; }
  .thema_dark .induce_login .case1 p, .theme_dark .induce_login .case1 p {
    color: #888; }
  .thema_dark .induce_login .case2 .chat_text_slide ul li button, .theme_dark .induce_login .case2 .chat_text_slide ul li button {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3); }
  .thema_dark .induce_login .case2 button.prev::before,
  .thema_dark .induce_login .case2 button.next::before, .theme_dark .induce_login .case2 button.prev::before,
  .theme_dark .induce_login .case2 button.next::before {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(204, 204, 204, 0.999)' stroke='' viewBox='0 0 5 11'%3e%3cpath fill-rule='evenodd' d='M3.85 10.97c.08 0 .17-.02.25-.07a.5.5 0 00.15-.69L1.4 5.51 4.25.78A.5.5 0 004.1.11a.47.47 0 00-.66.16L.42 5.23c-.1.16-.1.36 0 .53l3.02 4.97c.09.15.25.23.4.23z'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }
  .thema_dark .induce_login .case2 button.next:hover,
  .thema_dark .induce_login .case2 button.prev:hover, .theme_dark .induce_login .case2 button.next:hover,
  .theme_dark .induce_login .case2 button.prev:hover {
    background-color: #444; }

/* ↑↑↑↑↑↑ dark thema ↑↑↑↑↑ */
/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
.theme_dark .chat_rule,
.thema_dark .chat_rule,
.smode #chatting_area .chat_rule,
.extend_mode #chatting_area .chat_rule,
.smode.thema_dark .chat_rule,
.extend_mode.thema_dark .chat_rule {
  background-color: #121213;
  border-color: #333; }
  .theme_dark .chat_rule .chat_rule_title span,
  .thema_dark .chat_rule .chat_rule_title span,
  .smode #chatting_area .chat_rule .chat_rule_title span,
  .extend_mode #chatting_area .chat_rule .chat_rule_title span,
  .smode.thema_dark .chat_rule .chat_rule_title span,
  .extend_mode.thema_dark .chat_rule .chat_rule_title span {
    color: #999; }
  .theme_dark .chat_rule .chat_rule_title strong,
  .thema_dark .chat_rule .chat_rule_title strong,
  .smode #chatting_area .chat_rule .chat_rule_title strong,
  .extend_mode #chatting_area .chat_rule .chat_rule_title strong,
  .smode.thema_dark .chat_rule .chat_rule_title strong,
  .extend_mode.thema_dark .chat_rule .chat_rule_title strong {
    color: #e5e5e5; }
  .theme_dark .chat_rule .chat_rule_title img,
  .thema_dark .chat_rule .chat_rule_title img,
  .smode #chatting_area .chat_rule .chat_rule_title img,
  .extend_mode #chatting_area .chat_rule .chat_rule_title img,
  .smode.thema_dark .chat_rule .chat_rule_title img,
  .extend_mode.thema_dark .chat_rule .chat_rule_title img {
    border-color: #333; }
  .theme_dark .chat_rule .chat_rule_title:after,
  .thema_dark .chat_rule .chat_rule_title:after,
  .smode #chatting_area .chat_rule .chat_rule_title:after,
  .extend_mode #chatting_area .chat_rule .chat_rule_title:after,
  .smode.thema_dark .chat_rule .chat_rule_title:after,
  .extend_mode.thema_dark .chat_rule .chat_rule_title:after {
    background-color: #333; }
  .theme_dark .chat_rule .chat_rule_contents ol li,
  .theme_dark .chat_rule .chat_rule_contents .box > div,
  .thema_dark .chat_rule .chat_rule_contents ol li,
  .thema_dark .chat_rule .chat_rule_contents .box > div,
  .smode #chatting_area .chat_rule .chat_rule_contents ol li,
  .smode #chatting_area .chat_rule .chat_rule_contents .box > div,
  .extend_mode #chatting_area .chat_rule .chat_rule_contents ol li,
  .extend_mode #chatting_area .chat_rule .chat_rule_contents .box > div,
  .smode.thema_dark .chat_rule .chat_rule_contents ol li,
  .smode.thema_dark .chat_rule .chat_rule_contents .box > div,
  .extend_mode.thema_dark .chat_rule .chat_rule_contents ol li,
  .extend_mode.thema_dark .chat_rule .chat_rule_contents .box > div {
    color: #e5e5e5; }
  .theme_dark .chat_rule .footer button,
  .thema_dark .chat_rule .footer button,
  .smode #chatting_area .chat_rule .footer button,
  .extend_mode #chatting_area .chat_rule .footer button,
  .smode.thema_dark .chat_rule .footer button,
  .extend_mode.thema_dark .chat_rule .footer button {
    color: #999;
    border-color: #333; }
    .theme_dark .chat_rule .footer button:first-child,
    .thema_dark .chat_rule .footer button:first-child,
    .smode #chatting_area .chat_rule .footer button:first-child,
    .extend_mode #chatting_area .chat_rule .footer button:first-child,
    .smode.thema_dark .chat_rule .footer button:first-child,
    .extend_mode.thema_dark .chat_rule .footer button:first-child {
      background-color: #1b61c3;
      border-color: #1b61c3;
      color: #fff; }
.theme_dark .area_header ul li.refresh.off a,
.thema_dark .area_header ul li.refresh.off a,
.smode #chatting_area .area_header ul li.refresh.off a,
.extend_mode #chatting_area .area_header ul li.refresh.off a,
.smode.thema_dark .area_header ul li.refresh.off a,
.extend_mode.thema_dark .area_header ul li.refresh.off a {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M8.646 4.554v4.222a.5.5 0 0 1-.992.09l-.008-.09v-2.57C5.843 7.335 4.76 9.41 4.912 11.632c.222 3.241 2.973 5.681 6.14 5.455a.5.5 0 1 1 .072.998c-3.724.265-6.95-2.595-7.21-6.384A6.926 6.926 0 0 1 6.82 5.554H4.498a.5.5 0 0 1-.492-.41l-.008-.09a.5.5 0 0 1 .41-.492l.09-.008h4.148zm9.44 5.767a6.934 6.934 0 0 1-2.615 5.93h2.216a.5.5 0 0 1 .492.41l.008.09a.5.5 0 0 1-.41.492l-.09.008h-4.148v-4.222a.5.5 0 0 1 .992-.09l.008.09v2.665c1.692-1.152 2.696-3.16 2.549-5.305-.222-3.24-2.973-5.68-6.14-5.455a.5.5 0 1 1-.072-.997c3.724-.266 6.95 2.595 7.21 6.384z' fill='%23444444'/%3e%3c/svg%3e") !important; }
.theme_dark .chat_blind,
.thema_dark .chat_blind,
.smode #chatting_area .chat_blind,
.extend_mode #chatting_area .chat_blind,
.smode.thema_dark .chat_blind,
.extend_mode.thema_dark .chat_blind {
  background-color: #121213; }
  .theme_dark .chat_blind:before,
  .thema_dark .chat_blind:before,
  .smode #chatting_area .chat_blind:before,
  .extend_mode #chatting_area .chat_blind:before,
  .smode.thema_dark .chat_blind:before,
  .extend_mode.thema_dark .chat_blind:before {
    background-color: #1d1d1d; }
  .theme_dark .chat_blind p,
  .thema_dark .chat_blind p,
  .smode #chatting_area .chat_blind p,
  .extend_mode #chatting_area .chat_blind p,
  .smode.thema_dark .chat_blind p,
  .extend_mode.thema_dark .chat_blind p {
    color: #999; }
  .theme_dark .chat_blind button,
  .thema_dark .chat_blind button,
  .smode #chatting_area .chat_blind button,
  .extend_mode #chatting_area .chat_blind button,
  .smode.thema_dark .chat_blind button,
  .extend_mode.thema_dark .chat_blind button {
    background-color: #1b61c3; }

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
.thema_dark #chatting_area .box_game_point,
.theme_dark #chatting_area .box_game_point,
.smode #chatting_area .box_game_point,
#chatting_area.chat_thema_dark .box_game_point,
#chatting_area.chat_theme_dark .box_game_point {
  color: #888;
  background-color: #222; }
  .thema_dark #chatting_area .box_game_point strong,
  .theme_dark #chatting_area .box_game_point strong,
  .smode #chatting_area .box_game_point strong,
  #chatting_area.chat_thema_dark .box_game_point strong,
  #chatting_area.chat_theme_dark .box_game_point strong {
    color: #4279ff; }
  .thema_dark #chatting_area .box_game_point span,
  .theme_dark #chatting_area .box_game_point span,
  .smode #chatting_area .box_game_point span,
  #chatting_area.chat_thema_dark .box_game_point span,
  #chatting_area.chat_theme_dark .box_game_point span {
    color: #fff; }
.thema_dark #chatting_area .actionbox ul li.game_point .game_point_layer,
.theme_dark #chatting_area .actionbox ul li.game_point .game_point_layer,
.smode #chatting_area .actionbox ul li.game_point .game_point_layer,
#chatting_area.chat_thema_dark .actionbox ul li.game_point .game_point_layer,
#chatting_area.chat_theme_dark .actionbox ul li.game_point .game_point_layer {
  background-color: #1b1b1c;
  border-color: #333;
  color: #999; }
  .thema_dark #chatting_area .actionbox ul li.game_point .game_point_layer::before,
  .theme_dark #chatting_area .actionbox ul li.game_point .game_point_layer::before,
  .smode #chatting_area .actionbox ul li.game_point .game_point_layer::before,
  #chatting_area.chat_thema_dark .actionbox ul li.game_point .game_point_layer::before,
  #chatting_area.chat_theme_dark .actionbox ul li.game_point .game_point_layer::before {
    border-top-color: #333; }
  .thema_dark #chatting_area .actionbox ul li.game_point .game_point_layer::after,
  .theme_dark #chatting_area .actionbox ul li.game_point .game_point_layer::after,
  .smode #chatting_area .actionbox ul li.game_point .game_point_layer::after,
  #chatting_area.chat_thema_dark .actionbox ul li.game_point .game_point_layer::after,
  #chatting_area.chat_theme_dark .actionbox ul li.game_point .game_point_layer::after {
    border-top-color: #1b1b1c; }
  .thema_dark #chatting_area .actionbox ul li.game_point .game_point_layer p,
  .theme_dark #chatting_area .actionbox ul li.game_point .game_point_layer p,
  .smode #chatting_area .actionbox ul li.game_point .game_point_layer p,
  #chatting_area.chat_thema_dark .actionbox ul li.game_point .game_point_layer p,
  #chatting_area.chat_theme_dark .actionbox ul li.game_point .game_point_layer p {
    color: #999; }
    .thema_dark #chatting_area .actionbox ul li.game_point .game_point_layer p em,
    .theme_dark #chatting_area .actionbox ul li.game_point .game_point_layer p em,
    .smode #chatting_area .actionbox ul li.game_point .game_point_layer p em,
    #chatting_area.chat_thema_dark .actionbox ul li.game_point .game_point_layer p em,
    #chatting_area.chat_theme_dark .actionbox ul li.game_point .game_point_layer p em {
      color: #7398ff; }
.thema_dark #chatting_area .ic_gem,
.theme_dark #chatting_area .ic_gem,
.smode #chatting_area .ic_gem,
#chatting_area.chat_thema_dark .ic_gem,
#chatting_area.chat_theme_dark .ic_gem {
  background-color: rgba(61, 61, 61, 0.8); }
.thema_dark #chatting_area .chatbox .chat_topbox .time_ad.chat_banner2,
.theme_dark #chatting_area .chatbox .chat_topbox .time_ad.chat_banner2,
.smode #chatting_area .chatbox .chat_topbox .time_ad.chat_banner2,
#chatting_area.chat_thema_dark .chatbox .chat_topbox .time_ad.chat_banner2,
#chatting_area.chat_theme_dark .chatbox .chat_topbox .time_ad.chat_banner2 {
  background-color: #303030; }
  .thema_dark #chatting_area .chatbox .chat_topbox .time_ad.chat_banner2 strong,
  .theme_dark #chatting_area .chatbox .chat_topbox .time_ad.chat_banner2 strong,
  .smode #chatting_area .chatbox .chat_topbox .time_ad.chat_banner2 strong,
  #chatting_area.chat_thema_dark .chatbox .chat_topbox .time_ad.chat_banner2 strong,
  #chatting_area.chat_theme_dark .chatbox .chat_topbox .time_ad.chat_banner2 strong {
    color: #7699fd; }
  .thema_dark #chatting_area .chatbox .chat_topbox .time_ad.chat_banner2 p,
  .theme_dark #chatting_area .chatbox .chat_topbox .time_ad.chat_banner2 p,
  .smode #chatting_area .chatbox .chat_topbox .time_ad.chat_banner2 p,
  #chatting_area.chat_thema_dark .chatbox .chat_topbox .time_ad.chat_banner2 p,
  #chatting_area.chat_theme_dark .chatbox .chat_topbox .time_ad.chat_banner2 p {
    color: #d9d9d9; }
  .thema_dark #chatting_area .chatbox .chat_topbox .time_ad.chat_banner2 span,
  .theme_dark #chatting_area .chatbox .chat_topbox .time_ad.chat_banner2 span,
  .smode #chatting_area .chatbox .chat_topbox .time_ad.chat_banner2 span,
  #chatting_area.chat_thema_dark .chatbox .chat_topbox .time_ad.chat_banner2 span,
  #chatting_area.chat_theme_dark .chatbox .chat_topbox .time_ad.chat_banner2 span {
    background-color: #4279ff; }
.thema_dark #chatting_area a.link,
.theme_dark #chatting_area a.link,
.smode #chatting_area a.link,
#chatting_area.chat_thema_dark a.link,
#chatting_area.chat_theme_dark a.link {
  color: #7398ff; }
  .thema_dark #chatting_area a.link:hover,
  .theme_dark #chatting_area a.link:hover,
  .smode #chatting_area a.link:hover,
  #chatting_area.chat_thema_dark a.link:hover,
  #chatting_area.chat_theme_dark a.link:hover {
    color: #7398ff;
    border-color: #7398ff; }
.thema_dark #chatting_area .chat_layer,
.theme_dark #chatting_area .chat_layer,
.smode #chatting_area .chat_layer,
#chatting_area.chat_thema_dark .chat_layer,
#chatting_area.chat_theme_dark .chat_layer {
  background-color: #1c1c1c;
  border: solid 1px #2a2a2a; }
  .thema_dark #chatting_area .chat_layer .area_header,
  .theme_dark #chatting_area .chat_layer .area_header,
  .smode #chatting_area .chat_layer .area_header,
  #chatting_area.chat_thema_dark .chat_layer .area_header,
  #chatting_area.chat_theme_dark .chat_layer .area_header {
    border-color: #2a2a2a !important; }
  .thema_dark #chatting_area .chat_layer a.history_back,
  .theme_dark #chatting_area .chat_layer a.history_back,
  .smode #chatting_area .chat_layer a.history_back,
  #chatting_area.chat_thema_dark .chat_layer a.history_back,
  #chatting_area.chat_theme_dark .chat_layer a.history_back {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 16'%3e%3cpath fill-rule='evenodd' fill='%23888888' d='M8.424 14.576c.235.234.235.614 0 .848-.234.235-.614.235-.848 0l-7-7C.34 8.19.34 7.81.576 7.576l7-7c.234-.235.614-.235.848 0 .235.234.235.614 0 .848L1.85 8l6.575 6.576z'/%3e%3c/svg%3e"); }
  .thema_dark #chatting_area .chat_layer .input_wrap,
  .theme_dark #chatting_area .chat_layer .input_wrap,
  .smode #chatting_area .chat_layer .input_wrap,
  #chatting_area.chat_thema_dark .chat_layer .input_wrap,
  #chatting_area.chat_theme_dark .chat_layer .input_wrap {
    border-color: #3d3d3d; }
    .thema_dark #chatting_area .chat_layer .input_wrap input,
    .theme_dark #chatting_area .chat_layer .input_wrap input,
    .smode #chatting_area .chat_layer .input_wrap input,
    #chatting_area.chat_thema_dark .chat_layer .input_wrap input,
    #chatting_area.chat_theme_dark .chat_layer .input_wrap input {
      color: #eee; }
    .thema_dark #chatting_area .chat_layer .input_wrap .delete,
    .theme_dark #chatting_area .chat_layer .input_wrap .delete,
    .smode #chatting_area .chat_layer .input_wrap .delete,
    #chatting_area.chat_thema_dark .chat_layer .input_wrap .delete,
    #chatting_area.chat_theme_dark .chat_layer .input_wrap .delete {
      background-color: #3d3d3d;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath fill-rule='evenodd' fill='%23000' d='M.576.576c.234-.235.614-.235.848 0L9 8.15 16.576.576c.208-.209.531-.232.765-.07l.083.07c.235.234.235.614 0 .848L9.85 9l7.575 7.576c.209.208.232.531.07.765l-.07.083c-.234.235-.614.235-.848 0L9 9.85l-7.576 7.575c-.208.209-.531.232-.765.07l-.083-.07c-.235-.234-.235-.614 0-.848L8.15 9 .576 1.424C.367 1.216.344.893.506.66z'/%3e%3c/svg%3e"); }
    .thema_dark #chatting_area .chat_layer .input_wrap .search,
    .theme_dark #chatting_area .chat_layer .input_wrap .search,
    .smode #chatting_area .chat_layer .input_wrap .search,
    #chatting_area.chat_thema_dark .chat_layer .input_wrap .search,
    #chatting_area.chat_theme_dark .chat_layer .input_wrap .search {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath d='M6.5.5c3.314 0 6 2.694 6 6.017a6.01 6.01 0 0 1-1.417 3.885.41.41 0 0 1 .067.038l.07.058 4.134 4.146a.502.502 0 0 1 0 .71.5.5 0 0 1-.638.057l-.07-.058-4.134-4.146a.5.5 0 0 1-.095-.133 5.96 5.96 0 0 1-3.917 1.46c-3.314 0-6-2.693-6-6.017C.5 3.194 3.186.5 6.5.5zm0 1.003c-2.761 0-5 2.245-5 5.014a5.007 5.007 0 0 0 5 5.015c2.761 0 5-2.245 5-5.015a5.007 5.007 0 0 0-5-5.014z' fill='%23888'/%3e%3c/svg%3e"); }
      .thema_dark #chatting_area .chat_layer .input_wrap .search:hover,
      .theme_dark #chatting_area .chat_layer .input_wrap .search:hover,
      .smode #chatting_area .chat_layer .input_wrap .search:hover,
      #chatting_area.chat_thema_dark .chat_layer .input_wrap .search:hover,
      #chatting_area.chat_theme_dark .chat_layer .input_wrap .search:hover {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath d='M6.5.5c3.314 0 6 2.694 6 6.017a6.01 6.01 0 0 1-1.417 3.885.41.41 0 0 1 .067.038l.07.058 4.134 4.146a.502.502 0 0 1 0 .71.5.5 0 0 1-.638.057l-.07-.058-4.134-4.146a.5.5 0 0 1-.095-.133 5.96 5.96 0 0 1-3.917 1.46c-3.314 0-6-2.693-6-6.017C.5 3.194 3.186.5 6.5.5zm0 1.003c-2.761 0-5 2.245-5 5.014a5.007 5.007 0 0 0 5 5.015c2.761 0 5-2.245 5-5.015a5.007 5.007 0 0 0-5-5.014z' fill='%237398ff'/%3e%3c/svg%3e"); }
  .thema_dark #chatting_area .chat_layer .contents ul li a,
  .theme_dark #chatting_area .chat_layer .contents ul li a,
  .smode #chatting_area .chat_layer .contents ul li a,
  #chatting_area.chat_thema_dark .chat_layer .contents ul li a,
  #chatting_area.chat_theme_dark .chat_layer .contents ul li a {
    color: #aaa; }
  .thema_dark #chatting_area .chat_layer .contents ul + ul:before,
  .thema_dark #chatting_area .chat_layer .contents .font-level:before,
  .theme_dark #chatting_area .chat_layer .contents ul + ul:before,
  .theme_dark #chatting_area .chat_layer .contents .font-level:before,
  .smode #chatting_area .chat_layer .contents ul + ul:before,
  .smode #chatting_area .chat_layer .contents .font-level:before,
  #chatting_area.chat_thema_dark .chat_layer .contents ul + ul:before,
  #chatting_area.chat_thema_dark .chat_layer .contents .font-level:before,
  #chatting_area.chat_theme_dark .chat_layer .contents ul + ul:before,
  #chatting_area.chat_theme_dark .chat_layer .contents .font-level:before {
    background-color: #2a2a2a; }
  .thema_dark #chatting_area .chat_layer .contents ul li a:hover,
  .theme_dark #chatting_area .chat_layer .contents ul li a:hover,
  .smode #chatting_area .chat_layer .contents ul li a:hover,
  #chatting_area.chat_thema_dark .chat_layer .contents ul li a:hover,
  #chatting_area.chat_theme_dark .chat_layer .contents ul li a:hover {
    background-color: #282828; }
  .thema_dark #chatting_area .chat_layer .contents a.more_layer:after,
  .theme_dark #chatting_area .chat_layer .contents a.more_layer:after,
  .smode #chatting_area .chat_layer .contents a.more_layer:after,
  #chatting_area.chat_thema_dark .chat_layer .contents a.more_layer:after,
  #chatting_area.chat_theme_dark .chat_layer .contents a.more_layer:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 16'%3e%3cpath fill-rule='evenodd' fill='%23888' d='M.576 14.576c-.235.234-.235.614 0 .848.234.235.614.235.848 0l7-7c.235-.234.235-.614 0-.848l-7-7C1.19.34.81.34.576.576.34.81.34 1.19.576 1.424L7.15 8 .576 14.576z'/%3e%3c/svg%3e"); }
  .thema_dark #chatting_area .chat_layer .contents .chat_speed_wrap span,
  .theme_dark #chatting_area .chat_layer .contents .chat_speed_wrap span,
  .smode #chatting_area .chat_layer .contents .chat_speed_wrap span,
  #chatting_area.chat_thema_dark .chat_layer .contents .chat_speed_wrap span,
  #chatting_area.chat_theme_dark .chat_layer .contents .chat_speed_wrap span {
    color: #aaa; }
  .thema_dark #chatting_area .chat_layer .contents .chat_speed_wrap .chat_speed a,
  .theme_dark #chatting_area .chat_layer .contents .chat_speed_wrap .chat_speed a,
  .smode #chatting_area .chat_layer .contents .chat_speed_wrap .chat_speed a,
  #chatting_area.chat_thema_dark .chat_layer .contents .chat_speed_wrap .chat_speed a,
  #chatting_area.chat_theme_dark .chat_layer .contents .chat_speed_wrap .chat_speed a {
    color: #888; }
  .thema_dark #chatting_area .chat_layer .contents .chat_speed_wrap .chat_speed > a, .thema_dark #chatting_area .chat_layer .contents .chat_speed_wrap .chat_speed ul,
  .theme_dark #chatting_area .chat_layer .contents .chat_speed_wrap .chat_speed > a,
  .theme_dark #chatting_area .chat_layer .contents .chat_speed_wrap .chat_speed ul,
  .smode #chatting_area .chat_layer .contents .chat_speed_wrap .chat_speed > a,
  .smode #chatting_area .chat_layer .contents .chat_speed_wrap .chat_speed ul,
  #chatting_area.chat_thema_dark .chat_layer .contents .chat_speed_wrap .chat_speed > a,
  #chatting_area.chat_thema_dark .chat_layer .contents .chat_speed_wrap .chat_speed ul,
  #chatting_area.chat_theme_dark .chat_layer .contents .chat_speed_wrap .chat_speed > a,
  #chatting_area.chat_theme_dark .chat_layer .contents .chat_speed_wrap .chat_speed ul {
    background-color: #151515;
    border-color: #1e1e1f; }
  .thema_dark #chatting_area .chat_layer .contents .chat_speed_wrap .chat_speed > a:after,
  .theme_dark #chatting_area .chat_layer .contents .chat_speed_wrap .chat_speed > a:after,
  .smode #chatting_area .chat_layer .contents .chat_speed_wrap .chat_speed > a:after,
  #chatting_area.chat_thema_dark .chat_layer .contents .chat_speed_wrap .chat_speed > a:after,
  #chatting_area.chat_theme_dark .chat_layer .contents .chat_speed_wrap .chat_speed > a:after {
    border-top-color: #999; }
  .thema_dark #chatting_area .chat_layer .contents .chat_speed_wrap .chat_speed a.on,
  .theme_dark #chatting_area .chat_layer .contents .chat_speed_wrap .chat_speed a.on,
  .smode #chatting_area .chat_layer .contents .chat_speed_wrap .chat_speed a.on,
  #chatting_area.chat_thema_dark .chat_layer .contents .chat_speed_wrap .chat_speed a.on,
  #chatting_area.chat_theme_dark .chat_layer .contents .chat_speed_wrap .chat_speed a.on {
    color: #7398ff; }
    .thema_dark #chatting_area .chat_layer .contents .chat_speed_wrap .chat_speed a.on:after,
    .theme_dark #chatting_area .chat_layer .contents .chat_speed_wrap .chat_speed a.on:after,
    .smode #chatting_area .chat_layer .contents .chat_speed_wrap .chat_speed a.on:after,
    #chatting_area.chat_thema_dark .chat_layer .contents .chat_speed_wrap .chat_speed a.on:after,
    #chatting_area.chat_theme_dark .chat_layer .contents .chat_speed_wrap .chat_speed a.on:after {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7'%3e%3cpath fill-rule='evenodd' fill='%237398ff' d='M8 2.5L4.5 6A1 1 0 013 6L1 4a1 1 0 011.4-1.5L3.8 4l2.8-2.8A1 1 0 118 2.5z'/%3e%3c/svg%3e"); }
  .thema_dark #chatting_area .chat_layer .contents .font-level > span,
  .theme_dark #chatting_area .chat_layer .contents .font-level > span,
  .smode #chatting_area .chat_layer .contents .font-level > span,
  #chatting_area.chat_thema_dark .chat_layer .contents .font-level > span,
  #chatting_area.chat_theme_dark .chat_layer .contents .font-level > span {
    color: #aaaaaa; }
  .thema_dark #chatting_area .chat_layer .contents .font-level div button:hover,
  .theme_dark #chatting_area .chat_layer .contents .font-level div button:hover,
  .smode #chatting_area .chat_layer .contents .font-level div button:hover,
  #chatting_area.chat_thema_dark .chat_layer .contents .font-level div button:hover,
  #chatting_area.chat_theme_dark .chat_layer .contents .font-level div button:hover {
    background-color: #202533; }
  .thema_dark #chatting_area .chat_layer .contents .font-level div input,
  .theme_dark #chatting_area .chat_layer .contents .font-level div input,
  .smode #chatting_area .chat_layer .contents .font-level div input,
  #chatting_area.chat_thema_dark .chat_layer .contents .font-level div input,
  #chatting_area.chat_theme_dark .chat_layer .contents .font-level div input {
    color: #c5c5c5;
    background-color: #171717;
    border-color: #333; }
  .thema_dark #chatting_area .chat_layer .contents .font-level .preview,
  .theme_dark #chatting_area .chat_layer .contents .font-level .preview,
  .smode #chatting_area .chat_layer .contents .font-level .preview,
  #chatting_area.chat_thema_dark .chat_layer .contents .font-level .preview,
  #chatting_area.chat_theme_dark .chat_layer .contents .font-level .preview {
    background-color: #282828; }
    .thema_dark #chatting_area .chat_layer .contents .font-level .preview dl dt a,
    .theme_dark #chatting_area .chat_layer .contents .font-level .preview dl dt a,
    .smode #chatting_area .chat_layer .contents .font-level .preview dl dt a,
    #chatting_area.chat_thema_dark .chat_layer .contents .font-level .preview dl dt a,
    #chatting_area.chat_theme_dark .chat_layer .contents .font-level .preview dl dt a {
      color: #929292; }
    .thema_dark #chatting_area .chat_layer .contents .font-level .preview dl dd,
    .theme_dark #chatting_area .chat_layer .contents .font-level .preview dl dd,
    .smode #chatting_area .chat_layer .contents .font-level .preview dl dd,
    #chatting_area.chat_thema_dark .chat_layer .contents .font-level .preview dl dd,
    #chatting_area.chat_theme_dark .chat_layer .contents .font-level .preview dl dd {
      color: #d3d3d2; }
  .thema_dark #chatting_area .chat_layer .contents .checkbox_wrap.depth:before,
  .theme_dark #chatting_area .chat_layer .contents .checkbox_wrap.depth:before,
  .smode #chatting_area .chat_layer .contents .checkbox_wrap.depth:before,
  #chatting_area.chat_thema_dark .chat_layer .contents .checkbox_wrap.depth:before,
  #chatting_area.chat_theme_dark .chat_layer .contents .checkbox_wrap.depth:before {
    border-color: #555; }
  .thema_dark #chatting_area .chat_layer .contents .checkbox_wrap label,
  .theme_dark #chatting_area .chat_layer .contents .checkbox_wrap label,
  .smode #chatting_area .chat_layer .contents .checkbox_wrap label,
  #chatting_area.chat_thema_dark .chat_layer .contents .checkbox_wrap label,
  #chatting_area.chat_theme_dark .chat_layer .contents .checkbox_wrap label {
    color: #aaa; }
    .thema_dark #chatting_area .chat_layer .contents .checkbox_wrap label:before,
    .theme_dark #chatting_area .chat_layer .contents .checkbox_wrap label:before,
    .smode #chatting_area .chat_layer .contents .checkbox_wrap label:before,
    #chatting_area.chat_thema_dark .chat_layer .contents .checkbox_wrap label:before,
    #chatting_area.chat_theme_dark .chat_layer .contents .checkbox_wrap label:before {
      border-color: #4f4f4f; }
    .thema_dark #chatting_area .chat_layer .contents .checkbox_wrap label:hover,
    .theme_dark #chatting_area .chat_layer .contents .checkbox_wrap label:hover,
    .smode #chatting_area .chat_layer .contents .checkbox_wrap label:hover,
    #chatting_area.chat_thema_dark .chat_layer .contents .checkbox_wrap label:hover,
    #chatting_area.chat_theme_dark .chat_layer .contents .checkbox_wrap label:hover {
      background-color: #282828; }
  .thema_dark #chatting_area .chat_layer .contents .checkbox_wrap input:checked + label:before,
  .theme_dark #chatting_area .chat_layer .contents .checkbox_wrap input:checked + label:before,
  .smode #chatting_area .chat_layer .contents .checkbox_wrap input:checked + label:before,
  #chatting_area.chat_thema_dark .chat_layer .contents .checkbox_wrap input:checked + label:before,
  #chatting_area.chat_theme_dark .chat_layer .contents .checkbox_wrap input:checked + label:before {
    border-color: #7398ff; }
  .thema_dark #chatting_area .chat_layer .contents .checkbox_wrap input:checked + label:after,
  .theme_dark #chatting_area .chat_layer .contents .checkbox_wrap input:checked + label:after,
  .smode #chatting_area .chat_layer .contents .checkbox_wrap input:checked + label:after,
  #chatting_area.chat_thema_dark .chat_layer .contents .checkbox_wrap input:checked + label:after,
  #chatting_area.chat_theme_dark .chat_layer .contents .checkbox_wrap input:checked + label:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 15'%3e%3cpath fill-rule='evenodd' fill='%237398ff' d='M7.018 12.676l-4.75-4.15c-.374-.328-.942-.29-1.27.085-.326.374-.288.943.086 1.27l5.395 4.714c.361.315.906.292 1.24-.053l12.47-12.917c.345-.357.335-.927-.022-1.272-.358-.346-.927-.336-1.273.022l-11.876 12.3z'/%3e%3c/svg%3e"); }
  .thema_dark #chatting_area .chat_layer.list_participant .contents dl dt,
  .theme_dark #chatting_area .chat_layer.list_participant .contents dl dt,
  .smode #chatting_area .chat_layer.list_participant .contents dl dt,
  #chatting_area.chat_thema_dark .chat_layer.list_participant .contents dl dt,
  #chatting_area.chat_theme_dark .chat_layer.list_participant .contents dl dt {
    color: #aaa; }
  .thema_dark #chatting_area .chat_layer.list_participant .contents dl dd ul li span,
  .theme_dark #chatting_area .chat_layer.list_participant .contents dl dd ul li span,
  .smode #chatting_area .chat_layer.list_participant .contents dl dd ul li span,
  #chatting_area.chat_thema_dark .chat_layer.list_participant .contents dl dd ul li span,
  #chatting_area.chat_theme_dark .chat_layer.list_participant .contents dl dd ul li span {
    color: #707173; }
  .thema_dark #chatting_area .chat_layer.list_participant .contents dl dd ul li a:hover,
  .theme_dark #chatting_area .chat_layer.list_participant .contents dl dd ul li a:hover,
  .smode #chatting_area .chat_layer.list_participant .contents dl dd ul li a:hover,
  #chatting_area.chat_thema_dark .chat_layer.list_participant .contents dl dd ul li a:hover,
  #chatting_area.chat_theme_dark .chat_layer.list_participant .contents dl dd ul li a:hover {
    background-color: #282828; }
  .thema_dark #chatting_area .chat_layer.list_participant .contents dl + dl:after,
  .theme_dark #chatting_area .chat_layer.list_participant .contents dl + dl:after,
  .smode #chatting_area .chat_layer.list_participant .contents dl + dl:after,
  #chatting_area.chat_thema_dark .chat_layer.list_participant .contents dl + dl:after,
  #chatting_area.chat_theme_dark .chat_layer.list_participant .contents dl + dl:after {
    background-color: #2a2a2a; }
  .thema_dark #chatting_area .chat_layer.list_participant .none,
  .theme_dark #chatting_area .chat_layer.list_participant .none,
  .smode #chatting_area .chat_layer.list_participant .none,
  #chatting_area.chat_thema_dark .chat_layer.list_participant .none,
  #chatting_area.chat_theme_dark .chat_layer.list_participant .none {
    color: #8c8c8c; }
    .thema_dark #chatting_area .chat_layer.list_participant .none em,
    .theme_dark #chatting_area .chat_layer.list_participant .none em,
    .smode #chatting_area .chat_layer.list_participant .none em,
    #chatting_area.chat_thema_dark .chat_layer.list_participant .none em,
    #chatting_area.chat_theme_dark .chat_layer.list_participant .none em {
      color: #aaa; }
  .thema_dark #chatting_area .chat_layer.list_participant .loading,
  .theme_dark #chatting_area .chat_layer.list_participant .loading,
  .smode #chatting_area .chat_layer.list_participant .loading,
  #chatting_area.chat_thema_dark .chat_layer.list_participant .loading,
  #chatting_area.chat_theme_dark .chat_layer.list_participant .loading {
    background-color: #1c1c1c; }
    .thema_dark #chatting_area .chat_layer.list_participant .loading:after,
    .theme_dark #chatting_area .chat_layer.list_participant .loading:after,
    .smode #chatting_area .chat_layer.list_participant .loading:after,
    #chatting_area.chat_thema_dark .chat_layer.list_participant .loading:after,
    #chatting_area.chat_theme_dark .chat_layer.list_participant .loading:after {
      filter: invert(52%) sepia(100%) saturate(1308%) hue-rotate(202deg) brightness(106%) contrast(101%); }
  .thema_dark #chatting_area .chat_layer.list_participant .more,
  .theme_dark #chatting_area .chat_layer.list_participant .more,
  .smode #chatting_area .chat_layer.list_participant .more,
  #chatting_area.chat_thema_dark .chat_layer.list_participant .more,
  #chatting_area.chat_theme_dark .chat_layer.list_participant .more {
    background-color: #2a2a2a; }
    .thema_dark #chatting_area .chat_layer.list_participant .more:before,
    .theme_dark #chatting_area .chat_layer.list_participant .more:before,
    .smode #chatting_area .chat_layer.list_participant .more:before,
    #chatting_area.chat_thema_dark .chat_layer.list_participant .more:before,
    #chatting_area.chat_theme_dark .chat_layer.list_participant .more:before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 8'%3e%3cpath fill-rule='evenodd' fill='%23888' d='M1.39.544C1.138.33.76.358.544.61c-.215.252-.186.63.066.846l7.01 6c.225.192.557.192.781 0l6.99-6c.251-.217.28-.595.064-.847-.216-.251-.594-.28-.846-.064L8.01 6.21 1.39.544z'/%3e%3c/svg%3e"); }
  .thema_dark #chatting_area .chat_layer.list_participant .contents .effective_list .title:before,
  .theme_dark #chatting_area .chat_layer.list_participant .contents .effective_list .title:before,
  .smode #chatting_area .chat_layer.list_participant .contents .effective_list .title:before,
  #chatting_area.chat_thema_dark .chat_layer.list_participant .contents .effective_list .title:before,
  #chatting_area.chat_theme_dark .chat_layer.list_participant .contents .effective_list .title:before {
    background-color: #2a2a2a; }
  .thema_dark #chatting_area .chat_layer.setting_freeze .contents .setting_detail, .thema_dark #chatting_area .chat_layer.chatting_management .contents .setting_detail,
  .theme_dark #chatting_area .chat_layer.setting_freeze .contents .setting_detail,
  .theme_dark #chatting_area .chat_layer.chatting_management .contents .setting_detail,
  .smode #chatting_area .chat_layer.setting_freeze .contents .setting_detail,
  .smode #chatting_area .chat_layer.chatting_management .contents .setting_detail,
  #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents .setting_detail,
  #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents .setting_detail,
  #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents .setting_detail,
  #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents .setting_detail {
    background-color: #282828;
    color: #aaa; }
    .thema_dark #chatting_area .chat_layer.setting_freeze .contents .setting_detail:before, .thema_dark #chatting_area .chat_layer.chatting_management .contents .setting_detail:before,
    .theme_dark #chatting_area .chat_layer.setting_freeze .contents .setting_detail:before,
    .theme_dark #chatting_area .chat_layer.chatting_management .contents .setting_detail:before,
    .smode #chatting_area .chat_layer.setting_freeze .contents .setting_detail:before,
    .smode #chatting_area .chat_layer.chatting_management .contents .setting_detail:before,
    #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents .setting_detail:before,
    #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents .setting_detail:before,
    #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents .setting_detail:before,
    #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents .setting_detail:before {
      filter: invert(82%) sepia(8%) saturate(0%) hue-rotate(151deg) brightness(83%) contrast(88%); }
  .thema_dark #chatting_area .chat_layer.setting_freeze .contents p, .thema_dark #chatting_area .chat_layer.setting_freeze .contents p.description, .thema_dark #chatting_area .chat_layer.chatting_management .contents p, .thema_dark #chatting_area .chat_layer.chatting_management .contents p.description,
  .theme_dark #chatting_area .chat_layer.setting_freeze .contents p,
  .theme_dark #chatting_area .chat_layer.setting_freeze .contents p.description,
  .theme_dark #chatting_area .chat_layer.chatting_management .contents p,
  .theme_dark #chatting_area .chat_layer.chatting_management .contents p.description,
  .smode #chatting_area .chat_layer.setting_freeze .contents p,
  .smode #chatting_area .chat_layer.setting_freeze .contents p.description,
  .smode #chatting_area .chat_layer.chatting_management .contents p,
  .smode #chatting_area .chat_layer.chatting_management .contents p.description,
  #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents p,
  #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents p.description,
  #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents p,
  #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents p.description,
  #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents p,
  #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents p.description,
  #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents p,
  #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents p.description {
    color: #aaa; }
  .thema_dark #chatting_area .chat_layer.setting_freeze .contents p + span, .thema_dark #chatting_area .chat_layer.setting_freeze .contents p + span + span, .thema_dark #chatting_area .chat_layer.chatting_management .contents p + span, .thema_dark #chatting_area .chat_layer.chatting_management .contents p + span + span,
  .theme_dark #chatting_area .chat_layer.setting_freeze .contents p + span,
  .theme_dark #chatting_area .chat_layer.setting_freeze .contents p + span + span,
  .theme_dark #chatting_area .chat_layer.chatting_management .contents p + span,
  .theme_dark #chatting_area .chat_layer.chatting_management .contents p + span + span,
  .smode #chatting_area .chat_layer.setting_freeze .contents p + span,
  .smode #chatting_area .chat_layer.setting_freeze .contents p + span + span,
  .smode #chatting_area .chat_layer.chatting_management .contents p + span,
  .smode #chatting_area .chat_layer.chatting_management .contents p + span + span,
  #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents p + span,
  #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents p + span + span,
  #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents p + span,
  #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents p + span + span,
  #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents p + span,
  #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents p + span + span,
  #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents p + span,
  #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents p + span + span {
    color: #666; }
  .thema_dark #chatting_area .chat_layer.setting_freeze .contents > div:not(.chat_lowspeed) button:not(.setting_detail),
  .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dd button, .thema_dark #chatting_area .chat_layer.chatting_management .contents > div:not(.chat_lowspeed) button:not(.setting_detail),
  .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dd button,
  .theme_dark #chatting_area .chat_layer.setting_freeze .contents > div:not(.chat_lowspeed) button:not(.setting_detail),
  .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dd button,
  .theme_dark #chatting_area .chat_layer.chatting_management .contents > div:not(.chat_lowspeed) button:not(.setting_detail),
  .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dd button,
  .smode #chatting_area .chat_layer.setting_freeze .contents > div:not(.chat_lowspeed) button:not(.setting_detail),
  .smode #chatting_area .chat_layer.setting_freeze .contents dl dd button,
  .smode #chatting_area .chat_layer.chatting_management .contents > div:not(.chat_lowspeed) button:not(.setting_detail),
  .smode #chatting_area .chat_layer.chatting_management .contents dl dd button,
  #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents > div:not(.chat_lowspeed) button:not(.setting_detail),
  #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dd button,
  #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents > div:not(.chat_lowspeed) button:not(.setting_detail),
  #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dd button,
  #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents > div:not(.chat_lowspeed) button:not(.setting_detail),
  #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dd button,
  #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents > div:not(.chat_lowspeed) button:not(.setting_detail),
  #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dd button {
    border-color: #555;
    color: #fff; }
    .thema_dark #chatting_area .chat_layer.setting_freeze .contents > div:not(.chat_lowspeed) button:not(.setting_detail).on,
    .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dd button.on, .thema_dark #chatting_area .chat_layer.chatting_management .contents > div:not(.chat_lowspeed) button:not(.setting_detail).on,
    .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dd button.on,
    .theme_dark #chatting_area .chat_layer.setting_freeze .contents > div:not(.chat_lowspeed) button:not(.setting_detail).on,
    .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dd button.on,
    .theme_dark #chatting_area .chat_layer.chatting_management .contents > div:not(.chat_lowspeed) button:not(.setting_detail).on,
    .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dd button.on,
    .smode #chatting_area .chat_layer.setting_freeze .contents > div:not(.chat_lowspeed) button:not(.setting_detail).on,
    .smode #chatting_area .chat_layer.setting_freeze .contents dl dd button.on,
    .smode #chatting_area .chat_layer.chatting_management .contents > div:not(.chat_lowspeed) button:not(.setting_detail).on,
    .smode #chatting_area .chat_layer.chatting_management .contents dl dd button.on,
    #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents > div:not(.chat_lowspeed) button:not(.setting_detail).on,
    #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dd button.on,
    #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents > div:not(.chat_lowspeed) button:not(.setting_detail).on,
    #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dd button.on,
    #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents > div:not(.chat_lowspeed) button:not(.setting_detail).on,
    #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dd button.on,
    #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents > div:not(.chat_lowspeed) button:not(.setting_detail).on,
    #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dd button.on {
      border-color: #282828;
      background-color: #282828; }
  .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dt span, .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dt span,
  .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dt span,
  .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dt span,
  .smode #chatting_area .chat_layer.setting_freeze .contents dl dt span,
  .smode #chatting_area .chat_layer.chatting_management .contents dl dt span,
  #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dt span,
  #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dt span,
  #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dt span,
  #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dt span {
    color: #eee; }
  .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dt .tip em, .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dt .tip em,
  .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dt .tip em,
  .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dt .tip em,
  .smode #chatting_area .chat_layer.setting_freeze .contents dl dt .tip em,
  .smode #chatting_area .chat_layer.chatting_management .contents dl dt .tip em,
  #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dt .tip em,
  #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dt .tip em,
  #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dt .tip em,
  #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dt .tip em {
    background-color: #282828; }
    .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dt .tip em:before, .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dt .tip em:before,
    .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dt .tip em:before,
    .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dt .tip em:before,
    .smode #chatting_area .chat_layer.setting_freeze .contents dl dt .tip em:before,
    .smode #chatting_area .chat_layer.chatting_management .contents dl dt .tip em:before,
    #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dt .tip em:before,
    #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dt .tip em:before,
    #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dt .tip em:before,
    #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dt .tip em:before {
      filter: invert(70%) sepia(23%) saturate(0%) hue-rotate(150deg) brightness(85%) contrast(81%); }
  .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dt .tip div, .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dt .tip div,
  .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dt .tip div,
  .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dt .tip div,
  .smode #chatting_area .chat_layer.setting_freeze .contents dl dt .tip div,
  .smode #chatting_area .chat_layer.chatting_management .contents dl dt .tip div,
  #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dt .tip div,
  #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dt .tip div,
  #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dt .tip div,
  #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dt .tip div {
    background-color: rgba(115, 152, 255, 0.9); }
    .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dt .tip div:before, .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dt .tip div:before,
    .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dt .tip div:before,
    .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dt .tip div:before,
    .smode #chatting_area .chat_layer.setting_freeze .contents dl dt .tip div:before,
    .smode #chatting_area .chat_layer.chatting_management .contents dl dt .tip div:before,
    #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dt .tip div:before,
    #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dt .tip div:before,
    #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dt .tip div:before,
    #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dt .tip div:before {
      border-top-color: rgba(115, 152, 255, 0.9); }
    .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dt .tip div P, .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dt .tip div P,
    .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dt .tip div P,
    .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dt .tip div P,
    .smode #chatting_area .chat_layer.setting_freeze .contents dl dt .tip div P,
    .smode #chatting_area .chat_layer.chatting_management .contents dl dt .tip div P,
    #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dt .tip div P,
    #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dt .tip div P,
    #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dt .tip div P,
    #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dt .tip div P {
      color: #fff; }
  .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dd ul li label, .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dd ul li label,
  .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dd ul li label,
  .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dd ul li label,
  .smode #chatting_area .chat_layer.setting_freeze .contents dl dd ul li label,
  .smode #chatting_area .chat_layer.chatting_management .contents dl dd ul li label,
  #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dd ul li label,
  #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dd ul li label,
  #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dd ul li label,
  #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dd ul li label {
    color: #666; }
    .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dd ul li label:before, .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dd ul li label:before,
    .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dd ul li label:before,
    .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dd ul li label:before,
    .smode #chatting_area .chat_layer.setting_freeze .contents dl dd ul li label:before,
    .smode #chatting_area .chat_layer.chatting_management .contents dl dd ul li label:before,
    #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dd ul li label:before,
    #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dd ul li label:before,
    #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dd ul li label:before,
    #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dd ul li label:before {
      border-color: #555; }
  .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dd ul li input:checked + label:before, .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dd ul li input:checked + label:before,
  .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dd ul li input:checked + label:before,
  .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dd ul li input:checked + label:before,
  .smode #chatting_area .chat_layer.setting_freeze .contents dl dd ul li input:checked + label:before,
  .smode #chatting_area .chat_layer.chatting_management .contents dl dd ul li input:checked + label:before,
  #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dd ul li input:checked + label:before,
  #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dd ul li input:checked + label:before,
  #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dd ul li input:checked + label:before,
  #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dd ul li input:checked + label:before {
    border-color: #7398ff; }
  .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dd ul li input:checked + label:after, .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dd ul li input:checked + label:after,
  .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dd ul li input:checked + label:after,
  .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dd ul li input:checked + label:after,
  .smode #chatting_area .chat_layer.setting_freeze .contents dl dd ul li input:checked + label:after,
  .smode #chatting_area .chat_layer.chatting_management .contents dl dd ul li input:checked + label:after,
  #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dd ul li input:checked + label:after,
  #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dd ul li input:checked + label:after,
  #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dd ul li input:checked + label:after,
  #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dd ul li input:checked + label:after {
    filter: invert(47%) sepia(92%) saturate(900%) hue-rotate(203deg) brightness(106%) contrast(102%); }
  .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .btn_increase, .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dd .btn_increase,
  .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .btn_increase,
  .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dd .btn_increase,
  .smode #chatting_area .chat_layer.setting_freeze .contents dl dd .btn_increase,
  .smode #chatting_area .chat_layer.chatting_management .contents dl dd .btn_increase,
  #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dd .btn_increase,
  #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dd .btn_increase,
  #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dd .btn_increase,
  #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dd .btn_increase {
    background-color: #1c1c1c; }
    .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .btn_increase button, .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dd .btn_increase button,
    .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .btn_increase button,
    .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dd .btn_increase button,
    .smode #chatting_area .chat_layer.setting_freeze .contents dl dd .btn_increase button,
    .smode #chatting_area .chat_layer.chatting_management .contents dl dd .btn_increase button,
    #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dd .btn_increase button,
    #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dd .btn_increase button,
    #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dd .btn_increase button,
    #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dd .btn_increase button {
      color: #c5c5c5;
      border-color: #333; }
      .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .btn_increase button:active, .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dd .btn_increase button:active,
      .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .btn_increase button:active,
      .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dd .btn_increase button:active,
      .smode #chatting_area .chat_layer.setting_freeze .contents dl dd .btn_increase button:active,
      .smode #chatting_area .chat_layer.chatting_management .contents dl dd .btn_increase button:active,
      #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dd .btn_increase button:active,
      #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dd .btn_increase button:active,
      #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dd .btn_increase button:active,
      #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dd .btn_increase button:active {
        border-color: #7398ff;
        color: #7398ff; }
  .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator, .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dd .calculator,
  .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator,
  .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dd .calculator,
  .smode #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator,
  .smode #chatting_area .chat_layer.chatting_management .contents dl dd .calculator,
  #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dd .calculator,
  #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dd .calculator,
  #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dd .calculator,
  #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dd .calculator {
    background-color: #1c1c1c; }
    .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator input, .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dd .calculator input,
    .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator input,
    .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dd .calculator input,
    .smode #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator input,
    .smode #chatting_area .chat_layer.chatting_management .contents dl dd .calculator input,
    #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dd .calculator input,
    #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dd .calculator input,
    #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dd .calculator input,
    #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dd .calculator input {
      background-color: #1c1c1c;
      border-color: #333; }
    .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator input, .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator label, .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dd .calculator input, .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dd .calculator label,
    .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator input,
    .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator label,
    .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dd .calculator input,
    .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dd .calculator label,
    .smode #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator input,
    .smode #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator label,
    .smode #chatting_area .chat_layer.chatting_management .contents dl dd .calculator input,
    .smode #chatting_area .chat_layer.chatting_management .contents dl dd .calculator label,
    #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dd .calculator input,
    #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dd .calculator label,
    #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dd .calculator input,
    #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dd .calculator label,
    #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dd .calculator input,
    #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dd .calculator label,
    #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dd .calculator input,
    #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dd .calculator label {
      color: #c5c5c5; }
    .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator button, .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dd .calculator button,
    .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator button,
    .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dd .calculator button,
    .smode #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator button,
    .smode #chatting_area .chat_layer.chatting_management .contents dl dd .calculator button,
    #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dd .calculator button,
    #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dd .calculator button,
    #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dd .calculator button,
    #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dd .calculator button {
      border-color: #333;
      background-color: #171717; }
      .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator button:before, .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator button:after, .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dd .calculator button:before, .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dd .calculator button:after,
      .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator button:before,
      .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator button:after,
      .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dd .calculator button:before,
      .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dd .calculator button:after,
      .smode #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator button:before,
      .smode #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator button:after,
      .smode #chatting_area .chat_layer.chatting_management .contents dl dd .calculator button:before,
      .smode #chatting_area .chat_layer.chatting_management .contents dl dd .calculator button:after,
      #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dd .calculator button:before,
      #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dd .calculator button:after,
      #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dd .calculator button:before,
      #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dd .calculator button:after,
      #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dd .calculator button:before,
      #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dd .calculator button:after,
      #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dd .calculator button:before,
      #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dd .calculator button:after {
        background-color: #828282; }
      .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator button:active, .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dd .calculator button:active,
      .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator button:active,
      .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dd .calculator button:active,
      .smode #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator button:active,
      .smode #chatting_area .chat_layer.chatting_management .contents dl dd .calculator button:active,
      #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dd .calculator button:active,
      #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dd .calculator button:active,
      #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dd .calculator button:active,
      #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dd .calculator button:active {
        border-color: #7398ff; }
        .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator button:active:before, .thema_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator button:active:after, .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dd .calculator button:active:before, .thema_dark #chatting_area .chat_layer.chatting_management .contents dl dd .calculator button:active:after,
        .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator button:active:before,
        .theme_dark #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator button:active:after,
        .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dd .calculator button:active:before,
        .theme_dark #chatting_area .chat_layer.chatting_management .contents dl dd .calculator button:active:after,
        .smode #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator button:active:before,
        .smode #chatting_area .chat_layer.setting_freeze .contents dl dd .calculator button:active:after,
        .smode #chatting_area .chat_layer.chatting_management .contents dl dd .calculator button:active:before,
        .smode #chatting_area .chat_layer.chatting_management .contents dl dd .calculator button:active:after,
        #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dd .calculator button:active:before,
        #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents dl dd .calculator button:active:after,
        #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dd .calculator button:active:before,
        #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents dl dd .calculator button:active:after,
        #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dd .calculator button:active:before,
        #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents dl dd .calculator button:active:after,
        #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dd .calculator button:active:before,
        #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents dl dd .calculator button:active:after {
          background-color: #7398ff; }
  .thema_dark #chatting_area .chat_layer.setting_freeze .contents .btn_wrap button, .thema_dark #chatting_area .chat_layer.chatting_management .contents .btn_wrap button,
  .theme_dark #chatting_area .chat_layer.setting_freeze .contents .btn_wrap button,
  .theme_dark #chatting_area .chat_layer.chatting_management .contents .btn_wrap button,
  .smode #chatting_area .chat_layer.setting_freeze .contents .btn_wrap button,
  .smode #chatting_area .chat_layer.chatting_management .contents .btn_wrap button,
  #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents .btn_wrap button,
  #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents .btn_wrap button,
  #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents .btn_wrap button,
  #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents .btn_wrap button {
    border-color: #555;
    color: #fff; }
    .thema_dark #chatting_area .chat_layer.setting_freeze .contents .btn_wrap button + button, .thema_dark #chatting_area .chat_layer.chatting_management .contents .btn_wrap button + button,
    .theme_dark #chatting_area .chat_layer.setting_freeze .contents .btn_wrap button + button,
    .theme_dark #chatting_area .chat_layer.chatting_management .contents .btn_wrap button + button,
    .smode #chatting_area .chat_layer.setting_freeze .contents .btn_wrap button + button,
    .smode #chatting_area .chat_layer.chatting_management .contents .btn_wrap button + button,
    #chatting_area.chat_thema_dark .chat_layer.setting_freeze .contents .btn_wrap button + button,
    #chatting_area.chat_thema_dark .chat_layer.chatting_management .contents .btn_wrap button + button,
    #chatting_area.chat_theme_dark .chat_layer.setting_freeze .contents .btn_wrap button + button,
    #chatting_area.chat_theme_dark .chat_layer.chatting_management .contents .btn_wrap button + button {
      border-color: #282828;
      background-color: #282828; }
  .thema_dark #chatting_area .chat_layer .chat_lowspeed:before,
  .theme_dark #chatting_area .chat_layer .chat_lowspeed:before,
  .smode #chatting_area .chat_layer .chat_lowspeed:before,
  #chatting_area.chat_thema_dark .chat_layer .chat_lowspeed:before,
  #chatting_area.chat_theme_dark .chat_layer .chat_lowspeed:before {
    background-color: #2a2a2a; }
  .thema_dark #chatting_area .chat_layer .chat_lowspeed dd:hover .unit .handler,
  .theme_dark #chatting_area .chat_layer .chat_lowspeed dd:hover .unit .handler,
  .smode #chatting_area .chat_layer .chat_lowspeed dd:hover .unit .handler,
  #chatting_area.chat_thema_dark .chat_layer .chat_lowspeed dd:hover .unit .handler,
  #chatting_area.chat_theme_dark .chat_layer .chat_lowspeed dd:hover .unit .handler {
    border-color: #7398ff; }
  .thema_dark #chatting_area .chat_layer .chat_lowspeed .unit,
  .theme_dark #chatting_area .chat_layer .chat_lowspeed .unit,
  .smode #chatting_area .chat_layer .chat_lowspeed .unit,
  #chatting_area.chat_thema_dark .chat_layer .chat_lowspeed .unit,
  #chatting_area.chat_theme_dark .chat_layer .chat_lowspeed .unit {
    background-color: #2a2a2a; }
    .thema_dark #chatting_area .chat_layer .chat_lowspeed .unit + ol li span,
    .theme_dark #chatting_area .chat_layer .chat_lowspeed .unit + ol li span,
    .smode #chatting_area .chat_layer .chat_lowspeed .unit + ol li span,
    #chatting_area.chat_thema_dark .chat_layer .chat_lowspeed .unit + ol li span,
    #chatting_area.chat_theme_dark .chat_layer .chat_lowspeed .unit + ol li span {
      color: #666; }
    .thema_dark #chatting_area .chat_layer .chat_lowspeed .unit + ol li:first-child span,
    .theme_dark #chatting_area .chat_layer .chat_lowspeed .unit + ol li:first-child span,
    .smode #chatting_area .chat_layer .chat_lowspeed .unit + ol li:first-child span,
    #chatting_area.chat_thema_dark .chat_layer .chat_lowspeed .unit + ol li:first-child span,
    #chatting_area.chat_theme_dark .chat_layer .chat_lowspeed .unit + ol li:first-child span {
      color: #fff; }
    .thema_dark #chatting_area .chat_layer .chat_lowspeed .unit + ol li:not(:first-child, :last-child):before,
    .theme_dark #chatting_area .chat_layer .chat_lowspeed .unit + ol li:not(:first-child, :last-child):before,
    .smode #chatting_area .chat_layer .chat_lowspeed .unit + ol li:not(:first-child, :last-child):before,
    #chatting_area.chat_thema_dark .chat_layer .chat_lowspeed .unit + ol li:not(:first-child, :last-child):before,
    #chatting_area.chat_theme_dark .chat_layer .chat_lowspeed .unit + ol li:not(:first-child, :last-child):before {
      background-color: #2a2a2a; }
  .thema_dark #chatting_area .chat_layer .chat_lowspeed .ProgressBar,
  .theme_dark #chatting_area .chat_layer .chat_lowspeed .ProgressBar,
  .smode #chatting_area .chat_layer .chat_lowspeed .ProgressBar,
  #chatting_area.chat_thema_dark .chat_layer .chat_lowspeed .ProgressBar,
  #chatting_area.chat_theme_dark .chat_layer .chat_lowspeed .ProgressBar {
    background-color: #7398ff; }
    .thema_dark #chatting_area .chat_layer .chat_lowspeed .ProgressBar button,
    .theme_dark #chatting_area .chat_layer .chat_lowspeed .ProgressBar button,
    .smode #chatting_area .chat_layer .chat_lowspeed .ProgressBar button,
    #chatting_area.chat_thema_dark .chat_layer .chat_lowspeed .ProgressBar button,
    #chatting_area.chat_theme_dark .chat_layer .chat_lowspeed .ProgressBar button {
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.8); }
  .thema_dark #chatting_area .chat_layer .chat_lowspeed > button,
  .theme_dark #chatting_area .chat_layer .chat_lowspeed > button,
  .smode #chatting_area .chat_layer .chat_lowspeed > button,
  #chatting_area.chat_thema_dark .chat_layer .chat_lowspeed > button,
  #chatting_area.chat_theme_dark .chat_layer .chat_lowspeed > button {
    background-color: #282828;
    color: rgba(255, 255, 255, 0.2); }
    .thema_dark #chatting_area .chat_layer .chat_lowspeed > button.on,
    .theme_dark #chatting_area .chat_layer .chat_lowspeed > button.on,
    .smode #chatting_area .chat_layer .chat_lowspeed > button.on,
    #chatting_area.chat_thema_dark .chat_layer .chat_lowspeed > button.on,
    #chatting_area.chat_theme_dark .chat_layer .chat_lowspeed > button.on {
      background-color: #7398ff;
      color: #fff; }
.thema_dark #chatting_area .area_header .chat_move,
.theme_dark #chatting_area .area_header .chat_move,
.smode #chatting_area .area_header .chat_move,
#chatting_area.chat_thema_dark .area_header .chat_move,
#chatting_area.chat_theme_dark .area_header .chat_move {
  border-color: #666; }
  .thema_dark #chatting_area .area_header .chat_move:before,
  .theme_dark #chatting_area .area_header .chat_move:before,
  .smode #chatting_area .area_header .chat_move:before,
  #chatting_area.chat_thema_dark .area_header .chat_move:before,
  #chatting_area.chat_theme_dark .area_header .chat_move:before {
    background-color: #666; }
  .thema_dark #chatting_area .area_header .chat_move:hover,
  .theme_dark #chatting_area .area_header .chat_move:hover,
  .smode #chatting_area .area_header .chat_move:hover,
  #chatting_area.chat_thema_dark .area_header .chat_move:hover,
  #chatting_area.chat_theme_dark .area_header .chat_move:hover {
    border-color: #7398ff; }
    .thema_dark #chatting_area .area_header .chat_move:hover:before,
    .theme_dark #chatting_area .area_header .chat_move:hover:before,
    .smode #chatting_area .area_header .chat_move:hover:before,
    #chatting_area.chat_thema_dark .area_header .chat_move:hover:before,
    #chatting_area.chat_theme_dark .area_header .chat_move:hover:before {
      background-color: #7398ff; }
.thema_dark #chatting_area .area_header ul li.refresh.off a,
.theme_dark #chatting_area .area_header ul li.refresh.off a,
.smode #chatting_area .area_header ul li.refresh.off a,
#chatting_area.chat_thema_dark .area_header ul li.refresh.off a,
#chatting_area.chat_theme_dark .area_header ul li.refresh.off a {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M8.646 4.554v4.222a.5.5 0 0 1-.992.09l-.008-.09v-2.57C5.843 7.335 4.76 9.41 4.912 11.632c.222 3.241 2.973 5.681 6.14 5.455a.5.5 0 1 1 .072.998c-3.724.265-6.95-2.595-7.21-6.384A6.926 6.926 0 0 1 6.82 5.554H4.498a.5.5 0 0 1-.492-.41l-.008-.09a.5.5 0 0 1 .41-.492l.09-.008h4.148zm9.44 5.767a6.934 6.934 0 0 1-2.615 5.93h2.216a.5.5 0 0 1 .492.41l.008.09a.5.5 0 0 1-.41.492l-.09.008h-4.148v-4.222a.5.5 0 0 1 .992-.09l.008.09v2.665c1.692-1.152 2.696-3.16 2.549-5.305-.222-3.24-2.973-5.68-6.14-5.455a.5.5 0 1 1-.072-.997c3.724-.266 6.95 2.595 7.21 6.384z' fill='%23444444'/%3e%3c/svg%3e") !important; }
.thema_dark #chatting_area .layer_context_wrap,
.theme_dark #chatting_area .layer_context_wrap,
.smode #chatting_area .layer_context_wrap,
#chatting_area.chat_thema_dark .layer_context_wrap,
#chatting_area.chat_theme_dark .layer_context_wrap {
  border-color: #2a2a2a;
  background-color: #1c1c1c;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.3); }
.thema_dark #chatting_area .layer_context_v2,
.theme_dark #chatting_area .layer_context_v2,
.smode #chatting_area .layer_context_v2,
#chatting_area.chat_thema_dark .layer_context_v2,
#chatting_area.chat_theme_dark .layer_context_v2 {
  border-color: #2a2a2a;
  background-color: #1c1c1c; }
  .thema_dark #chatting_area .layer_context_v2 > a span,
  .theme_dark #chatting_area .layer_context_v2 > a span,
  .smode #chatting_area .layer_context_v2 > a span,
  #chatting_area.chat_thema_dark .layer_context_v2 > a span,
  #chatting_area.chat_theme_dark .layer_context_v2 > a span {
    color: #7398ff !important; }
    .thema_dark #chatting_area .layer_context_v2 > a span + span,
    .theme_dark #chatting_area .layer_context_v2 > a span + span,
    .smode #chatting_area .layer_context_v2 > a span + span,
    #chatting_area.chat_thema_dark .layer_context_v2 > a span + span,
    #chatting_area.chat_theme_dark .layer_context_v2 > a span + span {
      color: #707173 !important; }
  .thema_dark #chatting_area .layer_context_v2 > a em,
  .theme_dark #chatting_area .layer_context_v2 > a em,
  .smode #chatting_area .layer_context_v2 > a em,
  #chatting_area.chat_thema_dark .layer_context_v2 > a em,
  #chatting_area.chat_theme_dark .layer_context_v2 > a em {
    background-color: #2f2f2f; }
  .thema_dark #chatting_area .layer_context_v2 ul:before,
  .theme_dark #chatting_area .layer_context_v2 ul:before,
  .smode #chatting_area .layer_context_v2 ul:before,
  #chatting_area.chat_thema_dark .layer_context_v2 ul:before,
  #chatting_area.chat_theme_dark .layer_context_v2 ul:before {
    background-color: #2a2a2a; }
  .thema_dark #chatting_area .layer_context_v2 a,
  .theme_dark #chatting_area .layer_context_v2 a,
  .smode #chatting_area .layer_context_v2 a,
  #chatting_area.chat_thema_dark .layer_context_v2 a,
  #chatting_area.chat_theme_dark .layer_context_v2 a {
    color: #aaa !important; }
  .thema_dark #chatting_area .layer_context_v2 ul li a:hover,
  .theme_dark #chatting_area .layer_context_v2 ul li a:hover,
  .smode #chatting_area .layer_context_v2 ul li a:hover,
  #chatting_area.chat_thema_dark .layer_context_v2 ul li a:hover,
  #chatting_area.chat_theme_dark .layer_context_v2 ul li a:hover {
    background-color: #282828; }
  .thema_dark #chatting_area .layer_context_v2 a.history_back,
  .theme_dark #chatting_area .layer_context_v2 a.history_back,
  .smode #chatting_area .layer_context_v2 a.history_back,
  #chatting_area.chat_thema_dark .layer_context_v2 a.history_back,
  #chatting_area.chat_theme_dark .layer_context_v2 a.history_back {
    color: #eee !important; }
.thema_dark #chatting_area .chat_move_wrap .tooltip,
.theme_dark #chatting_area .chat_move_wrap .tooltip,
.smode #chatting_area .chat_move_wrap .tooltip,
#chatting_area.chat_thema_dark .chat_move_wrap .tooltip,
#chatting_area.chat_theme_dark .chat_move_wrap .tooltip {
  background-color: #6b85ce; }
  .thema_dark #chatting_area .chat_move_wrap .tooltip:before,
  .theme_dark #chatting_area .chat_move_wrap .tooltip:before,
  .smode #chatting_area .chat_move_wrap .tooltip:before,
  #chatting_area.chat_thema_dark .chat_move_wrap .tooltip:before,
  #chatting_area.chat_theme_dark .chat_move_wrap .tooltip:before {
    border-bottom-color: #6b85ce; }
.thema_dark #chatting_area .chat_move_wrap p,
.theme_dark #chatting_area .chat_move_wrap p,
.smode #chatting_area .chat_move_wrap p,
#chatting_area.chat_thema_dark .chat_move_wrap p,
#chatting_area.chat_theme_dark .chat_move_wrap p {
  color: #fff; }
.thema_dark #chatting_area .chat_move_wrap .close,
.theme_dark #chatting_area .chat_move_wrap .close,
.smode #chatting_area .chat_move_wrap .close,
#chatting_area.chat_thema_dark .chat_move_wrap .close,
#chatting_area.chat_theme_dark .chat_move_wrap .close {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L11 10.293l5.646-5.647a.5.5 0 0 1 .765.638l-.057.07L11.707 11l5.647 5.646.057.07a.5.5 0 0 1-.765.638L11 11.707l-5.646 5.647a.5.5 0 0 1-.765-.638l.057-.07L10.293 11 4.646 5.354l-.057-.07a.5.5 0 0 1 .057-.638z' fill='%23ffffff'/%3e%3c/svg%3e"); }
.thema_dark #chatting_area .chat_scroll_down button,
.theme_dark #chatting_area .chat_scroll_down button,
.smode #chatting_area .chat_scroll_down button,
#chatting_area.chat_thema_dark .chat_scroll_down button,
#chatting_area.chat_theme_dark .chat_scroll_down button {
  background-color: #6b85cf;
  box-shadow: 0 4px 4px #fafafa29; }
.thema_dark #chatting_area .gift_box,
.theme_dark #chatting_area .gift_box,
.smode #chatting_area .gift_box,
#chatting_area.chat_thema_dark .gift_box,
#chatting_area.chat_theme_dark .gift_box {
  color: #1b1b1c;
  background-color: #1b1b1c;
  border: 1px solid #333; }
  .thema_dark #chatting_area .gift_box .text,
  .theme_dark #chatting_area .gift_box .text,
  .smode #chatting_area .gift_box .text,
  #chatting_area.chat_thema_dark .gift_box .text,
  #chatting_area.chat_theme_dark .gift_box .text {
    color: #e5e5e5; }
    .thema_dark #chatting_area .gift_box .text em.count,
    .theme_dark #chatting_area .gift_box .text em.count,
    .smode #chatting_area .gift_box .text em.count,
    #chatting_area.chat_thema_dark .gift_box .text em.count,
    #chatting_area.chat_theme_dark .gift_box .text em.count {
      color: #7398ff; }
.thema_dark #chatting_area .chat_alert,
.theme_dark #chatting_area .chat_alert,
.smode #chatting_area .chat_alert,
#chatting_area.chat_thema_dark .chat_alert,
#chatting_area.chat_theme_dark .chat_alert {
  background-color: #1b1b1c;
  border: solid 1px #1b1b1c; }
  .thema_dark #chatting_area .chat_alert .chat_alert_footer button,
  .theme_dark #chatting_area .chat_alert .chat_alert_footer button,
  .smode #chatting_area .chat_alert .chat_alert_footer button,
  #chatting_area.chat_thema_dark .chat_alert .chat_alert_footer button,
  #chatting_area.chat_theme_dark .chat_alert .chat_alert_footer button {
    color: #999;
    border-color: #333333;
    background-color: #1b1b1c; }
  .thema_dark #chatting_area .chat_alert.chat_low p,
  .theme_dark #chatting_area .chat_alert.chat_low p,
  .smode #chatting_area .chat_alert.chat_low p,
  #chatting_area.chat_thema_dark .chat_alert.chat_low p,
  #chatting_area.chat_theme_dark .chat_alert.chat_low p {
    color: #e5e5e5; }
  .thema_dark #chatting_area .chat_alert.chat_low .count,
  .theme_dark #chatting_area .chat_alert.chat_low .count,
  .smode #chatting_area .chat_alert.chat_low .count,
  #chatting_area.chat_thema_dark .chat_alert.chat_low .count,
  #chatting_area.chat_theme_dark .chat_alert.chat_low .count {
    color: #e5e5e5; }
.thema_dark #chatting_area .ic_lowspeed,
.theme_dark #chatting_area .ic_lowspeed,
.smode #chatting_area .ic_lowspeed,
#chatting_area.chat_thema_dark .ic_lowspeed,
#chatting_area.chat_theme_dark .ic_lowspeed {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
  background-color: #222; }
  .thema_dark #chatting_area .ic_lowspeed:before,
  .theme_dark #chatting_area .ic_lowspeed:before,
  .smode #chatting_area .ic_lowspeed:before,
  #chatting_area.chat_thema_dark .ic_lowspeed:before,
  #chatting_area.chat_theme_dark .ic_lowspeed:before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16'%3e%3cg fill='none' fill-rule='evenodd'%3e%3ccircle cx='7' cy='8.937' r='5.929' stroke='%23999'/%3e%3crect width='1' height='4.5' x='6.541' y='5.171' fill='%23999' rx='.5'/%3e%3crect width='5.143' height='1.286' x='4.429' y='.543' fill='%23999' rx='.5'/%3e%3c/g%3e%3c/svg%3e"); }
  .thema_dark #chatting_area .ic_lowspeed span,
  .theme_dark #chatting_area .ic_lowspeed span,
  .smode #chatting_area .ic_lowspeed span,
  #chatting_area.chat_thema_dark .ic_lowspeed span,
  #chatting_area.chat_theme_dark .ic_lowspeed span {
    color: #999; }
.thema_dark #chatting_area .actionbox .chat_write.lowspeed .write_area:empty + button:before,
.theme_dark #chatting_area .actionbox .chat_write.lowspeed .write_area:empty + button:before,
.smode #chatting_area .actionbox .chat_write.lowspeed .write_area:empty + button:before,
#chatting_area.chat_thema_dark .actionbox .chat_write.lowspeed .write_area:empty + button:before,
#chatting_area.chat_theme_dark .actionbox .chat_write.lowspeed .write_area:empty + button:before {
  color: #fff; }
.thema_dark #chatting_area .actionbox .chat_write.lowspeed .write_area + button:before,
.theme_dark #chatting_area .actionbox .chat_write.lowspeed .write_area + button:before,
.smode #chatting_area .actionbox .chat_write.lowspeed .write_area + button:before,
#chatting_area.chat_thema_dark .actionbox .chat_write.lowspeed .write_area + button:before,
#chatting_area.chat_theme_dark .actionbox .chat_write.lowspeed .write_area + button:before {
  color: #999; }
.thema_dark #chatting_area .g1q, .thema_dark #chatting_area .g2q,
.theme_dark #chatting_area .g1q,
.theme_dark #chatting_area .g2q,
.smode #chatting_area .g1q,
.smode #chatting_area .g2q,
#chatting_area.chat_thema_dark .g1q,
#chatting_area.chat_thema_dark .g2q,
#chatting_area.chat_theme_dark .g1q,
#chatting_area.chat_theme_dark .g2q {
  border-color: #393939; }
  .thema_dark #chatting_area .g1q p, .thema_dark #chatting_area .g2q p,
  .theme_dark #chatting_area .g1q p,
  .theme_dark #chatting_area .g2q p,
  .smode #chatting_area .g1q p,
  .smode #chatting_area .g2q p,
  #chatting_area.chat_thema_dark .g1q p,
  #chatting_area.chat_thema_dark .g2q p,
  #chatting_area.chat_theme_dark .g1q p,
  #chatting_area.chat_theme_dark .g2q p {
    color: #fff; }
  .thema_dark #chatting_area .g1q a, .thema_dark #chatting_area .g2q a,
  .theme_dark #chatting_area .g1q a,
  .theme_dark #chatting_area .g2q a,
  .smode #chatting_area .g1q a,
  .smode #chatting_area .g2q a,
  #chatting_area.chat_thema_dark .g1q a,
  #chatting_area.chat_thema_dark .g2q a,
  #chatting_area.chat_theme_dark .g1q a,
  #chatting_area.chat_theme_dark .g2q a {
    background-color: #202533; }
  .thema_dark #chatting_area .g1q.goal_2 a, .thema_dark #chatting_area .g2q.goal_2 a,
  .theme_dark #chatting_area .g1q.goal_2 a,
  .theme_dark #chatting_area .g2q.goal_2 a,
  .smode #chatting_area .g1q.goal_2 a,
  .smode #chatting_area .g2q.goal_2 a,
  #chatting_area.chat_thema_dark .g1q.goal_2 a,
  #chatting_area.chat_thema_dark .g2q.goal_2 a,
  #chatting_area.chat_theme_dark .g1q.goal_2 a,
  #chatting_area.chat_theme_dark .g2q.goal_2 a {
    background-color: #2d1c1d; }
@media (max-width: 920px) {
  .thema_dark #chatting_area.vod .area_header > ul .set,
  .theme_dark #chatting_area.vod .area_header > ul .set,
  .smode #chatting_area.vod .area_header > ul .set,
  #chatting_area.chat_thema_dark.vod .area_header > ul .set,
  #chatting_area.chat_theme_dark.vod .area_header > ul .set {
    background-color: #151515 !important;
    border-color: #1e1e1f !important; } }

#emoticonBox {
  position: relative;
  overflow: hidden;
  width: 246px;
  height: 292px;
  border: 1px solid #898687;
  background: #fff;
  z-index: 100; }
  #emoticonBox img {
    border: none; }
  #emoticonBox h1 {
    height: 30px;
    line-height: 32px;
    text-align: center;
    border-bottom: 1px solid #d7d7d7;
    color: #434343;
    font-weight: bold;
    font-size: 12px; }
  #emoticonBox .tab_area {
    height: 30px;
    border-bottom: 1px solid #d7d7d7; }
    #emoticonBox .tab_area ul {
      overflow: hidden; }
      #emoticonBox .tab_area ul li {
        float: left;
        font-family: 'NGB'; }
        #emoticonBox .tab_area ul li a {
          display: block;
          padding: 0 15px;
          line-height: 30px;
          height: 30px;
          color: #000;
          text-decoration: none; }
        #emoticonBox .tab_area ul li.on a {
          padding: 0 15px;
          height: 29px;
          border-bottom: 2px solid #3d82f7;
          color: #3d82f7; }
  #emoticonBox .scroll_area {
    box-sizing: border-box;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 260px;
    padding: 0 0 12px 12px; }
    #emoticonBox .scroll_area .sg_area {
      overflow: hidden;
      padding: 0 0 10px 12px;
      margin: -2px 0 0 -12px; }
    #emoticonBox .scroll_area span {
      overflow: hidden;
      display: inline-block;
      width: 30px;
      height: 30px;
      margin: 12px 5px 0 0;
      font-size: 0; }
      #emoticonBox .scroll_area span a {
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
        border: solid 1px transparent; }
        #emoticonBox .scroll_area span a:hover {
          background: #ededed;
          border: solid 1px #d0d0d0;
          box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); }
        #emoticonBox .scroll_area span a img {
          width: 26px;
          height: 26px;
          margin: 0 auto; }
    #emoticonBox .scroll_area::-webkit-scrollbar {
      width: 6px;
      height: 6px;
      border-radius: 6px;
      background-color: transparent; }
    #emoticonBox .scroll_area::-webkit-scrollbar-thumb {
      background: #e4e4e4;
      border-radius: 6px; }
    #emoticonBox .scroll_area::-webkit-scrollbar-track {
      background: transparent;
      border-radius: 6px; }
    #emoticonBox .scroll_area:hover::-webkit-scrollbar-thumb {
      background: #bbb !important; }
  #emoticonBox .btn_close {
    position: absolute;
    top: 3px;
    right: 0; }
    #emoticonBox .btn_close a {
      display: block;
      width: 23px;
      height: 23px;
      text-indent: -9999px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' %3e%3cpath d='m17.863 14.984 11.518 11.518c0.795 0.795 0.795 2.084 0 2.879s-2.084 0.795-2.879 0l-11.518-11.518-11.518 11.518c-0.795 0.795-2.084 0.795-2.879 0s-0.795-2.084 0-2.879l11.518-11.518-11.518-11.518c-0.795-0.795-0.795-2.084 0-2.879s2.084-0.795 2.879 0l11.518 11.518 11.518-11.518c0.795-0.795 2.084-0.795 2.879 0s0.795 2.084 0 2.879l-11.518 11.518z' fill='%23666'/%3e%3c/svg%3e");
      background-size: 10px 10px;
      background-position: 50% 50%;
      background-repeat: no-repeat; }

body.thema_dark #emoticonBox {
  background: #1b1b1c;
  border-color: #333; }
  body.thema_dark #emoticonBox h1 {
    border-color: #333;
    color: #c8c8c8; }
  body.thema_dark #emoticonBox .scroll_area span a:hover {
    background: #333;
    border-color: #333;
    border-radius: 2px; }
  body.thema_dark #emoticonBox .scroll_area:hover {
    scrollbar-face-color: #4d4d4d !important;
    scrollbar-shadow-color: #4d4d4d !important; }
  body.thema_dark #emoticonBox .scroll_area::-webkit-scrollbar-thumb {
    background: #222222 !important; }
  body.thema_dark #emoticonBox .scroll_area:hover::-webkit-scrollbar-thumb {
    background: #4d4d4d !important; }
  body.thema_dark #emoticonBox .scroll_area::-webkit-scrollbar-track, body.thema_dark #emoticonBox .scroll_area::-webkit-scrollbar {
    background: #121213 !important; }
  body.thema_dark #emoticonBox .scroll_area::-webkit-scrollbar-corner {
    background: #222; }

#emoticonArea {
  overflow: hidden;
  display: none;
  position: absolute;
  z-index: 100;
  text-align: left;
  padding: 0;
  border: none;
  border-radius: 3px;
  width: 248px; }

#emoticonBox {
  height: auto;
  border: 1px solid #e2e2e2;
  z-index: 100; }
  #emoticonBox.ogq {
    width: 246px;
    height: 326px; }
    #emoticonBox.ogq .tab_area {
      height: auto; }
      #emoticonBox.ogq .tab_area ul li {
        line-height: 30px;
        height: 30px;
        color: #000; }
      #emoticonBox.ogq .tab_area ul li a {
        cursor: default;
        padding: 0 8px;
        font-size: 13px; }
      #emoticonBox.ogq .tab_area .item_list {
        position: relative;
        margin-bottom: -1px; }
        #emoticonBox.ogq .tab_area .item_list div {
          overflow: hidden;
          position: relative;
          margin: 0 18px;
          height: 37px; }
        #emoticonBox.ogq .tab_area .item_list div:after {
          content: '';
          display: block;
          clear: both; }
        #emoticonBox.ogq .tab_area .item_list ul {
          min-width: 4200px;
          position: absolute;
          left: 0;
          top: 0;
          height: 37px;
          transition: all 0.2s; }
          #emoticonBox.ogq .tab_area .item_list ul li {
            display: inline-block;
            width: 42px;
            height: auto;
            vertical-align: top; }
            #emoticonBox.ogq .tab_area .item_list ul li button {
              display: block;
              width: 100%;
              height: 36px;
              margin: 0;
              padding: 0 3px 7px;
              border-bottom: 2px solid transparent; }
            #emoticonBox.ogq .tab_area .item_list ul li button img {
              display: block;
              width: 36px;
              height: 28px;
              margin: 0 auto; }
            #emoticonBox.ogq .tab_area .item_list ul li button.btn_market {
              background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(102, 102, 102, 0.999)' stroke='' viewBox='0 0 34 26'%3e%3cpath d='M22.9 3c1.16 0 2.21.7 2.65 1.77l2.51 6.08.04.19c0 1.5-.83 2.83-2.08 3.51h.02v7.42a1.93 1.93 0 01-1.77 1.92H9.88a1.93 1.93 0 01-1.92-1.77v-7.57h.12A4.02 4.02 0 016 11.04l.04-.2 2.5-6.07A2.87 2.87 0 0111.2 3zm-9.36 9.96l-.08.15a4.03 4.03 0 01-3.24 1.94h-.2c-.37 0-.72-.05-1.06-.14v7.06c0 .47.36.86.82.92h14.34a.93.93 0 00.91-.81l.01-.11v-7.03a4 4 0 01-.75.1l-.2.01A4.04 4.04 0 0120.55 13a4.02 4.02 0 01-3.3 2.06h-.2a3.99 3.99 0 01-3.52-2.08zm3.51 3.85c1.6 0 2.9 1.25 2.98 2.82v3.21h-1V19.8a1.99 1.99 0 00-3.96-.15v3.19h-1V19.8a2.99 2.99 0 012.98-2.98zM13.97 4H11.2c-.76 0-1.44.46-1.73 1.16L7 11.13v.08a3.02 3.02 0 002.83 2.84h.35a3.04 3.04 0 002.86-3.08L13.97 4zm5.15 0h-4.14l-.95 7.04a3.02 3.02 0 002.83 3l.18.01h.18a3.01 3.01 0 002.85-2.95L19.12 4zm3.78 0h-2.77l.14 1.02.8 6.02a3.02 3.02 0 002.82 3l.18.01h.18a3.02 3.02 0 002.85-3.01v.09l-2.47-5.97A1.87 1.87 0 0023.05 4L22.9 4z'/%3e%3c/svg%3e") 0 1px no-repeat;
              background-size: 34px 26px;
              width: 36px;
              height: 37px;
              font: 0/0 a; }
            #emoticonBox.ogq .tab_area .item_list ul li button.ic_clock {
              background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(102, 102, 102, 0.999)' stroke='' viewBox='0 0 19 19'%3e%3cpath d='M9.5 19C4.26 19 0 14.74 0 9.5S4.26 0 9.5 0 19 4.26 19 9.5 14.74 19 9.5 19zm0-18C4.81 1 1 4.81 1 9.5S4.81 18 9.5 18c4.69 0 8.5-3.81 8.5-8.5S14.19 1 9.5 1z'/%3e%3cpath d='M9.5 9.83c-.28 0-.5-.23-.5-.5V4.27c0-.27.22-.5.5-.5s.5.23.5.5v5.05c0 .28-.22.51-.5.51z'/%3e%3cpath d='M13.97 12.35c-.08 0-.16-.02-.23-.06L9.27 9.94a.49.49 0 01-.21-.67c.13-.24.43-.34.68-.21l4.47 2.35c.25.13.34.43.21.67-.09.18-.27.27-.45.27z'/%3e%3c/svg%3e") 0 0 no-repeat;
              background-size: 20px 20px;
              background-position: center 4px;
              font: 0/0 a; }
            #emoticonBox.ogq .tab_area .item_list ul li.on button {
              border-bottom-color: #3d82f7; }
        #emoticonBox.ogq .tab_area .item_list > button {
          overflow: hidden;
          position: absolute;
          top: 0;
          bottom: 0;
          width: 18px;
          text-indent: -9998em;
          margin: 0; }
          #emoticonBox.ogq .tab_area .item_list > button.prev {
            left: 0; }
          #emoticonBox.ogq .tab_area .item_list > button.next {
            right: 0; }
          #emoticonBox.ogq .tab_area .item_list > button:before {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            margin-top: -8px;
            width: 7px;
            height: 7px;
            border-left: 1px solid #333;
            border-bottom: 1px solid #333; }
          #emoticonBox.ogq .tab_area .item_list > button.prev:before {
            transform: rotate(45deg);
            left: 8px; }
          #emoticonBox.ogq .tab_area .item_list > button.next:before {
            transform: rotate(225deg);
            right: 8px; }
          #emoticonBox.ogq .tab_area .item_list > button.off {
            opacity: .5;
            cursor: default; }
          #emoticonBox.ogq .tab_area .item_list > button.btn_market {
            display: none; }
    #emoticonBox.ogq .scroll_area.ogq_item {
      font-size: 0; }
      #emoticonBox.ogq .scroll_area.ogq_item span {
        overflow: visible;
        float: none;
        display: inline-block;
        width: 67px;
        height: 59px;
        margin: 6px 2px 6px;
        font-size: 0; }
        #emoticonBox.ogq .scroll_area.ogq_item span a {
          width: auto;
          height: auto;
          padding: 5px 0; }
          #emoticonBox.ogq .scroll_area.ogq_item span a img {
            display: block;
            width: 59px;
            height: 51px;
            margin: auto; }
          #emoticonBox.ogq .scroll_area.ogq_item span a:hover {
            background: #ededed none;
            border: 1px solid #d0d0d0; }
  #emoticonBox.ogq.fix_btn .tab_area .item_list div {
    margin-right: 58px; }
  #emoticonBox.ogq.fix_btn .tab_area .item_list > button.btn_market {
    display: block;
    right: 18px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(102, 102, 102, 0.999)' stroke='' viewBox='0 0 34 26'%3e%3cpath d='M22.9 3c1.16 0 2.21.7 2.65 1.77l2.51 6.08.04.19c0 1.5-.83 2.83-2.08 3.51h.02v7.42a1.93 1.93 0 01-1.77 1.92H9.88a1.93 1.93 0 01-1.92-1.77v-7.57h.12A4.02 4.02 0 016 11.04l.04-.2 2.5-6.07A2.87 2.87 0 0111.2 3zm-9.36 9.96l-.08.15a4.03 4.03 0 01-3.24 1.94h-.2c-.37 0-.72-.05-1.06-.14v7.06c0 .47.36.86.82.92h14.34a.93.93 0 00.91-.81l.01-.11v-7.03a4 4 0 01-.75.1l-.2.01A4.04 4.04 0 0120.55 13a4.02 4.02 0 01-3.3 2.06h-.2a3.99 3.99 0 01-3.52-2.08zm3.51 3.85c1.6 0 2.9 1.25 2.98 2.82v3.21h-1V19.8a1.99 1.99 0 00-3.96-.15v3.19h-1V19.8a2.99 2.99 0 012.98-2.98zM13.97 4H11.2c-.76 0-1.44.46-1.73 1.16L7 11.13v.08a3.02 3.02 0 002.83 2.84h.35a3.04 3.04 0 002.86-3.08L13.97 4zm5.15 0h-4.14l-.95 7.04a3.02 3.02 0 002.83 3l.18.01h.18a3.01 3.01 0 002.85-2.95L19.12 4zm3.78 0h-2.77l.14 1.02.8 6.02a3.02 3.02 0 002.82 3l.18.01h.18a3.02 3.02 0 002.85-3.01v.09l-2.47-5.97A1.87 1.87 0 0023.05 4L22.9 4z'/%3e%3c/svg%3e") 0 1px no-repeat;
    background-size: 42px 26px;
    width: 40px;
    height: 37px;
    padding: 0 3px 7px;
    border-bottom: 2px solid transparent;
    font: 0/0 a; }
    #emoticonBox.ogq.fix_btn .tab_area .item_list > button.btn_market.on {
      border-bottom-color: #3d82f7; }
    #emoticonBox.ogq.fix_btn .tab_area .item_list > button.btn_market:before {
      top: 4px;
      left: 0;
      border: none;
      width: 1px;
      height: 22px;
      margin: 0;
      background-color: #d7d7d7; }
  #emoticonBox .scroll_area .loading {
    top: 67px;
    background-color: transparent; }
  #emoticonBox .scroll_area.recent_emoticon {
    height: 220px !important; }
  #emoticonBox .scroll_area .empyt_case, #emoticonBox .scroll_area .empty_case {
    margin-left: -12px; }
    #emoticonBox .scroll_area .empyt_case em, #emoticonBox .scroll_area .empty_case em {
      display: block;
      margin: 50px auto 11px;
      background-image: url("/images/webplayer/chat/split_chat_2x.png");
      background-size: 1000px 1000px;
      background-repeat: no-repeat; }
      #emoticonBox .scroll_area .empyt_case em.n1, #emoticonBox .scroll_area .empty_case em.n1 {
        background-position: -109px 0;
        width: 80px;
        height: 54px; }
      #emoticonBox .scroll_area .empyt_case em.n2, #emoticonBox .scroll_area .empty_case em.n2 {
        background-position: -109px -65px;
        width: 80px;
        height: 54px; }
    #emoticonBox .scroll_area .empyt_case p, #emoticonBox .scroll_area .empty_case p {
      color: #888;
      font-size: 11px;
      text-align: center;
      line-height: 1.5;
      letter-spacing: -1px; }
      #emoticonBox .scroll_area .empyt_case p span, #emoticonBox .scroll_area .empty_case p span {
        color: #4279ff;
        float: none;
        display: inline;
        margin: 0;
        font-size: 11px; }
  #emoticonBox .tab_area2 {
    font-size: 0;
    background-color: #f5f6f9;
    margin: 7px 6px;
    border: 1px solid #ececec;
    border-radius: 3px;
    height: 23px; }
    #emoticonBox .tab_area2 li {
      display: inline-block;
      width: 50%;
      height: 24px;
      padding: 0;
      border: none; }
      #emoticonBox .tab_area2 li:before {
        display: none; }
      #emoticonBox .tab_area2 li a {
        position: relative;
        z-index: 1;
        box-sizing: border-box;
        display: block;
        height: 24px;
        font-size: 12px;
        text-align: center;
        padding: 4px 0  5px;
        border-radius: 3px;
        color: #666;
        cursor: pointer;
        transition: all 0.2s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
        #emoticonBox .tab_area2 li a:after {
          content: '';
          display: block;
          position: absolute;
          z-index: 1;
          top: -1px;
          left: 0;
          bottom: 0;
          right: 0;
          width: 100%;
          box-sizing: border-box;
          border: 1px solid #c8c8c8;
          transition: all 0.2s cubic-bezier(0.56, 0.12, 0.12, 0.98);
          border-radius: 3px; }
        #emoticonBox .tab_area2 li a span {
          position: relative;
          z-index: 2;
          line-height: 16px; }
      #emoticonBox .tab_area2 li a:after {
        right: 100%;
        left: auto;
        margin: 0 1px 0 0; }
      #emoticonBox .tab_area2 li:first-child a:after {
        right: auto;
        left: 100%;
        margin: 0 0 0 1px; }
      #emoticonBox .tab_area2 li.on a {
        color: #222;
        z-index: 2; }
        #emoticonBox .tab_area2 li.on a:after {
          left: auto;
          right: -1px;
          margin: 0;
          background-color: #fff; }
      #emoticonBox .tab_area2 li.on:first-child a:after {
        left: -1px;
        right: auto; }

#emoticonArea.simple #emoticonBox.ogq {
  height: 304px; }
  #emoticonArea.simple #emoticonBox.ogq .scroll_area.recent_emoticon {
    height: 225px !important; }
  #emoticonArea.simple #emoticonBox.ogq .tab_area > ul {
    display: none; }
  #emoticonArea.simple #emoticonBox.ogq .tab_area .item_list div, #emoticonArea.simple #emoticonBox.ogq .tab_area .item_list ul {
    height: 40px; }
  #emoticonArea.simple #emoticonBox.ogq .tab_area .item_list ul li button, #emoticonArea.simple #emoticonBox.ogq .tab_area .item_list > button.btn_market {
    height: 40px;
    padding: 6px 3px 7px; }
  #emoticonArea.simple #emoticonBox.ogq .tab_area .item_list ul li button.ic_clock {
    background-position: center 10px; }
  #emoticonArea.simple #emoticonBox.ogq .tab_area .item_list > button.btn_market {
    background-position: center 7px; }
  #emoticonArea.simple #emoticonBox.ogq .tab_area .item_list > button.btn_market:before {
    top: 14px; }
  #emoticonArea.simple #emoticonBox.ogq .tab_area .item_list > button:before {
    margin-top: -4px; }
  #emoticonArea.simple #emoticonBox.ogq .btn_close {
    display: none; }
#emoticonArea .box_divider {
  position: relative;
  margin-bottom: 10px;
  outline: transparent;
  font-size: 0; }
  #emoticonArea .box_divider:focus {
    outline: transparent; }
#emoticonArea .divider {
  clear: both;
  position: sticky;
  height: 20px;
  top: 0;
  margin: 0 0 0 -12px;
  padding-left: 10px;
  line-height: 20px;
  font-size: 12px;
  color: #666;
  background-color: #f5f6f9;
  overflow: hidden;
  text-overflow: ellipsis; }

#bs-wrap #emoticonArea.simple {
  display: block;
  width: 472px; }
  #bs-wrap #emoticonArea.simple #emoticonBox {
    border: none;
    width: auto; }

#chatting_area.chat_thema_dark #emoticonBox {
  border: 1px solid #303239;
  background: #121212; }
  #chatting_area.chat_thema_dark #emoticonBox .tab_area {
    border-bottom: 1px solid #303239; }
    #chatting_area.chat_thema_dark #emoticonBox .tab_area ul li a {
      color: #686e7c; }
    #chatting_area.chat_thema_dark #emoticonBox .tab_area ul li.on a {
      color: #3d82f7; }
  #chatting_area.chat_thema_dark #emoticonBox h1 {
    color: #686e7c;
    border-bottom: 1px solid #434448; }
  #chatting_area.chat_thema_dark #emoticonBox .btn_close a {
    background: url("/images/flashplayer/btn_close_emo_smode.gif") no-repeat 7px 7px; }
  #chatting_area.chat_thema_dark #emoticonBox .scroll_area .sg_area {
    border-bottom: 1px solid #35363b; }
  #chatting_area.chat_thema_dark #emoticonBox.ogq .tab_area .item_list > button:before {
    border-color: #888; }
  #chatting_area.chat_thema_dark #emoticonBox.ogq .tab_area .item_list > button.btn_market:before {
    background-color: #2e2e2f !important; }
  #chatting_area.chat_thema_dark #emoticonBox .tab_area2 {
    background-color: #2e2e2f;
    border-color: #2e2e2f; }
    #chatting_area.chat_thema_dark #emoticonBox .tab_area2 li a {
      color: #666; }
      #chatting_area.chat_thema_dark #emoticonBox .tab_area2 li a:after {
        border: none; }
    #chatting_area.chat_thema_dark #emoticonBox .tab_area2 li.on a {
      color: #e5e5e5; }
      #chatting_area.chat_thema_dark #emoticonBox .tab_area2 li.on a:after {
        background-color: #555; }
  #chatting_area.chat_thema_dark #emoticonBox .scroll_area.ogq_item span a:hover {
    background: #333;
    border-color: #333; }

.thema_dark #emoticonBox, .theme_dark #emoticonBox, html[dark=true] #emoticonBox {
  border: 1px solid #333 !important;
  background: #1b1b1c !important; }
  .thema_dark #emoticonBox .tab_area, .theme_dark #emoticonBox .tab_area, html[dark=true] #emoticonBox .tab_area {
    border-bottom: 1px solid #303239; }
    .thema_dark #emoticonBox .tab_area ul li a, .theme_dark #emoticonBox .tab_area ul li a, html[dark=true] #emoticonBox .tab_area ul li a {
      color: #c8c8c8; }
    .thema_dark #emoticonBox .tab_area ul li.on a, .theme_dark #emoticonBox .tab_area ul li.on a, html[dark=true] #emoticonBox .tab_area ul li.on a {
      color: #7398ff;
      border-color: #7398ff; }
    .thema_dark #emoticonBox .tab_area .item_list ul li button.ic_clock, .theme_dark #emoticonBox .tab_area .item_list ul li button.ic_clock, html[dark=true] #emoticonBox .tab_area .item_list ul li button.ic_clock {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(102, 102, 102, 0.999)' stroke='' viewBox='0 0 19 19'%3e%3cpath d='M9.5 19C4.26 19 0 14.74 0 9.5S4.26 0 9.5 0 19 4.26 19 9.5 14.74 19 9.5 19zm0-18C4.81 1 1 4.81 1 9.5S4.81 18 9.5 18c4.69 0 8.5-3.81 8.5-8.5S14.19 1 9.5 1z'/%3e%3cpath d='M9.5 9.83c-.28 0-.5-.23-.5-.5V4.27c0-.27.22-.5.5-.5s.5.23.5.5v5.05c0 .28-.22.51-.5.51z'/%3e%3cpath d='M13.97 12.35c-.08 0-.16-.02-.23-.06L9.27 9.94a.49.49 0 01-.21-.67c.13-.24.43-.34.68-.21l4.47 2.35c.25.13.34.43.21.67-.09.18-.27.27-.45.27z'/%3e%3c/svg%3e") center 4px no-repeat;
      background-size: 20px 20px; }
  .thema_dark #emoticonBox .tab_area2, .theme_dark #emoticonBox .tab_area2, html[dark=true] #emoticonBox .tab_area2 {
    background-color: #2e2e2f;
    border-color: #2e2e2f; }
    .thema_dark #emoticonBox .tab_area2 li a, .theme_dark #emoticonBox .tab_area2 li a, html[dark=true] #emoticonBox .tab_area2 li a {
      color: #666; }
      .thema_dark #emoticonBox .tab_area2 li a:after, .theme_dark #emoticonBox .tab_area2 li a:after, html[dark=true] #emoticonBox .tab_area2 li a:after {
        border: none; }
    .thema_dark #emoticonBox .tab_area2 li.on a, .theme_dark #emoticonBox .tab_area2 li.on a, html[dark=true] #emoticonBox .tab_area2 li.on a {
      color: #e5e5e5; }
      .thema_dark #emoticonBox .tab_area2 li.on a:after, .theme_dark #emoticonBox .tab_area2 li.on a:after, html[dark=true] #emoticonBox .tab_area2 li.on a:after {
        background-color: #555; }
  .thema_dark #emoticonBox h1, .theme_dark #emoticonBox h1, html[dark=true] #emoticonBox h1 {
    color: #686e7c;
    border-bottom: 1px solid #434448; }
  .thema_dark #emoticonBox .btn_close a, .theme_dark #emoticonBox .btn_close a, html[dark=true] #emoticonBox .btn_close a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' %3e%3cpath d='m17.863 14.984 11.518 11.518c0.795 0.795 0.795 2.084 0 2.879s-2.084 0.795-2.879 0l-11.518-11.518-11.518 11.518c-0.795 0.795-2.084 0.795-2.879 0s-0.795-2.084 0-2.879l11.518-11.518-11.518-11.518c-0.795-0.795-0.795-2.084 0-2.879s2.084-0.795 2.879 0l11.518 11.518 11.518-11.518c0.795-0.795 2.084-0.795 2.879 0s0.795 2.084 0 2.879l-11.518 11.518z' fill='%23999'/%3e%3c/svg%3e"); }
  .thema_dark #emoticonBox.ogq .tab_area .item_list ul li.on button, .theme_dark #emoticonBox.ogq .tab_area .item_list ul li.on button, html[dark=true] #emoticonBox.ogq .tab_area .item_list ul li.on button {
    border-color: #7398ff; }
  .thema_dark #emoticonBox.ogq .tab_area .item_list > button:before, .theme_dark #emoticonBox.ogq .tab_area .item_list > button:before, html[dark=true] #emoticonBox.ogq .tab_area .item_list > button:before {
    border-color: #888; }
  .thema_dark #emoticonBox.ogq .tab_area .item_list > button.btn_market:before, .theme_dark #emoticonBox.ogq .tab_area .item_list > button.btn_market:before, html[dark=true] #emoticonBox.ogq .tab_area .item_list > button.btn_market:before {
    background-color: #2e2e2f !important; }
  .thema_dark #emoticonBox.ogq .scroll_area.ogq_item span a:hover, .theme_dark #emoticonBox.ogq .scroll_area.ogq_item span a:hover, html[dark=true] #emoticonBox.ogq .scroll_area.ogq_item span a:hover {
    background: #333;
    border-color: #333; }
  .thema_dark #emoticonBox .scroll_area .empyt_case span, .thema_dark #emoticonBox .scroll_area .empty_case span, .theme_dark #emoticonBox .scroll_area .empyt_case span, .theme_dark #emoticonBox .scroll_area .empty_case span, html[dark=true] #emoticonBox .scroll_area .empyt_case span, html[dark=true] #emoticonBox .scroll_area .empty_case span {
    color: #7398ff; }
  .thema_dark #emoticonBox .divider, .theme_dark #emoticonBox .divider, html[dark=true] #emoticonBox .divider {
    color: #888;
    background-color: #2e2e2f; }

.smode #emoticonArea .divider {
  color: #888;
  background-color: #2e2e2f; }

.smode #emoticonBox .scroll_area::-webkit-scrollbar-thumb, .smode #emoticonBox .scroll_area *::-webkit-scrollbar-thumb, .thema_dark #emoticonBox .scroll_area::-webkit-scrollbar-thumb, .thema_dark #emoticonBox .scroll_area *::-webkit-scrollbar-thumb, .theme_dark #emoticonBox .scroll_area::-webkit-scrollbar-thumb, .theme_dark #emoticonBox .scroll_area *::-webkit-scrollbar-thumb {
  background: #3c3d41; }
.smode #emoticonBox .scroll_area:hover::-webkit-scrollbar-thumb, .smode #emoticonBox .scroll_area *:hover::-webkit-scrollbar-thumb, .thema_dark #emoticonBox .scroll_area:hover::-webkit-scrollbar-thumb, .thema_dark #emoticonBox .scroll_area *:hover::-webkit-scrollbar-thumb, .theme_dark #emoticonBox .scroll_area:hover::-webkit-scrollbar-thumb, .theme_dark #emoticonBox .scroll_area *:hover::-webkit-scrollbar-thumb {
  background: #626366; }
.smode #emoticonBox .scroll_area::-webkit-scrollbar-track, .smode #emoticonBox .scroll_area *::-webkit-scrollbar-track, .smode #emoticonBox .scroll_area::-webkit-scrollbar, .smode #emoticonBox .scroll_area *::-webkit-scrollbar, .thema_dark #emoticonBox .scroll_area::-webkit-scrollbar-track, .thema_dark #emoticonBox .scroll_area *::-webkit-scrollbar-track, .thema_dark #emoticonBox .scroll_area::-webkit-scrollbar, .thema_dark #emoticonBox .scroll_area *::-webkit-scrollbar, .theme_dark #emoticonBox .scroll_area::-webkit-scrollbar-track, .theme_dark #emoticonBox .scroll_area *::-webkit-scrollbar-track, .theme_dark #emoticonBox .scroll_area::-webkit-scrollbar, .theme_dark #emoticonBox .scroll_area *::-webkit-scrollbar {
  background: #1e1f24; }

div.game_point {
  opacity: 0;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -427px;
  z-index: 200;
  border-top: 1px solid #e2e2e2;
  height: 350px;
  background-color: #fff;
  transition: 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
  div.game_point .area_header {
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    margin: 0 8px; }
    div.game_point .area_header h2 {
      display: block;
      max-width: 100%;
      line-height: 38px;
      margin: 0;
      padding: 0;
      border: none;
      height: auto;
      color: #424242;
      font-size: 13px; }
      div.game_point .area_header h2 a {
        position: relative;
        box-sizing: border-box;
        display: block;
        padding: 0 0 0 22px;
        margin: 0;
        color: #424242;
        font-size: 13px;
        white-space: nowrap;
        font-family: 'NGEB'; }
        div.game_point .area_header h2 a span {
          display: inline-block;
          font-size: 12px;
          max-width: calc( 100% - 44px );
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          vertical-align: top;
          font-weight: bold; }
        div.game_point .area_header h2 a em {
          display: inline-block;
          margin-left: 5px;
          font-size: 12px;
          vertical-align: top;
          text-align: right;
          white-space: nowrap;
          color: #4279ff;
          font-weight: bold; }
      div.game_point .area_header h2 a:before {
        display: none; }
      div.game_point .area_header h2 a:after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        width: 10px;
        height: 15px;
        left: 0;
        right: auto;
        background: none;
        border: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 16'%3e%3cpath fill-rule='evenodd' fill='%23757575' d='M8.53 14.47c.293.293.293.767 0 1.06-.293.293-.767.293-1.06 0l-7-7c-.293-.293-.293-.767 0-1.06l7-7c.293-.293.767-.293 1.06 0 .293.293.293.767 0 1.06L2.06 8l6.47 6.47z'/%3e%3c/svg%3e");
        background-size: 100% 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat; }
    div.game_point .area_header .close {
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -7px;
      font-size: 0; }
      div.game_point .area_header .close a {
        display: inline-block;
        width: 14px;
        height: 14px;
        z-index: 100;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath fill-rule='evenodd' fill='%23333' d='M.576.576c.234-.235.614-.235.848 0L9 8.15 16.576.576c.208-.209.531-.232.765-.07l.083.07c.235.234.235.614 0 .848L9.85 9l7.575 7.576c.209.208.232.531.07.765l-.07.083c-.234.235-.614.235-.848 0L9 9.85l-7.576 7.575c-.208.209-.531.232-.765.07l-.083-.07c-.235-.234-.235-.614 0-.848L8.15 9 .576 1.424C.367 1.216.344.893.506.66z'/%3e%3c/svg%3e");
        background-size: 100% 100%;
        background-position: 50% 50%;
        background-repeat: no-repeat; }
  div.game_point .point_box {
    box-sizing: border-box;
    position: relative;
    margin: 10px 8px 5px; }
    div.game_point .point_box .point {
      font-size: 13px;
      color: #444; }
      div.game_point .point_box .point:before {
        position: relative;
        z-index: 2;
        content: '';
        display: inline-block;
        margin: -6px -4px -5px 0;
        width: 41px;
        height: 37px;
        vertical-align: middle;
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='41' height='37'%3e%3cdefs%3e%3clinearGradient x1='.111%25' y1='50%25' x2='100.111%25' y2='50%25' id='b'%3e%3cstop stop-color='%236735FF' offset='0%25'/%3e%3cstop stop-color='%23623EFF' offset='22.77%25'/%3e%3cstop stop-color='%235458FF' offset='60.61%25'/%3e%3cstop stop-color='%234279FF' offset='100%25'/%3e%3c/linearGradient%3e%3cfilter x='-43.9%25' y='-55.9%25' width='187.8%25' height='211.7%25' filterUnits='objectBoundingBox' id='a'%3e%3cfeOffset dy='2' in='SourceAlpha' result='shadowOffsetOuter1'/%3e%3cfeGaussianBlur stdDeviation='1.5' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3e%3cfeColorMatrix values='0 0 0 0 0.258823529 0 0 0 0 0.474509804 0 0 0 0 1 0 0 0 0.4 0' in='shadowBlurOuter1' result='shadowMatrixOuter1'/%3e%3cfeMerge%3e%3cfeMergeNode in='shadowMatrixOuter1'/%3e%3cfeMergeNode in='SourceGraphic'/%3e%3c/feMerge%3e%3c/filter%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cg filter='url(%23a)' transform='translate(8.882 10.147)'%3e%3cpath fill='url(%23b)' d='M5.47 0 0 5.118v4.411l12 9.265L23.912 9.53V5.118L18.442 0H5.47'/%3e%3cpath fill='%237DA3FF' opacity='.53' d='M0 5.118 5.47 0h12.971l5.47 5.118z'/%3e%3cpath d='M12 18.794 5.47 0h12.971z' opacity='.4' fill='%23A8B7FF'/%3e%3c/g%3e%3cpath fill='%23F3F6FF' d='M20.794 17.206h3.97v5.823h-6v-1.94h-1.94v-5.824h2.029v-1.941h5.912v1.94h-6v5.824h3.97v-1.94h-2.03z'/%3e%3cpath d='M36.853 6.176c-2.294 0-3-.794-3-3a.603.603 0 0 0-.618-.617.603.603 0 0 0-.617.617c0 2.295-.794 3-3 3a.603.603 0 0 0-.618.618c0 .353.265.618.618.618 2.294 0 3 .794 3 3 0 .353.264.617.617.617a.603.603 0 0 0 .618-.617c0-2.294.794-3 3-3a.603.603 0 0 0 .618-.618.603.603 0 0 0-.618-.618z' fill='%234CFFA6'/%3e%3cpath d='M28.735 2.206c-1.411 0-1.853-.441-1.853-1.853A.38.38 0 0 0 26.53 0a.38.38 0 0 0-.353.353c0 1.412-.44 1.853-1.852 1.853a.38.38 0 0 0-.353.353.38.38 0 0 0 .353.353c1.411 0 1.852.44 1.852 1.853a.38.38 0 0 0 .353.353.38.38 0 0 0 .353-.353c0-1.412.442-1.853 1.853-1.853a.38.38 0 0 0 .353-.353c0-.177-.088-.353-.353-.353z' fill='%23874CFF'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
        background-size: 100% auto; }
      div.game_point .point_box .point em {
        display: inline-block;
        color: #4279ff;
        margin-right: 3px;
        font-family: 'NGEB'; }
    div.game_point .point_box a {
      position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      font-size: 12px;
      padding: 5px 10px;
      border-radius: 12px;
      background-color: #f3f3f3; }
  div.game_point .content {
    display: flex;
    flex-direction: column;
    height: calc( 100% - 40px );
    -webkit-overflow-scrolling: touch; }
    div.game_point .content ul.list {
      overflow-y: auto;
      padding: 0 12px; }
      div.game_point .content ul.list li {
        margin: 10px 0; }
        div.game_point .content ul.list li:first-child {
          margin-top: 4px; }
        div.game_point .content ul.list li a {
          box-sizing: border-box;
          display: flex;
          align-items: center;
          position: relative;
          height: 46px;
          padding: 0 10px;
          border-radius: 4px;
          font-size: 13px;
          color: #fff;
          background-color: #ec597f;
          transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
          div.game_point .content ul.list li a:after {
            content: '';
            display: block;
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: 4px;
            background-color: #ec597f;
            transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
          div.game_point .content ul.list li a p {
            flex: 1;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            z-index: 1; }
            div.game_point .content ul.list li a p img {
              border-radius: 50%;
              display: inline-block;
              width: 24px;
              height: 24px;
              border: solid 1px #3e1d97;
              margin-right: 3px;
              vertical-align: middle; }
          div.game_point .content ul.list li a span {
            position: relative;
            z-index: 2;
            border-bottom: 1px solid transparent;
            font-size: 12px;
            margin-left: 20px; }
            div.game_point .content ul.list li a span.ongoing {
              padding: 3px 6px 4px;
              border-radius: 13px;
              background-color: #f72b51; }
          div.game_point .content ul.list li a:hover p, div.game_point .content ul.list li a:hover span {
            text-decoration: underline; }
            div.game_point .content ul.list li a:hover p.ongoing, div.game_point .content ul.list li a:hover span.ongoing {
              text-decoration: none; }
          div.game_point .content ul.list li a:hover:after {
            transform: scale(1.02); }
        div.game_point .content ul.list li a:before {
          content: '';
          display: inline-block;
          width: 24px;
          height: 24px;
          margin: 0 8px 0px 0;
          margin-right: 5px; }
        div.game_point .content ul.list li a {
          background-color: #ec597f; }
          div.game_point .content ul.list li a:before {
            background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3e%3cpath d='M7.45 6a.53.53 0 0 1 .48.08l10.02 10.05a.5.5 0 0 1 .14.48.51.51 0 0 1-.35.35L3.56 21.11h-.14a.49.49 0 0 1-.35-.15.49.49 0 0 1-.13-.49L7.09 6.34A.5.5 0 0 1 7.45 6zm-1.78 8.7-1.51 5.17 4.19-1.22-2.68-3.95zm1.11-3.91L6 13.46l3.35 4.89 2.26-.67-4.83-6.89zM7.86 7.4l-.64 2.19 5.4 7.7a.24.24 0 0 1 .05.1l4.02-1.15L7.86 7.4zm11.44 3.61a.5.5 0 0 1 .5.5v.78h.78a.5.5 0 0 1 .47.5.51.51 0 0 1-.5.5h-.78v.77a.5.5 0 1 1-1 0v-.77H18a.5.5 0 0 1 0-1h.8v-.78a.5.5 0 0 1 .5-.5zm-2.19-1.63a.5.5 0 0 1 .55.4.5.5 0 0 1-.45.55 2.29 2.29 0 0 0-1.71 1 .52.52 0 0 1-.43.24.51.51 0 0 1-.43-.76 3.36 3.36 0 0 1 2.47-1.43zm-2.185-5.385a.507.507 0 0 1 .585.415 4.9 4.9 0 0 1-1.35 4.2.49.49 0 0 1-.34.14l.013-.002-.07-.005a.5.5 0 0 1-.344-.233l-.038-.078a.5.5 0 0 1 .129-.552 3.86 3.86 0 0 0 1-3.3.507.507 0 0 1 .415-.585zm3.156 1.225A1.74 1.74 0 1 1 19.4 8.44a1.74 1.74 0 0 1-1.318-3.22zm.629.88a.73.73 0 0 0-.74.73.74.74 0 1 0 .74-.73zM9.49 3a.495.495 0 0 1 .7 0l.75.84.76-.75a.495.495 0 0 1 .7.7l-.75.75.75.76a.48.48 0 0 1 0 .7.48.48 0 0 1-.7 0l-.76-.75-.75.75a.48.48 0 0 1-.7 0 .48.48 0 0 1 0-.79l.75-.76-.75-.75a.495.495 0 0 1 0-.7z' fill='%23FFF' fill-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
            background-size: 100% 100%; }
          div.game_point .content ul.list li a:after {
            background-color: #ec597f; }
        div.game_point .content ul.list li.case1 a {
          background-color: #2bb9ee; }
          div.game_point .content ul.list li.case1 a:before {
            background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3e%3cpath d='M12 3c4.964 0 9 4.036 9 9s-4.036 9-9 9-9-4.036-9-9 4.036-9 9-9zm0 1c-4.411 0-8 3.589-8 8s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8zm4.263 8.918a.5.5 0 0 1 .413.575c-.374 2.278-2.35 3.986-4.673 3.986a4.736 4.736 0 0 1-4.677-3.989.5.5 0 0 1 .988-.156 3.736 3.736 0 0 0 3.689 3.145c1.83 0 3.391-1.35 3.686-3.148a.5.5 0 0 1 .574-.413zM8.967 8.706a1.203 1.203 0 1 1 0 2.405 1.203 1.203 0 0 1 0-2.405zm6.066 0a1.203 1.203 0 1 1 0 2.405 1.203 1.203 0 0 1 0-2.405z' fill='%23FFF' fill-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat;
            background-size: 100% 100%; }
          div.game_point .content ul.list li.case1 a:after {
            background-color: #2bb9ee; }
        div.game_point .content ul.list li.case2 a {
          background-color: #4451fb; }
          div.game_point .content ul.list li.case2 a:before {
            background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3e%3cpath d='m20.73 7.03-8.53-3a.47.47 0 0 0-.33 0l-8.52 3A.49.49 0 0 0 3 7.5v8.94a.49.49 0 0 0 .3.46l8.52 3.68a.45.45 0 0 0 .18.07c.06.01.12.01.18 0l8.52-3.68a.51.51 0 0 0 .3-.46V7.5a.49.49 0 0 0-.27-.47zM12 10.65 9.09 9.36l7.19-2.83 2.91 1L12 10.65zm0-5.6 2.8 1-7 2.78-2.91-1.28L12 5.05zM4 16.11V8.26l3.28 1.39v4.14a.5.5 0 1 0 1 0V10.1l3.26 1.41v7.85L4 16.11zm8.52 3.25v-7.85l7.52-3.25v7.85l-7.52 3.25z' fill='%23FFF'/%3e%3c/svg%3e") 50% 50% no-repeat;
            background-size: 100% 100%; }
          div.game_point .content ul.list li.case2 a:after {
            background-color: #4451fb; }
        div.game_point .content ul.list li.case3 a {
          background-color: #2f1672; }
          div.game_point .content ul.list li.case3 a:before {
            overflow: hidden;
            position: absolute;
            z-index: 1;
            right: 0;
            top: 0;
            width: 106px;
            height: 46px;
            margin: 0;
            border-radius: 4px;
            transition: 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98);
            background: url("//res.afreecatv.com/images/webplayer/live/gem_deco.png") no-repeat;
            background-position: -18px -10px; }
          div.game_point .content ul.list li.case3 a:after {
            background-color: #2f1672; }
          div.game_point .content ul.list li.case3 a:hover:before {
            transform: scale(1.02);
            right: -3px; }
        div.game_point .content ul.list li.none {
          height: 240px;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column; }
          div.game_point .content ul.list li.none:before {
            content: '';
            width: 78px;
            height: 56px;
            margin-left: 20px;
            background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='78' height='55'%3e%3cpath fill-rule='evenodd' opacity='.2' fill='%238E8E8E' d='M27.865 42.857c15.326 0 27.75 2.687 27.75 6 0 3.314-12.424 6-27.75 6s-27.749-2.686-27.749-6c0-3.313 12.423-6 27.749-6Z'/%3e%3cpath fill-rule='evenodd' fill='%23ADADAD' d='M13.499 8.78 1.834 19.34v9.251l25.542 20.06 25.541-20.06V19.34L41.252 8.78H13.499'/%3e%3cpath fill-rule='evenodd' opacity='.529' fill='%23C9C9C9' d='M13.982 8.7h28.553L53.6 20.14H1.993L13.982 8.7Z'/%3e%3cpath fill-rule='evenodd' opacity='.412' fill='%23CFCFCF' d='M27.47 49.1 13.992 8.7h26.999L27.47 49.1Z'/%3e%3cpath fill-rule='evenodd' fill='silver' d='M75.814 9.401c-5.394 0-6.984-1.954-6.984-7.707C68.83.826 67.374.12 66.504.12c-.872 0-1.58.706-1.58 1.574 0 5.753-1.96 7.707-7.732 7.707-.871 0-1.578.706-1.578 1.574 0 .868.707 1.574 1.578 1.574 5.772 0 7.732 1.954 7.732 7.707 0 .868.708 1.574 1.58 1.574.87 0 2.326-.706 2.326-1.574 0-5.808 1.59-7.761 6.984-7.761.872 0 1.579-.706 1.579-1.574 0-.814-.707-1.52-1.579-1.52Z'/%3e%3c/svg%3e") 50% 50% no-repeat;
            background-size: 100% 100%; }
          div.game_point .content ul.list li.none p {
            margin-top: 15px;
            color: #888;
            font-size: 13px; }
    div.game_point .content p.text {
      padding: 16px 8px;
      font-size: 13px;
      color: #424242; }
    div.game_point .content .tab_area {
      position: relative;
      overflow: hidden;
      height: 0;
      padding: 0 14px 35px 14px;
      border-bottom: 1px solid #e2e2e2; }
      div.game_point .content .tab_area ul {
        display: flex;
        margin-bottom: -1px; }
        div.game_point .content .tab_area ul li {
          width: 42px;
          padding: 0 4px;
          text-align: center;
          font-size: 0; }
          div.game_point .content .tab_area ul li img {
            display: block;
            width: 36px;
            height: 28px;
            margin: auto; }
          div.game_point .content .tab_area ul li button {
            padding-bottom: 5px;
            border-bottom: 2px solid transparent; }
          div.game_point .content .tab_area ul li.on button {
            border-bottom-color: #4279ff; }
      div.game_point .content .tab_area > button {
        overflow: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 10;
        width: 14px;
        text-indent: -9998em;
        margin: 0;
        background-color: #fff; }
        div.game_point .content .tab_area > button.prev {
          left: 0px; }
        div.game_point .content .tab_area > button.next {
          right: 0px; }
        div.game_point .content .tab_area > button:before {
          content: '';
          display: block;
          position: absolute;
          top: 50%;
          margin-top: -4px;
          width: 7px;
          height: 7px;
          border-left: 1px solid #333;
          border-bottom: 1px solid #333; }
        div.game_point .content .tab_area > button.prev:before {
          transform: rotate(45deg);
          left: 7px; }
        div.game_point .content .tab_area > button.next:before {
          transform: rotate(225deg);
          right: 7px; }
        div.game_point .content .tab_area > button.off {
          cursor: default; }
          div.game_point .content .tab_area > button.off:before {
            opacity: .5; }
    div.game_point .content .gp_emoticon {
      flex-grow: 1;
      overflow-y: auto; }
      div.game_point .content .gp_emoticon .gp_emoticon_title {
        position: sticky;
        top: 0;
        z-index: 10;
        padding: 10px 14px 5px;
        background-color: #fff; }
        div.game_point .content .gp_emoticon .gp_emoticon_title h3 {
          font-family: 'NGEB';
          border-bottom: none; }
        div.game_point .content .gp_emoticon .gp_emoticon_title img {
          margin-right: 5px;
          vertical-align: middle; }
      div.game_point .content .gp_emoticon .emoticon_list {
        padding: 0 4px 7px;
        border-bottom: 1px solid #e2e2e2; }
        div.game_point .content .gp_emoticon .emoticon_list ul {
          display: flex;
          flex-wrap: wrap;
          margin: 0 2px; }
          div.game_point .content .gp_emoticon .emoticon_list ul li {
            width: 25%;
            margin: 5px 0;
            text-align: center; }
            div.game_point .content .gp_emoticon .emoticon_list ul li button {
              box-sizing: border-box;
              position: relative;
              display: inline-block;
              padding: 6px 4px;
              border: 1px solid transparent; }
              div.game_point .content .gp_emoticon .emoticon_list ul li button img {
                display: block;
                width: 59px;
                height: 51px;
                margin: 0 auto; }
              div.game_point .content .gp_emoticon .emoticon_list ul li button .ic_lock {
                position: absolute;
                z-index: 2;
                right: 0px;
                bottom: 0px;
                width: 22px;
                height: 22px;
                border-radius: 2px;
                background-color: rgba(0, 0, 0, 0.7); }
                div.game_point .content .gp_emoticon .emoticon_list ul li button .ic_lock:before {
                  content: '';
                  display: block;
                  width: 13px;
                  height: 14px;
                  margin: 4px auto;
                  opacity: 0.8;
                  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 10' %3e%3cpath  fill='%23fff'\a 										 d='M6.56 10H1.44C.64 10 0 9.36 0 8.56V5.44c0-.64.42-1.18 1-1.37V3a3 3 0 116 0v1.08c.58.18 1 .72 1 1.36v3.12C8 9.36 7.36 10 6.56 10zM6 3a2 2 0 00-4 0v1h4V3zm1 2.44C7 5.2 6.8 5 6.56 5H1.44C1.2 5 1 5.2 1 5.44v3.12c0 .24.2.44.44.44h5.12C6.8 9 7 8.8 7 8.56V5.44zM4 8a.5.5 0 01-.5-.5v-1a.5.5 0 011 0v1A.5.5 0 014 8z'/%3e%3c/svg%3e");
                  background-size: 100% 100%;
                  background-position: 50% 50%;
                  background-repeat: no-repeat; }
              div.game_point .content .gp_emoticon .emoticon_list ul li button:hover {
                border: 1px solid #d0d0d0;
                background-color: #ededed; }
      div.game_point .content .gp_emoticon .list_none {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        color: #888; }
      div.game_point .content .gp_emoticon > div:last-child .emoticon_list, div.game_point .content .gp_emoticon .emoticon_list:last-child {
        border-bottom-color: transparent !important;
        min-height: calc( 100% ); }
      div.game_point .content .gp_emoticon > div:last-child {
        min-height: calc( 100% ); }
    div.game_point .content .gp_event {
      flex-grow: 1;
      overflow-y: auto; }
      div.game_point .content .gp_event .img_box {
        overflow: hidden;
        position: relative;
        margin: 0 auto;
        width: 150px;
        height: 150px; }
        div.game_point .content .gp_event .img_box img {
          display: block;
          max-width: 100%;
          height: 150px;
          margin: 0 auto;
          border-radius: 6px; }
      div.game_point .content .gp_event .tag {
        margin: 5px 3px; }
        div.game_point .content .gp_event .tag ul {
          display: flex;
          flex-wrap: wrap; }
          div.game_point .content .gp_event .tag ul li {
            margin: 3px;
            padding: 4px 12px;
            background-color: #ecf1ff;
            color: #555;
            border-radius: 12px;
            font-family: 'NGEB';
            letter-spacing: -1px; }
            div.game_point .content .gp_event .tag ul li em {
              color: #4279ff; }
      div.game_point .content .gp_event dl {
        margin: 12px 8px;
        font-size: 13px; }
        div.game_point .content .gp_event dl dt {
          margin: 3px 0;
          color: #222;
          font-family: 'NGEB'; }
        div.game_point .content .gp_event dl dd {
          margin: 3px 0;
          color: #888; }
    div.game_point .content .gp_event_footer {
      display: flex;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 100;
      height: 78px;
      text-align: center;
      border-top: 1px solid #e2e2e2; }
      div.game_point .content .gp_event_footer a {
        box-sizing: border-box;
        display: inline-block;
        height: 42px;
        padding: 10px 40px;
        margin: 0 5px;
        border-radius: 4px;
        color: #fff;
        font-size: 14px;
        background-color: #4279ff;
        white-space: nowrap;
        line-height: 1.6;
        font-family: 'NGEB'; }
        div.game_point .content .gp_event_footer a.off {
          color: #e8e8e8;
          background-color: #b0b0b0;
          cursor: default;
          font-family: 'NG';
          -webkit-tap-highlight-color: transparent; }
  div.game_point .sub_page {
    opacity: 0;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 101%;
    bottom: 0;
    z-index: 110;
    width: 100%;
    background-color: #fff;
    transition: 0.5s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
    div.game_point .sub_page.case1 {
      top: -78px;
      padding-bottom: 78px;
      border-top: 1px solid #f0f0f0; }
    div.game_point .sub_page.on {
      opacity: 1;
      left: 0; }
  div.game_point .toast_message {
    position: absolute;
    bottom: 66px;
    z-index: 1000; }
    div.game_point .toast_message > div {
      min-width: 260px;
      height: auto;
      padding: 17px 36px 17px 28px; }
      div.game_point .toast_message > div.off {
        height: 0;
        overflow: hidden;
        margin: 0;
        padding: 0;
        transform: translate(-50%, 100%); }
    div.game_point .toast_message .close {
      padding: 6px; }
  div.game_point .dim {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 150;
    background-color: rgba(0, 0, 0, 0.6); }
    div.game_point .dim.type2 {
      top: -78px; }
  div.game_point .layer {
    position: absolute;
    z-index: 150;
    left: 0px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    text-align: center;
    width: 260px;
    margin: auto;
    padding: 30px 0;
    max-height: 280px;
    overflow: auto;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    div.game_point .layer .content {
      height: auto; }
      div.game_point .layer .content strong {
        display: block;
        margin-top: 10px;
        font-size: 16px;
        color: #000;
        font-family: 'NGB'; }
        div.game_point .layer .content strong em {
          font-weight: normal; }
      div.game_point .layer .content p {
        overflow: hidden;
        margin: 10px 20px;
        font-size: 14px;
        color: #333;
        text-overflow: ellipsis;
        font-weight: bold;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
        div.game_point .layer .content p.sub {
          margin: 5px 0 0px;
          font-size: 12px;
          color: #888888;
          font-weight: normal; }
      div.game_point .layer .content img {
        display: block;
        width: 60px;
        height: 51px;
        margin: 0 auto; }
        div.game_point .layer .content img + p {
          font-family: 'NGEB'; }
      div.game_point .layer .content .btn_wrap {
        margin: 10px 0 0 0;
        padding: 0;
        font-size: 0;
        background-color: transparent;
        border-color: transparent; }
        div.game_point .layer .content .btn_wrap button {
          height: 40px;
          margin: 0 4px;
          padding: 0 40px;
          font-size: 13px;
          border-radius: 3px;
          border: 1px solid #b3b3b3;
          font-family: 'NGEB';
          color: #b3b3b3; }
          div.game_point .layer .content .btn_wrap button.blue {
            color: #fff;
            background-color: #4279ff;
            border: 1px solid #4279ff; }
          div.game_point .layer .content .btn_wrap button:only-child {
            padding: 0 70px; }
      div.game_point .layer .content .btn_wrap + div {
        color: #888; }
      div.game_point .layer .content a {
        display: inline-block;
        margin-top: 10px;
        font-size: 12px;
        color: #4279ff;
        border-bottom: 1px solid #4279ff;
        font-family: 'NGEB'; }
      div.game_point .layer .content .gem_lotti {
        position: relative;
        margin: auto; }
        div.game_point .layer .content .gem_lotti.gem_ongoing {
          width: 156px; }
        div.game_point .layer .content .gem_lotti.gem_fail {
          width: 132px; }
        div.game_point .layer .content .gem_lotti.gem_win {
          width: 240px; }
        div.game_point .layer .content .gem_lotti img {
          position: absolute;
          display: block;
          max-height: 100%;
          width: 98px;
          height: 98px;
          margin: auto;
          left: 0;
          right: 0;
          border-radius: 5px;
          top: 8px; }
    div.game_point .layer button.close {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 10px;
      height: 10px;
      font: 0/0 a;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath fill-rule='evenodd' d='M.576.576c.234-.235.614-.235.848 0L9 8.15 16.576.576c.208-.209.531-.232.765-.07l.083.07c.235.234.235.614 0 .848L9.85 9l7.575 7.576c.209.208.232.531.07.765l-.07.083c-.234.235-.614.235-.848 0L9 9.85l-7.576 7.575c-.208.209-.531.232-.765.07l-.083-.07c-.235-.234-.235-.614 0-.848L8.15 9 .576 1.424C.367 1.216.344.893.506.66z'/%3e%3c/svg%3e");
      background-size: 100% 100%;
      background-position: 50% 50%;
      background-repeat: no-repeat; }
  div.game_point .dim.type2:not([style*="display: none"]) + .layer {
    margin-top: -39px; }
  div.game_point.on {
    opacity: 1;
    bottom: 0; }

.ic_gem {
  box-sizing: border-box;
  position: absolute;
  z-index: 100;
  right: 10px;
  bottom: 120px;
  width: 50px;
  height: 50px;
  border-radius: 2px;
  cursor: pointer;
  background-color: rgba(214, 218, 226, 0.8);
  transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
  .ic_gem.up {
    bottom: 80px; }

#mobile_game_point {
  height: 100%;
  overflow: hidden; }
  #mobile_game_point * {
    font-family: 'AppleSDGothicNeo-Medium','Helvetica','AppleGothic','Sans-serif','Dotum','Verdana','Helvetica',sans-serif; }
  #mobile_game_point .game_point {
    position: relative;
    top: 0;
    bottom: auto;
    height: 100%;
    border: none;
    backdrop-filter: blur(2px); }
    #mobile_game_point .game_point .area_header {
      margin: 0 15px;
      padding: 18px 0 6px 0;
      border: none; }
      #mobile_game_point .game_point .area_header h2, #mobile_game_point .game_point .area_header h2 a,
      #mobile_game_point .game_point .area_header h2 a span,
      #mobile_game_point .game_point .area_header h2 a em {
        font-size: 18px; }
      #mobile_game_point .game_point .area_header .close {
        display: none; }
    #mobile_game_point .game_point .point_box {
      margin: 0px 15px 10px 8px; }
      #mobile_game_point .game_point .point_box .point {
        padding-top: 0;
        font-size: 14px;
        font-weight: bold; }
        #mobile_game_point .game_point .point_box .point:before {
          margin-right: 0; }
      #mobile_game_point .game_point .point_box a {
        top: 0;
        transform: translateY(-180%); }
    #mobile_game_point .game_point .content {
      height: calc( 100% - 62px ); }
      #mobile_game_point .game_point .content p.text {
        font-size: 14px;
        color: #888;
        padding: 0 16px 10px; }
      #mobile_game_point .game_point .content .tab_area ul {
        overflow: auto;
        -webkit-overflow-scrolling: touch; }
        #mobile_game_point .game_point .content .tab_area ul li {
          padding-top: 4px; }
          #mobile_game_point .game_point .content .tab_area ul li.on {
            background-color: #f5f6f7; }
      #mobile_game_point .game_point .content ul.list {
        padding: 0 15px 0; }
        #mobile_game_point .game_point .content ul.list li a p {
          font-size: 15px; }
        #mobile_game_point .game_point .content ul.list li a span {
          font-size: 13px;
          font-weight: bold;
          margin-left: 25px; }
      #mobile_game_point .game_point .content .gp_emoticon {
        position: relative;
        background-color: #f5f6f7;
        -webkit-overflow-scrolling: touch; }
        #mobile_game_point .game_point .content .gp_emoticon .list_none {
          font-size: 15px; }
        #mobile_game_point .game_point .content .gp_emoticon .gp_emoticon_title {
          padding: 14px 18px 10px;
          background-color: #f5f6f7; }
          #mobile_game_point .game_point .content .gp_emoticon .gp_emoticon_title h3 {
            font-size: 16px;
            font-family: none;
            font-weight: normal; }
        #mobile_game_point .game_point .content .gp_emoticon .emoticon_list ul li {
          transition: 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
          @media screen and (min-width: 400px) {
            #mobile_game_point .game_point .content .gp_emoticon .emoticon_list ul li {
              width: 69px;
              margin: 13px; } }
          #mobile_game_point .game_point .content .gp_emoticon .emoticon_list ul li button .ic_lock {
            width: 24px;
            height: 24px;
            right: -8px;
            bottom: -8px; }
            #mobile_game_point .game_point .content .gp_emoticon .emoticon_list ul li button .ic_lock:before {
              height: 15px; }
      #mobile_game_point .game_point .content .gp_event .img_box {
        margin: 0 auto; }
      #mobile_game_point .game_point .content .gp_event .tag {
        margin: 5px 10px; }
      #mobile_game_point .game_point .content .gp_event dl {
        margin: 12px 15px; }
        #mobile_game_point .game_point .content .gp_event dl dt {
          font-size: 16px;
          color: #444;
          font-weight: bold;
          font-family: inherit; }
        #mobile_game_point .game_point .content .gp_event dl dd {
          font-size: 14px;
          color: #888; }
      #mobile_game_point .game_point .content .gp_event_footer {
        bottom: 15px;
        height: auto;
        border: none; }
        #mobile_game_point .game_point .content .gp_event_footer a {
          width: 100%;
          margin: 0 15px;
          font-weight: bold;
          line-height: 1.6; }
    #mobile_game_point .game_point .sub_page.case1 {
      top: 0; }
    #mobile_game_point .game_point .dim.type2 {
      top: -1px; }
    #mobile_game_point .game_point .layer {
      padding-bottom: 60px;
      border-radius: 6px;
      width: 310px;
      margin: 0 auto; }
      #mobile_game_point .game_point .layer .content {
        position: relative;
        padding-bottom: 15px; }
        #mobile_game_point .game_point .layer .content p {
          font-size: 16px; }
          #mobile_game_point .game_point .layer .content p.sub {
            color: #444;
            font-size: 14px; }
        #mobile_game_point .game_point .layer .content div {
          margin-top: 8px;
          font-size: 14px;
          color: #444; }
          #mobile_game_point .game_point .layer .content div a {
            margin-top: 0; }
        #mobile_game_point .game_point .layer .content img {
          width: 59px;
          height: 51px; }
        #mobile_game_point .game_point .layer .content .gem_lotti img {
          width: 98px;
          height: 98px; }
        #mobile_game_point .game_point .layer .content a {
          color: #7398ff; }
      #mobile_game_point .game_point .layer .btn_wrap {
        display: flex;
        flex: 1 0 auto;
        position: absolute;
        bottom: -60px;
        left: 0;
        right: 0;
        height: 60px; }
        #mobile_game_point .game_point .layer .btn_wrap button {
          flex: 1 0 auto;
          height: 100%;
          margin: 0;
          border: none;
          border-top: 1px solid #f0f1f2;
          font-size: 16px;
          color: #8c8c8c;
          background: transparent;
          border-radius: 0; }
          #mobile_game_point .game_point .layer .btn_wrap button:last-child {
            border-left: 1px solid #f0f1f2;
            color: #222; }

.thema_dark div.game_point, .theme_dark div.game_point, .smode div.game_point, .chat_thema_dark div.game_point {
  background-color: #1b1b1c;
  border-color: #1d1d1d; }
  .thema_dark div.game_point .area_header, .theme_dark div.game_point .area_header, .smode div.game_point .area_header, .chat_thema_dark div.game_point .area_header {
    border-bottom-color: #333 !important; }
    .thema_dark div.game_point .area_header h2, .thema_dark div.game_point .area_header h2 a, .theme_dark div.game_point .area_header h2, .theme_dark div.game_point .area_header h2 a, .smode div.game_point .area_header h2, .smode div.game_point .area_header h2 a, .chat_thema_dark div.game_point .area_header h2, .chat_thema_dark div.game_point .area_header h2 a {
      color: #c8c8c8; }
    .thema_dark div.game_point .area_header h2 a em, .theme_dark div.game_point .area_header h2 a em, .smode div.game_point .area_header h2 a em, .chat_thema_dark div.game_point .area_header h2 a em {
      color: #7398ff; }
    .thema_dark div.game_point .area_header .close a, .theme_dark div.game_point .area_header .close a, .smode div.game_point .area_header .close a, .chat_thema_dark div.game_point .area_header .close a {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath fill-rule='evenodd' fill='%23666' d='M.576.576c.234-.235.614-.235.848 0L9 8.15 16.576.576c.208-.209.531-.232.765-.07l.083.07c.235.234.235.614 0 .848L9.85 9l7.575 7.576c.209.208.232.531.07.765l-.07.083c-.234.235-.614.235-.848 0L9 9.85l-7.576 7.575c-.208.209-.531.232-.765.07l-.083-.07c-.235-.234-.235-.614 0-.848L8.15 9 .576 1.424C.367 1.216.344.893.506.66z'/%3e%3c/svg%3e"); }
  .thema_dark div.game_point .point_box .point, .theme_dark div.game_point .point_box .point, .smode div.game_point .point_box .point, .chat_thema_dark div.game_point .point_box .point {
    color: #8c8c8c; }
    .thema_dark div.game_point .point_box .point em, .theme_dark div.game_point .point_box .point em, .smode div.game_point .point_box .point em, .chat_thema_dark div.game_point .point_box .point em {
      color: #7398ff; }
    .thema_dark div.game_point .point_box .point:after, .theme_dark div.game_point .point_box .point:after, .smode div.game_point .point_box .point:after, .chat_thema_dark div.game_point .point_box .point:after {
      background-color: #1f2533; }
    .thema_dark div.game_point .point_box .point:before, .theme_dark div.game_point .point_box .point:before, .smode div.game_point .point_box .point:before, .chat_thema_dark div.game_point .point_box .point:before {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35 35' style='enable-background:new 0 0 35 35' xml:space='preserve'%3e%3clinearGradient id='a' gradientUnits='userSpaceOnUse' x1='-595.96' y1='503.315' x2='-594.96' y2='503.315' gradientTransform='matrix(24.003 0 0 -18.866 14310.522 9515.167)'%3e%3cstop offset='0' style='stop-color:%236735ff'/%3e%3cstop offset='.228' style='stop-color:%23623eff'/%3e%3cstop offset='.606' style='stop-color:%235458ff'/%3e%3cstop offset='1' style='stop-color:%234279ff'/%3e%3c/linearGradient%3e%3cpath d='m11.1 10.2-5.5 5.1v4.4l12 9.3 12-9.3v-4.4l-5.5-5.1h-13' style='fill-rule:evenodd;clip-rule:evenodd;fill:url(%23a)'/%3e%3cpath d='m5.7 15.3 5.5-5.1h13l5.5 5.1h-24z' style='opacity:.53;fill-rule:evenodd;clip-rule:evenodd;fill:%237da3ff;enable-background:new'/%3e%3cpath d='m17.7 29.1-6.6-18.9h13l-6.4 18.9z' style='opacity:.4;fill-rule:evenodd;clip-rule:evenodd;fill:%23a8b7ff;enable-background:new'/%3e%3cpath d='M17.6 17.3h4v5.8h-6v-1.9h-1.9v-5.8h2v-1.9h5.9v1.9h-6v5.8h4v-2h-2v-1.9z' style='fill-rule:evenodd;clip-rule:evenodd;fill:%23f3f6ff'/%3e%3cpath d='M33.7 6.2c-2.3 0-3-.8-3-3 0-.3-.3-.6-.6-.6s-.6.3-.6.6c0 2.3-.8 3-3 3-.3 0-.6.3-.6.6 0 .4.3.6.6.6 2.3 0 3 .8 3 3 0 .4.3.6.6.6s.6-.3.6-.6c0-2.3.8-3 3-3 .4 0 .6-.3.6-.6.1-.3-.2-.6-.6-.6.1 0 0 0 0 0z' style='fill-rule:evenodd;clip-rule:evenodd;fill:%234cffa6'/%3e%3cpath d='M25.6 2.2c-1.4 0-1.9-.4-1.9-1.9 0-.2-.2-.3-.4-.4-.1.1-.3.3-.3.5 0 1.4-.4 1.9-1.9 1.9-.2 0-.3.2-.4.4 0 .2.2.4.4.4 1.4 0 1.9.4 1.9 1.9 0 .2.2.4.4.4s.3-.2.4-.4c0-1.4.4-1.9 1.9-1.9.2 0 .3-.2.4-.4-.2-.3-.2-.5-.5-.5z' style='fill-rule:evenodd;clip-rule:evenodd;fill:%23874cff'/%3e%3c/svg%3e");
      background-size: 85% auto;
      background-position-y: 0px; }
  .thema_dark div.game_point .point_box a, .theme_dark div.game_point .point_box a, .smode div.game_point .point_box a, .chat_thema_dark div.game_point .point_box a {
    background-color: #333;
    color: #fff; }
  .thema_dark div.game_point .content p.text, .theme_dark div.game_point .content p.text, .smode div.game_point .content p.text, .chat_thema_dark div.game_point .content p.text {
    color: #999; }
  .thema_dark div.game_point .content .tab_area, .theme_dark div.game_point .content .tab_area, .smode div.game_point .content .tab_area, .chat_thema_dark div.game_point .content .tab_area {
    border-bottom-color: #333333; }
    .thema_dark div.game_point .content .tab_area > button, .theme_dark div.game_point .content .tab_area > button, .smode div.game_point .content .tab_area > button, .chat_thema_dark div.game_point .content .tab_area > button {
      background-color: #1b1b1c; }
      .thema_dark div.game_point .content .tab_area > button:before, .theme_dark div.game_point .content .tab_area > button:before, .smode div.game_point .content .tab_area > button:before, .chat_thema_dark div.game_point .content .tab_area > button:before {
        border-color: #666; }
  .thema_dark div.game_point .content .gp_emoticon .list_none, .theme_dark div.game_point .content .gp_emoticon .list_none, .smode div.game_point .content .gp_emoticon .list_none, .chat_thema_dark div.game_point .content .gp_emoticon .list_none {
    color: #888; }
  .thema_dark div.game_point .content .gp_emoticon .gp_emoticon_title, .theme_dark div.game_point .content .gp_emoticon .gp_emoticon_title, .smode div.game_point .content .gp_emoticon .gp_emoticon_title, .chat_thema_dark div.game_point .content .gp_emoticon .gp_emoticon_title {
    color: #c8c8c8;
    background-color: #1b1b1c;
    border-color: #333; }
  .thema_dark div.game_point .content .gp_emoticon .emoticon_list, .theme_dark div.game_point .content .gp_emoticon .emoticon_list, .smode div.game_point .content .gp_emoticon .emoticon_list, .chat_thema_dark div.game_point .content .gp_emoticon .emoticon_list {
    border-bottom-color: #333; }
    .thema_dark div.game_point .content .gp_emoticon .emoticon_list li button:hover, .theme_dark div.game_point .content .gp_emoticon .emoticon_list li button:hover, .smode div.game_point .content .gp_emoticon .emoticon_list li button:hover, .chat_thema_dark div.game_point .content .gp_emoticon .emoticon_list li button:hover {
      background-color: #333;
      border-color: #1b1b1c; }
  .thema_dark div.game_point .content .gp_event .tag ul li, .theme_dark div.game_point .content .gp_event .tag ul li, .smode div.game_point .content .gp_event .tag ul li, .chat_thema_dark div.game_point .content .gp_event .tag ul li {
    background-color: #333;
    color: #c8c8c8; }
    .thema_dark div.game_point .content .gp_event .tag ul li em, .theme_dark div.game_point .content .gp_event .tag ul li em, .smode div.game_point .content .gp_event .tag ul li em, .chat_thema_dark div.game_point .content .gp_event .tag ul li em {
      color: #7398ff; }
  .thema_dark div.game_point .content .gp_event dl dt, .theme_dark div.game_point .content .gp_event dl dt, .smode div.game_point .content .gp_event dl dt, .chat_thema_dark div.game_point .content .gp_event dl dt {
    color: #c8c8c8; }
  .thema_dark div.game_point .content .gp_event dl dd, .theme_dark div.game_point .content .gp_event dl dd, .smode div.game_point .content .gp_event dl dd, .chat_thema_dark div.game_point .content .gp_event dl dd {
    color: #999; }
  .thema_dark div.game_point .content .gp_event_footer, .theme_dark div.game_point .content .gp_event_footer, .smode div.game_point .content .gp_event_footer, .chat_thema_dark div.game_point .content .gp_event_footer {
    border-color: #333; }
    .thema_dark div.game_point .content .gp_event_footer a, .theme_dark div.game_point .content .gp_event_footer a, .smode div.game_point .content .gp_event_footer a, .chat_thema_dark div.game_point .content .gp_event_footer a {
      background-color: #1b61c3; }
      .thema_dark div.game_point .content .gp_event_footer a.off, .theme_dark div.game_point .content .gp_event_footer a.off, .smode div.game_point .content .gp_event_footer a.off, .chat_thema_dark div.game_point .content .gp_event_footer a.off {
        background-color: #333;
        color: #888; }
  .thema_dark div.game_point .content ul.list li.none:before, .theme_dark div.game_point .content ul.list li.none:before, .smode div.game_point .content ul.list li.none:before, .chat_thema_dark div.game_point .content ul.list li.none:before {
    opacity: 0.5; }
  .thema_dark div.game_point .sub_page, .theme_dark div.game_point .sub_page, .smode div.game_point .sub_page, .chat_thema_dark div.game_point .sub_page {
    background-color: #1b1b1c; }
    .thema_dark div.game_point .sub_page.case1, .theme_dark div.game_point .sub_page.case1, .smode div.game_point .sub_page.case1, .chat_thema_dark div.game_point .sub_page.case1 {
      border-color: #333; }
  .thema_dark div.game_point .layer, .theme_dark div.game_point .layer, .smode div.game_point .layer, .chat_thema_dark div.game_point .layer {
    background-color: #1b1b1c; }
    .thema_dark div.game_point .layer .content strong, .theme_dark div.game_point .layer .content strong, .smode div.game_point .layer .content strong, .chat_thema_dark div.game_point .layer .content strong {
      color: #fff; }
    .thema_dark div.game_point .layer .content p, .theme_dark div.game_point .layer .content p, .smode div.game_point .layer .content p, .chat_thema_dark div.game_point .layer .content p {
      color: #d9d9d9; }
      .thema_dark div.game_point .layer .content p.sub, .theme_dark div.game_point .layer .content p.sub, .smode div.game_point .layer .content p.sub, .chat_thema_dark div.game_point .layer .content p.sub {
        color: #d9d9d9; }
    .thema_dark div.game_point .layer .content .btn_wrap button, .theme_dark div.game_point .layer .content .btn_wrap button, .smode div.game_point .layer .content .btn_wrap button, .chat_thema_dark div.game_point .layer .content .btn_wrap button {
      color: #b3b3b3;
      border: 1px solid #333;
      background-color: #222; }
      .thema_dark div.game_point .layer .content .btn_wrap button.blue, .theme_dark div.game_point .layer .content .btn_wrap button.blue, .smode div.game_point .layer .content .btn_wrap button.blue, .chat_thema_dark div.game_point .layer .content .btn_wrap button.blue {
        color: #ffffff;
        background-color: #1b61c3; }
    .thema_dark div.game_point .layer .content div, .theme_dark div.game_point .layer .content div, .smode div.game_point .layer .content div, .chat_thema_dark div.game_point .layer .content div {
      color: #d9d9d9; }
    .thema_dark div.game_point .layer button.close, .theme_dark div.game_point .layer button.close, .smode div.game_point .layer button.close, .chat_thema_dark div.game_point .layer button.close {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath fill-rule='evenodd' fill='%23c8c8c8' d='M.576.576c.234-.235.614-.235.848 0L9 8.15 16.576.576c.208-.209.531-.232.765-.07l.083.07c.235.234.235.614 0 .848L9.85 9l7.575 7.576c.209.208.232.531.07.765l-.07.083c-.234.235-.614.235-.848 0L9 9.85l-7.576 7.575c-.208.209-.531.232-.765.07l-.083-.07c-.235-.234-.235-.614 0-.848L8.15 9 .576 1.424C.367 1.216.344.893.506.66z'/%3e%3c/svg%3e"); }
.thema_dark #mobile_game_point div.game_point, .thema_dark #mobile_game_point .sub_page, .theme_dark #mobile_game_point div.game_point, .theme_dark #mobile_game_point .sub_page, .smode #mobile_game_point div.game_point, .smode #mobile_game_point .sub_page, .chat_thema_dark #mobile_game_point div.game_point, .chat_thema_dark #mobile_game_point .sub_page {
  background-color: #282828; }
.thema_dark #mobile_game_point div.game_point .area_header h2, .theme_dark #mobile_game_point div.game_point .area_header h2, .smode #mobile_game_point div.game_point .area_header h2, .chat_thema_dark #mobile_game_point div.game_point .area_header h2 {
  color: #fff; }
  .thema_dark #mobile_game_point div.game_point .area_header h2 a span, .theme_dark #mobile_game_point div.game_point .area_header h2 a span, .smode #mobile_game_point div.game_point .area_header h2 a span, .chat_thema_dark #mobile_game_point div.game_point .area_header h2 a span {
    color: #fff; }
  .thema_dark #mobile_game_point div.game_point .area_header h2 a em, .theme_dark #mobile_game_point div.game_point .area_header h2 a em, .smode #mobile_game_point div.game_point .area_header h2 a em, .chat_thema_dark #mobile_game_point div.game_point .area_header h2 a em {
    color: #4279ff; }
.thema_dark #mobile_game_point div.game_point .point_box .point, .theme_dark #mobile_game_point div.game_point .point_box .point, .smode #mobile_game_point div.game_point .point_box .point, .chat_thema_dark #mobile_game_point div.game_point .point_box .point {
  color: #ccc; }
  .thema_dark #mobile_game_point div.game_point .point_box .point em, .theme_dark #mobile_game_point div.game_point .point_box .point em, .smode #mobile_game_point div.game_point .point_box .point em, .chat_thema_dark #mobile_game_point div.game_point .point_box .point em {
    color: #4279ff; }
.thema_dark #mobile_game_point div.game_point .tab_area ul li.on, .theme_dark #mobile_game_point div.game_point .tab_area ul li.on, .smode #mobile_game_point div.game_point .tab_area ul li.on, .chat_thema_dark #mobile_game_point div.game_point .tab_area ul li.on {
  background-color: transparent; }
.thema_dark #mobile_game_point div.game_point .content p.text, .theme_dark #mobile_game_point div.game_point .content p.text, .smode #mobile_game_point div.game_point .content p.text, .chat_thema_dark #mobile_game_point div.game_point .content p.text {
  color: #8c8c8c; }
.thema_dark #mobile_game_point div.game_point .content .gp_emoticon, .theme_dark #mobile_game_point div.game_point .content .gp_emoticon, .smode #mobile_game_point div.game_point .content .gp_emoticon, .chat_thema_dark #mobile_game_point div.game_point .content .gp_emoticon {
  background-color: #333; }
  .thema_dark #mobile_game_point div.game_point .content .gp_emoticon .emoticon_list, .theme_dark #mobile_game_point div.game_point .content .gp_emoticon .emoticon_list, .smode #mobile_game_point div.game_point .content .gp_emoticon .emoticon_list, .chat_thema_dark #mobile_game_point div.game_point .content .gp_emoticon .emoticon_list {
    border-bottom-color: #444; }
  .thema_dark #mobile_game_point div.game_point .content .gp_emoticon .list_none, .theme_dark #mobile_game_point div.game_point .content .gp_emoticon .list_none, .smode #mobile_game_point div.game_point .content .gp_emoticon .list_none, .chat_thema_dark #mobile_game_point div.game_point .content .gp_emoticon .list_none {
    color: #d9d9d9; }
.thema_dark #mobile_game_point div.game_point .content .gp_emoticon_title, .theme_dark #mobile_game_point div.game_point .content .gp_emoticon_title, .smode #mobile_game_point div.game_point .content .gp_emoticon_title, .chat_thema_dark #mobile_game_point div.game_point .content .gp_emoticon_title {
  background-color: #333; }
.thema_dark #mobile_game_point div.game_point .content .gp_event dl dt, .theme_dark #mobile_game_point div.game_point .content .gp_event dl dt, .smode #mobile_game_point div.game_point .content .gp_event dl dt, .chat_thema_dark #mobile_game_point div.game_point .content .gp_event dl dt {
  color: #fff; }
.thema_dark #mobile_game_point div.game_point .content .gp_event .tag ul li, .theme_dark #mobile_game_point div.game_point .content .gp_event .tag ul li, .smode #mobile_game_point div.game_point .content .gp_event .tag ul li, .chat_thema_dark #mobile_game_point div.game_point .content .gp_event .tag ul li {
  background-color: #4279ff1f; }
.thema_dark #mobile_game_point div.game_point .content div, .thema_dark #mobile_game_point div.game_point .content p.sub, .theme_dark #mobile_game_point div.game_point .content div, .theme_dark #mobile_game_point div.game_point .content p.sub, .smode #mobile_game_point div.game_point .content div, .smode #mobile_game_point div.game_point .content p.sub, .chat_thema_dark #mobile_game_point div.game_point .content div, .chat_thema_dark #mobile_game_point div.game_point .content p.sub {
  color: #888; }
.thema_dark #mobile_game_point div.game_point .content .btn_wrap button, .theme_dark #mobile_game_point div.game_point .content .btn_wrap button, .smode #mobile_game_point div.game_point .content .btn_wrap button, .chat_thema_dark #mobile_game_point div.game_point .content .btn_wrap button {
  border-color: #282828 !important; }
  .thema_dark #mobile_game_point div.game_point .content .btn_wrap button:last-child, .theme_dark #mobile_game_point div.game_point .content .btn_wrap button:last-child, .smode #mobile_game_point div.game_point .content .btn_wrap button:last-child, .chat_thema_dark #mobile_game_point div.game_point .content .btn_wrap button:last-child {
    color: #d9d9d9; }

.landscape #mobile_game_point div.game_point {
  background-color: rgba(0, 0, 0, 0.85);
  -webkit-backdrop-filter: blur(50px) blur(4px); }
  .landscape #mobile_game_point div.game_point .area_header h2,
  .landscape #mobile_game_point div.game_point .area_header h2 a span {
    color: #fff; }
  .landscape #mobile_game_point div.game_point .point_box a {
    background-color: #3c3c3c;
    color: #fff; }
  .landscape #mobile_game_point div.game_point .point_box .point {
    color: #ccc; }
  .landscape #mobile_game_point div.game_point .sub_page {
    background-color: rgba(0, 0, 0, 0.85);
    -webkit-backdrop-filter: blur(50px) blur(4px); }
  .landscape #mobile_game_point div.game_point .tab_area {
    border-color: rgba(0, 0, 0, 0.6); }
    .landscape #mobile_game_point div.game_point .tab_area ul li.on {
      background-color: transparent; }
  .landscape #mobile_game_point div.game_point .gp_emoticon {
    background-color: rgba(40, 40, 40, 0.9); }
    .landscape #mobile_game_point div.game_point .gp_emoticon .gp_emoticon_title {
      background-color: rgba(40, 40, 40, 0.9);
      color: #ccc; }
    .landscape #mobile_game_point div.game_point .gp_emoticon .emoticon_list {
      border-color: rgba(0, 0, 0, 0.8); }
  .landscape #mobile_game_point div.game_point .gem_lotti.gem_fail, .landscape #mobile_game_point div.game_point .gem_lotti.gem_win {
    display: none; }
  .landscape #mobile_game_point div.game_point .content .gp_event dl dt {
    color: #fff; }
  .landscape #mobile_game_point div.game_point .content .gp_event .tag ul li {
    color: #8c8c8c;
    background-color: #1f222f; }

:root {
  --text-default:12px; }

[font-level="1"] {
  --text-size: 0px; }

[font-level="2"] {
  --text-size: 1px; }

[font-level="3"] {
  --text-size: 2px; }

[font-level="4"] {
  --text-size: 3px; }

[font-level="5"] {
  --text-size: 4px; }

[font-level="6"] {
  --text-size: 5px; }

[font-level="7"] {
  --text-size: 6px; }

[font-level="8"] {
  --text-size: 7px; }

[font-level] .chatbox .chat_area .ice,
[font-level] .chatbox .chat_area .ice span,
[font-level] .chatbox .chat_area .ice strong,
[font-level] .chatbox .chat_area dl dt > a,
[font-level] .chatbox .chat_area dl dt > a > em,
[font-level] .chatbox .chat_area dl dt > img,
[font-level] .chatbox .chat_area dl dd,
[font-level] .chatbox .chat_area dl dd span,
[font-level] .chatbox .chat_area dl dd div,
[font-level] .chatbox .box_game_point p,
[font-level] .chatbox .box_game_point p span,
[font-level] .chatbox .box_game_point p strong,
[font-level] .chatbox .translation_output span,
[font-level] .chatbox .chat_area .txt_g span,
[font-level] .chatbox .chat_area .vote_txt,
[font-level] .chatbox .chat_area .ear,
[font-level] .chatbox .chat_area .notice_gamble,
[font-level] .chatbox .chat_area .notice_gamble dt,
[font-level] .chatbox .chat_area .speak dt,
[font-level] .chatbox .chat_area .speak dd .box_i p,
[font-level] .chatbox .chat_area .police dt,
[font-level] .chatbox .chat_area .police dd .box_i p,
[font-level] .chatbox .chat_area .servernt dt,
[font-level] .chatbox .chat_area .servernt dd .box_i p,
[font-level] .chatbox .chat_area .box_Vstart span {
  font-size: calc( var(--text-default) + var(--text-size) * 2 );
  line-height: 1.2; }
[font-level] .chatbox .chat_notice .msg p {
  font-size: calc( var(--text-default) + 1px + var(--text-size) * 2 ); }
[font-level] .chatbox .chat_area .notice,
[font-level] .chatbox .chat_area .notice > a,
[font-level] .chatbox .chat_area .notice > a > em,
[font-level] .chatbox .chat_area .notice > span,
[font-level] .chatbox .chat_area dl dd em,
[font-level] .chatbox .chat_area .emo_notice,
[font-level] .chatbox .chat_area .box_end .txt_g,
[font-level] .chatbox .chat_area .ear_deny,
[font-level] .chatbox .chat_area .ear_deny a,
[font-level] .chatbox .chat_area .ear_deny a em,
[font-level] .chatbox .chat_area .vote_txt span,
[font-level] .chatbox .chat_area span.user {
  font-size: calc( var(--text-default) - 1px + var(--text-size) * 2 );
  line-height: 1.2; }
[font-level] .chatbox .chat_notice {
  max-height: calc( 2em + var(--text-size) * 2 ); }
[font-level] .chatbox .chat_notice .ico {
  top: calc( 10px + var(--text-size) / 2 ) !important; }
[font-level] .chatbox .chat_notice .btn_chat_notice {
  top: calc( 7px + var(--text-size) / 2 ) !important; }
[font-level] .chatbox .chat_notice .msg {
  max-height: calc( 1.6em + var(--text-size) * 2 );
  line-height: 1.5; }
[font-level] .chatbox .chat_notice .msg > p {
  max-height: calc( 1.6em + var(--text-size) * 2 );
  line-height: 1.5; }

[font-level="3"] .chatbox .chat_notice .msg > p {
  line-height: 1.4; }

[font-level="4"] .chat_area em.pc {
  top: 1px; }
[font-level="4"] .chatbox .chat_notice .msg > p {
  line-height: 1.3; }

[font-level="5"] .chat_area em.pc {
  top: 1px; }
[font-level="5"] .chatbox .chat_notice .msg > p {
  line-height: 1.3; }

[font-level="6"] .chat_area em.pc {
  top: 3px; }
[font-level="6"] .chatbox .chat_notice .msg > p {
  line-height: 1.2; }

[font-level="7"] .chat_area em.pc {
  top: 4px; }
[font-level="7"] .chatbox .chat_notice .msg > p {
  line-height: 1.2; }

[font-level="8"] .chat_area em.pc {
  top: 5px; }
[font-level="8"] .chatbox .chat_notice .msg > p {
  line-height: 1.1; }

.chatbox .area_header > ul li a {
  width: 22px;
  height: 22px; }

.area_header > ul li a {
  display: block;
  font-size: 0; }

.area_header ul li.mchat a {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M16 4a3.5 3.5 0 0 1 3.5 3.5v6A3.5 3.5 0 0 1 16 17h-5.95l-2.889 2.856a.5.5 0 0 1-.844-.27L6.31 19.5 6.309 17H6a3.5 3.5 0 0 1-3.495-3.308L2.5 13.5v-6A3.5 3.5 0 0 1 6 4zm0 1H6a2.5 2.5 0 0 0-2.5 2.5v6A2.5 2.5 0 0 0 6 16h.809a.5.5 0 0 1 .5.5v1.803l2.186-2.159a.5.5 0 0 1 .273-.138L9.846 16H16a2.5 2.5 0 0 0 2.5-2.5v-6A2.5 2.5 0 0 0 16 5zM8.738 7.5c.053 0 .094.008.123.023.03.016.056.05.08.102l2.055 4.527 2.064-4.527c.035-.083.108-.125.22-.125h.957c.122 0 .197.012.223.035.027.023.04.09.04.199v5.618c0 .062-.01.103-.03.12-.021.019-.067.028-.137.028h-.86c-.077 0-.124-.01-.141-.027-.018-.018-.026-.059-.026-.121V9.44l-1.713 3.889a.299.299 0 0 1-.08.109c-.023.015-.067.023-.13.023h-.765a.286.286 0 0 1-.136-.023c-.027-.016-.051-.052-.075-.11L8.694 9.44v3.912c0 .062-.008.103-.026.12-.017.019-.064.028-.14.028h-.861c-.076 0-.123-.01-.14-.027-.018-.018-.027-.059-.027-.121V7.734c0-.11.013-.176.04-.199.026-.023.098-.035.215-.035h.983z' fill='%23707173' fill-rule='nonzero'/%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%; }
.area_header ul li.mchat a:hover, .area_header ul li.mchat a.on {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M16 4a3.5 3.5 0 0 1 3.5 3.5v6A3.5 3.5 0 0 1 16 17h-5.95l-2.889 2.856a.5.5 0 0 1-.844-.27L6.31 19.5 6.309 17H6a3.5 3.5 0 0 1-3.495-3.308L2.5 13.5v-6A3.5 3.5 0 0 1 6 4zm0 1H6a2.5 2.5 0 0 0-2.5 2.5v6A2.5 2.5 0 0 0 6 16h.809a.5.5 0 0 1 .5.5v1.803l2.186-2.159a.5.5 0 0 1 .273-.138L9.846 16H16a2.5 2.5 0 0 0 2.5-2.5v-6A2.5 2.5 0 0 0 16 5zM8.738 7.5c.053 0 .094.008.123.023.03.016.056.05.08.102l2.055 4.527 2.064-4.527c.035-.083.108-.125.22-.125h.957c.122 0 .197.012.223.035.027.023.04.09.04.199v5.618c0 .062-.01.103-.03.12-.021.019-.067.028-.137.028h-.86c-.077 0-.124-.01-.141-.027-.018-.018-.026-.059-.026-.121V9.44l-1.713 3.889a.299.299 0 0 1-.08.109c-.023.015-.067.023-.13.023h-.765a.286.286 0 0 1-.136-.023c-.027-.016-.051-.052-.075-.11L8.694 9.44v3.912c0 .062-.008.103-.026.12-.017.019-.064.028-.14.028h-.861c-.076 0-.123-.01-.14-.027-.018-.018-.027-.059-.027-.121V7.734c0-.11.013-.176.04-.199.026-.023.098-.035.215-.035h.983z' fill='%234279ff' fill-rule='nonzero'/%3e%3c/svg%3e"); }
.area_header ul li.mchat a.icon_flicker {
  animation: icon_flicker 1s infinite; }
.area_header ul li.c-out a {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M16 3.5c.778 0 1.42.597 1.493 1.356L17.5 5v12c0 .778-.597 1.42-1.356 1.493L16 18.5h-3.99a.498.498 0 0 1-.323-.119l-.723.994a1.495 1.495 0 0 1-1.204.615H5.49c-.826 0-1.49-.664-1.49-1.49v-5.17c0-.724.55-1.336 1.293-1.423l.108-.006.099.003V5c0-.778.597-1.42 1.356-1.493L7 3.5h9zM5.431 12.9l-.05.003A.436.436 0 0 0 5 13.33v5.17c0 .274.216.49.49.49h4.27a.495.495 0 0 0 .396-.204l2.96-4.071a.867.867 0 0 0-.044-1.076l-.076-.079a.866.866 0 0 0-1.075-.077L8.38 15.894c-1.071.724-2.52-.042-2.52-1.334v-1.23a.435.435 0 0 0-.429-.43zM16 4.5H7a.504.504 0 0 0-.492.41L6.5 5v7a.498.498 0 0 1-.092.29c.277.26.452.63.452 1.04v1.23c0 .49.552.781.959.507l3.539-2.41a1.871 1.871 0 0 1 2.336.187l.108.112c.588.657.64 1.639.122 2.348L12.327 17.5H16c.243 0 .45-.179.492-.41L16.5 17V5a.504.504 0 0 0-.41-.492L16 4.5z' fill='%23707173'/%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%; }
.area_header ul li.c-out a:hover, .area_header ul li.c-out a.on {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M16 3.5c.778 0 1.42.597 1.493 1.356L17.5 5v12c0 .778-.597 1.42-1.356 1.493L16 18.5h-3.99a.498.498 0 0 1-.323-.119l-.723.994a1.495 1.495 0 0 1-1.204.615H5.49c-.826 0-1.49-.664-1.49-1.49v-5.17c0-.724.55-1.336 1.293-1.423l.108-.006.099.003V5c0-.778.597-1.42 1.356-1.493L7 3.5h9zM5.431 12.9l-.05.003A.436.436 0 0 0 5 13.33v5.17c0 .274.216.49.49.49h4.27a.495.495 0 0 0 .396-.204l2.96-4.071a.867.867 0 0 0-.044-1.076l-.076-.079a.866.866 0 0 0-1.075-.077L8.38 15.894c-1.071.724-2.52-.042-2.52-1.334v-1.23a.435.435 0 0 0-.429-.43zM16 4.5H7a.504.504 0 0 0-.492.41L6.5 5v7a.498.498 0 0 1-.092.29c.277.26.452.63.452 1.04v1.23c0 .49.552.781.959.507l3.539-2.41a1.871 1.871 0 0 1 2.336.187l.108.112c.588.657.64 1.639.122 2.348L12.327 17.5H16c.243 0 .45-.179.492-.41L16.5 17V5a.504.504 0 0 0-.41-.492L16 4.5z' fill='%234279ff'/%3e%3c/svg%3e"); }
.area_header ul li.ice a.freeze {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='m14.333 11.87-2.751 2.75a1.417 1.417 0 0 0 0 2.005l2.749 2.75a1.418 1.418 0 0 0 2.003 0l2.75-2.75a1.417 1.417 0 0 0 0-2.005l-2.749-2.75a1.418 1.418 0 0 0-2.002 0zm.705.708a.418.418 0 0 1 .525-.053l.065.053 2.75 2.749a.417.417 0 0 1 .053.525l-.054.066-2.749 2.749a.418.418 0 0 1-.524.053l-.066-.053-2.749-2.749a.417.417 0 0 1-.054-.525l.054-.066 2.749-2.749zm-5.99-1.101h-4.13c-.784 0-1.418.634-1.418 1.417v4.131c0 .783.635 1.418 1.418 1.418h4.13c.783 0 1.418-.635 1.418-1.418v-4.13c0-.783-.634-1.418-1.418-1.418zm0 1c.206 0 .376.148.411.342l.007.075v4.131a.418.418 0 0 1-.343.411l-.075.007h-4.13a.418.418 0 0 1-.411-.343l-.007-.075v-4.13c0-.206.147-.376.342-.411l.076-.007h4.13zm0-8.977h-4.13c-.784 0-1.418.634-1.418 1.418v4.13c0 .784.635 1.418 1.418 1.418h4.13c.783 0 1.418-.635 1.418-1.418v-4.13c0-.783-.634-1.418-1.418-1.418zm0 1c.206 0 .376.148.411.342l.007.076v4.13a.418.418 0 0 1-.343.411l-.075.007h-4.13a.417.417 0 0 1-.411-.342L4.5 9.048v-4.13c0-.206.147-.376.342-.411l.076-.007h4.13zm7.977-1h-4.13c-.784 0-1.418.634-1.418 1.418v4.13c0 .784.635 1.418 1.417 1.418h4.131c.783 0 1.418-.635 1.418-1.418v-4.13c0-.783-.635-1.418-1.418-1.418zm0 1c.205 0 .376.148.411.342l.007.076v4.13a.418.418 0 0 1-.343.411l-.075.007h-4.13a.417.417 0 0 1-.411-.342l-.007-.076v-4.13c0-.206.147-.376.342-.411l.075-.007h4.131z' fill='%23707173'/%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%; }
.area_header ul li.ice a.freeze.on, .area_header ul li.ice a.freeze:hover {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='m14.333 11.87-2.751 2.75a1.417 1.417 0 0 0 0 2.005l2.749 2.75a1.418 1.418 0 0 0 2.003 0l2.75-2.75a1.417 1.417 0 0 0 0-2.005l-2.749-2.75a1.418 1.418 0 0 0-2.002 0zm.705.708a.418.418 0 0 1 .525-.053l.065.053 2.75 2.749a.417.417 0 0 1 .053.525l-.054.066-2.749 2.749a.418.418 0 0 1-.524.053l-.066-.053-2.749-2.749a.417.417 0 0 1-.054-.525l.054-.066 2.749-2.749zm-5.99-1.101h-4.13c-.784 0-1.418.634-1.418 1.417v4.131c0 .783.635 1.418 1.418 1.418h4.13c.783 0 1.418-.635 1.418-1.418v-4.13c0-.783-.634-1.418-1.418-1.418zm0 1c.206 0 .376.148.411.342l.007.075v4.131a.418.418 0 0 1-.343.411l-.075.007h-4.13a.418.418 0 0 1-.411-.343l-.007-.075v-4.13c0-.206.147-.376.342-.411l.076-.007h4.13zm0-8.977h-4.13c-.784 0-1.418.634-1.418 1.418v4.13c0 .784.635 1.418 1.418 1.418h4.13c.783 0 1.418-.635 1.418-1.418v-4.13c0-.783-.634-1.418-1.418-1.418zm0 1c.206 0 .376.148.411.342l.007.076v4.13a.418.418 0 0 1-.343.411l-.075.007h-4.13a.417.417 0 0 1-.411-.342L4.5 9.048v-4.13c0-.206.147-.376.342-.411l.076-.007h4.13zm7.977-1h-4.13c-.784 0-1.418.634-1.418 1.418v4.13c0 .784.635 1.418 1.417 1.418h4.131c.783 0 1.418-.635 1.418-1.418v-4.13c0-.783-.635-1.418-1.418-1.418zm0 1c.205 0 .376.148.411.342l.007.076v4.13a.418.418 0 0 1-.343.411l-.075.007h-4.13a.417.417 0 0 1-.411-.342l-.007-.076v-4.13c0-.206.147-.376.342-.411l.075-.007h4.131z' fill='%234279ff'/%3e%3c/svg%3e"); }
.area_header ul li.ice a.warm {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M18.063 5.813v.937H19v.938h-.938v.937h-.937v-.938h-.938V6.75h.938v-.938h.938zM13.375 3v.938h.938v.937h-.938v.938h-.938v-.938H11.5v-.938h.938V3h.937zm.509 6.737-.11.182c-.4.674-.782 1.348-1.13 1.996-.173.325-.343.653-.51.984l-.259.537-.227.5c-.423.966-.648 1.708-.648 2.189a3.312 3.312 0 1 0 6.625 0c0-.441-.19-1.1-.546-1.95l-.21-.483a22.501 22.501 0 0 0-.119-.255l-.259-.536-.33-.646a52.437 52.437 0 0 0-1.308-2.334l-.112-.184a.5.5 0 0 0-.857 0zm.428 1.241.253.441c.185.327.364.65.534.968l.175.331.322.628.235.486.106.23.192.435c.324.761.496 1.33.496 1.628a2.312 2.312 0 1 1-4.625 0c0-.162.051-.406.15-.717l.116-.333c.043-.118.092-.244.146-.376l.177-.415c.031-.073.065-.147.099-.222l.22-.47.122-.247a40.897 40.897 0 0 1 1.03-1.926l.252-.441zM6.384 4.112l-.11.182c-.4.674-.782 1.348-1.13 1.996-.173.325-.343.653-.51.984l-.259.537-.227.5C3.725 9.278 3.5 10.02 3.5 10.5a3.312 3.312 0 1 0 6.625 0c0-.441-.19-1.1-.546-1.95l-.21-.483a22.5 22.5 0 0 0-.119-.255l-.259-.536-.33-.646a52.437 52.437 0 0 0-1.308-2.334l-.112-.184a.5.5 0 0 0-.857 0zm.428 1.241.253.441c.185.327.364.65.534.968l.175.331.322.628.235.486.106.23.192.435c.324.761.496 1.33.496 1.628a2.312 2.312 0 1 1-4.625 0c0-.162.051-.406.15-.717l.116-.333c.043-.118.092-.244.146-.376l.177-.415c.031-.073.065-.147.099-.222l.22-.47.122-.247a40.897 40.897 0 0 1 1.03-1.926l.252-.441z' fill='%23707173'/%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%; }
.area_header ul li.ice a.warm.on, .area_header ul li.ice a.warm:hover {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M18.063 5.813v.937H19v.938h-.938v.937h-.937v-.938h-.938V6.75h.938v-.938h.938zM13.375 3v.938h.938v.937h-.938v.938h-.938v-.938H11.5v-.938h.938V3h.937zm.509 6.737-.11.182c-.4.674-.782 1.348-1.13 1.996-.173.325-.343.653-.51.984l-.259.537-.227.5c-.423.966-.648 1.708-.648 2.189a3.312 3.312 0 1 0 6.625 0c0-.441-.19-1.1-.546-1.95l-.21-.483a22.501 22.501 0 0 0-.119-.255l-.259-.536-.33-.646a52.437 52.437 0 0 0-1.308-2.334l-.112-.184a.5.5 0 0 0-.857 0zm.428 1.241.253.441c.185.327.364.65.534.968l.175.331.322.628.235.486.106.23.192.435c.324.761.496 1.33.496 1.628a2.312 2.312 0 1 1-4.625 0c0-.162.051-.406.15-.717l.116-.333c.043-.118.092-.244.146-.376l.177-.415c.031-.073.065-.147.099-.222l.22-.47.122-.247a40.897 40.897 0 0 1 1.03-1.926l.252-.441zM6.384 4.112l-.11.182c-.4.674-.782 1.348-1.13 1.996-.173.325-.343.653-.51.984l-.259.537-.227.5C3.725 9.278 3.5 10.02 3.5 10.5a3.312 3.312 0 1 0 6.625 0c0-.441-.19-1.1-.546-1.95l-.21-.483a22.5 22.5 0 0 0-.119-.255l-.259-.536-.33-.646a52.437 52.437 0 0 0-1.308-2.334l-.112-.184a.5.5 0 0 0-.857 0zm.428 1.241.253.441c.185.327.364.65.534.968l.175.331.322.628.235.486.106.23.192.435c.324.761.496 1.33.496 1.628a2.312 2.312 0 1 1-4.625 0c0-.162.051-.406.15-.717l.116-.333c.043-.118.092-.244.146-.376l.177-.415c.031-.073.065-.147.099-.222l.22-.47.122-.247a40.897 40.897 0 0 1 1.03-1.926l.252-.441z' fill='%234279ff'/%3e%3c/svg%3e"); }
.area_header ul li.viewer a {
  margin-top: -1px;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M7.5 11.5c3.634-.001 6 2.74 6 6.5a.5.5 0 1 1-1 0c0-3.238-1.954-5.5-5-5.5-3.047 0-5 2.263-5 5.5a.5.5 0 1 1-1 0c0-3.76 2.366-6.499 6-6.5zm.1-7c-.823 0-1.612.326-2.19.907A3.087 3.087 0 0 0 4.5 7.6c-.002.821.326 1.61.91 2.194.578.58 1.367.906 2.19.906s1.612-.326 2.19-.907c.578-.575.91-1.358.91-2.193 0-.833-.332-1.617-.91-2.194A3.09 3.09 0 0 0 7.6 4.5zm0 1a2.09 2.09 0 0 1 1.483.613 2.097 2.097 0 0 1 0 2.973A2.093 2.093 0 0 1 7.6 9.7a2.094 2.094 0 0 1-1.482-.612A2.093 2.093 0 0 1 5.5 7.6c0-.567.224-1.096.617-1.487A2.093 2.093 0 0 1 7.6 5.5zm12.4 2a.5.5 0 0 1 .09.992L20 8.5h-7a.5.5 0 0 1-.09-.992L13 7.5h7zm0 4a.5.5 0 0 1 .09.992L20 12.5h-5a.5.5 0 0 1-.09-.992L15 11.5h5zm0 4a.5.5 0 0 1 .09.992L20 16.5h-4a.5.5 0 0 1-.09-.992L16 15.5h4z' fill='%23707173'/%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%; }
.area_header ul li.viewer a.on, .area_header ul li.viewer a:hover {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M7.5 11.5c3.634-.001 6 2.74 6 6.5a.5.5 0 1 1-1 0c0-3.238-1.954-5.5-5-5.5-3.047 0-5 2.263-5 5.5a.5.5 0 1 1-1 0c0-3.76 2.366-6.499 6-6.5zm.1-7c-.823 0-1.612.326-2.19.907A3.087 3.087 0 0 0 4.5 7.6c-.002.821.326 1.61.91 2.194.578.58 1.367.906 2.19.906s1.612-.326 2.19-.907c.578-.575.91-1.358.91-2.193 0-.833-.332-1.617-.91-2.194A3.09 3.09 0 0 0 7.6 4.5zm0 1a2.09 2.09 0 0 1 1.483.613 2.097 2.097 0 0 1 0 2.973A2.093 2.093 0 0 1 7.6 9.7a2.094 2.094 0 0 1-1.482-.612A2.093 2.093 0 0 1 5.5 7.6c0-.567.224-1.096.617-1.487A2.093 2.093 0 0 1 7.6 5.5zm12.4 2a.5.5 0 0 1 .09.992L20 8.5h-7a.5.5 0 0 1-.09-.992L13 7.5h7zm0 4a.5.5 0 0 1 .09.992L20 12.5h-5a.5.5 0 0 1-.09-.992L15 11.5h5zm0 4a.5.5 0 0 1 .09.992L20 16.5h-4a.5.5 0 0 1-.09-.992L16 15.5h4z' fill='%234279ff'/%3e%3c/svg%3e"); }
.area_header ul li.set a {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M11 2.5c1.07 0 1.938.867 1.938 1.938l-.001.245.12.036c.318.104.628.232.927.382l.112.06.174-.173a1.937 1.937 0 0 1 2.594-.126l.128.117a1.923 1.923 0 0 1 .015 2.748l-.17.171.062.117c.151.299.279.608.382.927l.036.12h.245c1.02 0 1.855.787 1.932 1.787L19.5 11c0 1.07-.867 1.938-1.938 1.938l-.246-.001-.035.12a6.578 6.578 0 0 1-.382.926l-.062.116.155.157c.333.322.537.752.578 1.21l.008.172c0 .521-.212 1.02-.576 1.372a1.938 1.938 0 0 1-2.733 0l-.173-.174-.112.06a6.58 6.58 0 0 1-.927.383l-.12.035v.247a1.936 1.936 0 0 1-1.786 1.931l-.151.006a1.938 1.938 0 0 1-1.938-1.937v-.245l-.119-.035a6.58 6.58 0 0 1-.927-.382l-.114-.062-.168.171a1.94 1.94 0 0 1-2.62.119l-.123-.113a1.94 1.94 0 0 1-.003-2.746l.172-.171-.06-.112a6.578 6.578 0 0 1-.381-.927l-.036-.119h-.245a1.938 1.938 0 0 1-1.932-1.786l-.006-.151c0-1.07.867-1.938 1.938-1.938h.245l.036-.119a6.33 6.33 0 0 1 .382-.926l.059-.113-.175-.174a1.94 1.94 0 0 1-.108-2.619l.114-.123a1.94 1.94 0 0 1 2.745.008l.166.168.114-.06c.3-.152.609-.28.927-.383l.119-.036v-.25c0-1.019.787-1.854 1.787-1.931zm0 1a.937.937 0 0 0-.938.938v.937a.322.322 0 0 0 .02.098 5.578 5.578 0 0 0-2.345.966.347.347 0 0 0-.056-.075l-.656-.663a.94.94 0 1 0-1.331 1.326l.665.663c.023.02.048.036.075.05a5.576 5.576 0 0 0-.965 2.343l-.094-.019h-.938a.937.937 0 1 0 0 1.875h.938l.094-.018c.137.845.468 1.647.965 2.343a.375.375 0 0 0-.075.05l-.665.663a.94.94 0 1 0 1.331 1.325l.656-.662a.347.347 0 0 0 .056-.075 5.58 5.58 0 0 0 2.344.966.322.322 0 0 0-.018.094v.936a.937.937 0 1 0 1.874 0v-.938l-.018-.094a5.58 5.58 0 0 0 2.343-.966l.047.075.666.663a.937.937 0 0 0 1.322 0 .922.922 0 0 0 0-1.326l-.656-.663-.075-.05a5.578 5.578 0 0 0 .965-2.343.57.57 0 0 0 .094.018h.938a.937.937 0 1 0 0-1.874h-.938a.57.57 0 0 0-.094.016 5.576 5.576 0 0 0-.965-2.343l.075-.05.656-.663a.922.922 0 0 0 0-1.325.938.938 0 0 0-1.322 0l-.666.662-.046.075a5.578 5.578 0 0 0-2.344-.966l.018-.094v-.938A.937.937 0 0 0 11 3.5zm0 4.188a3.313 3.313 0 1 1 0 6.625 3.313 3.313 0 0 1 0-6.626zm0 1a2.313 2.313 0 1 0 0 4.625 2.313 2.313 0 0 0 0-4.626z' fill='%23707173'/%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%; }
.area_header ul li.set a.on, .area_header ul li.set a:hover {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M11 2.5c1.07 0 1.938.867 1.938 1.938l-.001.245.12.036c.318.104.628.232.927.382l.112.06.174-.173a1.937 1.937 0 0 1 2.594-.126l.128.117a1.923 1.923 0 0 1 .015 2.748l-.17.171.062.117c.151.299.279.608.382.927l.036.12h.245c1.02 0 1.855.787 1.932 1.787L19.5 11c0 1.07-.867 1.938-1.938 1.938l-.246-.001-.035.12a6.578 6.578 0 0 1-.382.926l-.062.116.155.157c.333.322.537.752.578 1.21l.008.172c0 .521-.212 1.02-.576 1.372a1.938 1.938 0 0 1-2.733 0l-.173-.174-.112.06a6.58 6.58 0 0 1-.927.383l-.12.035v.247a1.936 1.936 0 0 1-1.786 1.931l-.151.006a1.938 1.938 0 0 1-1.938-1.937v-.245l-.119-.035a6.58 6.58 0 0 1-.927-.382l-.114-.062-.168.171a1.94 1.94 0 0 1-2.62.119l-.123-.113a1.94 1.94 0 0 1-.003-2.746l.172-.171-.06-.112a6.578 6.578 0 0 1-.381-.927l-.036-.119h-.245a1.938 1.938 0 0 1-1.932-1.786l-.006-.151c0-1.07.867-1.938 1.938-1.938h.245l.036-.119a6.33 6.33 0 0 1 .382-.926l.059-.113-.175-.174a1.94 1.94 0 0 1-.108-2.619l.114-.123a1.94 1.94 0 0 1 2.745.008l.166.168.114-.06c.3-.152.609-.28.927-.383l.119-.036v-.25c0-1.019.787-1.854 1.787-1.931zm0 1a.937.937 0 0 0-.938.938v.937a.322.322 0 0 0 .02.098 5.578 5.578 0 0 0-2.345.966.347.347 0 0 0-.056-.075l-.656-.663a.94.94 0 1 0-1.331 1.326l.665.663c.023.02.048.036.075.05a5.576 5.576 0 0 0-.965 2.343l-.094-.019h-.938a.937.937 0 1 0 0 1.875h.938l.094-.018c.137.845.468 1.647.965 2.343a.375.375 0 0 0-.075.05l-.665.663a.94.94 0 1 0 1.331 1.325l.656-.662a.347.347 0 0 0 .056-.075 5.58 5.58 0 0 0 2.344.966.322.322 0 0 0-.018.094v.936a.937.937 0 1 0 1.874 0v-.938l-.018-.094a5.58 5.58 0 0 0 2.343-.966l.047.075.666.663a.937.937 0 0 0 1.322 0 .922.922 0 0 0 0-1.326l-.656-.663-.075-.05a5.578 5.578 0 0 0 .965-2.343.57.57 0 0 0 .094.018h.938a.937.937 0 1 0 0-1.874h-.938a.57.57 0 0 0-.094.016 5.576 5.576 0 0 0-.965-2.343l.075-.05.656-.663a.922.922 0 0 0 0-1.325.938.938 0 0 0-1.322 0l-.666.662-.046.075a5.578 5.578 0 0 0-2.344-.966l.018-.094v-.938A.937.937 0 0 0 11 3.5zm0 4.188a3.313 3.313 0 1 1 0 6.625 3.313 3.313 0 0 1 0-6.626zm0 1a2.313 2.313 0 1 0 0 4.625 2.313 2.313 0 0 0 0-4.626z' fill='%234279ff'/%3e%3c/svg%3e"); }
.area_header ul li.c-notice a {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='m15.972 4.172-2.914 1.393-.074.039c-.433.26-1.362.487-1.984.487H7.941C5.784 6.09 4 7.875 4 10.032l.007.231.018.2c.226 1.975 1.918 3.51 3.916 3.51h.396l.784 3.808c.326 1.007 1.033 1.545 2.006 1.545l.18-.009.146-.021a1.963 1.963 0 0 0 1.573-2.26l-.599-2.893.042.01c.188.052.337.103.472.163l3.049 1.458c1 .5 2.01-.182 2.01-1.281v-9.05c0-1.102-1.012-1.78-2.028-1.271zm-2.494 2.301 2.933-1.403c.341-.17.589-.004.589.374v9.049c0 .377-.247.544-.57.382l-3.07-1.467a4.307 4.307 0 0 0-.637-.222l-.377-.095-1.213-.27.888 4.295c.144.58-.244 1.145-.795 1.205l-.125.006c-.504 0-.835-.252-1.015-.802l-.933-4.552H7.941c-1.536 0-2.838-1.228-2.935-2.757l-.006-.2c0-1.59 1.336-2.925 2.941-2.925H11c.794 0 1.9-.27 2.478-.618z' fill='%23707173'/%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%; }
.area_header ul li.c-notice a.on, .area_header ul li.c-notice a:hover {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='m15.972 4.172-2.914 1.393-.074.039c-.433.26-1.362.487-1.984.487H7.941C5.784 6.09 4 7.875 4 10.032l.007.231.018.2c.226 1.975 1.918 3.51 3.916 3.51h.396l.784 3.808c.326 1.007 1.033 1.545 2.006 1.545l.18-.009.146-.021a1.963 1.963 0 0 0 1.573-2.26l-.599-2.893.042.01c.188.052.337.103.472.163l3.049 1.458c1 .5 2.01-.182 2.01-1.281v-9.05c0-1.102-1.012-1.78-2.028-1.271zm-2.494 2.301 2.933-1.403c.341-.17.589-.004.589.374v9.049c0 .377-.247.544-.57.382l-3.07-1.467a4.307 4.307 0 0 0-.637-.222l-.377-.095-1.213-.27.888 4.295c.144.58-.244 1.145-.795 1.205l-.125.006c-.504 0-.835-.252-1.015-.802l-.933-4.552H7.941c-1.536 0-2.838-1.228-2.935-2.757l-.006-.2c0-1.59 1.336-2.925 2.941-2.925H11c.794 0 1.9-.27 2.478-.618z' fill='%234279ff'/%3e%3c/svg%3e"); }
.area_header ul li.close a {
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L11 10.293l5.646-5.647a.5.5 0 0 1 .765.638l-.057.07L11.707 11l5.647 5.646.057.07a.5.5 0 0 1-.765.638L11 11.707l-5.646 5.647a.5.5 0 0 1-.765-.638l.057-.07L10.293 11 4.646 5.354l-.057-.07a.5.5 0 0 1 .057-.638z' fill='%23707173'/%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%; }
.area_header ul li.close a.on, .area_header ul li.close a:hover {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L11 10.293l5.646-5.647a.5.5 0 0 1 .765.638l-.057.07L11.707 11l5.647 5.646.057.07a.5.5 0 0 1-.765.638L11 11.707l-5.646 5.647a.5.5 0 0 1-.765-.638l.057-.07L10.293 11 4.646 5.354l-.057-.07a.5.5 0 0 1 .057-.638z' fill='%234279ff'/%3e%3c/svg%3e"); }
.area_header ul li.refresh a {
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M8.646 4.554v4.222a.5.5 0 0 1-.992.09l-.008-.09v-2.57C5.843 7.335 4.76 9.41 4.912 11.632c.222 3.241 2.973 5.681 6.14 5.455a.5.5 0 1 1 .072.998c-3.724.265-6.95-2.595-7.21-6.384A6.926 6.926 0 0 1 6.82 5.554H4.498a.5.5 0 0 1-.492-.41l-.008-.09a.5.5 0 0 1 .41-.492l.09-.008h4.148zm9.44 5.767a6.934 6.934 0 0 1-2.615 5.93h2.216a.5.5 0 0 1 .492.41l.008.09a.5.5 0 0 1-.41.492l-.09.008h-4.148v-4.222a.5.5 0 0 1 .992-.09l.008.09v2.665c1.692-1.152 2.696-3.16 2.549-5.305-.222-3.24-2.973-5.68-6.14-5.455a.5.5 0 1 1-.072-.997c3.724-.266 6.95 2.595 7.21 6.384z' fill='%23707173'/%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%; }
.area_header ul li.refresh a.on, .area_header ul li.refresh a:hover {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M8.646 4.554v4.222a.5.5 0 0 1-.992.09l-.008-.09v-2.57C5.843 7.335 4.76 9.41 4.912 11.632c.222 3.241 2.973 5.681 6.14 5.455a.5.5 0 1 1 .072.998c-3.724.265-6.95-2.595-7.21-6.384A6.926 6.926 0 0 1 6.82 5.554H4.498a.5.5 0 0 1-.492-.41l-.008-.09a.5.5 0 0 1 .41-.492l.09-.008h4.148zm9.44 5.767a6.934 6.934 0 0 1-2.615 5.93h2.216a.5.5 0 0 1 .492.41l.008.09a.5.5 0 0 1-.41.492l-.09.008h-4.148v-4.222a.5.5 0 0 1 .992-.09l.008.09v2.665c1.692-1.152 2.696-3.16 2.549-5.305-.222-3.24-2.973-5.68-6.14-5.455a.5.5 0 1 1-.072-.997c3.724-.266 6.95 2.595 7.21 6.384z' fill='%234279ff'/%3e%3c/svg%3e"); }
.area_header ul li.refresh.off a {
  cursor: default;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M8.646 4.554v4.222a.5.5 0 0 1-.992.09l-.008-.09v-2.57C5.843 7.335 4.76 9.41 4.912 11.632c.222 3.241 2.973 5.681 6.14 5.455a.5.5 0 1 1 .072.998c-3.724.265-6.95-2.595-7.21-6.384A6.926 6.926 0 0 1 6.82 5.554H4.498a.5.5 0 0 1-.492-.41l-.008-.09a.5.5 0 0 1 .41-.492l.09-.008h4.148zm9.44 5.767a6.934 6.934 0 0 1-2.615 5.93h2.216a.5.5 0 0 1 .492.41l.008.09a.5.5 0 0 1-.41.492l-.09.008h-4.148v-4.222a.5.5 0 0 1 .992-.09l.008.09v2.665c1.692-1.152 2.696-3.16 2.549-5.305-.222-3.24-2.973-5.68-6.14-5.455a.5.5 0 1 1-.072-.997c3.724-.266 6.95 2.595 7.21 6.384z' fill='%23d9d9d9'/%3e%3c/svg%3e") !important; }
.area_header ul li.management a {
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3e%3cg fill='none' fill-rule='even0odd' stroke='%23707173'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M11.389 14.386a7.47 7.47 0 0 0 2.758-.522l2.823 1.358-.319-3.039c1.145-1.187 1.849-2.76 1.849-4.49C18.5 3.997 15.316 1 11.389 1c-2.243 0-4.243.977-5.546 2.503'/%3e%3cg transform='matrix(-1 0 0 1 11 5)'%3e%3cpath d='M5.053 0a1 1 0 0 1 1 1v.14c.33.09.642.22.932.387l.1-.1a1 1 0 0 1 1.413 0l.075.075a1 1 0 0 1 0 1.414l-.1.099c.166.29.297.602.387.932H9a1 1 0 0 1 1 1v.106a1 1 0 0 1-1 1h-.14c-.09.33-.22.642-.387.932l.1.1a1 1 0 0 1 0 1.413l-.075.075a1 1 0 0 1-1.414 0l-.099-.1c-.29.166-.602.297-.932.387V9a1 1 0 0 1-1 1h-.106a1 1 0 0 1-1-1v-.14c-.33-.09-.642-.22-.932-.387l-.1.1a1 1 0 0 1-1.413 0l-.075-.075a1 1 0 0 1 0-1.414l.1-.099a3.976 3.976 0 0 1-.387-.932H1a1 1 0 0 1-1-1v-.106a1 1 0 0 1 1-1h.14c.09-.33.22-.642.387-.932l-.1-.1a1 1 0 0 1 0-1.413l.075-.075a1 1 0 0 1 1.414 0l.099.1c.29-.166.602-.297.932-.387V1a1 1 0 0 1 1-1h.106z'/%3e%3ccircle cx='5' cy='5' r='1.167'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 19px 16px; }
.area_header ul li.management a.on, .area_header ul li.management a:hover {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3e%3cg fill='none' fill-rule='even0odd' stroke='%234279ff'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M11.389 14.386a7.47 7.47 0 0 0 2.758-.522l2.823 1.358-.319-3.039c1.145-1.187 1.849-2.76 1.849-4.49C18.5 3.997 15.316 1 11.389 1c-2.243 0-4.243.977-5.546 2.503'/%3e%3cg transform='matrix(-1 0 0 1 11 5)'%3e%3cpath d='M5.053 0a1 1 0 0 1 1 1v.14c.33.09.642.22.932.387l.1-.1a1 1 0 0 1 1.413 0l.075.075a1 1 0 0 1 0 1.414l-.1.099c.166.29.297.602.387.932H9a1 1 0 0 1 1 1v.106a1 1 0 0 1-1 1h-.14c-.09.33-.22.642-.387.932l.1.1a1 1 0 0 1 0 1.413l-.075.075a1 1 0 0 1-1.414 0l-.099-.1c-.29.166-.602.297-.932.387V9a1 1 0 0 1-1 1h-.106a1 1 0 0 1-1-1v-.14c-.33-.09-.642-.22-.932-.387l-.1.1a1 1 0 0 1-1.413 0l-.075-.075a1 1 0 0 1 0-1.414l.1-.099a3.976 3.976 0 0 1-.387-.932H1a1 1 0 0 1-1-1v-.106a1 1 0 0 1 1-1h.14c.09-.33.22-.642.387-.932l-.1-.1a1 1 0 0 1 0-1.413l.075-.075a1 1 0 0 1 1.414 0l.099.1c.29-.166.602-.297.932-.387V1a1 1 0 0 1 1-1h.106z'/%3e%3ccircle cx='5' cy='5' r='1.167'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 19px 16px; }

@keyframes icon_flicker {
  0% {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M16 4a3.5 3.5 0 0 1 3.5 3.5v6A3.5 3.5 0 0 1 16 17h-5.95l-2.889 2.856a.5.5 0 0 1-.844-.27L6.31 19.5 6.309 17H6a3.5 3.5 0 0 1-3.495-3.308L2.5 13.5v-6A3.5 3.5 0 0 1 6 4zm0 1H6a2.5 2.5 0 0 0-2.5 2.5v6A2.5 2.5 0 0 0 6 16h.809a.5.5 0 0 1 .5.5v1.803l2.186-2.159a.5.5 0 0 1 .273-.138L9.846 16H16a2.5 2.5 0 0 0 2.5-2.5v-6A2.5 2.5 0 0 0 16 5zM8.738 7.5c.053 0 .094.008.123.023.03.016.056.05.08.102l2.055 4.527 2.064-4.527c.035-.083.108-.125.22-.125h.957c.122 0 .197.012.223.035.027.023.04.09.04.199v5.618c0 .062-.01.103-.03.12-.021.019-.067.028-.137.028h-.86c-.077 0-.124-.01-.141-.027-.018-.018-.026-.059-.026-.121V9.44l-1.713 3.889a.299.299 0 0 1-.08.109c-.023.015-.067.023-.13.023h-.765a.286.286 0 0 1-.136-.023c-.027-.016-.051-.052-.075-.11L8.694 9.44v3.912c0 .062-.008.103-.026.12-.017.019-.064.028-.14.028h-.861c-.076 0-.123-.01-.14-.027-.018-.018-.027-.059-.027-.121V7.734c0-.11.013-.176.04-.199.026-.023.098-.035.215-.035h.983z' fill='%23707173' fill-rule='nonzero'/%3e%3c/svg%3e"); }
  100% {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M16 4a3.5 3.5 0 0 1 3.5 3.5v6A3.5 3.5 0 0 1 16 17h-5.95l-2.889 2.856a.5.5 0 0 1-.844-.27L6.31 19.5 6.309 17H6a3.5 3.5 0 0 1-3.495-3.308L2.5 13.5v-6A3.5 3.5 0 0 1 6 4zm0 1H6a2.5 2.5 0 0 0-2.5 2.5v6A2.5 2.5 0 0 0 6 16h.809a.5.5 0 0 1 .5.5v1.803l2.186-2.159a.5.5 0 0 1 .273-.138L9.846 16H16a2.5 2.5 0 0 0 2.5-2.5v-6A2.5 2.5 0 0 0 16 5zM8.738 7.5c.053 0 .094.008.123.023.03.016.056.05.08.102l2.055 4.527 2.064-4.527c.035-.083.108-.125.22-.125h.957c.122 0 .197.012.223.035.027.023.04.09.04.199v5.618c0 .062-.01.103-.03.12-.021.019-.067.028-.137.028h-.86c-.077 0-.124-.01-.141-.027-.018-.018-.026-.059-.026-.121V9.44l-1.713 3.889a.299.299 0 0 1-.08.109c-.023.015-.067.023-.13.023h-.765a.286.286 0 0 1-.136-.023c-.027-.016-.051-.052-.075-.11L8.694 9.44v3.912c0 .062-.008.103-.026.12-.017.019-.064.028-.14.028h-.861c-.076 0-.123-.01-.14-.027-.018-.018-.027-.059-.027-.121V7.734c0-.11.013-.176.04-.199.026-.023.098-.035.215-.035h.983z' fill='%234279ff' fill-rule='nonzero'/%3e%3c/svg%3e"); } }
.chatbox .actionbox .ul1 li a {
  display: block;
  overflow: hidden;
  font-size: 11px;
  text-indent: -9999px;
  text-decoration: none;
  background: url("/images/flashplayer/icon_v2.png") no-repeat 0 0; }

.chatbox .actionbox .ul1 li.off a {
  cursor: default; }

.chatbox .actionbox .ul1 li.emo a {
  width: 15px;
  height: 14px;
  outline: none; }

.chatbox .actionbox .ul1 li.police a {
  overflow: visible;
  height: 14px;
  width: 15px;
  margin-left: 9px;
  background: url("/images/flashplayer/icon_v2.png") 0px -94px no-repeat;
  text-indent: -9999em;
  text-decoration: none; }

.chatbox .actionbox .ul1 li.police a em.txt {
  font-size: 11px;
  color: #f13a29;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 -3px 0; }

.chatbox .actionbox .ul1 li.police.off a {
  background: url("/images/flashplayer/icon_v2.png") -25px -94px no-repeat;
  color: #c7c7c7; }

.chatbox .actionbox .ul1 li.police.off a em.txt {
  color: #c7c7c7; }

.chatbox .actionbox .ul1 li.translation {
  z-index: 23; }

.chatbox .actionbox .ul1 li.translation a {
  overflow: visible;
  position: relative;
  width: 15px;
  height: 14px;
  margin-left: 8px;
  background: url("/images/flashplayer/icon_v2.png") no-repeat -50px -94px; }

.chatbox .actionbox .ul1 li.translation.off a {
  background: url("/images/flashplayer/icon_v2.png") no-repeat -75px -94px; }

.chatbox .actionbox .ul1 li.translation em {
  top: -24px; }

.chatbox .actionbox .ul1 li.translation:hover .ttip {
  display: block; }

.chatbox .actionbox .ul1 li.first a .emo_new {
  position: absolute;
  top: 8px;
  left: 9px;
  display: block;
  width: 9px;
  height: 9px;
  text-indent: -9999px;
  background: url("/images/webplayer/chat/split_chat.png") no-repeat -140px -40px; }

.chatbox .actionbox .ul2 {
  position: absolute;
  right: 10px;
  top: 7px; }

.chatbox .actionbox .ul2 li {
  float: left;
  position: relative; }

.chatbox .actionbox .ul2 li a {
  display: block;
  width: 24px;
  height: 23px;
  overflow: hidden;
  text-indent: -1111px;
  background: url("/images/flashplayer/icon_v2.png") no-repeat 0 0; }

.chatbox .actionbox .ul2 li.off a {
  cursor: default; }

#chatting_area .actionbox .ul1,
#chatting_area .actionbox .ul2 {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  margin-top: 13px;
  float: left;
  z-index: 5; }

#chatting_area .actionbox .ul1 {
  margin-left: 8px; }

#chatting_area .actionbox .ul2 {
  padding-left: 14px;
  margin-left: 14px; }

#chatting_area .actionbox .ul2:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 1px;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: #e5e5e5; }

#chatting_area .actionbox .ul1 li,
#chatting_area .actionbox .ul2 li {
  margin-left: 13px;
  padding: 0; }

#chatting_area .actionbox .ul1 li:first-child,
#chatting_area .actionbox .ul2 li:first-child {
  margin-left: 0 !important; }

#chatting_area .actionbox .ul1 li.off a:before,
#chatting_area .actionbox .ul1 li.off a:after,
#chatting_area .actionbox .ul2 li.off a:before,
#chatting_area .actionbox .ul2 li.off a:after {
  display: none; }

#chatting_area .actionbox .ul1 li.off,
#chatting_area .actionbox .ul2 li.off {
  opacity: .5; }

#chatting_area .actionbox .ul1 li:before {
  display: none; }

#chatting_area .actionbox .ul1 li a,
#chatting_area .actionbox .ul2 li a {
  overflow: visible;
  text-indent: 0;
  font: 0/0 a;
  background-image: url("/images/webplayer/chat/split_chat.png");
  margin: 0 !important; }

#chatting_area .actionbox .ul1 li.emo a,
#chatting_area .actionbox .ul1 li.emo.off:hover a {
  width: 20px;
  height: 20px;
  margin-top: -1px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(112, 113, 115, 0.999)' stroke=''   viewBox='0 0 21 21' %3e%3cpath d='M10.052,20.460 C4.531,20.460 0.040,15.969 0.040,10.448 C0.040,4.926 4.531,0.435 10.052,0.435 C15.573,0.435 20.065,4.926 20.065,10.448 C20.065,15.969 15.573,20.460 10.052,20.460 ZM10.052,1.477 C5.106,1.477 1.082,5.502 1.082,10.448 C1.082,15.394 5.106,19.418 10.052,19.418 C14.998,19.418 19.023,15.394 19.023,10.448 C19.023,5.502 14.998,1.477 10.052,1.477 ZM10.113,16.131 C6.447,16.131 5.081,12.534 5.025,12.381 L6.003,12.020 C6.050,12.145 7.182,15.089 10.113,15.089 C13.044,15.089 14.175,12.145 14.222,12.021 L15.200,12.381 C15.144,12.534 13.779,16.131 10.113,16.131 ZM13.488,9.870 C12.776,9.870 12.200,9.294 12.200,8.582 C12.200,7.870 12.776,7.293 13.488,7.293 C14.199,7.293 14.776,7.870 14.776,8.582 C14.776,9.294 14.199,9.870 13.488,9.870 ZM6.543,9.870 C5.824,9.870 5.240,9.294 5.240,8.582 C5.240,7.870 5.824,7.293 6.543,7.293 C7.262,7.293 7.846,7.870 7.846,8.582 C7.846,9.294 7.262,9.870 6.543,9.870 Z'/%3e%3c/svg%3e") 0 0 no-repeat; }

#chatting_area .actionbox .ul1 li.emo.on a,
#chatting_area .actionbox .ul1 li.emo:hover a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(66, 121, 255, 0.999)' stroke=''   viewBox='0 0 21 21' %3e%3cpath d='M10.052,20.460 C4.531,20.460 0.040,15.969 0.040,10.448 C0.040,4.926 4.531,0.435 10.052,0.435 C15.573,0.435 20.065,4.926 20.065,10.448 C20.065,15.969 15.573,20.460 10.052,20.460 ZM10.052,1.477 C5.106,1.477 1.082,5.502 1.082,10.448 C1.082,15.394 5.106,19.418 10.052,19.418 C14.998,19.418 19.023,15.394 19.023,10.448 C19.023,5.502 14.998,1.477 10.052,1.477 ZM10.113,16.131 C6.447,16.131 5.081,12.534 5.025,12.381 L6.003,12.020 C6.050,12.145 7.182,15.089 10.113,15.089 C13.044,15.089 14.175,12.145 14.222,12.021 L15.200,12.381 C15.144,12.534 13.779,16.131 10.113,16.131 ZM13.488,9.870 C12.776,9.870 12.200,9.294 12.200,8.582 C12.200,7.870 12.776,7.293 13.488,7.293 C14.199,7.293 14.776,7.870 14.776,8.582 C14.776,9.294 14.199,9.870 13.488,9.870 ZM6.543,9.870 C5.824,9.870 5.240,9.294 5.240,8.582 C5.240,7.870 5.824,7.293 6.543,7.293 C7.262,7.293 7.846,7.870 7.846,8.582 C7.846,9.294 7.262,9.870 6.543,9.870 Z'/%3e%3c/svg%3e") 0 0 no-repeat; }

#chatting_area .actionbox .ul1 li.police a,
#chatting_area .actionbox .ul1 li.police.off:hover a {
  width: 17px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(112, 113, 115, 0.999)' stroke=''   viewBox='0 0 18 18' %3e%3cpath d='M17.033,12.253 L17.033,17.991 L0.949,17.991 L0.949,12.253 L1.890,12.253 L1.889,7.319 C1.889,7.296 1.888,7.183 1.891,7.160 L1.889,6.627 C1.889,6.522 1.920,6.423 1.975,6.342 C2.426,2.724 5.402,0.026 8.991,0.026 C12.591,0.026 15.575,2.740 16.012,6.373 C16.063,6.449 16.092,6.535 16.092,6.627 L16.092,7.172 C16.096,7.202 16.098,7.243 16.098,7.261 C16.098,7.287 16.093,7.347 16.089,7.372 L16.092,12.253 L17.033,12.253 ZM15.058,7.199 L15.058,6.846 C15.028,6.794 15.009,6.736 15.003,6.675 C14.706,3.474 12.121,1.060 8.991,1.060 C5.862,1.060 3.277,3.474 2.979,6.675 C2.973,6.744 2.954,6.808 2.923,6.865 L2.923,7.200 C2.923,7.218 2.921,7.255 2.918,7.282 C2.920,7.268 2.922,7.285 2.923,7.319 L2.924,12.253 L15.059,12.253 L15.058,7.320 C15.058,7.294 15.062,7.241 15.067,7.215 C15.066,7.207 15.058,7.206 15.058,7.199 ZM15.999,13.288 L15.576,13.288 L2.407,13.288 L1.984,13.288 L1.984,16.957 L15.999,16.957 L15.999,13.288 ZM10.121,4.440 L10.121,3.499 C11.936,3.499 13.412,4.990 13.412,6.824 L12.472,6.824 C12.472,5.509 11.417,4.440 10.121,4.440 Z'/%3e%3c/svg%3e") 0 0 no-repeat; }

#chatting_area .actionbox .ul1 li.police.on a,
#chatting_area .actionbox .ul1 li.police:hover a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 36, 36, 0.999)' stroke=''   viewBox='0 0 18 18' %3e%3cpath d='M17.033,12.253 L17.033,17.991 L0.949,17.991 L0.949,12.253 L1.890,12.253 L1.889,7.319 C1.889,7.296 1.888,7.183 1.891,7.160 L1.889,6.627 C1.889,6.522 1.920,6.423 1.975,6.342 C2.426,2.724 5.402,0.026 8.991,0.026 C12.591,0.026 15.575,2.740 16.012,6.373 C16.063,6.449 16.092,6.535 16.092,6.627 L16.092,7.172 C16.096,7.202 16.098,7.243 16.098,7.261 C16.098,7.287 16.093,7.347 16.089,7.372 L16.092,12.253 L17.033,12.253 ZM15.058,7.199 L15.058,6.846 C15.028,6.794 15.009,6.736 15.003,6.675 C14.706,3.474 12.121,1.060 8.991,1.060 C5.862,1.060 3.277,3.474 2.979,6.675 C2.973,6.744 2.954,6.808 2.923,6.865 L2.923,7.200 C2.923,7.218 2.921,7.255 2.918,7.282 C2.920,7.268 2.922,7.285 2.923,7.319 L2.924,12.253 L15.059,12.253 L15.058,7.320 C15.058,7.294 15.062,7.241 15.067,7.215 C15.066,7.207 15.058,7.206 15.058,7.199 ZM15.999,13.288 L15.576,13.288 L2.407,13.288 L1.984,13.288 L1.984,16.957 L15.999,16.957 L15.999,13.288 ZM10.121,4.440 L10.121,3.499 C11.936,3.499 13.412,4.990 13.412,6.824 L12.472,6.824 C12.472,5.509 11.417,4.440 10.121,4.440 Z'/%3e%3c/svg%3e") 0 0 no-repeat; }

#chatting_area .actionbox .ul1 li.translation a,
#chatting_area .actionbox .ul1 li.translation.off:hover a {
  width: 18px;
  height: 19px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(112, 113, 115, 0.999)' stroke=''   viewBox='0 0 19 19' %3e%3cpath d='M16.21 2.78A9.43 9.43 0 009.5 0C6.96 0 4.57.99 2.78 2.78A9.45 9.45 0 000 9.5c0 2.54.99 4.92 2.78 6.71a9.45 9.45 0 0013.44 0A9.45 9.45 0 0019 9.5c0-2.54-.99-4.93-2.79-6.72zm1.93 6.3h-3.69a16.43 16.43 0 00-.6-4.14c.7-.36 1.36-.81 1.96-1.35a8.62 8.62 0 012.33 5.48zm-8.21.85h3.68a15.64 15.64 0 01-.54 3.8c-1-.4-2.05-.64-3.14-.7v-3.1zM15.2 3c-.5.44-1.04.81-1.61 1.12-.15-.41-.32-.8-.5-1.16a6.83 6.83 0 00-1.25-1.79c1.26.36 2.4.99 3.36 1.83zM9.93.98c.88.2 1.72 1.02 2.4 2.35.18.36.34.75.48 1.16-.9.37-1.88.6-2.88.64V.98zm3.14 4.32c.32 1.15.5 2.44.53 3.78H9.93V5.99a9.62 9.62 0 003.14-.69zm-4 3.77H5.4c.03-1.34.22-2.62.53-3.77 1 .4 2.06.64 3.15.68v3.1zm0-8.09v4.15c-1-.05-1.98-.27-2.88-.64.14-.41.3-.8.48-1.16C7.35 2 8.2 1.18 9.07.98zm-1.9.2a6.88 6.88 0 00-1.25 1.78c-.19.36-.35.75-.5 1.16A8.74 8.74 0 013.8 3a8.62 8.62 0 013.36-1.83zM3.18 3.58c.6.54 1.26.99 1.96 1.35a16.33 16.33 0 00-.6 4.13H.86c.1-2.11.97-4.03 2.33-5.48zM.86 9.93h3.69c.03 1.47.24 2.89.6 4.15-.7.36-1.35.8-1.95 1.34a8.61 8.61 0 01-2.34-5.5zM3.82 16c.5-.43 1.03-.8 1.6-1.1.15.39.31.77.5 1.13.36.73.78 1.33 1.24 1.79A8.65 8.65 0 013.82 16zm5.26 2c-.9-.2-1.73-1.01-2.4-2.35a9.9 9.9 0 01-.48-1.12c.9-.38 1.88-.6 2.88-.65v4.12zm-3.15-4.29c-.32-1.15-.5-2.45-.53-3.8h3.68v3.12a9.42 9.42 0 00-3.15.68zm4 4.3v-4.13c1 .05 1.97.27 2.88.65-.14.4-.3.77-.48 1.12-.68 1.34-1.51 2.16-2.4 2.35zm1.91-.2c.46-.45.88-1.05 1.25-1.78.18-.36.34-.74.5-1.14.56.3 1.1.67 1.6 1.11a8.55 8.55 0 01-3.35 1.81zm3.96-2.4a9.44 9.44 0 00-1.95-1.34c.37-1.26.58-2.68.61-4.15h3.69a8.66 8.66 0 01-2.35 5.49z'/%3e%3c/svg%3e") 0 0 no-repeat; }

#chatting_area .actionbox .ul1 li.translation.on a,
#chatting_area .actionbox .ul1 li.translation:hover a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(66, 121, 255, 0.999)' stroke=''   viewBox='0 0 19 19' %3e%3cpath d='M16.21 2.78A9.43 9.43 0 009.5 0C6.96 0 4.57.99 2.78 2.78A9.45 9.45 0 000 9.5c0 2.54.99 4.92 2.78 6.71a9.45 9.45 0 0013.44 0A9.45 9.45 0 0019 9.5c0-2.54-.99-4.93-2.79-6.72zm1.93 6.3h-3.69a16.43 16.43 0 00-.6-4.14c.7-.36 1.36-.81 1.96-1.35a8.62 8.62 0 012.33 5.48zm-8.21.85h3.68a15.64 15.64 0 01-.54 3.8c-1-.4-2.05-.64-3.14-.7v-3.1zM15.2 3c-.5.44-1.04.81-1.61 1.12-.15-.41-.32-.8-.5-1.16a6.83 6.83 0 00-1.25-1.79c1.26.36 2.4.99 3.36 1.83zM9.93.98c.88.2 1.72 1.02 2.4 2.35.18.36.34.75.48 1.16-.9.37-1.88.6-2.88.64V.98zm3.14 4.32c.32 1.15.5 2.44.53 3.78H9.93V5.99a9.62 9.62 0 003.14-.69zm-4 3.77H5.4c.03-1.34.22-2.62.53-3.77 1 .4 2.06.64 3.15.68v3.1zm0-8.09v4.15c-1-.05-1.98-.27-2.88-.64.14-.41.3-.8.48-1.16C7.35 2 8.2 1.18 9.07.98zm-1.9.2a6.88 6.88 0 00-1.25 1.78c-.19.36-.35.75-.5 1.16A8.74 8.74 0 013.8 3a8.62 8.62 0 013.36-1.83zM3.18 3.58c.6.54 1.26.99 1.96 1.35a16.33 16.33 0 00-.6 4.13H.86c.1-2.11.97-4.03 2.33-5.48zM.86 9.93h3.69c.03 1.47.24 2.89.6 4.15-.7.36-1.35.8-1.95 1.34a8.61 8.61 0 01-2.34-5.5zM3.82 16c.5-.43 1.03-.8 1.6-1.1.15.39.31.77.5 1.13.36.73.78 1.33 1.24 1.79A8.65 8.65 0 013.82 16zm5.26 2c-.9-.2-1.73-1.01-2.4-2.35a9.9 9.9 0 01-.48-1.12c.9-.38 1.88-.6 2.88-.65v4.12zm-3.15-4.29c-.32-1.15-.5-2.45-.53-3.8h3.68v3.12a9.42 9.42 0 00-3.15.68zm4 4.3v-4.13c1 .05 1.97.27 2.88.65-.14.4-.3.77-.48 1.12-.68 1.34-1.51 2.16-2.4 2.35zm1.91-.2c.46-.45.88-1.05 1.25-1.78.18-.36.34-.74.5-1.14.56.3 1.1.67 1.6 1.11a8.55 8.55 0 01-3.35 1.81zm3.96-2.4a9.44 9.44 0 00-1.95-1.34c.37-1.26.58-2.68.61-4.15h3.69a8.66 8.66 0 01-2.35 5.49z'/%3e%3c/svg%3e") 0 0 no-repeat; }

#chatting_area .actionbox .ul2 li.star a,
#chatting_area .actionbox .ul2 li.star.off:hover a {
  width: 18px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(112, 113, 115, 0.999)' stroke='' viewBox='0 0 17 20' %3e%3cpath d='M9.83 16.5l.02.27c.04.4.13.78.24 1.13.15.43.35.78.6 1.02a.6.6 0 010 .87.64.64 0 01-.9 0c-.4-.4-.69-.9-.89-1.5a6.56 6.56 0 01-.33-1.68H8.5a8.4 8.4 0 01-8.5-8.3 8.4 8.4 0 018.5-8.32 8.4 8.4 0 018.5 8.31c0 4.14-3.1 7.58-7.16 8.2zM8.49 1.1a7.28 7.28 0 00-7.36 7.2c0 3.97 3.3 7.2 7.36 7.2a7.28 7.28 0 007.36-7.2c0-3.97-3.3-7.2-7.36-7.2zm2.69 8.35a.3.3 0 00-.09.27l.47 2.69c.05.25-.22.44-.45.32l-2.48-1.27a.32.32 0 00-.29 0l-2.47 1.27c-.23.12-.5-.07-.46-.32l.47-2.7a.3.3 0 00-.09-.27l-2-1.9A.3.3 0 013.97 7l2.76-.39c.1-.01.2-.08.24-.17L8.2 4a.32.32 0 01.56 0l1.24 2.45c.04.1.13.16.23.17l2.77.4a.3.3 0 01.17.52l-2 1.9z'/%3e%3c/svg%3e") 0 0 no-repeat; }

#chatting_area .actionbox .ul2 li.star.on a,
#chatting_area .actionbox .ul2 li.star:hover a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(66, 121, 255, 0.999)' stroke='' viewBox='0 0 17 20' %3e%3cpath d='M9.83 16.5l.02.27c.04.4.13.78.24 1.13.15.43.35.78.6 1.02a.6.6 0 010 .87.64.64 0 01-.9 0c-.4-.4-.69-.9-.89-1.5a6.56 6.56 0 01-.33-1.68H8.5a8.4 8.4 0 01-8.5-8.3 8.4 8.4 0 018.5-8.32 8.4 8.4 0 018.5 8.31c0 4.14-3.1 7.58-7.16 8.2zM8.49 1.1a7.28 7.28 0 00-7.36 7.2c0 3.97 3.3 7.2 7.36 7.2a7.28 7.28 0 007.36-7.2c0-3.97-3.3-7.2-7.36-7.2zm2.69 8.35a.3.3 0 00-.09.27l.47 2.69c.05.25-.22.44-.45.32l-2.48-1.27a.32.32 0 00-.29 0l-2.47 1.27c-.23.12-.5-.07-.46-.32l.47-2.7a.3.3 0 00-.09-.27l-2-1.9A.3.3 0 013.97 7l2.76-.39c.1-.01.2-.08.24-.17L8.2 4a.32.32 0 01.56 0l1.24 2.45c.04.1.13.16.23.17l2.77.4a.3.3 0 01.17.52l-2 1.9z'/%3e%3c/svg%3e"); }

#chatting_area .actionbox .ul2 li.sticker a,
#chatting_area .actionbox .ul2 li.sticker.off:hover a {
  width: 16px;
  height: 17px;
  margin-top: 1px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(112, 113, 115, 0.999)' stroke='' viewBox='0 0 17 17'%3e%3cpath d='M10.16 15.84a6.01 6.01 0 005.65-5.66l-3.88-.03c-.96 0-1.77.92-1.77 1.87v3.82zm5.71-6.87v-5.3a2.56 2.56 0 00-2.55-2.56H3.65A2.56 2.56 0 001.1 3.67v9.36c0 1.42 1.34 2.87 2.75 2.87h5.14V12A3.02 3.02 0 0112 8.96h3.87zm-6.36 8.01H3.83a3.85 3.85 0 01-3.85-3.84V3.86A3.85 3.85 0 013.83 0h9.32A3.85 3.85 0 0117 3.86v5.83c0 4.27-3.22 7.3-7.49 7.3z'/%3e%3c/svg%3e") 0 1px no-repeat; }

#chatting_area .actionbox .ul2 li.sticker.on a,
#chatting_area .actionbox .ul2 li.sticker:hover a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(66, 121, 255, 0.999)' stroke='' viewBox='0 0 17 17'%3e%3cpath d='M10.16 15.84a6.01 6.01 0 005.65-5.66l-3.88-.03c-.96 0-1.77.92-1.77 1.87v3.82zm5.71-6.87v-5.3a2.56 2.56 0 00-2.55-2.56H3.65A2.56 2.56 0 001.1 3.67v9.36c0 1.42 1.34 2.87 2.75 2.87h5.14V12A3.02 3.02 0 0112 8.96h3.87zm-6.36 8.01H3.83a3.85 3.85 0 01-3.85-3.84V3.86A3.85 3.85 0 013.83 0h9.32A3.85 3.85 0 0117 3.86v5.83c0 4.27-3.22 7.3-7.49 7.3z'/%3e%3c/svg%3e") 0 1px no-repeat; }

#chatting_area .actionbox .ul2 li.choco a,
#chatting_area .actionbox .ul2 li.choco.off:hover a {
  width: 16px;
  height: 17px;
  margin-top: 1px !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(112, 113, 115, 0.999)' stroke='' viewBox='0 0 17 17'%3e%3cpath d='M6.1 5.98l4.79 1.91.03-6.8H6.1v4.89zm-1.14-.5V1.07H3.8c-1.33 0-2.75 1.43-2.75 2.76v1.11h2.31c.58 0 1.04.4 1.6.56zm-3.88.65v6.79c0 1.44 1.52 2.93 2.96 2.93h9.1c1.44 0 2.77-1.5 2.77-2.93V7.06l-2.9 1.66a3 3 0 01-2.85.23l-4.46-2c-.73-.33-1.51-.82-2.31-.82h-2.3zm14.85-.36l-.01-1.9c0-1.35-1.37-2.78-2.72-2.78l-1.12-.01-.04 6.91c.2-.04.28-.1.46-.22l3.4-2.02.03.02zm-2.85 11.22H3.86A3.87 3.87 0 010 13.12V3.87A3.87 3.87 0 013.86 0h9.25a3.84 3.84 0 013.83 3.87v9.25a3.87 3.87 0 01-3.86 3.87z'/%3e%3c/svg%3e") 0 1px no-repeat; }

#chatting_area .actionbox .ul2 li.choco.on a,
#chatting_area .actionbox .ul2 li.choco:hover a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(66, 121, 255, 0.999)' stroke='' viewBox='0 0 17 17'%3e%3cpath d='M6.1 5.98l4.79 1.91.03-6.8H6.1v4.89zm-1.14-.5V1.07H3.8c-1.33 0-2.75 1.43-2.75 2.76v1.11h2.31c.58 0 1.04.4 1.6.56zm-3.88.65v6.79c0 1.44 1.52 2.93 2.96 2.93h9.1c1.44 0 2.77-1.5 2.77-2.93V7.06l-2.9 1.66a3 3 0 01-2.85.23l-4.46-2c-.73-.33-1.51-.82-2.31-.82h-2.3zm14.85-.36l-.01-1.9c0-1.35-1.37-2.78-2.72-2.78l-1.12-.01-.04 6.91c.2-.04.28-.1.46-.22l3.4-2.02.03.02zm-2.85 11.22H3.86A3.87 3.87 0 010 13.12V3.87A3.87 3.87 0 013.86 0h9.25a3.84 3.84 0 013.83 3.87v9.25a3.87 3.87 0 01-3.86 3.87z'/%3e%3c/svg%3e") 0 1px no-repeat; }

#chatting_area .actionbox .ul2 li.adballoon a,
#chatting_area .actionbox .ul2 li.adballoon.off:hover a {
  width: 17px;
  height: 19px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(112, 113, 115, 0.999)' stroke=''  viewBox='0 0 17 19' %3e%3cpath d='M1.61 3.53A8.3 8.3 0 018.5 0C13.2 0 17 3.84 17 8.57c0 3.53-2.12 6.61-5.22 7.92l.06.09c.1.14.16.27.22.4.05.13.1.25.11.39.05.32 0 .66-.25.98-.49.62-1.02.66-3.11.66-2.06 0-3.1-.07-3.6-.5a1.21 1.21 0 01-.4-1.12c.02-.16.06-.28.11-.41a2.97 2.97 0 01.29-.49 8.58 8.58 0 01-3.6-12.96zm14.27 5.03c0-4.12-3.3-7.46-7.38-7.46-4.05 0-5.95 3.04-5.95 3.04a7.47 7.47 0 00-1.43 4.42c0 3.66 2.6 6.7 6.04 7.33-.33.6-1.27 1.7-1.15 1.82.13.1 1.53.19 2.81.19 1.07 0 2.06-.06 2.17-.2.11-.13-.8-1.22-1.13-1.8a7.44 7.44 0 006.02-7.34zm-11.2 2.58c-.08.18-.2.3-.37.35a.64.64 0 01-.77-.32.57.57 0 01-.02-.51l1.66-4.42a.9.9 0 01.83-.59c.19 0 .36.06.51.18.15.1.26.25.31.41l1.66 4.41c.07.19.07.36-.02.52a.69.69 0 01-.33.3.64.64 0 01-.44.02c-.17-.04-.29-.17-.36-.36l-.37-.98H5.04l-.37.99zm1.85-2.17L6 7.57l-.53 1.4h1.05zm3 2.51a.6.6 0 01-.46-.18.64.64 0 01-.16-.46v-4.5c0-.2.05-.35.16-.46a.6.6 0 01.46-.18h1.45a2.43 2.43 0 012.36 1.73c.13.36.19.74.19 1.16 0 .41-.06.8-.19 1.15-.11.34-.29.65-.52.92a2.33 2.33 0 01-1.84.82H9.53zm1.4-1.18c.2 0 .38-.04.54-.12.16-.07.3-.18.43-.33.13-.16.22-.34.28-.54.07-.21.1-.46.1-.72 0-.27-.03-.52-.1-.73-.05-.2-.15-.38-.28-.54a1.22 1.22 0 00-.96-.44h-.8v3.42h.8z'/%3e%3c/svg%3e ") 0 0 no-repeat; }

#chatting_area .actionbox .ul2 li.adballoon.on a,
#chatting_area .actionbox .ul2 li.adballoon:hover a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(66, 121, 255, 0.999)' stroke=''  viewBox='0 0 17 19' %3e%3cpath d='M1.61 3.53A8.3 8.3 0 018.5 0C13.2 0 17 3.84 17 8.57c0 3.53-2.12 6.61-5.22 7.92l.06.09c.1.14.16.27.22.4.05.13.1.25.11.39.05.32 0 .66-.25.98-.49.62-1.02.66-3.11.66-2.06 0-3.1-.07-3.6-.5a1.21 1.21 0 01-.4-1.12c.02-.16.06-.28.11-.41a2.97 2.97 0 01.29-.49 8.58 8.58 0 01-3.6-12.96zm14.27 5.03c0-4.12-3.3-7.46-7.38-7.46-4.05 0-5.95 3.04-5.95 3.04a7.47 7.47 0 00-1.43 4.42c0 3.66 2.6 6.7 6.04 7.33-.33.6-1.27 1.7-1.15 1.82.13.1 1.53.19 2.81.19 1.07 0 2.06-.06 2.17-.2.11-.13-.8-1.22-1.13-1.8a7.44 7.44 0 006.02-7.34zm-11.2 2.58c-.08.18-.2.3-.37.35a.64.64 0 01-.77-.32.57.57 0 01-.02-.51l1.66-4.42a.9.9 0 01.83-.59c.19 0 .36.06.51.18.15.1.26.25.31.41l1.66 4.41c.07.19.07.36-.02.52a.69.69 0 01-.33.3.64.64 0 01-.44.02c-.17-.04-.29-.17-.36-.36l-.37-.98H5.04l-.37.99zm1.85-2.17L6 7.57l-.53 1.4h1.05zm3 2.51a.6.6 0 01-.46-.18.64.64 0 01-.16-.46v-4.5c0-.2.05-.35.16-.46a.6.6 0 01.46-.18h1.45a2.43 2.43 0 012.36 1.73c.13.36.19.74.19 1.16 0 .41-.06.8-.19 1.15-.11.34-.29.65-.52.92a2.33 2.33 0 01-1.84.82H9.53zm1.4-1.18c.2 0 .38-.04.54-.12.16-.07.3-.18.43-.33.13-.16.22-.34.28-.54.07-.21.1-.46.1-.72 0-.27-.03-.52-.1-.73-.05-.2-.15-.38-.28-.54a1.22 1.22 0 00-.96-.44h-.8v3.42h.8z'/%3e%3c/svg%3e "); }

#chatting_area .actionbox ul li.game_point a {
  width: 20px;
  height: 20px;
  margin-top: -1px !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath stroke='%23707173' stroke-linecap='round' stroke-linejoin='round' d='M11.62 2.674H5.004L.685 7.43v3.466l9.43 8.32 9.43-8.32V8.32'/%3e%3cpath fill-rule='nonzero' fill='%23707173' d='M9.857 9.132h3.07v4.616H8.313v-1.545H6.767V7.587h1.545V6.042h4.616v1.545H8.312v4.616h3.07v-1.545H9.839V9.132h.02zm9.628-6.101c-1.882 0-2.516-.634-2.516-2.516A.524.524 0 0 0 16.454 0a.524.524 0 0 0-.515.515c0 1.882-.634 2.516-2.516 2.516a.524.524 0 0 0-.515.515c0 .277.238.515.515.515 1.882 0 2.516.634 2.516 2.516 0 .277.238.515.515.515a.524.524 0 0 0 .515-.515c0-1.882.634-2.516 2.516-2.516A.524.524 0 0 0 20 3.546a.511.511 0 0 0-.515-.515z'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 100% 100%; }
  #chatting_area .actionbox ul li.game_point a:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath stroke='%234279ff' stroke-linecap='round' stroke-linejoin='round' d='M11.62 2.674H5.004L.685 7.43v3.466l9.43 8.32 9.43-8.32V8.32'/%3e%3cpath d='M9.857 9.132h3.07v4.616H8.313v-1.545H6.767V7.587h1.545V6.042h4.616v1.545H8.312v4.616h3.07v-1.545H9.839V9.132h.02zm9.628-6.101c-1.882 0-2.516-.634-2.516-2.516A.524.524 0 0 0 16.454 0a.524.524 0 0 0-.515.515c0 1.882-.634 2.516-2.516 2.516a.524.524 0 0 0-.515.515c0 .277.238.515.515.515 1.882 0 2.516.634 2.516 2.516 0 .277.238.515.515.515a.524.524 0 0 0 .515-.515c0-1.882.634-2.516 2.516-2.516A.524.524 0 0 0 20 3.546a.511.511 0 0 0-.515-.515z' fill='%234279ff' fill-rule='nonzero'/%3e%3c/g%3e%3c/svg%3e"); }
#chatting_area .actionbox ul li.game_point .game_point_layer {
  position: absolute;
  z-index: 101;
  right: -55px;
  bottom: 100%;
  margin-bottom: 10px;
  padding: 10px 25px 10px 10px;
  white-space: nowrap;
  background-color: #fafafa;
  border: 1px solid #999;
  border-radius: 3px; }
  #chatting_area .actionbox ul li.game_point .game_point_layer:before, #chatting_area .actionbox ul li.game_point .game_point_layer:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -14px;
    right: 60px;
    width: 0;
    height: 0;
    margin-left: -7.5px;
    border-color: #999 transparent transparent transparent;
    border-style: solid;
    border-width: 7px;
    background: none; }
  #chatting_area .actionbox ul li.game_point .game_point_layer:after {
    bottom: -13px;
    border-color: #fff transparent transparent transparent; }
  #chatting_area .actionbox ul li.game_point .game_point_layer p {
    font-size: 12px;
    color: #555;
    line-height: 1.2; }
    #chatting_area .actionbox ul li.game_point .game_point_layer p em {
      font-family: 'NGEB';
      color: #4279ff; }
  #chatting_area .actionbox ul li.game_point .game_point_layer button {
    position: absolute;
    top: 7px;
    right: 7px;
    font-size: 0;
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' fill='%23666' d='M14.462.518c.27-.27.709-.269.979.002.27.27.269.71-.002.98L8.956 7.957l6.483 6.46c.27.27.272.71.002.98s-.709.271-.98.002L7.976 8.935 1.49 15.4c-.244.242-.623.266-.893.071l-.086-.073c-.27-.27-.269-.71.002-.98l6.481-6.46L.513 1.5C.242 1.23.24.791.51.52c.27-.27.708-.272.98-.002l6.484 6.463z'/%3e%3c/svg%3e");
    background-size: 100% 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat; }

#chatting_area .actionbox ul li.ic_spread_gift {
  margin-left: 11px; }
  #chatting_area .actionbox ul li.ic_spread_gift a {
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20'%3e%3cpath d='M7.273.809a34.901 34.901 0 0 0 5.897 4.263c2.21 1.276 4.775 2.454 7.695 3.533.06.023.116.049.169.08.571.327.728 1.079.39 1.668l-1.367 2.367-.133.191a.5.5 0 0 1-.497.211 1.897 1.897 0 0 0-.256-.026c-.957-.031-1.719.662-1.72 1.538-.002.407.16.797.45 1.106a.5.5 0 0 1 .07.593l-1.442 2.497c-.3.519-.908.776-1.455.584-2.793-.973-5.387-2.15-7.779-3.532A38.578 38.578 0 0 1 .77 11.165c-.424-.38-.497-1.026-.202-1.537L1.883 7.35a.5.5 0 0 1 .586-.226 1.71 1.71 0 0 0 1.425-.197c.822-.512 1.114-1.56.668-2.329a1.47 1.47 0 0 0-.358-.415.5.5 0 0 1-.122-.641l1.366-2.367c.037-.064.08-.126.127-.183.437-.53 1.2-.632 1.698-.184zm-.926.82-.033.046-1.17 2.03.072.085a2.5 2.5 0 0 1 .21.307c.725 1.247.268 2.889-1.004 3.68l-.176.101a2.737 2.737 0 0 1-1.515.313l-.166-.02-1.13 1.957c-.068.117-.055.24.003.292a36.853 36.853 0 0 0 3.95 3.089.435.435 0 0 1 .046-.108l.463-.801a.5.5 0 0 1 .866.5L6.3 13.9a.499.499 0 0 1-.112.134c.523.338 1.06.665 1.607.981 2.337 1.35 4.873 2.5 7.61 3.454l.049.007c.07-.003.155-.053.21-.148l1.269-2.2-.012-.014a2.573 2.573 0 0 1-.47-1.483l.005-.167c.094-1.373 1.298-2.416 2.748-2.368l.06.003 1.293-2.246c.075-.13.047-.263-.022-.303l-.02-.01c-2.967-1.095-5.583-2.297-7.845-3.603a37.597 37.597 0 0 1-1.4-.85.478.478 0 0 1-.062.311l-.74 1.284a.5.5 0 1 1-.867-.5l.741-1.284a.498.498 0 0 1 .288-.228 35.138 35.138 0 0 1-4.025-3.118c-.055-.05-.168-.034-.258.076zm1.714 8.22a.5.5 0 0 1 .184.684l-.741 1.283a.5.5 0 1 1-.867-.5l.741-1.283a.5.5 0 0 1 .683-.183zm1.482-2.566a.5.5 0 0 1 .183.683l-.74 1.283a.5.5 0 1 1-.867-.5l.741-1.283a.5.5 0 0 1 .683-.183z' fill='%23707173' fill-rule='nonzero'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%; }
    #chatting_area .actionbox ul li.ic_spread_gift a:hover {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20'%3e%3cpath d='M7.273.809a34.901 34.901 0 0 0 5.897 4.263c2.21 1.276 4.775 2.454 7.695 3.533.06.023.116.049.169.08.571.327.728 1.079.39 1.668l-1.367 2.367-.133.191a.5.5 0 0 1-.497.211 1.897 1.897 0 0 0-.256-.026c-.957-.031-1.719.662-1.72 1.538-.002.407.16.797.45 1.106a.5.5 0 0 1 .07.593l-1.442 2.497c-.3.519-.908.776-1.455.584-2.793-.973-5.387-2.15-7.779-3.532A38.578 38.578 0 0 1 .77 11.165c-.424-.38-.497-1.026-.202-1.537L1.883 7.35a.5.5 0 0 1 .586-.226 1.71 1.71 0 0 0 1.425-.197c.822-.512 1.114-1.56.668-2.329a1.47 1.47 0 0 0-.358-.415.5.5 0 0 1-.122-.641l1.366-2.367c.037-.064.08-.126.127-.183.437-.53 1.2-.632 1.698-.184zm-.926.82-.033.046-1.17 2.03.072.085a2.5 2.5 0 0 1 .21.307c.725 1.247.268 2.889-1.004 3.68l-.176.101a2.737 2.737 0 0 1-1.515.313l-.166-.02-1.13 1.957c-.068.117-.055.24.003.292a36.853 36.853 0 0 0 3.95 3.089.435.435 0 0 1 .046-.108l.463-.801a.5.5 0 0 1 .866.5L6.3 13.9a.499.499 0 0 1-.112.134c.523.338 1.06.665 1.607.981 2.337 1.35 4.873 2.5 7.61 3.454l.049.007c.07-.003.155-.053.21-.148l1.269-2.2-.012-.014a2.573 2.573 0 0 1-.47-1.483l.005-.167c.094-1.373 1.298-2.416 2.748-2.368l.06.003 1.293-2.246c.075-.13.047-.263-.022-.303l-.02-.01c-2.967-1.095-5.583-2.297-7.845-3.603a37.597 37.597 0 0 1-1.4-.85.478.478 0 0 1-.062.311l-.74 1.284a.5.5 0 1 1-.867-.5l.741-1.284a.498.498 0 0 1 .288-.228 35.138 35.138 0 0 1-4.025-3.118c-.055-.05-.168-.034-.258.076zm1.714 8.22a.5.5 0 0 1 .184.684l-.741 1.283a.5.5 0 1 1-.867-.5l.741-1.283a.5.5 0 0 1 .683-.183zm1.482-2.566a.5.5 0 0 1 .183.683l-.74 1.283a.5.5 0 1 1-.867-.5l.741-1.283a.5.5 0 0 1 .683-.183z' fill='%234279ff' fill-rule='nonzero'/%3e%3c/svg%3e"); }

.ic_new {
  position: absolute;
  bottom: 0px;
  right: -4px;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  font: 0/0 a;
  background: #fe2122; }
  .ic_new:before {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 3px;
    width: 6px;
    height: 5px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(254, 253, 252, 0.999)' stroke='' viewBox='0 0 6 5'%3e%3cpath fill-rule='evenodd' d='M0 0v5h2V3h1v1h1v1h2V0H4v2H3V1H2V0H0'/%3e%3c/svg%3e") 0 0 no-repeat;
    background-size: 100% 100%; }

.thema_dark, .theme_dark, .chat_thema_dark {
  color: #eee !important;
  background: #121213; }

.thema_dark #chatting_area .area_header ul li.mchat a:hover, .thema_dark #chatting_area .area_header ul li.mchat a.on, .theme_dark #chatting_area .area_header ul li.mchat a:hover, .theme_dark #chatting_area .area_header ul li.mchat a.on,
.smode #chatting_area .area_header ul li.mchat a:hover,
.smode #chatting_area .area_header ul li.mchat a.on, .extend_mode #chatting_area .area_header ul li.mchat a:hover, .extend_mode #chatting_area .area_header ul li.mchat a.on, .chat_thema_dark #chatting_area .area_header ul li.mchat a:hover, .chat_thema_dark #chatting_area .area_header ul li.mchat a.on {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M16 4a3.5 3.5 0 0 1 3.5 3.5v6A3.5 3.5 0 0 1 16 17h-5.95l-2.889 2.856a.5.5 0 0 1-.844-.27L6.31 19.5 6.309 17H6a3.5 3.5 0 0 1-3.495-3.308L2.5 13.5v-6A3.5 3.5 0 0 1 6 4zm0 1H6a2.5 2.5 0 0 0-2.5 2.5v6A2.5 2.5 0 0 0 6 16h.809a.5.5 0 0 1 .5.5v1.803l2.186-2.159a.5.5 0 0 1 .273-.138L9.846 16H16a2.5 2.5 0 0 0 2.5-2.5v-6A2.5 2.5 0 0 0 16 5zM8.738 7.5c.053 0 .094.008.123.023.03.016.056.05.08.102l2.055 4.527 2.064-4.527c.035-.083.108-.125.22-.125h.957c.122 0 .197.012.223.035.027.023.04.09.04.199v5.618c0 .062-.01.103-.03.12-.021.019-.067.028-.137.028h-.86c-.077 0-.124-.01-.141-.027-.018-.018-.026-.059-.026-.121V9.44l-1.713 3.889a.299.299 0 0 1-.08.109c-.023.015-.067.023-.13.023h-.765a.286.286 0 0 1-.136-.023c-.027-.016-.051-.052-.075-.11L8.694 9.44v3.912c0 .062-.008.103-.026.12-.017.019-.064.028-.14.028h-.861c-.076 0-.123-.01-.14-.027-.018-.018-.027-.059-.027-.121V7.734c0-.11.013-.176.04-.199.026-.023.098-.035.215-.035h.983z' fill='%237398ff' fill-rule='nonzero'/%3e%3c/svg%3e"); }
.thema_dark #chatting_area .area_header ul li.c-out a:hover, .thema_dark #chatting_area .area_header ul li.c-out a.on, .theme_dark #chatting_area .area_header ul li.c-out a:hover, .theme_dark #chatting_area .area_header ul li.c-out a.on,
.smode #chatting_area .area_header ul li.c-out a:hover,
.smode #chatting_area .area_header ul li.c-out a.on, .extend_mode #chatting_area .area_header ul li.c-out a:hover, .extend_mode #chatting_area .area_header ul li.c-out a.on, .chat_thema_dark #chatting_area .area_header ul li.c-out a:hover, .chat_thema_dark #chatting_area .area_header ul li.c-out a.on {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M16 3.5c.778 0 1.42.597 1.493 1.356L17.5 5v12c0 .778-.597 1.42-1.356 1.493L16 18.5h-3.99a.498.498 0 0 1-.323-.119l-.723.994a1.495 1.495 0 0 1-1.204.615H5.49c-.826 0-1.49-.664-1.49-1.49v-5.17c0-.724.55-1.336 1.293-1.423l.108-.006.099.003V5c0-.778.597-1.42 1.356-1.493L7 3.5h9zM5.431 12.9l-.05.003A.436.436 0 0 0 5 13.33v5.17c0 .274.216.49.49.49h4.27a.495.495 0 0 0 .396-.204l2.96-4.071a.867.867 0 0 0-.044-1.076l-.076-.079a.866.866 0 0 0-1.075-.077L8.38 15.894c-1.071.724-2.52-.042-2.52-1.334v-1.23a.435.435 0 0 0-.429-.43zM16 4.5H7a.504.504 0 0 0-.492.41L6.5 5v7a.498.498 0 0 1-.092.29c.277.26.452.63.452 1.04v1.23c0 .49.552.781.959.507l3.539-2.41a1.871 1.871 0 0 1 2.336.187l.108.112c.588.657.64 1.639.122 2.348L12.327 17.5H16c.243 0 .45-.179.492-.41L16.5 17V5a.504.504 0 0 0-.41-.492L16 4.5z' fill='%237398ff'/%3e%3c/svg%3e"); }
.thema_dark #chatting_area .area_header ul li.ice a.on, .thema_dark #chatting_area .area_header ul li.ice a:hover, .theme_dark #chatting_area .area_header ul li.ice a.on, .theme_dark #chatting_area .area_header ul li.ice a:hover,
.smode #chatting_area .area_header ul li.ice a.on,
.smode #chatting_area .area_header ul li.ice a:hover, .extend_mode #chatting_area .area_header ul li.ice a.on, .extend_mode #chatting_area .area_header ul li.ice a:hover, .chat_thema_dark #chatting_area .area_header ul li.ice a.on, .chat_thema_dark #chatting_area .area_header ul li.ice a:hover {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='m14.333 11.87-2.751 2.75a1.417 1.417 0 0 0 0 2.005l2.749 2.75a1.418 1.418 0 0 0 2.003 0l2.75-2.75a1.417 1.417 0 0 0 0-2.005l-2.749-2.75a1.418 1.418 0 0 0-2.002 0zm.705.708a.418.418 0 0 1 .525-.053l.065.053 2.75 2.749a.417.417 0 0 1 .053.525l-.054.066-2.749 2.749a.418.418 0 0 1-.524.053l-.066-.053-2.749-2.749a.417.417 0 0 1-.054-.525l.054-.066 2.749-2.749zm-5.99-1.101h-4.13c-.784 0-1.418.634-1.418 1.417v4.131c0 .783.635 1.418 1.418 1.418h4.13c.783 0 1.418-.635 1.418-1.418v-4.13c0-.783-.634-1.418-1.418-1.418zm0 1c.206 0 .376.148.411.342l.007.075v4.131a.418.418 0 0 1-.343.411l-.075.007h-4.13a.418.418 0 0 1-.411-.343l-.007-.075v-4.13c0-.206.147-.376.342-.411l.076-.007h4.13zm0-8.977h-4.13c-.784 0-1.418.634-1.418 1.418v4.13c0 .784.635 1.418 1.418 1.418h4.13c.783 0 1.418-.635 1.418-1.418v-4.13c0-.783-.634-1.418-1.418-1.418zm0 1c.206 0 .376.148.411.342l.007.076v4.13a.418.418 0 0 1-.343.411l-.075.007h-4.13a.417.417 0 0 1-.411-.342L4.5 9.048v-4.13c0-.206.147-.376.342-.411l.076-.007h4.13zm7.977-1h-4.13c-.784 0-1.418.634-1.418 1.418v4.13c0 .784.635 1.418 1.417 1.418h4.131c.783 0 1.418-.635 1.418-1.418v-4.13c0-.783-.635-1.418-1.418-1.418zm0 1c.205 0 .376.148.411.342l.007.076v4.13a.418.418 0 0 1-.343.411l-.075.007h-4.13a.417.417 0 0 1-.411-.342l-.007-.076v-4.13c0-.206.147-.376.342-.411l.075-.007h4.131z' fill='%237398ff'/%3e%3c/svg%3e"); }
.thema_dark #chatting_area .area_header ul li.ice a.warm.on, .thema_dark #chatting_area .area_header ul li.ice a.warm:hover, .theme_dark #chatting_area .area_header ul li.ice a.warm.on, .theme_dark #chatting_area .area_header ul li.ice a.warm:hover,
.smode #chatting_area .area_header ul li.ice a.warm.on,
.smode #chatting_area .area_header ul li.ice a.warm:hover, .extend_mode #chatting_area .area_header ul li.ice a.warm.on, .extend_mode #chatting_area .area_header ul li.ice a.warm:hover, .chat_thema_dark #chatting_area .area_header ul li.ice a.warm.on, .chat_thema_dark #chatting_area .area_header ul li.ice a.warm:hover {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M18.063 5.813v.937H19v.938h-.938v.937h-.937v-.938h-.938V6.75h.938v-.938h.938zM13.375 3v.938h.938v.937h-.938v.938h-.938v-.938H11.5v-.938h.938V3h.937zm.509 6.737-.11.182c-.4.674-.782 1.348-1.13 1.996-.173.325-.343.653-.51.984l-.259.537-.227.5c-.423.966-.648 1.708-.648 2.189a3.312 3.312 0 1 0 6.625 0c0-.441-.19-1.1-.546-1.95l-.21-.483a22.501 22.501 0 0 0-.119-.255l-.259-.536-.33-.646a52.437 52.437 0 0 0-1.308-2.334l-.112-.184a.5.5 0 0 0-.857 0zm.428 1.241.253.441c.185.327.364.65.534.968l.175.331.322.628.235.486.106.23.192.435c.324.761.496 1.33.496 1.628a2.312 2.312 0 1 1-4.625 0c0-.162.051-.406.15-.717l.116-.333c.043-.118.092-.244.146-.376l.177-.415c.031-.073.065-.147.099-.222l.22-.47.122-.247a40.897 40.897 0 0 1 1.03-1.926l.252-.441zM6.384 4.112l-.11.182c-.4.674-.782 1.348-1.13 1.996-.173.325-.343.653-.51.984l-.259.537-.227.5C3.725 9.278 3.5 10.02 3.5 10.5a3.312 3.312 0 1 0 6.625 0c0-.441-.19-1.1-.546-1.95l-.21-.483a22.5 22.5 0 0 0-.119-.255l-.259-.536-.33-.646a52.437 52.437 0 0 0-1.308-2.334l-.112-.184a.5.5 0 0 0-.857 0zm.428 1.241.253.441c.185.327.364.65.534.968l.175.331.322.628.235.486.106.23.192.435c.324.761.496 1.33.496 1.628a2.312 2.312 0 1 1-4.625 0c0-.162.051-.406.15-.717l.116-.333c.043-.118.092-.244.146-.376l.177-.415c.031-.073.065-.147.099-.222l.22-.47.122-.247a40.897 40.897 0 0 1 1.03-1.926l.252-.441z' fill='%237398ff'/%3e%3c/svg%3e"); }
.thema_dark #chatting_area .area_header ul li.viewer a.on, .thema_dark #chatting_area .area_header ul li.viewer a:hover, .theme_dark #chatting_area .area_header ul li.viewer a.on, .theme_dark #chatting_area .area_header ul li.viewer a:hover,
.smode #chatting_area .area_header ul li.viewer a.on,
.smode #chatting_area .area_header ul li.viewer a:hover, .extend_mode #chatting_area .area_header ul li.viewer a.on, .extend_mode #chatting_area .area_header ul li.viewer a:hover, .chat_thema_dark #chatting_area .area_header ul li.viewer a.on, .chat_thema_dark #chatting_area .area_header ul li.viewer a:hover {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M7.5 11.5c3.634-.001 6 2.74 6 6.5a.5.5 0 1 1-1 0c0-3.238-1.954-5.5-5-5.5-3.047 0-5 2.263-5 5.5a.5.5 0 1 1-1 0c0-3.76 2.366-6.499 6-6.5zm.1-7c-.823 0-1.612.326-2.19.907A3.087 3.087 0 0 0 4.5 7.6c-.002.821.326 1.61.91 2.194.578.58 1.367.906 2.19.906s1.612-.326 2.19-.907c.578-.575.91-1.358.91-2.193 0-.833-.332-1.617-.91-2.194A3.09 3.09 0 0 0 7.6 4.5zm0 1a2.09 2.09 0 0 1 1.483.613 2.097 2.097 0 0 1 0 2.973A2.093 2.093 0 0 1 7.6 9.7a2.094 2.094 0 0 1-1.482-.612A2.093 2.093 0 0 1 5.5 7.6c0-.567.224-1.096.617-1.487A2.093 2.093 0 0 1 7.6 5.5zm12.4 2a.5.5 0 0 1 .09.992L20 8.5h-7a.5.5 0 0 1-.09-.992L13 7.5h7zm0 4a.5.5 0 0 1 .09.992L20 12.5h-5a.5.5 0 0 1-.09-.992L15 11.5h5zm0 4a.5.5 0 0 1 .09.992L20 16.5h-4a.5.5 0 0 1-.09-.992L16 15.5h4z' fill='%237398ff'/%3e%3c/svg%3e"); }
.thema_dark #chatting_area .area_header ul li.set a.on, .thema_dark #chatting_area .area_header ul li.set a:hover, .theme_dark #chatting_area .area_header ul li.set a.on, .theme_dark #chatting_area .area_header ul li.set a:hover,
.smode #chatting_area .area_header ul li.set a.on,
.smode #chatting_area .area_header ul li.set a:hover, .extend_mode #chatting_area .area_header ul li.set a.on, .extend_mode #chatting_area .area_header ul li.set a:hover, .chat_thema_dark #chatting_area .area_header ul li.set a.on, .chat_thema_dark #chatting_area .area_header ul li.set a:hover {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M11 2.5c1.07 0 1.938.867 1.938 1.938l-.001.245.12.036c.318.104.628.232.927.382l.112.06.174-.173a1.937 1.937 0 0 1 2.594-.126l.128.117a1.923 1.923 0 0 1 .015 2.748l-.17.171.062.117c.151.299.279.608.382.927l.036.12h.245c1.02 0 1.855.787 1.932 1.787L19.5 11c0 1.07-.867 1.938-1.938 1.938l-.246-.001-.035.12a6.578 6.578 0 0 1-.382.926l-.062.116.155.157c.333.322.537.752.578 1.21l.008.172c0 .521-.212 1.02-.576 1.372a1.938 1.938 0 0 1-2.733 0l-.173-.174-.112.06a6.58 6.58 0 0 1-.927.383l-.12.035v.247a1.936 1.936 0 0 1-1.786 1.931l-.151.006a1.938 1.938 0 0 1-1.938-1.937v-.245l-.119-.035a6.58 6.58 0 0 1-.927-.382l-.114-.062-.168.171a1.94 1.94 0 0 1-2.62.119l-.123-.113a1.94 1.94 0 0 1-.003-2.746l.172-.171-.06-.112a6.578 6.578 0 0 1-.381-.927l-.036-.119h-.245a1.938 1.938 0 0 1-1.932-1.786l-.006-.151c0-1.07.867-1.938 1.938-1.938h.245l.036-.119a6.33 6.33 0 0 1 .382-.926l.059-.113-.175-.174a1.94 1.94 0 0 1-.108-2.619l.114-.123a1.94 1.94 0 0 1 2.745.008l.166.168.114-.06c.3-.152.609-.28.927-.383l.119-.036v-.25c0-1.019.787-1.854 1.787-1.931zm0 1a.937.937 0 0 0-.938.938v.937a.322.322 0 0 0 .02.098 5.578 5.578 0 0 0-2.345.966.347.347 0 0 0-.056-.075l-.656-.663a.94.94 0 1 0-1.331 1.326l.665.663c.023.02.048.036.075.05a5.576 5.576 0 0 0-.965 2.343l-.094-.019h-.938a.937.937 0 1 0 0 1.875h.938l.094-.018c.137.845.468 1.647.965 2.343a.375.375 0 0 0-.075.05l-.665.663a.94.94 0 1 0 1.331 1.325l.656-.662a.347.347 0 0 0 .056-.075 5.58 5.58 0 0 0 2.344.966.322.322 0 0 0-.018.094v.936a.937.937 0 1 0 1.874 0v-.938l-.018-.094a5.58 5.58 0 0 0 2.343-.966l.047.075.666.663a.937.937 0 0 0 1.322 0 .922.922 0 0 0 0-1.326l-.656-.663-.075-.05a5.578 5.578 0 0 0 .965-2.343.57.57 0 0 0 .094.018h.938a.937.937 0 1 0 0-1.874h-.938a.57.57 0 0 0-.094.016 5.576 5.576 0 0 0-.965-2.343l.075-.05.656-.663a.922.922 0 0 0 0-1.325.938.938 0 0 0-1.322 0l-.666.662-.046.075a5.578 5.578 0 0 0-2.344-.966l.018-.094v-.938A.937.937 0 0 0 11 3.5zm0 4.188a3.313 3.313 0 1 1 0 6.625 3.313 3.313 0 0 1 0-6.626zm0 1a2.313 2.313 0 1 0 0 4.625 2.313 2.313 0 0 0 0-4.626z' fill='%237398ff'/%3e%3c/svg%3e"); }
.thema_dark #chatting_area .area_header ul li.c-notice a.on, .thema_dark #chatting_area .area_header ul li.c-notice a:hover, .theme_dark #chatting_area .area_header ul li.c-notice a.on, .theme_dark #chatting_area .area_header ul li.c-notice a:hover,
.smode #chatting_area .area_header ul li.c-notice a.on,
.smode #chatting_area .area_header ul li.c-notice a:hover, .extend_mode #chatting_area .area_header ul li.c-notice a.on, .extend_mode #chatting_area .area_header ul li.c-notice a:hover, .chat_thema_dark #chatting_area .area_header ul li.c-notice a.on, .chat_thema_dark #chatting_area .area_header ul li.c-notice a:hover {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='m15.972 4.172-2.914 1.393-.074.039c-.433.26-1.362.487-1.984.487H7.941C5.784 6.09 4 7.875 4 10.032l.007.231.018.2c.226 1.975 1.918 3.51 3.916 3.51h.396l.784 3.808c.326 1.007 1.033 1.545 2.006 1.545l.18-.009.146-.021a1.963 1.963 0 0 0 1.573-2.26l-.599-2.893.042.01c.188.052.337.103.472.163l3.049 1.458c1 .5 2.01-.182 2.01-1.281v-9.05c0-1.102-1.012-1.78-2.028-1.271zm-2.494 2.301 2.933-1.403c.341-.17.589-.004.589.374v9.049c0 .377-.247.544-.57.382l-3.07-1.467a4.307 4.307 0 0 0-.637-.222l-.377-.095-1.213-.27.888 4.295c.144.58-.244 1.145-.795 1.205l-.125.006c-.504 0-.835-.252-1.015-.802l-.933-4.552H7.941c-1.536 0-2.838-1.228-2.935-2.757l-.006-.2c0-1.59 1.336-2.925 2.941-2.925H11c.794 0 1.9-.27 2.478-.618z' fill='%237398ff'/%3e%3c/svg%3e"); }
.thema_dark #chatting_area .area_header ul li.management a.on, .thema_dark #chatting_area .area_header ul li.management a:hover, .theme_dark #chatting_area .area_header ul li.management a.on, .theme_dark #chatting_area .area_header ul li.management a:hover,
.smode #chatting_area .area_header ul li.management a.on,
.smode #chatting_area .area_header ul li.management a:hover, .extend_mode #chatting_area .area_header ul li.management a.on, .extend_mode #chatting_area .area_header ul li.management a:hover, .chat_thema_dark #chatting_area .area_header ul li.management a.on, .chat_thema_dark #chatting_area .area_header ul li.management a:hover {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='16'%3e%3cg fill='none' fill-rule='even0odd' stroke='%237398ff'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M11.389 14.386a7.47 7.47 0 0 0 2.758-.522l2.823 1.358-.319-3.039c1.145-1.187 1.849-2.76 1.849-4.49C18.5 3.997 15.316 1 11.389 1c-2.243 0-4.243.977-5.546 2.503'/%3e%3cg transform='matrix(-1 0 0 1 11 5)'%3e%3cpath d='M5.053 0a1 1 0 0 1 1 1v.14c.33.09.642.22.932.387l.1-.1a1 1 0 0 1 1.413 0l.075.075a1 1 0 0 1 0 1.414l-.1.099c.166.29.297.602.387.932H9a1 1 0 0 1 1 1v.106a1 1 0 0 1-1 1h-.14c-.09.33-.22.642-.387.932l.1.1a1 1 0 0 1 0 1.413l-.075.075a1 1 0 0 1-1.414 0l-.099-.1c-.29.166-.602.297-.932.387V9a1 1 0 0 1-1 1h-.106a1 1 0 0 1-1-1v-.14c-.33-.09-.642-.22-.932-.387l-.1.1a1 1 0 0 1-1.413 0l-.075-.075a1 1 0 0 1 0-1.414l.1-.099a3.976 3.976 0 0 1-.387-.932H1a1 1 0 0 1-1-1v-.106a1 1 0 0 1 1-1h.14c.09-.33.22-.642.387-.932l-.1-.1a1 1 0 0 1 0-1.413l.075-.075a1 1 0 0 1 1.414 0l.099.1c.29-.166.602-.297.932-.387V1a1 1 0 0 1 1-1h.106z'/%3e%3ccircle cx='5' cy='5' r='1.167'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
  background-size: 19px 16px; }
.thema_dark #chatting_area .chatbox .actionbox .ul1 li:not(.off).emo.on a, .thema_dark #chatting_area .chatbox .actionbox .ul1 li:not(.off).emo:hover a, .theme_dark #chatting_area .chatbox .actionbox .ul1 li:not(.off).emo.on a, .theme_dark #chatting_area .chatbox .actionbox .ul1 li:not(.off).emo:hover a,
.smode #chatting_area .chatbox .actionbox .ul1 li:not(.off).emo.on a,
.smode #chatting_area .chatbox .actionbox .ul1 li:not(.off).emo:hover a, .extend_mode #chatting_area .chatbox .actionbox .ul1 li:not(.off).emo.on a, .extend_mode #chatting_area .chatbox .actionbox .ul1 li:not(.off).emo:hover a, .chat_thema_dark #chatting_area .chatbox .actionbox .ul1 li:not(.off).emo.on a, .chat_thema_dark #chatting_area .chatbox .actionbox .ul1 li:not(.off).emo:hover a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(115, 152, 255, 0.999)' stroke=''   viewBox='0 0 21 21' %3e%3cpath d='M10.052,20.460 C4.531,20.460 0.040,15.969 0.040,10.448 C0.040,4.926 4.531,0.435 10.052,0.435 C15.573,0.435 20.065,4.926 20.065,10.448 C20.065,15.969 15.573,20.460 10.052,20.460 ZM10.052,1.477 C5.106,1.477 1.082,5.502 1.082,10.448 C1.082,15.394 5.106,19.418 10.052,19.418 C14.998,19.418 19.023,15.394 19.023,10.448 C19.023,5.502 14.998,1.477 10.052,1.477 ZM10.113,16.131 C6.447,16.131 5.081,12.534 5.025,12.381 L6.003,12.020 C6.050,12.145 7.182,15.089 10.113,15.089 C13.044,15.089 14.175,12.145 14.222,12.021 L15.200,12.381 C15.144,12.534 13.779,16.131 10.113,16.131 ZM13.488,9.870 C12.776,9.870 12.200,9.294 12.200,8.582 C12.200,7.870 12.776,7.293 13.488,7.293 C14.199,7.293 14.776,7.870 14.776,8.582 C14.776,9.294 14.199,9.870 13.488,9.870 ZM6.543,9.870 C5.824,9.870 5.240,9.294 5.240,8.582 C5.240,7.870 5.824,7.293 6.543,7.293 C7.262,7.293 7.846,7.870 7.846,8.582 C7.846,9.294 7.262,9.870 6.543,9.870 Z'/%3e%3c/svg%3e") 0 0 no-repeat; }
.thema_dark #chatting_area .chatbox .actionbox .ul1 li:not(.off).police.on a, .thema_dark #chatting_area .chatbox .actionbox .ul1 li:not(.off).police:hover a, .theme_dark #chatting_area .chatbox .actionbox .ul1 li:not(.off).police.on a, .theme_dark #chatting_area .chatbox .actionbox .ul1 li:not(.off).police:hover a,
.smode #chatting_area .chatbox .actionbox .ul1 li:not(.off).police.on a,
.smode #chatting_area .chatbox .actionbox .ul1 li:not(.off).police:hover a, .extend_mode #chatting_area .chatbox .actionbox .ul1 li:not(.off).police.on a, .extend_mode #chatting_area .chatbox .actionbox .ul1 li:not(.off).police:hover a, .chat_thema_dark #chatting_area .chatbox .actionbox .ul1 li:not(.off).police.on a, .chat_thema_dark #chatting_area .chatbox .actionbox .ul1 li:not(.off).police:hover a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 36, 36, 0.999)' stroke=''   viewBox='0 0 18 18' %3e%3cpath d='M17.033,12.253 L17.033,17.991 L0.949,17.991 L0.949,12.253 L1.890,12.253 L1.889,7.319 C1.889,7.296 1.888,7.183 1.891,7.160 L1.889,6.627 C1.889,6.522 1.920,6.423 1.975,6.342 C2.426,2.724 5.402,0.026 8.991,0.026 C12.591,0.026 15.575,2.740 16.012,6.373 C16.063,6.449 16.092,6.535 16.092,6.627 L16.092,7.172 C16.096,7.202 16.098,7.243 16.098,7.261 C16.098,7.287 16.093,7.347 16.089,7.372 L16.092,12.253 L17.033,12.253 ZM15.058,7.199 L15.058,6.846 C15.028,6.794 15.009,6.736 15.003,6.675 C14.706,3.474 12.121,1.060 8.991,1.060 C5.862,1.060 3.277,3.474 2.979,6.675 C2.973,6.744 2.954,6.808 2.923,6.865 L2.923,7.200 C2.923,7.218 2.921,7.255 2.918,7.282 C2.920,7.268 2.922,7.285 2.923,7.319 L2.924,12.253 L15.059,12.253 L15.058,7.320 C15.058,7.294 15.062,7.241 15.067,7.215 C15.066,7.207 15.058,7.206 15.058,7.199 ZM15.999,13.288 L15.576,13.288 L2.407,13.288 L1.984,13.288 L1.984,16.957 L15.999,16.957 L15.999,13.288 ZM10.121,4.440 L10.121,3.499 C11.936,3.499 13.412,4.990 13.412,6.824 L12.472,6.824 C12.472,5.509 11.417,4.440 10.121,4.440 Z'/%3e%3c/svg%3e") 0 0 no-repeat; }
.thema_dark #chatting_area .chatbox .actionbox .ul1 li.translation.on a,
.thema_dark #chatting_area .chatbox .actionbox .ul1 li.translation:hover a, .theme_dark #chatting_area .chatbox .actionbox .ul1 li.translation.on a,
.theme_dark #chatting_area .chatbox .actionbox .ul1 li.translation:hover a,
.smode #chatting_area .chatbox .actionbox .ul1 li.translation.on a,
.smode #chatting_area .chatbox .actionbox .ul1 li.translation:hover a, .extend_mode #chatting_area .chatbox .actionbox .ul1 li.translation.on a,
.extend_mode #chatting_area .chatbox .actionbox .ul1 li.translation:hover a, .chat_thema_dark #chatting_area .chatbox .actionbox .ul1 li.translation.on a,
.chat_thema_dark #chatting_area .chatbox .actionbox .ul1 li.translation:hover a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(115, 152, 255, 0.999)' stroke=''   viewBox='0 0 19 19' %3e%3cpath d='M16.21 2.78A9.43 9.43 0 009.5 0C6.96 0 4.57.99 2.78 2.78A9.45 9.45 0 000 9.5c0 2.54.99 4.92 2.78 6.71a9.45 9.45 0 0013.44 0A9.45 9.45 0 0019 9.5c0-2.54-.99-4.93-2.79-6.72zm1.93 6.3h-3.69a16.43 16.43 0 00-.6-4.14c.7-.36 1.36-.81 1.96-1.35a8.62 8.62 0 012.33 5.48zm-8.21.85h3.68a15.64 15.64 0 01-.54 3.8c-1-.4-2.05-.64-3.14-.7v-3.1zM15.2 3c-.5.44-1.04.81-1.61 1.12-.15-.41-.32-.8-.5-1.16a6.83 6.83 0 00-1.25-1.79c1.26.36 2.4.99 3.36 1.83zM9.93.98c.88.2 1.72 1.02 2.4 2.35.18.36.34.75.48 1.16-.9.37-1.88.6-2.88.64V.98zm3.14 4.32c.32 1.15.5 2.44.53 3.78H9.93V5.99a9.62 9.62 0 003.14-.69zm-4 3.77H5.4c.03-1.34.22-2.62.53-3.77 1 .4 2.06.64 3.15.68v3.1zm0-8.09v4.15c-1-.05-1.98-.27-2.88-.64.14-.41.3-.8.48-1.16C7.35 2 8.2 1.18 9.07.98zm-1.9.2a6.88 6.88 0 00-1.25 1.78c-.19.36-.35.75-.5 1.16A8.74 8.74 0 013.8 3a8.62 8.62 0 013.36-1.83zM3.18 3.58c.6.54 1.26.99 1.96 1.35a16.33 16.33 0 00-.6 4.13H.86c.1-2.11.97-4.03 2.33-5.48zM.86 9.93h3.69c.03 1.47.24 2.89.6 4.15-.7.36-1.35.8-1.95 1.34a8.61 8.61 0 01-2.34-5.5zM3.82 16c.5-.43 1.03-.8 1.6-1.1.15.39.31.77.5 1.13.36.73.78 1.33 1.24 1.79A8.65 8.65 0 013.82 16zm5.26 2c-.9-.2-1.73-1.01-2.4-2.35a9.9 9.9 0 01-.48-1.12c.9-.38 1.88-.6 2.88-.65v4.12zm-3.15-4.29c-.32-1.15-.5-2.45-.53-3.8h3.68v3.12a9.42 9.42 0 00-3.15.68zm4 4.3v-4.13c1 .05 1.97.27 2.88.65-.14.4-.3.77-.48 1.12-.68 1.34-1.51 2.16-2.4 2.35zm1.91-.2c.46-.45.88-1.05 1.25-1.78.18-.36.34-.74.5-1.14.56.3 1.1.67 1.6 1.11a8.55 8.55 0 01-3.35 1.81zm3.96-2.4a9.44 9.44 0 00-1.95-1.34c.37-1.26.58-2.68.61-4.15h3.69a8.66 8.66 0 01-2.35 5.49z'/%3e%3c/svg%3e") 0 0 no-repeat; }
.thema_dark #chatting_area .chatbox .actionbox .ul2 li.star.on a,
.thema_dark #chatting_area .chatbox .actionbox .ul2 li.star:hover a, .theme_dark #chatting_area .chatbox .actionbox .ul2 li.star.on a,
.theme_dark #chatting_area .chatbox .actionbox .ul2 li.star:hover a,
.smode #chatting_area .chatbox .actionbox .ul2 li.star.on a,
.smode #chatting_area .chatbox .actionbox .ul2 li.star:hover a, .extend_mode #chatting_area .chatbox .actionbox .ul2 li.star.on a,
.extend_mode #chatting_area .chatbox .actionbox .ul2 li.star:hover a, .chat_thema_dark #chatting_area .chatbox .actionbox .ul2 li.star.on a,
.chat_thema_dark #chatting_area .chatbox .actionbox .ul2 li.star:hover a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(115, 152, 255, 0.999)' stroke='' viewBox='0 0 17 20' %3e%3cpath d='M9.83 16.5l.02.27c.04.4.13.78.24 1.13.15.43.35.78.6 1.02a.6.6 0 010 .87.64.64 0 01-.9 0c-.4-.4-.69-.9-.89-1.5a6.56 6.56 0 01-.33-1.68H8.5a8.4 8.4 0 01-8.5-8.3 8.4 8.4 0 018.5-8.32 8.4 8.4 0 018.5 8.31c0 4.14-3.1 7.58-7.16 8.2zM8.49 1.1a7.28 7.28 0 00-7.36 7.2c0 3.97 3.3 7.2 7.36 7.2a7.28 7.28 0 007.36-7.2c0-3.97-3.3-7.2-7.36-7.2zm2.69 8.35a.3.3 0 00-.09.27l.47 2.69c.05.25-.22.44-.45.32l-2.48-1.27a.32.32 0 00-.29 0l-2.47 1.27c-.23.12-.5-.07-.46-.32l.47-2.7a.3.3 0 00-.09-.27l-2-1.9A.3.3 0 013.97 7l2.76-.39c.1-.01.2-.08.24-.17L8.2 4a.32.32 0 01.56 0l1.24 2.45c.04.1.13.16.23.17l2.77.4a.3.3 0 01.17.52l-2 1.9z'/%3e%3c/svg%3e"); }
.thema_dark #chatting_area .chatbox .actionbox .ul2 li.sticker.on a,
.thema_dark #chatting_area .chatbox .actionbox .ul2 li.sticker:hover a, .theme_dark #chatting_area .chatbox .actionbox .ul2 li.sticker.on a,
.theme_dark #chatting_area .chatbox .actionbox .ul2 li.sticker:hover a,
.smode #chatting_area .chatbox .actionbox .ul2 li.sticker.on a,
.smode #chatting_area .chatbox .actionbox .ul2 li.sticker:hover a, .extend_mode #chatting_area .chatbox .actionbox .ul2 li.sticker.on a,
.extend_mode #chatting_area .chatbox .actionbox .ul2 li.sticker:hover a, .chat_thema_dark #chatting_area .chatbox .actionbox .ul2 li.sticker.on a,
.chat_thema_dark #chatting_area .chatbox .actionbox .ul2 li.sticker:hover a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(115, 152, 255, 0.999)' stroke='' viewBox='0 0 17 17'%3e%3cpath d='M10.16 15.84a6.01 6.01 0 005.65-5.66l-3.88-.03c-.96 0-1.77.92-1.77 1.87v3.82zm5.71-6.87v-5.3a2.56 2.56 0 00-2.55-2.56H3.65A2.56 2.56 0 001.1 3.67v9.36c0 1.42 1.34 2.87 2.75 2.87h5.14V12A3.02 3.02 0 0112 8.96h3.87zm-6.36 8.01H3.83a3.85 3.85 0 01-3.85-3.84V3.86A3.85 3.85 0 013.83 0h9.32A3.85 3.85 0 0117 3.86v5.83c0 4.27-3.22 7.3-7.49 7.3z'/%3e%3c/svg%3e") 0 1px no-repeat; }
.thema_dark #chatting_area .chatbox .actionbox .ul2 li.choco.on a,
.thema_dark #chatting_area .chatbox .actionbox .ul2 li.choco:hover a, .theme_dark #chatting_area .chatbox .actionbox .ul2 li.choco.on a,
.theme_dark #chatting_area .chatbox .actionbox .ul2 li.choco:hover a,
.smode #chatting_area .chatbox .actionbox .ul2 li.choco.on a,
.smode #chatting_area .chatbox .actionbox .ul2 li.choco:hover a, .extend_mode #chatting_area .chatbox .actionbox .ul2 li.choco.on a,
.extend_mode #chatting_area .chatbox .actionbox .ul2 li.choco:hover a, .chat_thema_dark #chatting_area .chatbox .actionbox .ul2 li.choco.on a,
.chat_thema_dark #chatting_area .chatbox .actionbox .ul2 li.choco:hover a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(115, 152, 255, 0.999)' stroke='' viewBox='0 0 17 17'%3e%3cpath d='M6.1 5.98l4.79 1.91.03-6.8H6.1v4.89zm-1.14-.5V1.07H3.8c-1.33 0-2.75 1.43-2.75 2.76v1.11h2.31c.58 0 1.04.4 1.6.56zm-3.88.65v6.79c0 1.44 1.52 2.93 2.96 2.93h9.1c1.44 0 2.77-1.5 2.77-2.93V7.06l-2.9 1.66a3 3 0 01-2.85.23l-4.46-2c-.73-.33-1.51-.82-2.31-.82h-2.3zm14.85-.36l-.01-1.9c0-1.35-1.37-2.78-2.72-2.78l-1.12-.01-.04 6.91c.2-.04.28-.1.46-.22l3.4-2.02.03.02zm-2.85 11.22H3.86A3.87 3.87 0 010 13.12V3.87A3.87 3.87 0 013.86 0h9.25a3.84 3.84 0 013.83 3.87v9.25a3.87 3.87 0 01-3.86 3.87z'/%3e%3c/svg%3e") 0 1px no-repeat; }
.thema_dark #chatting_area .chatbox .actionbox .ul2 li.adballoon.on a,
.thema_dark #chatting_area .chatbox .actionbox .ul2 li.adballoon:hover a, .theme_dark #chatting_area .chatbox .actionbox .ul2 li.adballoon.on a,
.theme_dark #chatting_area .chatbox .actionbox .ul2 li.adballoon:hover a,
.smode #chatting_area .chatbox .actionbox .ul2 li.adballoon.on a,
.smode #chatting_area .chatbox .actionbox .ul2 li.adballoon:hover a, .extend_mode #chatting_area .chatbox .actionbox .ul2 li.adballoon.on a,
.extend_mode #chatting_area .chatbox .actionbox .ul2 li.adballoon:hover a, .chat_thema_dark #chatting_area .chatbox .actionbox .ul2 li.adballoon.on a,
.chat_thema_dark #chatting_area .chatbox .actionbox .ul2 li.adballoon:hover a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(115, 152, 255, 0.999)' stroke=''  viewBox='0 0 17 19' %3e%3cpath d='M1.61 3.53A8.3 8.3 0 018.5 0C13.2 0 17 3.84 17 8.57c0 3.53-2.12 6.61-5.22 7.92l.06.09c.1.14.16.27.22.4.05.13.1.25.11.39.05.32 0 .66-.25.98-.49.62-1.02.66-3.11.66-2.06 0-3.1-.07-3.6-.5a1.21 1.21 0 01-.4-1.12c.02-.16.06-.28.11-.41a2.97 2.97 0 01.29-.49 8.58 8.58 0 01-3.6-12.96zm14.27 5.03c0-4.12-3.3-7.46-7.38-7.46-4.05 0-5.95 3.04-5.95 3.04a7.47 7.47 0 00-1.43 4.42c0 3.66 2.6 6.7 6.04 7.33-.33.6-1.27 1.7-1.15 1.82.13.1 1.53.19 2.81.19 1.07 0 2.06-.06 2.17-.2.11-.13-.8-1.22-1.13-1.8a7.44 7.44 0 006.02-7.34zm-11.2 2.58c-.08.18-.2.3-.37.35a.64.64 0 01-.77-.32.57.57 0 01-.02-.51l1.66-4.42a.9.9 0 01.83-.59c.19 0 .36.06.51.18.15.1.26.25.31.41l1.66 4.41c.07.19.07.36-.02.52a.69.69 0 01-.33.3.64.64 0 01-.44.02c-.17-.04-.29-.17-.36-.36l-.37-.98H5.04l-.37.99zm1.85-2.17L6 7.57l-.53 1.4h1.05zm3 2.51a.6.6 0 01-.46-.18.64.64 0 01-.16-.46v-4.5c0-.2.05-.35.16-.46a.6.6 0 01.46-.18h1.45a2.43 2.43 0 012.36 1.73c.13.36.19.74.19 1.16 0 .41-.06.8-.19 1.15-.11.34-.29.65-.52.92a2.33 2.33 0 01-1.84.82H9.53zm1.4-1.18c.2 0 .38-.04.54-.12.16-.07.3-.18.43-.33.13-.16.22-.34.28-.54.07-.21.1-.46.1-.72 0-.27-.03-.52-.1-.73-.05-.2-.15-.38-.28-.54a1.22 1.22 0 00-.96-.44h-.8v3.42h.8z'/%3e%3c/svg%3e "); }
.thema_dark #chatting_area .actionbox ul li.game_point a.on,
.thema_dark #chatting_area .actionbox ul li.game_point a:hover, .theme_dark #chatting_area .actionbox ul li.game_point a.on,
.theme_dark #chatting_area .actionbox ul li.game_point a:hover,
.smode #chatting_area .actionbox ul li.game_point a.on,
.smode #chatting_area .actionbox ul li.game_point a:hover, .extend_mode #chatting_area .actionbox ul li.game_point a.on,
.extend_mode #chatting_area .actionbox ul li.game_point a:hover, .chat_thema_dark #chatting_area .actionbox ul li.game_point a.on,
.chat_thema_dark #chatting_area .actionbox ul li.game_point a:hover {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath stroke='%237398ff' stroke-linecap='round' stroke-linejoin='round' d='M11.62 2.674H5.004L.685 7.43v3.466l9.43 8.32 9.43-8.32V8.32'/%3e%3cpath d='M9.857 9.132h3.07v4.616H8.313v-1.545H6.767V7.587h1.545V6.042h4.616v1.545H8.312v4.616h3.07v-1.545H9.839V9.132h.02zm9.628-6.101c-1.882 0-2.516-.634-2.516-2.516A.524.524 0 0 0 16.454 0a.524.524 0 0 0-.515.515c0 1.882-.634 2.516-2.516 2.516a.524.524 0 0 0-.515.515c0 .277.238.515.515.515 1.882 0 2.516.634 2.516 2.516 0 .277.238.515.515.515a.524.524 0 0 0 .515-.515c0-1.882.634-2.516 2.516-2.516A.524.524 0 0 0 20 3.546a.511.511 0 0 0-.515-.515z' fill='%237398ff' fill-rule='nonzero'/%3e%3c/g%3e%3c/svg%3e"); }
.thema_dark #chatting_area .actionbox ul li.ic_spread_gift a.on,
.thema_dark #chatting_area .actionbox ul li.ic_spread_gift a:hover, .theme_dark #chatting_area .actionbox ul li.ic_spread_gift a.on,
.theme_dark #chatting_area .actionbox ul li.ic_spread_gift a:hover,
.smode #chatting_area .actionbox ul li.ic_spread_gift a.on,
.smode #chatting_area .actionbox ul li.ic_spread_gift a:hover, .extend_mode #chatting_area .actionbox ul li.ic_spread_gift a.on,
.extend_mode #chatting_area .actionbox ul li.ic_spread_gift a:hover, .chat_thema_dark #chatting_area .actionbox ul li.ic_spread_gift a.on,
.chat_thema_dark #chatting_area .actionbox ul li.ic_spread_gift a:hover {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20'%3e%3cpath d='M7.273.809a34.901 34.901 0 0 0 5.897 4.263c2.21 1.276 4.775 2.454 7.695 3.533.06.023.116.049.169.08.571.327.728 1.079.39 1.668l-1.367 2.367-.133.191a.5.5 0 0 1-.497.211 1.897 1.897 0 0 0-.256-.026c-.957-.031-1.719.662-1.72 1.538-.002.407.16.797.45 1.106a.5.5 0 0 1 .07.593l-1.442 2.497c-.3.519-.908.776-1.455.584-2.793-.973-5.387-2.15-7.779-3.532A38.578 38.578 0 0 1 .77 11.165c-.424-.38-.497-1.026-.202-1.537L1.883 7.35a.5.5 0 0 1 .586-.226 1.71 1.71 0 0 0 1.425-.197c.822-.512 1.114-1.56.668-2.329a1.47 1.47 0 0 0-.358-.415.5.5 0 0 1-.122-.641l1.366-2.367c.037-.064.08-.126.127-.183.437-.53 1.2-.632 1.698-.184zm-.926.82-.033.046-1.17 2.03.072.085a2.5 2.5 0 0 1 .21.307c.725 1.247.268 2.889-1.004 3.68l-.176.101a2.737 2.737 0 0 1-1.515.313l-.166-.02-1.13 1.957c-.068.117-.055.24.003.292a36.853 36.853 0 0 0 3.95 3.089.435.435 0 0 1 .046-.108l.463-.801a.5.5 0 0 1 .866.5L6.3 13.9a.499.499 0 0 1-.112.134c.523.338 1.06.665 1.607.981 2.337 1.35 4.873 2.5 7.61 3.454l.049.007c.07-.003.155-.053.21-.148l1.269-2.2-.012-.014a2.573 2.573 0 0 1-.47-1.483l.005-.167c.094-1.373 1.298-2.416 2.748-2.368l.06.003 1.293-2.246c.075-.13.047-.263-.022-.303l-.02-.01c-2.967-1.095-5.583-2.297-7.845-3.603a37.597 37.597 0 0 1-1.4-.85.478.478 0 0 1-.062.311l-.74 1.284a.5.5 0 1 1-.867-.5l.741-1.284a.498.498 0 0 1 .288-.228 35.138 35.138 0 0 1-4.025-3.118c-.055-.05-.168-.034-.258.076zm1.714 8.22a.5.5 0 0 1 .184.684l-.741 1.283a.5.5 0 1 1-.867-.5l.741-1.283a.5.5 0 0 1 .683-.183zm1.482-2.566a.5.5 0 0 1 .183.683l-.74 1.283a.5.5 0 1 1-.867-.5l.741-1.283a.5.5 0 0 1 .683-.183z' fill='%237398ff' fill-rule='nonzero'/%3e%3c/svg%3e"); }
.thema_dark .area_header ul li.refresh a.on,
.thema_dark .area_header ul li.refresh a:hover, .theme_dark .area_header ul li.refresh a.on,
.theme_dark .area_header ul li.refresh a:hover,
.smode .area_header ul li.refresh a.on,
.smode .area_header ul li.refresh a:hover, .extend_mode .area_header ul li.refresh a.on,
.extend_mode .area_header ul li.refresh a:hover, .chat_thema_dark .area_header ul li.refresh a.on,
.chat_thema_dark .area_header ul li.refresh a:hover {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M8.646 4.554v4.222a.5.5 0 0 1-.992.09l-.008-.09v-2.57C5.843 7.335 4.76 9.41 4.912 11.632c.222 3.241 2.973 5.681 6.14 5.455a.5.5 0 1 1 .072.998c-3.724.265-6.95-2.595-7.21-6.384A6.926 6.926 0 0 1 6.82 5.554H4.498a.5.5 0 0 1-.492-.41l-.008-.09a.5.5 0 0 1 .41-.492l.09-.008h4.148zm9.44 5.767a6.934 6.934 0 0 1-2.615 5.93h2.216a.5.5 0 0 1 .492.41l.008.09a.5.5 0 0 1-.41.492l-.09.008h-4.148v-4.222a.5.5 0 0 1 .992-.09l.008.09v2.665c1.692-1.152 2.696-3.16 2.549-5.305-.222-3.24-2.973-5.68-6.14-5.455a.5.5 0 1 1-.072-.997c3.724-.266 6.95 2.595 7.21 6.384z' fill='%237398ff'/%3e%3c/svg%3e"); }
.thema_dark .area_header ul li.close a.on,
.thema_dark .area_header ul li.close a:hover, .theme_dark .area_header ul li.close a.on,
.theme_dark .area_header ul li.close a:hover,
.smode .area_header ul li.close a.on,
.smode .area_header ul li.close a:hover, .extend_mode .area_header ul li.close a.on,
.extend_mode .area_header ul li.close a:hover, .chat_thema_dark .area_header ul li.close a.on,
.chat_thema_dark .area_header ul li.close a:hover {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3e%3cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L11 10.293l5.646-5.647a.5.5 0 0 1 .765.638l-.057.07L11.707 11l5.647 5.646.057.07a.5.5 0 0 1-.765.638L11 11.707l-5.646 5.647a.5.5 0 0 1-.765-.638l.057-.07L10.293 11 4.646 5.354l-.057-.07a.5.5 0 0 1 .057-.638z' fill='%237398ff'/%3e%3c/svg%3e"); }

.chatbox.chatbox_add_idsearch .chat_area {
  top: 50px; }

.chatbox.chatbox_add_idsearch .idsearch {
  display: block; }

.chatbox .idsearch {
  display: none;
  position: absolute;
  right: 0;
  top: 25px;
  width: 100%;
  height: 24px;
  border-bottom: 1px solid #dadada; }

.chatbox .idsearch:after {
  content: "";
  display: block;
  clear: both; }

.chatbox .idsearch .input_text {
  float: left;
  margin: 3px 0 0 5px;
  padding: 3px 5px 0px;
  width: 128px;
  height: 13px;
  border: 1px solid #dfdfdf;
  color: #666;
  font-size: 11px;
  /* background:url('/images/flashplayer/txt_id.gif') no-repeat 5px 3px;*/ }

.chatbox .idsearch .sel {
  float: left;
  margin: 0 2px 0 2px;
  position: relative;
  z-index: 11; }

.chatbox .idsearch .sel > a,
.chatbox .idsearch .sel em a {
  display: block;
  font-size: 11px;
  color: #888;
  letter-spacing: -1px;
  width: 100px;
  height: 12px;
  margin: 3px 0 0;
  padding: 4px 0 0 6px;
  border: 1px solid #dfdfdf;
  background: #fff url("/images/flashplayer/icon_v2.png") no-repeat right -300px;
  text-decoration: none; }

.chatbox .idsearch .sel ul {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: -1px;
  border: 1px solid #dfdfdf;
  background-color: #fff; }

.chatbox .idsearch .sel li a {
  display: block;
  vertical-align: top;
  font-size: 11px;
  color: #888;
  letter-spacing: -1px;
  line-height: 21px;
  text-indent: 10px;
  background: #fff;
  text-decoration: none; }

.chatbox .idsearch .sel li a:hover {
  background: #f3f3f3; }

.chatbox .idsearch a.btn_apply {
  float: left;
  display: block;
  width: 36px;
  height: 16px;
  margin: 3px 0 0;
  overflow: hidden;
  background: #f0f0f0;
  border: 1px solid #cfcfcf;
  color: #5f5f5f;
  font-size: 11px;
  text-align: center;
  line-height: 1.7em;
  border-radius: 1px;
  text-decoration: none; }

/* 채팅 공지 추가 */
.chatbox.chatbox_add_notice .chat_area {
  top: 70px; }

.chatbox.chatbox_add_notice.chatbox_add_idsearch .chat_area {
  top: 95px; }

.chatbox.chatbox_add_notice.chatbox_add_idsearch .chat_notice {
  display: block;
  top: 50px; }

.chatbox.chatbox_add_notice .chat_notice {
  display: block; }

.chatbox.chatbox_add_notice .idsearch {
  display: none; }

.chatbox.chatbox_add_notice.chatbox_add_idsearch .idsearch {
  display: block; }

.chatbox .chat_notice {
  display: none;
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  overflow-y: auto;
  background: #fff;
  max-height: 350px;
  min-height: 26px;
  padding: 9px 0;
  border-bottom: 1px solid #e1e1e1;
  z-index: 2;
  zoom: 1; }

.chatbox .chat_notice:after {
  content: "";
  display: block;
  clear: both; }

.chatbox .chat_notice .btn_chat_notice {
  position: absolute;
  top: 10px;
  right: 0;
  padding: 8px; }

.chatbox .chat_notice .btn_chat_notice span {
  display: block;
  width: 12px;
  height: 8px;
  font: 0/0 a; }

.chatbox .chat_notice .msg {
  float: left;
  overflow-y: hidden;
  height: 16px;
  margin: 4px 30px 0 40px;
  padding: 0;
  color: #222;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -.75px;
  word-break: break-word; }

.chatbox .chat_notice .msg p {
  word-wrap: break-word;
  font-size: 13px;
  font-family: 'applegothic','NG',sans-serif;
  font-weight: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .chat_notice .msg {
    letter-spacing: 0; } }
.chatbox .chat_notice.open .btn_chat_notice span {
  background-position: -241px 0; }

.chatbox .chat_notice.open .msg,
.chatbox .chat_notice.open .msg p {
  height: auto;
  word-break: break-word; }

/* 채팅 입력 영역 */
.chatbox .actionbox {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0;
  height: 112px;
  z-index: 90;
  border-top: 1px solid #f0f0f0;
  background: #fff; }

.chatbox .actionbox .ul1 {
  position: absolute;
  left: 10px;
  top: 11px;
  z-index: 1; }

/*.chatbox .actionbox .ul1 li {float:left; position:relative; z-index: 1; display:inline-block; padding:0 7px 0 1px; background:url('/images/flashplayer/icon_sai.gif') no-repeat 0 2px;}*/
.chatbox .actionbox .ul1 li {
  float: left;
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0 7px 0 1px; }

.chatbox .actionbox .ul1 li:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 1px;
  width: 1px;
  height: 11px;
  margin-top: -5.5px;
  background-color: #e5e5e5; }

.chatbox .actionbox .ul1 li.first {
  background: none; }

.chatbox .actionbox .ul1 li.first:before {
  display: none; }

.chatbox .actionbox .ul1 li.first a {
  position: relative;
  overflow: visible; }

.chatbox .actionbox .chat_write {
  position: absolute;
  left: 10px;
  top: 35px;
  width: 278px;
  height: 67px;
  border: 1px solid #c1c7ca;
  border-radius: 2px; }

.chatbox .actionbox .chat_write h3 {
  overflow: hidden;
  position: absolute;
  left: -10000px;
  top: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0; }

.chatbox .actionbox .chat_write .write_area {
  position: relative;
  margin: 5px;
  padding: 5px;
  width: 199px;
  height: 47px;
  font-size: 12px;
  line-height: 1.3em;
  color: #5f5f5f;
  overflow: auto;
  border: none;
  background: #fff;
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */ }

.chatbox .actionbox .chat_write .ad_toggle {
  display: none; }

.chatbox .actionbox .chat_write textarea {
  margin: 5px;
  padding: 5px;
  width: 135px;
  height: 47px;
  font-size: 12px;
  color: #5f5f5f;
  overflow: auto;
  border: none;
  background: #fff; }

.chatbox .actionbox .chat_write .btn_send {
  position: absolute;
  right: 9px;
  top: 9px;
  width: 50px;
  height: 47px;
  text-align: center;
  font-size: 11px;
  color: #5f5f5f;
  border: 1px solid #cfcfcf;
  background: #f0f0f0;
  cursor: pointer; }

/* 운영자 채팅 토글 */
.chatbox .actionbox .admin .write_area {
  margin: 5px 5px 5px 37px;
  padding: 5px;
  width: 165px; }

.chatbox .actionbox .admin .ad_toggle {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 36px; }

.chatbox .actionbox .admin .ad_toggle span {
  position: relative;
  display: block;
  width: 36px;
  height: 33px; }

.chatbox .actionbox .admin .ad_toggle span input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  cursor: pointer; }

.chatbox .actionbox .admin .ad_toggle span label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 36px;
  height: 33px;
  cursor: pointer;
  text-indent: -9999px;
  background: url("/images/flashplayer/btn_admin.gif") no-repeat; }

.chatbox .actionbox .admin .ad_toggle .blue input:checked + label {
  background-position: -36px 0; }

.chatbox .actionbox .admin .ad_toggle .blue label {
  height: 33px;
  background-position: 0 0; }

.chatbox .actionbox .admin .ad_toggle .blue label.on {
  background-position: -36px 0; }

.chatbox .actionbox .admin .ad_toggle .red {
  height: 34px; }

.chatbox .actionbox .admin .ad_toggle .red input:checked + label {
  background-position: -36px -33px; }

.chatbox .actionbox .admin .ad_toggle .red label {
  height: 34px;
  background-position: 0 -33px; }

.chatbox .actionbox .admin .ad_toggle .red label.on {
  background-position: -36px -33px; }

/* 이모티콘 3개제한 레이어 */
.emo_tiplayer {
  display: block;
  position: absolute;
  left: -7px;
  top: -65px;
  z-index: 13;
  width: 225px;
  border: 1px solid #0165a4;
  background: #11a3ff;
  color: #fff;
  border-radius: 2px; }

.emo_tiplayer em.txt {
  text-align: center;
  padding: 10px 33px 10px 33px;
  display: block;
  line-height: 1.5em; }

.emo_tiplayer .icon {
  display: none;
  width: 8px;
  height: 5px;
  display: block;
  position: absolute;
  bottom: -5px;
  left: 10px;
  /* background:url('/images/flashplayer/icon_v2.png') no-repeat -55px -43px;*/ }

.emo_tiplayer button {
  display: block;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 18px;
  height: 17px;
  text-indent: -9999px;
  border: none;
  background: none;
  cursor: pointer; }

.emo_tiplayer button.close {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 7px;
  height: 7px;
  border: none;
  background: url("/images/webplayer/chat/split_chat.png") no-repeat -33px -40px;
  cursor: pointer; }

/*  이모티콘 출력 전 */
.chatbox .emoticon_output {
  opacity: 0;
  position: absolute;
  z-index: 85;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px 0;
  background-color: rgba(0, 0, 0, 0.45);
  transition: all 0.3s ease-in-out; }

.chatbox .emoticon_output .btn_output {
  display: block;
  width: 92px;
  height: 80px;
  margin: 0 auto; }

.chatbox .emoticon_output .btn_output img {
  display: block;
  width: 100%; }

.chatbox .emoticon_output .close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 12px;
  height: 12px; }

.chatbox .emoticon_output .close span {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
  background: url("/images/webplayer/chat/split_chat.png") no-repeat -39px -122px; }

.chatbox .emoticon_output.on {
  opacity: 1;
  z-index: 100;
  bottom: 113px; }

/* 번역 관련 추가 */
.translation_select,
.translation_select_con .select_btn ul {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }

.translation_select {
  overflow: hidden;
  position: absolute;
  z-index: 12;
  bottom: 71%;
  left: 50%;
  height: 0;
  margin-left: -91px;
  font-size: 12px;
  text-align: center;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0; }

.translation_select_con {
  position: relative;
  display: inline-block;
  *display: inline;
  margin: 0 auto;
  border: 1px solid #adadad;
  background-color: #fff;
  text-align: center; }

.translation_select_con .select_btn {
  position: relative;
  display: inline-block;
  *display: inline;
  *vertical-align: middle;
  vertical-align: top;
  height: 35px;
  min-width: 100px;
  text-align: left; }

.translation_select_con .select_btn a {
  position: relative;
  padding: 5px 25px 5px 10px;
  color: #3d82f6;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  line-height: 37px; }

.translation_select_con .select_btn a span {
  font-size: 11px;
  padding: 0;
  background: none; }

.translation_select_con .select_btn a em {
  position: absolute;
  top: 50%;
  right: 5px;
  margin: -3.5px 0 0 0;
  width: 11px;
  height: 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3e%3cpath fill-rule='evenodd'  fill='%23666666' d='M4.918 5.925L.138.849C-.057.645-.045.326.163.136c.208-.19.532-.18.726.027l4.028 4.276L8.946.163c.193-.207.517-.217.725-.027.208.19.22.509.028.713L4.92 5.925z'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.translation_select_con .select_btn.on a em {
  transform: rotate(180deg); }

.translation_select_con .select_btn.off {
  opacity: 1; }

.translation_select_con .select_btn ul {
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: -1px;
  right: -1px;
  z-index: -1;
  max-height: 102px;
  overflow-y: auto;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  height: 0;
  color: #555;
  background-color: #f8f8f8;
  text-align: left; }

.translation_select_con .select_btn ul a {
  display: block;
  padding: 1px 5px 0 10px;
  color: #555;
  font-weight: normal;
  line-height: 19px; }

.translation_select_con .select_btn ul a:hover {
  color: #fff;
  background-color: #3d82f6; }

.translation_select_con span {
  position: relative;
  padding: 0 8px;
  font-size: 12px;
  *vertical-align: middle; }

.ja_JP .translation_select_con span {
  background-position: 0 3px; }

.translation_select_con button {
  height: 37px;
  padding: 0 14px;
  margin: -1px -1px -1px 0;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #397cec;
  color: #fff;
  background-color: #3d82f6; }

.translation_select_con button span {
  position: relative;
  padding: 0;
  background: none;
  border: none; }

.en_US .translation_select_con .select_btn span, .zh_CN .translation_select_con .select_btn span, .zh_TW .translation_select_con .select_btn span, .th_TH .translation_select_con .select_btn span {
  display: inline-block; }

.en_US .translation_select_con span, .zh_CN .translation_select_con span, .zh_TW .translation_select_con span, .th_TH .translation_select_con span {
  display: none; }

.translation_select.on {
  overflow: visible;
  height: auto;
  bottom: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1; }

.translation_select_con .select_btn.on ul {
  border: 1px solid #adadad;
  z-index: 1;
  height: auto;
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1; }

/****************************/
/****************************/
.dashboard_mode .chatbox .actionbox .ul1 li.police,
.dashboard_mode .chatbox .setbox .btnset li.close,
.dashboard_mode .chatbox .actionbox .ul2,
.dashboard_mode .chatbox .actionbox .ul2 li,
.dashboard_mode .chatbox > .area_header > ul li.close {
  display: none !important; }
.dashboard_mode .chatbox .chat_notice {
  max-height: 250px; }
.dashboard_mode [font-level="1"] .chat_area.reverse_float .box_Vstart + dl + dl + dl .layer_context_wrap, .dashboard_mode [font-level="1"] .chat_area.reverse_float .box_Vstart + dl + dl + dl + dl .layer_context_wrap,
.dashboard_mode [font-level="2"] .chat_area.reverse_float .box_Vstart + dl + dl + dl .layer_context_wrap,
.dashboard_mode [font-level="2"] .chat_area.reverse_float .box_Vstart + dl + dl + dl + dl .layer_context_wrap,
.dashboard_mode [font-level="3"] .chat_area.reverse_float .box_Vstart + dl + dl + dl .layer_context_wrap,
.dashboard_mode [font-level="3"] .chat_area.reverse_float .box_Vstart + dl + dl + dl + dl .layer_context_wrap {
  top: 5px !important;
  bottom: auto; }
.dashboard_mode [font-level="4"] .chat_area.reverse_float .box_Vstart + dl + dl + dl .layer_context_wrap {
  top: 5px !important;
  bottom: auto; }
.dashboard_mode .chat_area.reverse_float .box_Vstart + dl .layer_context_wrap, .dashboard_mode .chat_area.reverse_float .box_Vstart + dl + dl .layer_context_wrap {
  top: 5px !important;
  bottom: auto; }
.dashboard_mode .chat_thema_dark .chatbox .setbox .btnset li.close {
  display: block !important; }

/* chat_layer 이동 */
.tooltip {
  display: none;
  padding: 0 0 3px 0; }

.t_big {
  display: none;
  position: absolute;
  left: 123px;
  bottom: 18px; }

.t_small {
  display: none;
  position: absolute;
  left: 123px;
  bottom: 18px; }

.tooltip .tipcont {
  padding: 5px 7px 2px 7px;
  color: #fff;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: -1px;
  text-align: center;
  background: #555;
  border-radius: 2px; }

/* ************************************ */
/* 웹플레이어 UI 개선 */
#chatting_area .poll_layer,
.area_header ul li.refresh,
#chatting_area .actionbox .chat_write.admin .ad_toggle span label,
#chatting_area .actionbox .chat_write.admin .ad_toggle span label:before {
  transition: all 0.3s ease-in-out; }

#chatting_area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  min-width: 296px;
  width: 296px;
  min-height: 200px;
  background: #fff;
  font-size: 12px; }

#chatting_area .chatbox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

#chatting_area .chatbox.chatbox_add_notice .chat_area {
  top: 40px; }

#chatting_area .chatbox.chatbox_add_idsearch .chat_area {
  top: 88px; }

#chatting_area .chatbox.chatbox_add_notice.chatbox_add_idsearch .chat_area {
  top: 85px; }

#chatting_area .chatbox.chatbox_add_notice .chat_area > *:first-child {
  margin-top: calc( 56px + var(--text-size) * 2 ); }

#chatting_area .idsearch {
  position: relative;
  left: 0;
  top: 0 !important;
  z-index: 100;
  height: auto;
  padding: 4px 0 10px;
  border: none; }

#chatting_area .idsearch .input_text {
  float: left;
  padding: 0;
  height: 27px;
  width: 120px;
  line-height: 25px;
  margin: 0;
  font-size: 12px;
  text-indent: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dfdfdf; }

#chatting_area .idsearch .sel {
  position: relative;
  margin: 0 6px;
  right: auto;
  top: auto;
  width: auto; }

#chatting_area .idsearch .sel > a {
  position: relative;
  font-size: 12px;
  width: 87px;
  height: 25px;
  line-height: 25px;
  margin: 0;
  padding: 0;
  text-indent: 8px;
  background: none; }

#chatting_area .idsearch .sel > a:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -2.5px;
  width: 7px;
  height: 5px;
  background: url("/images/webplayer/chat/split_chat.png") no-repeat -20px -70px; }

#chatting_area .idsearch .btn_apply {
  position: absolute;
  top: 4px;
  right: 0;
  width: 53px;
  height: 25px;
  line-height: 25px;
  margin: 0;
  background-color: #f5f6f9;
  font-size: 12px; }

#chatting_area .chat_notice {
  overflow-y: hidden;
  top: 48px;
  right: 0;
  border: none;
  background-color: #f5f6f7;
  width: 100%;
  margin-left: auto;
  padding: 5px 0;
  min-height: 24px;
  border-radius: 19px;
  transition: max-height 0.2s cubic-bezier(0.79, 0, 1, 1), width 0.4s cubic-bezier(0, 0, 0, 0.96);
  cursor: pointer; }
  #chatting_area .chat_notice .ico {
    position: absolute;
    left: 0;
    top: 9px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath d='M0 0h18v18H0z'/%3e%3cpath fill='%23707173' fill-rule='nonzero' d='M8.303 11.034C6.43 11.034 5 9.38 5 7.487 5 5.477 6.541 3.94 8.303 3.94h2.642c.55 0 1.321-.236 1.761-.473l2.643-1.3C16.119 1.693 17 2.284 17 3.23v8.394c0 .946-.77 1.537-1.651 1.064l-2.532-1.3c-.22-.118-.44-.237-.661-.237l.55 2.72c.22 1.064-.55 2.128-1.54 2.128-.772 0-1.432-.591-1.652-1.419l-.66-3.547h-.551zm4.844-6.74c-.55.355-1.541.592-2.202.592H8.303c-1.321 0-2.422 1.182-2.422 2.601s1.1 2.601 2.422 2.601h.77c.22 0 .44.118.44.355l.771 4.02c.11.355.33.591.771.591.44 0 .77-.473.66-.946l-.66-3.429c-.11-.354.22-.59.55-.59.551.117 1.101.236 1.542.472l2.532 1.3c.22.119.33 0 .33-.236V3.231c0-.237-.11-.355-.33-.237l-2.532 1.3z'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%;
    width: 18px;
    height: 18px;
    margin: -1px 0 0 12px; }
  #chatting_area .chat_notice .msg {
    display: flex;
    float: none;
    height: auto;
    margin: 2px 12px 0 38px;
    transition: all .05s ease-out;
    -ms-overflow-style: none;
    scrollbar-width: none;
    font-weight: normal; }
    #chatting_area .chat_notice .msg::-webkit-scrollbar {
      display: none; }
    #chatting_area .chat_notice .msg > p {
      transition: all .05s ease-out; }
      #chatting_area .chat_notice .msg > p .link {
        color: #4279ff; }
        #chatting_area .chat_notice .msg > p .link:hover {
          text-decoration: underline;
          text-underline-position: under; }
  #chatting_area .chat_notice .ico.new em {
    position: absolute;
    top: 2px;
    left: 0;
    background: #ff2424;
    width: 3px;
    height: 3px;
    border-radius: 50%; }
  #chatting_area .chat_notice .btn_chat_notice {
    display: none;
    top: 11px;
    right: 12px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6'%3e%3cpath fill='none' stroke='%23B3B3B3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10 5 5.5 1 1 5'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 11px 6px;
    width: 11px;
    height: 6px;
    padding: 6px; }
  #chatting_area .chat_notice.fold {
    width: 110px;
    transition: max-height 0.05s cubic-bezier(0, 0, 0, 0.96), width 0.4s cubic-bezier(0, 0, 0, 0.96);
    cursor: pointer; }
  #chatting_area .chat_notice.open {
    width: 100% !important;
    height: auto;
    max-height: calc(100vh - 300px);
    transition: max-height 0.2s cubic-bezier(0, 0, 1, 0.02), width 0.1s cubic-bezier(0, 0, 0, 0.96);
    cursor: default !important; }
    #chatting_area .chat_notice.open .msg {
      overflow-y: scroll;
      max-height: calc(100vh - 300px);
      margin: 2px 35px 0 38px; }
      #chatting_area .chat_notice.open .msg > p {
        max-height: calc(100vh - 300px);
        cursor: text; }
    #chatting_area .chat_notice.open .btn_chat_notice {
      display: block; }

#chatting_area .chatbox_add_notice.chatbox_add_idsearch .chat_notice {
  top: 91px; }

@media (max-width: 920px) {
  body:not(.smode, .extend_mode) [chat-move=true] .chatbox .chat_notice.open {
    overflow-y: auto !important;
    max-height: calc(100vh - ((100vw * 9) / 16 ) - 400px) !important; }
    body:not(.smode, .extend_mode) [chat-move=true] .chatbox .chat_notice.open .msg {
      max-height: 100% !important; }
      body:not(.smode, .extend_mode) [chat-move=true] .chatbox .chat_notice.open .msg > p {
        max-height: 100% !important; } }
#chatting_area .poll_layer {
  overflow: hidden;
  opacity: 0;
  left: 0;
  right: 0;
  top: auto;
  bottom: 80%;
  height: 0;
  padding: 0;
  margin-bottom: 10px;
  background-color: #dbe9ff;
  border: none;
  border-radius: 15px; }

#chatting_area .poll_layer a {
  display: block;
  color: #585d66;
  line-height: 30px;
  padding: 0;
  margin: 0 35px 0 17px;
  font-size: 12px;
  font-family: 'NG','AppleGothic',sans-serif; }

#chatting_area .poll_layer a span {
  display: none; }

#chatting_area .poll_layer .btn_close {
  top: 50%;
  width: 11px;
  height: 11px;
  margin-top: -5.5px;
  right: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' fill='%23585d66' d='M14.462.518c.27-.27.709-.269.979.002.27.27.269.71-.002.98L8.956 7.957l6.483 6.46c.27.27.272.71.002.98s-.709.271-.98.002L7.976 8.935 1.49 15.4c-.244.242-.623.266-.893.071l-.086-.073c-.27-.27-.269-.71.002-.98l6.481-6.46L.513 1.5C.242 1.23.24.791.51.52c.27-.27.708-.272.98-.002l6.484 6.463z'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

#chatting_area .poll_layer.on {
  opacity: 1;
  bottom: 100%;
  height: 30px; }

#chatting_area .actionbox {
  margin: 0 10px; }

#chatting_area .actionbox:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: -10px;
  right: -10px;
  background-color: #fff; }

#chatting_area .actionbox .chat_write {
  overflow: hidden;
  width: auto;
  left: 6px;
  right: 6px;
  top: auto;
  bottom: 16px;
  height: 48px;
  border: 1px solid #ebeef9;
  background-color: #f5f6f9;
  border-radius: 8px;
  cursor: text; }

#chatting_area .actionbox .chat_write .write_area {
  overflow-x: hidden;
  position: absolute;
  z-index: 2;
  left: 13px;
  right: 63px;
  top: 50%;
  transform: translate(0, -50%);
  width: auto;
  height: 34px;
  max-height: 38px;
  min-height: 13px;
  margin: 0;
  padding: 0;
  font-size: 13px;
  background-color: transparent !important; }

#chatting_area .actionbox .chat_write .write_area + button:hover:before {
  color: #5f5f5f; }

.thema_dark #chatting_area .actionbox .chat_write .write_area + button:hover:before {
  color: #999; }

#chatting_area .actionbox .chat_write .write_area:empty + button:before {
  content: attr(placeholder);
  display: block;
  position: absolute;
  top: 8px;
  left: 10px;
  width: 0;
  height: 0;
  font-size: 13px;
  font-weight: normal;
  white-space: nowrap;
  z-index: 1;
  font-family: 'NG','AppleGothic',sans-serif; }

#chatting_area .actionbox .chat_write .write_area:empty:focus:empty + button:before {
  display: none; }

#chatting_area .actionbox .chat_write .btn_send {
  overflow: visible;
  position: static;
  float: right;
  top: 0;
  right: 0;
  bottom: 0;
  width: 63px;
  height: 100%;
  border: none;
  color: #5f5f5f;
  font-size: 13px;
  background-color: #f5f6f9;
  font-family: 'NGB','AppleGothic',sans-serif; }

#chatting_area .actionbox .chat_write .write_area[disabled] {
  width: auto;
  max-width: none;
  right: 13px; }

#chatting_area .actionbox .chat_write .write_area[disabled] + .btn_send {
  display: none; }

#chatting_area .actionbox .chat_write .btn_send:hover,
#chatting_area .actionbox .chat_write .write_area:focus + .btn_send {
  color: #2e63ff; }

#chatting_area .actionbox .chat_write.admin .write_area {
  left: 63px; }
#chatting_area .actionbox .chat_write.admin .ad_toggle {
  left: 10px;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  width: auto;
  padding-right: 10px; }
#chatting_area .actionbox .chat_write.admin .ad_toggle:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  width: 1px;
  height: 30px;
  background-color: #dce0f0;
  border-radius: 50%; }
#chatting_area .actionbox .chat_write.admin .ad_toggle span {
  width: auto;
  height: auto; }
#chatting_area .actionbox .chat_write.admin .ad_toggle span input {
  overflow: hidden;
  width: 0;
  height: 0;
  top: 0;
  left: 0; }
#chatting_area .actionbox .chat_write.admin .ad_toggle span label {
  display: inline-block;
  position: relative;
  width: auto;
  height: auto;
  line-height: 18px;
  padding-left: 10px;
  background: none;
  text-indent: 0;
  color: #9c9d9f;
  font-size: 12px;
  font-weight: bold;
  font-family: 'NG','AppleGothic',sans-serif; }
#chatting_area .actionbox .chat_write.admin .ad_toggle span label:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
  width: 5px;
  height: 5px;
  background-color: #d0d1d4;
  border-radius: 50%; }
#chatting_area .actionbox .chat_write.admin .ad_toggle span.blue input:checked + label {
  color: #4279ff; }
#chatting_area .actionbox .chat_write.admin .ad_toggle span.blue input:checked + label:before {
  background-color: #4279ff; }
#chatting_area .actionbox .chat_write.admin .ad_toggle span.red input:checked + label {
  color: #ff3636; }
#chatting_area .actionbox .chat_write.admin .ad_toggle span.red input:checked + label:before {
  background-color: #ff3636; }
#chatting_area .actionbox .chat_write.admin .write_area:empty + button:before {
  left: 60px; }
#chatting_area .actionbox .chat_write.off {
  opacity: 0.4; }
#chatting_area .actionbox .chat_write.lowspeed .write_area:empty + button:before {
  color: #000; }
#chatting_area .actionbox .chat_write.lowspeed .write_area + button:before {
  color: #5f5f5f; }

.chat_banner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 113px;
  z-index: 111;
  max-width: 250px;
  margin: auto;
  text-align: center;
  font-size: 0; }
  .chat_banner .ti_in {
    position: relative;
    display: inline-block; }
  .chat_banner .ti_in a:first-child img {
    max-width: 250px;
    display: block;
    margin: auto; }
  .chat_banner a img {
    vertical-align: top; }
  .chat_banner a .btn_close {
    position: absolute;
    right: 0px;
    top: 0px; }

@media all and (max-height: 573px) {
  .chat_banner {
    display: none !important; } }
#chatting_area .chatbox .chat_topbox {
  position: absolute;
  z-index: 10;
  top: 46px;
  left: 0;
  right: 0;
  pointer-events: none; }

#chatting_area .chatbox.chatbox_add_idsearch .chat_topbox {
  top: 91px; }

#chatting_area .chatbox .chat_topbox .chat_notice {
  position: relative;
  top: 0 !important;
  pointer-events: auto; }

#chatting_area .chatbox .chat_topbox .time_ad {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 0;
  margin: 0;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98);
  pointer-events: auto; }

#chatting_area .chatbox .chat_topbox .time_ad img {
  display: block;
  height: 100%;
  max-width: 100%;
  margin: auto; }

#chatting_area .chatbox .chat_topbox .time_ad.on {
  top: 0;
  height: 44px; }

#chatting_area .chatbox .chat_topbox .time_ad.big {
  height: 87px;
  background-size: auto 100%; }

#chatting_area .chatbox.chatbox_add_notice .chat_topbox .time_ad {
  position: relative;
  top: auto;
  margin-top: 5px; }

#chatting_area .chatbox .chat_topbox .time_ad.chat_banner2 {
  height: 0;
  opacity: 0;
  background-color: #eaf2ff; }

#chatting_area .chatbox .chat_topbox .time_ad.chat_banner2.on {
  opacity: 1;
  height: 56px; }

#chatting_area .chatbox .chat_topbox .time_ad.chat_banner2 a {
  box-sizing: border-box;
  display: block;
  padding: 15px 80px 15px 52px;
  height: 100%; }

#chatting_area .chatbox .chat_topbox .time_ad img.thumb {
  position: absolute;
  top: 9px;
  left: 6px;
  width: 38px;
  height: 38px;
  border-radius: 3px; }

#chatting_area .chatbox .chat_topbox .time_ad strong {
  display: block;
  margin-bottom: 3px;
  font-size: 10px;
  color: #4279ff;
  line-height: 1.2;
  font-family: 'NGEB'; }

#chatting_area .chatbox .chat_topbox .time_ad p {
  overflow: hidden;
  font-size: 11px;
  color: #222222;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis; }

#chatting_area .chatbox .chat_topbox .time_ad span {
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -11px;
  font-size: 10px;
  width: 47px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  color: #fff;
  background: #4279ff;
  border-radius: 2px; }

#chatting_area .chatbox .chat_topbox .time_ad button {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 10px;
  width: 10px;
  height: 10px;
  font: 0/0 a;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(140, 140, 140, 0.999)' stroke='' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M14.462.518c.27-.27.709-.269.979.002.27.27.269.71-.002.98L8.956 7.957l6.483 6.46c.27.27.272.71.002.98s-.709.271-.98.002L7.976 8.935 1.49 15.4c-.244.242-.623.266-.893.071l-.086-.073c-.27-.27-.269-.71.002-.98l6.481-6.46L.513 1.5C.242 1.23.24.791.51.52c.27-.27.708-.272.98-.002l6.484 6.463z'/%3e%3c/svg%3e") 0 0 no-repeat;
  background-size: 100% 100%; }

.setting_freeze {
  display: block;
  width: 232px;
  right: 0;
  top: 35px;
  left: auto; }
  .setting_freeze .pop-body p {
    font-size: 12px;
    margin-bottom: 15px;
    color: #555;
    line-height: 1.4; }
  .setting_freeze .pop-body dl + dl {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e1e1e1; }
  .setting_freeze .pop-body dl dt {
    color: #000;
    font-family: 'NGB'; }
    .setting_freeze .pop-body dl dt .tip {
      position: relative;
      display: inline-block;
      width: 12px;
      height: 12px;
      vertical-align: -2px;
      background: none; }
      .setting_freeze .pop-body dl dt .tip em {
        display: block;
        width: 100%;
        height: 100%;
        background-color: #e1e1e1;
        border-radius: 50%; }
        .setting_freeze .pop-body dl dt .tip em:before, .setting_freeze .pop-body dl dt .tip em:after {
          content: '';
          display: block;
          position: absolute;
          background-color: #868686; }
        .setting_freeze .pop-body dl dt .tip em:before {
          width: 2px;
          height: 2px;
          left: 5px;
          top: 2px; }
        .setting_freeze .pop-body dl dt .tip em:after {
          width: 2px;
          height: 4px;
          left: 5px;
          top: 6px; }
        .setting_freeze .pop-body dl dt .tip em:hover + div {
          display: block; }
      .setting_freeze .pop-body dl dt .tip div {
        display: none;
        position: absolute;
        z-index: 10;
        left: 0;
        bottom: 100%;
        padding: 5px 10px;
        margin: 0 0 8px -44px;
        background-color: #fff;
        border: 1px solid #2c84ce; }
        .setting_freeze .pop-body dl dt .tip div:before, .setting_freeze .pop-body dl dt .tip div:after {
          content: '';
          display: block;
          position: absolute;
          top: 100%;
          left: 44px;
          border-top: 5px solid #fff;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent; }
        .setting_freeze .pop-body dl dt .tip div:before {
          margin-top: 1px;
          border-top-color: #2c84ce; }
        .setting_freeze .pop-body dl dt .tip div p {
          position: relative;
          display: block;
          white-space: nowrap;
          margin: 5px 0;
          padding-left: 8px;
          font-size: 11px;
          color: #555; }
          .setting_freeze .pop-body dl dt .tip div p:after {
            content: '';
            display: block;
            width: 2px;
            height: 2px;
            position: absolute;
            left: 0;
            top: 4px;
            background-color: #555; }
  .setting_freeze .pop-body dl dd {
    position: relative; }
    .setting_freeze .pop-body dl dd p {
      margin: 5px 0;
      display: inline-block;
      color: #888; }
    .setting_freeze .pop-body dl dd ul {
      margin-right: 85px; }
      .setting_freeze .pop-body dl dd ul li {
        float: left;
        width: 50%;
        margin-top: 5px; }
        .setting_freeze .pop-body dl dd ul li label {
          font-size: 12px;
          color: #555; }
        .setting_freeze .pop-body dl dd ul li input {
          margin: 0 3px 0 0;
          vertical-align: -2px; }
      .setting_freeze .pop-body dl dd ul:after {
        content: '';
        display: block;
        clear: both; }
    .setting_freeze .pop-body dl dd button {
      position: absolute;
      top: 32px;
      right: 0;
      font-size: 12px;
      padding: 7px 15px;
      color: #3889bf;
      border: 1px solid #3889bf; }
      .setting_freeze .pop-body dl dd button.on {
        background-color: #4096de;
        color: #fff; }

.chat_rule {
  display: none;
  flex-direction: column;
  flex: 1 0 auto;
  position: absolute;
  z-index: 100;
  box-sizing: border-box;
  padding: 16px;
  bottom: 8px;
  left: 8px;
  right: 8px;
  min-height: 183px;
  max-height: calc( 100% - 56px );
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); }
  .chat_rule.on {
    display: flex; }
  .chat_rule .chat_rule_title {
    position: relative;
    padding-bottom: 15px; }
    .chat_rule .chat_rule_title span {
      font-size: 12px;
      color: #767676; }
    .chat_rule .chat_rule_title strong {
      display: block;
      margin-top: 5px;
      color: #222;
      font-size: 16px; }
    .chat_rule .chat_rule_title .thumb {
      position: absolute;
      right: 0;
      top: 0;
      width: 36px;
      height: 36px;
      border: 1px solid #f0f0f0;
      border-radius: 50%; }
    .chat_rule .chat_rule_title:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 1px;
      background-color: #e5e5e5; }
  .chat_rule .chat_rule_contents {
    overflow: auto; }
    .chat_rule .chat_rule_contents .box {
      padding: 16px 0; }
      .chat_rule .chat_rule_contents .box > div {
        font-size: 13px;
        color: #222;
        line-height: 21px;
        word-break: break-all; }
    .chat_rule .chat_rule_contents ol li {
      margin-top: 4px;
      font-size: 13px;
      color: #222;
      line-height: 1.4; }
      .chat_rule .chat_rule_contents ol li:first-child {
        margin-top: 0; }
  .chat_rule .footer {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding-top: 16px; }
    .chat_rule .footer button {
      height: 36px;
      border-radius: 3px;
      font-size: 13px;
      padding: 0 15px;
      color: #666;
      border: 1px solid #e5e5e5;
      margin: 0 4px; }
      .chat_rule .footer button:first-child {
        padding: 0 25px;
        color: #fff;
        background-color: #006bfe;
        border-color: #006bfe;
        font-family: 'NGB',serif; }

.chatbox > .toast_message {
  position: absolute;
  bottom: 112px;
  left: 10px;
  right: 10px;
  transform: translate(0); }
  .chatbox > .toast_message > div {
    min-width: 100%;
    padding: 17px 21px 17px 21px;
    box-sizing: border-box; }

.induce_login {
  opacity: 0;
  position: absolute;
  bottom: -100px;
  left: 8px;
  right: 8px;
  z-index: -1;
  transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
  .induce_login > div {
    position: relative;
    box-sizing: border-box;
    min-height: 90px;
    border-radius: 5px;
    background-color: #f5f6f7;
    border: 1px solid #e6e6e6; }
    .induce_login > div + div {
      margin-top: 8px; }
  .induce_login strong {
    display: inline-block;
    font-size: 14px;
    color: #444;
    font-family: 'NGB'; }
  .induce_login .case1 {
    padding: 15px 70px 15px 65px; }
    .induce_login .case1:before {
      content: '';
      display: block;
      position: absolute;
      top: 18px;
      left: 12px;
      width: 43px;
      height: 60px;
      background: url("/images/chat/induce_login_character.png") no-repeat; }
    .induce_login .case1 strong {
      margin-right: -55px; }
    .induce_login .case1 p {
      margin-top: 6px;
      font-size: 12px;
      color: #888; }
    .induce_login .case1 button {
      position: absolute;
      right: 12px;
      top: 38px;
      height: 26px;
      padding: 0 10px;
      font-size: 12px;
      background-color: #4279ff;
      color: #fff;
      border-radius: 13px;
      transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
      .induce_login .case1 button:hover {
        background-color: #4e81fe; }
    .induce_login .case1 .close {
      display: inline-block;
      margin-top: 8px;
      font-size: 11px;
      color: #4279ff; }
      .induce_login .case1 .close:before {
        content: '';
        display: inline-block;
        width: 9px;
        height: 9px;
        margin-right: 5px;
        vertical-align: -1px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(66, 121, 255, 0.999)' stroke='' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M14.462.518c.27-.27.709-.269.979.002.27.27.269.71-.002.98L8.956 7.957l6.483 6.46c.27.27.272.71.002.98s-.709.271-.98.002L7.976 8.935 1.49 15.4c-.244.242-.623.266-.893.071l-.086-.073c-.27-.27-.269-.71.002-.98l6.481-6.46L.513 1.5C.242 1.23.24.791.51.52c.27-.27.708-.272.98-.002l6.484 6.463z'/%3e%3c/svg%3e") 0 0 no-repeat;
        background-size: 100% 100%; }
  .induce_login .case2 {
    padding: 12px 10px; }
    .induce_login .case2 .chat_text_slide {
      position: relative;
      margin: 0 15px;
      margin-top: 7px; }
      .induce_login .case2 .chat_text_slide > div {
        position: relative;
        overflow-x: hidden;
        overflow-y: visible; }
      .induce_login .case2 .chat_text_slide ul {
        height: 40px;
        white-space: nowrap;
        font-size: 0;
        transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
        .induce_login .case2 .chat_text_slide ul li {
          display: inline-block;
          width: 100%;
          height: 100%;
          text-align: center; }
          .induce_login .case2 .chat_text_slide ul li button {
            overflow: hidden;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            white-space: normal;
            height: auto;
            line-height: 1.4;
            max-height: 38px;
            padding: 4px 10px;
            margin: 0 1px;
            box-shadow: 0 3px 3px rgba(66, 121, 255, 0.3);
            font-size: 12px;
            background-color: #4279ff;
            color: #fff;
            border-radius: 13px;
            transition: all 0.3s cubic-bezier(0.56, 0.12, 0.12, 0.98); }
    .induce_login .case2 .close {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 10px;
      height: 10px;
      font: 0/0 a;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(82, 82, 82, 0.999)' stroke='' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M14.462.518c.27-.27.709-.269.979.002.27.27.269.71-.002.98L8.956 7.957l6.483 6.46c.27.27.272.71.002.98s-.709.271-.98.002L7.976 8.935 1.49 15.4c-.244.242-.623.266-.893.071l-.086-.073c-.27-.27-.269-.71.002-.98l6.481-6.46L.513 1.5C.242 1.23.24.791.51.52c.27-.27.708-.272.98-.002l6.484 6.463z'/%3e%3c/svg%3e") 0 0 no-repeat;
      background-size: 100% 100%; }
    .induce_login .case2 button.prev,
    .induce_login .case2 button.next {
      position: absolute;
      z-index: 1;
      top: 5px;
      width: 14px;
      height: 30px;
      background-color: transparent;
      border-radius: 3px;
      font: 0/0 a;
      border: 0; }
    .induce_login .case2 button.next {
      left: 100%;
      margin-left: 3px; }
    .induce_login .case2 button.prev {
      right: 100%;
      margin-right: 3px; }
    .induce_login .case2 button.prev:before,
    .induce_login .case2 button.next:before {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 5px;
      height: 11px;
      margin: -4.5px 0 0 -3px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(136, 136, 136, 0.999)' stroke='' viewBox='0 0 5 11'%3e%3cpath fill-rule='evenodd' d='M3.85 10.97c.08 0 .17-.02.25-.07a.5.5 0 00.15-.69L1.4 5.51 4.25.78A.5.5 0 004.1.11a.47.47 0 00-.66.16L.42 5.23c-.1.16-.1.36 0 .53l3.02 4.97c.09.15.25.23.4.23z'/%3e%3c/svg%3e") 0 0 no-repeat;
      background-size: 100% 100%; }
    .induce_login .case2 button.next:before {
      transform: rotate(180deg); }
    .induce_login .case2 button.next:hover,
    .induce_login .case2 button.prev:hover {
      opacity: 1;
      background-color: #f0f0f0; }
    .induce_login .case2 button.off {
      opacity: .5 !important;
      cursor: default;
      background: transparent !important; }
    .induce_login .case2 button.off:hover {
      background-color: transparent !important; }
  .induce_login.on {
    z-index: 150;
    opacity: 1;
    bottom: 8px;
    animation: 0.5s 1 bounceInUp cubic-bezier(0.56, 0.12, 0.12, 0.98); }

/* **************** */
/* **팝아웃 설정*** */
.popout_chat {
  overflow-x: auto !important;
  height: 100%; }
  .popout_chat #chatting_area {
    overflow: hidden;
    position: relative;
    width: auto;
    min-width: 400px; }
    .popout_chat #chatting_area .chatbox {
      position: relative;
      height: 100%; }
      .popout_chat #chatting_area .chatbox .chat_area {
        left: 8px; }
      .popout_chat #chatting_area .chatbox #emoticonArea {
        overflow: hidden;
        display: block;
        opacity: 0;
        left: 100%;
        bottom: 113px;
        padding-bottom: 0;
        padding: 0; }
      .popout_chat #chatting_area .chatbox #emoticonArea.on {
        display: block;
        opacity: 1;
        margin-left: -247px; }
      .popout_chat #chatting_area .chatbox .emoticon_output.emoti_on {
        right: 246px; }
    .popout_chat #chatting_area .wrap_lv {
      left: auto;
      right: 0;
      max-width: 296px;
      min-width: 255px;
      width: 100%; }
  .popout_chat .wrap-out {
    width: auto;
    height: auto;
    width: 370px;
    margin: -195px auto 0;
    left: 0;
    right: 0; }
    .popout_chat .wrap-out .nic, .popout_chat .wrap-out .sysop {
      width: 110px !important; }
    .popout_chat .wrap-out .time, .popout_chat .wrap-out .out {
      width: 50px !important; }
    .popout_chat .wrap-out .nic, .popout_chat .wrap-out .sysop, .popout_chat .wrap-out .time, .popout_chat .wrap-out .out {
      margin-left: 10px !important;
      padding: 5px 0 !important; }
    .popout_chat .wrap-out .total_p {
      padding: 10px 0; }
  .popout_chat .wrap_lv .vopen {
    height: calc( 100vh - 60px );
    max-height: 550px; }
  .popout_chat .popLogWrap #accountN {
    box-sizing: border-box;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translate(0, -50%);
    padding: 30px;
    border-radius: 3px; }
    .popout_chat .popLogWrap #accountN .account_header h1 {
      width: 160px;
      height: 28px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0, 0, 0, 0.999)' stroke='' viewBox='0 0 454.15 75.91' %3e%3cstyle%3e.logo_wrap%7bclip-path:url(%23afLogo);%7d%3c/style%3e%3cclipPath id='afLogo'%3e%3cpath d='M387.14,65A108.54,108.54,0,0,1,385,43.19a100.16,100.16,0,0,1,1.33-17.07,20.93,20.93,0,0,1,.71-2.77,11.1,11.1,0,0,1,6.35-6.74A28.88,28.88,0,0,1,398.26,15a83.71,83.71,0,0,1,19.15-2.37h.45A78.06,78.06,0,0,1,436.77,15a49.58,49.58,0,0,1,5.15,1.68s5.07,2,6.42,6.67A24.76,24.76,0,0,1,449,26a114.94,114.94,0,0,1,1.36,17.21,110.06,110.06,0,0,1-2.2,21.93v0a10.05,10.05,0,0,1-7.66,7.75l-.36.07a115.36,115.36,0,0,1-22.46,2.2A115.39,115.39,0,0,1,395.26,73l-.5-.1A10,10,0,0,1,389,69.2,8.83,8.83,0,0,1,387.14,65Z' fill='none'/%3e%3c/clipPath%3e%3cg fill='%230545b1'%3e%3cpath d='M48,15.46S47.77,2.21,63,2.06H77.17c3,0,5.63,2.13,5.63,4.74s-2.58,4.8-5.63,4.8H70.59c-4.37,0-4,3.18-4,3.18V21h7.94c3.15,0,5.73,2,5.73,4.62S78,30.28,75,30.28H66.6V61.7c0,4.42-3.82,8.35-9.14,8.35S48,66.47,48,62Z'/%3e%3cpath d='M100.81,61.63c0,4.78-3.83,8.42-9.13,8.42S82.13,66.41,82.13,62V33.69s0-12.48,15.43-12.48h12.22c6.4,0,6.4,4.9,6.4,4.9s0,4.71-6,4.71H104.8c-4,0-4,3.09-4,3.09Z'/%3e%3cpath d='M191.56,20.87c15.95,0,15.95,12.81,15.95,12.81V47c0,2.67-2.59,4.63-5.74,4.63H184.18v5.7s.18,3,4.24,3l9.86,0c3.17,0,5.66,2.11,5.66,4.78s-2.57,5-5.66,5H181c-15.21,0-15.21-12.64-15.21-12.64V33.68s.12-12.67,15.32-12.81Zm-3.06,10c-4.14,0-4.14,3-4.14,3v8.25h11.77v-8s0-3.23-3.73-3.23Z'/%3e%3cpath d='M247.47,60.51c3.16-.08,6,2.38,6,5.05s-2.83,4.49-6,4.49H222.63c-5.23,0-9-3.16-9-7.64V28.94c0-4.43,4.31-8.07,9.55-8.07h25.25c3.18,0,5.66,2.11,5.66,4.76s-2.48,4.64-5.66,4.64H235a2.05,2.05,0,0,0-2.31,2V58.46s-.16,2,2.33,2Z'/%3e%3cpath d='m296.66 33.58v28.25c0 4.5-4.34 8.22-9.66 8.22h-16.11c-15.89 0-15.89-12.79-15.89-12.79v-6.33s1-11.56 15.88-11.5h6.81v-5.79s0-3-3.74-3h-8.64c-3.16 0-6.22-1.86-6.22-4.53s2.9-5.23 6-5.23h16.3c15.27 0.12 15.27 12.7 15.27 12.7zm-26.54 26.78h7.55v-11.27h-7.55c-4.12 0-3.72 5.63-3.72 5.63s-0.4 5.64 3.72 5.64z'/%3e%3cpath d='M341,8.48s0-4.32-5.72-4.32H295.61c-5.73,0-5.73,4.19-5.73,4.19s0,4.15,5.36,4.15h8.3c3.57,0,3.57,2.71,3.57,2.71V40.79c0,4.2,3.42,7.41,8.17,7.41s8.53-3.21,8.53-7.1V15.17c.06-.59.51-2.55,3.55-2.55h8.29C341,12.62,341,8.48,341,8.48Z'/%3e%3cpath d='M41.68,33.56V61.83c0,4.5-4.35,8.22-9.66,8.22H15.89C0,70.05,0,57.25,0,57.25V50.92S1,39.36,15.89,39.41H22.7V33.62s0-3-3.74-3H10.32c-3.16,0-6.24-1.85-6.24-4.53S7,20.86,10.15,20.86H26.46C41.68,20.94,41.68,33.56,41.68,33.56ZM15.12,60.35h7.55V49.09H15.12c-4.27,0-3.72,5.63-3.72,5.63S11,60.35,15.12,60.35Z'/%3e%3cpath d='M143.75,20.87c15.95,0,15.95,12.81,15.95,12.81V47c0,2.67-2.59,4.63-5.74,4.63H136.38v5.7s.17,3,4.23,3l9.86,0c3.17,0,5.66,2.11,5.66,4.78s-2.57,5-5.66,5H133.15c-15.21,0-15.21-12.64-15.21-12.64V33.68s.12-12.67,15.32-12.81Zm-3.06,10c-4.14,0-4.14,3-4.14,3v8.25h11.77v-8s0-3.23-3.73-3.23Z'/%3e%3cpath d='m375.9 5.58c-3.73-2.51-9-1.21-11.76 2.91l-15 20.16-5.45-11.65c-1-2.19-5.32-3.23-7.61-2.17s-3.71 4.35-2.7 6.54l9.92 22.79c0.78 1.66 2.54 3 5.33 3.71a9.82 9.82 0 0 0 10-4.17l19-26.11c2.82-4.15 2.01-9.51-1.73-12.01z'/%3e%3c/g%3e%3cpath d='M435.22,1.27a2.33,2.33,0,0,1-1.36,3.25l-14.11,6.41a4.66,4.66,0,0,1-4.37-.1l-9.12-4.32a2.34,2.34,0,0,1-.61-3.44h0A2.3,2.3,0,0,1,409,2.81l7,5.64a2.47,2.47,0,0,0,2.19.52A3,3,0,0,0,419,8.6L431.91.33a2.35,2.35,0,0,1,3.31.94Z' fill='%230545b1'/%3e%3cg class='logo_wrap'%3e%3cpath d='m453.24 27.38c-1-7.4-2.7-11.63-12.33-13.81a105.8 105.8 0 0 0-20.14-2.57c-1.09-0.05-2.19-0.05-3.29 0a105.71 105.71 0 0 0-20.13 2.58c-7.13 1.62-9.92 4.35-11.29 8.67-0.24 0.76 2.06-0.45 1.89 0.41s0.53 12.21 0.4 13.17c-1 7.29-4.24 7.61-4.24 7.87a134.72 134.72 0 0 0 0.89 16.3c1 7.4 2.71 11.62 12.34 13.81 8.68 2 15 1.83 20.13 2.06h3.29c5.16-0.23 11.45-0.1 20.14-2.06 9.63-2.19 11.34-6.41 12.33-13.81a132.48 132.48 0 0 0 0.9-16.31c0-0.14-1.45-3-2.88-6.78-0.14-0.37-1.08 1.57-1.22 1.19-1-2.74-1.09-8.12-1.41-10.85-0.04-0.44 4.68 0.56 4.62 0.13z' fill='%230545b1'/%3e%3cpath d='m428.87 33.56c-0.07-2.56-0.1-5.08 0-7.61a5.56 5.56 0 0 1 2.58-4.79 6.39 6.39 0 0 1 5.83-0.29c3 1.33 6.82 3.37 6.82 3.37 2.21 1.2 4.07 2.21 6.39 3.72a2.5 2.5 0 0 1 0.35 0.21 5.63 5.63 0 0 1 0.07 9.45c-2.2 1.46-4.11 2.85-6.37 4.25a60 60 0 0 1-5.93 3.31 7.37 7.37 0 0 1-6.32 0.32 6.14 6.14 0 0 1-3-4.94s-0.29-2.79-0.42-7z' fill='%2300bbed'/%3e%3cpath d='m432.75 53.93c-7.31 6.8-23.16 6.81-30.27 0a1.44 1.44 0 0 0-2 2.07c8.21 7.84 25.8 7.85 34.21 0a1.43 1.43 0 1 0-1.95-2.1z' fill='%23fff'/%3e%3cpath d='M426.91,42.6a.2.2,0,0,1,0-.07l0-.43-1-10.77,0-.3a5,5,0,0,0-.13-.69,5.55,5.55,0,0,0-4.43-4.13,5.64,5.64,0,0,0-.93-.08h-5.53a5.29,5.29,0,0,0-.8.06,5.56,5.56,0,0,0-4.56,4.14c0,.18-.08.37-.11.55l-.05.58-1,10.7,0,.25a1.15,1.15,0,0,0,0,.19,1.48,1.48,0,0,0,0,.21,5.56,5.56,0,0,0,4.14,5.37,5.45,5.45,0,0,0,1.41.19h7.51a5.5,5.5,0,0,0,.91-.08,5.57,5.57,0,0,0,4.64-5.48Z' fill='%231ac62f'/%3e%3cpath d='m406.11 36.67c-2.13 7.11-8.5 10.73-15.54 9.51-7.31-1.26-12.59-11.6-8.95-18 3.12-5.46 9.92-9.5 17-7.32 7.55 2.35 9.64 8.63 7.49 15.81z' fill='%23f2338a'/%3e%3ccircle cx='439.1' cy='33.27' r='4.69' fill='%231a1919'/%3e%3ccircle cx='395.46' cy='33.27' r='4.69' fill='%231a1919'/%3e%3c/g%3e%3c/svg%3e") 0 0 no-repeat;
      background-size: 100% 100%; }
    .popout_chat .popLogWrap #accountN .input_info {
      height: 38px;
      margin-top: 6px; }
    .popout_chat .popLogWrap #accountN .btn_area {
      margin-top: 12px; }
      .popout_chat .popLogWrap #accountN .btn_area .btn_login, .popout_chat .popLogWrap #accountN .btn_area .btn_signup, .popout_chat .popLogWrap #accountN .btn_area .btn_st1, .popout_chat .popLogWrap #accountN .btn_area .btn_st2 {
        height: 38px;
        line-height: 38px; }
    .popout_chat .popLogWrap #accountN .sns_join {
      margin-top: 20px; }
      .popout_chat .popLogWrap #accountN .sns_join a {
        height: 42px;
        margin-top: 6px; }
    .popout_chat .popLogWrap #accountN .account_area {
      margin: 20px 0 -5px; }
    .popout_chat .popLogWrap #accountN .close {
      top: 14px;
      right: 14px; }
      .popout_chat .popLogWrap #accountN .close a {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0, 0, 0, 0.999)' stroke='' viewBox='0 0 30 30' %3e%3cpath d='m17.863 14.984 11.518 11.518c0.795 0.795 0.795 2.084 0 2.879s-2.084 0.795-2.879 0l-11.518-11.518-11.518 11.518c-0.795 0.795-2.084 0.795-2.879 0s-0.795-2.084 0-2.879l11.518-11.518-11.518-11.518c-0.795-0.795-0.795-2.084 0-2.879s2.084-0.795 2.879 0l11.518 11.518 11.518-11.518c0.795-0.795 2.084-0.795 2.879 0s0.795 2.084 0 2.879l-11.518 11.518z'/%3e%3c/svg%3e") 0 0 no-repeat;
        background-size: 100% 100%; }
  .popout_chat #layerStarGiftNew.pop_stargift {
    margin-left: -230px !important; }
  .popout_chat .pop_stargift {
    width: 460px;
    margin-left: -230px !important; }
    .popout_chat .pop_stargift .layer_in h2 {
      padding-left: 8px; }
    .popout_chat .pop_stargift .star_list ul {
      margin: 0 0 0 4px; }
      .popout_chat .pop_stargift .star_list ul li {
        margin-right: 4px; }
    .popout_chat .pop_stargift .video_balloon_info {
      padding: 26px 16px; }
      .popout_chat .pop_stargift .video_balloon_info ul li span {
        margin-right: 56px; }
        .popout_chat .pop_stargift .video_balloon_info ul li span + P {
          left: 205px; }
      .popout_chat .pop_stargift .video_balloon_info ul li + li span {
        margin-right: 0; }
        .popout_chat .pop_stargift .video_balloon_info ul li + li span + P {
          left: 0px; }
    .popout_chat .pop_stargift .send_area {
      padding: 32px 16px 45px; }
      .popout_chat .pop_stargift .send_area .btn_stars, .popout_chat .pop_stargift .send_area .btn_buy {
        right: 16px; }
    .popout_chat .pop_stargift .btn_area {
      display: flex;
      justify-content: center; }
  .popout_chat .pop_stk {
    width: 460px; }
    .popout_chat .pop_stk h1 {
      padding-left: 8px; }
    .popout_chat .pop_stk .sticker_view {
      width: 195px;
      margin: 0 9px 0 6px; }
    .popout_chat .pop_stk .sticker_list2 {
      width: 244px; }
      .popout_chat .pop_stk .sticker_list2 .list_tit {
        width: 227px; }
        .popout_chat .pop_stk .sticker_list2 .list_tit li {
          width: 45px; }
    .popout_chat .pop_stk .sticker_box {
      width: 243px; }
      .popout_chat .pop_stk .sticker_box .list_wrap .list_bg {
        margin: 0; }
      .popout_chat .pop_stk .sticker_box .list_wrap, .popout_chat .pop_stk .sticker_box .scroll_wrap2 {
        width: 100%; }
    .popout_chat .pop_stk .choice_stk {
      position: relative; }
      .popout_chat .pop_stk .choice_stk h3.st_choice {
        margin-right: 10px; }
      .popout_chat .pop_stk .choice_stk ul {
        position: absolute;
        top: 0;
        right: 0; }
      .popout_chat .pop_stk .choice_stk li.last {
        margin-right: 0; }
    .popout_chat .pop_stk .result:before {
      left: 234px; }
    .popout_chat .pop_stk .result:after {
      left: 235px; }
    .popout_chat .pop_stk .result ul {
      width: 211px;
      padding-right: 10px;
      margin-right: 10px; }
    .popout_chat .pop_stk .result .btn_presen {
      width: 207px; }
    .popout_chat .pop_stk .pop_layer {
      left: 40px; }
  .popout_chat .gd_gift {
    width: 460px;
    margin-left: -232px !important; }
  @media screen and (max-height: 700px) {
    .popout_chat .pop_stargift:not(.video_balloon, .gather_balloon, .win_pop, .mission, .challenge_mission) .tab1 .txt_info {
      bottom: 45px;
      white-space: nowrap; } }

/* 채팅 스크롤 다운 버튼 */
#chatting_area.vod .chat_scroll_down {
  bottom: 00px;
  z-index: -1; }
#chatting_area.vod .chat_scroll_down.on {
  bottom: 10px;
  z-index: 100; }
#chatting_area.vod .chat_blind {
  bottom: 0; }

/* vod 채팅창 필요없는 부분 제거 */
#chatting_area.vod .area_header h2 a {
  display: none; }

#chatting_area.vod .area_header ul li {
  display: none; }

#chatting_area.vod .area_header ul li.close {
  display: block; }

#chatting_area.vod .area_header .idsearch {
  display: none; }

#chatting_area.vod .area_header .chat_notice {
  display: none; }

#chatting_area.vod .chat_area {
  bottom: 0; }

#chatting_area.vod .actionbox {
  display: none; }

/* // vod 채팅창 필요없는 부분 제거 */
@media (max-width: 920px) {
  body:not(.embeded_mode) [chat-move=true] #chatting_area.vod .area_header, body:not(.embeded_mode) [vertical-mode=true] #chatting_area.vod .area_header {
    border: none; }
    body:not(.embeded_mode) [chat-move=true] #chatting_area.vod .area_header > ul, body:not(.embeded_mode) [vertical-mode=true] #chatting_area.vod .area_header > ul {
      top: 16px;
      right: 16px; }
      body:not(.embeded_mode) [chat-move=true] #chatting_area.vod .area_header > ul .chat_speed, body:not(.embeded_mode) [vertical-mode=true] #chatting_area.vod .area_header > ul .chat_speed {
        background-color: #fff; }
      body:not(.embeded_mode) [chat-move=true] #chatting_area.vod .area_header > ul .set, body:not(.embeded_mode) [vertical-mode=true] #chatting_area.vod .area_header > ul .set {
        width: 30px;
        height: 30px;
        background-color: #fff;
        border-radius: 50%;
        border: solid 1px #f5f5f5; }
        body:not(.embeded_mode) [chat-move=true] #chatting_area.vod .area_header > ul .set a, body:not(.embeded_mode) [vertical-mode=true] #chatting_area.vod .area_header > ul .set a {
          margin: 4px auto; }
  body:not(.embeded_mode) [chat-move=true] #chatting_area.vod .chatbox, body:not(.embeded_mode) [vertical-mode=true] #chatting_area.vod .chatbox {
    top: 14px;
    left: 14px;
    right: 14px;
    bottom: 14px;
    border-radius: 16px;
    background-color: #fbfbfc; }
    body:not(.embeded_mode) [chat-move=true] #chatting_area.vod .chatbox .chat_area, body:not(.embeded_mode) [vertical-mode=true] #chatting_area.vod .chatbox .chat_area {
      top: 16px;
      left: 16px;
      right: 0;
      bottom: 16px; }
  body:not(.embeded_mode) [chat-move=true] #chatting_area.vod .chat_blind, body:not(.embeded_mode) [vertical-mode=true] #chatting_area.vod .chat_blind {
    top: 0;
    border-radius: 8px;
    background-color: #fbfbfc; }
    body:not(.embeded_mode) [chat-move=true] #chatting_area.vod .chat_blind:before, body:not(.embeded_mode) [vertical-mode=true] #chatting_area.vod .chat_blind:before {
      display: none; } }
[chat-move=true] #webplayer_contents #chatting_area.vod, [vertical-mode=true] #webplayer_contents #chatting_area.vod {
  width: var(--chat_width);
  min-width: var(--chat_minwidth); }

.embeded_mode #webplayer.chat_open #chatting_area.float_chat {
  transform: translateX(0);
  user-select: none;
  border-radius: 10px;
  z-index: 1000;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(0);
  border: none;
  background-color: rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.2); }
  .embeded_mode #webplayer.chat_open #chatting_area.float_chat .area_header {
    border: none;
    cursor: all-scroll;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    margin: 0;
    padding: 0 10px; }
    .embeded_mode #webplayer.chat_open #chatting_area.float_chat .area_header h2 span {
      color: #fff; }
    .embeded_mode #webplayer.chat_open #chatting_area.float_chat .area_header > ul {
      top: 12px;
      right: 10px; }
    .embeded_mode #webplayer.chat_open #chatting_area.float_chat .area_header li.close {
      margin-right: 10px; }
    .embeded_mode #webplayer.chat_open #chatting_area.float_chat .area_header li.chat_speed div > a {
      color: rgba(255, 255, 255, 0.5);
      border-color: rgba(255, 255, 255, 0.5); }
    .embeded_mode #webplayer.chat_open #chatting_area.float_chat .area_header li.chat_speed span {
      color: rgba(255, 255, 255, 0.5); }
  .embeded_mode #webplayer.chat_open #chatting_area.float_chat .chatbox {
    width: auto;
    height: auto;
    background: transparent; }
  .embeded_mode #webplayer.chat_open #chatting_area.float_chat .chat_area .box_ice {
    background-color: #e9f6ff50; }
    .embeded_mode #webplayer.chat_open #chatting_area.float_chat .chat_area .box_ice span {
      color: #4a81ff; }
  .embeded_mode #webplayer.chat_open #chatting_area.float_chat .chat_area dl dt a,
  .embeded_mode #webplayer.chat_open #chatting_area.float_chat .chat_area dl dd {
    color: #fff;
    opacity: 0.7; }
  .embeded_mode #webplayer.chat_open #chatting_area.float_chat .chat_area .ogq_img .emoticon_buy {
    color: #333;
    border-color: rgba(0, 0, 0, 0.5);
    background-color: rgba(255, 255, 255, 0.4); }
  .embeded_mode #webplayer.chat_open #chatting_area.float_chat .chat_area .box_Vstart {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.5); }
  .embeded_mode #webplayer.chat_open #chatting_area.float_chat .resize {
    position: absolute;
    right: 3px;
    bottom: 4px;
    z-index: 10;
    width: 10px;
    height: 10px;
    cursor: nwse-resize;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 182.931 182.931' fill='%23fff'  %3e%3cpath d='M173.93 92.798a9 9 0 00-9 9v50.404L30.728 18h50.404c4.971 0 9-4.029 9-9s-4.029-9-9-9H9a9 9 0 00-9 9v72.132c0 4.971 4.029 9 9 9s9-4.029 9-9V30.729l134.202 134.202h-50.404c-4.971 0-9 4.029-9 9s4.029 9 9 9h72.132a9 9 0 009-9v-72.132a9 9 0 00-9-9.001z'/%3e%3c/svg%3e") 50% 50% no-repeat;
    background-size: 100% 100%; }

/*# sourceMappingURL=chat_wrap.css.map */