/* global setting */ BODY { font-size: 12px; line-height: 22px; font-family: Arial; background-image: url(bg.gif); margin: 0px; } /* global setting */ a:link { color: #333333; text-decoration: none; } a:visited { text-decoration: none; color: #333333; } a:hover { text-decoration: none; color: #333333; } /* global setting */ TD { font-size: 12px; line-height: 22px; } /* global

setting / H1 { font-size: 16px; color: #8C0046; } H2 { FONT-SIZE: 12px; COLOR: #000000; } H3 { font-size: 15px; color: #0E2587; } / global
,
setting / UL { } LI { } / global , setting / / global setting / textarea{ width:90%; height:200px; } / ===== 5 fixed main block <DIV> setting ===== / .whole_table{ margin: auto; width: 1002px; background-image: url(whole_table_bg.gif); background-repeat: repeat-y; } .menu_td{ height:33px; background-image:url(menu_td_bg.jpg); background-repeat: no-repeat; } .footer_td{ height:30px; background-image: url(footer_td_bg.gif); background-repeat: no-repeat; } / <DIV ID=tp_header> / #tp_header { height:161px; background-image: url(top.jpg); background-repeat: no-repeat; } / <DIV ID=tp_menu> / #tp_menu { width: 100%; text-align: left; } #tp_menu .table_class{ margin-left: 300px; } #tp_menu .table_class td img{ margin-right: 20px; margin-left: 20px; } #tp_menu A:link, #tp_menu A:visited { color: #FAFAFA; font-weight: bold; font-family: Arial; } #tp_menu A:hover { color: #FF9900; text-decoration: none; } / SUB_MENU / .tp_menu_child { background-color:#1579B9; z-index:10; position:absolute; white-space: nowrap; padding:1px; border: 1px solid #777777; } .tp_menu_child td{ border-bottom:1px dashed #cccccc; white-space: nowrap; padding: 1px; } / main content block / .tp_body_side{ width:227px; background-image:url(tp_body_side_bg.gif); background-repeat: no-repeat; } .tp_body_main{ width: 775px; background-image: url(tp_body_main_bg.gif); background-repeat: no-repeat; } .tp_misc_top{ margin:0px; height: 0px; } .tp_misc_side{ width:0px; margin: 0px; } / <DIV ID=tp_main> / #tp_main { margin-left:20px; width: 93%; } .tp_main_header{ padding-top: 20px; } .tp_main_header h1{ margin-bottom: 0px; } .tp_main_header h2{ margin-bottom: 0px; margin-top: 0px; font-size: 11px; color: #999999; } a.tree_header:link { FONT-SIZE: 11px; COLOR: #999999; margin-bottom: 20px; font-weight: normal; } a.tree_header:visited { FONT-SIZE: 11px; COLOR: #999999; margin-bottom: 20px; font-weight: normal; } .tp_main_body { padding-top: 10px; padding-bottom: 20px; } / <DIV ID=tp_inquiry> / #tp_inquiry{ width:100%; } #tp_inquiry .table_class{ width:90%; background-color: #EFEFEF; border: 1px; border-style: dotted; border-color: #999999; } / <DIV ID=tp_product_menu> / #tp_product_menu { width: 100%; } #tp_product_menu .table_class{ width: 100%; } #tp_product_menu .cate_img_0{ text-align: left; } #tp_product_menu .cate_list_0{ font-size: 11px; } #tp_product_menu .cate_img_1{ text-align: left; } #tp_product_menu .cate_list_1{ font-size: 11px; } / <DIV ID=tp_product_info> / #tp_product_info { width:100%; } #tp_product_info .table_class{ width:auto; margin:auto; } / <DIV ID=tp_rlink_bottom> / #tp_rlink_bottom{ width:100%; margin-top:5px; margin-bottom:5px; } #tp_rlink_bottom .table_class{ WIDTH: 100%; } #tp_rlink_bottom a:link{ font-weight: normal; font-size: 11px; font-family: Verdana; } #tp_rlink_bottom a:hover{ color:#FF9900; font-weight: normal; font-size: 11px; font-family: Verdana; } #tp_rlink_bottom a:visited{ font-weight: normal; font-size: 11px; font-family: Verdana; } / side block / / <div id=tp_side> / #tp_side { } .box { padding: 50px 20px 0px 15px; } .box A:link, .box A:visited { background-image: url(template-01.jpg); background-repeat: no-repeat; color: #000000; display: block; padding-left: 18px; background-position: 0px 3px; margin-bottom: 10px; } .box A:hover { text-decoration: none; color: #FF9900; } / <DIV ID=tp_rlink_side> / #tp_rlink_side{ margin: 0px; } #tp_rlink_side .table_class{ FONT-SIZE: 11px; WIDTH: 100%; COLOR: #000000; font-weight: normal; } / footer block / / <div id=tp_footer> / #tp_footer { text-align: center; color: #FFFFFF; margin-left: 240px; } #tp_footer A:link, #tp_footer A:visited { color: #FFFFFF; text-decoration: none; } #tp_footer A:hover { cursor:text; } / <DIV ID=quick_menu> / #quick_menu { } / below => customize id or class*/ .sitemap_1 { font-weight: bold; font-size: 12px; } .sitemap_2 { font-size: 11px; } .sitemap_3 { font-size: 11px; font-weight: normal; } .sitemap_4 { font-size: 10px; font-weight: normal; } #index{ width: 1002px; margin: auto; } #icon_bg{ background-image: url(icon_bg.jpg); background-repeat: no-repeat; height: 69px; } #icon{ padding-top: 30px; margin-left: 280px; } #icon a:link, #icon a:visited { color: #00799B; text-decoration: none; font-family: Arial; font-size: 12px; font-weight: bold; padding-right: 28px; padding-left: 28px; background-image: url(arrow-blue.gif); background-repeat: no-repeat; background-position: right; } #icon a:hover { color: #990000; text-decoration: none; } #word_bg{ background-image: url(word_bg.jpg); background-repeat: no-repeat; height: 446px; } .word{ position: absolute; margin: 170px 0px 0px 20px; width: 500px; color: #F9F9F9; line-height: 22px; } .word a:link, .word a:visited, .word a:hover { color: #F9F9F9; text-decoration: none; } .word h1{ color: #F9F9F9; font-size: 18px; margin-bottom: 10px; margin-top: 0px; } .word h1 a:link, .word h1 a:visited, .word h1 a:hover { color: #F9F9F9; text-decoration: none; } #Copyright{ margin: auto; clear: both; width: 1002px; text-align: center; color: #333333; background-image: url(cobyright_bg.jpg); background-repeat: no-repeat; height: 85px; } #Copyright a:link, #Copyright a:visited { color: #333333; text-decoration: none; } #Copyright A:hover{ cursor:text; }