@charset "utf-8"; /* CSS Document */ /* layout */ body{ margin:0; padding:0; text-align:center; font-size:13px; line-height:1.6em; font-family: Microsoft JhengHei, 微軟正黑體, calibri, Arial, Helvetica, sans-serif; color:#404040; background:url(images/bg.jpg) top center repeat-x; min-width:960px;} #j{ margin:0; padding:0; width:100%; height:580px;} #j{ background:url(images/j_top_bg.png) repeat-x;} #n{ background:url(images/n_top_bg.png) repeat-x;} #o{ background:url(images/o_top_bg.png) repeat-x;} #s{ background:url(images/s_top_bg.png) repeat-x;} #z{ background:url(images/z_top_bg.png) repeat-x;} #wrap{ margin:0 auto; width:960px; height:580px; } #head{ float:left; width:960px; height:100px;} #box{ float:left; width:960px; height:480px; text-align:left; font-size:13px;} #j #box{ background:url(images/j_left_id.png) no-repeat;} #n #box{ background:url(images/n_left_id.png) no-repeat;} #o #box{ background:url(images/o_left_id.png) no-repeat;} #s #box{ background:url(images/s_left_id.png) no-repeat;} #z #box{ background:url(images/z_left_id.png) no-repeat;} #logo{ float:left; margin-top:35px; margin-left:35px; width:210px; height:54px; background:url(images/logo.png);} #show{ float:left; margin-left:15px; margin-top:30px; width:150px; height:50px; } /* format */ a:focus{ -moz-outline-style: none; } a{ behavior:expression(this.onFocus=this.blur()); outline: none; text-decoration:none;} img, a img{ border:0; } /*a:hover img{ filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9; opacity: 0.9;}*/ td{ vertical-align:top; text-align:justify;} table{text-justify: inter-ideograph;} /* text */ h1{ font-size:18px; color:#404040;} h2{ font-size:16px; margin-bottom:30px;} h3{ font-size:14px;} h2 span, h3 span{ color:#404040;} #j h2, #j h3{ color:#F5873C;} #n h2, #n h3{ color:#5AB432;} #o h2, #o h3{ color:#3C96E1;} #s h2, #s h3{ color:#006699;} #z h2, #z h3{ color:#B91214;} #j { SCROLLBAR-ARROW-COLOR:#F5873C;} #n { SCROLLBAR-ARROW-COLOR:#5AB432;} #o { SCROLLBAR-ARROW-COLOR:#3C96E1;} #s { SCROLLBAR-ARROW-COLOR:#006699;} #z { SCROLLBAR-ARROW-COLOR:#B91214;} /* top menu */ #top_tab {float:right; margin-top:6px; height:35px; position:relative; width:466px; text-align:center;} #top_tab2 {float:right; margin-top:-35px; margin-right:29px; margin-left:300px \9; height:31px; width:108px; text-align:center;padding-top:4px;} #top_tab2:hover, #top_tab2:hover a{color:#fff;} #j #top_tab2{background:url(images/j_top_tab2.png) bottom;} #j #top_tab2:hover{background:url(images/j_top_tab2_sel.png) bottom;} #n #top_tab2{background:url(images/n_top_tab2.png) bottom;} #n #top_tab2:hover{background:url(images/n_top_tab2_sel.png) bottom;} #o #top_tab2{background:url(images/o_top_tab2.png) bottom;} #o #top_tab2:hover{background:url(images/o_top_tab2_sel.png) bottom;} #s #top_tab2{background:url(images/s_top_tab2.png) bottom;} #s #top_tab2:hover{background:url(images/s_top_tab2_sel.png) bottom;} #z #top_tab2{background:url(images/z_top_tab2.png) bottom;} #z #top_tab2:hover{background:url(images/z_top_tab2_sel.png) bottom;} a #top_tab2 {color:#404040;} a:hover #top_tab2 {color:#fff; } #top_tab .select, #top_tab .current {margin:0; padding:0; list-style:none; display:table-cell; white-space:nowrap; } #top_tab li {margin-left:-8px;float:left;height:35px;width:92px;line-height:31px; font-size:13px;white-space:nowrap; } #top_tab li a{color:#404040;} #top_tab li a:hover {color:#fff;} #top_tab .current li a {color:#fff;} #j #top_tab li {background: url(images/j_top_tab.png) bottom;} #j #top_tab li:hover, #j #top_tab .current li{background: url(images/j_top_tab_sel.png) bottom; color:#fff;} #n #top_tab li {background: url(images/n_top_tab.png) bottom;} #n #top_tab li:hover, #n #top_tab .current li{background: url(images/n_top_tab_sel.png) bottom; color:#fff;} #o #top_tab li {background: url(images/o_top_tab.png) bottom;} #o #top_tab li:hover, #o #top_tab .current li{background: url(images/o_top_tab_sel.png) bottom; color:#fff;} #s #top_tab li {background: url(images/s_top_tab.png) bottom;} #s #top_tab li:hover, #s #top_tab .current li{background: url(images/s_top_tab_sel.png) bottom; color:#fff;} #z #top_tab li {background: url(images/z_top_tab.png) bottom;} #z #top_tab li:hover, #z #top_tab .current li{background: url(images/z_top_tab_sel.png) bottom; color:#fff;} #top_tab .tab_sub {display:none;} #top_tab .sub { display:table; padding:0; list-style:none;text-align:left;margin-left:0;} #j #top_tab .sub li, #n #top_tab .sub li, #o #top_tab .sub li, #s #top_tab .sub li, #z #top_tab .sub li{ margin-right:5px; background:none; width:auto;} #j #top_tab .sub li a:hover { color:#404040; background:url(images/j_arrow.png) no-repeat left .8em;} #j #top_tab .sub li a:hover { color:#404040; background:url(images/j_arrow.png) no-repeat left 0.6em \9;} #j #top_tab .sub li a { color:#F5873C;} #n #top_tab .sub li a:hover { color:#404040; background:url(images/n_arrow.png) no-repeat left .8em;} #n #top_tab .sub li a:hover { color:#404040; background:url(images/n_arrow.png) no-repeat left 0.6em \9;} #n #top_tab .sub li a { color:#5AB432;} #o #top_tab .sub li a:hover { color:#404040; background:url(images/o_arrow.png) no-repeat left .8em;} #o #top_tab .sub li a:hover { color:#404040; background:url(images/o_arrow.png) no-repeat left 0.6em \9;} #o #top_tab .sub li a { color:#3C96E1;} #s #top_tab .sub li a:hover { color:#404040; background:url(images/s_arrow.png) no-repeat left .8em;} #s #top_tab .sub li a:hover { color:#404040; background:url(images/s_arrow.png) no-repeat left 0.6em \9;} #s #top_tab .sub li a { color:#006699;} #z #top_tab .sub li a:hover { color:#404040; background:url(images/z_arrow.png) no-repeat left .8em;} #z #top_tab .sub li a:hover { color:#404040; background:url(images/z_arrow.png) no-repeat left 0.6em \9;} #z #top_tab .sub li a { color:#B91214;} #top_tab .select :hover .tab_sub, #top_tab .current :hover .tab_sub { display:block; position:absolute; width:100%; top:35px; padding:0; left:0; float:left; } #top_tab .select :hover .sub li a, #top_tab .current .sub li a { text-decoration:none; display:block; float:left; padding:0 15px 0 10px; margin:0; white-space:nowrap; font-size:12px;} #j #top_tab .sub li a { color:#F5873C;} #top_tab .select :hover .sub li a:hover, #top_tab .current .sub li a:hover { visibility:visible; } /* product menu */ #menu{ float:left; margin-left:60px; width:200px; height:460px; padding-top:30px;} #j #menu{ margin-left:50px;} .product_menu{ display:block; margin:0; padding:0; width:200px; list-style:none;} .product_menu ul { list-style:none; display:none; margin:6px 0 10px 45px; padding:0; text-indent:1em; font-weight:bold; line-height:1.3em;} .product_menu a{ color:#404040; font-size:12px;} #j .product_menu ul{ border-left:1px solid #F5873C;} #n .product_menu ul{ border-left:1px solid #5AB432;} #o .product_menu ul{ border-left:1px solid #3C96E1;} #s .product_menu ul{ border-left:1px solid #006699;} #z .product_menu ul{ border-left:1px solid #B91214;} #j .product_menu ul ul, #n .product_menu ul ul, #o .product_menu ul ul, #s .product_menu ul ul, #z .product_menu ul ul{border-left:0px; list-style:none; display:block; margin-left:0; font-weight:normal; } .product_menu ul ul li{ padding-left:15px; } #j .product_menu ul ul li:hover, #j .product_menu ul ul li.current { background:url(images/j_arrow.png) no-repeat 1px 0.3em; } #j .product_menu ul ul li:hover, #j .product_menu ul ul li.current { background:url(images/j_arrow.png) no-repeat 1px 0.1em \9; } #n .product_menu ul ul li:hover, #n .product_menu ul ul li.current { background:url(images/n_arrow.png) no-repeat 1px 0.3em; } #n .product_menu ul ul li:hover, #n .product_menu ul ul li.current { background:url(images/n_arrow.png) no-repeat 1px 0.1em \9; } #o .product_menu ul ul li:hover, #o .product_menu ul ul li.current { background:url(images/o_arrow.png) no-repeat 1px 0.3em; } #o .product_menu ul ul li:hover, #o .product_menu ul ul li.current { background:url(images/o_arrow.png) no-repeat 1px 0.1em \9; } #s .product_menu ul ul li:hover, #s .product_menu ul ul li.current { background:url(images/s_arrow.png) no-repeat 1px 0.3em; } #s .product_menu ul ul li:hover, #s .product_menu ul ul li.current { background:url(images/s_arrow.png) no-repeat 1px 0.1em \9; } #z .product_menu ul ul li:hover, #z .product_menu ul ul li.current { background:url(images/z_arrow.png) no-repeat 1px 0.3em; } #z .product_menu ul ul li:hover, #z .product_menu ul ul li.current { background:url(images/z_arrow.png) no-repeat 1px 0.1em \9; } .product_menu .footer { background: url('images/menu_link_bg.png') no-repeat ; height:16px; width:264px; margin-top:6px \9;} /* main */ div#foot{ float:right; padding:8px 46px 0 0; width:650px; height:38px; color:#fff; text-align:center; font-size:11px; line-height:16px; font-weight:bold;} div#main{ float:right; width:696px; height:434px; } div#content{ float:right; margin:30px 30px 20px 40px; padding:0 10px; width:606px; height:384px; overflow-y:auto; overflow-x:hidden; SCROLLBAR-FACE-COLOR:#FFF; SCROLLBAR-HIGHLIGHT-COLOR:#DDD; SCROLLBAR-3DLIGHT-COLOR:#FFF; SCROLLBAR-SHADOW-COLOR:#DDD; SCROLLBAR-DARKSHADOW-COLOR:#FFF; /*SCROLLBAR-TRACK-COLOR:#FFF; FILTER: Chroma( Color = #fff);*/ } #content img.banner{width:588px;} #content a{ color:#404040; border-bottom:1px dotted #999;} #content a:hover{ border-bottom:1px solid #999;} #content li{ list-style-position:outside;margin-left:0;} #content ul {margin-left:0;padding-left:1em;} #content ul a{ } div .line{float:left; border-top:1px dashed; width:98%;} #content input{font-size:9pt;} div .block{ float:left; margin-right:15px; width:96px; height:26px; text-align:center; padding-top:4px; background:url(images/block_bg.png) center bottom no-repeat;} #content ul.j_link a:hover{color:#F5873C; border:hidden; padding-left:22px;background:url(images/j_link.gif) 0px 2px no-repeat;} #content ul.j_link a{ border:hidden; padding-left:20px;background:url(images/j_link.png) 0px 2px no-repeat;} #content .n_link{float:left; margin-left:560px;} #content .n_link a:hover{ border:hidden; padding-right:22px;background:url(images/n_link.gif) right 3px no-repeat;} #content .n_link a{ border:hidden; color:#5AB432; padding-right:22px;background:url(images/n_link.png) right 3px no-repeat;} #content ul.j_link{ list-style:none; padding-left:10px;} div .n_block{ float:left; height:26px; margin-right:15px; } div .n_block .left{float:left; height:26px; width:5px; background:url(images/n_button_l.jpg) no-repeat left; display:block;} div .n_block .right{ float:left; height:23px; padding:3px 10px 0 5px; font-weight:bold; background:url(images/n_button_r.jpg) no-repeat right;} a:hover .n_block, a.current .n_block {color:#fff;} a:hover .n_block .left, a.current .n_block .left{background:url(images/n_button_lh.jpg) no-repeat left; } a:hover .n_block .right, a.current .n_block .right{background:url(images/n_button_rh.jpg) no-repeat right;} div .center{ float:left; width:100%; text-align:center; display:block; margin-bottom:20px;} /* accordion */ #list3 { float:left; width:588px; } #j #list3 div.selected div{border-left:8px solid #F5873C; border-right:8px solid #F5873C;} #j #list3 div.selected .title span{ visibility:hidden; } #j #list3 div div { padding:5px 10px;} #j #list3 div.title { border-top: 1px dashed #F5873C; padding: 10px;font-weight: ; cursor: pointer; height:; overflow:hidden;} #n #list3 div.selected div{border-left:8px solid #5AB432; border-right:8px solid #5AB432;} #n #list3 div.selected .title span{ visibility:hidden; } #n #list3 div div { padding:5px 10px;} #n #list3 div.title { border-top: 1px dashed #5AB432; padding: 10px;font-weight: ; cursor: pointer; height:; overflow:hidden;} #o #list3 div.selected div{border-left:8px solid #3C96E1; border-right:8px solid #3C96E1;} #o #list3 div.selected .title span{ visibility:hidden; } #o #list3 div div { padding:5px 10px; } #o #list3 div.title { border-top: 1px dashed #3C96E1; padding: 10px;font-weight: ; cursor: pointer; height:; overflow:hidden;} #s #list3 div.selected div{border-left:8px solid #006699; border-right:8px solid #006699;} #s #list3 div.selected .title span{ visibility:hidden; } #s #list3 div div { padding:5px 10px;} #s #list3 div.title { border-top: 1px dashed #006699; padding: 10px;font-weight: ; cursor: pointer; height:; overflow:hidden;} #z #list3 div.selected div{border-left:8px solid #B91214; border-right:8px solid #B91214;} #z #list3 div.selected .title span{ visibility:hidden; } #z #list3 div div { padding:5px 10px;} #z #list3 div.title { border-top: 1px dashed #B91214; padding: 10px;font-weight: ; cursor: pointer; height:; overflow:hidden;}