/*----------------------------------------section-content----------------------------------------*/
/* 簽署密碼框 */
#myModal .modal-dialog { min-width: 500px !important;width:50%; height: 100%; margin: auto;display: flex;}
#myModal .modal-content { text-align: center; margin: auto;}
#myModal .modal-content .min-title { margin: 16px; }
#myModal .modal-footer { text-align: center; }
#myModal .modal-footer .btn { margin: 0 48px; }
#myModal .modal-header .close {border-radius: 20px;}

/* 標簽組 */
.label_group .label { font-size: 13pt; margin-right: 2%; padding: .3em 1.3em .3em; border-radius: .35em; cursor: pointer; }
.label_group .label.active { opacity: 0.4; }
.label-signed { background-color: #ffc20a; }
.label-nosign { background-color: #84d53b; }

/* 目錄頁面 */
.second-bar { margin: 20px 106px; }
.second-bar span { margin-bottom: 0.5%; display: block; font-weight: bold; }
.second-bar .bar-icon { display: inline-block; width: 12%; text-align: center; vertical-align: top; }
.bar-icon img { width: 85%; }
.second-bar li { display: inline-block; width: 88%; padding-left: 0.8%; }
.second-bar button { width: auto; min-width: 15%; height: 32px; padding: 0; margin-bottom: 10px;}
.status-sign { float: right; margin-top: 0px; margin-right: 61px; }
.status-sign img { position: absolute; }

#main .second-bar hr{margin-bottom: 20px;}

/* 文本 */
.section-content { margin: 0 106px; overflow-x: hidden; }
.con-content { margin: 15px 0 30px; }
.con-reply *, .con-content p { margin-bottom: 1%; }
.con-reply { margin: 20px 0; }
.btngroup { text-align: center; margin-bottom: 32px; }
.btngroup button { margin: 0 0.5%; }
/*.btngroup .btn-sign, .btngroup .btn-sign[disabled]:hover { background-color: #ffc20a !important; border-color: #ffc20a !important; color: #fff !important; font-size: 12pt; padding: 4px 21px; }*/
.btngroup .btn-sign, .btngroup .btn-sign[disabled]:hover { background-color: #ffc20a ; border-color: #ffc20a ; color: #fff ; font-size: 12pt; padding: 4px 21px; } /*modified at 19/11/2021, removed important*/
.btngroup .btn-hidden { display: none; }
#page-opt, #sub-opt { font-size: 12pt; margin-bottom: 3%; }
#page-opt input, #sub-opt input { vertical-align: middle; margin: 0 1.2% 0 0; }
.reply-icon, .reply-date, .reply-date span { font-size: 12pt; }
.glyphicon-pencil { font-size: inherit; }
.reply-date { float: right; height: 1px; }

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .section-title, .sec-form  { display: none; }
    .label_group { text-align: center; }

    /* 文本 */
	.section-content { margin: 0; }

    /* 標簽組 */
	.label_group { padding-left: 3%; }

	/* 目錄頁面 */
	.second-bar { margin: 20px 0; }
	.second-bar .bar-date { display: inline-block; }
	.second-bar .bar-icon { display: none; }
	.second-bar li { width: 100%; }
	.status-sign { margin-right: 58px; }
	.status-sign img { width: 36px; }
	.second-bar hr{margin-bottom: 20px;}
}