/*Instragram Grid*/
ul.instagram{list-style: none; margin: 0 auto;}
@media screen and (max-width: 631px) {
	ul.instagram{width: 300px;}
}
@media (min-width: 632px) and (max-width: 767px) {
	ul.instagram{width: 632px;}
}
ul.instagram > li{float: left; margin: 0 0 30px 0; height: 300px; overflow: hidden; font-size: 12px;}
@media (min-width: 768px) and (max-width: 1199px) {
	ul.instagram > li{height: 260px;}
}
/*ul.instagram > li:nth-child(odd){background-color: #CCC;}
ul.instagram > li:nth-child(even){background-color: #DDD;}*/
ul.instagram > li > .user{clear: both;}
ul.instagram > li > .desc{display: block; width:90%; height: 24px; padding-top: 8px; margin-bottom: 8px; overflow: hidden; clear: both; color: #000; /*max-width: 200px;*/}
ul.instagram > li > .user a{color: #666; vertical-align: top; line-height: 1; float: left;}
ul.instagram > li > .user a:hover{color: #000;}
ul.instagram > li > .user img{width:30px; height:30px; border: 1px solid #F1F1F1; margin: 0 10px 40px 0;}
ul.instagram > li .like{clear: both; color: #E63A38;}
ul.instagram > li .like i{font-size: 10px;}
ul.instagram > li > a{float: left; color: #999;}
ul.instagram > li > a .image{margin: 0 auto; width:90%;  max-width: 255px; max-height: 255px; /*min-width: 208px; min-height: 208px;*/}
ul.instagram > li > .user > .timeStamp{color: #999; font-size: 10px; position: relative; top: -3px;}


/*Instagram Header*/
@media screen and (max-width: 767px) {
	.instagramHeader .col-md-6{text-align: center; margin: 15px 0;}
}


/*Filter - All/P/M/Q*/
.instagramFilter{border: 1px solid #000; display: inline-block; *display:inline; zoom: 1;}
.instagramFilter > button{border-left: 1px solid #000; border-right: none; border-top: none; border-bottom: none; font-size: 20px; text-align: center; float: left; font-family: 'ConvKontrapunktBobStencilBold', Arial, 微軟正黑體, Microsoft JhengHei, STHeiti, 华文黑体, SimHei, 黑体, 新細明體, PMingLiU, 細明體, MingLiU, sans-serif; width: 44px;
}
.instagramFilter > button.active{background-color: #000; color: #FFF;}
.instagramFilter > button.btn.btn-default{margin: 0;}
.instagramFilter > button:first-child{border-left: none;}
.instagramFilter > button:hover{margin: 0; border-left: 1px solid #000;}
.instagramFilter > button:first-child:hover{border-left: none;}

@media screen and (max-width: 767px) {
	.instagramFilter{margin-top: 20px;}
	.instagramFilter > button{padding: 12px 20px; width: 60px;
		font-size: 20px;
	}
}


/*Loading*/
.instagramLoading i{font-size: 30px;}


