@charset "utf-8";
@import url("pagination.css");
/* CSS Document */

* { margin:0; padding:0; }
body { font-family:verdana; font-size:11px; color:#333333; background-color:#969696; }
img { border:none; }
a{blr:expression(this.onFocus=this.close());} 
a{blr:expression(this.onFocus=this.blur());} 
a:focus { -moz-outline-style: none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; } 
a.blue { color:#00abf2; }
.blue { color:#00abf2; }
.header { clear:both; width:100%; height:110px;}
.header .wrap { width:1000px;  margin:auto; background:url(images/common/main_bg.gif) repeat-y; padding:0 8px 0 8px;background-position:top; }
.header .s_wrap { background:url(images/top_bg.gif) repeat-x top;  background-position: top; height:81px; margin:auto; clear:both;}
.header .wrap .logo {  float:left; text-align:right; width:150px;}
.header .wrap .slogan { float:left; color:#333d4d; padding-top:30px; text-align:left; width:450px;}
.header .wrap .slogan a { color:#333d4d; }
.header .wrap .links { float:right; width:340px; }
.header .wrap .links .first { color:#85aaba; height:24px; padding:12px 20px 0 0; text-align:right; width:320px; float:left;}
.header .wrap .links .first a { color:#31445d; padding:0 10px; }
.header .wrap .links .box { height:22px; margin-top:2px; line-height:22px; float:left; padding-left:182px; width:158px; }
.header .wrap .links .box a { color:#474747; padding:0 0 0 20px; }
.header .wrap .links .box02 { width:180px;}
.header .wrap .links .box01 a { background:url(images/icon_join.gif) no-repeat left; }
.header .wrap .links .box02 a { background:url(images/icon_youtube.gif) no-repeat left; }

.header .menu { width:1000px; height:44px; margin:auto; background:url(images/common/main_bg.gif) repeat-y; padding:0 8px 0 8px; clear:both; background-position:top;}
.header .s_menu { background-image: url(images/common/top_bg2.jpg); background-repeat: repeat-x; background-position: top; width:1000px; height:44px; margin:auto; clear:both; float:left;}
.header .menu ul { list-style:none; margin:10px 0 0 50px; }
.header .menu li { float:left; margin:0 12px; height:28px; }
.header .menu a { color:#fff; font-size:14px; font-family:arial; line-height:28px; margin:0 15px; }
.header .menu a:hover { text-decoration:none; }
.header .menu .menu_on { background:url(images/common/menu_on_bg.gif) repeat-x; }
.header .menu .menu_on .wrap01 { background:url(images/common/menu_on_left.gif) no-repeat left; }
.header .menu .menu_on .wrap02 { background:url(images/common/menu_on_right.gif) no-repeat right; }
.header .menu .menu_h { background:url(images/common/menu_h_bg.gif) repeat-x; }
.header .menu .menu_h .wrap01 { background:url(images/common/menu_h_left.gif) no-repeat left; }
.header .menu .menu_h .wrap02 { background:url(images/common/menu_h_right.gif) no-repeat right; }
.header .menu .wrap01, .header .menu .wrap02 { height:28px; float:left; }

.main {  margin:0 auto; clear:both; background:url(images/common/main_bg.gif) repeat-y; padding:0 8px 0 8px;/*!important;*/ /* IE7+FF */
 background-position:top; width: 1000px/*!important*/; /* IE7+FF */
/*width: 1016px;*/ /* IE6 */ }
.no_bg { background-image:none; background-color:#FFFFFF; }
/*.main_left { width:726px; float:left; padding-left:24px; }*/
.main_right { width:250px; float:right;}
.main_cen { width:800px; margin:auto; clear:both; }
.main_cen_1000 { width:1000px; margin:auto; clear:both; background:url(images/common/main_bg.gif) repeat-y; padding:0 8px 0 8px; background-position:top;}


.main_right .top_ad { background:#fff; padding-bottom:10px;}
.main_right .item h1 { line-height:30px; font-size:20px; padding-left:55px; color:#3e3a39; font-family:arial; font-weight:normal; float:left; }
.main_right .item h1 a { color:#3e3a39; }
.main_right .item h1.products { background:url(images/common/icon_products.gif) no-repeat 15px center; }
.main_right .item h1.news { background:url(images/common/icon_news.gif) no-repeat 15px center; }
.main_right .item h1.links { background:url(images/common/icon_links.gif) no-repeat 15px center; }
.main_right .item h1.related { background:url(images/common/icon_related.gif) no-repeat 15px center; }
.main_right .item h1.toptips { background:url(images/common/icon_related.gif) no-repeat 15px center; }
.main_right .item a.more { float:right; color:#3e3a39; font-size:12px; padding:20px 5px 0 0; }

.main_right .category_mac a { background:url(images/common/category_left_mac.gif) no-repeat left; }
.main_right .list { list-style:none; padding:0px 0 10px 30px; float:left; }
.main_right .list li { height:22px; float:left; width:220px; }
.main_right .list a { color:#595757; background:url(images/common/arrow_list.gif) no-repeat left; padding-left:10px; }
.main_right .list img { margin-left:5px; }
.main_right .ad { float:left; width:250px; text-align:center; }

.main_left { width:730px; float:left; padding-left:10px; }
.main_right { width:250px; float:left; background:url(images/common/product_list_bg.gif) repeat-y; margin-top:0px; padding-bottom:0; margin-bottom:20px;}
.main_right .item { background:url(images/common/title_bg.gif) no-repeat top; padding:12px 0 7px 0; float:left; width:250px;}
.main_right .category { width:248px; float:left; height:28px; line-height:28px; background:url(images/common/category_bg.gif) repeat-x; font-size:12px; border-left:1px solid #bbbaba; border-right:1px solid #bbbaba; }
.main_right .category a { color:#3e3a39; background:url(images/common/black_arrow.gif) no-repeat 20px center; float:left; line-height:28px; padding-left:33px; }
.main_right .category .more { color:#666666; float:right; line-height:28px; background-image:none; font-size:11px; padding:0 10px 0 0; font-weight:normal; }
/*.main_right .category_mac { background:url(images/common/category_bg_mac.gif) repeat-x; }  */
.main_right .list_mac { background:url(images/common/mac_list_bg.gif) repeat-y; padding:10px 0 0 30px; }
.main_right #right_list_3 { width:250px; background:url(images/common/mac_list_bottom.gif) no-repeat bottom; padding-bottom:10px; float:left; }
.main_right .ad_img { clear:both; width:250px; background:#fff; padding:13px 0; }
.main_right div.related { padding:3px 0 10px 0; float:left; width:250px; }
.main_right .item h1.related { line-height:50px; background:url(images/common/icon_r.jpg) no-repeat 15px center; }
.main_right .list03 { list-style:none; float:left; padding:10px 15px 20px 20px; background:url(images/common/product_list_bottom.gif) no-repeat bottom;}
.main_right .list03 li { line-height:20px; background:url(images/common/why_us.gif) no-repeat 10px 8px; padding:3px 10px 3px 30px; float:left; width:175px; }
.main_right .list03 li a { color:#595757; text-decoration:underline; }
.main_right .list03 li a:hover { color:#595757; text-decoration:none;  }


.footer {background:url(images/common/main_bg.gif) repeat-y; width:1016px; margin:0 auto; clear:both; padding:25px 0 30px 0; text-align:center; background-position:top; }
.footer_line{ clear:both;  width:1000px; border-top:#666 1px solid; margin:auto;}
.footer .link a { color:#333333; font-size:12px; font-family:arial; line-height:28px; padding:0 15px; text-decoration: underline; font-weight:bold; }
.footer .link a:hover { text-decoration:none; }
.footer .copy { color:#595757; padding:4px 0px; }
.footer .assert { width:1000px; margin:auto; clear:both; color:#9fa0a0; line-height:18px; font-size:11px; }
.footer .assert a { color:#9fa0a0; text-decoration:none; }
.footer .assert a:hover { color:#9fa0a0; text-decoration:underline; }
.footer .other_site { width:1000px; margin:auto; clear:both; color:#9fa0a0; line-height:18px; font-size:11px; margin-top:4px; }
.footer .other_site a { color:#9fa0a0; text-decoration:none; }
.footer .other_site a:hover { color:#9fa0a0; text-decoration:underline; }
/*fun righr product list*/
#right_list_1 { width:auto; }
#right_list_2 { width:auto; }
#right_list_3 { width:auto; }
#right_list_4 { width:auto; }
#right_list_5 { width:auto; }
#right_list_6 { width:auto; }
#right_list_7 { width:auto; }
/*navigation*/
.navigation { width:100%; text-align:center; }
.navigation a { color:#333333; text-decoration:none; }
.navigation a:hover { color:#333333; text-decoration:underline; }
/* price*/
.price_now { color:#cc0202; }
.price_old { color:#ff8a00; text-decoration:line-through; margin-right:10px;}
/*clear*/
.clear { clear:both; }
.small_page { width:460px; padding:20px 0 0 30px; font-family:verdana; font-size:11px; color:#6d6d6d;}
.small_page h1 { font-weight:normal; font-size:18px; color:#283446; margin:0; padding:0; padding-bottom:30px;}
.small_page ul { list-style:none; margin:0; padding:0; padding-bottom:10px;}
.small_page li { color:#050505; margin:0; padding:0; height:30px;}
.small_page li span { margin-left:10px; color:red;}
.small_page li span.gray { color:#333;}
.small_page li.on { color:#050505;}
.small_page a { color:#1474d8; font-weight:bold;}
.small_page img { margin-top:20px;}
.small_page p { margin:0; padding:0;}


/* homepage ad box*/
.ad_box, .ad_box .wrap01, .ad_box .wrap02 { width:710px; float:left;}
.ad_box .pic{ padding:10px 0 0 10px; float:left; width:120px; }
.ad_box .text{ float:left; padding:14px 0 0 0; width:520px; line-height:18px;}
.ad_box .text h1{ font-size:11px; padding:0; margin:0; color:#626262}
.ad_box .text h1 a{color:#626262; text-decoration:none;}
.ad_box .text h1 a:hover{text-decoration: underline;}
.ad_box .text h1 span{ color:#ae0030}
.ad_box .text p{ font-size:11px; color:#626262; padding:0; margin:4px 0 4px 0; width:520px; height:60px;}
.ad_box .text p a{color:#626262; text-decoration:none;}
.ad_box .links { font-size:11px; color:#626262}
.ad_box .links a{ font-weight:bold; color:#1072be; text-decoration:none; display:inline-block; line-height:14px; background-image:url(images/ad-dot.gif); padding-left:10px; background-repeat:no-repeat; background-position:0 4px; margin-right:5px;}
.ad_box .links a.ad_download{ margin-left:20px;}
.ad_box .links a:hover{ text-decoration:underline}
.ad_box .links span{ font-weight:bold;color:#ae0030; margin-right:10px;}

.gray_box { background:url(images/gray_bg.jpg) repeat-y;}
.gray_box .wrap01 { background:url(images/gray_top.jpg) no-repeat top;}
.gray_box .wrap02 { background:url(images/gray_bottom.jpg) no-repeat bottom; padding-bottom:10px; height:120px;}

.yellow_box { background:url(images/yellow_bg.jpg) repeat-y;}
.yellow_box .wrap01 { background:url(images/yellow_top.jpg) no-repeat top;}
.yellow_box .wrap02 { background:url(images/yellow_bottom.jpg) no-repeat bottom; padding-bottom:10px;}
/* homepage ad box*/

.guide { clear:both; height:30px; margin:0 auto; clear:both; line-height:50px; color:#323232; padding:0 8px 0 10px;}
.guide a { color:#4a4a4a;}
.guide span { color:#0860a8;}

.t_menu {  margin:0 auto; height:29px; clear:both; background:url(images/common/main_bg.gif) repeat-y; padding:0 8px 0 8px; /* IE7+FF */
 background-position:top; width:1000px /* IE7+FF */
/*width: 1016px;*/ /* IE6 */}

.t_menu .wrap01, .t_menu .wrap02, .t_menu .wrap03 { height:29px; width:980px;}
.t_menu .wrap01 { background:url(images/t_menu_bg.gif) repeat-x; margin-left:10px;}
.t_menu .wrap02 { background:url(images/t_menu_left.gif) no-repeat left;}
.t_menu .wrap03 { background:url(images/t_menu_right.gif) no-repeat right;}
.t_menu a { float:left; color:#fff; font-size:12px; width:97px; height:21px; text-align:center; margin:4px 12px 0 12px; line-height:21px;}
.t_menu a:hover { text-decoration:none; background:url(images/t_menu_h.gif) no-repeat;}
.t_menu a.on { background:url(images/t_menu_on.gif) no-repeat;}

.error a{ color:#333333;}
.errorpage {padding-top:30px; padding-left:10px;}
.errorpage h1{ font-size:16px;}
.new_search{ float:right; padding-right:28px;}
.new_search input{ float:left;}
.searchbox { border: 1px solid #C0CDD9; height:16px; width:198px;}
.noright_content{ width:950px; margin:auto; clear:both; padding:0 10px 30px 10px;}
.wb{ background-color:#FFF; padding-top:10px; clear:both;}