body {
	margin-left:0.5px;
	margin-top: 0px;
	margin-right:0.5px;
	color: #fff;
	font-size:10px;
	background-color:#4D4D4D;
	line-height:130%;

}
.page{
	height:100%;
	width:100%;
	background-color:#000;
	background-image: url(./images/bg.png);
    background-size: 100% 100%;
	position: absolute;
	top:0;
	left:0;
	
}
div#chat {
	margin-left:2%;
	width:97%;
	height:65px;
	overflow:auto;
	padding-top:8px;
	padding-bottom:8px;
	/*border-bottom:1px solid rgba(255,225,225,0.5);*/
}
.tbarlogo{
	position:absolute;
	height:30px;
	width:30px;
	right:0;
	float:left;
	top:6px;
	background: url(./images/r.png);
	background-size: 100% 100%;
}

div#long {
	display:none;
	top:45px;
	position:absolute;
	padding-top:8px;
	padding-bottom:8px;
	width:98%;
	margin-left:2%;
	height:65px;
	overflow:auto;
	/*border-bottom:1px solid rgba(255,225,225,0.5);*/
}
div.backbt{
	height:18px;
	width:20px;
	float:right;
	margin-right:1%;
	background: url(./images/back.png);
}


div#tbar {
	width:100%;
	/*padding-top:3px;*/
/*	padding-left:4px;*/
	padding-bottom:1.5px;
/*	border-bottom:1px solid rgba(255,225,225,0.5); */
	overflow:auto;
	height:45px;
	text-align: center;
	background: url(./images/nav.png);
	background-size: 100% auto;
}

div#here {

	padding-top:16px;
	color:rgb(85, 255, 255);
    font-size: 1.14em;
    font-weight: bold;

}

div#tmenu {
	font-size: 20px;
	float: right;	
	padding-top:8px;
	color:#0cf3ff;
}
div#chatpage,div#syspage,div#fightpage{
	/*background-image: url(./images/bg.png);
    background-size: 100% 100%;	*/
    color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow:auto;
    font-size: 1em;
	list-style: none;
	z-index: -1;
	opacity:0;
}
div#syspage,div#fightpage{
	display:none;
	opacity:1;
	z-index:20;
}
fmessage{
	
	height:93%;
    width: 100%;
	font-size: 12px;

}

#fightmessage>div.sysbox{
	height:100%;
	background-color:rgba(255,225,225,0);
	width:100%;
}
#fightmessage{
	height:68%;
	margin-bottom:2%;
	overflow:auto;
	width:100%;
}

.sysmessage{
	height:92%;
	margin-bottom:1%;
	overflow:auto;
	width:100%;
}

.sysmessage>div.sysbox,.sysmessage>div.chatbox{
	height:100%;
	background-color:rgba(255,225,225,0);
	width:100%;
}


.sysbox>li{
	margin-left:2%;
}

#fmessage>li{
	margin-left:4%;
}



div#nav,div#sysnav{
	background-image: url(./images/nav.png);
    background-size: 100% auto;
    color: #0CF3FF;
    font-size: 1.14em;
    font-weight: bold;
    height: 7%;
    line-height: 3.57em;
    position: relative;
    text-align: center;

}

div#chatback,div#sysback,div#fightback{
	display: block;
    font-size: 1em;
    height: 100%;
    line-height: 3.57em;
    position: absolute;
    text-align: center;
    top: 0;
    width: 7.14em;
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: center;
    cursor: pointer;
	right: 0.714em;
    background-position: right center;
	background-image: url(./images/chatback.png);
	
}

div#emerybox{
	float: left;
	overflow-x:auto;
	height:6%;
    width: 100%;
	font-size: 12px;
	white-space: nowrap;
	
}

div#userbox{
	overflow:auto;
	height:6%;
    width:22%;
	font-size: 12px;
	left:5%;
	position:absolute;
}

#myfightcmds{
	display:block;
    color: #0CF3FF;
    height:12%;
	width:100%;
   /* line-height: 3.57em;*/
    position:absolute;

	bottom:1%;
	
}

#myfightcmds2{
	position:absolute;
	display:none;
    color: #0CF3FF;
    height:12%;
	width:100%;
    /*line-height: 3.57em;*/
	bottom:1%;
	
}

#myfightcmds>button,#myfightcmds2>button{
	height:30%;
	background-image: url(./images/button3.png);
	background-size:100% 100%;
	margin-left:4%;
	width:20%;
	margin-top:3%;
	float:auto;
}


/*
.emotion{
	float: right;
	background-image: url(./images/face.png);
	width:30px;
	height:30px;
	display:none;
	margin-right:2%;
}
*/
.flybt{
	position:absolute;
	top:8px;
	right:3px;
	/*margin-right:1%;*/
	height:35px;
	width:55px;
	background: url(./images/fly.png);
	background-size: 100% 100%;
}

