/*
 * iweb51-style012
 *
 * Copyright 2015, TANK
 * 
 * 
 * 2016 / 01 / 05
 */


/* +main banner
*----------------------------------------------------------------------------*/
#banner {
	margin: 0px auto;
	width: 100%;
	position: relative;
	transition: all 0.4s ease;
}

#banner ul.rslides li a {
	overflow: hidden;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: block;
}

#banner ul.rslides li a img {
	width: 100%;
}

#banner .rslides_tabs {
	width: 100%;
	position: absolute;
	bottom: 10px;
	z-index: 110;
	text-align: right;
}

#banner .rslides_tabs li {
	margin-right: 10px;
	display: inline-block;
}

#banner .rslides_tabs li a {
	width: 20px;
	height: 20px;
	background: rgba(255,255,255,0.5);
	display: block;
	text-indent: -999999px;
}

#banner .rslides_tabs li.rslides_here a {
	background: rgba(255,255,255,1);
}


/* +sub banner
*----------------------------------------------------------------------------*/
#sub-banner {
	overflow: hidden;
	height: auto;
	background: url(/images/25/article/img-sub_banner.png) no-repeat fixed center top / cover;
	text-align: center;
}


/* +width:1280 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
	
}


/* +width:768 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	
	#sub-banner{
		background: url(/images/25/article/img-sub_banner.png) no-repeat;
		background-size: auto 100%;
	}
	#sub-banner img {
		width: 160%;
		max-width: initial
	}
}
@media screen and (max-width: 640px) {
	#banner .rslides_tabs{display: none;}
}