@charset "utf-8";
/* CSS Document */

.list{}
.ylist h3{
	clear:both;
	text-indent:15px;
	border:1px solid #CBC2AA;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px; 
	background:#E2DBCA;
	margin:5px;
}
.ylist{
	margin:0 0 15px;	
	padding:0;	
	border:1px solid #E2DBCA;
	display:inline-block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px; 
	width:100%;
	}

.ylist ul{
	margin:0;	
	padding:20px 0 0 20px;	
	display:inline-block;
	}

.ylist ul li{
	float:left;
	margin:0 20px 10px 0;
	text-align:center;
	color:#888178;
}

.ylist ul li a,.ylist ul li span{
	color:#888178;
	display:block;
	border:2px solid #fff;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;  
}
.ylist ul li a span.links{
	color:#888178;
	display:block;
	border:2px solid #fff;
	min-width: 100px;
	height: 60px;
	line-height: 60px;
	padding: 0 10px;
	background: #E2DBCA;
}
.ylist ul li a:hover span.links,
.ylist ul li.select a span.links{
	color:#fff;
	display:block;
	border:2px solid #fff;
	background: #888178;
}

.ylist ul li a:hover,.ylist ul li.select a{
	background:#888178;
		color:#fff;
	border:2px solid #888178;

}

.view{}

.view h3{
	clear:both;
	text-indent:15px;
	border:1px solid #CBC2AA;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px; 
	background:#E2DBCA;
	margin:0 0 10px;
}
.view{
	margin:0 0 15px;	
	padding:10px;	
	border:1px solid #E2DBCA;
	display:inline-block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px; 
	width:620px;
	}