@charset "utf-8";
.waiting-cont{width:1920px; padding:10px 20px; overflow:hidden; box-sizing:border-box;}

.waiting-left{width:1272px; float:left;}
.waiting-left .title{padding-left:30px; height:80px;}
.waiting-left .waiting-list{position:relative; background:rgba(255, 255, 255, 0.4); border-radius:15px;}
.waiting-left .waiting-list .tab-btns{position:absolute; right:195px; top:-42px;}
.waiting-left .waiting-list .tab-btns a{width:125px; line-height:36px; display:block; margin-right:5px; float:left; background:rgba(255, 255, 255, 0.2); border-radius:8px; text-align:center; font-size:20px; color:#fff; font-weight:600;}
.waiting-left .waiting-list .tab-btns a.active{opacity:0.6;box-shadow: 0px 0px 8px 0px rgb(255, 255, 255, 0.7); -webkit-box-shadow:0px 0px 8px 0px rgb(255, 255, 255, 0.7);}
.waiting-left .waiting-list .tab-btns a span{padding-left:30px;}
.waiting-left .waiting-list .tab-btns a.pro-btn span{background:url(../_Img/Content/pro-icon.png) no-repeat left;}
.waiting-left .waiting-list .tab-btns a.ama-btn span{background:url(../_Img/Content/ama-icon.png) no-repeat left;}

.waiting-left .waiting-list .list-tit{width:100%; text-align:center; overflow:hidden; background:rgba(255, 255, 255, 0.6); border-radius:15px 15px 0px 0px;}
.waiting-left .waiting-list .list-tit li{line-height:42px; font-size:18px; color:#5e93e1; font-weight:600;}
.waiting-left .waiting-list .list-tit .room{width:10%; float:left;}
.waiting-left .waiting-list .list-tit .nick{width:14%; float:left;}
.waiting-left .waiting-list .list-tit .small{width:6%; float:left;}
.waiting-left .waiting-list .list-tit .maxi{width:10%; float:left;}
.waiting-left .waiting-list .list-tit .tit{width:26%; float:left;}
.waiting-left .waiting-list .list-tit .curr{width:10%; float:left;}
.waiting-left .waiting-list .list-tit .peop{width:8%; float:left;}
.waiting-left .waiting-list .list-tit .cond{width:16%; float:left;}

.waiting-left .waiting-list .list{padding:10px 20px;}
.waiting-left .waiting-list .list ul{overflow:hidden; height:680px; overflow-y:auto;}
.waiting-left .waiting-list .list ul li{position:relative; line-height:46px; font-size:17px; background:#fff; overflow:hidden; margin-bottom:4px; border-radius:10px; text-align:center;}
.waiting-left .waiting-list .list ul li p{position:relative;}
.waiting-left .waiting-list .list ul li p:before{position:absolute; right:0px; top:50%; width:1px; height:26px; margin-top:-13px; background:#c5cdd9; content:"";}
.waiting-left .waiting-list .list .room{width:8%; float:left; font-size:26px; color:#fff; font-weight:600; background:#63c2ff;}
.waiting-left .waiting-list .list .room:before{display:none;}
.waiting-left .waiting-list .list .nick{width:14%; float:left; color:#4e9d3c;}
.waiting-left .waiting-list .list .nick .icon{display:inline-block; width:24px; height:24px; padding-right:5px; vertical-align:middle;}
.waiting-left .waiting-list .list .nick .icon img{width:100%; height:100%;}
.waiting-left .waiting-list .list .small{width:8%; float:left;}
.waiting-left .waiting-list .list .maxi{width:10%; float:left;}
.waiting-left .waiting-list .list .tit{width:26%; padding:0px 20px; box-sizing:border-box; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.waiting-left .waiting-list .list .curr{width:12%; float:left;}
.waiting-left .waiting-list .list .peop{width:8%; float:left; color:#5c7099;}
.waiting-left .waiting-list .list .peop span{padding-left:25px; background:url(../_Img/Content/peop-icon.png) no-repeat left;}
.waiting-left .waiting-list .list .cond{width:14%; float:left;}
.waiting-left .waiting-list .list .cond:before{display:none;}
.waiting-left .waiting-list .list .cond .none{background:#a6b2c1; line-height:36px; width:80%; display:inline-block; font-size:20px; margin-top:5px; border-radius:8px; color:#fff; font-weight:500;}
.waiting-left .waiting-list .list .cond .none span{padding-left:30px; background:url(../_Img/Content/none-icon.png) no-repeat left;}
.waiting-left .waiting-list .list .cond .poss{background:#7dd249; line-height:36px; width:80%; display:inline-block; font-size:20px; margin-top:5px; border-radius:8px; color:#fff; font-weight:500;}
.waiting-left .waiting-list .list .cond .poss span{padding-left:30px; background:url(../_Img/Content/poss-icon.png) no-repeat left;}
.waiting-left .waiting-list .adver img{width:100%;}


.waiting-right{width:562px; float:right;}
.waiting-right .gnb-btns{margin-bottom:28px;}
.waiting-right .gnb-btns ul{margin:0px -1%; overflow:hidden;}
.waiting-right .gnb-btns ul li{width:23%; float:left; margin:0px 1%;}
.waiting-right .gnb-btns ul li a{line-height:52px; display:block; text-align:center; font-size:22px; color:#fff; font-weight:500; background:rgba(255, 255, 255, 0.2); border-radius:8px; box-shadow: 0px 0px 8px 0px rgb(0, 0, 0, 0.5);}
.waiting-right .gnb-btns ul li a span{padding-left:30px;}
.waiting-right .gnb-btns ul li.club a span{background:url(../_Img/Content/gnb-icon01.png) no-repeat left;}
.waiting-right .gnb-btns ul li.note a span{background:url(../_Img/Content/gnb-icon01.png) no-repeat left;}
.waiting-right .gnb-btns ul li.item a span{background:url(../_Img/Content/gnb-icon02.png) no-repeat left;}
.waiting-right .gnb-btns ul li.break a span{background:url(../_Img/Content/gnb-icon03.png) no-repeat left;}

.waiting-right .room-make{position:relative; padding:30px 25px 30px 252px; margin-bottom:55px; background:rgba(11, 37, 67, 0.6); border-radius:10px; padding:;}
.waiting-right .room-make .img{position:absolute; left:25px; top:30px; width:210px; text-align:center;}
.waiting-right .room-make .btxt{font-size:24px; color:#fff; font-weight:600; line-height:120%; margin-bottom:10px;}
.waiting-right .room-make .stxt{font-size:26px; color:#ffd649; font-weight:600; line-height:120%; padding-bottom:10px; border-bottom:1px solid #0d1624; }
.waiting-right .room-make .level{font-size:24px; color:#9ab8e3; padding-top:5px; border-top:1px solid #1c3966; font-weight:600; line-height:120%; margin-bottom:15px;}

.waiting-right .event-sel{background: rgba(255, 255, 255, 0.4);}
.waiting-right .event-sel .event-tit{background:#fff; height:73px; }
.waiting-right .event-sel .event-tit li{width:20%; float:left;}
.waiting-right .event-sel .event-tit li a{ height:73px; display:block;}
.waiting-right .event-sel .event-tit li.soccer a{background:url(../_Img/Content/soccer-icon.png) no-repeat center;}
.waiting-right .event-sel .event-tit li.base a{background:url(../_Img/Content/base-icon.png) no-repeat center;}
.waiting-right .event-sel .event-tit li.basket a{background:url(../_Img/Content/basket-icon.png) no-repeat center;}
.waiting-right .event-sel .event-tit li.volley a{background:url(../_Img/Content/volley-icon.png) no-repeat center;}
.waiting-right .event-sel .event-tit li.afoot a{background:url(../_Img/Content/afoot-icon.png) no-repeat center;}
.waiting-right .event-sel .list{padding:10px 15px;}
.waiting-right .event-sel .list ul{overflow:hidden; height:370px; overflow-y:auto;}
.waiting-right .event-sel .list ul li{position:relative; line-height:120%; font-size:17px; color:#000; overflow:hidden; margin-bottom:8px;}
.waiting-right .event-sel .input{padding:5px 10px;}
.waiting-right .event-sel .input input[type="text"]{font-size:14px; background:none; width:100%; height:36px; border-radius:3px; border:2px solid #fff;}

.layer-wrap.roomake{position:absolute; width:526px; padding:12px 18px 7px 18px; display:none; background:#326f91; border:3px solid #083a5b; border-radius:10px; box-sizing:border-box; box-shadow:0px 0px 5px 0px rgba(255, 255, 255, 0.5) inset; -webkit-box-shadow:0px 0px 5px 0px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow:0px 0px 5px 0px rgba(255, 255, 255, 0.5) inset;}
.layer-wrap.roomake .title{margin-bottom:10px; text-shadow: 3px 3px 1px rgba(8, 71, 130, 1); font-weight:600; font-size:26px; color:#fff; line-height:120%; font-weight:600;}
.layer-wrap.roomake .list{background:#cee4f8; padding:13px 20px; border-radius:7px;}
.layer-wrap.roomake .list ul li{position:relative; padding-left:115px; margin-bottom:10px;}
.layer-wrap.roomake .list ul li .btxt{position:absolute; left:0px; top:0px; width:114px; text-align:center; font-size:18px; color:#000; line-height:38px;}
.layer-wrap.roomake .list ul li input[type="text"]{font-size:15px; width:100%; height:38px; border:none;}
.layer-wrap.roomake .list ul li .radios{line-height:38px;}
.layer-wrap.roomake .list ul li .radios .chk-radios{margin-right:10px;}
.layer-wrap.roomake .btn-wrap .make-btn{line-height:;}

.layer-wrap.batting{position:absolute; width:824px; display:none; background:#fff; box-sizing:border-box;}
.layer-wrap.batting table.wrapping{text-align:center;}
.layer-wrap.batting table.wrapping thead th{padding:10px 5px; font-size:14px; border:1px solid #eaeaea; color:#fff; font-weight:500; background:#1e1e1e;}
.layer-wrap.batting table.wrapping tbody td{padding:10px 5px; font-size:13px; border:1px solid #eaeaea; color:#fff; font-weight:400; background:#737373;}

.layer-wrap.batting table.wrapping tbody td .arrow-top{width:30px; height:30px; display:inline-block; background:url(../_Img/Content/batting-arrowT.png) no-repeat center;}
.layer-wrap.batting table.wrapping tbody td .arrow-bott{width:30px; height:30px; display:inline-block; background:url(../_Img/Content/batting-arrowB.png) no-repeat center;}

.layer-wrap.batting table.wrapping tbody td.bonus{padding:0px; background:#ffdb0e; padding:10px 35px; font-size:13px; color:#333;}

.layer-wrap.batting table.wrapping tbody td.bonus .stxt{color:#333; margin-right:20px;}
.layer-wrap.batting table.wrapping tbody td.bonus .ctxt{color:#000cff;}

.layer-wrap.batting table.wrapping tbody td.visceral{padding:0px; border:none;}

.layer-wrap.batting table.wrapping tbody td.sum-divi{padding:0px; background:#efefef; padding:10px 10px 10px 35px; font-size:13px; color:#000;}
.layer-wrap.batting table.wrapping tbody td.sum-divi .date{width:20%; text-align:left;}
.layer-wrap.batting table.wrapping tbody td.sum-divi .batting{width:18%;}
.layer-wrap.batting table.wrapping tbody td.sum-divi .divi{width:20%;}
.layer-wrap.batting table.wrapping tbody td.sum-divi .accur{width:27%;}
.layer-wrap.batting table.wrapping tbody td.sum-divi .btns{width:15%;}
.layer-wrap.batting table.wrapping tbody td.sum-divi .btns .defeat-btn{width:48px; line-height:26px; color:#000; border:1px solid #ef6e2a; background:#ff990d; display:inline-block; vertical-align:top;}
.layer-wrap.batting table.wrapping tbody td.sum-divi .btns .del-btn{width:48px; line-height:26px; color:#000; border:1px solid #b5b5b5; background:#c1c1c1; display:inline-block; vertical-align:top;}

.layer-wrap.batting table.visc{text-align:center;}
.layer-wrap.batting table.visc thead th{padding:8px 5px; font-size:14px; border:1px solid #eaeaea; color:#333; font-weight:600; background:#ffdb0e;}
.layer-wrap.batting table.visc tbody td{padding:2px; font-size:13px; border:1px solid #eaeaea; color:#333; background:#fff; font-weight:400;}

.layer-wrap.batting table.visc tbody td .outcome{line-height:26px; border:1px solid #efa32a; background:#ffda0c; color:#000; font-size:13px; display:inline-block; width:48px;}

.layer-wrap.batting table.visc tbody td .btxt-point{padding:8px 18px; overflow:hidden; background:#efefef;}
.layer-wrap.batting table.visc tbody td .btxt-point.yellow{background:#ffed86;}
.layer-wrap.batting table.visc tbody td .btxt-point .btxt{float:left;}
.layer-wrap.batting table.visc tbody td .btxt-point .point{float:right;}

.layer-wrap.batting table.visc tbody td .point-btxt{padding:8px 18px; overflow:hidden; background:#efefef;}
.layer-wrap.batting table.visc tbody td .point-btxt.yellow{background:#ffed86;}
.layer-wrap.batting table.visc tbody td .point-btxt .point{float:left;}
.layer-wrap.batting table.visc tbody td .point-btxt .btxt{float:right;}

.layer-wrap.batting table.visc tbody td .point-txt{padding:8px 18px; overflow:hidden; background:#efefef;}

.layer-wrap.batting table.visc tbody td .write-btn{width:30px; height:30px; display:inline-block; background:url(../_Img/Main/write-icon.png) no-repeat center;}
.layer-wrap.batting table.visc tbody td .reply-btn{width:30px; height:30px; display:inline-block; background:url(../_Img/Main/reply-icon.png) no-repeat center;}
.layer-wrap.batting table.visc tbody td .speak-btn{width:30px; height:30px; display:inline-block; background:url(../_Img/Main/speak-icon.png) no-repeat center;}
.layer-wrap.batting table.visc tbody td .more-btn{line-height:26px; color:#333333; font-size:14px; width:70%; display:inline-block; border:1px solid #efa32a; background:#ffd709;}