
	#module_forum_lite_title {
		font-size:20px;
		line-height: 40px;
		color: #212529;
		border-left: 4px solid #0077ab;
		padding-left:8px;
		display: inline-block;
		margin-top: 20px;
	}
	@media (max-width :600px){
		#module_forum_lite_title {
			font-size:16pt;
		}
	}
	
	#forum_lite_start_new_thread_label {
		width: 100%;
		color: #F7941D;
  		display: inline-block;
	}
	@media (max-width :600px){
		#forum_lite_start_new_thread_label {
			font-size:16pt;
		}
	}
	
	#forum_lite_scroll_btn {
		position:fixed;
		width:60px;
		height:60px;
		padding: 10px auto;
		line-height: 60px;
		bottom:80px;
		right:20px;
		background-color:#F7941D;
		color:#FFF;
		border-radius:50px;
		text-align:center;
		box-shadow: 2px 2px 3px #999;
		z-index: 9999;
	}

	#module_forum_lite_content {
		margin-left: 10px;
	}
	@media (max-width :600px){
		#module_forum_lite_content {
			/*width: 90vw;*/
		}
	}
	.post-box-holder{
		background-color:#FEF5DC;
		margin-top: 10px;
		border-radius: 4px;
		text-align: center;
	}
	.forum_lite_post_box {
		width: 99%;
		height: 300px;
		border-radius: 6px;
		border: 1px solid #a7a7a7;
		margin-bottom: 8px;
		margin-top: 10px;
		padding: 10px;
		line-height: 120%;
	}
	.forum_lite_post_box_submit_button{
		border:2px solid #777777;
		border-radius: 4px;
		padding: 0 10px;
		color:#777777;
		line-height: 180%;
		margin-right: 10px;
	}
	.forum_lite_post_box_submit_button:hover{
		background-color: #777777;
		color:#fff;
	}
	.forum_lite_post_box_close_button{
		border:2px solid #777777;
		border-radius: 4px;
		padding: 0 10px;
		color:#777777;
		line-height: 180%;
	}
	.forum_lite_post_box_close_button:hover{
		background-color: #777777;
		color:#fff;
	}
	.feedbackBtnGroup {
		margin-left: 10px;
		margin-bottom: 10px;
	}
	.btnGroup_divider {
		width: 40px;
	}

	@media (max-width :600px){
		.btnGroup_divider {
			width: 20px;
		}
	}
	.forum_lite_load_post_box_btn { 
		/* 「寫下您的公開留言」icon */
		color: #474747;
	}
	.forum_lite_load_post_box_btn:hover { 
		/* 「寫下您的公開留言」icon */
		color: #F7941D;
	}

	.forum_lite_reply_post_btn { 
		/* 回覆icon */
		color: #9F9F9F;
	}
	.forum_lite_reply_post_btn:hover { 
		/* 回覆icon */
		color: #F7941D;
		cursor: pointer;
	}	
	.forum_lite_reply_post_btn:hover .feature-btn{
		/* 回覆icon */
		color: #F7941D;
	}	
	@media (max-width :600px){
		.forum_lite_reply_post_btn {
			color: #F7941D;
		}
	}
	.forum_lite_share_post_btn {
		/* 分享icon */	
		color: #9F9F9F;
	}
	.forum_lite_share_post_btn:hover {
		/* 分享icon */	
		color: #F7941D;
		cursor: pointer;
	}
	.forum_lite_share_post_btn:hover .feature-btn{
		/* 分享icon */	
		color: #F7941D;
	}	
	@media (max-width :600px){
		.forum_lite_share_post_btn {
			margin-left: 0px;
			color: #F7941D;
		}
	}

	.forum_lite_inform_post_btn {
		/* 舉報icon */	
		color: #9F9F9F;
	}
	.forum_lite_inform_post_btn:hover {
		/* 舉報icon */
		color: #F7941D;
		cursor: pointer;
	}	
	.forum_lite_inform_post_btn:hover .feature-btn{
		/* 舉報icon */
		color: #F7941D;
	}	
	@media (max-width :600px){
		.forum_lite_inform_post_btn {
			color: #F7941D;
		}
	}	
	.feature-btn{
		color:#9F9F9F;
		font-size: 18px;
		line-height: 16px;
		margin-top: 0px;
	}
	@media (max-width: 600px) {
		.feature-btn {
			color:#F7941D;
			font-size: 16px;
		}
	}
	#open_search_area{
		font-size: 15px;
		line-height: 15px;
		border:2px solid #0077ab;
		color:#0077ab;
		padding: 5px 15px;
		border-radius: 4px;
		text-align: center;
		display: inline-block;
		margin-top: 20px;
		margin-left: 15px;
		cursor: pointer;
	}
	#open_search_area:hover{
		background-color: #0077ab;
		color:#fff;
	}
	.reply_btn{
		font-size: 15px;
		line-height: 15px;
		border:2px solid #F7941D;
		color:#F7941D;
		padding: 5px 15px;
		border-radius: 4px;
		text-align: center;
		display: inline-block;
		margin-top: 10px;
		margin-left: 5px;
		cursor: pointer;
	}
	.reply_btn:hover{
		background-color: #F7941D;
		color:#fff;
	}
	#module_forum_lite_search_area {
		height:50px;
		display:flex;
		justify-content:flex-start;
		margin: 10px 0 0 0;
		display: none;
	}
	@media (max-width :600px){
		#module_forum_lite_search_area {
			width:100%;
			margin: 10px 0 0 0;
		}
	}
	.forum_lite_search_box {
		margin-left: 10px;
		margin-right: -30px;
		width: 300px;
		height: 42px;
		border: 2px solid #0077ab;
		padding: 4px 10px;
		font-size: 16px;
		color: #333333;
		vertical-align: bottom;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		transition:width 1s;
		-webkit-transition:width 1s; /* Safari */
		transition-timing-function: ease;
		-webkit-transition-timing-function: ease;
	}
	.forum_lite_search_box:focus {
		border-color:#006b99 !important;
	}
