@charset "utf-8";
/* CSS Document */
body{
	line-height: 1.5em;
	font-family: "微軟正黑體", Arial;
}

p{
	margin:5px 0 5px 0px;
}

ul#ex_icon{
	width:100%;
	overflow:auto;
	padding:0px;
	margin:0px;
}

ul#ex_icon li{
	width:20%;
	min-width: 170px;
	height: auto;
	padding: 1%;
	margin: 5px 0.5%;
	float: left;
	min-height: 130px;
	list-style-type: none;
	border-radius: 5px;
	border: 1px solid #CCC;
	font-size:16px;
}
/*ul#ex_icon li .icon{
	width:70%;
	height:auto;
	margin:8px auto;
	max-width:110px;
	
}
ul#ex_icon li .icon img{
	width:100%;
}*/

ul#ex_icon li.icon01{
	background-image: url(../images/ex_icon01.png);
	background-position: center center;
	background-repeat: no-repeat;
}
ul#ex_icon li.icon02{
	background-image: url(../images/ex_icon02.png);
	background-position: center center;
	background-repeat: no-repeat;
}
ul#ex_icon li.icon03{
	background-image: url(../images/ex_icon03.png);
	background-position: center center;
	background-repeat: no-repeat;
}
ul#ex_icon li.icon04{
	background-image: url(../images/ex_icon04.png);
	background-position: center center;
	background-repeat: no-repeat;
}


ul#ex_icon li h4{
	color: #f60;
	margin:5px 0px;
	font-size:16px;
}

/*分隔*/

ul#ex_icon2{
	width:100%;
	overflow:auto;
	padding:0px;
	margin:0px;
}

ul#ex_icon2 li{
	width:20%;
	min-width: 170px;
	height: auto;
	padding: 1%;
	margin: 5px 0.5%;
	float: left;
	min-height: 110px;				/* 200px; Modified by Hank on 2014-12-29 17:48 */
	list-style-type: none;
	border-radius: 5px;
	font-size:16px;
}

ul#ex_icon2 li h4{
	margin:5px 0px;
	font-size:16px;
}

ul#ex_icon2 li.ex01{
	border: 1px solid #18A1E7;
}
ul#ex_icon2 li.ex01 h4{
	color:#18A1E7;
}

ul#ex_icon2 li.ex02{
	border: 1px solid #390;
}
ul#ex_icon2 li.ex02 h4{
	color:#390;
}

ul#ex_icon2 li.ex03{
	border: 1px solid #F90;
}
ul#ex_icon2 li.ex03 h4{
	color:#F90;
}

ul#ex_icon2 li.ex04{
	border: 1px solid #9488FB;
}
ul#ex_icon2 li.ex04 h4{
	color:#9488FB;
}

/*分隔*/
h4.blue{
	color:#18A1E7;
	margin:5px 0px;
}
table.tblock td{
	display:table-cell;
}

@media (max-width: 720px) {

table.tblock td{
	display:block;
}
}

@media (max-width: 360px) {

ul#ex_icon li{
	min-width:inherit;
	min-height:inherit;
	width:90%;
}
	
ul#ex_icon2 li{
	min-width:inherit;
	min-height:inherit;
	width:90%;
}
	


}