/* global setting */ BODY { FONT-SIZE: 11px; LINE-HEIGHT: 20px; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #000000; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-image: url(bg.jpg); background-repeat: repeat; background-position: top; background-attachment: fixed; } /* global setting */ A { text-decoration: none; color: #0000FF; } A:visited { color: #000099; } A:hover { text-decoration: underline; color: #990000; } /* global setting */ TD {FONT-SIZE: 11px; LINE-HEIGHT: 20px } /* global setting */ H1 { MARGIN-TOP: 40px; FONT-SIZE: 18px; MARGIN-left: 25px; MARGIN-BOTTOM:15px; COLOR: #ffa200; FONT-WEIGHT: bold; } H2 { MARGIN-TOP: 3px; FONT-WEIGHT: bold; FONT-SIZE: 10px; MARGIN-BOTTOM: 3px; COLOR: #418aca; FONT-FAMILY: Verdana } H3 { MARGIN-TOP: 3px; FONT-WEIGHT: bold; FONT-SIZE: 10px; MARGIN-BOTTOM: 0px; COLOR: #205896; FONT-FAMILY: Arial } /* global

setting */ UL { margin-top:0px; margin-left:20px; margin-bottom:0px; padding:3px; } LI { list-style-type:square; } /* global , setting */ B,STRONG { font-family: Arial,Sans-serif; font-size: 12px; font-weight: bold; color: #800000; } /* global setting */ textarea{ width:90%; height:200px; font-family: Arial,Sans-serif; font-size: 12px; } /* ===== 5 fixed main block <DIV> setting ===== */ .whole_table { MARGIN: auto; WIDTH: 778px; background-image: url(h.gif); } .menu_td{ height:auto; } .footer_td { HEIGHT: 82px; background-image: url(foot.gif); background-repeat: no-repeat; width: 585px; } /* <DIV ID=tp_header> */ #tp_header { margin: 0px; height:106px; } /* <DIV ID=tp_menu> */ #tp_menu { } #tp_menu .table_class{ width:auto; margin:auto; } /* SUB_MENU */ .tp_menu_child { margin-left:30px; background-color:#eeeeee; border-left:1px solid #777777; border-top:1px solid #777777; border-right:1px solid #444444; border-bottom:1px solid #444444; z-index:10; position:absolute; white-space: nowrap; padding:3px; } .tp_menu_child td{ border-bottom:1px dashed #777777; white-space: nowrap; padding:3px; } /* main content block */ .tp_body_side{ width:196px; } .tp_body_main{ background-image: url(main-bg.gif); background-repeat: no-repeat; background-position:0px 30px ; width:582px; } .tp_misc_top{ width:0px; margin:0px; } .tp_misc_side{ width:0px; margin:0px; } a.tree_header:link{ color:#bb0000; font-size:10px; } a.tree_header:visited{ color:#880000; font-size:10px; } a.tree_header:hover{ color:#ff0000; font-size:10px; } /* <DIV ID=tp_main> */ #tp_main { MARGIN: auto; WIDTH: 90% } .tp_main_header{ margin:0px; } .tp_main_body { margin:0px; } /* <DIV ID=tp_inquiry> */ #tp_inquiry{ width:100%; } #tp_inquiry .table_class{ width:90%; } /* <DIV ID=tp_product_menu> */ #tp_product_menu { width:100%; } #tp_product_menu .table_class{ margin:auto; } #tp_product_menu .cate_img_0 { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid } #tp_product_menu .cate_list_0 { BORDER-RIGHT: #ffffff 2px solid; PADDING-RIGHT: 30px; BACKGROUND-POSITION: right bottom; PADDING-LEFT: 10px; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(/rimages/39/coner.gif); BACKGROUND-REPEAT: no-repeat; HEIGHT: 50px; BACKGROUND-COLOR: #f0f0f0 } #tp_product_menu .cate_img_1 { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid } #tp_product_menu .cate_list_1 { BORDER-RIGHT: #ffffff 2px solid; PADDING-RIGHT: 30px; BACKGROUND-POSITION: right bottom; PADDING-LEFT: 10px; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(/rimages/39/coner.gif); BACKGROUND-REPEAT: no-repeat; HEIGHT: 50px; BACKGROUND-COLOR: #f0f0f0 } /* <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%; } /* side block */ /* <div id=tp_side> */ #tp_side { BACKGROUND-IMAGE: url(right-bg.gif); WIDTH: 193px; BACKGROUND-REPEAT: no-repeat; background-position: top; padding-top: 40px; } /* <DIV ID=tp_rlink_side> */ #tp_rlink_side{ margin:0px; background-image:url(/images/note/tp_rlink_side.gif); } #tp_rlink_side .table_class{ width:100%; } /* footer block */ /* <div id=tp_footer> */ #tp_footer { font-size: 10px; line-height: 16px; color: #FFFFFF; margin-top: 15px; text-align: center; } #tp_footer A:link , #tp_footer A:visited, #tp_footer A:hover{ COLOR: #FFFFFF; TEXT-DECORATION: none } /* <DIV ID=quick_menu> */ #quick_menu { background-color:#eeeeee; font-family: Verdana; text-decoration: none; font-size: 9px; border:3px ridge #eeeeee; } /* below => customize id or class*/ #index{ width: 778px; text-align: left; background-image: url(index-01.jpg); background-position: left top; background-repeat: no-repeat; height: 450px; border: 1px solid #333333; line-height: 0px; } div.word-bg{ background-image: url(w-bg.gif); background-repeat: no-repeat; background-position: top; width: 778px; position: absolute; height: 123px; margin-top: 181px; } div.word{ width: 535px; margin-top: 25px; margin-left: 203px; color: #FFFFFF; line-height: 16px; } div.word h1 { margin-top: 0px; } div.icon{ background-image: url(in-bg.jpg); background-repeat: no-repeat; background-position: left 153px; height: 29px; padding-top: 153px; width: 778px; } #Copyright { FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: \"Arial\"; TEXT-DECORATION: none; background-image: url(address.jpg); background-repeat: no-repeat; width: 778px; height: 200px; margin-top: 122px; background-position: left top; padding-top: 65px; padding-left: 10px; line-height: 16px; } #Copyright A:link, #Copyright A:visited, #Copyright A:hover, #Copyright A:active { FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: \"Arial\"; TEXT-DECORATION: none; line-height: 16px; }