body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:16px/26px 'Microsoft Yahei','Simsun';color:#333;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
ul,ol{list-style:none;}
a{text-decoration:none;color:#2d374b;}
a:hover {color:#d00;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
img {vertical-align:middle;}
/****/
body{	
	background:#EEE;
}
.MaiContainer{
	max-width:640px;
	min-width:320px;
	margin:auto;
	height:100%;
	overflow:hidden;
	position:relative;
}
.MaiContainer .siteTitle{
	padding:20px 10px 0 20px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:24px;
	color:#FFF;
	overflow:hidden;
}
.MaiContainer .ListMenu{
	width:50%;
	position:absolute;
	left:5%;
	top:80px;
}
.MaiContainer .ListMenu:after{
	content:'';
	display:block;
	clear:both;
	width:100%;
	height:1px;
}
.MaiContainer .ListMenu a{
	display:block;
	width:50%;
	overflow:hidden;
	float:left;
	position:relative;
}
.MaiContainer .ListMenu a ul{
	width:80%;
	height:80%;
	position:absolute;
	left:10%;
	top:10%;
	text-align:center;
}
.MaiContainer .ListMenu a ul:before{
	content:'';
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-size:100% 100%;
	border-radius:5px;
	border:2px solid rgba(255,255,255,.6);
	overflow:hidden;
	filter:alpha(opacity=60); 
	-moz-opacity:0.6; 
	opacity:0.6;
}
.MaiContainer .ListMenu a:first-child ul:before{background:#de6462;}
.MaiContainer .ListMenu a:nth-child(2) ul:before{background:#4197ce;}
.MaiContainer .ListMenu a:nth-child(3) ul:before{background:#edb143;}
.MaiContainer .ListMenu a:nth-child(4) ul:before{background:#389c95;}
.MaiContainer .ListMenu a:nth-child(5) ul:before{background:#33ab5b;}
.MaiContainer .ListMenu a:last-child ul:before{background:#bf58c1;}
.MaiContainer .ListMenu a ul li.img{
	display:table;
	width:60%;
	height:60%;
	margin:5% auto;
	position:relative;
}
.MaiContainer .ListMenu a ul li.img span{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.MaiContainer .ListMenu a ul li.img span img{
	max-width:90%;
	max-height:90%;
}
.MaiContainer .ListMenu a ul li.title{
	width:80%;
	height:20px;
	text-align:center;
	line-height:20px;
	font-size:16px;
	color:#FFF;
	position:absolute;
	left:10%;
	bottom:8%;
	overflow:hidden;
}
/**/
.set_style{
	position:fixed;
	width:30%;
	height:100%;
	border-left:#CCC solid 1px;
	background:#FFF;
	right:0;
	top:0;
	filter:alpha(opacity=80); 
	-moz-opacity:0.8; 
	opacity:0.8;
}
.set_style ol{
	width:18px;
	text-align:center;
	border:#CCC solid 1px;
	background:#FFF;
	padding:5px;
	position:absolute;
	left:-30px;
	top:30%;
	line-height:18px;
	color:#F00;
	border-radius:10px 0 0 10px;
}
.set_style li div a{
	display:block;
	line-height:35px;
	height:35px;
	overflow:hidden;
	text-align:center;
	border-bottom:#CCC solid 1px;
	font-size:14px;
}
.set_style li div.quitset a{
	border:#F60 solid 1px;
	margin:10px;
	background:#F90;
	color:#FFF;
}

@media(max-width:400px){
	.MaiContainer .ListMenu a ul li.title{font-size:14px;}
}
@media(max-width:360px){
	.MaiContainer .ListMenu a ul li.title{font-size:12px;}
}