/*****************************/
/*** Core html setup stuff ***/
/*****************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td{margin:0;padding:0; font:normal 11px/150% Verdana;  font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica,sans-serif; vertical-align:middle;}
body{ padding:0;margin:0;width: 100%;color:#000; background:url(images/header_bg.jpg) #C3C3C3 top no-repeat; }
table{border-collapse :collapse;border-spacing:0;}
img{border:0;}
a{color:#444; text-decoration:none;}
a:hover{ text-decoration:underline; color:#333333;}
ol,ul{list-style:none;}
caption,th{text-align:left; }
h1,h2,h3,h4,h5,h6{font:bold 100%/160%;}

/********************Content*****************************/
.more a{ color:#EA580B; text-decoration:underline;}
.hudiejie{ background:url(images/honghua.png) no-repeat; width:107px; height:86px; float:right; position:relative; top:99px; left:14px;}
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

#header{width:100%;margin: 0 auto; border-top:#444444 3px solid;}
#header .header{ background:url(images/header_bg.jpg) top no-repeat; width:960px; margin: 0 auto;}
.header .logo { width:250px; float:left;}
.header .logo img { margin-top:20px;}
.topmenu{ float:right; margin-right:-80px;}
.topmenu .topmenu_l{ background:url(images/topmenu_bgl.gif) no-repeat; width:5px; height:21px; float:left}
.topmenu .topmenu_c{ background:url(images/topmenu_bgc.gif) repeat-x; width:200px; height:21px; float:left;}
.topmenu_c a{ color:#D9D9D9; margin-left:9px;}
.topmenu .topmenu_r{ background:url(images/topmenu_bgr.gif) no-repeat; width:5px; height:21px; float:left}

.header .menu{ float:left; position:relative; top:24px; float:right; right:-75px; *width:505px;_right:-83px; }
.menu li{ float:left; margin-right:6px; background:url(images/dian.gif) no-repeat 0 11px; font-weight:bold;}
.menu li a{ height:27px; display:block; float:left;}
.menu div{cursor: pointer;}
.menu li .menu_l{ width:5px; height:27px; float:left;}
.menu li .menu_c{ height:27px; float:left; padding: 0 2px; line-height:26px; font-size:12px; font-weight:bold;}
.menu li .menu_r{ width:5px; height:27px; float:left;}
.menu li.active{ background:none;}
.menu li.active a{ color:#FFFFFF;}
.menu li a:hover{color:#FFFFFF; _color:#000;  text-decoration:none;}
.menu li.active .menu_l,.menu li a:hover .menu_l{background:url(images/menu_bgl.gif) no-repeat;}
.menu li.active .menu_c,.menu li a:hover .menu_c{background:url(images/menu_bgc.gif) repeat-x;}
.menu li.active .menu_r,.menu li a:hover .menu_r{background:url(images/menu_bgr.gif) no-repeat;}

.banner_head { width:100%; margin: 0 auto; height:20px; margin: 0 0 0 0;}
.banner_head .banner_head_l{ background:url(images/dh_bgl.png) no-repeat; width:5px; height:20px; float:left}
.banner_head .banner_head_c{ background:url(images/dh_bgc.png) repeat-x; width:950px; height:20px; float:left;}
.banner_head .banner_head_r{ background:url(images/dh_bgr.png) no-repeat; width:5px; height:20px; float:left}
.breadcrumb{ background:url(images/sidai.png) #FFFFFF no-repeat; width:949px;border-right: #C4C4C4 1px solid; height:25px; line-height:25px; color:#FFF; padding-left:10px; font-size:11px;}
.breadcrumb a{font-size:11px; color:#FFF}


#banner{ border: #C4C4C4 1px solid; border-top:none; border-bottom:none; background:#FFF; padding: 0 10px;  }
.banner_content{ padding:13px 15px 0 15px;}
.banner_content h2{ font-size:22px; font-family:Arial; color:#575757; background:url(images/apple_ico.png) no-repeat right 0px; width:405px; height:27px; }
.banner_content_l{ width:650px; float:left;}

.banner_content_r{ width:258px; text-align:center; float:left;}

.banner_b{ background:url(images/banner_b_bgc.png) 0 100% repeat-x; margin:0 auto;}
.banner_b .banner_b{ background:url(images/banner_b_bgl.png) 0 100% no-repeat; }
.banner_b .banner_b .banner_b{ background:url(images/banner_b_bgr.png) 100% 100% no-repeat;padding:10px;}

	.banner_b .banner_content_l{ padding:0;}
	.creditImgs{ margin-left:15px;}
	.down_Btn{ background:url(images/down_ico.gif) no-repeat; padding-left:17px; margin:0 15px;}
	.down_Btn a{ font-size:14px; color:#2A8801; font-weight:bold; text-decoration:underline;}
	.guideLink{background:url(images/guide_ico.png) no-repeat; padding-left:20px; height:20px; text-align:left; margin:30px 0 0 35px;}
	.guideLink a{  font-size:12px; color:#1E4A9B; text-decoration:underline;}

#wrap{ width:938px; border: #C4C4C4 1px solid; border-top:none; border-bottom:none; background:#FFF; margin:0 auto; padding:10px;}
.module{ margin-bottom:25px;}


.note{ line-height:25px; padding: 0 10px 0 20px;}
.note h3{ color:#F46314; font-size:18px; font-family:Arial;}
.note_title{ color:#363636; font-size:13px; font-weight:bold; margin-bottom:8px;}
.note_ul li{ list-style:none; background:url(images/arrow.gif) no-repeat 0 5px; padding-left:10px;line-height:20px;}
.note h4{ color:#F46314; font-size:14px; font-family:Arial;}

#footer{ width:960px; margin:0 auto;}
#footer .footer_l{ background:url(images/footer_bgl.png) no-repeat; width:8px; height:30px; float:left}
#footer .footer_c{ background:url(images/footer_bgc.png) repeat-x; width:944px; height:30px; float:left; color:#434343; font-size:12px; line-height:30px; text-align:center;}
#footer .footer_r{ background:url(images/footer_bgr.png) no-repeat; width:8px; height:30px; float:left}
#footer .copyright{ text-align:center; margin: 5px 0;}
/*****************************************************************/
.module_title{ background:url(images/module_title_bg.jpg) no-repeat; height:35px; padding-left:5px; margin-bottom:15px;}
.module_content { padding: 0 10px;}
.module p{ line-height:22px;}
.module_title h2{ background:url(images/green_arrow_ico.png) no-repeat 0 8px; padding-left:22px; font-size:16px; font-family: Arial; line-height:35px;}
.content_title{ color:#2F2F2F; font-size:13px; font-weight:bold;}
.content_title span{ color:#1a67c6;}
.rightImg{ float:right; margin-left:50px;}
.leftImg{ float:left; margin-right:25px;}

/******************************************************************/
.banner_content h3{ font-size:22px; font-family:Arial; color:#575757; height:27px; }
.noBackgroud{ background:none;}
.content{ padding: 15px}
.duihua{ background:url(images/kuang_ico.png) no-repeat 0 3px; padding-left:25px;}
.orange_dian{ background:url(images/orange_dian_ico.gif) no-repeat 0 5px; padding-left:15px; font-weight:bold;}
.deng{ background:url(images/deng_ico.jpg) no-repeat 0 3px; padding-left:20px; line-height:20px;}
.other_soft a{ font-size:14px; font-style:italic; font-weight:bold; text-decoration:underline;}

#Prodcut_List table td,#Regnow_Customer_Build table td { line-height:27px;}
#Regnow_Customer_Build table tr td{ border-bottom:#A5A5A5 1px solid; }

/*********add by xuebing 2010.03.10**************/
.affi{ padding: 10px 20px;}
.pro{ padding: 15px 10px;}
.ppro{ padding: 0 3px;}
.subtab{ background:url(images/sub-tab-c.jpg) 0 0 repeat-x; height:42px;}
.subtab .subtab{ background:url(images/sub-tab-l.jpg) 0 0 no-repeat;}
.subtab .subtab .subtab{ background:url(images/sub-tab-r.jpg) 100% 0 no-repeat; padding: 6px 8px 0; height:32px}

.subtabtag li{ padding: 0 15px; float:left; background:url(images/line2.gif) 100% 7px no-repeat; height:24px; margin-right: 10px; }

.subtabtag li div div{ line-height:24px; cursor:pointer;}

.subtabtag li.active{ background:url(images/sub-menu-c.gif) 0 0 repeat-x; padding:0; margin:0;}
.subtabtag li.active div{ background:url(images/sub-menu-l.gif) 0 0 no-repeat;float:left}
.subtabtag li.active div div{ background:url(images/sub-menu-r.gif) 100% 0 no-repeat; padding: 0 10px; color:#fff; font-size:12px; line-height:23px; height:24px;}

.subtabcon{ padding: 0 10px;}
.subtabcon li{ border-bottom: #d5d5d5 1px solid; padding: 10px 0;}
.subtabcon li div.productLi{ width:600px; float: left; }
.subtabcon li div.productLi b{ font-size:14px; line-height:20px;}
.subtabcon li div.versionLi{ width:80px; float: left; font-size:12px; text-align: center;}
.subtabcon li div.versionLi .version{ display:block; padding-top:10px;}

.subtabcon li div.priceLi-p{ width:120px; float: left;  font-size:12px; text-align: center;}

.subtabcon li div span{ display:block; padding-top: 10px;}
.subtabcon li div.priceLi-p span.old-price{ color:#f87b04; text-decoration:line-through;}
.subtabcon li div.priceLi-p span.new-price{ color:#e10101; padding:0;}

.subtabcon li div.buyNowLi,.subtabcon li div.downLi{ dwidth:100px; float: left;  text-align: center;}
.subtabcon li div.buyNowLi a{ display:block; background:url(images/ico-buyNow.jpg) 10px 10px no-repeat; width:42px; height:34px; padding: 10px 0 0 10px;}
.subtabcon li div.downLi a{ display:block; background:url(images/ico-down.jpg) 10px 10px no-repeat; width:42px; height:34px; padding: 10px 0 0 10px;}

.subtabcon li div b.title{ color:#696969; font-size:14px; padding:0;}

/*********add by xuebing 2010.03.10***********/
.gray-t{ background:url(images/yuanjiao-gray-tc.gif) 0 100% repeat-x; height:40px;}
.gray-t .gray-t{ background:url(images/yuanjiao-gray-tl.gif) 0 100% no-repeat;}
.gray-t .gray-t .gray-t{ background:url(images/yuanjiao-gray-tr.gif) 100% 100% no-repeat;}

.tabtag li{ background:url(images/tab-c.gif) 0 0 repeat-x; height:40px; margin-right:10px; float:left;}
.tabtag li div{ background:url(images/tab-l.gif) 0 0 no-repeat; height:40px; float:left}
.tabtag li.first div{ background:url(images/tab2-l.gif) 0 0 no-repeat;}
.tabtag li div div,.tabtag li.first div div{ background:url(images/tab-r.gif) 100% 0 no-repeat; padding: 0 20px;}
.tabtag li div div span{  font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#4b4a4a; line-height:33px; cursor:pointer;}
span.apple{ background:url(images/ico-apple.gif) 0 -1px no-repeat; padding-left:25px;}
span.window{ background:url(images/ico-window.gif) 0 0 no-repeat; padding-left:25px;}
.tabtag li div div a{ text-decoration:none;}

.tabtag li.active{ background:url(images/tab-active-c.gif) 0 0 repeat-x;}
.tabtag li.active div{ background:url(images/tab-active2-l.gif) 0 0 no-repeat;}
.tabtag li.first-active div{ background:url(images/tab-active-l.gif) 0 0 no-repeat;}
.tabtag li.active div div{ background:url(images/tab-active-r.gif) 100% 0 no-repeat;}

.tabcon{ background:url(images/yuanjiao-gray-ml.gif) 0 0 repeat-y; border-right: #cccaca 1px solid;}
.product-ul li{ padding: 0 10px; border-bottom: #cccaca 1px solid;}

.imgLi,.textLi,.priceLi,.btnLi{ float:left;}
.imgLi{ width:130px;padding: 10px 0 0 10px;height:115px;}
.textLi{ width:450px; border-right: #D0D0D0 1px solid; padding: 10px 10px 10px 0;height:105px;}
.priceLi{ width:150px; border-right: #D0D0D0 1px solid; color:#FF2400; font-size:14px; text-align:center; padding: 40px 0; height:45px;}
.btnLi{ width:110px; padding: 30px 0 0 30px;}
a.btn-buy{ background:url(images/btn-buy.jpg) 0 0 no-repeat; display:block; width:117px; height:30px; margin-bottom:5px;}
a.btn-down{ background:url(images/btn-down.jpg) 0 0 no-repeat; display:block; width:117px; height:30px;}



.gray-b{ background:url(images/yuanjiao-gray-bc.gif) 0 0 repeat-x; height:8px;}
.gray-b .gray-b{ background:url(images/yuanjiao-gray-bl.gif) 0 0 no-repeat;}
.gray-b .gray-b .gray-b{ background:url(images/yuanjiao-gray-br.gif) 100% 0 no-repeat;}
/********product*********/
.old-price{ color:#ff6000; font-size:16px;}
.new-price{ color:#ff1800; font-size:24px;}
.tc-left { float:left; width: 186px;/* background:url(images/tc-left.gif) 0 0 repeat-x; */padding: 15px 10px;}
.tc-left li,.tc-left div{ height:30px; }
.tc-left li div div{ padding-left: 12px;}
.tc-left li.active{ background:url(images/sub-ytab-c.gif) 0 0 repeat-x;}
.tc-left li.active div{ background:url(images/sub-ytab-l.gif) 0 0 no-repeat;}
.tc-left li.active div div{ background:url(images/sub-ytab-r.gif) 100% 0 no-repeat;}

.tc-left li a{ background:url(images/arrow-gray.gif) 0 50% no-repeat; padding-left: 10px; line-height:28px; font-weight: bold}
.tc-left li a:hover{ text-decoration:none; color:#FF6600;}

.tc-right{ float:left; padding: 15px 10px; width:700px;}
.tc-right li{ padding: 10px 0; border-bottom: #ccc 1px dotted;}
.tc-right .productImg{ text-align:center; padding: 0 20px 0 0; float:left;}
.tc-right .old-price{ color:#dc520e; font-size:12px; text-decoration:line-through;}
.tc-right .new-price{ color:#f90718; font-size:14px;}
.tc-right h3{ color: #bf3a1a; font-size:17px; padding-bottom:5px;}
.imgMiddle{ vertical-align:middle;}
a.readmore{ color:#0b86cc; font-size:12px; background:url(images/ico-readmore.gif) 0 -1px no-repeat; padding-left:20px; text-decoration:underline; margin-left:15px;}
a.readmore:hover{ color:#0b86cc}

.yel-t,.yel-b{ height:7px; overflow:hidden;}
.yel-t{ background:url(images/yuanjiao-yel-tc.gif) 0 0 repeat-x;}
.yel-t .yel-t{ background:url(images/yuanjiao-yel-tl.gif) 0 0 no-repeat;}
.yel-t .yel-t .yel-t{ background:url(images/yuanjiao-yel-tr.gif) 100% 0 no-repeat;}
.yel-m{ background:url(images/yuanjiao-yel-m.gif) 0 100% repeat-x; border: #e9bc65 1px solid; border-top:none; border-bottom: none; padding: 0 10px; }
.yel-m h3{ color:#515151; font-size:16px; font-weight:bold;}
.yel-m li{ background:url(images/arrow-gray.gif) 0 6px no-repeat; padding: 0 0 4px 10px;}
.yel-m li a,.yel-m li a:hover{ color:#1848a0; font-size:12px; text-decoration:underline;}
.yel-b{ background:url(images/yuanjiao-yel-bc.gif) 0 0 repeat-x; }
.yel-b .yel-b{ background:url(images/yuanjiao-yel-bl.gif) 0 0 no-repeat;}
.yel-b .yel-b .yel-b{ background:url(images/yuanjiao-yel-br.gif) 100% 0 no-repeat;}

.rec{ color:#dd1602; font-size:16px; font-weight:bold; padding-bottom:5px;}
.rec-module{ border: #53aed8 2px solid; padding: 10px; }
.rec-module li{ width:33%; float:left}
.rec-module li h3{ color:#1182b7; font-size:16px; font-weight:bold; padding-bottom:5px;}

.rec-module li .readmore{ background:url(images/readmore-yel.gif) 0 0 no-repeat; color:#3b4245; margin: 0 10px 0 0;}
.rec-module li .free{ background:url(images/down_ico.gif) 0 0 no-repeat; color:#3b4245; padding-left:20px; font-size:12px;}

.clear{ clear:both;}