@charset "utf-8";

* {margin: 0; padding: 0; border: 0; font-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}

html,body{width:100%;}
html{overflow-y:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body{text-align:center; *word-break:break-all; -ms-word-break:break-all; font-family:Open Sans,sans-serif; font-size: 12px; color:#a8a9ab; line-height:1.5; background-color: #ececec;}
img,fieldset,iframe{border:0 none;}
img {vertical-align: middle;}
i,em,address{font-style:normal;}
dl,ul,ol,menu,li {list-style:none;}
input,select,button,textarea{font-family:Open Sans,sans-serif; vertical-align:middle}
label,button{cursor:pointer}
button{margin:0;padding:0}
table {border-collapse:collapse; border-spacing:0; vertical-align:middle;}
a{color:#88888a;text-decoration:none}
a:hover{color:#9ab2cb;text-decoration:none}

/* --- ( ?? ?? ) --- */
.t_blue {color: #fcde00;}
.t_lime {color: #18db7e;}
.t_yell {color: #f5d839;}
.t_red {color: #e43636;}
.t_white {color: #fff;}
.t_org {color: #fc8208;}
.t_pink {color: #db478a;}
.t_sky {color: #9ab2cb;}
.t_violet {color: #9d80ff;}
.t_dark {color: #000000;}
.t_yell_b {color: #f5d839; font-weight: bold;}
.pagination>li {
    display: inline;
}
#i_warp img {
    width: 300px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #043967;
    border-color: #0d508a;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #4d5870;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #d0d2d6;
}


/* --- ( ?? ?? ?? ) --- */
.ft_11 {font-size: 15px;}
.ff_vendena {font-family:Open Sans,sans-serif;}
.ff_Tahoma {font-family: 'Tahoma'}

/* --- ( ?? ?? ) --- */
.btn_size_x_1 {display: inline-block; height: 16px; line-height: 16px; padding: 1px 5px 0 5px; cursor: pointer; font-size: 11px;}
.btn_size_x {display: inline-block; height: 21px; line-height: 21px; padding: 0 11px; cursor: pointer; font-size: 11px; margin-left: 2px;}
.btn_size_s {display: inline-block; height: 26px; line-height: 26px; padding: 0 11px; cursor: pointer; margin-left: 2px;}
.btn_size_s_1 {display: inline-block; height: 46px; line-height: 46px; padding: 0 13px; cursor: pointer; margin-left: 4px;}
.btn_size_l {display: inline-block; height: 38px; line-height: 38px; padding: 0 30px; cursor: pointer; font-size: 14px; margin-left: 2px; font-weight: bold; }
.btn_size_l_1 {display: inline-block; height: 26px; line-height: 26px; padding: 0 11px; cursor: pointer; margin-left: 2px;}

.color_3 {background-color: #223545; color: #92a7ba; border: 1px solid #2e4660;}
.color_3:hover {background-color: #283f52; color: #9bb2c7;}

.color_4 {background-color: #b9ceec; color: #0e5592; border: 1px solid #d9dfe4;}
.color_4:hover {background-color: #aeb3b9; color: #e9eaea;}



.color_10 {background-color: #164384;
    color: #e3e6e8;
    border: 1px solid #d9dfe4;}
.color_10:hover {background-color: #6c98d6; color: #e9eaea;}



.color_5 {background-color: #8c2e2e; color: #c0cadb; border: 1px solid #8c2e2e;}
.color_5:hover {background-color: #bd4040; color: #c0cadb;}

.color_6 {background-color: #721225; color: #ebd1d7; border: 1px solid #95152d;}
.color_6:hover {background-color: #268cd9; color: #ebd1d7;}


.bt_box {padding: 10px 5px; text-align: right;}
.bt_box_1 {padding: 5px 5px 15px 5px; text-align: right;}
.bt_box_2 {padding: 15px 5px 15px 5px; text-align: center;}

/* --- ( ?? ) --- */
.nomal_style {background-color: #ffffff; border: 1px solid #84868a; color: #7d6f6f; text-align: left;}

/* --- ( ??? ) --- */
.box_shadow {-webkit-box-shadow: 0px 3px 5px -3px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 3px 5px -3px rgba(0, 0, 0, 1); box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 1);}
.box_shadow_1 {-webkit-box-shadow: 0px 3px 5px -3px rgb(166, 153, 153); -moz-box-shadow: 0px 3px 5px -3px rgb(166, 153, 153); box-shadow: 0px 3px 5px -2px rgb(166, 153, 153);}

/* --- ( ?? ) --- */
.bg {    background: #fff url(/img/login/main_bg.jpg);
    /* width: 100%; */
    /* height: 0; */
    /* padding-top: calc(300 / 1000 * 100%); */
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}






/* --- ( ???? ) --- */
#warp {min-width: 1180px;}
#header {width: 1180px; margin: 0 auto 25px auto;}
#content {max-width: 1180px; padding: 10px 0 50px 0;}
#container {width: 1180px; min-height: 500px; margin: 0 auto 100px auto; zoom: 1; }
#footer {clear: both; width: 1180px; margin: 30px auto 0 auto;}
#container_left {float: left; position: relative; width: 954px; padding-top: 10px; padding-bottom: 50px;}
#container_right {float: right; width: 221px; padding-left: 5px; padding-bottom: 30px;}

/* --- ( ?? ) --- */
.logo {padding: 25px 0 20px 0;}
.logo a {display: inline-block;}

/* --- ( gnb ) --- */
.gnb {background: url(/images/head_bg.png) no-repeat;}

/* --- ( nav ) --- */
@-webkit-keyframes bounce {
0% {-webkit-transform:translate(0, 0);}
50% {-webkit-transform:translate(0, -4px);}
100% {-webkit-transform:translate(0, 0);}
}
@keyframes bounce {
0% {transform:translate(0, 0);}
50% {transform:translate(0, -4px);}
100% {transform:translate(0, 0);}
}
.nav > span {position: absolute; top: -10px; left: 400px; width: 50px; height: 25px; display: block; background: url(/images/hot.png) no-repeat; text-indent: -9999px; animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite; z-index: 8888;}

.nav {position: relative;}
.nav ul {padding: 6px 27px 4px 27px; overflow: hidden;}
.nav ul li {float: left; background: url(/images/nav_.png) no-repeat;}
.nav ul li a {height: 60px; display: block; text-indent: -9999px;}
.nav .nav_1 {width: 58px; background-position: 0 0;} 
.nav .nav_2 {width: 60px; background-position: -58px 0;}
.nav .nav_3 {width: 62px; background-position: -118px 0;}
.nav .nav_4 {width: 65px; background-position: -180px 0;}
.nav .nav_5 {width: 60px; background: none;}
.nav .nav_6 {width: 60px; background: none;}
.nav .nav_7 {width: 60px; background: none;}
.nav .nav_8 {width: 60px; background: none;}
.nav .nav_9 {width: 61px; background-position: -512px 0;}
.nav .nav_10 {width: 72px; background-position: -573px 0;}
.nav .nav_11 {width: 73px; background-position: -645px 0;}
.nav .nav_12 {width: 73px; background-position: -718px 0;}
.nav .nav_13 {width: 60px; background-position: -791px 0;}
.nav .nav_14 {width: 60px; background-position: -851px 0;}
.nav .nav_15 {width: 74px; background-position: -911px 0;}
.nav .nav_16 {width: 73px; background-position: -985px 0;}
.nav .nav_17 {width: 68px; background-position: -1058px 0;}
.nav .nav_18 {width: 60px; background-position: -245px 0;}

.nav .nav_1:hover {width: 58px; background-position: 0 -63px;} 
.nav .nav_2:hover {width: 60px; background-position: -58px -63px;}
.nav .nav_3:hover {width: 62px; background-position: -118px -63px;}
.nav .nav_4:hover {width: 65px; background-position: -180px -63px;}
.nav .nav_5:hover {width: 60px; background: none;}
.nav .nav_6:hover {width: 60px; background: none;}
.nav .nav_7:hover {width: 60px; background: none;}
.nav .nav_8:hover {width: 60px; background: none;}
.nav .nav_9:hover {width: 61px; background-position: -512px -63px;}
.nav .nav_10:hover {width: 72px; background-position: -573px -63px;}
.nav .nav_11:hover {width: 73px; background-position: -645px -63px;}
.nav .nav_12:hover {width: 73px; background-position: -718px -63px;}
.nav .nav_13:hover {width: 60px; background-position: -791px -63px;}
.nav .nav_14:hover {width: 60px; background-position: -851px -63px;}
.nav .nav_15:hover {width: 74px; background-position: -911px -63px;}
.nav .nav_16:hover {width: 73px; background-position: -985px -63px;}
.nav .nav_17:hover {width: 68px; background-position: -1058px -63px;}
.nav .nav_18:hover {width: 60px; background-position: -245px -63px;}

.nav ul li a .mgm_bx {height: 60px; position: relative; overflow: hidden;}

.nav ul li a .mgm_bx > p {position: absolute; bottom: 4px; left: 6px; width: 50px; height: 53px; background: url(/images/mgm_bg_.png) no-repeat; z-index: 88;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;}
.nav ul li a .mgm_bx > em {position: absolute; bottom: 11px; left: 7px; width: 47px; height: 34px; background: url(/images/mgm_title_.png) no-repeat; z-index: 888;}

.nav ul li a .named_bx {height: 60px; position: relative; overflow: hidden;}
.nav ul li a .named_bx > p {position: absolute; bottom: 4px; left: 6px; width: 50px; height: 53px; background: url(/images/named_bg_.png) no-repeat; z-index: 88;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;}
.nav ul li a .named_bx > em {position: absolute; bottom: 11px; left: 7px; width: 47px; height: 34px; background: url(/images/named_title_.png) no-repeat; z-index: 888;}

.nav ul li a .bot_bx {height: 60px; position: relative; overflow: hidden;}
.nav ul li a .bot_bx > p {position: absolute; bottom: 4px; left: 6px; width: 50px; height: 53px; background: url(/images/bot_bg_.png) no-repeat; z-index: 88;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;}
.nav ul li a .bot_bx > em {position: absolute; bottom: 11px; left: 12px; width: 39px; height: 34px; background: url(/images/bot_title_.png) no-repeat; z-index: 888;}


.nav ul li a .lotus_bx {height: 60px; position: relative; overflow: hidden;}
.nav ul li a .lotus_bx > p {position: absolute; bottom: 4px; left: 6px; width: 50px; height: 53px; background: url(/images/lotus_bg_.png) no-repeat; z-index: 88;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;}
.nav ul li a .lotus_bx > em {position: absolute; bottom: 12px; left: 7px; width: 49px; height: 34px; background: url(/images/lotus_title_.png) no-repeat; z-index: 888;}



@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


/* --- ( mb_info ) --- */
.mb_info {height: 47px; line-height: 47px; padding: 0 51px 5px 51px;color: #fff;}
.mb_info > span {display: inline-block;}
.mb_info .info_1 {padding-right: 28px; }
.mb_info .info_1 img {margin: -3px 5px 0 0;}
.mb_info .info_2 {padding: 0 28px;}
.mb_info .info_3 {padding: 0 28px;}
.mb_info .info_4 {padding: 0 28px;}
.mb_info .info_5 {padding-left: 28px;}

.info_t_co1 {color: #9ab2cb;}
.info_t_co2 {color: #3fb4ff; font-weight: bold;}
.info_t_co3 {color: #f4873f; font-weight: bold;}
.info_t_co4 {color: #f5d839; font-weight: bold;}
.info_t_co5 {color: #eeb3f7; font-weight: bold;}

.info_btn {display: inline-block; height: 21px; line-height: 21px; padding: 1px 14px 0 13px; cursor: pointer; font-size: 11px; margin-left: 2px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.info_co1 {background-color: #39465f; color: #e6e5bf;}
.info_co1:hover {background-color: #47546f; color: #bfcbe8;}

/* --- ( ??? ) --- */
.display {height: 45px; line-height: 45px; padding: 0 51px 10px 51px;}
.dp_co1 {color: #00af7c; font-weight: bold; font-family: 'tamoha'; font-size: 14px;}

/* --- ( ?? ) --- */
.f_nav {height: 45px; padding: 7px 10px 13px 10px; background: url(/images/foot_bg.png) no-repeat;}
.f_nav a {padding: 12px; display: inline-block; color: #fbfdff; border-bottom: 1px solid transparent;}
.f_nav a:hover {color: #e4db76; border-bottom: 0px solid #e4db76}
.copy {padding: 20px 0; font-size: 11px; color: #3a4866;}
.copy span {color: #4163ac; font-weight: bold; font-family: 'veneda';}

/* --- ( ?? ??? ) --- */
.sub_title {float: left; width: 250px; height: 40px; display: block; background: url(/images/sub_title.png) no-repeat; text-indent: -9999px;}
.sub_t_1 {background-position: 0 0;} /* ??? */
.sub_t_2 {background-position: 0 -42px;} /* ??? */
.sub_t_3 {background-position: 0 -84px;} /* ??? */
.sub_t_4 {background-position: 0 -126px;} /* ??? */
.sub_t_5 {background-position: 0 -168px;} /* ??? */
.sub_t_6 {background-position: 0 -210px;} /* ??? */
.sub_t_7 {background-position: 0 -252px;} /* ???? */
.sub_t_8 {background-position: 0 -294px;} /* ???? */
.sub_t_9 {background-position: 0 -336px;} /* ???? */
.sub_t_10 {background-position: 0 -378px;} /* ???? */
.sub_t_11 {background-position: 0 -420px;} /* ??? */
.sub_t_12 {background-position: 0 -462px;} /* ??? */
.sub_t_13 {background-position: 0 -504px;} /* ???? */
.sub_t_14 {background-position: 0 -546px;} /* ???? */
.sub_t_15 {background-position: 0 -588px;} /* ???? */
.sub_t_16 {background-position: 0 -630px;} /* ????? */
.sub_t_17 {background-position: 0 -672px;} /* ???? */
.sub_t_18 {background-position: 0 -714px;} /* ?????? */
.sub_t_19 {background-position: 0 -756px;} /* ?? */
.sub_t_20 {background-position: 0 -798px;} /* ???? */
.sub_t_21 {background-position: 0 -840px;} /* ???? */
.sub_t_22 {background-position: 0 -882px;} /* mgm?? */
.sub_t_23 {background-position: 0 -924px;} /* mgm??? */
.sub_t_24 {background-position: 0 -966px;} /* bot?? */
.sub_t_25 {background-position: 0 -1008px;} /* bot???  */
.sub_t_26 {background-position: 0 -1050px;} /* botwar */
.sub_t_27 {background-position: 0 -1092px;} /* ??? oddeven */
.sub_t_28 {background-position: 0 -1134px;} /* ??? dragontiger */
.sub_t_29 {background-position: 0 -1176px;} /* ????? */
.sub_t_30 {background-position: 0 -1218px;} /* ??? sicbo */
.sub_t_31 {background-position: 0 -1260px;} /* ??? ??? */
.sub_t_32 {background-position: 0 -1305px;} /* ??? ??? */
.sub_t_33 {background-position: 0 -1350px;} /* ??? ??? */
.sub_t_34 {background-position: 0 -1395px;} /* ??? ??? */
/* --- ( ?? ??? ) --- */
.sub_row {overflow: hidden; display: block; padding: 0 0 1px 0; margin-bottom: 6px; border-bottom: 0px solid #333c53;}

.more_row {float: right; height: 39px; line-height: 39px; padding-right: 15px; text-align: right;}

.sub_menu a {padding: 1px 9px 0 10px; height: 24px; line-height: 24px; display: inline-block; margin-left: 1px; background-color: #1f2734; color: #75879b; border: 1px solid #2a3546; vertical-align: middle;}
.sub_menu a:hover, .more_row a.on {background-color: #314264; color: #fff; border: 1px solid #3e5581;}

/* --- ( ??? ) --- */
.search_row {overflow: hidden; padding-top: 2px; color: #5d739a;}
.search_row input {width: 100px; height: 26px; line-height: 26px; text-align: center; font-weight: bold; color: #fff; background-color: #252f3e; vertical-align: middle; border: 1px solid #323f53; margin-top: -2px; cursor: pointer;}
.search_row a {display: inline-block; height: 26px; line-height: 26px; padding: 0 11px; cursor: pointer; margin: 0 0 0 2px; background-color: #314264; color: #fff; border: 1px solid #445d8d;}
.search_row a:hover {background-color: #314264; border: 1px solid #445d8d; color: #fff;}

/* --- ( ??? ?? ) --- */
.move {overflow: hidden; margin: 0 auto; padding: 30px 20px 10px 20px; text-align: center;}
.move a {display: inline-block; padding: 7px 5px; border:1px solid #222d40; cursor: pointer;}
.move a:hover, .move a.on {color: #fff; border:1px solid #445d8d;}
.move a > img {margin-top: -1px;}
.move a span { padding:8px 10px; }


/* --------------------------------- ( ?? ) --------------------------------- */

/* --- ( bet_cart ) --- */
#bet {overflow: hidden;}
#bet > h3 {height: 57px;}

#bet_h {overflow: hidden; background: url(/images/cart_head.png) no-repeat;}
#bet_h p {float: left; width: 138px; height: 38px; line-height: 37px; color: #859ab1;}
#bet_h p strong {color: #a8c2dd; font-family: "Tahoma";}
#bet_h a {float: left; width: 40px; height: 38px; display: block; border-left: 1px solid #141b26;}

#bet_list {overflow: hidden;}
#bet_list li {position: relative; overflow: hidden; padding: 8px 5px 3px 5px; border: 1px solid #2e3443; background-color: #171f2b; margin-bottom: 1px;}
#bet_list li dl dt {line-height: 16px; text-align: left; color: #4e6074; padding-bottom: 3px;}
#bet_list li dl dd {float: left; height: 16px; line-height: 16px; text-align: left; padding-bottom: 3px;}

#bet_list .b_list_team {width: 185px; font-size: 11px; letter-spacing: -1px;}
#bet_list .b_list_del {width: 24px; position: absolute; right: 5px; top: 8px; text-align: right;}
#bet_list .b_list_del img {margin-top: -5px;}
#bet_list .b_list_choice {width: 173px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; letter-spacing: -1px; color: #22a265;}
#bet_list .b_list_odd {width: 36px; text-align: right; color: #3badea;}

#bet_c {display: block;}
#bet_c ul {overflow: hidden; padding: 6px 10px; color: #65758d; background-color: #1e2838; border-bottom: 1px solid #141b26;}
#bet_c ul li {float: left; height: 26px; line-height: 26px;}
#bet_c ul li span {font-weight: bold;}
#bet_c .bet_p {padding: 5px 10px; background-color: #222d3e; border-bottom: 1px solid #141b26;}
#bet_c .c_left {width: 80px; text-align: left;}
#bet_c .c_right {width: 121px; text-align: right;}
.bet_tc_1 {color: #9bacc3;}
.bet_tc_2 {color: #71e300;}
.bet_tc_3 {color: #f5d839;}

#bet_c label {width: 118px; height: 22px; margin-top: 2px; display: block; border: 1px solid #304058; background-color: #151b26; text-align: center;}
#bet_c label input {width: 90%; height: 22px; line-height: 22px; text-align: right; font-weight: bold; color: #fff; background-color: #151b26; vertical-align:top; font-family: "Tahoma";}

#bet_cp {overflow: hidden; padding: 8px 10px; background-color: #222d3e;}
#bet_cp span {float: left; color: #41a2de; margin-top: 3px;}
#bet_cp span input {display: inline-block; margin: -2px 0 0 4px;}
#bet_cp label {float: right; overflow: hidden; border: 1px solid #304058; padding: 3px 0 1px 0; margin: 0px 2px 0 0; background-color: #18202c;}
#bet_cp label select {width: 100px; color: #a1b0be; background-color: #18202c; vertical-align: inherit;}

#betting {margin-top: 1px; height: 48px; background: url(/images/betting_btn_bg.png) no-repeat;}
#betting a {float: left; width: 110px; height: 48px; display: block; text-indent: -9999px;}

.bet_banner {margin-top: 1px;}
.bet_banner img {display: block;}




/* --------------------------------- ( ?? ) --------------------------------- */

/* --- ( game_head ) --- */
.game_head {overflow: hidden;}
.game_head table {width: 100%; table-layout: fixed; background: url(/images/board_head.png) repeat-x 0 0;}
.game_head table thead th {height: 38px; color: #909ab2; letter-spacing: -1px;}

/* --- ( g_head ) --- */
.g_head {clear: both; height: 28px; line-height: 28px; overflow: hidden; margin: 13px 0 6px 0; background-color: ##f2f3ef;; text-align: left; font-weight: bold;}
.g_head img {width: 26px; height: 16px; margin: -3px 0 0 5px; vertical-align: middle;}
.g_head span {margin-left: 2px;}
.g_head em {text-decoration: none; color: #606975; font-weight: normal;}
.g_head em strong {color: #937be3; font-weight: normal;}

.g_lg {width: 10%; height: 30px; line-height: 30px; padding: 1px 0 1px 0;text-align: left; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.g_lg img {width: 26px; height: 16px; margin: -2px 0 0 5px; vertical-align: middle;}
.g_lg span {color: #a3acc6; font-weight: bold;}

/* --- ( g_gr ) --- */
.g_gr_n {border-top: 1px solid #3d486c;
    border-bottom: 1px solid #070e12;
    background-image: linear-gradient(180deg, #2e374a, #161e27);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e374a', endColorstr='#161e27'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#2e374a), to(#161e27)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #2e374a,  #161e27); /* for firefox 3.6+ */}

.g_gr_o {border-top:1px solid #31b275; border-bottom:1px solid #081015; background-image:linear-gradient(180deg, #00964f, #004524); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a90ef', endColorstr='#0c2152'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#0a90ef), to(#0c2152)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #0a90ef,  #0c2152); /* for firefox 3.6+ */}

.g_gr_d {border-top:1px solid #2e3740; border-bottom:1px solid #081015; background-image:linear-gradient(180deg, #292e39, #181a26); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292e39', endColorstr='#181a26'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#292e39), to(#181a26)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #292e39,  #181a26); /* for firefox 3.6+ */}

.g_gr_c {border-top:1px solid #31b275; border-bottom:1px solid #31b275; background-image:linear-gradient(180deg, #398a09, #398a09); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#398a09', endColorstr='#398a09'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#398a09), to(#398a09)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #398a09,  #398a09); /* for firefox 3.6+ */}
	
	


/* --- ( g_data ) --- */
.g_data {overflow: hidden; display: block; margin-bottom: 3px;}
.g_data li {float: left; height: 30px; line-height: 30px; font-size: 11px;}

.g_day {width: 70px; text-align: center; padding: 1px 0 1px 0; color: #555a6d}
.g_day span {color: #8572c6;}
.g_home {width: 330px; margin-right: 4px; padding: 0 5px; cursor: pointer;}
.g_odd {width: 66px; margin-right: 4px; text-align: center; cursor: pointer;}
.g_away {width: 330px; padding: 0 5px; cursor: pointer;}

.g_home_h_s {width: 345px; margin-right: 4px; padding: 0 5px; cursor: pointer;}
.g_odd_h_s {width: 66px; margin-right: 4px; text-align: center; cursor: pointer;}
.g_away_h_s {width: 345px; padding: 0 5px; cursor: pointer;}

.g_home_mb {width: 31%; margin-right: 4px; padding: 0 5px; cursor: pointer;}
.g_odd_mb {width: 73px; margin-right: 4px; text-align: center; cursor: pointer;}
.g_away_mb {width: 31%; padding: 0 5px; cursor: pointer;}

.g_more_1 {width: 50px; text-align: center;}
.g_more_2 {width: 40px; text-align: center; padding: 1px 0; color: #5e6379;}
.g_more_3 {width: 40px; text-align: center; padding: 1px 0;}
.g_more_4 {width: 50px; text-align: center; padding: 1px 0;}
.g_more_5 {width: 50px; text-align: center; padding: 1px 0;}

.g_home_n, .g_home_o, .g_home_d {width: 87%; float: left; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.g_away_n, .g_away_o, .g_away_d  {width: 87%; float: right; font-weight: bold;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.g_home_odd_n, .g_home_odd_o, .g_home_odd_d {width: 13%; float: right; font-weight: bold;}
.g_away_odd_n, .g_away_odd_o, .g_away_odd_d {width: 13%; float: left; font-weight: bold;}
.g_odd_n, .g_odd_o, .g_odd_d, .g_odd_h {display: block; font-weight: bold;}

.g_home_n {color: #fff; text-align: left; font-size: 12px;}
.g_home_odd_n {color: #3badea; text-align: right;}
.g_odd_n {color: #fff; text-align: center;}
.g_away_odd_n {color: #3badea; text-align: left;}
.g_away_n {color: #fff; text-align: right; font-size: 12px;}

.g_home_o {color: #ffff00; text-align: left; font-size: 12px;}
.g_home_odd_o {color: #ffff00; text-align: right;}
.g_odd_o {color: #ffff00; text-align: center;}
.g_away_odd_o {color: #ffff00; text-align: left;}
.g_away_o {color: #ffff00; text-align: right; font-size: 12px;}
.g_home_o span, .g_away_o span {color: #ffff00!important;}

.g_home_d {color: #444d5c; text-align: left; font-size: 12px;}
.g_home_odd_d {color: #444d5c; text-align: right;}
.g_odd_d {color: #444d5c; text-align: center;}
.g_away_odd_d {color: #444d5c; text-align: left;}
.g_away_d {color: #444d5c; text-align: right; font-size: 12px;}

.g_home img, .g_home_e img {margin-left: 3px; vertical-align: middle;}
.g_away img, .g_away_e img {margin-right: 2px; vertical-align: middle;}

.g_odd_h {color: #ff65f3; text-align: center;}

/* --- ( ??? ?? ) --- */
.g_league_1 {color: #a3acc6;}
.g_league_2 {color: #f8376b;}
.g_league_3 {color: #e649fa;}
.g_league_4 {color: #fa7949;}
.g_league_5 {color: #00d3db;}
.g_league_6 {color: #00c45b;}

/* --- ( ???? ) --- */
.g_list_hold {width: 42px; height: 32px; line-height: 32px; display: inline-block; background: url(/images/g_list_hold.png) no-repeat; cursor: pointer;}
.g_list_view {width: 42px; height: 32px; line-height: 32px; display: inline-block; background: url(/images/g_list_view.png) no-repeat; cursor: pointer;}

.g_list_hold strong {color: #e2e7f2; margin-left: 13px; font-family: 'tahoma';}
.g_list_view strong {color: #e2e7f2; margin-left: 13px; font-family: 'tahoma';}

/* --- ( ??? ) --- */
.pwb_data {overflow: hidden; display: block; /*margin-bottom: 4px;*/}
.pwb_data li {float: left; height: 28px; line-height: 28px; font-size: 11px; margin-bottom: 3px;}

.pwb_title {width: 105px; text-align: center; padding: 1px 0; color: #5f6b80}

.pwb_n, .pwb_o, .pwb_d {float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pwb_odd_n, .pwb_odd_o, .pwb_odd_d {width: 50px; float: right; text-align: right;}

.pwb_lg {width: 99px; text-align: left; padding: 1px 0 1px 5px; color: #5f6b80; letter-spacing: 1px; font-size: 12px!important;}
.pwb_lg em {color: #1ad8c9;}

.pwb_n {color: #fff; font-size: 12px; font-weight: bold;}
.pwb_odd_n {color: #3badea; text-align: right; font-weight: bold;}
.pwb_o {color: #ffff00; font-size: 12px; font-weight: bold;}
.pwb_odd_o {color: #ffff00; text-align: right; font-weight: bold;}
.pwb_d {color: #444d5c; font-size: 12px; font-weight: bold;}
.pwb_odd_d {color: #444d5c; text-align: right; font-weight: bold;}

.pwb_t_1 {color: #85c645;}
.pwb_t_2 {color: #eb69dd;}
.pwb_t_3 {color: #af7dff;}
.pwb_t_4 {color: #ed417d;}

/* --- ( ??? - ?? ) --- */
.pwb_1_1, .pwb_1_2 {width: 413px; padding: 0 5px; cursor: pointer; text-align: left;}
.pwb_1_1 {margin-right: 3px;}

.pwb_2_1, .pwb_2_2, .pwb_2_3 {width: 240px; padding: 0 5px; cursor: pointer; text-align: left;}
.pwb_2_1, .pwb_2_2 {margin-right: 3px;}

.pwb_3_1, .pwb_3_2, .pwb_3_3, .pwb_3_4, .pwb_3_5, .pwb_3_6 {width: 129px; padding: 0 5px; cursor: pointer; text-align: left;}
.pwb_3_1, .pwb_3_2, .pwb_3_3, .pwb_3_4, .pwb_3_5 {margin-right: 3px;}

.pwb_4_1, .pwb_4_2, .pwb_4_3, .pwb_4_4 {width: 200px; padding: 0 5px; cursor: pointer; text-align: left;}
.pwb_4_1, .pwb_4_2, .pwb_4_3 {margin-right: 3px;}

/* --- ( ??? - ??? ) --- */
.pwb_mb_1_1, .pwb_mb_1_2 {width: 474px;}
.pwb_mb_1_1 {margin-right: 3px; padding: 0 5px; cursor: pointer; text-align: left;}
.pwb_mb_1_2 {padding: 0 5px; cursor: pointer; text-align: left;}

.pwb_mb_2_1, .pwb_mb_2_2 {width: 312px; margin-right: 3px; padding: 0 5px; cursor: pointer; text-align: left;}
.pwb_mb_2_3 {width: 311px; padding: 0 5px; cursor: pointer; text-align: left;}

.pwb_mb_3_1, .pwb_mb_3_2, .pwb_mb_3_3 {margin-right: 3px; padding: 0 5px; cursor: pointer; text-align: left;}
.pwb_mb_3_1 {width: 150px;}
.pwb_mb_3_2 {width: 149px;}
.pwb_mb_3_3 {width: 148px; margin-right: 0!important;}

.pwb_mb_4_1, .pwb_mb_4_2, .pwb_mb_4_3 {margin-right: 3px; padding: 0 5px; cursor: pointer; text-align: left;}
.pwb_mb_4_1 {width: 231px;}
.pwb_mb_4_2 {width: 231px;}
.pwb_mb_4_3 {width: 229px; margin-right: 0!important;}


/* --- ( ??? & ??? & ???? iframe ) --- */
.sdr_box {width: 954px; height: 422px; position: relative; padding: 10px 0; background-color: #141b26; border-top: 1px solid #213549; border-bottom: 1px solid #213549;}
.sdr_c {width: 825px; height: 422px; margin: 0 auto; overflow: hidden; display: block;}
.sdr_c iframe {width: 830px; height: 650px; margin-top: -186px; margin-left: -2px; overflow: hidden; display: block; }
.sdr_c iframe {*width: 830px; *height: 764px; *margin-top: -342px; *margin-left: -3px; *overflow: hidden; *display: block; }/* IE 7 ??? ???? */
.sdr_box_l {position: absolute; width: 128px; height: 422px; background-color: #141b26;}
.sdr_box_l {*position: absolute; *width: 62px; *height: 422px; *background-color: #141b26;}/* IE 7 ??? ???? */
.sdr_box_c {position: absolute; left:650px; width: 9px; height: 422px; background-color: #141b26;}
.sdr_box_r {position: absolute; left:828px; width: 121px; height: 422px; background-color: #141b26;}

.pwb_box {width: 954px; height: 700px; padding: 10px 0; background-color: transparent; border-top: 1px solid #213549; border-bottom: 1px solid #213549;}
.pwb_c {width: 935px; height: 700px;}
.pwb_c iframe {width: 100%; height: 700px; margin-top: 0px; margin-left: 12px; overflow: hidden; display: block; }
.pwb_c iframe {*width: 100%; *height: 764px; *margin-top: 0px; *margin-left: -3px; *overflow: hidden; *display: block; }/* IE 7 ??? ???? */

.soccer_box {width: 954px; padding: 10px 0; background-color: transparent; border-top: 1px solid #213549; border-bottom: 1px solid #213549; margin-bottom: 10px;}
.soccer_menu {overflow: hidden; padding-top: 8px;}
.soccer_menu a {padding: 1px 10px 0 10px; height: 24px; line-height: 24px; display: inline-block; margin-left: 3px; background-color: #1e2838; color: #a0adba; border: 1px solid #28354a; vertical-align: middle; }
.soccer_menu a:hover {background-color: #314264; color: #c8ded4; border: 1px solid #445d8d;}
.soccer_menu a.on {background-color: #314264; color: #c8ded4; border: 1px solid #445d8d;}

/* --- ( ? ?? ) --- */
#tab_menu {width: 954px; overflow: hidden; margin: 10px auto;}
.tab_h {float: left; width: 954px; height: 30px;} 
.tab_h li {float: left; text-align:center; cursor: pointer; height: 28px; line-height: 28px; border-left: none; font-weight: bold; background: #1e2838; overflow: hidden; position: relative; border: 1px solid #28354a; color: #a0adba;}
#tab_h_1 {width:150px; margin-right: 2px;}
#tab_h_2 {width:150px; margin-right: 2px;}
#tab_h_3 {width:150px; margin-right: 2px;}
.tab_h li.active {background: #314264; border: 1px solid #445d8d; color: #c8ded4 !important;} 
.tab_content {border-top: none; clear: both; float: left; width: 954px;} 
.tab_view {display: none; padding-top: 5px;}  

/* --- ( ?? ??? ) --- */
.chart_list {width: 954px; overflow-x: auto; display: block;}
.chart_list table {table-layout:fixed; border-collapse: collapse;}

.chart_line {width: 46px; text-align: center;}
.chart_line tr {height: 42px;}
.chart_line tr th {background-color: #18212e; font-size: 14px; color: #748190; font-weight: bold; border-left: 1px solid #1f3145; border-bottom: 1px solid #1f3145; border-top: 1px solid #1f3145;}
.chart_line tr td {background-color: #0d1520; border-left: 1px solid #1f3145; border-bottom: 1px solid #1f3145;}

.ball_bg_1, .ball_bg_2, .ball_bg_3 {width: 34px; height: 34px; margin: 2px auto 0 auto; position: relative; display: block; background: url(/images/pwb_icon.png) no-repeat; color: #fff; font-size: 13px; font-weight: bold;}
.ball_bg_4, .ball_bg_5, .ball_bg_6 {width: 34px; height: 34px; margin: 2px auto 0 auto; position: relative; display: block; background: url(/images/pwb_icon.png) no-repeat; color: #fff; font-size: 13px; font-weight: bold;}
.ball_bg_1 span, .ball_bg_2 span, .ball_bg_3 span {position: absolute; left: 6px; top: 7px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);}
.ball_bg_4 span, .ball_bg_5 span, .ball_bg_6 span {position: absolute; left: 1px; top: 7px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);}
.ball_bg_2 {background-position: 0 0;}
.ball_bg_5 {background-position: 0 0;}
.ball_bg_1 {background-position: 0 -35px;}
.ball_bg_4 {background-position: 0 -35px;}
.ball_bg_3 {background-position: 0 -70px;}

/* --- ( ???? ?? ) --- */
.g_info {overflow: hidden; background-color: #242d40; border-top: 1px solid #2d3852; border-bottom: 1px solid #2d3852; margin-top: 5px; color: #7b91a5;}
.g_info ul {width: 100%; display: table;}
.g_info ul li {display: table-cell; height: 32px; line-height: 32px; text-align: center;}
.g_info ul li input {vertical-align: middle; height: 32px; line-height: 32px;}
.g_info p {height: 32px; line-height: 32px; text-align: right; padding-right: 20px;}

.g_info_margin {margin-bottom: 5px;}

.g_info_co_1 {color: #b6cbe6;}
.g_info_co_2 {color: #39e059;}
.g_info_co_3 {color: #ed9834;}

.g_pwb_info {overflow: hidden; background-color: #1a212e; border-top: 1px solid #202e40; border-bottom: 1px solid #202e40; margin-top: 5px;}
.g_pwb_info p {height: 32px; line-height: 32px; text-align: right; padding-right: 20px;}

/* --- ( ?? ???? ) --- */
.por {position: relative;}

.lg_cate {width: 170px; background: #1e2838; position: absolute; top: 57px; right: 50%; margin-right: 600px; z-index: 99999; text-align: left;}
.lg_cate h3 {height: 38px; line-height: 38px; background: url(/images/lg_head.png) no-repeat; text-align: center; font-size: 12px; color: #a8c2dd;}

.lg_type {overflow: hidden;}
.lg_type h4 {padding: 0 0 0 10px; height: 28px; line-height: 28px; background: #1e2838; color: #917cd8; border-bottom: 1px solid #0f141c;}
.lg_type h4 img {width: 17px; height: 17px; margin-top: -3px; margin-right: 5px;}

.lg_type p {padding: 0 0 0 10px; height: 28px; line-height: 28px; color: #607790; border-bottom: 1px solid #0f141c; background-color: #171f2b; cursor: pointer; overflow: hidden;}
.lg_type p:hover {background-color: #314264; color: #fff;}
.lg_type p.sel {background-color: #314264; color: #fff;}
.lg_type p img {width: 26px; height: 16px; margin-top: -3px; vertical-align: middle;}
.lg_type p em {color: #22a265}





/* --------------------------------- ( ??? ) --------------------------------- */

/* --- ( ??? ??? ) --- */
.board_list {overflow: hidden;}
.board_list table {width: 100%; table-layout: fixed;}
.board_list table thead th {height: 38px; color: #6e7a8b; background: url(/images/board_head.png) repeat-x;}
.board_list table tbody tr {text-align: left; border-bottom: 1px solid #222d3e; /*background-color: #141b26;*/}
.board_list table tbody tr td {height: 33px; vertical-align: middle;}
.board_list table tbody .b_notice {background-color: #161e29; border-bottom: 1px solid #233648;}
.board_list table tbody .b_number {text-align: center; color: #525a65;}
.board_list table tbody .b_subject {padding-right: 5px;}
.board_list table tbody .b_subject a {color: #76889b;}
.board_list table tbody .b_subject a:hover {color: #9ab2cb; text-decoration: underline;}
.board_list table tbody .b_subject img, .b_subject_n img {margin-left: 7px; margin-top: -4px;}
.board_list table tbody .b_subject_n {padding-right: 5px;}
.board_list table tbody .b_subject_n a {font-weight: bold;}
.board_list table tbody .b_name {color: #76889b;}
.board_list table tbody .b_name_1 {color: #76889b; padding-left: 10px;}
.board_list table tbody .b_name img, .b_name_1 img {margin-right: 4px; vertical-align: middle;}
.board_list table tbody .b_day {text-align: center; font-size: 11px; padding-top: 1px; color: #525a65;}
.board_list table tbody .b_normal {text-align: center;}

/* --- ( ??? ?? ) --- */
.board_view {margin-bottom: 17px;margin-top: 50px; text-align: left; border-top: 1px solid #cdd1d6;}
.board_view h3 {font-size: 14px; padding: 8px 8px 7px 12px; background-color: #eef0f3; color: #4a5663; border-bottom: 1px solid #c9d9f3;}
.board_view_info {    overflow: hidden;
    display: block;
    background-color: #eef0f3;
    color: #061b2d;
    font-weight: bold;
    font-size: 13px;}
.board_view_info dl {width: 100%; display: table;}
.board_view_info dl dt {display: table-cell; height: 36px; line-height: 36px; padding: 0 10px 0 12px;}
.board_view_name {width: 70%;}
.board_view_name span {color: #76889b;}
.board_view_name img {vertical-align: middle; margin: -3px 5px 0 5px;}
.board_view_day {width: 20%;}
.board_view_day span {font-size: 11px;}
.board_view_data {padding: 20px 12px; background-color: #f9f9f9; border-bottom: 1px solid #dadcde; color: #5f6e7e;    font-size: 17px;}
.board_view_data img {width: 100%; height: auto;}

/* --- ( ??? ?? ) --- */
.comment_write {padding: 10px; background-color: #1e2838; border-top: 1px solid #263246; border-bottom: 1px solid #263246; margin-top: 20px; overflow: hidden; text-align: left;}
.comment_write textarea {width: 854px; height: 38px; line-height: 1; padding: 5px; margin-right: 5px; overflow: hidden; resize: none;}
.comment_write .textarea_w {width: 1081px!important;}

.comment_re {overflow: hidden;}
.comment_re table {width: 100%; table-layout: fixed;}
.comment_re table tr {height: 34px; text-align: left; border-bottom: 1px solid #222d3e; color: #9ab2cb;}
.comment_re table tr th {font-weight: normal; padding-left: 12px; color: #5a6876;} 

/* --- ( ??? ??? ) --- */
.board_write {border-bottom: 1px solid #141b26;margin-top: 70px;}
.board_write table {width: 100%; table-layout: fixed; text-align: left;}
.board_write table tr {background-color: #cbcdd0; border-top: 1px solid #b7babd;}
.board_write table tr th {text-align: center; color: #535556;}
.board_write table tr td {padding: 10px 0;}
.board_write table tr td input {width: 95%; height: 20px; line-height: 20px; padding: 5px;}
.board_write table tr td textarea {width: 95%; height: 300px; line-height: 1; padding: 5px; overflow: hidden; resize: none;}

/* --- ( rule_box ) --- */
.rule_box {width: 954px; margin-bottom: 7px;}
.rule_n {padding: 8px 0 8px 12px ; border-top: 1px solid #243a50; border-bottom: 1px solid #243a50; margin-bottom: 10px; font-size: 12px; color: #e31f27; text-align: center; font-weight: normal;}
.rule_h {padding: 8px 0 8px 12px ; background-color: #e0e0e0; border-top: 1px solid #b1b5b9; border-bottom: 1px solid #b1b5b9; font-size: 14px; color: #525456; text-align: left;     margin-top: 20px;}
.rule_c {padding: 10px 10px 10px 12px; color: #4f5e6f; text-align: left;}
.rule_c > p {padding-bottom: 5px;}
.rule_c > p > em {color: #866dd9; font-style: normal;}
.rule_c span {color: #109b59;}
.rule_c_pd_15 {padding-left: 15px;}

/* --- ( member ) --- */
.member {width: 100%;}
.member table {width: 100%; table-layout:fixed; border-top: 1px solid #2d2d2d;}
.member th {color: #dedfe0; background-color: #4a4a4a; border-right: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d;}
.member td {padding: 10px 0 10px 10px; border-bottom: 1px solid #2d2d2d; text-align: left;    background: #333333;}
.member input {width: 140px; padding: 5px; margin: 1px 5px 1px 0; font-weight: bold;}
.member img {margin-right: 4px; vertical-align: middle; margin-top: -3px;}
.input_box {display: block; padding: 5px 0;}





/* --------------------------------- ( ?? ) --------------------------------- */

/* --- ( ?? ?? ) --- */
.coupon {overflow: hidden;}

.coupon_h {width: 100%; margin-bottom: 20px;}
.coupon_h table {width: 100%; table-layout:fixed;}
.coupon_h th {color: #7f8da2; background-color: #18212e; border: 1px solid #1f3246;}
.coupon_h td {padding: 8px 0 8px 10px; background-color: #141b26; border: 1px solid #1f3246; text-align: center;}
.coupon_h td input {width: 150px; height: 26px; line-height: 26px; text-align: right; font-weight: bold; color: #fff; background-color: #131721; vertical-align: middle; border: 1px solid #2e3d53; padding: 0 5px; margin-top: -2px;}
.coupon_h td a {display: inline-block; height: 26px; line-height: 26px; padding: 0 11px; margin: 0 0 0 5px; background-color: #11623c; color: #fff; border: 1px solid #167e4d;}
.coupon_h td a:hover {background-color: #126f44; color: #fff; border: 1px solid #188d56;}

.coupon_c {margin-bottom: 20px;}
.coupon_title {padding: 10px; text-align: left; margin-bottom: 1px;}
.coupon_title h4 {font-size: 14px; color: #c9c953;}
.coupon_title p {padding-top: 3px;}

.coupon_list {overflow: hidden;}
.coupon_list table {width: 100%; table-layout: fixed;}
.coupon_list table tr td {height: 79px; background-color: #18212e; border-bottom: 1px solid #1c2e40; border-top: 1px solid #1c2e40;}
.coupon_list table .cp_banner {padding-left: 10px; text-align: center;}
.coupon_list table .cp_info {padding-left: 10px; text-align: left; color: #758fa8;}
.coupon_list table .cp_point {padding-right: 10px; text-align: right;}
.coupon_list table .cp_point span {font-weight: 700; color: #d650ee; font-size: 14px; font-family: 'tamoha'}

.cp_box {width: 205px; height: 59px; position: relative; display: block;}
.cp_box span {display: block; width: 100%; position: absolute; top: 18px; font-size: 16px; font-weight: 700; color: #fff; opacity: 0.9;}
.cp_bg_1 {background: url(/images/coupon_bg_1.png) no-repeat;}
.cp_bg_2 {background: url(/images/coupon_bg_2.png) no-repeat;}
.cp_bg_3 {background: url(/images/coupon_bg_3.png) no-repeat;}
.cp_bg_4 {background: url(/images/coupon_bg_4.png) no-repeat;}
.cp_bg_5 {background: url(/images/coupon_bg_5.png) no-repeat;}



/* --------------------------------- ( index ) --------------------------------- */

/* --- ( index ) --- */
#i_warp {width: 300px; margin: 180px auto 100px auto;}

#i_warp > p {margin-top: 20px; font-size: 11px; color: #45525d;}
#i_warp > p > span {color: #4c75ce; font-weight: bold; font-family: 'veneda';}

.login_warp {overflow: hidden;}

.login_row, .code_row {display: none;}
.login_row.on {display: block;}
.code_row.on {display: block;}

.login_head {height: 41px; background: url(/images/login_box_t2.png) no-repeat;}
.login_head p {padding-top: 25px; color: #68778e;font-weight: bold;}
.login_content {padding: 15px 20px 5px 20px; background: url(/images/login_box_c2.png) repeat-y;}
.login_foot {height: 38px; background: url(/images/login_box_f2.png) no-repeat;}

.login_label {display: block; text-align: left; margin-bottom: 10px;}
.login_label img {display: block; margin-bottom: 5px;}
.login_label > p { text-align: center;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border-bottom: 1px solid #909494;margin-top: 10px;}
.login_label > p > input {width: 95%; height: 36px; line-height: 36px; font-weight: 700; background-color: transparent;color: aliceblue;}

.btn_login {display: block;padding: 10px 0;margin-bottom: 10px;cursor: pointer;/* background-color: #6da06e; */color: #f5efef;border: 2px solid #f5efef;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.btn_login:hover {color: #fff; border: 2px solid #ef0f0f;}
.btn_join {display: block;padding: 10px 0;margin-bottom: 10px;cursor: pointer;background-color: #d64545;color: #fff;border: 1px solid #d64545;;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.btn_join:hover {background-color: #d6ad16; color: #fff; border: 1px solid #d6ad16;}
.btn_enter {display: block; padding: 10px 0; margin-bottom: 10px; cursor: pointer; background-color: #19739b; color: #fff; border: 1px solid #2693c4; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.btn_enter:hover {background-color: #1b7fac; color: #fff; border: 1px solid #299fd4;}

/* --- ( index ?? ) --- */
.popup {display: none; width: 240px; padding: 30px 20px 20px 20px; background-color: #2d2d2d; border: 1px solid #444444;}
.popup_1 {display: none; width: 700px; padding: 20px 20px 10px 20px; background-color: #2d2d2d; border: 1px solid #444444;}
.popup .b-close, .popup_1 .b-close {position: absolute; top: 0; right: 0; width: 30px; height: 30px; background:#444444  url(/images/icon_closs.png) no-repeat ; background-size: 30px 30px; text-indent: -99999px;}

.login_x {overflow: hidden;}
.login_x h4 {margin-bottom: 5px; font-weight: normal; color: #f1ec35; text-align: center;font-size: 13px;}
.login_x p {padding: 3px 0 5px 0;}
.login_x span {display: block; color: #5d6e7c;}
.login_x input {width: 100%; height: 28px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}
.login_x a {width: 50%; margin-top: 5px; padding: 3px 0!important;}

.join_title {overflow: hidden; margin-bottom: 10px;}


/* --------------------------------- ( ?? ) --------------------------------- */

/* --- ( pop ) --- */
.pop {width: 499px; position: absolute; top: 50%; left: 50%; margin-left: -250px; margin-top: -220px;z-index: 99999999999999;}
.pop_c {background: url(/images/pop_c.png) repeat-y; text-align: left; padding: 0 20px 10px 20px;}
.pop_content {padding: 10px 25px 10px 25px;}
.pop_content h3 {color: #9d80ff; padding-bottom: 5px;}
.pop_f {background: url(/images/pop_f.png) no-repeat; height: 65px; padding: 27px 30px 0 30px; text-align: right;}
.pop_f input[type="checkbox"] {vertical-align: middle; margin-top: -4px;}


/* --------------------------------- ( ??? ?? ) --------------------------------- */
@media (max-width: 1555px) {
    #header, #container, #footer {padding-left: 180px}
    .lg_cate {margin-right: 510px;}
    .ct_bg {background-position: 180px 0}
} 





.sbm_r {float: right;}
.sbm_c {display: inline-block;}
.sbm {margin: 6px 0 0 0px;}
.sbm a {display: inline-block; padding: 2px 10px; font-size: 14px; font-family: "Open Sans,sans-serif"; letter-spacing: -1px;}

/* ---- ?? + ???? ---- */
.sbm_co_1_n {border: 1px solid #444b58; background-color: #323742; color: #c4ccdd;}
.sbm_co_1_n:hover, .sbm_co_1_n.on {border-color: #a2001d!important; background-color: #6c0014!important; color: #fff!important;}
.sbm_co_2_n {border: 1px solid #444b58; background-color: #323742; color: #c4ccdd;}
.sbm_co_2_n:hover, .sbm_co_2_n.on {border-color: #DB0027!important; background-color: #96001c!important; color: #fff!important;}
.sbm_co_3_n {border: 1px solid #444b58; background-color: #323742; color: #c4ccdd;}
.sbm_co_3_n:hover, .sbm_co_3_n.on {border-color: #b79a00!important; background-color: #8e7800!important; color: #fff!important;}
.sbm_co_4_n {border: 1px solid #444b58; background-color: #323742; color: #c4ccdd;}
.sbm_co_4_n:hover, .sbm_co_4_n.on {border-color: #00a257!important; background-color: #007e44!important; color: #fff!important;}
.sbm_co_5_n {border: 1px solid #444b58; background-color: #323742; color: #c4ccdd;}
.sbm_co_5_n:hover, .sbm_co_5_n.on {border-color: #0075be!important; background-color: #005990!important; color: #fff!important;}
.sbm_co_6_n {border: 1px solid #444b58; background-color: #323742; color: #c4ccdd;}
.sbm_co_6_n:hover, .sbm_co_6_n.on {border-color: #aa0069!important; background-color: #8d0057!important; color: #fff!important;}
.sbm_co_7_n {border: 1px solid #444b58; background-color: #323742; color: #c4ccdd;}
.sbm_co_7_n:hover, .sbm_co_7_n.on {border-color: #669300!important; background-color: #4e7e00!important; color: #fff!important;}
.sbm_co_8_n {border: 1px solid #444b58; background-color: #323742; color: #c4ccdd;}
.sbm_co_8_n:hover, .sbm_co_8_n.on {border-color: #9b6600!important; background-color: #815500!important; color: #fff!important;}

/* ---- ?? + ???? ---- */
.sbm_co_1 {border: 1px solid #444b58; background-color: #323742; color: #c4ccdd;}
.sbm_co_1:hover, .sbm_co_1.on {border-color: #a2001d!important; background-color: #6c0014!important; color: #fff!important;}
.sbm_co_2 {border: 1px solid #a2001d; background-color: #6c0014; color: #dbbfc4;}
.sbm_co_2:hover, .sbm_co_2.on {border-color: #DB0027!important; background-color: #96001c!important; color: #fff!important;}
.sbm_co_3 {border: 1px solid #b79a00; background-color: #7e6a00; color: #ebe7d3;}
.sbm_co_3:hover, .sbm_co_3.on {border-color: #b79a00!important; background-color: #8e7800!important; color: #fff!important;}
.sbm_co_4 {border: 1px solid #00a257; background-color: #006c3a; color: #d6ffec;}
.sbm_co_4:hover, .sbm_co_4.on {border-color: #00a257!important; background-color: #007e44!important; color: #fff!important;}
.sbm_co_5 {border: 1px solid #0075be; background-color: #004772; color: #daf1ff;}
.sbm_co_5:hover, .sbm_co_5.on {border-color: #0075be!important; background-color: #005990!important; color: #fff!important;}
.sbm_co_6 {border: 1px solid #aa0069; background-color: #67003f; color: #eaccde;}
.sbm_co_6:hover, .sbm_co_6.on {border-color: #aa0069!important; background-color: #8d0057!important; color: #fff!important;}
.sbm_co_7 {border: 1px solid #669300; background-color: #416900; color: #e5edd4;}
.sbm_co_7:hover, .sbm_co_7.on {border-color: #669300!important; background-color: #4e7e00!important; color: #fff!important;}
.sbm_co_8 {border: 1px solid #9b6600; background-color: #694500; color: #e5dbc9;}
.sbm_co_8:hover, .sbm_co_8.on {border-color: #9b6600!important; background-color: #815500!important; color: #fff!important;}




/* ---- 4_13 ?? ---- */
.lts_box {border-top: 1px solid #213549; width:954px; height:576px; overflow:hidden; margin: 0 auto 20px auto;}

/* ---- 4_20 ?? ---- */
.shd_09 {-webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.9); -moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.9); box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.9);}
.shd_0 {-webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0); box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0);}
.font_nbg {font-family:"Open Sans,sans-serif", sans-serif;}

#lts_warp {width: 830px; position: relative; overflow: hidden; margin: 0 auto;}

.hold_scr {display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 999}
.hold_scr .nts_win {display: none; font-size: 40px; color: #009dff; z-index: 999; margin-top: 160px; letter-spacing: -1px;}
.hold_scr .nts_and {display: none; font-size: 40px; color: #fff; z-index: 999; margin-top: 160px; letter-spacing: -1px;}
.hold_scr .nts_fri {display: none; font-size: 40px; color: #ff2626; z-index: 999; margin-top: 160px; letter-spacing: -1px;}
.hold_scr.on, .hold_scr .nts_win.on, .hold_scr .nts_and.on, .hold_scr .nts_fri.on {display: block;}


.lts_lt {overflow: hidden;}
.lts_hd {padding: 10px 16px; overflow: hidden; background-color: #262626; border: 1px solid #000; border-bottom: none;}
.lts_hd .lt_top {height: 42px; line-height: 42px; padding: 0 20px; border: 1px solid #383838; background-color: #1A1A1A; -webkit-border-radius:50px; border-radius: 50px;}
.lts_hd .lt_top h4 {float: left; color: #888; font-size: 14px; font-weight: normal;}
.lts_hd .lt_top h4 span {color: #96c300; font-size: 16px; font-weight: bold; vertical-align:middle;}
.lts_hd .lt_top h3 {float: right; color: #888; font-size: 12px; font-weight: normal;}
.lts_hd .lt_top h3 span {display: inline-block; font-size: 24px; color: #ffc400; font-family: "Open Sans,sans-serif"; vertical-align:middle;}


.lts_gm {padding: 30px; overflow: hidden; border: 1px solid #000; background-color: #1A1A1A;}
.lts_gm > div {float: left; margin-left: 30px;}
.lts_gm > div:first-child {margin: 0;}
.lts_gm > div a {display: block; width: 236px; height: 232px;}
.lts_gm > div p {height: 36px; line-height: 36px; margin: 12px 0 0 0; background-color: #111; border: 1px solid #000;}
.lts_gm > div p span {font-size: 16px; font-family: "Open Sans,sans-serif";}
.lts_gm > div p span.tx_1 {color: #007eea;}
.lts_gm > div p span.tx_2 {color: #00c754;}
.lts_gm > div p span.tx_3 {color: #d40000;}
.lts_gm > div p span em {color: #fff;}

.lts_gm a.dg {background: url(/images/lts_dg.png) no-repeat;}
.lts_gm a.tie {background: url(/images/lts_tie.png) no-repeat;}
.lts_gm a.tg {background: url(/images/lts_tg.png) no-repeat;}
.lts_gm a.dg:active, .lts_gm a.dg.on {background: url(/images/lts_dg_over.png) no-repeat;
    -webkit-box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0); 
    -moz-box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0); 
    box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0);
}
.lts_gm a.tie:active, .lts_gm a.tie.on {background: url(/images/lts_tie_over.png) no-repeat;
    -webkit-box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0); 
    -moz-box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0); 
    box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0);
}
.lts_gm a.tg:active, .lts_gm a.tg.on {background: url(/images/lts_tg_over.png) no-repeat;
    -webkit-box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0); 
    -moz-box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0); 
    box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0);
}






/* ---- 12_29 출석부 추가 수정 ---- */
.chulsuk {width: 950px; margin: 20px auto 0 auto;}
.chul_head {padding: 15px 20px; margin: 0 0 20px 0; text-align: left; border: 1px solid #222D3E; background: #141B26;}
.chul_head h3 {font-size: 16px; font-weight: normal; color: #fff; font-family: "나눔바른고딕", "Nanum Barun Gothic", sans-serif;}
.chul_head p {padding: 5px 0 0 0; font-size: 12px;}
.chul_head .ch_tx1 {color: #08b55f;}
.chul_head .ch_tx2 {color: #1f94c7;}
.chul_head .ch_tx3 {color: #bcb510;}
.chul_head .ch_tx4 {color: #bc6610;}


.calendar {overflow: hidden;}
.calen_head {padding: 10px 0; font-family: "나눔바른고딕", "Nanum Barun Gothic", sans-serif;}
.calen_head:after {content:""; display:block; clear:both;}
.calen_head .calen_day {height: 32px; font-size: 0;}
.calen_head .calen_day span {display: inline-block; line-height: 27px; padding: 4px 15px 0 15px; color: #fff; font-size: 22px; vertical-align:top;}
.calen_head .prev_btn, .calen_head .next_btn {display: inline-block; width: 30px; height: 28px; border: 1px solid #1E2838; background: #1B2433 url(/images/calen_head_.png) no-repeat; cursor: pointer;}
.calen_head .prev_btn {background-position: -1px 0;}
.calen_head .next_btn {background-position: -29px 0;}
/*.calen_head .calen_mypt {float: right;}
.calen_head .tx_mypt {display: inline-block; line-height: 32px; font-size: 16px; color: #76889B;}
.calen_head .tx_point {color: #d650ee;}*/


.calen_cont {width: 100%;}
.calen_cont table {width: 100%; table-layout: fixed;}
.calen_cont table tr {border: 1px solid #202a3b;}
.calen_cont table tr .day_bg {border-bottom: 1px solid #dd9e1d; background: #141d2a}
.calen_cont table tr th {height: 50px; border-left: 1px solid #121822; background: #1b2433; color: #606a77; font-weight: normal; vertical-align: middle;}
.calen_cont table tr th:first-child {border-left: none;}
.calen_cont table tr td {height: 115px; border: 1px solid #202a3b; background: #121822;}
.calen_cont table tr td .calen_bx {position: relative; height: 115px;}
.calen_cont table tr td .calen_bx span {display: inline-block; position: absolute; left: 8px; bottom: 3px; font-size: 14px; font-family: "Tahoma", sans-serif; color: #606a77;}
.calen_cont table .sat_bd, .calen_cont table .sat_bd .calen_bx span {color: #0064B2}
.calen_cont table .sun_bd, .calen_cont table .sun_bd .calen_bx span {color: #CA2228}

.stp_img {width: 70px; height: 70px; position: absolute; left: 33px; top: 20px; background: url(/images/stamp_1.png) no-repeat;}
.stp_basic {background-position: 0 0;}
.stp_basic.on {background-position: 0 -74px;}
.stp_pt2 {background-position: -73px 0px;}
.stp_pt2.on {background-position: -73px -74px;}
.stp_pt5 {background-position: -146px 0px;}
.stp_pt5.on {background-position: -146px -74px;}
.stp_pt20 {background-position: -219px 0px;}
.stp_pt20.on {background-position: -219px -74px;}

.chul_combo {margin: 0 0 20px 0;}
.chul_combo h3 {padding: 5px 0; font-size: 16px; font-weight: normal; color: #c1c1c1; font-family: "나눔바른고딕", "Nanum Barun Gothic", sans-serif;}
.chul_combo .combo_row {padding: 10px; border: 1px solid #222D3E; background: #141B26;}
.chul_combo .combo_list {overflow: hidden; display: table; width: 100%;}
.chul_combo .combo_list:after {content:""; display:block; clear:both;}
.chul_combo .combo_list li {position: relative; display: table-cell; width: 20%; height: 72px; padding: 10px 0; text-align: center; font-family: "나눔바른고딕", "Nanum Barun Gothic", sans-serif;}
.chul_combo .combo_list li:after {content: ""; background: url(/images/calen_head_.png) no-repeat; display: inline-block; width: 30px; height: 30px; background-position: 0 -33px; position: absolute; left: -15px; top: 50%; margin-top: -15px; letter-spacing: -1px; color: #61788d;}
.chul_combo .combo_list li:first-child:after {content: ""; display: none;}
.chul_combo .combo_list li:last-child:after {background: url(/images/calen_head_.png) no-repeat; display: inline-block; width: 30px; height: 30px; background-position: -30px -33px; position: absolute; left: -15px; top: 50%; margin-top: -15px; letter-spacing: -1px; color: #61788d;}
.chul_combo .combo_list li > div {left: 50%; top: 10px; margin-left: -35px;}
.chul_combo .combo_list li p {padding: 4px 0 2px 0; font-size: 16px; color: #8fa4bc;}
.chul_combo .combo_list li p span {font-weight: bold; color: #d650ee;}
.chul_combo .combo_list li .btn_combo {display: inline-block; width: 50%; padding: 7px 0; }
.chul_combo .combo_list li .btn_combo strong {font-size: 16px; color: #c0d2ed;}
.chul_combo .combo_list li .btn_combo.on strong {color: #fff!important;}

.btn_combo {border-top:1px solid #3d486c; border-bottom:1px solid #070e12; background-image:linear-gradient(180deg, #2e374a, #161e27); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e374a', endColorstr='#161e27'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#2e374a), to(#161e27)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #2e374a,  #161e27); /* for firefox 3.6+ */}

.btn_combo.on {border-top:1px solid #4a6495; border-bottom:1px solid #070e12; background-image:linear-gradient(180deg, #384c74, #1a2336); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#384c74', endColorstr='#1a2336'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#324469), to(#1a2336)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #384c74,  #1a2336); /* for firefox 3.6+ */}

.chul_combo .combo_line {border-top: 1px solid #222D3E; margin: 10px 0 0 0; padding: 10px 0 0 0; color: #536473;}
.chul_combo .combo_line .cl_tx1 {color: #b40023;}
.chul_combo .combo_line .cl_ex {padding: 10px 0 0 0;}


#bet_list_p{
	
	overflow: hidden;
    margin-left: 27px;
	
	
}


#bet_list_p {overflow: hidden;}
#bet_list_p li {    position: relative;
    overflow: hidden;
    padding: 8px 5px 3px 5px;
    border: 1px solid #737884;
    background-color: #171f2b;
    margin-bottom: 1px;
    width: 837px;
    border-radius: 8px;;}
#bet_list_p li dl dt {line-height: 16px; text-align: left; color: #4e6074; padding-bottom: 3px;}
#bet_list_p li dl dd {   float: left;
    height: 30px;
    font-size: 17px;
    line-height: 19px;
    
}


#bet_list_p .b_list_team {width: 400px;  letter-spacing: -1px;    font-size: 14px;}
#bet_list_p .b_list_del {width: 24px; position: absolute; right: 5px; top: 8px; text-align: right;}
#bet_list_p .b_list_del img {   
    margin-left: -1px;
    zoom: 1.8;
}
#bet_list_p .b_list_choice {width: 173px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; letter-spacing: -1px; color: #22a265;}
#bet_list_p .b_list_odd {width: 36px; text-align: right; color: #3badea;}