@charset "utf-8";
 *{
	 padding:0px;
	 margin:0px;
 }
 
 a
 {
	 color:inherit;
	 text-decoration:none;
 }
 
 body
 {
	 background-color:#2c2f34;
 }
/*instargram*/
 #instargram_img_area
{
	position:relative;	 
	padding:20px 5px;
	background-color:#2c2f34;	
}

.insta_layout
{
	position:relative;
}


.insta_content_box
{
	position:relative;
	margin: 30px auto;
}

.instar_view
{
	position:relative;

	height:100%;
	overflow:hidden;
}

.instar_view > ul
{
	position:relative;
	display: flex;
	list-style-type:none;
	padding-left:0px;

}

.instar_view > ul > li
{
	position:relative;
	flex-shrink: 0; 
	width: 100%;
	height: 100%;
}

.instar_view > ul > li > a > img
{
	width:100%;
}

.instar_tool
{
	position:relative;
	display: flex;
    height: 50px;
    justify-content: space-between;
    align-items: center;
}

.instar_tool>ul
{
	position:relative;
	display: flex;
    list-style-type: none;
    width: 100px;
    justify-content: space-between;	
	padding-left:10px;
}

.instar_tool>div
{
	position:relative;
	padding-right:30px;
}

.instar_tool span
{
	font-size:1.2rem;
	color:#ffffff;
	cursor:pointer;
}

.instar_tool span:hover
{
	color:red;
}
 
.instar_count
{
	position:absolute;
	top:5px;
	right:5px;
}

.instar_count_view
{
	position:relative;
	border-radius:20px;
	background-color:#191919;
	padding: 3px 15px;
	color:#ffffff;
}

.instar_button
{
	position:absolute;
	bottom:25px;
	right:0px;
	left:0px;
	margin:auto;
	width:120px;
}

.button_center
{
	position:relative;
	display:flex;
	justify-content: space-evenly;
	align-items: center;
}

.button_center > span
{
	display:inline-block;
	width:6px;
	height:6px;
	background-color:#c1c1c1;
	border-radius:3px;
}

.button_center > span:nth-child(1)
{
	width:8px;
	height:8px;
	border-radius:4px;
	background-color:#2e83ff;
}