/* ==========================================================================
   default styles
   ====================
====================================================== */
/* 天佑台灣，天佑高雄 */
/*
body{background-color: #ECECEC !important;}

jsp: X-UA-Compatible" content="IE=9,chrome=1"
html {...} is only for chrome, firefox, ie<=8, useless for ie>=9

<!--[if gt IE 9 | !IE ]><!-->
    <style type="text/css">
    html {
        filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        filter: gray;
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -ms-filter: grayscale(1);
        -o-filter: grayscale(1);
    }

    img {
        filter:none !important;
    }
    </style>
<![endif]-->

html {
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
}


.shadowFrame p, .tabs li, .tabs-header, #banner, .morediv, #search, #search button, #siteInfo > div, #content h1, #content h2, .content_title, #deptTitle{
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
}

img {
    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}
*/
/* God bless Taiwan & Kaohsiung */

*{margin:0px;padding:0px}

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    /*margin: 0.2em 0;*/
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
    position:fixed;
    top:0;
    z-index:100;
    width:1010px;
}
.no-js{

}
/* ==========================================================================
   custom styles
   ========================================================================== */

body{
    /**/
    text-align:center;
    /* use http://gradients.glrzad.com/ CSS3 Gradient Generator */
    /* background-image:url('/theme/default/images/bkg.png'); */
    background-color: #F0EDE1;
/*    background-image: -o-linear-gradient(bottom, rgb(245,247,246) 22%, rgb(255,255,255) 61%, rgb(246,248,247) 81%);
    background-image: -moz-linear-gradient(bottom, rgb(245,247,246) 22%, rgb(255,255,255) 61%, rgb(246,248,247) 81%);
    background-image: -webkit-linear-gradient(bottom, rgb(245,247,246) 22%, rgb(255,255,255) 61%, rgb(246,248,247) 81%);
    background-image: -ms-linear-gradient(bottom, rgb(245,247,246) 22%, rgb(255,255,255) 61%, rgb(246,248,247) 81%);
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.22, rgb(245,247,246)),
            color-stop(0.61, rgb(255,255,255)),
            color-stop(0.81, rgb(246,248,247))
    );*/
    background-repeat: repeat-x;
    /*background-size: 1px 3px;*/
    behavior:url(/js/PIE.htc);
}
#wrap{
    width:1010px;
    margin:0px auto;
    position: relative;
}
#topNav{
    width: 460px;
    line-height: 1.5em;
    margin-left: 17px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    /*color: white;*/
    text-align: left;
    position: absolute;
    left: 159px;
    bottom: 133px;
    right: 162px;
    z-index: 100;
    behavior: url(/js/PIE.htc);
    /*
    width:460px;
    height:24px;
    margin-left:532px;
    padding-top:2px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    color:white;
    font-size: medium;
    font-family:"Microsoft JhengHei";
    background-color:#39b1bf;
    position: absolute;
    top: 10px;
    z-index: 100;
    behavior:url(/js/PIE.htc);
    */
}
#topNav a{
    display: inline-block;
    line-height: 1.4em;
    text-indent: 17px;
    font-size: 0.8em;
    text-decoration: none;
    color: #FFF;
    margin: 0 4px;
    background: url(/theme/default/images/item.png) no-repeat;
}
#topNav a:hover{ text-decoration : underline; }

#deptTitle{
    position: absolute;
    left:456px;
    bottom:97px;
    width:300px;
    height:43px;
}

#deptNav{
    position: absolute;
    left:225px;
    bottom:19px;
    width:540px;
    height:72px;
}

#deptNav a{
    display: list-item;
    float: left;
    margin: 2px 0.6em;
    list-style-position: inside;
    color: #000;
}

#banner{
    position: relative; /* 做外框的坐標參考 */
    /*margin-top:14px;*/
    width:100%;
    height:371px;
    background-image:url('/theme/default/images/title.png');
    /*border:1px solid white;*/
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius:11px;
    behavior:url(/js/PIE.htc);
}
#bannerFrame{ /* banner 的外框(陰影部分) */
    position: absolute;
    top:-4px;
    left:-4px;
    width:1002px;
    height:183px;
    border:5px solid #dbdbdb;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius:11px;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=20);
    /* Netscape */
    -moz-opacity: 0.5;
    /* Safari 1.x */
    -khtml-opacity: 0.5;
    /* Good browsers */
    opacity: 0.5;
    behavior:url(/js/PIE.htc);
}
#bannerFrame div{ /* banner 的外框(框線部分) */
    width:1003px;
    height:183px;
    margin:-1px auto auto -1px;
    border:1px solid #949494;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius:11px;
    behavior:url(/js/PIE.htc);
}
/* shadowFrame begin */
.shadowFrame{
    position: relative;
    margin: 40px auto 60px;
    background-color: #FFF;
    min-height: 80px;
    font-size: medium;
    font-family: "Microsoft JhengHei";
}

