﻿/*header start*/
header {
}
/*目前位置 css*/
.currentmap {    
    width: 100%;
    padding-left: 10px;    
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 2px;
    /*box-shadow: inset 0px 2px 2px 0 rgba(48,56,64,0.16);
    -moz-box-shadow: inset 0px 2px 2px 0 rgba(48,56,64,0.16);
    -webkit-box-shadow: inset 0px 2px 2px 0 rgba(48,56,64,0.16);*/
    /*background-color: #eee;*/
    background-color: #fff;
    /*box-shadow: 0px 1px 2px 0 rgba(48,56,64,0.16);*/
    box-shadow: 1px 1px 5px rgba(0,0,0,.25);
}

.currentmap-forLogin {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    box-shadow: inset 0px 2px 2px 0 rgba(48,56,64,0.16);
    -moz-box-shadow: inset 0px 2px 2px 0 rgba(48,56,64,0.16);
    -webkit-box-shadow: inset 0px 2px 2px 0 rgba(48,56,64,0.16);
}


.currentmap_inner {
    line-height: 2;
    font-size: 15px;
}

    .currentmap_inner a {        
        color: #914A29;
    }

        .currentmap_inner a:hover {
            /*color: #69340F;*/
            border-bottom: 2px solid #914A29;
        }

.lbl_currentMap a.currentmap-active {
    color: #914A29;
    font-weight: 600;
}

    .lbl_currentMap a.currentmap-active:hover, a.currentmap-active:hover:focus {
        color: #914A29;
        border-bottom: 2px solid #914A29;
    }


.lbl_currentMap a.currentmap-noactive {
    color: #333;
}

.lbl_currentMap {    
}

    .lbl_currentMap a:hover, .lbl_currentMap a:focus {
        /*color: #000;*/
        /*text-decoration: underline;*/
        border-bottom: 2px solid #333;
    }
/*.currentmap-active a:hover, a:focus {
    color: green;
    text-decoration: none;
}*/

.header-div {    
    height: 75px;    
    border-bottom: 1px solid rgba(48,56,64,0.16)
}

.header-bg-img {
    background-color: #fff;
    /*background-color: #384450;*/
    /*padding-top: 15px;*/
    /*height: 150px;*/
    /*height: 107px;*/
    /*margin-bottom: -51px;*/
    /*background-color: rgba(255, 255, 255, .1);*/
    /*background-attachment: fixed;*/ /*這是變成浮水印*/
    /*透明度 0.6 的黑色半透明遮罩*/
    /*background-blend-mode: color;*/
    /*background: rgba(0,0,0,0) url("../../Images/MasterPage/t1.jpg") no-repeat left;*/
    /*background: rgba(0,0,0,0) url("../../Images/MasterPage/title_2021_2.png") no-repeat left;*/
    /*    background-size: cover;
    background-position: center center;
    background-color: rgba(10%, 10%, 10%, .9);*/
    /*mix-blend-mode: color;*/
    /*height:auto;*/
    /*background-repeat: repeat;
    background-image: url("../../Images/MasterPage/5.jpeg");
    
    background-position: left top;
    background-attachment: fixed;*/
}

.header-div-title {    
    font-size: 26px;    
    padding: 0px;
    margin: 0px;    
    padding-top:10px;
}

    .header-div-title a {        
        color: darkslategray;        
        text-decoration: none;        
    }
        .header-div-title a:hover, .header-div-title a:focus {            
            border-bottom: 2px solid #666;
        }

.header-div-div {
    padding-left: 10px;
    display: flex;
    align-items: center;
    /*justify-content: center;*/
}

.header-title-website {
    font-size: 16px;
    font-weight:bolder;
    padding: 0px;
    margin: 0px;
}

