/* global setting */ BODY { color:#000; line-height: 22px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #064EC7; margin: 0px; } /* global setting */ A:link { color:#000; text-decoration: none; } A:visited { color:#000; text-decoration: none; } A:hover { text-decoration: none; color: #000; } /* global setting */ TD { font-size: 12px; line-height: 22px; } /* global setting */ H1 { color: #FF7900; font-size: 17px; } H2 { color: #002FA6; font-size: 15px; } H3 { color: #069; font-size: 13px; } /* global

setting */ UL { } LI { } /* global , setting */ /* global setting */ textarea{ } /* ===== 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:83px; background-image: url(footer_td_bg.jpg); background-repeat: no-repeat; } /* <DIV ID=tp_header> */ #tp_header { height:56px; background-image: url(top.gif); background-repeat: no-repeat; } /* <DIV ID=tp_menu> */ #tp_menu { width:100%; } #tp_menu .table_class{ margin-top: 3px; margin-left: 400px; } #tp_menu .table_class td img{ margin-right: 20px; margin-left: 20px; } #tp_menu A:link, #tp_menu A:visited { color: #333; font-size: 12px; font-weight: bold; } #tp_menu A:hover { color: #009; text-decoration: none; } /* SUB_MENU */ .tp_menu_child { background-color:#FFF; border:1px solid #666; z-index:10; position:absolute; white-space: nowrap; padding: 1px; } .tp_menu_child td{ border-bottom:1px dotted #ccc; white-space: nowrap; padding:1px; } /* main content block */ .tp_body_side{ width: 272px; vertical-align: top; background-image: url(tp_body_side_bg.jpg); background-repeat: no-repeat; } .tp_body_main{ WIDTH: 730px; background-repeat: no-repeat; background-image: url(tp_body_main_bg.gif); background-position: 0px 141px; } .tp_misc_top{ background-image: url(tp_misc_top_bg.jpg); background-repeat: no-repeat; height: 141px; } .tp_misc_side{ margin:0px; width: 0px; } /* <DIV ID=tp_main> */ #tp_main { width:92%; margin-left: 15px; } .tp_main_header{ padding-top: 42px; } .tp_main_header h1{ margin: 0px; } .tp_main_header h2{ margin: 0; font-size: 10px; font-family: Verdana, Geneva, sans-serif; color: #666; } a.tree_header:link { FONT-SIZE: 10px; COLOR: #666; margin-bottom: 10px; FONT-WEIGHT: normal; } a.tree_header:visited { FONT-SIZE: 10px; COLOR: #666; margin-bottom: 10px; FONT-WEIGHT: normal; } .tp_main_body { padding: 10px; } /* <DIV ID=tp_inquiry> */ #tp_inquiry{ width:100%; } #tp_inquiry .table_class{ width:100%; 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{ margin-top: 10px; margin-bottom: 20px; width:100%; } #tp_product_menu .cate_img_0{ border-left: #FFFFFF 3px solid; border-right: #FFFFFF 3px solid; background-color: #DDDDDD; text-align: center; vertical-align: top; } #tp_product_menu .cate_list_0{ border-left: #FFFFFF 3px solid; border-right: #FFFFFF 3px solid; height: 30px; padding-left: 10px; FONT-SIZE: 11px; background-color: #f5f5f5; background-image: url(/rimages/63/coner.gif); background-repeat: no-repeat; background-position: right bottom; padding-bottom: 30px; } #tp_product_menu .cate_img_1{ border-left: #FFFFFF 3px solid; border-right: #FFFFFF 3px solid; background-color: #DDDDDD; text-align: center; vertical-align: top; } #tp_product_menu .cate_list_1{ border-left: #FFFFFF 3px solid; border-right: #FFFFFF 3px solid; height: 30px; padding-left: 10px; FONT-SIZE: 11px; background-color: #f5f5f5; background-image: url(/rimages/63/coner.gif); background-repeat: no-repeat; background-position: right bottom; padding-bottom: 30px; } /* <DIV ID=tp_product_info> */ #tp_product_info { width:100%; } #tp_product_info .table_class{ margin-left: 10px; WIDTH: 95%; vertical-align: top; } /* <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: 10px; font-family: Verdana; color: #000000; } #tp_rlink_bottom a:hover{ text-decoration: none; } #tp_rlink_bottom a:visited{ font-weight: normal; font-size: 10px; font-family: Verdana; color: #000000; } /* side block */ /* <div id=tp_side> */ #tp_side { } .box{ text-align: right; padding: 210px 35px 0px 80px; } .box A:link, .box A:visited { color: #FFF; font-size: 13px; font-weight: bold; display: block; border-bottom: 1px solid #ccc; margin-bottom: 15px; } .box A:hover { color: #FF0; text-decoration: none; } /* <DIV ID=tp_rlink_side> */ #tp_rlink_side{ } #tp_rlink_side .table_class{ } /* footer block */ /* <div id=tp_footer> */ #tp_footer { font-size: 11px; color: #333; margin-left: 485px; margin-top: 18px; line-height: 18px; } #tp_footer A:link, #tp_footer A:visited { color: #333; font-size: 11px; } #tp_footer A:hover { text-decoration: none; color: #333; } /* <DIV ID=quick_menu> */ #quick_menu { } /* below => customize id or class*/ #index{ width: 1002px; margin: auto; overflow: hidden; text-align: left; } #icon_bg{ background-image: url(icon_bg.gif); background-repeat: no-repeat; height: 89px; } #icon{ padding-top: 50px; margin-left: 380px; } #icon A:link, #icon A:visited { color: #333; font-size: 14px; font-weight: bold; background-image: url(arrow-blue.gif); background-repeat: no-repeat; padding-right: 25px; padding-left: 25px; } #icon A:hover { color: #009; text-decoration: none; } #left_bg{ background-image: url(left_bg.jpg); background-repeat: no-repeat; width: 278px; height: 442px; float: left; } .left{ text-align: right; padding: 240px 13px 0px 100px; } .left A:link, .left A:visited { color: #FFF; font-size: 13px; font-weight: bold; display: block; border-bottom: 1px solid #ccc; margin-bottom: 15px; } .left A:hover { color: #FF0; text-decoration: none; } #word_bg{ background-image: url(word_bg.jpg); background-repeat: no-repeat; width: 724px; height: 442px; float: right; } .word{ padding: 150px 50px 0px 60px; } .word h1{ color: #039; font-size: 18px; } #Copyright { background-image: url(cobyright_bg.jpg); background-repeat: no-repeat; width: 1002px; height: 87px; clear: both; text-align: left; } .add { font-size: 11px; color: #333; margin-left: 300px; padding-top: 18px; line-height: 18px; } .add A:link, .add A:visited { color: #333; font-size: 11px; } .add A:hover { text-decoration: none; color: #333; }