#mback{
	background: url(./images/chatback.png);
	background-size: 100% 100%;
	display:none;
	
}

div#mleft {
	float:left;
	width:20%;
	height:94px;
	margin-top: 1px;
	/*border-top:1px solid rgba(255,225,225,0.5);*/
	overflow:auto;
	/*border-right:1px solid rgba(255,225,225,0.5);*/
}

div#mright {
	float:left;
	width:100%;
}

div#hps {
	float:left;
	width:22%;
	position:absolute;
	left:2%;
	top:4px;

}
div#playerbt{
	width:12%;
	/*bottom:43px;*/
	overflow:auto;
	position:absolute;
	right:0%;
	top:100px;
	height:50%;
	/*z-index:10;*/
	
/*	border-left:0.3px solid rgba(255,225,225,0.5);*/
	/*height:100%;*/
}
div#playerbt>button{
	background-color:#464242;
	/*background-image: url(./images/button_bg.png);
	background-size:100% 100%;*/
	margin-top:8px;
	width:96%;
	height:36px;
	border-radius:3px;
	color:#fff;
	height:32px;
	
}

div#playerbt>button:hover{
	background: #999;
}


div#menu {
	position:absolute;
	bottom:3px;
	float:left;
	width: 100%;
	height:41px;
	margin-left:-1px;
	margin-top:1px;
	/*border-top:0.3px solid rgba(255,225,225,0.5);*/
}
#b1,#b2,#b3,#b4,#b5,#b6{
	height:40px;
	width:100%;
	font-size:14px;
	background-color:#464242;
	color:#fff;
	border-radius:0.3em;
	/*font-family: 楷体;*/
	/*background-image: url(./images/button3.png);*/
	/*background-size:100% 100%;
	background-image:url(./images/button1_bg.png);*/
	
}

#b1:active,#b2:active,#b3:active,#b4:active,#b5:active,#b6:active{
	background: #999;
}
/*
#b1:hover,#b2:hover,#b3:hover,#b4:hover,#b5:hover,#b6:hover{
	background: #999;
}
*/
div#obj {
	float:left;
	overflow:auto;
	height:180px;
	/*border-bottom:1px solid rgba(255,225,225,0.5);
	border-right:1px solid rgba(255,225,225,0.5);
	border-top:1px solid rgba(255,225,225,0.5);*/
	margin-left:2%;
	/*white-space: nowrap;*/
	width:86%;
	/*font-size:xx-small; */
	
}

div#hudong {
	position:relative;
	padding-bottom:5px;
/*	font-size:12px; */
	width:97%;
	overflow:auto;
	margin-left:2%;
	margin-top:2px;

}

div#content{
	width:100%;
	position:absolute;
	top:46.5px;
	
}

div#map {
	position:absolute;
	top:47px;
	/*left:18%;*/
	/*padding:3px;*/
	/*margin-left:3px;*/
	padding-bottom:5px;
	font-size:xx-small;
	line-height: 100%;
	width:99%;
	border: 1px solid #aaa;
	border-radius:3px;
	background-color:#333;
	overflow:auto;
	z-index:20;
	/*background-image: url(./images/bg.png);*/
}

div#acts {
	float:left;
	width:98%;
	height:auto;
	margin-top:5px;
	margin-left:2%;
	/*border-top:1px solid rgba(255,225,225,0.5);*/
	overflow:auto;
	/*font-size:xx-small; */
	text-align:left;
	color:red;
	margin-bottom:5px;
}

div#exits {
	float:left;
	width:80%;
	height:120px;
	margin-top: 1px;
	margin-left:1%;
	/*border-top:1px solid rgba(255,225,225,0.5);*/
	overflow:auto;
	color:#00F0FF;
}

div#out {
	float:left;
	width:100%;
	height:100%;
	/*margin-left: 3px;*/
	overflow:auto;
	display:block;
	list-style: none;


}

div#message{
	float:left;
	width:96%;
	height:20%;
	/*font-size:12px;*/
	/*margin-left: 3px;*/
	display:block;
	list-style: none;
	position:absolute;
	bottom:44px;
	background-color: rgba(0,0,0,0.4);
	padding:2%;
	z-index:11;
	
}

div#out>li{
	margin-left:2px;	
}

div#out .active{
	/*color:rgb(255,255,85);	*/
}

div#mycmds {
	position:relative;
	/*height:93px;*/
	/*left:18%;*/
	/*bottom:42px;*/
	width:100%;
/*	margin-left:3px;*/
	/*margin-top:2px;*/
	font-size:18px;
	overflow:auto;
	margin-bottom:5px;
	background: rgba(0,0,0,0.7);

}

input{
	border: 1px solid #888; 
	-webkit-appearance:none;
	height: 35px;
	color: #ddd;
	width:99%;
	background-color: rgba(200,200,200,0.1);
	border-radius:3px; 
	outline: none;
}
div#mudpage{
	z-index: 1;
}

