/* global setting */ BODY { FONT-SIZE: 12px; MARGIN: 0px; LINE-HEIGHT: 22px; FONT-FAMILY: Arial; color: #333; background-color: #ccf2ff; background-image: url(bg.jpg); background-repeat: repeat-x; } 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; BACKGROUND-REPEAT: repeat-y; width: 1002px; background-image: url(whole_table_bg.jpg); } .menu_td { height: 27px; vertical-align: top; background-repeat: no-repeat; background-image: url(menu_td_bg.gif); } .footer_td { VERTICAL-ALIGN: top; BACKGROUND-REPEAT: no-repeat; height: 41px; background-image: url(footer_td_bg.gif); background-color: #ccf2ff; } / <DIV ID=tp_header> / #tp_header { height: 104px; background-image: url(top.jpg); background-repeat: no-repeat; } / <DIV ID=tp_menu> / #tp_menu .table_class { margin-left: 10px; } #tp_menu .table_class td img{ margin-right: 10px; margin-left: 10px; } #tp_menu A:link, #tp_menu A:visited { COLOR: #fefefe; TEXT-DECORATION: none; font-size: 12px; } #tp_menu A:hover { TEXT-DECORATION: none; color: #F8D61D; } / SUB_MENU / .tp_menu_child { Z-INDEX: 5; WHITE-SPACE: nowrap; POSITION: absolute; border: 1px solid #666; padding:1px; background-color: #1CAFE9; } .tp_menu_child TD { BORDER-BOTTOM: #cccccc 1px dashed; WHITE-SPACE: nowrap; text-align: left; padding: 0px 5px 0px 5px; font-size: 12px; } / main content block / .tp_body_side { width: 191px; background-repeat: no-repeat; background-image: url(tp_body_side_bg.jpg); } .tp_body_main { width: 811px; background-repeat: no-repeat; background-image: url(tp_body_main_bg.gif); background-position: 0px 120px; } .tp_misc_top { height: 120px; margin: 0px; background-repeat: no-repeat; background-image: url(tp_misc_top_bg.jpg); } .tp_misc_side { MARGIN: 0px; width: 0px; } / <DIV ID=tp_main> / #tp_main { width: 90%; margin-left: 30px; } .tp_main_header { padding: 23px 0px 0px 0px; } .tp_main_header h1{ color: #6a8f00; font-family: Arial, Helvetica, sans-serif; margin: 0px; font-size: 16px; } .tp_main_header h2{ font-family: Verdana; font-size: 10px; color: #999999; margin-top: 5px; text-align: right; } 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; } #abgne_float_ad { display: none; position: absolute; } #abgne_float_ad img { border: none; } div.bigDiv { height: 3000px; } #page_cart{ text-align: right; } #page_cart_btn{ text-align: right; } / <DIV ID=tp_inquiry> / #tp_inquiry{ padding: 15px; } #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; padding: 15px; } #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 { padding: 15px; } #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 { padding-top: 210px; } .box { text-align: right; margin: 0px 15px 0px 20px; } .box A:link, .box A:visited { COLOR: #3988d7; TEXT-DECORATION: none; font-size: 12px; display: block; margin-bottom: 10px; border-bottom: 1px dotted #cccccc; } .box A:hover { color: #DD793E; text-decoration: none; } / <DIV ID=tp_rlink_side> / #tp_rlink_side { margin: 0px; } #tp_rlink_side .table_class { FONT-WEIGHT: normal; WIDTH: 100%; COLOR: #000000; font-size: 11px; } / footer block / / <div id=tp_footer> / #tp_footer { FONT-SIZE: 10px; FONT-FAMILY: Verdana; TEXT-ALIGN: right; color: #333; line-height: 20px; margin: 10px 35px 0px 0px; } #tp_footer span{ margin-right: 15px; } #tp_footer A:link, #tp_footer A:visited { color: #333; text-decoration: underline; } #tp_footer A:hover { color: #00F; text-decoration: none; } / <DIV ID=quick_menu> / #quick_menu { } / below => customize id or class*/ #index { MARGIN: auto; TEXT-ALIGN: left; width: 1002px; overflow: hidden; } #left_bg{ background-image: url(left_bg.jpg); background-repeat: no-repeat; width: 650px; height: 585px; float: left; } .show{ margin: 80px 130px 0px 230px; } .word{ color: #333; margin: 0px 0px 0px 180px; line-height: 18px; text-align: justify; } .word A:link, .word A:visited, .word A:hover { color: #333; text-decoration: none; } .word h1{ color: #2a2a2a; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0px; } .word h1 A:link, .word h1 A:visited, .word h1 A:hover { color: #2a2a2a; text-decoration: none; } .word ul{} .word li{ color: #f47d2f; } .word li A:link, .word li A:visited { color: #965500; text-decoration: none; font-size: 11px; font-weight: bold; } .word li A:hover { color: #900; text-decoration: none; } #icon_bg{ background-image: url(icon_bg.jpg); background-repeat: no-repeat; height: 33px; width: 650px; float: left; } .icon{ padding-left: 10px; } .icon img{ vertical-align: middle; margin-left: 10px; margin-right: 10px; } .icon A:link, .icon A:visited { COLOR: #fefefe; TEXT-DECORATION: none; font-size: 12px; } .icon A:hover { TEXT-DECORATION: none; color: #000; } #right_bg{ background-image: url(right_bg.jpg); background-repeat: no-repeat; width: 352px; height: 618px; float: right; } #Copyright { width: 1002px; margin: auto; } .space{ FONT-SIZE: 10px; FONT-FAMILY: Verdana; color: #37431e; line-height: 16px; } .space img{margin-right: 15px; } .space span{ margin-right: 15px; } .space A:link, .space A:visited { color: #036; text-decoration: underline; } .space A:hover{ color: #000; }