@charset "utf-8";


.ForumFormWrap { display:block; width:100%; height:auto; overflow:hidden; margin:0 auto; border:0; outline:none; margin-bottom:1rem; float:left;}
.ForumFormWrap * { padding:0; margin:0; list-style:none; text-decoration:none;}
.ForumFormWrap .notice { color:Crimson;}
.ForumFormWrap > .ForumFormBox { width:100%; height:auto; overflow:hidden; background:rgba(255,255,255,0.4); border-bottom:1px solid rgba(0,0,0,0.1);
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;}
.ForumFormWrap > .ForumFormBox:nth-child(even) { background:rgba(255,255,255,0.8);}
.ForumFormWrap > .ForumFormBox > * { display:block; height:auto; overflow:hidden; padding:0.5rem; float:left; line-height:1.5rem; font-size:1rem;}
.ForumFormWrap > .ForumFormBox > .ForumFormBox-L{  width:8rem; padding-left:2.5rem; padding-left:0.5rem; position:relative;}
.ForumFormWrap > .ForumFormBox > .ForumFormBox-L > label { position:relative; padding-left:2rem; margin:0;}
.ForumFormWrap > .ForumFormBox > .ForumFormBox-L > label > .notice { position:absolute; top:0; left:0; font-size:0.7rem;}
.ForumFormWrap > .ForumFormBox > .ForumFormBox-L > .notice { float:left; margin-right:0.25rem;}
.ForumFormWrap > .ForumFormBox > .ForumFormBox-R { width:calc(100% - 8rem);}
.ForumFormWrap > .ForumFormBox > * > * { float:left; margin-right:0.25rem; max-width:100%;}
.ForumFormWrap > .ForumFormBox > * > .notice { font-size:0.7rem; position:absolute; width:2.5rem; height:1.5rem; line-height:1.5rem; top:0.5rem; left:0.5rem;}
.ForumFormWrap > .ForumFormBox > * > input[type="text"],
.ForumFormWrap > .ForumFormBox > * > input[type="password"]{ height:1.5rem; padding:0.25rem; line-height:calc(1rem - 2px); outline:none; border:1px solid rgba(0,0,0,0.2); font-size:0.8rem; font-family:"微軟正黑體";}
.ForumFormWrap > .ForumFormBox > * > input#ContentPlaceHolder1_txtSubject,
.ForumFormWrap > .ForumFormBox > * > input#ContentPlaceHolder1_txtAcctName,
.ForumFormWrap > .ForumFormBox > * > input#ContentPlaceHolder1_txtEmail{ width:16rem;}
.ForumFormWrap > .ForumFormBox > * > select { height:30px; outline:none; line-height:calc(1.5rem - 2px); border:1px solid rgba(0,0,0,0.2); font-size:0.8rem; font-family:"微軟正黑體";}
.ForumFormWrap > .ForumFormBox > * > textarea { outline:none; line-height:calc(1.5rem - 2px); border:1px solid rgba(0,0,0,0.2); font-size:0.8rem; font-family:"微軟正黑體"; padding:0.25rem; width:16rem;}
.ForumFormWrap > .ForumFormBox > * > ul { margin-right:0;
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;}
.ForumFormWrap > .ForumFormBox > * > ul > li { display:inline-block; width:auto; height:1.5rem; line-height:1.5rem; overflow:hidden; float:left; margin-right:0.5rem;}
.ForumFormWrap > .ForumFormBox > * > ul > li > input { margin-right:0.25rem;}
.ForumFormWrap > .ForumFormBox > * > img { display:block; margin:0.125rem 0; margin-right:0.25rem;}
.ForumFormWrap > .ForumFormBox > * > input[maxlength="6"] { width:4rem;}
.ForumFormWrap > .ForumFormBoxL { width:100%; height:auto; overflow:hidden; padding:1rem;}

.BasicTable.Survey.Forum th:nth-child(1) { width:calc( 50% - 8rem);}
.BasicTable.Survey.Forum th:nth-child(2) { width:4rem;}
.BasicTable.Survey.Forum th:nth-child(3) { width:4rem;}
.BasicTable.Survey.Forum th:nth-child(4) { width:50%;}
.BasicTable.Survey.Forum td:nth-child(4) { text-align:left;}
.BasicTable.Survey.Forum td:nth-child(4) small { display:block; width:100%; height:auto; overflow:hidden;}

.BasicTable.Survey.Forum_Detail th:nth-child(1),
.BasicTable.Survey.Forum_Detail td:nth-child(1){ width:7rem; text-align:center;}
.BasicTable.Survey.Forum_Detail th:nth-child(2) { width:auto;}
.BasicTable.Survey.Forum_Detail th:nth-child(3) { width:7rem;}
.BasicTable.Survey.Forum_Detail th:nth-child(4) { width:5rem;}
.BasicTable.Survey.Forum_Detail th:nth-child(5) { width:5rem;}
.BasicTable.Survey.Forum_Detail th:nth-child(6) { width:12.7rem;}

