@charset "utf-8";
/* CSS Document */
/* _____________________ menu-left ____________________________*/
#sub_nav { position:relative; min-height:100px; height:100%; margin: 0px; padding: 0px; clear: both; float: left; width: 100%; }
#menuL { margin:0px; padding: 0px; clear: both; float: left; width: 100%; }

.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: 16px; height: 16px; float: right; cursor: pointer; margin-top: 10px; background-image: url(../images/minus.gif); background-repeat: no-repeat; background-position: 4px center; z-index: 100; display: block; position: relative; background-color: #333; border: 1px solid #FFF; margin-right: 5px; margin-left: -25px; }/*展開中*/
.treeview .hitarea:hover { background-image: url(../images/minus1.gif); }/*展開中*/

.treeview .expandable-hitarea { background-position: 4px 4px; background-image: url(../images/plus.gif); background-repeat: no-repeat; z-index: 100; background-color: #333; border: 1px solid #666; } /*展開提示*/
.treeview .expandable-hitarea:hover { background-image: url(../images/plus1.gif); } /*展開提示*/

/*連結文字色*/
.sun_navigation{ width: 100%; clear: both; display: block; padding: 0px; float: left; list-style-image: none; list-style-type: none; margin: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666; }
.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: #666; background-repeat: repeat-y; font-family: Arial, Helvetica, sans-serif; display: block; font-size: 16px; background-image: url(../images/menu_bg_lv1.jpg); background-position: left top; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #000; 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: #fff;padding-left: 28px; text-decoration: none; margin: 0px; background-repeat: no-repeat; background-position: 16px 15px; padding-top: 10px; padding-right: 25px; padding-bottom: 8px; display: block; }
.treeview li span:hover { color: #ccc; cursor: pointer; }
.treeview li a{ color: #fff;padding-left: 28px; text-decoration: none; margin: 0px; background-image: url(../images/expandable_icon_lv1.png);  background-repeat: no-repeat; background-position: 16px 15px; padding-top: 10px; padding-right: 25px; padding-bottom: 8px; display: block; }
.treeview li a:hover { color: #ccc; cursor: pointer; }
.treeview li span a{ color: #fff;margin: 0px; padding: 0px; background-image: none; background-repeat: no-repeat;  }
.treeview li span a:hover{ color: #ccc; ursor: pointer; }

.treeview li.contact_us a{ color: #77b800; }
.treeview li.contact_us a:hover{ color: #FC0; }

.treeview li ul { margin: 0px; padding: 0px; float: left; clear: both; width: 100%; }
.treeview li ul li{ background-image: url(../images/menu_bg_lv2.jpg); border-top-width: 1px; border-top-style: solid; border-top-color: #999; 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: 16px 15px; margin: 0px; float: left; width: 75%; padding-top: 10px; padding-right: 10%; padding-bottom: 8px; padding-left: 15%; }
.treeview li ul li a:link{ color: #FFF; }
.treeview li ul li a:visited{ color: #FFF; }
.treeview li ul li a:hover { color: #d3dee6; cursor: pointer; }
.treeview li ul li span{ color: #FFF;background-position: 16px 15px; margin: 0px; float: left; width: 75%; padding-top: 10px; padding-right: 10%; padding-bottom: 8px; padding-left: 15%; }
.treeview li ul li span:hover { color: #d3dee6; cursor: pointer; }
.treeview li ul li span a{ color: #FFF;margin: 0px; padding: 0px; background-image: none; background-repeat: no-repeat;  }
.treeview li ul li span a:hover{ color: #d3dee6; cursor: pointer; }

.treeview li ul li ul{ margin: 0px; padding: 0px;float: left; clear: both; width: 100%;}
.treeview li ul li ul li{ background-image: url(../images/menu_bg_lv3.jpg); cursor: pointer; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; 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: 16px 15px; margin: 0px; float: left; width: 75%; padding-top: 10px; padding-right: 10%; padding-bottom: 8px; padding-left: 15%; }
.treeview li ul li ul li a:link{ color: #FFF; }
.treeview li ul li ul li a:visited{ color: #FFF; }
.treeview li ul li ul li a:hover { cursor: pointer; color: #d3dee6; }
.treeview li ul li ul li span{ color: #FFF; background-position: 16px 15px; margin: 0px; float: left; width: 75%; padding-top: 10px; padding-right: 10%; padding-bottom: 8px; padding-left: 15%; }
.treeview li ul li ul li span:hover { color: #d3dee6; cursor: pointer; }
.treeview li ul li ul li span a{ color: #FFF; margin: 0px; padding: 0px; background-image: none; background-repeat: no-repeat; }
.treeview li ul li ul li span a:hover{ cursor: pointer; color: #d3dee6; }

.treeview li ul li ul li ul{ margin: 0px; padding: 0px;float: left; clear: both; width: 100%;}
.treeview li ul li ul li ul li{ background-image: url(../images/menu_bg_lv4.jpg); cursor: pointer; border-top-width: 1px; border-top-style: solid; border-top-color: #FFF; 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: 48px 15px; margin: 0px; float: left; width: 65%; padding-top: 10px; padding-right: 10%; padding-bottom: 8px; padding-left: 25%; color: #C30; }
.treeview li ul li ul li ul li a:link{ color: #002400; }
.treeview li ul li ul li ul li a:visited{ color: #002400; }
.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: 48px 15px; margin: 0px; float: left; width: 65%; padding-top: 10px; padding-right: 10%; padding-bottom: 8px; padding-left: 25%; }
.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 ul{ margin: 0px; padding: 0px;float: left; clear: both; width: 100%;}
.treeview li ul li ul li ul li ul li { background-image: url(../images/menu_bg_lv5.jpg); cursor: pointer; border-top-width: 1px; border-top-style: solid; border-top-color: #FFF; 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{color: #ccc; background-position: 60px 15px; margin: 0px; float: left; width: 58%; padding-top: 10px; padding-right: 10%; padding-bottom: 8px; padding-left: 30%; }
.treeview li ul li ul li ul li ul li a:link{ color: #000; }
.treeview li ul li ul li ul li ul li a:visited{ color: #000; }
.treeview li ul li ul li ul li ul li a:hover { cursor: pointer; color: #333; }
.treeview li ul li ul li ul li ul li span{ background-position: 60px 15px; margin: 0px; float: left; width: 58%; padding-top: 10px; padding-right: 10%; padding-bottom: 8px; padding-left: 30%; }
.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 ul{ margin: 0px; padding: 0px;float: left; clear: both; width: 100%;}
.treeview li ul li ul li ul li ul li ul li{ background-image: url(../images/menu_bg_lv6.jpg); cursor: pointer; border-top-width: 1px; border-top-style: solid; border-top-color: #FFF; cursor: pointer; margin: 0px; padding: 0px; clear: both; float: left; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666; }
.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: #fff;  background-position: 68px 15px; margin: 0px; float: left; width: 56%; padding-top: 10px; padding-right: 10%; padding-bottom: 8px; padding-left: 32%; }
.treeview li ul li ul li ul li ul li ul li a:link{ color: #fff; }
.treeview li ul li ul li ul li ul li ul li a:visited{ color: #fff; }
.treeview li ul li ul li ul li ul li ul li a:hover { cursor: pointer; color: #ccc; }
.treeview li ul li ul li ul li ul li ul li span{ background-position: 68px 15px; margin: 0px; float: left; width: 56%; padding-top: 10px; padding-right: 10%; padding-bottom: 8px; padding-left: 32%; }
.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.collapsable{ background-image: url(../images/menu_bg_lv1_on.jpg); background-repeat: repeat-y;  background-position: left top; border-bottom-width: 0px; border-bottom-style: none; }/*展開中區塊*/
.treeview li.expandable{ background-image: url(../images//menu_bg_lv1.jpg); background-repeat: repeat-y;  background-position: left top; }/*未展開中區塊*/
.treeview li.collapsable span{ background-image: url(../images/collapsable_icon_lv1.png); background-repeat: no-repeat;  background-position: 16px 15px; }/*展開中區塊*/
.treeview li.expandable span{ background-image: url(../images/expandable_icon_lv1.png); background-repeat: no-repeat;  background-position: 16px 15px; }/*未展開中區塊*/
.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-image: url(../images/menu_bg_lv2.jpg); }
.treeview li ul li.expandable{  background-image: url(../images/menu_bg_lv2.jpg);}
.treeview li ul li.collapsable span{ background-position: 16px 14px; }
.treeview li ul li.expandable span{ background-position: 16px 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-image: url(../images/menu_bg_lv3.jpg); }
.treeview li ul li ul li.expandable{  background-image: url(../images/menu_bg_lv3.jpg);}
.treeview li ul li ul li.collapsable span{background-image: url(../images/collapsable_icon_lv3.png); background-position: 32px 14px; }
.treeview li ul li ul li.expandable span{background-image: url(../images/expandable_icon_lv3.png); background-position: 32px 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-image: url(../images/menu_bg_lv4.jpg); }
.treeview li ul li ul li ul li.expandable{  background-image: url(../images/menu_bg_lv4.jpg);}
.treeview li ul li ul li ul li.collapsable span{ background-position: 48px 14px; }
.treeview li ul li ul li ul li.expandable span{ background-position: 48px 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-image: url(../images/menu_bg_lv5.jpg); }
.treeview li ul li ul li ul li ul li.expandable{  background-image: url(../images/menu_bg_lv5.jpg);}
.treeview li ul li ul li ul li ul li.collapsable span{ background-position: 60px 14px; }
.treeview li ul li ul li ul li ul li.expandable span{ background-position: 60px 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-image: url(../images/menu_bg_lv6.jpg); }
.treeview li ul li ul li ul li ul li ul li.expandable{  background-image: url(../images/menu_bg_lv6.jpg);}
.treeview li ul li ul li ul li ul li ul li.collapsable span{ background-position: 68px 14px; }
.treeview li ul li ul li ul li ul li ul li.expandable span{ background-position: 68px 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; }