/* global setting */ BODY { FONT-SIZE: 13px; MARGIN: 0px; LINE-HEIGHT: 20px; FONT-FAMILY: arial; background-color: #CFD9E8; } /* global setting */ A { text-decoration: none; line-height: 20px; } A:link { color:#336699; text-decoration: underline; } A:visited { color:#336699; text-decoration: underline; } A:hover { text-decoration: none; } /* global setting */ TD { line-height: 20px; } /* global setting */ H1 { FONT-SIZE: 17px; padding-left: 10px; MARGIN-BOTTOM: 10px; fornt-weight: bold; color: #0000CC; } H2 { MARGIN-TOP: 3px; FONT-SIZE: 11px; MARGIN-BOTTOM: 3px; text-decoration: none; } H3 { MARGIN-TOP: 3px; FONT-SIZE: 15px; MARGIN-BOTTOM: 0px; COLOR: #0e2587; font-weight: bold; } /* global

setting */ UL { margin-left:20px; margin-bottom:0px; padding:3px; margin-top: 0px; } LI { list-style-type: disc; } /* global , setting */ /* global setting */ TEXTAREA { WIDTH: 90%; HEIGHT: 200px; } /* ===== 5 fixed main block <DIV> setting ===== */ .whole_table { MARGIN: auto; width: 1002px; background-image: url(topsdisk_in5.jpg); background-repeat: repeat-y; } .menu_td { } .footer_td { background-image: url(topsdisk_in6.jpg); background-repeat: no-repeat; height: 33px; } /* <DIV ID=tp_header> */ #tp_header { HEIGHT: 40px; WIDTH: 1002px; background-image: url(topsdisk_in1.jpg); background-repeat: no-repeat; } /* <DIV ID=tp_menu> */ #tp_menu { BACKGROUND-IMAGE: url(topsdisk_in2.jpg); WIDTH: 100%; HEIGHT: 22px; background-repeat: no-repeat; } #tp_menu .table_class { margin-left:320px; } #tp_menu A:link, #tp_menu A:visited { color: #fefefe; text-decoration: none; } #tp_menu A:hover { COLOR: #C3CDD7; text-decoration: none; } /* SUB_MENU */ .tp_menu_child { Z-INDEX: 10; MARGIN-LEFT: 30px; WHITE-SPACE: nowrap; POSITION: absolute; border: #0072D2 1px solid; padding: 3px; background-color: #0072D2; } .tp_menu_child TD { BORDER-BOTTOM: #488CC8 1px dashed; WHITE-SPACE: nowrap; padding: 3px; } /* main content block */ .tp_body_side { BACKGROUND-IMAGE: url(topsdisk_in3.jpg); WIDTH: 245px; background-repeat: no-repeat; } .tp_body_main { BACKGROUND-IMAGE: url(topsdisk_in4.jpg); WIDTH: 757px; background-repeat: no-repeat; } .tp_misc_top { MARGIN: 0px; WIDTH: 0px; } .tp_misc_side { MARGIN: 0px; WIDTH: 0px; } A.tree_header{ padding-left: 10px; } A.tree_header:link { FONT-WEIGHT: bold; MARGIN-BOTTOM: 20px; COLOR: #000000; font-size: 11px; } A.tree_header:visited { FONT-SIZE: 11px; MARGIN-BOTTOM: 20px; COLOR: #000000; font-weight: bold; } /* <DIV ID=tp_main> */ #tp_main { MARGIN-LEFT: 20px; width: 90%; } .tp_main_header { PADDING-TOP: 193px; *PADDING-TOP: 203px; margin-bottom: 10px; } .tp_main_body { padding-bottom: 20px; } /* <DIV ID=tp_inquiry> */ #tp_inquiry { width: 100%; } #tp_inquiry .table_class { WIDTH: 90%; BACKGROUND-COLOR: #efefef; border: #999999 1px dotted; } /* <DIV ID=tp_product_menu> */ #tp_product_menu { MARGIN: auto; } #tp_product_menu .table_class { WIDTH: 100% } #tp_product_menu .table_class h2{ font-size: 13px; } #tp_product_menu .cate_img_0 { text-align: left; } #tp_product_menu .cate_list_0 { } #tp_product_menu .cate_img_1 { text-align: left; } #tp_product_menu .cate_list_1 { } /* <DIV ID=tp_product_info> */ #tp_product_info { width:90%; } #tp_product_info { WIDTH: 90% } #tp_product_info .table_class { WIDTH: 90%; margin: auto; } /* <DIV ID=tp_rlink_bottom> */ #tp_rlink_bottom { MARGIN-BOTTOM: 10px; WIDTH: 100%; margin-top: 10px; } #tp_rlink_bottom .table_class { width: 100%; } #tp_rlink_bottom a:link{ font-weight: normal; font-size: 11px; } #tp_rlink_bottom a:visited{ font-weight: normal; font-size: 11px; } #tp_rlink_bottom a:hover{ font-weight: normal; font-size: 11px; } /* side block */ /* <div id=tp_side> */ #tp_side { } #tp_side img{ margin-top: 450px; } /* <DIV ID=tp_rlink_side> */ #quick_menu { BACKGROUND-COLOR: #eeeeee; text-decoration: none; border: #eeeeee 3px ridge; } /* footer block */ /* <div id=tp_footer> */ #tp_footer { width:100%; TEXT-ALIGN: center; FONT-SIZE: 11px; COLOR: #1F7BCF; padding-top: 6px; } #tp_footer A:link, #tp_footer A:visited, #tp_footer A:hover { FONT-SIZE: 11px; COLOR: #1F7BCF; TEXT-DECORATION: none; cursor:text; } /* <DIV ID=quick_menu> */ #quick_menu { background-color:#eeeeee; text-decoration: none; font-size: 9px; border:3px ridge #eeeeee; } /* below => customize id or class*/ #index { WIDTH: 1002px; TEXT-ALIGN: left; } .index01 { BACKGROUND: url(topsdisk_index1.jpg) no-repeat; HEIGHT: 80px } .index02 { BACKGROUND: url(topsdisk_index2.jpg) no-repeat; HEIGHT: 185px } .index03 { BACKGROUND: url(topsdisk_index3.jpg) no-repeat; HEIGHT: 251px } .index04 { BACKGROUND: url(topsdisk_index5.jpg) repeat-y; HEIGHT: 1200px; padding-left: 260px; padding-top: 20px; *HEIGHT: 950px; } .pro { MARGIN-TOP: 45px; FONT-SIZE: 13px; WIDTH: 95%; COLOR: #242424; TEXT-ALIGN: left; } .pro h1{ font-size: 15px; } .pro img{ float:left; } .pro span{ display:block; padding-left: 170px; } #index .content h1 { MARGIN-TOP: 0px; PADDING-LEFT: 17px; FONT-SIZE: 20px; MARGIN-BOTTOM: 15px; COLOR: #000; LETTER-SPACING: 1px } #index .content h2 { MARGIN-TOP: 0px; PADDING-LEFT: 12px; FONT-SIZE: 16px; MARGIN-BOTTOM: 15px; COLOR: #144DA2; } .content { MARGIN-TOP: 362px; FONT-SIZE: 13px; MARGIN-LEFT: 258px; WIDTH: 710px; COLOR: #3B3B3B; LINE-HEIGHT: 20px; POSITION: absolute } .content A:link, .content A:visited, .content A:hover { FONT-SIZE: 13px; COLOR: #3B3B3B; TEXT-DECORATION: none } .subcon { padding-top: 20px; width: 95%; } .subcon A:link, .subcon A:visited, .subcon A:hover{ TEXT-DECORATION: none; COLOR: #000000; } .button { MARGIN-TOP: 40px; FONT-SIZE: 9pt; MARGIN-LEFT: 336px; WIDTH: 570px; POSITION: absolute; TEXT-ALIGN: left } .button A:link { PADDING-RIGHT: 0px; PADDING-LEFT: 75px; FONT-SIZE: 9pt; COLOR: #fefefe; TEXT-DECORATION: none } .button A:visited { PADDING-RIGHT: 0px; PADDING-LEFT: 75px; FONT-SIZE: 9pt; COLOR: #C3CDD7; TEXT-DECORATION: none } .button A:hover { PADDING-RIGHT: 0px; PADDING-LEFT: 75px; FONT-SIZE: 9pt; COLOR: #D4EAFF; TEXT-DECORATION: none } .button-left { MARGIN-TOP: 9px; FONT-SIZE: 9pt; MARGIN-LEFT: 67px; WIDTH: 170px; POSITION: absolute; TEXT-ALIGN: left; } .button-left A:link { display: block; PADDING-LEFT: 0px; FONT-SIZE: 9pt; COLOR: #595959; TEXT-DECORATION: none; line-height: 24px; } .button-left A:visited { display: block; PADDING-LEFT: 0px; FONT-SIZE: 9pt; COLOR: #002547; TEXT-DECORATION: none; line-height: 24px; } .button-left A:hover { display: block; PADDING-LEFT: 0px; FONT-SIZE: 9pt; COLOR: #0754A6; TEXT-DECORATION: none; line-height: 24px; } .in-subicon { MARGIN-TOP: 191px; FONT-SIZE: 9pt; MARGIN-LEFT: 65px; WIDTH: 160px; POSITION: absolute; TEXT-ALIGN: left; } .in-subicon A:link { display: block; PADDING-LEFT: 0px; FONT-SIZE: 9pt; COLOR: #595959; TEXT-DECORATION: none; line-height: 24px; } .in-subicon A:visited { display: block; PADDING-LEFT: 0px; FONT-SIZE: 9pt; COLOR: #002547; TEXT-DECORATION: none; line-height: 24px; } .in-subicon A:hover { display: block; PADDING-LEFT: 0px; FONT-SIZE: 9pt; COLOR: #0754A6; TEXT-DECORATION: none; line-height: 24px; } #copyright{ BACKGROUND-IMAGE: url(topsdisk_index4.jpg); WIDTH: 1002px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 50px; *HEIGHT: 100px; TEXT-ALIGN: center; COLOR: #1F7BCF; font-size:11px; padding-top: 50px; } #copyright A:link, #copyright A:visited, #copyright A:hover { COLOR: #1F7BCF; TEXT-DECORATION: none; cursor:text; } a {noFocusLine:expression(this.onFocus=this.blur())} /* For IE */ :focus {-moz-outline-style: none} /* For Firefox */ #tp_footer A:hover, #Copyright A:hover{ cursor:text; }