@charset "utf-8";
/* CSS Document */
@import url("reset.css");

body {
    font-family: "微軟正黑體";
    line-height: 1.7;
    background-image: url(../images/g_bg02.jpg);
    font-size: 14px;
}

.wrapper {
    min-width: 990px;
    min-height: 990px;
    position: relative;
    background-image: url(../images/g_bg01.jpg);
    background-repeat: no-repeat;
}

a, a:hover {
    text-decoration: none;
}

.top {
    height: 83px;
}

.top_right {
    height: 83px;
    width: 260px;
    background-image: url(../images/g_top_bg01.jpg);
    float: right;
}
    .top_right ul {
        padding-left: 91px;
        padding-top: 8px;
    }

    .top_right li {
    }

        .top_right li a {
            display: block;
            height: 17px;
            background-position: left top;
            text-indent: -9999px;
        }

            .top_right li a:hover {
                background-position: left bottom;
            }

.top_bt01 {
    width: 91px;
    background-image: url(../images/g_top_bt01.png);
    margin-left: 57px;
}

.top_bt02 {
    width: 110px;
    background-image: url(../images/g_top_bt02.png);
    margin-left: 37px;
    margin-top: 2px;
}

.top_bt03 {
    width: 102px;
    background-image: url(../images/g_top_bt03.png);
    margin-left: 18px;
    margin-top: 2px;
}

.top_bt04 {
    width: 107px;
    background-image: url(../images/g_top_bt04.png);
    margin-top: 2px;
}

.top_left {
    height: 83px;
    margin-right: 265px;
    margin-left: 252px;
}

.top_left_welcome {
    height: 26px;
    line-height: 26px;
    color: #000;
    text-align: right;
    font-family: "微軟正黑體";
    font-size: 13px;
    letter-spacing: 0.1em;
}

    .top_left_welcome span {
        color: #F00;
    }

.top_left_title {
    height: 32px;
}

.top_left_news {
    height: 25px;
    font-family: "微軟正黑體";
    font-size: 14px;
}

    .top_left_news a {
        text-decoration: none;
        color: #FF0;
        letter-spacing: 0.1em;
    }

        .top_left_news a:hover {
            color: #ffd200;
        }

.content { /*min-height:680px;*/
}

.main {
    margin-left: 222px;
    padding: 10px 10px;
}
/*padding:10px 20px;*/
.case_menu {
    background-color: #dff2c1;
    padding: 5px 3px;
    height: 70px;
    margin-top: 10px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: #FFF 1px solid;
    box-shadow: 1px 1px 10px #646464;
    min-width: 810px;
}
    /*padding:5px;min-width:770px;*/
    .case_menu ul {
    }

    .case_menu li {
        float: left;
        font-size: 11.5px;
    }
        /*font-size:12px;*/
        .case_menu li a {
            display: block;
            width: 60px;
            height: 20px;
            text-align: center;
            line-height: 15px;
            padding-top: 44px;
            margin-left: 4px;
            color: #333;
            position: relative;
            top: 0px;
            left: 0px;
        }

            .case_menu li a:hover {
                color: #06C;
                background-position: 60px;
            }

            .case_menu li a span {
                display: block;
                width: 22px;
                height: 22px;
                position: absolute;
                left: 36px;
                top: -1px;
            }

.case_menu_bt01 {
    background-image: url(../images/case_menu_bt01.png);
}

.case_menu_bt02 {
    background-image: url(../images/case_menu_bt02.png);
}

.case_menu_bt03 {
    background-image: url(../images/case_menu_bt03.png);
}

.case_menu_bt04 {
    background-image: url(../images/case_menu_bt04.png);
}

.case_menu_bt05 {
    background-image: url(../images/case_menu_bt05.png);
}

.case_menu_bt06 {
    background-image: url(../images/case_menu_bt06.png);
}

.case_menu_bt07 {
    background-image: url(../images/case_menu_bt07.png);
}

.case_menu_bt08 {
    background-image: url(../images/case_menu_bt08.png);
}

.case_menu_bt09 {
    background-image: url(../images/case_menu_bt09.png);
}

.case_menu_bt10 {
    background-image: url(../images/case_menu_bt10.png);
}

.case_menu_bt11 {
    background-image: url(../images/case_menu_bt11.png);
}

.case_menu_bt12 {
    background-image: url(../images/case_menu_bt12.png);
}

