html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, input, select, textarea, button,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {background: #19222d;line-height: 1;}

html {-webkit-text-size-adjust:100%;overflow-x: hidden;}
* {margin:0;padding:0;font-size:13px;font-family:'Gmarket Sans', sans-serif;color: #ffffff;line-height: 1.6em;letter-spacing:-0.03em;word-break:keep-all;user-select: none;}
form, fieldset, caption, img{border:0;}
ul, ol, dl, li, dt, dd{list-style-type:none;}
input, select { border:none; vertical-align:middle;}
table {border-spacing:0px;}
textarea, button{vertical-align:middle;color:#000;}
a{color: #fff;text-decoration:none;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;text-decoration: none;}
a:hover, a:focus, a:active{color:#fff; text-decoration:none}
html,body {width:100%; height:100%;overflow-x:auto;min-width:1920px;}
img, fieldset{border:none; vertical-align:top;border: 0;}
input:focus{outline:none;}
select option { color:#000;font-weight:bold;}
html::-webkit-scrollbar {width:2px;}
html::-webkit-scrollbar-thumb {border-radius:5px;background-color: #565656;background-clip: padding-box;}

.pop-container {border: 1px solid #4e4e4e;background:#19232d;}
.container {width: 1240px;position: relative;margin: 0 auto;}
.text-left{text-align:  left;}
.text-center{text-align:  center;}
.text-right{text-align:  right;}
.table-responsive {overflow-y: auto;min-height: 800px;}
table {background-color: #333d51;}
table.table tbody tr td:last-child {border-right: none;}
table.table tbody tr td {text-align: center;font-size: 13px;color: #222;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding: 5px;line-height: 1.42857143;vertical-align: top;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {padding: 5px;line-height: 1.42857143;vertical-align: top;}
.table > thead > tr > th {vertical-align: bottom;}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {border-top: 0;}
.table-striped > tbody > tr:nth-of-type(odd) {background-color: #f9f9f9;}
.table {width: 100%;max-width: 100%;}
table.table {width: 100%;overflow: hidden;}
table.table thead {}
table.table tbody tr td {text-align: center;font-size: 13px;color: #fff;background:#333d51;vertical-align:middle;}
table.table thead tr th {height: 43px;background: #19232d;vertical-align: middle;padding: 0 12px;font-size: 14px;font-weight: 500;color: #fff;}

.submenu {overflow:hidden;margin-bottom:5px;}
.submenu li {display:inline-block;position:relative;margin: 0 0px;}
.submenu li span {color: #fff;}
.submenu li a {display:block;background: #495064;padding: 3px 20px;height:45px;line-height:32px;font-size:14px;color:#000000;width: 77px;font-weight:bold;border-radius:5px;text-align:center;}
.submenu li a:hover {color: #222;}
.submenu li:after { content:''; display:block;width:1px; height:13px; position:absolute;top:10px; right:-14px;}
.submenu li:last-child:after { display:none;}
.submenu .select a {display:block;color: #000;font-weight:bold;background: #ffcc00;}
.submenu .select {border-radius:5px;align-items:center;margin-right: 18px;width:100px;}
.submenu .select span{border-radius:5px;align-items:center;color:#fff;width:100px;}
.btn3 {text-align: center;font-size: 12px;cursor: pointer;color: #fff;width: 128px;height:30px;line-height:30px;border: 1px solid #383b52;background-image: linear-gradient(180deg,#242431,#1b1b25);}
.btn3:hover {background-image: linear-gradient(180deg,#1b1b24,#242431);border: 1px solid #383b52;}.casino-left { border: none;border-radius: 0;}
.timer_round {border: 1px solid #383b52;background-image: linear-gradient(180deg,#242431,#1b1b25);}

/* minigames */
.mini_game_bet {}
.mini_game_bet h2 {margin-bottom:10px;position:relative;border:1px solid #2d2d34;border-radius:5px;background:#222227;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;height:45px;padding-left:15px;line-height:43px;font-size:18px;color:#ef9d07;}
.mini_game_bet .game_box {position:relative;border:1px solid #2d2d34;border-radius:5px;background-size:cover;width: 672px;height: 626px;margin-left:5px;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;padding:1px;margin-bottom:10px;*zoom:1;}
.mini_game_bet .game_box:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.mini_game_bet .view_section {float:left;width: 100%;height: 100%;padding:10px 10px;min-width:520px;}
.mini_game_bet .view_section .game_view {background:rgba(0,0,0,0.5);border-radius:5px;height: 517px;overflow:hidden;}
.clearfix:before,.clearfix:after,.modal-footer:after {content: " ";display: table;}.clearfix:after,.container:after,.container-fluid:after,.row:after,.modal-header:after,.modal-footer:after {clear: both;}

/* deposits */
.page_wrap {}
.charge_notice {padding:0;}
.charge_notice>.title {font-size: 25px;color: #ffffff;margin-top: 13px;margin-bottom: 12px;padding-left: 0px;}
.charge_notice>.text1 {padding-left: 22px;font-size: 13px;line-height: 200%;color: #ffffff;background-repeat: no-repeat;background-position: 2px 8px;}
.charge_notice>.text2 {color: #fff;font-size: 14px;margin-top: 1px;}
.charge_notice.cash_cash_wrap>.text3 {line-height: 36px;margin-bottom: 1px;}
.charge_notice.cash_cash_wrap>.text3.mtup {margin-top: -3px;}
.charge_notice>.text4 {padding-left: 22px;font-weight: bold;font-size: 15px;line-height: 200%;color: #0f9121;background-repeat: no-repeat;background-position: 2px 8px;}
.charge_notice {padding: 0;}
.charge_notice>.title.bg_none {background: 0 0;padding: 0;}
.charge_notice>.title {font-size: 25px;color: #ffffff;margin-top: 13px;margin-bottom: 12px;padding-left: 0px;}
.charge_notice>.money_btn {padding-left: 123px;margin-top: 15px;font-size: 0;}
.body-charge .mbutton {display: inline-block;line-height: 100%;padding: 12px 8px;min-width: 66px;border-radius: 5px;font-size: 14px;text-align: center;margin-right: 5px;color: #000;}
.body-charge .abutton_gray {color: hsla(0,0%,100%,.9);background: hsla(0,0%,100%,.15);}
.body-charge .abutton_orange {background: #000000;border-color: #000000;color: #FFF;}
.money_error {margin: 20px 20px 0 20px;}
.charge_btn {text-align: center;padding: 80px 0;}
.deposit-history-wrap {width: calc(100% - 60px);margin: 15px auto;}
.table-black {width: 100%;margin-bottom: 25px;}
.body_wrap {width: 1240px;margin: 0 auto;padding: 66px;background: #242f48;margin-top: 7px;}
.table-black {width: 100%;margin-bottom: 25px;}
.body-charge .abutton_blue, .body-charge .abutton_blue:hover {background: #109121;border-color: #109121;color: #fff;width: auto;padding: 16px 37px;}
.table-black>thead>tr {height:40px;border-top: 1px solid #a71f67;font-color: #fff;}
.table-black>thead>tr>td, .table-black.double-header>thead>tr>td, .table-black>thead>tr>th, .table-black.double-header>thead>tr>th {text-align: center;color: #ffffff;position: relative;padding-left: 5px;padding-right: 5px;white-space: nowrap;font-size: 13px;}
.table-black>thead>tr {height: 40px;border-top: 1px solid #a71f67;font-color: #fff;}
.table-black.double-header>thead, .table-black>thead>tr {}
.table-black>thead>tr {line-height: 40px;height: 40px;}
.table-black.double-header>thead, .table-black>thead>tr {border-bottom: 1px solid #242f48;}
.charge_notice>.money_btn>* {display: inline-block;margin-right: 8px;padding: 7px 15px;width: 84px;height: 23px;line-height: 23px;}
.table-black>tbody>tr>td {color: #fff;text-align: center;font-size: 13px;overflow: hidden;border-bottom: 1px solid #242f48;}
.table-black>tbody>tr {line-height: 40px;height: 40px;padding=bottom: 2;}
.charge_notice>.text3 input[type=text], .charge_notice>.text3 input[type=password] {text-align: right;padding: 0 10px;margin-right: 5px;width: 200px;border: 0px none;border-bottom: 1px solid #ccc;font-size: 13px;font-weight: 300;color: #666;margin-top: 2px;margin-left: 1px;border-radius: 5px;}
.charge_notice>.money_btn {padding-left: 123px;margin-top: 15px;font-size: 0;}
.mes_btnbox {margin-top: -10px;display: inline-block;float: right;}
.charge_notice>.text3>.t2 {font-size: 14px;color: #ffcc00;}

/* event */
.promotion-page {padding:15px 0px 5px 15px;background: #242f48;overflow: hidden;width: 1353px;margin-left: 3px;} 
.promotion-page .promotion-box:hover { border-color: #999; } 
.promotion-page .promotion-box {float: left;border-radius: 3px;width: 440px;margin-right: 9px;margin-bottom: 18px;box-sizing: border-box;} 
.promotion-page .promotion-box:nth-child(2n) {margin-right: 10px;} 
.promotion-page .promotion-box a { display: block; padding: 4px;} 
.promotion-page .promotion-box a img {width: 100%;height: 220px;} 
.promotion-page .promotion-box a .title {background: #000c24;display: flex;align-items: center;padding: 13px 7px 8px 8px;overflow: hidden;font-size: 12px;position: relative;color: #fff;min-height: 29px;}
.promotion-page .promotion-box a .title .review-btn {position: absolute;top:5px;right:3px;height: 39px;width: 22%;border: 1px solid #383b52;background-image: linear-gradient(180deg,#242431,#1b1b25);color: #fff;text-align: center;line-height: 39px;font-size: 14px;} 
.promotion-page .promotion-box a .title .review-btn1 {position: absolute;top:5px;right:3px;height:37px;width:98%;background: #5c6473;color: #fff;text-align: center;line-height: 36px;}

/* sports leftmenubar */
.sidebar {float: left;width: 260px;margin-right:6px;margin-left:0px;}
.bet-slider {height: 46px;border-radius: 3px 3px 0 0;border-bottom: : 2px solid #ffffff;margin-top:7px;}
.bet-slider .heading {background-color: #242f48;display: block;text-align: center;line-height: 45px;color: #cccccc;font-size: 13px;font-weight: bold;text-transform: uppercase;}
.bet-slider .ui-slider {margin: 0 15px;height: 8px;background: #e1e1e1;border-radius: 8px;position: relative;}
.bet-slider .ui-slider .ui-slider-range {height: 8px;background: #fc742e;background: -moz-linear-gradient(left, #fc742e 0%, #d70f82 100%);background: -webkit-linear-gradient(left, #fc742e 0%, #d70f82 100%);background: linear-gradient(to right, #fc742e 0%, #d70f82 100%);border-radius: 8px;}
.bet-slider ul {overflow: hidden;margin: 0 -2px;padding-top: 15px;}
.bet-slider ul li {float: left;width: 20%;text-align: center;font-size: 10px;color: #9e9e9e;font-weight: 500;}
.bet-slider ul li.active {color: #d70f82;}
.bet-slider .ui-slider .ui-slider-handle {width: 11px;height: 11px;border-radius: 11px;border: 4px solid #d70f82;background: #e1e1e1;position: absolute;top: -5px;margin-left: -11px;cursor: pointer;}
.bet-slider .ui-slider .ui-slider-handle:active {cursor: move;}
.index-main-menu {overflow: hidden;margin-bottom: 15px;}
.index-main-menu .list-game {width: 68px;float: left;background: #24283c;}
.index-main-menu .list-game li {background: #24283c;text-align: center;border-bottom: 1px solid #161719;}
.index-main-menu .list-game li img {width: 33px;}
.index-main-menu .list-game li:last-child {background: #24283c;border-bottom: none;}
.index-main-menu .list-game li a {display: block;padding: 6px 0;}
.index-main-menu .list-game li a.extend-sport-list,
.index-main-menu .list-game li a.lessen-sport-list {padding: 10px 5px;}
.index-main-menu .list-game li .text {display: block;font-size: 11px;color: #ffffff;}
.index-main-menu .list-game li.active a {background: #232f48;}
.index-main-menu .list-game li.active a .text {color: #fff;margin:5px;}
.index-main-menu .list-game li a .text {color: #fff;margin:5px;}
.index-main-menu {overflow: hidden;background: #24283c;}
.index-main-menu > .country-list {float: left;width: 194px;}
.index-main-menu > .country-list > li {border-bottom: 1px solid #161719}
.index-main-menu > .country-list > li > a {display: block;height: 37px;font-size: 11px;color: #424242;}
.index-main-menu > .country-list > li > a > img {float: left;width: 24px;height: 21px;margin: 8px 0 0 2px;}
.index-main-menu > .country-list > li > a > .name {width:109px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float: left;padding: 0 5px;display: flex;height: 37px;align-items: center;}
.index-main-menu > .country-list > li > a:hover {color: #d70f82;}
.index-main-menu > .country-list > li > a > .counter {float: right;width: 32px;height: 20px;border-radius: 5px;margin: 8px 9px 0 0;font-size: 11px;color: #ffffff;text-align: center;line-height: 22px;background-image: linear-gradient(180deg,#1b1b24,#242431);border: 1px solid #383b52;}
.index-main-menu > .country-list > li > a.extend-sport-category,
.index-main-menu > .country-list > li > a.lessen-sport-category {font-weight: bold;line-height: 37px;padding: 0 10px;}
.index-main-menu > .country-list > li > a:hover .counter {border: 1px solid #0f9121;color: #56ff6d;}
.index-main-menu > .country-list > li:last-child {border-bottom: none;}
.index-main-menu > .country-list > li ul {background: #ececec;}
.index-main-menu > .country-list > li ul li {border-bottom: 1px solid #ccc;}
.index-main-menu > .country-list > li ul li a {display: flex;font-size: 14px;color: #222;min-height: 22px;align-items: center;position: relative;line-height: 140%;padding: 5px 45px 5px 30px;}
.index-main-menu > .country-list > li ul li a .counter {position: absolute;top: 50%;width: 32px;height: 22px;border-radius: 3px;background: #262626;text-align: center;color: #fff;font-size: 11px;font-weight: 500;line-height: 21px;right: 6px;margin-top: -11px;}
.index-main-menu > .country-list > li ul li a:before {content: '';width: 12px;height: 12px;border-radius: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #424242;position: absolute;top: 50%;left: 9px;margin-top: -6px;}
.index-main-menu > .country-list > li ul li a:after {content: '';width: 6px;height: 6px;border-radius: 50%;background: #424242;position: absolute;top: 50%;left: 12px;margin-top: -3px;opacity: 0;transition: 250ms opacity;}
.index-main-menu > .country-list > li ul li.active a {background: #fff;}
.index-main-menu > .country-list > li ul li.active a:after {opacity: 1;}
.sport-category-holder > .country-list {background: #24283c;float: none;padding-left: 71px;}
.sport-category-holder {position: relative;border-radius: 0 0 3px 3px;}
.sport-category-holder > .country-list:before {content: '';width: 3px;height: 100%;position: absolute;top: 0;left: 68px;background-image: linear-gradient(180deg,#1b1b24,#242431);}
.betting_cart {padding: 0px 0px;}

.layer_item_set:before,.layer_item_set:after,.layer_item_big_set:before,.layer_item_big_set:after,
.game_list > li:after,
.game_list > li:before {transition:all 0.3s ease; display:block; content:''; position:absolute; background:var(--main-color); z-index:100;}
.game_list > li:after {bottom:60px; right:0; left:100%; height:1px;}
.game_list > li:before {bottom:60px; left:0; top:100%; width:1px;}
.game_list1{position:relative;padding: 20px 10px;}
.game_list > li{position:relative;}
.game_list_wrap{position:relative;z-index:3;margin-left: 8px;}
.game_list_wrap .align_box_justi .big_banner{position:relative;float:left;margin-top:8px;}
.game_list_wrap .game_list.outer > li{position:relative;float:left;margin:8px 0 0 8px;cursor:pointer;margin-left: 17px;}
.game_list_wrap .game_list.outer > li:nth-child(5n+1){margin-left:-9px;}
.game_list_wrap .game_list.outer > li img:before { content: ' '; display: block; position: absolute;background-size: 100%; width: 100%; height: 100%; }
.game_list_wrap .align_box_justi .big_banner img:before { content: ' '; display: block; position: absolute;background-size: 100%; width: 100%; height: 100%; }
.game_list_wrap .gameInfo{position:relative;height: 33px;background: #000c24;}
.game_list_wrap .gameInfo p{text-overflow: ellipsis;}
.game_list_wrap .gameInfo p.gameTitle{font-size: 14px;color:#fff;/padding: 10px 0 0 10px;text-align: center;}
.game_list_wrap .big_banner .gameInfo{position:relative;height: 40px;background:#000c24;line-height: -7px;text-align: center;font-size: 16px;}
.game_list_wrap .big_banner .gameInfo p.gameTitle{font-size: 16px;color:#fff;font-weight:bold;padding: 12px 0 0 32px;width:370px;line-height: -3px;}
.game_list_wrap .big_banner:after,
.game_list_wrap .big_banner:before {transition:all 0.3s ease; display:block; content:''; position:absolute; background:var(--main-color); z-index:100;}
.game_list_wrap .big_banner:after {bottom:120px; right:0; left:100%; height:1px;}
.game_list_wrap .big_banner:before {bottom:120px; left:0; top:100%; width:1px;}

/* Alert */
.alert_w { width:650px; margin:0 auto; position:absolute; height:340px; z-index:10002; display:none;}
.alert_w .aw_note { background:url(/Sidepc/static/web/pg-2017/images/alert_bg.png) no-repeat; width:320px; height:200px; position:absolute; bottom:0; left:0px; top: 20px;}
.alert_w .alerta {border-top: 1px solid #a71f67;border-radius:3px;background:#242F48;box-shadow:inset 0 1px 0 #3e3e3e, 0 1px 2px rgba(0,0,0,0.05);padding: 90px 20px 62px 326px;height: calc(100% - 30px);}
.alert_w .alerta dt { border-bottom:1px solid rgba(255, 255, 255, 0.1); padding-bottom:20px; margin-bottom:20px;}
.alert_w .alerta dt b { display:block; letter-spacing:1px; color:rgba(255, 255, 255, 0.3); font-size:14px; font-weight:bold;}
.alert_w .alerta dt h3 {color:#ffffff; font-size:20px;}
.alert_w .alerta dt .close { position:absolute; top:0px; right:0px; cursor:pointer;}
.alert_w .alerta dt .close i { font-size:40px; color:#a71f67;}
.alert_w .alerta dd .aw_btn { margin-top:30px;}
.alert_w .alerta dd .aw_btn .btn { width:110px; height:35px; line-height:35px; font-size:14px; }
.alert_w .alerta dd .con {font-size:15px;color: #333;min-height:110px;}
.alert_w .alerta dd .con.note .cn_tit { display:block; font-size:13px; color:rgba(255, 255, 255, 0.7); padding-bottom:25px;}
.alert_w .alerta dd .con.note .cn_num { display:block; color:#fff; font-size:15px;}
.alert_w .alerta dd .con.note .cn_num b { font-size:15px; color:#f1cc45; font-family:verdana;}
.confirm_body{position:absolute;z-index:10001;display:none;filter:alpha(opacity=50);opacity:0.8;-moz-opacity:0.5;background-color:#000000;left:0;top:0 }
.alert_body{position:absolute;z-index:10001;display:none;filter:alpha(opacity=50);opacity:0.8;-moz-opacity:0.5;background-color:#000000;left:0;top:0;width:100%}
/* Alert */
.alert_w_note { width:650px; margin:0 auto; position:absolute; height:340px; z-index:10002; display:none;}
.alert_w .aw_girl {background:url(/Sidepc/static/web/pg-2017/images/alert_bg.png) no-repeat;width: 300px;height: 463px;position:absolute;bottom:0;left: -1px;top: 0px;}
.alert_w .aw_note { background:url(/Sidepc/static/web/pg-2017/images/alert_bg.png) no-repeat; width:320px; height:200px; position:absolute; bottom:0; left:0px; top: 20px;}
.alert_w_note .alerta { border-radius:3px;background-image:linear-gradient(to bottom, #353535, #1e1e1e);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);padding:30px 20px 20px 240px; height:calc(100% - 50px);}
.alert_w_note .alerta dt { border-bottom:1px solid rgba(255, 255, 255, 0.1); padding-bottom:20px; margin-bottom:20px;}
.alert_w_note .alerta dt b { display:block; letter-spacing:1px; color:rgba(255, 255, 255, 0.3); font-size:14px; font-weight:bold;}
.alert_w_note .alerta dt h3 { font-size:20px; font-weight:bold;}
.alert_w_note .alerta dt .close { position:absolute; top:0px; right:0px; cursor:pointer;}
.alert_w_note .alerta dt .close i { font-size:40px;}
.alert_w_note .alerta dt .close:hover i { color:#f1cc45;}
.alert_w_note .alerta dd .aw_btn { margin-top:30px;}
.alert_w_note .alerta dd .aw_btn .btn { width:110px; height:35px; line-height:35px; font-size:14px; }
.alert_w_note .alerta dd .con { font-size:15px; color:rgba(255, 255, 255, 0.8); min-height:110px;}
.alert_w_note .alerta dd .con.note .cn_tit { display:block; font-size:13px; color:rgba(255, 255, 255, 0.7); padding-bottom:25px;}
.alert_w_note .alerta dd .con.note .cn_num { display:block; color:#fff; font-size:15px;}
.alert_w_note .alerta dd .con.note .cn_num b { font-size:15px; color:#f1cc45; font-family:verdana;}
.alert_body_note{position:absolute;z-index:10001;display:none;filter:alpha(opacity=50);opacity:0.8;-moz-opacity:0.5;background-color:#000000;left:0;top:0;height:100%}

.tt_b { color:#39b2ff!important;}
.tt_r { color:#FF0000!important;}
.tt_bk { color:#000!important;}
.tt_w { color:#fff!important;}
.tt_g { color:#339933!important;}
.tt_y { color:#f1cc45!important;}

.col1 > li { width:100%;}
.col2 > li {}
.col3 > li { width:calc(33.3% - 0px);}
.col4 > li {}
.col5 > li { width:calc(20% - 0px);}
.col6 > li {width: calc(11.666% - 0px);}

.pagenation { text-align:center; margin:10px 0 0 0;}
.pagenation li { display:inline; cursor:pointer;position: relative;padding: 0.2rem 0.5rem;margin-left: -1px;line-height: 1.25;color: #aeaeae;margin-bottom: 10px;}
.pagenation li.active { display:inline; cursor:pointer;position: relative;padding: 0.2rem 0.5rem;margin-left: -1px;line-height: 1.25;color: #fff;margin-bottom: 10px;background: #03A9F6;border-radius:3px;}
.pagenation .num { display:inline-block; text-align:center;  }
.pagenation .num a { display:block; color:rgba(255, 255, 255, 0.5); font-size:14px; font-family:verdana;padding:4px 10px;}
.pagenation .ar {display:inline-block; text-align:center; padding:4px 10px;}
.pagenation .ar i { font-size:15px; vertical-align:-2px;}
.pagenation .on, .pagenation .on a {color: #000000;font-weight:bold!important;text-decoration:underline;}

.btn1 {display:inline-block;background: #8d8d8d;text-align:center;border-radius:3px;font-size:11px;cursor:pointer;}
.btn1:hover {background: #7d7d7ec2;color:rgba(255, 255, 255, 0.7);}

.btn2 {display:inline-block;text-align:center;border-radius:3px;font-size:11px;cursor:pointer;border: 1px solid #383b52;background-image: linear-gradient(180deg,#242431,#1b1b25);}
.btn2:hover {background-image:linear-gradient(to bottom, #1f1f1f, #191919); color:rgba(255, 255, 255, 0.7);}
.btn3 {display:inline-block;background-image: linear-gradient(180deg,#242431,#1b1b24);border: 1px solid #383b52;text-align:center;border-radius:3px;font-size:11px;cursor:pointer;color: #fff;font-weight:bold;}
.btn4 {display:inline-block;border: 1px solid #383b52;background-image: linear-gradient(180deg,#242431,#1b1b25);text-align:center;border-radius:3px;font-size:11px;cursor:pointer;color: #f257a9;width: 121px;height:30px;line-height:30px;margin-bottom: 1px;font-size:14px;font-weight:bold;margin-right: 2px;}
.btn4:hover {background-image: linear-gradient(180deg,#1b1b24,#242431);border: 1px solid #383b52;color: #fff;}
.btn5 {display:inline-block;border: 1px solid #383b52;background-image: linear-gradient(180deg,#242431,#1b1b25);color: #3af4cc;margin-right: 5px;text-align:center;font-size:11px;cursor:pointer;width: 120px;height:30px;line-height:30px;margin-bottom: 1px;font-size:14px;}
.btn5:hover {background-image: linear-gradient(180deg,#1b1b24,#242431);border: 1px solid #383b52;color: #fff;}
.btn6 {display:inline-block;background-image: linear-gradient(to bottom, #495064, #495064);text-align:center;font-size:11px;cursor:pointer;color: #ffffff;width: 50%;height:50px;line-height:50px;margin-bottom: 1px;font-size:16px;font-weight:bold;margin-right: 2px;}
.btn6:span {background-image: linear-gradient(to bottom, #d70f82, #d70f82);color:rgb(255 255 255);}
.btn6.select {display:inline-block;background-image: linear-gradient(to bottom, #d70f82, #d70f82);text-align:center;font-size:11px;cursor:pointer;color: #ffffff;width: 50%;height:50px;line-height:50px;margin-bottom: 1px;font-size:16px;font-weight:bold;margin-right: 2px;}
.btn7 {display:inline-block;background-image: linear-gradient(to bottom, #495064, #495064);text-align:center;font-size:11px;cursor:pointer;color: #ffffff;width: 49%;height:50px;line-height:50px;margin-bottom: 1px;font-size:16px;font-weight:bold;margin-right: -4px;}
.btn7.select{background-image: linear-gradient(to bottom, #d70f82, #d70f82);color:rgb(255 255 255);}
.btnoff { display:inline-block;background-image: linear-gradient(to bottom, #fff, #ababab);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);  text-align:center;border:1px solid rgba(241, 203, 69, 0.4); border-radius:3px; font-size:11px; cursor:pointer;color:#a1a1a1; font-weight:bold;text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);pointer-events: none;}

.loading { text-align:center;}
.loading i { font-size:50px; color:rgba(255, 255, 255, 0.5);}

.cash span, .cash i, .cash {color: #ffffff;}
.point span,  .point i,  .point {color:#00ff2a;}
.carat span,  .carat i,  .carat {color: #d70f82;}
.safe span,  .safe i,  .safe {color:#ff7e00;}
.ruby span, .ruby i, .ruby {color: #ffffff;}

.clearfix { clear:both; }

/* flex */
.d-flex   { display:flex }
.d-flex.contents-between   { justify-content: space-between;  }
.d-flex.contents-around    { justify-content: space-around; }
.d-flex.contents-center    { justify-content: center; }
.d-flex.align-center       { align-items:center }
.d-flex.align-start        { align-items:flex-start }
.d-flex.align-end          { align-items:end }

.d-inflex { display:inline-flex; }
.d-inflex.contents-between { justify-content: space-between;  }
.d-inflex.contents-around  { justify-content: space-around; }
.d-inflex.contents-center  { justify-content: center; }
.d-inflex.align-center     { align-items:center }
.d-inflex.align-start      { align-items:flex-start }
.d-inflex.align-end        { align-items:end }


/* Layout */
.w_bg { background:#252525;}
.wrap {z-index:0; width:100%;min-width:1880px; }
.con_c {width: 1364px;margin:0 auto;}
.con_t { width:1920px;}

.body {min-height:300px;position:relative;width:100%; padding-bottom:10px;background-color: #000c24;}
.body .con_t {overflow:hidden;position:relative;margin: 0 auto;}
.body .con_t:after { content:''; clear:both; display:block;}
.body .con_t .bc_l {float:left;width:250px;margin-right:20px;margin-top: 0px;}
.body .con_t .bc_r {float:right;width:250px;margin-right: 9px;}
.body .con_t .con_c {float:left;position:relative;margin-left: 7px;}
.body .con_t .con_c .submenu {overflow:hidden;margin-bottom: 10px;margin-top: 7px;}
.body .con_t .con_c .submenu li {display:inline-block;position:relative;margin:0;margin-right: 4px;}
.body .con_t .con_c .submenu li a {display:block;border-radius:0px;background: #242f48;padding: 3px 17px;height:40px;line-height:40px;font-size: 13px;color: #ffffff;width: 77px;margin-right:3px;text-align:center;}
.body .con_t .con_c .submenu li a:hover {color: #ffffff;}
.body .con_t .con_c .submenu li:after { content:''; display:block;width:1px; height:13px; position:absolute;top:10px; right:-14px;}
.body .con_t .con_c .submenu li:last-child:after { display:none;}
.body .con_t .con_c .submenu .select a {display:block;color: #fff;font-weight:bold;background: #5c6473;}
.body .con_t .con_c .submenu .select {border-radius: 0px;align-items:center;}
.body .con_t .con_c .submenu .select span {color: #ffffff;font-weight:bold;}
.body .con_t .con_c .sub_tab {overflow:hidden;margin-bottom: 10px;}
.body .con_t .con_c .sub_tab li {display:block;float:left;}
.body .con_t .con_c .sub_tab li span {border-radius: 5px;display:block;width:150px;height:40px;line-height:40px;color: #fff;font-size:14px;text-align:center;cursor:pointer;background: #46485b;margin-right:5px;}
.body .con_t .con_c .sub_tab .select span {width:150px;background: #0f9121;border-radius: 5px;color: #fff;}
.body .con_t .con_c .sub_tab2 { margin-bottom:20px; text-align:center;}
.body .con_t .con_c .sub_tab2 li { display:inline-block;}
.body .con_t .con_c .sub_tab2 li span {background-image: linear-gradient(to bottom, #444444, #363636); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); text-align: center; border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 3px; min-width:200px; padding:0 10px; height:35px; line-height:35px; cursor:pointer; display:inline-block;}
.body .con_t .con_c .sub_tab2 .select span {background-image:linear-gradient(to bottom, #2f2f2f, #222222); color:#f1cc45;}
.body .con_t .con_c .sub_tab2 li:hover span {background-image:linear-gradient(to bottom, #2f2f2f, #222222); color:rgba(255, 255, 255, 0.7);}

.top_w { position:relative; width:100%; }
.top_w .top_spot {width: 100%;display: flex;align-items: center;justify-content: space-around;border-bottom: 1px solid #AC1C20;background: transparent linear-gradient( 180deg, #3D3D3D 0%, #0A0A0A 100%) 0% 0% no-repeat padding-box;}
.top_w .top_spot .con_c  { height:68px; position:relative; width: 1872px; display: flex; align-items: center; }
.top_w .top_spot .con_c:after { content:''; display:block; clear:both;}
.top_w .top_spot .con_c .top_spot_notice { float: left; width: 197px !important;}
.top_w .top_spot .con_c .top_spot_notice a { overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width:100%; color:rgba(255, 255, 255, 0.6); line-height:68px;}
.top_w .top_spot .con_c .top_spot_info {text-align: right;}
.top_w .top_spot .con_c .top_spot_info li { display:inline-block;position:relative; top:-3px;}
.top_w .top_spot .con_c .top_spot_info li:after { content:''; display:inline-block; width:1px; height:13px; background:rgba(255, 255, 255, 0.2); margin:0 7px 0 11px; position:relative; top:2px;}
.top_w .top_spot .con_c .top_spot_info li .my_level img { position:relative; top:-3px; vertical-align:middle;}
.top_w .top_spot .con_c .top_spot_info li:last-child:after { display:none;}
.top_w .top_spot .con_c .top_spot_info li span { color:#ffde00; font-weight:bold;}
.top_w .top_spot .con_c .top_spot_info .name a { color:#777;}
.top_w .top_spot .con_c .top_spot_info .name span { color:#fff;}
.top_w .top_spot .con_c .top_spot_info .join a { color:#f1cc45;}
.top_w .top_spot .con_c .top_spot_info .join i {color:#f1cc45;}
.top_w .top_spot .con_c .top_time {position: absolute;top: 40px;right: 0px;text-align: left;}
.top_w .top_spot .con_c .top_time  i { position:relative; top:2px;color:rgba(255, 255, 255, 0.7);}
.top_w .top_spot .con_c .top_time span {font-size:12px; color:rgba(255, 255, 255, 0.7); font-family:verdana; padding-left:5px;}
.top_w .top_menu { background: #2b2b2b;}
.top_w .top_menu .con_c { overflow:hidden;}
.top-menu .topmenu {float: left;overflow: hidden;width: 569px;margin-right: 99px;}
.top-menu .topmenu li { float:left; margin-right:65px;}
.top-menu .topmenu li:last-child {  margin-right:0;}
.top-menu .topmenu li a { display:block; height:52px; line-height:52px; font-size:17px; font-weight:bold;}
.top-menu .topmenu .select a { color:#f1cc45;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);}
.user_login_form{width: 490px;}
.user_login_form .top_menu_state { float:right; text-align:right;     width: 580px;}
.user_login_form .top_menu_state li { display:inline-block; margin-left:15px;}
.user_login_form .top_menu_state li a { font-size:14px;}
.user_login_form .top_menu_state li span { font-family:verdana; font-weight:bold; font-size:12px; position:relative; top:-1px;}
.user_login_form .top_menu_state i { font-size:17px; display:inline-block; margin-right:5px; position:relative; top:2px;}
.user_login_form .top_menu_login {float:right; text-align:right;     width: 408px;}
.user_login_form .top_menu_login li {display:inline-block; margin-left:2px;}
.user_login_form .top_menu_login .in input {color:#000000;  width:130px; height:30px; background: rgb(232 240 254); border-radius:3px; padding:0 10px; line-height:30px;}
.user_login_form .top_menu_login .in input:focus { box-shadow: 0px 0px 2px #f1cc45; background: rgb(232 240 254);}
.user_login_form .top_menu_login .in input::placeholder,
.user_login_form .top_menu_login .in input::-webkit-input-placeholder,
.user_login_form .top_menu_login .in input::-webkit-moz-placeholder { color:rgba(255, 255, 255, 0.5); font-size:11px; }
.user_login_form .top_menu_login .btn input { height:30px; line-height:30px; text-align:center; border-radius:3px; width:93px;-webkit-transition-duration: 0.4s; transition-duration: 0.4s; background:#f1cc45; cursor:pointer; font-weight:bold; color:#000;}
.user_login_form .top_menu_login .btn input:hover { background:#fff;}
.top_w .sub_menu { background:#2b2b2b; height:220px; position:absolute; top:67px; z-index:1001; width:100%;box-shadow:  0px 17px 15px rgba(0, 0, 0, 0.4)  ;-webkit-box-shadow:  0px 17px 15px rgba(0, 0, 0, 0.4);-moz-box-shadow:  0px 17px 15px rgba(0, 0, 0, 0.4);}
.top_w .sub_menu .con_c { overflow:hidden;}
.top_w .sub_menu .con_c .sub  { float:left; margin-right:60px;}
.top_w .sub_menu .con_c .sub li {}
.top_w .sub_menu .con_c .sub li a { display:block; text-align:center; padding:3px 0; color:rgba(255, 255, 255, 0.7);}
.top_w .sub_menu .con_c .sub li a:hover {color:rgba(255, 255, 255, 1.0);}
.top_w .sub_menu .con_c .sub_event { float:right; width:700px; margin-top:10px}
.top_w .sub_menu .con_c .sub_event .sub_event_pic {width:700px; height:160px; margin-top:10px; overflow:hidden;}
.top_w .sub_menu .con_c .sub_event .sub_event_pic li {}
.top_w .sub_menu .con_c .sub_event .sub_event_btn { text-align:center; padding-top:10px;}
.top_w .sub_menu .con_c .sub_event .sub_event_btn span {width: 11px; height: 11px; border-radius: 11px; background: #fff; box-shadow: 2px 3px 18px #000000; display: inline-block; margin: 0 3px; cursor: pointer;}
.top_w .sub_menu .con_c .sub_event .sub_event_btn .on { background:#f1cc45;}
.top_w .sub_menu .con_c .sub1 { width:65px; margin-right:58px;}
.top_w .sub_menu .con_c .sub2 { width:85px; margin-right:55px;}
.top_w .sub_menu .con_c .sub3 { width:65px; margin-right:42px;}
.top_w .sub_menu .con_c .sub4 { width:80px; margin-right:43px;}
.top_w .sub_menu .con_c .sub5 { width:65px; margin-right:65px;}
.top_w .sub_menu .con_c .sub6 { width:90px;}

.top_w .sub_menu .con_c .sub1,
.top_w .sub_menu .con_c .sub2,
.top_w .sub_menu .con_c .sub3,
.top_w .sub_menu .con_c .sub4,
.top_w .sub_menu .con_c .sub5,
.top_w .sub_menu .con_c .sub6{margin-top: 15px;}

.titlename {width: 100%;margin-top: 0px;margin-bottom: 5px;}
.titlename h5{padding:0 10px; font-size:20px; font-weight: bold;color:#ffffff; }
.titlename span{font-size:15px;padding:0 5px; font-weight: bold;color: #109121;}
.titlename h6{padding: 4px 20px 1px 20px;margin-bottom:-15px;font-size:13px;font-weight: bold;text-align:center;}
.titlename span{margin-left:10px;font-size: 15px;padding:0px;font-weight: bold;color: #109121;text-align:center;}

.betslip_w {width: 251px;position: relative;margin-top:8px;margin-bottom:35px}
.betslip_w .bsp_top {display: flex;height: 55px;background: #2a2c3b;line-height: 55px;}
.betslip_w .bsp_top .tit {margin-left:70px;font-size:15px;color: #cccccc;}
.betslip_w .bsp_top .tit span {margin-left:5px;background: #959595;padding: 1px 8px 0px 7px;border-radius:2px;color:#fff;font-size:15px;}
.betslip_w .bsp_top .move { float:right;}
.betslip_w .bsp_top .move span { display:block; width:81px; height:24px; cursor:pointer;}

.betslip_w .bsp_betbtn.carat button {margin:4px;text-align:center;height:45px;line-height: 37px;color: #b6bfe2;font-size: 16px;cursor:pointer;width: calc(100% - 8px);border: 1px solid #383b52;background-image: linear-gradient(180deg,#242431,#1b1b24);}
.betslip_w .bsp_betbtn.ruby {background:#ff7ef1; text-align:center; height:45px; line-height:45px; color:#000; font-weight:bold; font-size:20px; cursor:pointer;-webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.betslip_w .bsp_betbtn button:hover {border: 1px solid #383b52;background-image: linear-gradient(180deg,#1b1b24,#242431);color: #ffffff;height: 45px;}
.betslip_w .betslip {padding:0px 0px 3px 0px;background: #2a2c3b;min-height:100px;}
.betslip_w .betslip .line {border-top: 1px solid rgb(35 36 36);}
.betslip_w .betslip .line:hover { background:rgba(0, 0, 0, 0.1);}
.betslip_w .betslip .line:after { content:''; display:block; clear:both;}
.betslip_w .betslip .rate {padding: 6px 10px;display: flex;height: 35px;background: #2a2c3b;line-height: 35px;}
.betslip_w .betslip .rate dt {font-size: 13px;color: #cccccc;}
.betslip_w .betslip .rate dd {margin-left:auto;text-align:right;color: #fff;font-weight: bold;font-size:12px;}
.betslip_w .betslip .rate dd .reset {display: inline-block;width: 27px;height: 19px;line-height: 20px;font-size: 16px;vertical-align: middle;}
.betslip_w .betslip .rate dd span.caratcolor {color: #ffffff;font-size: 12px;}
.betslip_w .betslip .rate dd span.rubycolor {color:#ff7ef1;}
.betslip_w .betslip .bsp_item { position:relative;}
.betslip_w .betslip .bsp_item .btn2 { display:inline-block; border-radius:3px; text-align:center; width:104px; height:21px; line-height:21px; font-weight:bold;}
.betslip_w .betslip .bsp_item .bsp_item_w { position:absolute;  width:250px; left:0px; top:37px;}
.betslip_w .betslip .bsp_item .bsp_item_w ul { padding:10px 10px 5px 10px;}
.betslip_w .betslip .bsp_item .bsp_item_w ul *  { font-size:11px;}
.betslip_w .betslip .bsp_item .bsp_item_w ul li { font-size:11px; padding-bottom:5px;}
.betslip_w .betslip .bsp_item .bsp_item_w ul li b { color:#f1cc45; font-size:11px;}
.betslip_w .betslip .bsp_mybetmoney {height: 23px;color:#000;text-align:right;padding:0 2px;border-radius:3px;}
.betslip_w .betslip .bsp_money ul { overflow:hidden; padding:5px 0 5px 5px;}
.betslip_w .betslip .bsp_money ul li {float:left;width: calc(24% - 2px);margin-right:4px;margin-bottom:4px;}
.betslip_w .betslip .bsp_money ul li span {display:block;height: 36px;color: #ffc967;line-height: 36px;font-size: 13px;border: 1px solid #383b52;background-image: linear-gradient(180deg,#242431,#1b1b24);}
.betslip_w .betslip .bsp_money ul li span:hover {display:block;height: 36px;color: #ffc967;line-height: 36px;font-size: 13px;border: 1px solid #383b52;background-image: linear-gradient(180deg,#1b1b24,#242431);}
.betslip_w .betslip .bsp_money ul li .i-refresh { font-size:16px;}
.betslip_w .betslip .bsp_max {text-align:center;padding: 0px 5px 4px 5px;}
.betslip_w .betslip .bsp_max span {width: calc(50% - 7px);display:inline-block;color: #b6bfe2;height:27px;line-height:27px;font-size:13px;margin-right:2px;border: 1px solid #383b52;background-image: linear-gradient(180deg,#1b1b24,#242431);}
.betslip_w .betslip .bsp_event_w .bsp_event {border:1px solid rgba(0, 0, 0, 0.5);border-radius:3px;overflow:hidden;background: #242f48;position:relative;margin-bottom: 4px;}
.betslip_w .betslip .bsp_event_w .bsp_event dd {width:90%;padding:3px 5px 5px 5px;color:#fff;font-size: 11px;}
.betslip_w .betslip .bsp_event_w .bsp_event dd span { display:block; color:rgba(255, 255, 255, 0.6); font-size:11px; line-height:20px; width:calc(100% - 25px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.betslip_w .betslip .bsp_event_w .bsp_event dd span:hover {overflow:visible;text-overflow:visible;white-space:normal;}
.betslip_w .betslip .bsp_event_w .bsp_event dd span .change { font-weight:normal; color:#FF0000; font-size:11px; padding-left:5px;}
.betslip_w .betslip .bsp_event_w .bsp_event dt { background:rgba(255, 255, 255, 0.1);padding:3px 5px; overflow:hidden;color:#d70f82;font-size:13px;}
.betslip_w .betslip .bsp_event_w .bsp_event dt .checkteam {width:calc(100% - 50px);float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#fff;font-size: 11px;}
.betslip_w .betslip .bsp_event_w .bsp_event dt .checkteam:hover {overflow:visible;text-overflow:visible;white-space:normal;}
.betslip_w .betslip .bsp_event_w .bsp_event dt .checkrate {font-size:11px;color: #ffffff;font-family:verdana;text-align:right;width:50px;float:right;}
.betslip_w .betslip .bsp_event_w .bsp_event .remove { position:absolute; top:0; right:0; width:23px; height:23px; cursor:pointer;}
.betslip_w .betslip .bsp_event_w .bsp_event .remove i {color:#d70f82;font-size: 17px;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;}
.betslip_w .betslip .bsp_event_w .bsp_event .remove:hover i {transform:rotate(90deg); -webkit-transform:rotate(90deg); color:#f1cc45;}
.betslip_w .betslip .betscroll {padding:6px 4px 0 4px;max-height:250px;overflow-y:auto;}

.bsp-betopen {display: flex;justify-content: space-between;align-items: center;height: 30px;padding:0px 13px;margin-top:6px;background: #0006;box-sizing: border-box;}
.bsp-betopen .tit {font-size:12px;font-weight: bold;}
.bsp-betopen .betopen-select {width:54px;height: 26px;cursor: pointer;}

.main-content-item.betscroll2 { max-height:100%; overflow-y:scroll;}
.hot-content-item.betscroll2 { max-height:100%; overflow-y:scroll;}
#openchat .chatbox.betscroll2 { max-height:92%; overflow-y:scroll;}

.betscroll::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #262626;}
.betscroll::-webkit-scrollbar{  width: 2px; background-color: #F5F5F5;  opacity:0.5;}
.betscroll::-webkit-scrollbar-thumb{background-color: #575757;  opacity:0.5;}
.betscroll { scrollbar-base-color: #262626;scrollbar-Face-Color: #fad300; scrollbar-Track-Color:#262626;   scrollbar-Shadow-Color: #262626}

.betscroll2::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgb(255 255 255 / 30%);background-color: #19222d;}
.betscroll2::-webkit-scrollbar{ width: 2px; background-color: #363636;  opacity:0.5;}
.betscroll2::-webkit-scrollbar-thumb{   border-radius:10px;background-color: #8d8d8d;  opacity:0.5;}
.betscroll2 { scrollbar-base-color: #363636;scrollbar-Face-Color: #565656; scrollbar-Track-Color:#363636;   scrollbar-Shadow-Color: #363636}

.game_w {width:100%;position:relative;height:100%;margin-bottom:10px;}
.game_w:after { display:block; content:''; clear:both;}
.game_w .game_l {float:left;width:calc(50% - 5px);overflow-y:scroll;height: 873px;}
.game_w .game_r {float:right;width:calc(50% - 5px);overflow-y:scroll;height:873px;margin-left:10px;}

.bet_w {background: #19222d;border-top:none;border-bottom:none;}
.bet_w .leagueinfo {background-color: #2a2c3b;height:37px;padding:0 10px;overflow:hidden;}
.bet_w .leagueinfo span {color:#ffffff;line-height:37px;height:37px;display:inline-block;font-size:12px;}
.bet_w .leagueinfo i { float:left; position:relative; top:9px;margin-right:8px;}
.bet_w .leagueinfo .lg_t2 {float:right;font-weight:normal;font-size:12px;color:#ffffff;;letter-spacing:normal;}
.bet_w .bet_list {background: #35384d;overflow:hidden;}
.bet_w .bet_list:hover {}
.bet_w .bet_list li {float:left;height: 45px;line-height: 45px;border-radius:3px;text-align:center;font-size:12px;cursor:pointer;margin:6px 0;background:#23293c; border: 1px solid #383b52;position: relative;}
.bet_w .bet_list .in_team {line-height: 45px;width:calc(100% - 70px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;color: #b6bfe2;}
.bet_w .bet_list .in_rate {line-height: 45px;width:50px;font-size:12px;color: #f1cc45;}
.bet_w .bet_list .in_rate.change { color:#00FFFF;}
.bet_w .bet_list .in_rate.change .i-arrow-up { color:#FF0000;}
.bet_w .bet_list .in_rate.change .i-arrow-down { color:#00CC00;}
.bet_w .bet_list .b_title { margin:0; background:none;  width:calc(100% - 10px); text-align:left; border:none;box-shadow:none; cursor:default; padding:6px 0 5px 10px; height:15px; line-height:21px; position:relative;}
.bet_w .bet_list .b_title span {color: #fff;}
.bet_w .bet_list .b_title b {color: #9ca2b9;font-weight:bold;padding:0 5px;}
.bet_w .bet_list .b_title .score { position:absolute; top:5px; right:10px; text-align:right; }
.bet_w .bet_list .b_title .score span {display: inline-block;border: 1px solid rgba(0, 0, 0, 0.5);box-shadow: 0 1px rgba(255, 255, 255, 0.1);background: rgba(0, 0, 0, 0.2);text-align: center;order-radius: 3px; padding: 0 5px;font-family:verdana; font-weight:bold; font-size:11px; color:#f1cc45;}
.bet_w .bet_list .b_title .gametime {position:absolute;top:5px;right:10px;text-align:right;font-size:11px;letter-spacing:normal;color: #9ca2b9;}
.bet_w .bet_list .b_one { float:left;overflow:hidden; width:calc(100% - 118px); margin-left:3px; cursor:default; text-align:left;  }
.bet_w .bet_list .b_one span { padding-left:10px;}
.bet_w .bet_list .b_time { float:left; width:85px; text-align:center; font-size:11px; color:rgba(255, 255, 255, 0.5); border:none;box-shadow:none; background-image:none; cursor:default;}
.bet_w .bet_list .b_golf { float:left; display: inline-flex; justify-content: space-between; align-items: center; border-radius:3px 0 0 3px; overflow:hidden; width:calc((100% - 124px) / 3); }
.bet_w .bet_list .b_golf:nth-child(2) { margin-left:3px; }
.bet_w .bet_list .b_golf:nth-child(3) {  }
.bet_w .bet_list .b_golf:nth-child(4) {  }
.bet_w .bet_list .b_golf .in_team { float:left; text-align:left; padding-left:10px;}
.bet_w .bet_list .b_golf .in_rate { float:right; text-align:right; padding-right:10px;}
.bet_w .bet_list .b_home { float:left; border-radius:3px 0 0 3px; overflow:hidden; width:calc(50% - 92px); margin-left:3px; }
.bet_w .bet_list .b_home:hover { float:left; border-radius:3px 0 0 3px; overflow:hidden; width:calc(50% - 92px); margin-left:3px;color:#ffffff; }
.bet_w .bet_list .b_home .in_team {float:left;text-align:left;padding-left:10px;/* color: #000000; */}
.bet_w .bet_list .b_home .in_team:hover {float:left;text-align:left;padding-left:10px;}
.bet_w .bet_list .b_home .in_rate { float:right; text-align:right; padding-right:10px;}
.bet_w .bet_list .b_vs { float:left; width:70px;border-radius:0 0;}
.bet_w .bet_list .b_away {float:left;border-radius: 0 0px 0px 0;overflow:hidden;width:calc(50% - 92px);}
.bet_w .bet_list .b_away .in_rate { float:left; text-align:left; padding-left:10px;}
.bet_w .bet_list .b_away .in_team { float:right; text-align:right; padding-right:10px;}
.bet_w .bet_list .b_grh { float:left; width:50px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);margin-left:4px;}
.bet_w .bet_list .b_grh .i-grh { font-size:20px; position:relative; top:4px;}
.bet_w .bet_list .b_more {float:left;width:48px;color:#ffffff;background:#23293;}
.bet_w .bet_list .b_more span {color:#ffffff;}
.bet_w .bet_list .b_more.golf { width:calc(100% - 6px); margin-left:4px; marginn-right:4px; text-align: right; padding-right:15px; box-sizing: border-box}
.bet_w .bet_list .b_home:hover,
.bet_w .bet_list .b_vs:hover,
.bet_w .bet_list .b_away:hover {border:1px solid #1d6700;}
.bet_w .bet_list .b_grh:hover,
.bet_w .bet_list .b_more:hover {border: 1px solid #1d6700;}
.bet_w .bet_list .b_empty {background-image:linear-gradient(to bottom, #444444, #363636); float:left; width: calc(100% - 63px); margin-left:3px;}
.bet_w .bet_list .select {border: 1px solid #0f9121;}
.bet_w .bet_list .select span,  .bet_w .bet_list .select {color: #56ff6d;}
.bet_w .bet_list .b_more.select {border: 1px solid #0f9121;background: #23293c;}
.bet_w .bet_list.select .b_title span {color: #000000;}
.bet_w .bet_list.two .b_home,  .bet_w .bet_list.two .b_away {width:calc(50% - 60px)!important;}
.bet_w .bet_list.two .b_away { margin-left:0; border-left:none;}

.game_tab1 {overflow:hidden;margin-bottom:10px;background: #072443;}
.game_tab1 li {float:left;width: calc(100% - 0px);}
.game_tab1 .golf li { float:left; width:calc(100% / 3);}
.game_tab1 .cross li { float:left; width:calc(50% - 0px);}
.game_tab1 li span {display:block;height:30px;line-height:30px;text-align:center;font-size:12px;color:#ffffff;font-weight:bold;background-color: #2a2c3b;position:relative;}
.game_tab1 li span:after { content:''; width:1px; height:13px; background:rgba(255, 255, 255, 0.1); position:absolute; top:8px; right:0;}
.game_tab1 li:last-child span:after { display:none;}
.game_tab1 li span:hover { color:#fff;}
.game_tab1 .tabcheck-select span {font-weight:bold;color: #000000;background: #ffffff;}

.game_tab {overflow:hidden;margin-bottom:10px;background: #072443;}
.game_tab li {float:left;width: calc(100% - 0px);}
.game_tab.golf li { float:left; width:calc(100% / 3);}
.game_tab.cross li { float:left; width:calc(50% - 0px);}
.game_tab li span {display:block;height:30px;line-height:30px;text-align:center;font-size:12px;color:#fff;cursor:pointer;background-color: #2a2c3b;position:relative;}
.game_tab li span:after { content:''; width:1px; height:13px; background:rgba(255, 255, 255, 0.1); position:absolute; top:8px; right:0;}
.game_tab li:last-child span:after { display:none;}
.game_tab li span:hover { color:#fff;}
.game_tab .tabcheck-select span {font-weight:bold;color: #ffffff;background: #072443;}

.bet_rate { padding:30px 0 20px; text-align:center;}
.bet_rate li {display:inline-block;background:rgb(0 0 0 / 28%);height:20px;line-height:20px;padding:5px 8px;}
.bet_rate .sc_home, .bet_rate .sc_away {width:calc(50% - 100px);overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.bet_rate .sc_home .in_team { text-align:center; padding-right:9px;}
.bet_rate .sc_vs { width:55px;overflow: hidden;color:#ffcc00;font-weight:800;}
.bet_rate .sc_time {background:rgb(0 0 0 / 28%);font-size:11px;border-radius:3px;display:inline-block;padding:3px 10px;}
.bet_rate .sc_time b {font-size:11px;font-weight:normal;color: #ffffff;padding-left:5px;}
.bet_rate .sc_time i {position:relative;top:2px;color: #77dbff;}
.bet_rate .sc_away .in_team { text-align:center; padding-left:9px;}
.bet_rate .in_team { display:inline-block; width:calc(100% - 65px); font-size:12px; color:#fff; }
.bet_rate .in_rate {display:inline-block;width:55px;height:22px;border-radius:3px;text-align:center;line-height: 21px;color: #fff;font-size:12px;font-weight:bold;background: #0578a2;}
.bet_rate { background-size:cover;}
.bet_screen { margin-bottom:15px; border:1px solid rgba(255, 255, 255, 0.1);}
.bet_screen iframe { border:none; width:100%; margin:0 auto; height:260px;}
.bet_power iframe { border:none; width:100%; margin:0 auto; height:820px; overflow:hidden; margin-top: -300px;}
.sub_bet { background:rgba(0, 0, 0, 0.07);}
.sub_bet .sb_tit {height:37px;padding:0 10px;cursor:pointer;position:relative;background: #2a2c3b;}
.sub_bet .sb_tit .check input[type=checkbox] { margin-right:10px; display:inline-block; width:15px; height:15px;}
.sub_bet .sb_tit .check span { font-family:verdana; font-size:12px; padding-left:7px;color:#f1cc45;}
.sub_bet .sb_tit .i-ar { font-size:20px;  display:inline-block; line-height:37px; position:relative; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.sub_bet .sb_tit .sb_tit_txt {display:inline-block;line-height:21px;margin-top:7px;width:calc(100% - 65px);font-size:14px;position:relative;top:0px;}
.sub_bet .sb_tit .score {position:absolute; top:8px; right:90px; text-align:right; }
.sub_bet .sb_tit .score span {display: inline-block;border: 1px solid rgba(0, 0, 0, 0.5);box-shadow: 0 1px rgba(255, 255, 255, 0.1);background: rgba(0, 0, 0, 0.2);text-align: center;order-radius: 3px; padding: 0 20px;font-family:verdana; font-weight:bold; font-size:12px; color:#d70f82;}
.sub_bet .sb_tit .ing {position:absolute; top:8px; right:5px; text-align:right;background:#0fa810; }
.sub_bet .sb_tit .ing span {display: inline-block;text-align: center;border-radius: 3px;padding: 5px 20px;font-weight:bold;font-size:13px;color:#ffffff;}
.sub_bet .sb_tit .win {position:absolute; top:8px; right:5px; text-align:right; }
.sub_bet .sb_tit .win span {display: inline-block;border: 1px solid rgba(0, 0, 0, 0.5);box-shadow: 0 1px rgba(255, 255, 255, 0.1);background: rgba(0, 0, 0, 0.2);text-align: center;order-radius: 3px; padding: 0 20px;font-family:verdana; font-weight:bold; font-size:12px; color:#ff6868;}
.sub_bet .sb_tit .lose {position:absolute; top:8px; right:5px; text-align:right; }
.sub_bet .sb_tit .lose span {display: inline-block;border: 1px solid rgba(0, 0, 0, 0.5);box-shadow: 0 1px rgba(255, 255, 255, 0.1);background: rgba(0, 0, 0, 0.2);text-align: center;order-radius: 3px; padding: 0 20px;font-family:verdana; font-weight:bold; font-size:12px; color:#5ea4ff;}
.sub_bet .sb_tit .hit {position:absolute; top:8px; right:5px; text-align:right; }
.sub_bet .sb_tit .hit span {display: inline-block;border: 1px solid rgba(0, 0, 0, 0.5);box-shadow: 0 1px rgba(255, 255, 255, 0.1);background: rgba(0, 0, 0, 0.2);text-align: center;order-radius: 3px; padding: 0 20px;font-family:verdana; font-weight:bold; font-size:12px; color:#e67dff;}
.sub_bet .sb_list {padding:7px 7px 2px 7px;overflow:hidden;background: #35384d;}
.sub_bet .sb_list .sb_in {width:calc(50% - 3px);overflow:hidden;height: 45px;overflow:hidden;border-radius:3px;font-size:12px;cursor:pointer;float:left;margin-bottom:4px;position:relative;border: 1px solid #383b52;background:#23293c;}
.sub_bet .sb_list .sb_in .in_team, .sub_bet .sb_list .sb_in .in_rate {line-height: 45px;font-size:12px;color: #b6bfe2;}
.sub_bet .sb_list .sb_in .in_team { float:left; width:calc(100% - 80px);overflow: hidden; text-overflow: ellipsis; white-space: nowrap;padding-left:10px;}
.sub_bet .sb_list .sb_in .in_team span {color: #f1cc45;font-weight:bold;}
.sub_bet .sb_list .sb_in .in_rate {position:relative;float:right;text-align:center;width:60px;padding-right:0px;color: #b6bfe2;}
.sub_bet .sb_list .sb_in .in_rate.change { color:#00FFFF;}
.sub_bet .sb_list .sb_in .in_rate .i-arrow-up { color:#FF0000;}
.sub_bet .sb_list .sb_in .in_rate .i-arrow-down { color:#00CC00;}
.sub_bet .sb_list .sb_in .in_rate {background:#242f48;color:#f1cc45}
.sub_bet .sb_list .sb_in:nth-child(odd) {border-radius:3px 0 0 3px;}
.sub_bet .sb_list .sb_in:nth-child(even) {  border-radius:0 3px 3px 0;}
.sub_bet .sb_list .bet:hover, .sub_bet .sb_list .select {color: #fff;border: 1px solid #0f9121;}
.sub_bet .sb_list .select .in_team, .sub_bet .sb_list .select .in_rate {color: #56ff6d;}
.sub_bet .sb_list .sb_in.bet_off {opacity:0.3; cursor:default;}
.sub_bet .sb_list .sb3 .sb_in {width: calc(33.3% - 3px);}
.sub_bet .sb_list .sb_in.sb3 {width: calc(33.3% - 3px);}
.sub_bet .sb_list .sb3 .sb_in:nth-child(3n-1) {border-left:;border-radius:0;}
.sub_bet .sb_list .sb3 .sb_in:nth-child(3n-2) {border-radius:3px 0 0 3px;}
.sub_bet .sb_list .sb3 .sb_in:nth-child(3n) {border-radius:0 3px 3px 0;}
.sub_bet.opened .sb_tit .sb_tit_txt {color: #ffffff;}
.sub_bet .sb_tit:hover .sb_tit_txt { color:#ffffff;}
.live_screen_noscreen { background:url(/Cpc/static/web/pg-2017/images/noscreen.png) 50% 50% no-repeat; height:300px; margin-bottom:15px;margin-top:-10px;}
.bet_w .bet_live_w .bet_live ul .l_vs .in_term {color: #7bf0ff;text-shadow: #7bf0ff 1px 0 10px;}
/* Live */
.bet_w .bet_live_w {border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.4);}
.bet_w .bet_live_w .bet_live { background-size:cover; padding:10px 5px 0px 5px;position: relative;}
.bet_w .bet_live_w .bet_live ul { border-radius:3px; border:1px solid rgba(0, 0, 0, 0.5); background-size:cover;}
.bet_w .bet_live_w .bet_live ul:after { content:''; display:block; clear:both;}
.bet_w .bet_live_w .bet_live ul li { float:left; height:40px;}
.bet_w .bet_live_w .bet_live ul li span { height:40px; line-height:40px;}
.bet_w .bet_live_w .bet_live ul .l_vs { width:70px; text-align:center;}
.bet_w .bet_live_w .bet_live ul .l_vs .in_time { display:block;color:#6fefff; font-weight:bold; font-size:13px; height:20px; line-height:20px;}
.bet_w .bet_live_w .bet_live ul .l_vs .in_term {height:15px; line-height:15px; font-size:13px;}
.bet_w .bet_live_w .bet_live ul .l_home, .bet_w .bet_live_w .bet_live ul .l_away {width:calc(50% - 35px);}
.bet_w .bet_live_w .bet_live ul .l_home:after, .bet_w .bet_live_w .bet_live ul .l_away:after { content:''; display:block; clear:both;}
.bet_w .bet_live_w .bet_live ul .l_home .in_team, .bet_w .bet_live_w .bet_live ul .l_away .in_team {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.bet_w .bet_live_w .bet_live ul .l_home .in_team { text-align:right; }
.bet_w .bet_live_w .bet_live ul .l_away .in_team { text-align:left;}
.bet_w .bet_live_w .bet_live ul .in_team { width:calc(100% - 70px); float:left; font-size:14px; padding:0 5px;font-size:11px;}
.bet_w .bet_live_w .bet_live div.icn_video {width:76px;height:22px;position: absolute;margin-left:570px;margin-top:9px}
.bet_w .bet_live_w .bet_live div.icn_video img{cursor:pointer}
.bet_w .bet_live_w .bet_list { border:none;}
.live_w .bet_w { margin-bottom:10px;}
.live_screen iframe { border:none; width:100%; margin:0 auto; height:330px;}
.live_screen div.videoForm ul.videoFormMess{padding-top:150px}
.live_screen div.videoForm ul.videoFormMess li.videoFormTitle{padding-top:150px}
.bet_w .bet_live_w .bet_live ul.id_6046 {border-radius: 3px;background: url(/Cpc/static/web/pg-2017/images/casino_logo/bg_soccer.png) no-repeat center;background-size: cover;height: 120px;display: flex;align-items: center;justify-content: center;}
.bet_w .bet_live_w .bet_live ul.id_48242 {border-radius: 3px;background: url(/Cpc/static/web/pg-2017/images/casino_logo/bg_basketball.png) no-repeat center;background-size: cover;height: 120px;display: flex;align-items: center;justify-content: center;}
.bet_w .bet_live_w .bet_live ul.id_154914 {border-radius: 3px;background: url(/Cpc/static/web/pg-2017/images/casino_logo/bg_baseball.png) no-repeat center;background-size: cover;height: 120px;display: flex;align-items: center;justify-content: center;}
.bet_w .bet_live_w .bet_live ul.id_35232 {border-radius: 3px;background: url(/Cpc/static/web/pg-2017/images/casino_logo/bg_icehockey.png) no-repeat center;background-size: cover;height: 120px;display: flex;align-items: center;justify-content: center;}
.bet_w .bet_live_w .bet_live ul.id_154830 {border-radius: 3px;background: url(/Cpc/static/web/pg-2017/images/casino_logo/bg_volleyball.png) no-repeat center;background-size: cover;height: 120px;display: flex;align-items: center;justify-content: center;}
/* Guide_game */
.guideg_wrap { overflow:hidden; }
.gw_l {float:left;width: 127px;height: 100%;overflow-y: scroll;background:#fff;}
.gw_l .spi li {border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.4);background-image: linear-gradient(to bottom, #fff, #ffffff); cursor:pointer; height:40px;}
.gw_l .spi li:hover {background-image:linear-gradient(to bottom, #2e2e2e, #2a2a2a);}
.gw_l .spi li:hover .tit {color:rgba(255, 255, 255, 1.0);}
.gw_l .spi li .tit {height:80px; line-height:40px; text-align:center; font-size:14px; color:#000; font-weight:bold;}
.gw_l .spi li i { position:relative; top:6px; left:10px;}
.gw_l .spi .select {height: 42px;line-height: 42px;border-top: 1px solid #726913;border-bottom: 1px solid #353109;background: #242f3c!important;}
.gw_l .spi .select .tit { color:#fff!important; font-weight:bold;font-size:16px;}
.gw_r {float:left;width: calc(100% - 4px);margin-left:0px;height:100%;}
.gw_r .gw_con {}
.gw_list {border-radius:10px;margin-top:10px;}
.gw_list dt {background: #323b4e;border-radius:5px;height:40px;line-height:40px;text-align:center;color: #ffffff;font-size:16px;margin-bottom:10px;}
.gw_list dd {background: #242f48;padding:15px;border-radius:5px;}
.gw_list dd ul > li {padding: 11px 0 3px 14px;}
.gw_list dd ul > li .tit {color: #ffffff;font-size:14px;margin-left:10px;margin-right:10px;font-weight:bold;}
.gw_list dd ul > li .con {color: #a5a5a5;font-size: 12px;}
.gw_list dd ul > li .con p{color: #a5a5a5;font-size: 12px;}
.gw_list dd ul > li .con b {font-size: 13px;margin-left:10px;color: #ffffff;}
.guideg_wrap .gw_r .gw_con .gw_list2 dd ul > li {padding: 14px 0 14px 16px;}
.guideg_wrap .gw_r .gw_con .gw_list2 .tit { display:inline-block; width:125px;color:#000; vertical-align:top;font-size:13px;}
.guideg_wrap .gw_r .gw_con .gw_list2 .con { display:inline-block; width:calc(100% - 140px);vertical-align:top;font-size:13px;}
.guideg_wrap .gw_r .gw_con .td1 td { color:#000; }
.guideg_wrap .gw_r .gw_con .td1 th { width:200px; padding-left:20px; text-align:left;}
.guideg_wrap .gw_r .gw_con .gw_tab li { height:40px; line-height:40px; margin-bottom:10px; font-size:12px; padding:0 30px;}
.guideg_wrap .gw_r .gw_con .gw_tab .select {background-image: linear-gradient(to bottom, #868886, #707071); font-weight:bold;}
.guideg_wrap .gwl > li { display:flex; padding:3px 0 3px 0px;}
.guideg_wrap .gwl > li > i { color:#f1cc45; font-size:15px; font-weight:bold; width:30px;vertical-align:top; display:inline-block; position:relative; top:-2px; font-style:normal;}
.guideg_wrap .gwl > li > p { color:rgba(255, 255, 255, 0.7);vertical-align:top; display:inline-block;}
.guideg_wrap .gwl > li > p b { color:#FF0000; font-weight:normal;}
.guideg_wrap .gw_list4 { background:rgba(255, 255, 255, 0.1); padding:20px; margin-top:20px;}
.guideg_wrap .gw_list4 .tit { font-size:16px; font-weight:bold; padding-bottom:10px;}
.guideg_wrap .gw_list4 li { color:rgba(255, 255, 255, 0.5);padding:3px 0 3px 10px;}
.guideg_wrap .gw_list4 li b {color:#FF0000; font-weight:normal;}
.guideg_wrap .gw_list4 li strong {color:#fff; }
.guideg_wrap .gw_list3 {}
.guideg_wrap .gw_list3 > dt {background: #2a2a2a linear-gradient(to bottom, #2a2a2a 0%, #202020 100%);border-top: 1px solid rgba(255, 255, 255, 0.2);border-bottom: 1px solid rgba(0, 0, 0, 0.3); height:30px; line-height:30px; text-align:center; color:#f1cc45; font-size:14px; font-weight:bold;}
.guideg_wrap .gw_list3 > dd {overflow:hidden;padding-bottom:10px;background: #242f48;}
.guideg_wrap .gw_list3 > dd .con { display:flex; overflow:hidden; padding:15px; }
.guideg_wrap .gw_list3 > dd .con > dt {display: inline-block;width: 562px;box-shadow: 0px 2px 16px #000000;vertical-align: top;}
.guideg_wrap .gw_list3 > dd .con > dt img {width:562px;}
.guideg_wrap .gw_list3 > dd .con > dd {display: inline-block;padding: 20px 0 0 30px;}
.guideg_wrap .gw_list5 {padding: 21px 49px;}
.guideg_wrap .gw_list5 > ul { padding:15px 0;}
.guideg_wrap .gw_list5 > ul .tit {font-size:16px;padding-bottom:5px;color: #ffffff;}
.guideg_wrap .gw_list5 > ul .tit i { margin-right:7px; font-size:18px; color:#f1cc45; position:relative; top:2px;}
.guideg_wrap .gw_list5 > ul > li {padding:3px 0 3px 30px;line-height: 1.8em;color: #a6a6a6;font-size: 12px;}
.guideg_wrap .gw_list5 > ul > li b {color: #939393;font-weight: 400;}
.guideg_wrap .gw_list5 > ul .link { margin:10px 0 0 22px;}
.guideg_wrap .gw_list5 > ul .link .btn { width:150px; height:40px; line-height:40px; font-size:13px;}
.guideg_wrap .gw_list5 .g_pic { margin:5px 0 10px 20px;}
.guideg_wrap .gw_list5 .g_pic img {box-shadow: 0px 2px 16px #000000;}
.guideg_wrap .gw_list5 .gw_list4 { margin-left:25px;}
.guideg_wrap .gw_list5 .gw_list4 .tit { color:#fff!important; font-size:14px!important;}
.guideg_wrap .gw_list5 .gw_list4 li { color:rgba(255, 255, 255, 0.5); padding:3px 0 3px 10px;}
.guideg_wrap .gw_list5 .gw_list4 li i { color:#fff; font-style:normal; margin-right:5px;}
.guideg_wrap .faq_level { margin:10px 0 20px;}
.guideg_wrap .faq_level:after { display:block; clear:both; content:'';}
.guideg_wrap .faq_level .td1 { width:610px; float:left;}
.guideg_wrap .faq_level .td1 tbody th { width:200px;}
.guideg_wrap .faq_level .td1 tbody td b { margin-right:10px;color:#f1cc45; font-family:verdana; font-size:16px;}
.guideg_wrap .faq_level .td1 tbody td, .guideg_wrap .faq_level .td1 tbody th { padding:2px 0;}
.guideg_wrap .faq_level .g_pic { float:right; width:600px; }
.guideg_wrap .faq_level .g_pic img { width:600px;}

/* History */
.history_wrap {}
.history_w { margin-top:30px; border:1px solid rgba(255, 255, 255, 0.2); padding:10px;}
.history_w:hover {background:rgba(255, 255, 255, 0.05);}
.history_wrap .history { width:100%;}
.history_wrap .history thead th { font-size:11px;}
.history_wrap .history tbody td { text-align:center;}
.history_wrap .history tbody .hi_team { text-align:left;  padding:5px 0;}
.history_wrap .history tbody .hi_score { font-size:12px; color:#ff0000; font-family:verdana;}
.history_wrap .history tbody .hi_list { padding:1px 0; overflow:hidden;font-size:13px; color:#f1cc45;}
.history_wrap .history tbody .hi_list span { text-align:center; font-size:13px; color:#f1cc45;}
.history_wrap .history tbody .item .icon { color:#ff0000; font-size:18px; position:relative; top:2px; padding-right:5px;}
.history_wrap .history tbody .item b {color:#ff0000; font-weight:bold; text-decoration:underline;}
.history_wrap .history_total { overflow:hidden; background:rgba(0, 0, 0, 0.15);}
.history_wrap .history_total .total { display: inline-flex; align-items: center; padding:15px 0 15px 20px; overflow:hidden;}
.history_wrap .history_total .total li { float:left; margin-right:20px; font-size:11px; color:rgba(255, 255, 255, 0.5);}
.history_wrap .history_total .total li input[type=checkbox] { margin-right:10px; display:inline-block; width:15px; height:15px;}
.history_wrap .history_total .total li span.carat { font-family:verdana; font-size:12px; padding-left:7px;color:#f1cc45;}
.history_wrap .history_total .total li span.ruby { font-family:verdana; font-size:12px; padding-left:7px;color:#ff7ef1;}
.history_wrap .history_total .total_result { float:right; text-align:right; font-size:25px; font-weight:bold; line-height:50px; padding-right:20px;}
.history_wrap .history_total .total .time span { color:rgba(255, 255, 255, 0.3); font-size:11px;}
.history_wrap .history_total .remove {  display:block; width:60px; height:20px; line-height:20px; text-align:center; color:rgba(255, 255, 255, 0.5); font-size:11px; cursor:pointer; background:#000; font-weight:bold; border-radius:3px;}
.history_wrap .win { color:#f1cc45;}
.history_wrap .lose { color:#ff0000;}
.history_wrap .exp { color:#12ff00;}
.history_wrap .ing { color:#ffffff;}
.history_wrap .history_warning { float:right;color:#f1cc45;margin-top:4px;}
.history_top {overflow:hidden;background: rgb(0 0 0 / 8%);padding: 4px 0px 20px 20px;border:1px solid rgba(0, 0, 0, 0.4);border-top:none;}
.history_top .icon {float:left; font-size:40px; color:#f1cc45; display:block; line-height:50px; margin-right:20px;}
.history_top .hi_top_tit  { float:left;}
.history_top .hi_top_tit b { font-size:20px; font-weight:bold; display:block;}
.history_top .hi_top_tit u { text-decoration:none; color:rgba(255, 255, 255, 0.3); font-size:10px; letter-spacing:5px;}
.history_top .hi_top_money { float:left; position:relative; top:13px; left:40px;}
.history_top .hi_top_money li { display:inline-block; }
.history_top .hi_top_money li span.carat { font-size:13px; color:#f1cc45; padding-left:5px; font-weight:bold; font-family:verdana;}
.history_top .hi_top_money li span.ruby { font-size:13px; color:#ff7ef1; padding-left:5px; font-weight:bold; font-family:verdana;}
.history_top .hi_top_money li:after { content:''; display:inline-block; width:1px; height:13px; background:rgba(255, 255, 255, 0.2); margin:0 7px 0 11px; position:relative; top:2px;}
.history_top .hi_top_money li:last-child:after { display:none;}
.history_top .search_history {  float:right; }
.history_top .search_history {overflow:hidden; }
.history_top .search_history li { float:left;}
.history_top .search_history li input[type=text] { border-bottom:1px solid #fff; width:100px; padding:5px; background:none; margin:0 5px;}
.history_top .search_history li .i-search { font-size:20px; line-height:30px; cursor:pointer;}
.history_top .search_history li select { width:100px; background:none; border-bottom:1px solid #fff; height:31px; margin-right:5px;}
.history_top .search_history li select option { color:#000;}
.history_top .hi_top_list { float:left; position:relative; top:7px; left:40px;}
.history_top .hi_top_list li {display:inline-block;font-size: 12px;}
.history_top .hi_top_list li span {font-size:13px;color: #f1cc45;padding-left:5px;font-family:verdana;}
.history_top .hi_top_list li span b { font-size:13px; color:#ff6868; padding-left:5px; font-weight:bold; font-family:verdana;}
.history_top .hi_top_list li:after { content:''; display:inline-block; width:1px; height:13px; background:rgba(255, 255, 255, 0.2); margin:0 7px 0 11px; position:relative; top:2px;}
.history_top .hi_top_list li:last-child:after { display:none;}
.history_top .hi_top_list .btn {width: 69px;height: 25px;line-height: 25px;transition-duration: 0.4s;text-align: center;border-radius: 3px;font-size: 11px;cursor: pointer;font-size: 12px;background: #414141;}
.history_top .hi_top_list li .btn.select {background: #2d2d2d!important;box-shadow: 0 1px #424242;border-color: #191919;}
.btn .cancel_btn {{color: #fff;padding: 4px 13px;background: #000000;border-radius: 3px;}}
/* Result */
.result_wrap .bet_w .bet_list .select {background-image:linear-gradient(to bottom, #4f4628, #433b22)!important;}
.result_wrap .bet_w .bet_list .select span {color: #ffffff!important;}
.result_wrap .sub_bet .sb_list .sb_in:hover, .result_wrap .sub_bet .sb_list .select {background-image:linear-gradient(to bottom, #4f4628, #433b22)!important;}
.result_wrap .sub_bet .sb_list .select .in_team, .sub_bet .sb_list .select .in_rate {color: #56ff6d!important;}
.result_wrap .game_w { float:left; width:calc(100% - 220px); padding-left:20px;}

/* Button */
.btn_warp {text-align:center; overflow:hidden; margin:10px auto; z-index:99; position:relative;}
.btn_warp .rr { float:right;}
.btn_warp .ll { float:left;}
.btn_warp .btn1, .btn_warp .btn2, .btn_warp .btn3 {display:block;width: 102px;height: 30px;line-height: 30px;text-align:center;font-size: 14px;margin-top:10px;border: 1px solid #383b52;background-image: linear-gradient(180deg,#242431,#1b1b25);}
.btn_warp .btn1.cc, .btn_warp .btn2.cc, .btn_warp .btn3.cc { display:inline-block;}

/* Table */
.td_c tbody td, .td_c tbody th { text-align:center;}
.td1 {width:100%;}
.td1 thead {background: rgb(51 61 81);}
.td1 thead  th {font-size: 14px;color: #ffffff;padding:10px 0;position:relative;font-weight:normal;border-bottom: 1px solid #a71f67;}
.td1 thead  th:after { content:''; position:absolute; width:2px; height:20px; background:rgba(0, 0, 0, 0.25); border-right:1px solid rgba(255, 255, 255, 0.2); left:-1px;}
.td1 thead  th:first-child:after { display:none;}
.td1 tbody {background: rgb(26 37 58);}
.td1 tbody  td, .td1 tbody  th {padding: 5px 8px;border-top: 1px solid rgba(255, 255, 255, 0.1);border-bottom: 1px solid rgba(0, 0, 0, 0.2);height: 40px;}
.td1 tbody > th { text-align:left; font-weight:normal;}
.td1 tbody tr:nth-child(even) td, .td1 tbody  tr:nth-child(even) th {}
.td1 tbody tr:hover td, .td1 tbody > tr:hover th {}
.td1 .spi i { vertical-align:middle;}
.td1 .in_time { text-align:center;vertical-align: middle;}
.td1 .in_time span {display:inline-block;color: #fff;text-align:center;border-radius: 3px;padding: 4px 15px;font-size: 13px;font-weight: normal;}
.td1 .td_tit { text-align:left; padding-left:20px;}
.td1 .txt { height:43px; line-height:43px; padding-left:10px;}
.td1 .txt .tt { color:rgba(255, 255, 255, 0.5);}

.td3 { width:100%; border:1px solid rgba(0, 0, 0, 0.5);}
.td3 thead { background:rgba(255, 255, 255, 0.09); border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
.td3 thead  th {text-shadow: 0 -1px rgba(0, 0, 0, 0.5); padding:10px 0; position:relative; font-weight:normal; border-bottom:1px solid rgba(0, 0, 0, 0.4);}
.td3 thead  th:after { content:''; position:absolute; width:2px; height:20px; background:rgba(0, 0, 0, 0.25); border-right:1px solid rgba(255, 255, 255, 0.2); left:-1px;}
.td3 thead  th:first-child:after { display:none;}
.td3 tbody { background:rgba(255, 255, 255, 0.05);}
.td3 tbody  td, .td1 tbody  th { padding:5px 8px;border-top: 1px solid rgba(255, 255, 255, 0.1);border-bottom: 1px solid rgba(0, 0, 0, 0.2); height:40px;}
.td3 tbody > th { text-align:left; font-weight:normal;}
.td3 tbody tr:nth-child(even) td, .td1 tbody  tr:nth-child(even) th { background:#ececec;}
.td3 tbody tr:hover td, .td1 tbody > tr:hover th {background:rgba(0, 0, 0, 0.15);}
.td3 .spi i { vertical-align:middle;}
.td3 .in_time { text-align:center;}
.td3 .in_time span { display:inline-block;border: 1px solid rgba(0, 0, 0, 0.5); box-shadow: 0 1px rgba(255, 255, 255, 0.1); color:rgba(255, 255, 255, 0.5); background:rgba(0, 0, 0, 0.2); text-align:center;border-radius: 3px; padding:0 5px;}
.td3 .td_tit { text-align:left; padding-left:20px;}
.td3 .txt { height:43px; line-height:43px; padding-left:10px;}
.td3 .txt .tt { color:rgba(255, 255, 255, 0.5);}
.td3 tbody tr td select{background:none; color:#fff; height:27px; line-height:27px; border:none; width:35%}
.itemtable{width: 100%;height: 100%;}

.td2 { width:100%;}
.td2 tbody th { text-align:left; height:30px; border-bottom:1px solid rgba(255, 255, 255, 0.1); padding:3px 0 3px 5px;}
.td2 tbody td { padding:5px 0 5px 10px; color:rgba(255, 255, 255, 0.6);border-bottom:1px solid rgba(255, 255, 255, 0.1);}
.td2 tbody .num span { color:#f1cc45; font-family:verdana; font-weight:bold; font-size:17px;}
.td2 tbody tr:last-child td, .td2 tbody tr:last-child th { border-bottom:none;}

/* Baord */
.comment_wrap { margin-top:20px;}
.comment_wrap .total { font-size:11px; padding-bottom:5px;}
.comment_wrap .total span {color: #f1cc45;padding:0 5px;font-family:verdana;}
.comment_wrap .comment_w { }
.comment_wrap .comment_w .comment_write { overflow:hidden; padding:10px;border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.2); background:rgba(0, 0, 0, 0.1);}
.comment_wrap .comment_w .comment_write dt { float:left; width:calc(100% - 119px);}
.comment_wrap .comment_w .comment_write dt textarea {  width:100%; height:58px; color:#fff; padding:5px; border-radius:3px; border:1px solid rgba(0, 0, 0, 0.3); background:rgba(0, 0, 0, 0.15);}
.comment_wrap .comment_w .comment_write dt textarea::placeholder { color:rgba(255, 255, 255, 0.3); }
.comment_wrap .comment_w .comment_write dd { float:right; width:100px;}
.comment_wrap .comment_w .comment_write dd span {  display:block; width:100%; height:68px; border-radius:3px; line-height:70px; color:#fff; font-weight:bold; font-size:13px;}
.comment_wrap .comment_w .b_chu span { cursor:pointer;}
.name_w {border-top: 1px solid rgba(255, 255, 255, 0.1);border-bottom: 1px solid rgba(0, 0, 0, 0.2);background: #46485b;overflow:hidden;padding:12px 15px;}
.name_w li { float:left;}
.name_w .name_icon { margin-right:19px; width:64px; height:64px; border-radius:50% 50%; overflow:hidden;}
.name_w .name_icon img { width:64px; height:64px; background: #2b2b2b;}
.comment_wrap .name_w .name_txt { width:1140px; }
.name_w .name_txt .nickname { font-size:14px;  display:block; position:relative; top:-5px;}
.name_w .name_txt .nickname img { position:relative; top:8px;}
.name_w .name_txt .nickname b { position:relative; top:17px; font-weight:normal; color:rgba(255, 255, 255, 0.7);}
.name_w .name_txt p {font-size:14px; color:#fff; padding:5px 0 0 2px;}
.name_w .name_date { float:right; text-align:right; position:relative;}
.name_w .name_date .date_w {text-align:right;  padding:9px 0; display:block;}
.name_w .name_date .date_w span, .name_w .name_date .date {font-size:11px; color:rgba(255, 255, 255, 0.5); font-family:verdana; }
.name_w .name_date .date_w .date {padding-right:10px;}
.name_w .name_date .date_w .i-eye:before { font-size:15px; color:#fff; padding-right:5px; position:relative; top:2px;}
.name_w .name_date .del { display:block; font-size:11px; padding:3px 5px; border-radius:3px; background:rgba(0, 0, 0, 0.5); position:absolute; top:-2px; right:125px; cursor:pointer;}
.name_w .name_date .del:hover { background:#FF0000;}

.board_view { border:1px solid rgba(0, 0, 0, 0.5);}
.board_view .name_w .name_txt p { font-size:16px; font-weight:bold;color:#3fff58; }
.board_view .board_view_in {background: #242f48;}
.board_view .board_view_in .view_con { padding:30px;}
.board_view .board_view_in .view_chu { background:rgba(0, 0, 0, 0.2); text-align:center; padding:20px;}
.board_view .board_view_in .view_chu li { display:inline-block; font-size:14px; width:150px; height:30px; font-weight:bold; vertical-align:middle;}
.board_view .board_view_in .view_chu li i { font-size:18px; padding-right:5px;line-height:28px; position:relative; top:2px;}
.board_view .board_view_in .view_chu .chu_b {opacity:0.7;}
.board_view .board_view_in .view_reply {background:rgba(0, 0, 0, 0.2); padding:20px;}
.board_view .board_view_in .view_reply .tit { font-size:17px; font-weight:bold; padding-bottom:10px; color:#f1cc45;}
.board_view .board_view_in .view_reply .tit i {color:#f1cc45; font-size:18px; position:relative; top:2px; padding-right:5px;}
.board_view .board_view_in .view_reply .con {}
.board_view .view_history { padding:10px 10px 10px 10px; background:rgba(0, 0, 0, 0.2);}
.board_view .view_history .history_w { margin-top:10px;}
.board_view .view_history .history_w .tit {background: #2a2a2a linear-gradient(to bottom, #1f1f1f 0%, #202020 100%);border-bottom: 1px solid rgba(0, 0, 0, 0.3);height: 30px;line-height: 30px; text-align:center;color: #f1cc45; font-weight:bold;}

.view_next { position:relative; top:-40px; z-index:100; width:50%;}
.view_next li { padding:5px 0;}
.view_next li .tit { color:rgba(255, 255, 255, 0.5); font-weight:bold; padding-right:10px;}
.view_next li .con { font-size:12px;}

.board_write {}
.board_write.td1 tbody > tr > th { width:150px; padding-left:20px!important; text-align:left;}
.board_write.td1 tbody > tr > td {padding: 10px!important;}
.board_write.td1 tbody > tr > td .ipw { height:35px; font-size:15px; color:#000; padding:5px; border-radius:3px; border:none; background:rgba(255, 255, 255, 0.8);}
.board_write.td1 tbody > tr > td .ipw:focus { background:#fff;}
.board_write.td1 tbody > tr > td #tx_trex_container { width:calc(100% - 13px); color:#000;}
.board_write.td1 tbody > tr > td #tx_trex_container td { padding:0!important; background:rgba(255, 255, 255, 0.0); height:auto;}
.board_write.td1 tbody > tr > td #tx_trex_container td,
.board_write.td1 tbody > tr > td #tx_trex_container dt,
.board_write.td1 tbody > tr > td #tx_trex_container dd,
.board_write.td1 tbody > tr > td #tx_trex_container p,
.board_write.td1 tbody > tr > td #tx_trex_container b,
.board_write.td1 tbody > tr > td #tx_trex_container div,
.board_write.td1 tbody > tr > td #tx_trex_container span { color:#000;}
.board_write .switch {}
.board_write .switch i { font-size:30px; cursor:pointer;}
.board_write .switch .i-switch-on {color:#f1cc45;}
.board_write .switch .i-switch-off {color:rgba(255, 255, 255, 0.5);}
.board_write .switch .s_txt { font-size:12px; padding-left:20px; vertical-align:7px;}
.board_write .write_history_btn { margin-bottom:10px;}
.board_write .write_history {}
.board_write .write_history .wh_tab { overflow:hidden; margin-bottom:10px;}
.board_write .write_history .wh_tab li {display:block; float:left;}
.board_write .write_history .wh_tab li span {background-image: linear-gradient(to bottom, #444444, #363636); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); text-align: center; border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 3px;  padding:0 10px; height:35px; line-height:35px; cursor:pointer; display:block;}
.board_write .write_history .wh_tab .select span {background-image:linear-gradient(to bottom, #2f2f2f, #222222); color:#f1cc45;}
.board_write .write_history .wh_tab li:hover span {background-image:linear-gradient(to bottom, #2f2f2f, #222222); color:rgba(255, 255, 255, 0.7);}
.board_write .write_history .history_wrap {overflow-y: scroll; height:400px;}
.board_write .write_history .history_wrap .history_w { margin-top:0;}
.board_write .write_history .history_wrap .history_w .history.td1 thead th { padding:3px 0; height:20px; font-size:11px;}
.board_write .write_history .history_wrap .history_w .history.td1 tbody td { padding:3px!important;}
.board_write .write_history_no {color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.05); text-align: center; font-size:18px; height:50px; line-height:50px; font-weight:bold; width:98%; padding:5px;}

.board_write .share_item { background:rgba(0, 0, 0, 0.15); border-radius:3px; padding:10px; margin-top:5px; overflow:hidden;}
.board_write .share_item .si_list { float:left; background:rgba(0, 0, 0, 0.3); padding:5px 10px; overflow-y:scroll; height:60px; width:180px; margin-right:20px;}
.board_write .share_item .si_list li { padding:3px 0; color:rgba(255, 255, 255, 0.5);}
.board_write .share_item .si_list li:hover { color:#fff;}
.board_write .share_item .si_list li span { cursor:pointer; display:inline-block; border-radius:3px; width:50px; height:18px; text-align:center; color:#000; font-size:11px; background:#fff; font-weight:bold; margin-left:10px;}
.board_write .share_item .si_list li span:hover { background:#f1cc45;}
.board_write .share_item .si_txt { float:left; padding-top:5px;}
.board_write .share_item .si_txt dd {height:20px;position:relative; top:-10px;}
.board_write .share_item .si_txt dd span { font-family:verdana; color:#f1cc45; font-size:38px; font-weight:bold;  display:inline-block; padding-right:10px;}
.board_write .share_item .si_txt dd b { display:inline-block; position:relative; top:-5px; font-weight:normal; color:rgba(255, 255, 255, 0.5);}
.board_write .share_item .si_link { float:right; text-align:right; padding:25px 10px 0 0 ;}
.board_write .share_item .si_link .link { color:#f1cc45; font-weight:bold;}
.board_write .share_pay { padding-top:10px;}
.board_write .share_pay .ipw { width:200px;}

.board_t1 {}
.board_t1 tbody td, .board_t1 tbody th { text-align:center;}
.board_t1 tbody td {height: 30px;line-height: 30px;top: 1px;vertical-align: middle;}
.board_t1 tbody .b_subject { text-align:left; padding-left:20px;vertical-align: middle;}
.board_t1 tbody .b_subject a {color: #ffffff;font-size: 12px;vertical-align: middle;}
.board_t1 tbody .b_subject .comment {font-weight:bold; font-family:verdana;color:#f1cc45; padding:0 3px;}
.board_t1 tbody .b_subject .i-new { font-size:20px; padding:0 3px; vertical-align:-3px; color:#ff0000;}
.board_t1 tbody .b_name {text-align:left;padding-left:10px;vertical-align: middle;}
.board_t1 tbody .b_name span {color:#fff;display:inline-block;position:relative;top: 1px;left: 11px;vertical-align: middle;}
.board_t1 tbody .b_name .on { color:#f1cc45;}
.board_t1 tbody .b_hit { color:rgba(255, 255, 255, 0.5); font-family:verdana;}
.board_t1 tbody .b_qna .done { color:#f1cc45;}
.board_t1 tbody .b_qna .done i {color:#f1cc45;}
.board_t1 tbody .b_qna .ready { color:rgba(255, 255, 255, 0.5);;}
.b_chu span { font-size:25px; padding:0 3px; color:#f1cc45;}
.b_chu span b { position:relative; top:-5px;color:#f1cc45; font-weight:bold; font-family:verdana;}
.b_chu .i-chu-b, .b_chu .i-chu-b b { color:#887532!important;}

.board_t2 {}
.board_t2:after { display:block; clear:both; content:'';}
.board_t2 .pic img { width:100%; height:100%;}
.board_t2 .bt2_w {border: 1px solid rgba(0, 0, 0, 0.5);background: rgba(255, 255, 255, 0.05); width:calc(50% - 8px); float:left; overflow:hidden; position:relative; margin:3px; cursor:pointer;}
.board_t2 .bt2_w:hover {background: rgba(255, 255, 255, 0.02);}
.board_t2 .bt2_w .name_w { border:none; background:none; float:left; width:calc(100% - 30px);}
.board_t2 .bt2_w .name_w .name_date { width:200px;}
.board_t2 .bt2_w .name_w .name_txt { width:calc(100% - 290px);}
.board_t2 .bt2_w .name_w .name_txt p { width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:bold;}
.board_t2 .bt2_w .con { float:left; width:calc(100% - 180px); margin:0 0 15px 15px; height:118px; overflow:hidden; color:rgba(255, 255, 255, 0.7);}
.board_t2 .bt2_w .pic { width:115px; position:absolute; right:20px; top:90px;}
.board_t2 .top { width:calc(100% - 8px);}
.board_t2 .top .name_w {width:calc(100% - 300px);}
.board_t2 .top .name_w .name_txt p  { font-size:16px; font-weight:bold; }
.board_t2 .top .con {width:calc(100% - 300px);height:174px; font-size:14px;}
.board_t2 .top .pic { width:240px; top:20px;}

.board_t3 {}
.board_t3:after { display:block; clear:both; content:'';}
.board_t3 .pic img { width:100%;}
.board_t3 .bt3_w {border: 1px solid rgba(0, 0, 0, 0.5);background: rgba(255, 255, 255, 0.05); width:calc(25% - 8px); float:left; overflow:hidden; position:relative; margin:3px; cursor:pointer;height:490px}
.board_t3 .bt3_w:hover {background: rgba(255, 255, 255, 0.02);}
.board_t3 .bt3_w .name_w { border:none; background:none; padding-bottom:5px; overflow:hidden;}
.board_t3 .bt3_w .name_w .name_txt { width:100%;}
.board_t3 .bt3_w .name_w .name_date { width:100%; overflow:hidden;}
.board_t3 .bt3_w .name_w .name_date .date_w { float:left; text-align:left;}
.board_t3 .bt3_w .name_w .name_date .b_chu { float:right; text-align:right;}
.board_t3 .bt3_w .con { margin:0px 15px 15px 15px; height:60px; overflow:hidden;}
.board_t3 .bt3_w .pic { display: flex; align-items:center; width:100%; height:327px; background:rgba(0, 0, 0, 0.1); overflow:hidden;}

.board_t2 .bt2_w.b_pay, .board_t3 .bt3_w.b_pay {border: 1px solid #f1cc45!important;background:#3e3929!important; }
.board_t2 .bt2_w.b_pay_r, .board_t3 .bt3_w.b_pay_r {border: 1px solid #ff7ef1!important;background:#443a43!important; }

.notice_wrap .top { background:#585128;}
.notice_wrap .top:hover {background:#585128;}
.notice_wrap .top:nth-child(even){background:#585128;}
.notice_wrap .top:nth-child(even):hover {background:#585128;}
.board_event:after { display:block; clear:both; content:'';}
.board_event .bde_w {border: 1px solid rgba(0, 0, 0, 0.5);background: rgba(255, 255, 255, 0.05);width:calc(50% - 8px); float:left; overflow:hidden; position:relative; margin:3px; cursor:pointer; }
.board_event .bde_w:hover {background: rgba(255, 255, 255, 0.02);}
.board_event .bde_w .bde_pic img { width:100%; height:200px;}
.board_event .bde_w ul {padding:10px 20px 0 20px; overflow:hidden; }
.board_event .bde_w .bde_tit { font-size:16px; font-weight:bold; float:left; width:calc(100% - 70px); color:#f1cc45;}
.board_event .bde_w .bde_tit span { display:inline-block; padding:2px 5px; border-radius:3px; margin-right:10px; font-size:11px;}
.board_event .bde_w .bde_hit { float:left; width:70px; text-align:right; }
.board_event .bde_w .bde_hit span {color:rgba(255, 255, 255, 0.5);}
.board_event .bde_w .bde_hit span:before { color:#fff; position:relative; top:2px;}
.board_event .bde_w .bde_con { float:left; width:100%; padding-top:10px; height:60px;}
.board_event .bde_w.ing .bde_tit span { background:#f1cc45; color:#000;}
.board_event .bde_w.done {opacity:0.6;}
.board_event .bde_w.done .bde_tit span { background:#000; color:rgba(255, 255, 255, 0.5);}
.board_event .bde_w.done .bde_tit {color:rgba(255, 255, 255, 0.5);}
/* Popup */
.pop_bg { background:#363636;}
.pop_bg .pop_tit { background:#f1cc45; padding:0 20px; position:relative;}
.pop_bg .pop_tit .tit { height:55px; line-height:55px; font-size:20px; font-weight:600; color:rgba(0, 0, 0, 0.9);}
.pop_bg .pop_tit .tit span {font-size:20px; font-weight:600; color:rgba(0, 0, 0, 0.5);}
.pop_bg .pop_tit .close { position:absolute; right:15px; top:13px; display:block; width:25px; height:25px;}
.pop_bg .pop_tit .close i { font-size:25px; color:#000;}
.pop_bg .pop_tit .close i:hover { color:#fff;}
.pop_bg .pop_con { padding:10px;}
.pop_bg .pop_con .edit_no {border-radius:3px; height:35px; padding:5px; display:block; border:1px solid rgba(255, 255, 255, 0.2); background:rgba(255, 255, 255, 0.1); line-height:35px; font-size:18px; font-family:verdana; font-weight:bold;}
/* Refund */
.refund_wrap .td1 .refund_ok .btn3 { padding:5px 20px; font-size:13px;}
.refund_wrap .td1 .refund_no { color:#FF0000;}
.refund_wrap .td1 .refund_done { color:rgba(255, 255, 255, 0.5);}
#pre-update-btn{font-size: 40px;margin-right: 10px;position: absolute;top: 230px;left: 229px;cursor: pointer;text-shadow: 1px 1px 12px #000;}

/* virtual football head */
.virtual_sports {margin-bottom:5px;position:relative;display:table;width:100%;border-radius:10px;}
.virtual_sports section {display:table-cell;width:50%;vertical-align:middle;}
.virtual_sports .vod_box {background:#222227;border-radius:5px;padding:10px;margin:5px;}
.virtual_sports .vod_box .vod_area {}
.virtual_sports .vod_box .vod_area img {width:100%;}
.virtual_sports .vod_box .title_area {text-align:center;font-size:14px;padding:8px 0px 0px 0px;}
.virtual_sports .vod_box .title_area .dot {display:inline-block;width:10px;height:10px;vertical-align:middle;margin:0px 6px 2px 0px;background:#ff0000;border-radius:100%;}
.virtual_sports .vod_box .title_area .week {color:#ffa604;}
.virtual_sports .match_box {background: #242f48;border-radius:5px;padding: 24px;margin: 0px;}
.virtual_sports .match_box .tv_match {text-align:center;color: #ffffff;margin:10px 0px 15px 0px;}
.virtual_sports .match_box .tv_match svg {width:16px;height:16px;vertical-align:middle;margin-bottom:2px;}
.virtual_sports .match_box .team_name {width:85%;margin:0 auto;position:relative;*zoom:1;}
.virtual_sports .match_box .team_name:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.virtual_sports .match_box .team_name .home {float:left;width:44%;transform: skew(20deg);border-top: 1px solid #d70f82;text-align:center;margin:4px 0px;height:55px;background-image: linear-gradient(180deg,#242431,#1b1b25);}
.virtual_sports .match_box .team_name .home span {display:block;transform: skew(-20deg);padding-top:20px;font-size: 16px;color: #fff;}
.virtual_sports .match_box .team_name .vs {position:absolute;top:0;left:40%;width:20%;height:100%;text-align:center;background: #35384d;z-index:10;clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 26% 100%);box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px, rgb(82, 82, 93) 1px 1px 4px -2px inset;}
.virtual_sports .match_box .team_name .vs span {display:block;padding-top: 24px;font-size:18px;color:#fff;}
.virtual_sports .match_box .team_name .away {float:right;width:44%;transform: skew(-20deg);border-top: 1px solid #d70f82;text-align:center;margin:4px 0px;height:55px;background-image: linear-gradient(180deg,#242431,#1b1b25);}
.virtual_sports .match_box .team_name .away span {display:block;transform: skew(20deg);padding-top:20px;font-size: 16px;color: #fff;}
.virtual_sports .match_box .match_result {margin-top:15px;}
.virtual_sports .match_box .match_result .title {font-size:14px;text-align:center;color: #ffffff;margin-bottom:10px;}
.virtual_sports .match_box .button_area {text-align:center;margin-bottom:5px;}
.virtual_sports .match_box .button_area button {width:22%;height:38px;background: #ffffff;color: #f1cc45;font-size:15px;border-radius:5px;border: 1px solid #383b52;background-image: linear-gradient(180deg,#242431,#1b1b25);}
.match_box .button_area button:hover {background-image: linear-gradient(180deg,#1b1b24,#242431);border: 1px solid #383b52;color: #b6bfe2;}
.btn_box {margin: 10px -6px;margin-left: 10px;}
.btn_box button {background: #333d51;height:40px;width: 24%;color:#fff;font-size: 14px;}
.btn_box button.select {background: #0f9121;height:40px;width: 24%;color:#fff;font-size: 14px;}

.bet_w .bet_list .b_bonushome {float:left;border-radius:3px 0 0 3px;overflow:hidden;width:calc(50% - 6px);margin-left:3px;background-image: linear-gradient(to bottom, #1d6700, #1d6700);border-color: #1d6700;}
.bet_w .bet_list .b_bonusvs {float:left;border-radius:3px 0 0 3px;overflow:hidden;width:calc(50% - 6px);margin-left:3px;background-image: linear-gradient(to bottom, #1d6700, #1d6700);border-color: #1d6700;}
.bet_w .bet_list .b_bonushome .in_teambonus {color:#fff;}
.bet_w .bet_list .b_bonusvs .in_teambonus {color:#fff;}
.bet_w .bet_list .b_bonushome:hover {background-image:linear-gradient(to bottom, #d70f82, #d70f82);}
.bet_w .bet_list .b_bonushome.select {background-image: linear-gradient(to bottom, #ce0001, #d70f82);border-color: #d70f82;color: #d70f82;}
.bet_w .bet_list .b_bonusvs:hover {background-image:linear-gradient(to bottom, #d70f82, #d70f82);}
.bet_w .bet_list .b_bonusvs.select { float:left;  margin-left:3px; background-image:linear-gradient(to bottom, #d70f82, #d70f82); border-color: #191919; color: #d70f82;}
.bet_w .bet_list .b_draw, .bet_w .bet_list .c_vs {float:left;width: 123px;border-radius:0 0;}
.bet_w .bet_list .b_draw, .bet_w .bet_list .c_vs  .in_vvs {color: #b6bfe2;}
.bet_w .bet_list .b_draw:hover{border: 1px solid #0f9121;}
.in_rate .down {font-weight:bold;color:#FF0000;margin-left:5px;}
.in_rate .up {font-weight:bold;color:#39b2ff;margin-left:5px;}
.bet_w .bet_list .c_more {float:left;width:48px;}
.bet_w .bet_list .c_more span {color: #b6bfe2;}
/* casino slot */
.game_list1{position:relative;padding: 20px 10px;}
.slot_company_list > li{position: relative;width: calc(100% / 10);float: left;text-align: center;margin-bottom:10px;}
.slot_company_list > li div {
	margin:0 10px 0px 10px;}
.slot_company_list > li a {
	margin:0;}
.slot_game_list > li{position: relative;width: calc(100% / 8);float: left;text-align: center;margin-bottom:10px;}
.slot_game_list > li div {margin:12px 9px 9px 9px;}
.slot_game_list > li p {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin:0;}
.slot_game_list > li a {margin:0;}
.game_list.in_main > li{margin-top:15px;}
.game_list.in_main > li:first-child{margin-top:8px;}
.game_list_wrap{position:relative;z-index:3;margin-left: 8px;}
.game_list_wrap .align_box_l .big_banner{position:relative;float:left;margin-top:8px;}
.game_list_wrap .align_box_l .game_list{float:left;width:696px;}
.game_list_wrap .align_box_l .game_list > li{position:relative;float:left;margin:8px 0 0 8px;border:1px solid rgba(0, 0, 0, 0);cursor:pointer;}
.game_list_wrap .align_box_r .big_banner{position:relative;float:left;margin-top:8px;border:1px solid rgba(0, 0, 0, 0);}
.game_list_wrap .align_box_r .big_banner img{width:100%;}
.game_list_wrap .align_box_r .game_list{float:left;width:690px;}
.game_list_wrap .align_box_r .game_list > li{position:relative;float:left;margin:8px 0 0 8px;border:1px solid rgba(0, 0, 0, 0);cursor:pointer;}
.game_list_wrap .align_box_r .game_list > li:nth-child(3n+1){margin-left:0px;}
.game_list_wrap .align_box_justi .big_banner{position:relative;float:left;margin-top:8px;}
.game_list_wrap .align_box_justi .game_list{float:left;width:232px;/*  */margin-left: 3px;}
.game_list_wrap .align_box_justi .game_list > li{position:relative;float:left;margin:8px 0 0 8px;cursor:pointer;}
.game_list_wrap .align_box_justi .big_banner.scond{float:left;margin-left:8px;}
.game_list_wrap .game_list.outer > li{position:relative;float:left;margin:8px 0 0 8px;cursor:pointer;margin-left: 17px;}
.game_list_wrap .game_list.outer > li:nth-child(5n+1){margin-left: 1px;}
.game_list_wrap .game_list.outer > li.hide_list { display: none; }
.game_list_wrap .game_list.outer > li img:before { content: ' '; display: block; position: absolute; background-size: 100%; width: 100%; height: 100%; }
.game_list_wrap .align_box_justi .big_banner img:before { content: ' '; display: block; position: absolute; background-size: 100%; width: 100%; height: 100%; }
.game_list_wrap .gameInfo{position:relative;height: 33px;background: #000c24;}
.game_list_wrap .gameInfo p{text-overflow: ellipsis;}
.game_list_wrap .gameInfo p.gameTitle{font-size: 14px;color:#fff;padding: 10px 0 0 10px;text-align: center;}
.game_list_wrap .gameInfo p.gameTitleEn{font-size:12px;color:#ccc;padding:6px 0 0 16px;}
.game_list_wrap .gameInfo span.gameFavor{position:absolute;top:20px;right:40px;width:24px;height:20px;font-size:0px;text-indent:-999px;}
.game_list_wrap .gameInfo span.gameDetailInfo{position:absolute;top:18px;right:10px;width:24px;height:24px;font-size:0px;text-indent:-999px;background-size:24px;}
.game_list_wrap .big_banner .gameInfo{position:relative;height: 40px;background:#000c24;line-height: -7px;text-align: center;font-size: 16px;}
.game_list_wrap .big_banner .gameInfo p.gameTitle{font-size: 16px;color:#fff;font-weight:bold;padding: 12px 0 0 32px;width:370px;line-height: -3px;}
.game_list_wrap .big_banner .gameInfo p.gameTitleEn{font-size:14px;color:#ccc;padding:10px 0 0 20px;width:370px;}
/* main */
.main_minigame {position:relative;margin-left: 126px;margin-bottom: 94px;}
.main_minigame h1{padding: 10px 20px;font-size: 20px;font-weight: bold;color: #ffffff;}
.main_minigame:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.main_minigame ul {margin:0px -6px;height:130px;width:100%;}
.main_minigame ul li {float:left;width: 15.6%;padding: 0px 24px;height:100%;}
.main_minigame ul li .box01 {position:relative;width: 315px;height: 222px;border: 1px solid #242f48;border-radius:2px;cursor:pointer;}
.main_minigame ul li .box01:before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.5;transition:200ms all;}
.main_minigame ul li .box01:hover:before {opacity:0;box-shadow: #204e14b5 0px 7px 20px 8px;}
.main_minigame ul li .box02 {position:relative;width: 396px;height: 222px;border: 1px solid #242f48;border-radius:2px;cursor:pointer;}
.main_minigame ul li .box02:before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0.5;transition:200ms all;}
.main_minigame ul li .box02:hover:before {opacity:0;box-shadow: #204e14b5 0px 7px 20px 8px;}
.main_minigame ul li .box01.bg01 {background:url(/Npc/static/web/pg-2017/images/casino_slot/main_slot01.gif) no-repeat;background-position:center top;background-size:cover;}
.main_minigame ul li .box01.bg02 {background:url(/Npc/static/web/pg-2017/images/casino_slot/main_slot02.gif) no-repeat;background-position:center top;background-size:cover;}
.main_minigame ul li .box01.bg03 {background:url(/Npc/static/web/pg-2017/images/casino_slot/main_slot03.gif) no-repeat;background-position:center top;background-size:cover;}
.main_minigame ul li .box01.bg04 {background:url(/Npc/static/web/pg-2017/images/casino_slot/main_slot04.gif) no-repeat;background-position:center top;background-size:cover;}
.main_minigame ul li .box01.bg05 {background:url(/Npc/static/web/pg-2017/images/casino_slot/main_slot05.gif) no-repeat;background-position:center top;background-size:cover;}
.main_minigame ul li .box01.bg06 {background:url(/Npc/static/web/pg-2017/images/casino_slot/main_evolution.png) no-repeat;background-position:center top;background-size:cover;image-rendering: pixelated;}
.main_minigame ul li .box01.bg07 {background:url(/Npc/static/web/pg-2017/images/casino_slot/main_okada.png) no-repeat;background-position:center top;background-size:cover;image-rendering: pixelated;}
.main_minigame ul li .box01.bg08 {background:url(/Npc/static/web/pg-2017/images/casino_slot/main_pragmatic.png) no-repeat;background-position:center top;background-size:cover;image-rendering: pixelated;}
.main_minigame ul li .box01.bg09 {background:url(/Npc/static/web/pg-2017/images/casino_slot/playtech_casino.png) no-repeat;background-position:center top;background-size:cover;image-rendering: pixelated;}
.main_minigame ul li .box01.bg10 {background:url(/Npc/static/web/pg-2017/images/casino_slot/dream_casino.png) no-repeat;background-position:center top;background-size:cover;image-rendering: pixelated;}
.main_minigame ul li .box01.bg11 {background:url(/Npc/static/web/pg-2017/images/casino_slot/evo_powerball.png) no-repeat;background-position:center top;background-size:cover;image-rendering: pixelated;}
.main_minigame ul li .box01.bg12 {background:url(/Npc/static/web/pg-2017/images/casino_slot/main_florida.png) no-repeat;background-position:center top;background-size:cover;image-rendering: pixelated;}
.main_minigame ul li .box01.bg13 {background:url(/Npc/static/web/pg-2017/images/casino_slot/pbg_powerball.png) no-repeat;background-position:center top;background-size:cover;image-rendering: pixelated;}
.main_minigame ul li .box01.bg14 {background:url(/Npc/static/web/pg-2017/images/casino_slot/main_ntrypowerball.png) no-repeat;background-position:center top;background-size:cover;image-rendering: pixelated;}
.main_minigame ul li .box01.bg15 {background:url(/Npc/static/web/pg-2017/images/casino_slot/main_dhpowerball.png) no-repeat;background-position:center top;background-size:cover;image-rendering: pixelated;}
.main_minigame ul li .box02.bg11 {background:url(/Npc/static/web/pg-2017/images/casino_slot/bet3651.png) no-repeat;background-position:center top;background-size:cover;image-rendering: pixelated;}
.main_minigame ul li .box02.bg12 {background:url(/Npc/static/web/pg-2017/images/casino_slot/bet3652.png) no-repeat;background-position:center top;background-size:cover;image-rendering: pixelated;}
.main_minigame ul li .box02.bg13 {background:url(/Npc/static/web/pg-2017/images/casino_slot/bet3653.png) no-repeat;background-position:center top;background-size:cover;image-rendering: pixelated;}
.main_minigame ul li .box02.bg14 {background:url(/Npc/static/web/pg-2017/images/casino_slot/bet3654.png) no-repeat;background-position:center top;background-size:cover;image-rendering: pixelated;}
.main_minigame ul li .box01:hover {border: 1px solid #109121;transition-duration: 0.3s;box-shadow: 0 0.5em 0.5em -0.4em yellow;}
.main_minigame ul li .box01 h3 {position:relative;padding: 7px 7px 7px 7px;font-weight:bold;color: #29d642;font-size:12px;z-index:10;float: right; background: #0000007a;}
.main_minigame ul li .box01 h3 strong {display:block;color:#ffffff;font-size:20px;line-height:30px;}
.main_minigame ul li .box01 .bottom01 {position:absolute;bottom:0;left;0;width:100%;line-height: 60px;text-align:center;background:#0c1319;opacity:0.5;z-index:10;color:#fff;font-size:14px;}
.main_minigame ul li .box02:hover {border: 1px solid #109121;transition-duration: 0.3s;box-shadow: 0 0.5em 0.5em -0.4em yellow;}
.main_minigame ul li .box02 h3 {position:relative;padding: 7px 7px 7px 7px;font-weight:bold;color: #29d642;font-size:12px;z-index:10;float: right; background: #0000007a;}
.main_minigame ul li .box02 h3 strong {display:block;color:#ffffff;font-size:20px;line-height:30px;}
.main_minigame ul li .box02 .bottom01 {position:absolute;bottom:0;left;0;width:100%;line-height: 60px;text-align:center;background:#0c1319;opacity:0.5;z-index:10;color:#fff;font-size:14px;}
.bet_rate { background:url(/Cpc/static/web/pg-2017/images/casino_slot/football.png) no-repeat;background-size: cover;  margin-bottom:3px;margin-top:1px;border:1px solid #828282; }
.bet_rate.id_soccer { background:url(/Cpc/static/web/pg-2017/images/casino_slot/football.png) no-repeat;background-size: cover;  margin-bottom:3px;margin-top:1px;border:1px solid #828282; }
.bet_rate.id_basketball { background:url(/Cpc/static/web/pg-2017/images/casino_slot/basketball.png) no-repeat;background-size: cover;  margin-bottom:3px;margin-top:1px;border:1px solid #828282; }
.bet_rate.id_icehockey { background:url(/Cpc/static/web/pg-2017/images/casino_slot/icehockey.png) no-repeat;background-size: cover;  margin-bottom:3px;margin-top:1px;border:1px solid #828282; }
.bet_rate.id_volleyball { background:url(/Cpc/static/web/pg-2017/images/casino_slot/volleyball.png) no-repeat;background-size: cover;  margin-bottom:3px;margin-top:1px;border:1px solid #828282; }
.bet_rate.id_baseball { background:url(/Cpc/static/web/pg-2017/images/casino_slot/baseball.png) no-repeat;background-size: cover;  margin-bottom:3px;margin-top:1px;border:1px solid #828282; }
.live_screen_noscreen { background:url(/Cpc/static/web/pg-2017/images/noscreen.png) no-repeat;background-position:center top;background-size:cover;}

.bet_rate.id_soccer { background:url(/Cpc/static/web/pg-2017/images/casino_slot/football.png) no-repeat;background-size: cover;  margin-bottom:3px;margin-top:1px;border:1px solid #828282; }
.bet_rate.id_basketball { background:url(/Cpc/static/web/pg-2017/images/casino_slot/basketball.png) no-repeat;background-size: cover;  margin-bottom:3px;margin-top:1px;border:1px solid #828282; }
.bet_rate.id_hockey { background:url(/Cpc/static/web/pg-2017/images/casino_slot/icehockey.png) no-repeat;background-size: cover;  margin-bottom:3px;margin-top:1px;border:1px solid #828282; }
.bet_rate.id_volleyball { background:url(/Cpc/static/web/pg-2017/images/casino_slot/volleyball.png) no-repeat;background-size: cover;  margin-bottom:3px;margin-top:1px;border:1px solid #828282; }
.bet_rate.id_baseball { background:url(/Cpc/static/web/pg-2017/images/casino_slot/baseball.png) no-repeat;background-size: cover;  margin-bottom:3px;margin-top:1px;border:1px solid #828282; }
/* casino */
.casino-left {background:#fff;margin-top: 13px;overflow: hidden;padding: 12px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom: 25px;}
.casino-box{position:relative;overflow:hidden;padding-bottom:65px;}
.casino-load-more {padding: 25px 0;display: block !important;text-align: center;position: absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:0px;}
.casino-load-more a {display: block;text-align: center;width: 75%;background: #242f48;border-radius: 3px;padding: 9px;font-size: 14px;font-weight: 500;border: 1px solid #109121;margin-left: 0%;color: #109121;}
.casino-left.casino {background-color: #000c24;}
.casino-left.slot {background-color: #000c24;border:none;}
.casino-left .content {width: 1870px;margin: 0 auto;background-color: #242f48;padding:10px;}
.casino-left {background:#fff;margin-top: 13px;overflow: hidden;border-radius: 3px;padding: 12px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom: 25px;}
.casino-load-more {padding: 25px 0;display: block !important;text-align: center;position: absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:0px;}
.casino-load-more a {display: block;text-align: center;width: 75%;background: #242f48;border-radius: 3px;padding: 9px;font-size: 14px;font-weight: 500;border: 1px solid #109121;margin-left: 0%;color: #109121;}
/* attendances */
.check_wrap {margin-left: 12px;}
.check_wrap .caution_w { margin-top:30px;}
.check_wrap .board_t1 td { height:40px;}
.check_wrap .board_t1 .days span { font-family:verdana; font-weight:bold;color:#f1cc45;}
.check_wrap .check_write { overflow:hidden; background:rgba(0, 0, 0, 0.2); padding:10px;}
.check_wrap .check_write dt { float:left; width:calc(100% - 140px);}
.check_wrap .check_write dt textarea { width:calc(100% - 10px); height:50px;ont-size:15px; color:#000; padding:5px; border-radius:3px;border:none; background:rgba(255, 255, 255, 0.8);}
.check_wrap .check_write dt textarea:focus { background:#fff;}
.check_wrap .check_write dd { float:right; width:130px;}
.check_wrap .check_write dd .btn { height:60px; line-height:60px; width:100%; font-size:16px;}
.check_wrap .check_cal { margin-bottom:20px;}
.check_wrap .check_cal .check_td {background: #2c3246;width:100%;border:1px solid rgba(0, 0, 0, 0.5);}
.check_wrap .check_cal .check_td thead { background:rgba(255, 255, 255, 0.09); border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
.check_wrap .check_cal .check_td thead th {/* text-shadow: 0 -1px rgba(0, 0, 0, 0.5); */padding:10px 0;position:relative;font-weight:normal;border-bottom:1px solid rgba(0, 0, 0, 0.4);text-align:center;text-transform: uppercase;font-family:verdana;}
.check_wrap .check_cal .check_td thead th:after { content:''; position:absolute; width:2px; height:20px; background:rgba(0, 0, 0, 0.25); border-right:1px solid rgba(255, 255, 255, 0.2); left:-1px;}
.check_wrap .check_cal .check_td thead th:first-child:after { display:none;}
.check_wrap .check_cal .check_td tbody {/* background:rgba(255, 255, 255, 0.05); */}
.check_wrap .check_cal .check_td tbody td {color: #fff;padding:10px;border: 1px dotted #6c6c6c;height:40px;font-family:verdana;height:75px;vertical-align:top;}
.check_wrap .check_cal .check_td thead th:nth-child(1), .check_wrap .check_cal .check_td tbody td:nth-child(1) {color: #f95151;}
.check_wrap .check_cal .check_td thead th:nth-child(7), .check_wrap .check_cal .check_td tbody td:nth-child(7) {color: #53bbf9;}
.check_wrap .check_cal .check_td tbody .ck_no { background:url(/Sidepc/static/web/pg-2017/images/ch_no.png) no-repeat 60px 7px;}
.check_wrap .check_cal .check_td tbody .ck_none { background:url(/Sidepc/static/web/pg-2017/images/ch_none.png) no-repeat 37px 7px;}
.check_wrap .check_cal .check_td tbody .ck_check {background: url(/Sidepc/static/web/pg-2017/images/ch_check.png) no-repeat 60px 7px;}
.check_wrap .check_cal .tit {padding:10px 10px; overflow:hidden; position:relative;}
.check_wrap .check_cal .tit dd { position:absolute; bottom:0; left:0; padding-bottom:10px;}
.check_wrap .check_cal .tit dd span {font-family:verdana;font-weight:bold;color: #f1cc45;}
.check_wrap .check_cal .tit dt { margin:0 auto; text-align:center;}
.check_wrap .check_cal .tit dt .month {font-size: 33px;font-family:verdana;font-weight:bold;color: #ffffff;padding:0 10px;}
.check_wrap .check_cal .tit dt i { display:inline-block; width:30px; height:30px; line-height:25px; font-size:30px; cursor:pointer; color:rgba(255, 255, 255, 0.6);}
.check_wrap .check_cal .tit dt i:hover { color:#fff;}
.check_wrap .check_top {background: url(/Sidepc/static/web/pg-2017/images/title.png) no-repeat center 45px;height:162px;text-align:center;padding-top: 152px;margin-bottom:20px;}
.check_wrap .check_top dt {border: 1px solid rgba(255, 255, 255, 0.17); border-right:none; border-left:none;height: 45px; line-height: 45px; font-size:15px; letter-spacing:9px; width:720px; margin:0 auto 18px; text-align:center font-color:#fff;}
.check_wrap .check_top dt {font-size:13px;font-family:verdana;font-weight:bold;color: #ffffff;}
.check_wrap .check_top dd {display:inline-block;width:353px;height:40px;border-radius:3px;background: #242f48;color: #fff;line-height:40px;font-size:16px;}
.check_wrap .check_top dd span {font-size:16px;font-weight:bold;color: #14d22e;}

/* footer */
.footer-bc {padding: 20px 0 15px;}
.ftr-link {display: flex;justify-content: flex-end;margin: 4px 0;padding: 14px 0;border-top: 1px solid #242f48;border-bottom: 1px solid #242f48;text-align: center;padding-left: 340px;padding-right: 300px;}
.ftr-n-item-bc {flex: auto;display: flex}
.footer-bc .live-chat-adviser-bc+.switch-old-version {padding-top: 15px;box-shadow: 0 -1px 0 0 rgba(var(--b-sc-rgb),.15)}
.ftr-decimal-language-row {display: flex;margin-bottom: 15px;transform: translateZ(0)}
.ftr-decimal-language-row .form-control-bc {width: 100%}
.ftr-decimal-language-row .form-control-bc+.form-control-bc {-webkit-margin-start: 10px;margin-inline-start:10px}
.bc-i-footer-icon-holder {flex-shrink: 0;width: 14px;height: 14px;-webkit-margin-end: 5px;margin-inline-end:5px;color: var(--b-sc);text-align: center;font-size: 14px}
.ftr-social-link-row-column-bc {display: flex}
.ftr-partners-row-bc {width: 100%}
.ftr-social-link-c-item-bc+.ftr-social-link-c-item-bc {-webkit-margin-start: 10px;margin-inline-start:10px}
.ftr-partners-row-inner-bc {display: flex;align-content: center}
.ftr-partners-row-inner-bc>a,.ftr-partners-row-inner-bc>div {display: flex;justify-content: center}
.ftr-partners-row-inner-bc>a+.ftr-copy-rights-bc,.ftr-partners-row-inner-bc>div+.ftr-copy-rights-bc {text-align: start;-webkit-margin-start: 10px;margin-inline-start:10px}
.ftr-partners-row-inner-bc>div>div,.ftr-partners-row-inner-bc>div>div>a {height: 100%}
.ftr-partners-row-inner-bc>div>div>a>img {width: auto!important;display: inline-flex;max-width: 100%;max-height: 100%;object-fit: contain}
.ftr-partners-row-inner-bc:not(.partners-logo-scroll) {justify-content: center}
.partners-logo-scroll>a {flex-shrink: 0;background: rgba(var(--b-sc-rgb),.15);border-radius: 4px}
.ftr-partners-r-img,.xcm-container img {display: flex;max-width: 100%;max-height: 100%;object-fit: contain}
.ftr-payments-row-bc {display: flex;align-items: center}
.ftr-payments-row-img-bc {object-fit: contain;background: rgba(var(--b-sc-rgb),.15);border-radius: 4px}
.ftr-age-bc {flex-shrink: 0;width: 24px;height: 24px;text-align: center;color: rgba(var(--b-sc-rgb),.7);border-style: solid;border-color: rgba(var(--b-sc-rgb),.7);border-radius: 50%;font-size: 10px}
.ftr-age-description-bc {margin: 0 4px;color: rgba(var(--b-sc-rgb),.7);font-size: 8px;line-height: 10px}
.ftr-copy-rights-bc {width: 100%;font-size: 12px;line-height: 14px;text-align: center}
.ftr-tel-mail-bc {display: flex;justify-content: center;margin-top: 2px}
.ftr-tel-mail-bc>a {color: rgba(var(--b-sc-rgb),.7);font-size: 10px}
.ftr-tel-mail-bc>a+a {-webkit-margin-start: 4px;margin-inline-start:4px;-webkit-padding-start: 5px;padding-inline-start:5px}
[dir=ltr] .ftr-tel-mail-bc>a+a {border-left: 1px solid rgba(var(--b-sc-rgb),.5)}
[dir=rtl] .ftr-tel-mail-bc>a+a {border-right: 1px solid rgba(var(--b-sc-rgb),.5)}
.ftr-tel-mail-bc span {color: #c6a143;-webkit-margin-end: 2px;margin-inline-end:2px}
.feedback-popup-title {text-align: center;color: var(--b-sc);font-weight: 500;text-transform: uppercase}
.feedback-text {font-size: 12px;color: rgba(var(--b-sc-rgb),.7)}
.feedback-form .form-control-bc+.form-control-bc {margin-top: 15px}
.feedback-form .textareas .form-control-textarea {height: 100px}
.layout-bc.page-full-size .layout-footer-holder-bc .footer-bc {-webkit-padding-end: 5px;padding-inline-end:5px}
.footer-bc {padding: 20px 0 15px;background: #000c24;}
.ftr-link {display: flex;justify-content: flex-end;margin: 4px 0;padding: 14px 0;border-top: 1px solid #242f48;border-bottom: 1px solid #242f48;text-align: center;padding-left: 340px;padding-right: 300px;}
.ftr-n-item-bc {flex: auto;display: flex}
.ftr-n-l-cells-bc {width: 100%;display: flex;flex-direction: column;align-items: flex-start}
.ftr-n-l-cells-bc+.ftr-n-l-cells-bc {-webkit-margin-start: 40px;margin-inline-start:40px}
.footer-title {justify-content: center;margin-bottom: 10px;color: var(--b-sc);text-transform: uppercase;line-height: 16px;letter-spacing: 1px}
.footer-title,.ftr-n-link-bc {display: flex;align-items: center;font-size: 14px;margin-top: 10px;}
.ftr-n-link-bc {color: #333;transition: color .24s}
.ftr-n-link-bc:hover {color: var(--b-sc)}
.ftr-n-link-bc span{color: #898e98;font-size: 13px;}
.ftr-n-link-bc+.ftr-n-link-bc {margin-top: 10px}
.ftr-n-link-bc i {-webkit-margin-end: 5px;margin-inline-end:5px}
.footer-age-social-block {flex-shrink: 0;display: flex;flex-direction: column;align-items: flex-end;-webkit-margin-start: 40px;margin-inline-start:40px}
.ftr-age-bc {margin-top: 20px;border-width: 2px;line-height: 20px}
.restriction-link {cursor: pointer}
.regulation-partner {display: flex;align-items: center}
.regulation-partner+.horizontal-sl-list {margin-top: 18px}
.ftr-partners-row-inner-bc {justify-content: center;flex-wrap: wrap}
.ftr-partners-row-inner-bc>a,.ftr-partners-row-inner-bc>div {margin: 5px}
.ftr-partners-row-inner-bc>a:only-child img,.ftr-partners-row-inner-bc>div:only-child img {max-height: 60px}
.ftr-partners-row-inner-bc>a:not(:only-child) img,.ftr-partners-row-inner-bc>div:not(:only-child) img {height: 60px}
.ftr-partners-row-inner-bc+.ftr-partners-row-inner-bc {margin-top: 10px}
.ftr-partners-row-inner-bc.partners-logo-scroll>a {width: 122px;height: 80px;padding: 0px}
.ftr-partners-row-inner-bc.partners-logo-scroll>a img {height: 100%!important;max-height: 100%!important;background: #273045;padding: 10px 10px 10px 10px;width: 200px;border-radius: 5px;}
.ftr-payments-row-img-bc {width: 80px;height: 50px;margin: 5px;padding: 10px;cursor: pointer}
.ftr-copy-rights-bc {margin-top: 15px;padding-top: 15px;color: rgba(var(--b-sc-rgb),.5);border-top: 1px solid rgba(var(--b-sc-rgb),.1)}
.compact-footer .layout-footer-holder-bc {will-change: transform;position: fixed;bottom: 0;opacity: 0;transform: translate3d(0,100%,0);transition: transform .24s;animation: footer-hidden .24s .24s forwards;z-index: 99}
.compact-footer .layout-footer-holder-bc .footer-bc {opacity: 1;max-height: 70vh;will-change: scroll-position;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch}
.compact-footer .layout-footer-holder-bc.active {transform: translateZ(0)}
.compact-footer .layout-footer-holder-bc.active .open-footer-icon:before {transform: rotate(180deg)}
.compact-footer .open-footer-icon {display: flex;align-items: center;justify-content: center;position: absolute;bottom: 100%;left: 50%;opacity: 1;background: red;width: 60px;height: 18px;color: rgba(var(--b-sc-rgb),.7);background: var(--b);border-radius: 4px 4px 0 0;border: 1px solid rgba(var(--b-sc-rgb),.05);border-bottom: none;transform: translateX(-50%);cursor: pointer;font-size: 10px;transition: .24s}
.compact-footer .open-footer-icon:hover {color: var(--b-sc)}
.compact-footer .footer-bc {background: var(--b);opacity: 0;transition: opacity .24s}
.compact-footer .crypto_exchange {height: 97.5%}
.casino-slots.compact-footer .layout-footer-holder-bc.active,.jackpot.compact-footer .layout-footer-holder-bc.active,.live-casino-games.compact-footer .layout-footer-holder-bc.active,.skill-games.compact-footer .layout-footer-holder-bc.active,.tv-games.compact-footer .layout-footer-holder-bc.active,.virtual-sports.compact-footer .layout-footer-holder-bc.active {z-index: 9999}
.open-footer-icon {display: none}
@keyframes footer-hidden {0% {opacity: 0}to {opacity: 1}}
.partners-logo-scroll>a {flex-shrink: 0;background: rgba(var(--b-sc-rgb),.15);border-radius: 4px}
.ftr-partners-r-img,.xcm-container img {display: flex;max-width: 100%;max-height: 100%;object-fit: contain}
.footer-link-content {background: #242f48;overflow: hidden;padding: 7px 0;width: 100%;}

/* minigames */
.row {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.no-gutters {margin-right:15px;margin-left:15px;}
.no-gutters>.col,.no-gutters>[class*=col-] {padding-right:0;padding-left:0}
.col,.col-1,.col-5,.col-6,.col-xl-auto  {position:relative;width:100%;padding-right:15px;padding-left:15px}
.col-2 {-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-4 {-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-5 {-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-6 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.align-items-center {-ms-flex-align:center!important;align-items:center!important}
.float-left {float:left!important}
.float-right {float:right!important}
.p-1 {padding:.25rem!important}
.pt-1,.py-1 {padding-top:.25rem!important}
.pr-1,.px-1 {padding-right:.25rem!important}
.pb-1,.py-1 {padding-bottom:.25rem!important}
.pl-1,.px-1 {padding-left:.25rem!important}
.p-2 {background: #222f48;padding:.5rem!important}
.pt-2,.py-2 {padding-top:.5rem!important}
.pr-2,.px-2 {padding-right:.5rem!important}
.pb-2,.py-2 {padding-bottom:.5rem!important}
.pl-2,.px-2 {padding-left:.5rem!important}
.p-3 {padding:1rem!important}
.pt-3,.py-3 {padding-top:1rem!important}
.pr-3,.px-3 {padding-right:1rem!important}
.pb-3,.py-3 {padding-bottom:1rem!important}
.pl-3,.px-3 {padding-left:1rem!important}
.p-4 {padding:1.5rem!important}
.pt-4,.py-4 {padding-top:1.5rem!important}
.pr-4,.px-4 {padding-right:1.5rem!important}
.pb-4,.py-4 {padding-bottom:1.5rem!important}
.pl-4,.px-4 {padding-left:1.5rem!important}
.p-5 {padding:3rem!important}
.pt-5,.py-5 {padding-top:3rem!important}
.pr-5,.px-5 {padding-right:3rem!important}
.pb-5,.py-5 {padding-bottom:3rem!important}
.pl-5,.px-5 {padding-left:3rem!important}
.pick-btn {text-align: center;padding: 6px 0px;color:white;border-radius:3px;cursor:pointer;width:100%;display:inline-block;line-height:1.2em;font-size: 14px;}
.pick-btn-sdr {width: 100%;}
.pick-btn-selected {background: yellow !important;color: red;}
.pick-btn-fw {width: 100%;}
.left-pick-color {background-image: linear-gradient(180deg,#388dd1,#2b6798);}
.right-pick-color {background-image: linear-gradient(180deg,#e62d72,#7f1b34);}
.bet-btn {display: inline-block;width:100%;text-align: center;padding: 0 10px;}
.round-info {border: 1px solid #383b52;background-image: linear-gradient(180deg,#242431,#1b1b25);color:white;line-height:50px;}
.round-info .bet-end-count {color:lightgreen;border-radius:30px;padding:4px 0px;font-size:16px;font-weight:bold;width:140px;display:inline-block;text-align:center;}
.round-info .bet-end {color:red;}
.bet.select {background-image: linear-gradient(180deg,#1b1b24,#242431); color:#fff;}
.bet.select span {color:#fff;}

/* left banner */
#left_banner {display: grid;grid-template: repeat(1,1fr) / repeat(2,1fr);gap:1px;}
#left_banner .lnb_item {width:100%;height: 208px;position: relative;overflow: hidden;cursor:pointer;transition: all 300ms;z-index:1;}
#left_banner .lnb_item:hover {transform: scale(1.1);transition: all 300ms;z-index:2;}
#left_banner .lnb_item.active {z-index:2;}
#left_banner .lnb_item img {display: block;position: absolute;}
#left_banner .lnb_item:hover img.visual {filter:grayscale(0) brightness(1);}
#left_banner .lnb_item img.logo {left: 50%;top: 40%;transform: translate(-50%,-50%);width: 99%;}
#left_banner .lnb_item .label {display: block;white-space: nowrap;position: absolute;left:50%;bottom: 12%;font-size:14px;transform: translate(-50%,50%);color:#efefef;font-weight:600;font-family: 'Gmarket Sans';transition: all 300ms;text-align: center;text-shadow: 0px 0px 5px rgb(26, 26, 26),0px 0px 10px rgb(26, 26, 26),0px 0px 15px rgb(26, 26, 26),0px 0px 20px rgb(26, 26, 26);white-space: nowrap;}
#left_banner .lnb_item:hover .label,
#left_banner .lnb_item.active .label {color:#ffffff;text-shadow: 0px 0px 5px rgb(192, 13, 228),0px 0px 10px rgb(192, 13, 228),0px 0px 15px rgb(192, 13, 228),0px 0px 20px rgb(192, 13, 228);transition: all 300ms;text-align: center;}

/* memo btn */
.btn_memo_list {color: #ffffff;background: #109121;display: block;font-size: 14px;border-radius: 5px;height: 36px;line-height: 36px;width: 110px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-weight: 500;text-align: center;background-image: linear-gradient(180deg,#242431,#1b1b25);border: 1px solid #383b52;}
.btn_memo_list.deleteMarked {color: #ffffff;display: block;font-size: 14px;border-radius: 5px;height: 36px;line-height: 36px;width: 110px;-moz-box-sizing: border-box;box-sizing: border-box;font-weight: 500;text-align: center;border: 1px solid #383b52;background-image: linear-gradient(180deg,#242431,#1b1b25);}

/* notice title */
.caution_w {border: 1px solid rgb(121 121 121 / 30%);background: #242f48;overflow:hidden;padding:15px;border-radius:3px;position:relative;margin-bottom:10px;}
.caution_w dt { float:left; width:100px;}
.caution_w dt i { font-size:65px; color:#fff;}
.caution_w dd { float:left; width:calc(100% - 100px);}
.caution_w dd .tit { font-size:15px; font-weight:bold; background:none; padding:3px 0 7px 0; text-decoration:underline;}
.caution_w dd ul > li {padding: 3px 0 3px 3px;font-size:13px;}
.caution_w dd ul > li b {color: #959595;}
.caution_w .link { position:absolute;right: 30px;top: 35px;}
.caution_w .link .btn {height: 30px; width: 100px; line-height: 30px; font-size: 12px;}


/* heder */
.wd_inner{display: table;vertical-align:top;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0 8px 2px 8px; width: 1920px;margin:0 auto;}
.wd_inner1{display: table;vertical-align:top;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-bottom:1px solid #d70f82;width:100%;}
.wd_inner:after{clear: both;display: block;content: '';}
#header {background-color: #000c24;}
#header h1,#header #nav,#header .login_wrap{}
#header h1{width: 290px;position: absolute;text-align: center;transition: all ease-in-out .3s 0s !important;}
#header h1 a{display: inline-block;margin-top: 8px;}
#header h1 a img{width: 184px;height: 60px;margin-top: -3px;}
#header #nav{text-align: center;height: 66px;width:1890px;}
#header #nav ul{padding-left: 288px;}
#header #nav li{float: left;}
#header #nav li a{line-height: 66px;position: relative;color: #fff;font-size: 15px;letter-spacing: -0.05em;font-weight: 500;padding:0 11px;}
#header #nav li a img{margin-right: 3px;position: relative;top: -1px;vertical-align: middle;left:100px;}
#header #nav li a:hover {line-height: 66px;position: relative;color: #fff;font-size: 15px;letter-spacing: -0.05em;font-weight: 500;padding:0 11px;color: #cb257d;}
#header #nav li a:hover::before { transform: translate(-50%, 0) scaleX(1);}
#header #nav li.on a::before{transform: translate(-50%, 0) scaleX(1);}
#header .topmenu {position:relative;margin-left: 0px;margin-top:5px;margin-bottom: 20px;}
#header .topmenu ul {margin:0px;height:20px;width:100%;}
#header .topmenu ul {margin:0px;height:20px;width:100%;}
#header .topmenu ul li {float:left;width: 14%;padding: 0px 10px;height:100%;}
#header .topmenu ul li .box {float:left;width: 14%;padding: 0px 10px;height:100%;}
#header .topmenu ul li .box img {float:left;width: 14%;}
#header .topmenu ul li .box h3 {position:relative;padding: 7px 0px 0px 8px;font-weight:bold;color: #f1cc45;font-size:12px;z-index:10;}
#header .topmenu ul li .box h3 strong {display:block;color:#ffffff;font-size:20px;line-height:30px;}
#header .topmenu ul li .box .bottom01 {position:absolute;bottom:0;left;0;width:100%;line-height: 60px;text-align:center;background:#0c1319;/* border-top: 1px solid #434347; */opacity:0.5;z-index:10;color:#fff;font-size:14px;}
#header #nav1 ul {height:62px;display: flex;justify-content: space-between;gap: 5px;}
#header #nav1 ul li {flex-grow: 1;flex-basis: 0;padding: 10px;text-align: center;}
#header #nav1 ul li .box01 {position:relative;width: 189px;height: 62px;/* box-shadow: #204e14b5 0px 0px 1px 2px; */border-radius:2px;cursor:pointer;}
#header #nav1 ul li .box01:before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;transition:200ms all;}
#header #nav1 ul li .box01:hover:before {}
#header #nav1 ul li .box01 h3 {position:relative;padding: 3px 6px 3px 6px;font-weight:bold;color: #ffffff;font-size:12px;z-index:10;background: #d70f82;margin-right: -14px;margin-top: -12px;float: right;animation: blinker 4s linear infinite;}@keyframes blinker {50% { background: #242f48; }}}
#header #nav1 ul li .box01 h3 strong {display:block;color:#ffffff;font-size:20px;line-height:30px;}
#header #nav1 ul li .box01 .bottom01 {position:absolute;left: -49px;width:100%;line-height: 60px;z-index:10;color:#fff;font-size:16px;}
#header #nav1 ul li .box01 .bottom01:hover {position:absolute;left: -49px;width:100%;line-height: 60px;z-index:10;color:#cf2680;font-size:16px;transition-duration: 0.3s; }
/**/
#header .login_wrap{position: absolute;right: -493px;top: 14px;}
#header .login_wrap .login li{float: left;padding-top:0px;}
#header .login_wrap .login ul:after{clear: both;display: block;content: '';}
#header .login_wrap .login a{display: block;font-size: 14px;border-radius:5px;height: 36px;line-height: 2.5em;width: 110px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-weight: 500;text-align: center;}
#header .login_wrap .login .btn_login{background: #a71f67;color: #ffffff;margin-right: 5px;}
#header .login_wrap .login .btn_login i{display: inline-block;margin-right: 5px;margin-top: 10px;width: 13px;height: 15px;background-size:13px 15px;}
#header .login_wrap .login .btn_join{background: #109121;color: #ffffff;}
#header .login_wrap .login_info>div.l_top{font-size: 14px;color: #bfbfbf;font-weight: 500;transition: all ease-in-out .3s 0s !important;}
#header .login_wrap .login_info>div.l_top strong{color: #fff;}
#header .login_wrap .login_info>div.l_top em{color: #00fff2;margin-right: 3px;}
#header .login_wrap .login_info>div.l_top i.lv{vertical-align: middle;}
#header .login_wrap .login_info>div.l_top a{display: inline-block;font-size: 13px;padding:0 7px;width:auto;height: 26px;line-height: 1.8em;letter-spacing: -0.054em;}
#header .login_wrap .login_info>div.l_top a.btn_mypage i{vertical-align: middle;margin-right: 2px;}
#header .login_wrap .login_info>div.l_top a.btn_all{background: #ff4c4c;border:1px solid #ff4c4c;color:#fff;margin-right: 2px;}
#header .login_wrap .login_info>div.l_top a.btn_memo{height: 22px;line-height: auto;border-radius:0;width: 31px;;margin:0px 0px 0 0px;position: relative;}
#header .login_wrap .login_info>div.l_top a.btn_memo em{line-height: 12px;height: 12px;padding:0 3px;position: absolute;right: 0;top: 0;font-size: 11px;display: inline-block;border-radius:2px;background: #f43735;color: #fff;}
#header .login_wrap .login_info>div.l_btm{text-align: right;font-size: 13px;color: #fff;padding-top:7px;font-weight: 500;letter-spacing: -0.0777em;vertical-align: top;transition: all ease-in-out .3s 0s !important;}
#header .login_wrap .login_info>div.l_btm ul{display: inline-block;text-align: right;}
#header .login_wrap .login_info>div.l_btm img{vertical-align: middle;margin-bottom: 2px;}
#header .login_wrap .login_info>div.l_btm li {border-left:1px solid #5c5c5c;padding:0 6px;}
#header .login_wrap .login_info>div.l_btm li strong{font-weight: 600;}
#header .login_wrap .login_info>div.l_btm li i{padding:0 0 0 1px;}
#header .login_wrap .login_info>div.l_btm li:nth-child(1) strong{color: #ff50f9;}
#header .login_wrap .login_info>div.l_btm li:nth-child(1){border-left:none;padding-left:0;}
#header .login_wrap .login_info>div.l_btm li:nth-child(1) a{padding: 4px 0 0 0;line-height: 0;width:auto;font-size: 13px;}
#header .login_wrap .login_info>div.l_btm li:nth-child(2) strong{color: #ffe400;}
#header .login_wrap .login_info>div.l_btm li:nth-child(3) strong{color: #58e055;}
#header .login_wrap .login_info>div.l_btm li:nth-child(4) {padding-right:0;}
#header .login_wrap .login_info>div.l_btm li:nth-child(4) strong{color: #ff7200;}
#header .top_notice{border-top:1px solid #555;height: 50px;position: relative;  overflow: hidden;transition: all ease-in-out .3s 0s !important;}
#header .top_notice:after{clear: both;display: block;content: '';}
#header .top_notice dl{line-height: 48px;letter-spacing: -0.05em;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#header .top_notice:after{clear: both;display: block;content: '';}
#header .top_notice dt{background: #333;position: absolute;z-index:99;padding-right:10px;}
#header .top_notice dt strong{display: inline-block;font-weight: 500;font-size: 15px !important;color: #fff;vertical-align: top;}
#header .top_notice dd{display: block;  overflow: hidden;font-size: 15px !important;}
#header .top_notice dd span{margin-left:10px;}
#header .top_notice dd a{color: #aaa !important;}

#header .top_spot_info {float:right;width: 680px;text-align:right;margin-top:23px;}
#header .top_spot_info li { display:inline-block;position:relative; top:-3px;}
#header .top_spot_info li a{color: #cc0001;font-weight: 800;}
#header .top_spot_info li:after {content:'';display:inline-block;width:1px;height:13px;background: rgb(0 0 0 / 20%);margin:0 7px 0 11px;position:relative;top:2px;}
#header .top_spot_info .in input { width:110px; height:30px; background:rgba(130, 130, 130, 0.3); border:1px solid rgba(241, 203, 69, 0.4); border-radius:3px; padding:0 10px; line-height:30px;}
#header .top_spot_info .in input:focus { box-shadow: 0px 0px 2px #ffcc00; background:#000;}
#header .top_spot_info .in input::placeholder,
#header .top_spot_info .in input::-webkit-input-placeholder,
#header .top_spot_info .in input::-webkit-moz-placeholder { color:rgba(255, 255, 255, 0.5); font-size:11px; }
#header .top_spot_info li .my_level img { margin-right:3px;position:relative;top: -1px;vertical-align:middle;}
#header .top_spot_info li:last-child:after { display:none;}
#header .top_spot_info li span {color: #f1cc45;font-weight:bold;}
#header .top_spot_info .name a {color: #fff;}
#header .top_spot_info .name span {color: #fff;}
#header .top_spot_info .join a { color:#ffcc00;}
#header .top_spot_info .join i {color:#ffcc00;}
#header .top_spot_info .login_btn {background-color: transparent;border:none;}
#header .top_spot_info { float:right; text-align:right; margin-top:13px;font-size:14px;}
.top_menu_state li { display:inline-block; margin-left:15px;}
.top_menu_state li a { font-size:14px;}
.top_menu_state li span { font-family:verdana; font-weight:bold; font-size:12px; position:relative; top:-1px;}
.top_menu_state i { font-size:17px; display:inline-block; margin-right:5px; position:relative; top:2px;}
.top_time {  position:absolute; top:83px; right:-205px; text-align:left;}
.top_time  i { position:relative; top:2px;color:rgba(255, 255, 255, 0.7);}
.top_time span {font-size:12px; color:rgba(255, 255, 255, 0.7); font-family:verdana; padding-left:5px;}

/* header userbox */
.user_info {float: right;}
.user_info a{line-height: 66px;position: relative;color: #d1d3d7;font-size: 13px;letter-spacing: -0.05em;font-weight: 500;padding: 0 8px;margin-left: -26px;border-radius: 14px;background: #242f48;padding: 7px 30px 7px 6px;}
.user_info a .logout {color: lightblue;}
.user_info img{line-height: 66px;position: relative;color: #fff;font-size: 15px;letter-spacing: -0.05em;font-weight: 500;padding: 0 5px;vertical-align: middle;}
.loginbox-btn{float: right;padding-right:150px}
.btn_login{border: 1px solid #383b52;background-image: linear-gradient(180deg,#242431,#1b1b25);color: #3af4cc;font-size: 14px;border-radius: 5px;padding:10px 30px 10px 30px;line-height: 66px;position: relative;}
.btn_login:hover;{background-image: linear-gradient(180deg,#1b1b24,#242431);border: 1px solid #383b52;color: #fff;}
.btn_join{border: 1px solid #383b52;background-image: linear-gradient(180deg,#242431,#1b1b25);color: #f257a9;font-size: 14px;border-radius: 5px;padding:10px 25px 10px 25px;line-height: 66px;position: relative;}
.btn_join:hover;{background-image: linear-gradient(180deg,#1b1b24,#242431);border: 1px solid #383b52;color: #fff;}
.log_out{background: #109121;font-size: 14px;border-radius: 5px;padding:10px 25px 10px 25px;line-height: 66px;position: relative;}

/* maqee */
.top_notice{background:#242f48;height: 28px;position: relative;  overflow: hidden;transition: all ease-in-out .3s 0s !important;}
.top_notice:after{clear: both;display: block;content: '';}
.top_notice dl{line-height: 43px;letter-spacing: -0.05em;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.top_notice:after{clear: both;display: block;content: '';}
.top_notice dt{background: #333;position: absolute;z-index:99;padding-right:10px;}
.top_notice dt strong{display: inline-block;font-weight: 500;font-size: 12px !important;color: #fff;vertical-align: top;}
.top_notice dd{display: block;  overflow: hidden;font-size: 15px !important;}
.top_notice dd span{margin-left:10px;}
.top_notice dd a{color: #ffffff !important;}

/* main rolling */
#main_rolling {overflow:hidden;border:1px solid #242f48;width:1620px;height:200px;margin: 0 auto;margin-left: 144px;margin-top: 115px;width: 84.7%;}
.rolling {width:20280px;height:100%;display:flex;flex-wrap:nowrap;animation: bannermove 20s linear infinite;}
.rolling > div {height:200px;line-height:200px;background-color:#000c24;vertical-align:top;text-align:center;}
.rolling > div img {width:100%;height:100%;padding-left:10px;}
.rolling > .clone {opacity:.4;}
@keyframes bannermove {0% {transform: translate(0, 0);}100% {transform: translate(-13%, 0);}}
.flow-text {display: flex;flex: 0 0 auto;white-space: nowrap;overflow: hidden;transition: 0.3s;font-size: 14px;font-weight:bold;color: #ffffff;padding: 5px 5px 5px 5px;scrollamount:8;}
.flow-text:hover {color: #ffffff;}
.flow-text:hover .flow-wrap {animation-play-state: paused;cursor: pointer;}.flow-wrap {animation: textLoop 2s linear infinite;loop: 10;}
@keyframes textLoop {0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}100% {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}}
.flow-container   {background: #242f48;display: flex;flex: 0 0 auto;white-space: nowrap;overflow: hidden;}

/* main banner */
.slot-wrap {height: auto;overflow: hidden;padding-top: 20px;padding-bottom: 20px;position: relative;padding-left: 30px;}
.slot-wrap h1 {height: 20px;line-height: 20px;font-weight: 400;font-size: 18px;color: #fff;padding: 0 98px;}
.slot-list {margin-top: 20px;width: 99%;overflow: hidden;padding: 0 114px;margin-bottom: -19px;}
.slot-mimg01 {height: 243px;width: 40.2%;background-size: 100%;cursor: pointer;border: 1px solid #242f48;float: left;background: url(/Npc/static/web/pg-2017/images/casino_slot/sports_banner.png);image-rendering: pixelated;transition-duration: 0.3s;}
.slot-mimg01:hover{border: 1px solid #a71f67;box-shadow: 0 1.5em 1.5em -0.4em yellow;transition-duration: 0.5s;}
.slot-mimg02 {height: 243px;width: 43.7%;background-size: 90%;cursor: pointer;border: 1px solid #242f48;float: left;background: url(/Npc/static/web/pg-2017/images/casino_slot/casino_banner.png) -50px -22px;image-rendering: pixelated;transition-duration: 0.3s;}
.slot-mimg02:hover{border: 1px solid #a71f67;box-shadow: 0 1.5em 1.5em -0.4em yellow;transition-duration: 0.5s;}
.slot-mimg03 {height: 243px;width: 39%;background-size: 90%;border: 1px solid #242f48;cursor: pointer;float: left;background: url(/Npc/static/web/pg-2017/images/casino_slot/casino_banner.png)no-repeat;background-position:center top;image-rendering: pixelated;background-size:cover;transition-duration: 0.3s;}
.slot-mimg03:hover{border: 1px solid #109121;box-shadow: 0 1.5em 1.5em -0.4em yellow;transition-duration: 0.5s;}
.slot-accarea {height: 243px;width: 28%;height: 243px;float: left;padding-left: 68px;}
.slot-accarea .t01 {height: 88px;font-weight: 300;font-size: 50px;color: #d70f82;margin: 0;margin-top: 19px;display: block;width: 100%;}
.slot-accarea .t02 {color: #ffffff;font-size: 13px;height: 23px;margin: 0;padding: 0;font-weight: 300;display: block;width: 100%;}
.slot-accarea .t03 {font-family: dotum;font-size: 12px;border-bottom: 1px solid #ffffff2b;color: #ffffff;font-weight: normal;height: 23px;margin: 0;padding: 0;padding-bottom: 10px;display: block;width: 100%;}
.slot-accarea button:hover {border: none;background: #383b52;border: 1px solid #242431;border-radius: 6px;font-family: dotum;font-size: 12px;width: 100%;height: 54px;margin-top: 14px;color: #fff;cursor: pointer;margin-right: 5px;transition-duration: 0.2s;font-weight: bold;}
.slot-accarea button {border: none;background: #242431;border: 1px solid #383b52;border-radius: 6px;font-family: dotum;font-size: 12px;width: 100%;height: 54px;margin-top: 14px;color: #fff;cursor: pointer;margin-right: 5px;transition-duration: 0.2s;font-weight: bold;}
.thumbnail-slot {float: left;width: 320px;margin-left: 70px;}
.thumbnail-slot span {font-size: 16px;margin-top: 20px;display: block;margin: 0;line-height: 70px;text-align: left;color: #fff;margin-left: 30px;font-weight: bold;transition-duration: 0.3s;}
.thum-01 {width: 73%;height: 70px;background: url(/Npc/static/web/pg-2017/images/casino_slot/casino_banner.png)no-repeat;background-position:center top;image-rendering: pixelated;background-size:cover;background-size: 100%;margin-top: 0px;border: 1px solid #242f48;cursor: pointer;}
.thum-01 div {width: 100%;height: 70px;display: block;border-radius: 10px;transition-duration: 0.3s;}
.thum-01:hover div {background-color: rgba(0, 0, 0, 0.7);transition-duration: 0.3s;}
.thum-01:hover div span {padding-left: 10px;transition-duration: 0.3s;color: #a71f67;}
.thum-01:hover {border: 1px solid #109121;transition-duration: 0.3s;box-shadow: 0 0.5em 0.5em -0.4em yellow;}
.thum-02:hover {border: 1px solid #109121;transition-duration: 0.3s;box-shadow: 0 0.5em 0.5em -0.4em yellow;  }
.thum-02 div {width: 100%;height: 70px;display: block;border-radius: 10px;transition-duration: 0.3s;}
.thum-02:hover div {background-color: rgba(0, 0, 0, 0.7);transition-duration: 0.5s;}
.thum-02:hover div span {padding-left: 10px;transition-duration: 0.5s;color: #a71f67;}
.thum-03:hover {border: 1px solid #109121;transition-duration: 0.5s;box-shadow: 0 0.5em 0.5em -0.4em yellow;}
.thum-03 div {width: 100%;height: 70px;display: block;border-radius: 10px;transition-duration: 0.3s;}
.thum-03:hover div {background-color: rgba(0, 0, 0, 0.7);transition-duration: 0.5s;}
.thum-03:hover div span {padding-left: 10px;transition-duration: 0.5s;color: #a71f67;}
.thum-02 {width: 73%;height: 70px;background: url(/Npc/static/web/pg-2017/images/casino_slot/slot_banner.png)no-repeat;background-position:center top;image-rendering: pixelated;background-size:cover;margin-top: 0px;border: 1px solid #242f48;margin-top: 10px;cursor: pointer;}
.thum-03 {width: 73%;height: 70px;background: url(/Npc/static/web/pg-2017/images/casino_slot/sports_banner.png)no-repeat;background-position:center top;image-rendering: pixelated;background-size:cover;background-size: 100%;margin-top: 0px;border: 1px solid #242f48;margin-top: 10px;cursor: pointer;}

/* left rolling banner */
.section input[id*="slide"] {display:none;}
.section .slidewrap {max-width: 256px;max-height: 800px;margin:0 auto;}
.section .slidelist {white-space:nowrap;font-size:0;overflow:hidden;position:relative;}
.section .slidelist > li {display:inline-block;vertical-align:middle;width:99%;transition:all .5s;border: 1px solid #242f48;}
.section .slidelist > li > a {display:block;position:relative;}
.section .slidelist > li > a img {width:100%;height: 700px;}
.section .slidelist label {position:absolute;z-index:10;top:50%;transform:translateY(-50%);padding: 37px;cursor:pointer;}
.section .slidelist .textbox {position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);line-height:1.6;text-align:center;}
.section .slidelist .textbox h3 {font-size: 21px;color:#fff;transform:translateY(30px);transition:all .5s;}
.section .slidelist .textbox p {font-size: 16px;color:#fff;opacity:0;transform:translateY(30px);transition:all .5s;}
.section input[id="slide01"]:checked ~ .slidewrap .slidelist > li {transform:translateX(0%);}
.section input[id="slide02"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-100%);}
.section input[id="slide03"]:checked ~ .slidewrap .slidelist > li {transform:translateX(-200%);}
.section input[id="slide01"]:checked ~ .slidewrap li:nth-child(1) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
.section input[id="slide01"]:checked ~ .slidewrap li:nth-child(1) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;}
.section input[id="slide02"]:checked ~ .slidewrap li:nth-child(2) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
.section input[id="slide02"]:checked ~ .slidewrap li:nth-child(2) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;}
.section input[id="slide03"]:checked ~ .slidewrap li:nth-child(3) .textbox h3 {opacity:1;transform:translateY(0);transition-delay:.2s;}
.section input[id="slide03"]:checked ~ .slidewrap li:nth-child(3) .textbox p {opacity:1;transform:translateY(0);transition-delay:.4s;}
.slide-control > div {display:none;}
.section .left {left: -19px;background:url('/Npc/static/web/pg-2017/images/casino_slot/left.png') center center / 100% no-repeat;}
.section .right {right: -20px;background:url('/Npc/static/web/pg-2017/images/casino_slot/right.png') center center / 100% no-repeat;}
.section input[id="slide01"]:checked ~ .slidewrap .slide-control > div:nth-child(1) {display:block;}
.section input[id="slide02"]:checked ~ .slidewrap .slide-control > div:nth-child(2) {display:block;}
.section input[id="slide03"]:checked ~ .slidewrap .slide-control > div:nth-child(3) {display:block;}
.slide-pagelist {text-align:center;padding: 10px;}
.slide-pagelist > li {display:inline-block;vertical-align:middle;}
.slide-pagelist > li > label {display:block;padding: 8px 10px;border-radius:30px;background:#242f48;margin: -1px 7px;cursor:pointer;}
.section input[id="slide01"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(1) > label {background:#46485b;}
.section input[id="slide02"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(2) > label {background:#46485b;}
.section input[id="slide03"]:checked ~ .slidewrap .slide-pagelist > li:nth-child(3) > label {background:#46485b;}

/* dividend arrow */
.triangle-up::before,
.triangle-up::after {content: '';position: absolute;top: 2px;right: 2px;border-color: transparent;border-style: solid;}
.triangle-up::after {border-width: 5px;border-right-color: #ff3449;border-top-color: #ff3449;}
.triangle-down::before,
.triangle-down::after {content: '';position: absolute;bottom: 2px;right: 2px;border-color: transparent;border-style: solid;}
.triangle-down::after {border-width: 5px;border-right-color: #00bcd4;border-bottom-color: #00bcd4;}

.board_box {margin-left: 11px;}
.board_box p {text-align:center;font-size: 14px;padding: 9px 0px;}
.board_box h2 {margin-bottom:10px;position:relative;height: 48px;padding-left:15px;line-height: 48px;font-size: 19px;color: #ffffff;}
.board_box .message_box {border: 1px solid #dedede;background: #ffffff;margin-bottom:10px;padding:20px;}
.board_box .message_box h3 {font-size:16px;margin-bottom:10px;}
.board_box .message_box p {line-height:20px;font-size:13px;padding:2px 2px;}
.board_box .message_box span {color:#cc0001;}
.charge_exchange {position:relative;border:1px solid #222227;border-radius:5px;background:#222227;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;padding:1px;margin-bottom:10px;padding:7px;}
.charge_exchange .btn_money {margin:20px 0px 10px 0px;text-align:center;}
.charge_exchange .btn_money button {border:1px solid #434347;border-radius:5px;background:#2d2e35;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;line-height:40px;padding:20px 0px 10px 0px;width:11%;margin:0px 3px 10px 3px;min-width:140px;}
.charge_exchange .btn_money button:hover {background:#3f404b;}
.charge_exchange .head {color:#ffa604;display:inline-block;position:absolute;top:10px;left:20px;line-height:48px;}
.charge_exchange .input_area {border:1px solid #434347;border-radius:5px;background:#2d2e35;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;line-height:48px;min-height:68px;padding:10px 0px;position:relative;margin-bottom:10px;}
.charge_exchange .input_box {margin-left:100px;*zoom:1;}
.charge_exchange .input_box:after {content:" ";display:block;clear:both;height:0;visibility:hidden;}
.charge_exchange .input_box .text01 {display:inline-block;float:left;margin-right:10px;padding:15px 0px;line-height:18px;}
.charge_exchange .input_box input {border:1px solid #434347;background:#222227;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;border-radius:5px;height:40px;width:200px;margin:4px 10px 2px 0px;float:left;text-align:center;color:#ffa604;}
.charge_exchange .input_box input:-ms-input-placeholder {color:#ffffff !important;}
.charge_exchange .input_box input::-webkit-input-placeholder {color:#ffffff !important;}
.charge_exchange .input_box input::-moz-placeholder {color:#ffffff !important;}
.charge_exchange .money01 {text-align:right !important;padding-right:10px;font-size:30px;color:#ff0000 !important;}
.charge_exchange .input_area .btn_area {float:left;margin-right:10px;}
.charge_exchange .input_area .btn_area button {border:1px solid #434347;border-radius:5px;background:#2d2e35;box-shadow: rgba(0, 0, 0, 0.35) -3px 6px 6px -3px;height:40px;padding:0px 10px;margin-top:4px;}
.charge_exchange .input_area .btn_area button:hover {background:#ff0000;}
.charge_exchange .btn_change button {width:100%;height:70px;border:1px solid #85ffa5;background:#203123;font-size:24px;border-radius:5px;}
.charge_exchange .btn_change button:hover {background:#76cb5c;}

.board_box .money_box_01 {position:relative;border: 1px solid #dedede;/background: #ffffff;padding:1px;margin-bottom:10px;}
.board_box .money_box_01 table {margin:10px 0px;}
.board_box .money_box_01 th {text-align:center;padding:8px 20px 6px 10px;color: #000000;border-bottom: 1px solid #dedede;line-height:18px;}
.board_box .money_box_01 td {padding:8px 0px 6px 0px;vertical-align:top;border-bottom: 1px solid #dedede;line-height:18px;}
.board_box .money_box_01 input {width:280px;vertical-align:top;height:30px;background: #ffffff;border:1px solid #d3d3d3;background: #fff;color:#000;text-align:right;padding:0 2px;border-radius:3px;margin-right:5px;font-size:12px;}
.board_box .money_box_01 input:-ms-input-placeholder {color:#9c9b9b !important;}
.board_box .money_box_01 input::-webkit-input-placeholder {color:#9c9b9b !important;}
.board_box .money_box_01 input::-moz-placeholder {color:#9c9b9b !important;}
.board_box .money_box_01 td button {height:30px;width:120px;background:#000000;color:#fff;border-radius:5px;}
.board_box .money_box_01 td button1 {height:30px;width:120px;background:#000000;color:#fff;border-radius:5px;}
.board_box .money_box_01 .btn_area {margin:10px 0px 0px 0px;}
.board_box .money_box_01 .btn_area button {margin:0px 5px 10px 0px;min-width:80px;}
.board_box .money_box_01 .btn_center {margin:30px 0px;text-align:center;}
.board_box .money_box_01 .btn_center button {height:60px;width:300px;background:#2e2e2e;color:#fff;font-size:20px;border-radius:5px;}
.board_box .money_box_01 .fc01 {color:#ffa604;}


.board_list {position:relative;padding:1px;margin-bottom:10px;}
.board_list table {border-radius:5px;}
.board_list th {font-weight:bold;font-size:13px;color: #ffffff;padding:10px 0px 10px 0px;line-height:18px;vertical-align:top;background: #1a253a;barder-top: 1px solid #333;}
.board_list td {text-align:center;padding: 8px 5px 6px 2px;color: #ffffff;line-height:18px;font-size:13px;border-bottom: 1px solid #000c24;vertical-align: middle;}
.board_list td a {color: #000000;transition:200ms all;}
.board_list td a:hover {color: #9c9c9c;}
.board_list td img {vertical-align:middle;}
.board_list .ta_left {text-align:left;font-weight:bold;}
.board_list .search_area {position:relative;margin-top:25px;padding-left:15px;}
.board_list .search_area select {height:30px;vertical-align:top;background:#2d2e35;box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 3px, rgba(255, 255, 255, 0.22) 1px 1px 1px -2px inset;border-radius:5px;border:1px solid transparent;}
.board_list .search_area input {width:120px;vertical-align:top;height:30px;background:#2d2e35;box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 3px, rgba(255, 255, 255, 0.22) 1px 1px 1px -2px inset;border-radius:5px;text-indent:10px;}
.board_list .search_area .btn01 {position:absolute;top:0;right:10px;}
.board_list .search_area button {height:30px;padding:0px 15px; color: #fff;font-weight:bold;background: #cc0001;border-radius:5px;font-size:13px;width:100px;margin-bottom:10px;margin-left:600px;}
.board_list .state {color: #cc0001;}
.board_list .btn_center {margin:30px 0px;text-align:center;}
.board_list .btn_center button {height:60px;min-width:300px;padding:0px 15px;}
.board_list .btn_right {margin:30px 0px;text-align:right;padding-right:15px;}
.board_list .btn_right button {height:30px;padding:0px 15px; color: #fff;font-weight:bold;background: #000000;border-radius:5px;font-size:13px;}
.board_list1 .btn_right button select{height:30px;padding:0px 15px; color: #fff;font-weight:bold;background: #000000;border-radius:5px;font-size:13px;}

.board_view {position:relative;border: 1px solid #242f48;border-radius:5px;background:#222227;margin-bottom:10px;}
.board_view .view_text {padding:20px;border-bottom:1px solid #2d2d34;line-height:22px;}
.board_view .reply_text {padding:20px;border-bottom:1px solid #2d2d34;line-height:22px;color:#ffa604;}
.board_view .reply_list {border-top:1px solid #222227;}
.board_view .reply_list li {border-bottom:1px solid #2d2d34;padding:8px 20px 6px 20px;line-height:22px;color:#9c9b9b;}
.board_view .reply_list li strong {color:#9c9b9b;}
.board_view .reply_input {margin-top:20px;text-align:center;color:#9c9b9b;font-weight:bold;}
.board_view .reply_input textarea {width:55%;height:45px;padding:5px 5px 5px 5px;vertical-align:middle;background:#2d2e35;margin:0px 5px 0px 5px;color:#ffffff;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 4px, rgba(255, 255, 255, 0.22) 1px 1px 1px -2px inset;border-radius:5px;border:1px solid transparent;}
.board_view .button_type01 {height:30px;width:80px;}
.board_view .btn_center {margin:30px 0px;text-align:center;}

.board_write {position:relative;border: 1px solid rgb(160 159 159 / 40%);background: #ececec;border-radius:5px;padding:1px;margin-bottom:10px;}
.board_write table {margin-top:10px;}
.board_write th {text-align:center;padding:8px 20px 6px 10px;color:#ffffff;font-weight:bold;}
.board_write td {padding:8px 0px 2px 0px;vertical-align:top;}
.board_write input {width: 1286px;vertical-align:top;height:30px;background:#2d2e35;box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 3px, rgba(255, 255, 255, 0.22) 1px 1px 1px -2px inset;border-radius:5px;text-indent:10px;margin:0px 5% 0px 5%;font-size:12px;margin-left: 1px;}
.board_write input:-ms-input-placeholder {color:#9c9b9b !important;}
.board_write input::-webkit-input-placeholder {color:#9c9b9b !important;}
.board_write input::-moz-placeholder {color:#9c9b9b !important;}
.board_write textarea {margin-left: 44px;width: 1286px;height:145px;padding:5px 5px 5px 5px;vertical-align:middle;background:#2d2e35;margin:0px;color:#ffffff;box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 3px, rgba(255, 255, 255, 0.22) 1px 1px 1px -2px inset;border-radius:5px;border:1px solid transparent;}
.board_write .button_type01 {height:30px;padding:0px 15px; color: #fff;font-weight:bold;background: #000000;border-radius:5px;font-size:13px;width:80px;}
.board_write .btn_center {margin:30px 0px;text-align:center;}

.message_count {color: #fff;border-radius:5px;padding: 0px 20px;font-weight:bold;line-height: 30px;margin-bottom:10px;height:30px;font-size:14px;}
.message_count span {color: #f1cc45;}

#register-content{background: #242f48;border-radius: 3px;width: 774px;float:left;margin-bottom: 20px;}.register-title{padding: 20px 0px 0px 19px}.register-title h2{font-family: 'Gotham', 'Open Sans', sans-serif;color: #ffffff;display: inline-block;}#register-form{border:none;padding: 20px 18px;margin-bottom: 0;}#register-form .register-left,#register-form .register-right {width: 100% !important;}#register-form .info-section{font-weight:bold;width: 95.5%;display: inline-block;margin: 10px 0 !important;background-color: #5c6473;padding: 10px;font-size: 14px;border-radius: 3px;padding: 10px 18px;position: relative;}#register-form .info-section:before {content: ' ';position: relative;bottom: 30px;width: 0;height: 0;border-style: solid;border-width: 0 5px 5px 5px;border-color: transparent transparent #5c6473 transparent;}#register-form .form-box{border: 1px dotted #9f9f9f;margin-bottom: 10px;border-radius: 3px;padding: 3px;}#register-form .form-box > label,#register-form .form-box .label {background-color: #ddd;width: 153px;padding: 3.5px 17px;margin-right: 14px;border-radius: 3px;color: #272527;font-size: 13px;text-transform: capitalize;}
#register-content input[type=text],#register-content input[type=password],#register-content input[type=email]{height: 42px;padding: 0;position: relative;left: 0;font-size: 14px;color: #272527;border: none;padding-left: 7px;}.register-btn{background: #108e20;width:auto;font-size: 18px;font-weight: 500;text-align: center;padding: 0 15px;height: 50px;line-height: 47px;position: relative;top: 10px;}#register-form .register-right{float: right;width: 98.3%;display: inline-block;text-transform: uppercase;font-family: 'Gotham', 'Open Sans', sans-serif;}#register-form .form-box > label:before,#register-form .form-box .label:before{content: ' ';padding-right:7px;background-image: url("../static/ibox/i/1735.png");background-repeat: no-repeat;display: block;}#register-form .form-box > label[for="password"]:before,#register-form .form-box > label[for="password2"]:before{width: 17px;height: 17px;background-position: -168px -5px;}#register-form .form-box > label[for="first_name"]:before,#register-form .form-box > label[for="last_name"]:before{width: 16px;height: 18px;background-position: -227px -5px;}#register-form .form-box > label[for="telephone"]:before{width: 22px;height: 22px;background-position: -195px -5px;}#register-form .form-box > label[for="country"]:before{width: 20px;height: 20px;background-position: -138px -5px;}.register-btn:after{content: ' ';background-image: url("../static/ibox/i/1735.png");background-repeat: no-repeat;display: block;width: 16px;height: 11px;background-position: -5px -5px;float: right;margin-left: 10px;top: 19px;position: relative;}
#register-form .form-box > label,
#register-form .form-box .label {float: left;width: 197px;height: 35px;display: flex;align-items: center;font-size: 12px;}
 #register-content input[type=text],#register-content input[type=password],#register-content input[type=email]{height: 42px;padding: 0;position: relative;left: 0;font-size: 14px;color: #272527;border: none;padding-left: 7px;width: 219px;border-radius: 3px;font-size: 12px;}.register-btn{
width:auto;font-size: 18px;font-weight: 500;text-align: center;padding: 0 15px;height: 50px;line-height: 47px;position: relative;top: -5px;}#register-form .register-right{float: right;width: 98.3%;display: inline-block;text-transform: uppercase;font-family: 'Gotham', 'Open Sans', sans-serif;}#register-form .form-box > label:before,#register-form .form-box .label:before{content: ' ';padding-right:7px;background-image: url("../static/ibox/i/1735.png");background-repeat: no-repeat;display: block;}#register-form .form-box > label[for="password"]:before,#register-form .form-box > label[for="password2"]:before{width: 17px;height: 17px;background-position: -168px -5px;}#register-form .form-box > label[for="first_name"]:before,#register-form .form-box > label[for="last_name"]:before{width: 16px;height: 18px;background-position: -227px -5px;}#register-form .form-box > label[for="telephone"]:before{width: 22px;height: 22px;background-position: -195px -5px;}#register-form .form-box > label[for="country"]:before{width: 20px;height: 20px;background-position: -138px -5px;}.register-btn:after{content: ' ';background-image: url("../static/ibox/i/1735.png");background-repeat: no-repeat;display: block;width: 16px;height: 11px;background-position: -5px -5px;float: right;margin-left: 10px;top: 19px;position: relative;}

.red{background: #cb0001 !important;border-radius:3px;padding:2px 4px 2px 4px;color: #FFF;min-width: 97.6% !important;}
.green{background: #00cb0f !important;border-radius:3px;padding:2px 4px 2px 4px;color: #FFF;min-width: 97.6% !important;}
.blue{background: #3498db !important;border-radius:3px;padding:2px 4px 2px 4px;color: #FFF;min-width: 97.6% !important;}

.main_minibanner{width: 100%;position: relative;margin: 0 auto;margin-left: 475px;}
.section {position: relative;width: 100%;display: block;}
.over-hide {overflow: hidden;}
.full-height {height: 298px;}
.hero-center-section{position: absolute;top: 50%;left: 0;width: 100%;z-index: 100;transform: translateY(-60%);opacity: 0;-webkit-transition: all 300ms linear;transition: all 300ms linear; }
.hero-center-section.show{transform: translateY(-50%);opacity: 1;}
.z-bigger {z-index: 30 !important;}

.img-wrap {position: relative;width: 825px;overflow: hidden;border-radius: 4px;box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.25);display: block;}
.img-wrap img {width: 823px;height: 260px;display: block;border: 1px solid #242f48;}

.hero-left-section{position: absolute;top: 50%;transform: translateY(-50%);left: 144px;z-index: 1000;-webkit-transition: all 300ms linear;transition: all 300ms linear; }
.slide-btn{position: relative;margin: 0;padding: 0;list-style: none;}
.slide-btn li{position: relative;display: block;margin: 5px 0;padding: 0;list-style: none;cursor: pointer;overflow: hidden;width: 275px;height: 80px;border-radius: 4px;background-size: cover;background-position: center;-webkit-transition: all 300ms linear;transition: all 300ms linear;border: 1px solid #242f48; }
.slide-btn li:after{position: absolute;display: block;border-radius: 4px;top: 0;left: 0;width: 100%;height: 100%;content: '';background-color: transparent;-webkit-transition: all 300ms linear;transition: all 300ms linear; }
.slide-btn li:hover {border: 1px solid #109121;transition-duration: 0.3s;box-shadow: 0 0.5em 0.5em -0.4em yellow;}
.slide-btn li:nth-child(1){background-image: url('/Npc/static/web/pg-2017/images/casino_slot/casino_banner.png');;}
.slide-btn li:nth-child(2){background-image: url('/Npc/static/web/pg-2017/images/casino_slot/slot_banner.png');;}
.slide-btn li:nth-child(3){background-image: url('/Npc/static/web/pg-2017/images/casino_slot/sports_banner.png');;}
.information button:hover {border: none;background: #383b52;border: 1px solid #242431;border-radius: 6px;font-family: dotum;font-size: 12px;width: 100%;height: 54px;margin-top: 14px;color: #fff;cursor: pointer;margin-right: 5px;transition-duration: 0.2s;margin-top:64px;}

.information button {border: none;background: #242431;border: 1px solid #383b52;border-radius: 6px;font-family: dotum;font-size: 12px;width: 100%;height: 54px;margin-top: 14px;color: #fff;cursor: pointer;margin-right: 5px;transition-duration: 0.2s;margin-top:64px;}
.information .title1 {color:#d70f82;font-size:40px; margin-top:65px;}
.main_title {margin-left: -30px;}
.betting_results .sb_list {
    width: 25%;
}
.result_league {width: 30%;float: left;}
.result_league .match_title {padding: 16px 0;display: inline-block;overflow:hidden; text-overflow:ellipsis; width: 295px;white-space:nowrap;font-size:13px;}
.result_league img{vertical-align: middle;padding-left: 10px;}
.result_league .match_type_button {float: right;padding: 12px;margin: 11px 2px 3px 3px;border-radius: 5px;width: 60px;text-align: center;font-size:13px;}
.betting_results .match_result .win {background-color: #CC0001;height: 30px;line-height:30px;font-size:13px;}
.betting_results .match_result .lose {background-color: #089fd4;height: 30px;line-height:30px;font-size:13px;}
.betting_results .match_result .ing {background-color: #389926;height: 30px;line-height:30px;font-size:13px;} 
.betting_results .match_result .hit {background-color: #000000;height: 30px;line-height:30px;font-size:13px;}
.betting_results .match_result {width: 6%;margin: 6px 0; display: inline-block;float: right;border-radius: 3px;}
.betting_results .match_result div {padding: 14px;text-align: center;margin-top:-5px;}
.betting_results .betting_line {margin-bottom: 5px;}
.history_top {padding: 4px 0 20px 0; border-bottom: #495064 1px dashed;}
.history_top .hi_top_list {left: 20px;}

.top_notice .ticker strong {color:#29d642;}
.main_title .information .small_text {color:#29d642;}

.bet_w .bet_list .l_more {float: left;width: 50px;color: #ffffff;background: #232932;}
.history_top .win {color: #fff;padding: 4px 13px;background: #f44336;border-radius: 3px;}
.history_top .lose {color: #fff;padding: 4px 13px;background: #03A9F6;border-radius: 3px;}
.history_top .exp {color: #fff;padding: 4px 13px;background: #000000;border-radius: 3px;}
.history_top .ing {color: #fff;padding: 4px 13px;background: #009688;border-radius: 3px;}

.bet_w .bet_list .b_away.bet_off {opacity: 0.3;cursor: default;}
.bet_w .bet_list .b_home.bet_off {opacity: 0.3;cursor: default;}
.bet_w .bet_list .l_more.bet_off {opacity: 0.3;cursor: default;}
.bet_w .bet_list .b_vs.bet_off {opacity: 0.3;cursor: default;}
.bet_w .bet_list .b_draw.bet_off {opacity: 0.3;cursor: default;}

.pie-btn4 {border-radius: 3px;padding: 5px 16px !important;background: #e35858 !important;color: #fff;font-weight: bold;display: inline-block;cursor: pointer;transition-duration: 0.4s;margin: 1px;}
.pie-btn4 {border-radius: 3px;padding: 5px 16px !important;background: #1198c5 !important;color: #fff;font-weight: bold;display: inline-block;cursor: pointer;transition-duration: 0.4s;margin: 1px;}
.game_list_wrap .game_list.outer > li{border:1px solid #242f48;}
.game_list_wrap .game_list.outer > li:hover{border:1px solid #109121;transition-duration: 0.4s;}
.big_banner {border:1px solid #242f48;}
.big_banner:hover {border:1px solid #109121;transition-duration: 0.4s;}
.slot_company_list > li a img {background: #232f48;border:1px solid #353b48;}
.slot_company_list > li a img:hover {border:1px solid #353b48;}
.error-block {color:#FF0000; text-align:center;}  .bc_ttl {line-height: 20px;padding: 6px 8px;color: #fff;background: #2a2c3b;}
.bc_ttl .controll_box {margin-top: -4px;}
.bc_ttl span {text-align: right}
.swc_off {text-align: center;}
.controll_box {vertical-align: middle;width: 40px;height: 20px;background: #ccc;border-radius: 16px;cursor: pointer;transition: 0.5s;box-shadow: 1px 1px 1px 1px rgba(50, 50, 50, 0.5) inset;display: inline-block;}
.controll_box .circle {width: 18px;height: 18px;border-radius: 9px;background: #fff;margin: 1px;display: inline-block;box-shadow: 1px 1px 1px 1px rgba(50, 50, 50, 0.5);transition: 0.5s;}
.swc_off .circle {transform: translate(20px, 0);transition: 0.5s;}
.cd__main { background: #202838 !important; }
.switch input {top: 0;right: 0;bottom: 0;left: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;opacity: 0;z-index: 100;position: absolute;width: 81%;height: 64%;cursor: pointer;}
.switch {width: 100px;height: 55px;position: relative;}
.switch label {display: block;width: 50%;height: 59%;position: relative;background: #1F2736; /*#121823*/background: linear-gradient(#121823, #161d2b);border-radius: 30px 30px 30px 30px;box-shadow: inset 0 3px 8px 1px rgba(0,0,0,0.5),inset 0 1px 0 rgba(0,0,0,0.5),0 1px 0 rgba(255,255,255,0.2);-webkit-transition: all .5s ease;transition: all .5s ease;}
.switch input ~ label i {display: block;height: 27px;width: 27px;position: absolute;left: 2px;top: 2px;z-index: 2;border-radius: inherit;background: #283446; /* Fallback */background: linear-gradient(#36455b, #283446);box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 0 8px rgba(0,0,0,0.3),0 12px 12px rgba(0,0,0,0.4);-webkit-transition: all .5s ease;transition: all .5s ease;}
.switch label + span {content: "";display: inline-block;position: absolute;right: 0px;top: 9px;width: 18px;height: 18px;border-radius: 10px;background: #283446;background: gradient-gradient(#36455b, #283446);box-shadow: inset 0 1px 0 rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.1),0 0 10px rgba(185,231,253,0),inset 0 0 8px rgba(0,0,0,0.9),inset 0 -2px 5px rgba(0,0,0,0.3),inset 0 -5px 5px rgba(0,0,0,0.5);-webkit-transition: all .5s ease;transition: all .5s ease;z-index: 2;}
/* Toggle */
.switch input:checked ~ label + span {content: "";display: inline-block;position: absolute;width: 18px;height: 18px;border-radius: 10px;-webkit-transition: all .5s ease;transition: all .5s ease;z-index: 2;background: #b9f3fe;background: gradient-gradient(#ffffff, #77a1b9);box-shadow: inset 0 1px 0 rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.1),0 0 10px rgba(100,231,253,1),inset 0 0 8px rgba( 61,157,247,0.8),inset 0 -2px 5px rgba(185,231,253,0.3),inset 0 -3px 8px rgba(185,231,253,0.5);}
    .modal-content {
      background-color: #232f48;
      border: 1px solid #505d7f;
    }
.switch input:checked ~ label i {left: auto;left: 63%;box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 0 8px rgba(0,0,0,0.3),0 8px 8px rgba(0,0,0,0.3),inset -1px 0 1px #b9f3fe;-webkit-transition: all .5s ease;transition: all .5s ease;}
.bet-overlay {display: none;width: 100%;height: 100%;background-color: rgba(0,0,0,.8);position: absolute;top: 0;left: 0;justify-content: center;align-items: center; }
.bet-overlay .inner-ovelay {}
.table-black {border-top: 1px solid #109121;}
.memocontent {background-color: #242f48;}
.memocontent p {font-size: 14px;padding: 5px 0 0 30px;text-align: left;}
a.btnSmlBgBlue6 {display: inline-block;font-size: 16px;font-weight: 600;color: #fff;text-align: center;line-height: 36px;background: #232f48;border-radius: 5px;padding: 0px 30px 0px 30px;}
.bet_w .bet_live_w .bet_live ul .in_score {background-image: linear-gradient(to bottom, #0578a2, #034963);}