@charset "utf-8";
.flex_center{
    display: flex;
    align-items: center;
}
.flex_center_between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
span.oe_1 {
    background: #319ade;
    border: 1px solid #319ade;
    color: #fff;
    text-shadow: 0px 0px 2px #104668;
    display: inline-block;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    line-height: 31px;
    font-style: normal;
    text-align:center;
}
span.oe_2 {
    background: #e74d39;
    border: 1px solid #e74d39;
    color: #fff;
    text-shadow: 0px 0px 2px #681a10;
    display: inline-block;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    line-height: 31px;
    font-style: normal;
    text-align:center;
}
span.oe_3 {
    background: #9539e7;
    border: 1px solid #9539e7;
    color: #fff;
    text-shadow: 0px 0px 2px #104668;
    display: inline-block;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    line-height: 31px;
    font-style: normal;
    text-align:center;
}
span.oe_4 {
    background: #333;
    border: 1px solid #333;
    color: #fff;
    text-shadow: 0px 0px 2px #681a10;
    display: inline-block;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    line-height: 31px;
    font-style: normal;
    text-align:center;
}
.select_st1 {
    border: solid 1px #9EB5DE;
    height: 40px;
    border-radius: 10px;
    padding: 5px 10px;
    background: linear-gradient(#F5F7FC, #EEEFF6);
    color: #455D88;
    font-weight:500;
}
.select_st1:focus {
    outline:none;
}

ul.tabs {
    
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 45px;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    width: 100%;
    font-family:"dotum";
    font-size:12px;
}
ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    width:12%;
    height: 45px;
    line-height: 45px;
    border: 1px solid #eee;
    border-left: none;
    font-weight: bold;
    background: #fafafa;
    overflow: hidden;
    position: relative;
}
ul.tabs li.active {
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.tab_container {
   
    border-top: none;
    clear: both;
    float: left;
    width: 248px;
    background: #FFFFFF;
}
.tab_content {
    padding: 5px;
    font-size: 12px;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none
}
;
 #container {
    width: 249px;
    margin: 0 auto;
}

.lat li:before{
    position: absolute;top: 12px;left: 0px;width: 0px;height: 4px;background: #aaa;content: '';border-radius: 50%;
}

