@charset "utf-8";
/*******************************************************************************
 * Version 1.0 Release 2015.12.23;
 * Copyright 2015, "ryan"<ryan@dotmore.com.tw>. All rights reserved.
 ******************************************************************************/
/*活動列表 Start------------------------------------------------------*/
.ItemList.ListEvent{
}
.ItemList.ListEvent > li{
}
/*圖片*/
.ItemList.ListEvent > li > .ImgBox{
}
.ItemList.ListEvent > li > .ImgBox > a > img{
}
.ItemList.ListEvent > li > .ImgBox > img{
}
/*類型*/
.ItemList.ListEvent > li > .ImgBox > .TagType{
	width: 50%;
	border: none;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
/*案件類型*/
.ItemList.ListEvent > li > .ImgBox > .BuzzType{
}
/*類型-綴字*/
.ItemList.ListEvent > li > .ImgBox > .TagType > span{
}
/*倒數*/
.ItemList.ListEvent > li > .ImgBox > .Countdown{
	width: 55px;
	height: 55px;
	background: #fff;
	border: 2px solid #cc0026 ;
	-webkit-border-radius: 5px;/*safari、chrome*/
	-moz-border-radius: 5px;/*firefox*/
	border-radius: 5px;
	text-align: center;
	font-size: 1em;/*14/16*/
	padding: 6px;
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 1;
	color: #cc0026;
	opacity: .8;
	display: none;
}
/* 最後倒數 */
.ItemList.ListEvent > li > .ImgBox > .Countdown.CountdownFinal{
	background: #cc0026;
	color: #fff;
}
.ItemList.ListEvent > li > .ImgBox > .Countdown.Show{
	display: block;
}
/*倒數-文字*/
.ItemList.ListEvent > li > .ImgBox > .Countdown > span{
}
/*倒數-天數*/
.ItemList.ListEvent > li > .ImgBox > .Countdown > em{
	display: block;
	margin-top: -3px;
}
/*倒數-數字*/
.ItemList.ListEvent > li > .ImgBox > .Countdown > em > span{
}
/*狀態-未報名*/
.ItemList.ListEvent > li > .Status{
	width: 45px;
	height: 45px;
	/*outline: 1px solid #000;*/
	color: #fff;
	background: url("../images/bg_status.svg?t=20160104") no-repeat;
	font-size: 0.875em;/*14/16*/
	padding: 6px 2px;
	position: absolute;
	left: -1px;
	top: -1px;
	z-index: 1;
	display: none;
}
/*狀態-審核*/
.ItemList.ListEvent > li > .Status.StatusCheck{
	background-position: 0 0 ;
}
/*狀態-未回*/
/*狀態-未完*/
.ItemList.ListEvent > li > .Status.StatusNoReply,
.ItemList.ListEvent > li > .Status.StatusNoFinish{
	background-position: -45px 0 ;
}
/*狀態-完成*/
.ItemList.ListEvent > li > .Status.StatusFinish{
	background-position: -90px 0 ;
}

/*狀態-綴字*/
.ItemList.ListEvent > li > .Status > span{
	display: none;
}
/*狀態-文字*/
.ItemList.ListEvent > li > .Status > em{
	display: inline-block;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 	/* IE 9 */
	-moz-transform:rotate(-45deg); 	/* Firefox */
	-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
	-o-transform:rotate(-45deg); 	/* Opera */
}
/*你得獎*/
.ItemList.ListEvent > li > .ImgBox > .YouWin{
	width: 35px;
	height: 35px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -17px 0 0 -17px;
	overflow: hidden;
	/*display: none;*/
	color: #fff;
	/*text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;*/
	display: none;
	-webkit-border-radius: 50%;/*safari*/
	-moz-border-radius: 50%;/*firefox*/
	border-radius: 50%;
	background: #ffc107;
	text-align: center;
	font-size: 0.875em;/*14/16*/
	padding: 8px 0;
	font-weight: bold;
}
.ItemList.ListEvent > li > .ImgBox > .YouWin > i{
	font-size: 30px;
}
.ItemList.ListEvent > li > .ImgBox > .YouWin > i:before{
	position: absolute;
	z-index: 1;
}
.SignedIn .ItemList.ListEvent > li > .ImgBox > .YouWin.Show{
	display: block;
}
/*你得獎-符號*/
.ItemList.ListEvent > li > .ImgBox > .YouWin > i{
}
/*資訊*/
.ItemList.ListEvent > li > .Info{
	position: relative;
    padding-bottom: 83px;
}
/*標題*/
.ItemList.ListEvent > li > .Info > h2{
	overflow: hidden;
}
/*標題*/
.ItemList.ListEvent > li > .Info > h2 > a{
}
/*itemprop*/
.ItemList.ListEvent > li > .Info > h2 > a > span{
}
/*描述*/
.ItemList.ListEvent > li > .Info > p{
	display: none;
}
/*截止日*/
.ItemList.ListEvent > li > .Info > .DeadLine{
}
/*截止日*/
.ItemList.ListEvent > li > .Info > .DeadLine > span{
}
/*執行時間*/
.ItemList.ListEvent > li > .Info > .RunTime{
}
/*執行時間*/
.ItemList.ListEvent > li > .Info > .RunTime > em{
}
/*執行時間-兩個時間(為了microdata)*/
.ItemList.ListEvent > li > .Info > .RunTime > em > span{
}
.ItemList.ListEvent > li > .Info > .Location,
.ItemList.ListEvent > li > .Info > .Offers{
	display: none;
}
/*公布得獎*/
.ItemList.ListEvent > li > .Info > .Winner{
	/*display: none;*/
}
/*資訊*/
.ItemList.ListEvent > li > .Info > .Winner > span{
}
/*曝光數*/
.ItemList.ListEvent > li > .Info > .Exposure{
	/*display: none;*/
}
/*曝光數-符號*/
.ItemList.ListEvent > li > .Info > .Exposure > i{
	vertical-align: text-bottom;
	margin: 0 5px 0 0;
}
/*曝光數-數值*/
.ItemList.ListEvent > li > .Info > .Exposure > span{
}
/*錯誤原因*/
.ItemList.ListEvent > li > .Info > .NoReplyError{
	display: none;
	color: #f84c4c;
}
.SignedIn .ItemList.ListEvent > li.EventStatus > .Info > .NoReplyError{
	display: none;
}
.ItemList.ListEvent > li > .Info > .NoReplyError > li{
}
/*錯誤原因-符號*/
.ItemList.ListEvent > li > .Info > .NoReplyError > li > i{
}
/*按鈕區*/
.ItemList.ListEvent > li > .Info > .BtnBox{
	position: absolute;
    width: 89.8%;
    left: 5.2%;
    right: 5.2%;
    bottom: 18px;
}
/*按鈕區*/
.ItemList.ListEvent > li > .Info > .BtnBox > .Btn{
}
/*按鈕區-*剩*/
.ItemList.ListEvent > li > .Info > .BtnBox > .Btn > em{

}
/*按鈕區-*剩數量*/
.ItemList.ListEvent > li > .Info > .BtnBox > .Btn > em > span{
}
/*連結*/
.ItemList.ListEvent > li > .LinkCover{
}
.SectionEvent > .ListEventWrap{
	display: none;
}
.SectionEvent > .ListEventWrap.Show{
	display: block;
}
/*活動-登入後 Start---------------------------------------------------*/
.SignedIn .SectionEvent > .ListEventWrap > .ListEvent{
	margin-top: 0;
}
.SignedIn .SectionEvent{
	margin-left: -5.2%;
	margin-right: -5.2%;
	margin-bottom: 1.075em;
}
.SignedIn .Section.SectionEvent > .SectionTitle{
	padding: 0.5em 4.675%;
}
.SignedIn .SectionEvent .Tab > li{
	width: 16.5%;
}
.SignedIn .SectionEvent .Tab > li > a,
.SignedIn .SectionEvent .Tab > li > .Disable{
	padding: 12px 0 9px;
}
.SectionEvent .Tab{
	display: none;
}
/*登入後－頁籤*/
.SignedIn .SectionEvent .Tab{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.SignedIn .ItemList.ListEvent > li{
	padding: 10px;
	margin: 0 0 -1px 0;
}
/*不同狀態顯示的資訊*/
/*未回*/
.SignedIn .ItemList.ListEvent > li.EventStatusNoReply{
}
/*未回-隱藏*/
.SignedIn .ItemList.ListEvent > li.EventStatusNoReply > .Info > .DeadLine,
.SignedIn .ItemList.ListEvent > li.EventStatusNoReply > .ImgBox > .Countdown,
.SignedIn .ItemList.ListEvent > li.EventStatusNoReply > .Info > .Exposure,
.SignedIn .ItemList.ListEvent > li.EventStatusNoReply > .ImgBox > .YouWin{
	display: none;
}
/*未完成-隱藏*/
.SignedIn .ItemList.ListEvent > li.EventStatusNoFinish > .Info > .DeadLine,
.SignedIn .ItemList.ListEvent > li.EventStatusNoFinish > .ImgBox > .Countdown,
.SignedIn .ItemList.ListEvent > li.EventStatusNoFinish > .Info > .Exposure,
.SignedIn .ItemList.ListEvent > li.EventStatusNoFinish > .ImgBox > .YouWin,
.SignedIn .ItemList.ListEvent > li.EventStatusNoFinish > .Info > .NoReplyError{
	display: none;
}
/*審核*/
.SignedIn .ItemList.ListEvent > li.EventStatusCheck{

}
/*審核-隱藏*/
.SignedIn .ItemList.ListEvent > li.EventStatusCheck > .Info > .RunTime,
.SignedIn .ItemList.ListEvent > li.EventStatusCheck > .Info > .NoReplyError,
.SignedIn .ItemList.ListEvent > li.EventStatusCheck > .Info > .Exposure,
.SignedIn .ItemList.ListEvent > li.EventStatusCheck > .ImgBox > .YouWin{
	display: none;
}
/*未報*/
.ItemList.ListEvent > li.EventStatus{

}
/*未報-隱藏*/
.ItemList.ListEvent > li.EventStatus > .Info > .RunTime,
.ItemList.ListEvent > li.EventStatus > .Info > .NoReplyError,
.ItemList.ListEvent > li.EventStatus > .Info > .Exposure,
.ItemList.ListEvent > li.EventStatus > .ImgBox > .YouWin{
	display: none;
}
/*廣告聯播網*/
.ItemList.ListEvent > li.EventAds{

}
/*未報-隱藏*/
.ItemList.ListEvent > li.EventAds > .Status,
.ItemList.ListEvent > li.EventAds > .Info > .RunTime,
.ItemList.ListEvent > li.EventAds > .Info > .Winner,
.ItemList.ListEvent > li.EventAds > .Info > .NoReplyError,
.ItemList.ListEvent > li.EventAds > .Info > .Exposure,
.ItemList.ListEvent > li.EventAds > .ImgBox > .YouWin,
.ItemList.ListEvent > li.EventAds > .ImgBox > .Countdown,
.ItemList.ListEvent > li.EventAds > .Info > .Restriction{
	display: none;
}
/*完成*/
.SignedIn .ItemList.ListEvent > li.EventStatusFinish{

}
/*完成-隱藏*/
.SignedIn .ItemList.ListEvent > li.EventStatusFinish > .Info > .DeadLine,
.SignedIn .ItemList.ListEvent > li.EventStatusFinish > .Info > .NoReplyError,
.SignedIn .ItemList.ListEvent > li.EventStatusFinish > .ImgBox > .Countdown{
	display: none;
}
.SignedIn .ItemList.ListEvent > li:after{
	content: " ";
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
.SignedIn .ItemList.ListEvent > li > .Status{
	display: block;
}
/*圖片*/
.SignedIn  .ItemList.ListEvent > li > .ImgBox{
	width: 29.8%;/*80/268*/
	float: left;
	border-bottom: none;
}
/*類型*/
.SignedIn  .ItemList.ListEvent > li > .ImgBox > .TagType{
	display: none;
}
/*倒數*/
.SignedIn .ItemList.ListEvent > li > .ImgBox > .Countdown.Show{
	display: none;
}

/*資訊*/
.SignedIn .ItemList.ListEvent > li > .Info{
	padding: 0px 0px 0px 35.4%;/*95/268*/
	height: auto;
}
/*標題*/
.SignedIn .ItemList.ListEvent > li > .Info > h2{
	font-size: 14px;
	max-height: 1.3em;
	overflow: hidden;
}
.SignedIn .ItemList.ListEvent > li > .Info > .NoReplyError{
	display: block;
	width: 25px;
	height: 25px;
	float: right;
	margin: -25px 0 0;
	/*outline: 1px solid rgb(0, 0, 0);*/
	overflow: hidden;
}
.SignedIn .ItemList.ListEvent > li > .Info > .NoReplyError > li{
	/*text-indent: -999999px;*/
	position: relative;
}
.SignedIn .ItemList.ListEvent > li > .Info > .NoReplyError > li > i{
	/*position: absolute;*/
	top: 0;
}
/*按鈕區*/
.SignedIn .ItemList.ListEvent > li > .Info > .BtnBox{
	display: none;
}
/*loading按鈕-登入後*/
.SignedIn .SectionEvent > .ListEventWrap > .BtnBox{
	padding: 0 3.125%;/*10/320*/
}
/*廣告聯播網*/
.ItemList.ListEvent > li.EventAds{

}
/*廣告聯播-隱藏*/
.SignedIn .ItemList.ListEvent > li.EventAds > .Status,
.SignedIn .ItemList.ListEvent > li.EventAds > .Info > .RunTime,
.SignedIn .ItemList.ListEvent > li.EventAds > .Info > .Winner,
.SignedIn .ItemList.ListEvent > li.EventAds > .Info > .NoReplyError,
.SignedIn .ItemList.ListEvent > li.EventAds > .Info > .Exposure,
.SignedIn .ItemList.ListEvent > li.EventAds > .ImgBox > .YouWin,
.SignedIn .ItemList.ListEvent > li.EventAds > .ImgBox > .Countdown,
.SignedIn .ItemList.ListEvent > li.EventAds > .ImgBox > .Restriction{
	display: none;
}
/*活動-登入後 End---------------------------------------------------*/
/*活動列表 End------------------------------------------------------*/
/*如果使用者之視窗寬度>=480px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 480px) {
	/*按鈕區－寬度一率*/
}
/*如果使用者之視窗寬度>=480px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 568px) {
	/*活動列表 Start--------------------------------------------*/
	.ItemList.ListEvent{
		margin: 0 -10px;/*9/708*/
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.ItemList.ListEvent:after{
		content: " ";
		display: block;
		clear: both;
		line-height: 0;
		height: 0;
		visibility: hidden;
		display: none;
	}
	.ItemList.ListEvent > li{
		width: calc(50% - 20px);
		margin: 10px 10px;/*8/708*/
	}
	.ItemList.ListEvent > li > .Info{
		height: 231px;
	}
	.ItemList.ListEvent > li.EventAds > .Info{
		height: 230px;
	}
	.ItemList.ListEvent > li:first-child > .Info > .BtnBox{
		margin-top: 37px;
	}
	.ItemList.ListEvent > li > .Info > h2{
		height: 2.8em;
	}
	.ItemList.ListEvent > li.EventAds > .Info > .DeadLine{
		min-height: 49px;
	}
	/*登入後*/
	.SignedIn .ItemList.ListEvent > li{
		width: 100%;
	}
	.SignedIn .ItemList.ListEvent > li > .Info > .NoReplyError{
		position: static;
		width: 100%;
		height: auto;
		float: none;
		margin: 10px 0 0;
	}
	.SignedIn .ItemList.ListEvent > li > .Info > .NoReplyError > li{
		text-indent: 0px;
		position: static;
	}
	.SignedIn .ItemList.ListEvent > li > .Info > .NoReplyError > li > i{
		position: static;
		vertical-align: text-bottom;
		margin: 0 5px 0 0;
	}
	.SignedIn .ItemList.ListEvent > li.EventAds > .Info{
		height: auto;
	}
	/*活動列表 End--------------------------------------------*/
}
/*如果使用者之視窗寬度>=768px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 768px) {
	.Content{
		padding-top: 15px;
	}
	/*活動列表 Start--------------------------------------------*/
	.ItemList.ListEvent > li{
	}
	/*你得獎*/
	.ItemList.ListEvent > li > .ImgBox > .YouWin{
		width: 50px;
		height: 50px;
		margin: 0;
		margin: -25px 0 0 -25px;
		padding: 13px 0;
		font-size: 1em;
	}
	.ItemList.ListEvent > li > .Info{
		height: 264px;
	}
	.ItemList.ListEvent > li.EventAds > .Info{
		height: 264px;
	}
	/*登入後*/
	.SignedIn .SectionEvent{
		margin: 0.625em 0;
	}
	.SignedIn .Section.SectionEvent > .SectionTitle{
		padding: 0.5em 0;
	}
	.SignedIn .SectionEvent > .ListEventWrap > ul{
		margin-left: 0;
		margin-right: 0;
	}
	.ItemList.ListEvent > li > .ImgBox > .YouWin > i{
		font-size: 40px;
	}
	/*登入後*/
	.SignedIn .SectionEvent{
		margin: 0.625em 0;
	}
	.SignedIn .Section.SectionEvent > .SectionTitle{
		padding: 0.5em 0;
	}
	.SignedIn .SectionEvent > .ListEventWrap > ul{
		margin-left: 0;
		margin-right: 0;
	}
	/*頁籤*/
	.SignedIn .SectionEvent > .Tab{
	}
	.SignedIn .SectionEvent > .Tab > li{
		float: none;
		width: auto;
		display: inline-block;
	}
	.SignedIn .SectionEvent > .Tab > li > a,
	.SignedIn .SectionEvent > .Tab > li > .Disable{
		padding: 12px 20px 9px;
	}
	.SignedIn .SectionEvent > .Tab > li:last-child > a,
	.SignedIn .SectionEvent > .Tab > li:last-child > .Disable{
	}
	.SignedIn .ItemList.ListEvent > li{
		padding: 20px;
		margin: 10px 0;
	}
	.SignedIn .ItemList.ListEvent > li:first-child{
		margin-top: 0;
	}
	.SignedIn .ItemList.ListEvent > li > .Info{
		min-height: 140px;
	}
	.SignedIn .ItemList.ListEvent > li.EventAds > .Info{
		height: auto;
	}
	.SignedIn .ItemList.ListEvent > li > .Status{
		width: 50px;
		height: 50px;
		background-size: 150px 50px;
	}
	/*狀態-審核*/
	.ItemList.ListEvent > li > .Status.StatusCheck{
		background-position: 0 0 ;
	}
	/*狀態-未回*/
	/*狀態-未完*/
	.ItemList.ListEvent > li > .Status.StatusNoReply,
	.ItemList.ListEvent > li > .Status.StatusNoFinish{
		background-position: -50px 0 ;
	}
	/*狀態-完成*/
	.ItemList.ListEvent > li > .Status.StatusFinish{
		background-position: -100px 0 ;
	}

	/*圖片*/
	.SignedIn .ItemList.ListEvent > li > .ImgBox{
		width: 190px;/*80/268*/
	}
	/*類型*/
	.SignedIn .ItemList.ListEvent > li > .ImgBox > .TagType{
		display: block;
	}
	/*倒數*/
	.SignedIn .ItemList.ListEvent > li > .ImgBox > .Countdown.Show{
		display: block;
	}
	/*廣告聯播-倒數*/
	.SignedIn .ItemList.ListEvent > li.EventAds > .ImgBox > .Countdown.Show{
		display: none;
	}
	/*資訊*/
	.SignedIn .ItemList.ListEvent > li > .Info{
		padding: 0 0 0 210px;/*95/268*/
	}
	/*標題*/
	.SignedIn .ItemList.ListEvent > li > .Info > h2{
		font-size: 1.42em;/*20/14*/
		max-height: 2.5em;
		overflow: hidden;
	}
	.SignedIn .ItemList.ListEvent > li.EventAds > .Info > h2{
		min-height: auto;
		max-height: 30px;
	}
	/*按鈕區*/
	.SignedIn .ItemList.ListEvent > li > .Info > .BtnBox{
		display: block;
		width: 192px;
		position: absolute;
		right: 20px;
		bottom: 20px;
		left: auto;
		right: 0;
	}
	.SignedIn .ItemList.ListEvent > li > .Info > .BtnBox > .Btn{
		margin: 0;
	}
	.SignedIn .ItemList.ListEvent > li > .Info > .NoReplyError{
		padding-right: 200px;
	}
	/*活動列表 End--------------------------------------------*/
	/*活動列表 End--------------------------------------------*/
	/*loading按鈕*/
	.SectionEvent > .ListEventWrap > .BtnBox > .Btn{
		width: 100%;
	}
	.SignedIn .SectionEvent > .ListEventWrap > .BtnBox{
		padding: 0;
	}
}
/*如果使用者之視窗寬度>=1024px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 1024px) {
	/*活動列表 Start--------------------------------------------*/
	.ItemList.ListEvent{
	}
	.ItemList.ListEvent > li{
		width: 297px;
		width: calc(100% / 3 - 20px);
		margin: 10px;
	}

	.ItemList.ListEvent > li.EventAds > .Info{
		height: 264px;
	}
	/*登入後*/
	.SignedIn .ItemList.ListEvent > li:first-child{
		margin: 10px 0;
	}
	/*圖片*/
	.SignedIn  .ItemList.ListEvent > li > .ImgBox{
		width: 260px;
	}
	/*類型*/
	.SignedIn  .ItemList.ListEvent > li > .ImgBox > .TagType{
	}
	/*倒數*/
	.SignedIn  .ItemList.ListEvent > li > .ImgBox > .Countdown.Show{
	}
	/*資訊*/
	.SignedIn .ItemList.ListEvent > li > .Info{
		padding: 0 0 0 280px;
		min-height: 194px;
	}
	/*活動列表 End--------------------------------------------*/
	/*第一則*/
	.SignedIn .SectionEvent > .Tab{
		margin-bottom: -10px;
	}
	.SignedIn .SectionEvent > .Tab > li > a,
	.SignedIn .SectionEvent > .Tab > li > .Disable{
		padding: 12px 30px 9px;
	}
}

/*2017/11/01 Frank 新增會員等級*/

/*參加限制*/
.RestrictionTitle {
	float: left;
}

/*參加限制支付區塊父層*/
.RestrictionItemGroup {
	padding-left: 75px;
}

@media (min-width: 768px) {
	.RestrictionItemGroup {
		padding-left: 70px;
	}
}

/*參加限制螢光筆效果*/
.RestrictionItem {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fcff00));
	background: -webkit-linear-gradient(top, transparent 50%, #fcff00 50%);
	background: -o-linear-gradient(top, transparent 50%, #fcff00 50%);
	background: linear-gradient(to bottom, transparent 50%, #fcff00 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#faf84e',GradientType=0 );
}

/*參加限制螢光筆效果*/
.RestrictionItem {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fcff00));
	background: -webkit-linear-gradient(top, transparent 50%, #fcff00 50%);
	background: -o-linear-gradient(top, transparent 50%, #fcff00 50%);
	background: linear-gradient(to bottom, transparent 50%, #fcff00 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#faf84e',GradientType=0 );
}