.body{padding:6px;padding-bottom:8px;background-color:#f8f8f8}
.b_list{width:100px;height:75px;margin:6px;display:block;float:left;border:rgba(255, 255, 255, 0.9) solid 1px;box-shadow:0 1px 2px 1px rgba(0, 0, 0, 0.3);background:#FFF;cursor:pointer;position:relative;animation:zoomOutItem 200ms linear}
.b_list:hover{border:red solid 1px}
.b_list img{width:100%;height:100%}
#nav_box{height:35px;margin-top:10px;position:relative}
.nav-dots{text-align:center;position:absolute;top:5px;height:30px;width:100%;left:0;z-index:1000}
.nav-dots span{display:inline-block;position:relative;width:16px;height:16px;margin:6px;border-radius:50%;background:rgba(83,166,225,0.3);-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s;box-shadow:0 1px 1px rgba(255,255,255,0.4),inset 0 2px 1px rgba(0,0,0,0.1),0 0 0 2px rgba(255,255,255,0.5);cursor:pointer;text-indent:-9999em}
.nav-dots span a{display:block;width:20px;height:20px;outline:none}
.nav-dots span.nav-dot-current:after{content:"";position:absolute;width:10px;height:10px;top:3px;left:3px;border-radius:50%;background:rgba(255,255,255,0.8)}
.nav-dots span.nav-dot-current,.nav-dots span:hover{box-shadow:0 1px 1px rgba(255,255,255,0.4),inset 0 1px 1px rgba(0,0,0,0.1),0 0 0 5px rgba(255,255,255,0.5)}
@keyframes zoomOutItem {
from{transform:scale(0.5,0.5)}
to{transform:scale(1,1)}}
.result-box{background:#723786;width:400px;position:absolute;right:0;top:30px;z-index:100;box-shadow:2px 2px 15px rgba(0, 0, 0, 0.5);display:none}
.result-box a{display:block;line-height:50px;border-bottom:1px solid rgba(0, 0, 0, 0.2);box-shadow:0 1px rgba(255, 255, 255, 0.1);text-decoration:none;color:white;padding:2px}
.result-box a:not(.selected):hover{background-color:rgba(0, 0, 0, 0.3)}
.result-box a.selected{background-color:rgba(255, 255, 255, 0.2)}
.result-box a img{width:60px;margin:3px 8px 3px 3px}
.play-box{background-color:#723786;position:fixed;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:100000;display:none;text-align:center;padding:10px}
.swf-box{background-color:rgba(0,0,0,0.5);display:inline-block;vertical-align:top;border-radius:1px;box-shadow:0 0 15px rgba(0,0,0,0.5)}
.header-swf-box{background-image:linear-gradient(to bottom,#D34390 40%,#CF3A8C 54%);height:40px;box-shadow:0 3px rgba(0,0,0,0.3);border:1px solid rgba(0,0,0,0.3)}
.home-swf-box{display:block;float:left;font:bold 25px/40px 'Cut the crap', arial;text-decoration:none;color:rgba(0,0,0,0.5);padding:0 10px 0 10px;text-shadow:1px 1px rgba(255, 255, 255, 0.2)}
.game-name{float:left;font:18px/40px Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;color:rgba(0,0,0,0.5)}
.arrow-box{font-family:aclonica;font-size:25px;display:block;float:left;line-height:36px;margin-right:5px}
.swf{width:640px;height:480px;margin:5px;background:url(../images/loader_white.gif) no-repeat center center #155D93}
.swf embed{background:transparent}
.similar-box{width:1000px;margin:5px auto;display:none;text-align:center}
.similar-box .b_list{display:inline-block;vertical-align:top;float:none;box-shadow:1px 1px 5px rgba(0,0,0,0.5)}