.PhotoList_i1 { padding:0;}
.PhotoList_i1>ul.clearfix:after{ display: none;}
.PhotoList_i1>ul.clearfix:before{ display:none;}
.PhotoList_i1>ul{  display:-webkit-box;  /* iOS 6-, Safari 3.1-6 */
		  display:-webkit-flex; /* Chrome */
		  display:-moz-box;     /* Firefox 19 */
		  display:-ms-flexbox;   
		  display:flex;  /*flex瀹瑰櫒*/ 
		  
		  box-pack:start;
		-webkit-box-pack: start;
		-moz-box-pack:start;
		-ms-flex-pack:start;
		  justify-content: flex-start;
		  
		  -webkit-flex-wrap: wrap;
		  -moz-flex-wrap: wrap;
		  -ms-flex-wrap: wrap;
		  -o-flex-wrap: wrap;
		   flex-wrap:wrap;}
.PhotoList_i1 li{ margin-bottom:35px;cursor: pointer;}
.PhotoList_i1 li span{ padding:10px ;font-size:18px; line-height:40px; text-align:center; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; transition:all 0.4s ease 0s;background-color: #fff;}
.PhotoList_i1 li a{background: url(../images/honorBack.png) no-repeat left;position:relative;display:block;text-align: center;overflow: hidden; border:solid #ddd 1px; padding:20px; transition:all 1s ease 0s ;}
.PhotoList_i1 li a img{transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);vertical-align: middle; display: inline-block; max-width:100%; height:100%;}
.PhotoList_i1 li a:hover img{transform: scale(1.3);transition: all 1s ease 0s;-webkit-transform: scale(1.3);-webkit-transform: all 1s ease 0s;}
.PhotoList_i1 li:hover span{background:#D8E8FD;color: #0C31A7;}
.PhotoList_i1 li a h4{display:none;}
@media (min-width:800px){
#load_more_button{ display:none;}
	}
@media (min-width:721px){
	/* .PhotoList_i1 li a:hover{ background: #0C31A7;} */
	.PhotoList_i1 li:hover span{ color:#0C31A7;}	
	}

@media only screen and (min-width:1580px){
.PhotoList_i1 li{ width:calc((100% - 60px) / 4 );  margin-right:20px; }
.PhotoList_i1 li:nth-of-type(4n){ margin-right:0;}
	}
@media (min-width:1025px) and (max-width:1580px){
.PhotoList_i1 li{ width:calc((100% - 46px) / 3 );  margin-right:20px; }
.PhotoList_i1 li:nth-of-type(3n){ margin-right:0;}
	}	
@media (min-width:721px) and (max-width:1024px){
.PhotoList_i1 li{ width:calc((100% - 24px) / 2 );  margin-right:20px; margin-bottom:24px;}
.PhotoList_i1 li:nth-of-type(2n){ margin-right:0;}
	}
@media only screen and (max-width: 1200px){
.page a{padding:0 15px;}
.page span{padding:0 15px;}
	}
.page{  font-size:14px;display:inline-block; margin:30px 0 120px;}
.page a{ display:block; padding:0 20px;  line-height:40px; float:left; background:#fff;border:#e3e3e3 solid 1px; text-align:center; margin-right:10px; color:#666666;}
.page span{display:block; padding:0 20px;  line-height:40px; float:left; border:#e3e3e3 solid 1px; color:#aaa; background:#fff; text-align:center; margin-right:10px; color:#666666 ;}
.page span.cur{ background:#0C31A7; color:#fff;border:#0C31A7 solid 1px;}
.pageinfo{ display:none;}
.conT{ font-size:24px; color:#0C31A7;}	
@media only screen and (max-width: 800px){
.page{ display:none;}
a#load_more_button{display:inline-block;width: 180px;height: 52px;line-height: 52px;font-size: 16px;background: #0C31A7;color:#FFFFFF; margin: 30px 0 80px;}

	}
@media (max-width:720px){
	
a#load_more_button{width: 120px;height: 48px;line-height: 48px;font-size: 14px;margin: 2.7vw 0 0;}
.PhotoList_i1 li{ width:calc((100% - 24px) / 2 );  margin-right:20px; margin-bottom:24px;}
.PhotoList_i1 li:nth-of-type(2n){ margin-right:0;}


	}