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

@media screen and (max-width:768px){
	#wrap{
		width:100%;
		}
		
	.logo{
		padding-top:3.6111111111111%;
		width:41.666666666666666666666666666667%;
		padding-bottom:3.75%;
		}
			
	.mine{
		right:4.4444444444444%;
		top:27.083333333333333%;
		width:5%;
		}	



.banner{
	width:100%;
	padding-bottom:56.25%;
	background:#000000
	}		
	
.focus {
	position: relative;
	background-color: #000;
}

.focus,.focus img {
	width:100%;
}

.focus .shadow .title {
	padding-top:2.7777777777777%;
	padding-left:4.166666666%;
	width:36.1111111111111%;
}

.focus .shadow .title a {
	font-size:32px;
}

.focus .btn {
	bottom:8.395061728%;
	left:70.8333333333%;
}

.focus .btn a {
	margin: 0 0.6944444444%;
	width:1.9444444444444%;
	height:1.9444444444444%;
}


.focus .D1fBt {
	height: 1pc;
}

.focus .shadow {
	height: 5pc;
	line-height: 5pc;
}

.focus .shadow a {
	margin-left:1.388888888888%;
	font-size: 20px;
}


.focus .fbg {
	right:5.5555555555555%;
	bottom:-396px;
	height: 18px;
}

.focus .fbg div {
	margin: 4px auto 0;
	height: 14px;
	zoom: 1;
}

.focus .D1fBt a {
	position: relative;
	float: left;
	display: inline;
	margin: 0 5px;
	width: 9pt;
	height: 9pt;
	outline: 0;
	border-radius: 7px;
	background: #d9d9d9;
	color: #b0b0b0;
	text-align: center;
	text-decoration: none;
	font: 9pt/15px "\5B8B\4F53";
}






.classification{
	width:100%;
/*	padding-bottom:85.833333333333333333333333333333%;
*/	margin-bottom:2.222222222222222222222222222222%;
	}
.classification ul{
	width:95%;
	padding-bottom:85.833333333333333333333333333333%;
	}
	
.classification ul li{
	width:50%;
	}
.classification ul li img{
	width:97.66081871345029239766081871345%;
	
	}



.wrapper{
	width:100%;
	}	
.wall{
	width:95%;

	}	





	
		
}



@media screen and (max-width:480px){
	#wrap{
		width:100%;
		}
		
	.logo{
		padding-top:3.6111111111111%;
		width:41.666666666666666666666666666667%;
		padding-bottom:3.75%;
		}
			
	.mine{
		right:4.4444444444444%;
		top:27.083333333333333%;
		width:5%;
		}	
	
	
	
.banner{
	width:100%;
	padding-bottom:56.25%;
	background:#000000
	}		
	
.focus {
	position: relative;
	background-color: #000;
}

.focus,.focus img {
	width:100%;
}

.focus .shadow .title {
	padding-top:2.7777777777777%;
	padding-left:4.166666666%;
	width:36.1111111111111%;
}

.focus .shadow .title a {
	font-size:32px;
}

.focus .btn {
	bottom:8.395061728%;
	left:70.8333333333%;
}

.focus .btn a {
	margin: 0 0.6944444444%;
	width:1.9444444444444%;
	height:1.9444444444444%;
}


.focus .D1fBt {
	height: 1pc;
}

.focus .shadow {
	height: 5pc;
	line-height: 5pc;
}

.focus .shadow a {
	margin-left:1.388888888888%;
	font-size: 18px;
}


.focus .fbg {
	right:5.5555555555555%;
	bottom:-250px;
	height: 18px;
}

.focus .fbg div {
	margin: 4px auto 0;
	height: 14px;
	zoom: 1;
}

.focus .D1fBt a {
	position: relative;
	float: left;
	display: inline;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	outline: 0;
	border-radius: 7px;
	background: #d9d9d9;
	color: #b0b0b0;
	text-align: center;
	text-decoration: none;
	font: 9pt/15px "\5B8B\4F53";
}
	
	



.classification{
	width:100%;
/*	padding-bottom:85.833333333333333333333333333333%;
*/	margin-bottom:2.222222222222222222222222222222%;
	}
.classification ul{
	width:95%;
	padding-bottom:85.833333333333333333333333333333%;
	}
	
.classification ul li{
	width:50%;
	}
.classification ul li img{
	width:97.66081871345029239766081871345%;
	
	}



.wrapper{
	width:100%;
	}	
.wall{
	width:95%;

	}	
		
}





@media screen and (max-width:360px){
#wrap{
	width:100%;
	}
	
