@charset "utf-8";

/*
@font-face{font-family:NanumGothicBold;src:url(../font/NanumGothicBold.eot);src:local(※),url(../font/NanumGothicBold.woff) format('woff')}
#@font-face{font-family:NanumGothic;src:url(../font/NanumGothic.eot);src:local(※),url(../font/NanumGothic.woff) format('woff')}
*/

@font-face {font-family:DINWeb-Bold; src:local(※),url(../font/DINWeb-Bold.eot);}
@font-face {font-family:DINWeb-Bold; src:local(※),url(../font/DINWeb-Bold.woff) format('woff');}

* {margin:0; padding:0;}
body,input,textarea,select,table,button{line-height:15px;font-family:"돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif;font-size:12px;}
input,textarea {outline-style:none;}
body{position:relative;color:#000;}
caption, legend, #accessibility, .hidden{font-size: 0;line-height: 0;text-indent: -5000px;}
img, fieldset, iframe{border:0 none;vertical-align:top;}
fieldset{font-size:0;}
ul,ol{list-style:none;}
a{color:#000;text-decoration:none;cursor:pointer;}
em,address{font-style:normal;}
table {border-collapse:collapse; table-layout:fixed;}
hr{display:none;}
.hidden {clear: both;font-size: 0;height: 0;line-height: 0;visibility: hidden;width: 0;}
.cl{*zoom:1;}
.cl:after{content:'';display:block;clear:both;}

.b {font-weight:bold;}

.highlight {color:#2962D9;}

.pointer {cursor:pointer;}

/* font */
.numberFont {font-family:DINWeb-Bold;}
.oddFont{font-family:DINWeb-Bold;color:#0da0c6;}
.evenFont{font-family:DINWeb-Bold;color:#ff3e51;}

/* color */
.orange {color:orange;}
.blue {color:blue !important;}
.red {color:red !important;}
.lightblue {color:#00e6ff !important;}
.yellow {color:yellow !important;}
.lightgray {color:#838383 !important;}

/* align */
.center {text-align:center;}

/* display */
.displayBlock {display:block;}
.displayNone {display:none;}

.error {color:#ff5858 !important;}
.confirm {color:#0099ff !important;}

/* padding */
.pd5 {padding:5px;}
.pdT5 {padding-top:5px;}
.pdR5 {padding-right:5px;}
.pdB5 {padding-bottom:5px;}
.pdL5 {padding-left:5px;}

.pd10 {padding:10px;}
.pdT10 {padding-top:10px;}
.pdR10 {padding-right:10px;}
.pdB10 {padding-bottom:10px;}
.pdL10 {padding-left:10px;}

/* margin */
.mgT10 {margin-top:10px;}

/* font-size */
.fs11 {font-size:11px;}

/* background-color */
.bgRed {background-color:#FFECEC;}
.bgGray {background-color:#FBFBFB;}
.bgWhite {background-color:#FFFFFF;}
.bgSky {background-color:#F0FDFF;}
.bgBlack {background-color:#848694;}
.bgYellow {background-color:#FFFFD9;}

/* vertical-align */
.valign_t {vertical-align:top;}
.valign_m {vertical-align:middle;}
.valign_b {vertical-align:bottom;}

/* tr */
.trOdd {background-color:#fff;}
.trEven {background-color:#e7fafe;}
.trResult {background-color:#f1f1f1;}

.trOdd2 {background-color:#fff;}
.trEven2 {background-color:#fff8ee;}
.trResult2 {background-color:#f1f1f1;}

/* odd, even */
.oddColor {color:#0da0c6;}
.evenColor {color:#ff3e51;}

#wrap {width:100%;}
#container {position:relative;width:1236px;margin:auto;}

/* box-logo */
#box-logo{position:relative;}
#box-logo h1{}
#box-logo .etc{position:absolute;top:-17px;right:0;width:800px;text-align: right;}
#box-logo .etc .sns{position:relative;top:46px;right:173px;}
#box-logo .etc .ul-1{position:absolute;top:0;right:0;right: 179px;top: 70px;*zoom:1;}
#box-logo .etc .ul-1:after{content:'';display:block;clear:both;}
#box-logo .etc .ul-1 li{float:left;line-height:11px;}
#box-logo .etc .ul-1 li a{font-size:11px;color:#7c7c7c;}
#box-logo .etc .ad{}

/* top */
#topArea {position:relative;width:1236px;margin:0 auto;margin-top:0px;}
#topArea .logo {margin-left:60px;}
#topArea .text {position:absolute;top:15px;left:250px;}
#topArea .text .notice a {font-size:11px;color:#0D568C;}
#topArea .text .guide {margin-top:3px;}
#topArea .text .guide a {font-size:11px;color:#b70004;}
#topArea .text a:hover {text-decoration:underline;}
#topArea .gnb {width:1174px;height:38px;background-color:#297fb8;border:1px solid #1a4e71;margin-left:60px;}
#topArea .gnb ul li {position:relative;float:left;}
#topArea .gnb ul li a {display:block;height:38px;line-height:38px;padding:0 25px;font-family:dotum;font-size:12px;font-weight:bold;color:#fff;letter-spacing:-1px;border-right:1px solid #2c7e42;}
#topArea .gnb ul li a.on {position:relative;top:-1px;left:-1px;padding:0 24px 0 25px;background-color:#2c6542;border:1px solid #1a4e71;}

/* left */
.leftRoundResult {height:25px;line-height:25px;background-color:#8EC9F4;color:#fff;text-align:center;border:1px solid #8EC9F4;font-size:11px;}
.leftRoundResult img {vertical-align:middle;margin-bottom:3px;}

/* footer */
#box-footer{background:#e7e7e7;border-top:1px solid #cecece;}
#box-footer #inner-footer{border-top:1px solid #fff;height:65px;position:relative;padding:5px 0 0 195px;line-height:18px;}
#box-footer #inner-footer .logo{position:absolute;top:0;left:0;}
#box-footer #inner-footer,
#box-footer #inner-footer a{color:#4f4f4f;}
#box-footer #inner-footer a{padding:0 10px;font-size:11px;}
#box-footer #inner-footer a:hover {text-decoration:underline;}
#box-footer #inner-footer a.mail {padding:0;color:#7b7b7b;}
#box-footer #inner-footer a.mail:hover {text-decoration:underline;color:#000;}
#box-footer #inner-footer .small {font-size:11px;margin-top:5px;color:#7b7b7b;}
#box-footer #inner-footer .bar {color:#bcbcbc;margin:0 5px;}

/* 메인 본문 */
#box-ct{*zoom:1;padding:10px 0 21px 0;padding-left:60px;}
#box-ct:after{content:'';display:block;clear:both;}
#box-ct .inner-left,
#box-ct .inner-right{float:left;*zoom:1;}
#box-ct .inner-left:after,
#box-ct .inner-right:after{content:'';display:block;clear:both;}

#box-ct .inner-left{width:336px;margin-right:10px;}
#box-ct .inner-left .box-login{border:1px solid #cecece;border-top:2px solid #1a4e71;background:#f8f8f8;padding:4px 4px 0 10px;min-height:132px;position:relative;margin-bottom:5px;}
#box-ct .inner-left .box-login .btn-1{color:#737373;font-size:11px;line-height:11px;margin-bottom:7px;}
#box-ct .inner-left .box-login .btn-1 input{position:relative;top:2px;}
#box-ct .inner-left .box-login .btn-1 label{border-right:1px solid #737373;padding:0 9px 0 0;margin:0 7px 0 0;}
#box-ct .inner-left .box-login .btn-1 .color-1{color:#2aa0bb;text-decoration:underline;}
#box-ct .inner-left .box-login .btn-1 a{color:#737373;}
#box-ct .inner-left .box-login .login{position:relative;padding-bottom:8px;}
#box-ct .inner-left .box-login .login .input-1{}
#box-ct .inner-left .box-login .login .input-2{}
#box-ct .inner-left .box-login .login .input-3{position:absolute;top:0;right:3px;}
#box-ct .inner-left .box-login .login .input-1 input{width:250px;height:29px;line-height:29px;text-indent:5px;*text-indent:0;border:1px solid #cecece;}
#box-ct .inner-left .box-login .login .input-1 .mb_id {background:#fff url('../images/bg_id.jpg') no-repeat 0 0;}
#box-ct .inner-left .box-login .login .input-2 input{width:250px;height:29px;line-height:29px;text-indent:5px;*text-indent:0;border:1px solid #cecece;position:relative;top:-1px;*top:-3px;}
#box-ct .inner-left .box-login .login .input-2 .mb_passwd {background:#fff url('../images/bg_pw.jpg') no-repeat 0 0;}
#box-ct .inner-left .box-login .btn-2{*zoom:1;margin-bottom:9px;}
#box-ct .inner-left .box-login .btn-2:after{content:'';display:block;clear:both;}
#box-ct .inner-left .box-login .btn-2 li{float:left;padding:0 7px 0 0;line-height:11px;}
#box-ct .inner-left .box-login .btn-2 li a{color:#737373;font-size:11px;}
#box-ct .inner-left .box-login .notice{position:relative;overflow:hidden;height:23px;background:#ececec;z-index:10;position:relative;padding-left:50px;margin:0 -4px 0 -10px;}
#box-ct .inner-left .box-login .notice img{position:absolute;top:0;left:0;}
#box-ct .inner-left .box-login .notice a{color:#454545;display:block;height:23px;line-height:23px;}
#box-ct .inner-left .box-login .btn-etc2{*zoom:1;left: 0;position: absolute;top: 66px;background:#eaeaea;width:292px;padding:3px 0 3px 6px;}
#box-ct .inner-left .box-login .btn-etc2:after{content:'';display:block;clear:both;}
#box-ct .inner-left .box-login .btn-etc2 li{float:left;padding:0 5px;}
#box-ct .inner-left .box-login .id{color:#454545;font-weight:bold;position:absolute;top:17px;left:68px;}
#box-ct .inner-left .box-login .btn-etc{*zoom:1;left: 67px;position: absolute;top: 40px;}
#box-ct .inner-left .box-login .btn-etc:after{content:'';display:block;clear:both;}
#box-ct .inner-left .box-login .btn-etc li{float:left;line-height:11px;margin:0 5px;}
#box-ct .inner-left .box-login .btn-etc li a{color:#737373;font-size:11px;}
#box-ct .inner-left .box-login .btn-etc li a .color-1{color:#59b5ca;}
#box-ct .inner-left .box-login .btn-logout{position:absolute;top:0;right:0;}
#box-ct .inner-left .box-login .userImg{position:absolute;top:10px;left:12px;border:1px solid #a8e4f1;}
#box-ct .inner-right{width:830px;}

/* login */
.box-login .loginUserInfo {float:left;margin-top:5px;width:155px;}
.box-login .loginUserInfo ul li.level {font-size:11px;color:#7f7f7f;margin-top:5px;}
.box-login .loginUserInfo ul li.exp {font-size:11px;color:#7f7f7f;margin-top:5px;}
.box-login .loginUserInfo ul li .logout {position:absolute;top:3px;right:0;background:url(/images/icon_logout.png) left center no-repeat;font-size:11px;font-weight:normal;color:#737478;padding-left:16px;}
.box-login .loginUserInfo ul li img {vertical-align:middle;}

.box-login .loginCoinInfo {float:right;width:150px;border:1px solid #dedddc;background-color:#fdfdfd;}
.box-login .loginCoinInfo ul li {position:relative;line-height:13px;border-bottom:1px solid #f6f6f6;padding:3px;font-size:11px;color:#8c8c8c;}
.box-login .loginCoinInfo ul li.none {border-bottom:none;}
.box-login .loginCoinInfo ul li a {float:right;}
.box-login .loginCoinInfo ul li a.charge {position:absolute;top:2px;left:30px;width:30px;height:13px;line-height:15px;border:1px solid #CC0000;background-color:#EC0000;color:#fff;text-align:center;}
.box-login .loginCoinInfo ul li a.refill {position:absolute;top:2px;left:40px;width:30px;height:13px;line-height:15px;border:1px solid #0E4D98;background-color:#0da0c6;color:#fff;text-align:center;}

.box-login .btn {position:absolute;top:116px;left:0;background:#E8E8E8;width:322px;padding:3px 6px;border-top:1px solid #CECECE;border-bottom:1px solid #CECECE;}
.box-login .btn li {height:30px;line-height:30px;float:left;width:33%;text-align:center;font-size:11px;border-right:1px solid #CDCDCD;}
.box-login .btn li.none {border-right:none;}
.box-login .btn li a {display:block;color:#747379;padding-top:11px;}

.box-chatting{float:left;width:336px;position:relative;z-index:10;background:#fff;margin-bottom:10px;}
.box-chatting .btn-etc{position:relative;background:#fad6c9;border-left:1px solid #cecece;border-right:1px solid #cecece;border-bottom:1px solid #cecece;}
.box-chatting .btn-etc .cnt{color:#4c4c4c;}
.box-chatting .btn-etc .cnt *{vertical-align:middle;}
.box-chatting .btn-etc ul.ul-1{position:absolute;top:0;right:0;}
.box-chatting .btn-etc ul.ul-1 li{float:left;}
.box-chatting .btn-etc ul.ul-1 li a{}
.box-chatting .table-type-1{position:relative;z-index:10;background:#fff;border-right:1px solid #cecece;}
.box-chatting .table-type-1 .ul-1{background:#e2e2e2;*zoom:1;padding:0 0 0 1px;position:relative;}
.box-chatting .table-type-1 .ul-1:after{content:'';display:block;clear:both;}
.box-chatting .table-type-1 .ul-1 li{float:left;margin-left:-1px;border-right:1px solid #cecece;}
.box-chatting .table-type-1 .ul-1 li a{display:block;height:26px;line-height:26px;color:#737373;padding:0 9px;padding:0 9px 0 9px;}
.box-chatting .table-type-1 .ul-1 li a.on{color:#e2e2e2;background:#696969;font-weight:bold;}
.box-chatting .table-type-1 .ul-1 .btn{float:none;margin:0;border:none;position:absolute;top:0;right:0;}
.box-chatting .table-type-1 .ul-1 .btn a{padding:0;margin:0;}
.box-chatting .list-chatting{overflow:auto;height:261px;border-left:1px solid #cecece;border-right:1px solid #cecece;padding:0 5px 0 5px;}
.box-chatting .list-chatting li{color:#8c8c8c;padding:0 0 0 0;line-height:20px;}
.box-chatting .list-chatting li strong{color:#404040;}
.box-chatting .input-chatting{position:relative;background:#e2e2e2;padding:2px;border-left:1px solid #cecece;border-right:1px solid #cecece;border-top:1px solid #cecece;}
.box-chatting .input-chatting .input-1{width:250px;height:20px;line-height:20px;border:1px solid #949494;color:#949494;text-indent:3px;}
.box-chatting .input-chatting .input-2{position:absolute;top:2px;right:2px;*top:3px;}
.box-issue{position:relative;z-index:10;border-top:2px solid #71757b;border-left:1px solid #cecece;border-right:1px solid #cecece;border-bottom:1px solid #71757b;background:#fff;clear:both;margin-bottom:10px;}
.box-issue .ul-1{background:#ededed;*zoom:1;border-bottom:1px solid #cecece;}
.box-issue .ul-1:after{content:'';display:block;clear:both;}
.box-issue .ul-1 li{float:left;}
.box-issue .ul-1 li a{display:block;height:25px;line-height:25px;font-weight:bold;color:#202020;padding:0 9px;}
.box-issue .ul-1.type-1 li{border-right:1px solid #cecece;}
.box-issue .ul-1.type-1 li a{padding:0 12px;}
.box-issue .list-text{padding:9px 9px 0 7px;height:149px;}
.box-issue .list-text li{position:relative;padding-bottom:8px;*padding-bottom:10px;padding-left:30px;}
.box-issue .list-text li a{color:#5c5c5c;display:inline-block;*display:inline;}
.box-issue .list-text li a *{vertical-align:middle;}
.box-issue .list-text li a img{position:relative;top:-1px;}
.box-issue .list-text li .day{position:absolute;top:0;right:0;color:#575757;font-size:11px;}
.box-issue .list-text li .cnt{background:url('../images/bl_cnt.jpg') no-repeat 0 0;width:16px;padding:0 5px 0 0;height:13px;display:block;color:#fff;font-size:11px;line-height:13px;text-align:center;margin-right:5px;position:absolute;top:1px;left:0;*top:-1px;}
.box-issue .list-text.type-1 li a{background:url('../images/bl_black.gif') no-repeat 3px 5px;padding-left:10px;}
.box-issue .btn-more{position:absolute;top:0;right:-1px;}
#box-ct .inner-left .banner-type-1{*zoom:1;margin-bottom:9px;}
#box-ct .inner-left .banner-type-1:after{content:'';display:block;clear:both;}
#box-ct .inner-left .banner-type-1 li{float:left;}
#box-ct .inner-left .tab-game{}
#box-ct .inner-left .tab-game .tab{*zoom:1;border-bottom:2px solid #71757b;padding:0 0 0 1px;}
#box-ct .inner-left .tab-game .tab:after{content:'';display:block;clear:both;}
#box-ct .inner-left .tab-game .tab li{float:left;padding:4px 0 0 0;margin-left:-1px;}
#box-ct .inner-left .tab-game .tab li a{display:block;border:1px solid #cecece;font-weight:bold;height:26px;line-height:26px;background:#e2e2e2;width:99px;text-align:center;}
#box-ct .inner-left .tab-game .tab li.on{padding:0;}
#box-ct .inner-left .tab-game .tab li.on a{background:#656565 url('../images/bl_black_2.jpg') no-repeat 0 0;height:30px;line-height:30px;color:#fff;border-bottom:1px solid #656565;}
#box-ct .inner-left .tab-game .tab li.day{padding:4px 0 0 0;}
#box-ct .inner-left .tab-game .tab li.day span{background:#fceae2;color:#787878;font-weight:bold;display:block;height:26px;line-height:26px;border:1px solid #cecece;width:128px;text-align:center;}

.main-rightBanner{left: 50%;margin: 0 0 0 627px;position: absolute;top:-40px;}

/* left ladderBetGraph */
#ladderBetGraph {position:relative;width:100%;height:40px;}
#ladderBetGraph .oddChart{position:relative;float:left;width:43%;height:40px;}
#ladderBetGraph .oddBar{position:absolute;background:url(../images/blue_bar.png) repeat-x 0 0;display:block;width:0;height:20px;top:10px;right:-10px;}
#ladderBetGraph .oddPer{position:absolute;top:15px;right:113px;width:35px;text-align:right;display:block;color:#0da0c6;font-family:DINWeb-Bold;}

#ladderBetGraph .vsChart{position:absolute;left:50%;top:5px;margin-left:-16px;width:32px;height:32px;background:url(../images/vs_icon.png) repeat-x 0 0;border-radius:20px;z-index:99;}
#ladderBetGraph .vsChart2{position:absolute;left:50%;top:5px;margin-left:-16px;width:32px;height:32px;background:url(../images/vs_icon2.png) repeat-x 0 0;border-radius:20px;z-index:99;}

#ladderBetGraph .evenChart{position:relative;float:right;width:43%;height:40px;}
#ladderBetGraph .evenBar{position:absolute;background:url(../images/red_bar.png) repeat-x right 0;display:block;width:0;height:20px;top:10px;left:-10px;}
#ladderBetGraph .evenPer{position:absolute;top:15px;left:113px;width:35px;text-align:left;display:block;color:#ff3e51;font-family:DINWeb-Bold;}

#ladderBetGraph .oddText{position:absolute;left:5px;top:14px;height:30px;color:#0da0c6;}
#ladderBetGraph .oddText span{font-family:DINWeb-Bold;}
#ladderBetGraph .evenText{position:absolute;right:5px;top:14px;height:30px;color:#ff3e51;}
#ladderBetGraph .evenText span{font-family:DINWeb-Bold;}

#ladderPointBetGraph {position:relative;width:100%;height:40px;}
#ladderPointBetGraph .oddChart{position:relative;float:left;width:145px;height:40px;}
#ladderPointBetGraph .oddBar{position:absolute;background:url(../images/blue_bar.png) repeat-x 0 0;display:block;width:0;height:20px;top:10px;right:-10px;}
#ladderPointBetGraph .oddPer{position:absolute;top:15px;right:113px;width:35px;text-align:right;display:block;color:#0da0c6;font-family:DINWeb-Bold;}

#ladderPointBetGraph .vsChart{position:absolute;left:50%;top:5px;margin-left:-16px;width:32px;height:32px;background:url(../images/vs_icon.png) repeat-x 0 0;border-radius:20px;z-index:99;}
#ladderPointBetGraph .vsChart2{position:absolute;left:50%;top:5px;margin-left:-16px;width:32px;height:32px;background:url(../images/vs_icon2.png) repeat-x 0 0;border-radius:20px;z-index:99;}

#ladderPointBetGraph .evenChart{position:relative;float:right;width:145px;height:40px;}
#ladderPointBetGraph .evenBar{position:absolute;background:url(../images/red_bar.png) repeat-x right 0;display:block;width:0;height:20px;top:10px;left:-10px;}
#ladderPointBetGraph .evenPer{position:absolute;top:15px;left:113px;width:35px;text-align:left;display:block;color:#ff3e51;font-family:DINWeb-Bold;}

/*
.ladderBox{border:1px solid #adadad;}
.ladderBox th.title {background-color:#000;color:#fff;}
.ladderBox .subTitle th {height:30px;background-color:#4C4C4C;color:#fff;border:1px solid #adadad;font-weight:normal;}
.ladderBox .thirdTitle th {height:30px;background-color:#717171;color:#fff;border:1px solid #adadad;font-weight:normal;}
.ladderBox td {border:1px solid #adadad;}
*/

.ladderBox{border:1px solid #D5D5D5;}
.ladderBox th.title {height:30px;background-color:#e7fafe;color:#000;font-size:11px;font-weight:normal;}
.ladderBox th.title2 {height:30px;background-color:#ffdeb0;color:#000;font-size:11px;font-weight:normal;}
.ladderBox .subTitle th {height:30px;background-color:#fcfcfc;color:#5F6164;border:1px solid #D5D5D5;font-size:11px;font-weight:normal;}
.ladderBox .thirdTitle th {height:25px;background-color:#fff;color:#5F6164;border:1px solid #D5D5D5;font-size:11px;font-weight:normal;}
.ladderBox td {border:1px solid #D5D5D5;font-size:11px;color:#5F6164;}
.ladderBox .none td {border:none;border-bottom:1px solid #adadad;}
.ladderBox .none td.none {border:none;}

.ladderBox .oddBox {font-size:13px;font-weight:bold;font-family:tahoma;color:#0da0c6;line-height:20px;}
.ladderBox .evenBox {font-size:13px;font-weight:bold;font-family:tahoma;color:#ff3e51;line-height:20px;}
.ladderBox .underBox {font-size:13px;font-weight:bold;font-family:tahoma;color:#0da0c6;line-height:20px;}
.ladderBox .overBox {font-size:13px;font-weight:bold;font-family:tahoma;color:#ff3e51;line-height:20px;}
.ladderBox .leftBox {font-size:13px;font-weight:bold;font-family:tahoma;color:#0da0c6;line-height:20px;}
.ladderBox .rightBox {font-size:13px;font-weight:bold;font-family:tahoma;color:#ff3e51;line-height:20px;}
.ladderBox .threeBox {font-size:13px;font-weight:bold;font-family:tahoma;color:#0da0c6;line-height:20px;}
.ladderBox .fourBox {font-size:13px;font-weight:bold;font-family:tahoma;color:#ff3e51;line-height:20px;}
.ladderBox .left3evenBox {font-size:13px;font-weight:bold;font-family:tahoma;color:#ff3e51;line-height:20px;}
.ladderBox .left4oddBox {font-size:13px;font-weight:bold;font-family:tahoma;color:#0da0c6;line-height:20px;}
.ladderBox .right3oddBox {font-size:13px;font-weight:bold;font-family:tahoma;color:#0da0c6;line-height:20px;}
.ladderBox .right4evenBox {font-size:13px;font-weight:bold;font-family:tahoma;color:#ff3e51;line-height:20px;}

.ladderBox .odd_txt, .ladderBox .left_txt, .ladderBox .under_txt{color:#0da0c6;font-weight:bold;font-size:13px;}
.ladderBox .even_txt, .ladderBox .right_txt, .ladderBox .over_txt{color:#ff3e51;font-weight:bold;font-size:13px;}

.ladderBox .oddText {color:#0da0c6;font-size:13px;font-weight:bold;font-family:tahoma;margin-right:2px;}
.ladderBox .evenText {color:#ff3e51;font-size:13px;font-weight:bold;font-family:tahoma;margin-right:2px;}
.ladderBox .oddNum {color:#0da0c6;font-size:15px;font-weight:bold;font-family:tahoma;margin-right:2px;}
.ladderBox .evenNum {color:#ff3e51;font-size:15px;font-weight:bold;font-family:tahoma;margin-right:2px;}

.ladderBox .date {font-family:DINWeb-Bold;}

.ladderBox .odd {width:20px;height:15px;border-radius:20px;background-color:#156AEA;border:1px solid #1156bd;color:#fff;text-align:center;padding-top:5px;}
.ladderBox .even {width:20px;height:15px;border-radius:20px;background-color:#D6412B;border:1px solid #992e1e;color:#fff;text-align:center;padding-top:5px;}

.numberTxt {font-family:tahoma;font-weight:bold;}
.numberTxtM {font-family:tahoma;font-weight:bold;font-size:13px;margin-right:2px;}
.numberText {font-family:DINWeb-Bold;}

.betChart{position:relative;width:100%;}
.oddChart{position:relative;float:left;width:100px;height:40px;}
.oddBar{position:absolute;background:url(../images/blue_bar.png) repeat-x 0 0;display:block;height:20px;top:9px;right:-60px;}
.oddPer{position:absolute;width:50px;top:13px;text-align:right;display:block;color:#0da0c6;font-family:DINWeb-Bold;}

.vsChart{position:absolute;left:50%;top:5px;margin-left:-28px;width:57px;height:32px;background:url(../images/vs_icon.png) repeat-x 0 0;border-radius:20px;z-index:99;}
.evenChart{position:relative;float:right;width:100px;height:40px;}
.evenBar{position:absolute;background:url(../images/red_bar.png) repeat-x right 0;display:block;height:20px;top:9px;left:-60px;}
.evenPer{position:absolute;width:50px;top:13px;text-align:left;display:block;color:#ff3e51;font-family:DINWeb-Bold;}

/* resultBox */
#resultBox {position:relative;display:none;}
#resultBox .bar {position:absolute;top:75px;width:938px;height:40px;}
#resultBox .bar.odd {border:3px solid #0da0c6;}
#resultBox .bar.even {border:3px solid #ff3e51;}
#resultBox .bar .oddIcon {position:absolute;left:478px;}
#resultBox .bar .evenIcon {position:absolute;right:0;}

/* pickResultBox */
#pickResultBox {position:relative;display:none;}
#pickResultBox .bar {position:absolute;top:182px;width:788px;height:60px;} /* 새로고침시 나오는 선 */
#pickResultBox .bar.odd {border:3px solid #0da0c6;}
#pickResultBox .bar.even {border:3px solid #ff3e51;}
#pickResultBox .bar.yellow {border:3px solid #ffff00;}
#pickResultBox .bar.green {border:3px solid green;}
#pickResultBox .bar.black {border:3px solid #000;}
#pickResultBox .bar .oddIcon {position:absolute;right:0;}
#pickResultBox .bar .evenIcon {position:absolute;right:0;}

#pickResultPatternBox1 {position:relative;display:none;}
#pickResultPatternBox1 .bar {position:absolute;top:216px;right:64px;width:50px;height:60px;}
#pickResultPatternBox1 .bar.odd {border:3px solid #0da0c6;}
#pickResultPatternBox1 .bar.even {border:3px solid #ff3e51;}
#pickResultPatternBox1 .bar.yellow {border:3px solid #ffff00;}
#pickResultPatternBox1 .bar.green {border:3px solid green;}
#pickResultPatternBox1 .bar.black {border:3px solid #000;}

#pickResultPatternBox2 {position:relative;display:none;}
#pickResultPatternBox2 .bar {position:absolute;top:216px;right:0;width:50px;height:60px;}
#pickResultPatternBox2 .bar.odd {border:3px solid #0da0c6;}
#pickResultPatternBox2 .bar.even {border:3px solid #ff3e51;}
#pickResultPatternBox2 .bar.yellow {border:3px solid #ffff00;}
#pickResultPatternBox2 .bar.green {border:3px solid green;}
#pickResultPatternBox2 .bar.black {border:3px solid #000;}

#ladderPickBox .totalResultName.odd {background-color:#0da0c6;color:#fff;border-radius:0;border:none;}
#ladderPickBox .totalResultName.even {background-color:#ff3e51;color:#fff;border-radius:0;border:none;}
#ladderPickBox .totalResultName.yellow {background-color:#ffff00;color:#000 !important;border-radius:0;border:none;}
#ladderPickBox .totalResultName.black {background-color:#000;color:#fff;border-radius:0;border:none;}

#ladderPickBox .totalResult .oddRound {top:0;width:38px;height:39px;border:2px solid #0da0c6;margin:-1px 0 0 -1px;}
#ladderPickBox .totalResultName .oddRound {top:0;background-color:#0da0c6;color:#fff;width:42px;height:21px;line-height:20px;margin:-1px 0 0 -1px; font-weight: bold;}
#ladderPickBox .totalResult .evenRound {top:0;width:38px;height:39px;border:2px solid #ff3e51;margin:-1px 0 0 -1px;}
#ladderPickBox .totalResultName .evenRound {top:0;background-color:#ff3e51;color:#fff;width:42px;height:21px;line-height:20px;margin:-1px 0 0 -1px; font-weight: bold;}
#ladderPickBox .totalResult .greenRound {top:0;width:38px;height:39px;border:2px solid green;margin:-1px 0 0 -1px;}
#ladderPickBox .totalResultName .greenRound {top:0;background-color:#00b700;color:#fff;width:42px;height:21px;line-height:20px;margin:-1px 0 0 -1px; font-weight: bold;}
#ladderPickBox .totalResult .blackRound {top:0;width:38px;height:39px;border:2px solid #000;margin:-1px 0 0 -1px;}
#ladderPickBox .totalResultName .blackRound {top:0;background-color:#000;color:#fff;width:42px;height:21px;line-height:20px;margin:-1px 0 0 -1px; font-weight: bold;}

#ladderPickBox .totalResult div {padding-top:2px;}
#ladderPickBox .totalResult .oddRound2 {top:0;width:38px;height:39px;border:2px solid #0da0c6;margin:-1px 0 0 -1px;}
#ladderPickBox .totalResultName .oddRound2 {top:0;background-color:#0da0c6;color:#fff;width:42px;height:21px;line-height:20px;margin:-1px 0 0 -1px; font-weight: bold;}
#ladderPickBox .totalResult .evenRound2 {top:0;width:38px;height:39px;border:2px solid #ff3e51;margin:-1px 0 0 -1px; font-weight: bold;}
#ladderPickBox .totalResultName .evenRound2 {top:0;background-color:#ff3e51;color:#fff;width:42px;height:21px;line-height:20px;margin:-1px 0 0 -1px; font-weight: bold;}
#ladderPickBox .totalResult .greenRound2 {top:0;width:38px;height:39px;border:2px solid #00b700;margin:-1px 0 0 -1px; font-weight: bold;}
#ladderPickBox .totalResultName .greenRound2 {top:0;background-color:#00b700;color:#fff;width:42px;height:21px;line-height:20px;margin:-1px 0 0 -1px; font-weight: bold; }
#ladderPickBox .totalResult .blackRound2 {top:0;width:38px;height:39px;border:2px solid #000;margin:-1px 0 0 -1px;font-weight: bold; }
#ladderPickBox .totalResultName .blackRound2 {top:0;background-color:#484848;color:#fff;width:42px;height:21px;line-height:20px;margin:-1px 0 0 -1px; font-weight: bold;}

#ladderPickPatternBox .totalResultName.odd {background-color:#0da0c6;color:#fff;border-radius:0;border:none;}
#ladderPickPatternBox .totalResultName.even {background-color:#ff3e51;color:#fff;border-radius:0;border:none;}
#ladderPickPatternBox .totalResultName.yellow {background-color:#ffff00;color:#000 !important;border-radius:0;border:none;}
#ladderPickPatternBox .totalResultName.black {background-color:#000;color:#fff;border-radius:0;border:none;}

#ladderPickPatternBox .totalResult div {padding-top:2px;}
#ladderPickPatternBox .totalResult .oddRound {position:absolute;top:0;width:52px;height:39px;border:2px solid #0da0c6;margin:-1px 0 0 -1px;}
#ladderPickPatternBox .totalResultName .oddRound {position:absolute;top:0;background-color:#0da0c6;color:#fff;width:56px;height:21px;line-height:20px;margin:-1px 0 0 -1px;}
#ladderPickPatternBox .totalResult .evenRound {position:absolute;top:0;width:52px;height:39px;border:2px solid #ff3e51;margin:-1px 0 0 -1px;}
#ladderPickPatternBox .totalResultName .evenRound {position:absolute;top:0;background-color:#ff3e51;color:#fff;width:56px;height:21px;line-height:20px;margin:-1px 0 0 -1px;}
#ladderPickPatternBox .totalResult .greenRound {position:absolute;top:0;width:52px;height:39px;border:2px solid green;margin:-1px 0 0 -1px;}
#ladderPickPatternBox .totalResultName .greenRound {position:absolute;top:0;background-color:green;color:#fff;width:56px;height:21px;line-height:20px;margin:-1px 0 0 -1px;}
#ladderPickPatternBox .totalResult .blackRound {position:absolute;top:0;width:52px;height:39px;border:2px solid #000;margin:-1px 0 0 -1px;}
#ladderPickPatternBox .totalResultName .blackRound {position:absolute;top:0;background-color:#000;color:#fff;width:56px;height:21px;line-height:20px;margin:-1px 0 0 -1px;}

/* more btn */
.moreBox {margin-top:5px;border:1px solid #D5D5D5;background-color:#e7fafe;height:30px;line-height:30px;text-align:center;}
.moreBox a {display:block;text-decoration:none;color:#5F6164;}
.moreBox a:hover {background-color:#91e9fb;color:#1a4e71;}

/* index (patternBox) */
#patternBox {border:1px solid #D5D5D5;}
#patternBox th {position:relative;}
#patternBox th.title {font-weight:bold;background-color:#e7fafe;color:#5F6164;border-bottom:1px solid #D5D5D5;font-size:11px;font-weight:normal;}
#patternBox th.btn {border-right:1px solid #D5D5D5;background-color:#fff;color:#5F6164;font-size:11px;font-weight:normal;}
#patternBox th a {height:30px;line-height:30px;color:#5F6164;display:block;text-decoration:none;}
#patternBox th a:hover {color:#1a4e71;}
#patternBox th a.on {position:absolute;top:-1px;left:-1px;width:100%;color:#fff;background-color:#297fb8;border:1px solid #1a4e71;}
#patternBox .content {width:935px;overflow-x:auto;}

//.defaultTable th a.on {position:absolute;top:0px;left:-1px;width:100%;color:#fff;background-color:#297fb8;border:1px solid #1a4e71;border-top:none;}

#patternBox a {display:block;color:#5F6164;}
//#patternBox .btn.on{background-color:#393939;}


.defaultTable {border:1px solid #D5D5D5;}
.defaultTable th {position:relative;}
.defaultTable th.title {font-weight:bold;background-color:#fceae2;}
.defaultTable th.btn {border-right:1px solid #D5D5D5;background-color:#fceae2;font-weight:normal;}
.defaultTable th.menu {border-top:2px solid #206491;border-right:1px solid #D5D5D5;background-color:#e7fafe;font-weight:normal;}
.defaultTable th.menu a:hover{color:#1a4e71;}
.defaultTable th a {color:#000;display:block;text-decoration:none;}
.defaultTable th a.on {position:absolute;top:0px;left:-1px;width:100%;color:#fff;background-color:#297fb8;border:1px solid #0c91b1;border-top:none; font-weight: bold;}
.defaultTable th a.on:hover {color:#fff;}
.defaultTable .content {width:840px;overflow-x:auto;}

.defaultTable a {display:block;height:30px;line-height:30px;}

div.dateInfo {position:relative;height:65px;}
div.date-box {width:300px;position:relative;float:left;height:65px;color:#404040;z-index:1;margin:0 auto;}
div.date-box span.date {position:absolute;left:37px;padding-top:1px;font-family:DINWeb-Bold;font-size:25px;font-weight:bold;letter-spacing:-1px;vertical-align:top;line-height:65px;}
div.date-box img.prev {position:absolute;left:15px;top:21px;}
div.date-box img.next {position:absolute;right:123px;top:21px;}
div.date-box img.today {position:absolute;right:75px;top:16px;}
div.date-box .calendar {position:absolute;right:35px;top:16px;z-index:12;}

div.time-box {width:500px;height:50px;position:absolute;top:8px;right:0px;}
div.time-box .timeBar{position:relative;width:420px;height:49px;line-height:49px;background:url(../images/time.png) no-repeat 0 0;color:#fff;font-weight:bold;text-align:center;}
div.time-box .timeBar .msg1 {float:left;padding-left:30px;}
div.time-box .timeBar .msg2 {float:right;padding-right:15px;}
div.time-box .timeBar .time {position:absolute;top:3px;left:122px;font-family:DINWeb-Bold;font-size:26px;letter-spacing:2px;}
div.time-box .timeBar .msg2 .round {font-family:DINWeb-Bold;font-weight:bold;color:#ff3e51;font-size:15px;margin:0 3px;}

div.time-box img.refresh {position:absolute;right:10px;top:2px;}

div.timeBox {position:absolute;top:17px;right:15px;width:402px;height:30px;line-height:30px;border:1px solid #D5D5D5;text-align:center;background-color:#e7fafe;font-size:11px;font-family:tahoma,dotum;}
div.timeBox .left {float:left;width:300px;}
div.timeBox .left strong {color:#ff3e51;}
div.timeBox .refresh {float:right;width:100px;background-color:#297fb8;color:#fff;border:1px solid #206491;margin-top:-1px;margin-right:-1px;}
div.timeBox .refresh a {display:block;color:#fff;}

.periodBox {position:relative;margin:0;height:65px;top:15px;}
.periodBox .dateBox {float:left;width:400px;}
.periodBox .btnBox {float:left;}
.periodBox .btnBox a {width:46px;height:44px;background:url(../images/day_off.png) no-repeat;text-align:center;line-height:44px;display:inline-block;color:#fff;font-weight:bold;}
.periodBox .btnBox a.on {background:url(../images/day_on.png) no-repeat;}
.periodBox .dateInput {width:154px;height:45px;font-size:15px;font-family:DINWeb-Bold;background:url(../images/dayspace_bg.png);border:none;text-align:center;}

/* left */
#lastResult b {color:yellow;}

/*
div.date-box {width:400px;position:relative;height:40px;padding-top:15px;color:#404040;text-align:center;z-index:1;margin:0 auto;}
div.date-box span.date {font-family:DINWeb-Bold;font-size:25px;font-weight:bold;letter-spacing:-1px;vertical-align:top;line-height: 30px;}
div.date-box img.prev {position:absolute;left:120px;top:20px;}
div.date-box img.next {position:absolute;right:120px;top:20px;}
div.date-box img.today {position:absolute;right:70px;top:15px;}
div.date-box img.calendar {position:absolute;right:30px;top:15px;}
div.time-box {width:500px;height:50px;position:absolute;top:50px;right:0px;}
div.time-box .timeBar{width:420px;height:49px;background:url(../images/time.png) no-repeat 0 0;}
div.time-box img.refresh {position:absolute;right:10px;top:2px;}
*/

/* pattern table */
.patternTable {background-color:#fff;border:1px solid #9b9b9b;}
.patternTable .innerTable {background-color:#fff;}
.patternTable .innerTable th {height:30px;font-size:12px;font-family:dotum;background-color:#e7fafe;border-right:1px solid #9b9b9b;border-bottom:1px solid #9b9b9b;}
.patternTable .innerTable td {width:30px;height:30px;border-top:1px solid #e4e4e4;border-right:1px solid #e4e4e4;text-align:center;}
.patternTable .innerTable td.sum {font-weight:bold;}
.patternTable .innerTable td.order {font-weight:bold;background-color:#e7fafe;border-right:1px solid #9b9b9b;border-top:1px solid #9b9b9b;}
.patternTable .innerTable .none td {border:none;height:none;}
.patternTable .innerTable td.date {width:80px;font-family:DINWeb-Bold;}
.patternTable .innerTable td.patternRound {background-color:#4C4C4C;color:#fff;width:40px;height:20px !important;}
.patternTable .innerTable td.patternImg {height:40px !important;}

/* odd, even */
.patternTable .innerTable th.title_odd {color:#0da0c6;}
.patternTable .innerTable th.title_even {color:#ff3e51;}
.patternTable .innerTable td .odd {width:20px;height:20px;line-height:20px;border-radius:20px;background-color:#0da0c6;border:1px solid #0c89a9;color:#fff;text-align:center;font-size:11px;margin:0 5px;}
.patternTable .innerTable td .even {width:20px;height:20px;line-height:20px;border-radius:20px;background-color:#ff3e51;border:1px solid #a30d0d;color:#fff;text-align:center;font-size:11px;margin:0 5px;}

/* under, over */
.patternTable .innerTable th.title_under {color:#0da0c6;}
.patternTable .innerTable th.title_over {color:#ff3e51;}
.patternTable .innerTable td .under {width:20px;height:20px;line-height:20px;border-radius:20px;background-color:#0da0c6;border:1px solid #0c89a9;color:#fff;text-align:center;font-size:11px;margin:0 5px;}
.patternTable .innerTable td .over {width:20px;height:20px;line-height:20px;border-radius:20px;background-color:#ff3e51;border:1px solid #a30d0d;color:#fff;text-align:center;font-size:11px;margin:0 5px;}

/* left, right */
.patternTable .innerTable th.title_left {color:#0da0c6;}
.patternTable .innerTable th.title_right {color:#ff3e51;}
.patternTable .innerTable td .left {width:20px;height:20px;line-height:20px;border-radius:20px;background-color:#0da0c6;border:1px solid #0c89a9;color:#fff;text-align:center;font-size:11px;margin:0 5px;}
.patternTable .innerTable td .right {width:20px;height:20px;line-height:20px;border-radius:20px;background-color:#ff3e51;border:1px solid #a30d0d;color:#fff;text-align:center;font-size:11px;margin:0 5px;}

/* ladderCnt(3,4) */
.patternTable .innerTable th.title_three {color:#0da0c6;}
.patternTable .innerTable th.title_four {color:#ff3e51;}
.patternTable .innerTable td .three {width:20px;height:20px;line-height:20px;border-radius:20px;background-color:#0da0c6;border:1px solid #0c89a9;color:#fff;text-align:center;font-size:11px;margin:0 5px;}
.patternTable .innerTable td .four {width:20px;height:20px;line-height:20px;border-radius:20px;background-color:#ff3e51;border:1px solid #a30d0d;color:#fff;text-align:center;font-size:11px;margin:0 5px;}

/* startLadderCnt */
.patternTable .innerTable th.title_left3 {color:#ff3e51;font-size:11px;}
.patternTable .innerTable th.title_left4 {color:#0da0c6;font-size:11px;}
.patternTable .innerTable th.title_right3 {color:#0da0c6;font-size:11px;}
.patternTable .innerTable th.title_right4 {color:#ff3e51;font-size:11px;}
.patternTable .innerTable td .left3 {width:20px;height:20px;line-height:20px;border-radius:20px;background-color:#ff3e51;border:1px solid #a30d0d;color:#fff;text-align:center;font-size:11px;margin:0 5px;}
.patternTable .innerTable td .left4 {width:20px;height:20px;line-height:20px;border-radius:20px;background-color:#0da0c6;border:1px solid #0c89a9;color:#fff;text-align:center;font-size:11px;margin:0 5px;}
.patternTable .innerTable td .right3 {width:20px;height:20px;line-height:20px;border-radius:20px;background-color:#0da0c6;border:1px solid #0c89a9;color:#fff;text-align:center;font-size:11px;margin:0 5px;}
.patternTable .innerTable td .right4 {width:20px;height:20px;line-height:20px;border-radius:20px;background-color:#ff3e51;border:1px solid #a30d0d;color:#fff;text-align:center;font-size:11px;margin:0 5px;}

/* patternBox */
.patternBox {background-color:#fff;border:1px solid #D5D5D5;}
.patternBox .title {background-color:#297fb8;color:#fff;border:1px solid #1c5780;}
.patternBox .subTitle th {height:30px;background-color:#58a6da;color:#FFF;border:1px solid #D5D5D5;font-weight:bold;}
.patternBox .innerTable {width:100%;background-color:#fff;border-bottom:1px solid #1c5780;}
.patternBox .innerTable tr.line {border-bottom:1px solid #D5D5D5;}
.patternBox .innerTable td {text-align:center;padding:4px;}
.patternBox .innerTable td.date {width:80px;font-family:DINWeb-Bold;border-right:1px solid #D5D5D5;}
.patternBox .innerTable td.nextResult {width:82px;text-align:center;border-left:1px solid #D5D5D5;}
.patternBox .innerTable td.patternRound {background-color:#58a6da;border:1px solid #1c5780;color:#fff;width:40px;height:20px !important;line-height:20px;font-family:DINWeb-Bold;}
.patternBox .innerTable td.patternImg {height:40px !important;}
.patternBox .bd {border:1px solid #D5D5D5;}

/* patternAnalyze */
#patternSet {position:relative;border:1px solid #D5D5D5;border-top:none;bmargin:0;padding:0;}
#patternSet li {display:inline-block;text-align:center;width:40px;padding:0;margin:0;cursor:pointer;}
#patternSet .round {height:20px;line-height:20px;background-color:#58a6da;color:#fff;border-right:1px solid #297fb8;border-bottom:1px solid #297fb8; font-weight: bold; }
#patternSet .img {padding:3px 0;}

.patternSearchBox {position:relative;height:45px;line-height:45px;margin:10px 0;}
.patternSearchBox img {vertical-align:middle;}
.patternSearchBox a.chk {display:inline-block;background:url(../images/check_off.png) left center no-repeat;padding-left:30px;margin-right:15px;}
.patternSearchBox a.on {background:url(../images/check_on.png) left center no-repeat;}

/* roundLog */
.roundSelect{width:95px;}
.typeSelect{width:105px;}
.selectOverflow{height:400px;}
.selectArea {position:absolute;width:380px;top:5px;}
.selectArea .text {height:10px;padding-top:10px;display:inline-block;vertical-align:top}

/* latestLog */
.roundCntSelect {width:100px;}

/* agree */
.agreeBox {background-color:#F8F8F8;color:#666666;}
.agreeBox .title {height:35px;line-height:35px;font-size:12px;background-color:#aaaaaa;border:1px solid #999999;}
.agreeBox .title ul li a {float:left;padding:0 20px;border-right:1px solid #999999;color:#333;text-decoration:none;}
.agreeBox .title ul li a.on {display:block;background-color:#4C4C4C;color:#fff;font-weight:bold;border:1px solid #3c3c3c;height:35px;margin:-1px 0 0 -1px;}
.agreeBox .content {padding:20px;font-size:12px;line-height:20px;border:1px solid #CECECE;border-top:none;}

/* mypage */
.mypageBox {color:#666666;}
.mypageBox .title {height:30px;line-height:30px;font-size:12px;background-color:#fceae2;border:1px solid #D5D5D5;border-top:2px solid #1a4e71;}
.mypageBox .title ul li a {float:left;padding:0 17px;border-right:1px solid #D5D5D5;color:#333;text-decoration:none;}
.mypageBox .title ul li a.on {display:block;background-color:#297fb8;color:#fff;border:1px solid #1a4e71;height:30px;margin:-1px 0 0 -1px;}
.mypageBox .content {background-color:#FCFCFC;margin-top:10px;padding:10px;font-size:12px;line-height:20px;border:1px solid #CECECE;min-height:500px;}

.mypageBox .memberInfoBox {border:solid 1px #CECECE;padding:10px;background-color:#fff;}
.mypageBox .memberInfoBox .table {border-top:1px dotted #c6c6c6;width:100%;}
.mypageBox .memberInfoBox .table td {height:50px;border-bottom:1px dotted #c6c6c6;}
.mypageBox .memberInfoBox .table td.none {border:none;}
.mypageBox .memberInfoBox .table .tit {font-size:12px;font-weight:bold;font-family:Gulim;background-color:#f7f7f7;padding-left:10px;}
.mypageBox .memberInfoBox .table .val {font-size:12px;font-weight:bold;}
.mypageBox .memberInfoBox .table .guideMsg {padding-left:10px;font-size:11px;color:#555555;}
.mypageBox .memberInfoBox .input {margin-left:10px;padding:0 8px;width:150px;height:22px;line-height:22px;border:1px solid #c2c6cb;font-family:Gulim;font-size:12px;font-weight:bold;z-index:10;}
.mypageBox .memberInfoBox .input:focus {position:relative;border:1px solid #4C4C4C;}
.mypageBox .memberInfoBox .table .smallMsg {padding-left:10px;font-size:11px;color:#555555;}

.mypageBox .memberInfoBox .btn {display:block;width:200px;height:40px;margin:0 auto;background-color:#4C4C4C;color:#fff;border:solid 1px #3C3C3C;font-weight:bold;font-size:15px;line-height:40px;text-align:center;text-decoration:none;}

.mypageBox .itemList {padding:0 0 0 3px;}
.mypageBox .itemList li {display:inline-block;width:160px;height:180px;border:1px solid #C8C5C5;background-color:#fff;padding:0 15px;margin:5px 3px;}
.mypageBox .itemList li img {margin:5px auto;display:block;}
.mypageBox .itemList li .name {font-size:13px;font-weight:bold;margin-bottom:10px;}
.mypageBox .itemList li .btn {float:left;margin-left:5px;}
.mypageBox .itemList li .btn a.btn_use {display:inline-block;width:42px;height:27px;line-height:27px;background-color:#ec0000;color:#fff;border:1px solid #cc0000;text-align:center;}
.mypageBox .itemList li .btn a.btn_gift {display:inline-block;width:42px;height:27px;line-height:27px;background-color:#fad6c9;color:#000;border:1px solid #c6c6c6;text-align:center;}

.mypageBox .amountSet {position:relative;float:left;width:62px;height:29px;background:url(/images/bg_amount.png) no-repeat;}
.mypageBox .amountSet input {border:none;width:45px;height:27px;line-height:27px;margin:1px;text-align:center;}
.mypageBox .amountSet .up {position:absolute;top:0;right:0;width:15px;height:14px;cursor:pointer;}
.mypageBox .amountSet .down {position:absolute;bottom:0;right:0;width:15px;height:14px;cursor:pointer;}

.mypageBox .logBox {width:100%;border:1px solid #C8C5C5;}
.mypageBox .logBox tr.title {background-color:#fad6c9;border:1px solid #C8C5C5;}
.mypageBox .logBox tr {border-top:1px solid #E9E8E7;}
.mypageBox .logBox td {height:30px;text-align:center;background-color:#fff;}
.mypageBox .logBox td.left {text-align:left;}

.mypageBox .exp-box span.text {font-size:11px;color:#888;margin-right:3px;}
.mypageBox .exp-box span.exp {font-size:12px;font-weight:bold;letter-spacing:0px;margin-right:2px;color:#297fb8;}
.mypageBox .exp-box span.ea {font-size:10px;color:#888;}

.mypageBox .box-level {margin-top:5px;background:#f1f1ef;border-radius:15px;padding:26px 10px 26px 24px;margin-bottom:20px;height:30px;}
.mypageBox .box-level ul {*zoom:1;}
.mypageBox .box-level li {float:left;position:relative;width:38px;}
.mypageBox .box-level li div{display:block;cursor:pointer;text-align:center;font-size:11px;}
.mypageBox .box-level li div p{padding:5px 0 0 0;}
.mypageBox .box-level li div .text{position:absolute;bottom:55px;left:9px;color:#565656;background:#fff;padding:5px 5px;min-width:90px;border:1px solid #297fb8;text-align:left;display:none;font-size:11px;}
.mypageBox .box-level li div .text .ar{background:url('/images/bg_arrow.png') no-repeat 100% 0;width:9px;height:5px;position:absolute;bottom:-5px;left:5px;display:block;}
.mypageBox .box-level li.on .text{display:block;}

/* market */
.marketBox {color:#666666;}
.marketBox .title {height:30px;line-height:30px;font-size:12px;background-color:#fceae2;border:1px solid #D5D5D5;border-top:2px solid #1a4e71;}
.marketBox .title ul li a {float:left;padding:0 30px;border-right:1px solid #D5D5D5;color:#333;text-decoration:none;}
.marketBox .title ul li a.on {display:block;background-color:#297fb8;color:#fff;font-weight:bold;border:1px solid #1a4e71;height:30px;margin:-1px 0 0 -1px;}
.marketBox .content {background-color:#FCFCFC;margin-top:10px;padding:10px;font-size:12px;line-height:20px;border:1px solid #D5D5D5;}

.marketBox .itemList {padding:0 0 0 3px;min-height:500px;}
.marketBox .itemList li {position:relative;display:inline-block;width:160px;height:280px;border:1px solid #C8C5C5;background-color:#fff;padding:0 15px;margin:5px 3px;}
.marketBox .itemList li .edge {position:absolute;top:-10px;left:-5px;}
.marketBox .itemList li img {margin:5px auto;display:block;}
.marketBox .itemList li .name {font-size:13px;font-weight:bold;}
.marketBox .itemList li .bonus {font-size:11px;}
.marketBox .itemList li .bonus .tit {background-color:#297fb8;color:#fff;padding:2px;border:1px solid #1a4e71;}
.marketBox .itemList li .bonus .point {color:#0da0c6;}
.marketBox .itemList li .bonus .exp {color:#ff3e51;}
.marketBox .itemList li .desc {margin:10px 0;font-size:11px;line-height:16px;height:40px;color:#8b8b8b;}
.marketBox .itemList li .price {font-family:DINWeb-Bold;margin:10px 0;color:#e80000;}
.marketBox .itemList li .price strike {color:#000;}
.marketBox .itemList li .price .arrow {font-family:gulim;}
.marketBox .itemList li .btn {float:left;margin-left:5px;}
.marketBox .itemList li .btn a.btn_buy {display:inline-block;width:42px;height:27px;line-height:27px;background-color:#ec0000;color:#fff;border:1px solid #cc0000;text-align:center;}
.marketBox .itemList li .btn a.btn_gift {display:inline-block;width:42px;height:27px;line-height:27px;background-color:#fad6c9;color:#000;border:1px solid #c6c6c6;text-align:center;}

.marketBox .amountSet {position:relative;float:left;width:62px;height:29px;background:url(/images/bg_amount.png) no-repeat;}
.marketBox .amountSet input {border:none;width:45px;height:27px;line-height:27px;margin:1px;text-align:center;}
.marketBox .amountSet .up {position:absolute;top:0;right:0;width:15px;height:14px;cursor:pointer;}
.marketBox .amountSet .down {position:absolute;bottom:0;right:0;width:15px;height:14px;cursor:pointer;}

/* charge */
.chargeBox {background-color:#F8F8F8;color:#666666;}
.chargeBox .title {height:35px;line-height:35px;font-size:13px;border:1px solid #3c3c3c;background-color:#4C4C4C;color:#fff;font-weight:bold;padding-left:10px;}
.chargeBox .content {padding:10px;font-size:12px;line-height:20px;background-color:#FDFDFD;}
.chargeBox .content .userCoin {height:40px;line-height:40px;text-indent:15px;color:#666666;background:#f7f7f7;border:1px solid #f0f0f0;}
.chargeBox .content .userCoin span {font-family:DINWeb-Bold;color:#e80000;}
.chargeBox .content .priceBox {position:relative;border:2px solid #CCCCCC;margin-top:10px;padding:20px;font-size:18px;font-weight:bold;background-color:#fff;text-align:center;}
.chargeBox .content .priceBox .price {font-family:DINWeb-Bold;padding:0 3px 0 10px;color:#e80000;}
.chargeBox .content .priceBox .small {position:absolute;top:22px;right:30px;font-size:11px;font-weight:normal;}

.chargeBox .content .payPrice {margin:20px 0;font-size:0;}
.chargeBox .content .payPrice .tit {margin:5px 0;font-weight:bold;font-size:12px;}
.chargeBox .content .payPrice ul {width:480px;height:110px;margin:0 auto;}
.chargeBox .content .payPrice ul li {width:93px;display:inline-block;line-height:60px;text-align:center;margin-right:-1px;font-size:12px;}
.chargeBox .content .payPrice ul li label {position:relative;display:block;background:#FCFCFC url(/images/coin_off.png) center 15px no-repeat;cursor:pointer;}
.chargeBox .content .payPrice ul li label div {width:91px;padding-top:60px;height:50px;border:1px solid #CAC9C9;font-weight:bold;}

.chargeBox .content .payPrice ul li label:hover {position:relative;margin:0;color:#333;background:url(/images/coin_over.png) center 15px no-repeat;z-index:10;}
.chargeBox .content .payPrice ul li label:hover div {border-color:#333;}

.chargeBox .content .payPrice ul li label.on {color:#fff;font-weight:bold;background:#CC3300 url(/images/coin_on.png) center 15px no-repeat;z-index:20;}
.chargeBox .content .payPrice ul li label.on div {border-color:#9c1818;}

.chargeBox .content .payType {margin:20px 0 20px 0;font-size:0;}
.chargeBox .content .payType .tit {margin:5px 0;font-weight:bold;font-size:12px;}
.chargeBox .content .payType ul {width:480px;margin:0 auto;}
.chargeBox .content .payType ul li {position:relative;display:inline-block;border:1px solid #CAC9C9;width:108px;height:100px;line-height:100px;text-align:center;background:url(/images/bg_payType.png);font-size:12px;margin:0 3px;}
.chargeBox .content .payType ul li:hover {border:1px solid #333;background:url(/images/bg_payType.png);font-weight:bold;}
.chargeBox .content .payType ul li.on {border:1px solid #9c1818;background:none;background-color:#CC3300;color:#fff;font-weight:bold;}

.chargeBox .content .payType ul li label {display:block;padding-top:30px;cursor:pointer;}
.chargeBox .content .payType ul li label.mobile {background:url(/images/payType_mobile.png) center 5px no-repeat;}
.chargeBox .content .payType ul li label.card {background:url(/images/payType_card.png) center 5px no-repeat;}
.chargeBox .content .payType ul li label.account {background:url(/images/payType_account.png) center 5px no-repeat;}
.chargeBox .content .payType ul li label.deposit {background:url(/images/payType_deposit.png) center 5px no-repeat;}

.chargeBox .content .payType ul li.on label.mobile {background:url(/images/payType_mobile_on.png) center 5px no-repeat;}
.chargeBox .content .payType ul li.on label.card {background:url(/images/payType_card_on.png) center 5px no-repeat;}
.chargeBox .content .payType ul li.on label.account {background:url(/images/payType_account_on.png) center 5px no-repeat;}
.chargeBox .content .payType ul li.on label.deposit {background:url(/images/payType_deposit_on.png) center 5px no-repeat;}

.chargeBox .content .payGuide {margin-bottom:10px;}
.chargeBox .content .payGuide .depositBox {width:480px;border:1px solid #dbdbdb;background-color:#fafafa;margin:0 auto;padding:10px 0;}
.chargeBox .content .payGuide .depositBox table th {text-align:left;padding-left:10px;width:170px;height:30px;}
.chargeBox .content .payGuide .depositBox table td input {border:1px solid #D9D9D8;height:22px;padding:0 5px;}
.chargeBox .content .payGuide .depositBox table td span.small {font-size:11px;color:#848484;}
.chargeBox .content .payGuide .depositBox table td.msg {font-size:11px;}

.chargeBox .btn{height:40px;padding:15px;text-align:center;background-color:#EAEAEA;border-top:1px solid #CDCDCD;}
.chargeBox .btn .charge{display:inline-block;width:210px;height:40px;margin:0 auto;text-shadow:1px 1px 1px #2f447f;text-align:center;text-decoration:none;font-weight:bold;line-height:40px;color:#fff;font-size:16px;background-color:#CC3300;border:1px solid #9c1818;border-radius:3px;}
.chargeBox .btn .charge:hover{background-color:#b72e00;}
.chargeBox .btn .cancel{display:inline-block;width:210px;height:40px;margin:0 auto;text-shadow:1px 1px 1px #2f447f;text-align:center;text-decoration:none;font-weight:bold;line-height:40px;color:#fff;font-size:16px;background-color:#8a8a8a;border:1px solid #696969;border-radius:3px;}
.chargeBox .btn .cancel:hover{background-color:#808080;}

/* memo */
.memoBox {color:#5A5552;background-color:#fcfcfc;}
.memoBox .title {height:40px;line-height:40px;padding-left:10px;font-size:13px;font-weight:bold;background-color:#297fb8;color:#fff;}
.memoBox ul {position:relative;margin:10px;height:38px;line-height:38px;border:1px solid #D5D5D5;border-top:2px solid #1a4e71;}
.memoBox ul li {float:left;width:20%;text-align:center;}
.memoBox ul li a {display:block;text-align:center;border-left:1px solid #D5D5D5;background:#fceae2;color:#4A4D4A;}
.memoBox ul li a.on {background-color:#297fb8;color:#fff;border:1px solid #1a4e71;margin-top:-1px;margin-left:-1px;}
.memoBox ul li.none {border-right:none;}

.memoBox .content {margin:10px;}
.memoBox .content .list-btn {float:right;}

.memoBox .top {height:30px;}
.memoBox .top .textBox {font-size:11px;font-family:tahoma,dotum;}
.memoBox .top .textBox .todayCnt {color:#297fb8;}
.memoBox .top .textBox .tooltip-btn {display:inline-block;border:1px solid #1a4e71;width:14px;height:14px;line-height:14px;text-align:center;background-color:#297fb8;color:#fff;cursor:pointer;}
.memoBox .top .textBox .point {color:#297fb8;font-weight:bold;margin-right:1px;}
.memoBox .top img {vertical-align:middle;}
.memoBox .top .cnt {margin-left:5px;font-size:11px;font-weight:bold;font-family:tahoma;}
.memoBox .top .cnt span {color:#297fb8;}
.memoBox .top .bar {margin:0 10px;color:#c9c9c9;font-size:11px;font-family:dotum;}
.memoBox .tooltip-content {position:absolute;border:1px solid #1a4e71;background-color:#fff;width:280px;height:90px;z-index:99;padding:15px;font-size:11px;font-family:tahoma,dotum;display:none;}
.memoBox .tooltip-content .desc {color:#888;margin-top:10px;}
.memoBox .tooltip-content .myText {margin-top:10px;}
.memoBox .tooltip-content .myText .levelText {color:#297fb8;font-weight:bold;}
.memoBox .titleInputBox {position:relative;height:35px;padding:5px 5px 2px 5px;border:1px solid #D5D5D5;background-color:#fad6c9;}
.memoBox .titleInputBox .receiveNick {float:left;width:180px;height:28px;padding:0 5px;border:1px solid #d5d5d5;}
.memoBox .titleInputBox .nicknameBtn {float:left;width:70px;height:28px;line-height:28px;text-align:center;display:inline-block;font-size:11px;background-color:#CE3400;border:1px solid #A22800;border-left:none;border-right:none;color:#fff;}
.memoBox .titleInputBox .friendBtn {width:70px;height:28px;line-height:28px;text-align:center;display:inline-block;font-size:11px;background-color:#CE3400;border:1px solid #A22800;color:#fff;}
.memoBox .titleInputBox .point {ime-mode:disabled;width:105px;height:28px;line-height:30px;float:right;text-align:right;padding:0 10px 0 35px;background:url(/images/memo/point.png) #fff 3px center no-repeat;border:1px solid #d5d5d5;}
.memoBox .contentInputBox {background-color:#fff;border:1px solid #D5D5D5;border-top:none;padding:10px;}
.memoBox .contentInputBox .contentInput {width:100%;height:250px;overflow-y:scroll;background-color:#fff;border:none;overflow:auto;resize:none;}
.memoBox .table {width:100%;border:1px solid #D5D5D5;}
.memoBox .table tr {border-bottom:1px solid #eaeaea;}

.memoBox .content .name-search {position:relative;padding-top:8px;}
.memoBox .content .name-search .input {height:22px;border:1px solid #D5D5D5;padding:0 5px;}
.memoBox .content .name-search span {float:right;}
.memoBox .content .name-search .tooltipBox {position:absolute;top:13px;left:60px;}
.memoBox .content .name-search .tooltipBox .tooltip-btn {position:absolute;margin-left:5px;display:inline-block;border:1px solid #1a4e71;width:14px;height:14px;line-height:15px;text-align:center;background-color:#297fb8;color:#fff;cursor:pointer;}
.memoBox .content .tooltip-content2 {position:absolute;border:1px solid #1a4e71;background-color:#fff;width:280px;height:70px;z-index:99;padding:15px;font-size:11px;font-family:tahoma,dotum;display:none;}
.memoBox .content .tooltip-content2 .desc {color:#888;margin-top:10px;}
.memoBox .listBox ul {margin:5px 0;height:25px;background-color:#fceae2;}
.memoBox .listBox ul li{float:left;width:26px;height:26px;line-height:26px;}
.memoBox .listBox ul li.none{width:44px;}
.memoBox .listBox ul li.black{width:82px;}
.memoBox .listBox ul li a{height:25px;padding:0 5px;}


.memoBox .table th {height:25px;background-color:#fad6c9;color:#73696B;border-right:1px solid #D5D5D5;font-weight:normal;}
.memoBox .table th.none {border-right:none;}
.memoBox .table td {height:30px;text-align:center;background-color:#fff;}
.memoBox .table td a {color:#5A5552;}
.memoBox .table .read {color:#a8a8a8;}
.memoBox .table td.left {height:30px;text-align:left;padding-left:10px;}
.memoBox .table td img {vertical-align:middle;}
.memoBox .page {height:25px;line-height:25px;text-align:center;margin:15px 0;}

.memoBox .page a {display:inline-block;border:1px solid #d2d2d2;background-color:#fff;color:#5f5f5f;font-size:11px;font-family:tahoma,dotum;width:20px;height:20px;line-height:20px;text-align:center;margin:0 3px;}
.memoBox .page a.on {background-color:#297fb8;color:#fff;border:1px solid #1a4e71;}

.memoBox .guide {font-size:11px;color:#1a4e71;}

.memoBox .receive {height:40px;background-color:#fad6c9;}
.memoBox .receive input {width:190px;height:30px;margin:4px 0 0 20px;border:1px solid #DEDFDE;padding:0 5px;}
.memoBox .receive .guide {margin-left:10px;font-size:11px;color:#918C8A;}
.memoBox .pointInfo {height:30px;line-height:30px;padding-left:20px;color:#5A5552;}
.memoBox .pointInfo .point {color:#CE3400;font-weight:bold;}
.memoBox .contentBox {width:564px;margin:0 auto;}
.memoBox .contentBox .content {width:544px;height:180px;padding:10px;margin:0 auto;background-color:#F7F7F7;border:1px solid #DEDFDE;line-height:18px;}
.memoBox .btnBox {width:300px;margin:0 auto;text-align:center;}
.memoBox .btnSend {width:100px;height:30px;line-height:30px;text-align:center;margin:10px auto;background-color:#CE3400;border:1px solid #a22800;color:#fff;font-weight:bold;display:inline-block;}
.memoBox .btnCancel {width:100px;height:30px;line-height:30px;text-align:center;margin:10px auto;background-color:#84827B;border:1px solid #62615b;color:#fff;font-weight:bold;display:inline-block;}
.memoBox .viewTitle {position:relative;height:45px;line-height:45px;background-color:#fad6c9;padding:0 10px;border:1px solid #D5D5D5;border-bottom:none;}
.memoBox .viewTitle img {vertical-align:middle;}

.memoBox .viewTitle .pointBox {position:absolute;top:5px;right:10px;border:1px solid #D5D5D5;width:180px;height:30px;line-height:30px;background-color:#fff;font-size:13px;font-weight:bold;font-family:tahoma;text-align:right;padding:0 10px;color:#297fb8;background:url(/images/memo/point.png) #fff 3px center no-repeat ;}
.memoBox .viewTitle .pointBox .point {width:130px;}
.memoBox .viewTitle .pointBox .receiveBtn {position:absolute;top:-1px;right:0;display:block;width:50px;background-color:#CE3400;border:1px solid #a22800;font-size:12px;font-weight:bold;color:#fff;text-align:center;}
.memoBox .viewTitle .pointBox .receiveBtn.disabled {background-color:#84827B;border:1px solid #62615b;cursor:default;}

.memoBox .viewContent {height:250px;overflow-y:scroll;padding:5px 10px;background-color:#fff;border:1px solid #D5D5D5;}
.memoBox .viewContent .tooltip {position:relative;height:30px;line-height:30px;padding:0 10px;background-color:#d7f2de;border:1px solid #72cf89;color:#787878;font-size:11px;font-family:tahoma,dotum;}
.memoBox .viewContent .tooltip .btn-close {position:absolute;top:2px;right:5px;width:25px;height:25px;background:url(/images/memo/btn_close.png) center center no-repeat;}
.memoBox .viewContent .msg {line-height:18px;padding:5px 0;font-family:tahoma,dotum;}

/* ladderMiniView */
#ladderResultBox {position:relative;background-color:#F8F8F8;color:#666666;width:950px;height:304px;border:3px solid #8a0d0d;}
#ladderResultBox .title {height:35px;line-height:35px;font-size:13px;background-color:#ff3e51;color:#fff;font-weight:bold;padding-left:10px;}
#ladderResultBox .title .close {position:absolute;top:-3px;right:-3px;}
#ladderResultBox .content {font-size:12px;line-height:20px;background-color:#FDFDFD;}
#ladderResultBox .content .leftBox {float:left;width:411px;height:271px;border-right:1px dotted #000;}
#ladderResultBox .content .leftBox .tit {height:30px;line-height:30px;font-weight:bold;color:#c76767;text-align:center;background-color:#e8e8e8;border-bottom:1px dotted #000;}
#ladderResultBox .content .rightBox {float:right;width:412px;height:271px;}
#ladderResultBox .content .rightBox .tit {height:30px;line-height:30px;font-weight:bold;color:#c76767;text-align:center;background-color:#e8e8e8;border-bottom:1px dotted #000;}

.bettingBtn {position:absolute;left:0;width:100px;height:25px;line-height:25px;background-color:#ff3e51;border:1px solid #8A0D0D;color:#fff;z-index:111;margin-top:-2px;text-align:center;}
.bettingBtn a {color:#fff;display:block;}

.betBox {position:relative;width:804px;height:113px;border:2px solid #c77100;background-color:#fafafa;margin-top:3px;}
.betBox .title {width:15px;height:83px;position:absolute;background-color:#1D4DB9;font-size:13px;font-weight:bold;padding:15px 10px;color:#fff;border-right:2px solid #041130;}
.betBox .title2 {width:15px;height:83px;position:absolute;background-color:#c77100;font-size:13px;font-weight:bold;padding:15px 10px;color:#fff;border-right:2px solid #7d4800;}
.betBox .title div {margin-top:5px;}
.betBox .title2 div {margin-top:5px;}
.betBox ul {width:625px;margin:10px auto;}
.betBox ul li {display:inline-block;text-align:center;margin:0 10px;}
.betBox ul li .tit {font-weight:bold;font-size:13px;margin-bottom:10px;}
.betBox ul li span {display:inline-block;width:40px;height:30px;line-height:30px;border:1px solid #B2B2B2;text-align:center;font-weight:bold;background-color:#fff;cursor:pointer;}
.betBox ul li .point {margin-top:5px;}
.betBox ul li.btnBox {vertical-align:top;padding-top:25px;}
.betBox ul li.btnBox span {width:180px;line-height:30px;background-color:#C11A20;border:1px solid #921417;color:#fff;}
.betBox ul li.btnBox span.reset {width:80px;background-color:#e7e7e7;border:1px solid #B2B2B2;color:#000;}
.betBox ul li.btnBox a.log {width:80px;height:30px;line-height:30px;display:inline-block;font-weight:bold;background-color:#e7e7e7;border:1px solid #B2B2B2;color:#000;}
.betBox ul li.btnBox .totalPoint {width:180px;border-radius:0;background-color:#fff;color:#000;border:1px solid #B2B2B2;cursor:default;}

.betBox ul li .btn.on {background-color:#C11A20;border:1px solid #921417;color:#fff;}
.betBox ul li .point .btn.on {background-color:#0da0c6;border:1px solid #1059b4;color:#fff;}

/* leftBox */
#ladderReady {position:absolute;top:140px;width:300px;height:100px;background-color:#333333;margin:0 57px;display:block;z-index:10;}
#ladderReady .box {text-align:center;padding:30px;font-size:12px;}
#ladderReady .box .time {color:#fff;font-weight:bold;line-height:20px;}
#ladderReady .box .time em {font-style:normal;}
#ladderReady .box .result {color:#FFFF00;line-height:20px;}

#startPos {margin:0 auto;margin-top:10px;text-align:center;}
#startPos span {width:40px;height:40px;line-height:40px;font-size:15px;font-weight:bold;display:inline-block;background-color:#d1cdc2;border:1px solid #c7c4b8;border-radius:50%;color:#aaa697;margin:0 60px;text-align:center;}

#startPos .left.on {background-color:#0da0c6;border:1px solid #0c89a9;color:#fff;}
#startPos .right.on {background-color:#ff3e51;border:1px solid #a30d0d;color:#fff;}

#resultPos {margin:0 auto;margin-top:140px;text-align:center;}
#resultPos span {width:40px;height:40px;line-height:40px;font-size:15px;font-weight:bold;display:inline-block;background-color:#d1cdc2;border:1px solid #c7c4b8;border-radius:50%;color:#aaa697;margin:0 60px;text-align:center;}

#resultPos .odd.on {background-color:#0da0c6;border:1px solid #0c89a9;color:#fff;}
#resultPos .even.on {background-color:#ff3e51;border:1px solid #a30d0d;color:#fff;}

#ladderPos {position:relative;margin:0 auto;}

#ladderPos .ladder1_bg {position:absolute;top:5px;width:174px;height:130px;margin:0 120px;display:block;}
#ladderPos .ladder1_bg .line1 {position:absolute;top:0;left:0;width:10px;height:130px;background-color:#d6d1c7;}
#ladderPos .ladder1_bg .line2 {position:absolute;top:40px;left:0;width:174px;height:10px;background-color:#d6d1c7;}
#ladderPos .ladder1_bg .line3 {position:absolute;top:0;right:0;width:10px;height:130px;background-color:#d6d1c7;}
#ladderPos .ladder1_bg .line4 {position:absolute;top:60px;right:0;width:174px;height:10px;background-color:#d6d1c7;}
#ladderPos .ladder1_bg .line5 {position:absolute;top:0;right:0;width:10px;height:130px;background-color:#d6d1c7;}
#ladderPos .ladder1_bg .line6 {position:absolute;top:80px;right:0;width:174px;height:10px;background-color:#d6d1c7;}

#ladderPos .ladder1 {position:absolute;top:5px;width:174px;height:130px;margin:0 120px;display:none;}
#ladderPos .ladder1 .lstick1 {position:absolute;top:0;left:0;width:10px;background-color:#000;}
#ladderPos .ladder1 .lstick2 {position:absolute;top:40px;left:10px;height:10px;background-color:#000;}
#ladderPos .ladder1 .lstick3 {position:absolute;top:50px;right:0;width:10px;background-color:#000;}
#ladderPos .ladder1 .lstick4 {position:absolute;top:60px;right:10px;height:10px;background-color:#000;}
#ladderPos .ladder1 .lstick5 {position:absolute;top:70px;left:0;width:10px;background-color:#000;}
#ladderPos .ladder1 .lstick6 {position:absolute;top:80px;left:10px;height:10px;background-color:#000;}
#ladderPos .ladder1 .lstick7 {position:absolute;top:90px;right:0;width:10px;background-color:#000;}

#ladderPos .ladder1 .rstick1 {position:absolute;top:0;right:0;width:10px;background-color:#000;}
#ladderPos .ladder1 .rstick2 {position:absolute;top:40px;right:10px;height:10px;background-color:#000;}
#ladderPos .ladder1 .rstick3 {position:absolute;top:50px;left:0;width:10px;background-color:#000;}
#ladderPos .ladder1 .rstick4 {position:absolute;top:60px;left:10px;height:10px;background-color:#000;}
#ladderPos .ladder1 .rstick5 {position:absolute;top:70px;right:0;width:10px;background-color:#000;}
#ladderPos .ladder1 .rstick6 {position:absolute;top:80px;right:10px;height:10px;background-color:#000;}
#ladderPos .ladder1 .rstick7 {position:absolute;top:90px;left:0;width:10px;background-color:#000;}

#ladderPos .ladder2_bg {position:absolute;top:5px;width:174px;height:130px;margin:0 120px;display:none;}
#ladderPos .ladder2_bg .line1 {position:absolute;top:0;left:0;width:10px;height:130px;background-color:#d6d1c7;}
#ladderPos .ladder2_bg .line2 {position:absolute;top:30px;left:0;width:174px;height:10px;background-color:#d6d1c7;}
#ladderPos .ladder2_bg .line3 {position:absolute;top:0;right:0;width:10px;height:130px;background-color:#d6d1c7;}
#ladderPos .ladder2_bg .line4 {position:absolute;top:50px;right:0;width:174px;height:10px;background-color:#d6d1c7;}
#ladderPos .ladder2_bg .line5 {position:absolute;top:0;right:0;width:10px;height:130px;background-color:#d6d1c7;}
#ladderPos .ladder2_bg .line6 {position:absolute;top:70px;right:0;width:174px;height:10px;background-color:#d6d1c7;}
#ladderPos .ladder2_bg .line7 {position:absolute;top:0;right:0;width:10px;height:130px;background-color:#d6d1c7;}
#ladderPos .ladder2_bg .line8 {position:absolute;top:90px;right:0;width:174px;height:10px;background-color:#d6d1c7;}

#ladderPos .ladder2 {position:absolute;top:5px;width:174px;height:130px;margin:0 120px;display:none;}
#ladderPos .ladder2 .lstick1 {position:absolute;top:0;left:0;width:10px;background-color:#000;}
#ladderPos .ladder2 .lstick2 {position:absolute;top:30px;left:10px;height:10px;background-color:#000;}
#ladderPos .ladder2 .lstick3 {position:absolute;top:40px;right:0;width:10px;background-color:#000;}
#ladderPos .ladder2 .lstick4 {position:absolute;top:50px;right:10px;height:10px;background-color:#000;}
#ladderPos .ladder2 .lstick5 {position:absolute;top:60px;left:0;width:10px;background-color:#000;}
#ladderPos .ladder2 .lstick6 {position:absolute;top:70px;left:10px;height:10px;background-color:#000;}
#ladderPos .ladder2 .lstick7 {position:absolute;top:80px;right:0;width:10px;background-color:#000;}
#ladderPos .ladder2 .lstick8 {position:absolute;top:90px;right:10px;height:10px;background-color:#000;}
#ladderPos .ladder2 .lstick9 {position:absolute;top:100px;left:0;width:10px;background-color:#000;}

#ladderPos .ladder2 .rstick1 {position:absolute;top:0;right:0;width:10px;background-color:#000;}
#ladderPos .ladder2 .rstick2 {position:absolute;top:30px;right:10px;height:10px;background-color:#000;}
#ladderPos .ladder2 .rstick3 {position:absolute;top:40px;left:0;width:10px;background-color:#000;}
#ladderPos .ladder2 .rstick4 {position:absolute;top:50px;left:10px;height:10px;background-color:#000;}
#ladderPos .ladder2 .rstick5 {position:absolute;top:60px;right:0;width:10px;background-color:#000;}
#ladderPos .ladder2 .rstick6 {position:absolute;top:70px;right:10px;height:10px;background-color:#000;}
#ladderPos .ladder2 .rstick7 {position:absolute;top:80px;left:0;width:10px;background-color:#000;}
#ladderPos .ladder2 .rstick8 {position:absolute;top:90px;left:10px;height:10px;background-color:#000;}
#ladderPos .ladder2 .rstick9 {position:absolute;top:100px;right:0;width:10px;background-color:#000;}

/* rightBox */
#startPos2 {margin:0 auto;margin-top:10px;text-align:center;}
#startPos2 span {width:40px;height:40px;line-height:40px;font-size:15px;font-weight:bold;display:inline-block;background-color:#d1cdc2;border:1px solid #c7c4b8;border-radius:50%;color:#aaa697;margin:0 60px;text-align:center;}

#startPos2 .left.on {background-color:#0da0c6;border:1px solid #0c89a9;color:#fff;}
#startPos2 .right.on {background-color:#ff3e51;border:1px solid #a30d0d;color:#fff;}

#resultPos2 {margin:0 auto;margin-top:140px;text-align:center;}
#resultPos2 span {width:40px;height:40px;line-height:40px;font-size:15px;font-weight:bold;display:inline-block;background-color:#d1cdc2;border:1px solid #c7c4b8;border-radius:50%;color:#aaa697;margin:0 60px;text-align:center;}

#resultPos2 .odd.on {background-color:#0da0c6;border:1px solid #0c89a9;color:#fff;}
#resultPos2 .even.on {background-color:#ff3e51;border:1px solid #a30d0d;color:#fff;}

#ladderPos2 {position:relative;margin:0 auto;}

#ladderPos2 .ladder3_bg {position:absolute;top:5px;width:174px;height:130px;margin:0 120px;display:none;}
#ladderPos2 .ladder3_bg .line1 {position:absolute;top:0;left:0;width:10px;height:130px;background-color:#d6d1c7;}
#ladderPos2 .ladder3_bg .line2 {position:absolute;top:40px;left:0;width:174px;height:10px;background-color:#d6d1c7;}
#ladderPos2 .ladder3_bg .line3 {position:absolute;top:0;right:0;width:10px;height:130px;background-color:#d6d1c7;}
#ladderPos2 .ladder3_bg .line4 {position:absolute;top:60px;right:0;width:174px;height:10px;background-color:#d6d1c7;}
#ladderPos2 .ladder3_bg .line5 {position:absolute;top:0;right:0;width:10px;height:130px;background-color:#d6d1c7;}
#ladderPos2 .ladder3_bg .line6 {position:absolute;top:80px;right:0;width:174px;height:10px;background-color:#d6d1c7;}

#ladderPos2 .ladder3l {position:absolute;top:5px;width:174px;height:130px;margin:0 120px;display:none;}
#ladderPos2 .ladder3l .lstick1 {position:absolute;top:0;left:0;width:10px;height:50px;background-color:#000;}
#ladderPos2 .ladder3l .lstick2 {position:absolute;top:40px;left:10px;width:164px;height:10px;background-color:#000;}
#ladderPos2 .ladder3l .lstick3 {position:absolute;top:50px;right:0;width:10px;height:20px;background-color:#000;}
#ladderPos2 .ladder3l .lstick4 {position:absolute;top:60px;right:10px;width:164px;height:10px;background-color:#000;}
#ladderPos2 .ladder3l .lstick5 {position:absolute;top:70px;left:0;width:10px;height:20px;background-color:#000;}
#ladderPos2 .ladder3l .lstick6 {position:absolute;top:80px;left:10px;width:164px;height:10px;background-color:#000;}
#ladderPos2 .ladder3l .lstick7 {position:absolute;top:90px;right:0;width:10px;height:40px;background-color:#000;}

#ladderPos2 .ladder3r {position:absolute;top:5px;width:174px;height:130px;margin:0 120px;display:none;}
#ladderPos2 .ladder3r .rstick1 {position:absolute;top:0;right:0;width:10px;height:50px;background-color:#000;}
#ladderPos2 .ladder3r .rstick2 {position:absolute;top:40px;right:10px;width:164px;height:10px;background-color:#000;}
#ladderPos2 .ladder3r .rstick3 {position:absolute;top:50px;left:0;width:10px;height:20px;background-color:#000;}
#ladderPos2 .ladder3r .rstick4 {position:absolute;top:60px;left:10px;width:164px;height:10px;background-color:#000;}
#ladderPos2 .ladder3r .rstick5 {position:absolute;top:70px;right:0;width:10px;height:20px;background-color:#000;}
#ladderPos2 .ladder3r .rstick6 {position:absolute;top:80px;right:10px;width:164px;height:10px;background-color:#000;}
#ladderPos2 .ladder3r .rstick7 {position:absolute;top:90px;left:0;width:10px;height:40px;background-color:#000;}

#ladderPos2 .ladder4_bg {position:absolute;top:5px;width:174px;height:130px;margin:0 120px;display:none;}
#ladderPos2 .ladder4_bg .line1 {position:absolute;top:0;left:0;width:10px;height:130px;background-color:#d6d1c7;}
#ladderPos2 .ladder4_bg .line2 {position:absolute;top:30px;left:0;width:174px;height:10px;background-color:#d6d1c7;}
#ladderPos2 .ladder4_bg .line3 {position:absolute;top:0;right:0;width:10px;height:130px;background-color:#d6d1c7;}
#ladderPos2 .ladder4_bg .line4 {position:absolute;top:50px;right:0;width:174px;height:10px;background-color:#d6d1c7;}
#ladderPos2 .ladder4_bg .line5 {position:absolute;top:0;right:0;width:10px;height:130px;background-color:#d6d1c7;}
#ladderPos2 .ladder4_bg .line6 {position:absolute;top:70px;right:0;width:174px;height:10px;background-color:#d6d1c7;}
#ladderPos2 .ladder4_bg .line7 {position:absolute;top:0;right:0;width:10px;height:130px;background-color:#d6d1c7;}
#ladderPos2 .ladder4_bg .line8 {position:absolute;top:90px;right:0;width:174px;height:10px;background-color:#d6d1c7;}

#ladderPos2 .ladder4l {position:absolute;top:5px;width:174px;height:130px;margin:0 120px;display:none;}
#ladderPos2 .ladder4l .lstick1 {position:absolute;top:0;left:0;width:10px;height:40px;background-color:#000;}
#ladderPos2 .ladder4l .lstick2 {position:absolute;top:30px;left:10px;width:164px;height:10px;background-color:#000;}
#ladderPos2 .ladder4l .lstick3 {position:absolute;top:40px;right:0;width:10px;height:20px;background-color:#000;}
#ladderPos2 .ladder4l .lstick4 {position:absolute;top:50px;right:10px;width:164px;height:10px;background-color:#000;}
#ladderPos2 .ladder4l .lstick5 {position:absolute;top:60px;left:0;width:10px;height:20px;background-color:#000;}
#ladderPos2 .ladder4l .lstick6 {position:absolute;top:70px;left:10px;width:164px;height:10px;background-color:#000;}
#ladderPos2 .ladder4l .lstick7 {position:absolute;top:80px;right:0;width:10px;height:20px;background-color:#000;}
#ladderPos2 .ladder4l .lstick8 {position:absolute;top:90px;right:10px;width:164px;height:10px;background-color:#000;}
#ladderPos2 .ladder4l .lstick9 {position:absolute;top:100px;left:0;width:10px;height:30px;background-color:#000;}

#ladderPos2 .ladder4r {position:absolute;top:5px;width:174px;height:130px;margin:0 120px;display:none;}
#ladderPos2 .ladder4r .rstick1 {position:absolute;top:0;right:0;width:10px;height:40px;background-color:#000;}
#ladderPos2 .ladder4r .rstick2 {position:absolute;top:30px;right:10px;width:164px;height:10px;background-color:#000;}
#ladderPos2 .ladder4r .rstick3 {position:absolute;top:40px;left:0;width:10px;height:20px;background-color:#000;}
#ladderPos2 .ladder4r .rstick4 {position:absolute;top:50px;left:10px;width:164px;height:10px;background-color:#000;}
#ladderPos2 .ladder4r .rstick5 {position:absolute;top:60px;right:0;width:10px;height:20px;background-color:#000;}
#ladderPos2 .ladder4r .rstick6 {position:absolute;top:70px;right:10px;width:164px;height:10px;background-color:#000;}
#ladderPos2 .ladder4r .rstick7 {position:absolute;top:80px;left:0;width:10px;height:20px;background-color:#000;}
#ladderPos2 .ladder4r .rstick8 {position:absolute;top:90px;left:10px;width:164px;height:10px;background-color:#000;}
#ladderPos2 .ladder4r .rstick9 {position:absolute;top:100px;right:0;width:10px;height:30px;background-color:#000;}

/* bettingRank */
.rankBox {width:440px;height:450px;border:3px solid #4C4C4C;background-color:#fff;}
.rankBox .rankTitle {height:30px;line-height:27px;font-size:14px;padding-left:10px;font-weight:bold;background-color:#4C4C4C;color:#fff;}
.rankBox .rankTitle .close {position:absolute;top:0;right:0;}
.rankTabMenu li {width:138px;height:25px;line-height:25px;float:left;text-align:center;background-color:#fad6c9;border:1px solid #CECFCE;color:#636563;border-bottom:none;}
.rankBox .rankContent {padding:10px;}
.rankTabMenu li.none {border-left:none;width:139px;}
.rankTabMenu li.on {background-color:#fff;}
.rankTabMenu li a {display:block;}
.rankTable {clear:both;float:left;width:420px;border:1px solid #CECFCE;}
.rankTable th {height:30px;background-color:#4A4D4A;color:#fff;border:1px solid #4C4C4C;}
.rankTable td {height:30px;text-align:center;border-bottom:1px solid #EAEAEA;color:#636563}
.rankTable td img {vertical-align:middle;}
.rankTable td.nick {text-align:left;padding-left:10px;font-weight:bold;}
.rankTable td.right {background-color:#fad6c9;text-align:right;padding-right:10px;font-size:11px;}
.rankTable td.number {font-family:DINWeb-Bold;}

/* attendance */
.attendanceBox {position:relative;width:100%;}
.attendanceBox .title {height:30px;line-height:27px;font-size:14px;padding-left:10px;font-weight:bold;background-color:#4C4C4C;color:#fff;}
.attendanceBox .insertBox {position:relative;height:60px;border-bottom:2px solid #cc0000;margin:10px;text-align:center;font-weight:bold;padding-top:20px;background:url(/images/attendance.png) 10px center no-repeat;text-align:right;}
.attendanceBox .insertBox .guide {position:absolute;top:0;right:0;color:#ae1717;}
.attendanceBox .insertBox input {width:400px;height:25px;margin-left:5px;}
.attendanceBox .insertBox .btn {width:45px;height:27px;background-color:#CE1010;color:#fff;font-weight:bold;border:1px solid #a20d0d;}
.attendanceBox .insertBox .notice {font-size:11px;font-weight:normal;margin:5px 0;padding-left:30px;color:#787878;text-align:right;}
.attendanceBox .content {position:relative;padding:10px;}
.attendanceBox .content .table {clear:both;width:100%;border:1px solid #CECFCE;}
.attendanceBox .content .table th {height:30px;background-color:#4A4D4A;color:#fff;border:1px solid #4C4C4C;}
.attendanceBox .content .table td {height:30px;text-align:center;border-bottom:1px solid #EAEAEA;color:#636563}
.attendanceBox .content .table td img {vertical-align:middle;}
.attendanceBox .content .table td.nick {text-align:left;padding-left:10px;font-weight:bold;}
.attendanceBox .content .table td.number {font-family:DINWeb-Bold;}
.attendanceBox .content .table td.message {text-align:left;padding-left:10px;}
.attendanceBox .content .page {text-align:center;height:30px;line-height:30px;}

/* gift */
.giftBox {background-color:#F8F8F8;color:#666666;}
.giftBox .title {height:35px;line-height:35px;font-size:13px;border:1px solid #3c3c3c;background-color:#4C4C4C;color:#fff;font-weight:bold;padding-left:10px;}
.giftBox .content {padding:10px;font-size:12px;line-height:20px;background-color:#FDFDFD;}
.giftBox .content .userBullet {position:relative;height:40px;line-height:40px;text-indent:15px;color:#666666;background:#f7f7f7;border:1px solid #f0f0f0;}
.giftBox .content .userBullet span {font-family:DINWeb-Bold;color:#e80000;}
.giftBox .content .userBullet .buyBtn {position:absolute;top:6px;right:6px;width:90px;height:25px;line-height:27px;background-color:#ec0000;color:#fff;border:1px solid #cc0000;text-align:center;text-indent:0px;}
.giftBox .content .priceBox {position:relative;border:2px solid #CCCCCC;margin-top:10px;padding:20px;font-size:18px;font-weight:bold;background-color:#fff;text-align:center;}
.giftBox .content .priceBox .price {font-family:DINWeb-Bold;padding:0 3px 0 10px;color:#e80000;}
.giftBox .content .priceBox .small {position:absolute;top:22px;right:30px;font-size:11px;font-weight:normal;}

.giftBox .content .bulletDesc {margin:20px 0;font-size:0;}
.giftBox .content .bulletDesc .tit {margin:5px 0 5px 10px;font-weight:bold;font-size:12px;}
.giftBox .content .bulletDesc ul {width:390px;margin:0 auto;}
.giftBox .content .bulletDesc ul li {font-size:12px;margin-left:10px;}
.giftBox .content .bulletDesc ul li.small {font-size:11px;color:#A4A4A4;margin-left:20px;}

.giftBox .content .bulletSelect {width:390px;border:1px solid #dbdbdb;background-color:#fafafa;margin:0 auto;padding:10px 0;}
.giftBox .content .bulletSelect table th {text-align:left;padding-left:10px;width:130px;height:30px;}
.giftBox .content .bulletSelect table td input {border:1px solid #D9D9D8;height:25px;padding:0 5px;vertical-align:middle;}
.giftBox .content .bulletSelect table td label {cursor:pointer;margin-right:10px;}
.giftBox .content .bulletSelect table td span.small {font-size:11px;color:#848484;}

.giftBox .btn{height:40px;padding:15px;text-align:center;background-color:#EAEAEA;border-top:1px solid #CDCDCD;margin-top:13px;}
.giftBox .btn .gift{display:inline-block;width:180px;height:40px;margin:0 auto;text-shadow:1px 1px 1px #2f447f;text-align:center;text-decoration:none;font-weight:bold;line-height:40px;color:#fff;font-size:16px;background-color:#CC3300;border:1px solid #9c1818;border-radius:3px;}
.giftBox .btn .gift:hover{background-color:#b72e00;}
.giftBox .btn .cancel{display:inline-block;width:180px;height:40px;margin:0 auto;text-shadow:1px 1px 1px #2f447f;text-align:center;text-decoration:none;font-weight:bold;line-height:40px;color:#fff;font-size:16px;background-color:#8a8a8a;border:1px solid #696969;border-radius:3px;}
.giftBox .btn .cancel:hover{background-color:#808080;}

/* giftPopBox */
.giftPopBox {background-color:#F8F8F8;color:#666666;}
.giftPopBox .title {height:35px;line-height:35px;font-size:13px;border:1px solid #3c3c3c;background-color:#4C4C4C;color:#fff;font-weight:bold;padding-left:10px;}
.giftPopBox .content {padding:10px;font-size:12px;line-height:20px;background-color:#FDFDFD;}
.giftPopBox .content .tit {margin:5px 0 5px 10px;font-weight:bold;font-size:12px;}

.giftPopBox .itemList {width:200px;padding:0 0 0 3px;margin:10px auto;}
.giftPopBox .itemList li {position:relative;display:block;width:160px;height:220px;border:1px solid #C8C5C5;background-color:#fff;padding:0 15px;margin:5px 3px;}
.giftPopBox .itemList li .edge {position:absolute;top:-10px;left:-5px;}
.giftPopBox .itemList li img {margin:5px auto;display:block;}
.giftPopBox .itemList li .name {font-size:13px;font-weight:bold;}
.giftPopBox .itemList li .desc {margin:10px 0;font-size:11px;line-height:16px;height:40px;color:#8b8b8b;}
.giftPopBox .itemList li .price {font-family:DINWeb-Bold;margin:10px 0;color:#e80000;}

.giftPopBox .content .inputBox {width:390px;border:1px solid #dbdbdb;background-color:#fafafa;margin:0 auto;padding:10px 0;}
.giftPopBox .content .inputBox table th {text-align:left;padding-left:10px;width:130px;height:35px;}
.giftPopBox .content .inputBox table td input {border:1px solid #D9D9D8;height:25px;padding:0 5px;vertical-align:middle;}
.giftPopBox .content .inputBox table td label {cursor:pointer;margin-right:10px;}
.giftPopBox .content .inputBox table td span.small {font-size:11px;color:#848484;}

.giftPopBox .content .inputBox .amountSet {position:relative;float:left;width:62px;height:29px;background:url(/images/bg_amount.png) no-repeat;}
.giftPopBox .content .inputBox .amountSet input {border:none;width:45px;height:27px;line-height:27px;padding:0;margin:1px;text-align:center;}
.giftPopBox .content .inputBox .amountSet .up {position:absolute;top:0;right:0;width:15px;height:14px;cursor:pointer;}
.giftPopBox .content .inputBox .amountSet .down {position:absolute;bottom:0;right:0;width:15px;height:14px;cursor:pointer;}

.giftPopBox > .btn{height:40px;padding:15px;text-align:center;background-color:#EAEAEA;border-top:1px solid #CDCDCD;margin-top:13px;}
.giftPopBox > .btn .gift{display:inline-block;width:180px;height:40px;margin:0 auto;text-shadow:1px 1px 1px #2f447f;text-align:center;text-decoration:none;font-weight:bold;line-height:40px;color:#fff;font-size:16px;background-color:#CC3300;border:1px solid #9c1818;border-radius:3px;}
.giftPopBox > .btn .gift:hover{background-color:#b72e00;}
.giftPopBox > .btn .cancel{display:inline-block;width:180px;height:40px;margin:0 auto;text-shadow:1px 1px 1px #2f447f;text-align:center;text-decoration:none;font-weight:bold;line-height:40px;color:#fff;font-size:16px;background-color:#8a8a8a;border:1px solid #696969;border-radius:3px;}
.giftPopBox > .btn .cancel:hover{background-color:#808080;}

/* event */
.eventBox {background-color:#F8F8F8;color:#666666;}
.eventBox .title {height:35px;line-height:35px;font-size:12px;background-color:#aaaaaa;border:1px solid #999999;}
.eventBox .title ul li a {float:left;padding:0 20px;border-right:1px solid #999999;color:#333;text-decoration:none;}
.eventBox .title ul li a.on {display:block;background-color:#4C4C4C;color:#fff;font-weight:bold;border:1px solid #3c3c3c;height:35px;margin:-1px 0 0 -1px;}
.eventBox .content {padding:10px;font-size:12px;line-height:20px;border:1px solid #CECECE;border-top:none;}

/* ladderPickBox */
.ladderPickBox{border:1px solid #151515;}
.ladderPickBox th.title {background-color:#297fb8;color:#fff; font-weight: bold;}
.ladderPickBox .subTitle th {height:30px;background-color:#58a6da;color:#fff;border:1px solid #1f5f89;font-weight:normal; font-weight: bold;}
.ladderPickBox .thirdTitle th {height:30px;background-color:#8ec2e6;color:#fff;border:1px solid #1f5f89;font-weight:normal; font-weight: bold;}
.ladderPickBox td {border:1px solid #adadad;font-size:11px;}
.ladderPickBox .none td {border:none;border-bottom:1px solid #adadad;}
.ladderPickBox .none td.none {border:none;}
.ladderPickBox .oddBox{height:36px;background:url(../images/data_odd2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px; font-weight: bold; }
.ladderPickBox .evenBox{height:36px;background:url(../images/data_even2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px; font-weight: bold;}
.ladderPickBox .overBox{height:36px;background:url(../images/data_over2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px; font-weight: bold;}
.ladderPickBox .underBox{height:36px;background:url(../images/data_under2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px; font-weight: bold;}
.ladderPickBox .leftBox{height:36px;background:url(../images/data_left2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px; font-weight: bold;}
.ladderPickBox .rightBox{height:36px;background:url(../images/data_right2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px; font-weight: bold;}
.ladderPickBox .threeBox{height:36px;background:url(../images/data_three2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px; font-weight: bold;}
.ladderPickBox .fourBox{height:36px;background:url(../images/data_four2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px; font-weight: bold;}
.ladderPickBox .left3evenBox{height:36px;background:url(../images/data_left3even2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px; font-weight: bold;}
.ladderPickBox .left4oddBox{height:36px;background:url(../images/data_left4odd2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px; font-weight: bold;}
.ladderPickBox .right3oddBox{height:36px;background:url(../images/data_right3odd2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px; font-weight: bold;}
.ladderPickBox .right4evenBox{height:36px;background:url(../images/data_right4even2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px; font-weight: bold;}

.ladderPickBox .oddColor{color:#0da0c6; font-weight: bold;}
.ladderPickBox .evenColor{color:#ff3e51; font-weight: bold;}
.ladderPickBox .oddText{color:#0da0c6;font-family:DINWeb-Bold;}
.ladderPickBox .evenText{color:#ff3e51;font-family:DINWeb-Bold;}
.ladderPickBox .date{font-family:DINWeb-Bold;}

.ladderPickBox .odd {width:20px;height:15px;border-radius:20px;background-color:#156AEA;border:1px solid #1156bd;color:#fff;text-align:center;padding-top:5px;}
.ladderPickBox .even {width:20px;height:15px;border-radius:20px;background-color:#D6412B;border:1px solid #992e1e;color:#fff;text-align:center;padding-top:5px;}

/* ladderPickPatternBox */
.ladderPickPatternBox{border:1px solid #151515;}
.ladderPickPatternBox th.title {background-color:#297fb8;color:#fff;}
.ladderPickPatternBox .subTitle th {height:30px;background-color:#58a6da;color:#fff;border:1px solid #1f5f89;font-weight:normal; font-weight: bold;}
.ladderPickPatternBox .thirdTitle th {height:30px;background-color:#8ec2e6;color:#fff;border:1px solid #1f5f89;font-weight:normal; font-weight: bold;}
.ladderPickPatternBox td {border:1px solid #adadad;font-size:11px;}
.ladderPickPatternBox .none td {border:none;border-bottom:1px solid #adadad;}
.ladderPickPatternBox .none td.none {border:none;}
.ladderPickPatternBox .oddBox{height:36px;background:url(../images/data_odd2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px;}
.ladderPickPatternBox .evenBox{height:36px;background:url(../images/data_even2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px;}
.ladderPickPatternBox .overBox{height:36px;background:url(../images/data_over2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px;}
.ladderPickPatternBox .underBox{height:36px;background:url(../images/data_under2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px;}
.ladderPickPatternBox .leftBox{height:36px;background:url(../images/data_left2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px;}
.ladderPickPatternBox .rightBox{height:36px;background:url(../images/data_right2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px;}
.ladderPickPatternBox .threeBox{height:36px;background:url(../images/data_three2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px;}
.ladderPickPatternBox .fourBox{height:36px;background:url(../images/data_four2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px;}
.ladderPickPatternBox .left3evenBox{height:36px;background:url(../images/data_left3even2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px;}
.ladderPickPatternBox .left4oddBox{height:36px;background:url(../images/data_left4odd2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px;}
.ladderPickPatternBox .right3oddBox{height:36px;background:url(../images/data_right3odd2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px;}
.ladderPickPatternBox .right4evenBox{height:36px;background:url(../images/data_right4even2.png) no-repeat center center;text-align:center;vertical-align:middle;color:#fff;line-height:36px;}

.ladderPickPatternBox .oddColor{color:#0da0c6;}
.ladderPickPatternBox .evenColor{color:#ff3e51;}
.ladderPickPatternBox .oddText{color:#0da0c6;font-family:DINWeb-Bold;}
.ladderPickPatternBox .evenText{color:#ff3e51;font-family:DINWeb-Bold;}
.ladderPickPatternBox .date{font-family:DINWeb-Bold;}

.ladderPickPatternBox .odd {width:20px;height:15px;border-radius:20px;background-color:#156AEA;border:1px solid #1156bd;color:#fff;text-align:center;padding-top:5px;}
.ladderPickPatternBox .even {width:20px;height:15px;border-radius:20px;background-color:#D6412B;border:1px solid #992e1e;color:#fff;text-align:center;padding-top:5px;}

.memoCntBox {position:absolute;top:8px;left:198px;width:20px;height:20px;background-color:#EC0000;border:1px solid #CC0000;border-radius:10px;color:#fff;z-index:99;line-height:20px;display:none;}
.itemCntBox {position:absolute;top:8px;left:298px;width:20px;height:20px;background-color:#EC0000;border:1px solid #CC0000;border-radius:10px;color:#fff;z-index:99;line-height:20px;display:none;}

/* footer */
#footer {width:1236px;margin:0 auto;text-align:center;padding-bottom:30px;}
#footer .inner {width:1176px;border-top:1px solid #deded9;margin-left:60px;}
#footer dl {padding:15px 0 10px 0;}
#footer dl span {padding:0 5px;color:#e9e9e9;}
#footer a {font-size:12px;color:#444;}
#footer a:hover {text-decoration:underline;}
#footer .small {font-size:11px;color:#666;padding:5px 0 10px 0;}
#footer .small .bar {color:#e9e9e9;margin:0 5px;}
#footer .copyright {font-family:Verdana;font-size:9px;color:#444;}
#footer .copyright strong {font-size:10px;}

/* chatRoomPointBet */
.chatRoomPointBetBox {position:relative;width:100%;height:169px;background-color:#F7F7F7;border-top:1px solid #0D513A;}
.chatRoomPointBetBox .title {border:1px solid #14805E;background-color:#fcfefd;height:30px;line-height:30px;margin:6px 6px 4px 6px;font-size:11px;color:#737373;padding:0 10px;font-weight:bold;}
.chatRoomPointBetBox .title .point {font-family:tahoma;font-weight:bold;font-size:12px;color:#14805E;}
.chatRoomPointBetBox .title .bar {color:#d0d0d0;margin:0 5px;}
.chatRoomPointBetBox .title .txt {font-weight:normal;}
.chatRoomPointBetBox .title .txt .important {text-decoration:underline;color:#14805E;}

.chatRoomPointBetBox .content {border:1px solid #B2B2B2;background-color:#fff;margin:0 6px 6px 6px;}

.chatRoomPointBetBox .content ul {width:100%;margin:10px auto;text-align:center;}
.chatRoomPointBetBox .content ul li {display:inline-block;text-align:center;margin:0 5px;}
.chatRoomPointBetBox .content ul li .tit {font-weight:bold;font-size:12px;margin-bottom:10px;}
.chatRoomPointBetBox .content ul li span {display:inline-block;width:40px;height:30px;line-height:30px;border:1px solid #B2B2B2;text-align:center;font-weight:bold;background-color:#fff;cursor:pointer;}
.chatRoomPointBetBox .content ul li .point {margin-top:5px;}
.chatRoomPointBetBox .content ul li.btnBox {vertical-align:top;padding-top:25px;}
.chatRoomPointBetBox .content ul li.btnBox span {width:180px;line-height:30px;background-color:#C11A20;border:1px solid #921417;color:#fff;}
.chatRoomPointBetBox .content ul li.btnBox span.reset {width:80px;background-color:#e7e7e7;border:1px solid #B2B2B2;color:#000;}
.chatRoomPointBetBox .content ul li.btnBox a.log {width:80px;height:30px;line-height:30px;display:inline-block;font-weight:bold;background-color:#e7e7e7;border:1px solid #B2B2B2;color:#000;}
.chatRoomPointBetBox .content ul li.btnBox .totalPoint {width:180px;border-radius:0;background-color:#fff;color:#000;border:1px solid #B2B2B2;cursor:default;}

.chatRoomPointBetBox .content ul li .btn.on {background-color:#C11A20;border:1px solid #921417;color:#fff;}
.chatRoomPointBetBox .content ul li .point .btn.on {background-color:#0da0c6;border:1px solid #1059b4;color:#fff;}

/* chatRoomList */
.chatRoomLobby {position:absolute;left:11px;width:42px;height:38px;line-height:18px;padding-top:4px;text-align:center;border:1px solid #1a4e71;font-weight:bold;background-color:#297fb8;}
.chatRoomLobby a {color:#fff;display:block;}

.chatRoomList {position:absolute;top:46px;left:11px;}
.chatRoomList li {position:relative;margin-bottom:2px;width:46px;}
.chatRoomList li .thumb {width:42px;border:1px solid #1a4e71;cursor:pointer;}
.chatRoomList li .thumb img {width:42px;height:42px;}
.chatRoomList li .info {position:absolute;top:0px;left:46px;width:314px;height:42px;background-color:#297fb8;border:1px solid #1a4e71;line-height:42px;padding:0 10px;color:#fff;display:none;}
.chatRoomList li .info a {float:left;color:#fff;}
.chatRoomList li .info .bar {font-size:10px;color:#3e9f5e;margin:0 5px;}
.chatRoomList li .info .cnt {float:right;font-family:tahoma,dotum;font-size:11px;}

/* layer */
.layerPop{position:absolute;top:0;left:0;width:565px;background:#fff;z-index:110;}
.layerPop .close{position:absolute;top:8px;right:20px;z-index:10;}
.layerPop .close img{padding:8px;}
.layerPop .close:hover img{padding:8px;background:url('../images/btn_popClose_on.gif') no-repeat 0 0;}
.layerPop h1{padding:15px 20px;font-family:'Gulim';font-weight:normal;font-size:18px;}
.layerPop h1 .num{vertical-align:top;color:#989898;}

/* modalLayer */
.modalLayer {position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/bg_mask.png);z-index:9999;display:none;}
.modalLayer .profileImg {position:relative;width:520px;border:1px solid #0c4935;background-color:#fafafa;display:block;}
.modalLayer .profileImg .tit {position:relative;height:35px;border-bottom:1px solid #0c4935;background-color:#14805E;}
.modalLayer .profileImg .tit h2 {padding-left:10px;line-height:35px;font-size:12px;font-family:'굴림',Gulim;color:#fff;}
.modalLayer .profileImg .tit .close {position:absolute;top:9px;right:9px;background:url(/images/btn_close.png);width:16px;height:16px;}
.modalLayer .profileImg .contentBox {padding:15px;border-bottom:1px dotted #e1e1e1;}
.modalLayer .profileImg .contentBox input {margin:20px auto 5px auto;display:block;padding:0 5px;width:120px;height:30px;line-height:30px;font-size:20px;border:1px solid #d4d4d4;text-align:center;}
.modalLayer .profileImg .contentBox p {text-align:center;color:#666;padding-top:10px;font-size:11px;}
.modalLayer .profileImg .btn {height:60px;text-align:center;}
.modalLayer .profileImg .btn .btn_confirm {margin-top:9px;border:1px solid #151515;background-color:#4C4C4C;color:#fff;padding:7px;text-align:center;display:inline-block;}
.modalLayer .profileImg .btn .btn_confirm:hover {background-color:#151515;}
.modalLayer .profileImg .btn .btn_cancel {margin-top:9px;border:1px solid #959595;background-color:#a7a7a7;color:#fff;padding:7px;text-align:center;display:inline-block;}
.modalLayer .profileImg .btn .btn_cancel:hover {background-color:#959595;}

/* pointBet 150714 */
.betBox .totalBox {position:relative;top:5px;width:560px;height:105px;margin:0 auto;}
.betBox .totalBox .btn.on {background-color:#c77100;border:1px solid #053450;color:#fff;}
.betBox .btn {cursor:pointer;}
.betBox .totalBox .title_startPoint {position:absolute;top:7px;left:35px;font-weight:bold;}
.betBox .totalBox .title_ladderCnt {position:absolute;top:7px;left:138px;font-weight:bold;}
.betBox .totalBox .title_oddEven {position:absolute;top:7px;left:251px;font-weight:bold;}
.betBox .totalBox .left {position:absolute;top:30px;left:10px;width:47px;height:30px;line-height:30px;border:1px solid #B2B2B2;text-align:center;font-weight:bold;}
.betBox .totalBox .right {position:absolute;top:30px;left:62px;width:47px;height:30px;line-height:30px;border:1px solid #B2B2B2;text-align:center;font-weight:bold;}
.betBox .totalBox .three {position:absolute;top:30px;left:120px;width:42px;height:30px;line-height:30px;border:1px solid #B2B2B2;text-align:center;font-weight:bold;}
.betBox .totalBox .four {position:absolute;top:30px;left:167px;width:42px;height:30px;line-height:30px;border:1px solid #B2B2B2;text-align:center;font-weight:bold;}
.betBox .totalBox .odd {position:absolute;top:30px;left:218px;width:42px;height:30px;line-height:30px;border:1px solid #B2B2B2;text-align:center;font-weight:bold;}
.betBox .totalBox .even {position:absolute;top:30px;left:265px;width:42px;height:30px;line-height:30px;border:1px solid #B2B2B2;text-align:center;font-weight:bold;}
.betBox .totalBox .betBtn {position:absolute;top:30px;left:322px;;width:150px;height:65px;background-color:#c77100;border:1px solid #7d4800;text-align:center;line-height:65px;color:#fff;font-weight:bold;cursor:pointer;}
.betBox .totalBox .reset {position:absolute;top:30px;left:477px;width:80px;height:30px;background-color:#E7E7E7;border:1px solid #B2B2B2;text-align:center;line-height:30px;color:#000;font-weight:bold;cursor:pointer;}
.betBox .totalBox .log {position:absolute;top:65px;left:477px;width:80px;height:30px;background-color:#E7E7E7;border:1px solid #B2B2B2;text-align:center;line-height:30px;color:#000;font-weight:bold;}
.betBox .totalBox .selectPointBox {position:absolute;top:65px;left:10px;}
.betBox .totalBox .selectPointBox .selectPoint {width:103px;height:32px;font-weight:bold;}
.betBox .totalBox .bettingTextBox {position:absolute;top:65px;left:120px;width:163px;height:30px;line-height:30px;border:1px solid #B2B2B2;padding-left:25px;font-weight:bold;cursor:default;}

.chatRoomPointBetBox .totalBox {position:relative;left:70px;width:570px;height:105px;}
.chatRoomPointBetBox .totalBox .btn.on {background-color:#C11A20;border:1px solid #921417;color:#fff;}
.chatRoomPointBetBox .btn {cursor:pointer;}
.chatRoomPointBetBox .totalBox .checkStartPoint {position:absolute;top:7px;left:20px;font-weight:bold;}
.chatRoomPointBetBox .totalBox .checkLadderCnt {position:absolute;top:7px;left:125px;font-weight:bold;}
.chatRoomPointBetBox .totalBox .checkOddEven {position:absolute;top:7px;left:235px;font-weight:bold;}
.chatRoomPointBetBox .totalBox .left {position:absolute;top:30px;left:10px;width:40px;height:30px;line-height:30px;border:1px solid #B2B2B2;text-align:center;font-weight:bold;}
.chatRoomPointBetBox .totalBox .right {position:absolute;top:30px;left:57px;width:40px;height:30px;line-height:30px;border:1px solid #B2B2B2;text-align:center;font-weight:bold;}
.chatRoomPointBetBox .totalBox .three {position:absolute;top:30px;left:114px;width:40px;height:30px;line-height:30px;border:1px solid #B2B2B2;text-align:center;font-weight:bold;}
.chatRoomPointBetBox .totalBox .four {position:absolute;top:30px;left:161px;width:40px;height:30px;line-height:30px;border:1px solid #B2B2B2;text-align:center;font-weight:bold;}
.chatRoomPointBetBox .totalBox .odd {position:absolute;top:30px;left:218px;width:40px;height:30px;line-height:30px;border:1px solid #B2B2B2;text-align:center;font-weight:bold;}
.chatRoomPointBetBox .totalBox .even {position:absolute;top:30px;left:265px;width:40px;height:30px;line-height:30px;border:1px solid #B2B2B2;text-align:center;font-weight:bold;}
.chatRoomPointBetBox .totalBox .betBtn {position:absolute;top:30px;left:322px;;width:150px;height:65px;background-color:#C11A20;border:1px solid #921417;text-align:center;line-height:65px;color:#fff;font-weight:bold;cursor:pointer;}
.chatRoomPointBetBox .totalBox .reset {position:absolute;top:30px;left:477px;width:80px;height:30px;background-color:#E7E7E7;border:1px solid #B2B2B2;text-align:center;line-height:30px;color:#000;font-weight:bold;cursor:pointer;}
.chatRoomPointBetBox .totalBox .log {position:absolute;top:65px;left:477px;width:80px;height:30px;background-color:#E7E7E7;border:1px solid #B2B2B2;text-align:center;line-height:30px;color:#000;font-weight:bold;}
.chatRoomPointBetBox .totalBox .selectPointBox {position:absolute;top:65px;left:10px;}
.chatRoomPointBetBox .totalBox .selectPointBox .selectPoint {width:89px;height:30px;font-weight:bold;}
.chatRoomPointBetBox .totalBox .bettingTextBox {position:absolute;top:65px;left:114px;width:166px;height:30px;line-height:30px;border:1px solid #B2B2B2;padding-left:25px;font-weight:bold;cursor:default;}

/* qtip */
.tooltip_dark {
	background-color: #505050;
	border-color: #303030;
	color: #fff;
	font-family:dotum;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/* paging */
.pagingBox {text-align:center;margin:10px auto;}
.pagingBox a {display:inline-block;border:1px solid #d2d2d2;background-color:#fff;color:#5f5f5f;font-size:11px;font-family:tahoma,dotum;width:20px;height:20px;line-height:20px;text-align:center;margin:0 3px;}
.pagingBox a.on {background-color:#297fb8;color:#fff;border:1px solid #1a4e71;}

/* site link */
.siteLink a {font-weight:bold;margin-left:2px;color:#206491;}
.siteLink a:hover {color:#2C6542;text-decoration:underline;}