* { font-family: 'Calibri', '微軟正黑體', 'Microsoft JhengHei'}

.main-banner-container {
	/*background-color: #540000;*/
}

.topics-pager {
	display: none;
}

#topics-0 {
	padding: 20vh 20vw 10vh;
	font-size: 24px;
	line-height: 32px;
	color: #a31016;
}

.l-footer {   
	background-color: #540000;
}
.footer-copyright {
	display: block;
	line-height: 1.5;
}
.topics-list .l-footer {   
    position: absolute;
	bottom: 0;
}

@media (max-width: 1024px) {
	.main-banner-container { padding-bottom: 0; }
	#topics-0 {
		padding: 5vh 15vw 10vh;
		font-size: 18px;
		line-height: 24px;
	}
}
#topics-0 .howtouse-box {
	margin: calc(-20vh + 37px) -20vw -10vh;
	height: calc(100vh - 307px);
	
    /*display: -webkit-box;
    display: -moz-box;
	-webkit-box-align: center;
	-moz-box-align: center;*/
	
	min-height: 350px;
	float: left;
}
#topics-0 .howtouse-pic {
	width: 40vw; 
	height: 100%;
	background-image:url(./../images/product/4-char.jpg);
	background-size: 75%; 
	background-position: 100% 50%;
	background-repeat: no-repeat;
	
	float: left;
}
#topics-0 .howtouse-text {
	width: 50vw; 
	height: 100%;
	min-height: 225px;
	display: initial;
	
	float: right;
	
	transform: translate(0, 30%);
}
#topics-0 .howtouse-t {
	border-bottom: 2px #a31016 solid;
	margin-bottom: 10px;
	width: 50vw; 
}
#topics-0 .howtouse-c {
	width: 50vw; 
}
@media (max-width: 1024px) {
	#topics-0 .howtouse-c {
		line-height: 18px;
	}
}