/* global setting */ BODY { BACKGROUND-IMAGE: url(db_background.gif); FONT-FAMILY: arial; font-size: 13px; margin: 0px ; } /* global setting */ A { text-decoration: none; color:#035488; line-height: 20px; } A:link { color:#035488; } A:hover { text-decoration: underline; } A:visited { color:#336699; } /* global setting */ TD { line-height: 20px; } /* global setting */ H1 { fornt-weight: bold; font-size: 18px; color: #000076; margin-bottom:10px; padding-left: 10px; } H2 { MARGIN-TOP: 5px; FONT-WEIGHT: bold; FONT-SIZE: 16px; MARGIN-BOTTOM: 30px; COLOR: #000000; } H3 { font-size: 14px; font-weight: bold; color: #333333; margin-top:3px; margin-bottom:3px; } /* global

setting */ UL { margin-top:0px; margin-left:20px; margin-bottom:0px; padding:3px; } LI { list-style-type:square; } /* global , setting */ /* global setting */ textarea{ width:90%; height:200px; } /* ===== 5 fixed main block <DIV> setting ===== */ .whole_table{ BACKGROUND-IMAGE: url(db-in5.gif); MARGIN: auto; WIDTH: 1002px; BACKGROUND-REPEAT: repeat-y } .menu_td{ } .footer_td{ BACKGROUND-IMAGE: url(db-in7.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 51px; TEXT-ALIGN: center } /* <DIV ID=tp_header> */ #tp_header { BACKGROUND-IMAGE: url(db-in1.jpg); WIDTH: 1002px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 260px } /* <DIV ID=tp_menu> */ #tp_menu { BACKGROUND-IMAGE: url(db-in2.jpg); WIDTH: 100%; HEIGHT: 30px } #tp_menu .table_class{ MARGIN-LEFT: 260px; WIDTH: auto } #tp_menu A:link { COLOR: #777777; TEXT-DECORATION: none } #tp_menu A:visited { COLOR: #312f2f; TEXT-DECORATION: none } #tp_menu A:hover { COLOR: #000076; TEXT-DECORATION: none } /* 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 #777777; border-bottom:1px solid #777777; 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{ BACKGROUND-IMAGE: url(db-in3.jpg); WIDTH: 200px; BACKGROUND-REPEAT: no-repeat } .tp_body_main{ BACKGROUND-IMAGE: url(db-in4.jpg); WIDTH: 802px; BACKGROUND-REPEAT: no-repeat } .tp_misc_top{ width:0px; margin:0px; } .tp_misc_side{ width:0px; margin:0px; } a.tree_header:link { FONT-SIZE: 12px; COLOR: #666666; font-weight: normal; } a.tree_header:visited { FONT-SIZE: 12px; COLOR: #666666; font-weight: normal; } /* <DIV ID=tp_main> */ #tp_main { width:90%; margin-left: 25px; margin-bottom:20px; } .tp_main_header{ margin-bottom:20px; PADDING-TOP: 15px } .tp_main_body { margin-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:auto; margin:middle; } #tp_product_menu .table_class{ width:90%; margin:middle; } #tp_product_menu .table_class h2{ FONT-SIZE: 13px; } #tp_product_menu .cate_img_0{ border-left-color: #ffffff; border-left-style: dotted; border-left-width: thin; } #tp_product_menu .cate_list_0{ border-left-color: #ffffff; border-left-style: dotted; border-left-width: thin; } #tp_product_menu .cate_img_1{ border-left-color: #ffffff; border-left-style: dotted; border-left-width: thin; } #tp_product_menu .cate_list_1{ border-left-color: #ffffff; border-left-style: dotted; border-left-width: thin; } /* <DIV ID=tp_product_info> */ #tp_product_info { width:100%; } #tp_product_info .table_class{ width:auto; margin:left; padding:20px; } /* <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{ 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 { } #tp_side img{ border: 0px; margin: 10px; } /* <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; FONT-SIZE: 11px; WIDTH: 100%; COLOR: #000000; FONT-FAMILY: Verdana } /* footer block */ /* <div id=tp_footer> */ #tp_footer { width:100%; COLOR: #757575; font-family:Verdana, Arial; text-align: center; FONT-SIZE: 10px; } #tp_footer A:link { FONT-SIZE: 10px; COLOR: #757575; TEXT-DECORATION: none } #tp_footer A:hover { FONT-SIZE: 10px; COLOR: #757575; TEXT-DECORATION: none } #tp_footer A:visited { FONT-SIZE: 10px; COLOR: #757575; 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: 1002px; HEIGHT: 820px; TEXT-ALIGN: left } .index01 { BACKGROUND: url(db-index01.jpg) no-repeat; HEIGHT: 90px } .index02 { BACKGROUND: url(db-index02.jpg) no-repeat; HEIGHT: 230px } .index03 { BACKGROUND: url(db-index03.jpg) no-repeat; HEIGHT: 295px } .index04 { PADDING-LEFT: 25px; BACKGROUND: url(db-index04.gif) no-repeat; HEIGHT: 155px } .pro { MARGIN-TOP: 13px; FONT-SIZE: 13px; FLOAT: left; WIDTH: 14%; COLOR: #242424; TEXT-ALIGN: left } .pro A:link { FONT-SIZE: 12px; COLOR: #5958a2; TEXT-DECORATION: none } .pro A:visited { FONT-SIZE: 12px; COLOR: #5958a2; TEXT-DECORATION: none } .pro A:hover { FONT-SIZE: 12px; COLOR: #5958a2; TEXT-DECORATION: underline } #index .content H1 { MARGIN-TOP: 0px; PADDING-LEFT: 10px; FONT-SIZE: 16px; MARGIN-BOTTOM: 20px; COLOR: #9b0a20 } .content { MARGIN-TOP: 327px; FONT-SIZE: 13px; MARGIN-LEFT: 20px; WIDTH: 630px; COLOR: #777777; LINE-HEIGHT: 20px; POSITION: absolute } .content A:link { FONT-SIZE: 13px; COLOR: #777777; TEXT-DECORATION: none } .content A:visited { FONT-SIZE: 13px; COLOR: #777777; TEXT-DECORATION: none } .content A:hover { FONT-SIZE: 13px; COLOR: #777777; TEXT-DECORATION: none } .button { MARGIN: 45px 0px 0px 350px; WIDTH: 650px; POSITION: absolute } .button A:link { PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; BORDER-LEFT: #999999 1px solid; COLOR: #777777; PADDING-TOP: 0px; TEXT-DECORATION: none } .button A:visited { PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; BORDER-LEFT: #999999 1px solid; COLOR: #312f2f; PADDING-TOP: 0px; TEXT-DECORATION: none } .button A:hover { PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; BORDER-LEFT: #999999 1px solid; COLOR: #000076; PADDING-TOP: 0px; TEXT-DECORATION: none } .in-subicon { MARGIN-TOP: 25px; FONT-SIZE: 13px; MARGIN-LEFT: 12px; WIDTH: 180px } .in-subicon A:link { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: url(db-in8.gif) no-repeat 0px 12px; PADDING-BOTTOM: 5px; COLOR: #222222; LINE-HEIGHT: 18px; PADDING-TOP: 5px; BORDER-BOTTOM: #8b94c3 1px solid; TEXT-DECORATION: none } .in-subicon A:visited { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: url(db-in8.gif) no-repeat 0px 12px; PADDING-BOTTOM: 5px; COLOR: #000000; LINE-HEIGHT: 18px; PADDING-TOP: 5px; BORDER-BOTTOM: #8b94c3 1px solid; TEXT-DECORATION: none } .in-subicon A:hover { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: url(db-in8.gif) no-repeat 0px 12px; PADDING-BOTTOM: 5px; COLOR: #000076; LINE-HEIGHT: 18px; PADDING-TOP: 5px; BORDER-BOTTOM: #8b94c3 1px solid; TEXT-DECORATION: none } #copyright { FONT-SIZE: 10px; BACKGROUND: url(db-index05.jpg) no-repeat; COLOR: #757575; PADDING-TOP: 20px; FONT-FAMILY: Verdana, Arial; HEIGHT: 50px; TEXT-ALIGN: center; TEXT-DECORATION: none } #copyright A:link { CURSOR: text; COLOR: #757575; TEXT-DECORATION: none } #copyright A:visited { CURSOR: text; COLOR: #757575; TEXT-DECORATION: none } #copyright A:hover { CURSOR: text; COLOR: #757575; TEXT-DECORATION: none } #tp_footer A:hover { CURSOR: text }