@charset "utf-8";

.VoteItem_Detail_Des { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.VoteItem_Detail_Des > .SmallFont { width:100%; height:auto; overflow:hidden; padding:0; margin:0 auto; margin-bottom:1rem;}
.VoteItem_Detail_Des > .SmallFont > span { display:inline-block; width:auto; height:1.5rem; line-height:calc( 1rem - 2px); padding:0.25rem 0.5rem; overflow:hidden; float:left; background:rgba(0,0,0,0.1); border:1px solid rgba(0,0,0,0.2); margin-right:0.5rem; font-size:0.8rem; margin-bottom:0.25rem;
/*圓角*/
border-radius:0.5rem;}

.VoteItem_Detail_Table { width:100%; height:auto; overflow:hidden;}
.VoteItem_Detail_Table * { padding:0; margin:0; list-style:none;}
.VoteItem_Detail_Table tr:nth-child(odd) { background:rgba(0,0,0,0.05);}
.VoteItem_Detail_Table tr:first-child { background:rgba(0,100,180,1); color:white;}
.VoteItem_Detail_Table th,
.VoteItem_Detail_Table td { padding:0.5rem; line-height:1.2rem; position:relative;}
.VoteItem_Detail_Table td.no { width:3rem; text-align:center;}
.VoteItem_Detail_Table td.no input { width:0.75rem; height:0.75rem; position:absolute; top:50%; left:50%; margin-top:-0.375rem; margin-left:-0.375rem;}
.VoteItem_Detail_Table td.no input:focus{ -webkit-appearance: none; border:2.5px dashed blue; outline:0; background:yellow;}
.VoteItem_Detail_Table td.no input[type="radio"]:focus{ 
/*圓角*/
border-radius:100%;}
.VoteItem_Detail_Table td.click-num { width:3rem; text-align:center;}
.VoteItem_Detail_Table td.percentage { width:3rem; text-align:right;}
.VoteItem_Detail_Table td.percentage span { display:block; width:100%; height:auto; overflow:hidden; text-align:right;}

.BasicTable.Survey.Vote th:nth-child(1) { width:auto;}
.BasicTable.Survey.Vote th:nth-child(2) { width:5.5rem;}
.BasicTable.Survey.Vote th:nth-child(3) { width:6.5rem;}
.BasicTable.Survey.Vote th:nth-child(4) { width:6.5rem;}

@media only screen and (min-width:0px) and (max-width:1024px) {
	.VoteItem_Detail_Table th,
	.VoteItem_Detail_Table td { font-size:0.8rem; padding:0.25rem;}
}

@media only screen and (min-width:0px) and (max-width:768px) {
	.VoteItem_Detail_Table th,
	.VoteItem_Detail_Table td { font-size:0.6rem;}
}

@media only screen and (min-width:0px) and (max-width:512px) {
	.BasicTable.Survey.Vote > tbody > tr > td:nth-child(1):before { content:'投票主題';}
	.BasicTable.Survey.Vote > tbody > tr > td:nth-child(2):before { content:'投票人數';}
	.BasicTable.Survey.Vote > tbody > tr > td:nth-child(3):before { content:'開始日期';}
	.BasicTable.Survey.Vote > tbody > tr > td:nth-child(4):before { content:'結束日期';}
}