

.exhibition.list .exh_inner {width:100%;max-width:880px;margin:0 auto;}
.exhibition.list ul.sort{text-align:center;font-size:0;margin:50px 0 30px;}
.exhibition.list ul.sort li {display:inline-block;width:24.57%;margin:0 0.56% 0.56% 0;border:1px solid #eee;box-sizing:border-box;text-align:center;}
	

	
.exhibition.list ul.sort li:last-child {margin-right:0;}
.exhibition.list ul.sort li a {padding:20px;display:block;font-size:16px;color:#666;font-weight:bold;}
	
	
	
.exhibition.list ul.sort li:hover {background:#74573a;transition:0.5s;}
.exhibition.list ul.sort li:hover a {color:#fff;transition:0.5s;}	
	


.exhibition.list .exh_frm .exh_list {border-top:2px solid #74573a;}
.exhibition.list .exh_frm .exh_list .list {font-size:0;}
.exhibition.list .exh_frm .exh_list .list .thumb {display:inline-block;vertical-align:top;width:32.95%;}	 
.exhibition.list .exh_frm .exh_list .list .thumb input[type="checkbox"] {margin:0 0 10px 0;}
.exhibition.list .exh_frm .exh_list .list .thumb img {width:100%;max-width:290px;max-height:210px;}
.exhibition.list .exh_frm .exh_list .list .info {display:inline-block;vertical-align:top;padding:20px 0 0 3.4%;width:63.65%}
	
.exhibition.list .exh_frm .exh_list .list .info ul li {vertical-align:top;line-height:25px;}
.exhibition.list .exh_frm .exh_list .list .info ul li:nth-child(1) {padding:0 0 0 15px;position:relative;margin:0 0 10px 0;}
.exhibition.list .exh_frm .exh_list .list .info ul li:nth-child(1):before {position:absolute;content:"";width:5px;height:5px;background:#74573a;left:0;top:8px;border-radius:50%;}
.exhibition.list .exh_frm .exh_list .list .info ul li:last-child {margin:0;}

.exhibition.list .exh_frm .exh_list .list .info ul li:nth-child(2) {width:80%;}

.exhibition.list .exh_frm .exh_list .list {border-bottom:1px solid #eee;padding: 20px 0;}
.exhibition.list .exh_frm .exh_list .list .info ul li {display:inline-block;}
.exhibition.list .exh_frm .exh_list .list .info ul li span {display:inline-block;font-size:16px;color:#333;}
.exhibition.list .exh_frm .exh_list .list .info ul li span.tit {font-weight:bold;padding:0 25px 0 0;width:50px;}
.exhibition.list .exh_frm .exh_list .list .info ul li span.txt {display: inherit;overflow: hidden;width: inherit;text-overflow: ellipsis; white-space: nowrap;}
	
	
.exhibition.list .exh_frm .exh_list .list .info ul li span.status {background:#74573a;color:#fff;border-radius:15px;font-size:12px;padding:0 10px;margin:0 0 0 10px;}
.exhibition.list .exh_frm .exh_list .list .info ul li span.status.fin {background:#656565;}
.exhibition.list .exh_frm .exh_list .list .info ul li span.status.ready {background:#afaaa4;}

.exhibition.list .exh_frm .exh_list .list .list_btn { padding: 10px 30px; border: 1px solid #ccc; display:inline-block; position:relative; left:85%;}
.exhibition.list .exh_frm .exh_list .list .list_btn a {font-size:16px; font-weight: bold;}

	
@media all and (max-width:880px){
	
.exhibition.list .exh_inner {width:95%;margin:0 auto;}
.exhibition.list .exh_frm .exh_list .list .list_btn { left: 80%;}
}
	
@media all and (max-width:768px){
	
.exhibition.list .exh_frm .exh_list .list .thumb {width:100%;}
.exhibition.list .exh_frm .exh_list .list .thumb img {max-width:100%;max-height:100%!important}
.exhibition.list .exh_frm .exh_list .list .info {width:100%;padding:20px 0 0;}
/*.exhibition.list .exh_frm .exh_list .list .info ul li span.status {float:left;margin:0 10px 0 0;;}*/
.exhibition.list .exh_frm .exh_list .list .info ul li span.txt  {display:inline}
.exhibition.list .exh_frm .exh_list .list .list_btn { left: 80%;}
.exhibition.list .exh_frm .exh_list .list .list_btn a{font-size: 14px;}
}	
	
	
@media all and (max-width:640px){

.exhibition.list ul.sort li {width:49%;margin:0 2% 2% 0;}
.exhibition.list ul.sort li:nth-child(2n) {margin-right:0;}
}

	
@media all and (max-width:490px){

.exhibition.list .exh_frm .exh_list .list .info ul.detail {margin:0 0 10px 0;}
.exhibition.list .exh_frm .exh_list .list .info ul.detail li {margin:0!important;}
.exhibition.list .exh_frm .exh_list .list .info ul li:nth-child(2) {width:100%;}

}

	
