/* global setting */ BODY { FONT-SIZE: 12px; MARGIN: 0px; LINE-HEIGHT: 22px; FONT-FAMILY: Arial; color: #333; } a{ outline: none; /* for Firefox */ hlbr:expression(this.onFocus=this.blur()); /* for IE */ } HR { display: none; } /* global setting */ A:link { TEXT-DECORATION: none; color: #000000; } A:visited { COLOR: #000000; text-decoration: none; } A:hover { color: #000000; TEXT-DECORATION: underline; } img { border: none; } /* global setting */ TD { LINE-HEIGHT: 22px; font-size: 12px; } /* global

setting / H1 { FONT-SIZE: 15px; MARGIN-BOTTOM: 10px; FONT-FAMILY: Verdana; color: #666666; } H1 A:link, H1 A:visited, H1 A:hover { TEXT-DECORATION: none; color: #666666; } H2 { FONT-SIZE: 14px; FONT-FAMILY: Verdana; color: #333333; } H3 { font-family: Verdana; color: #000000; font-size: 13px; } / global
,
setting / UL { } LI { } / global , setting / / global setting / TEXTAREA { FONT-SIZE: 13px; WIDTH: 90%; HEIGHT: 200px; font-family: Arial; } / ===== 5 fixed main block <DIV> setting ===== / .whole_table { MARGIN: auto; width: 1002px; } .menu_td { height: 40px; vertical-align: top; background-repeat: no-repeat; background-image: url(menu_td_bg.jpg); } .footer_td { VERTICAL-ALIGN: top; BACKGROUND-REPEAT: no-repeat; height: 62px; background-image: url(footer_td_bg.jpg); } / <DIV ID=tp_header> / #tp_header { BACKGROUND-REPEAT: no-repeat; height: 264px; background-image: url(top.jpg); } / <DIV ID=tp_menu> / #tp_menu .table_class { margin-left: 200px; } #tp_menu .table_class td img{ margin-right: 15px; margin-left: 15px; } #tp_menu A:link, #tp_menu A:visited { COLOR: #000; TEXT-DECORATION: none; font-size: 12px; } #tp_menu A:hover { TEXT-DECORATION: none; color: #FFF; } / SUB_MENU / .tp_menu_child { Z-INDEX: 5; WHITE-SPACE: nowrap; POSITION: absolute; border: 1px solid #666; padding:1px; background-color: #CCC; } .tp_menu_child TD { BORDER-BOTTOM: #666 1px dashed; WHITE-SPACE: nowrap; text-align: left; padding: 0px 5px 0px 5px; font-size: 12px; } / main content block / .tp_body_side { width: 204px; background-repeat: no-repeat; background-position: left bottom; background-image: url(tp_body_side_bg.gif); } .tp_body_main { width: 798px; background-repeat: no-repeat; background-image: url(tp_body_main_bg.gif); } .tp_misc_top { height: 0px; margin: 0px; } .tp_misc_side { MARGIN: 0px; width: 0px; } / <DIV ID=tp_main> / #tp_main { margin-left: 45px; width: 92%; } .tp_main_header { padding: 27px 0px 0px 15px; } .tp_main_header h1{ color: #333; font-family: Arial, Helvetica, sans-serif; margin: 0px; font-size: 15px; font-weight: normal; } .tp_main_header h2{ font-family: Verdana; font-size: 10px; color: #999999; text-align: left; margin: 0px; } A.tree_header:link { FONT-SIZE: 10px; MARGIN-BOTTOM: 20px; COLOR: #999999; font-weight: normal; } A.tree_header:visited { FONT-WEIGHT: normal; FONT-SIZE: 10px; MARGIN-BOTTOM: 20px; color: #999999; } .tp_main_body { padding: 15px 0px; } #page_cart{ text-align: right; } #page_cart_btn{ text-align: right; } / <DIV ID=tp_inquiry> / #tp_inquiry{ width: 100%; } #tp_inquiry .table_class { BORDER: #999999 1px dotted; MARGIN-LEFT: 20px; BACKGROUND-COLOR: #efefef; width: 92%; } .inquiry_col_0{ text-align: right; } / <DIV ID=tp_product_menu> / #tp_product_menu{ text-align: left; width: 100%; } #tp_product_menu input{ float: left; } #tp_product_menu .table_class { width:100%; margin-top: 20px; margin-bottom: 20px; } #tp_product_menu .table_class td H2 { FONT-SIZE: 12px; color: #006699; font-weight: normal; font-family: Arial; margin: 0px; padding: 0px; } #tp_product_menu .cate_img_0 { TEXT-ALIGN: left; } #tp_product_menu .cate_img_1 { TEXT-ALIGN: left; } #tp_product_menu .cate_list_0 { vertical-align: top; } #tp_product_menu .cate_list_1 { vertical-align: top; } / <DIV ID=tp_product_info> / #tp_product_info { WIDTH: 100%; } #tp_product_info .table_class { MARGIN: auto; WIDTH: 100%; } / <DIV ID=tp_rlink_bottom> / #tp_rlink_bottom { BORDER-TOP: #cccccc 1px solid; padding: 15px; } #tp_rlink_bottom .table_class { WIDTH: 100%; } #tp_rlink_bottom .table_class LI { line-height: 16px; } #tp_rlink_bottom A:link, #tp_rlink_bottom A:visited { FONT-WEIGHT: normal; COLOR: #666666; FONT-FAMILY: Verdana; font-size: 11px; } #tp_rlink_bottom A:hover { text-decoration: underline; } / side block / / <div id=tp_side> / #tp_side { background-repeat: no-repeat; background-image: url(tp_side_bg.gif); padding-top: 85px; width: 204px; } .box { text-align: left; padding: 0px 10px 0px 30px; } .box A:link, .box A:visited { COLOR: #666; TEXT-DECORATION: none; font-size: 11px; display: block; margin-bottom: 5px; background-image: url(arr.gif); background-repeat: no-repeat; font-family: Verdana, Geneva, sans-serif; background-position: 0px 8px; padding-left: 8px; } .box A:hover { color: #066; text-decoration: none; } / <DIV ID=tp_rlink_side> / #tp_rlink_side { margin: 0px 0px 12px 0px; background-image: url(tp_rlink_side_bg.gif); background-repeat: no-repeat; width: 204px; height: 12px; } / footer block / / <div id=tp_footer> / #tp_footer { FONT-SIZE: 10px; FONT-FAMILY: Verdana; TEXT-ALIGN: left; color: #FFF; line-height: 14px; } .address{ float: left; padding: 12px 0px 0px 60px; } .design{ float: left; padding: 23px 0px 0px 50px; } #tp_footer span{ margin-right: 15px; } #tp_footer A:link, #tp_footer A:visited { color: #FFF; text-decoration: none; } / <DIV ID=quick_menu> / #quick_menu { } / below => customize id or class/ .sitemap_1 { FONT-SIZE: 14px; font-weight: bold; line-height: 28px; } .sitemap_2 { FONT-WEIGHT: normal; font-size: 13px; line-height: 28px; } #index { width: 1002px; height: 600px; text-align: left; } .index01 { height: 65px; background-image: url(itrac_index1.gif); background-repeat: no-repeat; } .index02 { height: 301px } .index03 { height: 189px; background-image: url(itrac_index3.jpg); background-repeat: no-repeat; } .content h1 { color: #3e3e3e; font-size: 14px; font-weight: normal; margin-bottom: 5px; padding-left: 13px; text-decoration: none; } .content h1 a:link, .content h1 a:visited, .content h1 a:hover { color: #3e3e3e; font-size: 14px; text-decoration: none; } .content { position: absolute; line-height: 16px; margin-top: 372px; width: 840px; color: #3e3e3e; margin-left: 38px; font-size: 11px; margin-top: 382px; font-family: Verdana, Geneva, sans-serif; } .content a:link, .content a:visited, .content a:hover { color: #3e3e3e; font-size: 11px; text-decoration: none; } .button { position: absolute; margin-top: 42px; font-family: verdana; margin-left: 424px; text-align: left; } .button a:link { padding-left: 34px; color: #565656; font-size: 11px; text-decoration: none; } .button a:visited { padding-left: 34px; color: #757575; font-size: 11px; text-decoration: none; } .button a:hover { padding-left: 34px; color: #000000; font-size: 11px; text-decoration: none; } .in-main { width: 190px; font-size: 11px; margin: 275px 0px 0px 13px; line-height: 30px; } .in-main a:link { display: block; color: #3e3e3e; text-decoration: none; padding-left: 17px; border-bottom: 1px #f0f0f1 solid; background-image: url(hwa_in07.gif); background-repeat: no-repeat; background-position: 5px 10px; } .in-main a:visited { color: #6277b2; text-decoration: none; } .in-main a:hover { color: #000000; text-decoration: none; } #copyright-bg { width: 1002px; font-family: verdana, arial; height: 65px; font-size: 10px; line-height: 14px; background-image: url(itrac_index4.jpg); background-repeat: no-repeat; } .add { width: 600px; color: #fefefe; padding: 15px 0px 0px 60px; float: left; } .add a:link, .add a:visited, .add a:hover { color: #fefefe } .copyright { widows: 402px; color: #fefefe; padding: 20px 0px 0px 0px; text-decoration: none; } .copyright a:link, .copyright a:visited, .copyright a:hover { color: #fefefe; cursor: text; text-decoration: none; }