/* display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start; */
body{margin:0;padding:0;font-family:Tahoma;color:#bcbeda;font-size:14px;background:#14122c url(images/bg.png);}
p{padding:0;line-height:1.5;text-align:justify;margin:0;}
p:not(:last-child){margin:0 0 20px 0;}
div{box-sizing:border-box;}
a{color:#4892f2;outline: none;text-decoration: underline;}/*color:#b4ff00;*/
.flex{display:flex;flex-flow:row wrap;}
.wrap{max-width:1200px;margin:0 auto;}
.jcc{justify-content:center;}
.jcsb{justify-content:space-between;}

h1{padding: 0 0 10px 0;
    font-weight: normal;
    color: #ffae00;font-size:150%;}

.wrap{max-width:1027px;margin:0 auto;}

.header{height:170px;background:url(images/header.png) no-repeat center center;justify-content:space-around;}

.mbox{display:flex;flex-flow:row wrap;align-items:center;}
.mb1{width:100%;padding-bottom:10px;}
.mb1 img{max-width:100%;display:block;border: 3px solid #ffae00;box-sizing:border-box;}
.mb2{flex:1;}
.mb2 a{font-weight: bold;background: #ffae00;text-decoration:none;text-align:center;padding:10px;display:block;color: #000;text-shadow:0 0 3px red;text-transform:uppercase;}

.menuBtn{width:50px;padding:10px;height:50px;}
.menuBtnB{width:30px;height:30px;position:relative;}
.menuBtnB span{top:14px;}
.menuBtnB:before,.menuBtnB:after,.menuBtnB span{width:100%;position:absolute;background:#fff;height:2px;}
.menuBtnB:before,.menuBtnB:after{content: '';}
.menuBtnB:before{top:0;}
.menuBtnB:after{bottom:0;}

.nav{margin:0 auto;max-width:1000px;background:#100e24;border:1px solid #1b74d4;margin-bottom:20px;padding:5px;display:flex;flex-flow:row wrap;}
.nav a{margin:5px 10px;display:block;}

.main{background:#100e24;border:1px solid #1b74d4;border-radius:7px;padding:0 10px 20px 10px;margin:20px 0;}

.main img{max-width:100%;}

.blockTXT{padding:25px 5px;}

.list{display:flex;flex-flow:row wrap;align-items:stretch;justify-content:space-around;}
.list .item{width:150px;text-align:center;padding:0 5px 20px;}
.list .item a.icon{display:block;}
.list .item a.slotname{font-weight:bold;color: #ffae00;}
.list .item img{aspect-ratio:7/5;display:block;max-width:100%;border-radius:10px;}

.gameBox{}
.gameLeft{}
.gameLeft iframe{display:block;aspect-ratio:16/10;width:100%;}
.gamePlayBtn{
    display: block;
    height: 47px;
    font-size: 170%;
    line-height: 1.8;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    color:#ffae00;
    background: #ad0b04;
    border: 2px solid #fff;
    box-shadow: 0 0 5px 0 #fff;
    -moz-box-shadow: 0 0 5px 0 #fff;
    -webkit-box-shadow: 0 0 5px 0 #fff;
    z-index: 222;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    margin:20px 0;
}
.gameRight{}

.softs{display:flex;flex-flow:row wrap;align-items:stretch;justify-content:center;}
.softs a.item{margin:5px 10px;font-weight:bold;}

.copyright{text-align:center;font-size:80%;padding-bottom:10px;}

@media screen and (min-width: 730px){
    .list .item{width:180px;}
    .menuBtn{display:none;}
    .mb1{width:auto;padding-right:10px;flex:1;}
    .mb2{width:200px;flex:none;}
}

@media screen and (min-width: 990px){
    .gameBox{display:flex;flex-flow:row wrap;align-items:stretch;justify-content:space-around;}
    .gameRight{width:180px;}
    .gameLeft{flex:1;padding:0 20px 10px 10px;}
}