/* global setting */ BODY { FONT-SIZE: 13px; MARGIN: 0px; LINE-HEIGHT: 22px; FONT-FAMILY: Arial, Helvetica, sans-serif; background-color: #323232; } hr{ color: #CED7E3; height:1px ; } a{ outline: none; /* for Firefox */ hlbr:expression(this.onFocus=this.blur()); /* for IE */ } /* global setting */ A:link { color: #333333; text-decoration: none; } A:visited { COLOR: #333333; text-decoration: none; } A:hover { text-decoration: underline; } /* global setting */ TD { font-size: 13px; line-height: 22px; } /* global

setting / H1 { COLOR: #830202; font-size: 18px; } H2 { FONT-SIZE: 16px; color: #333333; } H3 { font-size: 14px; color: #000000; } / global
,
setting / UL { } LI { } / global , setting / / global setting / textarea{ width:90%; height:200px; } / ===== 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 { BACKGROUND-REPEAT: no-repeat; height: 38px; background-image: url(menu_td_bg.jpg); } .footer_td { height: 70px; background-image: url(footer_td_bg.jpg); background-repeat: no-repeat; } / <DIV ID=tp_header> / #tp_header { BACKGROUND-IMAGE: url(top.jpg); MARGIN: 0px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 87px; } / <DIV ID=tp_menu> / #tp_menu { WIDTH: 100%; text-align: left; } #tp_menu .table_class { WIDTH: auto; margin-left: 80px; } #tp_menu .table_class TD img { PADDING-LEFT: 18px; padding-right: 18px; } #tp_menu A:link, #tp_menu A:visited { FONT-WEIGHT: bold; COLOR: #f8f8f8; text-decoration: none; } #tp_menu A:hover { text-decoration: none; color: #CCC; } / SUB_MENU / .tp_menu_child { Z-INDEX: 10; MARGIN-LEFT: 10px; WHITE-SPACE: nowrap; POSITION: absolute; border: #ccc 1px solid; padding: 3px; background-color: #222; } .tp_menu_child TD { WHITE-SPACE: nowrap; border-bottom: #A9CDAB 1px dashed; text-align: left; font-variant: normal; font-weight: normal; } / main content block / .tp_body_side { background-image: url(tp_body_side_bg.jpg); background-repeat: no-repeat; width: 216px; background-position: left bottom; } .tp_body_main { BACKGROUND-REPEAT: no-repeat; width: 786px; background-image: url(tp_body_main_bg.jpg); background-position: left bottom; } .tp_misc_top { MARGIN: 0px; height: 212px; background-image: url(tp_misc_top_bg.jpg); background-repeat: no-repeat; } .tp_misc_side{ margin:0px; width: 0px; } / <DIV ID=tp_main> / #tp_main { background-image: url(tp_main_bg.jpg); background-repeat: no-repeat; width: 786px; padding-bottom: 50px; } .tp_main_header { padding: 42px 30px 30px 30px; } .tp_main_header h1{ font-size: 16px; margin: 0px; } .tp_main_header h2{ color: #666; font-size: 11px; text-align: right; margin: 0px; } A.tree_header:link { FONT-WEIGHT: normal; MARGIN-BOTTOM: 20px; COLOR: #666; font-size: 11px; } A.tree_header:visited { FONT-WEIGHT: normal; MARGIN-BOTTOM: 20px; COLOR: #666; font-size: 11px; } .tp_main_body { padding: 10px 30px 10px 30px; } / <DIV ID=tp_inquiry> / #tp_inquiry{ padding: 10px 30px 10px 30px; } #tp_inquiry .table_class { WIDTH: 90%; BACKGROUND-COLOR: #DCE2ED; } .inquiry_col_0{ text-align: right; } / <DIV ID=tp_product_menu> / #tp_product_menu { padding: 10px 30px 10px 30px; text-align: left; } #tp_product_menu input{ float: left; } #tp_product_menu .table_class { MARGIN-TOP: 10px; MARGIN-BOTTOM: 20px; WIDTH: 100%; } #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_list_0 { vertical-align: top; } #tp_product_menu .cate_img_1 { text-align: left; } #tp_product_menu .cate_list_1 { vertical-align: top; } / <DIV ID=tp_product_info> / #tp_product_info { padding: 10px 30px 10px 30px; } #tp_product_info .table_class{ width:100%; margin:auto; } / <DIV ID=tp_rlink_bottom> / #tp_rlink_bottom{ width:100%; padding: 42px 30px 30px 30px; } #tp_rlink_bottom .table_class{ WIDTH: 100%; } #tp_rlink_bottom .table_class li{ line-height: 13px; } #tp_rlink_bottom A:link, #tp_rlink_bottom A:visited { FONT-WEIGHT: normal; COLOR: #666666; LINE-HEIGHT: 10px; FONT-FAMILY: Verdana; LETTER-SPACING: -1px; font-size: 11px; } #tp_rlink_bottom A:hover { LETTER-SPACING: -1px; TEXT-DECORATION: none; font-size: 11px; } / side block / / <div id=tp_side> / #tp_side { background-image: url(tp_side_bg.jpg); background-repeat: no-repeat; width: 216px; padding-top: 157px; } .box{ margin: 0px 10px 0px 30px; } .box A:link, .box A:visited { DISPLAY: block; color: #FFF; border-bottom: 1px solid #666; margin-bottom: 10px; padding-left: 5px; } .box A:hover { color: #CCC; text-decoration: none; } / footer block / / <div id=tp_footer> / #tp_footer { FONT-SIZE: 11px; WIDTH: auto; COLOR: #CCC; TEXT-ALIGN: center; font-family: Verdana, Geneva, sans-serif; } #tp_footer A:link, #tp_footer A:visited, #tp_footer A:hover { FONT-SIZE: 11px; COLOR: #CCC; text-decoration: none; } / <DIV ID=quick_menu> / #quick_menu { } / below => customize id or class*/ #index { WIDTH: 1002px; text-align: left; margin: auto; overflow: hidden; } .h1_bg{ position: absolute; margin: 180px 0px 0px 530px; } .h1_bg h1{ font-family: Arial, Helvetica, sans-serif; color: #fbfbfb; font-size: 26px; font-weight: bold; margin: 0px; } .h1_bg h1 A:link, .h1_bg h1 A:visited, .h1_bg h1 A:hover { color: #fbfbfb; TEXT-DECORATION: none } #mark_bg{ height: 87px; background-repeat: no-repeat; background-image: url(mark_bg.jpg); } #icon_bg{ background-image: url(icon_bg.jpg); background-repeat: no-repeat; height: 38px; } .icon { text-align: right; padding: 1px 30px 0px 0px; } .icon img{ margin-left: 15px; margin-right: 15px; } .icon A:link, .icon A:visited { color: #ffffff; text-decoration: none; font-size: 14px; } .icon A:hover { color: #CCC; } #main_bg{ height: 264px; background-image: url(main_bg.jpg); background-repeat: no-repeat; } .flash_bg{ height: 264px; } #word_bg{ background-image: url(word_bg.jpg); background-repeat: no-repeat; height: 221px; } .more{ text-align: right; padding: 199px 45px 0px 0px; } #word { MARGIN-LEFT: 35px; COLOR: #efefef; LINE-HEIGHT: 19px; TEXT-ALIGN: justify; position: absolute; width: 920px; margin-top: 400px; font-size: 12px; } #word A:link, #word A:visited, #word A:hover { color: #efefef; TEXT-DECORATION: none } #pro_bg{ background-image: url(pro_bg.gif); background-repeat: no-repeat; height: 111px; } #Copyright { CLEAR: both; background-image: url(Copyright_bg.jpg); background-repeat: no-repeat; width: 1002px; height: 79px; } .space{ color: #CCC; margin-top: 16px; line-height: 16px; margin-left: 220px; float: left; } .space A:link, .space A:visited, .space A:hover { FONT-SIZE: 10px; COLOR: #CCC; text-decoration: none; } .coby{ float: right; color: #CCC; text-align: right; line-height: 16px; padding: 30px 50px 0px 0px; } .coby A:link, .coby A:visited, .coby A:hover { FONT-SIZE: 10px; COLOR: #CCC; text-decoration: none; } #tp_footer A:hover, #Copyright A:hover{ cursor:text; }