@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: table; position: relative; background-image: url(../images/icon_line.png); 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: #1A5082; 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 span{ font-size: 15px; margin: 0px; display: block; white-space: nowrap; padding: 0px; float: left; line-height: 32px; }

#tabs_1 li a:hover{ color:#2169a7; text-decoration:none; background-image: url(../images/tabs_1_li_a_h.png); background-repeat: no-repeat; background-position: left top; }
#tabs_1 li a:hover strong{ color:#2169a7; }

#tabs_1 li.line_box{ width: 20px; background-image: none; }

/* 下拉式選單 */
#submenu{ padding:0px; clear: both; z-index: 350; float: left; margin-top: 35px; margin-right: 0px; margin-bottom: 0px; margin-left: -10px; }

#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(../images/color_alpha_9.png); background-repeat:repeat; background-position: left top; display: block; float: left; }

.group_t .tabs_2{ width: 100%; display: block; float: left; clear: both; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; 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: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; }
.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; }


.sub_navigation_box{ width: 100%; clear: both; float: left; }
.sub_navigation_box .navigation_img{ width: 100%; clear: both; float: left; margin-bottom: 10px; background-image: url(../images/white_alpha_9.png); padding: 1px; display: none; }
.sub_navigation_box a.navigation_title{ color: #1A5082; padding: 0px; clear: both; width: 100%; display: block; float: left; line-height: normal; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-weight: bold; position: relative; }
.sub_navigation_box a.navigation_title font{ font-size: 15px; line-height: 22px; padding: 0px; float: left; display: block; font-weight: normal; margin: 0px; }

.group_t .tabs_2 li a{ display: none; }

.group_t .tabs_2 li a.navigation_title,
.group_t .tabs_2 li a.navigation_title:link, 
.group_t .tabs_2 li a.navigation_title:visited{ color:#1A5082; line-height:normal; list-style-type:none; display:block; text-decoration:none; overflow:hidden; margin:0px; padding-top: 8px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; clear: both; list-style-image: none; float: left; width: 100%; }
.group_t .tabs_2 li a.navigation_title font{ 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.navigation_title:hover{ text-decoration:none; background-color: #1A5082; color: #FFF; /*opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50);*/ }
.tabs_2_d{ margin-top:0px; position:relative; height:9px; }

.sub_navigation_box .navigation_list{ display: none;}
.sub_navigation_box .navigation_list .navigation_link{ display: none;}
.sub_navigation_box .navigation_list .navigation_link a{display: none;}
.sub_navigation_box .navigation_list .navigation_link a:before { display: none;}
.sub_navigation_box .navigation_list .navigation_link font{ }

.sub_navigation_box .navigation_more_box{display: none;}
.sub_navigation_box .navigation_more_box a{display: none;} 
.sub_navigation_box .navigation_more_box a:before{display: none;}