@font-face {
	font-family: 'ch'; 
	src: url(/fonts/captainhowdy.ttf); 
}


* {
  background-repeat: no-repeat;
  background-position: center center;
  box-sizing: border-box;
  
  
  
  
}

.buttonc2 {
background: #5ec43d;
display: inline-block;
margin: 5px;
margin-bottom: 5px;
color: white;
border-radius: 50px;
padding: 8px 40px;
cursor: pointer;
margin-bottom: 13px;
position: relative;
font-size: 34px;
  font-family: 'ch';
}
.buttonc2::after,.infocard .buttonc::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url('/img/texture.png');
  border-radius: 30px;
  opacity: .3;
}
.buttonc2:hover {
  background: #69ea3f;
}




html,body{
min-height: 500px;
margin: auto;
width: 100%;
min-width: 1335px;
color: #9b8265;

}



.main{
width: 100%;
margin: 0px auto 0px auto;
}
.top{
background:url('/img/bg-top.png');
width:100%;
height:300px;
position:relative;
background-size: 100% 100%;
}
.topout{
background:url('/img/trnbg.png');
width:100%;
height:300px;
position:relative;
background-size: 100% 100%;
}
.bt{
position: absolute;
width: 100%;
height: 85px;
background: url('/img/blue-up.svg') center no-repeat;
bottom: -2px;
}
.bb{
position: absolute;
width: 100%;
height: 85px;
background: url('/img/blue-down.svg') center no-repeat;
top: -2px;
}
.bft{
position: absolute;
width: 100%;
height: 85px;
background: url('/img/red-up.svg') center no-repeat;
bottom: -2px;
}
.bft2{
position: absolute;
width: 100%;
height: 85px;
background: url('/img/red-down.svg') center no-repeat;
bottom: -83px;
z-index: 1;
transform: scale(-1, 1)
}
.menu{
background: #2f2e36;
width:100%;
min-height:100px;
position:relative;
}
.content{
background: #c4a030;
width:100%;
min-height:300px;
position:relative;
}
.footer{
background: url('/img/footer-bg.png');
width: 100%;
min-height: 200px;
position: relative;
background-size: cover;
padding-top: 70px;
}
.block{
width: 1150px;
min-height: 700px;
margin: auto;
position:relative;
top: -25px;
}
.block .btop{
background:url('/img/top.png');
position: absolute;
width: 1150px;
height: 275px;
top: 0px;
z-index: 1;
}
.block .bmid{
background: url('/img/mid.png') repeat-y;
position: absolute;
width: 1150px;
top: 275px;
bottom: 275px;
z-index: 1;
}
.block .bbot{
background:url('/img/bot.png');
position: absolute;
width: 1150px;
height: 389px;
bottom: 0px;
z-index: 1;
}
.block .backmain{
background:url('/img/fone.png');
bottom: 8px;
position: absolute;
z-index: 0;
width: calc(100% - 200px);
height: calc(100% - 278px);
top: 165px;
margin: 0px 100px;
}

.block .logo_cw{
background: url('/img/logo_cw.png');
position: absolute;
width: 350px;
height: 70px;
left: calc(50% - 175px);
background-size: 100% 100%;
top: 106px;
z-index: 2;
}


.block .logo_cwout{
font-family: 'ch';
position: absolute;
width: 350px;
height: 70px;
left: calc(50% - 175px);
background-size: 100% 100%;
top: 96px;
z-index: 2;
color: gold;
font-size: 55px;
text-align: center;
}


.bmainn{
width: 1150px;
padding: 173px 125px 246px 125px;
position: relative;
z-index: 2;
}

.m1,.m2,.m3,.m4,.m5,.m6,.m7,.m8,.m9,.m10,.m11,.m12,.m13{
width: 195px;
height: 60px;
display: inline-block;
}
.m1:hover,.m2:hover,.m3:hover,.m4:hover,.m5:hover,.m6:hover,.m7:hover,.m8:hover,.m9:hover,.m10:hover,.m11:hover,.m12:hover,.m13:hover{
background-position:0 60px;
cursor:pointer;
}
.m1{
background: url('/img/m/1m.png');
}
.m2{
background: url('/img/m/2m.png');
}
.m3{
background: url('/img/m/3m.png');
}
.m4{
background: url('/img/m/4m.png');
}
.m5{
background: url('/img/m/5m.png');
}
.m6{
background: url('/img/m/6m.png');
}
.m7{
background: url('/img/m/7m.png');
}
.m8{
background: url('/img/m/8m.png');
}
.m9{
background: url('/img/m/9m.png');
}
.m10{
background: url('/img/m/10m.png');
}
.m11{
background: url('/img/m/11m.png');
}
.m12{
background: url('/img/m/12m.png');
}
.m13{
background: url('/img/m/13m.png');
}