/*분석 검색폼*/
.searchFormBox{overflow:hidden;position:relative;margin-bottom:8px;padding:10px;border:1px solid #ccc;background:#f7f7f7;line-height:32px;}
.searchFormBox .dash{display:inline-block;padding:0 1px;}
.searchFormBox .btnBox,.searchFormBox .btnBox .btn,.searchFormBox .infoText{float:left;vertical-align:top;}
.searchFormBox .round span{font-weight:bold;}
.searchFormBox .infoText{padding-left:8px;}
.searchFormBox .infoText .time{font-weight:bold;color:#e74d39;}
.searchFormBox .btnBox.option{float:right;}

.optionSelect .btn{float:left;position:relative;height:30px;margin-left:-1px;padding:0 10px;border:1px solid #ddd;background:#fff;line-height:30px;cursor:pointer;text-align:center;letter-spacing:-.1em;}
.searchFormBox button.btn,.topMsgBox button.btn,.optionSelect button.btn{height:32px;}
.searchFormBox .btn:hover,.searchFormBox select:hover,.optionSelect .btn:hover{z-index:3;}
.searchFormBox .btn.search{float:right;width:105px;border:1px solid #444;background-color:#555;color:#fff;}
.topMsgBox .btn.submit{float:right;border:1px solid #cf2e2e;background-color:#e74d39;color:#fff;}
.searchFormBox .datepicker{width:70px;min-width:55px !important;padding-right:28px !important;background:#fff url(http://www.chanceball.com/img/pick.png) no-repeat 100% -267px !important;text-align:right;text-align:left !important;letter-spacing:0 !important;}
.searchFormBox .btn.selected{}/*z-index:2; */
.searchFormBox .btn.reset{float:right;border-color:#ddd;background:#fff;}
.searchFormBox .btn.relay{float:right;right:5px;border-color:#ddd;background:#fff;}
.searchFormBox select:hover,.searchFormBox .btn.reset:hover{text-decoration:none;}
.searchFormBox.period .btn.submit{float:none;float:left;height:32px;margin:0 5px;border:1px solid #565e60;background:#565e60;color:#fff;}
.searchFormBox .optionBox .btn{float:left;border-left:0;}
.searchFormBox .optionBox .first_child{float:left;border-left:1px solid #ddd;}
.searchFormBox .datepicker,.searchFormBox select,.searchFormBox .optionBox,.searchFormBox .searchSelectBox,.searchFormBox .dash,.searchFormBox span{float:left;margin:0 1px;}
.searchFormBox .btn.rank{float:right !important;text-decoration:none;}
.searchFormBox .btn.rank:hover{border-color:#ddd;}
.searchFormBox select{min-width:60px;height:32px;}
.searchFormBox .today,.patternAddDel .pattern{margin-right:5px;}
.searchFormBox .today a,.patternAddDel .pattern a{float:left;height:33px;padding:0 5px;font-size:0;text-indent:-9999em;}
.searchFormBox .today .date,.patternAddDel .pattern .count{float:left;padding:0 5px;font-size:20px;}
.searchFormBox .today a span{display:inline-block;float:none !important;width:8px;height:13px;vertical-align:middle;}

/* 버튼 */
a.btn01{display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:middle;text-decoration:none;}
a.btn01:focus,a.btn01:hover{text-decoration:none;}
button.btn01{display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;}
a.btn02{display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;vertical-align:middle;text-decoration:none;}
a.btn02:focus,.btn02:hover{text-decoration:none;}
button.btn02{display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;}
.btn_confirm{text-align:center;}

a.btn:link,a.btn:visited,a.btn:hover,a.btn:focus,a.btn:active{color:#000;text-decoration:none;}
a.btn.red:link,a.btn.red:visited,a.btn.red:hover,a.btn.red:focus,a.btn.red:active{color:#fff;text-decoration:none;}

.pattern-layer {width:1200px; padding:0px;}
.pattern-layer .pattern_main {border-spacing:0px; border-collapse:collapse;}
.pattern-layer .pattern_main td.rowTD { padding:0px;}
.pattern-layer .pattern_main td.rowTD table.list {border-spacing:0px; border-collapse:collapse;}
.pattern-layer .pattern_main td.rowTD table.list td {border-top:1px solid #9DB5DD !important; border-right:1px solid #9DB5DD !important; padding:0px;}
.pattern-layer .pattern_main td.rowTD table.list td.odd div {color:#1755b2;}
.pattern-layer .pattern_main td.rowTD table.list td.even div {color:#e74d39;}
.pattern-layer .pattern_main td.rowTD table.list td div {width:45px; height:35px; text-align:center; padding-top:10px; color:#000;}
.pattern-layer .pattern_main td.rowTD table.list td div.num-box {padding:6px 0 4px 0;}
.pattern-layer .pattern_main td.rowTD table.list td div.num-box span.num {display:block; width:24px; height:24px; line-height:21px; font-size:9px; color:#fff; font-family:Tahoma, Geneva, sans-serif; text-align:center; margin-left:10px;}
.pattern-layer .pattern_main td.rowTD table.list td div.total_num {background:#f7f7f7; font-size:11px; font-family:Tahoma; padding-top:7px; font-weight:bold; color:#434343;}
.pattern-layer .pattern_main td.rowTD table.list td div.red {background:#ffe7e4; color:#e74d39;}
.pattern-layer .pattern_main td.rowTD table.list td div.s_num {color:#ffffff; background:#404040; font-size:10px;padding-top:8px;}
table.list td div.num-box span.odd {background-color:#1755b2; border-radius:50%;}
table.list td div.num-box span.even {background-color:#e74d39; border-radius:50%;}
table.list td div.num-box span.split {background-color:#777777; border-radius:50%;}



/*분석: 일별기간별*/
.analysisArea .analysisTitle{height:40px;margin-bottom:-1px;border:1px solid #ddd;border-top:2px solid #555;line-height:40px;text-align:center;}
.analysisArea .analysisTitle span{font-weight:bold;color:#1fafa6;}
.analysisTotal,.analysisMaxMin{margin-bottom:8px;}
.analysisTotal table,.analysisMaxMin table{border-collapse:collapse;width:100%;}
.analysisTotal table td,.analysisMaxMin table td,.analysisTotal table th,.analysisMaxMin table th{position:relative;width:68px;height:40px;font-weight:normal;text-align:center;}
.analysisTotal table thead,.analysisMaxMin table thead{background:#fbfbfb;}
.analysisTotal table tbody td{height:60px;}
.analysisMaxMin table tbody td{height:100px;}
/* 다리다리용 */
.analysis-table{position:relative;margin-bottom:8px;border:1px solid #d6d6d6;}
.analysis-table:after{display:block;visibility:hidden;content:'';clear:both;}
.analysis-table .bar_graph{float:left;width:50%;padding:30px 71px 10px 71px;border-right:1px solid #d6d6d6;}
.analysis-table.lowhigh .bar_graph{padding:30px 71px 0 71px;}

.analysis-table .bar_graph .bar{width:100%;height:21px;margin-bottom:30px;border-radius:11px;background-color:#ededed;}
.analysis-table .bar_graph .bar p{position:relative;height:21px;margin-left:-1px;border-radius:11px;color:#979797;transition:width 1s ease-in-out;}
.analysis-table .bar_graph .tx,.analysis-table .bar_graph .tx1{position:absolute;top:-5px;width:29px;height:29px;border:1px solid #d8d8d8;border-radius:16px;background-color:#fff;line-height:29px;color:#333;text-align:center;}
.analysis-table .bar_graph .per{position:absolute;top:0;font-family:Tahoma;font-size:9px;line-height:21px;white-space:nowrap;}
.analysis-table .bar_graph .left{float:left;}
.analysis-table .bar_graph .left .tx,.analysis-table .bar_graph .left .tx1{left:-41px;}
.analysis-table .bar_graph .left .per{left:9px;}
.analysis-table .bar_graph .left.on,.analysis-table .bar_graph .left.on .tx{background-color:#319ade;color:#fff;}
.analysis-table .bar_graph .left.off,.analysis-table .bar_graph .left.off .tx1{background-color:#777777;color:#fff;}


.analysis-table .bar_graph .right{float:right;}
.analysis-table .bar_graph .right .tx{right:-41px;}
.analysis-table .bar_graph .right .per{right:9px;}
.analysis-table .bar_graph .right.on .tx{border:1px solid #e74d39;}

.analysis-table .bar_graph .right.on,.analysis-table .bar_graph .right.on .tx{background-color:#e74d39;color:#fff;}

.analysis-table .pie_graph{float:right;width:413px;}
.analysis-table.ladder .pie_graph{margin-top:20px;}
.analysis-table.lowhigh .pie_graph{margin-top:-8px;}
.analysis-table.snail .pie_graph{margin-top:-15px;}
.analysis-table.powerball .pie_graph{padding-top:50px;}
.analysis-table .pie_graph .graph{float:left;position:absolute;margin:25px 30px 0 -51px;}
.analysis-table.snail .pie_graph .graph{margin-top:50px;}


.analysis-table.two-graph{display: flex;   justify-content: space-around; background-color: white; }
/*
.analysis-table.two-graph .pie-graph{display: flex;   justify-content: space-between; }
*/
/** 아래거 대신 위의 것으로 점차 변경**/
.analysis-table .pie_graph .info{float:right;width:200px;margin-top:38px;}
.analysis-table.ladder .pie_graph .info{margin-top:43px;}
.analysis-table.powerball .pie_graph .info{margin-top:55px;}
.analysis-table.lowhigh .pie_graph .info{margin-top:40px;}

.analysis-table .pie_graph .info .left4odd.on{color:#319ade;}
.analysis-table .pie_graph .info .on{font-weight:bold;}
.analysis-table .pie_graph .info li{height:15px;margin-bottom:16px;line-height:15px;}
.analysis-table .pie_graph .info li em{font-style:normal;}
.analysis-table .pie_graph .info .ic{float:left;width:11px;height:11px;margin:1px 10px 0 0;border-radius:6px;}

.analysis-table .pie_graph .info .blue .ic{background-color:#319ade;}
.analysis-table .pie_graph .info .dblue .ic{background-color:#2980b9;}
.analysis-table .pie_graph .info .red .ic{background-color:#319ade;}
.analysis-table .pie_graph .info .dred .ic{background-color:#e74d39;}
.analysis-table .pie_graph .info .green .ic{background-color:#02ac0e;}
.analysis-table .pie_graph .info .dgreen .ic{background-color:#16a085;}
.analysis-table .pie_graph .info .yellow .ic{background-color:#ffb429;}
.analysis-table .pie_graph .info .dyellow .ic{background-color:#d07f0c;}





.pattern-layer .pagenation .prev {
    float: left;
    font-size: 80px;
    cursor: pointer;
    position: absolute;
    bottom: -26px;
    left: 1px;
    width: 10%;
}

.pattern-layer .pagenation .next {
    float: right;
    font-size: 80px;
    cursor: pointer;
    position: absolute;
    bottom: -26px;
    right: -37px;
    width: 10%;
}



ul.tabs {
    
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 45px;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    width: 100%;
    font-family:"dotum";
    font-size:12px;
}
ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    width:12%;
    height: 45px;
    line-height: 45px;
    border: 1px solid #eee;
    border-left: none;
    font-weight: bold;
    background: #fafafa;
    overflow: hidden;
    position: relative;
}
ul.tabs li.active {
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.tab_container {
   
    border-top: none;
    clear: both;
    float: left;
    width: 248px;
    background: #FFFFFF;
}
.tab_content {
    padding: 5px;
    font-size: 12px;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none
}
;
 #container {
    width: 249px;
    margin: 0 auto;
}

.lat li:before{
    position: absolute;top: 12px;left: 0px;width: 0px;height: 4px;background: #aaa;content: '';border-radius: 50%;
}

/*분석 검색폼*/
.searchFormBox{overflow:hidden;position:relative;padding:10px;background:#f7f7f7;line-height:32px;}
.searchFormBox .btnBox,.searchFormBox .btnBox .btn,.searchFormBox .infoText{float:left;vertical-align:top;}
.searchFormBox .round span{font-weight:bold;}
.searchFormBox .infoText .time{font-weight:bold;color:#e74d39;}
.searchFormBox .btnBox.option{float:right;}

.optionSelect .btn{float:left;position:relative;height:30px;margin-left:-1px;padding:0 10px;border:1px solid #ddd;background:#fff;line-height:30px;cursor:pointer;text-align:center;letter-spacing:-.1em;}
.searchFormBox button.btn,.topMsgBox button.btn,.optionSelect button.btn{height:32px;}
.searchFormBox .btn:hover,.searchFormBox select:hover,.optionSelect .btn:hover{z-index:3;}
.searchFormBox .btn.search{float:right;width:105px;border:1px solid #444;background-color:#555;color:#fff;}
.topMsgBox .btn.submit{float:right;border:1px solid #cf2e2e;background-color:#e74d39;color:#fff;}
.searchFormBox .datepicker{width:70px;min-width:55px !important;padding-right:28px !important;background:#fff url(http://www.chanceball.com/img/pick.png) no-repeat 100% -267px !important;text-align:right;text-align:left !important;letter-spacing:0 !important;}
.searchFormBox .btn.selected{}/*z-index:2; */
.searchFormBox .btn.reset{float:right;border-color:#ddd;background:#fff;}
.searchFormBox .btn.relay{float:right;right:5px;border-color:#ddd;background:#fff;}
.searchFormBox select:hover,.searchFormBox .btn.reset:hover{text-decoration:none;}
.searchFormBox.period .btn.submit{float:none;float:left;height:32px;margin:0 5px;border:1px solid #565e60;background:#565e60;color:#fff;}
.searchFormBox .optionBox .btn{float:left;border-left:0;}
.searchFormBox .optionBox .first_child{float:left;border-left:1px solid #ddd;}
.searchFormBox .datepicker,.searchFormBox select,.searchFormBox .optionBox,.searchFormBox .searchSelectBox,.searchFormBox .dash,.searchFormBox span{float:left;margin:0 1px;}
.searchFormBox .btn.rank{float:right !important;text-decoration:none;}
.searchFormBox .btn.rank:hover{border-color:#ddd;}
.searchFormBox .today,.patternAddDel .pattern{margin-right:5px;}
.searchFormBox .today a,.patternAddDel .pattern a{float:left;height:33px;padding:0 5px;font-size:0;text-indent:-9999em;}
.searchFormBox .today .date,.patternAddDel .pattern .count{float:left;padding:0 5px;font-size:20px;}
.searchFormBox .today a span{display:inline-block;float:none !important;width:8px;height:13px;vertical-align:middle;}

/* 버튼 */
a.btn01{display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:middle;text-decoration:none;}
a.btn01:focus,a.btn01:hover{text-decoration:none;}
button.btn01{display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;}
a.btn02{display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;vertical-align:middle;text-decoration:none;}
a.btn02:focus,.btn02:hover{text-decoration:none;}
button.btn02{display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;}
.btn_confirm{text-align:center;}

a.btn:link,a.btn:visited,a.btn:hover,a.btn:focus,a.btn:active{color:#000;text-decoration:none;}
a.btn.red:link,a.btn.red:visited,a.btn.red:hover,a.btn.red:focus,a.btn.red:active{color:#fff;text-decoration:none;}

.btn{display:inline-block;position:relative;height:32px;padding:0 10px;border:1px solid #ddd;background:#fff;line-height:30px;cursor:pointer;text-align:center;}
.btn.yellow{border:1px solid #d07f0c;background:#ffb429;color:#fff;}
.btn.red{background:linear-gradient(#D22E3A, #FF6974);color:#FFF !important;}
.btn.black{border:1px solid #383e40;background:#565e60;color:#fff;}
a.btn.black:link,a.btn.black:visited,a.btn.black:hover,a.btn.black:focus,a.btn.black:active{color:#fff;}
a.btn.yellow:link,a.btn.yellow:visited,a.btn.yellow:hover,a.btn.yellow:focus,a.btn.yellow:active{color:#fff;}

/*.analysis_box::-webkit-scrollbar-thumb {*/
/*    background-color: #2f3542;*/
/*  }*/
/**/
/* .analysis_box::-webkit-scrollbar-track {*/
/*    background-color: grey;*/
/*  }*/


.pattern-layer {width:1200px; padding:0px;}
.pattern-layer .pattern_main {border-spacing:0px; border-collapse:collapse; background-color: #ffffff;}
.pattern-layer .pattern_main td.rowTD {padding:0px;}
.pattern-layer .pattern_main td.rowTD table.list {border-spacing:0px; border-collapse:collapse;}
.pattern-layer .pattern_main td.rowTD table.list td {border-top:1px solid #3a3a3a; border-right:1px solid #3a3a3a; padding:0px;}
.pattern-layer .pattern_main td.rowTD table.list td.top {border-top:none !important; background:#E5E7F1}
.pattern-layer .pattern_main td.rowTD table.list td.odd div {color:#319ade;}
.pattern-layer .pattern_main td.rowTD table.list td.even div {color:#e74d39;}
.pattern-layer .pattern_main td.rowTD table.list td div {width:45px; height:35px; text-align:center; padding-top:10px; color:#000;}
.pattern-layer .pattern_main td.rowTD table.list td div.num-box {padding:6px 0 4px 0;}
.pattern-layer .pattern_main td.rowTD table.list td div.num-box span.num {display:block; width:24px; height:24px; line-height:21px; font-size:9px; color:#fff; font-family:Tahoma, Geneva, sans-serif; text-align:center; margin-left:10px;}
.pattern-layer .pattern_main td.rowTD table.list td div.total_num {background:#E5E7F1; font-size:11px; padding-top:10px; font-weight:bold; color:#434343;}
.pattern-layer .pattern_main td.rowTD table.list td div.red {background:#ffe7e4; color:#e74d39;}
.pattern-layer .pattern_main td.rowTD table.list td div.s_num {color:#ffffff; background:#404040; font-size:10px; padding-top:10px;}
table.list td div.num-box span.odd {background-color:#319ade; border-radius:50%;}
table.list td div.num-box span.even {background-color:#e74d39; border-radius:50%;}



/*분석: 일별기간별*/
.analysisArea .analysisTitle{height:40px;margin-bottom:-1px;border:1px solid #ddd;border-top:2px solid #555;line-height:40px;text-align:center;}
.analysisArea .analysisTitle span{font-weight:bold;color:#1fafa6;}
.analysisTotal,.analysisMaxMin{margin-bottom:8px;}
.analysisTotal table,.analysisMaxMin table{border-collapse:collapse;width:100%;}
.analysisTotal table td,.analysisMaxMin table td,.analysisTotal table th,.analysisMaxMin table th{position:relative;width:68px;height:40px;font-weight:normal;text-align:center;}
.analysisTotal table thead,.analysisMaxMin table thead{background:#fbfbfb;}
.analysisTotal table tbody td{height:60px;}
.analysisMaxMin table tbody td{height:100px;}
/* 다리다리용 */
.analysis-table{position:relative;margin-bottom:8px;border:1px solid #d6d6d6;}
.analysis-table:after{display:block;visibility:hidden;content:'';clear:both;}
.analysis-table .bar_graph{float:left;width:50%;padding:30px 71px 10px 71px;border-right:1px solid #d6d6d6;}
.analysis-table.lowhigh .bar_graph{padding:30px 71px 0 71px;}

.analysis-table .bar_graph .bar{width:100%;height:21px;margin-bottom:30px;border-radius:11px;background-color:#ededed;}
.analysis-table .bar_graph .bar p{position:relative;height:21px;margin-left:-1px;border-radius:11px;color:#979797;transition:width 1s ease-in-out;}
.analysis-table .bar_graph .tx{position:absolute;top:-5px;width:29px;height:29px;border:1px solid #d8d8d8;border-radius:16px;background-color:#fff;line-height:29px;color:#333;text-align:center;}
.analysis-table .bar_graph .per{position:absolute;top:0;font-family:Tahoma;font-size:9px;line-height:21px;white-space:nowrap;}
.analysis-table .bar_graph .left{float:left;}
.analysis-table .bar_graph .left .tx{left:-41px;}
.analysis-table .bar_graph .left .per{left:9px;}
.analysis-table .bar_graph .left.on,.analysis-table .bar_graph .left.on .tx{background-color:#319ade;color:#fff;}
.analysis-table .bar_graph .left.off,.analysis-table .bar_graph .left.off .tx1{background-color:#777777;color:#fff;}

.analysis-table .bar_graph .right{float:right;}
.analysis-table .bar_graph .right .tx{right:-41px;}
.analysis-table .bar_graph .right .per{right:9px;}
.analysis-table .bar_graph .right.on .tx{border:1px solid #e74d39;}

.analysis-table .bar_graph .right.on,.analysis-table .bar_graph .right.on .tx{background-color:#e74d39;color:#fff;}

.analysis-table .pie_graph{float:right;width:413px;}
.analysis-table.ladder .pie_graph{margin-top:20px;}
.analysis-table.lowhigh .pie_graph{margin-top:-8px;}
.analysis-table.snail .pie_graph{margin-top:-15px;}
.analysis-table.powerball .pie_graph{padding-top:50px;}
.analysis-table .pie_graph .graph{float:left;position:absolute;margin:25px 30px 0 -51px;}
.analysis-table.snail .pie_graph .graph{margin-top:50px;}


.analysis-table.two-graph{display: flex;   justify-content: space-around; }
/*
.analysis-table.two-graph .pie-graph{display: flex;   justify-content: space-between; }
*/
/** 아래거 대신 위의 것으로 점차 변경**/
.analysis-table .pie_graph .info{float:right;width:200px;margin-top:38px;}
.analysis-table.ladder .pie_graph .info{margin-top:43px;}
.analysis-table.powerball .pie_graph .info{margin-top:55px;}
.analysis-table.lowhigh .pie_graph .info{margin-top:40px;}

.analysis-table .pie_graph .info .left4odd.on{color:#319ade;}
.analysis-table .pie_graph .info .on{font-weight:bold;}
.analysis-table .pie_graph .info li{height:15px;margin-bottom:16px;line-height:15px;}
.analysis-table .pie_graph .info li em{font-style:normal;}
.analysis-table .pie_graph .info .ic{float:left;width:11px;height:11px;margin:1px 10px 0 0;border-radius:6px;}

.analysis-table .pie_graph .info .blue .ic{background-color:#319ade;}
.analysis-table .pie_graph .info .dblue .ic{background-color:#2980b9;}
.analysis-table .pie_graph .info .red .ic{background-color:#319ade;}
.analysis-table .pie_graph .info .dred .ic{background-color:#e74d39;}
.analysis-table .pie_graph .info .green .ic{background-color:#02ac0e;}
.analysis-table .pie_graph .info .dgreen .ic{background-color:#16a085;}
.analysis-table .pie_graph .info .yellow .ic{background-color:#ffb429;}
.analysis-table .pie_graph .info .dyellow .ic{background-color:#d07f0c;}





.pattern-layer .pagenation .prev {
    float: left;
    font-size: 80px;
    cursor: pointer;
    position: absolute;
    bottom: -26px;
    left: 1px;
    width: 10%;
}

.pattern-layer .pagenation .next {
    float: right;
    font-size: 80px;
    cursor: pointer;
    position: absolute;
    bottom: -26px;
    right: -37px;
    width: 10%;
}

.analysisBuyList {}
.tb_wrap {border-radius:10px; border:1px solid #9DB5DD; overflow:hidden}
.analysisBuyList table{border-collapse:collapse;width:100%; margin:0;}
.analysisBuyList th,.analysisBuyList td{height:34px;border:0;text-align:center;}
.analysisBuyList th{border-top:2px solid #444;background:#f1f1f1;}
.analysisBuyList tr:nth-child(2n+1){background:#fbfbfb;}
.analysisBuyList tbody tr:first-child.odd,.analysisBuyList tbody tr:first-child.blue{background:#deebff;}
.analysisBuyList tbody tr:first-child.even,.analysisBuyList tbody tr:first-child.red{background:#fef8f8;}
.analysisBuyList .graph,.analysisBuyList .date,.analysisBuyList .time{font-family:Tahoma;font-size:11px;}
.analysisBuyList .date span{padding-left:5px;font-weight:bold;color:#ed662c;}
.analysisBuyList .result .ico_pick{font-size:12px;}
.loading{position:relative;height:60px;line-height:60px;text-align:center;}
.loading span{display:block;position:absolute;top:50%;left:50%;width:35px;height:35px;margin:-17px 0 0 -17px;background:url(/img/loading.gif) no-repeat 0 0;}

.result_juk {color:yellow; font-weight:bold;}
.result_tie {color:#339900; font-weight:bold;}
.result_player {color:#0080ff; font-weight:bold;}
.result_banker {color:#ff3300; font-weight:bold;}
.result_odd {color:#fff; font-size:12px; background-color:#1755b2; width:24px; height:24px; border-radius:50%; display:block; margin:0px auto;}
.result_even {color:#fff; font-size:12px; background-color:#e74d39; width:24px; height:24px; border-radius:50%; display:block; margin:0px auto;}
.result_draw {color:#000; font-size:12px; background-color:#efaf04; width:24px; height:24px; border-radius:50%; display:block; margin:0px auto;}







/*분석 검색폼*/
.searchFormBox{overflow:hidden;position:relative;padding:8px 10px;background:none;line-height:32px; border-radius:10px; border:1px solid #9DB5DD;}
.searchFormBox .today {margin-top: 4px;}
.searchFormBox.patternAddDel { border:0; padding:0}
.searchFormBox.patternAddDel .btn {width:114px; height:40px;}
.searchFormBox.patternAddDel .tab_wrap {border-radius:10px; border:1px solid #9DB5DD;padding:7px 10px; overflow:hidden; margin-bottom:10px}
.searchFormBox.patternAddDel .pattern_wrap {border-radius:10px; border:1px solid #9DB5DD;padding:11px 10px; overflow:hidden}
.searchFormBox.patternAddDel .pattern_wrap .txt {margin-left:20px; color:#455D88; font-weight:500}
.searchFormBox .btnBox,.searchFormBox .btnBox .btn,.searchFormBox .infoText{float:left;vertical-align:top;}
.searchFormBox .round span{font-weight:bold;}
.searchFormBox .infoText .time{font-weight:bold;color:#e74d39;}
.searchFormBox .btnBox.option{float:right;}

.optionSelect .btn{float:left;position:relative;height:30px;margin-left:-1px;padding:0 10px;border:1px solid #ddd;background:#fff;line-height:30px;cursor:pointer;text-align:center;letter-spacing:-.1em;}
.searchFormBox button.btn,.topMsgBox button.btn,.optionSelect button.btn{height:32px;}
.searchFormBox .btn:hover,.searchFormBox select:hover,.optionSelect .btn:hover{z-index:3;}
.searchFormBox .btn.search{float:right;width:105px;border:1px solid #dfe3ec;background-color:#555;color:#fff;}
.topMsgBox .btn.submit{float:right;border:1px solid #cf2e2e;background-color:#e74d39;color:#fff;}
.searchFormBox .datepicker{width:70px;min-width:55px !important;padding-right:28px !important;background:#fff url(http://www.chanceball.com/img/pick.png) no-repeat 100% -267px !important;text-align:right;text-align:left !important;letter-spacing:0 !important;}
.searchFormBox .btn {background:linear-gradient(#F5F7FC, #EEEFF6); color:#455D88; width:58px;height:40px; line-height: 3; font-weight:500; margin-left:13px; }
.searchFormBox .btn:first-child {margin-left:0}
.searchFormBox .btn:not(.date) {border:1px solid #9DB5DD;  color:#455D88}
.searchFormBox .charge:not(.date) {color:#FFF; border:1px solid #FF78E3}
.searchFormBox .btn.selected{    border-color: rgba(255,255,255,0.5);
    box-shadow: inset 8px 6px 10px rgb(94 145 237 / 20%), inset -6px -6px 10px #fff !important;
    color: #5585D9;
    background: #E8EEF9;}
.searchFormBox .date_wrap {display:inline-block; position:relative;}
.searchFormBox .tab_date {float:right}
.searchFormBox .btn.btn_search{border-top-right-radius:9px; border-bottom-right-radius:9px; background:linear-gradient(#F5F7FC, #EEEFF6);height:38px;width:59px;border:0;border-left:1px solid #9EB5DE; font-weight:500; color:#455D88; position:absolute; right:1px; top:1px;}
.searchFormBox .btnBox {position:relative; float:left;}
.searchFormBox .btn.reset_today{padding:0;position:absolute; right:0; top:1px; height:38px;width:40px;border:0;border-left:1px solid #9EB5DE;border-right:1px solid #9EB5DE;border-top-right-radius:10px;border-bottom-right-radius:10px; color:#455D88; background:linear-gradient(283deg, #F5F7FC, #EEEFF6);}
.searchFormBox .btn.reset_count {padding:0;height:40px;width:74px;border-radius:10px; color:#455D88; background:linear-gradient(#F5F7FC, #EEEFF6); border:1px solid #9EB5DE; margin-left:10px; font-weight:500}
.searchFormBox .btn.reset{border-radius:6px; background:linear-gradient(#F5F7FC, #EEEFF6);height:40px;width:114px;border:1px solid #9EB5DE; font-weight:500; color:#455D88}
.searchFormBox .btn.relay{float:right;right:5px;border-color:#ddd;background:#fff; }
.searchFormBox .input_st1 {width:177px; height:40px;color:#455D88; font-weight:500}
.searchFormBox select:hover,.searchFormBox .btn.reset:hover{text-decoration:none;}
.searchFormBox.period .btn.submit{float:none;float:left;height:32px;margin:0 5px;border:1px solid #565e60;background:#565e60;color:#fff;}
.searchFormBox .optionBox .btn{float:left;border-left:0;}
.searchFormBox .optionBox .first_child{float:left;border-left:1px solid #ddd;}
.searchFormBox .datepicker,.searchFormBox select,.searchFormBox .optionBox,.searchFormBox .searchSelectBox,.searchFormBox .dash,.searchFormBox span{float:left;margin:0 1px;}
.searchFormBox .btn.rank{float:right !important;text-decoration:none;}
.searchFormBox .btn.rank:hover{border-color:#ddd;}
.searchFormBox .today,.patternAddDel .pattern{margin-right:30px; overflow: hidden; display: inline-block; float:left;}
.searchFormBox .today a,.patternAddDel .pattern a{float:left;width:30px;height:30px;padding:0 5px;font-size:0;text-indent:-9999em;}
.searchFormBox .today .date,.patternAddDel .pattern .count{float:left;padding:0 5px;font-size:20px; margin:0 13px}
.searchFormBox .today a span{display:inline-block;float:none !important;width:18px;height:26px;vertical-align:middle;}
.searchFormBox .today a.prev span{background:url(../img/icon_prev.png) no-repeat center;}
.searchFormBox .today a.next span{background:url(../img/icon_next.png) no-repeat center;}


/*분석: 일별기간별*/
.analysisArea .analysisTitle{height:40px;margin-bottom:-1px;border:1px solid #9EB5DE;line-height:40px;text-align:center;background:linear-gradient(#F8FAFF, #E5E8F2); border-top-left-radius:10px; border-top-right-radius:10px}
.analysisArea .analysisTitle span{font-weight:bold;color:#1fafa6;}
.analysisTotal,.analysisMaxMin{margin-bottom:8px;}
.analysisTotal table,.analysisMaxMin table{border-collapse:collapse;width:100%;}
.analysisTotal table td,.analysisMaxMin table td,.analysisTotal table th,.analysisMaxMin table th{position:relative;width:68px;height:40px;font-weight:normal;text-align:center;}
.analysisTotal table thead,.analysisMaxMin table thead{background:#fbfbfb;}
.analysisTotal table tbody td{height:60px;}
.analysisMaxMin table tbody td{height:100px;}
/* 다리다리용 */
.analysis-table{position:relative;margin-bottom:8px;border:1px solid #9EB5DE;}
.analysis-table:after{display:block;visibility:hidden;content:'';clear:both;}
.analysis-table .bar_graph{float:left;width:50%;padding:30px 71px 10px 71px;border-right:1px solid #9EB5DE;}
.analysis-table.lowhigh .bar_graph{padding:30px 71px 0 71px;}

.analysis-table .bar_graph .bar{width:100%;height:21px;margin-bottom:30px;border-radius:11px;background-color:#ededed;}
.analysis-table .bar_graph .bar p{position:relative;height:21px;margin-left:-1px;border-radius:11px;color:#979797;transition:width 1s ease-in-out;}
.analysis-table .bar_graph .tx{position:absolute;top:-5px;width:29px;height:29px;border:1px solid #d8d8d8;border-radius:16px;background-color:#fff;line-height:29px;color:#333;text-align:center;}
.analysis-table .bar_graph .per{position:absolute;top:0;font-family:Tahoma;font-size:9px;line-height:21px;white-space:nowrap;}
.analysis-table .bar_graph .left{float:left;}
.analysis-table .bar_graph .left .tx{left:-41px;}
.analysis-table .bar_graph .left .per{left:9px;}
.analysis-table .bar_graph .left.on,.analysis-table .bar_graph .left.on .tx{background-color:#319ade;color:#fff;}
.analysis-table .bar_graph .left.off,.analysis-table .bar_graph .left.off .tx1{background-color:#777777;color:#fff;}

.analysis-table .bar_graph .right{float:right;}
.analysis-table .bar_graph .right .tx{right:-41px;}
.analysis-table .bar_graph .right .per{right:9px;}
.analysis-table .bar_graph .right.on .tx{border:1px solid #e74d39;}

.analysis-table .bar_graph .right.on,.analysis-table .bar_graph .right.on .tx{background-color:#e74d39;color:#fff;}

.analysis-table .pie_graph{float:right;width:413px;}
.analysis-table.ladder .pie_graph{margin-top:20px;}
.analysis-table.lowhigh .pie_graph{margin-top:-8px;}
.analysis-table.snail .pie_graph{margin-top:-15px;}
.analysis-table.powerball .pie_graph{padding-top:50px;}
.analysis-table .pie_graph .graph{float:left;position:absolute;margin:25px 30px 0 -51px;}
.analysis-table.snail .pie_graph .graph{margin-top:50px;}


.analysis-table.two-graph{display: flex;   justify-content: space-around;  border-bottom-left-radius:10px; border-bottom-right-radius:10px }
/*
.analysis-table.two-graph .pie-graph{display: flex;   justify-content: space-between; }
*/
/** 아래거 대신 위의 것으로 점차 변경**/
.analysis-table .pie_graph .info{float:right;width:200px;margin-top:38px;}
.analysis-table.ladder .pie_graph .info{margin-top:43px;}
.analysis-table.powerball .pie_graph .info{margin-top:55px;}
.analysis-table.lowhigh .pie_graph .info{margin-top:40px;}

.analysis-table .pie_graph .info .left4odd.on{color:#319ade;}
.analysis-table .pie_graph .info .on{font-weight:bold;}
.analysis-table .pie_graph .info li{height:15px;margin-bottom:16px;line-height:15px;}
.analysis-table .pie_graph .info li em{font-style:normal;}
.analysis-table .pie_graph .info .ic{float:left;width:11px;height:11px;margin:1px 10px 0 0;border-radius:6px;}

.analysis-table .pie_graph .info .blue .ic{background-color:#319ade;}
.analysis-table .pie_graph .info .dblue .ic{background-color:#2980b9;}
.analysis-table .pie_graph .info .red .ic{background-color:#319ade;}
.analysis-table .pie_graph .info .dred .ic{background-color:#e74d39;}
.analysis-table .pie_graph .info .green .ic{background-color:#02ac0e;}
.analysis-table .pie_graph .info .dgreen .ic{background-color:#16a085;}
.analysis-table .pie_graph .info .yellow .ic{background-color:#ffb429;}
.analysis-table .pie_graph .info .dyellow .ic{background-color:#d07f0c;}

.pattern-layer .pagenation .prev {
    float: left;
    font-size: 80px;
    cursor: pointer;
    position: absolute;
    bottom: -26px;
    left: 1px;
    width: 10%;
}

.pattern-layer .pagenation .next {
    float: right;
    font-size: 80px;
    cursor: pointer;
    position: absolute;
    bottom: -26px;
    right: -37px;
    width: 10%;
}

.analysisBuyList table{border-collapse:collapse;width:100%; border: none;}
.analysisBuyList table tbody tr th {border-right:1px solid #9DB5DD;}
.analysisBuyList table tbody tr th:last-child {border-right:0}
.analysisBuyList table tbody:first-child tr {border-right:0}
.analysisBuyList th,.analysisBuyList td{height:34px;border:0;text-align:center;}
.analysisBuyList tr:first-child th {background:linear-gradient(#F8FAFF, #E5E8F2);}
.analysisBuyList tr:first-child th:first-child,
.analysisBuyList tr:first-child th:nth-child(2) {background:linear-gradient(#E5E7F1, #C7CDE6); border-right:1px solid #9DB5DD; }
.analysisBuyList tr:last-of-type th {background:linear-gradient(#E5E7F1, #C7CDE6);}
.analysisBuyList tr{border-right:1px solid #9DB5DD; border-bottom:1px solid #9DB5DD;}
.analysisBuyList tr:nth-child(2n+1){background:#fbfbfb;}
.analysisBuyList tbody tr:first-child.odd,.analysisBuyList tbody tr:first-child.blue{background:#deebff;}
.analysisBuyList tbody tr:first-child.even,.analysisBuyList tbody tr:first-child.red{background:#fef8f8;}
.analysisBuyList .graph,.analysisBuyList .date,.analysisBuyList .time{font-family:Tahoma;font-size:11px;}
.analysisBuyList .date span{padding-left:5px;font-weight:bold;color:#ed662c;}
.analysisBuyList .result .ico_pick{font-size:12px;}
#list_box tr:nth-child(15n) {border-bottom:0 !important}
#list_box tr:nth-child(15n) td {border-bottom:0 !important}
.loading{position:relative;height:60px;line-height:60px;text-align:center;}
.loading span{display:block;position:absolute;top:50%;left:50%;width:35px;height:35px;margin:-17px 0 0 -17px;background:url(/img/loading.gif) no-repeat 0 0;}
.btnMore{text-align:center; padding:10px 0;}
.btnMore button{display:block;width:99%;margin:auto;height:40px;border:1px solid #9EB5DE;background:linear-gradient(#EEEFF6, #F5F7FC);cursor:pointer; color:#455D88;border-radius:10px; font-weight:600 }
.result_juk {color:yellow; font-weight:bold;}
.result_tie {color:#339900; font-weight:bold;}
.result_player {color:#0080ff; font-weight:bold;}
.result_banker {color:#ff3300; font-weight:bold;}
.result_odd {color:#fff; font-size:12px; background-color:#1755b2; width:24px; height:24px; border-radius:50%; display:block; margin:0px auto;}
.result_even {color:#fff; font-size:12px; background-color:#e74d39; width:24px; height:24px; border-radius:50%; display:block; margin:0px auto;}
.result_draw {color:#000; font-size:12px; background-color:#efaf04; width:24px; height:24px; border-radius:50%; display:block; margin:0px auto;}
.analysisBuyList table.tb_pattern tbody td {background:none; border-top:1px solid #9DB5DD; border-bottom:1px solid #9DB5DD }
.analysisBuyList tr:nth-child(2n+1) {background:none}






.patternAddDel .pattern a span{display:block;float:none !important;width:100%;vertical-align:middle;}
.patternAddDel .pattern a.del span{background:url(/img/icon_sub.png) no-repeat center;}
.patternAddDel .pattern a.add span{background:url(/img/icon_add.png) no-repeat center;}

.patternSelect{overflow:hidden;background:url(http://www.chanceball.com/img/bg_pattern.png) 0 0;}
.patternSelect .title{float:left;width:80px;}
.patternSelect .title span{display:block;height:52px;line-height:52px;text-align:center; border-right:1px solid #9DB5DD; background:#F2F3F7; border-top:1px solid #9DB5DD; font-size:14px; font-weight:500; color:#455D88}
.patternSelect .title span:first-child {background:#E5E7F1;  border-top:0}
.patternSelect .inner li{float:left;width:39px;height:155px;margin-left:-1px;border:1px solid #444;text-align:center;}
.patternSelect .inner li span.count{display:block;height:52px;background:#666;line-height:52px;color:#fff;}
.patternSelect .inner li span.ico_pick{display:block;width:30px;height:30px;margin:11px auto !important;line-height:30px;}
.patternSelect .inner li span.round{height:52px;background:#fff;line-height:52px;}
.patternSelect .ico_pick{font-size:12px;}

.ico_pick.small{font-size:10px;}
.ico_pick.odd,.ico_pick.under,.ico_pick.line3,.ico_pick.left,.ico_pick.left4odd,.ico_pick.snail2,.ico_pick.blue{background:#319ade;}
.ico_pick.odd,.ico_pick.under,.ico_pick.line3,.ico_pick.left,.ico_pick.left4odd,.ico_pick.snail2,.ico_pick.green{background:#3ebd16;}
.ico_pick.odd,.ico_pick.under,.ico_pick.line3,.ico_pick.left,.ico_pick.left4odd,.ico_pick.snail2,.ico_pick.black{background:#0e0e0e;}
.ico_pick.right3odd{background:#0f73b6;}
.ico_pick.even,.ico_pick.over,.ico_pick.line4,.ico_pick.right,.ico_pick.left3even,.ico_pick.snail1,.ico_pick.red{background:#e74d39;}
.ico_pick.even, .ico_pick.over, .ico_pick.line4, .ico_pick.right, .ico_pick.left3even, .ico_pick.snail1, .ico_pick.yellow {background: #efaf04;}
.ico_pick.right4even{background:#c22222;}
.ico_pick.thick-blue{background:#0f73b6;}
.ico_pick.thick-red{background:#c22222;}
.ico_pick.green{background:#02ac0e;}
.ico_pick.gray{background:#565e60;}
.ico_pick.thick-green{background:#02720a;}

.ico_pick{display:inline-block;position:relative;width:24px;height:24px;margin:6px auto;border-radius:100%;font-family:Tahoma;font-size:12px;line-height:24px;color:#fff;text-align:center;}


.analysisSameList table{border-collapse:collapse;width:100%;}
.analysisSameList th,.analysisSameList td{padding:0;border:1px solid #9FB6DE;text-align:center; }
.analysisSameList tr:first-child th,.analysisSameList td:first-child {border-top:0}
.analysisSameList tr th:first-child {border-left:0}
.analysisSameList tr th:last-child {border-right:0}
.analysisSameList tr td:first-child {border-left:0}
.analysisSameList tr td:last-child {border-right:0;}
.analysisSameList tr:last-child td { border-bottom:0}
.analysisSameList th{height:34px;background:linear-gradient(#F5F7FC, #EEEFF6);}
.analysisSameList td{height:58px;}
.analysisSameList ul{width:100%;height:58px;background:url(/img/bg_pattern_table3.png) repeat-x 0 0;}
.analysisSameList li{float:left;width:30px;padding-right:1px;}
.analysisSameList li:last-child{width:30px;}
.analysisSameList .result .ico_pick{display:block;margin:0 auto 6px;}