.logo{
	padding-top:3.6111111111111%;
	width:41.666666666666666666666666666667%;
	padding-bottom:3.75%;
	}
		
.mine{
	right:4.4444444444444%;
	top:27.083333333333333%;
	width:5%;
	}	
	
	
.banner{
	width:100%;
	padding-bottom:56.25%;
	background:#000000
	}		
	
.focus {
	position: relative;
	background-color: #000;
}

.focus,.focus img {
	width:100%;
}

.focus .shadow .title {
	padding-top:2.7777777777777%;
	padding-left:4.166666666%;
	width:36.1111111111111%;
}

.focus .shadow .title a {
	font-size:32px;
}

.focus .btn {
	bottom:8.395061728%;
	left:70.8333333333%;
}

.focus .btn a {
	margin: 0 0.6944444444%;
	width:1.9444444444444%;
	height:1.9444444444444%;
}


.focus .D1fBt {
	height: 1pc;
}

.focus .shadow {
	height: 5pc;
	line-height: 5pc;
}

.focus .shadow a {
	margin-left:1.388888888888%;
	font-size: 16px;
}


.focus .fbg {
	right:5.5555555555555%;
	bottom:-194px;
	height: 18px;
}

.focus .fbg div {
	margin: 4px auto 0;
	height: 14px;
	zoom: 1;
}

.focus .D1fBt a {
	position: relative;
	float: left;
	display: inline;
	margin: 0 5px;
	width: 8px;
	height: 8px;
	outline: 0;
	border-radius: 7px;
	background: #d9d9d9;
	color: #b0b0b0;
	text-align: center;
	text-decoration: none;
	font: 9pt/15px "\5B8B\4F53";
}
	
	
	
	
	



.classification{
	width:100%;
/*	padding-bottom:85.833333333333333333333333333333%;
*/	margin-bottom:2.222222222222222222222222222222%;
	}
.classification ul{
	width:95%;
	padding-bottom:85.833333333333333333333333333333%;
	}
	
.classification ul li{
	width:50%;
	}
.classification ul li img{
	width:97.66081871345029239766081871345%;
	
	}



.wrapper{
	width:100%;
	}	
.wall{
	width:95%;

	}	
	
		
}



















@media screen and (max-width:320px){
#wrap{
	width:100%;
	}
	
.logo{
	padding-top:3.6111111111111%;
	width:41.666666666666666666666666666667%;
	padding-bottom:3.75%;
	}
		
.mine{
	right:4.4444444444444%;
	top:27.083333333333333%;
	width:5%;
	}	
	
	
	
	
.banner{
	width:100%;
	padding-bottom:56.25%;
	background:#000000
	}		
	
.focus {
	position: relative;
	background-color: #000;
}

.focus,.focus img {
	width:100%;
}

.focus .shadow .title {
	padding-top:2.7777777777777%;
	padding-left:4.166666666%;
	width:36.1111111111111%;
}

.focus .shadow .title a {
	font-size:32px;
}

.focus .btn {
	bottom:8.395061728%;
	left:70.8333333333%;
}

.focus .btn a {
	margin: 0 0.6944444444%;
	width:1.9444444444444%;
	height:1.9444444444444%;
}


.focus .D1fBt {
	height: 1pc;
}

.focus .shadow {
	height: 5pc;
	line-height: 5pc;
}

.focus .shadow a {
	margin-left:1.388888888888%;
	font-size: 14px;
}


.focus .fbg {
	right:5.5555555555555%;
	bottom:-170px;
	height: 18px;
}

.focus .fbg div {
	margin: 4px auto 0;
	height: 14px;
	zoom: 1;
}

.focus .D1fBt a {
	position: relative;
	float: left;
	display: inline;
	margin: 0 5px;
	width: 8px;
	height: 8px;
	outline: 0;
	border-radius: 7px;
	background: #d9d9d9;
	color: #b0b0b0;
	text-align: center;
	text-decoration: none;
	font: 9pt/15px "\5B8B\4F53";
}
		
.classification{
	width:100%;
/*	padding-bottom:85.833333333333333333333333333333%;
*/	margin-bottom:2.222222222222222222222222222222%;
	}
.classification ul{
	width:95%;
	padding-bottom:85.833333333333333333333333333333%;
	}
	
.classification ul li{
	width:50%;
	}
.classification ul li img{
	width:97.66081871345029239766081871345%;
	
	}



.wrapper{
	width:100%;
	}	
.wall{
	width:95%;

	}	
	
		
}