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

.circle,.ring{height:250px;position:relative;width:250px;}
.circle{margin:100px auto 0 auto;}
.ring{background-color:rgba(255,255,255,0.95);border-radius:50%;opacity:0;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0.1) rotate(-270deg);-moz-transform:scale(0.1) rotate(-270deg);-transform:scale(0.1) rotate(-270deg);-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
.open .ring{opacity:1;-webkit-transform:scale(1) rotate(0);-moz-transform:scale(1) rotate(0);-transform:scale(1) rotate(0);}
.center{background-color:rgba(255,255,255,0.1); border: 1px solid #eeeeee;border-radius:50%;bottom:0;color:white;height:80px;left:0;line-height:80px;margin:auto;position:absolute;right:0;text-align:center;top:0;width:80px;-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
.open .center{border-color:#aaaaaa;}
.menuItem{display:block;height:30px;line-height:30px;margin-left:-15px;margin-top:-15px;position:absolute;text-align:center;width:30px;}

#ProMask {
	width: 100%;
	height: 100%;
	opacity: 1;
	display: none;
	background-color: rgba(0,0,0,0.2);
	position:fixed;
	left: 0px;
	top: 0px;
	z-index: 250;
}

.CateOpener{
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 10px;
	height: 10px;
	line-height: 10px;
}
.CateOpener a {
	line-height: 10px;
	cursor: pointer;
}