@import url(//fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);
html,body,button{font-size: 13px; font-weight:normal;
	font-family: 'Jeju Gothic','Nanum Brush Script','Hanna','Nanum Brush Script','Noto Sans KR','KoPub Batang','Jeju Hallasan','Nanum Gothic','³ª´® °íµñ','¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum','±¼¸²','Gulim';
	-webkit-font-smoothing:
}
body {
 /* background:url(../images/common/background2.jpg); */
 background-color:#10111c;
}
div#body{
 width:100%;
 /*
 background:url(../images/common/background.jpg);
 background-color:#313534;
 background-repeat:no-repeat;
 background-position:top;
 background-attachment:fixed;
 */
 min-height:100%;position:relative;
 margin-top:0px;
 margin-right:0px;
 margin-bottom:0px;
 margin-left:0px;
}

html,
h1, h2, h3, h4, h5, h6,
div, p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td,
form, fieldset, legend, strong, span {
  margin:0;
  padding:0;
  color:#ffffff;
}
h1, h2, h3, h4, h5, h6 {
  font-weight:normal;
  font-size:100%;
}
ul, ol {
  list-style:none;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
caption, th {
  text-align:center;
}
td {
  text-align:left;
}
img, fieldset, abbr, acronym {
  border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style:normal;
}
q:before, q:after {
  content: '';
}
input{
	padding:0;margin:0;
}
input.button, input.submit, button {
  overflow:visible;
}
input.button, input.submit, button,
label {
  cursor:pointer;
}

/* Base */
/* html {
  overflow-y:scroll;
}*/
a {
  color:#666;
  text-decoration:none;
}
a:focus,
a:hover,
a:active {
  text-decoration:none;
}
hr, caption, legend {
  display:none;
}
img {
  vertical-align:top;
  -ms-interpolation-mode:bicubic;
}
input, textarea {
  font:12px/14px Dotum, 'µ¸¿ò', Verdana, sans-serif;
}
#skipNav,
.alt,
.accsblt {
  position:absolute;
  top:0;
  left:0;
  visibility:hidden;
  width:0;
  height:0;
  overflow:hidden;
  font-size:0;
  line-height:0;
}
.invisible {
  overflow:hidden;
  visibility:hidden;
  position:absolute;
  width:0;
  height:0;
  font-size:0;
  line-height:0;
}

.clearfix{*zoom:1;}
.clearfix:after{content:""; display:block; clear:both; height:0; overflow:hidden; visibility:hidden;}

/*input ȸ¿ø°¡ÀÔ*/
input.input2{
	border:1px solid #000000;
	background:#363441;color:#ffffff;
	-moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:5px 5px 5px 5px;      /* W3C syntax */
	width:180px;
	height:32px;
	line-height:32px;
	padding-left:10px;
	padding-right:10px;
}
/*a  ÃæȯÀü ¸Ó´Ï ¹öÆ°*/
a.monney-a{display:block;width:59px;height:27px;line-height:27px;text-align:center;background:url(../images/common/monney-btn.png);color:#ffffff;}
a.monney-a:hover{background:#3366cc;	color:#e4f4ff;	}
a.select-a{background:#3366cc;
	/* background-image:url(../images/common/League-bg2.gif); */
	/* background-repeat:repeat-x; */
	/*display:block;*/
	color:#e4f4ff;}
/*a margin*/
a.margin{margin:0px 5px;}
a.margin2{margin:0px 2px;}
/*a ¸µÅ© »ö */
a.color{color:#ffffff;}
/***º£Æ󻿪 ¹öÆ° 3»ö ****/
a.betting-btnbg{display:block;background:url(../images/common/betting-btn2.png);width:128px;height:30px;text-align:center;line-height:30px;color:#ffffff;}
a.betting-btnbg2{display:block;background:url(../images/common/betting-btn.png);width:128px;height:30px;text-align:center;line-height:30px;color:#ffffff;}
a.betting-btnbg3{display:block;background:url(../images/common/betting-btn3.png);width:128px;height:30px;text-align:center;line-height:30px;color:#ffffff;}
/*span ±ÛÀÚ»ö*/
span.color{color:#ddad43;}/*ȲÅä»ö*/
span.color2{color:#6e8279;}/*¾îµÎ¿îû»ö*/
span.color3{color:#e1f6b9;}/*ȯÇÑ ³ë¶õ»ö*/
span.color4{color:#43cddd;}/*Çϴûö*/
/*span weight*/
span.weight{font-weight:normal;}

/*head width*/
div.head-width{width:1200px;}
/*head li margin  */
li.margin{margin-top:2px;}
li.margin-T{margin-top:5px;}
li.margin-T2{margin-top:10px;}
li.margin-T3{margin-top:2.5%;}
li.margin-L{margin-left:2px;}
li.margin-R{margin-right:2px;}
li.margin-B{margin-bottom:2px;}
/*li float*/
li.float-L{float:left;}
li.float-R{float:right;}
/*li ±ÛÀÚ»ö*/
li.color{color:#ddad43;}/*ȲÅä»ö*/
li.color2{color:#6e8279;}/*¾îµÎ¿îû»ö*/
li.color3{color:#e1f6b9;}/*ȯÇÑ ³ë¶õ»ö*/
li.color4{color:#a8f9fc;}/*ÆĶõ»ö*/
li.color5{color:#00FFFF;}/*¾ÆÄí¾Æ»ö*/
li > a:link {color:#00FFFF;}
li > a:hover {color:#00FFFF;} 
li > a:visited {color:#ddad43;} 


/*li  ±ÛÀÚü±½°Ô */
li.weight{font-weight:normal;}
/*li border»ö*/
li.border-top{border-top:1px solid #414a47;}
li.border-bottom{border-bottom:1px solid #212523;}
/*th*/
th.thbg{background:#1f1d1e;text-align:center;}
th.thbg2{background:#81c405;}
th.color{color:#606e69;}
th.height{height:30px;}
/*td*/
td.tdbg{background:url(../images/common/League-bg.gif);height:39px;}
td.tdbg2{background:url(../images/common/League-bg2.gif);height:39px;}
td.tdbg3{background:url(../images/common/League-bg3.gif);height:39px;}
td.tdbg4{background:url(../images/common/League-bg4.gif);height:39px;}
td.tdbg5{background:#1f1d1e;}
td.tdbg6{background:#414a47;}
/*td-color*/
td.color{color:#7b8b86;}/*ȸ»ö*/
td.color2{color:#e1f6b9;}/*ȯÇѳë¶õ»ö*/
td.color3{color:#c0ff4a;}/*ÃÊ·Ï»ö*/
td.color4{color:#c3beb8;}/*ȸ»ö2*/
td.color5{color:#fcff08;}/*³ë¶õ»ö*/
td.color6{color:#fb1e1e;}/*³ë¶õ»ö*/
td.blue_color{color:#B9E5F6}
span.purple_color{color:#C1B9F6;}
/*td-height*/
td.height{height:35px;}
/*td-align*/
td.align-center{text-align:center;}
td.align-right{text-align:right;}
/*td font-weight*/
td.weight{font-weight:normal;}
/*td border*/
td.border{border:1px solid #5a6963;}
td.border-top{border-top:1px solid #44504b;}
td.border-left{border-left:1px solid #44504b;}
td.border-right{border-right:1px solid #1a2521;}
td.border-bottom{border-bottom:1px solid #4b5551;}
/*td   input */
td.input input{border:1px solid #44504b;background:#414a47;color:#ffffff; padding:2px 5px;}
td.input textarea{border:1px solid #44504b;background:#414a47;color:#ffffff; padding:2px 5px;}
/*div margin  */
div.margin{margin-top:2px;}
div.margin-L{margin-left:2px;}
div.margin-R{margin-right:2px;}
div.margin-B{margin-bottom:2px;}
div.mg-left{margin-left:3px;}
/*div width*/
div.div-width{width:100%;margin:0 auto;}
/*div normal*/
div.weight{font-weight:normal;}
/*div »ö*/
div.color{color:#e1f6b9;}/*³ë¶õ»ö*/
div.color2{color:#5dfff9;}/*ÆĶõ»ö*/
div.color3{color:#addbad;}/*³ë¶õû»ö*/
div.color4{color:#EFFF00;}/*³ë¶õû»ö*/
/*div ¹Ú½º»ö*/
div.border-top{border-top:1px solid #414a47;}
div.border-bottom{border-bottom:1px solid #212523;}
/*div¹è°æ»ö*/
div.divbg{background:#323835;} /*ȸ»ö					¹èÆÃÄ«Æ®,container ¹è°æ»ö*/
div.divbg2{background:#232927;}/*ÁøÇÑ È¸»ö				  ¸®±×¸í ³ªÅ¸³ª´ÂºÎºÐ »ö*/
/*div  float*/
div.float-L{float:left;}
div.float-R{float:right;}

/*head  container  foot*/
div#head{width:100%;height:100%;margin:0 auto;background:#10111c/* 313534 */;}
div#container{width:1200px;margin:0 auto;margin-top:0px;}
div#foot{}
div.box{width:1170px;margin:0 auto;margin-top:20px;}
div.container-left{float:left;width:0px;height:100%;}
div.container-right{float:right;width:260px;}
.floatL{float:left;}
.word{word-break:break-all; }
/*********************************************head ºÎºÐ**************************************/
/*·Î°í*/
div.logo{width:20%;}
div.topbtn-right{
	float:right;
	margin-top:5%;
    	width:310px;
	margin-bottom:10px;
	/*border: 1px solid white;*/
}
div.topbtn-right ul {
	float:right;
	margin-right:5px;
}
div.topbtn-right ul li{
	float:left;
	/* width:23%; */
}
div.topbtn-right ul li.point-btn{
	float:left;
	/* width:26%; */
}
div.topbtn-right ul li.log-out{
	float:left;
	margin-left:2px;;
	/* width:24%; */
}
div.topbtn-right ul li img{
	width:100%;
	*width:!important;
}

	
/*¿©±â´Â°øÁö»çÇ×ÀÌ ³ªÅ¸³³´Ï´Ù ºÎºÐ*/
.news-margin{margin-left:1%;margin-top:1px;}
div.news-bg{
	width:30%;
	height:35px;
	line-height:35px;
	font-size:12px;
	background:#292929;
}
div.news-bg2{
	width:100%;
	font-size:12px;
	height:35px;
	line-height:35px;
	background:#292929;
}
ul.head-ul{
	float:right;
}
.fa-diamond{color:#25bb25}
.l1{color:#7c9ab4;}
.l2{color:#7cb4a1;}
.l3{color:#7cb480;}
.l4{color:#8ab938;}
.l5{color:#dfc831;}
.l6{color:#df7731;}
.l7{color:#df3131;}
.l8{color:#df3166;}
.l9{color:#df31c8;}
.l10{color:#b831df;}
.l11{color:#7731df;}
.l12{color:#4e31df;}
.l13{color:#d97fef;}
.l14{color:#ffa200;}
.l15{color:#ffff00;}


div.head{width:1200px;margin:0 auto;padding-top:20px;position:relative;}
div.head-L{float:left;}
div.head-R{float:right;}


/* ÃæÀü ºÎºÐ*/
.charge-table {
	width:85%;
	margin:0 auto;
	margin-top:20px;
}
.login-table {
	width:85%;
	margin:0 auto;
	margin-top:20px;
}

.charge-left {
	width:20%;
}
.charge-right {
	width:80%;
}
.mobile-br {
}

/**ÃæÀüȯÀü ¹öÆ° ºÎºÐ**/
div.headR-div2{width:900px;margin-top:5px;}
div.headR-div2 ul{float:right;}
div.headR-div2 ul li{float:left;}
.fa{font-size:14px !important;}
.log-out a{display:block;padding:5px 8px; background:#494b53; border-radius:2px; color:#fff; }
.log-out a:hover{background:#494b53; border-radius:2px; color:#fff;}
.charge-btn a{display:block;padding:5px 10px; background:#494b53; border-radius:2px; color:#fff; }
.charge-btn a:hover{background:#494b53; border-radius:2px;color:#fff;}
.exchange-btn a{display:block;padding:5px 10px; background:#494b53; border-radius:2px; color:#fff; }
.exchange-btn a:hover{background:#494b53; border-radius:2px; color:#fff;}
.point-btn a{display:block;padding:5px 9px; background:#494b53; border-radius:2px; color:#fff; }
.point-btn a:hover{background:#494b53; border-radius:2px; color:#fff;}
a.hover:hover{background:url(../images/common/top-btnbg.gif);}
a.point-hover:hover{background:url(../images/common/top-btnbg3_2.gif);}
/*¸Þ´º¹öÆ°*/
div.menu{
	width:1200px;
	height:100%;
	background:#363a41/* url(../images/common/menu-bg.gif) */;
	margin-top:8px;
	
}
div.menu ul li{
	float:left;
	width:10%;
	height:52px;
	line-height:47px;
	text-align:center;
	font-family:"³ª´®°íµñ",Helvetica,Arial,sans-serif;
	font-size:16px;
	font-weight:normal;
	cursor: pointer;
}
div.menu ul li a{
	display:block;
	color:#ffffff;
	box-sizing: border-box;
	height:52px;
	
	border-bottom:1px solid #0f1117;
}
div.menu ul li a.active{background:#657185;}
div.menu ul li a:hover{
	background:#657185/* #81c405 */;
	
	/* border-moz-border-radius: 15px;  */     /* Gecko browsers */
    /* -webkit-border-radius: 15px;   */ /* Webkit browsers */
   /*  border-radius:5px 5px 0px 0px;  */     /* W3C syntax */
}


/***********************************container  ºÎºÐ***********************************/
/*container-top*/
div.container-top{width:100%;height:80px;}
/*title ºÎºÐ*/
div.title{width:80%;height:80px;font-size:25px;color:#00BFFF;line-height:80px;font-family:"Malgun Gothic",Helvetica,Arial,sans-serif;float:left; font-weight:bold;}
div.title span{font-size:16px;color:#a7bda8;line-height:80px;font-family:"Malgun Gothic",Helvetica,Arial,sans-serif;}
/*½Ã°èºÎºÐ*/
div.time{width:20%;height:80px;position:relative;float:right;}
div.time-img{margin-top:20px;}
/*contents  ³»¿ë ºÎºÐ*/
div.contents-bg{width:920px;background:#323835;padding:1px 1px 1px 1px}
div.contents{width:920px;background:#323835;border:1px solid #414a47;margin:1px 0px 0px 1px;}
div.contents-bg2{/*width:920px*/;height:100%;background:#323835;padding:1px 1px 1px 1px}
div.contents2{/*width:916px;*/width:98%;height:100%;background:#323835;border:1px solid #414a47;margin:1px 0px 0px 1px;padding-bottom:20px;}
div.contents-bg3{width:100%;height:100%;background:#323835;padding:1px 1px 1px 1px}
div.contents3{width:100%;height:100%;background:#323835;border:1px solid #414a47;margin:1px 0px 0px 1px;padding-bottom:20px;}
div.joinBox{width:90%;height:100%;/*border:1px solid #414a47;*/margin:10px auto;}
.login-table>tbody>tr>td{background:#323835;}
.top-live-btn {
	float:right;
	margin-right:36px;
}
/*sub¸Þ´º*/
div.sub-menu{width:100%;height:40px;margin:0; border:#748391}
ul.sub-menu-ul li{float:left;height:37px;width:12.5%;text-align:center;line-height:37px;font-family:"³ª´®°íµñ",Helvetica,Arial,sans-serif;font-size:15px;background:#012240;}
ul.sub-menu-ul li a{display:block;height:37px;width:100%;border-bottom:3px solid #212523;color:#7fc2f1;border-right:1px solid #323835}
ul.sub-menu-ul li a:hover{border-bottom:3px solid #7FC2F1;}

/*¸®±×¸í ³ªÅ¸³ª´Â ºÎºÐ*/

div.league2{width:100%;height:40px;line-height:40px;font-weight:normal;background:#212523;color:#e1f6b9;}

.league {
		background-color:#1f1d1e;
		height:35px;
		/* width:100%; */
		line-height:35px;
		border:#748391 solid 1px;
	}
.league .name {
	font-size:0.99em;
	margin-left:10px;
	color:#c0ff4a;
	font-weight:normal;
}
.lxftime {
	color:yellow;
}
.league .powerball {
	font-size:13px;
	color:#FFF;
	font-weight:normal;
}
.betting-row {
	/*background-image:url(../images/common/League-bg4.gif);*/
	background-color:#111111;

	width:100%;
	line-height:37px;
	font-size:14px;
	color:#b6b6b6;
}
.betting-row .team-a {

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
	border-right:2px solid #3d3e3e;
	float:left;
	width:45%;
	*border-right:none; /* ie7 hack */
}
.betting-row .team-a-benefit {
	float:right;
	margin-right:20px;
}
.betting-row .team-b-benefit {
	float:left;
	margin-left:20px;
}
.betting-row .team-n-benefit {
}
.betting-row .button {
	background:#323835;
	/* background-image:url(../images/common/League-bg.gif); */
	/* background-repeat:repeat-x; */
	/*display:block;*/
	cursor:pointer;
	color:#FFFFFF;
}

.betting-row .button-over,  .betting-row .button-selected{
	background:#4169E1;
	/* background-image:url(../images/common/League-bg2.gif); */
	/* background-repeat:repeat-x; */
	/*display:block;*/
	color:#e4f4ff;
	cursor:pointer;
}

.betting-row .button-over span,  .betting-row .button-selected span{
	/* color:#000000; */
	background:#4169E1;

	color:#fff;
}
.betting-row .team-b {
	float:left;
	width:45%;
	text-align:right;
	word-break:break-all;
}
.betting-row .team-n {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
	border-right:2px solid #3d3e3e;
	float:left;
	width:10%;
	text-align:center;
	*border-right:none; /* ie7 hack */
}
.betting-row .team-a-name {
	font-weight: normal;
	margin-left:20px;
	float:left;
}
.betting-row .team-b-name {
	font-weight: normal;
	float:right;
	margin-right:20px;
}

.betting-row .team-s {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
	border-right:2px solid #3d3e3e;
	float:left;
	width:0%;
	text-align:center;
	*border-right:none; /* ie7 hack */
}

.betting-row .plus_icon {
    padding: 2px;
}
.betting-row .plus_count {
    display: inline-block;
    padding: 0px 8px;
    background: #610000;
    cursor: pointer;
    user-select: none;
}
.betting-row .plus_count:hover{
    background: #b93737;
}

/*»ç´Ù¸® ºÎºÐ*/
div.ladder-area{
	width:820px;height:616px;
	margin:0 auto;
	background:#273a39;
	margin-bottom:10px;
	overflow:hidden;position:relative;height:570px;
	
}
div.ladder-area div{
	position:absolute;top:-48px;
}
div.ladder-area .area{
	width:1000px;
	height:1000px;
}

/*ÆÄ¿öº¼ ºÎºÐ*/
div.power-area{
	width:920px;height:700px;
	margin:0 auto;
	background:#273a39;
	margin-bottom:5px;	
	overflow:hidden;position:relative;height:598px;
	
}
div.power-area div{
	position:absolute;top:-10px;
}
div.power-area .area{
	width:1000px;
	height:1000px;
	margin-left:9px;
}


/*°æ±â ºÎºÐ*/
div.match{width:100%;}


/*cart ºÎºÐ*/

div.cart-bg{
	width:260px;
	border-moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px 15px 15px 15px;      /* W3C syntax */
	background:#323835;
	border:1px solid #230245;
	padding:18px;
	position:absolute;
}
ul.cart-ul li{width:220px;}
ul.cart-ul li div{float:left;line-height:18px;}
ul.cart-ul li div.cart-divR{float:right;}
li.cart-li{padding-bottom:10px;}
li.cart-li2{padding-top:10px;}
li.cart-li3{margin-top:10px;}
li.cart-li4{padding:10px 0px;}
li.cart-li5{padding-top:15px;padding-bottom:3px;border-bottom:2px solid #464f4c;}

.cart_slip {
	display:none;
}

/***************page-btn ÆäÀÌÁö ¹öÆ° ºÎºÐ**********************/
div.page-margin{margin-bottom:20px;margin-top:20px;}
div.page{width:100%;text-align:center;}
div.page ul li{display:inline-block;}
div.page ul li.page-li a:hover{
	background:url(../images/common/page-btn.gif);
}
div.page ul li.page-li2 a:hover{
	background:url(../images/common/page-btn2.gif);
}
div.page ul li.page-li a{
    /*border : 1px solid red;*/
	display:block;
	color:#fff;
	width:58px;
	height:29px;
	/*margin-left:5px;*/
	line-height:29px;
	text-align:center;
	font-size:12px;
	background:url(../images/common/page-btn_2.gif);

}
div.page ul li.page-li2 a{
    /*border : 1px solid blue;*/
	display:block;
	/*margin-left:5px;*/
	width:24px;
	color:#fff;
	height:29px;
	line-height:29px;
	text-align:center;
	font-size:12px;
	background:url(../images/common/page-btn2_2.gif);
}

div.page ul li.page-li2-on a{
    /*border : 1px solid purple;
	width:24px;
	line-height:29px;
	text-align:center;
	font-size:12px;*/
	background:url(../images/common/page-btn2.gif);
}

.team-pc {
	display:inline;
}






/**********************login.html*******************************/
div.log_bg{
	width:222px;
	border-radius:15px;
	background:#28314c none repeat scroll 0% 0%;
	border:1px solid #230245;
	padding:18px;
	position:absolute;
	
}

div#background2{
	width:100%;
	/*background:url(../images/common/login.jpg);min-height:100%;position:relative;*/
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	background-color:#10111c;
	background-repeat:no-repeat;
	background-position:top;
	background-attachment:fixed;
	
}

.autoCenter{width:220px; margin:0px auto; padding-top:150px; padding-right:40px}

ul.login_ui li{width:220px}
ul.login_ui li div{float:left;line-height:18px;}
ul.login_ui li div.cart-divR{float:right;}
div.login-width{
	width:1200px;
	height:100%;
	margin:0 auto;
	padding-top:300px;
}
div.login-bg{
	/*margin-left:65%;*/
	padding-top:173px;
	width:291px;
	height:222px;
	background:url(../images/login/loginbg.png) no-repeat;
}
div.login-input{
	margin-left:95px;
}
li.login-inputtext{
	margin-bottom:30px;
}
div.login-input ul li input{
	width:150px;
	height:30px;
	line-height:30px;
	border:0px;
	background:#222222;
	color:#ffffff;
}
div.login-btn{
	width:190px;
	height:50px;
	margin-left:50px;
	margin-top:5px;
}
div.login-btn a{
	display:block;
	width:190px;
	height:50px;
}
div.login-btn2{
	width:90px;
	height:30px;
	margin-left:150px;
	margin-top:8px;
}
div.login-btn2 a{
	display:block;
	width:90px;
	height:30px;
}
/**********recommende.html    ÃßõÀÎÄÚµå************/
div.recommender-width{
	padding-top:300px;
}
div.recommender-bg{
	width:386px;
	height:234px;
	background:url(../images/recommende/recommender-bg.png);
	margin:0 auto;
}
div.recommender-input{
	padding-left:116px;
	padding-top:95px;
}
div.recommender-input input{
	width:228px;
	height:40px;
	line-height:40px;
	background:#4c4c4c;
	color:#ffffff;
	border:0px;
}
div.recommender-btn{
	width:230px;
	height:50px;
	margin-left:113px;
	margin-top:26px;
}
div.recommender-btn a{
	display:block;
	width:230px;
	height:50px;
}

/********signup.html  ȸ¿ø°¡ÀÔ***********/
div.signup-width{
	width:667px;
	margin:0 auto;
	padding-top:100px;	
}
div.signup-bg{
	width:666px;
	height:100%;
	background:#222222;
	-moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:0 0 5px 5px;            /* W3C syntax */
	border-bottom:3px solid #1a1822;
	
}
div.signup-contents{
	width:545px;
	height:100%;
	background:#222222;
	margin:0 auto;
	margin-bottom:20px;
	-moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:0 0 5px 5px;            /* W3C syntax */
	border-bottom:3px solid #1a1822;
	
}

div.signup-btn{
	width:193px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}
div.signup-btn div{
	float:left;
}
div.signup-btn div.signup-btnL a{
	display:block;
	color:#ffffff;
	background:#1abc9c;
	font-weight:normal;
	-moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:5px 5px 5px 5px;      /* W3C syntax */
	border-bottom:3px solid #0e7d67;
	width:90px;
	height:36px;
	line-height:36px;
	text-align:center;

}
div.signup-btn div.signup-btnL a:hover{

	-moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:5px 5px 5px 5px;      /* W3C syntax */
	border-bottom:3px solid #0e7d67;
	background:#17aa8d;

}
div.signup-btn div.signup-btnR a{
	display:block;
	color:#ffffff;
	background:#a8a8a8;
	font-weight:normal;
	-moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:5px 5px 5px 5px;      /* W3C syntax */
	border-bottom:3px solid #666666;
	width:90px;
	height:36px;
	line-height:36px;
	text-align:center;
	margin-left:10px;

}
div.signup-btn div.signup-btnR a:hover{

	-moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:5px 5px 5px 5px;      /* W3C syntax */
	border-bottom:3px solid #666666;
	background:#8a8a8a;
}

/* äÆùæ */

.chatlog {
	width:100%;
	height:324px;
	border:1px solid #000;
	box-sizing:border-box;
	overflow-y:scroll;
	word-break: break-all;
	padding:5px;
	/* background-color:#1e2128; */
	background:url(../images/common/chat_bg.png) repeat-x;
	font-size:12px;
}
.notice-default {
	background-color:#2941a5;
	border:1px solid #213c8c;
	color:#FFF;
	padding:3px;
	margin:2px;
}
.notice-info {
	background-color:#31aaef;
	border:1px solid #213c8c;
	color:#FFF;
	padding:3px;
	margin:2px;
}
.notice-warning {
	background-color:#d63442;
	border:1px solid #213c8c;
	color:#FFF;
	padding:3px;
	margin:2px;
}
.notice-message {
	background-color:#31aaef;
	border:1px solid #213c8c;
	color:#FFF;
	padding:3px;
	margin:2px;
}.nick {
	color:#606c88;
	font-weight:normal;
	/**background-color:#F7FE2E;**/
}
.nick-level-2 {
	color:#FFFFFF;
	font-weight:normal;
	/**background-color:#00FFFF;**/
}
.nick-level-3 {
	color:#FFFFFF;
	font-weight:normal;
	background-color:#01DF01;
}
.nick-level-4 {
	color:#FFFFFF;
	font-weight:normal;
	background-color:#2E2EFE;
}
.nick-level-5 {
	color:#FFFFFF;
	font-weight:normal;
	background-color:#FE2E64;
}
.nick-admin {
	background-color:#9c009c;
	color:#FFF;
	font-weight:normal;
}
.chat {
	color:#d9fff8;
}
.chat-admin {
	color:#FFF;
	font-weight:normal;
}

#mobile-detect {
	display:none;
}

.mobile-hidden {
	display:block;
}
span.mobile-hidden {
	display:block;
	text-overflow:ellipsis;
	overflow: hidden;
	white-space:nowrap;
}
.pc-hidden {
	display:none;
}
span.pc-hidden {
	display:none;
}


/*********************************¹ÝÀÀÇü*********************************************/
/********************************990px************************************************/
@media screen and (max-width:1200px){
	div.contents-bg{
		width:750px;background:#323835;padding:1px 1px 1px 1px
		}
	div.contents{
		width:750px;background:#323835;border:1px solid #414a47;margin:1px 0px 0px 1px;
		}
	div#container {
		width: 1020px;
	}
}
@media screen and (max-width:1050px){
	div.contents-bg{
		width:600px;background:#323835;padding:1px 1px 1px 1px
		}
	div.contents{
		width:600px;background:#323835;border:1px solid #414a47;margin:1px 0px 0px 1px;
		}
	div#container {
		width: 870px;
	}
}
@media screen and (max-width:900px){
	#mobile-detect {
		display:block;
	}
	div#background2{
		/*background:#CCDAF7;*/
		/*background:url(../images/common/login_m.jpg)top center no-repeat;min-height:100%;*/
	}

	body {
		/*background:transparent;*/
		letter-spacing:-1px;
	}
	/* ÃæÀü ºÎºÐ*/
	.charge-table {
		width:100%;
	}
	.charge-left {
		width:30%;
	}
	.charge-right {
		width:70%;
	}
	.mobile-br {
		clear:both;
	}
	
	/* ·Î±×ÀÎ */
	div.login-width{
		width:100%;
		height:100%;
		margin:0 auto;
		padding-top:0px;
	}
	div.login-bg{
		margin:0px auto 0 auto;
	}
	div.recommender-width{
		padding-top:50px;
	}
	div.sub8-3input {
		width:70%;
	}
	
	/* ȸ¿ø°¡ÀÔ */
	div.signup-width{
		width:100%;
		margin:0 auto;
		padding-top:0px;	
	}
	div.signup-bg{
		width:100%;
		height:100%;
		margin-bottom:0px;
	}
	div.signup-contents{
		width:100%;
		height:100%;
		
	}

	div.signup-btn{
		margin:0 auto;
		margin-top:20px;
		margin-bottom:20px;
	}
	
	div.logo{width:0%;}
	
	div.topbtn-right{
		position: absolute;
		right: 0px;
		margin-left:auto;
		width:80%;
		margin-top:50px;
	}
	div.topbtn-right ul {
		float:right;
		margin-right:5px;
	}
	div.topbtn-right ul li{
		float:left;
		/* width:23%; */
	}
	div.topbtn-right ul li.point-btn{
		float:left;
		/* width:26%; */
	}
	div.topbtn-right ul li.log-out{
	    position: absolute;
		margin-left:85px;
		margin-top:-60px;
	
		/* width:24%; */
	}

	.top-live-btn {
		margin-right:3px;
	}

	div#head{width:100%;}
	div.head{width:100%;}
	div.head{width:100%;}
	div.head-width{width:100%;}
	div.headR-div{width:100%;}
	
	/*°øÁö»çÇ×*/
	div.news-bg{width:100%;}
	div.news-bg ul li{font-size:11px;}
	div.news-bg2{width:100%;}
	div.news-bg2 ul li{font-size:11px;}

	/*¸Þ´º¹öÆ°*/
	div.menu{width:100%;}
	div.menu ul li{width:20%;font-size:14px;}

	div#container{width:100%;}
	/*container-top*/
	div.container-top{width:100%;}
	div.container-right{clear:both;width:100%;}
	.mobile-hidden {
		display:none;
	}
	span.mobile-hidden {
		display:none;
	}
	.pc-hidden {
		display:block;
	}
	span.pc-hidden {
		display:block;
		text-overflow:ellipsis;
		overflow: hidden;
		white-space:nowrap;
	}
	/*cart ºÎºÐ */
	div.cart-bg{
		width:96%;
		padding:4%;
		display:none;
		margin-left:2%;
		margin-right:2%;
	}
	ul.cart-ul li{width:100%;}
	ul.cart-ul li div{float:left;line-height:18px;}
	ul.cart-ul li div.cart-divR{float:right;}
	li.cart-li{padding-bottom:10px;}
	li.cart-li2{padding-top:10px;}
	li.cart-li3{margin-top:10px;}
	li.cart-li4{padding:10px 0px;}
	li.cart-li5{padding-top:15px;padding-bottom:3px;border-bottom:2px solid #464f4c;}

	.cart_slip {
		display:block;
		height:50px;
		width:100%;
		background-image:url('../images/common/cart-bg.png');
		text-align:center;
		font-size:16px;
		line-height:50px;
		font-weight:normal;
		color:#89a5e5;
		position:fixed;
		left:0px;
		bottom:0px;
	}
	
	/*title ºÎºÐ*/
	div.title{width:100%}
	div.time{display: none;}
	
	
	/********container************/
	div.container-left{width:100%;}
	/*contents  ³»¿ë ºÎºÐ*/
	div.contents-bg{width:99.7%;}
	div.contents{width:99.5%;}
	div.contents-bg2{width:99.7%;}
	div.contents2{width:100%;}
	/*sub¸Þ´º*/
	div.sub-menu{width:100%;margin:0px;}
	ul.sub-menu-ul li{width:25%;}
	ul.sub-menu-ul li a{width:100%;border-bottom:0px;border-right:1px solid #323835}
	ul.sub-menu-ul li a:hover{background:#00a1e4;color:#ffffff;border-bottom:0px;}
	/*¸®±×¸í ³ªÅ¸³ª´Â ºÎºÐ*/
	div.league{width:100%;margin-left:0px;border-top:1px solid #4a5753;border-bottom:1px solid #4a5753;clear:both;}
	div.league2{width:100%;height:40px;line-height:40px;font-weight:normal;background:#212523;color:#e1f6b9;}
	
	.league .name {
		font-size:0.99em;
		margin-left:10px;
		color:#c0ff4a;
		font-weight:normal;
	}

	.betting-row {
		width:100%;
		font-size:12px;
		margin-left:0px;
		margin-top:0px;
	}
	.betting-row .team-a {
		width: 45%;
		font-size:12px;
		overflow:hidden;
	}
	.betting-row .team-b {
		width: 45%;
		overflow:hidden;
	}
	.betting-row .team-n {
		width: 10%;
	}
	.betting-row .team-s {
		width: 12%;
	}
	.betting-row .team-a-benefit {
		margin-right:5px;
	}
	.betting-row .team-b-benefit {
		margin-left:5px;
	}
	.betting-row .team-a-name {
		margin-left:5px;
		width: 75%;
		overflow: hidden;
	}
	.betting-row .team-b-name {
		padding-right: 2px;
		margin-right:5px;
		width: 75%;
		overflow: hidden;

	}
	/*°æ±â ºÎºÐ*/
	div.match{width:100%;}
	div.match table{width:100%;}

	/*»ç´Ù¸® ºÎºÐ*/
	div.ladder-area{
		width:820px;height:616px;
		margin:0 auto;
		background:#273a39;
		margin-bottom:10px;
		width:100%;height:210px;overflow:hidden;position:relative;
	}
	div.ladder-area div{
		position:absolute;top:-110px;left:-100px;
	}
	div.ladder-area .area{
		-ms-zoom: 0.55;-moz-transform: scale(0.55);-moz-transform-origin: 0 0;-o-transform: scale(0.55);-o-transform-origin: 0 0;-webkit-transform: scale(0.55);-webkit-transform-origin: 0 0;
		width:1000px;
		height:1000px;
	}
	.cart-bg {
		width: 96%;
	}
}

@media screen and (max-device-width: 10px) {
.betting-row .team-b {
width:38%;
word-break: break-all;
}
.betting-row .button {
	background:#2d3532;
	background-repeat:repeat-x;
	/*display:block;*/
word-break:break-all; 
	cursor:pointer;
	border-bottom:1px solid #4a5753;
	word-break:break-all; 
	color:#FFFFFF;
}

/*td*/
td.tdbg{background:#2d3532;height:39px;}
td.tdbg2{background:#7bbc05;height:39px;}
td.tdbg3{background:url(../images/common/League-bg3.gif);height:39px;}
td.tdbg4{background:url(../images/common/League-bg4.gif);height:39px;}
td.tdbg5{background:#1f1d1e;}
td.tdbg6{background:#414a47;}
	/*ÆÄ¿öº¼ ºÎºÐ*/
div.power-area{
	display:none;
	
}
div.power-area div{
	position:absolute;top:-10px;
}
div.power-area .area{
	width:100%;
	height:100%;
	margin-left:9px;
}



	body {
		letter-spacing:-1px;
	}
	div.logo{width:30%;}
	
	div.topbtn-right{
		width:65%;
		margin-top:8%;
	}

	.powerball{
		
	}

	.top-live-btn{
		
	}

	div.headR-div{width:100%;}
	/*div  float*/
	div.float-L{float:left;}
	div.float-R{float:right;}
	
	div.menu{width:100%;}
	div.menu ul li{width:20%;font-size:13px;}
	

	.betting-row {
		background-image:url('/images/betting-bg.png');
		height:54px;
		width:100%;
		line-height:54px;
		font-size:12px;
	}
	div.sub8-3input {
		width:60%;
	}
	.topbtn-right .nickname {
		top:3px;
		font-size:11px;
	}
	.league .name {
		margin-left:0px;
	}
}



/* ½Ã°è */
@font-face {
    font-weight: bold;
    font-style: normal;
}


.clock {width:200px; margin:0 auto; padding:0px 0px;font-weight:bold;position:absolute;left:50px;top:20px;z-index:2;}
.clock ul{margin-left:3px;margin-top:5px;}
.clock ul li{font-size:25px;float:left;font-family: "BebasNeueRegular", Helvetica, Arial, sans-serif;color:#00BFFF;}
#Date { font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; font-size:11px; text-align:left;color:#00BFFF;font-size:13px; }


#point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:10px; padding-right:10px; }

@-webkit-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }	
}


@-moz-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }	
}
/* ½Ã°è ³¡ */


a.white_link{color:#fff;}
.fa-3x {font-size:3em !important;}