/**
Designed by ######
Copyright 2017

Slot
**/

#slot{ background: url(../../assets/img/slot/slot_bg.jpg) repeat center center #181818; }
#slot .banner{ height: 196px; background: url(../../assets/img/slot/slot_banner.jpg) no-repeat top center; }

#slot .slot-menu{ margin-bottom: .5rem; border-top: 1px solid #202020; background-color: #343535; }
#slot .slot-menu > li{ float: left; border-left: 1px solid #202020; border-right: 1px solid #444444; }
#slot .slot-menu > li > a{ color: #FFF; display: block; padding: .5rem 1rem; }
#slot .slot-menu > li:hover > a,#slot .slot-menu > li.on > a{ background-color: #F39800; text-decoration: none; }

#slot .slot-content{ background-color: #121212; }
#slot .slot-content img{ padding: 2rem 3rem; }
#slot .slot-content .search-form{ padding: 2.6rem 3rem; }
#slot .slot-content .search-form .form-control{ color: #000; font-size: 1rem; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-color: #121212; background: #FFF; }
#slot .slot-content .search-form button{ color: #FFF; background-color: #999; border-color: #121212; }
#slot .slot-content .search-form button:focus{ background-color: #F39800; }

#slot .slot-content .nav-tabs{ padding: .7rem .5rem; border-bottom-width: 0; background-color: #000; }
#slot .slot-content .nav-tabs > li > a{ color: #FFF; padding: .2rem .5rem; background-color: transparent; border-color: transparent; }
#slot .slot-content .nav-tabs > li > a.active{ border-radius: 4px; background-color: #F39800; }

#slot .tab-content dl{ padding: 1rem; }
#slot .tab-content dl > dt{ margin-bottom: 1rem; }
#slot .tab-content dl > dt a{ display: block; border: 3px solid #333; }
#slot .tab-content dl > dt a figure{ width: 146px; height: 136px; margin: 0 auto; }
#slot .tab-content dl > dt a.sg01 figure{ background: url(../../assets/img/slot/1.png) no-repeat 0 0; }
#slot .tab-content dl > dt a.sg02 figure{ background: url(../../assets/img/slot/2.png) no-repeat 0 0; }
#slot .tab-content dl > dt a.sg03 figure{ background: url(../../assets/img/slot/3.png) no-repeat 0 0; }
#slot .tab-content dl > dt a.sg04 figure{ background: url(../../assets/img/slot/4.png) no-repeat 0 0; }
#slot .tab-content dl > dt a.sg05 figure{ background: url(../../assets/img/slot/5.png) no-repeat 0 0; }
#slot .tab-content dl > dt a.sg01:hover figure,#slot .tab-content dl > dt a.sg02:hover figure,#slot .tab-content dl > dt a.sg03:hover figure,#slot .tab-content dl > dt a.sg04:hover figure,#slot .tab-content dl > dt a.sg05:hover figure{ background-position: -146px 0; }
#slot .tab-content dl > dt a p{ color: #afafaf; font-size: 1rem; font-weight: 400; background-color: #333; padding: .5rem 0; text-align: center; }
#slot .tab-content dl > dt a:hover{ border-color: #F39800; text-decoration: none; }
#slot .tab-content dl > dt a:hover p{ color: #FFF; background-color: #F39800; }