@charset "UTF-8";
/* 以上是 聲明 css編碼 */

/* 以下是 圖示文字 的 CSS */
@import url('/webeip/HT00100/becky/fonticons/css/style.css');
/* 以下是 圖示文字 new ver. 的 CSS */
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/* 以下是 animate 的 CSS */
@import url('/webeip/HT00100/becky/css/animate.css');
/* 以下是 reset 的 CSS */
@import url('/webeip/HT00100/becky/css/reset.css');

.showpost_wrap{
	width: 95%;
	max-width: 1100px;
}

@media screen and (max-width: 768px)
{
	.showpost_topline{ flex-wrap: wrap;	}

	.showpost_classname{
		width: 100%;
		margin: 0.25rem auto;
		text-align: center;
	}
	.showpost_topbtns{
		width: 100%;
		justify-content: center;
	}
	/* 列印 */
	.showpost_printbtn,
	/* 回上頁 */
	.showpost_pagebackbtn,
	/* 全部列表 */
	.showpost_allpostbtn{
		width: 30%;
		text-align: center;
		margin: 0 auto;
		font-size: 1.25rem;
		padding: 0.5rem;
	}
	/* 標題 */
	.showpost_title{ border-bottom: 2px solid darkblue; }
	/* 內容 */
	.showpost_content{ width: 95%; }
}
@media all and (max-width: 425px)
{
	/* 列印 */
	.showpost_printbtn,
	/* 回上頁 */
	.showpost_pagebackbtn,
	/* 全部列表 */
	.showpost_allpostbtn{
		display: block;
		width: 100%;
		margin: 0.25rem auto;
		border: none;
	}	
}