@charset "utf-8";
/*******************************************************************************
 * Version 1.0 Release 2015.12.23;
 * Copyright 2015, "ryan"<ryan@dotmore.com.tw>. All rights reserved.
 ******************************************************************************/
 .Content{
 	/*padding-top: 0;*/
}
 .SignedIn .Content{

}
/*活動列表 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{
	border: none;
	width: 50%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
/*類型-綴字*/
.ItemList.ListEvent > li > .ImgBox > .TagType > span{
}
/*案件類型*/
.ItemList.ListEvent > li > .ImgBox > .BuzzType{
}
/*倒數*/
.ItemList.ListEvent > li > .ImgBox > .Countdown{
	width: 56px;
	height: 56px;
	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;
}
.SignedIn .ItemList.ListEvent > li > .ImgBox > .YouWin.Show{
	display: block;
}
/*
.ItemList.ListEvent > li > .ImgBox > .YouWin > i{
	font-size: 30px;
}
.ItemList.ListEvent > li > .ImgBox > .YouWin > i:before{
	position: absolute;
	z-index: 1;
}
.ItemList.ListEvent > li > .ImgBox > .YouWin > i:after{
	content: "";
	width: 20px;
	height: 20px;
	background:#fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	left: 50%;
    margin-left: -10px;
    top: 50%;
    margin-top: -10px;
}
*/
/*你得獎-符號*/
.ItemList.ListEvent > li > .ImgBox > .YouWin > i{
}
/*資訊*/
.ItemList.ListEvent > li > .Info{
}
/*標題*/
.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 > .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{
}
/*按鈕區*/
.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{
}
/*章節*/
.Section{
	margin: 1.625em 0;/*10/16*/
}
.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%;
}
.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;
	margin-bottom: 0;
}
.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,
.SignedIn .ItemList.ListEvent > li.EventStatusNoReply > .Info > .Restriction{
	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,
.SignedIn .ItemList.ListEvent > li.EventStatusCheck > .Info > .Restriction{
	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;
}
/*完成*/
.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,
.SignedIn .ItemList.ListEvent > li.EventStatusFinish > .Info > .Restriction{
	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 > .BuzzType{
	display: none;
}
/*倒數*/
.SignedIn .ItemList.ListEvent > li > .ImgBox > .Countdown.Show{
	display: none;
}
/*資訊*/
.SignedIn .ItemList.ListEvent > li > .Info{
	padding: 0px 0px 0px 35.4%;/*95/268*/
	font-size: 0.875em;/*14/16*/
}
/*標題*/
.SignedIn .ItemList.ListEvent > li > .Info > h2{
	font-size: 1em;
	font-weight: bold;
	max-height: 1.3em;
	overflow: hidden;
}
.SignedIn .ItemList.ListEvent > li > .Info > .NoReplyError{
	display: block;
	width: 20px;
	height: 20px;
	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;
}
/*活動-登入後 End---------------------------------------------------*/
/*活動列表 End------------------------------------------------------*/
/*網友A評價列表 Start-----------------------------------------------*/
.Section.SectionEvaluation{
}
.ItemList.ListEvaluation{
	margin: -0.55em -6px;
}
.ItemList.ListEvaluation:after{
	content: " ";
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
.ItemList.ListEvaluation > li{
	width: 45.2%;/*137/290，去除統一樣式*/
	width: calc(100% / 2 - 12px);
	/*display: inline-block;*/
	margin: 0.55em 6px;/*12/16,6/290去除統一樣式*/
	float: left;
}
/*圖片*/
.ItemList.ListEvaluation > li > .ImgBox{
}
.ItemList.ListEvaluation > li > .ImgBox > img{
}
/*類型*/
.ItemList.ListEvaluation > li > .ImgBox > .TagPush{
	width: 26px;
	height: 26px;
	text-align: center;
	position: absolute;
	z-index: 1;
	/*outline: 1px solid #000;*/
	top: 5px;/*去除統一樣式*/
	right: 5px;/*去除統一樣式*/
	color: #f84c4c;
	line-height: 1;
}
.ItemList.ListEvaluation > li > .ImgBox > .TagPush > i{
	font-size: 26px;
	text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
/*資訊*/
.ItemList.ListEvaluation > li > .Info{
	padding-top: 15px ;/*5.2%*/
}
/*標題*/
.ItemList.ListEvaluation > li > .Info > h2{
	height: 2.5em;
	overflow: hidden;
	font-size: 1em;/*14/14*/
}
.ItemList.ListEvaluation > li > .Info > .TryInfo{

}
.ItemList.ListEvaluation > li > .Info > .TryInfo > li{
	display: inline-block;
	width: 126px;
}
.ItemList.ListEvaluation > li > .Info > .Brand,
.ItemList.ListEvaluation > li > .Info > .Desc,
.ItemList.ListEvaluation > li > .Info > .Offers,
.ItemList.ListEvaluation > li > .Info > .AggregateRating{
	display: none;
}
/*評等列表*/
.ItemList.ListEvaluation > li > .Info > .Rank{
	margin: 20px 0 0 0;
}
.ItemList.ListEvaluation > li > .Info > .Rank > li{
}
/*評等-星等列*/
.ItemList.ListEvaluation > li > .Info > .Rank > li > ul{
	display: inline-block;
}
.ItemList.ListEvaluation > li > .Info > .Rank > li > ul > li{
	float: left;
	width: 18px;
	height: 18px;
	margin: 0 2px;
	position: relative;
	/*text-indent: -999999px;*/
	/*overflow: hidden;*/
}
/*評等-評等符號*/
.ItemList.ListEvaluation > li > .Info > .Rank > li > ul > li > i{
	font-size: 12px;
	color: #9eafb7;
}
/*評等-評等符號-亮起*/
.ItemList.ListEvaluation > li > .Info > .Rank > li > ul > li > i.Show{
	color: #ffc107;
}
/*評等列表*/
.ItemList.ListEvaluation > li > .Info > .Rank{
	text-align: center;
}
.ItemList.ListEvaluation > li > .Info > .Rank > li{
}
/*評等-評等項目*/
.ItemList.ListEvaluation > li > .Info > .Rank > li > div{
	margin: 0px;
	font-size: 0.875em;/*14/16*/
	display: block;
	width: 100%;
}
/*評等-星等列*/
.ItemList.ListEvaluation > li > .Info > .Rank > li > ul{
	display: inline-block;
}
.ItemList.ListEvaluation > li > .Info > .Rank > li > ul > li{
	width: 12px;
	height: 12px;
}
.ItemList.ListEvaluation > li > .Info > .Rank > li > ul > li > img{
	vertical-align: top;
}
/*首頁用*/
/*網友A評價列表 Start--------------------------------------------*/
.ItemList.ListEvaluation > li{
}
/*圖片*/
.ItemList.ListEvaluation > li > .ImgBox{
}
.ItemList.ListEvaluation > li > .ImgBox > img{
}


/*網友A評價列表 End-----------------------------------------------*/
/*影音專區 Start------------------------------------------------------*/
.ItemList.ListMedia{
}
.ItemList.ListMedia > li{
}
/*圖片*/
.ItemList.ListMedia > li > .ImgBox{
}
.ItemList.ListMedia > li > .ImgBox > a i{
	font-size: 36px;
	line-height: 1;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -18px 0 0 -18px;
	color: rgba(255, 255, 255, .8);
	text-shadow: 0 0 5px rgb(0, 0 , 0, .1);
	z-index: 2;
}
.ItemList.ListMedia > li > .ImgBox > a:after{
	padding-top: 55.4%;/*影片比例*/
}
.ItemList.ListMedia > li > .ImgBox > a > img{
}
/*資訊*/
.ItemList.ListMedia > li > .Info{
	position: relative;
    	/*padding-bottom: 83px;*/
}
/*標題*/
.ItemList.ListMedia > li > .Info > h2{
	overflow: hidden;
}
/*標題*/
.ItemList.ListMedia > li > .Info > h2 > a{
}
/*itemprop*/
.ItemList.ListMedia > li > .Info > h2 > a > span{
}
/*連結*/
.ItemList.ListMedia > li > .LinkCover{
}
/*影音專區 End------------------------------------------------------*/
/*問卷活動列表 Start-----------------------------------------------*/
.ItemList.ListSurvey{

}
.ItemList.ListSurvey > li{
}
.ItemList.ListSurvey > li:hover{
}
/*圖片*/
.ItemList.ListSurvey > li > .ImgBox{
}
.ItemList.ListSurvey > li > .ImgBox > img{
}
/*Q幣*/
.ItemList.ListSurvey > li > .ImgBox > .TagMoney{
	width: 52px;
	height: 52px;
	background: #ffc107;
	border: 1px solid #fff;
	color: #fff;
	-webkit-border-radius: 50%;/*safari、chrome*/
	-moz-border-radius: 50%;/*firefox*/
	border-radius: 50%;
	text-align: center;
	font-size: 0.875em;/*14/16*/
	padding: 6px 0;
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 1;
	display: none;
}
.ItemList.ListSurvey > li > .ImgBox > .TagMoney.Show{
	display: block;
}
/*Q幣-數字*/
.ItemList.ListSurvey > li > .ImgBox > .TagMoney > span{
	font-size: 1.28em;/*18/14*/
	display: block;
	line-height: 1;
}
.ItemList.ListSurvey > li > .ImgBox > .TagGift{
	width: 52px;
	height: 52px;
	background: #ffc107;
	border: 1px solid #fff;
	color: #fff;
	-webkit-border-radius: 50%;/*safari、chrome*/
	-moz-border-radius: 50%;/*firefox*/
	border-radius: 50%;
	text-align: center;
	padding: 10px 0;
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 1;
	display: none;
}
.ItemList.ListSurvey > li > .ImgBox > .TagGift.Show{
	display: block;
}
.ItemList.ListSurvey > li > .ImgBox > .TagGift > i{
	font-size: 26px;
}
/*獎品*/
.ItemList.ListSurvey > li > .ImgBox > .TagPrize{
	width: 56px;
	height: 56px;
	position: absolute;
	right: 13px;
	top: 18px;
	/*overflow: hidden;*/
	/*display: none;*/
	color: #ffc107;
	text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
	display: none;
}
.ItemList.ListSurvey > li > .ImgBox > .TagPrize.Show{
	display: block;
}
.ItemList.ListSurvey > li > .ImgBox > .TagPrize > i{
	font-size: 56px;
}
.ItemList.ListSurvey > li > .ImgBox > .TagPrize > i:before{
	position: absolute;
	z-index: 1;
}
.ItemList.ListSurvey > li > .ImgBox > .TagPrize > i:after{
	content: "";
	width: 40px;
	height: 40px;
	background:#fff;
	-webkit-border-radius: 50%;/*safari、chrome*/
	-moz-border-radius: 50%;/*firefox*/
	border-radius: 50%;
	position: absolute;
	left: 50%;
    margin-left: -20px;
    top: 50%;
    margin-top: -20px;
}
/*類型*/
.ItemList.ListSurvey > li > .ImgBox > .TagType{
	width: 70px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
/*類型-綴字*/
.ItemList.ListSurvey > li > .ImgBox > .TagType > span{
	display: none;
}
/*資訊*/
.ItemList.ListSurvey > li > .Info{
}
/*標題*/
.ItemList.ListSurvey > li > .Info > h2{
}
/*評等列表*/
.ItemList.ListSurvey > li > .Info > .Answer{
}
.ItemList.ListSurvey > li > .Info > .Answer > span{
	font-size: 1.42em;/*20/14*/
	margin: 0 3px 0 0;
}
/*pk佔比*/
.PkPercent{
	margin: 51px 0;
	padding: 0 40px;
}
/*pk佔比*/
.PkPercent > .Percent{
	height: 10px;
	background: #c1cace;
}
.PkPercent > .Percent:after{
	content: " ";
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
/*pk佔比-選項*/
.PkPercent > .Percent > .Option{
	position: relative;
	height: 10px;
}
/*pk佔比-同意*/
.PkPercent > .Percent > .Option.Agree{
	background: #3cc6e1;
	float: left;
}
/*pk佔比-同意*/
.PkPercent > .Percent > .Option.Disagree{
	background: #e55151;
	float: right;
}
/*pk佔比-圓*/
.PkPercent > .Percent > .Option > .Circle{
	-webkit-border-radius: 50%;/*safari、chrome*/
	-moz-border-radius: 50%;/*firefox*/
	border-radius: 50%;
	width: 40px;
	height: 40px;
	padding: 6px 0;
	color: #fff;
	position: absolute;
	top: -16px;
	text-align: center;
	font-size: 1.125em;/*18/16*/
	font-weight: bold;
}
/*pk佔比-圓*/
.PkPercent > .Percent > .Option.Agree > .Circle{
	background: #3cc6e1;
	left: -39px;
}
/*pk佔比-圓*/
.PkPercent > .Percent > .Option.Disagree > .Circle{
	background: #e55151;
	right: -39px;
}
/*pk佔比-選項*/
.PkPercent > .Percent > .Option > span{
	position: absolute;
	bottom: -40px;
	width: 50px;
}
/*pk佔比-選項*/
.PkPercent > .Percent > .Option.Agree > span{
	left: 0;
}
/*pk佔比-選項*/
.PkPercent > .Percent > .Option.Disagree > span{
	right: 0;
	text-align: right;
}
/*pk佔比-幾人回答*/
.PkPercent > .AnswerCount{
	margin: 18px 0 0 0;
	text-align: center;
	font-size: 0.875em;/*14/16*/
	display: none;
}
/* 1大二小樣式 */
.SectionSurveyMain > .ItemList.ListSurvey > li > .Info > ul.RadioBtn {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	pointer-events: none;
}
.SectionSurveyMain > .ItemList.ListSurvey > li > .Info > ul.RadioBtn > li{
	width: 50%;
	margin: 0 0 10px;
}
.SectionSurveyMain > .ItemList.ListSurvey > li > .Info > ul.RadioBtn > li > label{
	border: none;
    font-size: 18px;
    padding: 0 0 0 39px;
}
.SectionSurveyMain > .ItemList.ListSurvey > li > .Info > ul.RadioBtn > li > input + label:before{
	top: 14px;
}
.SectionSurveyMain > .ItemList.ListSurvey > li > .Info > ul.RadioBtn > li > input[type=radio] + label:after{
	top: 8px;
}
.SectionSurveyMain > .ItemList.ListSurvey > li > .Info > ul.RadioBtn > li > input[type=checkbox] + label:after{
	top: 16px;
}
.SectionSurveyMain > .ItemList.ListSurvey > li > .Info > .BtnBox{
	margin-bottom: 0;
	margin-top: 20px;
}
.SectionSurveyMain > .ItemList.ListSurvey > li > .Info > .BtnBox > .Btn{
	margin-bottom: 0;
}
.SectionSurveyMain > .ItemList.ListSurvey > li.ItemOne > .Info > .Answer{
}
/* 連結開啟 */
.SectionSurveyMain > .ItemList.ListSurvey > li > .LinkCover{
}
/*問卷活動列表 End-----------------------------------------------*/

/*主視覺*/
/*產品輪播-輪播產品圖 Start--------------------------------------*/
.SignedIn .Banner,
.SignedIn .BoxCountEvent{
	display: none;
}
.Banner{
	background: #000;
}
.CarouselWrap {
	min-height: 240px;
	position: relative;
	overflow: hidden;
}
/*banner-mobile*/
.CarouselWrap.CarouselMobile{
	min-height: 238px;
}
/*banner-web*/
.CarouselWrap.CarouselWeb{
	display: none;
}
.CarouselWrap > .CarouselInner {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.CarouselWrap > .CarouselInner > ul.Imglist {
	position: relative;
}
.CarouselWrap > .CarouselInner > ul.Imglist > li.ImgItem {
	width: 100%;
	float: left;
	position: relative;
}
.CarouselWrap > .CarouselInner > ul.Imglist > li.ImgItem > a{
	display: block;
}
/*產品輪播-下方圈圈控制鈕*/
.CarouselWrap > .CarouselBtn {
	width: 100%;
	position: absolute;
	bottom: 10px;
	left: 0;
	z-index: 1;
}
.CarouselWrap > .CarouselBtn > ul {
	text-align: center;
}
.CarouselWrap > .CarouselBtn > ul > li {
	display: inline-block;
	vertical-align: bottom;
	margin: 0 5px;
	background: #9eafb7;
	height:6px;
	width:6px;
	text-indent:-999999px;
	-webkit-border-radius:50%;/*safari、chrome*/
	-moz-border-radius:50%;/*firefox*/
	border-radius:50%;
}
.CarouselWrap > .CarouselBtn > ul > li.Active{
	background:#607d8b;
}
/*控制左右共同設定*/
.CarouselWrap > .BtnPrevious,
.CarouselWrap > .BtnNext{
	display: block;
	width: 44px;
	height: 44px;
	position: absolute;
	top: 50%;
	margin-top: -22px;
	z-index: 1;
	/*outline: 1px solid #000;*/
	text-align: center;
	color: rgba(255, 255, 255, .4);
	text-decoration: none;
	overflow: hidden;
}
.CarouselWrap > .BtnPrevious > i,
.CarouselWrap > .BtnNext > i{
	font-size: 40px;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
}
/*前一則*/
.CarouselWrap > .BtnPrevious{
	left: 0;
}
/*下一則*/
.CarouselWrap > .BtnNext{
	right: 0;
}
/*滑過*/
.CarouselWrap > .BtnPrevious:hover,
.CarouselWrap > .BtnNext:hover{
	color: rgba(255, 255, 255, 1);
}


/*產品輪播-輪播產品圖 End--------------------------------------*/
.BoxCount{
	margin-left:-4.6875%;/*15/16*/
	margin-right:-4.6875%;/*15/16*/
}
.SectionNotice{
	margin-left:0;
	margin-right:0;
}
/*活動數值*/
.BoxCount{
	background: #fff;
	margin-top: -0.75em;/*12/16*/
}
.BoxCount > ul{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.BoxCount > ul > li{
	border: 1px solid #e4edf2;
	border-top: none;
	border-left: none;
	color: #607d8b;
	font-size: 14px;/*14/16*/
	text-align: center;
	flex: 0 1 calc(100% / 2);
	padding: 1.14em 0;/*16/14*/
}

.BoxCount > ul > li:nth-child(2),
.BoxCount > ul > li:nth-child(3){
	border-right: none;
}
.BoxCount--3 > ul > li{

}
.BoxCount--3 > ul > li:nth-child(3){
	flex: 0 1 100%;
}
.BoxCount--4 > ul > li{

}
.BoxCount > ul > li > span{
	display: block;
	font-size: 22px;/*22/14*/
	margin-top: 0.2em;/*5/22*/
}

.BoxCount > ul > li > span > a{
	color: #455a64;
	text-decoration: none;
}
.BoxCount > ul > li:nth-child(even) > span > a,
.BoxCount > ul > li:nth-child(even) > span{
	color: #f85d5d;
}
.BoxCount > ul > li > span > a:hover{
	text-decoration: underline;
}
/*前台活動數值*/
.BoxCount.BoxCountEvent{
	/*display: none;*/
}
/*會員各項數值*/
.BoxCount.BoxCountMember{
	/*display: none;*/
}
/*公告*/
.SectionNotice{
	background: #fff;
	border-top: 1px solid #d8e1e6;
	border-bottom: 1px solid #d8e1e6;
	margin: 1.25em 0;/*20/16*/
	position: relative;
	/*display: none;*/
	border-left: 1px solid #d8e1e6;
	border-right: 1px solid #d8e1e6;
}
/*公告表-關閉*/
.SectionNotice > .BtnDel{
	display: table;
	width: 30px;
	height: 30px;
	background: #455a64;
	-webkit-border-radius: 50%;/*safari*/
	-moz-border-radius: 50%;/*firefox*/
	border-radius: 50%;
	text-align: center;
	position: absolute;
	right: 0;
	top: -15px;
	z-index: 1;
	color: #fff;
	text-decoration: none;
}
.SectionNotice > .BtnDel > i{
	font-size: 14px;
	display: table-cell;
	vertical-align: middle;
}
/*滑過、點擊*/
.SectionNotice > .BtnDel:hover,
.SectionNotice > .BtnDel:active{
	color: #45c8ab;
}
/*公告-公告列表*/
.SectionNotice > .ListNotice{
	font-size: 0.875em;/*14/16*/
}
.SectionNotice > .ListNotice > li{
	border-bottom: 1px solid #d8e1e6;
	padding: 6px;
	position: relative;
	height: 36px;
    overflow: hidden;
}
/*公告-公告列表-類型*/
.SectionNotice > .ListNotice > li > .Title:before{
	content: "通知";
	display: inline-block;
	background: #607d8b;
	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 > .ListNotice > li.New > .Title:before{
	background: #f85d5d;
	content: "未讀";
}
/*公告-公告列表-標題*/
.SectionNotice > .ListNotice > li > .Title{
	color: #455a64;
	display: block;
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
	width: 95%;
}
.SectionNotice > .ListNotice > li > .Title > a{
	color: #45c8ab;
	text-decoration: none;
}
.SectionNotice > .ListNotice > li > .Title > a:hover{
	color: #45c8ab;
	text-decoration: underline;
}
/*公告-公告列表-日期*/
.SectionNotice > .ListNotice > li > .Date{
	color: #607d8b;
	float: right;
	display: none;
	margin: 0 10px 0 0;
}
/*公告-公告列表-連結*/
.SectionNotice > .ListNotice > li > a{
	display: block;
	text-indent: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding-top: 21px;
}
/* Q幣重要公告 */
.NoticeBox{
	font-size: 0.875em;/*14/16*/
	background: #fff;
	border: 1px solid #d8e1e6;
	margin-top: 1.25em;/*20/16*/
	position: relative;
	position: relative;
	padding: 6px;

}
.NoticeBox > .Inner{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;

}
/*公告-公告列表-類型*/
.NoticeBox > .Inner > .Tag{
	width: 40px;
	background: #607d8b;
	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;
	text-align: center;
}
/*公告-公告列表-標題*/
.NoticeBox > .Inner > .Title{
	color: #455a64;
	width: calc(100% - 49px);
	word-wrap: normal;
	word-break: normal;
}
.NoticeBox > .Inner > .Title a{
	color: #45c8ab;
	text-decoration: underline;
}
.NoticeBox > .Inner > .Title a:hover{
	color: #45c8ab;
	text-decoration: none;
}

/*公告-公告列表-日期*/
.NoticeBox > .Inner > .Date{
	color: #607d8b;
	display: none;
}
/*網友A評價列表 End--------------------------------------------*/
/*facebook-說讚的朋友*/
.FbFans{
	display: none;
	background: url("../images/bg_fb.jpg?t=20201210") no-repeat;
}
.FbFans > div{
	/* display: inline-block; */
}
/*站內行銷版位*/
.BannerBox{
	margin: 1.625em 0;/*20/16*/
}
.BannerBox > .BannerAdv{
	margin: 0.625em 0;
	border: 1px solid #c1cace;
}
.BannerBox > .BannerAdv > a{
	text-decoration: none;
}
/*如果使用者之視窗寬度>=568px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 568px) {
	/*活動列表 Start--------------------------------------------*/
	.ItemList.ListEvent{
		/*margin-left: -0.967%;*/
		/*margin-right: -0.967%;*/
	}
	.ItemList.ListEvent > ul{
		margin: 0px -1.27%;/*9/708*/
	}
	.ItemList.ListEvent > li{
		/*width: 47.6%;344/708*/
		/*display: inline-block;*/
		/*margin: 10px 0.97%;8/708*/
		padding: 10px;
	}
	.ItemList.ListEvent > li:after{
		content: " ";
		display: block;
		clear: both;
		line-height: 0;
		height: 0;
		visibility: hidden;
	}
	.ItemList.ListEvent > li > .Info > h2{
		height: 2.8em;
	}
	/*登入後*/
	.SignedIn .SectionEvent{
		margin-left: 0;
		margin-right: 0;
	}
	.SignedIn .ItemList.ListEvent > li{
		width: 100%;
	}
	.ItemList.ListEvent > li > .ImgBox{
		width: 29.8%;
	    	float: left;
	    	border-bottom: none;
	}
	.ItemList.ListEvent > li > .Info{
		padding: 0px 0px 0px 32.4%;
		font-size: 0.875em;
	}
	.ItemList.ListEvent > li > .Info > .BtnBox{
		display: none;
	}
	.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;
	}

	/*活動列表 End--------------------------------------------*/
	/*問卷列表 Start--------------------------------------------*/
	.SectionSurveyMain > .ItemList.ListSurvey{
	}
	.SectionSurveyMain > .ItemList.ListSurvey > li{
		padding: 20px;
		margin: 20px 0;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: start;
		align-items: flex-start;
		width: 100%;
	}
	.SectionSurveyMain > .ItemList.ListSurvey > li > .ImgBox{
		width: 50%;
	}
	.SectionSurveyMain > .ItemList.ListSurvey > li > .Info{
		width: 50%;
		padding: 0 0 0 20px;
	}
	.SectionSurveyMain > .ItemList.ListSurvey > li  > .Info > h2{
		height: 2.8em;
	}
	.SectionSurveyMain > .ItemList.ListSurvey > li > .Info > .Answer{
		margin-bottom: -10px;
	}
	.SectionSurveyMain > .ItemList.ListSurvey > li > .Info > ul.RadioBtn{
		display: none;
	}
	.SectionSurveyMain > .ItemList.ListSurvey > li > .Info > .BtnBox > .Btn{
		margin: 0;
	}
	/* 1大2小 */
	.SectionSurveyMain > .ItemList.ListSurvey > li.ItemOne{
		padding: 0;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	/* 單則 */
	.SectionSurveyMain > .ItemList.ListSurvey > li.ItemOne > .ImgBox{
		width: 100%;
	}
	.SectionSurveyMain > .ItemList.ListSurvey > li.ItemOne > .Info{
		width: 100%;
		padding: 20px 10px 10px;
	}
	.SectionSurveyMain > .ItemList.ListSurvey > li.ItemOne > .Info > ul.RadioBtn{
		display: -ms-flexbox;
		display: flex;
	}
	/* pk */
	.SectionSurveyMain > .ItemList.ListSurvey > li > .PkPercent{
		display: none;
	}
	/*問卷列表 End--------------------------------------------*/
	/*網友A評價列表 Start--------------------------------------------*/
	.ItemList.ListEvaluation{
	}
	.ItemList.ListEvaluation > li{
		width: 47.6%;/*344/708*/
		width: calc(100% / 2 - 20px);
		display: inline-block;
		/*margin: 1.25em 0;20/16*/
		margin: 10px 10px/*8/708*/
	}
	/*圖片*/
	.ItemList.ListEvaluation > li > .ImgBox{
		width: 37.57%;/*266/708*/
		float: left;
	}
	/*類型*/
	.ItemList.ListEvaluation > li > .ImgBox > .TagPush{
	}
	/*資訊*/
	.ItemList.ListEvaluation > li > .Info{
		padding: 1.42em 2.04% 0 40.9%;/*20/14, 20/708, 266/708*/
	}
	.ItemList.ListEvaluation > li > .Info:after{
		content: " ";
		display: block;
		clear: both;
		line-height: 0;
		height: 0;
		visibility: hidden;
	}
	/*標題*/
	.ItemList.ListEvaluation > li > .Info > h2{
		height: 1.2em;
		overflow: hidden;
	}
	/*評等列表*/
	.ItemList.ListEvaluation > li > .Info > .Rank{
		width: 210px;/*200px/396*/
		float: left;
	}
	.ItemList.ListEvaluation > li > .Info > .Rank > li:nth-child(3),
	.ItemList.ListEvaluation > li > .Info > .Rank > li:nth-child(4){
		display: none;
	}
	.ItemList.ListEvaluation > li > .Info > .BtnBox{
		display: none;
		width: 140px;/*140/396*/
		float: right;
		margin: 17px 0 0 0;
	}
	/*首頁附加*/
	/*網友A評價列表*/
	.ItemList.ListEvaluation{
		margin: 0 -10px;
	}
	.ItemList.ListEvaluation:after{
	}
	.ItemList.ListEvaluation > li{
	}
	/*圖片*/
	.ItemList.ListEvaluation > li > .ImgBox{
		width: 100%;
		float: none;
	}
	.ItemList.ListEvaluation > li > .ImgBox > img{
	}
	/*類型*/
	.ItemList.ListEvaluation > li > .ImgBox > .TagPush{
		width: 35px;
		height: 35px;
		font-size: 35px;
		top: 15px;
		right: 15px;/*去除mobile*/
	}
	/*資訊*/
	.ItemList.ListEvaluation > li > .Info{
		padding: 20px 10px 10px;
	}
	/*標題*/
	.ItemList.ListEvaluation > li > .Info > h2{
	}
	/*評等列表*/
	.ItemList.ListEvaluation > li > .Info > .Rank{
		width: 100%;
	}
	.ItemList.ListEvaluation > li > .Info > .Rank > li{
	}
	/*評等-評等項目*/
	.ItemList.ListEvaluation > li > .Info > .Rank > li > div{
	}
	/*評等-星等列*/
	.ItemList.ListEvaluation > li > .Info > .Rank > li > ul{
	}
	.ItemList.ListEvaluation > li > .Info > .Rank > li > ul > li{
	}
	/*網友A評價列表 End--------------------------------------------*/
	/*影音專區 Start--------------------------------------------*/
	.ItemList.ListMedia{
	}
	.ItemList.ListMedia{
		margin: 0 -10px;/*9/708*/
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.ItemList.ListMedia:after{
		content: " ";
		display: block;
		clear: both;
		line-height: 0;
		height: 0;
		visibility: hidden;
	}
	.ItemList.ListMedia > li{
		width: calc(50% - 20px);
		margin: 10px 10px;/*8/708*/
		/* float: left; */
	}
	.ItemList.ListMedia > li > .Info{
	}
	.ItemList.ListMedia > li > .Info > h2{
		height: 2.8em;
	}
	.ItemList.ListMedia > li.EventAds > .Info > .DeadLine{
		min-height: 49px;
	}
}
/*如果使用者之視窗寬度>=768px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 768px) {
	.CarouselWrap.CarouselMobile{
		display: none;
	}
	/*輪播-web*/
	.CarouselWrap.CarouselWeb {
	    position: relative;
	    display: block;
	}
	/*banner-mobile*/
	.CarouselWrap.CarouselWeb{
		min-height: 327px;
	}
	/*公告-公告列表*/
	.NoticeBox{
	}
	.NoticeBox > .Inner{
	}
	.NoticeBox > .Inner:last-child{
	}
	/*公告-公告列表-標題*/
	.NoticeBox > .Inner > .Title{
	}
	/*活動列表 Start--------------------------------------------*/
	.ItemList.ListEvent > li{
		/*width: 47.7%;344/708*/
	}
	/*你得獎*/
	.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 > h2{
		font-size: 1.42em;
	    max-height: 2.5em;
	    overflow: hidden;
	}
	.ItemList.ListEvent > li > .Info > .BtnBox{
		display: block;
		width: 192px;
	    position: absolute;
	    right: 20px;
	    bottom: 20px;
	}
	/*登入後*/
	.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:after{
		content: " ";
		display: block;
		clear: both;
		line-height: 0;
		height: 0;
		visibility: hidden;
	}
	.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 > .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 > .BuzzType{
		display: block;
	}
	/*倒數*/
	.SignedIn  .ItemList.ListEvent > li > .ImgBox > .Countdown.Show{
		display: block;
	}
	/*資訊*/
	.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 > .Info > .BtnBox{
		display: block;
		width: 192px;
		position: absolute;
		right: 20px;
		bottom: 20px;
	}
	.SignedIn .ItemList.ListEvent > li > .Info > .NoReplyError{
		padding-right: 200px;
	}
	/*活動列表 End--------------------------------------------*/
	/*網友A評價 Start--------------------------------------------*/
	/*圖片*/
	.ItemList.ListEvaluation > li > .ImgBox{
		width: 266px;
	}
	/*資訊*/
	.ItemList.ListEvaluation > li > .Info{
		padding-left: 290px;/*20/14, 20/708, 266/708*/
	}
	.ItemList.ListEvaluation > li > .Info > .Rank > li:nth-child(3),
	.ItemList.ListEvaluation > li > .Info > .Rank > li:nth-child(4){
		display: block;
	}
	.ItemList.ListEvaluation > li > .Info > .Rank > li > ul > li > img{
		vertical-align: text-top;
	}
	.ItemList.ListEvaluation > li > .Info > .BtnBox{
		display: block;
	}
	/*網友A評價 End--------------------------------------------*/
	/*首頁用*/
	/*網友A評價列表*/
	.ItemList.ListEvaluation{
		margin: 0;
	}
	.ItemList.ListEvaluation:after{
		content: " ";
		display: block;
		clear: both;
		line-height: 0;
		height: 0;
		visibility: hidden;
	}
	.ItemList.ListEvaluation > li{
		padding: 10px;
		width: calc(100% / 2 - -1px);
		float: left;
		margin: 0 -1px -1px 0;
		padding: 20px;
	}
	/*圖片*/
	.ItemList.ListEvaluation > li > .ImgBox{
		width: 140px;/*140/352*/
		float: left;
		border-bottom: none;
	}
	.ItemList.ListEvaluation > li > .ImgBox > img{
	}
	/*類型*/
	.ItemList.ListEvaluation > li > .ImgBox > .TagPush{
		padding: 0;
		top: 5px;
		right: 5px;
	}
	.ItemList.ListEvaluation > li > .ImgBox > .TagPush > i{
		font-size: 36px;
	}
	/*資訊*/
	.ItemList.ListEvaluation > li > .Info{
		padding: 0 0 0 155px;/*155/352*/
	}
	/*標題*/
	.ItemList.ListEvaluation > li > .Info > h2{
		font-size: 1.14em;/*16/14*/
	}
	/*評等列表*/
	.ItemList.ListEvaluation > li > .Info > .Rank{
		text-align: left;
		width: auto;
		margin: 10px 0px 0px;
	}
	.ItemList.ListEvaluation > li > .Info > .Rank > li{
	}
	/*評等-評等項目*/
	.ItemList.ListEvaluation > li > .Info > .Rank > li > div{
		width: 73px;
		display: inline-block;
		text-align: right;
	}
	/*評等-星等列*/
	.ItemList.ListEvaluation > li > .Info > .Rank > li > ul{
	}
	.ItemList.ListEvaluation > li > .Info > .Rank > li > ul > li{
		width: 16px;
		height: 16px;
		margin: 0;
	}
	.ItemList.ListEvaluation > li > .Info > .Rank > li > ul > li > i{
		font-size: 16px;
	}
	/*影音專區列表*/
	.ItemList.ListMedia{
	}
	.ItemList.ListMedia > li{
		width: calc(100% / 3 - 20px);
		margin: 0 10px 10px;/*8/726*/
	}
	/*問卷活動列表*/
	.SectionSurveyMain > .ItemList.ListSurvey{
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 -10px;
	}
	.SectionSurveyMain > .ItemList.ListSurvey > li{
		width: calc(50% - 20px);
		margin: 10px;/*8/726*/
	}
	/*圖片*/
	.SectionSurveyMain > .ItemList.ListSurvey > li > .ImgBox{
	}
	.SectionSurveyMain > .ItemList.ListSurvey > li > .Info > .BtnBox{
		margin-bottom: 0;
	}
	.SectionSurveyMain > .ItemList.ListSurvey > li > .Info > .RunTime,
	.SectionSurveyMain > .ItemList.ListSurvey > li > .Info > .WinnerDate{
		display: none;
	}
	/* 1大2小 */
	/* 一則 */
	.SectionSurveyMain > .ItemList.ListSurvey > li.ItemOne{
		width: 100%;
	}
	.SectionSurveyMain > .ItemList.ListSurvey > li.ItemOne{
		padding: 20px;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-align: stretch;
		align-items: stretch;
		width: 100%;
	}
	/* 單則 */
	.SectionSurveyMain > .ItemList.ListSurvey > li.ItemOne > .ImgBox{
		width: 40%;/*360/900*/
	}
	.SectionSurveyMain > .ItemList.ListSurvey > li.ItemOne > .Info{
		width: 60% ;/*400/900*/
		padding: 0 0 0 20px;
		position: relative;
	}
	.SectionSurveyMain > .ItemList.ListSurvey > li.ItemOne > .Info > .RunTime,
	.SectionSurveyMain > .ItemList.ListSurvey > li.ItemOne > .Info > .WinnerDate{
		font-size: 18px;
		display: block;
	}
	.SectionSurveyMain > .ItemList.ListSurvey > li.ItemOne > .Info > .Answer{
		position: absolute;
		bottom: 60px;
		left: 20px;
	}
	.SectionSurveyMain > .ItemList.ListSurvey > li.ItemOne > .Info > .BtnBox{
		position: absolute;
		left: 20px;
		bottom: 0;
		right: 0;
	}
	/*問卷列表 End--------------------------------------------*/
	.Banner{
		margin: 0 -4.2075% 0px;/*30/16*/
	}
	.BoxCount,
	.SectionNotice{
		margin-left: -4.2075%;
		margin-right: -4.2075%;
	}

	/*banner-web*/
	.CarouselWrap.CarouselMobile{
	}
	/*產品輪播-下方圈圈控制鈕*/
	.CarouselWrap > .CarouselBtn {
		bottom: 22px;
	}
	.CarouselWrap > .CarouselBtn > ul {
	}
	.CarouselWrap > .CarouselBtn > ul > li {
		height:12px;
		width:12px;
	}
	.CarouselWrap > .BtnPrevious{
		left: 44px;
	}
	.CarouselWrap > .BtnNext{
		right: 44px;
	}
	/*活動數值*/
	.BoxCount{
		background: #fff;
		border-bottom: 1px solid #d8e1e6;
		margin-top: -1.875em;/*30/16*/
	}
	.BoxCount > ul > li{
		/*padding: 1.14em 0;16/14*/
		border: none;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.BoxCount > ul > li:nth-child(3){
		/* flex: 0 1 calc(100% / 3); */
	}
	.BoxCount--3 > ul > li,
	.BoxCount--3 > ul > li:nth-child(3){
		flex: 0 1 calc(100% / 3);
	}
	.BoxCount--4 > ul > li{
		flex: 0 1 calc(100% / 4);
	}
	.BoxCount > ul > li:nth-child(even){
	}
	.BoxCount > ul > li > span{
		/* display: inline; */
		margin: -2px 0px 0px 8px;
		font-size: 2em;/*28/14*/
	}
	.BoxCount > ul > li > span:after{
		content: "";
		display: block;
		width: 1px;
		height: 30px;
		background: #9eafb7;
		position: absolute;
		right: -1px;
		top: 50%;
		margin-top: -15px;
	}
	.BoxCount > ul > li:last-child > span:after{
		display: none;
	}
	/*會員各項數值*/
	.BoxCount.BoxCountMember{
	}
	/*公告*/
	.SectionNotice{
		margin-left: 0;/*去除mobile*/
		margin-right: 0;/*去除mobile*/
		border: 1px solid #d8e1e6;/*去除mobile*/
	}
	/*公告表-關閉*/
	.SectionNotice > .BtnDel{
		right: -15px;
	}
	/*公告-公告列表*/
	.SectionNotice > .ListNotice{
	}
	.SectionNotice > .ListNotice > li{
	}
	.SectionNotice > .ListNotice > li:last-child{
		border-bottom: none;
	}
	/*公告-公告列表-標題*/
	.SectionNotice > .ListNotice > li > .Title{
	}
	/*公告-公告列表-日期*/
	.SectionNotice > .ListNotice > li > .Date{
		display: inline-block;/*去除mobile*/
	}
	/*站內行銷版位*/
	.BannerBox{
		text-align: center;
		margin: 1.625em -10px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.BannerBox:after{
		content: " ";
		display: block;
		clear: both;
		line-height: 0;
		height: 0;
		visibility: hidden;
	}
	.BannerBox > .BannerAdv{
		margin: 0 10px;
		width: calc(50% - 20px);
		/* float: left; */
	}
	.BannerBox.Single > .BannerAdv{
		width: 100%;
	}
}
/*如果使用者之視窗寬度>=1024px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 1024px) {
	.SignedIn .Content{
	}
	.NoticeBox > .Inner > .Date{
		display: block;
		/* width: 72px; */
		position: absolute;
		right: 15px;
	}
	.NoticeBox > .Inner > .Title{
		width: calc(100% - 49px);
		padding-right: 102px;
	}
	/*活動列表 Start--------------------------------------------*/
	.ItemList.ListEvent{
		margin:0;
	}
	.ItemList.ListEvent:after{
		content: " ";
		display: block;
		clear: both;
		line-height: 0;
		height: 0;
		visibility: hidden;
	}
	/*>=4則以上*/
	.ItemList.ListEvent.ListEventFour > li{
		width: 520px;
		margin: 11px 0 11px 11px;
		padding: 20px;
		float: left;
	}
	/*第二則*/
	.ItemList.ListEvent.ListEventFour > li:nth-child(2){
		margin-top: 0;
	}
	.ItemList.ListEvent.ListEventFour > li > .ImgBox{
		width: 210px;
		float: left;
	}
	.ItemList.ListEvent.ListEventFour > li > .Info{
		padding: 0 0 0 225px;
	}
	.ItemList.ListEvent.ListEventFour > li > .Info > h2{
		margin: 0 0 0.2em 0;
	}
	/*.ItemList.ListEvent.ListEventFour > li > .ImgBox > .TagType{
		left: auto;
		bottom: -22px;
		right: -315px;
	}*/
	.ItemList.ListEvent.ListEventFour > li > .Info > .Selected,
	.ItemList.ListEvent.ListEventFour > li > .Info > .DeadLine,
	.ItemList.ListEvent.ListEventFour > li > .Info > .Winner{
		font-size: 14px;/*14/16*/
	}
	.ItemList.ListEvent.ListEventFour > li > .ImgBox > .Countdown.Show{
	}
	.ItemList.ListEvent.ListEventFour > li > .Info > .BtnBox{
		display: none;
	}

	/*第一則*/
	.ItemList.ListEvent.ListEventFour > li:first-child{
		width: 397px;
		margin: 0 12px 0 0;
		padding: 20px;
		min-height: 644px;
	}
	.ItemList.ListEvent.ListEventFour > li:first-child > .ImgBox{
		width: 358px;
		float: none;
		border-bottom: none;
	}
	.ItemList.ListEvent.ListEventFour >  li:first-child > .ImgBox > .Countdown{
		display: block;
	}
	.ItemList.ListEvent.ListEventFour > li:first-child > .Info{
		padding: 0.9375em 0 0;
		position: relative;
		min-height: 333px;
	}
	.ItemList.ListEvent.ListEventFour > li:first-child > .Info > h2{
		margin-bottom: 30px;
	}
	/*.ItemList.ListEvent.ListEventFour > li:first-child > .ImgBox > .TagType{
		left: 0;
		bottom: 0;
		right: none;
	}*/
	.ItemList.ListEvent.ListEventFour > li:first-child > .ImgBox > .Countdown.Show{
		display: block;
	}
	.ItemList.ListEvent.ListEventFour > li:first-child > .Info > .BtnBox{
		display: block;
		margin-bottom: 0;
		margin-top: 55px;
		position: static;
		width: 100%;
		position: absolute;
	}
	.ItemList.ListEvent.ListEventFour > li:first-child > .Info > .BtnBox > .Btn{
		margin: 0;
	}
	/*登入後*/
	/*圖片*/
	/*第一則*/
	.SignedIn .SectionEvent > .Tab{
		margin-bottom: -10px;
	}
	.SignedIn .SectionEvent > .Tab > li > a,
	.SignedIn .SectionEvent > .Tab > li > .Disable{
		padding: 12px 30px 9px;
	}
	.SignedIn .ItemList.ListEvent.ListEventFour > li,
	.SignedIn .ItemList.ListEvent.ListEventFour > li{
		width: 100%;
		margin: 10px 0;
	}
	.SignedIn .ItemList.ListEvent > li:first-child > .Info > h2{
	}
	.SignedIn .ItemList.ListEvent > li:first-child,
	.SignedIn .ItemList.ListEvent > li:nth-child(2){
		width: 100%;
		margin: 10px 0;
	}
	.SignedIn .ItemList.ListEvent > li > .ImgBox,
	.SignedIn .ItemList.ListEvent > li:first-child > .ImgBox{
		width: 260px;
		float: left;
	}
	.SignedIn .ItemList.ListEvent.ListEventFour > li{
		min-height: auto;
	}
	.SignedIn .ItemList.ListEvent.ListEventFour > li:first-child > .Info{
		min-height: auto;
	}
	.SignedIn .ItemList.ListEvent.ListEventFour > li > .Info > .BtnBox,
	.SignedIn .ItemList.ListEvent.ListEventFour > li:first-child > .Info > .BtnBox{
		display: block;
		position: absolute;
		width: 192px;
	}
	.SignedIn .ItemList.ListEvent.ListEventFour > li:first-child > .Info > .BtnBox{
		left: auto;
    	bottom: auto;
	}
	/*類型*/
	.SignedIn .ItemList.ListEvent > li > .ImgBox > .TagType{
		left: 0;
		bottom: 0;
		right: auto;
	}
	/*倒數*/
	.SignedIn .ItemList.ListEvent > li > .ImgBox > .Countdown.Show{
		/*display: none;*/
	}
	.ItemList.ListEvent.ListEventFour > li:first-child > .Info > .BtnBox{
		display: block;
		/*position: static;*/
		position: absolute;
		margin-top: 50px;
	    left: 0;
	    bottom: 0;
	}
	.SignedIn .ItemList.ListEvent.ListEventFour > li:first-child > .Info > .BtnBox{
		right: 20px;
    	bottom: 20px;
    	left: auto;
	}
	/*資訊*/
	.SignedIn .ItemList.ListEvent > li > .Info,
	.SignedIn .ItemList.ListEvent > li:first-child > .Info{
		padding: 0 0 0 280px;
		position: static;
	}
	/*活動列表 End--------------------------------------------*/
	/*網友A評價 Start--------------------------------------------*/
	/*評等列表*/
	.ItemList.ListEvaluation > li > .Info > .Rank{
		width: auto;/*200px/396*/
		position: absolute;
		left: 290px;
		top: 116px;
	}
	.ItemList.ListEvaluation > li > .Info > .Rank > li{
		width: 49%;
		float: left;
		margin-right: 1%;
	}
	.ItemList.ListEvaluation > li > .Info > .BtnBox{
		width: 160px;
		position: absolute;
		right: 20px;
		top: 50%;
		margin-top: -22px;
	}
	/*網友A評價 End--------------------------------------------*/
	.Banner{
		margin: 0;
		padding-top: 0;
	}
		/*輪播-web*/
	.CarouselWrap.CarouselWeb {
	    margin: 0px auto;
	    min-width: 940px;
	 }
	.CarouselWrap > .CarouselInner{
		position: absolute;
		overflow: hidden;
		width: 100%;
	}
	.CarouselWrap > .CarouselInner > ul.Imglist{
	}
	.CarouselWrap > .CarouselInner > ul.Imglist > li.ImgItem{
		width: 940px;
		position: relative;
	}
	.CarouselWrap > .CarouselInner > ul.Imglist > li.ImgItem > a > img{
		opacity: 0.2;
		-moz-opacity: 0.2;
		filter: alpha(opacity=50);
	}
	.CarouselWrap > .CarouselInner > ul.Imglist > li.ImgItem.Current > a > img{
		opacity: 1;
		-moz-opacity: 1;
		filter: alpha(opacity=100);
	}
	.CarouselWrap > .BtnPrevious{
		left: 50%;
		margin-left: -514px;
	}
	.CarouselWrap > .BtnNext{
		right: 50%;
		margin-right: -514px;
	}
	.CarouselWrap > .CarouselBtn > ul > li{
		cursor: pointer;
	}
	/*活動數值*/
	.BoxCount{
		margin:-50px -100% 0;
	}
	.BoxCount > ul{
		width: 940px;
		margin: 0 auto;

	}
	.BoxCount > ul > li > span:after{
		display: block;
	}
	.BoxCount > ul > li:first-child > span:before{
		content: "";
		display: block;
		width: 1px;
		height: 30px;
		background: #9eafb7;
		position: absolute;
		right: -1px;
		top: 50%;
		margin-top: -15px;
	}
	/*評等列表*/
	.ItemList.ListEvaluation > li > .Info > .Rank{
		position: static;
	}
	.ItemList.ListEvaluation > li > .Info > .Rank > li{
		width: 100%;
	}
	/*評等-星等列*/
	.ItemList.ListEvaluation > li > .Info > .Rank > li > ul{
		/*float: right;*/
		margin: 3px 0 0 10px;
	}
	/*問卷活動列表*/
	.SectionSurveyMain > .ItemList.ListSurvey{
		margin: -10px -10px;
	}
	.SectionSurveyMain > .ItemList.ListSurvey > li{
	}
	/*圖片*/
	.SectionSurveyMain > .ItemList.ListSurvey > li > .ImgBox{
	}
	.SectionSurveyMain > .ItemList.ListSurvey > li > .Info > .BtnBox{
		margin-top: 22px;
	}
	/* 1大2小 */
	.SectionSurveyMain > .ItemList.ListSurvey > li.ItemOne > .ImgBox{
		width: 45%;/*360/900*/
	}
	.SectionSurveyMain > .ItemList.ListSurvey > li.ItemOne > .Info{
		width: 55% ;/*400/900*/
	}
	.SectionNotice > .ListNotice > li > .Title{
		width: 85%;
		float: left;
	}
	/*facebook-說讚的朋友*/
	.FbFans{
		display: block;
		/*height: 214px;*/
	}
}
/* 參加限制 */
.Restriction{

}
/*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 );
}

/*登入後會員Q幣、收益訊息字體背景色*/
.CountMemberTitle {
	font-size: 14px;
	color: #fff;
	display: inline-block;
	width: 66px;
	line-height: 22px;
	border-radius: 5px;
}

.BoxCountMember ul li:first-child .CountMemberTitle {
	background: #45c8ab;
}

.BoxCountMember ul li:nth-child(2) .CountMemberTitle {
	background: #f0aa09;
}
.BoxCountMember ul li:nth-child(3) .CountMemberTitle {
	background: #9fafb7;
}
.BoxCountMember ul li:last-child .CountMemberTitle {
	background: #ef4a48;
}
@media (min-width: 768px) {
	.ItemList.ListEvent > li > .Info > .BtnBox > .Btn {
		margin: 0;
	}
	.ItemList.ListEvent > li > .Info > .BtnBox {
		position: static;
		margin: 5px 0 0;
	}
}