optimze map icon

web/css/page.css

@@ -9,10 +9,8 @@ body, html {
 .topHead{
 	height: 55px;
 	position: relative;
-/*	-webkit-box-shadow: 0px 3px 23px 0px rgba(50, 50, 50, 0.75);
-	-moz-box-shadow:    0px 3px 23px 0px rgba(50, 50, 50, 0.75);
-	box-shadow:         0px 3px 23px 0px rgba(50, 50, 50, 0.75);
-*/}
+	border-bottom: 1px solid #333;
+}
 
 .topHead .logoWrapper{
 	float: left;
@@ -64,20 +62,26 @@ body, html {
 }
 
 .topHead .ctrlWrapper{
-	height: 35px;
-	line-height: 35px;
+	height: 26px;
+	line-height: 26px;
+}
+
+.topHead .ctrlWrapper .sep{
+	display: inline-block;
+	margin: 0 8px;
+	color: #777;
 }
 
 .topHead .topBtn{
 	margin-right: 8px;
-	transition:0.1s;
+	transition:0.08s;
 	padding: 4px;
 	border-radius: 2px;
 }
 
 .topHead .topBtn:hover:not(.btn_disable){
 	background: #07D;
-	transition:0.1s;
+	transition:0.08s;
 	color: #FFF;
 }
 
@@ -93,20 +97,6 @@ body, html {
 	color: #777;
 }
 
-.topHead .ruleDesc{
-	height: 20px;
-	border-bottom: 1px solid #333;
-}
-
-.topHead .ruleDesc span{
-	padding-left: 3px;
-}
-
-.topHead .ctrlWrapper .sep{
-	display: inline-block;
-	margin: 0 8px;
-	color: #777;
-}
 
 .mainTableWrapper{
 	margin-top: 0;
@@ -214,7 +204,7 @@ body, html {
 	background: #FFF;
 	border-left: 1px solid #CCC;
 	top: 0;
-	padding: 10px 10px 20px 10px;
+	padding: 10px 20px 10px 10px;
 	overflow-y:scroll;
 	box-sizing: border-box;
 	-moz-box-sizing: border-box;
@@ -223,11 +213,11 @@ body, html {
 
 .recordDetailOverlay .escBtn{
 	position: absolute;
-	right: 10px;
+	right: 8px;
 	top: 8px;
 	color: #777;
 	cursor: pointer;
-	text-decoration: underline;
+	font-size: 16px;
 }
 
 .recordDetailOverlay li{
@@ -257,12 +247,7 @@ body, html {
 	color: #910A0A;
 }
 
-
-.protocol{
-	display: none;
-}
-
-.protocol.protocol_https{
+.icon_record{
 	display: inline;
 	font-size: 14px;
 	color: #777;