.outm1,.outm2,.outm3,.outm4,.outm5,.outm6,.outm7{
width: 195px;
height: 60px;
display: inline-block;
}
.outm1:hover,.outm2:hover,.outm3:hover,.outm4:hover,.outm5:hover,.outm6:hover,.outm7:hover{
background-position:0 60px;
cursor:pointer;
}
.outm1{
background: url('/img/m/1om.png');
}
.outm2{
background: url('/img/m/2om.png');
}
.outm3{
background: url('/img/m/3om.png');
}
.outm4{
background: url('/img/m/4om.png');
}
.outm5{
background: url('/img/m/5om.png');
}
.outm6{
background: url('/img/m/6om.png');
}
.outm7{
background: url('/img/m/7om.png');
}





.menuarea{
width:1280px;
margin:auto;
}

.menutarea{
width:1280px;
margin:auto;
position: relative;
}

.t1,.t2,.t3,.t4,.t5,.t6{
width: 120px;
height: 87px;
display: inline-block;
}

.t7{
width: 82px;
  height: 80px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}



.t1:hover,.t2:hover,.t3:hover,.t4:hover,.t5:hover,.t6:hover,.t6:hover{
background-position:0 87px;
cursor:pointer;
}
.t1{
background: url('/img/m/1t.png');
}
.t2{
background: url('/img/m/2t.png');
}
.t3{
background: url('/img/m/3t.png');
}
.t4{
background: url('/img/m/4t.png');
}
.t5{
background: url('/img/m/5t.png');
}
.t6{
background: url('/img/m/6t.png');
}
.t7{
background: url('/img/m/7t.gif');
background-size: cover;
}
.opacityblock{
padding: 20px 20px 20px 20px;
background: rgba(0,0,0,0.6);
border-radius: 6px;
margin: 0px 16px 16px 16px;
position: relative;
color: white;
}
.opacityblocktitle{
position: relative;
padding: 10px 40px 10px 40px;
background: rgba(0,0,0,0.6);
border-radius: 6px 6px 0px 0px;
display: inline-block;
text-align: center;
font-size: 20px;
font-family:'ch';
color: white;
}


.insblock{
background: url('/img/p_1.png');
width: 400px;
height: 395px;
display: inline-block;
position:relative;
}

.insblockarea{
position: absolute;
width: 320px;
height: 300px;
top: 58px;
left: calc(50% - 157px);
}
.insblocktitle{
font-family: 'ch';
position: absolute;
width: 100%;
color: #dfcba9;
top: 26px;
font-size: 19px;
}

.btngame {
background: url('/img/btngame.png');
width: 170px;
height: 55px;
border: 0;
color: #dcc6a0;
font-family: 'ch';
outline: none;
}
.btngame:hover {
cursor:pointer;
background-position:0 55px;
}


.idhsfuisjgybs1{
width: 728px;
height: 90px;
border: 1px solid;
position: absolute;
left: calc(50% - 634px);
top: 115px;
z-index:11;
}
.idhsfuisjgybs2{
width: 728px;
height: 90px;
border: 1px solid;
margin:10px 0;
}


.idhsfuisjgybs3{
width: 160px;
height: 600px;
border: 1px solid;
position: absolute;
left: -91px;
top: 173px;
z-index:11;
}
.idhsfuisjgybs4{
width: 160px;
height: 600px;
border: 1px solid;
position: absolute;
right: -91px;
top: 173px;
z-index:11;
}

.idhsfuisjgybs5{
width: 728px;
height: 90px;
border: 1px solid;
position: absolute;
bottom: 139px;
left: calc(50% - 364px);
z-index:11;
}

.idhsfuisjgybs6{
width: 468px;
height: 60px;
border: 1px solid;
position: absolute;
bottom: -43px;
left: calc(50% - 478px);
z-index:11;
}

