@charset "UTF-8";

/*font*/
@import url(/css/googleAPIfont.css);
@import url("/css/googleFont.css");

/*commos*/
*{margin:0; padding:0;}
html, body { height: 100%; user-select: none;}

::-WEBKIT-SCROLLBAR { width: 2px; }
body::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px #282828; box-shadow: inset 0 0 6px #282828; } 
body::-webkit-scrollbar { position: fixed; top: 0; right: 0; z-index: 9999; width: 2px; background-color: #282828; } 
body::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #868687; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); } 

.border_box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.fl{ float: left; } .fr { float: right; } .hide { display: none!important; } .show { display: block!important; }
.ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.break { word-break: break-all; word-wrap: break-word }
.clearfix:after { content: '\0020'; display: block; height: 0; clear: both } .clearfix { *zoom:1 }

/*noScript*/
.noScript { margin: 10px; text-align: center; background: #adb9c4; color: #fff; display: block; height: 40px; line-height: 40px }

/*button*/
.btn_recent { box-shadow: 0px 0px 0px 2px #0556a6; background: linear-gradient(to bottom, #043972 5%, #022447 100%); background-color: #043972; border-radius:10px; border:1px solid #0556a6; display:inline-block; cursor:pointer; }
.btn_recent:hover { background-color: #0556a6; background: linear-gradient(to bottom, #043972 5%, #043972 100%); }
.btn_recent:active { position:relative; color: #fff; }
.btn_favorite { box-shadow: 0px 0px 0px 2px #c89e07; background:linear-gradient(to bottom, #785304 5%, #4a3302 100%); background-color:#785304; border-radius:10px; border:1px solid #c89e07; display:inline-block; cursor:pointer; }
.btn_favorite:hover { background-color: #c89e07; background:linear-gradient(to bottom, #785304 5%, #785304 100%); } 
.btn_favorite:active { position:relative; color: #fff; }
.btn_recommend { box-shadow: 0px 0px 0px 2px #c41f21; background:linear-gradient(to bottom, #7b1012 5%, #4c0a0b 100%); background-color:#7b1012; border-radius:10px; border:1px solid #c41f21; display:inline-block; cursor:pointer; }
.btn_recommend:hover { background-color:#c41f21; background:linear-gradient(to bottom, #7b1012 5%, #7b1012 100%); }
.btn_recommend:active { position:relative; color: #fff; }
.btn_popular { box-shadow: 0px 0px 0px 2px #da7909; background:linear-gradient(to bottom, #7e3905 5%, #4f2403 100%); background-color:#7e3905; border-radius:10px; border:1px solid #da7909; display:inline-block; cursor:pointer; }
.btn_popular:hover { background-color: #da7909; background:linear-gradient(to bottom, #7e3905 5%, #7e3905 100%); }
.btn_popular:active { position:relative; color: #fff; }
.btn_new { box-shadow: 0px 0px 0px 2px #1cb086; background:linear-gradient(to bottom, #244c41 5%, #162f29 100%); background-color:#244c41; border-radius:10px; border:1px solid #1cb086; display:inline-block; cursor:pointer; }
.btn_new:hover { background-color:#1cb086; background:linear-gradient(to bottom, #244c41 5%, #244c41 100%); }
.btn_new:active { position:relative; color: #fff; }
.btn_bonus { box-shadow: 0px 0px 0px 2px #e45294; background:linear-gradient(to bottom, #831c3b 5%, #521125 100%); background-color:#831c3b; border-radius:10px; border:1px solid #e45294; display:inline-block; cursor:pointer; }
.btn_bonus:hover { background-color:#e45294; background:linear-gradient(to bottom, #831c3b 5%, #831c3b 100%); }
.btn_bonus:active { position:relative; color: #fff; }
.btn_present { box-shadow: 0px 0px 0px 2px #7f16a5; background-color:#39004e; border-radius:10px; border:1px solid #7f16a5; display:inline-block; cursor:pointer; }
.btn_present:hover { background-color: #39004e; }
.btn_present:active { position:relative; color: #fff; }
.btn_result { box-shadow: 0px 0px 0px 2px #0556a6; background-color: #043972; border-radius:10px; border:1px solid #0556a6; display:inline-block; cursor:pointer; }
.btn_result:hover { background-color: #043972; }
.btn_result:active { position:relative; color: #fff; }
.btn_jackpot { box-shadow: 0px 0px 0px 2px #0556a6; background: linear-gradient(to bottom, #043972 5%, #022447 100%); background-color: #043972; border-radius:10px; border:1px solid #0556a6; display:inline-block; cursor:pointer; }
.btn_jackpot:hover { background-color: #0556a6; background: linear-gradient(to bottom, #043972 5%, #043972 100%); }
.btn_jackpot:active { position:relative; color: #fff; }

.btn_recent_end { box-shadow: 0px 0px 0px 2px #0556a6; background-color: #043972; border-radius:10px; border:1px solid #0556a6; display:inline-block; cursor:pointer; }
.btn_recent_end:hover { background-color: #043972; }
.btn_recent_end:active { position:relative; color: #fff; }
.btn_favorite_end { box-shadow: 0px 0px 0px 2px #c89e07; background-color:#785304; border-radius:10px; border:1px solid #c89e07; display:inline-block; cursor:pointer; }
.btn_favorite_end:hover { background-color: #785304; } 
.btn_favorite_end:active { position:relative; color: #fff; }
.btn_recommend_end { box-shadow: 0px 0px 0px 2px #c41f21; background-color:#7b1012; border-radius:10px; border:1px solid #c41f21; display:inline-block; cursor:pointer; }
.btn_recommend_end:hover { background-color:#7b1012; }
.btn_recommend_end:active { position:relative; color: #fff; }
.btn_popular_end { box-shadow: 0px 0px 0px 2px #da7909; background-color:#7e3905; border-radius:10px; border:1px solid #da7909; display:inline-block; cursor:pointer; }
.btn_popular_end:hover { background-color: #7e3905; }
.btn_popular_end:active { position:relative; color: #fff; }
.btn_new_end { box-shadow: 0px 0px 0px 2px #1cb086; background-color:#244c41; border-radius:10px; border:1px solid #1cb086; display:inline-block; cursor:pointer; }
.btn_new_end:hover { background-color:#244c41; }
.btn_new_end:active { position:relative; color: #fff; }
.btn_bonus_end { box-shadow: 0px 0px 0px 2px #e45294; background-color:#831c3b; border-radius:10px; border:1px solid #e45294; display:inline-block; cursor:pointer; }
.btn_bonus_end:hover { background-color:#831c3b; }
.btn_bonus_end:active { position:relative; color: #fff; }
.btn_jackpot_end { box-shadow: 0px 0px 0px 2px #0556a6; background-color: #043972; border-radius:10px; border:1px solid #0556a6; display:inline-block; cursor:pointer; }
.btn_jackpot_end:hover { background-color: #043972; }
.btn_jackpot_end:active { position:relative; color: #fff; }

@media only screen and (max-width: 414px) {
.btn_recent, .btn_favorite,  .btn_recommend,  .btn_popular  .btn_new, .btn_bonus, .btn_present, .btn_result, .btn_jackpot
.btn_recent_end, .btn_favorite_end, .btn_recommend_end, .btn_popular_end, .btn_new_end, .btn_bonus_end, .btn_jackpot_end { border-radius: 5px; border: 0; }
}