/*	input[type=text]:focus {
  		border: 3px solid #006b99;
	}*/
	@media (max-width :600px){
		.forum_lite_search_box {
			width:96%;
		}
	}
	@media (min-width :800px){
/*		.forum_lite_search_box:focus {
			border: 2px solid #006b99;
			width: 250px;
		}*/
	}
	.forum_lite_search_icon {
		display: inline-block;
		margin-right: 4px;
		margin-top: 8px;
		color:#0077ab;
		font-size: 20px;
	}
	.module_forum_lite_clear_btn{
		display: inline-block;
		margin-right: 4px;
		margin-top: 8px;
		color:#0077ab;
		font-size: 20px;
	}
	.forum_lite_search_clear {
		position: relative;
		right: 80px;
		top:4px;
	}
	#article{
		font-size: 16px;
	}
	.header{
		background-color: #fde9d1;
	}
	.containers{
		margin-bottom: 10px;
	}
	#msgArea{
		background-color: #ebebeb;
		padding-bottom: 5px;
		margin-bottom: 100px;
	}
	#msgAreaHeader{
		background-color: #cce5ff;
		font-size: 28px;
		padding:20px 10px 20px 30px;
		font-weight: 700;
	}
	.main-bg{
		width: 100%;
		border-radius: 10px;
	}
	.partial{
		display: -webkit-box;
  		-webkit-line-clamp: 4;
  		-webkit-box-orient: vertical;
  		overflow: hidden;
	}
	.divider{
		background-color: #bfbfbf;
		height: 1px;
		margin:15px 10px;
	}
	@media (max-width: 600px) {
		.inner-divider{
			visibility: hidden;
			margin-top: 3px;
		}
	}
	.reply-holder{
		padding:10px 5px;
		width: 100%;
		border-bottom: 1px solid #efefef;
	}
	.reply-area{
	}	
	.hide-me{
		display: none;
	}
	.test{
		padding: 20px;
		margin: 20px;
	}
	.pad-top-10{
		padding-top: 10px;
	}

	.pagination {
		width:100%;
		text-align:center;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.pagination > .active {
		background-color: #F7941D !important;
	}

	.day{
		font-size: 28px;
		font-weight: 700;
		line-height: 32px;
		margin-top: 5px;
	}
	.year{
		margin-bottom: 5px;
		color:#474747;
	}
	.content{
		font-size: 22px;
		padding: 20px;
	}
	.avatar-img{
		width: 60px;
		border-radius: 50%;
		margin:10px 10px 0 10px;
	}
	@media (max-width: 600px){
		.avatar-img{
			width: 60px;
			border-radius: 50%;
			margin:10px 10px 0 5px;
		}
	}
	.author-name{
		font-size: 17px;
		line-height: 20px;
		font-weight: 600;
		color: #212529;
		margin-top: 15px;
	}
	@media (max-width: 600px) {
		.author-name{
			margin-top:  15px;
			font-size: 16px;
		}
	}
	.author-date{
		font-size: 12px;
		color:#777777;
	}
	.reply-count-icon{
/*		margin-left: auto; 
		margin-right: 0px;*/
		/*width:  75px;*/
	}
	@media (max-width: 600px) {
		.reply-count-icon{
/*			position: absolute;
			width: 100%;
			left: calc(100% - 50px);
			display: flex;
			flex-direction: column-reverse;*/
		}
	}
	.reply-count{
		font-size: 14px;
		color: #6E7780;
	}
	.reply-count-margin{
		margin-right: 3px;
	}
	@media (max-width: 600px) {
		.reply-count{
			/*margin: 5px;*/
		}
	}

	.fa-comments{
		font-size: 18px;
		color: #6E7780;
	}
	.fa-bookmark{
/*		color: #F7941D;*/
		font-size: 35px;
		width: 50px;
	}	
	.fa-chevron-down{
		color: #D3D3D3;
		font-size: 35px;
	}	
	.fa-comment-alt{
		font-size: 18px;
		width: 30px;
	}	
	.fa-share-square{
		font-size: 18px;
		width: 30px;
	}	
	.fa-bell{
		font-size: 18px;
		width: 30px;
	}	
	.msg-txt{
			font-size: 16px;
			line-height: 20px;
			padding: 10px 10px 0 10px;
	}
	.msg-txt-full{
		font-size: 18px;
		color: #5f5f5f;
		line-height: 160%;
		padding: 5px 10px;
		word-wrap:break-word;
		word-break:break-all;
		max-width:600px;
	}

	.reply-time{
		font-size: 12px;
		color:#8f8f8f;
		font-weight: 400;
	}
	.replyer{
		font-size: 15px;
		font-weight: 600;
		color:#000;
	}
	.reply-box{ 
		width: 100%;
		padding: 10px 10px;
		font-size: 14px;
		color:#474747;
		word-wrap:break-word;
		word-break:break-all;

		/*border-bottom: 1px solid #F5F4F2;*/
	}
	.replyer-avatar{
		width:40px;
		background-color:#a7a7a7;
		border-radius:50%;
	}
	.replyer-avatar-holder{
		width:60px;
		text-align: center;
	}
	.view-all-btn{
		color: #D4D4D4;
		text-align:center;
		/* padding-bottom: 10px; */
		padding-top:10px;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	.msg-holder{
		margin:5px 0px 30px 0px;
		padding: 0px 10px 10px 10px;
		/*background-color: white;*/
		/*background-color: yellow;*/
		overflow:hidden;
		width: 100%;
		/*display: none;*/
	}
	@media (min-width: 601px) {
		.msg-holder {
			/*box-shadow: 0px 0px 5px 5px red;*/
			box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    		border-radius: 5px;
		}
	}
	@media (max-width: 600px) {
		.msg-holder {
			/*position: relative;*/
			/*padding:  0px 10px 10px 10px;*/
			/*width:98vw;*/
			/*transform:translateX(-30px);*/
			/*border-top: 1px solid #D6D6D6;*/

			/*margin:5px auto 20px auto;*/
			box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    		border-radius: 5px;
		}
	}

	#prevPage, #nextPage {
		display:inline-block;
		position: relative;
		width: 30px;
		height: 30px;
		margin-right: 4px;
		margin-left: 4px;
		margin-bottom: 4px;
		line-height: 30px;
		border: 0;
		font-weight:bold;
		font-size:14pt;
		cursor:pointer;
		transition:transform 0.3s;
		color: #F7941D;
	}

	#prevPage:hover, #nextPage:hover {
		transform: scale(1.2);
	}

	.pageButton {
		display:inline-block;
		position: relative;
		width: 30px;
		height: 30px;
		margin-right: 4px;
		margin-left: 4px;
		margin-bottom: 4px;
		line-height: 30px;
		border: 0;
		background-color: #F7941D;
		color: #ffffff;
		font-weight:bold;
		font-size:12pt;
		cursor:pointer;
		opacity:0.5;
		transition:transform 0.3s;
	}

	.pageButton:hover {
		transform: scale(1.2);
	}

	.pageButton.active {
		opacity:1.0 !important;
	}
