/* button */

.btn {
	display: inline-block; border-radius: 10px; min-width: 100px; padding:4px 15px;
	text-align: center; text-decoration: none; color:#fff;
	font-size: 110%; white-space: normal;
	letter-spacing: 10px;text-indent:10px;
}

.btn a { display:block; text-align: center;}

.btn.btn-top { 
	border-radius: 0 0 10px 10px!important; vertical-align: top;
}

.btn.btn-big {
	font-size:150%;
	padding:17px;
	border-radius:20px;
}
.btn.btn-medium {
	font-size:130%;
	padding:20px;
	border-radius:20px;
}

.btn.btn-sub {
	font-size:110%; letter-spacing: 0px; text-indent: 0px;
}

.btn-text { display:block; color:#fff;}
.btn-text-sub { display:block; color:#fff; font-size:80%; }
.btn+.btn { margin-left:11px; }

/* button color */
.btn-sharing { background-color: #70c7d4!important; border: 0; }
.btn-grief { background-color: #77bc2b!important; border: 0; }
.btn-publication { background-color: #e8bb0d!important;  border: 0;}
.btn-resource { background-color: #b3c35d!important;  border: 0;}
.btn-news { background-color: #f08ea1!important;  border: 0;}
.btn-services { background-color: #9999ff!important;  border: 0;}
.btn-contactus { background-color: orange!important;  border: 0;}
.btn-index { background-color: #6699ff!important; border: 0; }
.btn-aboutus { background-color: #c4a6ca!important;  border: 0;}

.btn-href { color:#2737ED; }
.btn-href:hover { color:#2737ED; font-weight: bold; }

.btn.btn-resp { font-size:130%; padding:15px 20px; letter-spacing: 10px; text-indent: 10px; white-space: normal; }

@media (max-width:1300px) {
.btn.btn-resp { font-size:120%; padding:20px; letter-spacing: 8px; text-indent: 6px; }
}
@media (max-width:1000px) {
.btn.btn-resp { font-size:110%; padding:18px; letter-spacing: 6px; text-indent: 6px; }
}