@charset "utf-8";

@media screen and (max-width:768px){
	
	
#shopRotationBanner {
	height: auto;
	min-height:auto;
}
#shopRotationBanner .mainBannerList { width: 100%; height: auto; margin: 0; position: static;}
#shopRotationBanner .mainBannerList li{ width: 100%; height: auto; position: static; visibility: visible!important; opacity: 1!important; margin-bottom: 25px;}
#shopRotationBanner .mainBannerList li:last-child { margin-bottom: 0px!important;}
#shopRotationBanner .mainBannerList li img { width: 100%; height: auto; opacity: 1!important;}
#shopRotationBanner .thumbnailList { display: none;}
#shopRotationBanner .thumbnailList_05 { display: none;}
	
	
}


@media screen and (min-width:768px){
#shopRotationBanner {
	/*height: 398px;*/
	min-height:380px;
	margin-top: 30px;
}
#shopRotationBanner .mainBannerList {
	position: relative;
	width: 690px!important;
	margin-left: 0!important;
	height: 309px!important;
}
#shopRotationBanner .mainBannerList li {
	position: absolute;
	top: 0;
	left: 0;
}
#shopRotationBanner .mainBannerList li img {
	width: 100%;
	height: auto;
}
#shopRotationBanner .thumbnailList {
	width: 690px!important;
	margin-top: -2px;
	padding: 10px;
	box-sizing: border-box;
	background:none!important;
	border: 2px solid #eee;
}
#shopRotationBanner .thumbnailList li {
	float: left;
	margin-left: 8px;
	cursor: pointer;
	width: 160px;
	height: 45px;
}

#shopRotationBanner .thumbnailList li img {
	width: 100%;
	height: auto;
}

#shopRotationBanner .thumbnailList li:first-child {
	margin-left: 0;
}
#shopRotationBanner .thumbnailList li,
#shopRotationBanner .thumbnailList li img {
	overflow: hidden;
	float: left;
	border: none;
}
#shopRotationBanner .thumbnailList li.on,
#shopRotationBanner .thumbnailList li:hover {
	border: solid 2px #015baa;
	box-sizing: border-box;
}
#shopRotationBanner .thumbnailList li.on img,
#shopRotationBanner .thumbnailList li:hover img {
	margin: 0!important;
}


#shopRotationBanner .thumbnailList_05 {
	width: 100%;
	margin-top: -2px;
	padding: 10px 48px 10px 49px;
	background: none!important;
	box-sizing: border-box;
	border: 2px solid #eee;
	overflow:hidden;
}
#shopRotationBanner .thumbnailList_05 li {
	float: left;
	margin-left: 32px;
	margin-bottom:8px;
	cursor: pointer;
}
#shopRotationBanner .thumbnailList_05 li:first-child {
	margin-left: 0;
}
#shopRotationBanner .thumbnailList_05 li,
#shopRotationBanner .thumbnailList_05 li img {
	overflow: hidden;
	float: left;
	border: none;
}
#shopRotationBanner .thumbnailList_05 li:nth-child(4) {
	margin-left:104px;
	margin-bottom: 0;
}
#shopRotationBanner .thumbnailList_05 li:nth-child(5) {
	margin-bottom: 0;
}

#shopRotationBanner .thumbnailList_05 li.on,
#shopRotationBanner .thumbnailList_05 li:hover {
	border: solid 3px #015baa;
	box-sizing:border-box;
}
#shopRotationBanner .thumbnailList_05 li.on img,
#shopRotationBanner .thumbnailList_05 li:hover img {
	margin: -3px;
}
}