/* global setting */ BODY { MARGIN: 0px; LINE-HEIGHT: 22px; FONT-FAMILY: Arial; font-size: 12px; background-color: #b8dde3; } a {noFocusLine:expression(this.onFocus=this.blur())} /* For IE */ :focus {-moz-outline-style: none} /* For Firefox */ hr{ display: none; } /* global setting */ A:link { COLOR: #333; text-decoration: none; } A:visited { COLOR: #333; TEXT-DECORATION: none } A:hover { COLOR: #333; text-decoration: none; } /* global setting */ TD { LINE-HEIGHT: 22px; font-family: 12; } /* global

setting / H1 { FONT-SIZE: 18px; color: #20207B; } H2 { color:#000000; font-size: 16px; } H3 { color: #E42519; font-size: 14px; } H4 { FONT-SIZE: 12px; COLOR: #03F; } / global
,
setting / UL { } LI { } / global , setting / / global setting / textarea{ width:90%; height: 200px; } / ===== 5 fixed main block <DIV> setting ===== / .whole_table { MARGIN: auto; WIDTH: 990px; background-image: url(whole_table_bg.gif); background-repeat: repeat-y; } .menu_td{ background-image: url(menu_td_bg.gif); background-repeat: no-repeat; height: 51px; } .footer_td { background-image: url(footer_td_bg.jpg); background-repeat: no-repeat; height: 125px; } / <DIV ID=tp_header> / #tp_header { } .flash_bg{ height: 283px; } / <DIV ID=tp_menu> / #tp_menu { text-align: center; padding-top: 15px; } #tp_menu A:link, #tp_menu A:visited { COLOR: #fefefe; TEXT-DECORATION: none; font-size: 18px; font-family: Arial, Helvetica, sans-serif; padding: 10px 20px 10px 20px; } #tp_menu A:hover { COLOR: #fefefe; TEXT-DECORATION: none; background-color: #1c4667; } / SUB_MENU / / main content block / .tp_body_side { background-image: url(tp_body_side_bg.gif); background-repeat: no-repeat; width: 234px; } .tp_body_main { background-image: url(tp_body_main_bg.gif); background-repeat: no-repeat; width: 756px; } .tp_misc_top { height: 0px; margin: 0; } .tp_misc_side{ margin:0px; width: 0px; } / <DIV ID=tp_main> / #tp_main { WIDTH: 92%; margin-left: 30px; } .tp_main_header{ vertical-align: top; padding: 30px 10px 0px 40px; } .tp_main_header h1{ margin: 0px 0px 20px 0px; font-family: Arial, Helvetica, sans-serif; } .tp_main_header h2{ font-family: Verdana, Geneva, sans-serif; color: #666; font-size: 11px; text-align: right; margin: 0px; } a.tree_header:link { FONT-SIZE: 11px; COLOR: #666; font-weight: normal; margin-bottom: 20px; } a.tree_header:visited { FONT-SIZE: 11px; COLOR: #666; font-weight: normal; margin-bottom: 20px; } .tp_main_body { padding: 20px 5px 20px 20px; } / <DIV ID=tp_inquiry> / #tp_inquiry{ padding: 20px 5px 20px 20px; } #tp_inquiry .table_class { BACKGROUND-COLOR: #DEDEDE; width: 95%; } .inquiry_col_0{ text-align: right; } / <DIV ID=tp_product_menu> / #tp_product_menu { padding: 20px 5px 20px 20px; } #tp_product_menu .table_class{ width: 100%; } #tp_product_menu .table_class H2 { TEXT-DECORATION: none; font-size: 12px; color: #036; margin: 0px; } #tp_product_menu .cate_img_0 img, #tp_product_menu .cate_img_1 img{ border: 2px solid #ccc; background-color: #FFF; padding: 10px; } #tp_product_menu .cate_img_0 { text-align: left; } #tp_product_menu .cate_list_0 { font-size: 12px; text-align: left; } #tp_product_menu .cate_img_1 { text-align: left; } #tp_product_menu .cate_list_1 { font-size: 12px; text-align: left; } / <DIV ID=tp_product_info> / #tp_product_info { padding: 20px 5px 20px 20px; } #tp_product_info .table_class{ width:100%; } / <DIV ID=tp_rlink_bottom> / #tp_rlink_bottom{ padding: 20px 5px 20px 20px; } #tp_rlink_bottom .table_class{ WIDTH: 100%; line-height: 14px; } #tp_rlink_bottom a:link, #tp_rlink_bottom a:visited, #tp_rlink_bottom a:hover{ font-weight: normal; font-size: 10px; } / side block / / <div id=tp_side> / #tp_side { padding-top: 100px; } .box{ margin: 0px 20px 0px 20px; font-family: Arial, Helvetica, sans-serif; color: #333; } .box A:link, .box A:visited { display: block; margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-left: 5px; } .box A:hover { color: #000; text-decoration: none; } .link_banner{ margin: 20px 0px 0px 20px; } .link_banner img{ margin-bottom: 30px; } / <DIV ID=tp_rlink_side> / / footer block / / <div id=tp_footer> / #tp_footer { COLOR: #535353; WIDTH: auto; font-size: 11px; font-family: Verdana, Geneva, sans-serif; } #tp_footer A:link, #tp_footer A:visited { COLOR: #535353; TEXT-DECORATION: none; } #tp_footer A:hover { CURSOR: text } / <DIV ID=quick_menu> / #quick_menu { } / below => customize id or class*/ #index { WIDTH: 990px; TEXT-ALIGN: left; overflow: hidden; background-color: #FFF; } #flash_bg{ height: 432px; background-color: #FFF; } #word_bg{ background-color: #FFF; overflow: hidden; line-height: 20px; } .word{ float: left; margin: 0px 20px 0px 20px; width: 70%; } .word A:link, .word A:visited, .word A:hover{ COLOR: #1D1D1D; text-decoration: none; } .word h1{ COLOR: #20207B; margin: 0px; } .word h1 A:link, .word h1 A:visited, .word h1 A:hover{ COLOR: #20207B; text-decoration: none; } .whole_pro{ float: right; margin-right: 10px; } .pro { float: left; margin-left: 10px; margin-bottom: 10px; } .pro A:link, .pro A:visited { COLOR: #009; font-size: 11px; } .pro A:hover { COLOR: #009; text-decoration: none; } #icon_bg{ background-color: #FFF; text-align: center; clear: both; } .icon { TEXT-ALIGN: center; margin-top: 10px; } .icon A:link, .icon A:visited { FONT-SIZE: 12px; COLOR: #039; TEXT-DECORATION: none; padding-left: 20px; padding-right: 20px; border-left: 1px solid #ccc; } .icon A:hover { TEXT-DECORATION: none; color: #333; background-color: #CCC; } .line{ border-right: 1px solid #ccc; padding-right: 20px; } #Copyright { BACKGROUND-REPEAT: no-repeat; WIDTH: 990px; COLOR: #535353; HEIGHT: 125px; font-size: 11px; background-image: url(cobyright_bg.jpg); } .copy { padding-top: 20px; color:#535353; text-align: right; margin-right: 30px; } .copy A:link, .copy A:visited, .copy A:hover { COLOR: #535353; TEXT-DECORATION: none; CURSOR: text; text-align: right; }