@charset "UTF-8";
/* ******************************************************************
	--style_23.css--
****************************************************************** */
@media only screen and (min-width: 768px){
/*********************23***************************/
	
}
@media only screen and (min-width: 800px){
/*********************23***************************/

}
@media only screen and (min-width: 812px){
/*********************23***************************/

}
@media only screen and (min-width: 834px){
/*********************23***************************/

}
@media only screen and (min-width: 900px){
/*********************23***************************/

}
@media only screen and (min-width: 960px){
/*********************23***************************/

}
@media only screen and (min-width: 1024px){
/*********************23***************************/

}
@media only screen and (min-width: 1112px){
/*********************23***************************/

}
@media only screen and (min-width: 1200px){
/*********************23***************************/
	
}
@media only screen and (min-width: 1280px){
/*********************23***************************/

}
@media only screen and (max-width: 767px){
/*********************23***************************/
	.social_visible_phone{
		height: 0px;
		display: none;
	}
	.social_conent{
		background: #f3f7fa;
	}
	.magazine_content {
		padding-bottom: 30px;
	}
	.share-pause {
		position: relative !important;
		top: 0px !important;
		margin-top: 0px;
		width: 100%;
	}
	.content_social {
		width: 100%;
		margin-top: 20px;
	}
	.content_social_zalo, .content_social_face, .content_social_friend, .content_social_view{
		width: auto;
		margin-right: 10px;
	}
	.share-fix {
		position: relative !important;
	}
	.content_social button {
		float: left;
		padding: 0px;
		width: auto;
		margin-top: 0px;
		height: 32px;
		line-height: 32px;
		background: #eff9fe;
	}
	.content_social_zalo button {
		border: 1px solid #0090ed;
	}
	.content_social_zalo button .btn_img, .content_social_zalo button .tooltiptext, .content_social_zalo button .btn_img:hover {
		background: #0090ed;
		width: 30px;
		position: relative;
	}
	.content_social_zalo button:hover .tooltiptext, .content_social_friend button:hover .tooltiptext, .content_social_face button:hover .tooltiptext{
		width: auto;
	}
	.content_social_friend button {
		border: 1px solid #4b9331;
	}
	.content_social_friend button .btn_img, .content_social_friend button .btn_img:hover , .content_social_friend button .tooltiptext {
		background: #4b9331;
		width: 30px;
		position: relative;
	}
	.content_social_face button {
		border: 1px solid #163774;
	}
	.content_social_face button .btn_img, .content_social_face button .btn_img:hover, .content_social_face button .tooltiptext {
		background: #163774;
		width: 30px;
		position: relative;
	}
	.content_social_friend span.btn_view, .content_social_zalo span.btn_view, .content_social_face span.btn_view, .content_social_view span.btn_view {
		width: auto;
		float: left;
		display: block;
		padding: 0px 5px;
		color: #b8c3c8;
		font-size: 11px;
		height: 30px;
		line-height: 30px;
	}
	.content_social_view button {
		border: 1px solid #f3f7fa;
	}
	.content_social_view button .btn_img, .content_social_view button .btn_img:hover {
		background: #f3f7fa;
		width: 30px;
		position: relative;
	}
	.content_social_view button, .content_social_view button:hover {
		background: #f3f7fa;
		padding: 0px;
	}
	.content_social_view span.btn_view{
		background: #fff;
	}
	.content_social_friend  button .tooltiptext, .content_social_zalo  button .tooltiptext, .content_social_face  button .tooltiptext{
		visibility: visible;
	}
	.content_social button .tooltiptext {
		padding: 0px 10px;
		line-height: 40px;
		height: 30px;
		line-height: 30px;
		color: #fff;
		width: auto;
		float: left;
		display: block;
		left: 0px;
	}
	button .btn_img {
		width: 30px;
		float: left;
		display: block;
		height: 30px;
		line-height: 30px;
	}
	.content_social_face button .tooltiptext, .content_social_friend button .tooltiptext {
		top: 0px;
	}
	.header_bar_ma {
		padding: 0px 0px 0px 20px;
	}
	.bar_footer_gp {
		height: auto;
		line-height: 21px;
	}
}
@media only screen and (max-width: 736px){
/*********************23***************************/
	
}
@media only screen and (max-width: 722px){
/*********************23***************************/

}
@media only screen and (max-width: 695px){
/*********************23***************************/

}
@media only screen and (max-width: 685px){
/*********************23***************************/

}
@media only screen and (max-width: 668px){
/*********************23***************************/

}
@media only screen and (max-width: 641px){
/*********************23***************************/

}
@media only screen and (max-width: 602px){
/*********************23***************************/

}
@media only screen and (max-width: 599px){
/*********************23***************************/

}
@media only screen and (max-width: 576px){
/*********************23***************************/

}
@media only screen and (max-width: 570px){
/*********************23***************************/

}
@media only screen and (max-width: 569px){
/*********************23***************************/
	
}
@media only screen and (max-width: 553px){
/*********************23***************************/
	.content_social_zalo, .content_social_face, .content_social_friend {
		margin-right: 0px;
		width: 100%;
		height: auto;
		margin-bottom: 5px;
	}
	.spect_text br{
		display: none;
	}
}
@media only screen and (max-width: 534px){
/*********************23***************************/

}
@media only screen and (max-width: 515px){
/*********************23***************************/

}
@media only screen and (max-width: 481px){
/*********************23***************************/
	.header_bar_magazine {
		width: 80%;
	}
	.header_bar_magazine_right{
		width: 20%;
	}
	.header_bar_magazine span {
		float: left;
		display: block;
		width: 100%;
		line-height: 16px;
		padding: 5px 0px 3px 20px;
	}
	.bar_footer_gp {
		line-height: 21px;
		padding: 10px 0px;
	}
}
@media only screen and (max-width: 415px){
/*********************23***************************/

}
@media only screen and (max-width: 401px){
/*********************23***************************/

}
@media only screen and (max-width: 385px){
/*********************23***************************/

}
@media only screen and (max-width: 376px){
/*********************23***************************/
	
}
@media only screen and (max-width: 361px){
/*********************23***************************/

}
@media only screen and (max-width: 343px){
/*********************23***************************/
	
}
@media only screen and (max-width: 340px){
/*********************23***************************/

}
@media only screen and (max-width: 320px){
/*********************23***************************/
	
}