@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* 
font-family: 'Nanum Gothic';
Regular 400
Bold 700
ExtraBold   800
*/


@font-face {
  font-family: "a1";
  font-style: normal;
  font-weight: 400;
  src: local("../font/a1"), /* computer */
    url("../font/a1.eot"), /* IE9 Compat Modes */
    url("../font/a1.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */  
    url("../font/a1.woff") format("woff"), /* Modern Browsers */
    url("../font/a1.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "a2";
  font-style: normal;
  font-weight: 500;
  src: local("../font/a2"), /* computer */
    url("../font/a2.eot"), /* IE9 Compat Modes */
    url("../font/a2.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ 
    url("../font/a2.woff") format("woff"), /* Modern Browsers */
    url("../font/a2.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "a3";
  font-style: normal;
  font-weight: 600;
  src: local("../font/a3"), /* computer */
    url("../font/a3.eot"), /* IE9 Compat Modes */
    url("../font/a3.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../font/a3.woff") format("woff"), /* Modern Browsers */
    url("../font/a3.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "a4";
  font-style: normal;
  font-weight: 700;
  src: local("../font/a4"), /* computer */
    url("../font/a4.eot"), /* IE9 Compat Modes */
    url("../font/a4.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../font/a4.woff") format("woff"), /* Modern Browsers */
    url("../font/a4.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "a5";
  font-style: normal;
  font-weight: 800;
  src: local("../font/a5"), /* computer */
    url("../font/a5.eot"), /* IE9 Compat Modes */
    url("../font/a5.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../font/a5.woff") format("woff"), /* Modern Browsers */
    url("../font/a5.ttf") format("truetype"); /* Safari, Android, iOS */
}


/* **** Common Reset **** */
*{margin:0;padding:0;list-style:none;font-size:13px;font-family: "a2",sans-serif;box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{margin:0;padding:0;word-wrap:break-word;word-break:break-all;}
li,p,span,strong,a,i,em{font-size:inherit;color:inherit;font-family:inherit;}
b, strong{font-weight:500;color: inherit;font-size: inherit;}
font{font-size:inherit;}
body, html{width:100%; height:100%; /*background: #f4f7f9; */}
input,select,img{vertical-align:middle;}
img{border:0;}
table{width:100%;}
table caption{position: absolute;top: 0px;left: 0px;overflow: hidden;display: block !important;width: 0px !important;height: 0px !important;margin: 0 !important;font-size: 0 !important;line-height: 0 !important;}
.clearfix::after{content:"";display:block;clear:both;}
a{display:inline-block;text-decoration:none;transition:all 0.2s ease-in-out;}
i{font-style:normal;}
table {border-collapse: collapse;width: 100%;}
button,
input[type="button"] { border:0; outline:0; }
.left { float:left; }
.right { float:right; }
th.left,
td.left { float:none; text-align: left !important; }
th.center,
td.center { float:none; text-align: center !important; }
th.right,
td.right { float:none; text-align: right !important; }
.iconfont { vertical-align: middle; }
body { background:#161b28; padding:0; margin:0; }
* { box-sizing:border-box }
.chatting { border-radius:10px; background:#1d2333; overflow:hidden; }
.chatting h3.title { position:relative; margin:0; height:55px; line-height:55px; border-bottom:1px solid #2f3749; background:#21283b; text-align: center; font-family:"a3"; font-size:14px; color:#ffffff; }
.chatting h3.title .count { color:#40d04f; font-size:12px; padding:5px; height:22px; color:#40d04f; border-radius:5px; background:#161b28; }
/* .chatting h3.title .moClose { position:absolute; right:10px; font-size:38px; top:50%; transform:translateY(-50%);  } */
.chatting .ctChat ul { padding:15px 0 0 15px; height:425px; overflow-y:auto; }
.chatting .ctChat ul li { position:relative; min-height:26px; padding:0 10px 0 30px;  margin:0 0 5px; font-size:0; }
.chatting .ctChat ul li img { position:absolute; left:0; top:0; width:26px; height:23px; margin:0 5px 0 0; }
.chatting .ctChat ul li .name { color:#40d04f; font-size:12px; }
.chatting .ctChat ul li .message { color:#fff; font-size:12px; line-height:20px; }
.chatting .send { padding:0 15px; margin-bottom:10px; position: absolute; bottom: 0;width: 100%;}
.chatting .send .inpChat { padding:0 15px; font-size:12px; width:calc(100% - 50px); background:#373f53; color:#fff; border-radius:10px; height:40px; border:0; outline:0; }
.chatting .send .btnSend { float:right; width:45px; height:40px; line-height:40px;  background:#7750f8; border-radius:10px; color:#fff; font-size:12px; text-align: center; }
.chatting .send .btnSend:hover { background:#5753e4; }

.betscroll::-webkit-scrollbar-track{	background-color: #21283b;}
.betscroll::-webkit-scrollbar{	width: 5px;	background-color: #F5F5F5;	opacity:0.5;}
.betscroll::-webkit-scrollbar-thumb{	background-color: #373f53;	opacity:0.5;}
.betscroll { scrollbar-base-color: #262626;scrollbar-Face-Color: #9b34f9; scrollbar-Track-Color:#262626;   scrollbar-Shadow-Color: #262626}

body.day { background:#f8f8fb; }
body.day .chatting { background:#fff; box-shadow: 0 0 40px 0 rgb(94 92 154 / 10%); }
body.day .chatting h3.title { background:#fff; border-bottom:1px solid #eaeaf5; color:#3e3f5e; }
body.day .chatting h3.title .count { background:#1df377; color:#fff; }
body.day .chatting .ctChat ul li .name { color:#615dfa; }
body.day .chatting .ctChat ul li .message { color:#3e3f5e; }
body.day .chatting .send .inpChat { background:#f5f5fa; color:#000; }
body.day .chatting .send .btnSend { background:#23d2e2; }
body.day .chatting .send .btnSend:hover { background:#20a5b1; }

body.day .betscroll::-webkit-scrollbar-thumb{	background-color: #dedfea;}
body.day .betscroll::-webkit-scrollbar-track{	background-color: #f5f5fa;}

@media screen and (max-width:1280px){
  .chatting { height:100%; border-radius:0; }
  .chatting .ctChat { height:calc(100% - 115px) }
  .chatting .ctChat ul { height:calc(100%) }

}