@charset "utf-8";
/* CSS Document */
.page-sidebar{order: 1;}
.page-sidebar-page{border-radius: .25rem;overflow: hidden;background-color: #e9ecef;}
.page-sidebar-page .layout-sidebar-cards {display: table;width: 100%;background-color: rgba(233, 236, 239, 1);}
.page-sidebar-page .layout-sidebar-cards .card{border: 0px solid rgba(0,0,0,0);border-radius: 0rem;border-bottom: 1px solid rgba(0,0,0,.125);background-color: transparent;}
.page-sidebar-page .layout-sidebar-cards .card-header{background-color: transparent;}
.page-sidebar-page .layout-sidebar-cards .card .card-body{border-top: 1px solid rgba(0,0,0,.125);}

/*內頁選單*/
.sub_title{  width: 100%; padding: 0px; overflow: hidden; margin: 0px; border-bottom: 1px solid rgba(0,0,0,.125); height: 70px; clear: both; float: left; }
.sub_title h2{ color: #333; margin: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-weight: normal; font-size: 18px; padding-top: 30px; }
.sub_title_bottom{ width: 100%; padding: 0px; overflow: hidden; background-color: rgba(233, 236, 239, 1); margin: 0px; height: 20px; clear: both; float: left; }

.treeview { list-style: none; margin: 0px; padding: 0px; }
.treeview ul {list-style: none; margin: 0px; padding: 0px;  }
* html .hitarea { float: none; display: inline; }
.treeview a.selected { }

.treeview .hitarea { width: 18px; height: 18px; float: right; cursor: pointer; margin-top: 12px; background-image: url(../../../images/minus.png); background-repeat: no-repeat; background-position: 4px center; display: block; position: relative; background-color: #D9D9D9; border: 1px solid #C8CABF; margin-right: 5px; margin-left: -25px; }/*展開中*/
.treeview .hitarea:hover { background-image: url(../../../images/minus.png); }/*展開中*/

.treeview .expandable-hitarea { background-position: 4px 4px; background-image: url(../../../images/plus.png); background-repeat: no-repeat; background-color: #DDD; border: 1px solid #C8CABF; } /*展開提示*/
.treeview .expandable-hitarea:hover { background-image: url(../../../images/plus.png);opacity:0.9; } /*展開提示*/

/*連結文字色*/
.sun_navigation{ clear: both; display: block; padding: 0px; float: left; list-style-image: none; list-style-type: none; width: 100%; }
.sun_navigation *{ list-style-image: none; list-style-type: none; margin: 0px; padding: 0px; }
.treeview li { margin: 0px; border-top-width: 1px; border-top-style: solid; border-top-color: rgba(233, 236, 239, 1); display: block; font-size: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(233, 236, 239, 1); cursor: pointer; clear: both; float: left; width: 100%; padding: 0px; position: relative; list-style-image: none; list-style-type: none; }
.treeview li:hover {  }
.treeview li span{ color: #333; text-decoration: none; margin: 0px; background-repeat: no-repeat; background-position: 5% 14px;padding-right: 25px; padding-bottom: 8px; padding-top: 6px;display: block; padding-left: 10%;}
.treeview li span:hover { color: #000; cursor: pointer; }
.treeview li a{ color: #333; text-decoration: none; margin: 0px; background-image: url(../../../images/expandable_icon_lv1.png); background-repeat: no-repeat; background-position: 5% 14px; padding-top: 6px; padding-right: 25px; padding-bottom: 8px; display: block; padding-left: 10%;}
.treeview li a:hover { color: #000; cursor: pointer; }
.treeview li span a{ color: #333; margin: 0px; padding: 0px; background-image: none; background-repeat: no-repeat; }
.treeview li span a:hover{ color: #000; ursor: pointer; }

.treeview li.contact_us a{ color: #77b800; }
.treeview li.contact_us a:hover{ color: #FC0; }
.treeview li.open > a{ color: rgba(253, 254, 254, 1);background-color: rgba(99, 99, 99, 1); background-image: url(../../../images/expandable_icon_lv3.png); }

/*第二層*/
.treeview li ul { margin: 0px; padding: 0px; float: left; clear: both; width: 100%; 
border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(205, 205, 205, 1);}
.treeview li ul li{ border-top-width: 1px; border-top-style: solid; border-top-color: rgba(205, 205, 205, 1); cursor: pointer; margin: 0px; padding: 0px; clear: both; float: left; width: 100%; list-style-image: none; list-style-type: none; border-bottom-width: 0px; }
.treeview li ul li:hover {}
.treeview li ul li a{ background-position: 7% 14px; margin: 0px; float: left; width: 100%; padding-right: 25px;  padding-left: 12%; }
.treeview li ul li a:link{ color: #333; }
.treeview li ul li a:visited{ color: #333; }
.treeview li ul li a:hover { color: #000; cursor: pointer; }
.treeview li ul li span{ color: #333; background-position: 7% 14px; margin: 0px; float: left; width: 100%; padding-right: 25px; padding-left: 12%; }
.treeview li ul li span:hover { color: #000; cursor: pointer; }
.treeview li ul li span a{ color: #333;margin: 0px; padding: 0px; background-image: none; background-repeat: no-repeat;  }
.treeview li ul li span a:hover{ color: #000; cursor: pointer; }
.treeview li ul li.open > a{ color: rgba(253, 254, 254, 1);background-color: rgba(99, 99, 99, 1); background-image: url(../../../images/expandable_icon_lv3.png); }

/*第三層*/
.treeview li ul li ul{ margin: 0px; padding: 0px;float: left; clear: both; width: 100%;
border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: rgba(185, 185, 185, 1);}
.treeview li ul li ul li{ cursor: pointer; border-top-width: 1px; border-top-style: solid; border-top-color: rgba(185, 185, 185, 1); cursor: pointer; margin: 0px; padding: 0px; clear: both; float: left; width: 100%;}
.treeview li ul li ul li:hover {}
.treeview li ul li ul li a{ /*background-image: url(../../../images/expandable_icon_lv3.png);*/background-position: 9% 14px; margin: 0px; float: left; width: 100%;  padding-right: 25px; padding-left: 14%; }
.treeview li ul li ul li a:link{ color: #333; }
.treeview li ul li ul li a:visited{ color: #333; }
.treeview li ul li ul li a:hover { cursor: pointer; color: #000; }

.treeview li ul li ul li span{ color: #333; background-position: 9% 14px; margin: 0px; float: left; width: 100; padding-right: 25px; padding-left: 14%; }
.treeview li ul li ul li span:hover { color: #000; cursor: pointer; }
.treeview li ul li ul li span a{ color: #333; margin: 0px; padding: 0px; background-image: none; background-repeat: no-repeat; }
.treeview li ul li ul li span a:hover{ cursor: pointer; color: #000; }
.treeview li ul li ul li.open > a{ color: rgba(253, 254, 254, 1);background-color: rgba(99, 99, 99, 1); background-image: url(../../../images/expandable_icon_lv3.png); }

/*第四層*/
.treeview li ul li ul li ul{ margin: 0px; padding: 0px;float: left; clear: both; width: 100%;
border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: rgba(165, 165, 165, 1);}
.treeview li ul li ul li ul li{ cursor: pointer; border-top-width: 1px; border-top-style: solid; border-top-color: rgba(165, 165, 165, 1); cursor: pointer; margin: 0px; padding: 0px; clear: both; float: left; width: 100%; }
.treeview li ul li ul li ul li:hover { }
.treeview li ul li ul li ul li a{background-position: 11% 14px; margin: 0px; float: left; width: 100%; padding-right: 25px; padding-left: 16%; }
.treeview li ul li ul li ul li a:link{ color: #333; }
.treeview li ul li ul li ul li a:visited{ color: #333; }
.treeview li ul li ul li ul li a:hover { cursor: pointer; color: #000; }
.treeview li ul li ul li ul li span{ background-position: 11% 14px; margin: 0px; float: left; width: 100%; padding-right: 25px; padding-left: 16%; }
.treeview li ul li ul li ul li span a{ margin: 0px; padding: 0px; background-image: none; background-repeat: no-repeat;  }
.treeview li ul li ul li ul li span a:hover{ cursor: pointer;  }
.treeview li ul li ul li ul li.open > a{ color: rgba(253, 254, 254, 1);background-color: rgba(99, 99, 99, 1); background-image: url(../../../images/expandable_icon_lv3.png); }

/*第五層*/
.treeview li ul li ul li ul li ul{ margin: 0px; padding: 0px;float: left; clear: both; width: 100%;
border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: rgba(145, 145, 145, 1);}
.treeview li ul li ul li ul li ul li { cursor: pointer; border-top-width: 1px; border-top-style: solid; border-top-color: rgba(145, 145, 145, 1); cursor: pointer; margin: 0px; padding: 0px; clear: both; float: left; width: 100%; }
.treeview li ul li ul li ul li ul li:hover { }
.treeview li ul li ul li ul li ul li a{background-position: 13% 14px; margin: 0px; float: left; width: 100%; padding-right: 25px; padding-left: 18%;  }
.treeview li ul li ul li ul li ul li a:link{ color: #333; }
.treeview li ul li ul li ul li ul li a:visited{ color: #333; }
.treeview li ul li ul li ul li ul li a:hover { cursor: pointer; color: #000; }
.treeview li ul li ul li ul li ul li span{ background-position: 13% 14px; margin: 0px; float: left; width: 100%; padding-right: 25px; padding-left: 18%; }
.treeview li ul li ul li ul li ul li span a{ margin: 0px; padding: 0px; background-image: none; background-repeat: no-repeat;  }
.treeview li ul li ul li ul li ul li span a:hover{ cursor: pointer;  }
.treeview li ul li ul li ul li ul li.open > a{ color: rgba(253, 254, 254, 1);background-color: rgba(99, 99, 99, 1); background-image: url(../../../images/expandable_icon_lv3.png); }

/*第六層*/
.treeview li ul li ul li ul li ul li ul{ margin: 0px; padding: 0px;float: left; clear: both; width: 100%; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: rgba(120, 120, 120, 1);}
.treeview li ul li ul li ul li ul li ul li{cursor: pointer; border-top-width: 1px; border-top-style: solid; border-top-color: rgba(120, 120, 120, 1); cursor: pointer; margin: 0px; padding: 0px; clear: both; float: left; width: 100%; }
.treeview li ul li ul li ul li ul li ul li:hover { }
.treeview li ul li ul li ul li ul li ul li a{color: #333;  background-position: 15% 14px; margin: 0px; float: left; padding-right: 10%; padding-left: 20%; }
.treeview li ul li ul li ul li ul li ul li a:link{ color: #333; }
.treeview li ul li ul li ul li ul li ul li a:visited{ color: #333; }
.treeview li ul li ul li ul li ul li ul li a:hover { cursor: pointer; color: #000; }
.treeview li ul li ul li ul li ul li ul li span{ background-position: 15% 14px; margin: 0px; float: left; width: 56%; padding-right: 10%; padding-left: 20%; }
.treeview li ul li ul li ul li ul li ul li span a{ margin: 0px; padding: 0px; background-image: none; background-repeat: no-repeat;  }
.treeview li ul li ul li ul li ul li ul li span a:hover{ cursor: pointer;  }
.treeview li ul li ul li ul li ul li ul li.open > a{ color: rgba(253, 254, 254, 1);background-color: rgba(99, 99, 99, 1); background-image: url(../../../images/expandable_icon_lv3.png); }

/*第一層*/
.treeview li.collapsable{ border-bottom-width: 0px; border-bottom-style: none; background-color: rgba(233, 236, 239, 1); }/*展開中區塊*/
.treeview li.expandable{ background-color: rgba(233, 236, 239, 1); }/*未展開中區塊*/
.treeview li{ background-color: rgba(233, 236, 239, 1); }
.treeview li.collapsable span{ background-image: url(../../../images/collapsable_icon_lv1.png); background-repeat: no-repeat;  background-position: 5% 14px; }/*展開中區塊*/
.treeview li.expandable span{ background-image: url(../../../images/expandable_icon_lv1.png); background-repeat: no-repeat;  background-position: 5% 14px; }/*未展開中區塊*/
.treeview li.collapsable span a{ background-image: none; background-repeat: no-repeat;  }/*展開中區塊*/
.treeview li.expandable span a{ background-image: none; background-repeat: no-repeat; }/*未展開中區塊*/
/*第二層*/
.treeview li ul li.collapsable{ background-color: rgba(225, 225, 225, 1); }
.treeview li ul li.expandable{ background-color: rgba(225, 225, 225, 1); }
.treeview li ul li{ background-color: rgba(225, 225, 225, 1); }
.treeview li ul li.collapsable span{background-position: 7% 14px; }
.treeview li ul li.expandable span{background-position: 7% 14px;  }
.treeview li ul li.collapsable span a{ background-image: none; background-repeat: no-repeat; }/*展開中區塊*/
.treeview li ul li.expandable span a{ background-image: none; background-repeat: no-repeat;}/*未展開中區塊*/
/*第三層*/
.treeview li ul li ul li.collapsable{ background-color: rgba(205, 205, 205, 1); }
.treeview li ul li ul li.expandable{ background-color: rgba(205, 205, 205, 1); }
.treeview li ul li ul li{ background-color: rgba(205, 205, 205, 1); }
.treeview li ul li ul li.collapsable span{ background-position: 9% 14px; }
.treeview li ul li ul li.expandable span{ background-position: 9% 14px; }
.treeview li ul li ul li.collapsable span a{ background-image: none; background-repeat: no-repeat;  }/*展開中區塊*/
.treeview li ul li ul li.expandable span a{ background-image: none; background-repeat: no-repeat; }/*未展開中區塊*/
/*第四層*/
.treeview li ul li ul li ul li.collapsable{ background-color: rgba(185, 185, 185, 1); }
.treeview li ul li ul li ul li.expandable{ background-color: rgba(185, 185, 185, 1); }
.treeview li ul li ul li ul li{ background-color: rgba(185, 185, 185, 1); }
.treeview li ul li ul li ul li.collapsable span{ background-position: 11% 14px; }
.treeview li ul li ul li ul li.expandable span{ background-position: 11% 14px; }
.treeview li ul li ul li ul li.collapsable span a{ background-image: none; background-repeat: no-repeat;  }/*展開中區塊*/
.treeview li ul li ul li ul li.expandable span a{ background-image: none; background-repeat: no-repeat;}/*未展開中區塊*/
/*第五層*/
.treeview li ul li ul li ul li ul li.collapsable{ background-color: rgba(165, 165, 165, 1); }
.treeview li ul li ul li ul li ul li.expandable{ background-color: rgba(165, 165, 165, 1); }
.treeview li ul li ul li ul li ul li{ background-color: rgba(165, 165, 165, 1); }
.treeview li ul li ul li ul li ul li.collapsable span{ background-position: 13% 14px;  }
.treeview li ul li ul li ul li ul li.expandable span{ background-position: 13% 14px;  }
.treeview li ul li ul li ul li ul li.collapsable span a{ background-image: none; background-repeat: no-repeat;  }/*展開中區塊*/
.treeview li ul li ul li ul li ul li.expandable span a{ background-image: none; background-repeat: no-repeat;}/*未展開中區塊*/
/*第六層*/
.treeview li ul li ul li ul li ul li ul li.collapsable{ background-color: rgba(145, 145, 145, 1); }
.treeview li ul li ul li ul li ul li ul li.expandable{  background-color: rgba(145, 145, 145, 1);}
.treeview li ul li ul li ul li ul li ul li{ background-color: rgba(145, 145, 145, 1); }
.treeview li ul li ul li ul li ul li ul li.collapsable span{ background-position: 15% 14px; }
.treeview li ul li ul li ul li ul li ul li.expandable span{ background-position: 15% 14px; }
.treeview li ul li ul li ul li ul li ul li.collapsable span a{ background-image: none; background-repeat: no-repeat;  }/*展開中區塊*/
.treeview li ul li ul li ul li ul li ul li.expandable span a{ background-image: none; background-repeat: no-repeat;}/*未展開中區塊*/


.treeview li.last {}
.treeview li.lastCollapsable {}
.treeview li.lastExpandable {}
.treeview div.lastCollapsable-hitarea {}
.treeview div.lastExpandable-hitarea {}

.menu_title{ background-image: url(../../../images/menu_title_bg.jpg); background-repeat: repeat-y; background-position: left top; color: #FFF; padding-left: 12px; font-size: 13px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #2c4000; padding-top: 10px; margin: 0px; padding-right: 0px; padding-bottom: 5px; }
.treeview li.menu_home {background-image: url(../../../images/menu_li_bg.jpg);  }
.treeview li.menu_home a { background-image: url(../../../images/icon_home_24.png); background-position: 5px 8px; color: #FFF; }