@charset "utf-8";
/* CSS Document */
.bodyall-boxcontent{
border-radius: 3px;
border:1px dashed #999;
width:20.7%; 
padding:1%; 
margin:1%; 
height:390px; 
float: left;
background-image:url(../file-photo/bg-game.png);
}
.bodyall-login{
background-color:#FFFFFF;
padding:1%;
width:524px;
border-radius: 3px;
border:1px solid #999;
margin:1%;
color:#000000;
overflow:hidden;
}
.bodyall-topic{
background-color:#FFFFFF;
padding:1%;
width:800px;
border-radius: 3px;
border:1px solid #999;
margin:1%;
color:#000000;
overflow:hidden;
}
.bodyall-indextopic{
background-color:#FFFFFF;
padding:1%;
width:900px;
border-radius: 3px;
border:1px solid #999;
margin:1%;
color:#000000;
overflow:hidden;
}
.textbox-topic-loginbody{
width:770px; text-align:left;  margin:2%;
}
.textbox-loginbody{
width:510px; text-align:left;  margin:2%;
}
.textbox-loginbody2{
width:510px; height:auto; text-align:left;  margin:1%;
}
.textbox-forumans{
width:650px; height:250px; text-align:left;  margin:1%;
}
.boxdetail {
	font-weight: normal;
	border: 1px solid #000;
	background-color: #333;
	border-radius: 3px;
	font-weight:bold;
	color: #FFF;
	width:10%; margin:1%; padding:1%;  float:left;
}
.boxjoin {
	font-weight: normal;
	border: 1px solid #F00;
	background-color: #F30;
	border-radius: 3px;
	font-weight:bold;
	color: #FFF;
	width:10%; margin:1%; padding:1%;  float:left;
}
.boxjoin2 {
	font-weight: normal;
	border: 1px solid #000;
	background-color: #333;
	border-radius: 3px;
	font-weight:bold;
	color: #FFF;
	width:10%; margin:1%; padding:1%;  float:left;
}
.boxroomuser {
	font-weight: normal;
	border: 1px solid #666;
	background-color: #A0A0A0;
	border-radius: 3px;
	font-weight:bold;
	color: #FFF;
	width:12.5%; padding:1%; margin:1%; height:300px; float:left; 
}
.boxroomuser2 {
	font-weight: normal;
	border: 1px solid #F00;
	background-color: #F30;
	border-radius: 3px;
	font-weight:bold;
	color: #FFF;
	width:12.5%; padding:1%; margin:1%; height:300px; float:left; 
}
@media screen and (max-width: 1279px)   {
.bodyall-boxcontent{
border-radius: 3px;
border:1px dashed #999;
width:29%; 
padding:1%; 
margin:1%; 
float: left;
background-image:url(../file-photo/bg-game.png);
}
.bodyall-login{
background-color:#FFFFFF;
padding:1%;
width:524px;
border-radius: 3px;
border:1px solid #999;
margin:1%;
color:#000000;
overflow:hidden;
}
.textbox-loginbody{
width:510px; height:40px; text-align:left;  margin:1%;
}
.textbox-loginbody2{
width:510px; height:auto; text-align:left;  margin:1%;
}
.boxroomuser {
	font-weight: normal;
	border: 1px solid #666;
	background-color: #A0A0A0;
	border-radius: 3px;
	font-weight:bold;
	color: #FFF;
	width:20.5%; padding:1%; margin:1%; height:320px; float:left; 
}
.boxroomuser2 {
	font-weight: normal;
	border: 1px solid #F00;
	background-color: #F30;
	border-radius: 3px;
	font-weight:bold;
	color: #FFF;
	width:20.5%; padding:1%; margin:1%; height:320px; float:left; 
}
}
@media screen and (max-width: 768px)   {
.bodyall-boxcontent{
border-radius: 3px;
border:1px dashed #999;
width:45.3%; 
padding:1%; 
margin:1%; 
float: left;
background-image:url(../file-photo/bg-game.png);
}
.bodyall-login{
background-color:#FFFFFF;
padding:1%;
width:95.5%;
border-radius: 3px;
border:1px solid #999;
margin:1%;
color:#000000;
overflow:hidden;
}
.textbox-loginbody{
width:98%; height:40px; text-align:left; margin:1%;
}
.textbox-loginbody2{
width:98%; height:auto; text-align:left;  margin:1%;
}
.boxdetail {
	font-weight: normal;
	border: 1px solid #000;
	background-color: #333;
	border-radius: 3px;
	font-weight:bold;
	color: #FFF;
	width:45%; margin:1%; padding:1%;  float:left;
}
.boxjoin {
	font-weight: normal;
	border: 1px solid #F00;
	background-color: #F30;
	border-radius: 3px;
	font-weight:bold;
	color: #FFF;
	width:45%; margin:1%; padding:1%;  float:left;
}
.boxjoin2 {
	font-weight: normal;
	border: 1px solid #000;
	background-color: #333;
	border-radius: 3px;
	font-weight:bold;
	color: #FFF;
	width:45%; margin:1%; padding:1%;  float:left;
}
.boxroomuser {
	font-weight: normal;
	border: 1px solid #666;
	background-color: #A0A0A0;
	border-radius: 3px;
	font-weight:bold;
	color: #FFF;
	width:29%; padding:1%; margin:1%; height:320px; float:left; 
}
.boxroomuser2 {
	font-weight: normal;
	border: 1px solid #F00;
	background-color: #F30;
	border-radius: 3px;
	font-weight:bold;
	color: #FFF;
	width:29%; padding:1%; margin:1%; height:320px; float:left; 
}
.boxroomuser {
	font-weight: normal;
	border: 1px solid #666;
	background-color: #A0A0A0;
	border-radius: 3px;
	font-weight:bold;
	color: #FFF;
	width:29%; padding:1%; margin:1%; height:320px; float:left; 
}
.boxroomuser2 {
	font-weight: normal;
	border: 1px solid #F00;
	background-color: #F30;
	border-radius: 3px;
	font-weight:bold;
	color: #FFF;
	width:29%; padding:1%; margin:1%; height:320px; float:left; 
}
.textbox-forumans{
width:90%; height:120px; text-align:left;  margin:1%;
}
.bodyall-indextopic{
background-color:#FFFFFF;
padding:1%;
width:95%;
border-radius: 3px;
border:1px solid #999;
margin:1%;
color:#000000;
overflow:hidden;
}
}
@media screen and (max-width: 480px)   {
.bodyall-boxcontent{
border-radius: 3px;
border:1px dashed #999;
width:95.5%; 
padding:1%; 
margin:1%; 
float: left;
background-image:url(../file-photo/bg-game.png);
}
.bodyall-login{
background-color:#FFFFFF;
padding:1%;
width:95.5%;
border-radius: 3px;
border:1px solid #999;
margin:1%;
color:#000000;
overflow:hidden;
}
.textbox-loginbody{
width:98%;  text-align:left;margin:1%;
}
.textbox-loginbody2{
width:98%; height:auto; text-align:left;  margin:1%;
}
.boxdetail {
	font-weight: normal;
	border: 1px solid #000;
	background-color: #333;
	border-radius: 3px;
	font-weight:bold;
	color: #FFF;
	width:45%; margin:1%; padding:1%;  float:left;
}
.boxjoin {
	font-weight: normal;
	border: 1px solid #F00;
	background-color: #F30;
	border-radius: 3px;
	font-weight:bold;
	color: #FFF;
	width:95%; margin:1%; padding:1%;  float:left;
}
.boxjoin2 {
	font-weight: normal;
	border: 1px solid #000;
	background-color: #333;
	border-radius: 3px;
	font-weight:bold;
	color: #FFF;
	width:95%; margin:1%; padding:1%;  float:left;
}
.boxroomuser {
	font-weight: normal;
	border: 1px solid #666;
	background-color: #A0A0A0;
	border-radius: 3px;
	font-weight:bold;
	color: #FFF;
	width:45%; padding:1%; margin:1%; height:320px; float:left; 
}
.boxroomuser2 {
	font-weight: normal;
	border: 1px solid #F00;
	background-color: #F30;
	border-radius: 3px;
	font-weight:bold;
	color: #FFF;
	width:45%; padding:1%; margin:1%; height:320px; float:left; 
}
.bodyall-indextopic{
background-color:#FFFFFF;
padding:1%;
width:95%;
border-radius: 3px;
border:1px solid #999;
margin:1%;
color:#000000;
overflow:hidden;
}
.textbox-forumans{
width:90%; height:120px; text-align:left;  margin:1%;
}
}