@charset "utf-8";
/* CSS Document */
#navigation_page{ width: 100%; float: left; position: relative; height: 45px; margin-top: 10px; }
#navigation_box{ width: 100%; display: block; margin-right: auto; margin-left: auto; clear: both; }
#navigation { width: 100%; float: left; padding: 0px; display: block; z-index: 1000; position: relative; clear: both; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.navigation_box{ width: 100%;  }

#divBg {  position: relative; margin: 0px; padding-top: 0px; padding-bottom: 0px;  }
#divMenu { position: absolute; overflow: hidden; margin-right: 20px; margin-left: 20px; }
#divArrowLeft { height: 35px; cursor: pointer; display: block; position: absolute; width: 20px; VERTICAL-ALIGN: bottom; left: 0px; background-image: url(../images/icon_l-1.png); background-repeat: no-repeat; background-position: left -19px; z-index: 1; margin: 0px; padding: 0px; }
#divArrowLeft:hover { background-image: url(../images/icon_l-1.png); background-repeat: no-repeat; background-position: 0px -100px; }
#divArrowRight { height: 35px; cursor: pointer; display: block; position: absolute; width: 20px; background-image: url(../images/icon_r-1.png); background-repeat: no-repeat; background-position: left -19px; right: 0px; margin: 0px; padding: 0px; }
#divArrowRight:hover { background-image: url(../images/icon_r-1.png); background-repeat: no-repeat; background-position: 0px -100px; }
/* css_tabs */
#tabs_1 { display: block; float: left; width: 1000%; _width: 100%; margin: 0px; padding: 0px; }
#tabs_1 ul { white-space:nowrap; list-style:none; float: left; clear: both; position: relative; left: 0px; right: 0px; padding: 0px; margin: 0px; }
#tabs_1 li { text-decoration:none; height: 35px; font-style: normal; font-weight: normal; float: left; clear: right; display: block; position: relative; background-image: url(../images/icon_line.png1); background-repeat: no-repeat; background-position: right center; padding-right: 10px; padding-left: 10px; }
#tabs_1 li a, #tabs_1 li a:link, #tabs_1 li a:visited { text-decoration:none; color: #415218; height: 35px; padding: 0px; cursor: pointer; display: block; float: left; margin: 0px; }
#tabs_1 li a strong{ text-decoration:none; font-style: normal; font-weight: normal; display: block; height: 35px; float: left; padding-right: 4px; padding-left: 4px; }
#tabs_1 li a strong font{ font-size: 15px; margin: 0px; display: block; white-space: nowrap; padding: 0px; float: left; line-height: 32px; }
#tabs_1 li a img.tabs_icon{ float: left; position: absolute; bottom: 16px; }

#tabs_1 li a:hover{ color:#638c0b; text-decoration:none; background-image: url(../images/tabs_1_li_a_h1.png); background-repeat: no-repeat; background-position: left bottom; }
#tabs_1 li a:hover strong{ color:#638c0b; }

#tabs_1 li.line_box{ width: 0px; background-image: none; margin: 0px; padding: 0px; }


/* 下拉式選單 */
#submenu{ padding:0px; clear: both; z-index: 350; float: left; margin-top: 35px; margin-right: 0px; margin-bottom: 0px; margin-left: -10px; }
#submenu .tabs_top{ position: absolute; z-index: 300; background-image: url(../images/tabs_1_li_a_h.png); height: 17px; width: 28px; top: 35px; background-repeat: no-repeat; background-position: left top; }

#topmu1,#topmu2,#topmu3,#topmu4,#topmu5,#topmu6,#topmu7,#topmu8,#topmu9,#topmu10{ display:none; margin: 0px; padding: 0px; clear: both; float: left;  }
.group_t{ margin:0px; padding:0px; width: 280px; clear: both; background-image:url(submenu_bg.png); background-repeat:repeat; background-position: left top; display: block; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #333; border-bottom-color: #333; border-left-color: #333; float: left; background-color: #333; }

.group_t .tabs_2{ width: 100%; display: block; float: left; clear: both; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; margin: 0px; }
.group_t .tabs_2 ul.tabs_2_ul{ width: 100%; list-style:none; display: block; clear: both; padding: 0px; float: left; margin-top: 20px; margin-right: 0px; margin-left: 0px; margin-bottom: 5px; }
.group_t .tabs_2 li.tabs_2_li{ color:#FFF; line-height:normal; list-style-type:none; display:block; text-decoration:none; margin:0px; width: 100%; padding: 0px; float: left; clear: both; }



.group_t .tabs_2 li a, .group_t .tabs_2 li a:link, .group_t .tabs_2 li a:visited{ color:#FFF; line-height:normal; list-style-type:none; display:block; text-decoration:none; overflow:hidden; margin:0px; padding-top: 6px; padding-right: 0px; padding-bottom: 6px; padding-left: 0px; clear: both; list-style-image: none; float: left; width: 100%; }
.group_t .tabs_2 li a font{ font-family: 'Arimo', sans-serif, "微軟正黑體", "新細明體"; font-size: 15px; padding-left: 15px; padding-right: 15px; display: block; line-height: 1.3em; }
.group_t .tabs_2 li:hover a{  }
.group_t .tabs_2 li a:hover{ text-decoration:none; background-color: #000; color: #FFF; /*opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);*/ }
.tabs_2_d{ margin-top:0px; position:relative; height:9px; }