@charset "utf-8";
ul{overflow:auto;}

.sub0105-tap {text-align:center;margin-bottom:30px;}
.sub0105-tap ul {display:inline-block;}
.sub0105-tap ul li {float:left;font-size:20px;font-weight:600;border:1px solid #bd8766;color:#bd8766;cursor:pointer;padding:5px 30px;}
.sub0105-tap ul li:first-child {margin-right:24px;}
.sub0105-tap ul li.on {background:#bd8766;color:#fff;}
.sub0105-list {padding-bottom:130px;}
.sub0105-list .view-list ul li {float:left;position:relative;margin-right:24px;margin-bottom:24px;overflow:hidden;}
.sub0105-list .view-list.view-list2 {display:none;}
.sub0105-list .view-list1 ul li:nth-child(4) {margin-right:0;}
.sub0105-list .view-list1 ul li:nth-child(9) {margin-right:0;}
.sub0105-list .view-list1 ul li:nth-child(15) {margin-right:0;}
.sub0105-list .view-list2 ul li:nth-child(4) {margin-right:0;}
.sub0105-list .view-list2 ul li:nth-child(8) {margin-right:0;}
.sub0105-list .view-list2 ul li:nth-child(11) {margin-right:0;}
.sub0105-list .view-list ul li span {position:absolute;right:0;bottom:0;background:rgba(161,101,64,.8);color:#fff;font-size:15px;padding:2px 10px;display:block;}

@media (max-width: 1500px) {
	#wrap .sub0105-list .view-list ul li {width:32%;margin-right:2%;margin-bottom:2%;}
	#wrap .sub0105-list .view-list ul li:nth-child(3n+3) {margin-right:0;}
	#wrap .sub0105-list .view-list ul li.type2 {width:24%;margin-right:1.3333%;}
	#wrap .sub0105-list .view-list ul li.type2:nth-child(10) {margin-right:0;}
	#wrap .sub0105-list .view-list ul li.type2:nth-child(14) {margin-right:0;}
	.sub0105-list .view-list ul li img {width:100%;}
}

@media (max-width: 680px) {
	.sub0105-tap {margin-bottom:20px;}
	.sub0105-tap ul li {font-size:15px;}
	.sub0105-tap ul li:first-child {margin-right:10px;}
	.sub0105-list .view-list ul li span {font-size:13px;letter-spacing:-1px;}
	#wrap .sub0105-list .view-list ul li {width:49%;margin-right:2%;margin-bottom:2%;}
	#wrap .sub0105-list .view-list ul li:nth-child(even) {margin-right:0;}
	#wrap .sub0105-list .view-list ul li:nth-child(3) {margin-right:2%;}
	#wrap .sub0105-list .view-list ul li.type2 {width:32%;margin-right:2%;}
	#wrap .sub0105-list .view-list ul li.type2:nth-child(9) {margin-right:0;}
	#wrap .sub0105-list .view-list ul li.type2:nth-child(10) {margin-right:2%;}
	#wrap .sub0105-list .view-list ul li.type2:nth-child(11) {margin-right:2%;}
	#wrap .sub0105-list .view-list ul li.type2:nth-child(12) {margin-right:0;}
	#wrap .sub0105-list .view-list ul li.type2:nth-child(14) {margin-right:2%;}
	#wrap .sub0105-list .view-list ul li.type2:nth-child(15) {margin-right:0;}
	#wrap .sub0105-list .view-list2 ul li:nth-child(9) {margin-right:2%;}
}