/* global setting */ BODY { FONT-SIZE: 13px; MARGIN: 0px; LINE-HEIGHT: 22px; FONT-FAMILY: Arial; background-color: #e7eaef; } a{ outline: none; /* for Firefox */ hlbr:expression(this.onFocus=this.blur()); /* for IE */ } HR { border: 1px solid #cccccc; } /* global setting */ A:link { TEXT-DECORATION: none; color: #333333; } A:visited { COLOR: #333333; text-decoration: none; } A:hover { TEXT-DECORATION: underline } /* global setting */ TD { LINE-HEIGHT: 22px; font-size: 13px; } /* global setting */ H1 { FONT-SIZE: 18px; COLOR: #000000; } H2 { color: #900; font-size: 16px; } H3 { color: #36C; font-size: 14px; } /* global

setting */ UL { } LI { } /* global , setting */ /* global setting */ textarea{ width:90%; height:200px; font-family: Arial,Sans-serif; font-size: 13px; } /* ===== 5 fixed main block <DIV> setting ===== */ .whole_table { MARGIN: auto; BACKGROUND-REPEAT: repeat-y; width: 1002px; background-image: url(whole_table_bg.gif); } .menu_td { BACKGROUND-REPEAT: no-repeat; height: 47px; background-image: url(menu_td_bg.jpg); } .footer_td { BACKGROUND-REPEAT: no-repeat; height: 70px; background-image: url(footer_td_bg.gif); } /* <DIV ID=tp_header> */ #tp_header { MARGIN: 0px; BACKGROUND-REPEAT: no-repeat; background-image: url(top.gif); height: 138px; } .version{ text-align: right; padding: 60px 10px 18px 0px; } .version img{ border: 0px; } /* <DIV ID=tp_menu> */ #tp_menu { WIDTH: 100%; text-align: left; padding-top: 5px; } #tp_menu .table_class { WIDTH: auto; margin: auto; } #tp_menu .table_class TD IMG { MARGIN-RIGHT: 25px; margin-left: 25px; } #tp_menu A:link, #tp_menu A:visited { FONT-SIZE: 12px; COLOR: #FCFCFC; text-decoration: none; font-weight: bold; } #tp_menu A:hover { TEXT-DECORATION: none; color: #FACF80; } /* SUB_MENU */ .tp_menu_child { Z-INDEX: 5; WHITE-SPACE: nowrap; POSITION: absolute; BACKGROUND-COLOR: #666666; border: 1px solid #cccccc; padding: 1px; } .tp_menu_child TD { BORDER-BOTTOM: #cccccc 1px dashed; WHITE-SPACE: nowrap; text-align: left; color: #000000; padding: 0px 3px 0px 3px; } /* main content block */ .tp_body_side { BACKGROUND-REPEAT: no-repeat; width: 215px; background-image: url(tp_body_side_bg.jpg); background-position: bottom; } .tp_body_main { width: 787px; background-image: url(tp_body_main_bg.jpg); background-repeat: no-repeat; background-position: 0px 200px; } .tp_misc_top { MARGIN: 0px; BACKGROUND-REPEAT: no-repeat; height: 200px; background-image: url(tp_misc_top_bg.jpg); } .tp_misc_side{ width:0px; margin:0px; } /* <DIV ID=tp_main> */ #tp_main { WIDTH: 95%; margin-left: 20px; } .tp_main_header { PADDING-BOTTOM: 10px; border-bottom: #cccccc 1px solid; padding-top: 25px; } .tp_main_header h1{ margin: 0px; } .tp_main_header h2{ color: #333333; font-size: 11px; margin: 0px; } A.tree_header:link { FONT-SIZE: 11px; MARGIN-BOTTOM: 20px; COLOR: #333333; font-weight: normal; } A.tree_header:visited { FONT-WEIGHT: normal; FONT-SIZE: 11px; MARGIN-BOTTOM: 20px; color: #333333; } .tp_main_body { PADDING-BOTTOM: 30px; padding-top: 30px; } /* <DIV ID=tp_inquiry> */ #tp_inquiry { WIDTH: 100%; } #tp_inquiry .table_class { WIDTH: 95%; BACKGROUND-COLOR: #efefef; border: #999999 1px dotted; margin-left: 20px; } .inquiry_col_0{ text-align: right; } /* <DIV ID=tp_product_menu> */ #tp_product_menu .table_class { width: 100%; margin: auto; } #tp_product_menu .table_class H2 { FONT-SIZE: 12px; COLOR: #06F; } #tp_product_menu .table_class IMG { border: 0px; } #tp_product_menu .cate_img_0 { TEXT-ALIGN: left; } #tp_product_menu .cate_list_0 { VERTICAL-ALIGN: top; text-align: left; } #tp_product_menu .cate_img_1 { TEXT-ALIGN: left } #tp_product_menu .cate_list_1 { VERTICAL-ALIGN: top; text-align: left; } .cate_spec_0, .cate_spec_1{ color: #00C; } .cate_spec_0 A:link, .cate_spec_1 A:link, .cate_spec_0 A:visited, .cate_spec_1 A:visited{ TEXT-DECORATION: none; color: #03C; background-image: url(ball.gif); background-repeat: no-repeat; padding-left: 22px; padding-bottom: 5px; } .cate_spec_0 A:hover, .cate_spec_1 A:hover { TEXT-DECORATION: none; color: #06F; } /* <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 { MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px; WIDTH: 100%; border-top: 1px dotted #cccccc; } #tp_rlink_bottom .table_class{ WIDTH: 100%; } #tp_rlink_bottom .table_class li{ line-height: 13px; } #tp_rlink_bottom A:link { FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Verdana; font-weight: normal; } #tp_rlink_bottom A:hover { LETTER-SPACING: -1px; text-decoration: none; font-size: 10px; } #tp_rlink_bottom A:visited { FONT-SIZE: 10px; COLOR: #666666; font-weight: normal; } /* side block */ /* <div id=tp_side> */ #tp_side { background-image: url(tp_side_bg.jpg); background-repeat: no-repeat; width: 215px; padding-top: 250px; } .box strong { color: #403534; FONT-SIZE: 12px; background-color: #FFF; display: block; margin-left: 4px; margin-right: 4px; background-image: url(arr.gif); background-repeat: no-repeat; background-position: 10px 5px; padding-left: 25px; } .box strong A:link, .box strong A:visited { color: #403534; TEXT-DECORATION: none; } .box strong A:hover { color: #006; TEXT-DECORATION: none; } #box01 { VERTICAL-ALIGN: top; LINE-HEIGHT: 18px; padding-top: 10px; margin: 10px 8px 20px 8px; } #box01 A:link, #box01 A:visited { DISPLAY: block; COLOR: #FCFCFC; TEXT-DECORATION: none; border-bottom: 1px solid #9fb1bf; font-weight: bold; padding-left: 26px; margin-bottom: 10px; } #box01 A:hover { COLOR: #FF9900; TEXT-DECORATION: none; } /* <DIV ID=tp_rlink_side> */ #tp_rlink_side{ margin:0px; background-image:url(/images/note/tp_rlink_side.gif); } #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: 11px; text-align: left; color: #5c5c5c; margin-left: 360px; line-height: 20px; margin-top: 5px; } #tp_footer span{ margin-right: 20px; } #tp_footer A:link, #tp_footer A:visited, #tp_footer A:hover{ TEXT-DECORATION: none; color: #5c5c5c; } /* <DIV ID=quick_menu> */ #quick_menu { } /* below => customize id or class*/ .sitemap_1 { font-weight: bold; font-size: 11px; } .sitemap_2 { font-weight: normal; font-size: 11px; } /* global <home> setting */ #index { WIDTH: 1002px; TEXT-ALIGN: left; } #mark_bg { BACKGROUND-REPEAT: no-repeat; height: 100px; background-image: url(mark_bg.jpg); } #icon_bg { background-repeat: no-repeat; height: 56px; background-image: url(icon_bg.jpg); } #icon { padding-top: 15px; text-align: center; } #icon A:link, #icon A:visited { PADDING-LEFT: 25px; FONT-SIZE: 15px; COLOR: #F7F7F7; BACKGROUND-REPEAT: no-repeat; TEXT-DECORATION: none; padding-right: 25px; background-image: url(arrow-blue.gif); } #icon A:hover { COLOR: #FACF80; TEXT-DECORATION: none; } #main_bg{ background-image: url(main_bg.jpg); background-repeat: no-repeat; height: 300px; } #word_bg { BACKGROUND-IMAGE: url(word_bg.jpg); HEIGHT: 271px; background-repeat: no-repeat; padding-top: 5px; padding-right: 25px; } .video_bg{ padding: 12px; background-image: url(video_bg.gif); background-repeat: no-repeat; background-position: right; height: 240px; } #word { MARGIN-TOP: 480px; WIDTH: 605px; COLOR: #282828; LINE-HEIGHT: 19px; POSITION: absolute; margin-left: 20px; } #word H1 { FONT-SIZE: 16px; COLOR: #202d37; text-align: right; margin: 10px 0px 10px 0px; } #Copyright_bg { CLEAR: both; FONT-SIZE: 10px; BACKGROUND-IMAGE: url(cobyright_bg.jpg); WIDTH: 1002px; COLOR: #666666; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: left; TEXT-DECORATION: none; height: 57px; } #Copyright { FONT-SIZE: 11px; TEXT-ALIGN: left; color: #5c5c5c; padding-top: 5px; margin-left: 350px; line-height: 16px; } #Copyright span{ margin-right: 20px; } #Copyright A:link, #Copyright A:visited, #Copyright A:hover{ FONT-SIZE: 11px; TEXT-DECORATION: none; color: #5c5c5c; } #tp_footer A:hover, #Copyright A:hover{ cursor:text; }