/* 平行四边形 
*  宽高需要另外提供
*/
.Parallelogram{ 
	position: absolute;
	margin-left: 20px; 
	-webkit-transform: skew(-20deg);
	   -moz-transform: skew(-20deg);
	     -o-transform: skew(-20deg);
	background-color: red;
}

/* 左上三角
*  
*/
.triangle-topleft{
	position: absolute;
	z-index: 1000;
	width: 0;
	height: 0;
	border-top: 100px solid red;
	border-right: 50px solid transparent;
}

/* 左下三角
*  
*/
.triangle-bottomleft{
	position: absolute;
	z-index: 1000;
	width: 0;
	height: 0;
	border-bottom: 100px solid red;
	border-right: 50px solid transparent;
}

/* 右上三角
*
*/
.triangle-topright{
	position: absolute;
    width: 0;
    height: 0;
    border-top: 100px solid red; 
    border-left: 100px solid transparent; 
}

/* 右下三角
*
*/
.triangle-bottomright{
	position: absolute;
    width: 0;
    height: 0;
    border-bottom: 100px solid red; 
    border-left: 100px solid transparent; 
}

/* 底图
*
*/
.basemap{
	position: absolute;
	background-color: #FFE680; 
}

/* 白色覆盖层
*
*/
.cover{
	position: absolute;
	background-color: transparent; 
}