/* CSS Document */
.center {
	text-align:center;
}
.clear {
    clear: both;
    height:1px;
    margin-top:-1px;
    overflow:hidden;
}
/*字型大小*/
.font12 {
	font-size:12px;
}
.font13 {
	font-size:13px;
}
.font14 {
	font-size:14px;
}
.font15 {
	font-size:15px;
}
/*字型顏色*/
.fontwhite {
	color:white;
}
.fontblack {
	color:black;
}
.fontyellow {
	color:yellow;
}
.fontred {
	color:#fd4c4c;
}
.fontorange {
	color:orange;
}
/*必填欄位*/
.fontpk::before {
	content:"✶ ";
	color:#ff5a00;
	font-size:12px;	
	text-shadow: 0px 0px 5px gray;
}
/* 公文屬性標籤 */
.doc-category {
	padding:0px 2px;
	display:inline-block;
	border:1px solid #aaa;
	margin-left:2px;
	text-align:center;
	font-size:14.5px;
	color:white;
	text-shadow:0px 0px 1px black;
	font-weight:bold;
}
/*粗體*/
.bold {
font-weight:bold;
}
/* 預設按鈕設定 預設：中型、藍底、置左對齊*/
.btn {
	background-color:#2C82C9;
	color:white;
	text-shadow:#333 0px 0px 2px;
	text-decoration:none;
	border:none;
	padding:4px 7px;
	font-size:14px;
	display:inline-block;
	font-family:微軟正黑體;
	border-radius:2px;
	cursor:pointer;
	margin:2px 4px;
	text-align: center;
	line-height: normal;
	box-shadow:0px 0px 3px white;
}
a.btn {
	padding:5px 10px;
}
.btn:last-child {

}
.btn:active {
	text-shadow:black 0px 0px 2px;
}
.btn:hover {
	background-color:#2969B0;
}
/* 按鈕大小設定 l=大, s=小 */
.l {
	font-size:16px;
	padding:6px 13px;
}
a.l {
	padding:7px 16px;
}

.s {
	font-size:12px;
	padding:2px 5px;
}
a.s {
	padding:3px 8px;
}
/* 按鈕顏色設定 */
.blue {
	background-color:#2C82C9/*54acd2*/;
}
.blue:hover {
	background-color:#2969B0/*3D8EB9*/;
}
.green {
	background-color:#00A885/*1ABC9C*/;
}
.green:hover {
	background-color:#009a7a;
}
.orange {
	background-color:#FBA026;
}
.orange:hover {
	background-color:#f37934;
}
.red {
	background-color:#E25041;
}
.red:hover {
	background-color:#B8312F;
}
.brown {
	background-color:#A38F84;
}
.brown:hover {
	background-color:#75706B;
}
.purple {
	background-color:#9365B8;
}
.purple:hover {
	background-color:#553982;
}
.d_blue {
	background-color:#2C82C9;
}
.d_blue:hover {
	background-color:#2969B0;
}
.gray {
	background-color:#EFEFEF;
	color: #666;
	text-shadow:0px 0px 2px white;
}
.gray:hover {
	background-color:#D1D5D8;
}
.d_gray {
	background-color:#888888;	
}
.yellow {
	background-color:#F7DA64;
	color: #666;
	text-shadow: 0px 0px 2px white;
}
.yellow:hover {
	background-color:#FAC51C;
}

/* 按鈕字型設定 */
.b {
	font-weight:bold;
}
.i {
	font-style:italic;

}
/* 對齊設定 */
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.center {
	text-align:center;
}


.login-header {
	background-image:url(../images/logo_login.png);
	background-repeat:no-repeat;
	background-position:center;
	padding-top:125px;
	background-size:350px;
}
.login-header h1{
	font-size:26px;
	font-family:微軟正黑體;
	text-align:center;
	color:white;
	text-shadow:0 0 5px gray;
	background-color: rgba(0,0,0,0.15);
}

/*文字內容變化*/
.opr::before {
 content:"下載";
 color:white;
}

/*form表單*/
input[type=radio] {
	display:none
}
.nocheck input[type=checkbox] {
	display:none
}

/*fileset*/
 fieldset { 
	display: block;
	margin-left: 2px;
        margin-right: 2px;
        padding-bottom: 0.625em;
        padding-left: 0.75em;
        padding-right: 0.75em;
        border: 1px solid #ccc;
        text-align: left;
}
.legend-title {
        width:auto;
        border-bottom:none;
        padding:0px 10px;
}

