@charset "utf-8";
/* CSS Document */
/*===================共用=================*/
body {
    background-image: url(../images/bg_body.png);
    background-repeat: repeat-x;
}
h1, h2, h3, h4, h5, h6, p, th, td, li, a {
    color:#000000;
    letter-spacing:1px;
    font-family:Helvetica, "Heiti TC", "微軟正黑體", "Microsoft Sans Serif", "Microsoft Sans Serif", "Helvetica", "Geneva", "sans-serif";
}
p {
    font-size: 1em;/*16px;*/
    _font-size: 1em;/*15px;*/
    line-height: 25px;
}
a {
    text-decoration:none;
    outline: none; /* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
/*===================共用=================*/
@media screen and (min-width: 992px) {
    #mainbg {
        width:1003px;
    }
    #mainbg #top {
        width:1003px;
        height:120px;
    }
    #mainbg #top img {
        height:80px;
    }
    /*******/
    #mainbg #aptxt #content table {width: 96%;}
    #mainbg #aptxt #content table tr th {
        padding:9px;
        /*width:200px;*/
        /*nowrap*/
        overflow: hidden;
        white-space: nowrap;
        min-width: 1px;
    }
    #mainbg #aptxt #content table tr td {
        padding:9px;
    }
    /******/
}
@media screen and (max-width: 991.98px) {
    #mainbg {
        width:98%;
    }
    #mainbg #top {
        width:100%;
        height:100%;
    }
    #mainbg #top img {
        width:100%;
    }
    #soundOnZh1 {
        margin:5px 1px;
    }
    #contents111 {
        width:100%;
    }
    /******/
    #mainbg #aptxt #content table {width: 96%;}
    #mainbg #aptxt #content table tr th {
        padding:5px;
        /*width:10px;*/
    }
    #mainbg #aptxt #content table tr td {
        padding:5px;
        /*width:80%;*/
        /*強制折行*/
        word-wrap: anywhere;
    }
    /******/
}
#mainbg {
    z-index:1;
    *margin: 0px auto;
    _margin: 0px auto;
    /*width:1003px;*/
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-image: url(../images/inside_br_bg.jpg);
    background-repeat: repeat;
}
#mainbg #top {
    /*width:1003px;
    height:95px;*/
    z-index:2;
    background-image: url(../images/inside_br.jpg);
    background-repeat: no-repeat;
    /*background-position: 0px -25px;*/
}
/*#mainbg #top h1 {
    background-image: url(../images/mof-mailbox.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin:-75px 0px -140px 10px;
    text-indent: -9999px;
    width: 100%;
    height: 100%;
}*/
/*#mainbg #top h5, #mainbg #top .h5 {
    background-image: url(../images/logo_b.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    text-indent: -9999px;
    width: 305px;
    height: 100%;
}*/
#mainbg #aptxt {
    border: 1px solid #7b8a39;
    background-color: #FFF;
}
#mainbg #aptxt #content table {
    margin:20px auto;
/*    width:80%;*/
    border-collapse: collapse;
    border: 1px solid #BEBEBE;
}
#mainbg #aptxt #content table tr th {
    color:#000;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #BEBEBE;
    /*padding:10px;
    width:200px;*/
    font-weight: normal;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f5f6+0,e3eaed+37,c8d7dc+100;Grey+3D+%234 */
    background: rgb(242,245,246); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2UzZWFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGQ3ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-8 */
}
#mainbg #aptxt #content table tr td {
    background-color: #f5f9fa;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #BEBEBE;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #BEBEBE;
    border-collapse: collapse;
    /*padding:10px;*/
}

#mainbg #aptxt #content #button1, #mainbg #aptxt #content #button2,
  #mainbg #aptxt #content #button3,#mainbg #aptxt #content #button4,
  #mainbg #aptxt #content #button5 {
    margin-left: 30px;
    padding: 5px 30px;
    margin-bottom:20px;
    margin-right:10px;
}
#mainbg #aptxt #content .rb1 {
    line-height: 30px;
    width:90%;
    background-color: #f5f9fa;
    padding:10px;
    border-collapse: collapse;
    border: 1px solid #BEBEBE;
}
#mainbg #aptxt #content .rb1 tr th {
    background-color: #2A5FAA;
    border: 1px solid #A6CAF0;
}
#mainbg #aptxt #content .rb1 tr td {
    border-collapse: collapse;
    border: 1px solid #BEBEBE;
}
#mainbg #aptxt #content .rb1 tr #no {
    text-align: center;
    width: 10%;
}
#mainbg #aptxt #content .rb1 tr #user {
    width: 20%;
}
#mainbg #aptxt #content .rb1 tr #day {
    width: 18%;
}
#mainbg #aptxt #content .rb1 tr #text {
    width: 40%;
}
#mainbg #aptxt #content .rb1 tr #rep {
    width: 12%;
}
#mainbg #aptxt #content .rb1 tr #rep a {
    padding-left:40px;
}
#mainbg #aptxt #content ol li {
    margin-left:90px;
    padding-left: 5px;
    line-height: 30px;
    list-style-type: decimal;
}

/****************************/
.cont table {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;/*13px;*/
    font-weight: normal;
    line-height: 23px;
    color: #343131;
    padding:4px !important; padding: 1px;
    margin:4px !important; margin: 1px;
}
.cont table th {
    background-color:#01519A; 
    background-position: center center;
    color:#FFFFFF;
    padding:5px 0 5px 0;
}
.cont table th.chk {
    background-color:#01519A; 
    background-position: center center;
    color:yellow;
    padding:0px !important; padding:5px 0 5px 0;
}
.cont table tr {
    /*background-color:#D8EBFC;*/
    background-color:#F3F3F3;
    background-position: center center;
    /*vertical-align: top;*/
    padding:1px !important; padding:3px;
}
.cont table tr.row1 { 
    background-color: #FEFDF0;
}
.cont table tr.row2 { 
    background-color: #F2F2FF;
}
.cont table td.row1 { 
    background-color: #FFFDDF;
}
.cont table td.row2 { 
    background-color: #F2F2FF;
}
.cont table td.row3 { 
    background-color: #D8EBFC;
}
.cont table td.row4 { 
    background-color: #FFE5E3;
}
.cont table td.row5 { 
    background-color: #DAFFE1;
}
.cont table td.row6 { 
    background-color: #446D8C;
    color: #FFFFFF;
    font-weight: bold;
}
.cont table td.row7 { 
    background-color: #8ACAFF;
    font-weight: bold;
}
#imp{
    font-size: 0.75em;/*12px;*/
    color:#CC0000;
}