.case_menu_bt13 {
    background-image: url(../images/case_menu_bt13.png);
}
/*列印*/
.case_menu_bt14 {
    background-image: url(../images/case_menu_bt14.png);
}
/*行政處分*/
.case_menu_bt15 {
    background-image: url(../images/case_menu_bt15.png);
}
/*處份人*/
.case_menu_bt16 {
    background-image: url(../images/case_menu_bt16.png);
}
/*限期改正*/
.case_menu_bt17 {
    background-image: url(../images/case_menu_bt17.png);
}
/*移送目的事業機關*/
.case_menu_bt18 {
    background-image: url(../images/case_menu_bt18.png);
}
/*函送司法機關偵辦*/
.case_menu_bt19 {
    background-image: url(../images/case_menu_bt19.png);
}
/*監造紀錄*/
.case_menu_bt20 {
    background-image: url(../images/case_menu_bt20.png);
}
/*行政訴願與案件撤銷*/

.left_all {
    position: relative;
    top: 52px;
    width: 222px;
    float: left;
}
    .left_all .menu {
        background: url(../images/g_left_bg.png) left top no-repeat;
    }
.menu .tab {
    position: absolute;
    z-index: 10;
    width: 95px;
    top: 0px;
    right: 0px;
}
            .menu .tab li a {
                display: block;
                width: 95px;
                height: 76px;
                background-image: url(../images/g_left_nav.png);
                text-indent: -9999px;
            }
                .menu .tab li a.t01 {
                    background-position: 0 0;
                }
                .menu .tab li a.t02 {
                    background-position: 0 -76px;
                }
                .menu .tab li a.t03 {
                    background-position: 0 -152px;
                    height: 75px;
                }
                .menu .tab li a.t01:hover, .menu .tab li.active a.t01 {
                    background-position: -95px 0;
                }
                .menu .tab li a.t02:hover, .menu .tab li.active a.t02 {
                    background-position: -95px -76px;
                }
                .menu .tab li a.t03:hover, .menu .tab li.active a.t03 {
                    background-position: -95px -152px;
                }

		.menu .nav_sub{ display:block; padding:30px 10px 40px 20px; width:130px; min-height:120px;}
			.menu .nav_sub li a{ display:block; background:url(../images/g_icon_arrow-blue.png) left top no-repeat;
								 padding:0 0 0 18px; font-size:14px; color:#444;}
			.menu .nav_sub li a:hover{ color:#fff;}


	.left_all .area{ background:url(../images/g_left-bg_area.png) left top no-repeat; padding:5px 0 25px 0; height:200px;}
		.area .area_01{ background:url(../images/g_left_area-01.png) no-repeat; width:135px; height:40px; margin:0 0 10px 0; padding:35px 0 0 30px; position:relative; z-index:2000;}
		.area .area_02{ background:url(../images/g_left_area-02.png) no-repeat; width:135px; height:40px; margin:0 0 10px 0; padding:35px 0 0 30px; position:relative; z-index:2000;}
		.area .area_01 li, .area .area_02 li{ font-size:13px; color:#000; background:url(../images/icon_dot.png)left top no-repeat;
												padding:0 0 0 15px; line-height:18px;}
		.area .area_01 li span, .area .area_02 li span{ padding:0 5px; color:red;}




.left_footer{position:absolute; bottom:0; left:0; z-index:1000;}
/*.left_footer{position:fixed; bottom:0; z-index:1000;}*/

.div_frame01{ padding:10px; background-color:#f3f8ea; margin:20px auto 10px 5px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:#FFF 1px solid; box-shadow: 1px 1px 10px #646464;}

.div_frame02{padding:5px 10px;margin:10px auto 10px 5px; font-size:13px; color:#5c5c5c; line-height:22px;}

.div_frame03{padding:5px 10px; margin-bottom:5px;font-size:14px; color:#5c5c5c; line-height:25px;}
.div_frame03 a{ color:#900;}
.div_frame03 a:hover{ color:#F30;}

.div_bt01{ width:200px; height:40px; margin:0 auto;}
.div_bt01 a{ display:block; width:60px; text-align:center; padding:5px 5px;font-family:"微軟正黑體"; font-size:14px; text-decoration:none; float:left; background-image:url(../images/g_bt_bg01.jpg); color:#387e02; margin:0 10px; border:#090 1px solid;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; box-shadow: 1px 1px 8px #000000;}
.div_bt01 a:hover{ background-image:url(../images/g_bt_bg02.jpg); color:#FFFFFF;border:#fff 1px solid;}

.table_outside{ width:100%; border-width:0px;} /*為了解決留言板巢狀TABLE的問題*/
.table_outside td{ border-width:0px;}

.table_outside table table{ width:100%; border-width:0px;} /*為了解決留言板巢狀TABLE 裡面又一個TABLE的問題*/
.table_outside table table tr td{ border-width:0px;}
.table_outside table table tr td table tr td{ border-width:1px;}

.table_01{ width:100%; margin:0 auto; border:#9abe79 2px solid; border-collapse:collapse;font-family:"微軟正黑體"; font-size:13px; color:#000;}
.table_01 tr{ background-color:#FFF;}
.table_01  .odd{ background-color:#eff6de;}
.table_01 td{ height:15px; border:#a7a7a7 1px solid; border-collapse: collapse; padding:5px; line-height:25px;}
.table_01 a{ color:#098400; font-size:14px;}
.table_01 a:hover{ color:#FC0;}

.table_02{ width:100%; margin:0 auto; border:#9abe79 2px solid; border-collapse:collapse;font-family:"微軟正黑體"; font-size:13px; color:#000; margin-top:5px;}
.table_02 tr{ background-color:#FFF;}
.table_02  .odd{ background-color:#ffd6d6;}
.table_02 td{ height:25px; border:#a7a7a7 1px solid; border-collapse: collapse; padding:5px; line-height:20px;}
.table_02 a{ color:#a00000; font-size:14px;}
.table_02 a:hover{ color:#ffc000;}

.table_03{ width:100%; margin:0 auto; border-collapse:collapse;font-family:"微軟正黑體"; font-size:13px; color:#000;}
.table_03  .odd{ background-color:#ffd6d6;}
.table_03 td{ height:25px; border:#a7a7a7 1px solid; border-collapse: collapse; padding:5px; line-height:20px;}
.table_03 a{ color:#a00000; font-size:14px;}
.table_03 a:hover{ color:#ffc000;}

.table_04{ width:100%; margin:0 auto; border:#9abe79 2px solid; border-collapse:collapse;font-family:"微軟正黑體"; font-size:14px; color:#000;}
.table_04 tr{ background-color:#FFF;}
.table_04  .odd{ background-color:#eff6de;}
.table_04 td{ height:15px;border-bottom:#a7a7a7 1px dashed; border-collapse: collapse; padding:5px; line-height:25px;}
.table_04 a{ color:#098400; font-size:14px;}
.table_04 a:hover{ color:#FC0;}

/*.table_outside02{ width:100%; border-width:0px; border-collapse:collapse;}為了解決留言板巢狀TABLE 裡面又一個TABLE的問題 一定要放這裡(有繼承問題)
.table_outside02 td { border-color:#FFF;}*/

.td_01{ width:25%; background-image:url(../images/g_td_bg01.jpg); font-size:13px; color:#2c6500; text-align:right;font-weight:bold;}
.td_02{ background-image:url(../images/td_bg03.jpg); font-family:"微軟正黑體"; color:#fff; font-size:15px;}
.td_02 a{ color:#CCFF99; font-size:15px;}
.td_02 a:hover{ color:#FC0;}
.td_03{ width:180px; background-image:url(../images/g_td_bg01.jpg); background-repeat:repeat-x; background-color:#f5ffe6; font-size:13px; color:#2a6609;font-weight:bold;}
.td_04{ background-color:#f5ffe6; font-size:13px; color:#000000;font-weight:bold; letter-spacing:0.1em; height:30px; line-height:30px;}
.td_04 input{vertical-align: middle;}
.td_05{ background-color:#fff5a0; font-size:13px; color:#000000;font-weight:bold; letter-spacing:0.1em; height:30px; line-height:30px;}
.td_05 input{vertical-align: middle;}

.title01{font-size:16px; color:#060; letter-spacing:0.1em; font-weight:bold; height:40px; line-height:40px; background-image:url(../images/icon_01.png); background-repeat:no-repeat; padding-left:55px; margin-left:20px;}
.title02{font-size:14px; color:#e90000; letter-spacing:0.1em; font-weight:bold; height:30px; line-height:30px; text-align:center;}

.title_mask{font-size:15px; color:#25763a; letter-spacing:0.1em; font-weight:bold; height:40px; line-height:40px; background-image:url(../images/icon_mask.png); background-repeat:no-repeat; padding-left:55px;margin: 10px 0; font-family:"微軟正黑體";display: inline-block;}

.title_file{font-size:15px; color:#25763a; letter-spacing:0.1em; font-weight:bold; height:40px; line-height:40px; background-image:url(../images/icon_file.png); background-repeat:no-repeat; padding-left:55px;margin: 10px 0; font-family:"微軟正黑體";display: inline-block;}


.font01{ font-size:14px; color:#000; letter-spacing:0.1em; font-weight:bold;}
.font02{ color:#F00;font: size 12px;font-weight: normal;}




.text001{ height:30px; line-height:30px; text-align:center; font-family:"微軟正黑體"; font-size:13px; color:#000; letter-spacing:0.2em; background-image:url(../images/g_titlebg01.jpg); margin:2px 0;}
.text001 img{ margin-right:10px;}
.text001 a{ font-weight:bold; padding:0 5px;}
.text001 a:hover{ color:#FC0;}
.text01{ height:30px; line-height:30px; text-align:right; font-family:"微軟正黑體"; font-size:13px; color:#000; letter-spacing:0.2em; background-image:url(../images/g_titlebg01.jpg); margin:2px 0;}
.text01 img{ margin-right:10px;}
.text01 a{ font-weight:bold; padding:0 5px;}
.text01 a:hover{ color:#FC0;}
.text02{ height:30px; line-height:30px; text-align:center; font-family:"微軟正黑體"; font-size:13px; color:#000; letter-spacing:0.2em; background-image:url(../images/g_titlebg01.jpg); margin:2px 0;}
.text02 a{ color:#ff0000;}
.text02 a:hover{ color:#64bfff;}
.text03{ height:30px; line-height:30px; text-align:right; font-family:"微軟正黑體"; font-size:13px; color:#000; letter-spacing:0.2em; background-image:url(../images/g_titlebg01.jpg); margin:2px 0;}
.text03 img{ margin-left:10px;}
.text03 a{ font-weight:bold; padding:0 5px;}
.text03 a:hover{ color:#FC0;}
br.CLEAR{ clear:both; height:0; line-height:0; font-size:0px; margin-bottom:20px;}

.Phote {max-width:500px; max-height:500px; }
.star { color:#000;}

@media only screen and (max-width: 1010px) {
.case_menu{ background-color:#ffcbcb; padding:5px 3px; height:70px;margin-top:10px;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:#FFF 1px solid; box-shadow: 1px 1px 10px #646464; min-width:720px;}/*padding:5px;min-width:770px;*/
.case_menu ul li{ font-size:10.5px; width:52px;}

}

/*知識庫頁簽*/
.tab_div {height:36px;background-image:url(../images/o_bt_bg03_3.jpg);margin:10px 0 5px 0;padding:0 10px}

.tab_div ul li {float:left;font-family:微軟正黑體;font-size:14px}

.tab_div ul li a {display:block;height:36px;line-height:36px;text-align:center; padding:0 20px; margin-right:5px;text-decoration:none;background-image:url(../images/o_bt_bg03_1.jpg);color:#fff; border-radius:5px 5px 0 0 ;}

.tab_div ul li a:hover {background-image:url(../images/o_bt_bg03_2.jpg);color:#000}
.tab_div ul li .hover{background-image:url(../images/o_bt_bg03_2.jpg);color:#000}

/*2020新增樣式*/
.ml-1{margin-left: 5px;}
.mb-2{margin-bottom: 10px;}
.border-r{border-right: 1px solid #ccc;}

.button01{ display:block; width: 56px; text-align:center; padding:1px 5px 1px 20px;font-family:"微軟正黑體"; font-size:14px; text-decoration:none; background-image:url(../images/g_bt2_bg01.jpg); color:#387e02; margin:0 10px; border:#090 1px solid;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; box-shadow: 1px 1px 4px #ccc;}
.button01:hover{ background-image:url(../images/g_bt2_bg02.jpg); color:#FFFFFF;border:#fff 1px solid;}

.button00 {
    display: block;
    width: 56px;
    text-align: center;
    padding: 1px 1px 1px 1px;
    font-family: "微軟正黑體";
    font-size: 14px;
    text-decoration: none;
    background-image: url(../images/g_bt_bg01.jpg);
    color: #387e02;
    margin: 0 10px;
    border: #090 1px solid;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 1px 1px 4px #ccc;
}

.button00:hover {
    background-image: url(../images/g_bt_bg02.jpg);
    color: #FFFFFF;
    border: #fff 1px solid;
}

.button02 {
    display: inline-block;
    width: 56px;
    text-align: center;
    padding: 2px 2px 2px 2px;
    font-family: "微軟正黑體";
    font-size: 14px;
    text-decoration: none;
    background-image: url(../images/g_bt_bg01.jpg);
    color: #387e02;
    margin: 0 5px;
    border: #090 1px solid;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 1px 1px 4px #ccc;
}

    .button02:hover {
        background-image: url(../images/g_bt_bg02.jpg);
        color: #FFFFFF;
        border: #fff 1px solid;
    }

/*RadioButtonList各選項間距拉開*/
.divRadioButtonList label {
    margin: 0 10px 0 0;
}

/*CheckBoxList各選項間距拉開*/
.CheckBoxListChoice input {
    margin-left: 10px;
}