//圆角边框
.border-radius(@radius: 10px){
	.border-radius(@radius, @radius);
}

.border-radius(@radius_top, @radius_bottom){
	.border-radius(@radius_top, @radius_top, @radius_bottom, @radius_bottom);
}

.border-radius(@radius_top_left, @radius_top_right, @radius_bottom_right, @radius_bottom_left){
	-webkit-border-radius:@radius_top_left @radius_top_right @radius_bottom_right @radius_bottom_left;
	-moz-border-radius:@radius_top_left @radius_top_right @radius_bottom_right @radius_bottom_left;
	border-radius:@radius_top_left @radius_top_right @radius_bottom_right @radius_bottom_left;
}

//投影
.box-shadow(@shadow_x:3px, @shadow_y:3px, @shadow_rad:3px, @shadow_color:#888){
	box-shadow: @shadow_x @shadow_y @shadow_rad @shadow_color;
	-webkit-box-shadow:@shadow_x @shadow_y @shadow_rad @shadow_color;
	-moz-box-shadow:@shadow_x @shadow_y @shadow_rad @shadow_color;
}

//文字投影
.text-shadow(@shadow_color:#fff, @inset:1px, @blur:1px){
	text-shadow:@inset @inset @blur @shadow_color;
}

//透明度
.opacity(@op:100){
	filter: ~"alpha(opacity=@op)";
	opacity: @op/100;
}

//渐变
.linear-gradient(@from:#000, @to:#EEE){
	background: @from;
	background: -webkit-gradient(linear, left top, left bottom, from(@from), to(@to)); 
	background: -moz-linear-gradient(top, @from, @to);
	background: -webkit-linear-gradient(top, @from, @to);
	background: -o-linear-gradient(top, @from, @to);
	background: -ms-linear-gradient(top, @from, @to); 
	filter: formatstring(~"progid:DXImageTransform.Microsoft.gradient(startColorstr='{0}', endColorstr='{1}')", @from, @to);
	-ms-filter: formatstring(~"{2}progid:DXImageTransform.Microsoft.gradient(startColorStr='{0}', EndColorStr='{1}'){2}", @from, @to, '"'); 
	background: linear-gradient(top, @from, @to);
}

//转换
.transition(@range: all, @time: 1s, @ease: ease-in-out){
	-moz-transition: @range @time @ease;
	-webkit-transition: @range @time @ease;
	-o-transition: @range @time @ease;
	transition: @range @time @ease;
}

//变换
.skew(@angle_x:35, @angle_y:0){
	-webkit-transform: skew(formatstring("{0}deg", @angle_x), formatstring("{0}deg", @angle_y));
	-moz-transform: skew(formatstring("{0}deg", @angle_x), formatstring("{0}deg", @angle_y));
	-o-transform: skew(formatstring("{0}deg", @angle_x), formatstring("{0}deg", @angle_y));
	-ms-transform: skew(formatstring("{0}deg", @angle_x), formatstring("{0}deg", @angle_y));
	transform: skew(formatstring("{0}deg", @angle_x), formatstring("{0}deg", @angle_y));
}

.scale(@scale_x: 1){
	-webkit-transform: scale(@scale_x);
	-moz-transform: scale(@scale_x);
	-o-transform: scale(@scale_x);
	-ms-transform: scale(@scale_x);
	transform: scale(@scale_x);
}

.rotate(@angle:35){
	-webkit-transform: rotate(formatstring("{0}deg", @deg));
	-moz-transform: rotate(formatstring("{0}deg", @deg));
	-o-transform: rotate(formatstring("{0}deg", @deg));
	-ms-transform: rotate(formatstring("{0}deg", @deg));
	transform: rotate(formatstring("{0}deg", @deg));
}

.translate(@move_x: 10px, @move_y: 10px){
	-webkit-transform: translate(@move_x, @move_y);
	-moz-transform: translate(@move_x, @move_y);
	-o-transform: translate(@move_x, @move_y);
	-ms-transform:translate(@move_x, @move_y);
	transform: translate(@move_x, @move_y);
}