@charset "utf-8";
/*******************************************************************************
 * Version 1.0 Release 201609.1;
 * Copyright 2016, "ryan"<ryan@dotmore.com.tw>. All rights reserved.
 ******************************************************************************/
.ListNoticeEmpty,
.ListNoticeWrap{
	display: none;
}
.ListNoticeEmpty.Show,
.ListNoticeWrap.Show{
	display: block;
}
.ListNoticeEmpty{
	background: #fff;
	border: 1px solid #d8e1e6;
	margin-top: 1.25em;/*20/16*/
	position: relative;
	padding: 0.9375em 16px;
}
 /*公告-公告列表*/
.SectionNotice{
}
.SectionNotice .ListNoticeWrap > .ListNotice{
	font-size: 0.875em;/*14/16*/
	position: relative;
	background: #fff;
	border: 1px solid #d8e1e6;
}
.SectionNotice .ListNoticeWrap > .ListNotice > li{
	border-bottom: 1px solid #d8e1e6;
	position: relative;
	padding: 14px 14px 14px 14px;
}
.SectionNotice .ListNoticeWrap > .ListNotice > li:last-child{
	border-bottom: none;
}
/*公告-公告列表-標題*/
.SectionNotice .ListNoticeWrap > .ListNotice > li > .Title{
	color: #455a64;
	display: inline-block;
	height: 22px;
	overflow: hidden;
}
.SectionNotice .ListNoticeWrap > .ListNotice > li > .Title a{
	text-decoration: none;
}
.SectionNotice .ListNoticeWrap > .ListNotice > li > .Title a:hover{
	color: #45c8ab;
	text-decoration: none;
}
/*公告-公告列表-類型*/
.SectionNotice .ListNoticeWrap > .ListNotice > li > .Title:before{
	content: "未讀";
	display: inline-block;
	background: #f85d5d;
	color: #fff;
	-webkit-border-radius: 3px;/*safari*/
	-moz-border-radius: 3px;/*firefox*/
	border-radius: 3px;
	text-align: center;
	padding: 1px 8px;
	vertical-align: top;
	margin: 2px 9px 7px 0;
	font-size: 12px;
}
.SectionNotice .ListNoticeWrap > .ListNotice > li.Readed > .Title:before{
	background: #607d8b;
	content: "已讀";
}
/*公告-公告列表-日期*/
.SectionNotice .ListNoticeWrap > .ListNotice > li > .Date{
	color: #607d8b;
	display: none;
}
/*公告-公告列表-連結*/
.SectionNotice .ListNoticeWrap > .ListNotice > li > a{
	display: block;
	text-indent: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding-top: 21px;
}
/*網友A評價列表 End--------------------------------------------*/
/*如果使用者之視窗寬度>=768px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 768px) {
	/*公告*/
	.SectionNotice{
		margin-left: 0;/*去除mobile*/
		margin-right: 0;/*去除mobile*/
	}
	/*公告表-關閉*/
	.SectionNotice .ListNoticeWrap > .BtnDel{
		right: -15px;
	}
	/*公告-公告列表*/
	.SectionNotice .ListNoticeWrap > .ListNotice{
	}
	.SectionNotice .ListNoticeWrap > .ListNotice > li{
	}
	.SectionNotice .ListNoticeWrap > .ListNotice > li:last-child{
		border-bottom: none;
	}
	/*公告-公告列表-標題*/
	.SectionNotice .ListNoticeWrap > .ListNotice > li > .Title{
		width: 88%;
	}

	/*公告-公告列表-日期*/
	.SectionNotice .ListNoticeWrap > .ListNotice > li > .Date{
		display: inline-block;
		float: right;
	}
}
/*如果使用者之視窗寬度>=1024px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 1024px) {
	.SectionNotice .ListNoticeWrap > .ListNotice > li > .Title{
		width: 89%;
	}
}