div.goto
{
	position:absolute;
	bottom:50%;
	left:50%;
	padding:2px 5px 2px 5px;

	background:lightblue;
	color:navy;
	z-index:25;
	display:none;
	font-family:arial,sans-serif;
	cursor:pointer;
	box-shadow:5px -2px 2px 2px #888888;

	opacity:0.5;
}


#add_btn
{
	position: relative;
	
	background:blue;
	
	color: white;
}


#brw_btn
{
	position: relative;
	
	background:goldenrod;
	
	border:1px solid goldenrod;
	
	
	color: white;
}


div.goto:hover
{
	opacity:1;



}

div.item
{
	position: relative;
	background:rgba(255,255,255,0.3);
	padding:10px 10px 10px 10px;
	
	padding:0px;
	
	text-align: center;
	
	
	
	box-shadow: 0px 0px 2px 1px #888888;
}

label.name
{
	cursor:pointer;

}

label.name:hover
{

	/*color:yellow;*/
}

div.itemad
{
	color:red;
	
	display: none;
}

div.itemadmsg
{
	font-size:30px;
	padding: 10px 0px 0px 0px;
	color: rgba(0,0,255,0.8);

}

div.info
{
	display: none;
}


div.itemaddesc
{
	white-space: normal;
	
	color: white;
	
	line-height: 1.8em;
}

div.atag
{
	position: relative;
	
	cursor: pointer;
}

@media screen and (min-width: 771px) 
{
	
	
	#home_explorer
	{
	
	
	}
	
	div.home_explorer_line
	{
		position:relative;
		
		margin:5px 0px 10px 0px;
		
	}
	
	div.home_explorer_l
	{
		position:relative;
		
		vertical-align:middle;
		
		display:inline-block;
	
		width:50%;
		
	}
	
	div.home_explorer_img
	{
		position:relative;
		
		width:100%;
		
		text-align:center;
		
	}
	
	
	img.home_explorer
	{
		position:relative;
		
		max-width:50px;
		max-height:50px;
	}	
	
	div.home_explorer_name
	{
		position:relative;
		
		width:100%;
		
		text-align:center;
	}
	
	label.home_explorer
	{
		position:relative;
		
		font-weight:bold;
	}			
	
	div.home_explorer_part
	{
		position:relative;
		
		vertical-align:middle;
		
		display:inline-block;
	
		width:50%;
	}
				

	/***********************Home Explorer******************/
	#main_body_left_content
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align: top;		

		height: 100%;
		
		background:white;
		
		overflow: auto;	
		
		width: 150px;
	}
	
	#main_body_right_content
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align: top;		

		height: 100%;
	
		overflow: auto;
		
		width: calc(100% - 150px);
		
		width: -webkit-calc(100% - 150px);
			
			
	}

	
	/********************************ADBOX/***************************************/
	
	div.adbox
	{
		position:relative;
		
		border-top:2px solid blue;
		
	}
	
	
	div.adbox_header
	{
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		z-index:1000;
		
		
	}
	
	label.adbox_header
	{
		position:relative;
		background:blue;
		
		color:white;
		padding:5px 5px;
		margin:0px 0px;
		
		font-size: 12px;
	}						
	
	div.adbox_body
	{
		position:relative;
		
		
	}
	/********************************ADBOX END***************************************/
	
	
	
	/********************************onhomeshopBOX/***************************************/
	
	div.onhomeshopbox
	{
		position:relative;
		
		border-top:2px solid blue;
		
		min-height: 100px;
		
	}
	
	
	div.onhomeshopbox_header
	{
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		z-index:1000;
		
		
	}
	
	label.onhomeshopbox_header
	{
		position:relative;
		background:blue;
		
		color:white;
		padding:5px 5px;
		margin:0px 0px;
		
		font-size: 12px;
	}						
	
	div.onhomeshopbox_body
	{
		position:relative;
		
		
	}
	/********************************onhomeshopBOX END***************************************/



}

