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

#navigation_page{ display: block; padding: 0px; width: 1180px; margin-right: auto; margin-left: auto; clear: both; }
#navigation_box{ width: 1180px; height: 40px; display: block; background-image: url(../images/navigation_box_bg.png); background-repeat: repeat-x; background-position: left top; }
#navigation { width: 1180px; float: right; padding: 0px; margin: 0px; display: block; z-index: 1000; position: relative; clear: both; }
.navigation_box{ width: 1140px; margin-right: 20px; margin-left: 20px; }

#divBg {height: 40px; position: relative;  margin: 0px;  padding-top: 0px; padding-bottom: 0px; }
#divMenu { position: absolute; overflow: hidden;  }
#divArrowLeft { height: 40px; cursor: pointer; display: block; position: absolute; width: 20px; VERTICAL-ALIGN: bottom; left: -20px; background-image: url(../images/icon_l-1.png); background-repeat: no-repeat; background-position: left -15px; z-index: 1; }
#divArrowLeft:hover { background-image: url(../images/icon_l-1.png); background-repeat: no-repeat; background-position: 0px -95px; }
#divArrowRight { height: 40px; cursor: pointer; display: block; position: absolute; width: 20px; left: 1140px; background-image: url(../images/icon_r-1.png); background-repeat: no-repeat; background-position: left -15px; }
#divArrowRight:hover { background-image: url(../images/icon_r-1.png); background-repeat: no-repeat; background-position: 0px -95px; }

/* css_tabs */
#tabs_1 { display: block; float: left; width: 1000%; _width: 100%;}
#tabs_1 ul { white-space:nowrap; list-style:none; margin: 0px; padding: 0px; float: left; clear: both; left:0px; position: relative; right: 0px; }
#tabs_1 li { text-decoration:none; height: 40px; font-style: normal; font-weight: normal; float: left; clear: right; display: block; position: relative; background-image: url(../images/icon_line.png); background-repeat: no-repeat; background-position: right bottom; padding-right: 10px; padding-left: 10px; }
#tabs_1 li a, #tabs_1 li a:link, #tabs_1 li a:visited { text-decoration:none; color: #FFF; height: 40px; 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: 40px; float: left; padding-right: 4px; padding-left: 4px; }
#tabs_1 li a strong font{ font-family: 'Arimo', sans-serif ; font-size: 15px; margin: 0px; display: block; white-space: nowrap; padding: 0px; float: left; vertical-align: bottom; line-height: 40px; }

#tabs_1 li a:hover{ color:#000; 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:#CCC; }


/* 下拉式選單 */
#submenu{ position:absolute; margin:0px; padding:0px; clear: both; z-index: 300; }
#topmu1,#topmu2,#topmu3,#topmu4,#topmu5,#topmu6,#topmu7,#topmu8,#topmu9,#topmu10{ display:none; margin: 0px; padding: 0px; }
.group_t{ padding:0px; width: 200px; clear: both; background-image:url(../images/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; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: -10px; }


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

.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: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 0px; clear: both; list-style-image: none; width: 200px; }
.group_t .tabs_2 li a font{ font-family: 'Arimo', sans-serif; font-size: 14px; 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; }