/*儀錶版remind*/
.remind {
	width:98%;
	margin:0 1% 10px 1%;
}
.remind-content {
	overflow:hidden;
}
.remindpink div.list-header, .remindpink div.list-footer  {
	background-color:#fd7b87;
	clear:both;	
}
.remindpink .remind-prevbox div:first-child, .remindpink .datebox div:first-child, .remindpink .remind-nextbox div:first-child {	
		background-color:#ea6070;
		padding:0.25em 0em;	
}
.remindpink div.remind-content .today div:first-child {
	background-color:#e33b4c;
}
.remindpink .remind-prevbox div:first-child,.remindpink .remind-nextbox div:first-child,.remindpink .datebox div:first-child {
	background-color:#ea6070;
		padding:0.25em 0em;
		text-align:center;
		color:white;
		height:29px;
		overflow:hidden;
}
.remindblue div.list-header, .remindblue div.list-footer  {
	background-color:#3d9eee;	
	clear:both;
}
.remindblue div.remind-content .remind-prevbox div:first-child, .remindblue div.remind-content .datebox div:first-child, .remindblue div.remind-content .remind-nextbox div:first-child {
		padding:0.25em 0em;
}
.remindblue div.remind-content .today div:first-child {
	background-color:#2969B0;
}
.remindblue .remind-prevbox div:first-child,.remindblue .remind-nextbox div:first-child,.remindblue .datebox div:first-child {
	background-color:#2C82C9;
		padding:0.25em 0em;
		text-align:center;
		color:white;
		height:29px;
		overflow:hidden;
}
.remindpurple div.list-header, .remindpurple div.list-footer  {
	background-color:#b07ed8;
	clear:both;	
}
.remindpurple div.remind-content .remind-prevbox div:first-child, .remindpurple div.remind-content .datebox div:first-child, .remindpurple div.remind-content .remind-nextbox div:first-child {	
		padding:0.25em 0em;
}
.remindpurple div.remind-content .today div:first-child {
	background-color:#553982;
}
.remindpurple .remind-prevbox div:first-child,.remindpurple .remind-nextbox div:first-child,.remindpurple .datebox div:first-child {
	background-color:#9365B8;
		padding:0.25em 0em;
		text-align:center;
		color:white;
		height:29px;
		overflow:hidden;
}

.remindpink div.remind-content .past div:first-child, .remindblue div.remind-content .past div:first-child, .remindpurple div.remind-content .past div:first-child {
	color:#ccc;
}
.remindpink div.remind-content .past div:last-child, .remindblue div.remind-content .past div:last-child, .remindpurple div.remind-content .past div:last-child {
	background-color:#cfccc7;
}

.remindpink div.remind-content .today div:last-child, .remindblue div.remind-content .today div:last-child, .remindpurple div.remind-content .today div:last-child {
	background-color:#fbebc9;
}
.div_table {
	display:table;
}
.div_tr {
	display:table-row;
}
.div_td {
	display:table-cell;
	float:none;
}
.remind-prevbox, .remind-nextbox {
	width:3%;
}
.remind-prevbox div:last-child, .remind-nextbox div:last-child, .datebox div:last-child {
	background-color:#f4f1ea;
		padding:0.25em 0em;
		text-align:center;
		font-size:1.375em;
		font-weight:bold;
		font-style:italic;
		height:42px;
}

.remind-prevbox div:last-child, .remind-nextbox div:last-child {
	background-color:#eeebe6;
	color:#888;
}
.datebox div a {
	color:orange;
}
.datebox div a.font-blue {
	color:#12b0c9;
}
.datebox div a.font-red {
	color:red;
}


/*意見對話框*/
.mainopinion {
	 position:absolute;
	 right:0;
	 top:0;
	 width:300px;
	 background-color:#5584a2;
	 font-size:13px;
	 font-family:微軟正黑體;
	}
.opinion_box {
	overflow:hidden;
	margin-bottom:5px;
}
.opinion_right{
	width:75%;
	float:left;
}
.opinion_typing {
	overflow:hidden;
	margin-bottom:5px;
	padding:8px 0px;
	background-color:#39617a;
	margin-bottom:0px;
}
.opinion_typing div:first-child{
	width:80%;
	float:left;
}
.opinion_typing div:nth-child(2){
	width:20%;
	float:left;
}
.opinion_title {
	padding:8px;
	font-size:16px;
	color:white;
	background-color:#39617a;
	font-family:微軟正黑體;
	margin-bottom:5px;
	border-bottom:#449dc1 4px solid;
}
.opinion_content {
	overflow:scroll; 
	overflow-x:hidden;
	max-height:300px;
	scrollbar-face-color:#528cb1;
	scrollbar-track-color:#6297b7;
	scrollbar-arrow-color:#375f78;
	scrollbar-shadow-color:#205171;
	border-bottom:#449dc1 4px solid;
}
.opinion_list {
	float:right;
	text-align: center;  
	font-size: 11px;  
	color: white;
	width:18px;
	padding:0px 1px;
	background-color: #54b1d3;
	margin-right: 5px;
}
.opinion_people {
	text-align:left;
	padding-right:12px;
	font-weight:100;
	font-family:微軟正黑體;
	color:white;
}
.opinion_left {
	width:25%;
	float:left;
	text-align:center;
	font-family:微軟正黑體;
	padding:5px;
	box-sizing:border-box;
	color:white;
}
.opinion_left img, .opinion_typing div img{
	margin-bottom:5px;
	width:45px;
	height:45px;
}
.opinion_left div{
	text-align:center;
	font-size:9px;
}
.opinion_tri {
	border:6px solid;
	border-color: transparent #e6ffff transparent transparent;
	float:left;
	margin-top:10px;
}
.opinion_tri2 {
	border:6px solid;
	border-color: transparent transparent transparent #e6ffff;
	float:right;
	margin-top:10px;
}
.opinion_pupple {
	background-color:#e6ffff;
	border-radius:6px;
	padding:8px; 
	word-break: break-all; 
	text-align: left;
	min-height:85px;
	height:auto;
	width:90%;
	font-size:12px;
}	

