@charset "utf-8";
.listMenuUl{
	display: inline-block;
    float:left;
}
.listMenuUl li{
	display: block;
	float: left;
	width: 23.5%;
	height: 75px;
	margin-right: 1%;
	margin-bottom: 1%;
	transition: all 0.3s;
}

.CategoryBtn{
	display: table;
}
.CategoryBtn>span,.CategoryBtn>a{
	display: table-cell;
	float: left;
	box-sizing: border-box;
}
.CategoryBtn>span{
	width: 16%;
	height: 100%;
	color: #fff;
	padding: 4px 0px;
	text-align: center;
	background-color:#959595;
	transition: all 0.3s;
}
.CategoryBtn:hover>span{
	background-color:#434343;
}
.CategoryBtn a{
	width: 84%;
	height: 100%;
	padding: 4px 4px;
	font-size: 115%;
	color: #000;
	background-color:#eeeeee; 
}
.CategoryBtn a>span:nth-child(1){
	color: #005bac;
}
.CategoryBtn a>span{
	display: block;
}
.closeBtn{
	text-align: center;
	padding: 10px 0;
   
}
.closeBtn input{
    padding: 10px 10px;
    border: 1px solid #d2413f;
	background-color: #d75452;
}
.ShowUrlBtn{
    background-color:#b7c1cc;
    border:1px solid #959595;
    width:100%;
    height:40%;
}





body , html , form {
	margin: 0;
	padding: 0;
	font-family: Arial, "微軟正黑體", "新細明體";
	height:100%;
}
.header{
	line-height: 60px;
	text-align: center;
	height: 60px;
	width: 100%;
	background-color: #efefef;
	font-size: 1.5em;
}
.header span{
	font-size: 12px;
	position: absolute;
	top: 10px;
	right: 10px;
}
.content{ display:flex; height: calc(100% - 60px);}
.serviceList{
	width: 300px;
	height: 100%;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #efefef;
	overflow: auto;
}
.serviceList h2{
	text-align: center;
}
.serviceList ul {list-style-type: none;margin: 0px;
	padding: 0px;}
.serviceList li{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
	padding: 5px;
}
.serviceList li:nth-child(even){
	background-color: #efefef;
}
.serviceList .num{
	float: left;
	width: 30px;
	line-height: 45px;
	text-align: center;
	height: 45px;
	margin-right: 5px;
	background-color: #CCC;
}
.serviceList .url{
	color: #FFF;
	border-radius: 10px;
	background-color: #0CF;
	font-size: 12px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	text-decoration: none;
	cursor: pointer;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.serviceList .url:hover{	
	background-color: #333;
}
.serviceList a.name{
	display: block;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #333;
	text-decoration: none;
}
.serviceList a.name:hover{
	color: #09F;
}
.searchArea{
	flex: 1;
	height: 100%;
	overflow: auto;
}
.searchArea iframe{
	height: 100%;
	width: 100%; 
}