.header-bg-mask {
    /*height: 107px;*/
    /*background: linear-gradient(70deg, rgba(110, 159, 187, 0.1),rgba(110, 159, 187, 0.5),  rgba(110, 159, 187, 0.5),rgba(110, 159, 187, 0.1));*/
    /*background: radial-gradient(circle farthest-corner at left,rgba(110, 159, 187, 0.5), rgba(110, 159, 187, 0.3), rgba(110, 159, 187, 0.1), rgba(110, 159, 187, 0.4),rgba(95, 182, 156, 0.3));*/
    /*box-shadow: 0 0 7px 3px rgba(110, 159, 187, 0.5);*/
    /*background: conic-gradient(white, black);*/
    /*background: conic-gradient(#f00, #f50, #ff0, #0c0, #09d, #03a, #909, #f00);*/
    /*border-top: 20px red solid;*/
    /*border-bottom: 5px red solid;*/
    /*background-color: rgba(220, 220, 220, .5);*/
    /*background-color: rgba(70, 158, 225, .5);*/
    /*background-color: rgba(110, 159, 187, 0.5);*/
    /*最後使用這個，但先不要用了*/
    /*background-color: rgba(110, 159, 187, 0.5);*/
    /*background-color: rgba(48, 56, 64, .6);*/
}
    .header-bg-mask:hover {
        /*background-color: rgba(48, 56, 64, .6);*/
    }

.header-a-img {
    vertical-align: text-top;
    height: 50px;
    /*padding-left: 5px;*/
    padding-right: 2.5px;
}

.header-title {
    /*background: -webkit-linear-gradient(bottom,#81411a 0,#8f5622 26%,#9b692a 50%,#c09034 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    /*color: transparent;*/
    /*font-size: 40px;*/
    font-weight: bolder;
    /*text-shadow: 5px 5px 3px #333;*/
    /*text-shadow: 3px 3px 4px darkgrey;*/
    /*text-shadow: 1px 1px 2px darkgrey;*/
    letter-spacing: 0px;
    /*color: #0367A6;*/
}

.header-subtitle {
    /*padding-top: 2px;*/
    padding-bottom: 5px;
    font-size: 16px;
    font-family: Trebuchet MS;
    /*color: #eee;*/
    /*color: #428bca;*/
    color: darkslategrey;
    letter-spacing: .5px;
    font-weight: 100;
    /*color: rgba(48, 56, 64, 1);*/
}

/*header end*/


/*tabs start*/
.tabs {
    /*border-bottom: 3px solid #ccc;*/
}



/*contnet start*/

/*@media only screen and (max-width: 600px) {.wrapper {padding-bottom: 0px;}}*/
/*@media(min-width:600px) {.wrapper {padding-bottom: 100px;}}*/

/*contnet end*/

/*footer start*/
.cls_Footer {
    color: #444;
    width: 100%;
    background: #f6f6f6 url("../../Images/MasterPage/grad3.gif") repeat-x scroll center bottom;
    border-top: 3px solid #ccc;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 0px;
}
@media only screen and (max-width: 600px) {
    .cls_Footer {
        padding-bottom: 12px;
        padding-top: 12px;
    }
}

@media (min-width:600px) and (max-width: 1835px) {
    .cls_Footer {
        position: fixed;
        left: 0;
        bottom: 0;
        padding-bottom: 3px;
        padding-top: 3px;
    }
}
@media(min-width:1836px) {
    .cls_Footer {
        position: fixed;
        left: 0;
        bottom: 0;
        padding-bottom: 18px;
        padding-top: 18px;
    }
}

.cls_Footer_A {
    color: #428bca;
    text-decoration: none;
}

    .cls_Footer_A:hover, .cls_Footer_A:active, .cls_Footer_A:focus {
        color: darkblue;
    }

.footer_Float {
    float: left;
    padding-right: 40px;
    padding-top: 3px;
    padding-bottom: 3px;
}
/*footer end*/




/*a {    
    outline: none; /* for Firefox Google Chrome */
    /*behavior: expression(this.onFocus=this.blur()); for IE */
   /* text-decoration: none;
    cursor: pointer;
}*/
/*a img {border:0px;}*/

.div_Outer {
    padding-left: 10px;
    padding-top: 10px;
}