/* HEADER-ICON */
.user .badge,.header-icon .badge {background-color:#d80000;}
.header-icon {float:right;margin-right:10px}
.header-icon button {background:rgba(0%, 0%, 0%, 0);border:none;color:white;margin-top:16px;position:relative;}
.header-icon .badge {position:absolute;left:15px;top:-5px;} 
.header-icon div {font-size:14px;display:inline-block;text-shadow:0px 0px 3px gray;}

@media screen and (max-width:480px) {
.header-icon div {display:none}
.header-icon span.badge div {display:inline-block;font-size:10px;z-index:10;}
.header-icon {margin-right:0px;}
.header-icon .badge {position:absolute;left:20px;top:-5px;}

    .remind-prevbox, .remind-nextbox {
        display:none;}
    .list-header {
        font-size:1.125em;
    }
.datebox {
	width:100%;
}

.div_table, .div_tr, .div_td {
	display:block;
	overflow:hidden;
}
.datebox {
padding:0px 16px;
background-color:#f4f1ea;
} 
.remind-content {
	overflow:hidden;
	  background-color: #f4f1ea;
}
.remindpurple .datebox div:first-child,.remindpink .datebox div:first-child,.remindblue .datebox div:first-child{
width:70%;
float:left;
height:40px;
line-height:30px;
text-align:left;
color:#666;
background-color:#f4f1ea;
border-top:1px solid #ccc;
border-bottom:1px solid white;
}
.datebox div:last-child {
width:30%;
float:left;
height:40px;
line-height:30px;
border-top:1px solid #ccc;
border-bottom:1px solid white;
padding:4px 0px 4px 0px;
text-align:right;
background-color:#f4f1ea;
color:orange;
}
.datebox div:last-child::after {
content:"件";
text-align:right;
font-size:16px;
color:#666;
font-style:normal;
padding-left:12px;
font-weight:100;
}
.div_tr .div_td:first-child div:first-child{
border-top:5px solid gray;
}

.remindpink div.remind-content .past div:last-child, .remindblue div.remind-content .past div:last-child, .remindpurple div.remind-content .past div:last-child {
	background-color:#F4F1EA;
}
.remindpink div.remind-content .today div:first-child, .remindpurple div.remind-content .today div:first-child, .remindblue div.remind-content .today div:first-child {
	background-color:#FBEBC9;
}
.remindpink .div_td {
	border-right:0px solid gray;
}
div.today{
	background-color:#FBEBC9;
}

}

.badgebox {
	border:1px solid #ddd;
	border-radius:5px;
}
.badgemsg {
	width:100%;
        background-color:#fff
}
.badgemsg_title {
	width:100%;
	background-color:#ddd;
	padding:2px;
}
.badgemsg a {
	font-size:15px;
	color:#0066CC;
	display:block;
	padding:5px;
}
.badgemsg a span {
	display:block;
	font-size:12px;
	color:#999;
}
.badgemsg:not(:first-child) {
	border-top:1px solid #ccc;
}
.control-label {line-height:16px;}

.download_style {
	padding:5px;
	background-color:rgba(255,255,255,0.4);
	border-radius:0 0 5px 5px;
	box-shadow:0px 1px 2px gray;
}
.down_title {
	text-align: center;
	padding-left:10px;
	background-color:#50a5ba;
	margin-top:10px;
}
.form-group table tr{

}
tr:nth-child(even){
	background-color:rgba(0,0,0,0.1);
}
table {
	background-color:rgba(255,255,255,0.4);
	border-radius:0 0 5px 5px;
	box-shadow:0px 1px 2px gray;
}
tr th:first-child, tr td:first-child {
	text-align:center;
}
tr th:last-child, tr td:last-child {
	text-align:right;
	padding-right:20px;
}

th {font-family:微軟正黑體;}
td a {
	color:#06F;
	font-family:微軟正黑體;
}
td a:hover {
	color:#C33;
	background-color:rgba(255,255,255,0.4)
}

.form-group {
overflow:hidden;
}
table {
width:100%;
}
.container .down_title {
color:white;
text-align:left;
}
th {
background-color:#ddd;
height:25px;
}
td {
height:30px;
}
.form1 {
font-weight:500;
color:black;
}