.Forum_Speak { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.Forum_Speak .ForumItem_Detail_Wrap { width:100%; height:auto; overflow:hidden; margin-bottom:1rem; border:1px solid rgba(0,0,0,0.2);
/*圓角*/
border-radius:0.5rem;}
.Forum_Speak .ForumItem_Detail_Wrap .ForumItem_Detail_Title { display:block; width:100%; height:auto; overflow:hidden; background:rgba(0,0,0,0.05); padding:0.5rem; margin:0; line-height:1.2em; font-size:1em; color:rgba(0,100,180,1);}
.Forum_Speak .ForumItem_Detail_Wrap .ForumItem_Detail_Info { width:100%; height:auto; overflow:hidden; padding:0.5rem; margin:0; line-height:1em; font-size:0.8em; opacity:0.6;
/*flex*/
-webkit-flex-display:flex; display: flex;}
.Forum_Speak .ForumItem_Detail_Wrap .ForumItem_Detail_Info a { display:inline-block; width:0.8rem; height:0.8rem; overflow:hidden; margin:0 0.25rem;}
.Forum_Speak .ForumItem_Detail_Wrap .ForumItem_Detail_Info a img { display:block; max-width:100%; height:auto;}
.Forum_Speak .ForumItem_Detail_Wrap .ForumItem_Detail_Cont { width:100%; height:auto; overflow:hidden; padding:0.5rem;}

@media only screen and (min-width:0px) and (max-width:1024px) {
	.ForumFormWrap,
	.ForumFormWrap ~ div { width:100%; padding:0; margin:0 auto; margin-bottom:1rem;}
	.ForumFormWrap ~ img,
	.ForumFormWrap ~ div img{ width:auto; float:none; margin:0 auto; margin-bottom:1rem;}
		
	.BasicTable.Survey.Forum_Detail th:nth-child(1),
	.BasicTable.Survey.Forum_Detail td:nth-child(1){ width:4rem;}
	.BasicTable.Survey.Forum_Detail th:nth-child(3) { width:4rem;}
	.BasicTable.Survey.Forum_Detail th:nth-child(4) { width:3rem;}
	.BasicTable.Survey.Forum_Detail th:nth-child(5) { width:3rem;}
	.BasicTable.Survey.Forum_Detail th:nth-child(6) { width:10rem;}
}

@media only screen and (min-width:0px) and (max-width:768px) {
	.BasicTable.Survey.Forum_Detail th:nth-child(1),
	.BasicTable.Survey.Forum_Detail td:nth-child(1){ width:4rem;}
	.BasicTable.Survey.Forum_Detail th:nth-child(3) { width:4rem;}
	.BasicTable.Survey.Forum_Detail th:nth-child(4) { width:3rem;}
	.BasicTable.Survey.Forum_Detail th:nth-child(5) { width:3rem;}
	.BasicTable.Survey.Forum_Detail th:nth-child(6) { width:8rem;}
}
@media only screen and (min-width:0px) and (max-width:620px) {
	.ForumFormWrap > .ForumFormBox > * > textarea { width:100%;}
}
@media only screen and (min-width:0px) and (max-width:512px) {
	.ForumFormWrap > .ForumFormBox > * { font-size:0.8rem;}
	.ForumFormWrap > .ForumFormBox > label,
	.ForumFormWrap > .ForumFormBox > div:first-child { width:8rem;}
	.ForumFormWrap > .ForumFormBox > .ForumFormBox-R { width:calc(100% - 8rem);}
	
	.BasicTable.Survey.Forum > tbody > tr > td:nth-child(1):before { content:'分類';}
	.BasicTable.Survey.Forum > tbody > tr > td:nth-child(2):before { content:'主題';}
	.BasicTable.Survey.Forum > tbody > tr > td:nth-child(3):before { content:'回覆';}
	.BasicTable.Survey.Forum > tbody > tr > td:nth-child(4):before { content:'最後發表';}
	
	.BasicTable.Survey.Forum_Detail td:nth-child(1){ width:100%; text-align:left;}
	.BasicTable.Survey.Forum_Detail > tbody > tr > td:nth-child(1):before { content:'主持人';}
	.BasicTable.Survey.Forum_Detail > tbody > tr > td:nth-child(2):before { content:'主題';}
	.BasicTable.Survey.Forum_Detail > tbody > tr > td:nth-child(3):before { content:'發表人';}
	.BasicTable.Survey.Forum_Detail > tbody > tr > td:nth-child(4):before { content:'點閱';}
	.BasicTable.Survey.Forum_Detail > tbody > tr > td:nth-child(5):before { content:'回覆';}
	.BasicTable.Survey.Forum_Detail > tbody > tr > td:nth-child(6):before { content:'最後發表日期';}	
}

@media only screen and (min-width:0px) and (max-width:360px) {
	.ForumFormWrap > .ForumFormBox > * > input#ContentPlaceHolder1_txtEmail{ width:100%;}
}