.unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } textarea:focus, input:focus{ outline: 0; } ::-webkit-scrollbar { width: 16px; height: 0.5em; } ::-webkit-scrollbar-thumb {background: #cdcdcd;} ::-webkit-scrollbar-track {background: #f0f0f0;} body {scrollbar-face-color: #cdcdcd;scrollbar-track-color: #f0f0f0;} input[type="radio"], input[type="checkbox"]{vertical-align:top;} label {cursor:pointer;} hr.set{border:0;padding:0;margin:0;} body {background:#f3f3f3; color:#333;} .common_header { background:#09193f; color:#FFF; font-size:14px; } .membermenu {font-weight:700;} #membermenu {border:2px solid #000000; width:80px; position:absolute; z-index:250;box-shadow: 0 2px 2px rgba(0,0,0,.05); padding:0;} #membermenu > li {height:24px; border-bottom:1px solid #FFF; padding:0;} #membermenu > li > a{ display:block; background:#313131; line-height:24px; font-size:11px; color:#FFF; text-align:left; padding-left:10px; font-weight:400;} #membermenu > li > a:hover {background:#000000; color:#00ffcc} body > header { height:101px; position:relative; border-bottom:1px solid #cecece; min-width:1200px; background-color: #fff; } body > header > .header_box { width: 1200px; margin: 0 auto; } body > header > .header_box > h1 { width:219px; height: 100px; margin: 0; float: left; padding: 32.5px 0; } body > header > .header_box > h1 > a { display: block; width: 100%; height: 35px; background-image: url("../_images/logo.png"); background-repeat: no-repeat; } body > header > .header_box > nav { padding: 0; width: 640px; float: left; } body > header > .header_box > nav > menu { font-size: 0; word-break: break-all; padding: 0; display: inline-block; margin: 0; } body > header > .header_box > nav > menu > li { display: inline-block; font-size: 16px; text-align: center; padding: 0; text-align: center; width: 160px; height: 100px; line-height: 100px; } body > header > .header_box > nav > menu > li.set_effect { position: relative; z-index: 0; } @keyframes menu_effect_before { 0% { opacity: 0.6; transform: scale(0.6); } 100% { opacity: 0; transform: scale(1); } } @keyframes menu_effect_after { 0% { opacity: 0.6; transform: scale(0.6); } 100% { opacity: 0; transform: scale(1.3); } } body > header > .header_box > nav > menu > li.set_effect:before, body > header > .header_box > nav > menu > li.set_effect:after { position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; width: 50px; height: 50px; border: 4px solid #0077ff; border-radius: 50%; background: transparent; content: ""; z-index: -1; animation-duration: 1s; animation-iteration-count: infinite; } body > header > .header_box > nav > menu > li.set_effect:before { animation-name: menu_effect_before; } body > header > .header_box > nav > menu > li.set_effect:after { animation-name: menu_effect_after; border-width: 2px; } body > header > .header_box > nav > menu > li.set_effect a { color: #e40000; } body > header > .header_box > nav > menu a{ font-size:20px; font-weight:700; color:#1c0d3a; position: relative; padding: 15px; z-index: 0; cursor: pointer; } body > header > .header_box > nav > menu a:before, body > header > .header_box > nav > menu a:after{ position: absolute; opacity: 0; width: 0%; height: 2px; content: ''; background: #e40000; transition: all 0.3s; } body > header > .header_box > nav > menu a:before{ left: 0px; top: 0px; } body > header > .header_box > nav > menu a:after{ right: 0px; bottom: 0px; } body > header > .header_box > nav > menu a:hover:before, body > header > .header_box > nav > menu a:hover:after{ opacity: 1; width: 100%; } body > header > .header_box > nav > menu a.on, body > header > .header_box > nav > menu a:hover {color:#e40000;} body > header > .header_box > nav > .sub_menu_box { position: absolute; top: 101px; left: 0; width: 100%; display: none; background-color: #fff; border-bottom: 1px solid #cecece; z-index: 10; } body > header > .header_box > nav:hover > .sub_menu_box { display: block; } .sub_menu_list { width: 1200px; margin: 0 auto; padding-left: 219px; } .sub_menu_list li { float: left; height: 280px; padding: 15px; width: 160px; border-right: 1px solid #cecece; } .sub_menu_list li:first-child { border-left: 1px solid #cecece; } .sub_menu_list li a { font-size: 14px; color: #555; height: 26px; line-height: 26px; display: block; font-weight: 700; } .sub_menu_list li a:hover { text-decoration: underline; color: #000; } /* header 로그인 버튼 박스 */ .header_login_box { height: 100px; display: inline-block; float: right; text-align: right; padding: 33px 0; } .header_login_box p { margin-right: 20px; display: inline-block; font-weight: bold; } .header_login_box p span { font-weight: normal; } .header_login_box a { display: inline-block; width: 80px; height: 34px; line-height: 34px; background-color: #09193f; color: #fff; text-align: center; } .header_login_box a:hover { background-color: #102555; } .header_login_box a.charge { background-color: #008cff; } .header_login_box a.charge:hover { background-color: #0066ff; } .header_login_box a.logout { background-color: #f3f3f3; border: 1px solid #ccc; color: #555; line-height: 32px; } .header_login_box a.logout:hover { border-color: #999; color: #111; } body > header > .header_box > form, body > header > .header_box > .member_info{ display: block; float: right; width:300px; height:100px; } body > header > .header_box > .member_info { position: relative; padding-right: 70px; } body > header > .header_box > .member_info h1 { line-height:25px; font-size:14px; width:100%; margin:0; font-weight:700; color:#09193f; } body > header > .header_box > .member_info h1 > span {font-weight:normal; color:#555;} body > header > .header_box > .member_info p.money { margin-top: 2px; width: 100%; } body > header > .header_box > .member_info p.money > span { display:inline-block; line-height:25px; height:25px; float:left; width:50%; letter-spacing:-1px; font-size:12px; } body > header > .header_box > .member_info p.money img {vertical-align:middle;} body > header > .header_box > .member_info p.money .money {color:#e40000;} body > header > .header_box > .member_info p.money .point {color:#008cff;} body > header > .header_box > form, body > header > .header_box > .member_info { padding-top: 24px; } body > header > .header_box > form .textbox { width:100px; height:30px; background:#f3f3f3; border: 1px solid #dddddd; color:#333; padding:0 10px; vertical-align:top; font-size:12px; margin-bottom:3px; display: inline-block; } body > header > .header_box > form .textbox::-webkit-input-placeholder { color:#333; } body > header > .header_box > form .textbox::-moz-placeholder { color:#333; } body > header > .header_box > form .textbox:-ms-input-placeholder { color:#333; } body > header > .header_box > form .textboxinput:-moz-placeholder { color:#333; } body > header > .header_box > form .login { width: 80px; height: 30px; background-color: #e40000; color: #fff; border: none; font-size:12px; display: inline-block; vertical-align:top; } body > header > .header_box > form .lost_idpw { display:block; font-size:12px; color:#444; line-height:18px; font-weight:400; } body > header > .header_box > form .login_btn:hover {text-decoration:none;} body > header > .header_box > .member_info {font-size:12px;color:#FFF;} body > header > .header_box > .member_info > strong {color:#00ffcc; font-size:14px;} body > header > .header_box > .member_info > a { display:block; font-size:12px; font-weight:400; height:24px; padding:0 10px; color:#777; border:1px solid #ddd; line-height:20px; font-weight:700; background-color: #f3f3f3; position:absolute; top:24px; right:0; } body > header > .header_box > .member_info > a:hover { color: #333; border-color: #999; } body > header > .header_box > .member_info > a.modify { right:0; top:52px; border-color:#008cff; color:#008cff; background-color: #d3ebff; } body > header > .header_box > .member_info > a.modify:hover { background-color: #008cff; color: #fff; } body > header > .header_box > form .regist {position:absolute; display:block; top:27px; right:0; width:70px; font-size:12px; font-weight:400; height:24px; padding:0 10px; color:#e64f00; border:2px solid #e64f00; line-height:20px; font-weight:700; } body > header > .header_box > .header_innerbox > nav > menu > li > div.humor {background: url("../_images/humor.png") no-repeat right;height: 57px;margin-top: -57px; width:35px} .banner_box { width: 100%; min-width: 1200px; position: relative; } .banner_box .owl-item { height: 370px; background-color: #ddd; } .banner_box .owl-controls .owl-pagination { width: 100%; position: absolute; bottom: 0; left: 0; } .banner_box .owl-controls .owl-page span { background: #fff; } .owl-theme .owl-controls .owl-buttons div.owl-prev { position: absolute; width: 100px; height: 100px; background-color: transparent; font-size: 80px; line-height: 100px; color: #fff; text-align: center; top: 50%; left: 200px; margin-top: -50px; } .owl-theme .owl-controls .owl-buttons div.owl-next { position: absolute; width: 100px; height: 100px; background-color: transparent; font-size: 80px; line-height: 100px; color: #fff; text-align: center; top: 50%; right: 200px; margin-top: -50px; } .main_game_box { padding: 0; margin: 0; width: 1200px; margin: 30px auto 0; } .main_game_box li { float: left; width: 390px; height: 255px; margin-left: 15px; background-size: 100%; background-repeat: no-repeat; background-position: center; } .main_game_box li:first-child { margin-left: 0; } .main_game_box li.soccer { background-image: url("../_images/main_game_soccer.png"); } .main_game_box li.baseball { background-image: url("../_images/main_game_baseball.png"); } .main_game_box li.basketball { background-image: url("../_images/main_game_basketball.png"); } .main_game_box li.bowling { background-image: url("../_images/main_game_bowling.png"); } .main_game_box li a { display: block; width: 390px; height: 255px; position: relative; overflow: hidden; } .main_game_box li a > div { height:inherit; width:inherit; color:#FFF; backface-visibility:hidden; -webkit-backface-visibility:hidden; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; text-align:center; position: relative; z-index: 20; } .main_game_box li a > div.main_game_bg { width: 0px; height: 0px; position: absolute; top: 50%; left: 50%; z-index: 10; background-position: center; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; border-radius: 100%; } .main_game_box li.soccer a div.main_game_bg { background-image: url("../_images/main_game_basketball_on.png"); } .main_game_box li.baseball a div.main_game_bg { background-image: url("../_images/main_game_baseball_on.png"); } .main_game_box li.basketball a div.main_game_bg { background-image: url("../_images/main_game_basketball_on.png"); } .main_game_box li.bowling a div.main_game_bg { background-image: url("../_images/main_game_bowling_on.png"); } .main_game_box li a:hover > div.main_game_bg { width: 500px; height: 499px; position: absolute; top: -122px; left: -55px; } .main_game_box li a div.back{ position:relative; top:-255px; transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); } .main_game_box li a div.back p { display: block; width: 40%; height: 50px; border: 4px solid #fff; line-height: 42px; text-align: center; font-size: 24px; font-weight: bold; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -20%; } .main_game_box li a:hover div.front{ transform:rotateY(-180deg); -webkit-transform:rotateY(-180deg); -ms-transform:rotateY(-180deg); -moz-transform:rotateY(-180deg); -o-transform:rotateY(-180deg); } .main_game_box li a:hover div.back{ transform:rotateY(0deg); -webkit-transform:rotateY(0deg); -ms-transform:rotateY(0deg); -moz-transform:rotateY(0deg); -o-transform:rotateY(0deg); } body > .bg_wrap { padding: 30px 0; } body > .bg_wrap.main { padding: 0; } body > .bg_wrap > main { width:1200px; margin: 0 auto; position:relative; min-height:1000px; } body > .bg_wrap > main > aside {position:absolute; top:0; right:0; width:316px; min-height:1000px;} body > .bg_wrap > main > aside #bettingcart > h1, body > .bg_wrap > main > aside #sportsrank > h1, body > .bg_wrap > main > aside #gamerule > h1{padding:10px; position:relative; margin:0; } body > .bg_wrap > main > aside #sportsrank > h1 > span.icon, body > .bg_wrap > main > aside #gamerule > h1 > span.icon{position:absolute; top:8px; left:100px; color:#777777;} body > .bg_wrap > main > aside #gamerule > h1 > span.icon{left:65px;top:10px;} body > .bg_wrap > main > aside #sportsrank > h1 > p{position:absolute; top:10px; right:5px; font-weight:400;} body > .bg_wrap > main > aside #sportsrank > h1 > p > span{display:block; width:30px; text-align:center; float:left; color:#FFF;} body > .bg_wrap > main > aside #sportsrank > ol {padding:0; margin:0; height:301px; overflow:hidden;} body > .bg_wrap > main > aside #sportsrank > ol > li {background:#4c4e51; color:#FFF; height:30px; line-height:30px; font-size:12px; padding:0 10px; position:relative;} body > .bg_wrap > main > aside #sportsrank > ol > li span {display:block; float:left;} body > .bg_wrap > main > aside #sportsrank > ol > li span.blue {color:#ffe400} body > .bg_wrap > main > aside #sportsrank > ol > li span.red {color:#ffc000} body > .bg_wrap > main > aside #sportsrank > ol > li img{float:left; margin-top:8px;} body > .bg_wrap > main > aside #sportsrank > ol > li .rank {margin-right:10px; margin-left:5px; width:30px; text-align:right; } body > .bg_wrap > main > aside #sportsrank > ol > li .name {margin-right:5px;} body > .bg_wrap > main > aside #sportsrank > ol > li .change {margin-right:5px; } body > .bg_wrap > main > aside #sportsrank > ol > li .change.plus {color:#ffe400;} body > .bg_wrap > main > aside #sportsrank > ol > li .change.minus {color:#ffc000;} body > .bg_wrap > main > aside #sportsrank > ol > li.ranktops span{font-weight:700;} body > .bg_wrap > main > aside #sportsrank > ol > li p{position:absolute; top:0; right:5px; font-weight:400;} body > .bg_wrap > main > aside #sportsrank > ol > li p > span{display:block; width:30px; text-align:center; float:left;} body > .bg_wrap > main > aside #sportsrank > ol > li p span.bar {color:#777} body > .bg_wrap > main > aside #sportsrank a.more {display:block; border-top:1px solid #d0d5df; text-align:center; background:#4c4e51; height:30px; width:330px; line-height:30px; font-size:12px; color:#FFF;} body > .bg_wrap > main > aside #gamerule > div {background:#4c4e51; padding:10px; font-size:12px; color:#FFF;} body > .bg_wrap > main > aside #gamerule > div strong{color:#FFF;} /* aside > 로그인박스 */ .login_box { margin-bottom: 14px; padding: 20px; width: 100%; border: 1px solid #ddd; background: #fff; } .login_box input { margin-bottom: 5px; display: block; width: 100%; border-radius: none; padding: 0 10px; } .login_box input[type=text], .login_box input[type=password] { border: 1px solid #ddd; background-color: #f3f3f3; height: 36px; line-height: 36px; } .login_box input[type=submit] { border: none; text-align: center; color: #fff; background-color: #e40000; height: 36px; line-height: 36px; } .login_box input[type=submit]:hover { background-color: #c90000; } .login_bot_box { width: 100%; margin-top: 8px; } .login_bot_box a { color: #555; display: inline-block; font-size: 12px; } .login_bot_box a:hover { text-decoration: underline; } .login_bot_box a.login_btn { float: left; } .login_bot_box a.lost_idpw { float: right; } /* aside > 회원정보박스 */ .member_info_box { width: 100%; border: 1px solid #ddd; background: #fff; margin-bottom: 14px; } .member_info_box .mb_info { padding: 20px 90px 10px 20px; width: 100%; position: relative; } .mb_info h1 { line-height:25px; font-size:16px; width:100%; margin:0; font-weight:700; color:#09193f; } .mb_info h1 span { font-weight:normal; color:#555; } .mb_info p.money { display: block; width: 100%; } .mb_info p.money span { display: block; width: 100%; } .mb_info p.money span.money { color:#e40000; } .mb_info p.money span.point { color:#008cff; } .mb_info a.member_btn { display:block; font-size:12px; font-weight:400; height:24px; padding:0; color:#777; border:1px solid #ddd; line-height:22px; font-weight:700; background-color: #f3f3f3; position:absolute; right:20px; width: 70px; text-align: center; } .mb_info a.logout { top:22px; } .mb_info a.modify { top:52px; border-color:#008cff; color:#008cff; background-color: #d3ebff; } .mb_info a.member_btn:hover { color: #333; border-color: #999; } .mb_info a.modify:hover { background-color: #008cff; color: #fff; border-color:#008cff; } .member_info_bot_box { border-top: 1px solid #ddd; } .member_info_bot_box a { float: left; display: block; float: left; width: 50%; text-align: center; border-left: 1px solid #ddd; height: 32px; line-height: 32px; background-color: #f3f3f3; color: #555; } .member_info_bot_box a:first-child { border-left: none; } .member_info_bot_box a:hover { background-color: #eee; color: #000; } body > .bg_wrap > main > #main_contents { position:relative; width:856px; } body > .bg_wrap > main.noleft{min-height:500px;} body > .bg_wrap > main.noleft > #main_contents{margin-left:0; margin:0 auto;} body > .bg_wrap > main.noleft > #main_contents {min-height:500px;} body > .bg_wrap > main.noleft > #main_contents.full{ width:100%; border: 1px solid #ddd; background-color: #fff; } body > .bg_wrap > main.noleft > #main_contents.login { width: 600px; border: 1px solid #ddd; background-color: #fff; padding: 100px; } body > .bg_wrap > main > #main_contents.board, body > .bg_wrap > main > #main_contents.mypage, body > .bg_wrap > main > #main_contents.mypoint { width: 856px; border: 1px solid #ddd; background-color: #fff; padding: 0 20px 60px; } body > .bg_wrap > main.noleft > #main_contents.viewcontents > div.center{padding:0 50px;} body > .bg_wrap > main > #main_contents.virtual_sports{ width: 856px; border: 1px solid #ddd; background-color: #fff; padding: 0 18px 60px; min-height: 1200px; } body > .bg_wrap > main > #main_contents.arcade { width: 856px; border: 1px solid #ddd; background-color: #fff; padding: 0 18px 60px; min-height: 1200px; } body > .bg_wrap > main > #main_contents > .top_banner {width:820px; margin-bottom:10px;} body > .bg_wrap > main > #main_contents > .main_nav { width:100%; clear:both; padding:30px 0; background-color: #fff; } body > .bg_wrap > main > #main_contents > .main_nav > img { display: block; margin: 0 auto 30px; } body > .bg_wrap > main > #main_contents > .main_nav > h1 { display:block; font-size:34px; color:#111; margin:0; font-weight:700; text-align:center; } body > .bg_wrap > main > #main_contents > .main_nav > h1 > a {color:#343434;} body > .bg_wrap > main > #main_contents > .main_nav > span {font-size:14px; color:#343434;} body > .bg_wrap > main.noleft > #main_contents > .main_nav {width:100%;} body > .bg_wrap > main > #main_contents .tabmenu{ margin:0;padding:0; width:820px; height:45px;} body > .bg_wrap > main > #main_contents .tabmenu > li {width:200px; height:45px; float:left; margin-left:6px;} body > .bg_wrap > main > #main_contents .tabmenu > li:first-child {margin-left:1px;} body > .bg_wrap > main > #main_contents .tabmenu > li > a{display:block; width:100%; height:45px; line-height:45px; text-align:center; border-radius:5px; border:1px solid #111; color:#333; border:1px solid #c8c8c8; font-weight:700; color:#4e4e4e;background:#FFF; } body > .bg_wrap > main > #main_contents .tabmenu > li > a.on, body > .bg_wrap > main > #main_contents .tabmenu > li > a:hover { color:#333; border:1px solid #e40000; font-weight:700; color:#FFF;background:#e40000; } body > .bg_wrap > main > #main_contents .tabmenu.type2 > li {width:158px; height:45px; float:left; margin-left:6px;} body > .bg_wrap > main > #main_contents .tabmenu.type2 > li:first-child {margin-left:1px;} /* 오락실 */ .game_menu_box { width: 866px; padding: 0; margin: 0 -5px 10px; overflow: hidden; } .game_menu_box li { width: 16.666666%; float: left; padding: 0 5px 5px; } .game_menu_box li a { display: block; width: 100%; border: 1px solid #e0e0e0; background-color: #fff; height: 42px; line-height: 42px; text-align: center; font-size: 16px; font-weight: 700; border-radius: 5px; color: #555; } .game_menu_box li a:hover { border: 1px solid #d3d3d3; background-color: #f3f3f3; color: #111; } .game_menu_box li a.active { color: #fff; border: 0; background-color: #09193f; } body > .bg_wrap > main > #main_contents .virtual_sports_table {margin-top:5px;} body > .bg_wrap > main > #main_contents .virtual_sports_table table {width:100%; color:#FFF;} body > .bg_wrap > main > #main_contents .virtual_sports_table table caption{display:none;} body > .bg_wrap > main > #main_contents .virtual_sports_table table thead {display:none;} body > .bg_wrap > main > #main_contents .virtual_sports_table table td {color:#333; text-align:center; height:38px; border:6px solid #FFF; font-size:12px;} body > .bg_wrap > main > #main_contents .virtual_sports_table table td a {font-size:12px;} body > .bg_wrap > main > #main_contents .virtual_sports_table table td.team a{display:block; width:100%; height:100%; line-height:30px; position:relative; background:#494949;color:#FFF; cursor:auto; } body > .bg_wrap > main > #main_contents .virtual_sports_table table td em {font-style:normal;} body > .bg_wrap > main > #main_contents .virtual_sports_table table td.team.betting a{background:#FFF; color:#333; border:1px solid #e6e6e6; } body > .bg_wrap > main > #main_contents .virtual_sports_table table td.team.yesbet a{cursor:pointer;} body > .bg_wrap > main > #main_contents .virtual_sports_table table td.team.yesbet a:hover, body > .bg_wrap > main > #main_contents .virtual_sports_table table td.team.betting a.active, body > .bg_wrap > main > #main_contents .virtual_sports_table table td.team.select a{ border:1px solid #e9bf00; color:#333; background:#ffd100;} body > .bg_wrap > main > #main_contents .virtual_sports_table table td.team.process a { background:#e6e6e6; color:#333;} body > .bg_wrap > main > #main_contents .virtual_sports_table table td.team.playmov a { background:#0072c3; color:#FFF;} body > .bg_wrap > main > #main_contents .virtual_sports_table table td.team.playmov.same a{background:#0072c3; color:#FFF;} body > .bg_wrap > main > #main_contents .virtual_sports_table table td.round .playbtn{font-size:20px; color:#e34335;} body > .bg_wrap > main > #main_contents .virtual_sports_table table td.team a > img {position:absolute; top:9px; } body > .bg_wrap > main > #main_contents .virtual_sports_table table td.team a > strong {font-weight:400; position:absolute; top:0; } body > .bg_wrap > main > #main_contents .virtual_sports_table table td.team.home a > em, body > .bg_wrap > main > #main_contents .virtual_sports_table table td.team.away a > em {position:absolute; top:0; } body > .bg_wrap > main > #main_contents .virtual_sports_table table td.team.home a > img{left:10px;} body > .bg_wrap > main > #main_contents .virtual_sports_table table td.team.home a > strong{left:35px;} body > .bg_wrap > main > #main_contents .virtual_sports_table table td.team.home a > em{right:10px;} body > .bg_wrap > main > #main_contents .virtual_sports_table table td.team.away a > img{right:10px;} body > .bg_wrap > main > #main_contents .virtual_sports_table table td.team.away a > strong{right:35px;} body > .bg_wrap > main > #main_contents .virtual_sports_table table td.team.away a > em{left:10px;} body > .bg_wrap > main > #main_contents .virtual_sports_table table td.black {background:#FFF; color:#4e4e4e;} body > .bg_wrap > main > #main_contents.find_idpw > h1.i{width:197px; height:197px; background:url("../_images/logo_l.png") no-repeat; margin:35px auto;} /* 로그인 화면 폼 */ .mb_form_box { width: 100%; } .mb_form_box > div { margin-bottom: 10px; } .mb_form_box .mb_inp_box { width: 100%; } .mb_form_box .mb_inp_box label { float: left; width: 25%; display: block; height: 40px; line-height: 40px; margin: 0; } .mb_form_box .mb_inp_box input { float: left; width: 75%; display: block; height: 40px; line-height: 40px; border: 1px solid #ddd; padding: 0 15px; background-color: #f3f3f3; } .mb_form_box .mb_inp_box input.cert { width: 55%; } .mb_form_box .mb_inp_box a.cert_btn { float: right; width: 20%; height: 40px; line-height: 40px; text-align: center; display: block; font-size: 12px; color: #fff; background-color: #e40000; } .mb_form_box .mb_radio_box { width: 100%; } .mb_form_box .mb_radio_box em { float: left; width: 25%; display: block; height: 40px; line-height: 40px; margin: 0; font-style: normal; color: 333; font-weight: 700; } .mb_form_box .mb_radio_box .mb_radio_list { float: left; width: 75%; display: block; height: 40px; line-height: 40px; } .mb_form_box .mb_radio_box .mb_radio_list label { margin-right: 15px; } .mb_form_box .mb_radio_box .mb_radio_list input { margin: 0; vertical-align: middle; } .mb_form_box .mb_btn_box { margin: 30px 0; } .mb_form_box .mb_btn_box input[type=submit] { width: 100%; display: block; height: 46px; line-height: 46px; background-color: #e40000; color: #fff; border-radius: 0; border: none; } .mb_form_box .mb_btn_box input[type=submit]:hover { background-color: #c90000; } .mb_form_box p { color: #555; } .mb_form_box p a { font-weight: bold; } .mb_form_box p a:hover { text-decoration: underline; } /* 개인정보변경 */ .mb_info_box { width: 65%; margin: 30px auto 0; background-color: #f3f3f3; border: 1px solid #e4e4e4; padding: 30px 30px 30px 104px; position: relative; min-height: 124px; } .mb_info_box li.mb_avatar { width: 64px; height: 64px; position: absolute; top: 30px; left: 20px; } .mb_info_box li { font-size: 0; word-break: break-all; } .mb_info_box li span { display: inline-block; width: 20%; height: 32px; line-height: 32px; font-size: 14px; margin: 0; } .mb_info_box li strong { display: inline-block; width: 80%; height: 32px; line-height: 32px; font-size: 14px; color: #0066ff; } .mb_password_box { padding: 0; width: 65%; margin: 30px auto 0; } .mb_password_box li { margin-bottom: 10px; font-size: 0; word-break: break-all; } .mb_password_box li p { margin-top: 30px; font-size: 14px; color: #555; } .mb_password_box li label { display: inline-block; width: 30%; height: 36px; line-height: 36px; font-size: 14px; margin: 0; } .mb_password_box li input { display: inline-block; width: 70%; height: 36px; line-height: 36px; font-size: 14px; border-radius: 0; border: 1px solid #e4e4e4; background-color: #f3f3f3; padding: 0 10px; } /* 아바타 리스트 */ #avatar_list_box { padding: 0; width: 65%; margin: 0 auto; } #avatar_list_box li { margin-bottom: 10px; text-align: center; width: 14.285714%; float: left; } #avatar_list_box li label { margin: 0; display: block; width: 100%; } #avatar_list_box li label img { display: inline-block; } .member_dsc {width: 65%; margin:0 auto; font-size:14px;} .member_form{width:465px; margin:10px auto;} .member_form caption{display:none;} .member_form th, .member_form td{height:40px; font-size:12px; border:5px solid #FFF; position:relative;} .member_form td {padding-left:0; background:#FFF;} .member_form th {background:#FFF; text-align:center; color:#4e4e4e;} .member_form td input[type="text"], .member_form td input[type="password"]{width:100%; height:35px; color:#111; padding:5px; border:0; background:#FFF; border:2px solid #c8c8c8;} .member_form td select {width:100%; height:35px; color:#111; padding:5px; border:0; background:#b7b7b7;} .member_form td strong {color:#e64f00; font-size:14px; display:inline-block; padding-left:10px;} .member_form .r_btn {display:block; width:90px; height:27px; border:0; line-height:27px; text-align:center; position:absolute; top:4px; right:4px; background:#e64f00; color:#FFF;} .confirm_btn { width:150px; height:40px; line-height: 40px; color:#FFF; font-size:14px; text-align:center; border:0; border-radius:0; background:#09193f; } .confirm_btn:hover { background-color: #132b63; } body > .bg_wrap > main > #main_contents.livescore { width: 865px; padding:0 0 80px;} body > .bg_wrap > main > #main_contents.livescore > .top_banner{margin-top:7px; margin-left:7px;} body > .bg_wrap > main > #main_contents.livescore nav {height:100px; width:834px;} body > .bg_wrap > main > #main_contents.livescore nav > menu {padding:0; margin:0;} body > .bg_wrap > main > #main_contents.livescore nav > menu > li{float:left; width:105px; height:100px; margin-left:-1px;} body > .bg_wrap > main > #main_contents.livescore nav > menu > li > a{display:block; width:100%; height:100%; background:url("../_images/livesports_nav.png") no-repeat; position:relative;} body > .bg_wrap > main > #main_contents.livescore nav > menu > li > a > span.text {font-size:12px; display:block; width:100%; text-align:center; position:absolute; top:68px;} body > .bg_wrap > main > #main_contents.livescore nav > menu > li > a.on > span.text, body > .bg_wrap > main > #main_contents.livescore nav > menu > li > a:hover > span.text{color:#ffcc00; font-weight:700;} body > .bg_wrap > main > #main_contents.livescore nav > menu > li > a > span.arw {font-size:20px; position:absolute; top: 90px; width:100%; text-align:center; font-size:10px;} body > .bg_wrap > main > #main_contents.livescore nav > menu > li > a.on > span.arw, body > .bg_wrap > main > #main_contents.livescore nav > menu > li > a:hover > span.arw {color:#ffcc00;} body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l10 > a{background-position:-1px -100px;} body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l20 > a{background-position:-105px -100px;} body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l30 > a{background-position:-209px -100px;} body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l40 > a{background-position:-313px -100px;} body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l50 > a{background-position:-417px -100px;} body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l60 > a{background-position:-521px -100px;} body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l70 > a{background-position:-625px -100px;} body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l80 > a{background-position:-729px -100px;} body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l10 > a:hover, body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l10 > a.on{background-position:-1px 0;} body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l20 > a:hover, body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l20 > a.on{background-position:-105px 0;} body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l30 > a:hover, body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l30 > a.on{background-position:-209px 0;} body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l40 > a:hover, body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l40 > a.on{background-position:-313px 0;} body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l50 > a:hover, body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l50 > a.on{background-position:-417px 0;} body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l60 > a:hover, body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l60 > a.on{background-position:-521px 0;} body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l70 > a:hover, body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l70 > a.on{background-position:-625px 0;} body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l80 > a:hover, body > .bg_wrap > main > #main_contents.livescore nav > menu > li.l80 > a.on{background-position:-729px 0;} body > .bg_wrap > main > #main_contents.livescore #score_board{border:0;} body > .bg_wrap > main > #main_contents.livescore iframe { width: 100%; overflow-x:hidden; overflow:auto; height: 100vh; min-height: 2000px; } body > .bg_wrap > main > #main_contents > .livescore {margin-left:-10px; width:840px; background:#d0d5df; margin-top:20px; padding-top:10px;} body > .bg_wrap > main > #main_contents ul.game_list {padding:0; min-height:1000px} body > .bg_wrap > main > #main_contents ul.game_list > li { float:left; margin:11px; width:250px; height:296px;} body > .bg_wrap > main > #main_contents ul.game_list > li > a{width:250px; height:296px; background-image:url("../_images/vsports_bridge.png");} body > .bg_wrap > main > #main_contents.vsports ul.game_list > li > a.a10 {background-position:0 0;} body > .bg_wrap > main > #main_contents.vsports ul.game_list > li > a.a20 {background-position:-270px 0;} body > .bg_wrap > main > #main_contents.vsports ul.game_list > li > a.a30 {background-position:-540px 0;} body > .bg_wrap > main > #main_contents.vsports ul.game_list > li > a.a40 {background-position:0 -316px;} body > .bg_wrap > main > #main_contents.arcade ul.game_list > li > a{background-image:url("../_images/arcade_bridge.png");} body > .bg_wrap > main > #main_contents.arcade ul.game_list > li > a.a10 {background-position:0 0;} body > .bg_wrap > main > #main_contents.arcade ul.game_list > li > a.a20 {background-position:-270px 0;} body > .bg_wrap > main > #main_contents.arcade ul.game_list > li > a.a30 {background-position:-540px 0;} body > .bg_wrap > main > #main_contents.arcade ul.game_list > li > a.a40 {background-position:0 -316px;} body > .bg_wrap > main > #main_contents.arcade ul.game_list > li > a.a50 {background-position:-270px -316px;} body > .bg_wrap > main > #main_contents.arcade ul.game_list > li > a.a60 {background-position:-540px -316px;} body > .bg_wrap > main > #main_contents.arcade ul.game_list > li > a.a70 {background-position:0 -632px;} body > .bg_wrap > main > #main_contents ul.main_list {padding:0;} body > .bg_wrap > main > #main_contents ul.main_list > li { float:left; margin:11px; width:250px; height:296px;} body > .bg_wrap > main > #main_contents ul.main_list > li > a{width:250px; height:296px; background-image:url("../_images/vsports_bridge.png");} body > .bg_wrap > main > #main_contents ul.main_list > li > a.a10 {background-position:0 0;} body > .bg_wrap > main > #main_contents ul.main_list > li > a.a20 {background-position:-270px 0;} body > .bg_wrap > main > #main_contents ul.main_list > li > a.a30 {background-position:-540px 0;} body > .bg_wrap > main > #main_contents ul.main_list > li > a.a40 {background-position:0 -316px;} body > .bg_wrap > main > #main_contents ul.main_list > li > a.a50 {background-image:url("../_images/arcade_bridge.png");background-position:0 0;} body > .bg_wrap > main > #main_contents ul.main_list > li > a.a60 {background-image:url("../_images/arcade_bridge.png");background-position:-270px 0;} body > .bg_wrap > main > #main_contents ul.main_list > li > a.a70 {background-image:url("../_images/arcade_bridge.png");background-position:-540px 0;} body > .bg_wrap > main > #main_contents ul.main_list > li > a.a80 {background-image:url("../_images/arcade_bridge.png");background-position:0 -316px;} body > .bg_wrap > main > #main_contents ul.main_list > li > a.a90 {background-image:url("../_images/arcade_bridge.png");background-position:-270px -316px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting{position: relative; width:824px; height:427px; background:url("../_images/dice_betting_bg.png") no-repeat -10px -10px; margin-left:-2px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.3+0,0.1+100 */ background: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#1affffff',GradientType=0 ); /* IE6-9 */ } body > .bg_wrap > main > #main_contents.arcade .dicebetting a.on { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1e767+0,feb645+100&0.5+0,0.2+100;Yellow+3D */ background: -moz-linear-gradient(top, rgba(241,231,103,0.5) 0%, rgba(254,182,69,0.2) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(241,231,103,0.5) 0%,rgba(254,182,69,0.2) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(241,231,103,0.5) 0%,rgba(254,182,69,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80f1e767', endColorstr='#33feb645',GradientType=0 ); /* IE6-9 */ } body > .bg_wrap > main > #main_contents.arcade .dicebetting a {position:absolute; } body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a10 {width:148px; height:162px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a10.b10{top:2px; left:2px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a10.b20{top:2px; left:674px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a20 {width:172px; height:41px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a20.b10{top:122px; left:239px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a20.b20{top:122px; left:413px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a30 {width:86px; height:44px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a30.b10{top:29px; left:587px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a30.b20{top:75px; left:587px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a30.b30{top:121px; left:587px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a30.b40{top:29px; left:153px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a30.b50{top:75px; left:153px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a30.b60{top:121px; left:153px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a40 {width:345px; height:63px; top:58px; left:240px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a50 {width:50px; height:54px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a50.b10{top:2px; left:536px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a50.b20{top:2px; left:485px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a50.b30{top:2px; left:433px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a50.b40{top:2px; left:343px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a50.b50{top:2px; left:292px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a50.b60{top:2px; left:240px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a60{width:55px; height:73px; top:166px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a60.b10{left:2px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a60.b15{left:60px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a60.b20{left:118px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a60.b25{left:177px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a60.b30{left:237px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a60.b35{left:296px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a60.b40{left:355px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a60.b45{left:414px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a60.b50{left:473px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a60.b55{left:532px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a60.b60{left:591px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a60.b65{left:650px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a60.b70{left:709px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a60.b75{left:767px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a70{width:46px; height:87px; top:241px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a70.b10 {left:53px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a70.b15 {left:101px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a70.b20 {left:149px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a70.b25 {left:197px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a70.b30 {left:245px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a70.b35 {left:293px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a70.b40 {left:341px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a70.b45 {left:389px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a70.b50 {left:437px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a70.b55 {left:485px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a70.b60 {left:533px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a70.b65 {left:581px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a70.b70 {left:629px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a70.b75 {left:677px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a70.b80 {left:725px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a80{width:135px; height:95px; top:330px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a80.b10 {left:2px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a80.b20 {left:139px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a80.b30 {left:276px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a80.b40 {left:413px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a80.b50 {left:550px;} body > .bg_wrap > main > #main_contents.arcade .dicebetting a.a80.b60 {left:687px;} .dicebetting > a > .betting_money {z-index:1000; width:90%; left:5%; text-align:center; padding:0 6px; font-size:11px; height:22px; line-height:22px; border-radius:7px; color:#FFF; position:absolute; bottom:5px; border-top: 1px solid #90c9ff; background: #006ed5; background: linear-gradient(to bottom, #006ed5 20%,#2093ff 100%); font-style:italic; font-weight:700;} .dicebetting > a > .txt , .dicebetting > a > .rate {text-indent:-999px; display:none;} body > .bg_wrap > main > #main_contents.arcade.pinball > .game_bg { width:820px;min-height:810px;background:url("../_images/pinball_bg.png") no-repeat;z-index:50; position:relative;} body > .bg_wrap > main > #main_contents.arcade.pinball iframe#pinball_game_frame { position:absolute;top:50px;left:20px;z-index:80; } body > .bg_wrap > main > #main_contents.arcade.pinball > .game_bg > a { background-image:url("../_images/pinball_game.png");position:absolute;left:28px; } body > .bg_wrap > main > #main_contents.arcade.pinball > .game_bg > a.rank { width:27px;height:21px;background-position:-10px -10px;top:22px; } body > .bg_wrap > main > #main_contents.arcade.pinball > .game_bg > a.sound.on { width:25px;height:17px;background-position:-44px -10px;top:54px; } body > .bg_wrap > main > #main_contents.arcade.pinball > .game_bg > a.sound.off { width:25px;height:17px;background-position:-76px -10px;top:54px; } body > .bg_wrap > main > #main_contents.arcade.pinball hgroup { width:215px;height:55px;text-align:center;margin-left:168px;margin-top:20px;color:#fff; } body > .bg_wrap > main > #main_contents.arcade.pinball hgroup > h3 { font-size:12px;font-weight:300; } body > .bg_wrap > main > #main_contents.arcade.pinball hgroup > h2 { font-size:24px;font-weight:300;float:left;margin-top:11px; } body > .bg_wrap > main > #main_contents.arcade.pinball hgroup > h1 { font-size:36px;margin-top:3px; } body > .bg_wrap > main > #main_contents.arcade.pinball div.recent_result { width:240px;height:335px;background:#232323;border:1px solid #1b1b1b;border-radius:10px;position:absolute;right:27px;top:128px; } body > .bg_wrap > main > #main_contents.arcade.pinball iframe.recent_result { position:absolute;right:27px;top:128px; width:240px;height:335px; } body > .bg_wrap > main > #main_contents.vrule h3, body > .bg_wrap > main > #main_contents.vrule h4, body > .bg_wrap > main > #main_contents.vrule p{ font-size:12px; padding:0 30px;} body > .bg_wrap > main > #main_contents.vrule h3 {margin-bottom:10px; color:#ff5800;} body > .bg_wrap > main > #main_contents.gallery ul {padding:0;margin:0;width:840px;} body > .bg_wrap > main > #main_contents.gallery ul > li {float:left;width:194px; height:194px; position:relative; margin:5px; background:#FFF;} body > .bg_wrap > main > #main_contents.gallery ul > li > a{display:block; font-size:0; width:190px; height:190px; position:absolute; top:2px; left:2px;} body > .bg_wrap > main > #main_contents.gallery.view_contents ul > li {height:270px;} body > .bg_wrap > main > #main_contents.gallery.view_contents ul > li > a{height:270px; text-align:center; background:#2a3649;} body > .bg_wrap > main > #main_contents.gallery.view_contents ul > li > a > span {font-size:14px; line-height:20px; display:inline-block; margin-top:5px; color:#FFF;} body > .bg_wrap > main > #main_contents.gallery.view_contents ul > li > .new_icon {position:absolute; top:5px; left:5px; width:50px; height:50px;z-index:999;} .cm_bottom {margin-top:20px;} .cm_bottom > .cm_btns{ display:inline-block; padding:5px 10px; background:#1c3777; color:#FFF; font-size:12px; font-weight:700; border:0; } .cm_bottom > .cm_btns.cancel {background:#959595;} #minichat {width:100%; margin-bottom:10px; } #minichat > h1{padding:10px; position:relative; margin:0; } #minichat > h1 > a {position:absolute; color:#FFF; top:8px; font-size:16px;} #minichat > h1 > a.info { right:10px;} #minichat > h1 > a.newpopup { right:10px;} #minichat > .info{display:none;} #minichat > ul {padding:0; margin:0; height:405px; overflow-x:hidden; overflow-y:scroll; background:#ffffff; border-top:1px solid #d0d5df; } #minichat > ul li {font-size:12px; padding:3px 10px; color:#333;} #minichat > ul li strong {display:inline-block; margin-right:10px;} #minichat > ul li span {display:inline-block;} #minichat > ul li a.membermenu{display:inline-block; margin-right:10px; color:#244d8e;} #minichat > ul > li.system { padding:7px;color:#fff;margin-top:5px; } #minichat > ul > li.system > a {color:#FFF; text-decoration: underline;} #minichat > ul > li.black { background:#383535; } #minichat > ul > li.red { background:#d32c2b; } #minichat > ul > li.blue { background:#4a3bc2; } #minichat > ul > li.lightblue { background:#298cc9; } #minichat > ul > li.purple { background:#c929a3; } #minichat > ul > li.green { background:#2e9f3a; } #minichat > ul > li.brown { background:#9f612e; } #minichat > ul > li.whisper{ background:#91b2e6; color:#121212;} #minichat > ul > li.engineer > span.nickname {display:inline-block; font-weight:700; color:#23882c; width:100px; } #minichat > ul > li.engineer {color:#288e00;} #minichat > form {height:42px; padding:10px ; background:#e3ecff; border-top:1px solid #d0d5df; position:relative; } #minichat > form input.txt {height:22px; width:100%; background:#e3ecff; border:0; padding-right:30px;} #minichat > form input.sbtn {position:absolute; top:4px; right:4px; z-index:5;} /* #minichat > form i{position:absolute; color:#000000; top:8px; right:11px; z-index:10; font-size:20px;} */ #minichat > form a.whisper {display:none; position:absolute; top:32px; left:3px; height:22px; font-size:12px; padding:3px; border-radius:3px; color:#FFF; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#121d53+0,121d53+100&0.8+0,0.8+100 */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEyMWQ1MyIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEyMWQ1MyIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(18,29,83,0.8) 0%, rgba(18,29,83,0.8) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(18,29,83,0.8)), color-stop(100%,rgba(18,29,83,0.8))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(18,29,83,0.8) 0%,rgba(18,29,83,0.8) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(18,29,83,0.8) 0%,rgba(18,29,83,0.8) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(18,29,83,0.8) 0%,rgba(18,29,83,0.8) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(18,29,83,0.8) 0%,rgba(18,29,83,0.8) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc121d53', endColorstr='#cc121d53',GradientType=0 ); /* IE6-8 */ } #minichat > form a.whisper > .nick {font-weight:700;} #minichat > form a.whisper > i {margin-left:10px;} #minichat > div.info { width:330px;font-size:11px;position:absolute;line-height:16px;top:35px;background:#4c4e51;padding-left:14px; color:#FFF; } #minichat > div.info > ol { list-style:none;margin-left:18px; padding:10px 0; padding-left:5px; } #minichat > div.info > h1 { font-size:12px;display:block;margin-top:8px;font-style:normal;font-weight:700;color:#00ffea; } #minichat > div.info > a.btn_close { position:absolute;top:10px;right:10px;display:block;width:26px;height:26px; color:#FFF; font-size:26px;} #minichat > div.info > h2 { font-size:12px;display:block;margin:20px 0 15px 0; } #minichat > div.info { display:none; padding:10px; width:330px; } #minichat > div.notice {background:#4c4e51; font-size:12px; padding:10px; color:#FFF; border-top:1px solid #d0d5df;} #minichat > div.notice p {padding:0;margin:0;} #minichat > div.notice p span {color:#00ffea; font-weight:700;} #minichat > menu {padding:0; margin:0; height:44px; border-top:1px solid #d0d5df; border-bottom:1px solid #d0d5df;} #minichat > menu > li {float:left; width:165px; height:44px; } #minichat > menu > li:first-child{border-right:1px solid #d0d5df;} #minichat > menu > li > a {display:block; width:165px; height:44px; background:#abb4c6; color:#FFF; text-align:center; font-size:16px; line-height:44px;} #minichat > menu > li > a > .i {background-image:url("../_images/chatimgs.png"); background-position:0 0; margin:0 auto; width:20px; height:24px; display:inline-block; vertical-align:middle;} #minichat > menu > li > a.i20 > .i {background-position:-25px 0;} #minichat > menu > li > a.on, #minichat > menu > li > a:hover{background:#e64f00;} #minichat > menu > li:first-child > a {width:164px;} #minichat > ol {margin:0; padding:0; background:#ffffff; border-top:1px solid #d0d5df; } #minichat > ol > li{ height:66px; position:relative; padding:10px; border-bottom:1px solid #dddddd;} #minichat > ol > li > img {width:44px; } #minichat > ol > li > a.title {position:absolute; top:10px; font-size:12px; color:#111; font-weight:700; left:60px;} #minichat > ol > li > span {position:absolute;} #minichat > ol > li > span.boss {top:36px; right:20px; font-size:12px; font-weight:700; color:#244d8e; } #minichat > ol > li > span.private { width:11px; height:16px; background-image:url("../_images/chatimgs.png"); background-position: -150px -70px; position:absolute; top: 20px; right:20px; } #minichat > ol > li > span.joinpoint {right:20px; color:#008536; letter-spacing:-1px; top:42px; font-size:12px;} #minichat > ol > li > p {position:absolute; left:60px; bottom:10px; margin:0; padding:0; font-size:12px;} #minichat > ol > li > p > .now{font-weight:700;} body > footer {position:relative; width:100%; height:180px; margin:0 auto; background:#2d2e30; } body > footer > div {position:absolute; color:#b1b2b2; font-size:12px; left:50%;} body > footer > h1 {position:absolute; left:50%; margin-left:-50px; top:10px;padding:0;} body > footer > h1 img {width:70%;height:70%;} body > footer > div.info{top:20px; margin-left:-580px; width:500px;} body > footer > div.info strong{color:#ff5800;} body > footer > div.copyright{left:20px; font-size:13px; top:100px;} body > footer > div.apiinfo{ margin-left:60px; top:23px; width:535px;} div#jp_container_1 { position:absolute; width:640px; height:360px; top:145px; left:98px; border:0; z-index:500 !important;background:#000; display:none; border:2px solid #000; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } div#jp_container_1 .jp-details{position:absolute; z-index:20;} div#jp_container_1 .jp-current-time{position:absolute; left:140px;padding:0; z-index:20;color:#676767;} div#jp_container_1 .jp-duration{position:absolute; right:140px; padding:0; z-index:20;color:#676767;} div#jp_container_1 .jp-controls-holder{width:638px; position:absolute; top:15px;left:0; height:45px; background:#121212; z-index:10;} div#jp_container_1 .jp-interface{background:#121212; width:644px; border:3px solid #000; margin-left:-3px;} div#jp_container_1 .jp-volume-controls{position:absolute; top:0; left:20px;} div#jp_container_1 .jp-toggles{position:absolute; top:0; right:20px; float:auto; width:127px} div#jp_container_1 .jp-interface{height:60px; } div#jp_container_1 .jp-progress{border-bottom:0;} div#jp_container_1 button.jp-full-screen{display:block;} label.error {position:absolute; margin-left:0;} .formError .formErrorContent {border:0; border-radius:2px; margin-left:0; font-size:11px; padding:3px 10px; background:#e64f00; color:#FFF; width:160px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .formError .formErrorArrow div {border:0; background:#e64f00;} .formError .formErrorArrow .line3 {background:#e64f00; border:0; } .formError .formErrorArrow .line2 {background:none;} .formError .formErrorArrow .line1 {background:none;} .api_info {color:#4e4e4e;} .api_info h1 {font-size:16px; color:#e64f00; padding:10px;} .api_info h2 { font-size:14px; color:#4e4e4e; padding:5px 15px;} .api_info p {padding:2px 20px; color:#4e4e4e; font-size:14px; line-height:20px;} .api_info p strong{color:#121212; line-height:24px;} .api_info p b{color:#4c4e51;} .api_info .red{color:#CC0000 !important;} /* 게시판 리스트 스타일 */ .boardlist{width:100%; border:0;} .boardlist > caption {display:none;} .boardlist > thead th {font-size:12px; text-align:center; padding:0; margin:0; height:35px; background-color: #09193f; color: #fff; font-weight: normal; } .boardlist > thead th.st {background:url("../_images/bod_cht.png") no-repeat left 0;} .boardlist > thead th.ed {background:url("../_images/bod_cht.png") no-repeat right 0;} .boardlist > tbody td{ height:40px; border-bottom:1px solid #e6e6e6; text-align:center; font-weight:400; font-size:14px; background-color: #fff; } .boardlist > tbody td.f12 { font-size: 12px; } .boardlist > tbody td.title {text-align:left; padding-left:10px;} .boardlist > tbody td.title img {vertical-align:middle;} .boardlist > tbody td.title span {color:#006ebb;} .boardlist td, .boardlist th {border:0;} .boardlist tr.notice:hover td { background-color: #eee; } .boardlist tr:hover td { background-color: #f3f3f3; } .boardlist tr.notice td { background:#f3f3f3; border-bottom:1px solid #e6e6e6; color:#00308a; } .boardlist tr.notice td strong {color:#00308a;} .boardlist tr.notice td a {color:#00308a;} .boardwrite label { display: block; width: 100%; margin-top: 20px; } .boardwrite .title {display:block; width:100%; height:35px; border:1px solid #e6e6e6; background:#f9f9f9; color:#333; padding: 0 15px; } .boardwrite textarea { display:block; resize: none; margin-top:10px; width:100%; height:500px; border:1px solid #e6e6e6; background:#f9f9f9; color:#333; padding: 15px; } .boardwrite textarea#bod_video {display:block; resize: none; margin-top:10px; width:100%; height:100px; border:1px solid #e6e6e6; background:#FFF; color:#333; } .boardsearch{text-align:center;} .boardsearch .select {width:80px; height:30px; border:1px solid #6d7c94; background:#FFF; } .boardsearch .text {width:160px; height:30px; border:1px solid #6d7c94; background:#FFF; color:#FFF} .boardsearch .search {height:30px; background:#535353; color:#FFF; border:0;} .boardview h1 {font-size:18px; padding:20px 15px;margin:0; border-bottom:1px solid #e6e6e6;} .boardview h2 {font-size:14px; padding:15px 0; margin:0; border-bottom:1px solid #e6e6e6; text-align:right; font-weight:400;} .boardview h2 > b {font-weight:700;} .boardview p { padding:15px; font-size: 14px; line-height: 2.5rem; } .boardcomment { margin-top: 30px; } .boardcomment h2{ font-size:12px; border-bottom: 1px solid #e4e4e4; padding: 15px 0 10px; margin-bottom: 0; } .boardcomment textarea {width:706px; height:76px; border:1px solid #e6e6e6; background:#FFF; resize: none; vertical-align:middle; } .boardcomment .submit{ height:76px;width:93px; font-size:12px; color:#FFF; background:#e40000; vertical-align:middle; border:0; margin-left:10px; } .boardcomment ul {padding:0; margin:0;} .boardcomment ul > li {border-bottom:1px solid #e6e6e6; padding:15px 0; font-size:12px;} .boardcomment ul > li > strong {display:block; width:150px; float:left; text-align:center;} .boardcomment ul > li > p {width:590px;float:left; padding:0; margin:0;} .boardcomment ul > li > span {float:left;} .boardcomment ul > li > .i {float:left; width:11px; height:11px; margin-top:3px; margin-left:10px; background:url("../_images/bod_cht.png") no-repeat -50px -45px; } .page_nav { text-align:center;margin-top:30px; } .page_nav > span { display:inline-block;width:82px;height:27px;line-height:27px; padding:0;margin:0; font-size:12px;} .page_nav > span.pre { margin-right:18px; } .page_nav > span.next { margin-left:18px; } .page_nav > span > a { display:block;font-size:12px;} .page_nav > span.pre > a { text-align:right;padding-right:7px;background-position:-270px -252px; } .page_nav > span.next > a { text-align:left;padding-left:7px;background-position:-192px -252px; } .page_nav > span.next_end, .page_nav > span.pre_end { display:none; } .page_nav > strong { display:inline-block;width:30px;height:29px;line-height:29px;text-align:center;color:#e40000;font-weight:700;text-decoration:underline; } .page_nav > a { display:inline-block;width:30px;height:29px;line-height:29px;text-align:center;color:#747474;font-weight:700;} .page_nav > a:hover { width:30px;height:25px;line-height:25px; color:#e40000; padding:0;margin:0; } #recommended_top {height:50px; background:#4d0202; text-align:center;} #recommended_top img {margin-top:4px;} .wait_img {width:656px; margin:40px auto;} .chat_room_list {padding:0;} .chat_room_list > li {width:396px; height:120px; float:left; background:url("../_images/bod_cht.png") no-repeat 0 -75px; margin:7px; } .chat_room_list > li fieldset {position:relative;} .chat_room_list > li fieldset > h2 {position:absolute; top:2px; left:0; width:80px; text-align:center; font-size:40px; color:#b1b1b1; font-style:italic; margin:0; line-height:80px; } .chat_room_list > li fieldset > h1 {position:absolute; top:12px; left:90px; background:#e64f00; border-radius:2px; width:295px; height:34px; font-size:14px; color:#FFF; line-height:34px; padding-left:5px; margin:0;} .chat_room_list > li fieldset > p.nick {position:absolute; top:55px; left:90px; } .chat_room_list > li fieldset > p.conn {position:absolute; top:55px; right:110px; } .chat_room_list > li fieldset > p.conn > span {color:#121212;} .chat_room_list > li fieldset .enter{position:absolute; top:55px; right:10px; width:86px; height:53px; border:0; background:url("../_images/bod_cht.png") no-repeat -405px -75px; padding:0; color:#FFF;} .chat_room_list > li fieldset .passwd { position:absolute; top:82px; left:90px;} .chat_room_list > li fieldset .passwd > i {color:#b81600;} .chat_room_list > li fieldset .passwd > input {background:#6d7c94; border:none; width:184px; height:26px; color:#FFF;} .modal_layer {position:absolute; width:536px; height:446px; border:5px solid #8b8b8b; background:#FFF; z-index:10000; top:0; left:50%; padding:30px; display:none;} .modal_layer h1 {font-size:14px; color:#e64f00; margin:0;} #chatroom_create_form.modal_layer{margin-left:-268px; top: 0;} div.chat_room {position:relative; width:800px; min-height:680px; background:#FFF; margin:0 auto;} div.chat_room > ul.chat_list {padding:0; margin:0; height:581px; width:425px; overflow-x:hidden; overflow-y:scroll; background:#FFF; color:#333; border:1px solid #c8c8c8; position:absolute; top:30px; left:25px;} div.chat_room > ul.chat_list li {font-size:12px; padding:3px 10px; color:#333;} div.chat_room > ul.chat_list > li.system {color:#FFF;} div.chat_room > ul.chat_list > li.system > a {color:#FFF; text-decoration: underline;} div.chat_room > ul.chat_list > li.black { background:#383535; } div.chat_room > ul.chat_list > li.red { background:#d32c2b; } div.chat_room > ul.chat_list > li.blue { background:#4a3bc2; color:#FFF; } div.chat_room > ul.chat_list > li.lightblue { background:#298cc9; } div.chat_room > ul.chat_list > li.purple { background:#c929a3; } div.chat_room > ul.chat_list > li.green { background:#2e9f3a; } div.chat_room > ul.chat_list > li.brown { background:#9f612e; } div.chat_room > ul.chat_list > li.whisper{ background:#91b2e6; color:#121212 } div.chat_room > ul.chat_list li strong {display:inline-block; margin-right:10px;} div.chat_room > ul.chat_list li span {display:inline-block;} div.chat_room > ul.chat_list li a.membermenu{display:inline-block; margin-right:10px; color:#244d8e;} div.chat_room > nav {position:absolute; background:#ebebeb; width:295px; height:125px; top:30px; left:475px;} div.chat_room > nav > h1 {background:#e64f00; border-bottom:1px solid #FFF; height:35px; font-size:14px; line-height:34px; color:#FFF; margin:0; padding-left:10px;} div.chat_room > nav > h2 {color:#FFF; font-size:40px; height:90px; width:99px; border-right:1px solid #FFF; line-height:90px; float:left; text-align:center; margin:0; font-style:italic; background:#4c4e51;} div.chat_room > nav > h3 {color:#4e4e4e; font-size:12px; margin:0; margin-left:10px; margin-top:15px; float:left;} div.chat_room > nav > a {display:block; background:url("../_images/bod_cht.png") no-repeat -405px -140px; width:176px; height:41px; float:left; margin:0; margin-left:10px; margin-top:10px; text-align:center; line-height:41px; color:#FFF; padding-left:10px; } div.chat_room > #change_pw_form {position:absolute; left:475px; top:165px; } div.chat_room > #change_pw_form input.pw {background:#6d7c94; color:#FFF; border:none; width:198px; height:26px; vertical-align:middle;} div.chat_room > #change_pw_form input.submit {width:87px; height:26px; background:url("../_images/bod_cht.png") no-repeat -500px -75px; color:#FFF; font-size:12px; text-align:center;border:0; vertical-align:middle;} div.chat_room > ul.conn_list {position:absolute; left:475px; top:200px; width:295px; height:410px; background:#ebebeb; overflow-x:hidden; overflow-y:scroll; padding:0; } div.chat_room > ul.conn_list > li {height:35px; border-bottom:1px solid #c8c8c8; } div.chat_room > ul.conn_list > li > a.membermenu{display:block; margin-left:10px; color:#4e4e4e; float:left; height:34px; line-height:34px;} div.chat_room > ul.conn_list > li > a.exit_btn {display:block; float:right; margin-right:10px; border:1px solid #2a3649; width:56px; height:21px; line-height:21px; font-size:12px; text-align:center; border-radius:2px; background:#2a3649; color:#fff; margin-top:6px; } div.chat_room > #chat_room_form {height:42px; width:425px; padding:10px ; background:#e3ecff; border-top:1px solid #c8c8c8; position:absolute; top:611px; left:25px; } div.chat_room > #chat_room_form input.txt {height:22px; width:100%; background:#e3ecff; border:0; padding-right:30px;} div.chat_room > #chat_room_form input.sbtn {position:absolute; top:4px; right:4px; z-index:5;} div.chat_room > #chat_room_form a.whisper {display:none; position:absolute; top:32px; left:3px; height:22px; font-size:12px; padding:3px; border-radius:3px; color:#FFF; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#121d53+0,121d53+100&0.8+0,0.8+100 */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEyMWQ1MyIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEyMWQ1MyIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(18,29,83,0.8) 0%, rgba(18,29,83,0.8) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(18,29,83,0.8)), color-stop(100%,rgba(18,29,83,0.8))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(18,29,83,0.8) 0%,rgba(18,29,83,0.8) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(18,29,83,0.8) 0%,rgba(18,29,83,0.8) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(18,29,83,0.8) 0%,rgba(18,29,83,0.8) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(18,29,83,0.8) 0%,rgba(18,29,83,0.8) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc121d53', endColorstr='#cc121d53',GradientType=0 ); /* IE6-8 */ } div.chat_room > p.conn {position:absolute; left:475px; top:612px; width:295px; height:40px; background:#e64f00; text-align:center; line-height:40px; font-size:14px; color:#FFF;} div.chat_room > p.conn > span {color:#FFF;} #topnav{width:1200px; margin:0 auto; background:#FFF; margin-top:20px;} #topnav.sports_rolling {height:315px;background:#d0d5df; border-bottom:1px solid #9eadc0; margin-bottom:20px;} #topnav.sports_rolling > nav {height:40px; background:#FFF;} #topnav.sports_rolling > nav > menu{padding:0;margin:0;} #topnav.sports_rolling > nav > menu > li{width:120px; float:left; text-align:center; } #topnav.sports_rolling > nav > menu > li a {color:#969696; display:block; line-height:40px;} #topnav.sports_rolling > nav > menu > li a:hover, #topnav.sports_rolling > nav > menu > li a.on{background:#ebebeb; color:#e64f00; border-top:2px solid #e64f00; line-height:38px;} #topnav.sports_rolling > div:first-child{display:block;} #topnav.sports_rolling > div > ul {padding:0;margin:0;} #topnav.sports_rolling > div > ul li {border:1px solid #c8c8c8; border-left:0; height:234px; position:relative; background:#FFF; } #topnav.sports_rolling > div > ul li > img {width:199px; height:111px;} #topnav.sports_rolling > div > ul header {position:absolute; width:63px; height:39px; padding:13px 0; text-align:center; color:#FFF; font-size:12px;} #topnav.sports_rolling > div > ul header.off { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#363636+0,363636+100&0.9+0,0.9+100 */ background: -moz-linear-gradient(top, rgba(54,54,54,0.9) 0%, rgba(54,54,54,0.9) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(54,54,54,0.9) 0%,rgba(54,54,54,0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(54,54,54,0.9) 0%,rgba(54,54,54,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6363636', endColorstr='#e6363636',GradientType=0 ); /* IE6-9 */ } #topnav.sports_rolling > div > ul header.on { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0a7ccb+0,0a7ccb+100&0.9+0,0.9+100 */ background: -moz-linear-gradient(top, rgba(230,79,0,0.9) 0%, rgba(230,79,0,0.9) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(230,79,0,0.9) 0%,rgba(230,79,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(230,79,0,0.9) 0%,rgba(230,79,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60a7ccb', endColorstr='#e60a7ccb',GradientType=0 ); /* IE6-9 */ } #topnav.sports_rolling > div > ul p.sdate {background:#e7e7e7; text-align:center; color:#4e4e4e; padding:3px 0; font-size:13px;} #topnav.sports_rolling > div > ul p.team {position:absolute; top:137px; width:80px; text-align:center;} #topnav.sports_rolling > div > ul p.team.home {left:0;} #topnav.sports_rolling > div > ul p.team.away {right:0;} #topnav.sports_rolling > div > ul p.team > span{display:block; font-size:12px; letter-spacing:-1px; color:#4e4e4e; width:100%; text-align:center;} #topnav.sports_rolling > div > ul p.team.vs {color:#c3c3c3; width:40px; text-align:center; font-size:30px; left:80px; top:143px;} #topnav.sports_rolling > div > ul p.team > img {width:40px; height:40px;} #topnav.sports_rolling > div > ul li footer {position:absolute; bottom:0; width:100%; height:33px; border-top:1px solid #e6e6e6; text-align:center; padding:5px 0; } #topnav.sports_rolling > div > ul li footer .castview_btn {display:inline-block; padding:2px 5px; font-size:12px; color:#FFF; background:#e64f00; border-radius:4px; } #topnav.sports_rolling > div > ul li footer .castview_btn.off{border:1px solid #d2d2d2; background:#FFF; color:#8d8d8d} #topnav.sports_rolling > div > ul li footer .castview_btn.wait{border:1px solid #e64f00; background:#FFF; color:#e64f00} #topnav.sports_rolling > div > ul li footer span.score {position:absolute; top:5px; font-size:16px; font-weight:700; color:#b3b3b3;} #topnav.sports_rolling > div > ul li footer span.score.win {color:#ec3a17;} #topnav.sports_rolling > div > ul li footer span.score.home { left:30px; } #topnav.sports_rolling > div > ul li footer span.score.away { right:30px; } #topnav.sports_rolling > div > ul .owl-controls .active span {background:#e33543;} #topnav.vsmini {height:265px; background:#d0d5df;} #topnav.vsmini > ul {padding:0;} #topnav.vsmini > ul .owl-controls .active span {background:#e33543;} #topnav.vsmini > ul li {border:1px solid #c8c8c8; width:300px; height:260px; float:left; margin-left:-2px;background:#FFF;} #topnav.vsmini > ul li h1{padding:0; font-size:14px; text-align:center; background:#e7e7e7; margin:0; padding:8px 0; } #topnav.vsmini > ul li a.img {display:inline; color:#FFF; padding:0;} #topnav.vsmini > ul li a {display:block; text-align:center; color:#ff5800; padding:7px 0;} #topnav.vsmini > ul li a:hover, #topnav.vsmini > ul li a.on{color:#FFF; background:#ff5800} #topnav.minigame {height:300px;} .bottomnav {background-image:url("../_images/big_arw.png"); width:61px; height:123px; position:fixed; top: 50%; margin-top:-62px; left:50%;} #bottomnav_left.bottomnav {background-position:0 -134px; margin-left:-690px;} #bottomnav_left.bottomnav:hover {background-position:0 0;} #bottomnav_right.bottomnav {background-position:-75px -134px; margin-left:630px;} #bottomnav_right.bottomnav:hover {background-position:-75px 0;} body > .bg_wrap > main > #main_contents.arcade .shootingbetting {position: relative; width:820px; height:156px; background:url("../_images/shooting_betting.png") no-repeat 0 0; margin-top:-7px; } body > .bg_wrap > main > #main_contents.arcade .shootingbetting > a{position:absolute;} body > .bg_wrap > main > #main_contents.arcade .shootingbetting > a:hover{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.3+0,0.1+100 */ background: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#1affffff',GradientType=0 ); /* IE6-9 */ } body > .bg_wrap > main > #main_contents.arcade .shootingbetting > a.active{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd65e+0,febf04+100&0.3+0,0.1+100;Yellow+3D+%232 */ background: -moz-linear-gradient(top, rgba(255,214,94,0.3) 0%, rgba(254,191,4,0.1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,214,94,0.3) 0%,rgba(254,191,4,0.1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,214,94,0.3) 0%,rgba(254,191,4,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffd65e', endColorstr='#1afebf04',GradientType=0 ); /* IE6-9 */ } body > .bg_wrap > main > #main_contents.arcade .shootingbetting > a.a10{width:161px;height:154px; top:1px;} body > .bg_wrap > main > #main_contents.arcade .shootingbetting > a.a10.t10{left:1px} body > .bg_wrap > main > #main_contents.arcade .shootingbetting > a.a10.t20{left:163px;} body > .bg_wrap > main > #main_contents.arcade .shootingbetting > a.a20{width:128px;height:76px;left:325px;} body > .bg_wrap > main > #main_contents.arcade .shootingbetting > a.a20.t10{top:1px;} body > .bg_wrap > main > #main_contents.arcade .shootingbetting > a.a20.t20{top:78px} body > .bg_wrap > main > #main_contents.arcade .shootingbetting > a.a30{width:147px;height:154px;top:1px} body > .bg_wrap > main > #main_contents.arcade .shootingbetting > a.a30.t10{left:454px;} body > .bg_wrap > main > #main_contents.arcade .shootingbetting > a.a30.t20{left:672px;} body > .bg_wrap > main > #main_contents.arcade .piratebetting {position: relative; width:820px; height:136px; background:url("../_images/pirate_betting.png") no-repeat 0 0; margin-top:-7px; } body > .bg_wrap > main > #main_contents.arcade .piratebetting > a{position:absolute;} body > .bg_wrap > main > #main_contents.arcade .piratebetting > a:hover{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100&0.6+0,0.2+100;Black+3D+%231 */ background: -moz-linear-gradient(top, rgba(69,72,77,0.6) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(69,72,77,0.6) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(69,72,77,0.6) 0%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9945484d', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */ } body > .bg_wrap > main > #main_contents.arcade .piratebetting > a.active{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,ffffff+100&0.6+0,0.2+100 */ background: -moz-linear-gradient(top, rgba(237,237,237,0.6) 0%, rgba(255,255,255,0.2) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(237,237,237,0.6) 0%,rgba(255,255,255,0.2) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(237,237,237,0.6) 0%,rgba(255,255,255,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ededed', endColorstr='#33ffffff',GradientType=0 ); /* IE6-9 */ } body > .bg_wrap > main > #main_contents.arcade .piratebetting > a.a10{width:74px;height:96px; top:20px; border-radius:5px;} body > .bg_wrap > main > #main_contents.arcade .piratebetting > a.a10.t10{left:10px} body > .bg_wrap > main > #main_contents.arcade .piratebetting > a.a10.t20{left:89px;} body > .bg_wrap > main > #main_contents.arcade .piratebetting > a.a20{width:74px;height:96px; top:20px; border-radius:5px;} body > .bg_wrap > main > #main_contents.arcade .piratebetting > a.a20.t10{left:169px;} body > .bg_wrap > main > #main_contents.arcade .piratebetting > a.a20.t20{left:248px} body > .bg_wrap > main > #main_contents.arcade .piratebetting > a.a30{width:72px;height:61px;top:49px; border-radius:2px;} body > .bg_wrap > main > #main_contents.arcade .piratebetting > a.a30.t10{left:340px;} body > .bg_wrap > main > #main_contents.arcade .piratebetting > a.a30.t20{left:418px;} body > .bg_wrap > main > #main_contents.arcade .piratebetting > a.a30.t30{left:496px;} body > .bg_wrap > main > #main_contents.arcade .piratebetting > a.a30.t40{left:574px;} body > .bg_wrap > main > #main_contents.arcade .piratebetting > a.a30.t50{left:652px;} body > .bg_wrap > main > #main_contents.arcade .piratebetting > a.a30.t60{left:730px;} body > .bg_wrap > main > #main_contents.arcade .racingbetting {position: relative; width:820px; height:120px; background:url("../_images/racing_betting.png") no-repeat 0 0; margin-top:-7px; } body > .bg_wrap > main > #main_contents.arcade .racingbetting > a{position:absolute;} body > .bg_wrap > main > #main_contents.arcade .racingbetting > a:hover{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100&0.6+0,0.2+100;Black+3D+%231 */ background: -moz-linear-gradient(top, rgba(69,72,77,0.6) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(69,72,77,0.6) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(69,72,77,0.6) 0%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9945484d', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */ } body > .bg_wrap > main > #main_contents.arcade .racingbetting > a.active{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,ffffff+100&0.6+0,0.2+100 */ background: -moz-linear-gradient(top, rgba(237,237,237,0.6) 0%, rgba(255,255,255,0.2) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(237,237,237,0.6) 0%,rgba(255,255,255,0.2) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(237,237,237,0.6) 0%,rgba(255,255,255,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ededed', endColorstr='#33ffffff',GradientType=0 ); /* IE6-9 */ } body > .bg_wrap > main > #main_contents.arcade .racingbetting > a.a10{width:282px;height:70px; top:20px; border-radius:10px;} body > .bg_wrap > main > #main_contents.arcade .racingbetting > a.a10.t10{left:118px} body > .bg_wrap > main > #main_contents.arcade .racingbetting > a.a10.t20{left:420px;} body > .bg_wrap > main > #main_contents.arcade .ladderbetting {position: relative; width:820px; height:110px; background:url("../_images/ladder_betting.png") no-repeat 0 0; margin-top:-7px; } body > .bg_wrap > main > #main_contents.arcade .ladderbetting > a{position:absolute;} body > .bg_wrap > main > #main_contents.arcade .ladderbetting > a:hover{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100&0.6+0,0.2+100;Black+3D+%231 */ background: -moz-linear-gradient(top, rgba(69,72,77,0.6) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(69,72,77,0.6) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(69,72,77,0.6) 0%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9945484d', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */ } body > .bg_wrap > main > #main_contents.arcade .ladderbetting > a.active{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,ffffff+100&0.6+0,0.2+100 */ background: -moz-linear-gradient(top, rgba(237,237,237,0.6) 0%, rgba(255,255,255,0.2) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(237,237,237,0.6) 0%,rgba(255,255,255,0.2) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(237,237,237,0.6) 0%,rgba(255,255,255,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ededed', endColorstr='#33ffffff',GradientType=0 ); /* IE6-9 */ } body > .bg_wrap > main > #main_contents.arcade .ladderbetting > a.a10{width:282px;height:70px; top:20px; border-radius:10px;} body > .bg_wrap > main > #main_contents.arcade .ladderbetting > a.a10.t10{left:118px} body > .bg_wrap > main > #main_contents.arcade .ladderbetting > a.a10.t20{left:420px;} body > .bg_wrap > main > #main_contents.arcade .pinballbetting {position: relative; width:820px; height:110px; background:url("../_images/pinball_betting.png") no-repeat 0 0; margin-top:0; } body > .bg_wrap > main > #main_contents.arcade .pinballbetting > a{position:absolute;} body > .bg_wrap > main > #main_contents.arcade .pinballbetting > a:hover{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100&0.6+0,0.2+100;Black+3D+%231 */ background: -moz-linear-gradient(top, rgba(69,72,77,0.6) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(69,72,77,0.6) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(69,72,77,0.6) 0%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9945484d', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */ } body > .bg_wrap > main > #main_contents.arcade .pinballbetting > a.active{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,ffffff+100&0.6+0,0.2+100 */ background: -moz-linear-gradient(top, rgba(237,237,237,0.6) 0%, rgba(255,255,255,0.2) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(237,237,237,0.6) 0%,rgba(255,255,255,0.2) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(237,237,237,0.6) 0%,rgba(255,255,255,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ededed', endColorstr='#33ffffff',GradientType=0 ); /* IE6-9 */ } body > .bg_wrap > main > #main_contents.arcade .pinballbetting > a.a10{width:282px;height:70px; top:20px; border-radius:10px;} body > .bg_wrap > main > #main_contents.arcade .pinballbetting > a.a10.t10{left:118px} body > .bg_wrap > main > #main_contents.arcade .pinballbetting > a.a10.t20{left:420px;} body > .bg_wrap > main > #main_contents.arcade .jitgottaengbetting {position: relative; width:820px; height:100px; background:url("../_images/jitgottaeng_betting.png"); margin-top:-5px; } body > .bg_wrap > main > #main_contents.arcade .jitgottaengbetting > a{position:absolute;} body > .bg_wrap > main > #main_contents.arcade .jitgottaengbetting > a:hover{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100&0.6+0,0.2+100;Black+3D+%231 */ background: -moz-linear-gradient(top, rgba(69,72,77,0.6) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(69,72,77,0.6) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(69,72,77,0.6) 0%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9945484d', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */ } body > .bg_wrap > main > #main_contents.arcade .jitgottaengbetting > a.active{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,ffffff+100&0.6+0,0.2+100 */ background: -moz-linear-gradient(top, rgba(237,237,237,0.6) 0%, rgba(255,255,255,0.2) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(237,237,237,0.6) 0%,rgba(255,255,255,0.2) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(237,237,237,0.6) 0%,rgba(255,255,255,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ededed', endColorstr='#33ffffff',GradientType=0 ); /* IE6-9 */ } body > .bg_wrap > main > #main_contents.arcade .jitgottaengbetting > a.a10{width:230px;height:60px; top:20px; border-radius:5px;} body > .bg_wrap > main > #main_contents.arcade .jitgottaengbetting > a.a10.t10{left:45px} body > .bg_wrap > main > #main_contents.arcade .jitgottaengbetting > a.a10.t20{left:295px;} body > .bg_wrap > main > #main_contents.arcade .jitgottaengbetting > a.a10.t30{left:545px;} .vssinglebet {position: relative; width:820px; height:112px; background:url("../_images/skijump_betting.png") no-repeat 0 0; margin-top:-5px;} .vssinglebet > a.a10{position:absolute;width:249px; height:80px;top:16px; border-radius:3px;} .vssinglebet > a.a10:hover, .vssinglebet > a.a10.active{background:url("../_images/skijump_betting.png") no-repeat -134px -166px;} .vssinglebet > a.a10.t20:hover, .vssinglebet > a.a10.t20.active{background:url("../_images/skijump_betting.png") no-repeat -523px -166px;} .vssinglebet > a.a10.t10{left:134px;} .vssinglebet > a.a10.t20{left:523px;} .vssinglebet > a.play {width:50px; height:50px;position:absolute; top:32px; left:41px;} .vssinglebet > a.play.playbtn{width:50px; height:50px;background:url("../_images/skijump_betting.png") no-repeat -41px -182px; position:absolute; top:32px; left:41px;} .vssinglebet > a.play.playbtn:hover {background:url("../_images/skijump_betting.png") no-repeat -41px -304px;} .vssinglebet.bobsled{background:url("../_images/bobsled_betting.png") no-repeat 0 0;} .vssinglebet.bobsled > a.a10:hover, .vssinglebet.bobsled > a.a10.active{background:url("../_images/bobsled_betting.png") no-repeat -134px -166px; border:0;} .vssinglebet.bobsled > a.a10.t20:hover, .vssinglebet.bobsled > a.a10.t20.active {background:url("../_images/bobsled_betting.png") no-repeat -523px -166px; border:0;} .vssinglebet.bobsled > a.play.playbtn {background:url("../_images/bobsled_betting.png") no-repeat -41px -182px;} .vssinglebet.bobsled > a.play.playbtn:hover {background:url("../_images/bobsled_betting.png") no-repeat -41px -304px;} .vssinglebet.skating{background:url("../_images/skating_betting.png") no-repeat 0 0;} .vssinglebet.skating > a.a10:hover, .vssinglebet.skating > a.a10.active{background:url("../_images/skating_betting.png") no-repeat -134px -166px; border:0;} .vssinglebet.skating > a.a10.t20:hover, .vssinglebet.skating > a.a10.t20.active {background:url("../_images/skating_betting.png") no-repeat -523px -166px; border:0;} .vssinglebet.skating > a.play.playbtn {background:url("../_images/skating_betting.png") no-repeat -41px -182px;} .vssinglebet.skating > a.play.playbtn:hover {background:url("../_images/skating_betting.png") no-repeat -41px -304px;} .vsrunning{background:url("../_images/running_betting_bg.png") no-repeat 0 0; width:820px; height:384px; margin-top:-6px; position:relative;} .vsrunning > a{display:block; position:absolute; height:39px;} .vsrunning > a.off{line-height:34px; color:#FFF; text-align:center; font-size:12px;} .vsrunning > a.singlebet {width:107px; left:11px;} .vsrunning > a.singlebet.b1 {top:54px;} .vsrunning > a.singlebet.b2 {top:94px;} .vsrunning > a.singlebet.b3 {top:134px;} .vsrunning > a.singlebet.b4 {top:174px;} .vsrunning > a.singlebet.b5 {top:214px;} .vsrunning > a.singlebet.b6 {top:254px;} .vsrunning > a.singlebet.b7 {top:294px;} .vsrunning > a.singlebet.b8 {top:334px;} .vsrunning > a.doublebet {width:79px;} .vsrunning > a.doublebet.b12 {left:250px; top:54px;} .vsrunning > a.doublebet.b13 {left:330px; top:54px;} .vsrunning > a.doublebet.b23 {left:330px; top:94px;} .vsrunning > a.doublebet.b14 {left:410px; top:54px;} .vsrunning > a.doublebet.b24 {left:410px; top:94px;} .vsrunning > a.doublebet.b34 {left:410px; top:134px;} .vsrunning > a.doublebet.b15 {left:490px; top:54px;} .vsrunning > a.doublebet.b25 {left:490px; top:94px;} .vsrunning > a.doublebet.b35 {left:490px; top:134px;} .vsrunning > a.doublebet.b45 {left:490px; top:174px;} .vsrunning > a.doublebet.b16 {left:570px; top:54px;} .vsrunning > a.doublebet.b26 {left:570px; top:94px;} .vsrunning > a.doublebet.b36 {left:570px; top:134px;} .vsrunning > a.doublebet.b46 {left:570px; top:174px;} .vsrunning > a.doublebet.b56 {left:570px; top:214px;} .vsrunning > a.doublebet.b17 {left:650px; top:54px;} .vsrunning > a.doublebet.b27 {left:650px; top:94px;} .vsrunning > a.doublebet.b37 {left:650px; top:134px;} .vsrunning > a.doublebet.b47 {left:650px; top:174px;} .vsrunning > a.doublebet.b57 {left:650px; top:214px;} .vsrunning > a.doublebet.b67 {left:650px; top:254px;} .vsrunning > a.doublebet.b18 {left:730px; top:54px;} .vsrunning > a.doublebet.b28 {left:730px; top:94px;} .vsrunning > a.doublebet.b38 {left:730px; top:134px;} .vsrunning > a.doublebet.b48 {left:730px; top:174px;} .vsrunning > a.doublebet.b58 {left:730px; top:214px;} .vsrunning > a.doublebet.b68 {left:730px; top:254px;} .vsrunning > a.doublebet.b78 {left:730px; top:294px;} .vsrunning > a.singlebet.on{background:url("../_images/running_betting_on.png") no-repeat -10px -10px;} .vsrunning > a.singlebet.on > .rate{line-height:22px; display:block; width:100%; text-align:center; color:#f0e601; font-size:12px;} .vsrunning > a.singlebet.on > .betting_money{line-height:17px; display:block; width:100%; text-align:center; color:#25aafe; font-size:12px;} .vsrunning > a.doublebet.on{background:url("../_images/running_betting_on.png") no-repeat -10px -60px;} .vsrunning > a.doublebet.on > .rate{line-height:22px; display:block; width:100%; text-align:center; color:#ff8a00; font-size:12px;} .vsrunning > a.doublebet.on > .betting_money{line-height:17px; display:block; width:100%; text-align:center; color:#25aafe; font-size:12px;} .vsrunning > a.doublebet.on.win > .rate, .vsrunning > a.doublebet.win > .rate {color:#ff3300} .vsrunning > a.singlebet.on.win > .rate, .vsrunning > a.singlebet.win > .rate {color:#ff3300} #standing {background:#FFF;} #standing > h1{padding:8px; margin:0; margin-bottom:1px;} #standing > h1 > i {display:inline-block; width:22px; height:22px; margin-right:2px; background-image:url("../_images/aside_ranking_icon.png"); vertical-align:-5px;} #standing > h1 > i.soccer {background-position:0 0;} #standing > h1 > i.baseball {background-position:-118px 0;} #standing > h1 > i.basketball {background-position:-150px 0;} #standing > h1 > i.volleyball {background-position:-182px 0;} #standing > h1 > i.hockey {background-position:-213px 0;} #standing > header {background:#fff; padding:10px 8px; font-size:12px; color:#FFF;} #standing > header > a{ display: inline-block; height: 32px; background-color: #787878; border-radius: 16px; line-height: 32px; padding: 0 15px; color: #fff; text-align: center; font-size: 12px; margin-bottom: 5px; } #standing > header > a:hover { background-color: #ff9100; } #standing > header > a.on, #standing > header > a.on:hover { background-color: #5272ff; } #standing > h2 {display:none; font-size:12px; text-align:center; margin:10px 0 5px; font-weight:700;} #standing > h2.on {display:block;} #standing > table {width:100%; display:none;} #standing > table.on {display:table;} #standing > table > caption {display:none;} #standing > table > thead th {text-align:center; font-size:11px; color:#696969; background:#eaeaea; padding:6px 0;} #standing > table > tbody td {font-size:11px; text-align:center; padding:3px 0; border-bottom:1px solid #e7ecf7;} #standing > table > tbody td.team{text-align:left;} #standing > table > tbody td > img {vertical-align:middle; width:20px; height:20px;} #standing > table > tbody tr.first td {font-weight:700; color:#e64f00;} #commranking {background:#FFF; margin-top:10px;} #commranking > h1{padding:8px; margin:0; margin-bottom:1px;} #commranking > ol {padding:0; margin:0;} #commranking > ol.basic{overflow-y:hidden; height:450px;} #commranking > ol > li {height:30px; padding:2px 0; position:relative; border-bottom:1px dotted #EFEFEF} #commranking > ol > li > .ranknum{display:inline-block; width:20px; text-align:center;} #commranking > ol > li > .profile {height:24px; display:inline-block; font-size:13px;} #commranking > ol > li > .profile > img{height:24px; vertical-align:-7px;} #commranking > ol > li > .money > img {vertical-align:-4px;} #commranking > ol > li > .money {position:absolute; top: 0; right:0; width:80px; height:30px; line-height:30px; font-weight:700; letter-spacing:-1px; color:#505050; font-size:12px;} #commranking > .more {display:block; text-align:center; background:#e1e1e1; height:25px; line-height:25px; font-size:11px;} #commranking > .more:hover {background:#ddd} #commcastlist {background:#FFF; margin-bottom:10px;} #commcastlist > h1{padding:8px; margin:0; margin-bottom:1px;} #commcastlist > ul {height:590px; overflow-y:scroll; padding:0; margin:0;} #commcastlist > ul > h2 {height:25px; line-height:25px; color:#FFF; background:#4c4e51; text-align:center; font-size:12px; margin:0;} #commcastlist > ul > li { position:relative; height:55px; border-bottom:1px solid #e7ecf7 } #commcastlist span.starttime { position:absolute; top:22px; left:10px; font-size:13px; line-height:13px; width:50px; text-align:center; } #commcastlist span.icon { position:absolute; width:24px; height:30px; display:table-cell; vertical-align:middle; top: 16px; left:58px; } #commcastlist span.icon > img { width:24px; } #commcastlist > ul a{ display: block; width: 100%; } #commcastlist li > h1 {font-size:13px; font-weight:400; color:#333333; position:absolute; left:95px; margin:0;} #commcastlist li > h1.home{top:32px;} #commcastlist li > h1.away{top:12px;} #commcastlist li > div {position:absolute; top: 16px; font-size:16px; right: 10px; width:35px; text-align:center; letter-spacing:-1px;} #commcastlist li > div > a {color:#a4a4a4;} #commcastlist li > div > a.on {color:#ff0000;} aside > section.right_bn { display: block; width: 100%; height: 316px; background-color: #e4e4e4; } aside > section.right_bn a { display: block; width: 100%; height: 316px; } aside > section.right_bn a img { display: block; width: 316px; height: 316px; } aside > #chatcover {display:block;position:absolute; top:0px; width:100%; margin-bottom:10px;} aside > #chatcover > h1{padding:8px; margin-top:0px; margin-bottom:1px;height:50px;} aside > #chatcover > h1 > i{margin-top:8px;} aside > #chatcover > header {background:#4c4e51; padding:10px 8px; font-size:12px; color:#FFF;} aside > #chatcover > header > a{color:#FFF;} aside > #chatcover > header > a.on, aside > #chatcover > header > a:hover {color:#ffe400;} aside > #chatcover > h2 {display:none; font-size:12px; text-align:center; margin:10px 0 5px; font-weight:700;} aside > #chatcover > h2.on {display:block;} aside > #chatcover > table {display:none; width:314px; background:#D0D5DF;} aside > #chatcover > table.on {display:table;} aside > #chatcover > table > caption {display:none;} aside > #chatcover > table > thead th {text-align:center; font-size:11px; color:#696969; background:#eaeaea; padding:6px 0;} aside > #chatcover > table > tbody td {font-size:11px; text-align:left; padding:10px 10px; border-bottom:1px solid #e7ecf7;border-left:2px solid #e7ecf7;border-right:1px solid #e7ecf7;} aside > #chatcover > table > tbody td.team{text-align:left;} aside > #chatcover > table > tbody td.lastline{text-align:center;height:20px;background:#C5CBD8;margin:0;padding:0;cursor:pointer;} aside > #chatcover > table > tbody td.lastline:hover {background-color:#fff;} aside > #chatcover > table > tbody tr.first td {font-weight:700; color:#e64f00;} /* 나의 포인트 */ .mypoint > h3{ font-size:16px; color:#333; margin:30px 0 10px; font-weight:700; } .mypoint > div { background:#f3f3f3; border:1px solid #e4e4e4; position:relative; } .mypoint > div > ul {padding:25px; margin:0;} .mypoint > div > ul > li { font-size:14px;} .mypoint > div > h2 { position:absolute; line-height:34px; height:34px; color:#e40000; font-size:16px; font-weight:700; margin:0; top:50%; right:130px; margin-top: -17px; } .mypoint > div a.freecharge { position:absolute; background: #e40000; font-size:14px; color:#FFF; display:block; width:86px; height:34px; line-height:34px; text-align:center; top:50%; right:30px; margin-top: -17px; } table.loglist{width:100%;} table.loglist caption{display:none;} table.loglist th {text-align:center; color:#FFF; background:#09193f; } table.loglist td, table.loglist th {padding:10px 0; font-size:12px;} table.loglist th > a {color:#FFF;} table.loglist .tr1 td{background:#f3f3f3} table.loglist .tr0 td{background:#ffffff} /* 베팅카트 */ aside #bettingcart {margin-top:10px;} aside #bettingcart .bettingcart_box { background-color: #fff; border: 1px solid #ddd; border-top: none; } aside #bettingcart > div.bettingcart_box > div > p { width:100%; padding: 5px; margin: 0; } aside #bettingcart > div.bettingcart_box > div > p > a { float: left; width: 25%; display: block; padding: 5px; opacity: 0.6; } aside #bettingcart > div.bettingcart_box > div > p > a.on, aside #bettingcart > div.bettingcart_box > div > p > a:hover { opacity: 1; } aside #bettingcart > div.bettingcart_box > div > p > a.on .txt, aside #bettingcart > div.bettingcart_box > div > p > a:hover .txt { background-color: #09193f; color: #ffcc00; border-color: #09193f; } aside #bettingcart > div.bettingcart_box > div > p > a.a50, aside #bettingcart > div.bettingcart_box > div > p > a.a60 { width: 50%; padding: 5px; margin-top: 5px; opacity: 1; } aside #bettingcart > div.bettingcart_box > div > p > a.a50 span, aside #bettingcart > div.bettingcart_box > div > p > a.a60 span { display: block; width: 100%; height: 42px; line-height: 40px; font-family: 'NEXONFootballGothicBA1', sans-serif; text-align: center; font-size: 16px; font-style: italic; border: 1px solid #ddd; border-radius: 5px; text-transform: uppercase!important; letter-spacing: 2px; color: #09193f; cursor: hand; text-align: center; text-transform: capitalize; position: relative; overflow: hidden!important; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background: transparent!important; z-index:10; } aside #bettingcart > div.bettingcart_box > div > p > a.a50:hover span, aside #bettingcart > div.bettingcart_box > div > p > a.a60:hover span { border: 1px solid #09193f; color: #80ffd3!important; } aside #bettingcart > div.bettingcart_box > div > p > a.a50 span::before, aside #bettingcart > div.bettingcart_box > div > p > a.a60 span::before { content: ''; width: 0%; height: 100%; display: block; background: #09193f; position: absolute; -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); transform: skewX(-20deg); left: -10%; opacity: 1; top: 0; z-index: -12; -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); transition: all .7s cubic-bezier(0.77, 0, 0.175, 1); box-shadow:2px 0px 14px rgba(0,0,0,.6); } aside #bettingcart > div.bettingcart_box > div > p > a.a50 span::after, aside #bettingcart > div.bettingcart_box > div > p > a.a60 span::after { content: ''; width: 0%; height: 100%; display: block; background: #80ffd3; position: absolute; -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); transform: skewX(-20deg); left: -10%; opacity: 0; top: 0; z-index: -15; -webkit-transition: all .94s cubic-bezier(.2,.95,.57,.99); -moz-transition: all .4s cubic-bezier(.2,.95,.57,.99); -o-transition: all .4s cubic-bezier(.2,.95,.57,.99); transition: all .4s cubic-bezier(.2,.95,.57,.99); box-shadow: 2px 0px 14px rgba(0,0,0,.6); } aside #bettingcart > div.bettingcart_box > div > p > a.a50:hover span::before, aside #bettingcart > div.bettingcart_box > div > p > a.a60:hover span::before { opacity:1; width: 116%; } aside #bettingcart > div.bettingcart_box > div > p > a.a50:hover span::after, aside #bettingcart > div.bettingcart_box > div > p > a.a60:hover span::after { opacity:1; width: 120%; } aside #bettingcart > div.bettingcart_box > div > p > a > .chip { display: block; width: 66px; height: 67px; margin: 0; background-repeat: no-repeat; background-position: center 0px; background-size: 100%; text-align: center; line-height: 66px; font-family: 'NEXONFootballGothicBA1', sans-serif; font-style: italic; color: #fff; padding-right: 5px; } aside #bettingcart > div.bettingcart_box > div > p > a > .txt { display: block; width: 100%; background-color: #f3f3f3; margin-top: 5px; padding: 3px 10px 3px 5px; text-align: center; font-size: 14px; font-family: 'NEXONFootballGothicBA1', sans-serif; border-radius: 15px; font-style: italic; border: 1px solid #e4e4e4; height: 30px; line-height: 24px; } aside #bettingcart > div.bettingcart_box > div > p > a.a10 > .chip { background-image:url("../_images/chip_yellow.png"); } aside #bettingcart > div.bettingcart_box > div > p > a.a20 > .chip { background-image:url("../_images/chip_red.png"); } aside #bettingcart > div.bettingcart_box > div > p > a.a30 > .chip { background-image:url("../_images/chip_blue.png"); } aside #bettingcart > div.bettingcart_box > div > p > a.a40 > .chip { background-image:url("../_images/chip_black.png"); } aside #bettingcart > div.bettingcart_box > div > p > a.a45 > .chip { background-image:url("../_images/chip_black.png"); } aside #bettingcart > div.bettingcart_box > form {background:#fff;} aside #bettingcart > div.bettingcart_box > form > #betting_params {display:none;} aside #bettingcart > div.bettingcart_box > form > fieldset > dl { padding:7px 0; margin:0;} aside #bettingcart > div.bettingcart_box > form > fieldset > dl > dt { float:left; width:30%; height:40px; padding:4px; padding-left:15px; line-height:32px; } aside #bettingcart > div.bettingcart_box > form > fieldset > dl > dd { float:left; width:70%; height:40px; padding:4px; position:relative; } aside #bettingcart > div.bettingcart_box > form > fieldset > dl > dt.user {color:#09193f;} aside #bettingcart > div.bettingcart_box > form > fieldset > dl > dd { color:#09193f; letter-spacing:-1px; text-align:right; padding-right:12px; text-align: right; } aside #bettingcart > div.bettingcart_box > form > fieldset > dl > dd.user > span { display: inline-block; line-height: 32px; vertical-align: middle; margin-right: 10px; } aside #bettingcart > div.bettingcart_box > form > fieldset > dl > dd.user > a { width:76px; height:32px; display: inline-block; background-color: #008cff; color: #fff; text-align: center; line-height: 32px; vertical-align: middle; } aside #bettingcart > div.bettingcart_box > form > fieldset > dl > dt.bet {color:#09193f;} aside #bettingcart > div.bettingcart_box > form > fieldset > dl > dd.bet > input{ width:140px; height:32px; border-radius:2px; background:#f3f3f3; color:#333; padding:0 10px; text-align:right; border:0; vertical-align:middle; border: 1px solid #e4e4e4; } aside #bettingcart > div.bettingcart_box > form > fieldset > dl > dd.bet > a {color:#777; font-size:20px; vertical-align:middle; margin-left:5px;} aside #bettingcart > div.bettingcart_box > form > fieldset > p { position:relative; clear:both; margin:0; padding:0; } aside #bettingcart > div.bettingcart_box > form > fieldset > p > a { width:106px; height:26px; color:#FFF; display:block; line-height:24px; padding:0 10px; font-size:12px; position:absolute; } aside #bettingcart > div.bettingcart_box > form > fieldset > p > a > i {float:right; margin-top:7px;} aside #bettingcart > div.bettingcart_box > form > fieldset > p > a.mybetting {border:1px solid #415c9c; background:#364569; top:10px; left:10px;} aside #bettingcart > div.bettingcart_box > form > fieldset > p > a.betinfo {border:1px solid #415c9c; background:#364569; top:41px; left:10px; } aside #bettingcart > div.bettingcart_box > form > fieldset > p > a.mybetting.disable {opacity:0.4;} aside #bettingcart > div.bettingcart_box > form > fieldset > p > button.bet_btn { width:182px; height:57px; position:absolute; top:10px; right:10px; transition: all 0.4s; color: #fff; display:block; background-color:#007be4; text-align:center; cursor: pointer; border: 1px solid #09193f; text-align: center; } aside #bettingcart > div.bettingcart_box > form > fieldset > p > button.bet_btn span { display: inline-block; padding-left: 30px; background-image: url('../_images/bet_btn_bg.png'); background-repeat: no-repeat; background-position: 0 center; font-family: 'NEXONFootballGothicBA1', sans-serif; font-style: italic; height: 30px; line-height: 36px; font-size: 30px; transition: all 0.4s; color: #fff; margin-left: -10px; } aside #bettingcart > div.bettingcart_box > form > fieldset > p > button.bet_btn:hover { box-shadow: 0 80px 0 0 rgba(228,0,0,1) inset, 0 -80px 0 0 rgba(228,0, 0,1) inset; border: 1px solid #960000; } aside #bettingcart > div.bettingcart_box > form > fieldset > p > button.bet_btn:hover span { background-image: url('../_images/bet_btn_bg_on.png'); text-shadow: #fff 1px 0 5px; } aside #bettingcart p.moneytxt { background:#f1f1f1; height:42px; width:100%; margin:0 auto; position:relative; } aside #bettingcart p.moneytxt > .title { height:42px; line-height:42px; position:absolute; top:0; left:0; display:block; color:#555; width:30%; font-size:14px; padding-left: 15px; } aside #bettingcart p.moneytxt > .number { height:42px; line-height:42px; position:absolute; top:0; right:15px; display:block; color:#e40000; width:150px; text-align:right; font-size:16px; font-weight: 700; } aside #bettingcart p.moneytxt.totalrate > a { color:#008cff; font-size:20px; position:absolute; top:7px; width:20px; text-align:center; right:10px; left:auto; padding: 0; } aside #bettingcart p.moneytxt.totalrate > .number {right:40px;} aside #bettingcart div.vsports {background-color: #fff; height:auto} aside #bettingcart div.vsports > ul {padding:0;margin:0;} aside #bettingcart div.vsports > ul > li { height:40px; position:relative; font-size: 14px; background:#fff; border-bottom:1px solid #ddd; } aside #bettingcart div.vsports > ul > li > span, aside #bettingcart div.vsports > ul > li > a { position:absolute; color:#555; line-height:40px; height:40px; text-align:center; } aside #bettingcart div.vsports > ul > li > .round { width: 17%; top:0; left:0; } aside #bettingcart div.vsports > ul > li > .name { width:62%; top:0; left:17%; font-weight:700; color: #09193f; } aside #bettingcart div.vsports > ul > li > .rate { right:25px; width:14%; color:#e40000; font-weight:700; } aside #bettingcart div.vsports > ul > li > a { right:5px; width:20px; height:20px; top:10px; text-align: center; line-height: 20px; font-size: 20px; } aside #bettingcart div.vsports > ul > li > a:hover { color:#2093ff; } aside #bettingcart.vsports > form > fieldset > dl > dd {width:70%} aside #bettingcart.vsports > form > fieldset > dl > dt {width:30%} aside #bettingcart > div.bettingcart_box > form > fieldset > dl > dd.bet > a.max { height:32px; width:50px; background:#ffc108; color:#111; text-align:center; line-height:32px; display:inline-block; font-size:12px; } aside #bettingcart p.bet_btn_box { height:77px; width:100%; margin:0 auto; position:relative; } .info_popup{width:560px; background:#FFF; border:3px solid #e64f00; padding:20px; display:none; position:fixed; left:50%; margin-left:-280px; top:100px; z-index:10000; font-size:12px; } .info_popup > h1 {margin:0; margin-bottom:10px; font-size:16px; font-weight:700; color:#e64f00; } .youtubeWrap {position: relative;width: 100%;height: 0;overflow: hidden;padding-bottom: 56.26%;} .youtubeWrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .chat_btn{display:inline-block; font-size:13px; border: solid 1px #f06d06; padding: 1px; background-clip: content-box; border-radius:2px; height:27px; line-height:23px; width:105px; text-align:center; } .chat_btn.blue {border:1px solid #e64f00; background-color:#e64f00; color:#FFF !important;} .chat_btn.yellow {border:1px solid #ffc513; background-color:#ffc513; color:#111 !important;} .chat_btn.gray {border:1px solid #8c8c8c; background-color:#8c8c8c; color:#FFF !important;} .chat_btn.blue:hover {border:1px solid #72b9eb; background-color:#72b9eb; } .chat_btn.yellow:hover {border:1px solid #ffd75a; background-color:#ffd75a; } .chat_btn.gray:hover {border:1px solid #afafaf; background-color:#afafaf; } #newchat {width:100%; height:100%; background:#FFF; min-height:200px; position:relative; } #newchat > a.aside_view{background:none; width:38px; height:38px; position:absolute; top:0; right:0; text-align:center; display:block; line-height:38px; background:#425461; color:#FFF; display:none;} #newchat > header {height:38px; background:#2a3649; color:#FFF; position: relative; } #newchat > header > h1 {position:absolute; top: 0; left:0; width:93px; line-height:38px; font-size:14px; color:#FFF; padding:0; margin:0; text-align:center;} #newchat > header > menu {position:absolute; top:2px; left:93px; padding:0; margin:0;} #newchat > header > menu > li {float:left; height:36px;} #newchat > header > menu > li > a {display:block; height:35px; line-height:35px; color:#FFF; padding:0 10px;} #newchat > header > menu > li:hover, #newchat > header > menu > li.on{border-top:1px solid #FFF; background: #f0f0f0; background: linear-gradient(to bottom, #f0f0f0 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 );} #newchat > header > menu > li:hover > a, #newchat > header > menu > li.on > a {color:#111;} #newchat > header > a {width:103px; height:28px; background-image:url("../_images/chatimgs.png"); position:absolute; top: 5px; right:20px; } #newchat > header > a.write_btn {background-position: -115px -30px; } #newchat > header > a.exit_btn {background-position: 0 -30px;} #newchat > aside {position:absolute; top:38px; right:0; width:287px; border-right:1px solid #dddddd; border-left:1px solid #dddddd; } #newchat > aside > div.list {position:relative;} #newchat > aside > div.list > header {position:relative; padding:0 10px; height:35px; color:#4d4d4d; background:#f8f8f8; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; line-height:33px; font-size:13px; font-weight:700;} #newchat > aside > div.list > header > a {display:block; width:100%; height:100%;} #newchat > aside > div.list > header i {position:absolute; top:10px; right:25px;} #newchat > aside > div.list > ul {margin:0; padding:0; background:#FFF; position:relative; display:none;} #newchat > aside > div.list.on > ul {min-height:200px; overflow-y:auto; display:block;} #newchat > aside > div.list > ul > li {position:relative; height:46px; border-bottom:1px dotted #dddddd; padding:5px;} #newchat > aside > div.list > ul > li > img{width:33px; height:33px; } #newchat > aside > div.list > ul > li > .nickname {font-size:14px; font-weight:700; color:#244d8e; display:inline-block; margin-left:10px;} #newchat > aside > div.list > ul > li > a.invite {width:64px; height:22px; display:block; border-radius:2px; background:#ebebeb; font-size:12px; line-height:22px; text-align:center; color:#333333; position:absolute; top: 11px; right:22px;} #newchat > aside > div.list > ul > li > a.invite.on {background:#e64f00;color:#FFF;} #newchat > aside > div.list > .hiddenmenu{ padding:0; border:1px solid #0e0e0e; width:70px; border-bottom:none; margin:0; display:none; position:absolute; z-index:1000;} #newchat > aside > div.list > .hiddenmenu > li {height:23px; border-bottom:1px solid #0e0e0e;} #newchat > aside > div.list > .hiddenmenu > li > a{display:block; background:#efefef; height:22px; line-height:22px; font-size:12px; text-align:center; } #newchat > aside > div.list > .hiddenmenu > li > a:hover{background:#357de3; color:#FFF;} #newchat > aside > div.boss {height:125px; padding:8px; position:relative; } #newchat > aside > div.boss > form header > img{width:33px; height:33px; } #newchat > aside > div.boss > form header > .nickname{font-size:14px; font-weight:700; color:#244d8e;} #newchat > aside > div.boss > form .des{width:269px; height:28px; line-height:26px; border:1px solid #DDD; margin-top:6px; } #newchat > aside > div.boss > form footer {margin-top:6px; text-align:center; } #newchat > aside > div.boss.view{height:50px;} #newchat > aside > div.boss.view > h1 {position:absolute; font-size:12px; color:#e64f00; top:10px; right:10px; padding:0; margin:0; } #newchat > aside > div.boss.view > header > img{width:33px; height:33px; } #newchat > aside > div.boss.view > header > .nickname{font-size:14px; font-weight:700; color:#244d8e;} #newchat > .mobile_bg{display:none;} #newchat > main {width:100%; height:100%; padding-right:287px; } #newchat > main > header.waitlist {height:35px; border-bottom:1px solid #ddd; position:relative; } #newchat > main > header.waitlist > div {position:absolute; top: 5px; right:5px;} #newchat > main > header.waitlist > div > a {display:block; float:left; width: 64px; height:22px; border-radius:2px; background:#ebebeb; font-size:12px; line-height:20px; text-align:center; margin: 0 5px;} #newchat > main > header.waitlist > div > a:hover, #newchat > main > header.waitlist > div > a.on {background:#e64f00; color:#FFF;} #newchat > main > #waitlist {padding:0; margin:0;} #newchat > main > #waitlist > li {padding:15px 20px; height:95px; position:relative; border-bottom:1px solid #dddddd; } #newchat > main > #waitlist > li > img {width:64px; height:64px;} #newchat > main > #waitlist > li > a.title {position:absolute; top:18px; font-size:16px; color:#111; font-weight:700; left:100px;} #newchat > main > #waitlist > li > span {position:absolute;} #newchat > main > #waitlist > li > span.subtitle {left:100px; font-size:14px; top:38px; color:#999;} #newchat > main > #waitlist > li > span.boss {top:60px; right:70px; font-size:14px; font-weight:700; color:#244d8e; } #newchat > main > #waitlist > li > span.private { width:11px; height:16px; background-image:url("../_images/chatimgs.png"); background-position: -150px -70px; position:absolute; top: 20px; right:70px; } #newchat > main > #waitlist > li > span.joinpoint {right:70px; color:#008536; letter-spacing:-1px; top:42px; font-size:12px;} #newchat > main > #waitlist > li > a.connectbutton {top:22px; left:auto; right:10px; display:block; font-size:18px; line-height:40px; padding:4px 0; height:50px; width:50px; text-align:center; color:#FFF; background:#e64f00; font-weight:700; border-radius:5px; } #newchat > main > #waitlist > li > a.connectbutton:hover {background:#72b9eb;} #newchat > main > #waitlist > li > p {position:absolute; left:100px; bottom:18px; margin:0; padding:0; font-size:12px;} #newchat > main > #waitlist > li > p > .now{font-weight:700;} #newchat > main > header.room {border-bottom:1px solid #ddd; height:65px; padding:15px; position:relative; } #newchat > main > header.room > h1{margin:0; padding:0; font-size:14px; line-height:20px;} #newchat > main > header.room > h2{margin:0; padding:0; font-size:14px; line-height:20px; color:#e64f00} #newchat > main > header.room > .shutupall{width:25px; height:25px; background-image:url("../_images/chatimgs.png"); background-position: -115px -70px; position:absolute; top: 2px; right:20px;} #newchat > main > header.room > div.subboss {top:25px;right:20px; position:absolute;} #newchat > main > header.room > div.subboss > span{ display:inline-block; } #newchat > main > header.room > div.subboss > span.tit_m, #newchat > main > header.room > div.subboss > span.tit {background:#009814;color:#FFF; text-align:center; font-size:11px; line-height:18px; height:18px;} #newchat > main > header.room > div.subboss > span.tit_m {display:none;} #newchat > main > header.room > div.subboss > span.tit {width:46px;} #newchat > main > header.room > div.subboss > span.nick {font-size:14px; font-weight:700; color:#244d8e; line-height:18px; } #newchat > main > header.room > div.subboss > span > img {width:18px; height:18px; vertical-align:middle; } #newchat > main > header.room > div.subsubboss {top:44px;right:20px; position:absolute;} #newchat > main > header.room > div.subsubboss > span{ display:inline-block; } #newchat > main > header.room > div.subsubboss > span.tit_m, #newchat > main > header.room > div.subsubboss > span.tit {background:#e64f00;color:#FFF; text-align:center; font-size:11px; line-height:18px; height:18px;} #newchat > main > header.room > div.subsubboss > span.tit_m {display:none;} #newchat > main > header.room > div.subsubboss > span.tit {width:46px;} #newchat > main > header.room > div.subsubboss > span.nick {font-size:14px; font-weight:700; color:#244d8e; line-height:18px; } #newchat > main > header.room > div.subsubboss > span > img {width:18px; height:18px; vertical-align:middle; } #newchat > main > #room_chatting {padding:10px 15px; margin:0; overflow-y:auto; min-height:200px;} #newchat > main > #room_chatting > li{font-size:12px; margin-bottom:5px;} #newchat > main > #room_chatting > li.chat > span.nickname {display:inline-block; font-weight:700; color:#244d8e; width:100px; } #newchat > main > #room_chatting > li.boss > span.nickname {display:inline-block; font-weight:700; color:#c50000; width:100px; } #newchat > main > #room_chatting > li.boss {color:#ce2423;} #newchat > main > #room_chatting > li.engineer > span.nickname {display:inline-block; font-weight:700; color:#288e00; width:100px; } #newchat > main > #room_chatting > li.engineer {color:#288e00;} #newchat > main > #room_chatting > li.subboss > span.nickname {display:inline-block; font-weight:700; color:#009814; width:100px; } #newchat > main > #room_chatting > li.subboss {color:#009814;} #newchat > main > #room_chatting > li.subsubboss > span.nickname {display:inline-block; font-weight:700; color:#e64f00; width:100px; } #newchat > main > #room_chatting > li.subsubboss {color:#e64f00;} #newchat > main > #room_chatting > li.system {line-height:18px; height:20px; padding-left:10px; background:#004576; color:#FFF; border-radius:2px;} #newchat > main > #room_chatting > li.system > span.nickname {font-weight:700; color:#FFF; } #newchat > main > #room_chatting_input {height:42px; padding:10px ; background:#e3ecff; border-top:1px solid #d0d5df; position:relative; } #newchat > main > #room_chatting_input a.bossrefresh, #newchat > main > #room_chatting_input a.refresh{position:absolute; top:5px; left:2px; width:60px; height:30px; color:#FFF; background:#333; text-align:center; line-height:30px; font-size:12px; border-radius:5px; } #newchat > main > #room_chatting_input a.bossrefresh{background:#00528c;} #newchat > main > #room_chatting_input input.txt {height:22px; width:100%; background:#e3ecff; border:0; padding-right:80px; padding-left:60px;} #newchat > main > #room_chatting_input input.txt.boss{padding-left:5px;} #newchat > main > #room_chatting_input input.sbtn {position:absolute; top:4px; right:53px; z-index:5;} #newchat > main > #room_chatting_input .config {position:absolute; top:4px; right:4px; z-index:5; width:46px; height:32px; display:block; text-align:center; font-size:11px; color:#FFF; background:#3a5a94; line-height:32px; border-radius:2px; } #newchat > main > .config {position:absolute; bottom:42px; right:287px; background:#FFF; padding:0; width:180px; height:100px;border:2px solid #333; display:none; } #newchat > main > .config h1{font-size:16px; font-weight:700; margin:0; margin-bottom:10px; background:#004576; color:#FFF; padding:5px; position:relative;} #newchat > main > .config h1 > a { position:absolute; font-size:14px; top:5px; right:5px; color:#FFF;} #newchat > main > .config label{display:block; font-size:12px; padding:2px 6px; margin:0;} #newchat > main > .config label > input {vertical-align:-2px;} #newchat > main > #waitlist > li.nolist { text-align:center; height:auto;} #newchat > main > #waitlist > li.nolist > img{width:auto; height:auto;} #newchat > main > #waitlist > li.nolist > h1 {text-align:center; margin:10px 0; font-size:16px; color:#e64f00; width:280px; margin:0 auto;} #newchat > main > #chat_write {width:100%; padding:20px 0;} #newchat > main > #chat_write table {width:600px; margin:0 auto;} #newchat > main > #chat_write table > caption {display:none;} #newchat > main > #chat_write table > tbody > tr > th {height:40px; padding-left:70px;} #newchat > main > #chat_write table > tbody > tr > td > p {font-size:11px; color:#999;} #newchat > main > #chat_write table input, #newchat > main > #chat_write table select{width:180px; height:28px; border:1px solid #dddddd; line-height:26px;} #newchat > main > #chat_write table input {width:380px;} #newchat > main > #chat_write p.submit {text-align:center; margin-top:10px;} #newchat > main > #chat_write p.submit > input {width:140px; height:35px; font-size:16px; font-weight:700; color:#e64f00; border:1px solid #e64f00; background: #ffffff; background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); } #newchat > main > #chat_write p.notice {width:470px; border:5px solid #efefef; padding:20px; margin:0 auto; font-size:12px;} #newchat > main > #chat_write p.notice > .money {color:#008536} #chatpopup {position:absolute; top:0; left:0; z-index:1500; border:2px solid #333; background:#FFF; padding:10px; text-align:center; display:none;} #chatpopup > a.close {position:absolute; top:8px; right:8px; width:15px; height:15px; background-image:url("../_images/chatimgs.png"); background-position: -90px -70px;} #chatpopup.gift {width:240px; height:260px; left:50%; margin-left:-120px; top: 100px; } #chatpopup.gift > .giftimg {width:80px; height:103px; background-image:url("../_images/chatimgs.png"); background-position: 0 -70px; margin:0 auto; margin-top:15px;} #chatpopup.gift > p {font-size:16px; color:#333; font-weight:700;} #chatpopup.gift > form > fieldset {position:relative;width:146px; height:28px; border:1px solid #DDD; margin:0 auto;} #chatpopup.gift > form > fieldset > input {border:none; width:144px; height:26px; line-height:26px; text-align:right; font-size:14px; font-weight:700; color:#008536; padding-right:25px;} #chatpopup.gift > form > fieldset > img {position:absolute; top: 5px; right:5px;} #chatpopup.gift > form > fieldset > p {margin-top:20px;} #chatpopup.gift.recive {width:360px; left:50%; margin-left:-180px; top: 100px; height:auto;} #chatpopup.gift .nickname {font-size:16px; font-weight:700; color:#244d8e;} #chatpopup.gift.recive > p.money > span{color:#008536} #chatpopup.private { width:360px; left:50%; margin-left:-180px; top: 100px; } #chatpopup.private > h1{font-size:14px; text-align:center;} #chatpopup.private > form > fieldset > input {width:150px; height:28px; border:1px solid #DDD; line-height:26px;} #chatpopup.private > form > fieldset > p {margin-top:10px;} #chatpopup.invite { width:360px; left:50%; margin-left:-180px; top: 100px; padding-top:25px; } #chatpopup.invite > h1{font-size:14px; text-align:center;} #chatpopup.invite .nickname {font-size:14px; font-weight:700; color:#244d8e;} body > #chatpopup {top:100px; position:fixed;} .waterbugbetting{background:url("../_images/waterbug_betting.png") no-repeat; height:820px; height:127px; margin-top:-5px; position:relative;} .waterbugbetting > a {background:url("../_images/waterbug_betting.png") no-repeat -51px -140px; width:150px; height:75px; position:absolute; top:36px; left:0;} .waterbugbetting > a.a10 {left:51px; } .waterbugbetting > a.a20 {left:228px; } .waterbugbetting > a.a30 {left:441px; } .waterbugbetting > a.a40 {left:618px; } .waterbugbetting > a > span{font-size:12px; display:block; text-align:center; text-indent:0; line-height:26px; color:#c8c8c8} .waterbugbetting > a.on, .waterbugbetting > a:hover {top:31px; height:80px; background:url("../_images/waterbug_betting.png") no-repeat -51px -230px;} .waterbugbetting > a > .txt {font-size:30px; color:#cccccc; position:absolute; top:10px; left:0; display:block; width:100%; text-align:center; font-weight:600;} .waterbugbetting > a.on > .txt, .waterbugbetting > a:hover > .txt {color:#FFF} .waterbugbetting > a.on > .txt.red , .waterbugbetting > a:hover > .txt.red {color:#fc0000;} .waterbugbetting > a.on > .txt.blue , .waterbugbetting > a:hover > .txt.blue {color:#0096ff;} .waterbugbetting > a > .rate {font-size:14px; color:#cccccc; position:absolute; top:40px; left:0; display:block; width:100%; text-align:center;} .waterbugbetting > a.on > .rate, .waterbugbetting > a:hover > .rate {color:#FFF} .waterbugbetting > a > .betting_money {width:90px; left:30px; height:22px; line-height:22px; border-radius:11px; color:#FFF; position:absolute; top:40px; border-top: 1px solid #90c9ff; background: #006ed5; background: linear-gradient(to bottom, #006ed5 20%,#2093ff 100%); font-style:italic; font-weight:700;} .bowlingbetting{background:url("../_images/bowling_betting.png") no-repeat; height:820px; height:156px; margin-top:-5px; position:relative; border:1px solid #3f4953;} .bowlingbetting > a {display:block; position:absolute; } .bowlingbetting > a.color {width:163px; height:156px;border:1px solid #3f4953; top:-1px; padding:20px;} .bowlingbetting > a.color > .i{background:url("../_images/bowling_betting.png") no-repeat -10px -165px; width:71px; height:91px; margin:0 auto;} .bowlingbetting > a.a20.color > .i{background:url("../_images/bowling_betting.png") no-repeat -100px -165px;} .bowlingbetting > a.a10 {left:-1px;} .bowlingbetting > a.a20 {right:-1px;} .bowlingbetting > a.oddeven {width:130px; height:78px; border:1px solid #3f4953; left:161px; padding:12px; top:-1px;} .bowlingbetting > a.oddeven > .txt {color:#FFF; font-weight:600; display:block; font-size:22px; text-align:center; } .bowlingbetting > a.a40 {top:76px;} .bowlingbetting > a.underover {width:149px; height:156px; border:1px solid #3f4953; top:-1px; left:290px; padding:25px;} .bowlingbetting > a.underover > .i {background:url("../_images/bowling_betting.png") no-repeat -200px -170px; width:48px; height:54px; margin:0 auto; } .bowlingbetting > a.underover > .txt {font-size:16px; display:block; text-align:center; } .bowlingbetting > a.a60 {left:508px;} .bowlingbetting > a.a60.underover > .i {background:url("../_images/bowling_betting.png") no-repeat -260px -165px; } .bowlingbetting > p {display:block; color:#808080; text-align:center; text-align:center; padding:60px 0; position:absolute; top:-1px; left:438px; width:70px; height:156px; font-size:24px; font-weight:700; margin:0;} .bowlingbetting > a > .rate {display:block; text-align:center; color:#aaaaaa;font-size:16px; } .bowlingbetting > a > span {color:#FFF;} .bowlingbetting > a > .betting_money {width:90px; left:50%; margin-left:-45px; height:22px; line-height:22px; border-radius:11px; color:#FFF; position:absolute; top:40px; border-top: 1px solid #90c9ff; background: #006ed5; background: linear-gradient(to bottom, #006ed5 20%,#2093ff 100%); font-style:italic; font-weight:700; text-align:center;} .bowlingbetting > a.color > .betting_money {top:113px;} .bowlingbetting > a.oddeven > .betting_money {top:45px;} .bowlingbetting > a.underover > .betting_money {top:104px;} .bowlingbetting > a.on, .bowlingbetting > a:hover {background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.15) 1%,rgba(255,255,255,0.3) 100%);} .shootinggirlbetting{background:url("../_images/shootinggirl_betting.png") no-repeat; height:820px; height:156px; margin-top:-5px; position:relative; border:1px solid #3f4953;} .shootinggirlbetting > a {display:block; position:absolute; } .shootinggirlbetting > a.color {width:163px; height:156px;border:1px solid #3f4953; top:-1px; padding:20px;} .shootinggirlbetting > a.color > .i{background:url("../_images/shootinggirl_betting.png") no-repeat 3px -165px; width:95px; height:98px; margin:0 auto;} .shootinggirlbetting > a.a20.color > .i{background:url("../_images/shootinggirl_betting.png") no-repeat -91px -165px;} .shootinggirlbetting > a.a10 {left:-1px;} .shootinggirlbetting > a.a20 {left:161px;} .shootinggirlbetting > a.oddeven {width:130px; height:78px; border:1px solid #3f4953; left:323px; padding:12px; top:-1px;} .shootinggirlbetting > a.oddeven > .txt {color:#FFF; font-weight:600; display:block; font-size:22px; text-align:center; } .shootinggirlbetting > a.a40 {top:76px;} .shootinggirlbetting > a.underover {width:149px; height:156px; border:1px solid #3f4953; top:-1px; left:452px; padding:25px;} .shootinggirlbetting > a.underover > .i {background:url("../_images/shootinggirl_betting.png") no-repeat -200px -170px; width:27px; height:27px; margin:0 auto; } .shootinggirlbetting > a.underover > .txt {font-size:24px; display:block; text-align:center; font-weight:700; } .shootinggirlbetting > a.a60 {left:670px;} .shootinggirlbetting > a.a60.underover > .i {background:url("../_images/shootinggirl_betting.png") no-repeat -260px -165px; } .shootinggirlbetting > p {display:block; color:#808080; text-align:center; text-align:center; padding:60px 0; position:absolute; top:-1px; left:599px; width:70px; height:156px; font-size:24px; font-weight:700; margin:0;} .shootinggirlbetting > a > .rate {display:block; text-align:center; color:#aaaaaa;font-size:16px; } .shootinggirlbetting > a > span {color:#FFF;} .shootinggirlbetting > a > .betting_money {width:90px; left:50%; margin-left:-45px; height:22px; line-height:22px; border-radius:11px; color:#FFF; position:absolute; top:40px; border-top: 1px solid #90c9ff; background: #006ed5; background: linear-gradient(to bottom, #006ed5 20%,#2093ff 100%); font-style:italic; font-weight:700; text-align:center;} .shootinggirlbetting > a.color > .betting_money {top:113px;} .shootinggirlbetting > a.oddeven > .betting_money {top:45px;} .shootinggirlbetting > a.underover > .betting_money {top:104px;} .shootinggirlbetting > a.on, .shootinggirlbetting > a:hover {background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.15) 1%,rgba(255,255,255,0.3) 100%);} #main_contents.arcade2 {background:#fff;padding:0;} #main_contents.arcade2 > nav.main_nav {background:#e64f00; margin-left:0;} #main_contents.arcade2 > nav.main_nav > h1{color:#FFF;} #main_contents.arcade2 > .game_list2{padding: 10px; margin:0; } #main_contents.arcade2 > .game_list2 > li{ float:left; width:25%; padding: 5px; margin-bottom: 20px; } #main_contents.arcade2 > .game_list2 > li > a { display:block; text-align:center; width: 100%; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; } #main_contents.arcade2 > .game_list2 > li > a:hover { transform: scale( 1.04 ); } @keyframes bg_scale { from { background-size: 100%; } to { background-size: 120%;} } #main_contents.arcade2 > .game_list2 > li > a div.game_img_box { background-size: 100%; background-repeat: no-repeat; background-position: center; width: 100%; height: 184px; } #main_contents.arcade2 > .game_list2 > li > a:hover div.game_img_box { animation-name: bg_scale; animation-duration: 8s; } #main_contents.arcade2 > .game_list2 > li > a div.game_name_box { padding: 15px 0px; background-color: #f3f3f3; } #main_contents.arcade2 > .game_list2 > li > a:hover div.game_name_box { background-color: #09193f; } #main_contents.arcade2 > .game_list2 > li > a div.game_name_box h2 { margin: 0; font-size: 18px; padding-bottom: 5px; font-weight: bold; } #main_contents.arcade2 > .game_list2 > li > a div.game_name_box p { margin: 0; } #main_contents.arcade2 > .game_list2 > li > a:hover div.game_name_box h2, #main_contents.arcade2 > .game_list2 > li > a:hover div.game_name_box p { color: #fff; } #main_contents.arcade2 > .game_list2 > li > a.dsc{background:#e7e7e7; color:#333333; padding:4px 0;} #main_contents.arcade2 > .game_list2 > li > a.tit{background:#FFF; color:#ff5800; padding:6px 0;} #main_contents.arcade2 > .game_list2 > li > a.img{height:194px;background:#a6a6a6;} #main_contents.arcade2 > .game_list2 > li > a.tit:hover {background:#ff5800; color:#FFF;} /** @media (min-width:320px) {// smartphones, portrait iPhone, portrait 480x320 phones (Android) } @media (min-width:480px) { # smartphones, Android phones, landscape iPhone } @media (min-width:600px) { # portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) # } @media (min-width:801px) { # tablet, landscape iPad, lo-res laptops ands desktops # } @media (min-width:1025px) { # big landscape tablets, laptops, and desktops # } @media (min-width:1281px) { # hi-res laptops and desktops # } ***/ .bettinglist {padding:0;margin:0;} .bettinglist > ul {padding:0;margin:0;} .bettinglist > ul > li {margin-bottom:20px;} .virtual_table {width:100%; color:#FFF;} .virtual_table caption{display:none;} .virtual_table thead {display:none;} .virtual_table td {color:#333; text-align:center; height:38px; border:6px solid #FFF; font-size:12px;} .virtual_table td a {font-size:12px;} .virtual_table td.team a{display:block; width:100%; height:100%; line-height:30px; position:relative; background:#494949;color:#FFF; cursor:auto; } .virtual_table td em {font-style:normal;} .virtual_table td.team.betting a{background:#7e7e7e;color:#FFF;} .virtual_table td.team.yesbet a{cursor:pointer;} .virtual_table td.team.yesbet a:hover, .virtual_table td.team.betting a.active, .virtual_table td.team.select a{ border-top:1px solid #fff55d; color:#0e0e0e; background:#ffc600;} .virtual_table td.team.process a { background:#4d5aee; color:#FFF;} .virtual_table td.team.playmov a { background:#0072c3; color:#FFF;} .virtual_table td.team.playmov.same a{background:#0072c3; color:#FFF;} .virtual_table td.round .playbtn{font-size:20px; color:#e34335;} .virtual_table td.team a > img {position:absolute; top:9px; } .virtual_table td.team a > strong {font-weight:400; position:absolute; top:0; } .virtual_table td.team.home a > em, .virtual_table td.team.away a > em {position:absolute; top:0; } .virtual_table td.team.home a > img{left:10px;} .virtual_table td.team.home a > strong{left:35px;} .virtual_table td.team.home a > em{right:10px;} .virtual_table td.team.away a > img{right:10px;} .virtual_table td.team.away a > strong{right:35px;} .virtual_table td.team.away a > em{left:10px;} .virtual_table td.black {background:#FFF; color:#4e4e4e;} hgroup.status { clear:both;position:relative;width:100%;height:35px;line-height:35px; } hgroup.status.on { background:#4085cb; } hgroup.status.off { background:#c73122; } hgroup.status.waiting { background:#858585; } hgroup.status > h1, hgroup.status > h2, hgroup.status > h3 {padding:0; margin:0;} hgroup.status > h1 { display:inline-block;height:35px;line-height:35px;font-size:14px;color:#fff;margin-left:15px;font-weight:300; } hgroup.status > h2 { display:inline-block;height:35px;line-height:35px;font-size:12px;color:#fff;margin-left:36px;font-weight:300; } hgroup.status > h3 { display:inline-block;height:35px;line-height:35px;font-size:14px;color:#fff;position:absolute;top:0;right:97px;font-weight:700; } hgroup.status > a { position:absolute;top:6px;;right:12px;width:44px;height:23px;line-height:23px;background:#fff;font-size:12px;font-weight:700;color:#0b0b0b;text-align:center; } @media all and (min-width:1px) and (max-width:640px){ #newchat > a.aside_view { display:block; z-index:60; font-size:20px;} #newchat > a.aside_view.on{background:#e64f00} #newchat > .mobile_bg { width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; display:none; z-index:50; } #newchat > main { padding-right:0; } #newchat > aside { display:none; z-index:100; width:0; background:#FFF; } #newchat > header > a.write_btn { display:none; } #newchat > header > a.exit_btn { right:45px; } #newchat > header > menu{ left:10px; } #newchat > header > menu > li > a{ padding:0 5px; font-size:12px; } #newchat > header > h1 { display:none; } #newchat > main > .config {right:0;} #newchat > main > header.room > div.subboss > span.tit {display:none;} #newchat > main > header.room > div.subboss > span.tit_m{display:inline-block;} #chatpopup.gift, #chatpopup.private, #chatpopup.invite, #chatpopup.gift.recive {top:0;} #chatpopup.gift.recive{width:310px; margin-left:-155px} /* 태블릿 및 노트북 CSS 작성 */ }