.shadowFrame ul{
    list-style-type: none;
}

/* frameset theme */
.frameSet1  > div:first-child p{
    background: url('/theme/default/images/menu-top-1.png') no-repeat;
}

.frameSet1 ul li div a {
    background: url(/theme/default/images/item-1.png) 3px 7px no-repeat;
}

.frameSet2  > div:first-child p{
    background: url('/theme/default/images/menu-top-2.png') no-repeat;
}

.frameSet2 ul li div a {
    background: url(/theme/default/images/item-2.png) 3px 7px no-repeat;
}

.frameSet3  > div:first-child p{
    background: url('/theme/default/images/menu-top-3.png') no-repeat;
}

.frameSet3 ul li div a {
    background: url(/theme/default/images/item-3.png) 3px 7px no-repeat;
}
/* frameset theme end */

.shadowFrame > ul{
    background: url(/theme/default/images/menu-mid.png) 0px 0px repeat-y;
}

.shadowFrame > div.bottomdiv{
    background: url(/theme/default/images/menu-bottom.png) no-repeat;
    height: 22px;
    margin-top: -4px;
}

.shadowFrame ul li{
}
.shadowFrame ul li div{
    /*position: inherit;*/
    position: relative;
    margin: 4px 4px;
    text-align: left;
}

.shadowFrame ul li div a{
    display: block;
    border-bottom: 2px #C9C9C9 dotted;
    margin: 4px 10px;
    padding: 2px 0px;
    color:#5E5E5E;
    text-decoration:none;
    padding-left: 1.2em;
}
.shadowFrame ul li div a:hover{
    background-color: #F0F0F0;
    color:black;
}

/*
.shadowFrame ul li div a:before{
    content:'» ';
    color:#99ca5f;
}
*/

.shadowFrame ul li ul li a:before{
    content:'';
}
.shadowFrame ul li ul{
    margin:5px 10px;
    background-color:#F3F3F3;
}
.shadowFrame ul li ul li{
}
.shadowFrame ul li ul li a{
    border:0px;
    background-image:none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius:0px;
    color:#818181;
    behavior:url(/js/PIE.htc);
}
.shadowFrame>div:first-child{ /* 標題的 icon */
    width: 183px;
    height: 76px;
    color: #FFF;
    margin-top: -42px;
    /*left:2px;*/
    /*
    position:absolute;
    top:-26px;
    background-image:url('/theme/default/images/frameIcon.gif');
    width:152px;
    height:53px;
    color:#498d02;
    background-repeat:no-repeat;
    */
}
.shadowFrame>div:first-child p{ /* 標題 */
    height: 76px;
    font-weight: 600;
    /*background: url('/theme/default/images/menu-top-1.png') no-repeat;*/
    padding-top: 30px;
    text-indent: -35px;
    /*
    margin:48px 8px 0 0;
    padding-left:30px;
    height:22px;
    border-bottom:2px dotted #498d02;
    font-weight:600;
    */
}
/* shadowFrame-end */
#doc{
    width: 991px;
    background-color: #FFF;
    margin-left: 8px;
    margin-top: 0;
}

#doc > tbody{
    vertical-align: top;
}

/* nav-begin 功能表導覽區 */
#navTd{
    vertical-align: top;
    width: 183px;
}
#navRef{
    /*position: relative;*/
}
#nav{
    width: 183px;
    margin-top: 0px;
    margin-left: 10px;
}
/* nav-end */
/* ext-begin 右半部廣告區 */
#extTd{
    position: relative;
    vertical-align: top;
    width:18%;
}
#extRef{
    /*position: relative;*/
}
#ext{
    /*position: absolute;*/
    /*top:-60px;*/
    /* *top:-10px;  /*for IE7*/
    /*left:10px;*/
    /*height:300px;*/
    width:164px;
    margin-top: -40px;
    /*margin-left: 10px;*/
}
/* ext-end */
/* foot-begin 版權宣告 */
#foot{
    height: 127px;
    padding-top: 2.6em;
    background: url(/theme/default/images/bottom.png) no-repeat;
    text-align: center;
    font-size: 0.8em;
    font-family: "Microsoft JhengHei";
}
#foot p{
    line-height: 1.6em;
    margin: 0 auto;
}
/*
#foot p:first-child{
    margin-top:16px;
}
*/
#foot p span{
    margin:2px 10px 2px 10px;
}
#foot a{
    margin:2px 10px 2px 10px;
    text-decoration : none;
    /*color:white;*/
}
#foot a:hover{ text-decoration : underline; }
/* foot-end */
/* search begin */
#search{
    position: relative;
    width: 187px;
    height: 159px;
    background: url(/theme/default/images/search_box.png) -6px 1px no-repeat;
    margin-left: -3px;
}

#search form:first-child{ /* 標題的 icon */
    position: absolute;
    top: 73px;
    left: 5px;
    width: 160px;
    height: 73px;
}

