#main .top {
	margin-top:1.5em;
}



#main .top h2{
	margin:0 0 1em 0 !important;
}



#main .top .fav, .top .comment{
	color:#666;
	cursor: pointer;
	margin-left:1em;
}


#main .top .fav-active, .top .comment-active{
	color:#e0245e;
}

#main .top .fav:hover, .top .comment:hover{
	color:#e0245e;
}




#main .top .tweetBt{
	margin-top:0.1em;
	margin-right:0.5em;
}

#main .top .tweetBt a{
	color:#fff !important;
	text-decoration: none;
}


#main .top .review_search h3{
	text-align:center;
	color:#666 !important;
	font-size:1.1em !important;
}




#main .top .master{
	margin:1em 0 1.5em 0;
	padding:0.5em 0 0 0;
}

#main .top .master h4{
	text-align:center;
	font-size:1.1em;
	margin-bottom:0.25em !important;
}

#main .top .master .link{
	font-size:1em;
	display:block;
	word-break: break-all; 
	line-height:1.5em;
	color:#666;
}

#main .top .master .link a{
	font-size:1.2em;	
	color:#000 !important;		
	text-decoration:underline;
	cursor:pointer !important;	
}

#main .top .master .link a:hover{
	color:#666 !important;	
}


#main .top .master img{
	float:left;
	width:3.3em;
	margin-right:0.5em;
	margin-bottom:0em;
}

#main .top .master ul{
	margin:0;
	padding:0;
	list-style:none;
}

#main .top .master li{
	border-top: 1px solid #ddd;
	margin:0 !important;
	padding:0.75em;
}

#main .top .linkBanner{
	text-align:center;
	line-height:1.5em;
}

#main .top .linkBanner small{
	display: block;
	line-height:1.5em !important;
	margin:0.5em 0;
}

#main .top .linkBanner img{
	margin-bottom:1em;	
}
#main .top .linkBanner img.frame{
	border:1px solid #aaa;
}

#main .top .linkBanner a:hover{
	opacity:0.5;
    filter: alpha(opacity=60); 	
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out; 	
}


#main .ranking_top h3{
	text-align:center;
	color:#666 !important;
	font-size:1em !important;
	margin-bottom:0.5em;
	
}


#main .ranking_top a{
	color:#777;
	font-size:0.9em;
	line-height:1.5em;
	display:blcok;
}
#main .ranking_top p.ranking{
	cursor:pointer;	
	margin-bottom:0;
}

#main .ranking_top p.ranking:hover{
	background-color:#f6f6f6;
    filter: alpha(opacity=60); 	
    -webkit-transition: 0.2s ease-in-out;  
       -moz-transition: 0.2s ease-in-out;  
         -o-transition: 0.2s ease-in-out;  
            transition: 0.2s ease-in-out; 	
}

#main .ranking_top p span{
	color:orange;
}

#main .ranking_top p span.rank{
	color:lightcoral;
}


#main .ranking_top hr{
	margin:0.5em 0 0.75em 0 !important;
}

#main .tag_top span{
	color:#777;
	font-size:0.9em;
	cursor: pointer;
}


#main .tag_top{
	margin-bottom:1em;;
}
#main .tag_top span:hover{
	color:#000 !important;	
}

#main .cm{
	line-height:1.5em;
}

#main .cm img.mainImage{
	margin:2em 0 0.5em 0;	
}

#main .cm hr{
	margin:0.5em 0;
}

#main .cm .link{
	margin-bottom:2em;
}

#main .cm a{
	margin:1em 2% 2em 0; width:48%; border:1px solid #ccc; border-radius:3px;float:left;padding:3px;float:left;
}

#main .cm a:hover{
	opacity:0.5;
}


#main .tag_top h3{
	text-align:center;
	color:#666 !important;
	font-size:1.2em !important;
	margin-bottom:0.5em;
}



@media (max-width: 767px) {
	#main .top {
		margin-top:0.5em;
	}
	
	
	img.topImage{
		margin-bottom:2em;
	}
	
	#main .top .master li{
		width:50%;
		float:left;
	}
	
	#main .top .master li:first-child{
		border-bottom: none;
		border-right: 1px solid #ddd;
	}
	#main .top .master li:nth-child(2){
		padding-left:0.5em;
	}
	
	#main .top .linkBanner img{
		width:234px;
	}
	
	#main .cm{
		font-size:1.33em;
	}
	#main .cm a{
		margin:1em 2% 0 0;
	}
	#main .cm img.mainImage{
		width:20%;
		margin-right:5%;
		float:left;
	}
	#main .cm .link{
		width:75%;
		float:left;
		padding:0 15%;
	}
}

@media (max-width: 991px) and (min-width: 767px) {
	.hidden-tag{
		display:none;
	}
}


@media (max-width: 480px) {
	.hidden-tag{
		display:none;
	}
	
	#main .cm{
	}
	
	
	#main .cm img.mainImage{
		width:30%;
		margin-right:5%;
		float:left;
	}
	#main .cm .link{
		width:100%;
		clear:both;
		padding:0 15%;
	}
	
}