body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 980px; margin-right: auto; margin-left: auto; line-height: 20px; background-image: url(../images/bj.gif); background-repeat: repeat-x; background-position: top; 
}
/*//////header/////////*/
#header { background-image: url(../images/header_bj.gif); background-repeat: no-repeat; background-position: 455px top; height: 74px; }
#header #logo{ height: 67px; width: 455px; padding-top: 5px; padding-left: 29px; float: left; }
#header #h-r{ float: left; color: #FFFFFF; padding-left: 30px; font-size: 12px; width: 450px; }
#header #h-r #contact{ margin-top: 30px; text-align: right; }
#header #h-r #contact a:link, a:visited{ color: #FFFFFF; text-decoration: none; }
#header #h-r #contact a:hover{ color: #FFFFFF; text-decoration: underline; }

/*//////nav/////////*/
#nav { padding-top: 9px; height: 30px; }
#nav ul{ margin: 0px; padding: 0px; }
#nav li { background-image: url(../images/nav_jg.gif); background-repeat: no-repeat; float: left; width: 127px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; background-position: right; list-style-type: none; margin: 0px; padding: 0px; }
#nav li a:link, a:visited, a:hover, a:active{ color: #FFFFFF; text-decoration: none; list-style-type: none; margin: 0px; padding: 0px; }

/*//////wrap/////////*/
#wrap { margin-top: 7px; }

/*///left ///*/
#wrap #left{ float: left; width: 168px; }
#wrap #left .list_til{ background-image: url(../images/title_windows.gif); background-repeat: no-repeat; height: 40px; color: #FFFFFF; padding-left: 54px; padding-top: 17px; font-weight: bold; font-size: 12px; }
#wrap #left .list_contant{ border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #d1d1d1; border-left-color: #d1d1d1; }
#wrap #left .list_contant .subtil{ height: 22px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #d1d1d1; border-bottom-color: #d1d1d1; background-color: #efefef; padding-left: 10px; font-weight: bold; margin-bottom: 5px; background-image: url(../images/subtitle_pic.gif); background-repeat: no-repeat; background-position: 150px; }
#wrap #left .list_contant a:link { text-decoration: none; color: #333333; }
#wrap #left .list_contant a:visited { text-decoration: none; color: #333333; }
#wrap #left .list_contant a:hover { text-decoration: underline; color: #990000; }
#wrap #left .list_contant ul{ padding-left: 10px; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; }
#wrap #left .list_contant li{ line-height: 22px; list-style-type: none; margin: 0px; padding: 0px; }
#wrap #left .list_down { margin-bottom: 5px; }
#wrap #left .list_til2{ background-image: url(../images/title_mac.gif); background-repeat: no-repeat; height: 40px; color: #FFFFFF; padding-left: 54px; padding-top: 17px; font-weight: bold; font-size: 12px; }

#wrap #mid{ width: 628px; padding-left: 8px; float: left; }
#wrap #mid  a:link { text-decoration: none; color: #333333; }
#wrap #mid  a:visited { text-decoration: none; color: #333333; }
#wrap #mid  a:hover { text-decoration: underline; color: #990000; }
#wrap #mid .gg{ margin-bottom: 5px; }
#wrap #mid .product1{ }
#wrap #mid .product1 div{ height: 286px; width: 204px; background-image: url(../images/bj_product.gif); background-repeat: no-repeat; float: left; }
#wrap #mid .product1 div h1 { margin-top: 8px; margin-bottom: 8px; }
#wrap #mid .product1 div p{ color: #666666; padding-right: 8px; padding-left: 8px; padding-bottom: 8px; }
#wrap #mid .product1 div p img{ float: left; margin-right: 8px; }
#wrap #mid .product1 div span{ display: block; text-align: center; margin-bottom: 10px; margin-top: 5px; font-size: 14px; font-weight: bold; }
#wrap #mid .product1 div span .delate{ font-size: 14px; }
#wrap #mid .product1 div span .price{ font-size: 16px; }
#wrap #mid .product1 .div{ height: 286px; width: 204px; background-image: url(../images/bj_product.gif); background-repeat: no-repeat; float: left; padding-right: 8px; padding-left: 8px; background-position: 8px; }
#wrap #mid .product2 { margin-bottom: 5px; margin-top: 5px; }
#wrap #mid .product2 .contant{ border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #D1D1D1; border-left-color: #D1D1D1; padding-right: 5px; padding-left: 5px; }
#wrap #mid .product2 .contant p { color: #666666; }
#wrap #mid .product2 .contant .tb { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #D1D1D1; }
#wrap #mid .product2 .contant span{ font-size: 12px; font-weight: bold; display: block; margin-bottom: 8px; }
#wrap #mid .til { background-image: url(../images/til_about_bj.gif); height: 24px; background-repeat: repeat-x; color: #FFFFFF; font-weight: bold; }
#wrap #mid .product { width: 612px; margin-right: auto; margin-left: auto; }
#wrap #mid .product .contant{ border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #D1D1D1; border-left-color: #D1D1D1; padding-right: 5px; padding-left: 5px; }
#wrap #mid .product .contant .tb { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #D1D1D1; }
#wrap #mid .product .contant span{ font-size: 12px; font-weight: bold; display: block; margin-bottom: 8px; }
#wrap #mid .til { background-image: url(../images/til_about_bj.gif); height: 24px; background-repeat: repeat-x; color: #FFFFFF; font-weight: bold; }
#wrap #mid .til .til_l{ float: left; }
#wrap #mid .til .til_r{ float: right; }
#wrap #mid .til h2{ text-indent: 5px; float: left; color: #FFFFFF; }
#wrap #mid .about { border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #D1D1D1; border-left-color: #D1D1D1; padding-right: 5px; padding-left: 5px; color: #666666; padding-top: 5px; padding-bottom: 5px; }
#wrap #mid .about p{ padding-bottom: 5px; color: #333333; padding-top: 5px; }
#wrap #mid .tb_affi { background-color: #CCCCCC; }
#wrap #mid .tb_affi td{ background-color: #FFFFFF; }
#wrap #mid .tb_affi th{ background-color: #DDE3EC; }


#wrap #right{ float: right; width: 168px; }
#wrap #right a:link { text-decoration: none; color: #333333; }
#wrap #right  a:visited { text-decoration: none; color: #333333; }
#wrap #right  a:hover { text-decoration: underline; color: #990000; }
#wrap #right .til { background-image: url(../images/til_about_bj.gif); height: 24px; background-repeat: repeat-x; color: #FFFFFF; font-weight: bold; }
#wrap #right .til .til_l{ float: left; }
#wrap #right .til .til_r{ float: right; }
#wrap #right .til h2{ text-indent: 5px; float: left; color: #FFFFFF; }
#wrap #right .contant { border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #D1D1D1; border-left-color: #D1D1D1; padding-right: 5px; padding-left: 5px; color: #666666; padding-top: 5px; padding-bottom: 5px; }
#wrap #right .contant img{ margin-top: 3px; margin-bottom: 3px; }
#wrap #right .contant .font1{ font-size: 12px; font-weight: bold; color: #951f1f; }
#wrap #right .contant .font2{ font-size: 12px; text-decoration: underline; color: #333333; line-height: 25px; }

#footer { margin-top: 12px; margin-bottom: 8px; font-size: 11px; color: #666666; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; }
#footer   a:link { text-decoration: none; color: #333333; }
#footer   a:visited { text-decoration: none; color: #333333; }
#footer  a:hover { text-decoration: underline; color: #990000; }