.div_Jump {
    margin-top: 20px;
    margin-bottom: 20px;
}
.div_Title_Right {
    margin-top: 10px;
    padding-right: 20px;
}

.div_Index_Reduce_1 {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    width: 100%;
    max-width: 350px;
}


.div_Bottom_Green2 {
    color: #EEEEEE;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 60px;
    /*background-color: #048478; */
    background-color: rgba(20%,50%,20%,1);
    border-radius: 0px 0px 10px 10px;
}


.div_Top_Green {
    font-size: 24px;
    color: #EEEEEE;
    margin-top: 10px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    height: 80px;
    /*width:240px;*/
    /*background-color: #03635a; */
    background-color: rgba(20%,40%,20%,.8);
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0px 1px 3px 0px darkgrey;
}

.div_Bottom_Green {
    color: #EEEEEE;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 60px;
    /*background-color: #048478; */
    background-color: rgba(20%,50%,20%,.5);
    border-radius: 0px 0px 10px 10px;
}


/*table1*/
.Table_Green {
    width: 100%;
    border-top: 1px solid grey;
    color: black;
    text-align: center;
}

    .Table_Green tr:nth-child(even) {
        /*奇數行CSS*/
        background: rgba(250,250,250,.2);
        /*background: rgba(230,230,230,.8);*/
        /*color:#404040;*/
    }

    .Table_Green tr:nth-child(odd) {
        /*偶數行CSS*/
        /*background: rgba(250,250,250,.1);*/
        color: black;
    }

    .Table_Green td:nth-child(odd) {
        /*奇數列CSS*/
        border-left: 1px solid grey;
        border-bottom: 1px solid grey;
    }

    .Table_Green td:nth-child(even) {
        /*偶數列CSS*/
        border-left: 1px solid grey;
        border-bottom: 1px solid grey;
    }

    .Table_Green td:nth-child(1) {
        border-left: none;
        /*height:100px;*/
        padding-top: 5px;
        padding-bottom: 5px;
    }













/* 置頂選單 */
.cls_TopMenu {
    /*background: url("../../Images/MasterPage/TopMenu_BG.jpg") repeat-x top left;
    height: 36px;*/
    line-height: 41px;    
    /*padding-left: 20px;*/
    /*float:left;*/
}

/* 置頂選單 UL */
.cls_TopMenu_UL {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 16px;    
}

    /* 置頂選單 LI */
    .cls_TopMenu_UL li {
        /*background: rgba(0,0,0,0) url("../../Images/MasterPage/Menu_Item_BG.jpg") no-repeat scroll right center;*/
        margin: 0;
        font-weight: bold;
        color: #666;
        cursor: pointer;
        display: block;
        float: left;
        /*border-top: .5px solid rgba(20%,50%,20%,.7);
        border-left: .5px solid rgba(20%,50%,20%,.7);
        border-right: .5px solid rgba(20%,50%,20%,.7);
        border-bottom: .5px solid rgba(20%,50%,20%,.7);*/

    }

        /* 置頂選單 超連結 */
        .cls_TopMenu_UL li a {
            color: #000;
            padding: 10px 20px;
            text-decoration: none;
            background: rgba(0%,30%,80%,.5);
            /*background: rgba(20%,50%,20%,1);*/
        }

/* 置頂選單 滑鼠移動效果 */
    .cls_TopMenu_UL li:hover,
    .cls_TopMenu_UL li:active,
    /*.cls_TopMenu_UL li:focus{background:#F6F6F6}*/
    .cls_TopMenu_UL li:focus {
        color: #fff;
        background: rgba(20%,50%,20%,1);
    }

        .cls_TopMenu_UL li a:hover {
            color: #fff;
            background: rgba(0%,30%,80%,1);
            /*background: rgba(20%,50%,20%,1);*/
        }

