body { SCROLLBAR-FACE-COLOR:#ffffff; SCROLLBAR-HIGHLIGHT-COLOR:#dddddd; SCROLLBAR-SHADOW-COLOR:#dddddd; SCROLLBAR-3DLIGHT-COLOR:#ffffff; SCROLLBAR-ARROW-COLOR:#999999; SCROLLBAR-TRACK-COLOR:#ffffff; SCROLLBAR-DARKSHADOW-COLOR:#ffffff; BACKGROUND-COLOR:#F1F1F1; background-image:url(../include/color_1/demo_2.jpg); background-repeat: repeat-x; background-position: left top; } html, body { margin:0px; text-align:center; } /* css_top */ #page { width:990px; text-align:left; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding: 0px; position: relative; } #top{ margin:0px; width:990px; padding: 0px; float: left; height: 101px; } #companyname { height:70px; width: 990px; } #logopic { padding:0px; float: left; } #logo_w { padding-top:32px; padding-left:4px; font-size:18px; color:#223637; text-decoration:none; font-family:Verdana,Arial,Helvetica,sans-serif; clear: right; float: left; } #logo_right { position: absolute; top: 0px; right: 0px; } #language { padding-left:5px !important; padding-left:2px; padding-right:5px; padding-top: 0px; padding-bottom: 0px; margin: 0px; height: 24px; float: right; } #language ul{ margin: 0px; padding: 0px; } #language li{ float: left; list-style-type: none; padding-right: 8px; padding-left: 8px; font-size: 12px; color: #666666; font-family: Arial, Helvetica, sans-serif; line-height: normal; margin: 0px; padding-top: 4px; padding-bottom: 0px; border-left-width: 1px; border-left-style: solid; border-left-color: #CCCCCC; position: relative; } #language li a, #language li a:link, #language li a:visited { margin: 0px; padding: 0px; white-space: nowrap; color:#999999; text-decoration: none; } #language li a:hover{ color:#066180; text-decoration:none; } .language { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#006699; height:21px !important; height:18px; width:156px; } #topmenuicon_t{ height: 24px; margin: 0px; padding: 0px; float: right; } #topmenuicon_t ul { margin: 0px; padding: 0px; } #topmenuicon_t ul a { background-repeat:no-repeat; } #topmenuicon_t li { line-height:normal; font-family:Arial, Helvetica, sans-serif; font-size:12px; list-style:none; color:#999999; text-decoration:none; margin: 0px; padding-top: 4px; padding-right: 8px; padding-bottom: 0px; padding-left: 8px; display: block; float: left; position: relative; border-left-width: 1px; border-left-style: solid; border-left-color: #CCCCCC; } #topmenuicon_t li span { color:#065F7F; text-decoration:none; background:url("cart.gif"); background-repeat:no-repeat; padding-right: 0px; padding-left: 30px; margin: 0px; padding-top: 0px; padding-bottom: 0px; } #topmenuicon_t li a:link, #topmenuicon_t li a:visited { color:#999999; text-decoration:none; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #topmenuicon_t li a:hover{ color:#066180; text-decoration:none; } #bigpic { PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 990px; PADDING-RIGHT: 0px; FLOAT: left; CLEAR: both; PADDING-TOP: 0px; } #banner_top { WIDTH: 990px; height:210px; TOP: 100px; LEFT: 0px; position: absolute;} /*#bigpic { margin:0px; padding:0px; width: 990px; float: left; clear: both; }*/ #menuicon { margin:0px; padding:0px; } /* css_leftmenu */ #search { float:right; padding-top:7px; width:950px; background:url("../include/color_1/bg_2a.jpg"); text-align:right; } #search_f { margin: 0px; padding-top: 27px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; float: right; top: 25px; right: 0px; } #searchtable { float:right; width:336px; } #searchtable_f { padding-left:24px; width:336px; margin: 0px; padding-right: 0px; padding-bottom: 0px; } #searchicon { float:left; padding-top:8px; height:34px; } .searchicon { margin-top:0px !important; margin-top:-1px; font-family:Verdana, sans-serif; font-size:13px; line-height:18px; color:#333333; width:282px !important; width:280px; border:1px solid #A7A7A7; } #searchbutton { float:right; *padding-top:8px !important;padding-top:6px; } /* css_leftmenu by stan (2010/1/12)*/ #searchtable_1 { float:right; width:357px; } #searchtable_f_1 { float: right; background-image: url(../include/color_1/searchtable_f_1_bg.jpg); background-repeat: no-repeat; background-position: 0px 0px; margin: 0px; padding: 0px; height: 32px; } #searchicon_1 { padding-top: 6px; padding-left: 40px; margin: 0px; float: left; padding-right: 10px; padding-bottom: 0px; } .searchicon_1 { font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#333333; border:1px solid #FFFFFF; margin: 0px; width: 190px; float: left; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #searchbutton_1 { float: left; float: left; margin: 0px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; } .searchbutton_1 { float: left; margin: 0px; float: left; display: block; padding: 0px; height: 32px; background-image: url(../include/color_1/search_submit_bg.jpg); background-repeat: repeat-x; background-position: 0px 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; cursor: pointer; } #searchtable_f_1 .bg{ background-image: url(../include/color_1/search_submit_bg1.jpg); background-repeat: no-repeat; height: 14px; height: 32px; background-position: right top; display: block; float: left; width: 8px; padding: 0px; margin: 0px; } searchtable_f_1 input{ margin: 0px; padding: 0px; } #searchbutton_2 { float: left; float: left; height: 32px; margin: 0px; padding: 0px; background-image: url(../include/color_1/search_submit_bg4.jpg); background-repeat: repeat-x; background-position: left top; line-height: 30px; } #searchbutton_2 a{ color: #CCCCCC; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-image: url(../include/color_1/search_submit_bg2.jpg); background-repeat: no-repeat; background-position: left top; display: block; height: 32px; margin: 0px; float: left; padding-top: 0px; padding-right: 4px; padding-bottom: 0px; padding-left: 12px; } #searchbutton_2 a:link, #searchbutton_2 a:visited{ text-decoration: none; } #searchbutton_2 a:hover{ color: #FFFFFF; } #searchtable_f_1 .searchbutton_2_rbg{ background-image: url(../include/color_1/search_submit_bg3.jpg); background-repeat: no-repeat; height: 14px; height: 32px; background-position: right top; display: block; float: left; width: 8px; padding: 0px; margin: 0px; } #menunews { float:left; width:220px; } #menunews_f { float:left; clear:left; width:230px; } #tbg_1 { height:30px; padding-bottom:0px; background-image:url(tbg_1.jpg); background-repeat:no-repeat; } #leftmenu_1 ul { display:block; list-style:none; margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; } #leftmenu_1 li { word-wrap:break-word; color:#444444; line-height:16px; text-decoration:none; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; padding-top: 9px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; } #leftmenu_1 li a:link, #leftmenu_1 li a:visited { color:#444444; text-decoration:none; } #leftmenu_1 li a:hover { color:#E1510A; text-decoration:none; } #leftmenu_1 li p{ margin: 0px; padding: 0px; } #leftmenu_1 li .title{ color: #177D8C; font-size: 15px; line-height: 18px; } #leftmenu_1 li .title a, #leftmenu_1 li .title a:link, #leftmenu_1 li .title a:visited{ color: #177D8C; } #leftmenu_1 li .title a:hover{ color:#E1510A; } #leftmenu_1 li .day{ color: #999999; font-size: 11px; line-height: 18px; padding-top: 4px; } #leftmenu_1 li .txt{ font-size: 12px; color: #666666; font-family: Arial, Helvetica, sans-serif; line-height: 18px;} #leftmenu_1 li .more{color: #177D8C; text-decoration: none; width: 100%; text-align: right; font-size: 11px; word-spacing: -1px;} #leftmenu_1 li .more a, #leftmenu_1 li .more a:link, #leftmenu_1 li .more a:visited{ color: #177D8C; text-decoration: none; } #leftmenu_1 li .more a:hover{ color:#E1510A; } #line_1 { margin:0px; padding:0px; } .more { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#004A80; text-decoration:none; padding-top: 5px; padding-right: 0px; padding-bottom: 10px; padding-left: 5px; } .more a:link, .more a:visited { color:#004A80; text-decoration:none; } .more a:hover { color:#E1510A; text-decoration:none; } #newpic { margin:0px; padding:0px; } /* css_rightcontact */ #main { float:right; margin-left:10px; padding:0px; width:750px; } #main_f { float:right; padding:0px; width:750px; } #marquee { padding-left:54px; padding-top:16px; padding-right:20px; font-family:Verdana, sans-serif; font-size:13px; color:#6B6B6B; text-decoration:none; background:url("../include/color_1/icon_8.jpg"); background-repeat:no-repeat; visibility: hidden; height: 30px; } #applications { width: 565px; float: left; } #icon_applications { height:30px; background-image:url("tbg_4.jpg"); background-repeat:no-repeat; } #applications_contant{ margin: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; } #applications_contant .applications_box { margin: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; clear: both; } #applications_contant .applications_box p {margin: 0px; padding: 0px;} #applications_contant .applications_box img{ float: left; padding-left: 5px; padding-right: 5px; margin: 0px; padding-top: 0px; padding-bottom: 0px; } #applications_contant .applications_box .title{ color: #177D8C; font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; line-height: 26px; } #applications_contant .applications_box .title a, #applications_contant .applications_box .title a:link, #applications_contant .applications_box .title a:visited{ color: #177D8C; text-decoration: none; } #applications_contant .applications_box .title a:hover{ color:#E1510A; } #applications_contant .applications_box .txt{ font-size: 12px; color: #666666; font-family: Arial, Helvetica, sans-serif; line-height: 18px; } #applications_contant .applications_box .txt a{ color: #666666; text-decoration: none; } #applications_contant .applications_box .more{ color: #177D8C; text-decoration: none; width: 100%; text-align: right; font-size: 11px; word-spacing: -1px; } #applications_contant .applications_box .more a, #applications_contant .applications_box .more a:link, #applications_contant .applications_box .more a:visited{ color: #177D8C; text-decoration: none; } #applications_contant .applications_box .more a:hover{ color:#E1510A; } #bestchoice { width: 185px; float: right; } #icon_productchoice { height:30px; background-image:url("tbg_3.jpg"); background-repeat:no-repeat; } #left_pic { float:left; margin:0px; padding-left:2px; padding-right:2px; padding-top:2px; width:270px; } #left_pic_line { margin:0px; padding:0px; } .product { margin:0px; padding:0px; } .group { clear:both; margin:0px; padding:0px; } #product_block { float:left; width:160px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; } #pic { margin:0px; padding:0px; width:160px; } #h_1 { word-wrap:break-word; padding-top:2px; padding-left:15px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#666666; font-weight:bold; text-decoration:none; background-image: url(bestchoice_icon.jpg); background-repeat: no-repeat; background-position: 2px 8px; } #h_1 a:link, #h_1 a:visited { color:#666666; text-decoration:none; } #h_1 a:hover { color:#0F8293; text-decoration:none; } #hc_1 { word-wrap:break-word; padding-left:4px; padding-top:2px; padding-bottom:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:14px; color:#999999; text-decoration:none; } #hc_1 a:link, #hc_1 a:visited { color:#999999; text-decoration:none; } #hc_1 a:hover { color:#0E8492; text-decoration:none; } #companyprofile { float:right; width:750px; padding-top: 24px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } #profile_contant { margin:0px; padding:0px; float: left; width: 100%; } #icon_companyprofile {} #profile_pic{ width: 210px; float: left; } .profile_txt .profile_title{ margin:0px 0px 0px 0px; padding:5px 0px 0px 0px; height: 28px; font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #666666;} .profile_txt .profile_title span{ color: #177D8C; } #profile_contant .profile_txt{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #555555; line-height: 18px; } #profile_contant .profile_txt a, #profile_contant .profile_txt a:link, #profile_contant .profile_txt a:visited{ text-decoration: none; color: #177D8C; } #profile_contant .profile_txt a:hover{ color: #666666; } #profile_contant .profile_txt ul{ margin: 0px; padding: 0px; } #profile_contant .profile_txt li{ float: left; list-style-type: none; background-image: url(profile_li_icon.jpg); background-repeat: no-repeat; background-position: 0px 10px; padding-right: 20px; padding-left: 10px; line-height: 26px; width: 100px; color: #666666; } #profile_contant .profile_txt li a, #profile_contant .profile_txt li a:link, #profile_contant .profile_txt li a:visited{ color: #666666; } #profile_contant .profile_txt li a:hover{ color: #177D8C; } .t12_f { padding-left:12px; padding-bottom:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#ffffff; text-decoration:none; } .t12_f a:link, .t12_f a:visited { color:#fffffftext-decoration:none; } .t12_f a:hover { color:#E1510A; text-decoration:underline; } .t12_1 { padding-left:24px; padding-bottom:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#666666; text-decoration:none; } .t12_1 a:link, .t12_1 a:visited { color:#6B6B6B; text-decoration:none; } .t12_1 a:hover { color:#E1510A; text-decoration:underline; } /* css_down */ #down { clear:both; width:100%; padding: 0px; margin-top: 0px; text-align: left; background-image: url(../include/color_1/demo_4.jpg); background-repeat: repeat-x; background-color: #666666; background-position: left top; } #downicon { width:990px; clear: both; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #downbg { margin:0px; padding:0px; height:5px !important; height:18px; } #menu_d_right { margin:0px; padding:0px; width: 990px; } #menu_d_1 ul { clear: both; margin: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; } #menu_d_1 li { font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; list-style:none; color:#FFFFFF; text-decoration:none; } #menu_d_1 li a:link, #menu_d_1 li a:visited { color:#FFFFFF; text-decoration:none; } #menu_d_1 li a:hover { color:#FFFFFF; text-decoration:none; } .menu_d_1 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#B9B9B9; text-decoration:none; text-align:right; margin: 0px; padding-top: 10px; padding-right: 42px; padding-bottom: 8px; padding-left: 40px; clear: both; } .menu_d_1 a:link, .menu_d_1 a:visited { color:#AFAFAF; text-decoration:none; } .menu_d_1 a:hover { color:#E1510A; text-decoration:none; } /* css_contact */ .wordwrap { -moz-binding:url('../java/wordwrap.xml#wordwrap'); display:block; overflow:auto; } #tbg_2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#004A80; text-decoration:none; background-repeat:no-repeat; margin: 0px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #leftmenu_2 ul { list-style:none; margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; } #leftmenu_2 ul a { display:block; height:auto !important; height:14px; margin:0px 6px 0px 6px; padding:10px 10px 8px 24px; background:url("../include/color_1/bg_3.jpg"); background-repeat:no-repeat; } #leftmenu_2 li { word-wrap:break-word; line-height:16px !important; line-height:14px; color:#6B6B6B; text-decoration:none; } #leftmenu_2 li a:link, #leftmenu_2 li a:visited { color:#6B6B6B; text-decoration:none; } #leftmenu_2 li a:hover { color:#006699; text-decoration:none; } /*by jack(2010/10/8)*/ #leftmenu_2 ul li ul { list-style:none; margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; } #leftmenu_2 ul li ul a { display:block; height:auto !important; height:14px; margin:0px 6px 0px 6px; padding:10px 10px 8px 24px; background:url("../include/color_1/bg_3a.jpg"); background-repeat:no-repeat; } #leftmenu_2 ul li ul li { line-height:14px; color:#6B6B6B; text-decoration:none; } #leftmenu_2 ul li ul li a:link, #leftmenu_2 ul li ul li a:visited { color:#6B6B6B; text-decoration:none; } #leftmenu_2 ul li ul li a:hover { color:#E1510A; text-decoration:none; } #leftmenu_2 ul li ul li ul { list-style:none; margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; } #leftmenu_2 ul li ul li ul a { display:block; height:auto !important; height:14px; margin:0px 6px 0px 6px; padding:10px 10px 8px 36px; background:url("../include/color_1/bg_3b.jpg"); background-repeat:no-repeat; } #leftmenu_2 ul li ul li ul li { line-height:14px; color:#6B6B6B; text-decoration:none; } #leftmenu_2 ul li ul li ul li a:link, #leftmenu_2 ul li ul li ul li a:visited { color:#6B6B6B; text-decoration:none; } #leftmenu_2 ul li ul li ul li a:hover { color:#E1510A; text-decoration:none; } #listmenu_1 ul { list-style:none; margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; } #listmenu_1 ul a { display:block; height:auto !important; height:14px; margin:0px 6px 0px 6px; padding:10px 10px 8px 36px; background:url("../include/color_1/bg_3a.jpg"); background-repeat:no-repeat; } #listmenu_1 li { line-height:14px; color:#81622E; text-decoration:none; } #listmenu_1 li a:link, #listmenu_1 li a:visited { color:#81622E; text-decoration:none; } #listmenu_1 li a:hover { color:#E1510A; text-decoration:none; } #listmenu_2 ul { list-style:none; margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; } #listmenu_2 ul a { display:block; height:auto !important; height:14px; margin:0px 6px 0px 6px; padding:10px 10px 8px 48px; background:url("../include/color_1/bg_3b.jpg"); background-repeat:no-repeat; } #listmenu_2 li { line-height:14px; color:#7D7D00; text-decoration:none; } #listmenu_2 li a:link, #listmenu_2 li a:visited { color:#7D7D00; text-decoration:none; } #listmenu_2 li a:hover { color:#E1510A; text-decoration:none; } #main_contact { float:right; margin-left:10px; padding:0px; width:940px; } #headline { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#6B6B6B; height:18px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; background-image: url(../include/color_1/headline_bg.gif); background-repeat: no-repeat; background-position: 4px 15px; } #headline a:link, #headline a:visited { color:#6B6B6B; text-decoration:none; } #headline a:hover { color:#056283; text-decoration:none; } #contact_about { clear:both; padding-left:4px; padding-right:12px; } .group_a { clear:both; margin:0px; padding:0px; } .group_b { margin:0px; padding:0px; } .group_c { float:left; margin:0px; padding:0px; width:310px; } .group_d { float:left; margin:0px; padding:0px; width:700px; } #g_1 { float:left; margin-top:6px; padding:0px; width:200px; text-align:center; } #g_2 { float:left; margin-top:6px; padding:0px; width:444px; text-align:center; } #g_3 { float:left; margin-top:6px; padding:0px; width:200px; text-align:center; } #g_1_a { float:left; margin-top:6px; padding:0px; width:380px; text-align:center; } #g_2_a { float:left; margin-top:6px; padding:0px; width:260px; text-align:center; } #g_3_a { float:left; margin-top:6px; padding:0px; width:200px; text-align:center; } #left_pic_1 { float:left; margin:0px; padding:0px; width:365px; } #product_block_a { float:left; width:170px; padding-top:0px !important; padding-left:5px; padding-right:5px; } #product_spacer { float:left; width:16px !important; width:20px; } #pic_a { margin:20px 0px 20px 0px; padding:0px; } #hc_2 { word-wrap:break-word; padding-left:10px; padding-top:1px !important; padding-top:2px; padding-bottom:4px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:14px; color:#187D8D; text-decoration:none; } #hc_2 a:link, #hc_2 a:visited { color:#187D8D; text-decoration:none; } #hc_2 a:hover { color:#E1510A; text-decoration:none; } #hc_2_1 { word-wrap:break-word; padding-left:10px; padding-top:2px; padding-bottom:5px !important; padding-bottom:4px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:14px; color:#444444; text-decoration:none; } #hc_2_1 a:link, #hc_2_1 a:visited { color:#444444; text-decoration:none; } #hc_2_1 a:hover { color:#E1510A; text-decoration:none; } #hc_3 { padding-left:8px; padding-top:0px !important; padding-top:0px; color:#187D8D; text-decoration:none; margin: 0px; padding-right: 0px; padding-bottom: 5px; vertical-align: top; } #hc_3 a:link, #hc_3 a:visited { color:#999999; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #hc_3 a:hover { color:#187D8D; text-decoration:none; } .hc_3 { padding-left:8px; padding-top:0px !important; padding-top:0px; color:#187D8D; text-decoration:none; margin: 0px; padding-right: 0px; padding-bottom: 5px; vertical-align: top; } .hc_3 a:link, .hc_3 a:visited { color:#999999; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .hc_3 a:hover { color:#187D8D; text-decoration:none; } #mark_1 { margin-top:2px !important; padding-left:20px; padding-top:13px !important; padding-top:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#187D8D; text-decoration:none; height:22px; background-image:url("mark_1.jpg"); background-repeat:no-repeat; } #mark_3 { padding-left:20px; padding-top:7px; padding-bottom:2px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#4692A2; text-decoration:none; min-height:15px; background-image:url("mark_3.jpg"); background-repeat:no-repeat; margin-bottom:5px; } #mark_3 a:link, #mark_3 a:visited { color:#4692A2; text-decoration:none; } #mark_3 a:hover { color:#E1510A; text-decoration:none; } /*by jack(2010/10/27)*/ #mark_3_NoPic { padding-left:20px; padding-top:7px; padding-bottom:2px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#81622E; text-decoration:none; min-height:15px; background-repeat:no-repeat; margin-bottom:1.5em; } #mark_3_NoPic a:link, #mark_3_NoPic a:visited { color:#81622E; text-decoration:none; } #mark_3_NoPic a:hover { color:#E1510A; text-decoration:none; } #mark_f { margin-top:2px !important; padding-left:24px; padding-top:13px !important; padding-top:13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#006699; text-decoration:none; height:22px; background-image:url("mark_f.jpg"); background-repeat:no-repeat; } #mark_q { margin-top:2px !important; padding-left:24px; padding-top:13px !important; padding-top:13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#446B19; text-decoration:none; height:22px; background-image:url("mark_q.jpg"); background-repeat:no-repeat; } #markline_1 { clear:both; height:8px; background-image:url("markline_1.jpg"); background-repeat:repeat-x; } #markline_f { clear:both; height:8px; background-image:url("markline_f.jpg"); background-repeat:repeat-x; } #markline_q { clear:both; height:8px; background-image:url("markline_q.jpg"); background-repeat:repeat-x; } #mark_2_none { min-height:15px; margin-right:96px; padding-left:20px; padding-top:5px; padding-bottom:5px; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:13px; color:#4692A2; text-decoration:none; background-image:url("mark_2.jpg"); background-repeat:no-repeat;} #mark_2 { min-height:15px; margin-right:96px; padding-left:20px; padding-top:5px; padding-bottom:5px; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:13px; color:#4692A2; text-decoration:none; background-image:url("mark_2.jpg"); background-repeat:no-repeat; } #mark_2 a:link, #mark_2 a:visited { color:#4692A2; text-decoration:none; } #mark_2 a:hover { color:#E1510A; text-decoration:none; } #mark_4 { padding-left:20px; padding-top:5px; padding-bottom:2px; font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:13px; color:#4692A2; text-decoration:none; height:23px; background-image:url("mark_2.jpg"); background-repeat:no-repeat; } #mark_4 a:link, #mark_4 a:visited { color:#4692A2; text-decoration:none; } #mark_4 a:hover { color:#E1510A; text-decoration:none; } #mark_5 { margin-left:6px; margin-top:4px; padding-left:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#055C7C; text-decoration:none; height:22px; background-image:url("icon_5.jpg"); background-repeat:no-repeat; } #mark_5 a:link, #mark_5 a:visited { color:#055C7C; text-decoration:none; } #mark_5 a:hover { color:#E1510A; text-decoration:none; } #mark_6 { margin-top:4px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#006699; text-decoration:none; height:22px; } #markline_2 { clear:both; height:5px; background-image:url("markline_2.jpg"); background-repeat:repeat-x; } #markline_3 { clear:both; margin:10px 0px 10px 0px; height:5px; background-image:url("markline_2.jpg"); background-repeat:repeat-x; } #markline_4 { clear:both; height:8px; background-image:url("markline_3.jpg"); background-repeat:repeat-x; } #markline_5 { clear:both; height:8px; background-image:url("markline_1.jpg"); background-repeat:repeat-x; } #markline_6 { clear:both; margin:0px; padding:0px; } #mark_search { padding-left:20px; margin-top:2px; padding-top:13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#E1510A; text-decoration:none; height:22px; background-image:url("mark_1.jpg"); background-repeat:no-repeat; } #spacer { clear:both; height:20px; } #spacer_1 { clear:both; height:10px; } .search_word { font-weight:bold; color:#FF0000; text-decoration:none; } .end_word { color:#FF0000; text-decoration:none; } #t12_L1 ul { margin:4px 0px 10px 18px; padding-left:9px; } #t12_L1 li { list-style:none; padding-left:9px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#6B6B6B; text-decoration:none; background-image:url("headline_2.jpg"); background-repeat:no-repeat; } #t12_L1 li a { color:#E1510A; text-decoration:none; } #t12_L1 li a:hover { font-weight:bold;color:#E1510A text-decoration:none; } .t12_L2 { padding-left:5px; padding-top:4px; padding-bottom:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#6B6B6B; text-decoration:none; } .t12_L2 a:link, .t12_L2 a:visited { color:#6B6B6B; text-decoration:none; } .t12_L2 a:hover { color:#E1510A; text-decoration:underline; } .t12_L3 { padding-left:20px; padding-top:4px; padding-bottom:20px; padding-right:24px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#6B6B6B; margin: 0px; } .t12_L3 a:link, .t12_L3 a:visited { color:#6B6B6B; text-decoration:none; } .t12_L3 a:hover { color:#E1510A; text-decoration:underline; } .t12_L4 { margin-left:26px; padding-left:10px; padding-top:4px; padding-bottom:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#6B6B6B; text-decoration:none; background-image:url("icon_4.jpg"); background-repeat:no-repeat; } .t12_L4 a:link, .t12_L4 a:visited { color:#6B6B6B; text-decoration:none; } .t12_L4 a:hover { color:#E1510A; text-decoration:underline; } #t12_L5 ul { margin:0px; padding-left:23px !important; padding-left:24px; padding-top:12px !important; padding-top:12px; padding-bottom:10px; } #t12_L5 li { list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#6B6B6B; text-decoration:none; } #t12_L5 li a { color:#006699; text-decoration:none; } #t12_L5 li a:hover { color:#E1510A; text-decoration:none; } #t12_L5_1 ul { margin:0px; padding-left:24px; padding-top:1px; padding-bottom:10px; } #t12_L5_1 li { list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#444444; text-decoration:none; } .t12_L6 ul { margin:0px; padding-top:1px !important; padding-top:2px; padding-left:24px !important; padding-left:24px; padding-bottom:5px !important; padding-bottom:4px; background-image:url("mark_5.jpg"); background-repeat:no-repeat; } .t12_L6 li { list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:18px; color:#187D8D; text-decoration:none; } .t12_L6 li a:link, .t12_L6 li a:visited { color:#187D8D; text-decoration:none; } .t12_L6 li a:hover { color:#E1510A; text-decoration:none; } #start_1 { margin-left:25px; padding-left:15px; font-family:sans-serif; font-size:13px; line-height:16px; color:#444444; text-decoration:none; background-image:url("icon_3.jpg"); background-repeat:no-repeat; padding-bottom: 10px; } #start_2 { margin-left:25px; padding-left:15px; font-family:sans-serif; font-size:13px; color:#444444; text-decoration:none; background-image:url("icon_3_none.jpg"); background-repeat:no-repeat; padding-bottom: 5px; } .w_1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#6B6B6B; text-decoration:none; width:400px; height:14px; } .w_2 { font-family:sans-serif; font-size:11px; color:#990000; text-decoration:none; } .w_3 { margin-left:25px; padding-left:11px; padding-top:4px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#990000; text-decoration:none; } .w_4 { margin-left:140px; padding-top:4px; font-family:sans-serif; font-size:13px; color:#6B6B6B; text-decoration:none; background-image:url("icon_3_none.jpg"); background-repeat:no-repeat; padding-bottom: 5px; } .w_5 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#4B4B4B; text-decoration:none; } .w_6 { margin-top:34px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#4B4B4B; text-decoration:none; } .w_7 { margin-top:28px; } .w_8 { margin-top:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#4B4B4B; text-decoration:none; } #pic_block { float:right; padding-top:6px; margin-left:12px; } #pic_block_1 { float:right; margin-left:12px; padding-top:6px; padding-right:7px; } #bg_color { padding:10px; background-color:#FFFFFF; height:100%; text-align:center; } #r_pic { float:left; padding-right:6px !important; padding-right:2px; padding-bottom:4px; margin:0px 4px 0px 0px; } #r_pic_1 { clear:both; padding-right:6px !important; padding-right:2px; padding-bottom:4px; margin:0px 4px 0px 0px; width:214px; } .tr { background:url("table.jpg") right top no-repeat; } .tl { float:left; background:url("table.jpg") left top no-repeat; width:16px; height:12px; overflow:hidden; } .td { clear:both; background:url("table.jpg") left bottom no-repeat; padding-left:12px; } .tc { clear:both; background:url("table.jpg") right bottom no-repeat; padding:0px 12px 12px 0px; } .tr_1 { background:url("table.jpg") right top no-repeat; } .tl_1 { float:left; background:url("table.jpg") left top no-repeat; width:16px; height:12px; overflow:hidden; } .td_1 { clear:both; background:url("table.jpg") left bottom no-repeat; padding-left:12px; } .tc_1 { clear:both; background:url("table.jpg") right bottom no-repeat; padding:0px 12px 12px 0px; } #cart_1 { background-image:url("cart.gif"); background-repeat:no-repeat; } #zone_1 { float:left; margin-left:12px !important; margin:4px 0px 0px 6px; padding-left:16px; background-image:url("icon_2.jpg"); background-repeat:no-repeat; } #zone_2 { margin:4px 0px 0px 20px; padding-left:16px; background-image:url("icon_2.jpg"); background-repeat:no-repeat; } #zone_3 { float:right; margin:6px 0px 0px 0px; padding-left:16px; } #zone_3_p1 { float:right; margin:8px 0px 0px 6px; padding-right:4px; } #zone_3_p2 { float:right; margin:6px 0px 0px 0px; padding-right:4px; } #zone_4 { float:right; margin:-30px 0px 0px 9px; padding-left:18px; background-image:url("icon_5.jpg"); background-repeat:no-repeat; } #zone_5 { float:right; margin:-19px 0px 0px 0px; padding-left:16px; background-image:url("icon_2_1.jpg"); background-repeat:no-repeat; } #zone_6 { float:left; margin:6px 0px 0px 0px; padding-left:16px; background-image:url("icon_5.jpg"); background-repeat:no-repeat; } #zone_7 { float:left; margin-left:20px !important; margin:4px 0px 0px 10px; padding-left:16px; height:26px !important; height:16px; background-image:url("icon_2.jpg"); background-repeat:no-repeat; } .button { padding:1px 9px 2px 9px !important; padding:2px 6px 2px 6px; font-size:13px; color:#363636; font-family:Verdana, Arial, Helvetica, sans-serif; } .t12_2 { font-size:13px; color:#187D8D; font-family:Arial, Helvetica, sans-serif; padding-right:3px; } .t12_2 a:link, .t12_2 a:visited { color:#187D8D; text-decoration:none; } .t12_2 a:hover { color:#E1510A; text-decoration:none; } .t12_3 { font-size:13px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; padding-top:5px !important; padding-top:7px; padding-right:3px; } .t12_3 a:link, .t12_3 a:visited { color:#187D8D; text-decoration:none; } .t12_3 a:hover { color:#E1510A; text-decoration:none; } .t12_4 { margin-left:36px; padding-left:16px; font-size:11px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; background-image:url("icon_6.gif"); background-repeat:no-repeat; } .t12_4 a:link, .t12_4 a:visited { font-size:13px; color:#187D8D; text-decoration:none; } .t12_4 a:hover { color:#E1510A; text-decoration:none; } .t12_5 { font-size:13px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; padding-right:12px; } .t12_5 a:link, .t12_5 a:visited { color:#187D8D; text-decoration:none; } .t12_5 a:hover { color:#E1510A; text-decoration:none; } #line_2 { margin-top:20px; margin-bottom:20px; border-top-width:1px; border-bottom-width:1px; border-top-style:solid; border-bottom-style:solid; border-top-color:#BFBFBF; border-bottom-color:#BFBFBF; background-color:#F0F0F0; } .t12_6 { padding-top:9px !important; padding-top:8px; padding-left:21px; padding-bottom:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#999999; text-decoration:none; } .t12_6 a:link, .t12_6 a:visited { color:#999999; text-decoration:none; } .t12_6 a:hover { color:#187D8D; text-decoration:none; } .t12_7 { font-size:13px; color:#187D8D; font-family:Verdana, Arial, Helvetica, sans-serif; padding-right:12px; } #table_1 { border:3px double; border-color:#CCCCCC; margin:10px 2px 10px 24px; padding:4px 10px 10px 10px; font-size:13px; color:#4B4B4B; font-family:Verdana, Arial, Helvetica, sans-serif; } #table_2 { border:3px double; border-color:#CCCCCC; margin:10px 25px 10px 40px; padding:4px 5px 5px 5px; font-size:13px; color:#4B4B4B; font-family:Verdana, Arial, Helvetica, sans-serif; } .table_3 { float:left; margin-right:-3px; padding:5px; border:3px double; border-color:#CAD9EA; font-size:13px; color:#187D8D; font-family:Verdana, Arial, Helvetica, sans-serif; } .table_3 a:link, .table_3 a:visited { color:#187D8D; text-decoration:none; } .table_3 a:hover { color:#E1510A; text-decoration:none; } .table_4 { float:left; margin-left:2px !important; margin-right:-1px !important; margin-left:0px; margin-right:-3px; padding:5px; border:3px double; border-color:#CAD9EA; font-size:13px; color:#187D8D; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; background-color:#CAD9EA; } .table_5 { float:left; width:100%; } #re_pic2 a img { border:0; } #re_pic2 a:hover { position:absolute; left:-10px; top:-10px; width:250px; height:250px; } .re_pic { border: 5px solid #CECECE; padding: 3px; background-color: #FFF; } #re_tb tr:hover { color: #444444; background-color: #EBF2F5; } .re_itemW, .re_itemW a:visited, .re_itemW a:link { font-family: "Verdana", "Geneva", "sans-serif"; font-size: 10px; color: #444444; text-decoration:none; } .re_itemW a:hover { font-family: "Verdana", "Geneva", "sans-serif"; font-size: 10px; color: #444444; text-decoration: underline; } .re_item1 { font-family: "Verdana", "Geneva", "sans-serif"; font-size: 10px; color: #D4D4D4; vertical-align: middle; background-color: #363636; border: none; font-weight: bold; height: 40px; text-align: center; text-decoration:none; } .re_item2 { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px; color: #444444; text-align: left; border: none; text-decoration:none; background-color: #DADADA; } .re_item2 a:hover { text-decoration: underline; background-color: #EBF2F5; } .re_item3 { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px; color: #444444; text-align: left; border: none; text-decoration:none; background-color: #BFBFBF; } .re_item3 a:hover { text-decoration: underline; background-color: #EBF2F5; } /* label for form 915 */ label { clear:both; float:left; width:130px; text-align:right; padding:4px; margin:1px; } /*by Amber(2010/10/1)*/ .w_1_1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#6B6B6B; text-decoration:none; width:340px; height:14px; } /*by Amber??2010/12/16)*/ #back { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#006699; text-decoration:none; margin-left:180px; } #back a:link, #back a:visited { color:#006699; text-decoration: underline; text-align:center; } #back a:hover { color: #D96C02; text-decoration: underline } #main_contact_1 { float:right; margin-left:10px; padding:0px; width:940px; margin-TOP:-90px; } #banner_s{} #banner_s ul{ margin: 0px; padding: 0px; } #banner_s li{ list-style-type: none; padding-top: 5px; padding-right: 5px; padding-left: 5px; } #banner_s .bs_a1{} #banner_s .bs_a2{} #banner_s .bs_a3{} #page_contant{ background-image: url(page_bg.jpg); background-repeat: no-repeat; background-position: 0px 0px; width: 990px; display: block; float: left; clear: left; } #son_contant { width: 990px; display: block; float: left; background-color: #FFFFFF; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; } /*member login*/ #mark_3_NoPic_1 {padding-left:36px;padding-top:7px;padding-bottom:2px;font-family:sans-serif;font-size:12px;color:#81622E;text-decoration:none;min-height:15px;background-repeat:no-repeat; margin-bottom:0px;margin-right:15px !important;margin-right:8px;float:right;} #mark_3_NoPic_1 a:link, #mark_3_NoPic_1 a:visited {color:#81622E;text-decoration:none;} #mark_3_NoPic_1 a:hover {color:#E1510A;text-decoration:none;} /*產品表格式*/ #re_tb tr:hover { color: #444444; background-color: #E9F4FC; } .re_item1{ /*標題列*/ font-family: "Verdana", "Geneva", "sans-serif"; font-size: 10px; color: #ffffff; vertical-align: middle; background-color: #066284; border: none; font-weight: bold; height: 40px; text-align: center; text-decoration:none; } .re_item2 {/*表格列-1*/ font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px; color: #353938; text-align: left; border: none; text-decoration:none; background-color: #C7E0E9; } .re_item2 a:hover{ text-decoration: underline; background-color: #E9F4FC; } .re_item3 {/*表格列-2*/ font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px; color: #353938; text-align: left; border: none; text-decoration:none; background-color: #83BCCF; } .re_item3 a:hover{ text-decoration: underline; background-color: #E9F4FC; } #rollover { display:none; } #rollover img{ border:0px; } #t_pic { position: relative; display:block; width: 50px; height:50px; } #t_pic a:hover div#rollover { padding: 3px; position: absolute; display:block; width: 250px; height:250px; left:50px; top: 0px; background-color: #fff; border: 5px solid #98D009; z-index:999; } /**by Amber Series Box(2012/03/26) **/ .boxProduct {margin:0; padding:20px 10px; border-bottom:#ccf 1px dashed; clear:both;} .boxProduct img {padding:0; border:#ccc 1px solid; float:left; display:block;} .boxProduct .PRight {display:block; min-height:100px; -height:auto !important; -height:100px; -overflow:visible; margin-left:120px;}