@charset "utf-8";
/* CSS Document */
/*內頁*/
.titan {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
	position: relative;
    cursor: pointer;
}
.titan a {
	width: calc(50% - 20px);
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	float: left;
	clear: none;
}
.titan img {
	width: 100%;
	opacity: 1;
}
.titan a:hover img {
	opacity: 1;
	/*滑入動態效果*/
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

@media only screen and (min-width: 992px) {
.titan a {
	width: calc(33% - 20px);
}
}
@media only screen and (min-width: 1200px) {
.titan a {
	width: calc(25% - 20px);
}
}