<style type="text/css">
			body{
				height: 100%;
				margin: 20px;
			}
			.wo-wrapper{
				/*width: 710px;*/
				width:100%;
				padding: 0;
				margin: 0;
				float: left;
				border: 1px solid #000;
			}
			.wo-title{
				background: #ccc;
				width: 100%;
				padding: 0;
				margin: 0;
				float: left;
			}
			.wo-title h1{
				background: #ccc;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 14px;
				font-weight: bold;
				color: #fff;
				text-align: left;
				line-height: 30px;
				letter-spacing: -1px;
				padding: 0 0 0 7px;
				margin: 0;
				float: left;
			}
			.wo-list{
				width: 100%;
				padding: 0 0 10px 0;
				margin: 0;
				background:#FFF;	
			}
			.wo-list ul{
				width: 100%;
				list-style-type: none;
				text-align: center;
				padding: 0;
				margin: 0;
				float: left;
				background:#FFF;				
			}
			.wo-list ul li{
				max-width: 122px;
				text-align: center;
				padding: 0;
				margin: 10px 10px 0 10px;
				/*float: left;*/
			}
			.wo-list ul li h1{
				width: 100%;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: bold;
				color: #000;
				text-align: center;
				line-height: 16px;
				padding: 0;
				margin: 0;
				float: left;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
			.wo-list ul li h2{
				width: 100%;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				font-weight: normal;
				text-align: center;
				line-height: 10px;
				padding: 0;
				margin: 0;
				float: left;
			}
			.wo-list ul li a{
				display: block;
				text-decoration: none;
				text-align: center;
			}
			.wo-list ul li img{
				border: 1px solid #000;
			}
			.wo-list ul li:hover img{
				border: 1px solid #ff0000;
			}
			.wo-list ul li:hover h1{
				color: #ff0000;
			}
			.wo-list ul li h2.onlinetext{
				color: #006600;
			}
			.wo-list ul li h2.offlinetext{
				color: #000;
			}			
		</style>