/* *{margin: 0; padding: 0; box-sizing: border-box; font-family: sans-serif; font-size: 100%; font-weight: normal; font-style: normal;}
body{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: silver;}
header, main{float: left; width: 100%;}
header{height: 60px; border-bottom: 4px groove silver;}
header span{line-height: 60px; font-size: 24px; color: #1c1c1c; margin-left: 30px;} */
#btn-putmoney{float: right; margin-right: 30px; background-color: transparent; border: 4px outset silver; cursor: pointer; font-size: 16px; border-radius: 10px; height: 36px; width: 130px; margin-top: 10px; color: #1c1c1c;}
#btn-putmoney:active{border: 4px inset silver;} 
main{height: calc(100% - 60px);}
section{float: left; height: 100%;}
.s-game{width: 70%;}
.s-btns{width: 30%; border-left: 4px groove silver;}
.s-game{display: flex; justify-content: center; align-items: center;}
.c-game{position: relative; width: auto; height: auto; box-sizing: content-box; border-right: 20px solid #ccc; border-bottom: 20px solid #d6d5d5; border-left: 20px solid #b0b0b0; border-top: 20px solid #a3a3a3;}
.line{position: absolute; font-weight: bold; font-size: 14px;}
.line-1{color: blue; top: 50%; transform: translateY(-50%);}
.line-2{color: green; top: 15%;}
.line-3{color: red; bottom: 15%;}
.line.left{left: -18px;}
.line.right{right: -18px;}
#game-area{width: 800px; height: 480px; background-color: #fff; overflow: hidden;  box-shadow: inset 0px 0px 85px -12px rgba(0,0,0,0.55);}
.c-column{position: relative; float: left; min-height: 100%; width: 20%;border-left: 1px solid #1c1c1c;}
.c-column:last-child{border-right: 1px solid #1c1c1c;}
.column{position: absolute; left: 0; bottom: 0; width: 100%; height: auto;}
.column:nth-child(1){transition: 1s;}
.column:nth-child(2){transition: 2s;}
.column:nth-child(3){transition: 3s;}
.column:nth-child(4){transition: 4s;}
.column:nth-child(5){transition: 5s;}
.column div{position: relative; width: 100%; height: 160px; border: 4px solid #c0c0c0;}
.bg{background-color: #a2f4a4;}
.column div i{position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); font-size: 80px;}
.c-btn{float: left; width: 100%; display: flex; justify-content: center; padding-top: 30px;}
.c-btn button{font-size: 24px; color: #1c1c1c; background-color: transparent; border: 4px outset silver; border-radius: 50%; cursor: pointer;}
#btn-bet{width: 80px; height: 80px;}
#btn-spin{width: 120px; height: 120px;}
.c-btn button:active{border: 4px inset silver;}
.col-red{color: red;}
table{border-collapse: collapse; font-size: 14px;}
td{border: 1px dotted #1c1c1c; padding: 3px 5px;}