/*************************/
/*        ¥DÃD«ö¶s               */
/*************************/
.btn-topic-block {
	display: flex;
	flex-flow: row wrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.btn-topic-block a {
	position: relative;
	top: 0px;
	display: block;
	height: 100%;
	color: #444;
	transition: top .2s ease-out;
	-webkit-transition: top .2s ease-out;
	-moz-transition: top .2s ease-out;
	-o-transition: top .2s ease-out;
}

.btn-topic-block a:hover {
    text-decoration: none;
    color: #444;
    top: -2px;
}

.btn-topic-block .chevron {
	font-size: 12pt;
}
.btn-topic-block .chevron-70 {
	font-size: 9pt;
}
.btn-topic-block .chevron-orange {
	color: rgb(255,200,145);
}

.btn-topic {
	box-shadow: 3px 3px 10px #ddd;
	margin: 15px 20px;
	border-radius: 10px;
}
.btn-topic .icon {
	font-size: 60pt;
	color: white;
	display: block;
	padding-top: 6px;

	border-radius: 10px 10px 0 0;
	width: 150px;
	height: 100px;
	line-height: 100px;
	text-align: center;
}
.btn-topic .icon-100 {
	font-size: 30pt;
	width: 100px;
	height: 50px;
	line-height: 50px;
	padding-top: 0px;
}
.btn-topic .icon-70 {
	font-size: 20pt;
	width: 85px;
	height: 37px;
	line-height: 37px;
	padding-top: 2px;
}
.btn-topic .icon-blue {
	background-color: #428bca;
}
.btn-topic .icon-red {
	background-color: #d9534f;
}
.btn-topic .icon-orange {
	background-color: #f09d4e;
}
.btn-topic .icon-green {
	background-color: #5cb85c;
}
.btn-topic .text {
	height: 50px;
	text-align: center;
	font-size: 16pt;
	font-weight: bold;
	line-height: 50px;
	display: block;
}
.btn-topic .text-100 {
	height: 30px;
	font-size: 14pt;
	line-height: 35px;
}
.btn-topic .text-70 {
	height: 22px;
	font-size: 12pt;
	line-height: 26px;
}
.btn-topic .text-orange {
	color: rgb(210,140,17);
}
.btn-topic .text-green {
	color: rgb(0,110,0);
}