@font-face {
  font-family: 'HanYiZhongYuan';
  src: url('font/汉仪中圆简.ttf') format('truetype');
}
body {
	margin-left: 2px;
	margin-top: 0px;
	margin-right: 2px;
	color: #fff;
	font-size:11px;
	font-family: 'HanYiZhongYuan', sans-serif;
	line-height: 140%;
	background-color:rgba(0,0,0,0.95);
}


html,body{
	height:100%;
	width:100%;
	overflow:hidden;
}

.ui-loader-default{ display:none}
.ui-mobile-viewport{ border:none;}
.ui-page {padding: 0; margin: 0; outline: 0;overflow-x:hidden;overflow-y:hidden;}

body iframe {display: none;}

div#chat {
	padding:2px;
	width:99.9%;
	height:64px;
	overflow:auto;
	border-bottom:1px solid rgba(192,192,192,0.5);
	letter-spacing:1px;
}

.tbarlogo{
	height:25px;
	width:25px;
	float: left;
	background: url(./images/r.png);
	background-size: 100% 100%;
	margin-top:5px;
}

div#long {
	width:99%;
	padding-top:2px;
	padding-left:2px;
	padding-bottom:2px;
	border-bottom:1px solid rgba(150,150,150,0.5);
	overflow:auto;
}
div.backbt{
	height:18px;
	width:20px;
	right:0;
	top:0;
	background: url(./images/back.png);
	position:absolute;
}


div#tbar {
	width:99%;
	padding-top:3px;
	padding-left:4px;
	padding-bottom:3px;
	border-bottom:1px solid rgba(150,150,150,0.5);
	overflow:auto;
}

div#here {
	margin-left:2%;
	float:center;
	font-size: 16px;
	padding-top:10px;
	letter-spacing:1px;
}

div#tmenu {
	font-size: 50px;
	float: right;
	margin-right:2%;
	padding-top:4px;
	color:#cd8500;
	height:100%;
	text-align:center;
}

.flybt{
	
	padding-top:4px;
	float:right;
	margin-right:1%;
	height:30px;
	width:40px;
	background: url(./images/fly.png);
	background-size: 100% 100%;
}

div#mleft {
	float: left;
	width:14%;
	border-right:1px solid rgba(192,192,192,0.5);
}

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

div#hps {
	float:left;
	line-height:50%;
	width:100%;
	background-color: #000;

}

div#menu {
	float:left;
	width: 101%;
	height:38px;
	margin-left: -1px;
}

div#obj {
	float:left;
	width:98%;
	overflow:auto;
}

div#hudong {
	width:80%;
	overflow:auto;
}

div#map {
	font-size: 8px;
	line-height: 140%;
	width:80%;
	overflow:auto;
}

div#acts {
	float:left;
	width:98%;
	overflow:auto;
}

div#exits {
	float:left;
	width:85%;
	height:100%;
	margin-top: 1px;
	border-top:1px solid rgba(150,150,150,0.5);
	overflow:auto;
}

div#out {
	float:left;
	width:100%;
	margin-top: 3px;
	margin-left: 3px;
	overflow:auto;
	display:block;
	background-size:100% 100%;
}


div#mycmds {	
	position:absolute;
	font-size:18px;
	background-color:#000;
	overflow:auto;
	float:right;

}


div#mycmds2 {	
	position:absolute;
	font-size:18px;
	background-color:#000;
	overflow:auto;
	float:right;

}
textarea{
	outline:none;
}

.ui-mobile-viewport ui-overlay-a{
	-webkit-appearance:none;
}

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; 
}

button{
	border: 1px solid rgba(128,64,0,0.3); 
	-webkit-appearance:none;
	color: #fff;
	vertical-align:middle;
	font-size: 10px; 
	margin: 1px;
	padding: 0px;
	width:99%;
	background: rgba(200,200,200,0.1);
	border-radius:3px; 
	outline:none;
	/* 添加过渡效果 */
	transition: all 0.3s ease;
	/* 添加阴影 */
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

button:hover{
	background: rgba(255,255,255,0.2);
	transform: translateY(-2px);
	box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

/* 为输入框添加样式 */
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; 
	/* 添加过渡效果 */
	transition: all 0.3s ease;
	border: 1px solid rgba(192,192,192,0.3);
}

input.newbt:focus{
	border-color: #448EF3;
	box-shadow: 0 0 8px rgba(68,142,243,0.5);
}

/* 优化滚动公告样式 */
marquee {
	height: 30px;
	line-height: 30px;
	background: linear-gradient(90deg, #333, #555, #333);
	border-radius: 5px;
	overflow: hidden;
}

/* 添加页面背景效果 */
body {
	margin-left: 2px;
	margin-top: 0px;
	margin-right: 2px;
	color: #fff;
	font-size:11px;
	line-height: 140%;
	background-color:rgba(0,0,0,0.95);
	/* 添加背景纹理 */
	background-image: url('image/bg.jpg');
	background-size: cover;
	background-attachment: fixed;
	background-blend-mode: overlay;
}

.objbt:active{
	background: #999;
}

.channel{
	border: 1px solid rgba(192,192,192,0.3); 
	-webkit-appearance:none;
	vertical-align:middle;
	font-size: 10px; 
	margin: 1px;
	padding: 0px;
	width:20%;
	border-radius:3px; 
	background-color: rgba(200,200,200,0.1);
	color:#008B00;
	/*background-image: url(./image/bg2.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:none; 
	white-space:pre;
	word-wrap: break-word;
	color: #fff; 
	font-size:8px; 
	vertical-align:middle;
	padding:0px;
	margin: 0px;
/*	line-height:100%; */
	line-height:3px;
	border-radius:5px;
	background-color: transparent; 
} 

div.hpbt {
	border:none; 
	opacity: 0.7;
	background-color: #666; 
} 

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

input.menubt {
	border: 0px solid #888; 
	color: #eee; 
	height: 38px; 
	width:100%;
	background: #666
	border-radius:0px; 
	background-color: #333;
}


button#look{
	background-image:url(./image/command.png);
	background-size: 100% 100%;
}
button#cmd{
	background-image:url(./image/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;
	
}
span.out {
	white-space:pre-wrap;
	word-wrap:break-all;
	font-size: 12px; 
}

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


span.map {
	white-space:nowrap;
	font-size: 8px;
	white-space:pre;
}
span.chat {
	white-space:nowrap;
	/*font-size: 12px; */
}

 ::-webkit-scrollbar{
display:none;
}

div#act{
	border-right: 1px solid rgba(192,192,192,0.3);
	width:19%;
	float:left;
}

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