/* 最新消息 */
.box-news { padding-bottom: 3rem; }
.box-news > .box-title > div > span:nth-child(2) { color: #5A8800; line-height: 40px; display: inline-block; }
.box-news > .box-title > div > span:nth-child(3), 
.box-sales > .box-title > div > span:nth-child(3),
.box-message > .box-title > div > span:nth-child(3) { color: #D4D4D4; font-style: italic; line-height: 40px; display: inline-block; }

.box-news > .box-title > div > img { width: 24px; margin-bottom: .25rem; display: inline-block; padding-right: .5rem; }

.box-message > .box-title > div > a { color: #747474; font-size: 13px; margin-top: 10px; text-decoration: none; }
.box-message > .box-title > div > a:hover { color: #F22; }

.box-news-list { padding: 0 .875rem; }
.box-news-list .row { border-bottom: 2px dotted #CCC; padding: .675rem 0; margin: 0; }
.box-news-list .row > div {  }
.box-news-list .row > div:nth-child(1) { width: 100%;  }
.box-news-list .row > div:nth-child(2) { width: 100%; }
.box-news-list .row > div:nth-child(2) > a { color: #000; text-decoration: none; }
.box-news-list .row > div:nth-child(2) > a:hover { color: #FF5050; }

.home-news { 
	color: #747474; 
	text-decoration: none; 
	font-size: 14px; 
	padding-top: .5rem;
    padding-right: .5rem;
}
.home-news:hover { color: #F22; }

.box-new-detail > div.row { margin-bottom: .75rem; padding: 0 1rem; }

/* 促銷活動 */
.box-sales { padding-bottom: 3rem; }
.box-sales > .box-title > div > span:nth-child(2) { color: #D24088; display: inline-block; }
.box-sales > .box-title > div > img { width: 40px; }
.sales-swiper { width: 100%; padding: .875rem .9375rem 3rem !important; }
.sales-swiper img { width: 100%; max-width: 500px; display: block; margin: 0 auto; }

/* 留言飛龍 */
.box-message { padding-bottom: 3rem; }
.box-message > .box-title { padding: .5rem .5rem; }
.box-message > .box-title > div > span:nth-child(2) { color: #054466; display: inline-block; }
.box-message > .box-title > div > img { width: 40px; }

/* 相關網站 */
.box-web-header { display: none; }
.box-web-list { padding: 0 .875rem; }
.box-web-list .row { border-bottom: 2px dotted #CCC; padding: .675rem .875rem; margin: 0; }
.box-web-list .row > div {  }
.box-web-list .row > div:nth-child(3) { width: 100%; font-size: 14px; color: #5C5C5C; }
.box-web-list .row > div:nth-child(2) { width: 100%; }
.box-web-list .row > div:nth-child(2) > a { color: #000; text-decoration: none; }
.box-web-list .row > div:nth-child(2) > a:hover { color: #FF5050; }
.box-web-list .row > div:nth-child(1):before {
	content: "#";
	display: inline-block;
	padding: .2rem .2rem;
	text-align: center;
	position: relative;
	background-color: transparent;
	color: #000;
}

@media screen and (max-width: 374px) {
	.box-news-list .row > div:nth-child(1) { width: 100%; }
	.box-news-list .row > div:nth-child(2) { width: 100%; }

	.box-web-list .row > div:nth-child(2) { width: 100%; }
	.box-web-list .row > div:nth-child(3) { width: 100%; }		
}

@media screen and (min-width: 576px) {
	/* 首頁 - 公告訊息 */
	.box-news-list .row > div:nth-child(1) { width: 130px;  }
	.box-news-list .row > div:nth-child(2) { width: calc(100% - 130px); }	
}

@media screen and (min-width: 768px) {
	/* 首頁 - 公告訊息 */
	.box-news > .box-title > div > span:nth-child(2) { line-height: 40px; }
	.box-news > .box-title > div > span:nth-child(3) { line-height: 40px; }
	.box-news > .box-title > div > img { width: 24px; }

	/* 促銷活動 */
	.box-sales > .box-title > div > span:nth-child(2) { line-height: 64px; }
	.box-sales > .box-title > div > span:nth-child(3) { line-height: 64px; }
	.box-sales > .box-title > div > img { width: 64px; }

	/* 留言飛龍 */
	.box-message > .box-title > div > span:nth-child(2) { line-height: 64px; }
	.box-message > .box-title > div > span:nth-child(3) { line-height: 64px; }
	.box-message > .box-title > div > img { width: 64px; }
	.box-message > .box-title > div > a { font-size: 14px; margin-top: 40px; }
	
	/* 相關網站 */
	.box-web-header { display: block; padding: 0 .875rem; }
	.box-web-header .row { border-bottom: 2px dotted #CCC; padding: .675rem .875rem; margin: 0; }
	.box-web-header .row > div:nth-child(1) { width: 80px;  text-align: center;  }
	.box-web-header .row > div:nth-child(2) { width: 200px; }
	.box-web-header .row > div:nth-child(3) { width: calc(100% - 280px); }
	.box-web-list .row > div:nth-child(1) { width: 80px; text-align: center; }
	.box-web-list .row > div:nth-child(2) { width: 200px; }
	.box-web-list .row > div:nth-child(3) { width: calc(100% - 280px); color: #000; font-size: 16px; }
	.box-web-list .row > div:nth-child(1):before { display: none; }
}

@media screen and (min-width: 992px) {
	
	
}

@media screen and (min-width: 1200px) {
	
	
}