/* global setting */ BODY { FONT-SIZE: 11px; MARGIN: 0px; LINE-HEIGHT: 20px; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #fff; } a {noFocusLine:expression(this.onFocus=this.blur())} hr{ height:1px; color: #CED7E3; } /* global setting */ A:link { COLOR: #4E4F50; text-decoration: none; } A:visited { COLOR: #4E4F50; text-transform: none; } A:hover { COLOR: #333333; text-decoration: underline; } /* global setting */ TD { LINE-HEIGHT: 20px; font-size: 11px; } /* global

setting / H1 { FONT-SIZE: 18px; color: #656565; text-decoration: none; } H2 { font-size: 9pt; color:#000000; } H3 { font-size: 10pt; color: #E42519; } H4 { FONT-SIZE: 11px; COLOR: #fff5f5; } / global
,
setting / UL { } LI { } / global , setting / / global setting / textarea{ width:90%; height:200px; font-size: 11px; font-family: Verdana; } / ===== 5 fixed main block <DIV> setting ===== / .whole_table { MARGIN: auto; WIDTH: 1002px; background-color: #FFFFFF; } .menu_td{ background-image: url(joyin_02.jpg); background-repeat: no-repeat; height: 35px; } .footer_td { text-align:center; BACKGROUND-IMAGE: url(joyin_05.jpg); HEIGHT: 55px; background-repeat: no-repeat; } / <DIV ID=tp_header> / #tp_header { BACKGROUND-IMAGE: url(joyin_01.jpg); WIDTH: 1002px; HEIGHT: 100px; background-repeat: no-repeat; } #tp_header img{ margin-left: 10px; } / <DIV ID=tp_menu> / #tp_menu { width: 100%; } #tp_menu .table_class { MARGIN-TOP: 0px; margin-left: 20px; } #tp_menu .table_class td{ } #tp_menu A:link, #tp_menu A:visited { FONT-SIZE: 8pt; COLOR: #4E4F50; text-decoration: none; } #tp_menu A:hover { FONT-SIZE: 8pt; COLOR: #333333; text-decoration: none; } / SUB_MENU / .tp_menu_child { border:1px solid #C8C8C8; z-index:15; position:absolute; white-space: nowrap; padding:4px; background-color: #FFFFFF; } .tp_menu_child td{ border-bottom:1px dashed #C8C8C8; white-space: nowrap; padding: 2px; } / main content block / .tp_body_side { background-image: url(joyin_04.jpg); WIDTH: 222px; background-repeat: no-repeat; } .tp_body_main { WIDTH: 780px; BACKGROUND-POSITION: 0px 0px; BACKGROUND-IMAGE: url(joyin_03.jpg); background-repeat: no-repeat; } .tp_misc_top { height: 0px; margin: 0px; } .tp_misc_side{ margin:0px; width: 0px; } / <DIV ID=tp_main> / #tp_main { WIDTH: 92%; margin-left: 40px; } .tp_main_header{ vertical-align: top; padding-top: 80px; } .tp_main_header h1{ margin: 0px; padding-left: 110px; } .tp_main_header h2{ font-size: 11px; color: #000000; font-weight: normal; margin: 10px 0px 0px 0px; padding-left: 110px; } a.tree_header:link { FONT-SIZE: 11px; COLOR: #000000; font-weight: normal; } a.tree_header:visited { FONT-SIZE: 11px; COLOR: #000000; font-weight: normal; } .tp_main_body { PADDING-BOTTOM: 20px; padding-top: 15px; } / <DIV ID=tp_inquiry> / #tp_inquiry{ width: 100%; } #tp_inquiry .table_class { background-color: #FFFFFF; width: 100%; } .inquiry_col_0{ text-align: right; } / <DIV ID=tp_product_menu> / #tp_product_menu { width: 100%; } #tp_product_menu H2 { BACKGROUND-POSITION: 0px 3px; MARGIN-TOP: 15px; PADDING-LEFT: 20px; BACKGROUND-IMAGE: url(expedtion_in09.gif); MARGIN-BOTTOM: 3px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana; TEXT-DECORATION: none; font-size: 12px; } #tp_product_menu .table_class{ MARGIN: auto; width: 100%; } #tp_product_menu .cate_img_0 { TEXT-ALIGN: left } #tp_product_menu .cate_list_0 { FONT-SIZE: 11px } #tp_product_menu .cate_img_1 { TEXT-ALIGN: left } #tp_product_menu .cate_list_1 { FONT-SIZE: 11px } / <DIV ID=tp_product_info> / #tp_product_info { width: 100%; } #tp_product_info .table_class{ width: 100%; } / <DIV ID=tp_rlink_bottom> / #tp_rlink_bottom{ margin-top:5px; margin-bottom:5px; width: 100%; } #tp_rlink_bottom .table_class{ WIDTH: 100%; } #tp_rlink_bottom a:link{ font-weight: normal; font-size: 10px; line-height: 12px; font-family: Verdana; } #tp_rlink_bottom a:visited{ font-weight: normal; font-size: 10px; line-height: 12px; font-family: Verdana; } #tp_rlink_bottom a:hover{ font-weight: normal; font-size: 10px; line-height: 12px; font-family: Verdana; } / side block / / <div id=tp_side> / #tp_side { } / <DIV ID=tp_rlink_side> / #tp_rlink_side{ } #tp_rlink_side .table_class{ } / footer block / / <div id=tp_footer> / #tp_footer { FONT-SIZE: 10px;COLOR: #8B8B8B; WIDTH: auto; } #tp_footer A:link, #tp_footer A:hover, #tp_footer A:visited { COLOR: #8B8B8B; TEXT-DECORATION: none; font-size: 10px; } / <DIV ID=quick_menu> / #quick_menu { } / below => customize id or class/ #index { WIDTH: 1002px; HEIGHT: 600px; TEXT-ALIGN: left } .index01 { BACKGROUND-IMAGE: url(joyin-index1.gif); BACKGROUND-REPEAT: no-repeat; HEIGHT: 130px } .index02 { BACKGROUND-IMAGE: url(joyin-index2.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 350px } .index03 { BACKGROUND-IMAGE: url(joyin-index3.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 85px } #index .content H1 { MARGIN-TOP: 0px; PADDING-LEFT: 0px; FONT-SIZE: 16px; COLOR: #373737; LETTER-SPACING: 1px; padding-bottom: 10px } #index .content H1 A:link, #index .content H1 A:visited, #index .content H1 A:hover { color: #373737; FONT-SIZE: 16px; } .content { MARGIN-TOP: 140px; FONT-SIZE: 10px; MARGIN-LEFT: 475px; WIDTH: 450px; COLOR: #373737; LINE-HEIGHT: 22px; POSITION: absolute; ; } .content A:link, .content A:visited{ FONT-SIZE: 10px; COLOR: #373737; TEXT-DECORATION: none } .content A:hover { FONT-SIZE: 10px; COLOR: #373737; TEXT-DECORATION: underline } .button { MARGIN-TOP: 51px; MARGIN-LEFT: 135px; WIDTH: 750px; POSITION: absolute; TEXT-ALIGN: left } .button A:link { padding: 0px 0px 0px 66px; FONT-SIZE: 8pt; COLOR: #4E4F50; TEXT-DECORATION: none } .button A:visited { padding: 0px 0px 0px 66px; FONT-SIZE: 8pt; COLOR: #4E4F50; TEXT-DECORATION: none } .button A:hover { padding: 0px 0px 0px 66px; FONT-SIZE: 8pt; COLOR: #333333; TEXT-DECORATION: none } .in-main { WIDTH: 150px; padding: 145px 0px 0px 25px; } .in-main A:link { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #4E4F50; TEXT-DECORATION: none } .in-main A:visited { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #63755C; TEXT-DECORATION: none } .in-main A:hover { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000; TEXT-DECORATION: none } .in-subicon { padding: 15px 0px 0px 10px; WIDTH: 175px; LINE-HEIGHT: 14px; } .in-subicon A:link { DISPLAY: block; padding: 12px 0px 10px 30px; FONT-WEIGHT: normal; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(joyin_06.gif); BACKGROUND-POSITION: 8px 8px; BACKGROUND-REPEAT: no-repeat; COLOR: #4E4F50; TEXT-DECORATION: none } .in-subicon A:visited { DISPLAY: block; padding: 12px 0px 10px 30px; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #63755C; TEXT-DECORATION: none; BACKGROUND-IMAGE: url(joyin_06.gif); BACKGROUND-POSITION: 8px 8px; BACKGROUND-REPEAT: no-repeat; } .in-subicon A:hover { padding: 12px 0px 10px 30px; FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000; TEXT-DECORATION: none; BACKGROUND-IMAGE: url(joyin_06.gif); BACKGROUND-POSITION: 8px 8px; BACKGROUND-REPEAT: no-repeat; } #Copyright { FONT-SIZE: 10px; WIDTH: 1002px; COLOR: #A9A9A9; PADDING-TOP: 15px; FONT-FAMILY: Verdana; TEXT-ALIGN: center; background-color: #fff; height: 35px; } #Copyright A:link, #Copyright A:visited, #Copyright A:hover{ COLOR: #A9A9A9; TEXT-DECORATION: none } /div css cosmetics-manufacturer.htm/ #in_whole_table { BACKGROUND-COLOR: #fff; MARGIN: auto; WIDTH: 1002px; height: 2000px; } .in_menu_td { background-image: url(joyin_02.jpg); background-repeat: no-repeat; height: 35px; width: 100%; } .in_menu_td .table_class { MARGIN-TOP: 0px; margin-left: 20px; } .in_menu_td .table_class TD { } .in_menu_td A:link { FONT-SIZE: 11px; COLOR: #4E4F50; TEXT-DECORATION: none } .in_menu_td A:visited { FONT-SIZE: 11px; COLOR: #4E4F50; TEXT-DECORATION: none } .in_menu_td A:hover { FONT-SIZE: 11px; COLOR: #333333; TEXT-DECORATION: none } .in_tp_body_side { WIDTH: 222px; BACKGROUND-IMAGE: url(joyin_04.jpg); BACKGROUND-REPEAT: no-repeat; float: right; } .in_tp_body_main { WIDTH: 780px; float: left; background-image:url(joyin_03.jpg); height:365px; background-repeat: no-repeat; } .in_tp_misc_top { } #in_tp_main { MARGIN-LEFT: 50px; position: absolute; width:700px; margin-top: 140px; } .in_footer_td { width: 1002px; margin: auto; FONT-SIZE: 10px; COLOR: #000; BACKGROUND-IMAGE: url(joyin_05.jpg); HEIGHT: 55px; TEXT-ALIGN: center; } .footer_word{ padding-top:20px; FONT-SIZE: 10px; WIDTH: auto; COLOR: #8B8B8B; } .footer_word A:link, .footer_word A:hover .footer_word A:visited{ FONT-SIZE: 10px; COLOR: #8B8B8B; TEXT-DECORATION: none } 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; }