@charset "utf-8";
/* ver 0.2 */

/* button 
---------------------------------------------- */
.xet_btn {
	display: inline-block;
	zoom: 1; *display: inline;  /* zoom and *display = ie7 hack for display:inline-block */
	outline: none;
	cursor:pointer;
	vertical-align:middle;
	text-align: center;
	text-decoration:none !important;
	margin:0;
	border:0;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
.xet_btn.large {
	height: 38px !important;
	line-height: 38px !important;
	font-size: 16px !important;	
	padding:0 15px !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.xet_btn.medium {
	height: 34px !important;
	line-height: 34px !important;
	font-size: 13px !important;	
	padding:0 12px !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.xet_btn.small {
	height: 20px !important;
	line-height: 20px !important;
	font-size: 11px !important;
	padding:0 8px !important; 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.xet-sns-box .xet_btn i {
	line-height: inherit !important;
}

/* color styles 
---------------------------------------------- */
.xet_btn.tw {
	background-color: #1DA1F2 !important;
	color: #fff !important;
}
.xet_btn.gg {
	background-color: #DC4B3F !important;
	color: #fff !important;
}
.xet_btn.nv i {
	opacity: 0 !important;
}
.xet_btn.nv  {
	color: #fff !important;
    background-color: #2DB400 !important;
    background-image: url(../img/band.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
}
.xet_btn.ln {
	color: #fff !important;
    background-color: #2DB400 !important;
}
.xet_btn.kako {
	color: #3B1E1E !important;
    background-color: #FBE300 !important;
}
.xet_btn.fb {
	color: #fff !important;
	background-color: #46629E !important;
}
.xet_btn.kaks {
	color: #3B1E1E !important;
    background-color: #FBE300 !important;
}
.xet_btn.band i {
	opacity: 0 !important;
}
.xet_btn.band {
	color: #fff !important;
    background-color: #22c531 !important;
    background-image: url(../img/band.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
}
.xet_btn.pt {
	color: #fff !important;
    background-color: #BD091C !important;
}


/* asbestos */
.xet_btn.asbestos {
	color: #fff !important;
	background-color: #7f8c8d;	
}

/* pomegrante */
.xet_btn.pomegrante {
	color: #fff !important;
	background-color: #c0392b;	
}

/* peter_river */
.xet_btn.peter_river {
	color: #fff !important;
	background-color: #3498db;	
}

/* dark */
.xet_btn.dark {
	color: #ccc !important;
	background-color: #111;	
	border: 1px solid #4b4b4b;
}

/* dark_act */
.xet_btn.dark_act {
	color: #ccc !important;
	background-color: #111;	
	border: 1px solid #555;
}

/* dark_del */
.xet_btn.dark_del {
	color: #ccc !important;
	background-color: #111;	
	border: 1px solid #333;
}

/* light */
.xet_btn.light {
	color: #555 !important;
	background-color: #fff;	
	border: 1px solid #e1e1e1;
}

/* light_act */
.xet_btn.light_act {
	color: #fff !important;
	background-color: #4b4b4b;	
	border: 1px solid #4b4b4b;
}

/* light_del */
.xet_btn.light_del {
	color: #555 !important;
	background-color: #fff;	
	border: 1px solid #e1e1e1;
}
 
 
@media (max-width: 767px) {
	.xet_btn.medium {
		padding: 0 8px !important;
		font-size: 12px !important;
	}
	.xet_btn.large {
		padding:0 12px !important;
	}
	#xet-sns-share .sns-box-header {
		padding: 10px;
	}
	.xet-sns-box .xet_btn.large {
		height: 32px !important;
		line-height: 32px !important;
		padding: 0 8px !important;
	}
}

@media (min-width: 992px) {
	
	/* asbestos */
	.xet_btn.asbestos:hover {
		background-color: #8b8b8b;	
	}
	
	/* pomegrante */
	.xet_btn.pomegrante:hover {
		background-color: #D14233;	
	}
	
	/* peter_river */
	.xet_btn.peter_river:hover {
		background-color: #49A2DF;	
	}
	
	/* dark */
	.xet_btn.dark:hover {
		background-color: #4b4b4b;	
		border-color: #4b4b4b;
		color: #fff !important;
	}
	/* dark_act */
	.xet_btn.dark_act:hover {
		background-color: #4b4b4b;	
		border-color: #4b4b4b;
		color: #fff !important;
	}
	/* dark_del */
	.xet_btn.dark_del:hover {
		background-color: #c0392b;	
		border-color: #c0392b;
		color: #fff !important;
	}
	
	/* light */
	.xet_btn.light:hover {
		background-color: #4b4b4b;	
		border-color: #4b4b4b;
		color: #fff !important;
	}
	
	/* light_act */
	.xet_btn.light_act:hover {
		background-color: #4b4b4b;	
		border-color: #4b4b4b;
		color: #fff !important;
	}
	
	/* light_del */
	.xet_btn.light_del:hover {
		background-color: #c0392b;	
		border-color: #c0392b;
		color: #fff !important;
	}
	
}