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

* { margin:0; padding:0; }
body { font-family:verdana; font-size:11px; color:#333333;  }
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; }

.aboutus {width:800px;align:center;padding:80px 80px 80px 80px;font-size:12px;line-height:28px;}
 

.addthis{ width:100%; margin:0 auto; position:absolute; top:0; left:0; z-index:2;}
#addthis_con{ position: relative; top: 130px; width:130px; margin:0 auto; float:none; padding-left:320px;}
#addthis_tutorial{ position: relative; top: 130px; width:130px; margin:0 auto; float:none; padding-left:320px;}
#addthis_list{ position: relative; top: 235px; width:130px; margin:0 auto; float:none;}
.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:center; width:192px; }
.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 0px 0 0px;/*!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_box  { width:250px; float:right; }
.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  img{   position: absolute;z-index:2;  }
.main_right  div.products { float:left;width:250px;height:14px; background:#fff; }
/*.main_right .item h1.products { background:url(../images/common/icon_product.png) no-repeat 15px center; }
.main_right .item li.products { background:url(../images/common/icon_product.png) no-repeat 15px center;height:50; }*/
.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:10px 0 10px 20px; float:left; }
.main_right .list li { height:22px; float:left; width:230px; }
.main_right .list a { color:#595757; background:url(../images/common/arrow_list.gif) no-repeat left; padding-left:10px; font-weight:normal;}
.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_blue.jpg) repeat-y; margin-top:10px; padding-bottom:0; margin-bottom:20px; }
.main_right .item { background:url(../images/common/title_bg.jpg) no-repeat top; padding:12px 0 12px 0; float:left; width:250px; }
.main_right .category { width:248px; float:left; height:28px; line-height:28px; background:url(../images/common/category_bg_blue.jpg) 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 20px; }
.main_right #right_list_6 { width:250px; background:url(../images/common/mac_list_bottom_blue.jpg) no-repeat bottom; padding-bottom:11px; float:left;}
.main_right .ad_img { clear:both; width:250px; background:#fff; padding:10px 0; }
.main_right div.related { padding:3px 0 10px 0; float:left; width:250px; }
.main_right .related { background:url(../images/common/title_bg_links.jpg) no-repeat top; padding:12px 0 12px 0; float:left; width:250px; }
 
.main_right .related h1 { line-height:50px; font-size:20px; padding-left:55px; color:#3e3a39; font-family:arial; font-weight:normal; float:left;/* background:url(../images/common/icon_r.jpg) no-repeat 15px center;*/ }
 
.main_right .related h1 a { color:#3e3a39; }
.main_right .list03 { list-style:none; float:left; padding:10px 15px 20px 20px; background:url(../images/common/product_list_bottom_blue.jpg) no-repeat bottom; }
.main_right .list03 li { line-height:20px; background:url(../images/common/ed_link.gif) no-repeat 10px 8px; padding:3px 10px 3px 30px; float:left; width:175px; }
.main_right .list03 li a { color:#595757; text-decoration:underline; font-weight:normal; }
.main_right .list03 li img { margin-left:5px;width:14px;}
.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; }
.no_box { background:url(../images/gray_bg.jpg) repeat-y; }
.no_box .wrap01 { background:url(../images/no_top.jpg) no-repeat top; }
.no_box .wrap02 { background:url(../images/gray_bottom.jpg) no-repeat bottom; padding-bottom:10px; height:120px; }
.no_box .pic { width:190px; }
.no_box .text { width:500px; }
.no_box .text ul { margin-left:20px; }
.no_box .left_side .pic { width:85px; }
.no_box .right_side .pic { width:85px; margin:0 0 0 5px;}
.no_box .text { width:500px; }
.no_box .left_side .text {width:257px; margin-right:5px;  }
.no_box .cen_line{ margin:15px 0 0 0; border-left:#CCC 1px solid; width:1px; height:100px; float:left}
.no_box .left_side .text  h3{font-size:12px;}
.no_box .left_side .text  h3 a{ color:#1072be; font-size:12px;}
.no_box .left_side .text div { }
.no_box .left_side .text div img{ float:right; position: absolute;z-index:2; bottom:18px; padding-left:160px;}
.no_box .right_side .text {width:247px; }
.no_box .right_side .text  h3{font-size:12px;}
.no_box .right_side .text  h3 a{ color:#1072be;font-size:12px;}
.no_box .right_side .text div { }
.no_box .right_side .text div img{ float:right; position: absolute;z-index:2; bottom:18px; padding-left:150px;}

.no_box .text ul { margin-left:20px; }
.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:60px; 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:980px; margin:auto; clear:both; padding:0 10px 30px 10px; }
.wb { background-color:#FFF; padding-top:10px; clear:both; }