#search input{ /* 輸入區 */
    border: 2px solid #BBB;
    width: 128px;
}
#search button{ /* 送出按鈕 */
    border: 0px;
    background-color: #FFF;
    background: url(/theme/default/images/search_btn.png);
    width: 82px;
    height: 29px;
    margin-left: 42px;
    margin-top: 11px;
}
/* search-end */
/* ad-begin */
#ad{
    height:660px;
    overflow:hidden;
    width: 162px;
}
#ad ul{
    overflow:hidden;
}
#ad a img{
    /*width:158px;*/
    width:96%;
}
/* ad-end */
/* siteInfo begin */
#siteInfo{
    position:relative;
    margin:30px auto 20px auto;
    -webkit-box-shadow:0px 0px 0px 4px rgba(237, 237, 235, 1);
    box-shadow:0px 0px 0px 4px rgba(237, 237, 235, 1);
    /*border:1px solid #4ab7bc;*/
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    background-color:#E7E7E7;
    min-height:80px;
    font-size:medium;
    font-family:"Microsoft JhengHei";
    behavior:url(/js/PIE.htc);
}
#siteInfo div{
    display: inline-block;
}
#siteInfo div:first-child{ /* 標題的 icon */
    position:absolute;
    top:-26px;
    left:2px;
    background-image:url('/theme/default/images/frameIcon.gif');
    width:160px;
    height:53px;
    color:white;
    background-repeat:no-repeat;
}
#siteInfo div p:first-child{ /* 標題 */
    margin:24px 4px 10px 60px;
    padding-left:30px;
    height:4px;
    border-bottom:2px dotted white;
}
#siteInfo div p:last-child{ /* 結尾 */
    margin:10px 4px 20px 4px;
    padding-left:30px;
    height:4px;
    border-bottom:2px dotted white;
}
#siteInfo div ul li{
    list-style-type:none;
    margin:4px;
    font-size:small;
    text-align:left;
    /*color:#097484;*/
}
#siteInfo div ul li:before{
    content:'■';
    /*color:#f3efaf;*/
    text-shadow: 2px 3px 2px #ACACAC;
    margin-right:8px;
}
/* siteInfo end */
#content{
    float:none;
    width: 100%;
    height: 100%;
    min-height: 780px;
    max-width: 800px;
    overflow: hidden;
    margin: 0 auto 1.4em;
    text-align: left;
    padding-bottom: 0.5em;
}


/*id=bulletin*/
#bulletin .datagrid-btable td[field="title"] div{
    white-space: pre-wrap;
}

#bulletin .datagrid-btable td[field="title"] a{
    text-decoration: none;
    font-size: 1em;
}

/* common setting */
a {
    text-decoration: none;
    color: rgb(95, 108, 211);
}

body{
    font-family: "微軟正黑體";
}

.content_title{
    margin: 0 auto 0.8em;
    padding-left: 0.3em;
    width: 53%;
    text-align: center;
    font-size: 1.6em;
    font-family: 微軟正黑體;
    line-height: 2.2em;
    letter-spacing: 0.4em;
    font-weight: 600;
    color: #5573B3;
    background: no-repeat url(/theme/template/images/bulletin/bulletin.title.jpg) -5px 1px;
}

.datagrid_wrapper{
    width:616px;
    margin:0px auto;
    -webkit-box-shadow: 6px 6px 5px 0px rgba(201,201,201,1);
    -moz-box-shadow: 6px 6px 5px 0px rgba(201,201,201,1);
    box-shadow: 6px 6px 5px 0px rgba(201,201,201,1);
}

.datagrid{
        margin:2px auto;
        font-size:medium;
}

.datagrid-header{
    height: 1.8em !important;
}

.datagrid-header td{
    border-width: 2px 0px 1px;
    padding:0.4em 0px;
}

.datagrid-header-row div, .datagrid-header-row span{
    font-size: 1em !important;
    font-family: 微軟正黑體 !important;;
    text-align: center !important;;
}

.datagrid-wrap{
    border-width: 0px;
}

.datagrid-body{
    overflow:hidden;
    border-width: 0px;
}

.datagrid td {
    /*padding-top: 10px;*/
    padding-top: 0px !important;
    line-height: 1.4em;
    border-width: 0px;
}

.datagrid-cell{
    font-size: 1em;
    font-family: 微軟正黑體;
    color:#4D757A;
    text-decoration : none;
    white-space: normal;
    text-align: center;
    line-height: 1.8em;
}

.datagrid-cell a{
    text-decoration: none;
    color:#4D757A;
    display: list-item;
    list-style-position: outside;
    margin-left: 1em;
    line-height: 1.2em;
    padding: 0.2em 0px;
}

.pagination table {
    margin-left: 3em;
}

.pagination-info {
line-height: 4em;
padding-right: 3em;
}

.pagination-btn-separator{
    border:0px;
}

.pagination table {
    height: 3em;
}

.gsc-adBlock {
    display:none !important;
}