/* global setting */ BODY { FONT-SIZE: 12px; LINE-HEIGHT: 20px; FONT-FAMILY: Verdana; margin: 0; background:url(pm-index-bg.jpg) repeat-x; } hr{ color: #E1E1E1; height: 1px; } em { font-style: normal; } /* global setting */ A:link { COLOR: #000066; TEXT-DECORATION: none } A:visited { COLOR: #1D50AE; TEXT-DECORATION: none } A:hover { COLOR: #5E97FF; TEXT-DECORATION: underline } /* global setting */ TD {LINE-HEIGHT: 20px } /* global

setting / H1 { FONT-WEIGHT: bold; FONT-SIZE: 16px; MARGIN-BOTTOM: 5px; COLOR: #5aa64e; TEXT-DECORATION: none; padding-top:0 px;} H2 { font-size: 9pt; MARGIN-TOP: 5px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 10px; color:##CC6699; } H3 { font-size: 10pt; font-weight: bold; color: #0065B3; margin-top:3px; margin-bottom:0px; } H4 { MARGIN-TOP: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN-BOTTOM: 5px; COLOR: #fefefe; TEXT-DECORATION: none } / global
,
setting / UL { margin-top:0px; margin-left:20px; margin-bottom:0px; padding:3px; } 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: 1000px; } .menu_td{ } .footer_td { height:154px; text-align: left; background-image: url(pm-in-footer.gif); } / <DIV ID=tp_header> / #tp_header { MARGIN: 0px; WIDTH: 1000px; HEIGHT: 45px; background:url(pm-in01.jpg) no-repeat; } #tp_header img{ margin-left: 10px; } / <DIV ID=tp_menu> / #tp_menu { background:url(pm-in02.jpg) no-repeat; height: 37px; width: 1000px; FONT-SIZE: 11px; COLOR: #fefefe; } #tp_menu .table_class { margin-left: 350px; margin-top: 0px; float:center; } #tp_menu .table_class td{ } #tp_menu A:link { FONT-SIZE: 11px; COLOR: #fefefe; TEXT-DECORATION: none; } #tp_menu A:visited { FONT-SIZE: 11px; COLOR: #fefefe; TEXT-DECORATION: none; } #tp_menu A:hover { FONT-SIZE: 11px; COLOR: #d0f0ff; TEXT-DECORATION: none; } / SUB_MENU / .tp_menu_child { margin-left:-10px; background-color:#9f9f9f; border:1px solid #9f9f9f; z-index:15; position:absolute; white-space: nowrap; padding:3px; } .tp_menu_child td{ border-bottom:1px dashed #fefefe; white-space: nowrap; padding: 2px; } / main content block / .tp_body_side { background:url(pm-in03.jpg) no-repeat; WIDTH: 231px; } .tp_body_main { WIDTH: 769px; background:url(pm-in05.jpg) no-repeat 0px 318px; } .tp_misc_top { background:url(pm-in04.jpg) no-repeat; height: 318px; } .tp_misc_side{ width:0px; margin:0px; } a.tree_header:link { FONT-SIZE: 10px; COLOR: #6d6b6c; font-weight: normal; margin-bottom: 20px; } a.tree_header:visited { FONT-SIZE: 10px; COLOR: #6d6b6c; font-weight: normal; margin-bottom: 20px; } / <DIV ID=tp_main> / #tp_main { WIDTH: 90%; float: left; margin-left: 10px; } .tp_main_header{ height:70px; margin-bottom: 10px; vertical-align: top; padding-top: 5px; padding-left: 20px; } .tp_main_body { padding-top:0px; PADDING-BOTTOM: 20px; width: 100%; } .tp_main_body A:link, .tp_main_body A:visited , .tp_main_body A:hover { color: #000; text-decoration: none; } .tp_main_body h3{ color: #000; } .tp_main_body h3 A:link, .tp_main_body h3 A:visited, .tp_main_body h3 A:hover { color: #000; text-decoration: none; } / <DIV ID=tp_inquiry> / #tp_inquiry{ width:100%; padding-left: 25px; } #tp_inquiry .table_class { WIDTH: 100%; BACKGROUND-COLOR: #ffffff; } .inquiry_col_0{ text-align: right; } / <DIV ID=tp_product_menu> / #tp_product_menu { width:100%; } #tp_product_menu .table_class{ MARGIN: auto; width: 100%; } #tp_product_menu .cate_img_0 { VERTICAL-ALIGN: middle; BORDER-LEFT: #EAEAEA 1px solid; TEXT-ALIGN: center } #tp_product_menu .cate_list_0 { PADDING-LEFT: 10px; FONT-SIZE: 12px; BORDER-left: #EAEAEA 1px solid; BACKGROUND-COLOR: #FFFFFF; vertical-align: top; } #tp_product_menu .cate_spec_0 { vertical-align: top; padding-left:20px; BORDER-LEFT: #EAEAEA 1px solid; } #tp_product_menu .cate_img_1 { VERTICAL-ALIGN: middle; BORDER-LEFT: #EAEAEA 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center } #tp_product_menu .cate_list_1 { PADDING-LEFT: 10px; FONT-SIZE: 12px; BORDER-LEFT: #EAEAEA 1px solid; HEIGHT: 20px; background-color: #FFFFFF;vertical-align: top; } #tp_product_menu .cate_spec_1 { vertical-align: top; padding-left:20px; BORDER-LEFT: #EAEAEA 1px solid; } .cate_list_1 A:link, .cate_list_1 A:visited, .cate_list_1 A:hover { color: #000; text-decoration: none; } .cate_list_0 A:link, .cate_list_0 A:visited, .cate_list_0 A:hover { color: #000; text-decoration: none; } / <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{ 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; line-height: 12px; font-family: Verdana; } #tp_rlink_bottom a:hover{ 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; } / side block / / <div id=tp_side> / #tp_side { } / <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: 12px; WIDTH: 100%; COLOR: #000000; } / footer block / / <div id=tp_footer> / #tp_footer { padding-top:0px; FONT-SIZE: 9px; WIDTH: auto; COLOR: #071197; line-height: 12px; } #tp_footer A:link, #tp_footer A:hover, #tp_footer A:visited { COLOR: #071197; TEXT-DECORATION: none; font-size: 9px; line-height: 12px; } / <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/ #pm-index { text-align: left; width: 1000px; overflow: hidden; } #pm-header { background:url(pm-index-header.jpg) no-repeat; height:100px; height:108px; width: 1000px; padding-top: 8px; } #pm-search { font-size:11px; color:#959595; text-align: right; margin-right: 10px; } #pm-search input { border: #999999 1px solid; height: 18px; } #pm-button { width: 620px; margin-left: 380px; padding-top: 11px; padding-top: 4px; } #pm-button a:link { padding-right: 25px; color: #fefefe; font-size: 11px; text-decoration: none } #pm-button a:visited { padding-right: 25px; color: #e1e3e5; font-size: 11px; text-decoration: none } #pm-button a:hover { padding-right: 25px; color: #c8e5ff; font-size: 11px; text-decoration: none } #pm-body { overflow: hidden; } #pm-left { float:left; width:778px;} #pm-flash { width:778px; height:323px; text-align:right; } #pm-com { width: 778px; background:url(pm-index-com.jpg) no-repeat; height: 329px;} #content { line-height: 16px; padding-top: 60px; width: 515px; font-family: verdana; color: #474747; margin-left: 35px; font-size: 11px; } #content a:link, #content a:visited, #content a:hover { color: #474747; font-size: 11px; text-decoration: none; } #content h1 { padding-left: 0px; color: #59a34d; margin-bottom: 5px; font-size: 16px; font-weight: bold; text-decoration: none } #pm-pro { height: 620px; padding: 15px 0px 0px 35px; background:url(pm-pro-dot.gif) no-repeat;} .pro-set { float:left; width: 48%; height: 245px; } .pro-set h1 { color: #2a63a2; font-size: 14px;} .pro-set li { font-size: 11px; line-height: 16px; list-style:none; list-style-position:outside; color: #474747} .pro-set li a:link, .pro-set li a:visited { text-decoration: none; color: #474747; } .pro-set li a:hover{ text-decoration:underline;} #pm-right { float:right; width: 222px; overflow: hidden; } #pm-info { width: 204px; margin-left: 9px; } #pm-info img{ border: 0px;} #pm-news { width: 190px; font-size: 11px; color: #2a63a2; line-height: 16px; padding: 2px 0px 0px 15px; } #pm-news a:link, #pm-news a:visited { text-decoration: none; color: #2a63a2; display: block; padding: 8px 0px 8px 0px; border-bottom: 1px dotted #cccccc; } #pm-news a:hover{ color:#00244c} #pm-footer { clear:both; height:155px; background:url(pm-index-copyright.gif) no-repeat; font-size: 10px; } #pm-top { padding-left: 850px; } #pm-top img { border: 0px;} #pm-icon { padding-left: 384px; padding-top: 10px; } #pm-icon a:link, #pm-icon a:visited { text-decoration: none; color: #1972d3; padding: 0px 5px 0px 5px; border-right: 1px solid #1e71b8; } #pm-icon a:hover{ color:#1972d3; text-decoration:none; } #pm-add { padding-left: 389px; color:#5f5f5f; line-height: 16px; text-align:left;} #pm-add a:link, #pm-add a:visited, #pm-add a:hover { color:#5f5f5f; } #pm-copyright {color:#5f5f5f; padding-top: 45px; width: 1000px; text-align:center;} #pm-copyright a:link, #pm-copyright a:visited, #pm-copyright a:hover { color:#5f5f5f; } /tp-side/ .in-sitemap { background:url(pm-in03i.jpg) no-repeat; width: 221px; height: 617px; padding-top: 364px; padding-left:10px; } .in-sitemap a:link { padding-left: 20px; color: #0a4d7d; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inlefta.jpg) no-repeat; line-height: 28px; display: block; } .in-sitemap a:visited { padding-left: 20px; color: #0a4d7d; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inlefta.jpg) no-repeat; line-height: 28px; display: block; } .in-sitemap a:hover { padding-left: 20px; color: #fefefe; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inleftb.jpg) no-repeat; line-height: 28px; display: block; } .in-link { background:url(pm-in03h.jpg) no-repeat; width: 221px; height: 617px; padding-top: 364px; padding-left:10px; } .in-link a:link { padding-left: 20px; color: #0a4d7d; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inlefta.jpg) no-repeat; line-height: 28px; display: block; } .in-link a:visited { padding-left: 20px; color: #0a4d7d; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inlefta.jpg) no-repeat; line-height: 28px; display: block; } .in-link a:hover { padding-left: 20px; color: #fefefe; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inleftb.jpg) no-repeat; line-height: 28px; display: block; } .in-other { background:url(pm-in03j.jpg) no-repeat; width: 221px; height: 617px; padding-top: 364px; padding-left:10px; } .in-other a:link { padding-left: 20px; color: #0a4d7d; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inlefta.jpg) no-repeat; line-height: 28px; display: block; } .in-other a:visited { padding-left: 20px; color: #0a4d7d; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inlefta.jpg) no-repeat; line-height: 28px; display: block; } .in-other a:hover { padding-left: 20px; color: #fefefe; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inleftb.jpg) no-repeat; line-height: 28px; display: block; } .in-ups { background:url(pm-in03f.jpg) no-repeat; width: 221px; height: 617px; padding-top: 364px; padding-left:10px; } .in-ups a:link { padding-left: 20px; color: #0a4d7d; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inlefta.jpg) no-repeat; line-height: 28px; display: block; } .in-ups a:visited { padding-left: 20px; color: #0a4d7d; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inlefta.jpg) no-repeat; line-height: 28px; display: block; } .in-ups a:hover { padding-left: 20px; color: #fefefe; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inleftb.jpg) no-repeat; line-height: 28px; display: block; } .in-system { background:url(pm-in03e.jpg) no-repeat; width: 221px; height: 617px; padding-top: 364px; padding-left:10px; } .in-system a:link { padding-left: 20px; color: #0a4d7d; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inlefta.jpg) no-repeat; line-height: 28px; display: block; } .in-system a:visited { padding-left: 20px; color: #0a4d7d; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inlefta.jpg) no-repeat; line-height: 28px; display: block; } .in-system a:hover { padding-left: 20px; color: #fefefe; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inleftb.jpg) no-repeat; line-height: 28px; display: block; } .in-power { background:url(pm-in03d.jpg) no-repeat; width: 221px; height: 617px; padding-top: 364px; padding-left:10px; } .in-power a:link { padding-left: 20px; color: #0a4d7d; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inlefta.jpg) no-repeat; line-height: 28px; display: block; } .in-power a:visited { padding-left: 20px; color: #0a4d7d; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inlefta.jpg) no-repeat; line-height: 28px; display: block; } .in-power a:hover { padding-left: 20px; color: #fefefe; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inleftb.jpg) no-repeat; line-height: 28px; display: block; } .in-solar { background:url(pm-in03c.jpg) no-repeat; width: 221px; height: 617px; padding-top: 364px; padding-left:10px; } .in-solar a:link { padding-left: 20px; color: #0a4d7d; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inlefta.jpg) no-repeat; line-height: 28px; display: block; } .in-solar a:visited { padding-left: 20px; color: #0a4d7d; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inlefta.jpg) no-repeat; line-height: 28px; display: block; } .in-solar a:hover { padding-left: 20px; color: #fefefe; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inleftb.jpg) no-repeat; line-height: 28px; display: block; } .in-street { background:url(pm-in03g.jpg) no-repeat; width: 221px; height: 617px; padding-top: 364px; padding-left:10px; } .in-street a:link { padding-left: 20px; color: #0a4d7d; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inlefta.jpg) no-repeat; line-height: 28px; display: block; } .in-street a:visited { padding-left: 20px; color: #0a4d7d; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inlefta.jpg) no-repeat; line-height: 28px; display: block; } .in-street a:hover { padding-left: 20px; color: #fefefe; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inleftb.jpg) no-repeat; line-height: 28px; display: block; } .in-product { background:url(pm-in03a.jpg) no-repeat; width: 221px; height: 617px; padding-top: 364px; padding-left:10px; } .in-product a:link { padding-left: 20px; color: #0a4d7d; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inlefta.jpg) no-repeat; line-height: 28px; display: block; } .in-product a:visited { padding-left: 20px; color: #0a4d7d; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inlefta.jpg) no-repeat; line-height: 28px; display: block; } .in-product a:hover { padding-left: 20px; color: #fefefe; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inleftb.jpg) no-repeat; line-height: 28px; display: block; } .in-contact { background:url(pm-in03b.jpg) no-repeat; width: 221px; height: 617px; padding-top: 364px; padding-left:10px; } .in-contact a:link { padding-left: 20px; color: #0a4d7d; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inlefta.jpg) no-repeat; line-height: 28px; display: block; } .in-contact a:visited { padding-left: 20px; color: #0a4d7d; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inlefta.jpg) no-repeat; line-height: 28px; display: block; } .in-contact a:hover { padding-left: 20px; color: #fefefe; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inleftb.jpg) no-repeat; line-height: 28px; display: block; } .in-main { margin-top: 367px; width: 215px; height: 28px; margin-left: 10px; } .in-main a:link { padding-left: 20px; color: #0a4d7d; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inlefta.jpg) no-repeat; line-height: 28px; display: block; } .in-main a:visited { padding-left: 20px; color: #0a4d7d; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inlefta.jpg) no-repeat; line-height: 28px; display: block; } .in-main a:hover { padding-left: 20px; color: #fefefe; font-size: 12px; font-weight: bold; text-decoration: none; background:url(pm-inleftb.jpg) no-repeat; line-height: 28px; display: block; } /in-css*/ .in { COLOR: #333; } .top { COLOR: #000066; font-weight:bold; } .blue { BORDER-RIGHT: #3366cc 1px solid; BORDER-TOP: #3366cc 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #3366cc 1px solid; BORDER-BOTTOM: #3366cc 1px solid; BACKGROUND-COLOR: #c1daf2 } .nolefttop { BORDER-RIGHT: #3366cc 1px solid; FONT-SIZE: 12px; BORDER-BOTTOM: #3366cc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #c1daf2 } .nolefttop2 { BORDER-RIGHT: #3366cc 1px solid; FONT-SIZE: 12px; BORDER-BOTTOM: #3366cc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #e8f1f4 } .nolefttopbg { BORDER-RIGHT: #3366cc 1px solid; BORDER-TOP: #3366cc 1px solid; FONT: 12px Verdana, Arial, Helvetica, sans-serif; BORDER-BOTTOM: #3366cc 1px solid; BACKGROUND-COLOR: #e8f1f4 } .notop { BORDER-RIGHT: #3366cc 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #3366cc 1px solid; BORDER-BOTTOM: #3366cc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #c1daf2 } .textthree { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; FONT: 12px Geneva, Arial, Helvetica, sans-serif; COLOR: #3c3c3c; PADDING-TOP: 5px } #tp_footer A:hover, #Copyright A:hover{ cursor:text; }