html, body, .wrapper {
	/*height: 100%; */
	/*overflow: auto; */
}

h1, .h1 {
    font-size: 40px !important;
}

.main{
	min-height: calc(100vh - 99px - 67px);
	height:auto;
}

@media  (max-width: 767px) {
	.main {
		min-height: calc(100vh - 86px - 67px);
	}
}

header {
	/*box-shadow: 0 2px 8px rgb(22 146 183 / 20%);*/
}

#message-content {
	text-align: center;
}

.message-thumb {
	padding: 30px 0 0 0;
	margin:0;
	font-size: 140px;
	color:#ccc;
	line-height: 100%;
}

#message-title {
	color: #777;
}

.message-text{
	margin-top: 25px;
	margin-left: 30px;
    margin-right: 30px;
	font-size: 20px;
	color: #999;
}

.message-text a{ color:#69cfec;}

.message-text a:hover{ color:#1692B7;}

.footer{
	/*display: none;*/
}
.copyright{
	/*font-size: 15px;*/
}
/***************************************/
/*訊息頁影音推薦區塊*/
#message-more{
	max-width: 1172px;
	min-height: 360px;
	width:100%;
	background-color:#fff;
	margin: 40px auto 30px;
	box-shadow: rgb(0 0 0 / 35%) 0px 3px 15px;
}
#message-more h1{
	font-size: 20px;
	color:#333;
	padding: 30px 0 0 30px;
	font-weight: bold;
}
.message-more-list{
	list-style: none;
	padding: 12px 0 0 29px;
	position: relative;
	text-align: center;
}

.message-more-item{
	width: 240px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0 36px 20px 6px;
}
.message-more-thumb{
	width: 240px;
	height: 135px;
	position: relative;
	display: block;
}
.message-more-thumb img{
	object-fit: cover;
	object-position: 50% 50%;
    object-fit: cover;
	width: 240px;
	height: 135px;
}
.message-more-thumb span{
	position: absolute;
	right: 6px;
	bottom: 6px;
	background-color: rgba(0,0,0,0.5);
	border-radius: 11px;
	color:#fff;
	padding: 1px 5px;
}
.message-more-avatar img{
	width:45px;
	height: 45px;
	object-position: 50% 50%;
    object-fit: cover;
	border-radius: 50%;
	position: absolute;
	top: 148px; 
	left:0px;
}
.message-more-title{
	display:block;
	width: 183px;
	margin: 12px 0 0 55px;
	font-size: 20px;
	color: #333;
	font-weight: bold;
	max-height: 50px;
	overflow: hidden;
	line-height: 124%;
	word-break: break-all;
	text-align:left;
	text-decoration: none;
}
.message-more-title:hover{color: #666;}

.message-more-author{
	display:block;
	margin: 6px 0 0 55px;
	color: #888;
	word-break: break-all;
	font-size: 17px;
	text-align:left;
	text-decoration: none;
}
.message-more-author:hover{color:#aaa;}