/*青*/


/* Filter
------------------------------------------------- */
#filter li{
	margin:0 2px 0;
	display:inline-block;
		width:20%;
}
#filter li img{
	width:100%;
}
.blur		{-webkit-filter:blur(30px);}
.grayscale	{-webkit-filter:grayscale(100%)}
.sepia		{-webkit-filter:sepia(100%);}
.saturate	{-webkit-filter:saturate(30%);}
.hue-rotate	{-webkit-filter:hue-rotate(50deg);}
.invert		{-webkit-filter:invert(100%);}
.opacity 	{-webkit-filter:opacity(30%);}
.brightness	{-webkit-filter:brightness(30%);}
.contrast	{-webkit-filter:contrast(30%);}
.drop-shadow{ -webkit-filter:drop-shadow(0px 0px 10px #000);}




/* Maskß
------------------------------------------------- */
.frame{
	width:150px;
	height:150px;
	border:1px solid;
	position:relative;
	display:inline-block;
}
.mask-rect {  
    position: absolute;  
	top:10px;
    left: 10px;  
    width: 200px;  
    height: 200px;  
    clip: rect(0px,100px,100px,0px);  
    background: url(../img/backgroundLeaves.jpg) repeat;
}  

.mask-circle {  
    position: absolute;  
    left: 0;  
	top:0;
    width: 200px;  
    height: 200px;  
    border-radius: 100px;  
    background: #666;  
    clip: rect(15px,100px,80px,20px);  
}  
#textMask{
    font-size: 5em;  
    background: url(../img/backgroundLeaves.jpg) repeat;  
    -webkit-background-clip: text;  
    background-clip: text;  
    color: rgba(0,0,0,0);  
}