html, div, body, p, form, img, h1, h2, h3, input { margin:0 auto; padding:0; font:12px/200% Arial, Helvetica, sans-serif; color:#222222; }
body { background-color:#ebebeb; }
ul, li, dl, dt, dd { margin:0; padding:0; list-style:none; }
img, input { border:none; }
a, a:link, a:visited { text-decoration:none; color:#2b2b2b; }
a:hover, a:active { text-decoration:underline; color:#2b2b2b; }
table { border-collapse:collapse; }
.clear { clear:both; }
.fl { float:left; }
.fr { float:right; }
/*header css*/
#header { height:117px; background:url(/style/images/header.jpg) repeat-x 0 0; }
#top { width:1000px; height:117px; }
#logo { width:383px; height:102px; float:left; display:block; overflow:hidden; }

.menu { float:right; width:610px; margin:81px 0 0 0; list-style:none; }
.menu li { float:left; display:block; position:relative; text-align:center; margin:0 5px; width:110px; font-size:17px; height:36px; line-height:29px; color:#484848; text-decoration:none;  z-index:10; }
.menu li:hover, .menu li.sel { background:url(/style/images/menu-on.jpg) no-repeat center 0; }
.menu li.sel a, .menu li:hover a { color:#fff; text-decoration:none; }
.menu .sub_menu { position:absolute; left:0; top:36px; width:400px; z-index:50; background-color:#3084d1; border-radius:0px 0 5px 5px; box-shadow:1px 1px 3px #899496; } 
.menu .sub_menu dl.l{ float:left; padding:10px 0px 15px 15px; }
.menu .sub_menu dl.r{ float:right; padding:10px 15px 15px 0; }

.menu .sub_menu dt { font-size:16px; margin:0 0 10px 15px; text-align:left; color:#1cf50c; }
.menu .sub_menu dd { text-align:left; }
.menu .sub_menu dd a { line-height:25px; font-size:12px; color:#fff; display:block; padding:0 15px; margin-bottom:5px; } 
.menu .sub_menu dd a:hover { text-decoration:none; color:#1cf50c; background-color:#2867a1; }
/*main body*/
#wrap { background:url(/style/images/bg.jpg) repeat-x top; border-bottom:#FFF solid 1px; overflow:hidden; padding:10px 0 20px; }
#wrap-s { background:url(/style/images/bg-s.jpg) repeat-x top; border-bottom:#FFF solid 1px; overflow:hidden; padding:10px 0 20px; }
/*side menu*/
#cat { overflow:hidden; float:right; width:256px; }
.cat-box { overflow:hidden; margin-bottom:10px; }
.cat-box-top { background:url(/style/images/background.jpg) no-repeat -763px -76px; width:256px; height:5px; overflow:hidden; }
.cat-box-bot { background:url(/style/images/background.jpg) no-repeat -763px -84px; width:256px; height:5px; overflow:hidden; }
.cat-main { background-color:#FFF; padding:15px 20px; border-left:#bebebe solid 1px; border-right:#bebebe solid 1px; }
.cat-main-s { background-color:#FFF; padding:15px 5px; border-left:#bebebe solid 1px; border-right:#bebebe solid 1px; }
.cat-main-s h3 { font-size:14px; font-weight:bold; margin-left:12px; }
.cat-main h3 { font-size:14px; font-weight:bold; margin-bottom:10px; }
.cat-main ul li { line-height:20px; margin-bottom:5px; overflow:hidden; }
.cat-main ul li a { color:#222; }
.cat-main .more { float:right; color:#ae4d4d; margin-top:10px; }
.cat-rec { background-color:#FFF; padding:15px 20px 0 0; border-left:#bebebe solid 1px; border-right:#bebebe solid 1px; overflow:hidden; zoom:1; }
.cat-rec dt { font-size:14px; font-weight:bold; margin-left:20px; }
.cat-rec dd { margin:0 0 10px 20px; overflow:hidden; }
.cat-rec dd.cat-rec-main { margin:10px 0 20px 5px; zoom:1; }
.cat-rec dd.cat-rec-main img { float:left; margin-right:15px; }
.cat-rec dd.cat-rec-main p { float:left; width:100px; line-height:20px; margin:5px 0 10px; color:#000; }
.cat-rec dd.cat-rec-main p strong { color:#ba0904; font-size:14px; }
.cat-rec-down { background:url(/style/images/btn.jpg) no-repeat 0 -204px; width:103px; height:27px; display:block; float:left; margin-right:5px; }
.cat-rec-down:hover { background-position:0 0-231px; }
.cat-rec-buy { background:url(/style/images/btn.jpg) no-repeat 0 -258px; width:103px; height:27px; display:block; float:left; }
.cat-rec-buy:hover { background-position:0 0-285px; }
/*footer*/
#footer { clear:both; background-color:#d7d7d7; border-top:#c9c9c9 solid 1px; padding-top:20px; padding-bottom:30px; }
#footer-main { width:1000px; overflow:hidden; }
#footer ul { float:left; width:130px; padding:0 30px 0 0; overflow:hidden; }
#footer ul li.footer-title { font-size:14px; font-weight:bold; margin-bottom:15px; }
#footer ul.popular { width:340px; }
#footer ul.popular li { float:left; width:170px; }
#footer ul.popular li.footer-title { float:none; }
#footer ul.newsletter { width:170px; }
#footer ul.last { width:268px; padding-right:0; }
#footer ul .copyright { margin-top:10px; }
#footer .newsletter-box { margin-bottom:10px; border:1px solid #8c8c8c; width:100%; height:20px; }
#footer .newsletter-btn { background:url(/images/system/subscribe.jpg) no-repeat; width:90px; height:25px; cursor:pointer; }