.idhsfuisjgybs7{
width: 468px;
height: 60px;
border: 1px solid;
position: absolute;
bottom: -43px;
right: calc(50% - 478px);
z-index:11;
}


.idhsfuisjgybs8{
width: 300px;
height: 250px;
border: 1px solid;
display: inline-block;
margin: 10px;
}
.idhsfuisjgybs9{
width: 300px;
height: 250px;
border: 1px solid;
display: inline-block;
margin: 10px;
}
.idhsfuisjgybs10{
width: 300px;
height: 250px;
border: 1px solid;
display: inline-block;
margin: 10px;
}

.idhsfuisjgybs11{
width: 468px;
height: 60px;
border: 1px solid;
}




.current{
font-family:'ch';
color:gold !important;
}
.number_box{
float:right;
}
.number_box a{
font-family: 'ch';
color: white;
text-decoration: none;
font-size: 20px;
}
.offer_block{
background: url('/img/of_b.png');
background-size: cover;
width: 500px;
height: 336px;
position: relative;
}
.areaoft{
font-family: 'ch';
width: 360px;
height: 23px;
position: absolute;
left: calc(50% - 180px);
text-align: center;
top: 26px;
color: white;
font-size: 20px;
}
.areaofb{
font-family: 'ch';
width: 400px;
height: 231px;
position: absolute;
left: calc(50% - 200px);
text-align: center;
top: 60px;
font-size: 20px;
}

.boot_of{
background: url('/img/boot_of.png');
width: 172px;
height: 71px;
display: inline-block;
text-decoration: none;
color: black;
font-family: 'ch';
padding-top: 25px;
}

.boot_of:hover{
background-position:0 71px;
}
.faqtop{
background: url('/img/faq.png');
position: absolute;
width: 80px;
height: 71px;
right: -22px;
top: 0;
z-index: 1;
}

.faqtop:hover{
background-position:0 71px;
cursor:pointer;
z-index: 1;
}


.ptcb{
background: url('/img/ptcb.png');
position: relative;
width: 400px;
height: 201px;
display: inline-block;
}

.ptctitle{
position: absolute;
width: 100%;
top: 50px;
font-size: 20px;
padding: 0 31px;
color:gold;
font-family:'ch';
}
.ptcdesc{
position: absolute;
width: 100%;
top: 84px;
font-size: 20px;
padding: 0 31px;
color:white;
}
.ptcparam{
position: absolute;
width: 100%;
top: 118px;
font-size: 20px;
padding: 0 31px;
color:white;
}
.ptcgo{
position: absolute;
width: 100%;
top: 153px;
font-size: 20px;
padding: 0 31px;
cursor: pointer;
color:gold;
font-family:'ch';
}

.ptcgo:hover{
color:white;
}


.closeptc{
background: url('/img/del.png');
width: 40px;
height: 36px;
position: absolute;
right: 29px;
top: 43px;
z-index: 1;
}

.closeptc:hover{
background-position:0 36px;
}

.levelblock{
width: 200px;
background: #2f2d3891;
display: inline-block;
border-radius: 15px;
text-align: center;

margin: 10px;
color: white;
font-size: 15px;
font-family:'ch';
}
.levelblock button{
background: none;
color: gold;
border: none;
font-family: 'ch';
font-size: 19px;
width: 100%;
padding: 10px;
}
.levelblock button:hover{
background: rgba(0,0,0,0.4);
border-radius: 0px 0px 15px 15px;
cursor: pointer;
}
.deffont{
font-family: times new roman;
width: 150px;
display: inline-block;
text-align: center;
font-size: 12px;
}


.block_text{
width: 800px;
min-height: 250px;
margin: auto;
position: relative;
}
.block_text_top{
background: url('/img/txt_1.png');
position: absolute;
width: 800px;
height: 135px;
top: 0px;
z-index: 1;
}
.block_text_mid{
background: url('/img/txt_2.png') repeat-y;
position: absolute;
width: 800px;
top: 135px;
bottom: 80px;
z-index: 1;
}
.block_text_bot{
background: url('/img/txt_3.png');
position: absolute;
width: 800px;
height: 80px;
bottom: 0px;
z-index: 1;
}
.block_text_main{
width: 800px;
padding: 71px 105px 71px 30px;
position: relative;
z-index: 2;
font-size: 20px;
text-align: left;
color:black;
}