body {
	background : #FFF;
	/*background : #EDF0F5;*/
}


/*大屏幕*/
@media (min-width: 721px) {
	
.urlcontainer{
	width: 100%;
	height:50px;
	text-align: center; 
	margin-top: 20px;
	border:0px;
	}

.playpage{
	width:80%;
	padding-top: 20px;
	padding-right: 15px;
	/* padding-left: 15px; */
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}

.name_camera{
	text-align: center; 
	margin-top:15px;
	padding-bottom:0px;   
	background-color: #2ea970;   
	padding-left: auto;   
	padding-right: auto; 
	color: #ffffff;   
	padding-top: 10px;
	font-size: 18px;
	height:40px;
	margin-bottom:10px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
#title_bar {
	font-size: 18px;
}
#container {
        width: 70%;
        height: 600px;
        background-color: #000;
		margin: 0 auto;
		border-radius:5px;
      }



#PTZ{
	width: 20%;
	height:800px;
	margin: 0 auto;
	text-align:center;
	padding-top:300px;
	padding-left:5%;
	background-color:#DDD;
	/*border-collapse:collapse; /* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */

	/*border:solid #000; /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */

	/*border-width:1px 1px 1px 1px; /* 设置边框状粗细：上 右 下 左 = 对应：1px 0 0 1px */
}

 td{
	width:50px;
	height:50px;
	text-align:center;
	/*border-collapse:collapse; /* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */

	/*border:solid #000; /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */

	/*border-width:1px 1px 1px 1px; /* 设置边框状粗细：上 右 下 左 = 对应：1px 0 0 1px */
}

}

/*小屏幕*/
@media (max-width: 720px) {

.playpage{
	width:100%;
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}

.name_camera{
	text-align: center; 
	margin-top:15px;
	padding-bottom:0px;   
	background-color: #2ea970;   
	padding-left: auto;   
	padding-right: auto; 
	color: #ffffff;   
	padding-top: 10px;
	font-size: 18px;
	height:40px;
	margin-bottom:10px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
	#title_bar {
		font-size: 18px;
	}


	#container {
		width: 100%;
		height: 300px;
		background-color: #000;
		margin:0 auto;
	}
#PTZ{
	width: 100%;
	height:250px;
	margin: 0 auto;
	text-align:center;
	padding-left:28%;
	
	background-color:#DDD;
	/*border-collapse:collapse; /* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */

	/*border:solid #000; /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */

	/*border-width:1px 1px 1px 1px; /* 设置边框状粗细：上 右 下 左 = 对应：1px 0 0 1px */
}

 td{
	width:50px;
	height:50px;
	text-align:center;
	/*border-collapse:collapse; /* 关键属性：合并表格内外边框(其实表格边框有2px，外面1px，里面还有1px哦) */

	/*border:solid #000; /* 设置边框属性；样式(solid=实线)、颜色(#999=灰) */

	/*border-width:1px 1px 1px 1px; /* 设置边框状粗细：上 右 下 左 = 对应：1px 0 0 1px */
}

}

.button {
          display: inline-block;
          padding: 8px 16px;
          margin-top: 16px;
          background-color: #ed603f; /* 设置为 #8ca86d */
          color: #fff;
          text-decoration: none;
          border-radius: 4px;
          transition: background-color 0.3s ease-in-out;
        }
        
        .button:hover {
          background-color: #728c5e; /* hover 状态的颜色 */
        }