@charset "utf-8";
/* CSS Document */

#sun_nav * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#sub_left_box{ border-top-color: rgba(179, 219, 255, 1); border-right-color: rgba(179, 219, 255, 1); border-bottom-color: rgba(179, 219, 255, 1); border-left-color: rgba(179, 219, 255, 1); }


/*內頁選單*/
.sub_title{  width: 100%; padding: 0px; overflow: hidden; background-color: rgba(204, 231, 255, 1); margin: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:rgba(0, 0, 0, 0.1); 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(204, 231, 255, 1); margin: 0px; height: 20px; clear: both; float: left; }

/* _____________________ menu-left ____________________________*/
#sun_nav { position:relative; margin: 0px; padding: 0px; clear: both; float: left; width: 100%; z-index: 0; }
#menuL { margin:0px; padding: 0px; width: 100%; line-height: 24px; }

.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; z-index: 10; 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; z-index: 10; 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(255, 255, 255, 0.1); display: block; font-size: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0.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: 10px 14px;padding-right: 25px; padding-bottom: 8px; padding-top: 6px;display: block; padding-left: 22px;}
.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: 10px 14px; padding-top: 6px; padding-right: 25px; padding-bottom: 8px; display: block; padding-left: 22px;}
.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; cursor: 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(33, 105, 167, 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(153, 207, 255, 1);}
.treeview li ul li{ border-top-width: 1px; border-top-style: solid; border-top-color: rgba(153, 207, 255, 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: 20px 14px; margin: 0px; float: left; width: 100%; padding-right: 25px;  padding-left: 32px; }
.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: 20px 14px; margin: 0px; float: left; width: 100%; padding-right: 25px; padding-left: 32px; }
.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(33, 105, 167, 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(128, 196, 255, 1);}
.treeview li ul li ul li{ cursor: pointer; border-top-width: 1px; border-top-style: solid; border-top-color: rgba(128, 196, 255, 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: 30px 14px; margin: 0px; float: left; width: 100%;  padding-right: 25px; padding-left: 42px; }
.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: 30px 14px; margin: 0px; float: left; width: 100%; padding-right: 25px; padding-left: 42px; }
.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(33, 105, 167, 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(102, 184, 255, 1);}
.treeview li ul li ul li ul li{ cursor: pointer; border-top-width: 1px; border-top-style: solid; border-top-color: rgba(102, 184, 255, 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: 40px 14px; margin: 0px; float: left; width: 100%; padding-right: 25px; padding-left: 52px; }
.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: 40px 14px; margin: 0px; float: left; width: 100%; padding-right: 25px; padding-left: 52px; }
.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(33, 105, 167, 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(77, 172, 255, 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: 50px 14px; margin: 0px; float: left; width: 100%; padding-right: 25px; padding-left: 62px;  }
.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: 50px 14px; margin: 0px; float: left; width: 100%; padding-right: 25px; padding-left: 62px; }
.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(33, 105, 167, 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: 60px 14px; margin: 0px; float: left; padding-right: 25px; padding-left: 72px; }
.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: 60px 14px; margin: 0px; float: left; width: 56%; padding-right: 25px; padding-left: 72px; }
.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(33, 105, 167, 1); background-image: url(../images/expandable_icon_lv3.png); }

/*第一層*/
.treeview li.collapsable{ border-bottom-width: 0px; border-bottom-style: none; background-color: rgba(204, 231, 255, 1); }/*展開中區塊*/
.treeview li.expandable{ background-color: rgba(204, 231, 255, 1); }/*未展開中區塊*/
.treeview li{ background-color: rgba(204, 231, 255, 1); }
.treeview li.collapsable span{ background-image: url(../images/collapsable_icon_lv1.png); background-repeat: no-repeat;  background-position: 10px 14px; }/*展開中區塊*/
.treeview li.expandable span{ background-image: url(../images/expandable_icon_lv1.png); background-repeat: no-repeat;  background-position: 10px 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(179, 219, 255, 1); }
.treeview li ul li.expandable{ background-color: rgba(179, 219, 255, 1); }
.treeview li ul li{ background-color: rgba(179, 219, 255, 1); }
.treeview li ul li.collapsable span{background-position: 20px 14px; }
.treeview li ul li.expandable span{background-position: 20px 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(153, 207, 255, 1); }
.treeview li ul li ul li.expandable{ background-color: rgba(153, 207, 255, 1); }
.treeview li ul li ul li{ background-color: rgba(153, 207, 255, 1); }
.treeview li ul li ul li.collapsable span{ background-position: 30px 14px; }
.treeview li ul li ul li.expandable span{ background-position: 30px 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(128, 196, 255, 1); }
.treeview li ul li ul li ul li.expandable{ background-color: rgba(128, 196, 255, 1); }
.treeview li ul li ul li ul li{ background-color: rgba(128, 196, 255, 1); }
.treeview li ul li ul li ul li.collapsable span{ background-position: 40px 14px; }
.treeview li ul li ul li ul li.expandable span{ background-position: 40px 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(102, 184, 255, 1); }
.treeview li ul li ul li ul li ul li.expandable{ background-color: rgba(102, 184, 255, 1); }
.treeview li ul li ul li ul li ul li{ background-color: rgba(102, 184, 255, 1); }
.treeview li ul li ul li ul li ul li.collapsable span{ background-position: 50px 14px;  }
.treeview li ul li ul li ul li ul li.expandable span{ background-position: 50px 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: 60px 14px; }
.treeview li ul 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 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; }