/*********OLDMOBILE*****************/
@media only screen and (max-width: 220px) 
{

	/********************************ADBOX/***************************************/
	
	div.adbox
	{
		position:relative;
		
		border-top:2px solid blue;
		
		
		
	}
	
	
	div.adbox_header
	{
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		z-index:1000;
		
		
	}
	
	label.adbox_header
	{
		position:relative;
		background:blue;
		
		color:white;
		padding:5px 5px;
		margin:0px 0px;
		
		font-size: 12px;
	}						
	
	div.adbox_body
	{
		position:relative;
		
		
	}
	/********************************ADBOX END***************************************/
	
	
	
	
	/********************************onhomeshopBOX/***************************************/
	
	div.onhomeshopbox
	{
		position:relative;
		
		border-top:2px solid blue;
	
		min-height: 100px;
		
	}
	
	
	div.onhomeshopbox_header
	{
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		z-index:1000;
		
		
	}
	
	label.onhomeshopbox_header
	{
		position:relative;
		background:blue;
		
		color:white;
		padding:5px 5px;
		margin:0px 0px;
		
		font-size: 12px;
	}						
	
	div.onhomeshopbox_body
	{
		position:relative;
		
		
	}
	/********************************onhomeshopBOX END***************************************/



}
/* Mobile */
@media only screen and (min-width: 230px)  and (max-width: 360px) 
{

	/********************************ADBOX/***************************************/
	
	div.adbox
	{
		position:relative;
		
		border-top:2px solid blue;
		
	}
	
	
	div.adbox_header
	{
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		z-index:1000;
		
		
	}
	
	label.adbox_header
	{
		position:relative;
		background:blue;
		
		color:white;
		padding:5px 5px;
		margin:0px 0px;
		
		font-size: 12px;
	}						
	
	div.adbox_body
	{
		position:relative;
		
		
	}
	/********************************ADBOX END***************************************/
	
	
	
	
	/********************************onhomeshopBOX/***************************************/
	
	div.onhomeshopbox
	{
		position:relative;
		
		border-top:2px solid blue;
		
		min-height: 100px;
		
	}
	
	
	div.onhomeshopbox_header
	{
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		z-index:1000;
		
		
	}
	
	label.onhomeshopbox_header
	{
		position:relative;
		background:blue;
		
		color:white;
		padding:5px 5px;
		margin:0px 0px;
		
		font-size: 12px;
	}						
	
	div.onhomeshopbox_body
	{
		position:relative;
		
		
	}
	/********************************onhomeshopBOX END***************************************/



}

@media screen and (max-width: 770px) and (min-width: 361px)
{
		/********************************ADBOX/***************************************/
	
	div.adbox
	{
		position:relative;
		
		border-top:2px solid blue;
		
	}
	
	
	div.adbox_header
	{
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		z-index:1000;
		
		
	}
	
	label.adbox_header
	{
		position:relative;
		background:blue;
		
		color:white;
		padding:5px 5px;
		margin:0px 0px;
		
		font-size: 12px;
	}						
	
	div.adbox_body
	{
		position:relative;
		
		
	}
	/********************************ADBOX END***************************************/



	/********************************onhomeshopBOX/***************************************/
	
	div.onhomeshopbox
	{
		position:relative;
		
		border-top:2px solid blue;
		
		min-height: 100px;
		
	}
	
	
	div.onhomeshopbox_header
	{
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		z-index:1000;
		
		
	}
	
	label.onhomeshopbox_header
	{
		position:relative;
		background:blue;
		
		color:white;
		padding:5px 5px;
		margin:0px 0px;
		
		font-size: 12px;
	}						
	
	div.onhomeshopbox_body
	{
		position:relative;
		
		
	}
	/********************************onhomeshopBOX END***************************************/


}





/*************************Flipping *************/
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 320px;
	height: 480px;

	width: 150px;
	
	height: 190px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}

.invisible
{
	display:none;
}

@keyframes hightlight
{
	from{background-color:yellow;}
	from{background-color:orange;}
}

.hashtag
{
	background:#e0e0e0;
	color:#696969;
	background:gold;
	color:black;
	padding:5px 10px;
	border-radius:5px;
	margin : 5px ;
	cursor:pointer;

	animation-name:hightlight;
	animation-duration:4s;

	-webkit-animation-name:hightlight;
	-webkit-animation-duration:4s;

	-webkit-transition: padding 2s;
	transition: padding 2s font-size 2s;

	font-weight:bold;
}

.hashtag:hover
{
	text-color: -1px -1px red;
	padding:10px 15px;
	font-size:20px;
}