body,.ui-page{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;	
	word-break:break-word;
}
img:not([src]) {

    opacity: 0;

}
#left{
	float:left;
	width:23%;
	margin-top:10px;
}
.left-box{
	margin-left:5px;
}
.right-box{
	margin-right:8px;
}
.right-box,.left-box{
	border-radius:6px;
	background:#eeefff;
	padding:6px 0px;
	margin-bottom:10px;
}
#right{
	width:76%;
	float:right;
	margin-top: 10px;// 0px 0px 10px;
	padding-bottom:10px;
//	border:0px solid;
}

#header-nav dl{
	float:left;
	margin:0px;
	width:20%;
	//border:0px solid red;
	z-index:9;
	position:relative;
	left:0px;
}
#header-nav hr{
	width:90%;
}
#header-nav dl span{
	margin:0px;
	display:block;
//	border:0px solid red;
}
header-nav{
	background:linear-gradient(#09c800,#098800);
	border:0px solid blue;
	clear:left; 
}
#header-nav dl
{
//	height:49px;
}
#left #info .ifr{
//	margin-left:0px;
	border:0px solid blue;
}

#trans-back{
	background-image:url(../images/IMG_1301.JPG);
	border:1px solid #ccc;
	height:260px;
	width:90%;
	margin:auto;
//	background:#fff;
	overflow-y:auto;
}

#left-chat dl{
	margin:10px auto;
	width:90%;
}
#left-chat button{
	display:none;
}
#left-chat input{
	height:36px;
	width:100%;
	font-size:1em;
}
.explain,.menu{
	margin:0px;
	padding:10px 0px;
	text-align:center;
	border:solid 0px #c3c3c3;
	font-weight: 800;
	color:#eeeeee;
	font-size:16pt;	
}
.menu{
	background:linear-gradient(#459df5,#459df5);
}

.explain{
	width:100%;
	border-bottom-left-radius:9px;
	border-bottom-right-radius:9px;
	background:#09a900;
	font-size:14pt;
	display:none;
	filter:alpha(opacity=90); 
	opacity:0.9;
	position:absolute;

}
.menu:hover{
	cursor:pointer;
	background:rgba(66, 176, 255, 0.95);
}
.explain a:link{
//	color:#333333;
}

.ifr{
	margin:0px 15px;
	//width:90%;
	border-radius:15px;
}
.ifr iframe{
	width:100%;
	border:0px solid;
//	padding:0px 15px;
}

#left .title, #right .title{
	margin:10px;
	margin-left:15px;
	padding-left:10px;
	border-left:3px solid red;
}

#search{
	padding-bottom:16px;
	height:76px;
}
#content-box iframe{
	width:100%;
	border:0px solid;
	overflow:hidden;
}
#content-box{
width:98%;
margin:auto;
//	border:0px solid red;
}

#weather-iframe{
	float:left;
	width:100%;
	height:10px;
	border:0px solid;
}

#dl1 .explain{background:#8dd7ff;}
#dl2 .explain{background:#8dd7ff;}
#dl3 .explain{background:#8dd7ff;}
#dl4 .explain{background:#8dd7ff;}
#dl5 .explain{background:#8dd7ff;}
#dl5 .explain{background:#8dd7ff;position:absolute;right:0px;}

#middle{
	clear:both;
}
#botton{
	width:60px;
}
#info-div li span+span{
	padding-right:10px;
	color:blue;
	float:right;
}
#info-div li{
	//	float:left;
		padding: 5px 0px;
		border-bottom:1px dashed #ccc;
		//border:2px solid;
		list-style-type: circle;
		font-size: 11pt;
	}



.ul2{
	text-align:right;
	width:95%;
}
.ul4{
	text-align:left;
	padding-left:5px;
	margin-left:10px;
	width:70%;
	color:blue;
}

#form table{
//	width:60%;
}
.shadow{
	box-shadow:#666 0px 8px 10px -10px;
	border:#ddd 1px solid;
}

@media handle,only screen and (max-width:880px){	
	#left{
		width:35%;
	}
	#right{
		width:64%;
	}
	.left-box,.right-box{
		margin-left:0px;
		margin-right:0px;
	}

}

@media handle,only screen and (max-width:800px){
		
		#header-nav{
			padding-left:0px;
			height:0px;	
			background:red;	
			margin-top:10px;		
		}
		#header-nav dl{
			width:20%;
		}
		/*explain width*/
		#header-nav dl dt{
			width:150px;
		}
		.ul2{
			text-align:right;
			width:85%;
		}
		
		#trans-back{
			border:1px dashed #ccc;
			height:250px;
			width:95%;
			margin:auto;
			background:#fffddd;
			overflow-y:auto;
			font-size:1em;
		}

		#left-chat dl{
			margin:10px auto;
			width:90%;
		}
		#left-chat button{
			display:block;
			height:45px;
			width:100%;
			margin:10px 0px 20px 0px;
			font-size:1.5em;
		}
		#left-chat input{
			display:block;
		//	margin:10px auto;
			height:36px;
			font-size:16pt;
	//		border:1px solid red;
		}
		#weater-iframe{
			//height:1px;
			//font-size:30pt;
			//zoom:5;
		}
		.ifr iframe{
			margin-top:0px;
	//		border:0px solid red;
	//		font-size:30pt;
			width:100%;
	//		height:100px;
			padding:0px;
		}

		#left{
			border:0px solid;
			margin-bottom:10px;
			width:100%;
		//	height:300px;
		}

		.left-box{
			//margin-left:0px;
			//width:48%;
			//
		}
		#search table{
			width:90%;
		}
		
		#right{
			float:left;
			margin-bottom: 10px;
			width:100%;
		}	

		#word{
			width:85%;height:45x;
				font-size:1em;
		}

		#botton{
			width:80px;
		//	font-size:15pt;
			vertical-align:bottom ;
		}
		.explain,.menu,.title,#search #form,#ul1 li{
			font-size:1.2em;
		}
	
		#content-box {
			width:100%;
			border:0px solid;
		}
	
		#info-div li span+span{
			//padding-left:50px;
			color:blue;
		}
		#selection{
			height:30px;
			width:100px;
			font-size:0.7em;
		}
		#ul1{
			width:99%;
		}
		#info .ifr{
			boder: 2px solid red;
		}
		.ifr .user{
		//	height:160px;	
		}
		#stock-info{display:none;}
}
@media handle,only screen and (max-device-width:800px){
		#info-div{
			font-size:12pt;
		}
		body{
			width:100%;
		}
		#left{margin-bottom: 0px}
		#right{margin-top: 0px}
		#search{display: none}
		#info-div li{//登陆记录
	//		border:0px solid;
	//		display:block;
			width:49%;
	//		margin-left:30px;
			list-style-type: circle;
			float:left;
			border-bottom:1px dashed;
		}
		#login-mini{
			margin:auto;
			zoom:1;
		}
	
}

#record{
	width: 85%;
	background:white;
	border:1px solid #7cd9aa;
	padding:5px;
//	z-index:100;
	display:none;
	position:relative;
}
#record dl:hover{
	background:#7cd9ef;
	cursor:pointer；
}
.record_wd{
	margin:0px;
}