/* 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(/Appendix/resources/images/login_logo2-c8623c2914e428c91f9f4befd4bec357.png);
    background-repeat:no-repeat; 
    padding-top:100px;
    background-size:600px;
}
.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.8);
    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.8);
    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;
}
div.input-group{
    width:100%
}
div.input-group span {
    width:100px
}

#imgcode {

    position: absolute;

    right: 2px;

    top: 3px;

    z-index: 2;

    height: 40px;

    max-width: 27.5%;

}



.container .down_title {

    padding:5px;

    font-weight:bold;

    font-family:微軟正黑體;

}

.download_style .form-group {

    display:flex;

    font-family:微軟正黑體;

    margin-bottom:5px;

}

.download_style .form-group label.control-label {

    line-height: 20px;

    background-color: #ccc;

    padding: 5px;

    font-weight: bold;

    margin-bottom:0px;

    min-height:30px;

}

.download_style .form-group:last-child {

    margin-bottom:0px;

}

.download_style .form-group div {

    line-height: 20px;

    padding: 5px;

    background-color: rgba(255,255,255,.5);

    min-height: 30px;

}



.download_style .form-group div > label {

    margin-bottom: 0px;

    font-weight: 500;

}

/*LAND附件下載區首頁調整*/
.container div div.bs-callout-danger {
    width:350px;
    margin:0 auto;
    padding:0px;
    border:1px solid #aaa;
    margin-bottom:10px;
    background-color:rgba(255,255,255,0.4);
    box-shadow:0 0 3px #bbb;
}

.container div div.bs-callout-danger h4{
    font-family:微軟正黑體;
    font-size:15px;
    font-weight:bold;
    padding:10px;
    margin:0px;
    background-color:#50a5ba;
    border-radius:3px 3px 0 0;
    border-left: 10px solid #fef671;
    text-shadow: 0 0 3px white;
}

.container div div.bs-callout-danger p{
    padding:5px 7px;
    font-size:13px;
    margin:0px;
    border-bottom: 1px dashed #bbb;
}

.container div div.bs-callout-danger p:last-child{
    border-bottom: 0px dashed #ccc;
}

.center {
    margin-top:10px;
}

.center .btn{
    width:98%;
}

.center .btn:hover{
    color:yellow;
}