textarea{
	outline:none;
}
button{
	border:none;
	background: rgba(0,0,0,0.3);
/*	border:none;*/
	-webkit-appearance:none;
	color: #ccc;
	vertical-align:middle;
	font-size: 10px; 
	margin:1px;
	padding: 0px;
	width:99%;
	border-radius:3px; 
	/*cursor: pointer;*/
	outline: none;

}
button:hover{
	background: #999;
}

.channel{
	border: 1px solid rgba(255,225,225,0.3); 
	-webkit-appearance:none;
	vertical-align:middle;
	font-size: 10px; 
	margin-left:5%;
	padding: 0px;
	width:20%;
	border-radius:3px; 
	background-color: rgba(200,200,200,0.3);
	color:#008B00;
	padding:2px;
	/*background-image: url(./images/zjbt1.png);*/	
}
/*
button:active{
  background-color:#999;
}
*/
input:active{
  background-color:#999;
}

input.newbt {
	white-space:pre;
	word-wrap: break-word;
	font-size: 11px; 
	height: 28px;
	vertical-align:middle;
	width:86%;
	padding:1px;
	margin: 1px;
	background-color: rgba(200,200,200,0.1);
	border-radius:3px; 
} 

input.hpbt {
	border: 0px solid #888; 
	white-space:pre;
	word-wrap: break-word;
	color: #fff; 
	font-size: xx-small; 
	vertical-align:middle;
	padding:0px;
	margin: 0px;
	border-radius:0px;
	background-color: transparent; 
} 

div.hpbt {
	border: 0px solid #888; 
	color:#0CF3FF;
} 

input.newbt:active{
  background-color:#448EF3;
}

input.menubt {

	border: 0.5px solid rgba(255,225,225,0.3); 
	color: #fff; 
	height:40px; 
	width:100%;
	border-radius:3px;
/*	background: #666;*/
/*	background-color: #333;*/
	/*font-family:KaiTi;*/
	font-weight:bold;
/*	font-size:1.25em;*/
	/*background-image:url(./images/zjbt1.png);*/
}


input#commend{
	background-image:url(./images/command.png);
	background-size: 100% 100%;
}
input#cmd{
	background-image:url(./images/mainbt.png);
	background-size: 100% 100%;
}
input.ucmds {
	border: 1px solid #888; 
	height: auto;
	width:auto;
	color: #8888ff; 
	padding-left:5px;
	padding-right:5px;
	padding-bottom:1px;
	margin-left:-2px;
	margin-top:3px;
	border-radius:1px; 
}
input.ucmds:active{
  background-color:#888;
}

input.menubt:active{
  background-color:#999;
}

input#loginok { 
	height: 40px; 
	width:100%;
	font-size: 20px; 
	color: #fff; 
	background-color: #448EF3; 
	border: 0px; 
}

span.long {
	white-space:pre-wrap;
	word-wrap:break-all;

}
div.out {
	white-space:pre-wrap;
	word-wrap:break-word;
/*	font-size: 12px; */
	width:100%;
	
}

div.shop{
	font-size: 20px;
	float: right;
	margin-right:2%;
	padding-top:4px;
	color:#cd8500;		
}
span.map {
	white-space:nowrap;
	font-size: 8px;
	font-family:宋体;
}


li.chat {
	white-space:nowrap;
/*	font-size: 12px;*/
    list-style: none;
	
}

div#act{
	width:20%;
	float:left;
}
div#act2{
	float:left;
}

.Loading{ background:url("../images/loading_red.gif") 50% no-repeat #fff;
 width:100%; 
 height:100%;
 overflow:hidden;
 position:fixed;
 left:0;
 top:0; 
 z-index:10000;
 }
 ::-webkit-scrollbar{
display:none;
}

.tip {
    font-size: 1.2em;
    width: 80%;
    position: absolute;
    text-align: left;
    margin: auto;
    left: 10%;
    top:249px;
    color:rgb(85, 255, 255);
    background: rgba(0,0,0,0.8);
    padding: 0.715em;
    border-radius: 0.715em;
    margin-left: -0.715em;
	z-index: 1101;
}

.underline>span{
	text-decoration:underline;
}

.defined{
/*	border:none;
	background-color:#5C5C5C
*/
}

#act>button,#act2>button,#objlist>button,#acts>button{

}



#shrink{
	position:absolute;
	right:2%;
	margin-top:-2%;
	color:#0CF3FF;;
	font-size:14px;
}

#duihuabox{
	height:100px;
	width:80%;
	margin-left:2%;
	position:absolute;
	top:128px;
	background: rgba(0,0,0,0.8);
	border-radius:5px;
	display:none;
	padding:2px;
	z-index:30;
}

.glyphicon-off:before {
    content: "\f043";
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;

  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}