@charset "utf-8";
/* CSS Document */
@import "linecons.css";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,button{margin:0; padding:0;}
body{background-color:#fff; -webkit-text-size-adjust:none;}
hr{display:none;}
img,fieldset{border:0 none;}
img,input,select,textarea{vertical-align:middle;}
ul,ol,li{list-style:none outside;}
a{text-decoration:none;text-overflow:ellipsis; -o-text-overflow:ellipsis; color:#000; /*font-family:dotum,'돋움'*/}
a:hover{text-decoration:underline; cursor:pointer;}
input[type="text"]{-webkit-appearance:none; -webkit-border-radius:0;}
input:checked[type="checkbox"]{background-color:#fff; -webkit-appearance:checkbox;}
strong{font-weight:bold;}
label{cursor:pointer;}
em,address{font-style:normal;}
html:first-child select{padding-right:6px; height:20px;} /* Opera 9 & Below Fix */
option {padding-right:6px;} /* Firefox Fix */
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */
caption {display:none;}
html,body{width:100%;overflow-x:hidden}
html{height:100%}
body{min-height:100%;height:auto;position:relative}

/* 메인관련 코딩 */
#mHeader {position:relative;}
#mHeader h1{float:left;}
#mHeader h2{float:left;}
#mHeader h3{text-align:center; margin-top:0px;}

/************************************************************************************************** Common ***/
body,input,select,textarea,{color:#000;font-family:Nanum Gothic,Malgun Gothic,dotum,'돋움',Helvetica,Apple-Gothic,sans-serif;font-weight:400;font-size:1em}
a,img,input{selector-dummy:expression(this.hideFocus=true)}
img{border:0}
form{margin:0}
body,table,input,textarea,select{font:13px Nanum Gothic,Malgun Gothic;color:#fff;letter-spacing:0}
select{background:#222}
textarea{background:#222;color:ffffff;border:1px solid #333}
hr{display:block;border-bottom:0}
body{margin:0;background-color:#000}
TEXTAREA,center,pre,blockquote{font-size:14px;color:#fff;line-height:160%}
a:link{text-decoration:none;color:#fff}
a:visited{text-decoration:none;color:#fff}
a:active{text-decoration:none;color:#fff}
iframe{border:0}
.padding_10{padding:10px}

/************************************************************************************************** Buttons ***/
.da-input{color:#d22e3b;box-sizing:border-box;margin:0;box-shadow:none;font-size:13px;width:220px;height:40px;padding:0 0 0 10px;transition:all linear .2s;position:relative;border-radius:25px!important;border:2px solid rgba(255,255,255,1);background:#fff;text-align:left;margin-bottom:10px}
.da-input:focus{outline:0;cursor:text;border:2px solid #333}
.da-button{-webkit-appearance:none;margin:0;border:none;overflow:visible;font:inherit;color:#c3cce8;text-transform:none;display:inline-block;box-sizing:border-box;background:#41414e;vertical-align:middle;line-height:40px;min-height:40px;text-decoration:none;text-align:center;padding:0 33px;border-radius:40px;background-image:-webkit-linear-gradient(top,#474754,#3a3a47);background-image:linear-gradient(to bottom,#474754,#3a3a47);background-origin:border-box;box-shadow:inset 1px 1px 0 rgba(255,255,255,0.03),1px 1px 1px rgba(0,0,0,0.1);font-family:'Nanum Gothic',Helvetica,Arial,sans-serif;font-size:14px;font-weight:300;text-shadow:1px 1px 1px rgba(0,0,0,0.1);text-transform:uppercase;letter-spacing:1px;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;cursor:pointer}
.da-button-login{width:220px;height:46px;line-height:43px;box-shadow:inherit;text-shadow:inherit;border-color:rgba(255,255,255,0);background:#FFF;color:#8e064e;color:#000;font-size:16px;font-weight:700;letter-spacing:-1px}
.da-button-login:active{border:2px solid #FFF;background:rgba(255,255,255,0);background-image:none;color:#d22e3b}
.da-badge{display:inline-block;padding:0 8px;background-color:#d22e3b;font-size:12px;font-weight:300;line-height:20px;color:#FFF;text-align:center;vertical-align:middle;text-transform:uppercase;border-radius:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.1);cursor:pointer;text-indent:0}
.button-da{font-weight:900;border:0;border-radius:7px;padding:8px 8px 12px;width:100%;background-image:linear-gradient(to bottom,#256C7D,#081B1F);box-shadow:0 0 5px #000,inset 0 0 4px #3CBCE5}
.subTab{margin-bottom:2px;padding:0 10px;border-bottom:5px solid #787878;display:table}
.subTab a{display:table-cell;vertical-align:middle;padding:2px;text-align:center;text-decoration:none;border:1px solid #000;border-bottom:0;color:#fff;font-weight:400;border-radius:6px 6px 0 0!important;background-color:#555;background-image:linear-gradient(to bottom,#256C7D,#081B1F);line-height:25px;width:160px}
.btn_blue{background-color:#0B414A;background-image:linear-gradient(to bottom,#256C7D,#081B1F);box-shadow:0 0 5px #000,inset 0 0 4px #3CBCE5;color:#fff;border:0;height:29px;width:45px;border-radius:5px;display:inline-block;text-align:center;line-height:29px;font-weight:700;text-shadow:1px 1px 1px #000}
.btn_grey{background-image:linear-gradient(to bottom,#333,#222);background-color:#222;box-shadow:0 0 5px #000,inset 0 0 4px #555;color:#fff;border:0;height:29px;width:45px;border-radius:5px;display:inline-block;text-align:center;line-height:29px;font-weight:700;text-shadow:1px 1px 1px #000}
.btn_brown{background-image:linear-gradient(150deg,#fdcc80,#7f4b00);background-color:#fdcc80;box-shadow:5px 5px 5px #000,inset 0 0 4px #555;color:#fff;border:0;height:25px;width:calc(25%);border-radius:5px;display:inline-block;text-align:center;line-height:25px;font-weight:700;text-shadow:-1px -1px 0 #000;letter-spacing:-1px;font-size:12px}
.btn_purple{background-image:linear-gradient(150deg,#fe7fff,#81007f);background-color:#fe7fff;box-shadow:5px 5px 5px #000,inset 0 0 4px #555;color:#fff;border:0;height:25px;width:calc(25%);border-radius:5px;display:inline-block;text-align:center;line-height:25px;font-weight:700;text-shadow:-1px -1px 0 #000;letter-spacing:-1px;font-size:12px}
.button_blue{background-image:linear-gradient(150deg,#2280A2,#000);background-color:#2280A2;padding:8px 20px;border-radius:7px;border:2px solid #000;box-shadow:inset 0 0 0 2px #165870,inset 0 0 10px #000;background-color:#FFF}
    .button_blue.on {
        color: #ff0 !important;
    }
.button_black{color:#fff!important;font-family:Nanum Gothic,Malgun Gothic;font-size:15px;text-shadow:1px 2px 2px #000;padding:8px 28px;border:2px solid #165870;border-radius:7px;background-image:linear-gradient(to bottom,#222,#000);background-color:#222;box-shadow:0 0 10px #000,inset 0 0 4px #111;transition:all .3s}
.button_black:active{background-image:linear-gradient(150deg,#2280A2,#000);background-color:#2280A2;padding:11px 28px}
.index label{width:200px;padding-bottom:3px;text-align:left;display:block;font-size:10px}
.index.join label{width:280px}
label .require{display:inline-block;color:#e83e20}
.index a{color:#8e064e;color:#000}
p.label{color:#c3cce8;padding-top:5px;padding-bottom:5px;text-align:left;display:block;font-size:11px;font-style:italic}
body.main label {
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    display: block;
    font-size: 11px;
    font-style: italic;
}
.input_01{color:#FFF;font-family:"malgun gothic";font-size:15px;height:30px;line-height:30px;background-color:#222;border:1px solid #333;border-radius:4px!important}
.input_01[type=text]{padding-left:5px}

/************************************************************************************************** Color ***/
.strong_02{font-weight:700;color:#fff}
.strong_02_yellow{font-weight:700;color:#f6ed74}
.white{color:#fff}
.notice_color {color: #fff;text-shadow: 0 0 3px #29d7ff, 0 0 5px #29d7ff, 0 0 10px #29d7ff;font-size: 12px}
.color_money{color:#efff00}
.page .table_board .notice {color:#FF8331;font-weight:bold;}
.orange{color:orange;font-size:14px}
.orange a{color:orange;font-size:14px}
.highlight{color:#efff00}
.gold {
    color: lightgoldenrodyellow;
    font-size: 13px;
    font-weight: bold;
}
.red {
    color: red;
    font-size: 13px;
    font-weight: bold;
}
.blue {
    color: blue;
    font-size: 13px;
    font-weight: bold;
}
.yellow2 {
    color: yellow;
    font-size: 13px;
    font-weight: bold;
}
/************************************************************************************************** Layout ***/
body.index2 {
    background:#375343 url(../images/login.jpg) center top no-repeat;
    text-align: center;
}
body.index{text-align:center;background-image:url(../images/bg-pattern.png)}
body.index.login{height:100vh}
body.index.step{height:100vh}
body.join{height:100%}
.login-box2 {
    width: 300px;
    padding: 10px;
    margin-top: 230px;
    margin-left: 0px;
    border-radius: 15px;
    background-color: rgba(128,128,128,0.3);
}
.join-box {
    width: 100%;
    top: 0%;
    left: 50%;
    border-radius: 20px;
    background-color: rgba(128, 128, 128, 0.95);
}
#m_contentWrap_,.m_contentWrap{min-height:100%;background:url(../../images/bg-top.png) right top no-repeat,url(../../images/bg-bottom.png) left bottom no-repeat;background-size:100%}
#mHeader{text-align:center;padding:10px 0 15px 10px}
#mHeader img{width:220px}
#tableLogin{color:#74AFD8;width:100%}
#loginbox{position:absolute;top:-30px;left:220px;z-index:30}

.icon9{display:inline-block;width:66px;height:66px;background-size:56px;background-repeat:no-repeat;background-position:center}
.icon9.multi1{background-image:url(../images/multi1.png)}
.icon9.special1{background-image:url(../images/special1.png)}
.icon9.live1{background-image:url(../images/live1.png)}
.icon9.casino1{background-image:url(../images/casino1.png)}
.icon9.slot1{background-image:url(../images/slot1.png)}
.icon9.ladder1{background-image:url(../images/ladder1.png)}
.icon9.snail1{background-image:url(../images/snail1.png)}
.icon9.powerball1{background-image:url(../images/powerball1.png)}
.icon9.bet365s {
    background-image: url(../images/bet365s.png)
}
.icon9.bet365g {
    background-image: url(../images/bet365g.png)
}
.icon9.bet365h {
    background-image: url(../images/bet365h.png)
}
.icon9.result1{background-image:url(../images/result1.png)}
.icon9.board1{
    background-image:url(../images/board1.png)
}
.icon9.board2 {
    background-image: url(../images/board2.png)
}
.icon9.customer1{background-image:url(../images/customer1.png)}
.icon9.icon08 {background-image: url(../images/icon08.png)}
.icon9.icon11 {background-image: url(../images/icon11.png)}
.icon9.icon12 {background-image: url(../images/icon12.png)}
.icon9.pc1{background-image:url(../images/pc1.png)}
.icon9.dari1 {
    background-image: url(../images/dari1.png)
}
.icon9.dice1 {
    background-image: url(../images/dice1.png)
}
.icon9.result2 {
    background-image: url(../images/icon09.png)
}

header.primary hgroup{height:56px;background-color:#000000;}
header.primary hgroup h1{z-index:20;position:absolute;top:0;left:0;right:90px;color:rgb(30, 40, 68);margin:0;line-height:49px;margin:0;font-size:20px}
header.primary hgroup h1 a{display:block;width:100%;height:49px;text-align:left;padding-left:5px}
header.primary hgroup h1 a img{height:40px;margin-top:10px; vertical-align:baseline}
.top_info{border-top:1px solid #454545;border-top:1px solid #706f63;box-sizing:border-box;padding:10px}
.top_info_wrap{display:block;background-color:#294937;background-image:url(../images/box.jpg);padding:6px 0;border-radius:6px;border:1px solid #151515;border-top:1px solid #010101;border-bottom:1px solid #666;box-shadow:inset 0 0 30px rgba(255,255,255,.1);font-size:11px}
.top_info_wrap > span{display:inline-block;padding:0 10px}
.top_notice_wrap{width:100%;background-color:#323a36;padding:5px 5px;height:30px;font-weight:bold;box-sizing:border-box;text-align:left;margin-top:8px;border-radius:5px}
.top_notice_title{color:#fff;text-transform:uppercase;font-size:11px;position:relative;top:3px}
html.sb-scroll-lock.sb-active:not(.sb-static){overflow:hidden}
#wrap,.wrap-container{min-height:100vh!important;width:100%;z-index:1;background-color:#95d1b1;background-image:linear-gradient(to right,#375844,#1f5336);left:0!important;float:left}
.quick_nav_items{display:block;position:relative;text-align:center;height:auto;width:auto;transition:all .5s ease-out;padding-bottom:20px}
.quick_nav_items > span{display:inline-block;width:66px;overflow:hidden;padding:8px 8px 0;vertical-align:top}
.quick_nav_items > span > a{display:block;font-size:12px;text-decoration:none;font-weight:700}
.quick_nav_items > span > a > .icon_wrap{display:block;width:65px;height:65px;margin:0 auto 8px;border:1px solid #7f7f7f;background-color:#555;border-radius:4px}
.quick_nav_items > span > a > .icon_title{max-height:30px;overflow:hidden;white-space:normal}

.title{font-weight:900;height:45px;font-size:18px;background:url(../images/title-bg.png) right -15px;background-size:100%;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 1px #000;display:block;padding:0 10px;margin:0 10px 10px;line-height:45px;color:#fff}
form.money,.page{padding:0 10px 10px}
.table_guide_layout{background-color:#1d1d1d;background-image:url(../images/ptn-9.png);border:1px solid #222;border-top:1px solid #000;border-bottom:1px solid #636363;box-shadow:inset 0 0 20px rgba(255,255,255,.1)}
.table_top_bg{color:#FFCC08;font-weight:700;height:35px}
.table_top_bg th{background-color:#414035;background-size:6px;color:#fff;white-space: nowrap;}
.table_top_bg table{color:#FFCC08;font-weight:700}
.btn_inbox{padding:10px 0}
.author{padding:5px 10px}

/************************************************************************************************** Board ***/
.table_board{border-collapse:collapse}
.trIngGame{height:60px;background-color:#282828}
.trIngGame > td{border:1px solid #464646;background-image:url(../images/ptn-dott.png);background-size:3px}
.trIngGame .noSelected{background-color:#1f1f1f; padding:0 4px}
.trIngGame .Selected{background-color:#827f69; padding:0 4px}
.trIngGame table td{font-size:13px}

.trEndGame{background-color:#3A3A3A;height:30px}
.trEndGame > td{border:1px solid #464646}
.trEndGame table td{font-size:13px}

.game_type{border-collapse:collapse}
.game_type .table_top_bg td{ position:relative} 
.game_type .table_top_bg td span{ position:absolute; top:9px; white-space:nowrap}

.table_result{ font-size:13px;}
.table_result th{ white-space:inherit}
.table_result td table td{font-size:13px;letter-spacing: -1px;}
.table_result td table td img{ height:9px}
.image_league{letter-spacing:-1px;text-align:left}
.image_league img{width:14px;height:13px}
 
.table_result .trIngGame table td{font-size:13px}
.table_result .trEndGame td:nth-child(7){ white-space:nowrap}
.named_result,.power_result{margin-bottom:10px;padding:0 10px}
.named_result ul{display:table}
.named_result li{display:table-cell;width:140px}
.named_result .pick_color{display:inline-block;width:93%;height:37px;padding:3px;border-radius:7px;font-size:11px;color:#fff;text-shadow:-1px -1px 0 #000;box-sizing:border-box}
.pick_color.red{background-color:#d22e3b;background-image:linear-gradient(to bottom,#f5543a,#bb153c);box-shadow:inset 1px 1px 0 rgba(255,184,172,0.2),1px 1px 1px rgba(0,0,0,0.1)}
.pick_color.green{background-color:#31b84d;background-image:linear-gradient(to bottom,#51e257,#1c9c46);box-shadow:inset 1px 1px 0 rgba(193,255,172,0.2),1px 1px 1px rgba(0,0,0,0.1)}
.pick_color.blue{background-color:#3492f5;background-image:linear-gradient(to bottom,#38bcf9,#3276f2);box-shadow:inset 1px 1px 0 rgba(157,222,255,0.2),1px 1px 1px rgba(0,0,0,0.1)}
.named_result .pick{display:block;text-align:left}
.named_result .order{display:block;text-align:center;margin-top:2px}
.named_result.sa .pick{background-color:#000;display:inline-block;width:13px;height:13px;text-align:center;border-radius:9px;line-height:13px}
.named_result.sa .order{margin-top:4px}
.named_result.sa .left{text-align:left}
.named_result.sa .right{text-align:right}
.power_result{text-align:center}
.power_result li{padding:5px 0;border-bottom:1px solid #333;border-top:1px solid #777}
.power_result li:first-child{border-top:0}
.power_result li:last-child{border-bottom:0}
.power_result .order{margin-right:10px}
.power_result .num{background-color:#3492f5;font-size:18px;font-weight:900;width:30px;height:30px;line-height:30px;text-align:center;display:inline-block;border-radius:15px;margin-right:5px}
.power_result .last{background-color:#f48529;margin-left:20px}

/************************************************************************************************** Cart ***/
.jbMenu{padding:6px!important}
.jbTitle{text-align:center}
.jbMenu h3{height:24px;line-height:24px;color:#fff;font-size:16px;text-indent:6px;margin-bottom:2px}
.jbContent{height:2000px}
.jbFixed{position:fixed;top:50px;z-index:9}
.cart_wrap_inner{padding:8%;border-radius:10px;box-shadow:0 0 10px #121212;background:#403f40;background:-moz-linear-gradient(top,#403f40 0%,#1d1d1d 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#403f40),color-stop(100%,#1d1d1d));background:-webkit-linear-gradient(top,#403f40 0%,#1d1d1d 100%);background:-o-linear-gradient(top,#403f40 0%,#1d1d1d 100%);background:-ms-linear-gradient(top,#403f40 0%,#1d1d1d 100%);background:linear-gradient(to bottom,#403f40 0%,#1d1d1d 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#403f40',endColorstr='#1d1d1d',GradientType=0)}
.cart_wrap .bt_wrap{width:calc(100%);}
.cart_wrap .bt_wrap > li{padding:8px 5px;border-bottom:1px solid #7b7b7b;min-height:15px}
.cart_wrap .bt_wrap > li:last-child{border-bottom:0}
.cart_wrap .bt_wrap > li.btn_wrap{padding:8px 0;height:30px;width:calc(100%);}
.cart_wrap .bt_wrap > li.btn_betting_wrap{padding:10px 5px 0}
.cart_wrap .bt_wrap > li > span{float:right;}
.cart_wrap .bt_wrap > li > span.amount_wrap{position:relative;top:-7px;width:calc(50%);height:30px;}
.cart_wrap .bt_wrap > li > span .input_01{text-align:center;color:#efff00;width:calc(97%);height:24px}
.cart_wrap .bt_wrap > li > a{display:table-cell;width:60px;border-right:1px solid #000}
.bt_betty{width:49%;border-radius:25px;background-color:#26806D;background-image:linear-gradient(170deg,#5ebeb2,#369281 50%,#26806D 51%,#025841);color:#fff;box-shadow:inset 0 0 0 2px rgba(0,0,0,.15);border:0;line-height:30px;text-shadow:-1px -1px 0 #000}
.con_title{margin:10px 0 5px;background:#414035;width:100%;height:24px}
.con_title p{text-align:center;font-size:10px;color:#fff;line-height:24px;float:left}
.con_title .tltle_left{width:40%}
.con_title .tltle_center{width:10%}
.con_title .tltle_right{width:40%}
.con_title .tltle_cancel{width:10%}
.cart_fixed{position:fixed;bottom:0}
.batting_list{background:#222;border-collapse:collapse;border-bottom:1px solid #3b3b37}
.batting_list td{font-size:11px}
.batting_list td.drawBet{border-left:1px solid #3b3b37;border-right:1px solid #3b3b37}
.batting_list td.icon_del img{width:100%}
.batting_middle{padding:5px 10px;color:#000;background:url(/template/mobile/img/sub/batting_bg.gif)}
.batting_middle table{color:#000}
.chosenBet{background:#827f69}

/************************************************************************************************** SIde Menu ***/
.sb-slidebar{height:100%;overflow-y:auto;position:fixed;top:0;z-index:0;display:none;background-color:#222;-webkit-transform:translate(0px)}
.sb-toggle-left{display:inline-block;float:right;margin:8px 10px 10px;height:42px;border-radius:25px;box-shadow:0 1px 1px rgba(255,255,255,0.35),inset 0 2px 1px rgba(0,0,0,0.25);position:fixed;right:0;top:0; z-index:9999}
.label_left{padding:10px 8px 7px;display:block}
.label_top{width:30px;height:4px;margin-bottom:5px;display:block;background-color:#fff;box-shadow:0 0 3px #29d7ff,0 0 5px #29d7ff,0 0 10px #29d7ff}
.label_middle{width:30px;height:4px;margin-bottom:5px;display:block;background-color:#fff;box-shadow:0 0 3px #29d7ff,0 0 5px #29d7ff,0 0 10px #29d7ff}
.label_bottom{width:30px;height:4px;margin-bottom:5px;display:block;background-color:#fff;box-shadow:0 0 3px #29d7ff,0 0 5px #29d7ff,0 0 10px #29d7ff}
.label_text{float:left;line-height:37px;padding:0 8px 0 0;text-transform:uppercase;text-shadow:1px 1px 0 #00;font-size:10px}
.sb-logout{display:inline-block;float:right;margin:10px;padding:0 8px;background:#706e62;text-transform:uppercase;line-height:37px;text-shadow:1px 1px 0 #00;font-size:10px;height:36px;border-radius:4px;box-shadow:0 1px 1px rgba(255,255,255,0.35),inset 0 2px 1px rgba(0,0,0,0.25)}
.sb-left{left:0;text-align}
.sb-left ul{width:100%;height:100%}
.sb-left ul li{width:100%;height:50px;line-height:100%;font-size:14px;display:table;border-top:1px solid #2C2C2C;border-bottom:1px solid #0E0E0E;background:#222;box-sizing:border-box}
.sb-left ul li a{display:block;width:100%;height:100%;display:table-cell;vertical-align:middle;padding-left:20px}
.sb-left ul li a span{line-height:45px}
.sb-left ul li a span:before{position:relative;top:3px;padding-right:10px;font-size:20px;text-shadow:0 0 3px #29d7ff,0 0 5px #29d7ff,0 0 10px #29d7ff}
.sb-left ul li a i{font-size:16px;margin-right:10px;color:#666}
.sb-slidebar.sb-right{background:#313131}
.sb-right{right:0}
html.sb-static .sb-slidebar,.sb-slidebar.sb-static{position:absolute}
.sb-slidebar.sb-active{display:block;z-index:9}
.sb-style-overlay{z-index:9999}
.sb-momentum-scrolling{-webkit-overflow-scrolling:touch}
.sb-slidebar{width:30%}
.sb-width-thin{width:15%}
.sb-width-wide{width:45%}
@media (max-width: 480px) {
.sb-slidebar{width:80%}
.sb-width-thin{width:55%}
.sb-width-wide{width:85%}
.sb-slidebar.sb-left{width:48%}
.sb-slidebar.sb-right{width:68%}
}
@media (min-width: 481px) {
.sb-slidebar{width:55%}
.sb-width-thin{width:40%}
.sb-width-wide{width:70%}
}
@media (min-width: 768px) {
.sb-slidebar{width:40%}
.sb-width-thin{width:25%}
.sb-width-wide{width:55%}
}
@media (min-width: 992px) {
.sb-slidebar{width:30%}
.sb-width-thin{width:15%}
.sb-width-wide{width:45%}
}
@media (min-width: 1200px) {
.sb-slidebar{width:20%}
.sb-width-thin{width:5%}
.sb-width-wide{width:35%}
}
.sb-slide,#wrap,.wrap-container,.sb-slidebar{-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-transition-property:-webkit-transform,left,right;-webkit-backface-visibility:hidden}
.sb-hide{display:none}
html.sb-active #wrap,.sb-close{opacity:.3}