/* 置頂選單 已選擇 */
.cls_TopMenu_UL .cls_TopMenu_Current{background:#fff}



#divHTML {    margin-top: 0px;    margin-bottom: 10px;    padding-left: 5%;}

/* 左側選單框架 */
.cls_LeftMenu{padding:25px 25px 0px 25px}
.cls_LeftMenu a{color:#799e07;font-size:13px;}
.cls_LeftMenu a:hover,
.cls_LeftMenu a:active,
.cls_LeftMenu a:focus{color:#333}
.cls_LeftMenu_Bottom{background:url("../../Images/Main/Index/hdot.gif") repeat-x center bottom;margin-top:30px;margin-bottom:10px;height:2px}

/* 左側選單標題 */
.cls_LeftMenu_Title{color:#799e07;font-family:"微軟正黑體","Segoe UI",Arial,Helvetica,sans-serif;font-weight:bold;font-size:15px}
.cls_LeftMenu .cls_LeftMenu_Sub{border-top:1px dotted #BBB;border-bottom:1px dotted #BBB;padding:3px 0 5px 5px;color:#333;width:100%;display:block}
.cls_LeftMenu .cls_LeftMenu_Sub:hover{background:#ddd}
.cls_LeftMenu .cls_LeftMenu_Sub_Current{border-top:1px dotted #BBB;border-bottom:1px dotted #BBB;padding:3px 0 5px 5px;width:100%;display:block;color:#799e07;font-weight:bold;background:#fff}
.cls_LeftMenu .cls_LeftMenu_Sub_Current:hover{background:#fff;color:#799e07}
.cls_LeftMenu .cls_LeftMenu_Sub_MenuList{padding:3px 0 5px 5px;width:100%;display:block;color:#799e07;}

/* 主內容路徑 */
.cls_Nav_URL{color:#799e07;text-decoration:none;font-size:10px}
.cls_Nav_URL:hover,
.cls_Nav_URL:active,
.cls_Nav_URL:focus{color:#333}
.cls_Nav_Txt{color:#bbb;text-decoration:none;font-size:10px;cursor:text}

/* 頁面標題 */
.cls_Nav_Title{margin-top:10px;margin-bottom:10px;color:#333;font-size:25px;font-weight:bold;display:block;font-family:"微軟正黑體","Segoe UI",Arial,Helvetica,sans-serif}

.cls_Condition{font-size:12px}



/* 查無資料 */
.tb_EmptyData {border-collapse: collapse; border:none; width:100%;margin-top:5px;}
.tb_EmptyData th{border-collapse:collapse;border-right:1px solid #fff;padding:4px;background:#444;color:#fff;text-align:left;font-weight:normal}
.tb_EmptyData td{border-collapse: collapse; border-bottom:1px dotted #BBB; color:Red; text-align:center;padding: 8px 5px;text-align:center}

/* 分頁CSS */
/*.PagerCss {font-size: 13px;text-align:center;}
.PagerCss table {border-collapse: collapse;border-top:1px solid #BBB;margin-top:30px;}
.PgerCss table td {border:none; height:45px; padding-top:5px; padding-bottom:3px;}*/
/*.PagerCss a          {background:#FFF; text-decoration: underline; font-family:Arial; font-weight:bold; COLOR: #799e07; border:1px solid #FFFFFF; padding:3px 7px 1px 7px; margin-right:10px; cursor:pointer}/*超連結*/
/*.PagerCss a:hover    {background:#FFF; text-decoration: underline; font-family:Arial; font-weight:bold; COLOR: #333333; border:1px solid #C1C1C1; padding:3px 7px 1px 7px; margin-right:10px;}/*滑鼠移至*/ 
/*.PagerCss a:visited  {background:#FFF; text-decoration: underline; font-family:Arial; font-weight:bold; COLOR: #799e07; border:1px solid #C1C1C1; padding:3px 7px 1px 7px; margin-right:10px;}/*瀏覽過*/
/*.PagerCss span       {background:#FFF; text-decoration: none; font-family:Arial; font-weight:bold; COLOR: #333333; border:1px solid #FFFFFF; padding:3px 7px 1px 7px; margin-right:10px;}/*目前頁*/
/*.PagerCss .PrevNext  {border:none; }
.PagerCss .PrevNext:hover {border:none; }
.PagerCss .nPrevNext {border:none; color:#333333; cursor:text; text-decoration:none;}
.PagerCss .nPrevNext:hover {border:none; color:#333333; cursor:text; text-decoration:none;}
.PagerCss .PageNote{border:none; color:#666666; cursor:text; float:right; padding:0px;}*/

/* 文章詳細內容 */
.cls_Detail_Title{display:block;font-family: "微軟正黑體","Segoe UI",Arial,Helvetica,sans-serif;color:#333333;font-size:25px;margin-top:15px;}
.cls_Detail_PublishDate {border-top:1px dotted #bbb;color:#666666; font-size:12px; margin-top:10px;margin-bottom:15px; background: #ececec url("../../Images/Common/icon-date.gif") no-repeat 7px 7px;padding: 8px 8px 8px 30px;}

.link_document_btn a {
    background: #799e07 url("../images/ui/icon_link_04.gif") no-repeat scroll right center;
    border: 1px solid #5a7605;
    color: #ffffff;
    padding: 3px 28px 3px 8px;
    text-decoration: none;
}

/* 下載連結 */
.link_document {
    background: #ffffcc url("../../Images/Main/icon_paper.gif") no-repeat scroll 0 0;
    display: block;
    font-size: 13px;
    line-height: 190%;
    padding: 10px 10px 9px 45px;
}

/* 共用表格 */
.table_white       {border-collapse:collapse}
.table_white th    {background:#555 none repeat scroll 0 0;border:1px solid #999;color:#fff;padding:5px;text-align:left}
.table_white th p  {color:#fff}
.table_white td    {border:1px solid #999;padding:5px;text-align:left}
.table_white td p  {margin:0;padding:0}

.table_black        {border-collapse:collapse}
.table_black th     {background:#555 none repeat scroll 0 0;border:1px solid #999;color:#fff;padding:5px;text-align:center}
.table_black th p   {color:#fff}
.table_black td     {border:1px solid #999;padding:5px;text-align:center}
.table_black td p   {margin:0;padding:0}

.table_black_left        {border-collapse:collapse}
.table_black_left th     {background:#555 none repeat scroll 0 0;border:1px solid #999;color:#fff;padding:5px;text-align:left}
.table_black_left th p   {color:#fff}
.table_black_left td     {border:1px solid #999;padding:5px;text-align:left}
.table_black_left td p   {margin:0;padding:0}













/*----摘錄自水公開----*/




.title_Main {
    font-size: 20px;
    font-weight: bolder;
}


.align_Center {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

.Padding_All_0 {
    padding: 0px;
}

.Padding_All_10 {
    padding: 10px;
}

.Padding_T_25 {
    padding-top: 25px;
}

.Padding_R_5 {
    padding-right: 5px;
}

.Padding_L_5 {
    padding-left: 5px;
}

.Padding_L_10 {
    padding-left: 10px;
}

.Padding_L_20 {
    padding-left: 20px;
}

.Padding_LRB_30 {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
}



.txt_12 {
    font-size: 12px;
}

.txt_14 {
    font-size: 14px;
}

.txt_16 {
    font-size: 16px;
}

.txt_20 {
    font-size: 20px;
}

.txt_14 tr {
    font-size: 14px;
}

.txt_Bolder {
    font-weight: bolder;
}

.txt_Center {
    text-align: center;
    /*margin-right:auto;
    margin-left:auto;
    color:rebeccapurple;*/
}

.txt_L {
    text-align: left;
    /*margin-right:auto;
    margin-left:auto;
    color:rebeccapurple;*/
}

.txt_R {
    text-align: right;    
}


.txt_FontFamily {
    font-family: 'Microsoft JhengHei','Times New Roman','Arial';
}

.txt_Yellow {
    /*background-color: rgba(100%,70%,0%,.6);*/
    /*color: hsl(20, 100%, 20%);*/
    color: rgba(55%,35%,10%,1);
}

.txt_Green {
    /*background-color: rgba(0%,70%,0%,.4);*/
    color: rgba(0%,50%,0%,1);
}

.txt_Blue {
    /*background-color: rgba(5%,25%,80%,.4);*/
    color: rgba(2.5%,20%,70%,1);
}

.txt_Red {
    /*background-color: rgba(5%,25%,80%,.4);*/
    color: rgba(80%,0%,0%,1);
}

.txt_Gray {
    /*background-color: rgba(50%,50%,50%,.4);*/
    color: rgba(20%,20%,20%,1);
}


.txt_LittleBlue{
    color:blue;
}


.flost_right {
    float: right;
}



.fake_TextBox {
    background: rgba(60%,80%,80%,.2);
    border: 1px solid rgba(80%,80%,80%,1);
}







.div_Top {
    /*width: 100%;*/
    /*height: 100px;*/
    /*margin-top: 5px;*/
    padding-top: 13px;
    padding-bottom: 13px;
    /*background-color: #dedcdc; /*rgba(100%,70%,0%,.6);*/
    background-color: rgba(20%,20%,20%,.1);
    /*border-bottom: 1px solid rgba(20%,20%,20%,.5);*/
    /*box-shadow: 0px 1px 3px 0px darkgrey;*/
    /*background-color: rgba(40%,40%,40%,.1);*/
    box-shadow: 0px 0px 2px 0px darkgrey inset;
}

.div_Bottom {
    /*margin-top: 5px;*/
    /*background-color: rgba(5%,25%,80%,.4);
    border-color: rgba(5%,25%,80%,1);*/
    /*box-shadow: 0px 1px 4px 0px darkgrey;*/
    /*box-shadow: 0px 1px 3px 1px darkgrey;*/
    background-color: rgba(40%,40%,40%,.1);
    box-shadow: 0px 0px 2px 0px darkgrey inset;
}

.div_Yellow {
    background-color: rgba(100%,70%,0%,.6);
}

.div_Green {
    background-color: rgba(0%,70%,0%,.4);
}

.div_Blue {
    background-color: rgba(5%,25%,80%,.4);
}

.div_Gray {
    background-color: rgba(50%,50%,50%,.4);
}

.noUnderLine {
    color: #333333;
}

    .noUnderLine :active {
        text-decoration: none;
        color: #333333;
    }

    .noUnderLine:hover {
        text-decoration: none;
        color: #333333;
    }



.div_Top_2 {
    color: white;
    /*width: 100%;*/
    /*height: 100px;*/
    /*margin-top: 5px;*/
    padding-top: 13px;
    padding-bottom: 13px;
    /*background-color: rgba(100%,70%,0%,.6);*/
    /*background-color: rgba(50%,50%,50%,.3);*/
    background-color: #eeeeee;
    /*border-bottom: 1px solid rgba(20%,20%,20%,.3);*/
    vertical-align: central;
    /*color: whitesmoke;*/
}

.div_Bottom_2 {
    color: white;
    /*margin-top: 5px;*/
    /*background-color: rgba(100%,70%,0%,.3);*/
    background-color: #eeeeee;
    /*background-color: rgba(5%,25%,80%,.4);
    border-color: rgba(5%,25%,80%,1);*/
}



.siteMap_table {
    font-size: 14px;
}

.cls_LV2 {
    font-size: 20px;
    font-weight: bolder;
    /*padding-top: 10px;
    padding-bottom: 10px;*/
}

.cls_LV3 {
    font-size: 18px;
}



.Current_Possition {
    padding-top: 15px;
    margin-bottom: 15px;
    text-align: left;
    font-size: 16px;
    color: black;
}

    .Current_Possition a {
        text-align: left;
        font-size: 16px;
        color: black;
    }

.default_Div {
    width: 100%;
    max-width: 480px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    /*padding-bottom:0px;*/
    /*border: 1px solid black*/
}

.big_Div {
    width: 100%;
    margin-left: 6%;
    /*margin-right: 10px;*/
    /*border: 1px solid green;*/
    /*height:500px;*/
}
