@charset "utf-8";

*
{
	box-sizing:border-box !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.c_link1
{
	display: block;
	height: 20px;
	border-radius: 2px;
	text-align: center;
	font-size: 0.7em;
	width: 60px;
	position: absolute;
	bottom: 49px;
	right: 243px;
	z-index: 99;
	/*background-color: rgba(80, 80, 80, 0.75);不透明度*/
	line-height: 2em;
	color: rgba(255,255,255,1.00);
	background-color: rgba(0,0,0,1.00);
}

.c_link2
{
	display: block;
	height: 20px;
	border-radius: 2px;
	text-align: center;
	font-size: 0.7em;
	width: 60px;
	position: absolute;
	bottom: 49px;
	right: 177px;
	z-index: 99;
	line-height: 2em;
	color: rgba(255,255,255,1.00);
	background-color: rgba(0,0,0,1.00);
}

.c_link3
{
	display: block;
	height: 20px;
	border-radius: 2px;
	text-align: center;
	font-size: 0.7em;
	width: 60px;
	position: absolute;
	bottom: 49px;
	right: 112px;
	z-index: 99;
	line-height: 2em;
	color: rgba(255,255,255,1.00);
	background-color: rgba(0,0,0,1.00);
}

.c_link4
{
	display: block;
	height: 20px;
	border-radius: 2px;
	text-align: center;
	font-size: 0.7em;
	width: 60px;
	position: absolute;
	bottom: 49px;
	right: 47px;
	z-index: 99;
	line-height: 2em;
	color: rgba(255,255,255,1.00);
	background-color: rgba(0,0,0,1.00);
}
#box_text {
	font-size: 0.8em;
}


@media screen and (min-width: 0px) and (max-width: 480px) 
{
	#box_wrap
	{
		width:100%;
	}
	
	.bx-wrapper
	{
		width:100% !important;
		margin:0;
	}
	
	.bx-wrapper img
	{
		width:100% !important;
	}

	#bx-pager
	{
		max-width:100% !important;
		padding:1em 1em 0 1em;
		float:left !important;
		background:;
	}
	
	#bx-pager div
	{
		display:block;
		width:16%;
		float:left;
		margin:1em 0 0 5%;
	}

	#bx-pager div:nth-child(5n+1) 
	{
		margin:1em 0 0 0 !important;
	}
	

	#bx-pager img
	{
		max-width:100%;
		display:block;
		box-shadow:0 0 2px #CCCCCC;
	}
	
	#bx-pager p
	{
		max-width:100%;
		display:block;
		color:#FFFFFF;
	}
} 

@media screen and (min-width:481px) and (max-width: 740px) 
{
	#box_wrap
	{
		width:100%;

	}
	
	.bx-wrapper
	{
		width:60% !important;
		float:left;
		margin:0 0 1em 0;
	}
	
	#bx-pager
	{
		max-width:40% !important;
		padding:0 20px 0 20px;
		float:left !important;
		background:;
	}
	
	#bx-pager div
	{
		display:block;
		width:21%;
		float:left;
		margin:0 0 1em 5%;
	}

	#bx-pager div:nth-child(4n+1) 
	{
		margin:0 0 1em 0 !important;
	}
	

	#bx-pager img
	{
		max-width:100%;
		display:block;
		box-shadow:0 0 2px #CCCCCC;
	}
	
	#bx-pager p
	{
		max-width:100%;
		display:block;
		color:#FFFFFF;
	}
}

@media screen and (min-width:741px), print, tv
{
	#box_wrap
	{
		width:740px;
	}
	
	.bx-wrapper
	{
		width:60% !important;
		float:left;
		margin:0 0 1em 0;
	}
	
	#bx-pager
	{
		width:40% !important;
		padding:0 20px 0 20px;
		float:right !important;
		background:;
		height:490px;
		overflow:auto;
	}
	
	#bx-pager div
	{
		display:block;
		width:100px;
		float:left;
		margin:0 0 10px 10px;
	}

	#bx-pager div:nth-child(4n+1) 
	{
		margin:0 0 10px 0 !important;
	}
	

	#bx-pager img
	{
		max-width:100%;
		display:block;
		box-shadow:0 0 2px #CCCCCC;
	}
	
	#bx-pager p
	{
		max-width:100%;
		display:block;
		color:#FFFFFF;
	}
}


@media screen and (min-width:741px) and (max-width: 950px) ,
{
	#box_wrap
	{
		width:100%;

	}
	
	.bx-wrapper
	{
		width:60% !important;
		float:left;
		margin:0 0 1em 0;
	}
	
	#bx-pager
	{
		max-width:16% !important;
		padding:0 20px 0 20px;
		float:left !important;
		background:;
	}
	
	#bx-pager div
	{
		display:block;
		position:relative;
		width:25%;
		float:left;
		margin:0 0 1em 5%;
	}

	#bx-pager div:nth-child(4n+1) 
	{
		margin:0 0 1em 0 !important;
	}
	

	#bx-pager img
	{
		max-width:100%;
		display:block;
		box-shadow:0 0 2px #CCCCCC;
	}
	
	#bx-pager p
	{
		max-width:100%;
		display:block;
		color:#FFFFFF;
	}

}