@charset "utf-8";

/* Reset */
html,body{height:100%}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-size:14px;line-height:1.25em}
body.s,.s input,.s textarea,.s select,.s button,.s table{font-family:Helvetica}
body{position:relative;background-color:#f8f8f8;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light !important;color:#000;background-color:#1c1e21;-webkit-text-size-adjust:none}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:#000;text-decoration:none}
table{border-collapse:collapse}
hr{display:none !important}
.u_hc,.u_skip{visibility:hidden;overflow:hidden;position:absolute;left:-9999px;width:0;height:0;font-size:0;line-height:0}
.u_vc{position:absolute;z-index:-1;font-size:1px;line-height:1px;color:transparent}
#ct{clear:both;width:100%;padding-top:45px}
#ct:after{display:block;clear:both;content:''}
header{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:10001;
	background: -webkit-linear-gradient(180deg, #2D353C, #222);
	background:    -moz-linear-gradient(180deg, #2D353C, #222);
	background:     -ms-linear-gradient(180deg, #2D353C, #222);
	background:      -o-linear-gradient(180deg, #2D353C, #222);
	background:         linear-gradient(180deg, #2D353C, #222);
}
button{cursor:pointer}
.imideo-c{display:none !important}
.pointer{cursor:pointer;}

/* default */

/* level */
.level{display:inline-block !important;position:relative;margin:1px 2px 0 0;vertical-align:top;min-width:24px;height:16px;text-align:center;padding:2px 3px 2px 4px;background-color:#f00;line-height:12px;color:#fff;font-size:10px !important;font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;border-radius:50px;-webkit-box-sizing:border-box;box-sizing:border-box}
.level.lv1{background-color:#7291ca}
.level.lv2{background-color:#4685a6}
.level.lv3{background-color:#1abc9c}
.level.lv4{background-color:#339933}
.level.lv5{background-color:#3498db}
.level.lv6{background-color:#9b59b6}
.level.lv7{background-color:#e67e22}
.level.lv8{background-color:#ff6600}
.level.lv9{background-color:#ff679a}
.level.lv10{background-color:#e74c3c}
.level.master{padding:2px 6px 2px 20px;background:#fdd560;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdd560),color-stop(100%,#fca935));background:-webkit-linear-gradient(top,#fdd560 0%,#fca935 100%);background:-ms-linear-gradient(top,#fdd560 0%,#fca935 100%);background:linear-gradient(to bottom,#fdd560 0%,#fca935 100%);color:#975c25;border:1px solid #D89330;letter-spacing:-1px;height:18px}
.level.master:after{position:absolute;left:5px;top:2px;width:15px;height:13px;background:url(/img/ic_crown.png) no-repeat 0 0;content:""}

/* btn ui */
.ui-btn{display:inline-block;position:relative;font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}

/* btn size */
.ui-btn.btn--small{height:18px;padding:0 7px;font-size:12px;line-height:18px}
.ui-btn.btn--regular{height:22px;padding:0 12px;font-size:12px;line-height:22px}
.ui-btn.btn--medium{min-width:80px;height:36px;padding:0 16px;font-size:12px;line-height:36px}
.ui-btn.btn--large{height:43px;padding:0 26px;font-size:14px;line-height:43px}

/* btn color */
.ui-btn.btn--color-gray{color:#202020;background-image:linear-gradient(to bottom, #cad2dd, #a0a7b1)}
.ui-btn.btn--color-darkgray{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3);background-image:linear-gradient(to bottom, #424242, #333)}
.ui-btn.btn--color-blue{background:#32b6ff;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #32b6ff), color-stop(100%, #0588da));background:-webkit-linear-gradient(top, #32b6ff 0%, #0588da 100%);background:-ms-linear-gradient(top, #32b6ff 0%, #0588da 100%);color:#fff}
.ui-btn.btn--color-red{background:#fd7600;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3232), color-stop(100%, #DC1C1C));background:-webkit-linear-gradient(top, #ff3232 0%, #DC1C1C 100%);background:-ms-linear-gradient(top, #ff3232 0%, #DC1C1C 100%);color:#fff}
.ui-btn.btn--color-orange{background:#fd7600;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fd7600), color-stop(100%, #f72d00));background:-webkit-linear-gradient(top, #fd7600 0%, #f72d00 100%);background:-ms-linear-gradient(top, #fd7600 0%, #f72d00 100%);color:#fff}

/* btn radius */
.ui-btn.btn--radius50{border-radius:50px}
.ui-btn.btn--radius5{border-radius:5px}
.ui-btn.btn--radius2{border-radius:2px}

/* tab */
.ui-tab{position:relative;margin-bottom:5px}
.ui-tab ul{overflow:hidden;margin:-2px -2px}
.ui-tab li{float:left;padding:2px 2px;-webkit-box-sizing:border-box;box-sizing:border-box}
.ui-tab li a,
.ui-tab li span{display:block;height:36px;font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;color:#202020;border-radius:1px;background-image:linear-gradient(to bottom, #cad2dd, #a0a7b1);line-height:36px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}
.ui-tab li.on a{background:#32b6ff;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #32b6ff), color-stop(100%, #0588da));background:-webkit-linear-gradient(top, #32b6ff 0%, #0588da 100%);background:-ms-linear-gradient(top, #32b6ff 0%, #0588da 100%);color:#fff}
.ui-tab.ui-col1 li{width:100%}
.ui-tab.ui-col2 li{width:50%}
.ui-tab.ui-col3 li{width:33.3333%}
.ui-tab.ui-col4 li{width:25%}

/* sp load */
.logo a,
.login-box .h_logo,
.join .join__box h1 span{background:url(/ui/images/logo1.png) no-repeat;-webkit-background-size:110px 21px;background-size:110px 21px}

.kakaotalk{display:block;width: 250px;height: 77px;background-position:0 0; background:url(/ui/images/kakaotalk.png) no-repeat;-webkit-background-size:250px 77px;background-size:250px 77px}

.telegramid{display:block;width: 250px;height: 77px;background-position:0 0; background:url(/ui/images/telegram.png) no-repeat;-webkit-background-size:250px 77px;background-size:250px 77px}


.sp,
.ic,
.btn{background:url(/ui/images/m_sp_common.png?v=2198061) no-repeat;-webkit-background-size:304px 944px;background-size:304px 944px}

/* header */
#header1{position:fixed;left:0;top:0;width:100%;height:43px;background-color:#272a2f;z-index:600;box-shadow:0px 4px 4px 0px rgba(0,0,0, 0.5);-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;-ms-transition:all 200ms ease-out;transition:all 200ms ease-out}
#header1 .logo{position:absolute;left:50%;top: 8px;margin-left: -46px;}
#header1 .logo a{display:block;width: 123px;height: 26px;background-position:0 0;font-size:1px;line-height:1px;vertical-align:top;color:rgba(0,0,0,0);}
#header1 .btn{position:absolute;top:0;font-size:1px;line-height:1px;vertical-align:top;color:rgba(0,0,0,0)}
#header1 .btn--side{left:0;width:43px;height:43px;font-size:30px;color:#fff;background:none}
#header1 .btn--side .fa{position:absolute;left:50%;top:50%;margin:-9px 0 0 -8px}
#header1 .btn--refresh{left:43px;width:43px;height:43px;color:#fff;font-size:18px;background:none}
#header1 .btn--refresh .fa{position:absolute;left:50%;top:50%;margin:-9px 0 0 -8px}
#header1 .btn--logout{right:0;width:44px;height:43px;font-size:30px;color:#fff;background:none}
#header1 .btn--logout .fa{position:absolute;left:50%;top:50%;margin:-9px 0 0 -8px}


.sidr-open #header{left:280px}

/* sidemenu */
.aside{display:none;position:fixed;top:0;left:-280px;float:left;width:280px;min-height:517px;height:100%;background-color:#272a2f;z-index:1000}
.aside .btn__close{position:fixed;top:0;left:280px;height:100%;right:0;z-index:1}
.side-menu{position:relative;z-index:1}
.side-menu .myinfo{position:relative;background:#FA5B57;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #32b6ff), color-stop(100%, #0588da));background:-webkit-linear-gradient(top, #32b6ff 0%, #0588da 100%);background:-ms-linear-gradient(top, #32b6ff 0%, #0588da 100%)}
.side-menu .myinfo .my__comm{position:relative;padding:13px 16px 17px}
.side-menu .myinfo .my__comm .my_name{display:block;overflow:hidden;max-width:92px;color:#fff;font-size:15px;white-space:nowrap;text-overflow:ellipsis}
.side-menu .myinfo .my__comm .my_name .nick{font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif}
.side-menu .myinfo .my__comm .btn__area{position:absolute;right:16px;top:12px}
.side-menu .myinfo .my__comm .btn__area a{display:inline-block;height:20px;padding:0 8px;color:#fff;font-size:12px;line-height:20px;text-align:center;border-radius:50px;border:1px solid rgba(255,255,255,.3)}
.side-menu .myinfo .my__btn{position:relative;padding:12px 0;text-align:center}
.side-menu .myinfo .my__btn a{display:inline-block;min-width:104px;height:26px;color:#fff;font-size:14px;line-height:26px;text-align:center;border-radius:50px;border:1px solid rgba(255,255,255,.3)}
.side-menu .myinfo .my__menu{position:relative;padding:11px 12px 12px}
.side-menu .myinfo .my__menu ul{*zoom:1}
.side-menu .myinfo .my__menu ul:after{display:block;clear:both;content:""}
.side-menu .myinfo .my__menu li{float:left;width:25%;text-align:center}
.side-menu .myinfo .my__menu li a{display:block;color:#fff;font-size:10px;text-align:center;letter-spacing:-0.5px;white-space:nowrap}
.side-menu .myinfo .my__menu li .box{display:inline-block;position:relative;height:50px;color:#fff;font-size:12px}
.side-menu .myinfo .my__menu li .ic{display:block;width:35px;height:30px;margin:0 auto 4px}
.side-menu .myinfo .my__menu li .ic--my{background-position:-60px -554px}
.side-menu .myinfo .my__menu li .ic--recharge{background-position:-97px -554px}
.side-menu .myinfo .my__menu li .ic--exchange{background-position:-134px -554px}
.side-menu .myinfo .my__menu li .ic--betting{background-position:-171px -554px}
.side-menu .myinfo .my__menu .num{position:absolute;font-weight:bolder;top:0;right:-3px;border-radius:15px;background-color:rgba(39, 42, 47, .8);height:14px;padding:1px 6px 3px;font-size:11px;text-align:center;color:#fff}
.side-menu .myinfo .my_menu .btn_my_page span{display:block;width:32px;height:39px;background-position:0 -148px;margin-left:13px}
.side-menu .myinfo .my_menu .btn_my_order span{display:block;width:34px;height:40px;background-position:-33px -148px;margin-left:12px}
.side-menu .myinfo .my_menu .btn_my_gift span{display:block;width:34px;height:40px;background-position:-68px -150px;margin-left:12px}
.side-menu .myinfo .my_menu .btn_my_cart span{display:block;width:42px;height:40px;background-position:-103px -149px;margin-left:5px}
.side-menu .myinfo .my_menu .num{position:absolute;font-weight:bolder;top:0;right:0;border-radius:15px;background:#000000;height:14px;padding:2px 5px 3px 5px;font-size:12px;text-align:center;color:#FFF}
.side-menu .menubox .allmcon{position:relative;height:100%;overflow:auto}
.side-menu .menubox .cate{height:46px;padding:0 17px;font-size:15px;font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;font-weight:normal;color:#fff;line-height:46px;background-color:#363a41}
.side-menu .menubox li{position:relative}
.side-menu .menubox li a{display:block;overflow:hidden;height:42px;padding:0 32px 0 14px;font-size:14px;white-space:nowrap;text-overflow:ellipsis;color:#fff;line-height:42px;border-bottom:1px solid #4a4f58}
.side-menu .menubox li .ic{display:block;position:absolute;left:17px;top:15px;width:22px;height:20px}
.side-menu .menubox li .ic--bu{left:auto;right:16px;top:16px;width:8px;height:14px;background-position:-60px -589px}

.login-info{position:relative;padding:0 7px;background-color:#272a2f;box-shadow:0px 4px 4px 0px rgba(0,0,0, 0.5)}
.login-info .info__box{display:-webkit-box;position:relative}
.login-info .info__box .id{display:-webkit-box;font-size:14px;color:#7c7e82;vertical-align:top;-webkit-box-orient:vertical;-webkit-box-flex:1}
.login-info .info__box .id .nick{display:-webkit-box;max-height:18px;-webkit-box-orient:vertical;font-weight:normal;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.login-info .info__box .id .nick b{font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;color:#fff}
.login-info .info__box .level{margin-right:2px}
.login-info .info__box .message{display:-webkit-box;margin:1px 8px 0 6px;font-size:12px;color:#7c7e82;-webkit-box-orient:vertical;-webkit-box-flex:0}
.login-info .info__box .message .tit{display:inline-block;position:relative;margin-right:5px;padding-right:5px}
.login-info .info__box .message .tit:after{position:absolute;right:0;top:4px;width:1px;height:9px;background-color:#3b3d40;content:""}
.login-info .info__box .message .ic{display:inline-block;width:10px;height:8px;margin:4px 4px 0 0;background-position:-85px -50px;vertical-align:top}
.login-info .info__box .message .cnt{font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-weight:normal;color:#fff}
.login-info .info__box .money{display:inline-block;margin:1px 8px 0 0;font-size:12px;color:#7c7e82;vertical-align:top}
.login-info .info__box .money .tit{display:inline-block;position:relative;margin-right:5px;padding-right:5px}
.login-info .info__box .money .tit:after{position:absolute;right:0;top:4px;width:1px;height:9px;background-color:#3b3d40;content:""}
.login-info .info__box .money .ic{display:inline-block;width:11px;height:11px;margin:3px 2px 0 0;background-position:-54px -48px;vertical-align:top}
    .login-info .info__box .money .cnt {
        font-family: HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;
        font-weight: normal;
        color: #bf9545
    }
.login-info .info__box .point{display:inline-block;margin:1px 8px 0 0;font-size:12px;color:#7c7e82;vertical-align:top}
.login-info .info__box .point .tit{display:inline-block;position:relative;margin-right:5px;padding-right:5px}
.login-info .info__box .point .tit:after{position:absolute;right:0;top:4px;width:1px;height:9px;background-color:#3b3d40;content:""}
.login-info .info__box .point .ic{display:inline-block;width:11px;height:11px;margin:3px 2px 0 0;background-position:-69px -48px;vertical-align:top}
.login-info .info__box .point .cnt{font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-weight:normal;color:#fff}
.login-info .info__box .ui-btn{position:absolute;right:0;top:9px}
.login-info .info__box .gtimer{position:absolute;right:0;top:0px;font-size:9px;font-family:arial;color:#737373;}
.login-info .box--row1{padding:8px 62px 10px 0;border-bottom:1px solid #2d3036}
.login-info .box--row2{padding:6px 0 8px}

/* main */
.main-menu{overflow:hidden;position:relative}
.main-menu .menu{overflow:hidden;margin-right:-2px;padding:7px 4px}
.main-menu .menu li{float:left;width:33.3%;padding:3px;-webkit-box-sizing:border-box;box-sizing:border-box}
.main-menu .menu li:nth-child(3n){width:33.4%}
.main-menu .menu li .btn{display:block;overflow:hidden;position:relative;width:100%;height:72px;border-radius:4px;background:none;background:#535963;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #535963), color-stop(100%, #363a41));background:-webkit-linear-gradient(top, #535963 0%, #363a41 100%);background:-ms-linear-gradient(top, #535963 0%, #363a41 100%)}
.main-menu .menu li .btn .img{position:absolute;left:0;top:0;width:41px;height:72px;content:""}
.main-menu .menu li .btn .bg{position:absolute;right:0;top:0;width:57px;height:72px;content:""}
.main-menu .menu li .btn .tit{position:absolute;left:7px;bottom:6px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:14px;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.9);z-index:1}
.main-menu .menu li .btn .sub{position:absolute;right:7px;top:8px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:9px;text-shadow:1px 1px 0 rgba(0,0,0,.7);color:#8c95a6;z-index:1}
.main-menu .menu li .btn--menu1 .img{background-position:0 -64px}
.main-menu .menu li .btn--menu1 .bg{background-position:-41px -64px}
.main-menu .menu li .btn--menu2 .img{background-position:-103px -64px}
.main-menu .menu li .btn--menu2 .bg{background-position:-144px -64px}
.main-menu .menu li .btn--menu3 .img{background-position:-206px -64px}
.main-menu .menu li .btn--menu3 .bg{background-position:-247px -64px}
.main-menu .menu li .btn--menu4 .img{background-position:0 -141px}
.main-menu .menu li .btn--menu4 .bg{background-position:-41px -141px}
.main-menu .menu li .btn--menu5 .img{background-position:-103px -141px}
.main-menu .menu li .btn--menu5 .bg{background-position:-144px -141px}
.main-menu .menu li .btn--menu6 .img{left:3px;background-position:-206px -141px}
.main-menu .menu li .btn--menu6 .bg{background-position:-247px -141px}
.main-menu .menu li .btn--menu7 .img{background-position:0 -218px}
.main-menu .menu li .btn--menu7 .bg{background-position:-41px -218px}
.main-menu .menu li .btn--menu8 .img{background-position:-103px -218px}
.main-menu .menu li .btn--menu8 .bg{background-position:-144px -218px}
.main-menu .menu li .btn--menu9 .img{background-position:-206px -218px}
.main-menu .menu li .btn--menu9 .bg{background-position:-247px -218px}
.main-menu .menu li .btn--menu10 .img{background-position:0 -295px}
.main-menu .menu li .btn--menu10 .bg{background-position:-41px -295px}
.main-menu .menu li .btn--menu11 .img{background-position:-103px -295px}
.main-menu .menu li .btn--menu11 .bg{background-position:-144px -295px}
.main-menu .menu li .btn--menu12 .img{background-position:-206px -295px}
.main-menu .menu li .btn--menu12 .bg{background-position:-247px -295px}
.main-menu .menu li .btn--menu13 .img{background-position:0 -372px}
.main-menu .menu li .btn--menu13 .bg{background-position:-41px -372px}
.main-menu .menu li .btn--menu14 .img{width:47px;background-position:-103px -372px}
.main-menu .menu li .btn--menu14 .bg{width:51px;background-position:-150px -372px}
.main-menu .menu li .btn--menu15 .img{width:47px;background-position:-206px -372px}
.main-menu .menu li .btn--menu15 .bg{width:51px;background-position:-253px -372px}
.main-menu .menu li .btn--menu16 .img{width:40px;background-position:0 -620px}
.main-menu .menu li .btn--menu16 .bg{width:52px;background-position:-46px -620px}
.main-menu .menu li .btn--menu17 .img{background-position:-103px -620px}
.main-menu .menu li .btn--menu17 .bg{background-position:-144px -620px}
.main-menu .menu li .btn--menu18 .img{background-position:-206px -620px}
.main-menu .menu li .btn--menu18 .bg{background-position:-247px -620px}


.main-top{position:relative;margin-top:5px}
.main-top .btn__top{display:block;padding:14px 0}
.main-top .btn__top .ic{display:block;width:37px;height:25px;margin:0 auto;background-position:-151px 0;font-size:1px;line-height:1px;vertical-align:top;color:rgba(0,0,0,0)}

/* sub title */
.sub-title{position:relative;padding:10px 7px 0}
.sub-title .title{position:relative;height:50px;padding-left:47px;background-color:#272a2f}
.sub-title .title .ic{position:absolute;left:0;top:0;width:32px;height:30px}
.sub-title .title .tit{display:inline-block;margin-top:15px;font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;font-size:18px;font-weight:normal;vertical-align:top;color:#fff}
.sub-title .title .tit .sub{display:inline-block;margin:4px 0 0 4px;font-size:11px;vertical-align:top;color:#68696c}
.sub-title .title--multi .ic{left:12px;top:10px;background-position:0 -449px}
.sub-title .title--handicap .ic{left:12px;top:10px;background-position:-34px -449px}
.sub-title .title--special .ic{left:12px;top:10px;background-position:-68px -449px}
.sub-title .title--result .ic{left:12px;top:10px;background-position:-136px -449px}
.sub-title .title--betting .ic{left:12px;top:10px;background-position:-170px -449px}
.sub-title .title--live .ic{left:12px;top:10px;background-position:-136px -481px}
.sub-title .title--realtime .ic{left:12px;top:10px;background-position:-102px -449px}
.sub-title .title--board .ic{left:12px;top:10px;background-position:-170px -449px}
.sub-title .title--customer .ic{left:12px;top:10px;background-position:-204px -449px}
.sub-title .title--event .ic{left:12px;top:10px;background-position:-238px -449px}
.sub-title .title--messagebox .ic{left:12px;top:10px;background-position:-272px -449px}
.sub-title .title--myinfo .ic{left:12px;top:10px;background-position:0 -481px}
.sub-title .title--rule .ic{left:9px;top:10px;background-position:-32px -481px}
.sub-title .title--recharge .ic{left:12px;top:10px;background-position:-68px -481px}
.sub-title .title--excharge .ic{left:12px;top:10px;background-position:-102px -481px}

/* sub article */
.sub-article{position:relative;padding:18px 7px 20px}

.sub-notice{position:relative;margin-bottom:10px;padding:10px;border:1px solid #373b42}
.sub-notice p{display:-webkit-box;overflow:hidden;position:relative;max-height:38px;padding-left:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#fff;line-height:19px;font-size:13px}
.sub-notice p+p{margin-top:5px}
.sub-notice p a{color:#fff}
.sub-notice p .fa{position:absolute;left:0;top:1px;color:#2fb5fe;font-size:15px}

/* match search */
.match-search{position:relative;margin:10px 0;padding-right:50px}
.match-search .frm_input{width:100%;height:36px;background-color:#373b42;color:#fff;padding:0 8px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;border-radius:2px;line-height:36px;border:none}
.match-search .btn__ui{position:absolute;right:0;top:0;width:46px;height:36px;background-color:#373b42;color:#fff;padding:0 8px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;border-radius:2px;line-height:36px;border:none;-webkit-appearance:none;background:#32b6ff;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #32b6ff), color-stop(100%, #0588da));background:-webkit-linear-gradient(top, #32b6ff 0%, #0588da 100%);background:-ms-linear-gradient(top, #32b6ff 0%, #0588da 100%)}

/* realtime */
.game__frame{position:relative;width:100%;text-align:center}
.game__frame .target0{position:relative; width:508px; height:395px; overflow:hidden; margin:0 auto;}
.game__frame .target1{/* position:absolute; */top:0px;left:0px;margin-left:-75px;margin-top:-200px;}
.game__frame .target2{border:0px; width:1600px; height:1000px; -webkit-transform:scale(1); -webkit-transform-origin:top left;}

/* match list */
.match-list{position:relative;margin-right:-4px;font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif}
.match-list .match-list__item{margin-top:15px}
.match-list .match-list__item:first-child{margin-top:0}
.match-list .list__title{padding-bottom:5px}
.match-list .list__title .list__box{overflow:hidden;position:relative}
.match-list .list__title .flag{display:inline-block;overflow:hidden;float:left;margin:0 4px 0 0;font-size:1px;line-height:0;vertical-align:top}
.match-list .list__title .tit{display:-webkit-box;overflow:hidden;max-height:18px;font-size:14px;font-weight:normal;color:#fff;line-height:18px;vertical-align:top;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.match-list .list__title .tit img{vertical-align:top}
.match-list .list__head{position:relative}
.match-list .list__head .list__table{display:table;width:100%;border-spacing:1px;table-layout:fixed;margin:0 0 -1px -1px}
.match-list .list__head .list__row{display:table-row}
.match-list .list__head .col{display:table-cell;overflow:hidden;position:relative;-webkit-border-radius:2px;border-radius:2px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:11px;color:#5c5e60;padding:6px 12px;vertical-align:middle;text-align:center;background-color:#272a2f}
.match-list .list__head .col--date{text-align:left}
.match-list .list__head .col--tit{color:#fff}
.match-list .list__head .col--tit .cnt{color:#f29000}
.match-list .list__content{position:relative}


.match-list .list__content .list__item.disable .list__row .col--time,
.match-list .list__content .list__item.disable .list__row .col--title,
.match-list .list__content .list__item.disable .list__row .col--bet,
.match-list .list__content .list__item.disable .list__sub .list__head .col--tit{opacity:.4;pointer-events:none}
.match-list .list__content .list__item.disable .list__row .col--more{opacity:.4}

.match-list .list__content .list__table{display:table;width:100%;border-spacing:1px;table-layout:fixed;margin:0 -1px -1px;-webkit-box-sizing:border-box;box-sizing:border-box}
.match-list .list__content .list__row{display:table-row}
.match-list .list__content .list__row .col{display:table-cell;overflow:hidden;position:relative;-webkit-border-radius:2px;border-radius:2px;font-size:11px;color:#fff;padding:8px 0;vertical-align:middle;background-color:#2b2e32}
.match-list .list__content .list__row .col--match{width:60%;padding:8px 7px;text-align:left}
.match-list .list__content .list__row .col--match .tit{display:-webkit-box;overflow:hidden;max-height:28px;font-size:12px;line-height:14px;color:#ebebeb;font-weight:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.match-list .list__content .list__row .col--match .tit .vs{color:#5c5e60}
.match-list .list__content .list__row .col--time{width:34px;padding:8px 2px;font-size:10px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;white-space:nowrap;text-align:center}
.match-list .list__content .list__row .col--time .btn__more{position:relative;right:auto;bottom:auto;margin-top:-3px;vertical-align:middle}
.match-list .list__content .list__row .col--title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;font-size:12px;color:#fff}
.match-list .list__content .list__row .col--more{width:35px;padding:0 2px;text-align:center}
.match-list .list__content .list__row .col--more .btn__more{position:relative;right:auto;bottom:auto;margin:0;vertical-align:middle}
.match-list .list__content .list__row .col--service{font-size:15px;color:#f0ad00}
.match-list .list__content .list__row .col--service .fa{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}
.match-list .list__content .list__row .col--result{width:35px;padding:8px 7px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:12px;color:#32b6ff;text-align:center}
.match-list .list__content .list__row .col--subject{width:20%;padding:0 5px;text-align:center}
.match-list .list__content .list__row .col--bet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 10px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:12px;color:#fff;background:#535963;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #535963), color-stop(100%, #363a41));background:-webkit-linear-gradient(top, #535963 0%, #363a41 100%);-ms-linear-gradient(top, #535963 0%, #363a41 100%);white-space:nowrap}
.match-list .list__content .list__row .col--bet .cnt{color:#f29000}
.match-list .list__content .list__row .col--bet .elc-odds{display:block;font-weight:bold;color:#6ac5ff;float: right;}
.match-list .list__content .list__row .col--bet .status{}
.match-list .list__content .list__row .col-stat{font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;color:#32b6ff;text-align:center}
.match-list .list__content .list__row .col--versus{padding:8px 10px;text-align:center;color:#fff}
.match-list .list__content .list__row .col--draw{text-align:left}
.match-list .list__content .list__row .col--ratio{padding-left:5px;padding-right:5px;white-space:normal;text-overflow:clip;text-align:center;color:#fff}
.match-list .list__content .list__row .col--active{background:#32b6ff;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #32b6ff), color-stop(100%, #0588da));background:-webkit-linear-gradient(top, #32b6ff 0%, #0588da 100%);background:-ms-linear-gradient(top, #32b6ff 0%, #0588da 100%);color:#fff}
.match-list .list__content .list__row .col--active .elc-odds{color:#fff}
.match-list .list__content .list__row .col--active .cnt{color:#fff}
.match-list .list__content .btn__more{display:inline-block;overflow:hidden;position:absolute;right:7px;bottom:8px;height:14px;margin-top:4px;padding:0 5px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:10px;color:#2fb5fe;line-height:14px;border:1px solid #2fb5fe;border-radius:50px}
.match-list .list__content .info{display:block;overflow:hidden;height:14px;margin:2px 0 4px;font-size:11px;color:#919191}
.match-list .list__content .status{display:inline-block;height:14px;font-size:12px;line-height:14px;}
.match-list .list__content .status .result{color:#5a5c5f}
.match-list .list__content .status .fa{margin-left:2px;vertical-align:top}
.match-list .list__content .status .over{color:#ff3232}
.match-list .list__content .status .over .fa{margin-top:3px}
.match-list .list__content .status .under{color:#32b6ff}
.match-list .list__content .status .under .fa{margin-top:0}
.match-list .list__content .score{display:inline-block;overflow:hidden;height:14px;margin-top:4px;padding:0 5px;font-size:10px;line-height:14px;border:1px solid #919191;border-radius:50px}
.match-list .list__content .score .num{color:#919191}
.match-list .list__content .score .fa{margin-left:2px;vertical-align:top}
.match-list .list__content .score .win{color:#32b6ff}
.match-list .list__content .score .defeat{color:#ff3232}
.match-list .list__content .score .draw{color:#919191}
.match-list .list__content .list__sub{padding-left:10px}
.match-list .list__content .list__sub .list__head{display:table-row}
.match-list .list__content .list__sub .list__head .col--tit{width:100%;color:#6AC5F0;text-align:left}
.match-list .list__content .list__sub .list__row .col--match .tit{color:#7b7b7b}
.match-list .list__content .list__sub .list__row .col--ratio{}


/* result */
.match-result .list__head .col{padding:6px 6px;white-space:nowrap;text-align:center}
.match-result .list__top .list__content .col{text-align:center}
.match-result .list__box{margin-bottom:5px}
.match-result .list__box:first-child{margin-top:0}
.match-result .list__content .col{text-align:center}
.match-result .list__content .list__row .col--date{color:#B6B6B6;font-size:10px}
.match-result .list__content .list__row .col--home,
.match-result .list__content .list__row .col--away{font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;padding:8px 2px;text-overflow:ellipsis;white-space:nowrap}
.match-result .list__content .list__row .col--status{color:#6ac5ff}
.match-result .list__content .list__row .col--score{font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:13px}
.match-result .list__result{position:relative;margin-right:2px;padding:4px 5px;border-radius:2px;background-color:#2b2e32;border:1px solid #189cea;-webkit-box-sizing:border-box;box-sizing:border-box}
.match-result .list__result .result__box{}
.match-result .list__result table{width:100%}
.match-result .list__result th,
.match-result .list__result td{padding:3px}
.match-result .list__result th{padding-bottom:0;font-size:12px;color:#fff;text-align:left}
.match-result .list__result .check .date{display:inline-block;margin-top:-6px;font-size:12px;color:#a5a2a2;vertical-align:middle;text-align:center}
.match-result .list__result .inp_box{display:inline-block;overflow:hidden;position:relative;width:100%;height:29px;padding:0 9px;border:1px solid #4E4E4E;border-radius:2px;background-color:#34373e;font-size:13px;line-height:28px;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;white-space:nowrap}
.match-result .list__result .inp_box .cnt{display:block;font-weight:bold;font-size:13px;color:#fff;text-align:right}
.match-result .list__result .inp_box .rate{color:#8fcf00;text-align:center}
.match-result .list__result .inp_box .hit{color:#00A2FF;text-align:center}
.match-result .list__result .inp_box .money{color:#00b5e5}
.match-result .list__result+.live__btn{margin-top:10px}

/* ladder */
.match-ladder .list__content .list__row .col--subject{padding:8px 10px;text-align:left}
.match-ladder .list__content .list__row .col--time{width:60px}
.match-ladder .list__content .list__row .coll--type{width:80px}

/* vsoccer */
.match-vsoccer{margin-top:20px}
.match-vsoccer .list__title .tit em{color:#fa7a0a}
.match-vsoccer .list__title .final{display:block;margin-top:2px;font-size:11px;color:#999}
.match-vsoccer .list__content .list__row{overflow:hidden}
.match-vsoccer .list__content .list__row .col--bet{height:17px;font-size:11px;padding:8px 40px 8px 6px}
.match-vsoccer .list__content .list__row .col--bet .elc-odds{position:absolute;right:6px;top:8px}
.match-vsoccer .list__content .list__row .col--bet .bet365{color:#22b58a}
.match-vsoccer .list__content .list__row .col--bet.col--active .win,
.match-vsoccer .list__content .list__row .col--bet.col--active .lose{color:#fff !important}
.match-vsoccer .list__content .list__row .col--empty{height:17px;background:none;pointer-events:none}
.match-vsoccer .list__content .list__row .col--draw{text-align:center}
.match-vsoccer .list__content .list__row .col--draw .elc-odds{left:10px;right:10px;text-align:center}
.match-vsoccer .list__content .list__row .col--subject{padding:8px 10px;text-align:left}
.match-vsoccer .list__content .list__row .col--type{display:block;float:left;width:60px;height:33px;margin-top:1px;padding:0;line-height:33px;text-align:center}
.match-vsoccer .list__content .list__row .col__box{overflow:hidden}
.match-vsoccer .list__content .list__row .col__table{display:table;width:100%;table-layout:fixed}
.match-vsoccer .list__content .list__item.item__match .col--type{color:#32b6ff}
.match-vsoccer .list__content .list__item.item__goals .col--type{color:#f97409}
.match-vsoccer .list__content .list__item.item__score .col--type{color:#f97409}
.match-vsoccer .list__content .list__item.item__score .col--home{padding:8px 4px;color:#32b6ff;text-align:center;background:#2b2e32}
.match-vsoccer .list__content .list__item.item__score .col--away{padding:8px 4px;color:#fa7a0a;text-align:center;background:#2b2e32}
.match-vsoccer .list__content .list__item.item__score .col--draw{padding:8px 4px;color:#fff;text-align:center;background:#2b2e32}
.match-vsoccer .list__content .list__item.item__score .col--bet .win{font-weight:bold;color:#32b6ff}
.match-vsoccer .list__content .list__item.item__score .col--bet .lose{font-weight:bold;color:#fa7a0a}
.match-vsoccer .list__content .list__item.item__under .col--type{color:#9ba947}

/* greyhounds */
.match-greyhounds{margin-top:20px}
.match-greyhounds .list__title .tit em{color:#fa7a0a}
.match-greyhounds .list__title .final{display:block;margin-top:2px;font-size:11px;color:#999}
.match-greyhounds .list__content .list__row{overflow:hidden}
.match-greyhounds .list__content .list__row .col--bet{padding-right:46px;height:17px}
.match-greyhounds .list__content .list__row .col--bet .elc-odds{position:absolute;right:10px;top:8px}
.match-greyhounds .list__content .list__row .col--bet .bet365{color:#22b58a}
.match-greyhounds .list__content .list__row .col--bet.col--active .win,
.match-greyhounds .list__content .list__row .col--bet.col--active .lose{color:#fff !important}
.match-greyhounds .list__content .list__row .col--empty{height:17px;background:none;pointer-events:none}
.match-greyhounds .list__content .list__row .col--draw{text-align:center}
.match-greyhounds .list__content .list__row .col--draw .elc-odds{left:10px;right:10px;text-align:center}
.match-greyhounds .list__content .list__row .col--subject{padding:8px 10px;text-align:left}
.match-greyhounds .list__content .list__row .col--time{display:block;float:left;width:64px;height:33px;margin-top:1px;padding:0;color:#969696;line-height:33px;text-align:center}
.match-greyhounds .list__content .list__row .col__box{overflow:hidden}
.match-greyhounds .list__content .list__row .col__table{display:table;width:100%;table-layout:fixed}


.result-list{position:relative;padding-right:2px}
.result-list .result-table{width:100%;border-spacing:1px;border-collapse:separate}
.result-list caption{visibility:hidden;height:0}
.result-list th{height:30px;padding:4px 0;text-align:center;border-bottom:1px solid #000;letter-spacing:-1px;font-weight:normal;border-radius:2px;background:#515862;font-size:12px;border:none;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #535963), color-stop(100%, #363a41));background:-webkit-linear-gradient(top, #535963 0%, #363a41 100%);-ms-linear-gradient(top, #535963 0%, #363a41 100%);font-family:Arial,sans-serif;font-size:12px;font-weight:bold;color:#fff;vertical-align:middle}
.result-list tbody td{background-color:#2b2e32;padding:8px 5px;font-size:11px;letter-spacing:-.5px;border-bottom:1px solid #323232;font-size:13px;color:#b9b9b9;border:none;text-align:center}
.result-list tbody td .btn{display:inline-block;padding:5px 8px;border-radius:2px;background:#515862;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#515862),color-stop(100%,#2e3136));background:-webkit-linear-gradient(top,#515862 0%,#2e3136 100%);background:-ms-linear-gradient(top,#515862 0%,#2e3136 100%);background:linear-gradient(to bottom,#515862 0%,#2e3136 100%);font-family:Arial,sans-serif;font-size:12px;color:#fff;text-align:center}
.result-list tbody td.date{font-size:11px}
.result-list tbody td a{color:#fff}
.result-list tbody td a:hover{color:#32b6ff}
.result-list tbody td span{font-weight:bold}
.result-list tbody td .num{color:#fff}
.result-list tbody td .even{color:#FF6060}
.result-list tbody td .large{color:#3BB58D}
.result-list tbody td .odd{color:#32b6ff}
.result-list tbody td .middle{color:#7D859E}
.result-list tbody td .small{color:#FFD90C}

/* point */
.point-pannel{position:relative;margin-bottom:7px}
.point-pannel .point{display:inline-block;margin:1px 8px 0 0;font-size:12px;color:#7c7e82;vertical-align:top}
.point-pannel .point .tit{display:inline-block;position:relative;margin-right:5px;padding-right:5px}
.point-pannel .point .tit:after{position:absolute;right:0;top:4px;width:1px;height:9px;background-color:#3b3d40;content:""}
.point-pannel .point .ic{display:inline-block;width:11px;height:11px;margin:3px 2px 0 0;background-position:-69px -48px;vertical-align:top}
.point-pannel .point .cnt{font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-weight:normal;color:#fff}
.point-pannel .ui-btn{position:absolute;right:0;top:0}

/* live */
/* text */
.text__betting{padding:0 5px}
.text__betting p{font-size:15px;line-height:22px;color:gray}
.text__betting h4{display:block;margin-bottom:8px;font-size:18px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-weight:normal;color:#fff}
.text__betting h4 b{color:#32b6ff}
.text__betting ul{margin:25px 0}
.text__betting li{overflow:hidden;margin-top:5px;font-size:13px;line-height:18px;color:#969696}
.text__betting li strong{display:inline-block;float:left;margin-right:4px;font-weight:normal;padding-left:10px;background:url(/img/ico_s.png) no-repeat 0 center;color:#fff}
.text__betting li a{display:inline-block;color:#666}
.text__betting .point{font-size:13px;line-height:18px;color:#FF6060}


/* board */
.board-ui{position:relative}
.board__btn{position:relative;margin-top:15px;text-align:center}
.board__btn .board__box{overflow:hidden}
.board__btn .board__box li{margin-bottom:4px;-webkit-box-sizing:border-box;box-sizing:border-box}
.board__btn .board__box .ui-btn{display:block}
.board__btn.board--right{text-align:right}
.board__btn.board--left{text-align:left}
.board__btn.board--col1 .ui-btn{width:100%}
.board__btn.board--col1 .board__box li+li{margin-top:4px}
.board__btn.board--col2 .board__box{margin:0 -2px}
.board__btn.board--col2 .board__box li{float:left;width:50%;padding:0 2px}
.board__btn.board--col2 .board__box .ui-btn{display:block}
.board__btn.board--col3 .board__box li{float:left;width:33.3333%;padding:0 2px}

/* list */
.board__list{width:100%;border:1px solid #323232;-webkit-box-sizing:border-box;box-sizing:border-box}
.board__list caption{visibility:hidden;height:0}
.board__list th{position:relative;padding:15px 4px;border-bottom:1px solid #323232;background-color:#232528;letter-spacing:-1px;font-size:13px;font-weight:normal;color:#fff;text-align:center}
.board__list thead th.last{background-image:none}
.board__list thead th:after{position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#323232;content:""}
.board__list thead th:first-child:after{display:none}
.board__list tbody td{padding:10px 5px;border-bottom:1px solid #323232;font-size:12px;color:#5f5f5f;letter-spacing:-1px;line-height:15px;text-align:center}
.board__list tbody td .btn{display:inline-block;padding:5px 8px;border-radius:2px;background:#515862;background:-moz-linear-gradient(top,#515862 0%,#2e3136 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#515862),color-stop(100%,#2e3136));background:-webkit-linear-gradient(top,#515862 0%,#2e3136 100%);background:-o-linear-gradient(top,#515862 0%,#2e3136 100%);background:-ms-linear-gradient(top,#515862 0%,#2e3136 100%);background:linear-gradient(to bottom,#515862 0%,#2e3136 100%);font-family:Arial,sans-serif;font-size:12px;color:#fff;text-align:center}
.board__list tbody td.num{color:#a3a3a3;letter-spacing:-1px}
.board__list tbody td.left{text-align:left}
.board__list tbody td.name{color:#ebebeb}
.board__list tbody td.subject{font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;color:#fff;text-align:left}
.board__list tbody td.subject a{display:-webkit-box;overflow:hidden;max-height:32px;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#fff}
.board__list tbody td.subject a em{color:#2fb5fe}
.board__list tbody td.subject a .fa{color:#7c7e82}
.board__list tbody td.date{font-size:11px}
.board__list tbody td.money{padding:12px 2px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:11px;color:#32b6ff;word-break:break-all}
.board__list tbody td.in_money{padding:12px 2px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:11px;color:#1bbc9b;word-break:break-all}
.board__list tbody td.out_money{padding:12px 2px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:11px;color:#e74b3c;word-break:break-all}
.board__list tbody td.before_money{padding:12px 2px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:11px;color:#fff;word-break:break-all}
.board__list tbody td.noresult{color:#898989}
.board__list tbody td.nick{text-align:left}
.board__list tbody td .notice{display:inline-block;height:13px;margin:1px 4px 2px 0;padding:0 6px;font-size:10px;font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;vertical-align:top;line-height:12px;border-radius:50px;border:1px solid #2fb5fe;color:#2fb5fe}
.board__list tbody td .message{display:inline-block;height:15px;margin:1px 4px 0 0;padding:0 6px;font-size:10px;font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;white-space:nowrap;vertical-align:top;line-height:15px;border-radius:50px;-webkit-box-orient:vertical;-webkit-box-flex:0}
.board__list tbody td .message-ok{border:1px solid #2fb5fe;color:#2fb5fe}
.board__list tbody td .message-no{border:1px solid #ff3232;color:#ff3232}

/* view */
.board__view{border:1px solid #323232}
.board__view .tt{margin:0;padding:17px 14px;border-bottom:1px solid #323232;background:#232528;font-size:14px;color:#fff}
.board__view .tt .notice{display:inline-block;height:13px;margin:2px 4px 0 0;padding:0 6px;font-size:10px;font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;vertical-align:top;line-height:12px;border-radius:50px;border:1px solid #2fb5fe;color:#2fb5fe}
.board__view .info{border-bottom:1px solid #323232}
.board__view .info dl{display:-webkit-box;margin:0;*zoom:1}
.board__view .info dl:after{display:block;clear:both;content:''}
.board__view .info dd{display:-webkit-box;-webkit-box-pack:center;-webkit-box-flex:1;-webkit-box-orient:vertical;vertical-align:middle;margin:0;padding:10px;font-size:12px;color:#5f5f5f;background-color:#232528;border-left:1px solid #2e3136;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}
.board__view .info dd:first-child{border-left:none}
.board__view .info dd .fa{margin-right:3px}
.board__view .info .date{width:36%;padding:10px 14px;text-align:left}
.board__view .info .hit{width:32%}
.board__view .info .writer{overflow:hidden;width:32%;padding:10px 5px;font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;font-size:12px;color:#959595;white-space:nowrap;text-overflow:ellipsis}
.board__view .substance{padding:14px 14px;line-height:160%;font-size:14px;color:#3f3f3f}
.board__view .substance p.file{margin:-3px 0 14px;font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;font-size:13px;color:#ccc;text-align:right}
.board__view .substance p.file i{margin:3px 4px 0 0}
.board__view .substance p.file a{font-size:12px;color:#fff}
.board__view .desc{font-size:12px;color:#ebebeb;line-height:16px}
.board__view .desc a{color:#0b8cda;text-decoration:none}

/* write */
.board__write{position:relative}
.board__write .btn_confirm{text-align:right}

/* comment */
.board__comment{margin-top:10px}
.board__comment .comment__tit{position:relative;padding:7px;border:1px solid #323232}
.board__comment .comment__tit h2{font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;font-size:12px;font-weight:normal;color:#fff}
.board__comment .comment__tit h2 .fa{margin-right:4px}
.board__comment .comment__write{position:relative;border:1px solid #323232;border-top:none}
.board__comment .comment__write .table__form{position:relative}
.board__comment .comment__write .table__form{position:relative}
.board__comment .comment__write .box__text label{position:absolute;left:12px;top:12px;font-size:12px;color:#3e3e3e}
.board__comment .comment__write .box__text .inp__textarea{height:98px;background:none;padding:12px;line-height:16px;color:#ebebeb;padding:9px 10px;border:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box}
.board__comment .comment__write .box__text .inp__textarea:focus+label{display:none}
.board__comment .comment__write .box__secret{position:relative;padding:10px 12px 5px;border-top:1px dashed #323232}
.board__comment .comment__write .box__secret label{display:inline-block;font-size:12px;vertical-align:top;color:#fff}
.board__comment .comment__write .box__secret .inp__check{margin-right:2px;vertical-align:top}
.board__comment .comment__write .box__btn{padding:0 12px 12px}
.board__comment .comment__write .box__btn .ui-btn{width:100%}
.board__comment .comment__list{padding:5px 0 10px;border:1px solid #323232;border-top:none}
.board__comment .comment__list .box{position:relative;padding:0 14px 11px;border-top:1px solid #34373b}
.board__comment .comment__list .box:first-child{border-top:none}
.board__comment .comment__list .head{position:relative;padding:7px 0 5px}
.board__comment .comment__list .head .icon_reply{position:absolute;top:15px;left:-20px}
.board__comment .comment__list .sv_wrap{margin-right:15px}
.board__comment .comment__list .member{font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;font-size:12px;color:#fff}
.board__comment .comment__list .name{display:inline-block;font-size:12px;color:#fcad39;vertical-align:top}
.board__comment .comment__list .name .level{margin:-2px 3px 0 0}
.board__comment .comment__list .date{display:inline-block;font-size:11px;color:#5f5f5f;vertical-align:top}
.board__comment .comment__list .btn_delete{display:inline-block;margin-top:0;vertical-align:top;color:#fff}
.board__comment .comment__list .btn--close{position:absolute;top:-1px;right:0;width:34px;height:33px;font-size:1px;line-height:1px;vertical-align:top;color:rgba(0,0,0,0);background-position:0 -516px}
.board__comment .comment__list h1{overflow:hidden;position:absolute;font-size:0;line-height:0}
.board__comment .comment__list a{color:#000;text-decoration:none}
.board__comment .comment__list .desc{padding:0 0 6px;font-size:13px;line-height:16px;color:#ebebeb;letter-spacing:0}
.board__comment .comment__list .desc a{text-decoration:underline}
.board__comment .comment__list .desc a.s_cmt{text-decoration:none}
.board__comment .comment__list .desc .comment_body{color:#ebebeb !important}
.board__comment .comment__list .board__comment_empty{margin:0;padding:20px!important;text-align:center}
.board__comment .comment__list .board__comment_winfo{float:left}
.board__comment .comment__list footer{zoom:1}
.board__comment .comment__list footer:after{display:block;visibility:hidden;clear:both;content:''}

/* table */
.table__form{margin:0 0 10px}
.table__form table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #34373b;-webkit-box-sizing:border-box;box-sizing:border-box}
.table__form th{padding:7px;font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;font-size:12px;font-weight:normal;line-height:14px;border:1px solid #323232;color:#fff;border-left:0;background:#232528;text-align:left}
.table__form td{padding:7px;border-top:1px solid #323232;border-bottom:1px solid #323232;background:transparent;font-size:12px;color:#5f5f5f;vertical-align:middle}
.table__form .inp__text{width:100%;height:26px;padding:8px 7px 7px;border:none;border-radius:2px;background:#232528;border:1px solid #2b2e32;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light !important;font-size:11px;color:#808080;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none}
.table__form .inp__textarea{width:100%;padding:7px;border:none;border-radius:2px;background:#232528;border:1px solid #2b2e32;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light !important;font-size:11px;color:#808080;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none}
.table__form a{text-decoration:none}
.table__form .name{color:#ebebeb}
.table__form .hint{display:block;margin-top:4px;font-size:11px;color:#5f5f5f}
.table__form .frm_file{display:block;margin-bottom:5px}
.table__form .frm_info{display:block;padding:0 0 5px;line-height:1.4em}
.table__form .id{font-size:13px}
.table__form .nick{color:#999}
.table__form .recom{font-size:13px}
.table__form .qa{font-size:12px;color:#ff3232}
.table__form .bank{position:relative;overflow:hidden}
.table__form .bank dt{float:left;width:28px;color:#ebebeb}
.table__form .bank dd{color:#5f5f5f}
.table__form .btn__area{display:block;padding-top:4px}
.table__form .btn__area .ui-btn{margin-top:4px}

/* paging */
.paging{margin-top:15px;text-align:center}
.paging strong,
.paging a{display:inline-block;width:30px;height:28px;margin:0 4px;border:1px solid #34373b;background:#1c1e21;line-height:28px;font-size:12px;color:#5c5e60;vertical-align:top}
.paging strong.on{display:inline-block;width:30px;height:28px;border:1px solid #0588da;background:#0588da;font-weight:bold;line-height:28px;color:#fff;vertical-align:top}
.paging a:hover{background-color:#282B2F;font-weight:bold;color:#fff}
.paging a:active{background-color:#282B2F;font-weight:bold;color:#fff}
.paging a:focus{background-color:#282B2F;font-weight:bold;color:#fff}
.paging a span{visibility:hidden;overflow:hidden;position:absolute;left:-9999px;z-index:-1;width:1px;height:1px;line-height:0;font-size:0}

/* realtime */
.realtime{position:relative}
.realtime .list{overflow:hidden}
.realtime .list li{margin-top:10px}
.realtime .list li:first-child{margin-top:0}
.realtime .list li .inner{display:block;position:relative;padding:10px 30px 10px 10px;border:1px solid #272a2f;border-radius:5px}
.realtime .list li .thumb{position:absolute;left:10px;top:10px;width:54px;height:93px;font-size:1px;line-height:0}
.realtime .list li .info{display:-webkit-box;height:93px;padding-left:67px;vertical-align:middle;-webkit-box-pack:center;-webkit-box-orient:vertical}
.realtime .list li .info .tit{display:block;overflow:hidden;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:14px;color:#fff;text-overflow:ellipsis;white-space:nowrap}
.realtime .list li .info .txt{display:block;overflow:hidden;margin-top:2px;font-size:11px;color:#4e5053;text-overflow:ellipsis;white-space:nowrap}
.realtime .list li .ic--bu{position:absolute;right:10px;top:50%;width:12px;height:18px;margin-top:-9px;background-position:-151px -27px}

/* event */

/* event */
.event__box{position:relative;margin:30px 0;border-top:1px solid #34373b}
.event__box li{border-bottom:1px solid #34373b}
.event__box li:first-child{border-top:none}
.event__box li .inner{position:relative}
.event__box li .info_text{padding:24px 182px 24px 7px}
.event__box li .info_text .league{display:block;overflow:hidden;font-size:11px;color:#ebebeb;text-overflow:ellipsis;white-space:nowrap}
.event__box li .info_text .time{display:block;font-size:10px;color:#5f5f5f}
.event__box li .info_text .team{display:block;font-size:13px;font-weight:normal;line-height:16px;color:#fff}
.event__box li .result{display:-webkit-box;position:absolute;right:0;top:0;bottom:0;width:182px;border-left:1px solid #27292d;-webkit-box-orient:vertical;-webkit-box-pack:center;text-align:center;vertical-align:middle}
.event__box li .result span{display:inline-block;margin:0 2px;text-align:center}
.event__box li .result span input{margin-left:2px}
.event__box li .result span label{display:inline-block;width:27px;height:27px;line-height:27px;text-align:center;color:#fff;border-radius:50px;cursor:pointer}
.event__box li .result .win label{background-color:#149ae4}
.event__box li .result .draw label{background-color:#3a3d43}
.event__box li .result .defeat label{background-color:#ff3232}
.event__box .btn__area{padding:15px 0 0;text-align:center}
.event__box .btn__area .ui-btn{width:100%;color:#fff}

.ct_section{background-color:#222529;margin-top:8px;padding:15px 12px}
.section--nobg{background:none;padding:0;margin:0}

/* rule */
.rule__box{position:relative}
.rule__box h3{display:inline-block;height:21px;margin-bottom:11px;padding:0 13px;font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;font-size:12px;font-weight:normal;line-height:21px;text-align:center;color:#0888d7;border:1px solid #0888d7;border-radius:50px}
.rule__box h4{margin-bottom:10px;font-size:12px;font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;font-weight:normal;color:#0888d7}
.rule__box .txt{margin-bottom:20px;font-size:12px;color:#ebebeb;line-height:19px}
.rule__box .txt b{font-weight:normal;color:#19cfab}
.rule__box .rule2{color:#ebebeb;font-size:12px;line-height:19px}
.rule__box .rule2 h3{display:inline-block;height:21px;margin-bottom:11px;padding:0 13px;font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;font-size:12px;font-weight:normal;line-height:21px;text-align:center;color:#0888d7;border:1px solid #0888d7;border-radius:50px}
.rule__box .rule2 .tbl_Rule1 th{padding:3px 10px;font-weight:normal;font-size:12px;text-align:right;color:#0888d7}
.rule__box .rule2 .tbl_Rule1 td{font-size:12px}
.rule__box .rule2 .tbl_Rule1 .align{vertical-align:top;padding-top:0px}
.rule__box .rule2 .tbl_Rule2{border-collapse:collapse;font-size:11px;background:#fff}
.rule__box .rule2 .tbl_Rule2 th{font-size:12px;padding:3px;font-weight:normal;text-align:center;border:1px solid #363a41;color:#32b6ff}
.rule__box .rule2 .tbl_Rule2 td{font-size:12px;padding:3px;text-align:center;border:1px solid #363a41;color:#ebebeb;background-color:#1c1e21}
.rule__box .rule2 .tbl_Rule2 th{background:#222121;font-weight:normal}
.rule__box .rule2 p{padding:20px 0}
.rule__box .rule2 .tbl_Rule2 .tbl_Color1{background:#32b6ff;color:#fff}
.rule__box .rule2 .tbl_Rule2 .tbl_Color2{background:#232528}
.rule__box .rule2 .tbl_Rule2 .left{padding:0 5px;text-align:left}

/* recharge */
.recharge{position:relative}
.recharge__box{position:relative}

.info-list{margin-bottom:12px}
.info-list h3{position:relative;margin-bottom:5px;font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;font-size:13px;color:#fff}
.info-list li{overflow:hidden;margin-top:2px;font-size:12px;color:#666;letter-spacing:-1px;text-align:left;white-space:nowrap;text-overflow:ellipsis;list-style:none}
.info-list li:first-child{margin-top:0}
.info-list li .num{display:inline-block;width:16px;height:16px;margin-top:-2px;line-height:20px;font-size:13px;color:#32b6ff;text-align:center;vertical-align:top}

/* exchange */
.exchange{position:relative}
.exchange .exchange__box{position:relative}
.exchange .charge-box{padding:14px;border:1px #323232 solid}
.exchange .charge-box:before,
.exchange .charge-box:after{display:table;clear:both;content:''}
.exchange .charge-box dl{display:-webkit-box;overflow:hidden}
.exchange .charge-box dt,
.exchange .charge-box dd{display:-webkit-box;height:26px;line-height:26px;-webkit-box-orient:vertical;-webkit-box-pack:center}
.exchange .charge-box dt{margin-right:8px;font-size:13px;color:#fff;list-style:none;-webkit-box-flex:0}
.exchange .charge-box .tit{-webkit-box-flex:0}
.exchange .charge-box .inp{-webkit-box-flex:1}
.exchange .charge-box .area{padding-left:6px;-webkit-box-flex:0}
.exchange .charge-box .field{width:100%;height:26px;vertical-align:top;padding:8px 7px 9px;border:none;border-radius:2px;border:1px solid #2b2e32;background:#232528;-webkit-appearance:none;font-size:12px;color:#808080;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none}
.exchange .charge-box .ui-btn{height:26px;line-height:26px;vertical-align:top}
.exchange .charge-box .hint{display:block;margin-top:8px;padding-left:76px;font-size:11px;line-height:14px;color:#5f5f5f}

/* login */
.login{overflow:hidden;position:relative;min-height:100%;background:url(/img/bg_login.png) 50% 50% no-repeat;-webkit-background-size:cover;background-size:cover}
.login-box{overflow:hidden;position:absolute;left:50%;top:50%;width:264px;height: 354px;margin: -177px 0 0 -132px;background-color:#F7F7F7;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px;}
.login-box .login__head{position:relative;padding:29px 0 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.login-box .login__head .h_logo{display:block;width: 63px;height: 35px;margin:0 auto;background-position:0 -79px;font-size:1px;line-height:1px;vertical-align:top;color:rgba(0,0,0,0);}
.login-box .login__container{padding:16px 20px 32px;background-color:#F7F7F7}
.login-box .login__form{clear:both}
.login-box .sel{padding:5px 10px 5px 7px;border:none;border-radius:0;font-size:15px;font-weight:normal;color:#333;height:30px;min-width:85px;width:100%;background:#fff url(/login/image/tablet/sel_arr_2x.gif) 100% 50% no-repeat;background-size:20px 8px;-webkit-background-size:20px 8px;-webkit-appearance:none;-moz-appearance:none;line-height:18px;text-indent:0.01px;text-overflow:''}
.login-box .input__row{position:relative;border:1px solid #d9d9d9;padding:8px 35px 7px 15px;margin:0 0 10px;background:#fff;height:29px}
.login-box .input__box{display:block;overflow:hidden}
.login-box .int{position:relative;width:100%;padding:6px 0 7px;height:16px;z-index:9;border:none;background:none;font-size:13px;color:#000;line-height:16px}
.login-box .lbl{position:absolute;top:16px;left:15px;z-index:8;font-size:13px;color:#555;line-height:16px}
.login-box .wrg{display:black;position:absolute;top:15px;right:13px;z-index:1000;width:19px;height:19px;margin:0;padding:0;border:0;background-position:-1px -263px;text-indent:-999px;cursor:pointer;background-color:transparent}
.login-box .btn__area{display:block;height:61px;*width:460px;margin:20px 0 18px}
.login-box .btn__login{width:100%;border:none;height:61px;font-size:15px;-webkit-appearance:none;border-radius:0;background:#32b6ff;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #32b6ff), color-stop(100%, #0588da));background:-webkit-linear-gradient(top, #32b6ff 0%, #0588da 100%);background:-ms-linear-gradient(top, #32b6ff 0%, #0588da 100%);color:#fff;cursor:pointer}
.login-box .btn__pannel{text-align:center}
.login-box .btn__pannel .btn__join{display:inline-block;font-size:14px;color:#333;vertical-align:top}
.login-box .btn__pannel .btn__join .fa{margin-right:4px;font-size:16px;color:#2fb5fe}
/* login code */
.login-box .input__code{position:relative}
.login-box .inp_box{overflow:hidden;padding-right: 28px;}
.login-box .img{display:block;float:left}
.login-box .img img{width:86px !important;height:26px !important}
.login-box .inp{display:block;overflow:hidden;padding-left: 3px;}
.login-box .inp .int{width:100%;height:26px;border:1px solid #ddd;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;padding:0 6px;font-size:12px;border-radius:0}
.login-box .btn_re{display: -webkit-box;position:absolute;right:0;top:0;width:26px;height:26px;border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;text-align: center;vertical-align: middle;-webkit-box-pack: center;background-color:#fff}
.login-box .btn_re .fa{margin-top:5px;vertical-align:middle}

/* footer */
#footer{position:relative;padding:22px 0 22px;border-top:1px solid #363a41}
#footer .copy{display:block;font-size:11px;color:#898989;text-align:center}

/* go pc */
.pc_home{position:relative;padding:0 7px 24px}
.pc_home .btn__go{display:block;height:52px;padding:0 24px;font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;font-size:17px;line-height:52px;text-align:center;border:1px solid #363a41;color:#717171;border-radius:50px}

/* cart menu */
.shortcut_menu{position:fixed;left:6px;bottom:6px;z-index:1000}
.shortcut_menu .btn{display:block;width:55px;height:55px;font-size:1px;line-height:1px;vertical-align:top;color:rgba(0,0,0,0);background-position:0 -554px}

/* cart */
.cart-box{position:fixed;left:0;top:43px;right:0;padding:14px 7px;border-top:1px solid #0e0f10;background-color:#272A2F;box-shadow:0px 4px 4px 0px rgba(1, 2, 2, 0.5);z-index:600}
.cart-box .btn__cart{display:block;height:42px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:17px;padding:0 60px;text-align:center;background:#32b6ff;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #32b6ff), color-stop(100%, #0588da));background:-webkit-linear-gradient(top, #32b6ff 0%, #0588da 100%);background:-ms-linear-gradient(top, #32b6ff 0%, #0588da 100%);color:#fff;border-radius:2px;line-height:42px;box-sizing:border-box;-webkit-box-sizing:border-box}
.cart-list .cart__ui{position:relative;box-sizing:border-box}
.cart-list .cart__item .betslip-empty{padding:30px 14px;background:#272a2f;color:#fff;font-size:12px;border-top:1px solid #272a2f}
.cart-list .cart__item .slip-event-remove{display:inline-block;float:right;position:relative;top:-4px;width:23px;height:23px;margin-left:3px;border:1px solid #545454;-webkit-border-radius:3px;border-radius:3px;background:url(/img/sp_icon.png) no-repeat 6px -240px;text-align:center;color:#464646}
.cart-list .cart__item .slip-event-remove .fa{vertical-align:middle}
.cart-list .cart__item .slip-event-remove:hover{border:1px solid #c5e2f5;background:url(/img/sp_icon.png) no-repeat -33px -240px}
.cart-list .cart__item .slip-event-remove:active{background-color:#4da9e3}
.cart-list .cart__item .slip-event{background-color:#313131;padding:10px 10px;border-top:1px solid #000}
.cart-list .cart__item .slip-event:first-child{border-top:none}
.cart-list .cart__item .slip-event .slip-info{overflow:hidden}
.cart-list .cart__item .slip-event .slip-info dt,
.cart-list .cart__item .slip-event .slip-info dd{margin-bottom:8px;color:#8A8A8A;font-size:14px;word-break:break-all;word-wrap:break-word}
.cart-list .cart__item .slip-event .slip-info dt{float:left;width:60px}
.cart-list .cart__item .slip-event .bet{position:relative;margin-top:5px;padding-top:10px;padding-right:54px;border-top:1px solid #3C3C3C;color:#fff;font-size:14px;word-break:break-all;word-wrap:break-word}
.cart-list .cart__item .slip-event .bet .cnt{position:absolute;right:0;top:10px;font-size:14px;font-weight:bold;color:#32b6ff}
.cart-list .cart__item .slip-event-bankers{display:inline-block;display:none;float:right;position:relative;top:-4px;width:23px;height:23px;margin-bottom:3px;padding-top:5px;border:1px solid #464646;-webkit-border-radius:3px;border-radius:3px;font-size:12px;line-height:12px;color:#90c9ee;text-align:center;cursor:pointer}
.cart-list .cart__item .slip-event-bankers:hover{border-color:#c3e2f5;color:#c4e2f5}
.cart-list .cart__item .slip-event-bankers:active{background:#4da9e3;color:#c4e1f5}
.cart-list .cart__item .slip-event-bankers.checked{border-color:#f74e04;background:#f74e04;color:#fff}
.cart-list .cart__item .slip-event-bankers.checked:hover{border-color:#fcb57a}
.cart-list .cart__item .slip-event-bankers.checked:active{border-color:#fdcea8;color:#fdcda7}
.cart-list .cart__item .slip-eventname{overflow:hidden;margin-bottom:3px;padding-top:4px;font-size:14px}
.cart-list .cart__item .betslip-title-info{margin-right:11px}
.cart-list .cart__item .betslip-score{display:inline-block}
.cart-list .cart__item .betslip-live-score,.cart-list .cart__item .betslip-islive-info{display:inline-block;position:relative;top:-1px;height:15px;padding:0 4px;border:1px solid #1d5576;-webkit-border-radius:2px;border-radius:3px;background:#236690;font-size:11px;font-style:italic;line-height:13px;font-weight:bold;vertical-align:middle}
.cart-list .cart__item .betslip-islive-info{margin-right:5px;padding-right:16px}
.cart-list .cart__item .betslip-islive-info i{position:absolute;top:2px;right:3px;font-size:10px;color:#f53d02}
.cart-list .cart__cont{clear:both;background-color:#444;border-radius:0 0 5px 5px}
.cart-list .cart__cont.overlay{background-color:#1c1e21}
.cart-list .cart__cont .list{margin:0;padding:0}
.cart-list .cart__cont .list li{list-style:outside none none}
.cart-list .cart__cont .list li.top{min-height:20px;text-align:right;border-bottom:1px solid #2b2e32;padding:8px 10px}
.cart-list .cart__cont .form{padding:10px 10px}
.cart-list .cart__cont .form table{width:100%}
.cart-list .cart__cont .form th,
.cart-list .cart__cont .form td{padding:8px 0;font-size:15px;color:#fff;font-weight:normal;text-align:left;vertical-align:middle;border-top:1px dashed #2b2e32}
.cart-list .cart__cont .form th{font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;font-size:14px;color:#ebebeb}
.cart-list .cart__cont .form tr:first-child th,
.cart-list .cart__cont .form tr:first-child td{border-top:none}
.cart-list .cart__cont .form .money{text-align:right}
.cart-list .cart__cont .form .money .cash{font-size:15px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-weight:normal;color:#fff}
.cart-list .cart__cont .form .money .allmoney{font-size:15px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-weight:normal;color:#32b6ff}
.cart-list .cart__cont .form .right{text-align:right}
.cart-list .cart__cont .form .cnt{font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;color:#19cfab}
.cart-list .cart__cont .form .stk{width:100%;height:26px;padding:8px 7px 7px;border:none;border-radius:2px;text-align:right;background:#232528;border:1px solid #2b2e32;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:15px;color:#fff;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none}
.cart-list .cart__cont .form .max{display:inline-block;margin-top:5px;vertical-align:top;font-size:12px;color:#ff3232}
.cart-list .cart__cont .form .cash{color:#32b6ff}
.cart-list .cart__cont .btn__area{position:relative;margin-top:12px}
.cart-list .cart__cont .btn__area ul{overflow:hidden;margin:-2px -2px}
.cart-list .cart__cont .btn__area li{float:left;width:33.3%;padding:2px 2px;-webkit-box-sizing:border-box;box-sizing:border-box}
.cart-list .cart__cont .btn__area li a,
.cart-list .cart__cont .btn__area li span{display:block;height:28px;font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;font-size:13px;line-height:28px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}
.cart-list .cart__cont .btn__area li.on a{background:#32b6ff;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #32b6ff), color-stop(100%, #0588da));background:-webkit-linear-gradient(top, #32b6ff 0%, #0588da 100%);background:-ms-linear-gradient(top, #32b6ff 0%, #0588da 100%);color:#fff}
.cart-list .cart__cont .footer{padding:10px;border-top:1px solid #2b2e32}
.cart-list .cart__cont .footer .ui-btn{width:100%}

/* dimd */
.dimd {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;z-index:1000;opacity:.7}

/* popup */
.popup{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.6);z-index:1000}
.popup .pop_area{overflow:hidden;position:absolute;left:50%;top:50%;background-color:#E5E9EC}
.popup .pop_scroll{overflow-y:auto;height:318px;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box}
.popup .pop_scroll h2{overflow:hidden;margin-bottom:12px;padding-bottom:13px;border-bottom:1px solid #ddd;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:18px;font-weight:normal;color:#000;text-overflow:ellipsis;white-space:nowrap}
.popup .pop_scroll p{font-size:13px;color:#636363;line-height:16px}
.popup .pop_scroll p img{width:100% !important;height:auto !important}
.popup .today_close{display:block;position:absolute;left:0;bottom:0;right:0;background-color:#373d43;color:#fff;text-align:right}
.popup .today_close p{height:24px}
.popup .today_close input{vertical-align:top;margin:4px 2px 0 0}
.popup .today_close label{display:inline-block;margin:4px 45px 0 0;opacity:.5;font-size:11px;font-weight:normal;color:#fff;vertical-align:top}
.popup .btn_close{position:absolute;right:10px;top:3px;font-size:11px;color:#fff;cursor:pointer;z-index:10}

/* loading */
.wait{display:table;position:fixed;left:0;top:0;width:100%;height:100%;text-align:center}
.wait .massage{display:table-cell;vertical-align:middle}
.wait .massage .fa{color:#00B5AD}
.wait .massage .tit{display:block;margin-top:18px;font-size:19px;color:#00b5ad;font-weight:normal;letter-spacing:-1px}
.wait .massage .txt{display:block;margin-top:10px;font-size:15px;color:#fff;letter-spacing:-1px}
.wait .massage .chk{display:block;margin-top:24px;font-size:13px;color:#9c9c9c;letter-spacing:-1px}
.wait .massage .dot{animation-duration:1.2s;animation-name:attention;animation-iteration-count:infinite}

/* join */
.join{display:table;position:fixed;left:0;top:0;width:100%;height:100%;padding:25px 10px 35px;-webkit-box-sizing:border-box;box-sizing:border-box}
.join .join__box{display:table-cell;vertical-align:middle}
.join .join__box h1{text-align:center}
.join .join__box h1 span{display:inline-block;width:58px;height:26px;margin-right:-14px;background-position:0 0;font-size:1px;line-height:1px;vertical-align:top;color:rgba(0,0,0,0)}
.join .join__title{position:relative;text-align:center}
.join .join__title .title__text{margin:20px 0 10px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:22px;color:#fff;text-transform:uppercase}
.join .join__cord{overflow:hidden;max-width:320px;margin:0 auto;padding:0 40px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}
.join .join__cord input[type=text],
.join .join__cord input[type=password]{width:100%;height:32px;padding:0 8px;border:none;-webkit-border-radius:3px;border-radius:3px;background:#eaeaea;font-family:Arial,sans-serif;font-size:13px;color:#202020;vertical-align:top;outline:none;line-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box}
.join .join__cord .btn__submit{display:block;width:100%;height:32px;margin-top:5px;padding:0 8px;border-radius:3px;border:0;background-color:#4d90fe;font-family:'Open Sans',sans-serif;font-size:14px;font-weight:bold;color:#fff;text-shadow:0 1px rgba(0,0,0,0.1);cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none}
.join .join__cord .btn__submit:hover{border:0;background-color:#357ae8;text-shadow:0 1px rgba(0,0,0,0.3)}
.join .join__cord a{display:inline-block;font-weight:400;color:#666;text-align:center;text-decoration:none;opacity:.6;transition:opacity ease .5s}
.join .join__cord a:hover{opacity:1}

.join_box{padding:15px 15px 30px}
.join_box .join__title{text-align:center}
.join_box .join__title .title__text{margin:10px 0 10px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:18px;color:#fff;text-transform:uppercase}
.join_box .table__form{width:100%;margin:0 0 10px;border-collapse:collapse;border-spacing:0;border:1px solid #34373b;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#1c1e21}
.join_box .table__form th{padding:7px;font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;font-size:12px;font-weight:normal;line-height:14px;border:1px solid #323232;color:#fff;border-left:0;background:#232528;text-align:left}
.join_box .table__form td{padding:7px;border-top:1px solid #323232;border-bottom:1px solid #323232;background:transparent;font-size:12px;color: #969696;vertical-align:middle;}
.join_box .table__form .ui-btn{margin-top:4px}
.join_box .table__form .text1,
.join_box .table__form .text2,
.join_box .table__form .text3{display:block;margin-top:4px;font-size:11px}
.join_box .table__form .text3{color:#828282}
.join_box .table__form .text1 em{color:#fff}
.join_box .table__form .inp__text{width:100%;height:26px;padding:8px 7px 7px;border:none;border-radius:2px;background:#232528;border: 1px solid #424446;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light !important;font-size:11px;color: #a7a7a7;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;}
.join_box .table__form .inp__textarea{width:100%;padding:7px;border:none;border-radius:2px;background:#232528;border:1px solid #2b2e32;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light !important;font-size:11px;color:#808080;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none}
.join_box .table__form select{margin-bottom:4px;font-size: 12px;color: #fff;}
.join_box .table__form a{text-decoration:none}
.join_box .table__form .name{color:#ebebeb}
.join_box .table__form .hint{display:block;margin-top:4px;font-size:11px;color:#5f5f5f}
.join_box .table__form .frm_file{display:block;margin-bottom:5px}
.join_box .table__form .frm_info{display:block;padding:0 0 5px;line-height:1.4em}
.join_box .table__form .id{font-size:13px}
.join_box .table__form .nick{color:#999}
.join_box .table__form .recom{font-size:13px}
.join_box .table__form .qa{font-size:12px;color:#ff3232}
.join_box .table__form .bank{position:relative;overflow:hidden}
.join_box .table__form .bank dt{float:left;width:28px;color:#ebebeb}
.join_box .table__form .bank dd{color:#5f5f5f}
.join_box .table__form .btn__area{display:block;padding-top:4px}
.join_box .table__form .btn__area .ui-btn{margin-top:4px}

/* error */
.site_error{display:table;position:absolute;clear:both;padding:0 0 50px;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.site_error:after{display:block;clear:both;content:''}
.site_error .error_container{display:table-cell;text-align:center;vertical-align:middle}
.site_error .error_container h2{display:block;padding-bottom:2px;font-size:26px;color:#fff;font-weight:bold}
.site_error .error_container .ico_error{display:block;font-size:70px;text-align:center;color:#fff}
.site_error .error_main .error_tit{display:block;color:#fff;font-size:14px}
.site_error .error_main .error_sub{display:block;margin-top:10px;font-size:13px;line-height:20px;color:#999}
.site_error .error-main .ico_error{width:36px;height:36px;margin:0 auto 15px;background-position:-150px -100px}


/* match list */
.bet-log{position:relative}
.bet-log .bet-item{position:relative;margin-bottom:10px;}
.bet-log .bet-log__item{font-family:HelveticaNeue,AppleSDGothicNeo,Sans-serif;padding:12px;border:1px solid #595959;background-color:rgba(0, 0, 0, 0.18)}
.bet-log .bet-log__item:first-child{margin-top:0}
.bet-log .list__title{padding-bottom:5px}
.bet-log .list__title .list__box{overflow:hidden;position:relative}
.bet-log .list__title .flag{display:inline-block;overflow:hidden;float:left;margin:0 4px 0 0;font-size:1px;line-height:0;vertical-align:top}
.bet-log .list__title .tit{display:-webkit-box;overflow:hidden;max-height:18px;font-size:14px;font-weight:normal;color:#fff;line-height:18px;vertical-align:top;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.bet-log .list__head{position:relative}
.bet-log .list__head .list__table{display:table;width:100%;border-spacing:1px;table-layout:fixed;margin:0 0 -1px -1px}
.bet-log .list__head .list__row{display:table-row}
.bet-log .list__head .list__row input[type="checkbox"]{vertical-align:middle}
.bet-log .list__head .col{display:table-cell;overflow:hidden;position:relative;-webkit-border-radius:2px;border-radius:2px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:12px;color:#848484;padding-bottom:2px;vertical-align:middle}
.bet-log .list__head .col--type{white-space:nowrap;text-overflow:ellipsis;text-align:left}
.bet-log .list__head .col--date{text-align:right}
.bet-log .list__team{display:table-row}
.bet-log .list__team .list__table{display:table;width:100%;border-spacing:1px;table-layout:fixed;margin:0 -1px -1px;-webkit-box-sizing:border-box;box-sizing:border-box}
.bet-log .list__team .list__row{display:table-row}
.bet-log .list__team .col{display:table-cell;overflow:hidden;position:relative;-webkit-border-radius:2px;border-radius:2px;font-size:13px;color:#fff;padding:0 0 4px;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}
.bet-log .list__team .col--home{text-align:left}
.bet-log .list__team .col--away{text-align:right}
.bet-log .list__content{position:relative}
.bet-log .list__content .list__table{display:table;width:100%;border-spacing:1px;table-layout:fixed;margin:0 -1px -1px;-webkit-box-sizing:border-box;box-sizing:border-box}
.bet-log .list__content .list__row{display:table-row}
.bet-log .list__content .list__row .col{display:table-cell;overflow:hidden;position:relative;-webkit-border-radius:2px;border-radius:2px;font-size:11px;color:#fff;padding:8px 0;vertical-align:middle;background-color:#2b2e32}
.bet-log .list__content .list__row .col--match{width:60%;padding:8px 7px;text-align:left}
.bet-log .list__content .list__row .col--match .tit{display:-webkit-box;overflow:hidden;max-height:28px;font-size:12px;line-height:14px;color:#ebebeb;font-weight:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.bet-log .list__content .list__row .col--match .tit .vs{color:#5c5e60}
.bet-log .list__content .list__row .col--time{width:34px;padding:8px 2px;font-size:10px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;white-space:nowrap;text-align:center}
.bet-log .list__content .list__row .col--time .btn__more{position:relative;right:auto;bottom:auto;margin-top:-3px;vertical-align:middle}
.bet-log .list__content .list__row .col--title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;font-size:12px;color:#fff}
.bet-log .list__content .list__row .col--more{width:35px;padding:0 2px;text-align:center}
.bet-log .list__content .list__row .col--more .btn__more{position:relative;right:auto;bottom:auto;margin:0;vertical-align:middle}
.bet-log .list__content .list__row .col--service{font-size:15px;color:#f0ad00}
.bet-log .list__content .list__row .col--service .fa{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}
.bet-log .list__content .list__row .col--result{width:35px;padding:8px 7px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:12px;color:#32b6ff;text-align:center}
.bet-log .list__content .list__row .col--subject{width:20%;padding:0 5px;text-align:center}
.bet-log .list__content .list__row .col--bet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 22px 8px 10px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:12px;color:#fff;background:#535963;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #535963), color-stop(100%, #363a41));background:-webkit-linear-gradient(top, #535963 0%, #363a41 100%);-ms-linear-gradient(top, #535963 0%, #363a41 100%);white-space:nowrap}
.bet-log .list__content .list__row .col--bet .cnt{color:#f29000}
.bet-log .list__content .list__row .col--bet .elc-odds{display:block;position:absolute;right:10px;top:8px;font-weight:bold;color:#6ac5ff}
.bet-log .list__content .list__row .col--bet .status{}
.bet-log .list__content .list__row .col-stat{font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;color:#32b6ff;text-align:center}
.bet-log .list__content .list__row .col--versus{padding:8px 10px;text-align:center;color:#fff}
.bet-log .list__content .list__row .col--ratio{padding-left:5px;padding-right:5px;white-space:normal;text-overflow:clip;text-align:center;color:#fff}
.bet-log .list__content .list__row .col--active{background:#32b6ff;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #32b6ff), color-stop(100%, #0588da));background:-webkit-linear-gradient(top, #32b6ff 0%, #0588da 100%);background:-ms-linear-gradient(top, #32b6ff 0%, #0588da 100%);color:#fff}
.bet-log .list__content .list__row .col--active .elc-odds{color:#fff}
.bet-log .list__content .list__row .col--active .cnt{color:#fff}
.bet-log .list__content .btn__more{display:inline-block;overflow:hidden;position:absolute;right:7px;bottom:8px;height:14px;margin-top:4px;padding:0 5px;font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;font-size:10px;color:#2fb5fe;line-height:14px;border:1px solid #2fb5fe;border-radius:50px}
.bet-log .list__content .info{display:block;overflow:hidden;height:14px;margin:2px 0 4px;font-size:11px;color:#919191}
.bet-log .list__content .status{display:inline-block;height:14px;font-size:12px;line-height:14px;}
.bet-log .list__content .status .result{color:#5a5c5f}
.bet-log .list__content .result .fa{margin-left:2px;vertical-align:middle}
.bet-log .list__content .result.over{color:#ff3232}
.bet-log .list__content .result.over .fa{margin-top:3px}
.bet-log .list__content .result.under{color:#32b6ff}
.bet-log .list__content .result.under .fa{margin-top:0}
.bet-log .list__content .score{display:inline-block;overflow:hidden;height:14px;margin-top:4px;padding:0 5px;font-size:10px;line-height:14px;border:1px solid #919191;border-radius:50px}
.bet-log .list__content .score .num{color:#919191}
.bet-log .list__content .score .fa{margin-left:2px;vertical-align:top}
.bet-log .list__content .score .win{color:#32b6ff}
.bet-log .list__content .score .defeat{color:#ff3232}
.bet-log .list__content .score .draw{color:#919191}
.bet-log .list__content .list__sub{padding-left:10px}
.bet-log .list__content .list__sub .list__head{display:table-row}
.bet-log .list__content .list__sub .list__head .col--tit{width:100%;color:#6AC5F0;text-align:left}
.bet-log .list__content .list__sub .list__row .col--match .tit{color:#7b7b7b}
.bet-log .list__status{padding:2px 0 8px}
.bet-log .list__status .list__table{border-bottom:1px dashed #2b2e32;text-align:center}
.bet-log .list__status .list__row{display:inline-block}
.bet-log .list__status .col{float:left;overflow:hidden;position:relative;font-size:12px;color:#fff;padding:4px 8px;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}
.bet-log .list__status .col:after{position:absolute;left:0;top:50%;width:1px;height:10px;margin-top:-5px;background-color:#535963;content:""}
.bet-log .list__status .col:first-child:after{display:none}
.bet-log .list__status .col--result{}
.bet-log .list__status .col--result .type{color:#6AC5F0}
.bet-log .list__status .col--score{}
.bet-log .list__status .col--status{}
.bet-log .list__status .col--status .hit{color:#32b6ff}
.bet-log .list__status .col--status .fail{color:#ff3232}
.bet-log .list__status .col--status .stay{color:#f29000}
.bet-log .list__status .col--status .cancel{color:#fff}
.bet-log .list__status .col--status .ready{color:#919191}
.bet-log .list__result{position:relative;margin-right:2px;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-bx}
.bet-log .list__result .result__box{}
.bet-log .list__result table{width:100%;border-spacing:0;border:1px solid #353535;-webkit-box-sizing:border-box;box-sizing:border-box}
.bet-log .list__result th,
.bet-log .list__result td{padding:6px 8px;border-bottom:1px solid #353535}
.bet-log .list__result th{border-right:1px solid #353535;font-size:12px;color:#fff;background-color:#2b2e32;text-align:left;white-space:nowrap}
.bet-log .list__result th input[type="checkbox"]{margin-top:-2px;vertical-align:middle}
.bet-log .list__result td{font-size:12px;text-align:right;background-color:rgb(34, 37, 41)}
.bet-log .list__result .date{font-size:11px;color:#a5a2a2;text-align:center}
.bet-log .list__result .ui-btn{vertical-align:top}
.bet-log .list__result .cnt{font-weight:bold;font-size:13px;color:#fff;white-space:nowrap;text-align:right}
.bet-log .list__result .rate{color:#8fcf00;text-align:center}
.bet-log .list__result .hit{font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;color:#32b6ff}
.bet-log .list__result .fail{font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;color:#ff3232}
.bet-log .list__result .stay{font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;color:#f29000}
.bet-log .list__result .cancel{font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;color:#fff}
.bet-log .list__result .ready{font-family:HelveticaNeue-bold,AppleSDGothicNeo-Bold,Sans-serif;color:#fff}
.bet-log .list__result .money{color:#00b5e5}
.bet-log .list__result .money2{color:#FE7D00}
.bet-log .list__result+.live__btn{margin-top:10px}
.bet-log .bet-item .btn_area{margin-top:5px;text-align:right}

.wrap_top{overflow:hidden;width:40px;height:35px;background-position:-450px -40px;vertical-align:top;display:block;position:fixed;right:10px;bottom:15px;z-index: 20;line-height:9999px;background:url(/img/btn_top.png) no-repeat 0 0;-webkit-background-size:40px 35px;background-size:40px 35px}




.text-black { color: #000000 !important; }
.text-inverse { color: #2d353c !important; }
.text-success { color: #00acac !important; }
.text-info { color: #49b6d6 !important; }
.text-primary { color: #348fe2 !important; }
.text-warning { color: #f59c1a !important; }
.text-danger { color: #ff5b57 !important; }
.text-red { color: #ff1515 !important; }
.text-blue { color: #0080ff !important; }
.text-orange { color: #ff9900 !important; }
.text-white { color: #fff !important; }
.text-gray { color: #d2d2d2 !important; }

.row { margin: 0 -10px; }
.row > [class*="col-"] {  padding: 0 10px; }

.row.row-space-0 { margin: 0; }
.row.row-space-2 { margin: 0 -1px; }
.row.row-space-4 { margin: 0 -2px; }
.row.row-space-6 { margin: 0 -3px; }
.row.row-space-8 { margin: 0 -4px; }
.row.row-space-10 { margin: 0 -5px; }
.row.row-space-12 { margin: 0 -6px; }
.row.row-space-14 { margin: 0 -7px; }
.row.row-space-16 { margin: 0 -8px; }
.row.row-space-18 { margin: 0 -9px; }
.row.row-space-18 { margin: 0 -10px; }
.row.row-space-22 { margin: 0 -11px; }
.row.row-space-24 { margin: 0 -12px; }
.row.row-space-26 { margin: 0 -13px; }
.row.row-space-28 { margin: 0 -14px; }
.row.row-space-30 { margin: 0 -15px; }
.row.row-space-0 > [class*="col-"] {  padding: 0; }
.row.row-space-2 > [class*="col-"] {  padding: 0 1px; }
.row.row-space-4 > [class*="col-"] {  padding: 0 2px; }
.row.row-space-6 > [class*="col-"] {  padding: 0 3px; }
.row.row-space-8 > [class*="col-"] {  padding: 0 4px; }
.row.row-space-10 > [class*="col-"] {  padding: 0 5px; }
.row.row-space-12 > [class*="col-"] {  padding: 0 6px; }
.row.row-space-14 > [class*="col-"] {  padding: 0 7px; }
.row.row-space-16 > [class*="col-"] {  padding: 0 8px; }
.row.row-space-18 > [class*="col-"] {  padding: 0 9px; }
.row.row-space-20 > [class*="col-"] {  padding: 0 10px; }
.row.row-space-22 > [class*="col-"] {  padding: 0 11px; }
.row.row-space-24 > [class*="col-"] {  padding: 0 12px; }
.row.row-space-26 > [class*="col-"] {  padding: 0 13px; }
.row.row-space-28 > [class*="col-"] {  padding: 0 14px; }
.row.row-space-30 > [class*="col-"] {  padding: 0 15px; }

.semi-bold { font-weight: 600; }

.overflow-auto { overflow: auto !important; }
.overflow-hidden { overflow: hidden !important; }
.overflow-visible { overflow: visible !important; }
.overflow-scroll { overflow: scroll !important; }
.overflow-x-hidden { overflow-x: hidden !important; }
.overflow-x-visible { overflow-x: visible !important; }
.overflow-x-scroll { overflow-x: scroll !important; }
.overflow-y-hidden { overflow-y: hidden !important; }
.overflow-y-visible { overflow-y: visible !important; }
.overflow-y-scroll { overflow-y: scroll !important; }

.m-auto { margin: 0 auto !important; }
.m-0 { margin: 0px !important; }
.m-1 { margin: 1px !important; }
.m-2 { margin: 2px !important; }
.m-3 { margin: 3px !important; }
.m-4 { margin: 4px !important; }
.m-5 { margin: 5px !important; }
.m-6 { margin: 6px !important; }
.m-7 { margin: 7px !important; }
.m-8 { margin: 8px !important; }
.m-9 { margin: 9px !important; }
.m-10 { margin: 10px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 20px !important; }
.m-25 { margin: 25px !important; }
.m-30 { margin: 30px !important; }
.m-35 { margin: 35px !important; }
.m-40 { margin: 40px !important; }

.m-t-0 { margin-top: 0px !important; }
.m-t-1 { margin-top: 1px !important; }
.m-t-2 { margin-top: 2px !important; }
.m-t-3 { margin-top: 3px !important; }
.m-t-4 { margin-top: 4px !important; }
.m-t-5 { margin-top: 5px !important; }
.m-t-6 { margin-top: 6px !important; }
.m-t-7 { margin-top: 7px !important; }
.m-t-8 { margin-top: 8px !important; }
.m-t-9 { margin-top: 9px !important; }
.m-t-10 { margin-top: 10px !important; }
.m-t-11 { margin-top: 11px !important; }
.m-t-12 { margin-top: 12px !important; }
.m-t-13 { margin-top: 13px !important; }
.m-t-14 { margin-top: 14px !important; }
.m-t-15 { margin-top: 15px !important; }
.m-t-16 { margin-top: 16px !important; }
.m-t-17 { margin-top: 17px !important; }
.m-t-18 { margin-top: 18px !important; }
.m-t-19 { margin-top: 19px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-t-25 { margin-top: 25px !important; }
.m-t-30 { margin-top: 30px !important; }
.m-t-35 { margin-top: 35px !important; }
.m-t-40 { margin-top: 40px !important; }

.m-r-0 { margin-right: 0px !important; }
.m-r-1 { margin-right: 1px !important; }
.m-r-2 { margin-right: 2px !important; }
.m-r-3 { margin-right: 3px !important; }
.m-r-4 { margin-right: 4px !important; }
.m-r-5 { margin-right: 5px !important; }
.m-r-6 { margin-right: 6px !important; }
.m-r-7 { margin-right: 7px !important; }
.m-r-8 { margin-right: 8px !important; }
.m-r-9 { margin-right: 9px !important; }
.m-r-10 { margin-right: 10px !important; }
.m-r-15 { margin-right: 15px !important; }
.m-r-20 { margin-right: 20px !important; }
.m-r-25 { margin-right: 25px !important; }
.m-r-30 { margin-right: 30px !important; }
.m-r-35 { margin-right: 35px !important; }
.m-r-40 { margin-right: 40px !important; }

.m-b-0 { margin-bottom: 0px !important; }
.m-b-1 { margin-bottom: 1px !important; }
.m-b-2 { margin-bottom: 2px !important; }
.m-b-3 { margin-bottom: 3px !important; }
.m-b-4 { margin-bottom: 4px !important; }
.m-b-5 { margin-bottom: 5px !important; }
.m-b-6 { margin-bottom: 6px !important; }
.m-b-7 { margin-bottom: 7px !important; }
.m-b-8 { margin-bottom: 8px !important; }
.m-b-9 { margin-bottom: 9px !important; }
.m-b-10 { margin-bottom: 10px !important; }
.m-b-15 { margin-bottom: 15px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-b-25 { margin-bottom: 25px !important; }
.m-b-30 { margin-bottom: 30px !important; }
.m-b-35 { margin-bottom: 35px !important; }
.m-b-40 { margin-bottom: 40px !important; }


.m-l-0 { margin-left: 0px !important; }
.m-l-1 { margin-left: 1px !important; }
.m-l-2 { margin-left: 2px !important; }
.m-l-3 { margin-left: 3px !important; }
.m-l-4 { margin-left: 4px !important; }
.m-l-5 { margin-left: 5px !important; }
.m-l-6 { margin-left: 6px !important; }
.m-l-7 { margin-left: 7px !important; }
.m-l-8 { margin-left: 8px !important; }
.m-l-9 { margin-left: 9px !important; }
.m-l-10 { margin-left: 10px !important; }
.m-l-15 { margin-left: 15px !important; }
.m-l-20 { margin-left: 20px !important; }
.m-l-25 { margin-left: 25px !important; }
.m-l-30 { margin-left: 30px !important; }
.m-l-35 { margin-left: 35px !important; }
.m-l-40 { margin-left: 40px !important; }
.mgmlr { margin-left: 77px !important; margin-right: 70px !important; }

.p-0 { padding: 0px !important; }
.p-1 { padding: 1px !important; }
.p-2 { padding: 2px !important; }
.p-3 { padding: 3px !important; }
.p-4 { padding: 4px !important; }
.p-5 { padding: 5px !important; }
.p-6 { padding: 6px !important; }
.p-7 { padding: 7px !important; }
.p-8 { padding: 8px !important; }
.p-9 { padding: 9px !important; }
.p-10 { padding: 10px !important; }
.p-15, .wrapper { padding: 15px !important; }
.p-20 { padding: 20px !important; }
.p-25 { padding: 25px !important; }
.p-30 { padding: 30px !important; }
.p-35 { padding: 35px !important; }
.p-40 { padding: 40px !important; }

.p-t-0 { padding-top: 0px !important; }
.p-t-1 { padding-top: 1px !important; }
.p-t-2 { padding-top: 2px !important; }
.p-t-3 { padding-top: 3px !important; }
.p-t-4 { padding-top: 4px !important; }
.p-t-5 { padding-top: 5px !important; }
.p-t-10 { padding-top: 10px !important; }
.p-t-15 { padding-top: 15px !important; }
.p-t-20 { padding-top: 20px !important; }
.p-t-25 { padding-top: 25px !important; }
.p-t-30 { padding-top: 30px !important; }
.p-t-35 { padding-top: 35px !important; }
.p-t-40 { padding-top: 40px !important; }

.p-r-0 { padding-right: 0px !important; }
.p-r-1 { padding-right: 1px !important; }
.p-r-2 { padding-right: 2px !important; }
.p-r-3 { padding-right: 3px !important; }
.p-r-4 { padding-right: 4px !important; }
.p-r-5 { padding-right: 5px !important; }
.p-r-10 { padding-right: 10px !important; }
.p-r-15 { padding-right: 15px !important; }
.p-r-20 { padding-right: 20px !important; }
.p-r-25 { padding-right: 25px !important; }
.p-r-30 { padding-right: 30px !important; }
.p-r-35 { padding-right: 35px !important; }
.p-r-40 { padding-right: 40px !important; }

.p-b-0 { padding-bottom: 0px !important; }
.p-b-1 { padding-bottom: 1px !important; }
.p-b-2 { padding-bottom: 2px !important; }
.p-b-3 { padding-bottom: 3px !important; }
.p-b-4 { padding-bottom: 4px !important; }
.p-b-5 { padding-bottom: 5px !important; }
.p-b-10 { padding-bottom: 10px !important; }
.p-b-15 { padding-bottom: 15px !important; }
.p-b-20 { padding-bottom: 20px !important; }
.p-b-25 { padding-bottom: 25px !important; }
.p-b-30 { padding-bottom: 30px !important; }
.p-b-35 { padding-bottom: 35px !important; }
.p-b-40 { padding-bottom: 40px !important; }

.p-l-0 { padding-left: 0px !important; }
.p-l-1 { padding-left: 1px !important; }
.p-l-2 { padding-left: 2px !important; }
.p-l-3 { padding-left: 3px !important; }
.p-l-4 { padding-left: 4px !important; }
.p-l-5 { padding-left: 5px !important; }
.p-l-10 { padding-left: 10px !important; }
.p-l-15 { padding-left: 15px !important; }
.p-l-20 { padding-left: 20px !important; }
.p-l-25 { padding-left: 25px !important; }
.p-l-30 { padding-left: 30px !important; }
.p-l-35 { padding-left: 35px !important; }
.p-l-40 { padding-left: 40px !important; }

.f-s-8 { font-size: 8px !important; }
.f-s-9 { font-size: 9px !important; }
.f-s-10 { font-size: 10px !important; }
.f-s-11 { font-size: 11px !important; }
.f-s-12 { font-size: 12px !important; }
.f-s-13 { font-size: 13px !important; }
.f-s-14 { font-size: 14px !important; }
.f-s-15 { font-size: 15px !important; }
.f-s-16 { font-size: 16px !important; }
.f-s-17 { font-size: 17px !important; }
.f-s-18 { font-size: 18px !important; }
.f-s-19 { font-size: 19px !important; }
.f-s-20 { font-size: 20px !important; }
.f-s-21 { font-size: 21px !important; }
.f-s-22 { font-size: 22px !important; }
.f-s-23 { font-size: 23px !important; }
.f-s-24 { font-size: 24px !important; }
.f-s-25 { font-size: 25px !important; }
.f-s-26 { font-size: 26px !important; }
.f-s-27 { font-size: 27px !important; }
.f-s-28 { font-size: 28px !important; }
.f-s-29 { font-size: 29px !important; }
.f-s-30 { font-size: 30px !important; }


.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }

.pull-left { float: left !important; }
.pull-right { float: right !important; }
.pull-none { float: none !important; }

.f-w-100 { font-weight: 100 !important; }
.f-w-200 { font-weight: 200 !important; }
.f-w-300 { font-weight: 300 !important; }
.f-w-400 { font-weight: 400 !important; }
.f-w-500 { font-weight: 500 !important; }
.f-w-600 { font-weight: 600 !important; }
.f-w-700 { font-weight: 700 !important; }









.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@media all and (min-width:568px){

}